@charset "utf-8";

.index-ban { background:url(img/top-ban.jpg) no-repeat center -300px; width:100%; height:764px; padding: 124px 0 80px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;color:white }
.index-ban .top10 {width: 380px;height: 363px;float:left;background: url(img/top10-round.png) no-repeat;display:block;float:left}
.hdpx{overflow:hidden;margin-left:100px;font-size:20px}
.brandinfo .info ul li .gw {width:80px;height:32px; font-size:14px;line-height:32px; text-align:center;cursor:pointer;color:white;background: linear-gradient(to right, #FF9900, #FF6700);display:block;border-radius:2px}
.brandinfo .info ul li:hover .gw {width:80px;height:32px; font-size:14px;line-height:32px; text-align:center;cursor:pointer;color:white;background: linear-gradient(to right, #ff6600, #F32000);display:block;border-radius:2px}


.i-title { height:50px; line-height:50px;overflow:hidden;color:#000; font-size:20px;font-weight:bold;}
.i-title span { float:right; font-size:14px;}



.pc_banner { position: relative;}
.pc_banner .banner_swiper { position: relative; width:100%; overflow:hidden;}
.pc_banner .banner_swiper img { width:100%}
.pc_banner .b_menu {text-align: center;position: absolute;width: 100%;left: 0;bottom:10px;z-index: 10; }
.pc_banner .b_menu span {display: inline-block;cursor:pointer;margin: 0 5px;width:10px;height:10px;background:#fff; opacity: .8}
.pc_banner .b_menu span.swiper-pagination-bullet-active {background:#ed2920;}




.b-ad{float:left;width:850px;overflow:hidden}
.b-ad img{width:850px;height:400px;}
.b-new{overlfow:hidden;float:right;overflow:hidden;width:350px;}

.b-new .qc-head{height:40px;clear:both;font-size:16px;line-height:39px;text-align:center;padding:0px 0px;border:#e1e1e1 1px solid;border-top:#ff6600 3px solid;border-right:#e5e5e5 1px solid; background:#f7f7f7 url(img/l.jpg) no-repeat right;border-bottom:none}
.b-new .qc-head li{float:left;list-style-type:none;font-weight:normal;width:50%;border-bottom:#e1e1e1 1px solid;cursor:pointer }
.b-new .qc-head li.current{font-weight:bold;border-bottom:#fff 1px solid;background:#ffffff url(img/l.jpg) no-repeat right}
.b-new .qc-head li.current a{color:#ff7200}
.b-new .qc-body dl{overflow:hidden;padding:0px 15px;border:#e1e1e1 1px solid;border-top:none;}
.past-box{background-color:#fff; overflow:hidden;border:#eee 1px solid}
.past-box dt{line-height:40px;font-size:16px;padding:0px 15px;eight:40px;font-weight:bold;color:#ff6600; border-bottom:#eee 1px solid}
.past-box dt span{float:right;font-size:14px;}
.past-box img{width:120px;height:40px;border:#e5e5e5 1px solid; padding:5px}
.past-box ul li {padding:20px 0px;height:78px;border-bottom:#efefef 1px solid; position:relative;float:left;width:50%; text-align:center;overflow:hidden}
.past-box p{font-size:14px;line-height:20px;margin-top:5px;height:20px; overflow:hidden}
.past-box ul li:nth-child(5){border-bottom:none}
.past-box ul li:nth-child(6){border-bottom:none}
.past-box ul li ins{text-decoration:none; line-height:20px;font-size:14px;color:#888}
.past-box ul li em{float:right}
.past-box ul li font{color:#ff4200;}
.past-box ul li a:hover img{opacity:.9;filter:alpha(opacity=90)}
.past-box ul li div{ position:absolute; bottom:40px;left:112px;}


/*推荐品牌*/

.i-brand ul{ display:flex; flex-wrap:wrap;}
.i-brand ul li{overflow:hidden;position: relative;font-size:14px; background:#fff;width:19.2%;overflow:hidden;margin-right:1%;margin-bottom:15px;padding:20px 24px;box-shadow: 0px 0px 8px rgb(0 0 0 /.09); box-sizing:border-box; border-radius:8px;}

.i-brand ul li:nth-child(5n+5) { margin-right:0;}


.i-brand ul li img{width:100%;}
.i-brand ul li:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.i-brand ul li p.p_title{color:white;line-height:30px;height:40px;}
.i-brand ul li p.in{background: white;border-radius:15px;margin-top:20px;line-height: 27px;height:27px;margin:0px 40px;color:#ff6600}

.i-brand ul li div {position: absolute;width: 100%;height:100%;padding-top:10px;left: 0px;top:0px;background: rgba(0,0,0,0.8);margin-top: -100px;z-index: 2;opacity: 0;visibility: hidden;transition: all 0.5s;display: block;min-width: auto;border: 0; text-align:center;border-radius: 0;}
.i-brand ul li:hover div {margin-top: 0px;visibility: visible;opacity: 1;}
	


.b-t{background:#fff;overflow:hidden;padding:20px; box-shadow: 0px 0px 8px rgb(0 0 0 /.09); box-sizing:border-box; border-radius:8px;}
.b-t ul li{line-height:33px;font-size:16px;float:left;width:48%;margin-right:2%;}
.b-t ul li span{float:right;margin-right:10px;}



.article_show_flex { display:flex;}
.article_show_flex_l { margin-right:20px; flex:1;}
.article_show_flex_r { width:260px; height:1px;}


.w920{width:920px;float:left;margin-right:20px;}
.w920 .brand-box{margin-bottom:20px;}
.w920 .brand-box dt{margin-bottom: 0;}
.brand-left{width:935px;float:left;}
.brand-list ul li{padding:15px;background:white;overflow:hidden;margin-bottom: 20px;}
.brand-list ul li:hover{box-shadow: 0px 0px 8px rgba(0,0,0,0.35);}
.brand-list .left{width:220px;float:left;}
.brand-list .left img{width:200px;}
.brand-list .center{overflow:hidden}

.brand-list .center h5{font-size:18px;height:30px;overflow: hidden}
.brand-list .center h5 a{color:#555ba6;}
.brand-list .center h5 a:hover{color:#ff6000;}
.brand-list .center p{font-size:14px;line-height:20px;color:#777;}
.brand-list .center p a{color: #039}
.brand-right{overflow:hidden}

.w920 .head-txt{padding:12px 18px;border-bottom:#eee 1px solid;color:#000}
.w920 .head-txt strong {font-size:18px;border-left:#555ba6 3px solid;text-indent:10px;display:block;height:16px;line-height:16px;margin-top:5px;font-weight:normal}


.brand-box{background: white;overflow: hidden;margin-bottom:20px}
.brand-box dt{font-size:18px;padding:12px 18px;border-bottom:#eee 1px solid;margin-bottom:15px;color:#000}
.brand-box dt:before{content:"";width:3px;height:18px;background:#ff6600;float:left;margin-right:10px;margin-top:4px}
.brand-box dt span{float: right;font-size:14px}
.brand-box ul.pic {width:420px}
.brand-box ul.pic li{padding:15px 10px;margin:0px 0px 15px 18px;float:left;position: relative;font-size:14px;border:#e5e5e5 1px solid; background:white;width:130px;overflow:hidden;border-radius:2px}
.brand-box ul.pic li img{width:130px;height:52px}
.brand-box ul.pic li:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.brand-box ul.pic li p.p_title{color:white;line-height:30px;height:35px;font-size:12px}
.brand-box ul.pic li p.in{background: white;border-radius:15px;margin-top:0px;line-height: 25px;height:25px;margin:0px 20px;color:#52BE81;font-size:12px;}

.brand-box ul.pic li div {position: absolute;width: 150px;height:85px;padding-top:10px;right: 0px;top:0px;background: rgba(0,0,0,0.8);margin-top: -100px;z-index: 2;opacity: 0;visibility: hidden;transition: all 0.5s;display: block;min-width: auto;border: 0; text-align:center;border-radius: 0;}
.brand-box ul.pic li:hover div {margin-top: 0px;visibility: visible;opacity: 1;}

.brand-box .news-ul-wordnew{background:#ffffff;display:inline-block;padding: 0px 15px 20px;overflow:hidden}
.brand-box .news-ul-wordnew li{float:left;font-size:14px;margin: 5px 5px;padding: 0px;line-height: 35px;height: 35px;border:1px solid #ecebeb}
.brand-box .news-ul-wordnew li a{padding: 6px 20px;color: #333333;}
.brand-box .news-ul-wordnew li:hover{background:#ecebeb}
.brand-box .news-ul-wordnew li:nth-child(3n+2) a{color: #009237; }
.brand-box .news-ul-wordnew li:nth-child(3n+3) a{color: #7E6FEE; }

.brand-box ul.news {width:102%;overflow:hidden;padding:10px 0px 15px 0}
.brand-box ul.news li{line-height:30px;font-size:14px;width:48%;margin-left:2%;float:left}
.brand-box ul.news li a:hover{color:#ff6000;}

.brand-box ul.news-f1 {overflow:hidden;padding:0px 20px 15px 20px}
.brand-box ul.news-f1 li{line-height:30px;font-size:14px;}
.brand-box ul.news-f1 li:before{content:".";width:4px;height:4px;margin-right:5px;margin-top:-2px;float:left;}
.brand-box ul.pro {overflow:hidden;padding:20px 20px;}
.brand-box ul.pro li { width:18.2%; float:left; margin:1% 2% 0 0;  background:#fff; box-sizing:border-box;overflow:hidden;font-size:14px;}
.brand-box ul.pro li:nth-child(5n+5) { margin-right:0;}
.brand-box ul.pro li div{overflow: hidden;margin-bottom:10px;}
.brand-box ul.pro li:hover img{transform: scale(1.05);}
.brand-box ul.pro li img{width:100%;height:100%;cursor: pointer;transition: all 0.6s;}
.brand-box ul.pro li a:hover{color:#ff6000;}
.brand-box ul.pro li p{height:36px;line-height:18px;overflow:hidden;}
.brand-box ul.pro li p.price{color:#ff6600;font-weight: bold;padding-top:9px;height:18px}
/*列表页*/
.brandinfo {padding: 13px;background: #fff; margin-bottom:20px; position:relative;z-index:1}
.brandinfo .pic-img {width: 207px;float: left;border: 1px solid #eee;line-height: 2.2em;text-align: center;background: #7d71b1;margin: 5px 20px 5px 5px;}
.brandinfo .pic-img img {width:100%; height:90px;}
.brandinfo .pic-img a span {color:#fff; display:block; font-size:14px;}
.brandinfo .info12 { overflow:hidden; margin-top:2px;height:130px; position:relative;z-index:1;}
.brandinfo .info12 ul li  { display:block; width:100%; height:32px;}
.brandinfo .info12 ul li span { font-size:22px; color:#333; font-weight:600;}
.brandinfo .info12 ul li span a {color: #555ba6; font-size:16px; font-weight:400;}
.brandinfo .info12 ul li p { float:left; display:inline-block; font-size:14px; color:#333; margin:0px 20px 0 0; line-height:30px}
.brandinfo .info12 ul li p i { display:inline-block; font-size:18px; color:#41baad; padding:0px 5px; cursor:pointer}
.brandinfo .info12 ul li p i span { display:none; width:90px; height:90px; padding:5px; position:absolute; top:20px; left:290px; box-shadow:0 0 5px rgba(0,0,0,.2); z-index:100; background:white;cursor: pointer;
}
.brandinfo .info12 ul li p i span img { width:90px; height:90px;}
.brandinfo .info12 ul li p i:hover span { display:block;}
.brandinfo .info12 ul li p a { color:#555ba6;}
.brandinfo a.jia{z-index:100;background: #ff6600;height:45px;width:120px; font-size:18px; text-align:center;color:white;display: block;border-radius:5px;line-height: 45px; position: absolute;right:20px; top: 40px}
.brandinfo a.jia:hover{background:#ff6000;}


.w260{float: right;width:360px}
.bs{background: white;overflow: hidden;margin-bottom:30px;padding:20px;}
.b-logo{width:180px;margin:0px auto}
.b-text{ text-align:center;color:#777;border-bottom:#eee 1px solid;padding-bottom:15px;margin-bottom:15px;overflow:hidden;font-size:14px}
.b-text a{color:#555ba6;padding:0px 3px}
.b-rz a{width:46%;line-height:30px;color:white;display: block; text-align:center;border-radius:2px}
.b-rz a:nth-child(1){float:left; background:#28166f}
.b-rz a:nth-child(2){float:right;background:#fdb80c}
.bs a:hover{color:#ff6000;}


#contact{background:white;overflow: hidden;margin-bottom:20px;}


.brand_list_sec { overflow:hidden;}
.brand_list_sec ul li {float:left;font-size:14px;width:19.2%;overflow:hidden;margin-right:1%;margin-bottom:15px;}
.brand_list_sec ul li:nth-child(5n+5) { margin-right:0;}
.brand_list_sec ul li .image { width:100%; height:120px; background:#fff;display: flex;align-items: center;justify-content: center;box-sizing:border-box; border:1px solid #eee;}
.brand_list_sec ul li .image img { height:66px;}
.brand_list_sec ul li p { line-height:22px; margin-top:5px; text-align:center;}


.brand_ppcp ul li { width:19.2%; float:left; margin:1% 1% 0 0;  background:#fff; height:310px; box-sizing:border-box;overflow:hidden;border:1px solid #eee;}
.brand_ppcp ul li:hover{border:#ff6600 1px solid;}
.brand_ppcp ul li:nth-child(5n+5) { margin-right:0;}
.brand_ppcp ul li { padding:30px 30px 0; }
.brand_ppcp ul li .image { width:100%; margin-bottom:15px; padding:0 10px; box-sizing:border-box;}
.brand_ppcp ul li .image img { width:100%;}
.brand_ppcp ul li strong { font-size:14px; color:#333; display:block; line-height:20px; height:40px; overflow:hidden;font-weight:normal;margin-bottom:5px;}
.brand_ppcp ul li p { margin:5px 0;}
.brand_ppcp ul li span.price { font-size:18px; color:#ff6600;height:18px;overflow:hidden}
.brand_ppcp ul li span.price em { font-size:12px;}
.brand_ppcp ul li span.price i { font-size:12px;float:right;color:#999;line-height:24px;}
.brand_ppcp ul li .company{font-size: 12px;line-height:18px;overflow: hidden;padding:10px 0}
.brand_ppcp ul li .company img{margin-right:5px;}