/* CSS Document */

/*banner*/
#banner{  width:100%;  overflow:hidden; position:relative;}
#banner ul{ /*margin-bottom:10px;*/}
#banner ul li{ position:relative;  float:left;}
#banner ul li img{ width:100%;}
#aPrev, #aNext{ position:absolute; top:40%; display:block;  z-index:11; }
#aPrev{ left:20px;}
#aNext{ right:20px;}
#banner .ico{  text-align:center; position:absolute; width:100%; bottom:10%;}
#banner .ico ol{ display:inline-block; text-align:center;width:400px;}
#banner .ico ol li{ display:inline-block;zoom:1; *display:inline;margin:0 5px; background:url(../images/ico-normal.png) no-repeat; width:10px; height:10px; cursor:pointer;}
#banner .ico ol li.active{ background:url(../images/ico-active.png) no-repeat;}
.banner-txt{ position:absolute; top:20%; left:15%; font-size:14px; min-width:26%;}
.bannerBg{ background:#1557b7;  padding:20px 40px; }
#banner ul li .bannerBg img{ width:auto; display:block; margin-bottom:10px;}
.bannerBg h3{ font-size:3em; color:#f05033; font-weight:bold;}
.bannerBg .pTxt16{ font-size:2em; color:#fff;}
.bannerBg .pTxt14{ font-size:1em; color:#fff; margin-bottom:10px;}
.bannerBg a{ position:relative; display:inline-block; background:#fff; padding:10px 20px;  text-align:center; color:#1557b7; margin-right:5px;font-size:bold;}
.bannerBg a:hover{ color:red; }
.bannerBg a i{ display:block; position:absolute; right:3px; top:3px; background:url(../images/banner-a-flag.png) no-repeat; width:10px; height:10px;}

/*概述*/
.summy{ width:870px; margin:50px auto 60px auto; font-family:"微软雅黑"; color:#767676; font-size:14px;}
.summy h3{ font-weight:bold; font-size:30px; color:#333; text-align:center; margin-bottom:40px;}
.summy dl{}
.summy dl dt, .summy dl dd{ float:left;}
.summy dl dt{ width:14%; margin-right:5%;}
.summy dl dd{ width:80%;}
.summy dl dd p{ margin-bottom:10px; line-height:20px;}
.summy dl dd .btnAClick{  text-align:right; }
.summy dl dd .btnAClick a{ position:relative; display:inline-block; padding:8px 35px 8px 25px; text-align:right; background:#1557b7;}
.summy dl dd .btnAClick a i{ position:absolute; right:20px; top:13px; background:url(../images/brand/ico-down.png) no-repeat; width:10px; height:10px;}
.summy dl dd .btnAClick a i.active{ background:url(../images/brand/ico-up.png) no-repeat;}

#brandLogo{ position:relative; width:100%;  color:#fff;}
img.hold{ width:100%;}
#brandLogo .brandMain{ /* position:absolute; left:0; top:0;*/ width:100%; background: #000;}
#brandLogo h3{  text-align:center; font-size:30px; font-weight:bold; margin-top:2%;padding-top: 2%}
#brandLogo .brandUl{margin:2% 22% 0 23%;}
#brandLogo .brandUl li{ float:left; width:14%; text-align:center; margin-bottom: 3%; /*padding-left:12px;*/}
#brandLogo .brandUl li a{ display:block; width:100%;}
#brandLogo .brandUl li img{ width:100%;}
#brandLogo .brandUl li:nth-of-type(1){margin-right: 10%;}
/*#brandLogo .brandUl li:nth-of-type(2){border-right:1px solid #fa922a;}*/
/*#brandLogo .brandUl li:nth-of-type(3){border-right:1px solid #f8882b;}*/
/*#brandLogo .brandUl li:nth-of-type(4){border-right:1px solid #f67d2d;}*/
/*#brandLogo .brandUl li:nth-of-type(5){border-right:1px solid #f4722e;}*/
/*#brandLogo .brandUl li:nth-of-type(6){border-right:1px solid #f2692f;}*/
#brandLogo .brandUl li:nth-of-type(7){margin-right: 10%;}

/*公司历程*/
#brandHistory{ position:relative; width:100%;font-family: Arial, "微软雅黑"; color:#fff; /*background:#efe7da;*/ overflow:hidden;
 background:url(../images/bg-month.jpg) no-repeat fixed center 0; padding-bottom:120px; padding-top:40px;
}
.bghold{  position:absolute; left:0; top:0;/*width:100%;*/ z-index:-1;}
#brandHistory .mianBd{ /*position:absolute; left:0; top:0;*/width:100%; margin-top:50px;}
.historyMain{ padding:0 7%; min-width:1000px; margin-top:30px;}
.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:33.33333333333%; *width:24.8%}
.historyUl li a{ position:relative; display:block; background:#333;padding:20px 0;}
.historyUl li.active a, .historyUl li:hover a{ background:#1557b7;}
.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 #1557b7; width:0; height:0;}
.historyUl li a span{ display:block; height:30px; line-height:30px; border-right:1px solid #565656; color:#fff;}
.historyUl li a span:hover { color:#fff;}
.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{ padding-bottom:20px;  background:#fff;}
.listCon dl dt{ position:relative; height:50px; line-height:50px; background:#626262; padding:0 38px; font-size:25px;}
.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:#f16247;}
.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 #f16247; }
.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 dt i.leftred{ left:-20px;  border-right:10px solid #f16247; }
.listCon dl dd{ color:#767676;  font-size:15px; line-height:32px; padding:10px 38px 5px 38px; background:#fff;}
.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 #f05335;}
.smallRoundBlack{border:3px solid #333;}
.smallRound{ display:block; width:15px; height:15px; background:#fff; border-radius:50%;}
.bigRound{  display:block; width:65px; height:65px; background:#fff; border:10px solid #333; border-radius:50%; color:#1557b7; font-size:16px; text-align:center; line-height:50px; font-family:Arial, Helvetica, sans-serif;}

.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;}
.marbot20{ margin-bottom: 20px}
.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:47%; top:-60px;}
.bigRoundPo2{ left:47%; top:20%;}
.bigRoundPo3{ left:47%; top:-120%;}

.timeLeft{ }