/* 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:#f05133;  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:#f05133; 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; position:relative}
.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:#f05133;}
.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%;}
#brandLogo h3{  text-align:center; font-size:30px; font-weight:bold; margin-top:2%;}
#brandLogo .brandUl{margin:1% 12% 0 12%;}
#brandLogo .brandUl li{ float:left; width:14%; text-align:center; }
#brandLogo .brandUl li a{ display:block; width:90%;}
#brandLogo .brandUl li img{ width:100%;}
#brandLogo .brandUl li:nth-of-type(1){border-right:1px solid #fb9929;}
#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 img{ width:100%;}

/*公司历程*/
#brandHistory{ position:relative; width:100%;font-family:"微软雅黑"; color:#fff; /*background:#efe7da;*/ overflow:hidden;
 background:url(bg-month.jpg) no-repeat fixed center 0
}
.bghold{  position:absolute; left:0; top:0;/*width:100%;*/ z-index:-1;}
#brandHistory .mianBd{ /*position:absolute; left:0; top:0;*/width:100%;}
.historyMain{ padding:0 12%; min-width:1000px;}
.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:1110px;}
.historyUl li{ float:left; width:20%;background:#333;}
.historyUl li a{ position:relative; display:block; background:none;padding:20px 0; color:#FFFFFF;}
.historyUl li.active a, .historyUl li:hover a{ background:#f05133;}
.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 #f05133; 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(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:#f16247;}
.listCon dl dt i{position:absolute;top:15px; display:block; border:10px solid transparent; width:0; height:0;}
.listCon dl dt i.right{ left:-20px;  border-right: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 dd{ color:#767676;  font-size:12px; line-height:25px; 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: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:#f05133; font-size:16px; text-align:center; line-height:50px;}

.conMarLeft54{ margin-left:54%; }
.conMarLeft2{ margin-left:6%; }
.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%;}

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

.timeLeft{ }
.qysp{ min-height:300px;}


.wh_a{ text-align:center; padding-top:20px; color:#000; margin-bottom:20px;}
.wh_b{ width:900px; margin:auto; }
.wh_c{ width:350px; float:left;}
.wh_c p{ color: rgb(101, 101, 101); font-family: 微软雅黑; font-size: 15px; letter-spacing: 0.5px; line-height:25px; vertical-align:middle}