@charset "utf-8";
/* CSS Document */
.clear {
    clear:both;
}
/*统一调用*/
.wzdw, .yml_bt, .yml_con, .yml_bottom, .page, .ls_jianjie{
    /*width:980px; */
    /*margin:0 auto; */
}
.left{background:#fcf2dd;width:100px;border: 1px solid #ccc;font:14px/30px '微软雅黑';height:35px;}
.right{border: 1px solid #ccc;font:14px/30px '微软雅黑';height:35px;}

/* 位置定位 */
.wzdw{height:36px; background:url("../images/martyr/wzdw_bg.jpg") repeat-x; text-indent:20px; }
.wzdw a{ color:#333; line-height:36px; padding:0 8px;}
.wzdw a:hover{ color:#CC0033;}

/* 英名录  标题 */
.yml_bt{
    height:120px; background:url("../images/martyr/con_t_bg.jpg") no-repeat center;
    font:28px/90px "微软雅黑"; color:#da4a4a; font-weight: bold; text-align: center;
}
/* banner */
.banner{background: url(../images/sub_banner.jpg) no-repeat center top;
  background-size: cover; /* 自适应宽高 */
  width: 100%;
  height: auto; /* 高度 = 屏幕高度 */
  min-height: 640px;  /* 防止高度太小 */}

/* 首页主题图片 */
.Zhutu{ height:960px; background: url(../images/zhuti.jpg) no-repeat center top;}

/* 英名录  内容 */
.yml_con{ height:auto; background:url("../images/martyr/con_c_bg.jpg") repeat-y center top;}
.dy_sty, .dy_sty_rymd{width:1070px; margin:0 auto;}
.dy_sty{border-bottom:#999 1px dotted; text-align: center; padding-bottom: 20px;}
.dy_sty a{ padding:0 8px;}
.dy_sty a{color:#666; padding:0 8px; line-height:36px;}
.dy_sty_rymd ul li{border-bottom:#aaa 1px dotted; height:42px;}
.dy_sty_rymd a{color:#666; display:block; text-align: center; width:106px; float:left; line-height:42px;}
.dy_sty a:hover, .dy_sty_rymd a:hover{ color:#CC0033; }
.zqy_sty{font:14px/36px "微软雅黑"; font-weight: bold;}

@media only screen and (max-width: 768px) {

/* 首页主题图片 */
.Zhutu{ height:auto; background: url(../images/zhuti_wap.jpg) no-repeat center top;}

/* banner */
.banner{background: url(../images/sub_banner_wap.jpg) no-repeat center top;
  background-size: cover; /* 自适应宽高 */
  width: 100%;
  height: auto; /* 高度 = 屏幕高度 */
  min-height: 300px; /* 防止高度太小 */}

/* 英名录  内容 */
.yml_con{ height:auto; background:url("../images/martyr/con_c_bg.jpg") repeat-y center top;}
.dy_sty, .dy_sty_rymd{width:100%; margin:0 auto;}
.dy_sty{border-bottom:#999 1px dotted; text-align: center; padding-bottom: 20px;}
.dy_sty a{ padding:0 8px;}
.dy_sty a{color:#666; padding:0 8px; line-height:36px;}
.dy_sty_rymd ul li{border-bottom:#aaa 1px dotted; height:42px;}
.dy_sty_rymd a{color:#666; display:block; text-align: center; width:20%; float:left; line-height:42px;}
.dy_sty a:hover, .dy_sty_rymd a:hover{ color:#CC0033; }
.zqy_sty{font:14px/36px "微软雅黑"; font-weight: bold;}


/*网上祭奠*/

.memo_con{ height:360px; background:url("../images/martyr/memo_bg.jpg")  no-repeat center top;margin:0;padding:0; position: relative;}
.memo_con1{ height:360px; background:url("../images/martyr/memo_bg1.jpg")  no-repeat center top;margin:0;padding:0; position: relative;}
.memo_bottom{
    position:absolute;bottom:20px; width: 200px; left: 50%; margin-left: -10px; background-color: rgba(0,0,0,0.5);
    border-radius: 5px;
    /*background:url(../images/martyr/memo_btn_bg.png)  no-repeat;*/
}
.memo_h3{width:10px;color:#c22222;line-height:24px;font-size:14pt;font-family:'微软雅黑';}
.memo_bottom ul li{
    text-align: center; width:60Px; float: left; padding:2px;
}
.memo_bottom ul li:hover{
    background-color: rgba(0,0,0,0.5);
}

}
}

.fhml{ float:right; padding:3px 10px; margin-right:10px;}

/* 英名录  尾部背景 */
.yml_bottom{ height:61px; background:url("../images/martyr/con_b_bg.jpg"/*tpa=http://www.sdmartyrs.cn/resource/images/martyr/con_b_bg.jpg*/) no-repeat center top;}
.page{
    /*width:960px; */
     padding-bottom: 30px;
    background:url("../images/martyr/page_bg.jpg"/*tpa=http://www.sdmartyrs.cn/resource/images/martyr/page_bg.jpg*/) repeat-y center top;
    text-align:center;
    /*height:40px; line-height:40px;*/
}
.page a{ margin:0 5px; padding:6px 24px;}

/* 烈士  简介 */
.ls_jianjie{ width:978px height:auto; background:#fcf2dd; border:#ccc 1px solid; padding:10px 0;}
#matyrName{font:20px/36px "微软雅黑"; font-weight: bold;}
.maty_sty01{font:16px/25px "微软雅黑"; font-weight: bold; padding-left:20px;}
/*.wsjd a{background:url(../images/martyr/wsjdan_bg.jpg) no-repeat 36px center; padding:16px 55px; font:16px/25px "微软雅黑"; font-weight: bold; color:#CC0033;}*/
.ls_content{width:90%;}
.maty_sty02{font:16px/25px "微软雅黑"; font-weight: bold;}

.wsjd{
    padding: 20px 0 20px 0;
}
.wsjd a{
    display: block; width: 131px; height: 45px;  margin: 0 auto;
    background:url("../images/martyr/wsjdan_bg.jpg"/*tpa=http://www.sdmartyrs.cn/resource/images/martyr/wsjdan_bg.jpg*/) no-repeat left center;
    font:16px/45px "微软雅黑"; font-weight: bold; color:#CC0033; padding-left: 20px;
}

/*表格样式*/
.mytable{
    border:1px #eee solid; border-collapse:collapse; width: 90%; margin: 0 auto;
}
.mytable th,.mytable td{
    border:1px #eee solid; padding:15px; vertical-align:top;
}
.mytable th{
    background-color: #fafafa; text-align: right; font-weight: normal;
}
.mytable th.matybigtitle{
    text-align: center; font-weight: bold; font-size: 16px; background-color: #fdf9ea;
}
.mytable tr.bg{
    background-color:#ffffe4;
}

/*网上寻亲*/
.martyr_sty03{text-align:center;border-bottom:1px solid #ccc;}

.province{width:100%; float:left;}
.province-top{width:100%;height:40px;text-align:right;margin-top:10px;margin-bottom:20px; background:url("../images/martyr/mar_xq_bg.jpg"/*tpa=http://www.sdmartyrs.cn/resource/images/martyr/mar_xq_bg.jpg*/) repeat-x; border-left:1px solid #ccc; border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.province-top1{width:100%;height:40px;margin-top:10px;margin-bottom:20px; background:url("../images/martyr/mar_xq_bg.jpg"/*tpa=http://www.sdmartyrs.cn/resource/images/martyr/mar_xq_bg.jpg*/) repeat-x; border-left:1px solid #ccc; border-right:1px solid #ccc;border-bottom:1px solid #ccc; }
.you{float:right; height:26px; line-height:40px; padding-right:20px;}

/*网上祭奠*/

.memo_con{ height:630px; background:url("../images/martyr/memo_bg.jpg")  no-repeat center top;margin:0;padding:0; position: relative;}
.memo_con1{ height:630px; background:url("../images/martyr/memo_bg1.jpg")  no-repeat center top;margin:0;padding:0; position: relative;}
.memo_bottom{
    position:absolute;bottom:20px; width: 400px; left: 50%; margin-left: -200px; background-color: rgba(0,0,0,0.5);
    border-radius: 5px;
    /*background:url(../images/martyr/memo_btn_bg.png)  no-repeat;*/
}
.memo_h3{width:10px;color:#c22222;line-height:24px;font-size:16pt;font-family:'微软雅黑';}
.memo_bottom ul li{
    text-align: center; width: 20%; float: left; padding: 10px;
}
.memo_bottom ul li:hover{
    background-color: rgba(0,0,0,0.5);
}
.jdly{background:#fcf2dd; border: 1px solid #ccc;font:14px/30px '微软雅黑';height:35px;text-align:center;}

/*祭奠留言*/
.button{cursor:pointer;}
.area{ clear:both; width:980px; margin-left:auto; margin-right:auto; height:auto;}

.sacrifice{width:978px; height:604px; background:url("../images/martyr/lyjd.jpg"/*tpa=http://www.sdmartyrs.cn/resource/images/martyr/lyjd.jpg*/) no-repeat; border:#bcbcbc solid 1px; position:relative;}
.tributes{width:458px; height:272px; position:absolute; right:42px; bottom:53px; background:url("../images/martyr/lyjd-xh.gif"/*tpa=http://www.sdmartyrs.cn/resource/images/martyr/lyjd-xh.gif*/) no-repeat; padding-top:40px;}
.flower{ width:458px; height:148px;}
.flower dl{width:71px; float:left; display:block; margin-left:34px; display:inline;}
.flower dd{width:71px; display:block; text-align:center;}
.flower dt img{cursor: pointer;}
.speech{width:424px; padding-left:34px; height:80px;}
.text2{width:155px; height:16px; border:none; background:#f7fbfe; border:#bcbcbc solid 1px; float:left;}
.text3{width:348px; height:51px; border:none; background:#f7fbfe; border:#bcbcbc solid 1px; float:left;}
.speech span{display:block; padding-left:5px; padding-right:5px; width:auto; float:left; height:18px; line-height:18px;}
.button{width:368px; height:28px; margin-top:5px; padding-left:130px;}
.button a{padding:5px 8px;  margin-right:20px; color:#fff;}


.lylist li{
    border-bottom: 1px #ddd dotted; padding: 15px; position: relative; padding-left: 57px;
}
.lylist li h4{
    width: 30px; height: 30px; background-color: #ce3203; border-radius: 50%; color: #fff; text-align: center;
    line-height: 30px; position: absolute; left: 12px; top: 12px;
}
.lylist li h5{
    font-size: 14px; color: #aaa;
}
.lylist li h5 span{
    color: #0d85d9; font-size: 14px;
}
.lylist li h5 strong{
    color: #ce3203; font-size: 14px;
}
.lylist li p{
    font-size: 16px; line-height: 32px;
}

.flowerlist li{ width:24%; float: left; text-align: center;}
.flowerlist li img{
    display: block; margin:10px auto; border-radius: 3px;
}