@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
body{ margin:0 auto;color:#333;font:14px/26px 'Microsoft YaHei',Arial,宋体,Tahoma,Sans-Serif; background: url(../images/nav-bg.jpg) no-repeat center top #d0e6f4; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0; padding:0;}
ul,li,ol,dt,dd,dl,map,area{ margin:0; padding:0; border:none}
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;} 
img,form{ border:none;margin:0;padding:0;vertical-align:bottom;}
ul,li,dl,dd,dt{list-style:none}
table{ table-layout:fixed; border-collapse:collapse;}
.fl{ float:left}
.fr{ float:right}
.cl{ clear:both; overflow:hidden}
.tc{ text-align:center}
.tl{ text-align:left}
.tr{ text-align:right}
.pr{ position:relative;}
.overh{overflow:hidden;}
.wapper{ white-space:nowrap; overflow:hidden}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/** html .clearfix { height: 1%;}*/
.clearfix {display: block;}
a{ color:#666; text-decoration:none;}
a:hover{ color:#f00; text-decoration:none;}
.mt20{margin-top:20px;}
.dispno{display:none;}
.dispblock{display:block;}
.z-in9999{z-index:9999;}
.z-in99999{z-index:99999;}

.nav_book_box{width:980px;height:734px;background:url(../images/book-bg.png) no-repeat;position: absolute;left:50%;margin-left:-490px;top:90px;}
.nav_left_list{ position:absolute;width:460px;height:695px;left:0;top:0;overflow:hidden;}
.nav_right_date{ position:absolute;width:460px;height:695px;right:0;top:0;}
.nav_right_date .r_tit_box{color:#ffebb4; position:relative;width:400px;margin:40px auto 0;}
.nav_right_date .r_tit_box h1{font:700 40px/60px "微软雅黑";margin-bottom:50px;}
.nav_right_date .r_tit_box h1 cite{font:700 22px/60px "微软雅黑"}
.nav_right_date .r_tit_box i{ position:absolute; right:0;top:65px;}


.date_sel{width:400px;margin:auto;color:#fff; position:relative;border-bottom:1px solid #fff;height:20px}
.le_text{font:16px/22px "微软雅黑"; position:absolute;left:0;bottom:-1px; white-space:nowrap}
.le_textr{font:700 18px/22px "微软雅黑"; position:absolute;left:110px;bottom:22px; white-space:nowrap;}
.ri_yd{ position:absolute;right:0;bottom:10px;text-align:right;}
.date_box{width:400px;margin:30px auto 0;}
.date_box .date_header{margin-right:-10px;*width:410px;font:16px/55px "微软雅黑"}
.date_box .date_header li{width:55px;height:55px;display:block;float:left;background:#fff;margin-left:2px;margin-top:2px; text-align:center;}

.date_box .date_body{margin-right:-10px;*width:410px;font:16px/55px "微软雅黑"}
.date_box .date_body li{width:55px;height:55px;display:block;float:left;background:#cd3334/*#4a799a*/;margin-left:2px;margin-top:2px; text-align:center;color:#fff; cursor:pointer; position:relative;}
.date_box .date_body li.nodate{background:none; cursor: default;}
.date_box .date_body li.bfdate{color:#ccc;background:#c91f20/*34698e*/;cursor: no-drop;}
.date_box .date_body li.on{background:#d44d4e/*779bb3*/;}
.date_box .date_body li.event i{ position:absolute;right:2px;top:2px;width:6px;height:6px;display:block;background:#e2765d; border-radius:50%;}
.date_box .date_body li.today i{ position:absolute;right:0;top:0;width:10px;height:10px;display:block;background:url(../images/jiaobiao.gif) no-repeat; border-radius:0px;}
.date_box .date_body li:hover{background:#d44d4e/*779bb3*/;}
.date_box .date_body li.nodate:hover{background:none; }
.date_box .date_body li.bfdate:hover{background:#d44d4e/*34698e*/; }

.col_lists{width:430px;margin-left:20px;;height:630px;margin-top:40px;padding-right:10px;}
.col_lists:hover{overflow-y: scroll;}
.col_lists ul li{ position:relative;margin-bottom:20px;}
.col_lists ul li span{ position:absolute;background:url(../images/timeline.svg) no-repeat;background-size:100%;width:30px;height:30px;display:block; text-align:center;left:0px;top:0;color:#fff;font:32px/48px "微软雅黑";_left:0px;}
.col_lists ul li h4{font:700 20px/30px "微软雅黑";color:#333;padding-left:30px;padding-bottom:15px;}
.col_lists ul li p{line-height:26px;color:#666;padding-bottom:15px;font-size:15px;border-bottom:1px solid #ccc;padding-left:15px;margin-left:15px;border-left:1px dotted #e8e8e8;}

.Nav_Toptitle{height:44px;background:url(../images/top_title_bg.png) repeat-x;width:100%;z-index:100; position:absolute;top:0;}
.Nav_Toptitle .nav_title{width:1000px;margin:auto; position:relative;z-index:100;}
.Nav_Toptitle .nav_title span{ position:absolute;right:0;top:0;line-height:44px;z-index:100;}
.Nav_Toptitle .nav_title span a{color:#376574;}
.Nav_Toptitle .nav_title span a:hover{color:#A5090A;}

/*年代轴用*/
#col_lists{overflow-y: scroll;}
.nav_yearuse_box{width:980px;height:810px;background:url(../images/yearuse_bg.png) no-repeat;position: absolute;left:50%;margin-left:-490px;top:90px;}
.nav_yearuse_box .yearleft_bd{width:252px; position: absolute;left:0;top:0;}
.nav_yearuse_box .yearleft_bd h2{font:700 36px/46px '微软雅黑';text-align:center;color:#fff;padding: 40px 15px;}
.nav_yearuse_box .yearleft_bd h4{text-align:center;}
.nav_yearuse_box .yearright_bd{ position:absolute;right:0;top:0;width:685px;padding:20px;}
.nav_yearuse_box .yearright_bd .year_sel{height:40px;text-align:right;}
.nav_yearuse_box .yearright_bd .year_sel select{font:18px/40px '微软雅黑';padding:0 0 0 10px;}
.nav_yearuse_box .yearright_bd .year_sel select option{padding:0 20px 0 10px;margin-bottom:3px;border-bottom:1px solid #ccc;padding-bottom:3px;}
.nav_yearuse_box .yearright_bd .year_title{height:114px;overflow:hidden;border:none;margin-left:0px;}
.nav_yearuse_box .yearright_bd .year_title h5{width:97px;height:114px;color:#fff;background: url(../images/year_icon_bg.png) no-repeat;display:block; text-align:center;font:700 16px/114px '微软雅黑';float:left;}
.nav_yearuse_box .yearright_bd .year_title h5 cite{font:700 24px/114px arial;background:none;padding:0;margin:0;float:none;}
.nav_yearuse_box .yearright_bd .year_title p{width:570px;float:left;margin-left:6px;border-bottom:1px solid #ccc;text-align:right;padding:10px 0;margin-top:40px;}

.year_date_list{}
.year_date_list li{border-left:13px solid #4d76a8; position:relative;margin-left:42px;margin-bottom:14px;}
.year_date_list li span.dateicon_left_top{background:url(../images/date_list_leftline.png) no-repeat;width:13px;height:9px; position:absolute;left:-13px;top:-7px;}
.year_date_list li span.dateicon_left_bot{background:url(../images/date_list_leftline2.png) no-repeat;width:13px;height:9px; position:absolute;left:-13px;bottom:-6px;}
.year_date_list li i{border-bottom:1px solid #4d76a8;float:left;width:10px;height:13px;display:block;color:#4d76a8;text-align:center;}
.year_date_list li b{background:#ababab;color:#fff;width:80px;height:26px;font:700 16px/26px '微软雅黑';display:block;float:left;text-align:center;border-radius:16px;}
.year_date_list li p{margin-left:110px;padding-bottom:10px;*margin-left:10px;color:#565656;border-bottom:1px dashed #4d76a8;}

.r_tab_menu{width:70px;padding-left:10px;background:url(../images/right_men_tab.png) no-repeat right -45px; position:absolute;right:-80px;font:700 16px/35px '微软雅黑';color:#fff;}
.r_tab_menu.tab_on{background:url(../images/right_men_tab.png) no-repeat right top;}
.r_tab_menu.tab_off{background:url(../images/right_men_tab.png) no-repeat right -45;}
.top100{top:180px;}
.top140{top:220px;}
.r_tab_menu:hover{color:#fff;background:url(../images/right_men_tab.png) no-repeat right -90px;}