@charset "utf-8";
/* CSS Document */
body{ background-image:url(../img/aboutbg.jpg); background-attachment:fixed; background-position:top; background-repeat:no-repeat; background-size:100% 100%;}
.history_main{ width:100%; margin-top:20px; }
/* CSS Document  border:1px solid #ccc*/
.infopic{ width:100%; height:330px; position:relative; overflow:hidden; margin:5px auto;}
.piclist{ height:330px; position:absolute; top:0; left:0;}
.piclist li{width:199px; height:330px; background:url(../img/beijing.png) no-repeat; margin-right:5px; float:left; overflow:hidden; font-family:"宋体"; cursor:pointer; display:block}
.piclist li:hover{background:url(../img/beijing2.png) no-repeat;}

.pic_prev{ width:42px; height:65px; background:url(../img/zuo_jiantou.png) no-repeat; position:absolute; top:125px; left:30px; cursor:pointer;}
.pic_next{ width:42px; height:65px; background:url(../img/you_jiantou.png) no-repeat; position:absolute; top:125px; right:30px; cursor:pointer;}
.year{ font-size:56px; line-height:70px; padding-left:20px; width:110px; color:#666565}
.year1{ padding-left:20px; width:116px; color:#666565; font-family:"微软雅黑";}
.year2{ float:right; width:36px; font-size:28px; line-height:1.0em; padding-top:10px; padding-right:10px ; font-weight:bold; font-family:"宋体"; color:#000; text-align:center}
.close{ width:22px; height:22px; position:absolute; z-index:500; right:-10px; top:-10px; cursor:pointer;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out; }
.close:hover{ -webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);-o-transform:rotate(360deg);}
.wenzi{ width:730px; line-height:30px; float:left; line-height:150%; height:410px; overflow-y:auto; overflow-x:hidden; padding:20px;}
.tupian{  line-height:30px; padding:20px; float:left; display:inline; margin-left:40px; margin-top:30px}
.tittle_fiveyear{line-height:70px; font-size:48px;font-weight:bold; font-family:'宋体'; color:#000; padding-top:15px; padding-bottom:15px}

.brand_home{ float:left; display:inline; margin-left:230px; margin-top:5px; margin-bottom:65px;}
.brand_word{ float:left; display:inline; margin-left:10px; margin-top:0px; color:#000}



.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999999999999999999999999999999999999999999999999999;
  display: none;
  background:#000 !important
}

.modal p {
  font-size: 14px;
  text-align: left;
  margin: 10px 0 0;
}
.modal p:hover {
  cursor: pointer;
}
.modal {
  display:none; position:absolute; background:#F9ECC2; top:10%; width:770px; height:450px; top:20%;left:25%; z-index:9; color:#000;
}