/* BASIC css start */
.brandWrap .leftArea{width:960px!important;text-align:center;}
.brandSroty table{width:720px; margin:0 auto;}


#brand{z-index:2; position:relative; width:100%; max-width:1200px; min-height:600px; margin:0 auto; padding-bottom: 150px; }
	.brand-wrap{width:100%; height:auto; position:relative; margin-top:100px; }
	.brand-wrap .title{text-align: center; padding-bottom:40px; }
	.brand-wrap .title h2 {text-align: center; float: none; margin-bottom:10px; }
	.brand-wrap .title h4 {text-align: center; font-size:18px; color:#888; letter-spacing: 10px; text-indent:9px; }

.brand-container{width: 100%;}
.brand-container>ul{float: left; }

.brandTopNav{margin-bottom:60px;  }
	.brandTab{position: relative; border-bottom: 1px solid #ddd;}
	.brandTab>li{ float: left; width:20%; border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
	.brandTab>li:last-child{ border-right: 1px solid #ddd;}

	.brandTab>li a{ display: block; padding: 11px 20px; background: #fff; font-size: 18px; color:#787878;}
	.brandTab>li.on>a,
	.brandTab>li a:hover{ background: #d9e3e4; }


/* BASIC css end */