@charset "utf-8";
/* CSS Document */
*{ box-sizing:border-box;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, button, p, blockquote, pre, hr, th, td, em{margin:0; padding:0;}
body{font: 12px/1.5  '微软雅黑','Microsoft YaHei',Arial,sans-serif; color:#6a6a6a; -webkit-text-size-adjust:none; background:#fff; overflow-x:hidden; min-width:320px;}
h1, h2, h3, h4, h5, h6, button, input, select, textarea{font-size:100%; font-weight:normal; font-family:"Microsoft YaHei";}
fieldset, img{border:0}
address, caption, cite, code, em, i, strong, th, var{font-style:normal}
ol, ul{list-style:none}
table{border-collapse:collapse; border-spacing:0}
label{cursor:default}
input,textarea{ outline:none}
a{text-decoration:none; cursor:pointer;padding:0;margin:0;}
a{color:inherit;}
a:link{text-decoration:none;}

.clearfix:before, .clearfix:after { content: ""; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 

.container{width:1200px;margin:0 auto;}
/*header*/
.header{ position:absolute; left:0;right:0;top:0;z-index:2;}
.header .container{ position:relative;}
.header a{ display:inline-block;}
.header img{ position:absolute; left:0;top:20px; height:59px;}
/*banner*/
.banner{width: 100%;height:680px;position: relative;overflow: hidden;background-position: center center;}
/*footer*/
.footer{background:#191919;line-height:24px;padding:38px 0;font-size:14px;color:#fff; text-align:center;}

/*pageInfo*/
.pageInfo{padding-top:80px; padding-bottom:30px;}
/*navList*/
.nav{padding-bottom:30px;}
.navList {margin:0 auto;padding:0;text-align:center;display:block;font-size:0; max-width:1400px;}
.navList li {list-style:none;display:inline-block;*display:inline;zoom:1;text-align:center;vertical-align:top; margin-bottom:20px;}
.navList li a{display:inline-block;line-height:50px;font-size:18px;color:#494949; margin:0 10px;padding:0 26px; background:#cdcdcd;}
.navList li.on a{color:#fff; background:#ea1515;}
.toupiaobd{ font-size:14px; line-height:28px; padding-bottom:20px;}

@media screen and (max-width: 1220px) {
.container{width:94%;}
.banner{height:500px; background-size:cover;}
.footer{padding:28px 0;font-size:12px;}

.pageInfo{ padding-top:50px;}

.nav{padding-bottom:5px;}
.navList li{margin-bottom:16px;}
.navList li a{line-height:45px;font-size:16px;margin:0 8px;padding:0 20px;}
}
@media screen and (max-width: 1024px) {
.navList li{margin-bottom:10px;}
.navList li a{margin:0 5px;padding:0 15px;}
}
@media screen and (max-width: 640px) {
.container{width:92%;}
.header img{top:3.125vw; height:6.25vw;}
.banner{height:90vw;}
.footer{padding:20px 0;font-size:2.4vw; line-height:normal;}	
.pageInfo{padding-top:10%;}
.navList li{margin-bottom:1vw;}
.navList li a{margin:0 0.5vw;padding:0 2vw;line-height:7vw;font-size:2.6vw;}

.navBox{ overflow: scroll;white-space: nowrap;padding: 0 2% 4%;}
}
@media screen and (max-width: 575px) {
.navList li a{line-height:8vw;}	
}
@media screen and (max-width: 320px) {
.navList li a{margin:0 2.5px;padding:0 5px;line-height:26px;font-size:10px;}
}



/*brandList*/
.brandList .item{background:#f2f2f2; overflow:hidden;border: solid 1px #f2f2f2; margin-bottom:30px; padding-bottom:0px;}
.brandList .item.active,
.brandList .item:hover{border-color: #e7bbbb;background: #faf1f1;}
.brandList .info{padding:30px 20px 15px 30px;}
.brandList .infoBox{position:relative;padding-left:270px;}
.brandList .brandimg{ width:240px;height:140px; line-height:140px;background:#fff;position:absolute;left:0;top:0;}
.brandList .brandimg img{height:140px; max-width:100%;}
.brandList .brandInfo{ padding-right:170px;position:relative;}
.brandList .brandInfo .brandname{padding-bottom:20px;}
.brandList .brandInfo .brandname .tit{ font-size:20px; color:#000; line-height:30px; padding-top:10px; padding-bottom:10px;}
.brandList .brandInfo .brandname .text{font-size:14px; color:#434343; line-height:24px; height:72px; overflow:hidden;}
/*brandvote*/
.brandList .brandInfo  .brandvote-num{position:absolute;right:0;top:10px;font-size:16px; color:#ea1515; line-height:24px; display:inline-block;}
.brandList .brandInfo  .brandvote-num strong{ font-weight:normal;}
.brandList .brandInfo .brandvote a{display:block;position:absolute;right:0;top:60px;width:102px; padding-left:40px;height:67px;border-radius:10px;line-height:140px;background: url(../images/v.png) 12px center no-repeat #ea1515; background-size:20px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.brandList .brandInfo .brandvote a span{display:block;color:#fff; line-height:67px;width:60px; border-left:1px solid #f56666; text-align:center;}
.brandList .brandInfo .brandvote a:hover{ background-color:#d00606;}
.brandList .brandInfo .brandvote a.selected{background-color:#bbbbbb;}
.brandList .brandInfo .brandvote a.selected span{ border-color:#ede3e3;}
/*showmore*/
.brandList .item .showmore{text-align:center;-webkit-transition:all ease-in-out 600ms;-moz-transition:all ease-in-out 600ms;-o-transition:all ease-in-out 600ms;-ms-transition:all ease-in-out 600ms;transition:all ease-in-out 600ms;height:0;margin-top:15px}
.brandList .item .showmore span{display: block;font-size:14px;width:187px;line-height:37px;border-radius:37px;overflow:hidden;background:#ffb400; color:#000000; margin:0 auto; cursor:pointer;}
.brandList .item .showmore span i{ font-style:normal; margin-left:15px; padding-right:12px;background:url(../images/v2.png) center center no-repeat; background-size:12px;}
.brandList .item .showmore.show {height:60px !important; margin-top:0;}
/*brandData*/
.brandList .item .brandData{overflow:hidden;height:0;-webkit-transition:all ease-in-out 600ms;-moz-transition:all ease-in-out 600ms;-o-transition:all ease-in-out 600ms;-ms-transition:all ease-in-out 600ms;transition:all ease-in-out 600ms;}
.brandList .item .brandData .brandDatabox{}
/*brandData table*/
.brandList .item .brandData table{ width:100%; height:auto; }
.brandList .item .brandData td{line-height:28px;font-size:14px;color:#000000;}
.brandList .item .brandData td strong{ font-weight:normal;}
.brandList .item .brandData td a:hover{ color:#ea1515;}
/*brandData li*/
.brandList .item .brandData ul{font-size:0;margin-left:-1.5%;margin-right:-1.5%; padding-top:35px;padding-bottom:30px;}
.brandList .item .brandData ul li{display:inline-block;*display:inline;zoom:1;vertical-align:top;width:13%;margin-left:1.5%;background:#e8d297;border-radius:30px;text-align:center;margin-top:10px;height:32px;line-height:32px; text-align:center;font-size:13px; vertical-align:middle;}
.brandList .item .brandData ul li img{margin-right:3px;position:relative; vertical-align:middle;width:24px; height:24px;}
.brandList .item .brandData ul li.grey {color:#666;background: #cccccc; display:none;}
/**/
.brandList .item .brandData p img{ max-width:100%;}
@media screen and (max-width: 1220px) {
.brandList .info{padding:20px 20px 15px 20px;}
.brandList .infoBox{padding-left:260px;}
.brandList .item .brandData ul{margin-left:-10px;margin-right:0;}
.brandList .item .brandData ul li{min-width:110px;margin-left:10px;border-radius:30px;margin-top:10px;height:30px;line-height:30px;font-size:12px;}
}
@media screen and (max-width:1150px) {
.brandList .infoBox{padding-left:0;}
.brandList .brandInfo{position:relative;padding-left:226px;padding-right:130px; padding-bottom:10px;}
.brandList .brandimg{ width:206px;height:120px; line-height:120px;}
.brandList .brandimg img{height:120px; max-width:100%;}
.brandList .brandInfo .brandname .tit{ font-size:18px;line-height:24px;padding-top:5px; padding-bottom:10px;}
.brandList .brandInfo .brandname .text{font-size:13px;line-height:24px;height:72px;}
.brandList .brandInfo  .brandvote-num{top:0px;font-size:14px;}

.brandList .brandInfo .brandvote a{top:50px; width:auto;padding-left:30px;height:60px;border-radius:10px;line-height:60px; background-position:8px center;background-size:16px;}
.brandList .brandInfo .brandvote a span{line-height:60px;width:60px;}

.brandList .item .showmore{margin-top:0px}
.brandList .item .showmore span{font-size:13px;width:180px;line-height:35px;border-radius:35px;}
}
@media screen and (max-width:767px) {
.brandList .brandInfo{position:static;padding-left:0;padding-right:0; padding-bottom:10px;}
.brandList .brandimg{ width:103px;height:60px;line-height:60px;}
.brandList .brandimg img{height:60px;max-width:100%;}	
.brandList .brandInfo .brandname{padding-bottom:0; }
.brandList .brandInfo .brandname .tit{position:relative; padding-left:120px;font-size:22px;line-height:30px; padding-top:10px; padding-bottom:10px; min-height:70px;}
.brandList .brandInfo .brandname .text{font-size:16px;line-height:30px;height:auto; max-height:90px;}
.brandList .brandInfo .brandvote a{top:0px; width:auto;padding-left:30px;height:50px;border-radius:10px;line-height:50px; background-position:8px center;background-size:16px;}
.brandList .brandInfo .brandvote a span{line-height:50px;width:50px;}

.brandList .brandInfo  .brandvote-num{top:15px;right:100px;font-size:14px;}


.brandList .item{ border:none;border-bottom:2px solid #f2f2f2!important;border-color: #f2f2f2;background: #f2f2f2;}
.brandList .item.active,
.brandList .item:hover{border-color: #f2f2f2;background: #f2f2f2;}
.brandList .info{padding:20px 20px 0 20px;}

.brandList .item .brandData td{ display:block!important;width:100%;line-height:28px;font-size:16px;color:#000000; text-align:right; padding:10px 20px;}
.brandList .item .brandData td strong{float: left;}
.brandList .item .brandData td:nth-child(1){background:#eee;}
.brandList .item .brandData td:nth-child(2){background:#e5e5e5;}
.brandList .item .brandData td a{ color:#ea1515;}

.brandList .item .brandData ul{font-size:0;margin-left:-1.5%;margin-right:-1.5%; padding-top:10px;padding-bottom:20px;}
.brandList .item .brandData ul li{width:23%;margin-left:1.5%;border-radius:40px;margin-top:10px;height:40px;line-height:40px;font-size:16px;}
.brandList .item .brandData ul li img{margin-right:3px; width:24px; height:24px;}

.brandList .item .showmore{height:60px !important; margin-top:0;margin-top:15px}
.brandList .item .showmore span{font-size:16px;width:200px;line-height:40px;border-radius:40px;}
.brandList .item .showmore span i{margin-left:15px; padding-right:12px;background-size:12px;}
}
@media screen and (max-width: 640px) {
.brandList .brandimg{ width:16.09375vw;height:9.375vw;line-height:9.375vw;}
.brandList .brandimg img{height:9.375vw;}	
.brandList .brandInfo .brandname .tit{padding-left:18.75vw;font-size:3.75vw;line-height:4.6875vw; padding-top:1.5625vw; padding-bottom:1.5625vw; min-height:10.9375vw;}
.brandList .brandInfo .brandname .text{font-size:2.6vw;line-height:4.6875vw;max-height:14.0625vw;}
.brandList .brandInfo .brandvote a{padding-left:5vw;height:7.8125vw;border-radius:10px;line-height:7.8125vw; background-position:1.25vw center;background-size:2.5vw;font-size:2.1875vw;}
.brandList .brandInfo .brandvote a span{line-height:7.8125vw;width:9vw;}

/*.brandList .brandInfo  .brandvote-num{top:1vw;right:16vw;font-size:2.1875vw;}*/
.brandList .brandInfo .brandvote-num{top:0;right:0;font-size:2.4vw; position:static; display:block;}
.brandList .brandInfo .brandname .tit{padding-top:0.5vw;}

.brandList .item{ margin-bottom:3vw;}
.brandList .info{padding:3.125vw 3.125vw 0 3.125vw;}



.brandList .item .brandData td{line-height:4.375vw;font-size:2.5vw;padding:1.5625vw 3.125vw;}


.brandList .item .brandData ul{margin-left:-1.5%;margin-right:-1.5%;padding-top:1.5625vw;padding-bottom:3.125vw;}
.brandList .item .brandData ul li{min-width:100px;width:23%;margin-left:1.5%;border-radius:6.25vw;margin-top:1.5625vw;height:6.25vw;line-height:6.25vw;font-size:2.5vw;}
.brandList .item .brandData ul li img{margin-right:3px; width:3.75vw; height:3.75vw;}

.brandList .item .showmore{height:9.375vw!important;margin-top:2.34375vw}
.brandList .item .showmore span{font-size:2.6vw;width:auto;line-height:6.25vw;border-radius:6.25vw; padding:0 10px; display:inline-block;}
.brandList .item .showmore span i{margin-left:2.5vw;padding-right:1.875vw;background-size:1.875vw;}

}
@media screen and (max-width: 350px) {
.brandList .item .brandData ul li{min-width:85px;}	
}