@charset 'utf-8';
* {color:#666; font-size:14px; font-family: "宋体"; box-sizing:border-box;}
h1, h2, h3, h4, h5, h6 { font-weight:normal;}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { text-decoration:none; }
a:hover { text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { border:none; outline: none;}
table { border-collapse:collapse; }
/* css common */
.in{display:inline-block;}
.le{float: left;}
.rg{float: right;}
.center{width:1310px;margin:0 auto;}
.hide{display: none;}
body{ background:url(../images/pinpai/bg.png) repeat; padding:0px;margin:0;}
/*icon*/
.icon{background: url(../images/pinpai/icon.png) no-repeat;width: 20px;height: 20px;display: inline-block;}

.arr_down{background-position: 0 0;}
.arr_top{background-position: -40px 0;}
.member_icon{background-position: -80px 0;}
.shoping_icon{background-position: -120px 0;}
.arr_down_blank{background-position: -160px 0;}
.good_icon{background-position:0 -40px}
.ding_icon{background-position: -40px -40px;}
.selling_icon{background-position: -80px -40px;}
.high_quality_icon{background-position: -120px -40px;}
.brands_icon{background-position: -160px -40px;}
.affiliate_icon{background-position: 0 -78px;}
.arr_left{background-position: -80px -80px;}
.arr_right{background-position: -120px -80px;}
.tanzi_icon{background-position: -160px -80px;}
.maobi_icon{background-position: -120px -120px;}
.police_icon{background-position: 0 -120px;}
.hulian_icon{background-position: 0 -160px;}
.app_icon{background-position: 0 -200px;}


.banner{border:3px solid #e2d1b9;overflow: hidden;height: 500px;}
 ul.gong{width:335px;background:#f1e7d8;height:500px;padding:15px;margin:0px;}
 ul.gong li.title{position:relative;border-bottom:5px solid #d3b6a1;padding-bottom:12px;}
 ul.gong li.title .wen{color:#d18657;font-size:16px;font-family:"微软雅黑";}
 ul.gong li.title .rt{width:30px;height:30px;position:absolute;top:-12px;right:-12px;}
 ul.gong li.p .title{margin-left:40px;display:block;}
 ul.gong li.p.active .title{display:none;}
 ul.gong li.p{border-bottom:1px dashed #bbb8b8;position:relative;padding:8px 12px;}
 ul.gong li.p .num{position:absolute;top:6px;left:14px;width:20px;height:20px;line-height:20px;text-align:center;color:#fff;background:#bbb8b8;border-radius:50%;}
 ul.gong li.p.active .num{text-align:center;width:24px;height:24px;border-radius:50%;background-color:#de2810;color:#fff;font-size:16px;}
 ul.gong li.p .img{width:120px;height:120px;}
 ul.gong li.p .img div{width:120px;height:120px;display:table-cell;vertical-align:middle;text-align:center;}
 ul.gong li.p div.ip{display:none;height:120px;}
 ul.gong li.p.active div.ip{display:block;}
 ul.gong li.p .img img{max-width:120px;max-height:120px;vertical-align:middle;}
 ul.gong li.p div.pp{width:160px;}
ul.gong li.p div.pp p{margin:10px 0px;}


.banner .rg{width: 969px;display: block;overflow: hidden;height: 500px;}
.slider,.slider_panel img,.slider_extra{width:969px;height: 500px;}
.slider{text-align: center;position: relative;}
.slider_panel,.slider_nav,.slider_pre,.slider_next{position: absolute;z-index: 5;}
.slider_panel{position: absolute;top:0px;left:0px;}
.slider_extra{position: relative;}
.slider_nav{position: absolute;bottom: 4px;left: 50%;margin-left: -51px;}
.slider_nav li {float: left;
  background: #3e3e3e; 
  border-radius: 50%; 
  color: #fff; 
  cursor: pointer; 
  margin: 0 2px; 
  overflow: hidden; 
  text-align: center; 
  display: inline-block; 
  height: 18px; 
  line-height: 18px; 
  width: 18px; 
 } 
 .slider_nav .slider_item_selected { 
  background: blue; 
 } 
 .slider_page a{ z-index: 555;
  background: rgba(0, 0, 0, 0); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000); 
  color: #fff; 
  text-align: center; 
  display: block; 
  font-family: "simsun"; 
  font-size: 22px; 
  width: 28px; 
  height: 62px; 
  line-height: 62px; 
  margin-top: -31px; 
  position: absolute; 
  top: 50%; opacity: 0;
 } 
 .slider:hover a{ 
  background: rgba(0, 0, 0, 0.4); opacity: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); 
 } 
 .slider_next { 
  left: 100%; 
  margin-left: -28px; 
 } 

/*诚信品牌*/
.integrity_brands .center{background: #e2d1b9;overflow: hidden;}
.integtiry_brands_center {margin:15px;border:5px solid #fffefe;border-radius: 4px;padding:0 42px;overflow: hidden;}
.integtiry_brands_center h3{font-family:"微软雅黑";border-bottom: 2px solid #c7b397;display: block;height: 48px;line-height: 48px;position: relative;font-size: 18px;color: #000;margin-bottom: 13px;}
.integtiry_brands_center h3:before{content: "";width: 184px;height: 2px;position: absolute;bottom: -2px;left: 0;background: #bf7204}
.integtiry_brands_center ul{padding:0px;}
.integtiry_brands_center ul li{float: left;display: block;overflow: hidden;width: 186px;height: 132px;margin-left: 14px;margin-bottom: 14px; transition:All 0.8s ease-in-out; -webkit-transition:All 0.8s ease-in-out;    -moz-transition:All 0.8s ease-in-out;    -o-transition:All 0.8s ease-in-out;position: relative;}
.integtiry_brands_center ul li:before{width: 100%;height: 100%;position: absolute;top:0;left: 0;content: "";}

.integtiry_brands_center ul li img{width: 100%;height: 100%;}


.integtiry_brands_center ul li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1); -ms-transform:scale(1.1);}

/*热卖商品*/
.hlt_commodity{background: #fff;padding-top: 10px;overflow: hidden;}
.hlt_commodity .center{padding:20px 0px;width: 1250px;}
.hlt_commodity .center .le{width: 1077px;}
.hlt_commodity .center .mtitle{line-height: 30px;font-size: 18px;color: #000;border-bottom: 3px solid #e2d1b9;padding-bottom: 4px;width: 100%;display: block;overflow: hidden;margin-bottom: 35px;}
.hlt_commodity .center .mtitle .icon{width: 38px;height: 30px;float: left;}
.hlt_commodity .center .mtitle p{display: inline-block;float: left;margin-top: 5px;margin-left: 5px;font-size:18px;font-family:"微软雅黑";color:#333;}
.hlt_commodity .center ul{display: none;padding:0px;}
.hlt_commodity .center ul li{float: left;margin-right: 8px;margin-bottom: 20px;}
.hlt_commodity .center ul li:last-child{margin-right: 0;}
.hlt_commodity .center ul li div{display:table-cell;width: 171px;height: 214px;vertical-align:middle;text-align:center;overflow: hidden;text-align: center;}
.hlt_commodity .center .rg img{padding-top:20px;}
.hot_commodity_center li img{max-width:171px;max-height:214px;vertical-align:middle;}

.hlt_commodity .center ul.active{display: block;}

.hlt_commodity .center ul.hot_commodity_nav{display: block;}
.hlt_commodity .center ul li.hot_commodity_item{width: 24px;height: 24px;line-height: 24px;display: inline-block;text-align: center;font-size: 14px;background: #ccc;border-radius: 50%;color: #fff;cursor: pointer;margin-bottom: 0;margin-top: 5px;}
.hlt_commodity .center ul li.hot_commodity_item:hover{background: red;}
.hlt_commodity .center ul li.hot_commodity_item.active{background: red;}
/*优质商家*/
.quality_businesses{background: #fff;overflow: hidden;}
.quality_businesses > .center{padding:0 16px 16px;}
.quality_businesses h3 .high_quality_icon{width: 34px;height: 34px;margin: 16px 10px 0 24px;}
.quality_businesses h3{line-height: 28px;display: block;margin:0px;overflow: hidden;font-size: 18px;}
.quality_businesses h3 p{font-size:18px;font-family:"微软雅黑";color:#333;}
.quality_businesses_list{border-radius: 2px;border:3px solid #d5d2d2;overflow: hidden;width: 1267px;	}
.quality_businesses_list .dd_box{width: 769px;}
.quality_businesses_list dd{margin:0px;float: left;border-left: 2px solid #d5d2d2;border-top: 3px solid #d5d2d2;width: 128px;text-align: center;height: 95.7px;}
.quality_businesses_list dd:first-child{border-top: none;}
.quality_businesses_list dd:nth-child(2){border-top: none;}
.quality_businesses_list dd:nth-child(3){border-top: none;}
.quality_businesses_list dd:nth-child(4){border-top: none;}
.quality_businesses_list dd:nth-child(5){border-top: none;}
.quality_businesses_list dd:nth-child(6){border-top: none;}

.quality_businesses_list dd p{margin:0px;padding:0px;font-family:"微软雅黑";font-size: 14px;color: #010101;line-height: 24px;}
.quality_businesses_list dd p:hover{color: red;}

.quality_businesses_list dt{float: left;position: relative;width: 246px;height: 384px;display: block;overflow: hidden;}
.quality_businesses_list dt .letter_markg{position: absolute;bottom: 0%;left: 0%;height:100px;width: 100%;background: rgba(0,0,0,.4);text-align: center;color: #fff;padding:5px 0;}
.quality_businesses_list dt .mask{position: absolute;bottom: 0%;left: 0%;width:100%;}
.quality_businesses_list dt .mask span{display:inline-block;font-size:26px;margin-left:79px;color:#fff;}
.quality_businesses_list dt .mask p{text-align:center;color:#fff;}
.quality_businesses_list dt .img_box{width: 246px;height: 384px;}
.quality_businesses_list dt .img_box img{width: 100%;height: 100%;}
.quality_businesses_list dt .hot_icon{position: absolute;top:0;left: 0;}
.letter_markg strong{font-size: 24px;font-weight: bold;line-height: 32px;}
.letter_markg p{font-size: 18px;line-height: 24px;}

/*行业品牌*/
.industry_brand{background: #fff;overflow: hidden;padding-bottom: 20px;}
.industry_brand>.le{margin-left: 20px;width: 983px;}
.industry_brand .le .mtitle{border-bottom: 4px solid #e2d1b9;line-height: 46px;font-size: 18px;color: #010101;font-family: "Microsoft YaHei";}
.industry_brand .le .mtitle p{font-size:18px;font-family:"微软雅黑";color:#333;}
.industry_brand .le .mtitle .icon{width: 40px;height: 30px;margin-right: 10px;margin-top: 3px;}

.industry_brand .le ul{margin: 0px 7px;padding:0px;}
.industry_brand .le ul li{display: block;float: left;border:2px solid #c7c5c5;text-align: center;width: 157px;height: 166px;margin-right: 40px;margin-right:36px\0;margin-top: 20px;/*line-height: 50px;*/}
.industry_brand .le ul li .img_box{height: 116px;line-height: 116px;}
.industry_brand .le ul li .img_box img{vertical-align: middle;}
.industry_brand .le ul li:nth-child(5n){margin-right: 0;}
.industry_brand .le ul li p{font-size: 14px;}

.industry_brand .le ul li:hover{background: #ccc;}

.industry_brand .rg{margin-right: 30px;width: 246px;background: #f1e7d8;border-top: 4px solid #e2d1b9;margin-top: 82px;height: 377px;}
.industry_brand .rg ul.gng{width:236px;padding:10px;height:373px;}
.industry_brand .rg .gng .title{border:none;}
.industry_brand .rg .gng li.p{padding:10px 0px;}
.industry_brand .rg .gng li.p div.ip{height:100px;}
.industry_brand .rg .gng li.p .img{width:80px;height:80px;}
.industry_brand .rg .gng li.p .img div{display:table-cell;width:80px;height:100px;text-align:center;vertical-align:middle;}
.industry_brand .rg .gng li.p .img img{width:100%;height:100%;max-width:80px;max-height:80px;vertical-align:middle;}
.industry_brand .rg .gng li.p .num{top:10px;left:2px;}
.industry_brand .rg .gng li.p div.pp{width:130px;padding-left:5px;}
.industry_brand .rg .gng li.p div.pp p{font-size:12px;color:#333;margin:8px 0px;}


/*品牌加盟*/
.brand_combining{background: #fff;overflow: hidden;padding-bottom: 20px;}
.brand_combining .center{padding:0 8px;overflow: hidden;width: 1278px;}
.brand_combining .mtitle{height: 52px;border-bottom: 4px solid #e2d1b9;font-size: 18px;color: #010101;overflow: hidden;padding:0 10px 0 5px;width: 1263px;}
.brand_combining .mtitle p{display: inline-block;font-size:18px;color:#333;font-family:"微软雅黑";margin: 0px;}
.brand_combining .mtitle .icon{width: 52px;height: 30px;margin: 10px 10px 0px 0px;}
.brand_combining .mtitle a{font-size: 14px;color: #020202;float: right;margin-right: 0px;margin-top:26px;}
.brand_combining .mtitle a span{margin-left: 5px;margin-top: 3px;}
.brand_combining .mtitle a:hover{color: #d2a66a;}

.brand_combining .main{background: #fff3e2;padding:0px 16px 20px 0px;overflow: hidden;}
.brand_combining .main .le{width: 944px;}
.brand_combining .main .le li{float: left;background: #fff;width: 250px;height: 130px;margin: 20px 58px 0px 0px;display: block;overflow: hidden;}
.brand_combining .main .le li:nth-child(3n){margin: 20px 38px 0px 0px;}

.brand_combining .main .rg{background: #ebdbcf;border-radius: 3px;border:3px solid #d5d2d2;width: 273px;margin-top: 20px;text-align: center;overflow: hidden;position: relative;height: 475px;}
.brand_combining .main .rg ul li{width: 193px;margin-bottom: 34px;display: inline-block;overflow: hidden;}
.brand_combining .main .rg ul li a{width: 193px;height: 95px;margin-bottom:8px;display: inline-block;overflow: hidden;}
.brand_combining .main .rg ul li a img{width: 100%;height: 100%;}

.play_btn{position: absolute;top:50%;margin-top:-21px;cursor: pointer;display: block;overflow: hidden;left: 4px;right: 4px;}
.play_btn>a{float: left;cursor: pointer;}
.play_btn>a.next_btn{float: right;}

.play_main{display: block;overflow: hidden;width: 193px;height: 475px;margin: 0 auto;position: relative;}
.play_center{padding:0px;display: block;overflow: hidden;position: absolute;top:16px;left: 0;height: 475px;}
.play_center li{float: left;}

/*榜上有名*/
.the_list{background: #fff;background: url(../images/pinpai/bang.png) no-repeat center;width: 100%;height: 800px;overflow: hidden;}
.play_box{display:block;position: relative;width: 1015px;height: 418px;margin: 210px 0px 0px 135px;}
.play_box .play_box_list{width:819px;overflow: hidden;height: 418px;position: relative;margin: 0 auto;}
.play_box ul{padding:0px;display: block;overflow: hidden;position: absolute;top:0;left: 0;height: 418px;width: 900px;}
.play_box ul li{float: left;margin-right: 60px;}
.play_box .play_box_btn{position: absolute;top:50%;margin-top: -46px;height: 92px;width: 976px;left: 20px;}
.play_box .play_box_btn .prev_btn{float: left;}
.play_box .play_box_btn .next_btn{float: right;}

/*品牌资讯*/
.brand_information{background: #e2d1b9;overflow: hidden;padding:20px;}
.brand_information .main{border:5px solid #fff;border-radius: 3px;overflow: hidden;padding:0 45px 30px;}
.brand_information .main .mtitle{height: 56px;line-height: 56px;font-size: 18px;color: #000;}
.brand_information .main>.le{background: #c6b296;width: 545px;height: 446px;padding:0px 77px;position: relative;margin-bottom: 16px;}
.brand_information .main>.le strong{line-height: 30px;margin-top: 20px;font-size: 16px;color: #000;width: 144px;border-bottom: 1px solid #000;display: block;overflow: hidden;margin-bottom: 5px;}
.brand_information .main>.le p{line-height: 24px;font-size: 14px;color: #000;}
.brand_information .main>.le>.hont_icon{position: absolute;top: 0;left: 0;}

.brand_information .main>.le>a:hover strong{color: red;border-color:red;}
.brand_information .main>.le>a:hover p{color: red;}

.brand_information .main>.rg{width: 625px;height: 446px;overflow: hidden;}
.brand_information .lunbo_img_box{width: 625px;overflow: hidden;}
.brand_information .lunbo_img_box .lunbo_center{margin:0px;}
.brand_information .lunbo_img_box ul li{display: none;width: 625px;height: 277px;overflow: hidden;}
.brand_information .lunbo_img_box li img{width: 100%;height: 100%;}
.brand_information .lunbo_img_box li.active{display: block;}
.brand_information .lunbo_btn{height: 153px;margin-top: 16px;}
.brand_information .lunbo_btn li{width: 208px;height: 153px;float: left;cursor: pointer;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; }
.brand_information .lunbo_btn li img{width: 100%;height: 100%;}
.brand_information .lunbo_btn li:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1; }

.brand_information .main>.mfooter{overflow: hidden;background: #c6b296;width: 100%;height: 103px;position: relative;}
.brand_information .mfooter .mfooter_btn{position: absolute;top:50%;height: 33px;margin-top: -16.5px;width: 1130px;left: 20px;}
.brand_information .mfooter .mfooter_btn a{width: 33px;height: 33px;}
.brand_information .mfooter .mfooter_btn .next_btn{float: right;}

.brand_information .mfooter .text_box{width: 1018px;margin: 0px auto;}
.brand_information .mfooter .information_play{margin:0px;}
.brand_information .mfooter li{height: 97px;overflow: hidden;display: block;}
.brand_information .mfooter li a{color: #000;}
.brand_information .mfooter strong{color:#333;height: 30px;line-height: 30px;border-bottom: 1px solid #000;width: 76px;display: block;font-size: 16px;}
.brand_information .mfooter p{line-height: 24px;font-size: 14px;color:#333;}

.brand_information .mfooter li a:hover{color: red;}
.brand_information .mfooter li a:hover strong{border-color: red;}

/*友情合作*/
.friendly{padding: 0 8px;background: #fff;padding-bottom: 30px;}
.friendly .mtitle{height: 60px;line-height: 60px;border-bottom: 4px solid #e2d1b9;display: block;overflow: hidden;font-size: 18px;color: #000;padding-left: 40px;font-family:"微软雅黑";}
.friendly a{line-height: 56px;display: inline-block;margin-left: 40px;}

.friendly a:hover{color: red;}

.footer{background: #f7f7f7;}
.footer .footer_top{background: #fff;height: 110px;}