.banner{
 width:auto;
 height:360px;
 background:url(/images/banner/importbrand.jpg) no-repeat center;
 margin:10px 0 0 30px;
}
.content{
 clear:both;
 width:1180px;
 height:auto;
 margin:0 auto;
 overflow:hidden;
 margin-top:10px;
}
.content .brandtitle,
.content .brandlist
{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
}
.content .brandtitle{
 margin-bottom:4px;
}
.content .brandtitle .line{
 display:block;
 width:478px;
 height:1px;
 background:#d9d9d9;
 float:left;
 margin-top:15px;
}
.content .brandtitle .tit{
 display:block;
 font-family:"Microsoft YaHei";
 font-size:24px;
 color:#333;
 float:left;
 margin:0 10px;
}
.content .brandenglish{
 clear:both;
 width:auto;
 height:auto;
 overflow:hidden;
 font-family:"Arial";
 font-size:14px;
 color:#d9d9d9;
 text-align:center;
 margin-bottom:30px;
}
.content .brandlist li{
float:left;
width:auto;
height:auto;
overflow:hidden;
margin-right:32px;
margin-bottom:26px;
}
.content .brandlist li:nth-child(2n){
 margin-right:0px;
}
.content .brandlist li .image{
 display:block;
 width:574px;
 height:345px;
 position:relative;
}
.content .brandlist li .image .img{
 display:block;
 max-width:100%;
 max-height:100%;
 position:absolute;
 top:50%;
 left:50%;
 transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
z-index:1;
}
.content .brandlist li .tit{
 display:block;
 font-family:"Microsoft YaHei";
 font-size:18px;
 color:#333;
 margin:10px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
.content .brandlist li:hover .tit{
 color:#f10180;
}

.remark{ font-size:18px; color:#ff0000; text-align:center; margin:auto; width:1180px; padding-bottom:30px }