@charset "utf-8";
/* CSS Document */

body{background: url("../img/bg.jpg") fixed;}
.brand{}
.brandTitle{text-align: center;margin: 50px 0 40px;position: relative;line-height: 1;}
.brandTitle em{font-size: 70px;line-height: 1;color: #464646;opacity: .05;position: relative;}
.brandTitle span{position: absolute;font-size: 34px;color: #000;opacity: 1;width: 100%;bottom: 0;left: 0;}

.brand .list{ padding: 0 0 120px;}
.brand .list>ul>li{background: url("../img/list-bg.jpg") repeat-x; min-height: 677px; padding: 15px 15px 0;    border-radius: 5px;border: rgba(204,204,204,.5) 1px solid; border-top: none; position: relative;}
.brand .list>ul>li:after{content:''; width: 23px;height: 64px; background: url("../img/icon.png") no-repeat; position: absolute;right: 62px;top: -22px;z-index: 1;}
.brand .list>ul>li .num{background: url("../img/num-bg.png") no-repeat;width: 99px;height: 137px;position: absolute;left: 10px;top: -22px;color: #fff;text-align: center;padding: 70px 0 0 0;line-height: 1;font-size: 38px;font-family: "Helvetica Neue", Arial;}
.brand .list li .conBox{background: #fff;height: 610px;border-radius: 5px;box-shadow: rgba(204,204,204,.5) 0px 0px 2px 2px; padding: 30px;}
.brand .list a{display: block;font-size: 16px;color: #111;}
.brand .list dl{border: 1px solid #f4f4f4;}
.brand .list dd{float: left;width: 25%;border: 1px solid #f4f4f4;border-width: 0 0 1px 1px;text-align: center;line-height: 47px;overflow: hidden;height: 47px;}
.brand .list dd:nth-of-type(4n+1){border-left: 0;}
.brand .list dt{/* padding: 0 0 0 33.3333% ; */float: left;width: 100%;}
.brand .list a .star{color: #f69603;}
.brand .list dt .brandLogo{width: 25%;text-align: center;min-height: 200px; padding: 35px 0 0 0;float: left;}
.brand .list dt .brandLogo img{display: block; margin: 0 auto;}
.brand .list dt .brandLogo span{width: 112px;height: 27px;display: inline-block;border: 1px solid #bababa;line-height: 25px;font-size: 12px;color: #616161;text-indent: 15px;background: url("../img/arrow.png") right -3px;background-repeat: no-repeat;text-align: left;}
.brand .list dt .brandLogo span:hover{background-position: right -34px;background-color: #f69603;color: #fff;border-color:#f69603; }
.brand .list dt .desc{width:66.6666%;border-left: 1px solid #f4f4f4;min-height: 230px;float: left;padding: 30px 0 0 40px;}
.brand .list a dl p { position: relative; padding: 0 0 0 120px; line-height: 40px; font-size: 16px; color: #333; float: left; width: 100%; zoom: 1; }
.brand .list a dl p:before { content: ''; width: 1px; height: 100%; background: #ddd; position: absolute; z-index: 2; left: 90px; }
.brand .list a dl p:after { content: ""; display: block; clear: both; height: 0; }
.brand .list a dl p span {/* position: absolute; *//* left: 485px; *//* top: 50%; *//* font-size: 12px; *//* height: 36px; */line-height: 36px;/* margin-top: -17px; */width: 60px;text-align: right;margin-left: -120px;float: left;position: relative;/* font-size: 12px; */}
.brand .list a dl p span:before { content: ''; width: 6px; height: 6px; background: #ddd; position: absolute; border-radius: 5px; top: 15px; left: 88px; }
.brand .list a dl p span:after { content: ''; }
.brand .list .pics{font-size: 16px;color: #111;LINE-HEIGHT: 40PX;padding: 10px 0 0 0;}
.brand .list .pics ul{margin: 0 -11px;}
.brand .list .pics li{float: left;width: 25%;padding: 0 10px;}



@media(max-device-width:1024px) {
    .brand .list dt .desc{
    padding: 30px 20px 0 20px;
}
    .brand .list a dl p{
    font-size: 14px;
    line-height: 30px;
    padding: 0px 0 0px 120px;
}
    
    
}