@charset "utf-8";
html,body,div,p,ul,li,img,h1,h2{padding: 0;margin: 0;}
.header {background-color: #121414;height: 27px; text-align:right; font-size:.8em;}
.head-logo{background-color: #D71718;width: 50px;height: 27px;float: left;margin: 0 3px;}
.head-title{line-height: 27px; color:#f0f0f0; text-decoration:none;}

body{background:url(images/bg.jpg) no-repeat fixed; background-size:100%; color:#333;}
.main{ height:55%; position:absolute; overflow:auto;}
.bodyBg{position:fixed; left:0; bottom:0; z-index:-1;}
.bodyBg img.bg{ z-index:-1; width:100%; height:100%;}
.pageBg{position: relative;}
.txtArea{ width:90%;padding:10px 5%; font-size:.9em; line-height:1.8em; margin:0 auto; font-weight:600}
.txtArea .blockName{ padding-top:50px; padding-bottom:30px; font-size:0;}
.txtArea .blockName img{ width:100%;}
.txtArea p{font-size:16px; line-height:1.6em; padding:.5em 0;}
.txtArea p span{ color:#930;}

.coverPage{}
.coverPage .blockName{ padding:0; text-align:right;}
.coverPage img{width:100%; padding-top:80px;}
.forewords h2,.endwords h2{ font-size:1.5em; line-height:1.5em; color:#930; padding-top:50px;}
.forewords p,.endwords p{ text-indent:2em;}
.page2 .timeLine{ border-left:1px solid #930;}
.page2 .timeLine li{ padding:10px 0 10px 30px;line-height:1.8em; background:url(images/timeLine-point.png) left 15px no-repeat; position:relative; left:-10px; }
.page2 .timeLine li span.time{ background:#792d0d; padding:5px; color:#fff; margin-right:5px;}
.page2 .vedioBtn{ cursor:pointer;}
.page5 .txtArea h2{ color:#930;}
.page5 .txtArea big{ display:block; font-size:20px;}

.page6 .page6-time{ font-size:24px; line-height:24px;}
.page6 .page6-time b{ background:#792d0d; height:20px;padding:0 5px; margin-right:10px;}

video{ display:block; margin:0 auto; background:#000;}
.footer{ position:fixed; height:30px; line-height:30px; bottom:0px; left:0; text-align:center; width:100%; font-size:.6em;color:#fff; z-index:99;}