@charset "utf-8";
/* css reset
--------------------------------------------------*/
* { margin: 0; padding: 0; font-size:14px; font-weight: normal; font-style:normal; text-align:left; font-family: \5B8B\4F53, verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000; }
html { height:100%; }
body { height:100%; text-align:center; background: #fff; }
html,body{_background-image:url(about:blank);_background-attachment:fixed;}
img { border: none; }
li { list-style: none; }
select { border:1px solid #A9A9A9; }
strong { font-weight: bold; }
td { line-height: 24px; }
img { vertical-align: middle; }
video { max-width: 1280px; width: 100%; }
a { cursor:pointer; outline:none; color: #000; text-decoration:none; }
input { outline: none; }
a:link { }
a:visited { }
a:active, a:hover { color: #6e2fbf!important; }

.footer {  background: #f9f7f4; text-align: center;padding: 10px 0 }
.footer p{-webkit-box-sizing:border-box;box-sizing:border-box;min-width:320px;max-width:414px;line-height: 18px;padding:0 10px;font-size: 12px;text-align: center;}
/* 公共样式
--------------------------------------------------*/
/* 清除浮动 */
.clearfix { display:block;  #zoom:1;/*ie6-ie7*/}
.clearfix:after { content:''; overflow:hidden; width:100%; height:0px; font-size:0px; margin:0px; padding:0px; display:block; clear: both; }
.swiper-wrapper{position: relative;}
.domPC { display:none; }
.domMobile { display:block; }
/* box */
.box,.area { margin: 0 auto; }
/* box */
.box { width: 100%; overflow: hidden;}
/* scrollTopBtn */
.scrollTopBtn { display: none; position: fixed; right: 20px; bottom: 20px; z-index: 999; height: 40px; width: 40px; text-indent: -8888px; overflow: hidden; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20394%20216'%3E%0A%3Cpath%20style='fill:#2D6FB7;'%20d='M196.8,0l196.8,196.8l-18.8,18.8l-178-178l-178,178L0,196.8L196.8,0L196.8,0L196.8,0z'/%3E%0A%3C/svg%3E%0A"); /*background-image: url(//www.xinhuanet.com/politics/krzzlsjy2015/img/upArrow.png);*/ background-position: center center; background-repeat: no-repeat; background-size: 60% auto; border: #CCC 1px solid; background-color: rgba(255,255,255,0.5); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; cursor: pointer; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.scrollTopBtn:hover { background-color: rgba(14,81,167,0.3); }
/* 头部 */
#mobileHeader { font-family: "微软雅黑"; }
#mobileHeader { width: 100%;position:relative; height: 55px;}
#mobileHeader .name { display: inline-block;  line-height: 48px; font-size:1.5em; font-family:"微软雅黑";  color: #660000; vertical-align: top;padding:0 0 0 0;width: 87%; text-align: center;font-weight: bold;}
#mobileHeader .right { display: block; width: 30px; height: 48px; position: absolute; top: 0px; right: 10px; background: url(//www.xinhuanet.com/politics/krzzlsjy2015/img/xh_mobile_header.png) no-repeat 100% -45px; -webkit-background-size: 60px; background-size: 60px; }
#mobileHeader .mobileNavList { width: 100%; height:0px; overflow:hidden; position: absolute; top: 45px; left: 0px; background: #ededed; z-index:10; }
#mobileHeader .mobileNavList a { float: left; width: 20%; padding: 10px 0; color: #000; text-align: center; font-size:16px; }
#mobileHeader .phnav { text-align: center;background: #843838 repeat;width: 100% }
#mobileHeader .phnav a { float:left; width:20%; height: 60px; line-height: 60px; text-align:center; font-size:1.4em; font-family:"微软雅黑"; color:#fff;overflow: hidden;font-weight: bold; }
#mobileHeader .phnav .cur {border-bottom:5px solid #cccccc;}

.nav,
.nav a { color: #FFFFFF; font-size: 16px; }
.nav { width: 100%; margin: 0 auto; /*height: 45px;*/ line-height: 45px; background-color: #6f1401; /*margin-top: 12px;*/ background-image: url(//www.xinhuanet.com/politics/krzzlsjy2015/img/navBgs.png); background-position: -470px center; background-repeat: no-repeat; }
.nav .area { overflow: hidden; }
.nav .navAreaIn { width: 100%;}
.nav a { margin: 0 25px; }
.navAreaIn a{ font-family:"微软雅黑";}
/*抗战人物*/
.firstP{margin: 0px auto;width: 100%;overflow: hidden;}
.firstP .layBox{width:100%;margin: 0 auto; overflow:hidden;}
.firstP .layBox .slideLeft{ width:96%;padding:5% 2%; overflow:hidden;}
.firstP .layBox .slideLeft ul{ overflow:hidden; zoom:1; }
.firstP .layBox .slideLeft li{ width:100%; margin:0 auto; display:block; float:none;border-bottom: 1px solid #eee;padding: 3% 0;}
.firstP .layBox .slideLeft li .slidePic{display:block; width:23%;height: auto;margin-right: 2%;float: left}
.firstP .layBox .slideLeft li img{ display:block; width:100%;height:auto; }
.firstP .layBox .slideLeft li h3{font-size: 1.8em;line-height:1em;width:75%;height:1em;overflow: hidden;text-align:left;float: left;color: #660000}
.firstP .layBox .slideLeft li h3 a{color: #660000;font-size: 1em;line-height:1em;}
.firstP .layBox .slideLeft li p{display:block;font-size: 1.2em;line-height: 1.3em;float: left;width:75%;height: 5em;overflow: hidden;color: #666}


/*战地今昔*/
.fiveP .layBox{width:100%;margin: 0 auto}
.fiveP .layBox ul{ overflow:hidden; zoom:1;margin: 0 auto;width:96%;padding:0% 2% 5%; }
.fiveP .layBox li{ width:100%; margin:0px auto; display:block;border-bottom: 1px solid #eee;padding: 5% 0;}
.fiveP .layBox li .slidePic{display:block; width:25%;height: auto;margin-right: 2%;float: left}
.fiveP .layBox li img{ display:block; width:100%;height:auto; }
.fiveP .layBox li h3{font-size: 1em;line-height:1.2em;font-weight:normal;font-family:微软雅黑;height:1.2em;overflow: hidden;color: #333}
.fiveP .layBox li h3 a{color: #333;font-size: 1em;}
.fiveP .layBox li p{display:block;font-size: 0.875em;line-height: 1.625em;float: left;width:70%;overflow: hidden;height: 3.2em;color: #666}


/*日本战犯侵华罪行自供*/
.sixP{margin: 0 auto;width: 100%;}
.sixP .headBox{position: relative;width: 100%;height: auto;}
.sixP .headBox img{width: 100%;height: auto;}
.sixP .headBox .bg{width:100%;height:50px;position: absolute;z-index:0;bottom: 0px;left:0px;background: #000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.sixP .headBox .title{width:100%;height:50px;position: absolute;z-index:1;bottom: 0px;left:0px;overflow: hidden;text-align: center;}
.sixP .headBox .title a{display: block;height:50px;line-height:50px;padding:0 5px;font-size:1.8em;color: #fff;font-family:微软雅黑;text-decoration: none;overflow: hidden;text-align: center;font-weight: normal;}
.sixP .layBox{width:100%;margin: 0 auto}
.sixP .layBox ul{ overflow:hidden; zoom:1;margin: 0 auto 0;width:96%;padding:10% 2% 5%;}
.sixP .layBox li{ width:100%;display:block;float: none;margin-bottom:15px;border-bottom: 1px solid #eee;padding-bottom: 15px }
.sixP .layBox li .slidePic{display:block; width:24%;height: auto;margin-right: 2%;float: left}
.sixP .layBox li img{ display:block; width:100%;height:auto; }
.sixP .layBox li h3{font-size: 1em;line-height:1.2em;font-weight:normal;font-family:微软雅黑;height:1.2em;overflow: hidden;color: #333}
.sixP .layBox li h3 a{color: #333;font-size: 1em;}
.sixP .layBox li p{display:block;font-size: 0.875em;line-height: 1.625em;float: left;width:74%;overflow: hidden;height: 5em;margin-top: 10px;color: #666}


/*档案厅*/
.sevenP{margin: 0 auto;width: 100%;}
.sevenP .sL{width: 100%;overflow: hidden;margin-right: 0px;float: none;}
.sevenP .sR{width: 100%;overflow: hidden;float: none;}

/*学术成果*/
.sevenP .sL .layBox{margin: 0 auto;overflow: hidden;width:96%;}
.sevenP .sL .layBox ul{ overflow:hidden; zoom:1;margin: 20px auto 0 }
.sevenP .sL .layBox li{ width: 100%;margin-bottom:15px;background: #efefef;height: auto;overflow: hidden;}
.sevenP .sL .layBox li .slidePic{display:block; width:24%;height: auto;margin-right: 2%;float: left}
.sevenP .sL .layBox li img{ display:block; width:100%;height:auto; }
.sevenP .sL .layBox li h3{line-height:2em;font-weight: bold;font-size: 1em;font-family:微软雅黑;height:2em;overflow: hidden;color: #333}
.sevenP .sL .layBox li h3 a{color: #333;}
.sevenP .sL .layBox li p{display:block;font-size: 0.875em;line-height: 1.625em;float: left;width:74%;overflow: hidden;height: 5em;color: #666}
/*文献史实*/
.sevenP .sR .layBox{width: 100%;margin: 0 auto 10px;overflow: hidden;}
.sevenP .sR .layBox ul{ overflow:hidden; zoom:1;margin: 0px auto;width: 96%;}
.sevenP .sR .layBox li{ line-height:2.5em;font-weight: bold;font-size: 1em;font-family:微软雅黑;height:2.5em;overflow: hidden;color: #333;border-bottom: 1px solid #eee}
.sevenP .sL .layBox li a{color: #333;}

/*360全景纪念馆*/
#focusImg{width: 100%;height:200px;overflow: hidden;position: relative;margin-bottom: 20px;}
#focusImg .swiper-wrapper{width: 100%;}
#focusImg .swiper-wrapper .swiper-slide{float: left;position: relative;}
#focusImg .swiper-wrapper .swiper-slide .img,
#focusImg .swiper-wrapper .swiper-slide .img a,
#focusImg .swiper-wrapper .swiper-slide img{width: 100%;font-size: 0px;vertical-align: top;}
#focusImg .swiper-wrapper .swiper-slide .imgbg{width:100%;height:30px;position: absolute;z-index:0;bottom: 0px;left:0px;background: #000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
#focusImg .swiper-wrapper .swiper-slide .title{width:100%;height:30px;position: absolute;z-index:1;bottom: 0px;left:0px;}
#focusImg .swiper-wrapper .swiper-slide .title a{display: block;height:30px;line-height:30px;padding:0 5px;font-size:16px;color: #fff;font-family:\5FAE\8F6F\96C5\9ED1;text-decoration: none;}
#focusImg .pagination{position: absolute;bottom: 9px;right: 0px;}
#focusImg .swiper-pagination-switch{display: inline-block; width: 6px; height: 6px; background: #a5a5a5; margin-right: 5px; opacity: 0.8; cursor: pointer;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;vertical-align: middle;}
#focusImg .swiper-visible-switch{background: #aaa;}
#focusImg .swiper-active-switch{background: #fff;}
#focusImg .arrow{position: absolute;top: 50%;background: url(//www.news.cn/2015/zhuanti/lh/img/icon_m.png) no-repeat; margin-top: -20px; width: 25px; height: 30px; line-height: 30px;z-index: 10;text-decoration: none;outline: none;}
#focusImg .arrow-left{ left: 0px;background-position: -400px -60px;}
#focusImg .arrow-right{ right: 0px; background-position: -425px -60px;}
/*各地纪念馆*/
.nineP .layBox{width:100%;margin: 0 auto}
.nineP .layBox ul{ overflow:hidden; zoom:1;margin: 0 auto;width:96%;padding:0% 2% 5%; }
.nineP .layBox li{ width:100%; margin:0px auto; display:block;border-bottom: 1px solid #eee;padding: 5% 0;}
.nineP .layBox li .slidePic{display:block; width:25%;height: auto;margin-right: 2%;float: left}
.nineP .layBox li img{ display:block; width:100%;height:auto; }
.nineP .layBox li h3{font-size: 1em;line-height:1.2em;font-weight:normal;font-family:微软雅黑;height:1.2em;overflow: hidden;color: #333}
.nineP .layBox li h3 a{color: #333;font-size: 1em;}
.nineP .layBox li p{display:block;font-size: 0.875em;line-height: 1.625em;float: left;width:70%;overflow: hidden;height: 3.2em;color: #666}


.elevenP{margin: 0 auto;width: 100%;overflow: hidden;}
.elevenP .eL{width: 600px;float: none;overflow: hidden;}

.elevenP .eL .layBox{width:100%;margin:20px auto}
.elevenP .eL .layBox ul{ overflow:hidden; zoom:1;margin: 0px auto}
.elevenP .eL .layBox li{ width:100%; margin:0px auto 15px; display:block;border-bottom: 1px solid #eee;padding-bottom: 15px }
.elevenP .eL .layBox li .slidePic{display:block;  width:24%;height: auto;margin-right: 2%;float: left;position: relative;background: none;}
.elevenP .eL .layBox li img{ display:block; width:100%;height:auto;position: relative;left: 0;top:0; }
.elevenP .eL .layBox li h3{line-height:2em;font-weight: bold;font-size: 1em;font-family:微软雅黑;height:2em;overflow: hidden;color: #333}
.elevenP .eL .layBox li h3 a{color: #333;}
.elevenP .eL .layBox li p{display:block;font-size: 0.875em;line-height: 1.625em;float: left;width:41%;overflow: hidden;height: 4.5em;color: #666}


/*文献史料*/
.twelveP{margin: 0px auto;width: 100%;}
.twelveP .twL{width: 100%;overflow: hidden;margin-right:35px;float: left;}
.twelveP .twL .layBox{padding-left:10px;padding-right:10px;}
.twelveP .twL .layBox ul{ overflow:hidden; zoom:1;margin: 0px auto}
.twelveP .twL .layBox li{ display:block;line-height:2.5em;font-size:1.375em;font-family:微软雅黑;height:2.5em;overflow: hidden;color: #333;border-bottom: 1px solid #eee;}
.twelveP .twL .layBox li a{color: #333;}



/*大事记*/
.thirteenP{width: 100%;margin: 60px auto 0;}
.thirteenP .thL{width: 35%;background: #f1f1f1;float:left;padding: 10px 0}
.thirteenP .thR{width: 65%;background: #fff;float:left;padding: 10px 0}

.thirteenP .thL .timeList li{/*background: url(../img/dianline.png) 110% top no-repeat;*/line-height:1.3em;font-size:1.3em;font-family:微软雅黑;height:3em;color: #666;padding:0 14% 0 5%;text-align: right;position: relative;font-family:微软雅黑;}
.thirteenP .thL .timeList li a{  color: #666;font-size: 1em;font-family: 微软雅黑;width: 104%;display: block;text-align: right;}
.thirteenP .thL .timeList li img{width: 16%;height: auto;position: absolute;right: -8%;top:0}
.thirteenP .thR .titList li{font-weight: bold;line-height:1.5em;font-size:1.3em;font-family:微软雅黑;height:3em;color: #333;padding:0 5%;text-align: left;position: relative;overflow: hidden;width: 90%;}
.thirteenP .thR .titList li a{color: #333;font-size: 1em;font-family:微软雅黑;}