@charset "utf-8";
/* CSS Document */
body,html {width:100%;padding:0;margin:0 auto;}
body{ margin:0 auto; padding: 0 0; font-family:"microsoft Yahei";}
a{ text-decoration:none;} 
a:hover{ color:#731920; text-decoration:none;} 
ul,li,dd,dl{ list-style:none; padding:0; margin:0;}
h2,h3,ul,li,dd,dl,p{ list-style:none; padding:0; margin:0;} 
ol{margin: 0 0; padding: 0 0;}
p { line-height:1.7em;} 
a,img { border:none; padding: 0 0; margin: 0 0;}    
.clear{ clear:both; height:0; overflow:hidden;} 

@media screen and (min-width: 1201px) { 
body{
    background-image: url(/r/cms/www/official/Z2021/gjjzr2021/images/beijingGJJZR.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
    padding-top: 40px;
    vertical-align: top;
}
}

@media screen and (max-width: 1200px) { 
body{
    background-image: url(/r/cms/www/official/Z2021/gjjzr2021/images/beijingGJJZR_1200.png);
    background-repeat: no-repeat;
    padding-top: 40px;
    vertical-align: top;
}
}











/*--国际减灾日介绍--*/
.jieshao{width: 1035px; height: 100px; float: right;}
.jieshao h3{margin: 0px 20px; padding:4px 0px 0px 0px; height: 40px; line-height: 40px; font-size: 20px; font-weight: bold; color: #fff; text-align: left;}
.jieshao p{margin: 0px 20px; padding: 0 0; line-height: 24px; font-size: 16px; font-weight: normal; color: #fff; text-align: left;}


/*--通知行动--*/
.tzxdBJ{background: url(../images/tzxdBJ.png) no-repeat; box-shadow:0px 3px 16px rgba(232,247,228,0.26); width: 1200px; height: 180px; margin: 0 0; padding: 0 0;position: relative;}
/*--通知--*/
.tongzhi{margin: 0px 25px 0px 25px; width: 1150px; height: 81px; padding:22px 0px 14px 0px;}
.tongzhi h2{margin: 0 0; padding: 0 0; height: 50px; line-height: 50px; font-size: 30px; font-weight: bold; color: #103734; text-align: center;}
.tongzhi h2 a{font-size: 30px; font-weight: bold; color: #103734;}
.tongzhi h2 a:hover{color:#731920; }
.tongzhi p{margin: 0px 0px; padding: 0 0; line-height: 31px; font-size: 16px; font-weight: normal; color: #333; text-align: left;}
/*--各地行动--*/
.gdxd{margin: 0px 25px; padding: 15px 0px 18px 0px; width: 1150px; height: 30px;}
.gdxdT{background-color: #a41b25; width: 90px; height: 30px; line-height: 30px; float: left; font-size: 16px; font-weight: normal; color: #fff; text-align: center;}
.gdxdNR{width:1040px; height: 30px; margin: 0 0; padding: 0 0; float: right; overflow: hidden; }
.gdxdNR ul{margin: 0 0; padding: 0 0; width: 1040px; height: 30px; line-height: 30px; list-style: none;overflow-y:hidden;}
.gdxdNR ul li{width: 520px; height: 30px; line-height: 30px; font-size: 16px; font-weight: normal; color: #333; text-align: left; float: left;}
.gdxdNR ul li font{ font-size: 14px; color: #731920;}
.gdxdNR ul li a{font-size: 16px; font-weight: normal; color: #333;}
.gdxdNR ul li a:hover{color:#731920; }



/*--一图读懂--*/
.ytdd{background: url(../images/ytddBJ.png) no-repeat; box-shadow:0px 3px 16px rgba(232,247,228,0.26); width: 540px; height: 400px; margin: 0 0; padding: 0 0; float: left;}
#ytddTU{ width:532px; height:392px; margin:4px 4PX; padding:0px 0px; position: relative; overflow:hidden;}

/*--文章列表--*/
.wzlb{background: url(../images/wzlbBJ.png) no-repeat; box-shadow:0px 3px 16px rgba(232,247,228,0.26); width: 630px; height: 400px; margin: 0 0; padding: 0 0; float: right;}
.wzlbT{width: 580px; height: 28px; line-height: 28px; margin: 0px 25px; padding: 17px 0px 10px 0px; font-size: 24px; font-weight: bold; color: #0f6b63; text-align: left; position: relative;}
.wzlbT strong{color:#731920; }
.wzlbT span{position: absolute; width:80px; height: 28px; top: 17px; right: 0px; }
.wzlbT span a{width:80px; height: 28px; display: inline-block;}
/*--列表内容样式--*/
.liebiaoWZ{margin: 0px 25px; padding: 0 0; width: 580px; height: 345px; list-style: none;}
.liebiaoWZ li{background: url(../images/liebaioTU.png) no-repeat right bottom; border-bottom: 1px dotted #b5b4b4; width: 580px; height:55px; line-height:55px; color:#333333; font-size:16px; font-weight:bold; text-align: left; float: left;}
.liebiaoWZ li font{ font-size: 14px; color: #731920;}
.liebiaoWZ li a{color:#333333; font-size:16px; font-weight:bold;}
.liebiaoWZ li a:hover{color:#731920; }



/*--历年主题--*/
.lnzt{background: url(../images/lnztBJ.png) no-repeat; box-shadow:0px 3px 16px rgba(232,247,228,0.26); width: 1200px; height: 500px; margin: 0 0; padding: 0 0; float: left;}
.lnztT{margin: 0px 25px; padding: 43px 0px 40px 0px; width: 1150px; height:47px; text-align: center; }
.lnztNR{margin: 0px 25px; width:1150px; position: relative;}
.lnztNR .left-btn,.lnztNR .right-btn{width: 16px;height: 41px;background: url(../images/arrow.png) no-repeat;position: absolute;margin-top:-20px;cursor: pointer;}
.lnztNR .left-btn{left:0;top:158px;}
.lnztNR .right-btn{right:0;top:158px;transform: rotate(180deg);}
.lnztNR .right-btn:hover{background: url(../images/arrow-hover.png) no-repeat;transform: rotate(180deg);}
.lnztNR .left-btn:hover{background: url(../images/arrow-hover.png) no-repeat;}
.lnztNR .time-box{width: 1020px;margin: 0 auto;overflow: hidden;}
.lnztNR .time-box ul{overflow: hidden;position: relative; height: 320px;}
.lnztNR .time-box ul:after{content: "";background: #d2d2d2;height: 1px;width: 100%;position: absolute;left:0;top:158px;}
.lnztNR .time-box li{background: #fff; width:130px; height: 102px; float: left; border-radius: 5px; box-shadow:0px 3px 8px rgba(4,15,0,0.3); padding: 10px; margin: 10px 10px; position: relative; cursor: pointer;}
.lnztNR .time-box li:nth-child(2n){margin-top: 188px;}
.lnztNR .time-box li:before{content: ""; position: absolute; width: 20px;height: 18px; background: #fff; bottom: -8px; transform: rotate(-45deg);left: 50%;margin-left: -8px;}
.lnztNR .time-box li:after{content: "";width: 27px;height: 27px;background: url(../images/point.png) no-repeat;position: absolute;left:47.5%;margin-left:-7px;bottom: 0;    bottom: -40px; z-index: 1;}
.lnztNR .time-box li:nth-child(2n):before{bottom: auto;top: -8px;transform: rotate(-225deg);}
.lnztNR .time-box li:nth-child(2n):after{bottom: auto;top:-40px;}

.lnztNR .time-box li h3{background-color:#0f6b63; border-radius: 14px; width: 120px; height: 28px; line-height: 28px; font-size: 18px; font-weight: bold; color: #fff; text-align: center; margin: 7px 5px; padding: 0 0;}
.lnztNR .time-box li p{line-height: 20px; font-size: 14px; font-weight: normal; color: #000; text-align: center; margin: 0px 5px; padding: 0 0;}
.lnztNR .time-box li:hover h3,.lnztNR .time-box li.active h3{background-color:#db3b1d;}
.lnztNR .time-box li:hover:after,.lnztNR .time-box li.active:after{background: url(../images/point-hover.png) no-repeat;}