html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, h7,pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, em, button, menu, section, aside, summary,nav { margin: 0; padding: 0; font-family:"Microsoft Yahei","微软雅黑",sans-serif;}

i,t,h1,h2,h3,h4,h5,h7,b,dl,dd,dt{ font-style:normal; font-weight:normal;}
a { color: #fff; text-decoration: none; outline:none; }
a:hover {color:#fff;text-decoration: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
li{ list-style:none;}


#brandHistory{ position:relative; width:100%; color:#fff; padding-bottom:30px; /*background:#efe7da;*/ overflow:hidden;}
.bghold{  position:absolute; left:0; top:0;/*width:100%;*/ z-index:-1;}
#brandHistory .mianBd{ /*position:absolute; left:0; top:0;*/width:100%;}
.historyMain{ width:1200px; margin:0 auto;}
.historyMain h3{ color:#333; font-size:30px; font-weight:bold; margin-top:3%; text-align:center;}
.historyUl{ margin-top:3%; margin-bottom:3%;  font-size:22px; text-align:center; width:100%;}
.historyUl li{ float:left; width:25%; *width:24.8%}
.historyUl li a{ position:relative; display:block; background:#333;padding:20px 0;}
.historyUl li.active a, .historyUl li:hover a{ background:#F5AE16;}
.historyUl li.active a span, .historyUl li:hover a span{ border:none;}
.historyUl li.active a i,  .historyUl li:hover a i{ position:absolute; left:45%; bottom:-20px; display:block; border:10px solid transparent; border-top:10px solid #F5AE16; width:0; height:0;}
.historyUl li a span{ display:block; height:30px; line-height:30px; border-right:1px solid #565656;}
.historyLists{ font-size:22px;}
.timeUl{background:url(../images/bg-timer.jpg) repeat-y center 0;}
.timeUl li{ position:relative; width:100%;}
.listElement{ display:none; }
.fl{ float:left;}
.fr{ float:right;}
.listCon{ width:40%;}
.listCon dl{}
.listCon dl dt{ position:relative; height:40px; line-height:40px; background:#626262; padding:0 38px;}
.listCon dl dt.alignRigth{ text-align:right;}
.listCon dl dt.alignLeft{ text-align:left;}
.listCon dl dt.black{ background:#626262;}
.listCon dl dt.red{ background:#F5AE16;}
.listCon dl dt i{position:absolute;top:15px; display:block; border:10px solid transparent; width:0; height:0;}
.listCon dl dt i.right{ right:-20px;  border-left:10px solid #F5AE16; }
.listCon dl dt i.left{  right:-20px; border-left:10px solid #626262; }
.listCon dl dt i.other{ left:-20px;  border-right:10px solid #626262; }
.listCon dl dd{ color:#767676;  font-size:12px; line-height:25px; padding:10px 38px 5px 38px; background:#EEEEEE;}
.timeLine{ position:absolute; left:47%; top:0;}
.timeMiddle, .smallRound, .bigRound{ position:absolute; left:0; top:0;}
.timeMiddle{ width:3px; background:#333; height:930px; margin:0 32px;}
.smallRoundRed{border:3px solid #F5AE16;}
.smallRoundBlack{border:3px solid #333;}
.smallRound{ display:block; width:10px; height:10px; background:#fff; border-radius:50%;}
.bigRound{  display:block; width:50px; height:50px; background:#fff; border:10px solid #333; border-radius:50%; color:#F5AE16; font-size:16px; text-align:center; line-height:50px;}

.conMarLeft54{ margin-left:54%; }
.conMarLeft2{ margin-left:6%; }
.marTop100{ margin-top:150px;}
.marTop30{ margin-top:80px;}
.marTop10{ margin-top:-30px;}
.marTop70{ margin-top:-70px;}
.marTop105{ margin-top:-105px;}
.marTop90{ margin-top:-100px;}
.marTop180{ margin-top:-180px;}
.boxPo20143{position:absolute; left:655px; top:0;}
.boxPo20139{ position:absolute; left:38px; top:170px;}
.boxPo20138{ position:absolute; left:655px; top:230px;}
.boxPo20132{ position:absolute; left:655px; top:435px;}
.boxPo2013{ position:absolute; left:38px; top:383px;}
.boxPo2012{ position:absolute; left:38px; top:580px;}
.boxPo201222{position:absolute; left:38px; top:740px;}
.boxPo201210{position:absolute; left:655px; top:630px;}

.smallRoundPo1{ left:49.3%; top:12%;}
.smallRoundPo2{ left:49.3%; top:24%;}
.smallRoundPo3{ left:49.3%; top:13%;}
.smallRoundPo4{  left:49.3%; top:24%;}
.smallRoundPo5{  left:49.3%; top:30%;}
.smallRoundPo6{ left:49.3%; top:17%;}
.smallRoundPo7{  left:49.3%; top:17%;}
.smallRoundPo8{  left:49.3%; top:9%;}
.smallRoundPo9{  left:49.3%; top:20%;}
.smallRoundPo10{  left:49.3%; top:20%;}
.smallRoundPo11{  left:49.3%; top:12%;}
.smallRoundPo12{  left:49.3%; top:12%;}
.smallRoundPo13{  left:49.3%; top:10%;}
.smallRoundPo14{  left:49.3%; top:15%;}
.smallRoundPo15{  left:49.3%; top:15%;}


.bigRoundPo1{ left:46.5%; top:-60px;}
.bigRoundPo2{ left:46.5%; top:20%;}
.bigRoundPo3{ left:46.5%; top:-120%;}

.timeLeft{ }