.brand10bangdan2{padding:0 30px; counter-reset:li;}
.brand10bangdan2 .brand10title{ font-size:32px; line-height:2em; text-align:center;}
.brand10bangdan2 .brand10info{ display:flex; align-items: center;}
.brand10bangdan2 .brand10info .imgbox img{ border-radius:10px;}
.brand10bangdan2 .brand10info h1{ text-align:justify; color:#666; font-weight:normal; line-height:1.5em; font-size:32px; padding-left:10px;}

.brand10bangdan2 .item{ background:#fff; border-radius:12px; margin:20px 0;}
.brand10bangdan2 .item .l{ width:250px; height:310px; display:table-cell; vertical-align:top; border-radius:12px; position:relative; background:#c2c6c5; background:linear-gradient(180deg,#464749,#8e8e8e); padding:63px 0 65px 0;}
.brand10bangdan2 .item .l:after{content:""; position:absolute; left:25px; top:38px; border-width:6px 18px; border-style:solid; border-color:transparent transparent #505050 transparent;}
.brand10bangdan2 .item .l .li{ position:absolute; width:40px; height:50px; left:23px; top:0; border-radius:4px; color:#fff; line-height:20px; text-align:center; font-size:24px; font-weight:bold; font-style:italic; background:#444c4e; background:linear-gradient(180deg,#444c4e,#889293);}
.brand10bangdan2 .item .l .li:before{content:""; display:block; background:url(/public/img/brand10/top.png) center center no-repeat; width:36px; height:20px; margin:2px auto 0 auto; background-size:contain;}

.brand10bangdan2 .item.n1 .l{ background:linear-gradient(180deg,#784a55,#9e8f8c);}
.brand10bangdan2 .item.n1 .l:after{ border-bottom-color:#7c535b;}
.brand10bangdan2 .item.n1 .li{ background:linear-gradient(180deg,#e30342,#ffab8e);}
.brand10bangdan2 .item.n2 .l{ background:linear-gradient(180deg,#af9c8d,#a5a279);}
.brand10bangdan2 .item.n2 .l:after{ border-bottom-color:#af9c8b;}
.brand10bangdan2 .item.n2 .li{ background:linear-gradient(180deg,#fda287,#fbd269);}
.brand10bangdan2 .item.n3 .l{ background:linear-gradient(180deg,#839096,#729088);}
.brand10bangdan2 .item.n3 .l:after{ border-bottom-color:#808f94;}
.brand10bangdan2 .item.n3 .li{ background:linear-gradient(180deg,#73afd3,#34f3bf);}
.brand10bangdan2 .item.n4 .l{ background:linear-gradient(180deg,#5e667b,#7e8595);}
.brand10bangdan2 .item.n4 .l:after{ border-bottom-color:#63697f;}
.brand10bangdan2 .item.n4 .li{ background:linear-gradient(180deg,#6d89dc,#97bffa);}
.brand10bangdan2 .item.n5 .l{ background:linear-gradient(180deg,#61695a,#7a8277);}
.brand10bangdan2 .item.n5 .l:after{ border-bottom-color:#646c5f;}
.brand10bangdan2 .item.n5 .li{ background:linear-gradient(180deg,#87ad72,#a8c398);}

.brand10bangdan2 .item .l .starbox{ position:absolute; top:20px; right:20px; width:115px; height:22px; background:url(/public/img/brand10/star2.png) repeat; opacity:0.2;}
.brand10bangdan2 .item .l .starbox .mbg{ height:22px; background:url(/public/img/brand10/star.png) repeat;}
.brand10bangdan2 .item .l .img{ display:block; width:207px; height:90px; margin:0 auto 10px auto; position:relative;}
.brand10bangdan2 .item .l .img:after{ display:block; content: ""; background:rgba(255,255,255,0.5); width:207px; height:90px; transform: rotate(-5deg); position:absolute; left:0; top:0;}
.brand10bangdan2 .item .l .img img{ position:relative; z-index:1;}
.brand10bangdan2 .item .l .dianliang{ display:block; text-align:center; line-height:1.8em; font-size:20px;}
.brand10bangdan2 .item .l .cnpp{ position:absolute; bottom:15px; left:50%; width:180px; margin-left:-90px; display:block; opacity:0.2;}
.brand10bangdan2 .item .l .btnlist{ text-align:center; width:80%; margin:0 auto; padding:10px 0; margin-bottom:10px; line-height:1.8em; border-bottom:1px solid rgba(255,255,255,0.5); font-size:24px;}
.brand10bangdan2 .item .l .btnlist .color1{ color:#fff;}

.brand10bangdan2 .item .r{ width:650px; padding:12px 15px 15px 15px; display:table-cell; vertical-align:top; font-size:24px;}
.brand10bangdan2 .item .r .cname{ display:block; line-height:1.8em;}
.brand10bangdan2 .item .r .bname{ display:block; margin-bottom:10px;}
.brand10bangdan2 .item .r .biaoqian{ display:block; line-height:1.6em; color:#333; margin-bottom:10px; text-align:justify;}
.brand10bangdan2 .item .r .biaoqian .ccc{ margin:0 4px;}
.brand10bangdan2 .item .r .biaoqian:hover{ color:#f60;}
.brand10bangdan2 .item .r .cont{ line-height:1.5em; text-align:justify;}
.brand10bangdan2 .item .r .dhidden4{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-break:break-all;}


.brand10bangdan2 .morebrand .item2{ width:32%; float:left; text-align:center; border-top-left-radius:12px; border-bottom-right-radius:12px; margin-bottom:20px; border:1px solid rgba(216, 177, 115, 0.2); padding:0 5px; font-size:24px; background:#fff;}
.brand10bangdan2 .morebrand .item2 img{ display:block; margin-top:10px;}
.brand10bangdan2 .morebrand .item2 .bname{line-height:60px;}
.brand10bangdan2 .morebrand .item2:nth-child(3n+2){ margin-left:2%; margin-right:2%;}
.brand10bangdan2 .morebrand:after{ content:""; display:block; clear:both;}

.brand10bangdan2.style2{ margin:0px 30px; padding:20px;background:#fff; border-radius:10px;}
.brand10bangdan2.style2 .brand10info .imgbox{ background:#f6f6f6;}
.brand10bangdan2.style2 .item{ border-color:#eee;}
.brand10bangdan2.style2 .item .numa{ color:#fff;}
.brand10bangdan2.style2 .item .btnlist .btn.color1{color: #be0f1b; border-color:rgba(190, 15, 27, 0.1);}
.brand10bangdan2.style2 .item .btnlist .btn.c333{ color:#ccc; border-color:#eee;}
.brand10bangdan2.style2 .name{ color:#333;}