.brandinfo3 .itembox:after{ content:"";display:block; clear:both;}
.brandinfo3 .itembox{background: #fff;}
.brandinfo3 .left{width: 470px; float:left;}

.brandinfo3 .top{padding: 15px 30px;background: #fefbf4;}
.brandinfo3 .bottom{padding: 15px 30px;background: #fff;border-top: 1px solid rgba(234, 234, 234, 0.5);}
.brandinfo3 .topinfo{background: url(/public/img/brand/topbg.jpg);padding: 12.5px; margin:0 -15px;}
.brandinfo3 .topinfo .img{width: 30px;height: 31px;background: url(/public/img/brand/xinyu.png);background-size: 30px 31px;float: left;margin-right: 15px;}
.brandinfo3 .topinfo .record{color: #e9ce9c;float: left;}
.brandinfo3 .topinfo .renling{position:relative; float:right;}
.brandinfo3 .topinfo .renling:hover .tanchu{display:block;}
.brandinfo3 .topinfo .itemsign{padding:0 10px; border-radius:20px; background:#e8d297; color:#201d1e; height:30px; line-height:30px; float:left;}
.brandinfo3 .topinfo .itemsign.hui{background:#ccc;}
.brandinfo3 .topinfo .itemsign .iconfont{margin-right:3px;} 
.brandinfo3 .topinfo .itemsign span{display:inline-block; vertical-align:middle;}
.brandinfo3 .topinfo .itemsign .iconfont{background: -webkit-linear-gradient(360deg, #030000, #ffffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

.brandinfo3 .iteminfo,.brandinfo3 .content,.brandinfo3 .btnlist{margin-top: 15px;}


.brandinfo3 .iteminfo .logo{border:1px solid #ebebeb; display:table-cell; vertical-align:middle;padding: 4px 0;}
.brandinfo3 .iteminfo .logo img{width:160px;}
.brandinfo3 .iteminfo .names{position:relative; display:table-cell; vertical-align:middle; padding-left:15px;}
.brandinfo3 .iteminfo .names .bname{max-width:240px;line-height:28px; display:inline-block;vertical-align: middle;}
.brandinfo3 .iteminfo .names a.jiangpai{ display:inline-block;vertical-align: middle;}
.brandinfo3 .right{ position:relative; width:750px; float:right;}
.brandinfo3 .right .close{position:absolute; right:20px; top:20px; font-size:36px; color:rgba(255, 255, 255, 0.8); border-radius:50%; opacity:0.8; cursor:pointer; display:none;}
.brandinfo3 .right .close.show{ display:block;}
.brandinfo3 .right .start{position:absolute; left:20px; bottom:20px; width:60px; height:60px; border-radius:50%; transition:all linear 1s; opacity:0.2; cursor:pointer; animation:start 1.5s linear 0s infinite alternate;}
@keyframes start{
    0%{opacity:0.2;}
    100%{opacity:1;}
}
.brandinfo3 .right .videobg{position:absolute; left:0; top:0; width:100%; height:100%; display:none; background:black;}
.brandinfo3 .right .videobg.show{display:block;}
.brandinfo3 .right .video{width:auto; height:auto; max-width:100%; max-height:100%; outline:none; position:absolute; top:50%; left:50%; 
transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
}

.brandinfo3 .content .establish{float: left; margin:15px 15px 0 0;padding: 5px 25px;border-radius: 4px;background: #f6f6f6;}

.brandinfo3 .btnlist .btn{float:left; width:32%; margin-left:2%; text-align:center; line-height:28px; font-size:16px; border-radius:4px; background:#a3002f; color:#f6f6f6;}
.brandinfo3 .btnlist .col4 .btn{width:23.5%;}
.brandinfo3 .btnlist .col5 .btn{width:18.4%;}
.brandinfo3 .btnlist .btn:first-child{margin-left:0;}
.brandinfo3 .btnlist .btn:hover{color:#ff0;}
.brandinfo3 .btnlist .btn i{margin-right:3px;}
.brandinfo3 .btnlist .btn span{vertical-align:middle; display:inline-block;}
.brandinfo3 .btnlist:after{ content:""; display:block; clear:both;}

.brandinfo3 .otherinfo li{float:left; width:40%; line-height:2.2em; font-size:15px; padding-right:2%;}
.brandinfo3 .otherinfo li.guanurl{ width:20%; padding-right:0;}
.brandinfo3 .otherinfo li a{color: #a3002f;}
.brandinfo3 .otherinfo li a:hover{color: #F60;}
.brandinfo3 .otherinfo:after{ content:""; display:block; clear:both;}