.BannerSellHotBox { margin-top:10px; padding:15px; background:#fff; position:relative;}
.BannerSellHot { overflow:hidden; }
.BannerSellHot .swiper-slide { }
.BannerSellHot .swiper-slide img { width:164px;}
.BannerSellHotBox .swiper_bnt { width:30px; height:60px; background:rgb(255 255 255/.6); position:absolute; top:50%;z-index:10; cursor:pointer;transform: translate(0, -50%);transition:all .3s; opacity:0;}
.BannerSellHotBox .BannerSellHotN { right:0; border-radius:5px 0 0 5px;}
.BannerSellHotBox .BannerSellHotP { left:0; border-radius:0 5px 5px 0;}
.BannerSellHotBox .swiper_bnt i { display:block; line-height:64px; text-align:center; color:#666; font-size:16px;}
.BannerSellHotBox:hover .swiper_bnt { opacity:1;}

/*推荐供应商 THE*/
.hot_suppliers { background:#fff; padding:20px; border-radius:8px; overflow:hidden;border:#eee 1px solid}
.hot_suppliers_title { position:relative; margin:0 30px;}
.hot_suppliers_title li { height:40px; line-height:40px; width:20%; float:left; font-size:17px; text-align:center; cursor:pointer; background:#f6f6f6; padding:11px 0; font-weight:normal; position:relative; margin-bottom:30px;}
.hot_suppliers_title li span { display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hot_suppliers_title li:nth-child(1n+2) span { border-left:1px solid #ddd;}
.hot_suppliers_title li.on { background:#e60012; color:#fff; border-radius:6px;}
.hot_suppliers_title li.on span { border-left:none;}
.hot_suppliers_title li.on:before {content: "";display: inline-block;border-style: solid;border-width: 18px 18px 0 0;border-color: transparent #e60012;transform: rotate(45deg) translate(-50%, 0px);position: absolute;left: 50%;bottom: -15px;}
.hot_suppliers .jianqie { overflow:hidden;}
.hot_suppliers_title .swiper-button-prev,.hot_suppliers_title .swiper-button-next { display:block; width:30px; height:62px; background:#f9f9f9; position:absolute; top:0;opacity:1!important; margin:0;}
.hot_suppliers_title .swiper-button-prev { left:-30px;}
.hot_suppliers_title .swiper-button-next { right:-30px;}
.hot_suppliers_title .swiper-button-prev:before,.hot_suppliers_title .swiper-button-next:before { content:""; display:block; width: 10px; height: 10px;border-top: 2px solid #0a1833; border-right: 2px solid #0a1833;margin-top:26px;}
.hot_suppliers_title .swiper-button-next:before { transform: rotate(45deg);float:right;margin-right:10px;}
.hot_suppliers_title .swiper-button-prev:before {transform: rotate(-135deg);float:left;margin-left:10px;}
.hot_suppliers_item { }
.hot_suppliers_item dl { width:49.3%; float:left; background:#f6f6f6; border-radius:8px; overflow:hidden; box-sizing:border-box; padding:20px;}
.hot_suppliers_item dl:nth-child(2n+2) { float:right;}
.hot_suppliers_item dl dt { overflow:hidden;}
.hot_suppliers_item .com_logo { height:40px; border:1px solid #e6e6e6; float:left; margin-right:15px;}
.hot_suppliers_item .com_logo img { height:40px;}
.hot_suppliers_item .text { overflow:hidden;}
.hot_suppliers_item .text h5 { display: block;margin-bottom: 4px;height: 18px;line-height: 18px;font-size: 14px;color: #222; font-weight:400;}
.hot_suppliers_item .text .dizi { color:#999; font-size:14px; line-height:20px;} 
.hot_suppliers_item .text .dizi span { display:inline-block; float:left; margin-right:20px;}
.hot_suppliers_item .text .dizi span i { float:left; font-size:18px; margin-right:5px;}
.hot_suppliers_item dd { overflow:hidden;}
.hot_suppliers_item dd a { float:left; width:23.875%; margin-right:1.5%;}
.hot_suppliers_item dd a:nth-child(4n+4) { margin-right:0;}
.hot_suppliers_item dd a .image { border-radius:3px; overflow:hidden;position:relative;}
.hot_suppliers_item dd a .image img { width:100%;transition: all 0.3s;border-radius:5px}
.hot_suppliers_item dd a .image:hover img { transform: scale(1.06);}
.hot_suppliers_item dd a .image .video_mark { position:absolute; width:24px; height:24px; right:10px; bottom:10px;}
.hot_suppliers_item dd a .image .video_mark img { width:100%;}
.hot_suppliers_item dd .price { color:#ee2e2c; font-size:15px; font-weight:700;margin-top:10px}
.hot_suppliers_item dd .price em { color:#999; font-size:12px; font-weight:400;}
.hot_suppliers_item .zhuyang { line-height:22px; font-size:12px; margin-top:8px; color:#222;font-weight:bold}
.hot_suppliers_item .zhuyang p.p_2 { height:36px; line-height:18px; overflow:hidden;font-size:12px;font-weight:normal;color:#888}

/*推荐供应商 END*/

/*楼层样式 THE*/
.floor_sec { overflow:hidden; border-radius:8px;background:#fff; padding:20px;border:#eee 1px solid}
.FloorBox { display:flex;}
.FloorAD { width:27%; max-width:360px; overflow:hidden;box-sizing:border-box; border-radius:8px; margin-right:20px;}
.FloorAD img { width:100%;border-radius:8px;}
.FloorList { flex:1; overflow:hidden;}
.FloorList ul { display:flex; flex-wrap:wrap;}
.FloorList ul li { width:23.5%; margin-right:2%; height:50%; box-sizing:border-box;}
.FloorList ul li:nth-child(4n+4) { margin-right:0;}
.FloorList ul li:nth-child(1n+5) { margin-top:2%;}
.FloorList ul li .image { width:100%; overflow:hidden; border-radius:8px;position:relative;}
.FloorList ul li .image img { width:100%;transition: all 0.3s;}
.FloorList ul li .image:hover img { transform: scale(1.06);}
.FloorList ul li .image .video_mark { position:absolute; width:24px; height:24px; right:10px; bottom:10px;}
.FloorList ul li .image .video_mark img { width:100%;}
.FloorList ul li h3 { height:36px; line-height:18px; margin:8px 0 3px; font-weight:400; font-size:14px;}
.FloorList ul li h3:hover { text-decoration: underline;}
.FloorList ul li .price { color:#ee2e2c; font-size:17px; font-weight:700;}
.FloorList ul li .price em { color:#999; font-size:13px; font-weight:400;}

/*采购请求 THE*/
.purchase_box { background:url(../img/purchase-bg.jpg)no-repeat center; height:398px; border-radius:8px;}
.purchase_box .form_box { width:50%; float:right; margin:2.2% 2.2% 0 0; background:#fff;padding:1.5% 2.2%; box-sizing:border-box;border-radius:8px;}
.purchase_box .form_box strong { font-size: 24px;line-height: 30px;margin-bottom: 10px; color:#222; font-weight:400; display:block;}
.purchase_box .form_box input { width:100%; height:45px; padding:0px 6px; box-sizing:border-box;border: 1px solid #e6e6e6; border-radius:3px;margin-bottom:10px;outline:none}
.purchase_box .form_box input::placeholder { color:#999;}
.purchase_box .form_box textarea { width:100%; height:85px; box-sizing:border-box; margin-bottom:10px; padding:6px;border: 1px solid #e6e6e6; border-radius:3px;outline:none} 
.purchase_box .form_box textarea::placeholder { color:#999;}
.purchase_box .form_box button { height: 36px;padding: 0 15px;cursor: pointer;margin-top: 10px;background:#e60012; border:1px solid #e60012;border-radius:3px; color:#fff;}
/*采购请求 END*/

.services_sec { background:white; border-radius:8px;overflow:hidden;padding:20px; box-sizing:border-box; }
.services_sec li { width:23.875%; float:left; background:#fff; border-radius:8px; box-sizing:border-box; margin-right:1.5%;}
.services_sec li:nth-child(4) { margin-right:0;float:right}
.services_sec li .image { width:100%;}
.services_sec li .image img { width:100%;border-radius:8px}
.services_sec li p { font-size: 12px;line-height: 20px;height: 40px; overflow:hidden;padding:10px 0}



/*楼层样式 END*/

.NewsBox { overflow: hidden;border-radius: 8px;background: #fff;padding: 20px;border:#eee 1px solid}
.NewsBox ul li { width:23.875%; float:left; background:#fff; border-radius:8px; box-sizing:border-box; margin-right:1.5%;border#eee 1xp solid}
.NewsBox ul li:nth-child(4) { margin-right:0;float:right}
.NewsBox ul li .image { width:100%;}
.NewsBox ul li .image img { width:100%;border-radius:8px}
.NewsBox ul li p { font-size: 14px;line-height: 20px;height: 40px; overflow:hidden;margin-top:10px;}
.NewsBox ul li p:hover { text-decoration: underline;}

.LikeBox { overflow: hidden;border-radius: 8px;background: #fff;padding: 20px;border:#eee 1px solid}
.LikeBox ul { display:flex; flex-wrap:wrap;}
.LikeBox ul li { width:18.4%; margin-right:2%; height:50%; box-sizing:border-box;}
.LikeBox ul li:nth-child(5n+5) { margin-right:0;}
.LikeBox ul li:nth-child(1n+6) { margin-top:2%;}
.LikeBox ul li .image { width:100%; overflow:hidden; border-radius:8px;position:relative;}
.LikeBox ul li .image img { width:100%;transition: all 0.3s;}
.LikeBox ul li .image:hover img { transform: scale(1.06);}
.LikeBox ul li .image .video_mark { position:absolute; width:24px; height:24px; right:10px; bottom:10px;}
.LikeBox ul li .image .video_mark img { width:100%;}
.LikeBox ul li h3 { height:36px; line-height:18px; margin:8px 0 3px; font-weight:400; font-size:14px;}
.LikeBox ul li h3:hover { text-decoration: underline;}
.LikeBox ul li .price { color:#ee2e2c; font-size:17px; font-weight:700;}
.LikeBox ul li .price em { color:#999; font-size:13px; font-weight:400;}

/*侧边楼层导航 THE*/
.industry-bar {position:fixed;top:220px;left:50%;margin-left:-800px;z-index:1000; opacity:0; transition:.5s;}
.industry-bar.show { opacity:1;}
.industry-bar.show.hide { opacity:0;}
.industry-bar ul {}
.industry-bar li { margin-bottom:4px; position: relative;}
.industry-bar li span { display:block; font-size:15px; height:40px; line-height:40px; width:40px; background:#fff; border: 1px solid #eee; text-align:center; border-radius:4px;}
.industry-bar li.current span { background: linear-gradient(270deg,#718dff,#e60012); color:#fff; background:#e60012;}
.industry-bar li p { height: 38px;line-height: 38px;padding: 0 16px;border-radius: 4px;box-shadow: 0 2px 8px rgb(0 0 0 / 15%);background: #fff;position: absolute;top: 50%;left: 60px;transform: translate( 0, -50%); white-space: nowrap; display:none; color:#333}
.industry-bar li p:after {content: '';display: block;border-width: 4.5px;border-style: solid;border-color:transparent transparent #fff #fff;position: absolute;top: 50%;left: -4px;transform: translateY(-50%) rotate(45deg);}
.industry-bar li:hover p { display:block;}
/*侧边楼层导航 END*/

.vrFactoryList {box-sizing:border-box;background:#fff; border-radius:8px;}
.vrFactoryList ul { display:flex; flex-wrap:wrap;padding:0px 30px 30px;}
.vrFactoryList ul li { width:24.25%; margin-right:1%; box-sizing:border-box; background:#fff;}
.vrFactoryList ul li:nth-child(4n+4) { margin-right:0;}
.vrFactoryList ul li:nth-child(1n+5) { margin-top:2%;}
.vrFactoryList ul li .image { width:100%; position:relative;}
.vrFactoryList ul li .image img { width:100%; height:160px;}
.vrFactoryList ul li .text { margin-top:10px;}
.vrFactoryList ul li .text h3 { font-size: 16px;color: #333; display:block;}
.vrFactoryList ul li .text .Addtime { font-size:14px; color:#999;}
.vrFactoryList ul li .text .Addtime i { font-size:16px; margin-right:5px;}
.vrFactoryList ul li .text .Addtime em { display:flex; align-items:center; margin-top:8px;}
.vrFactoryList ul li .text .Addtime span { display:flex; align-items:center; margin-left:auto; margin-top:8px;}

/*首页新闻*/
.newsBox{ box-sizing:border-box;background:#fff;border-radius:8px;padding:0px 30px 30px;}
.newsBoxMain { display:flex;}
.newsBoxTab { box-sizing:border-box;background:#fff;}
.NewsLeft{float:left;padding-top:20px;}
.newsBoxTab .newsItem {overflow:hidden;padding-top:10px}

.newsBoxTab .newsItem dl dd a{display:block;line-height:32px;font-size:14px;float:left;width:50%;padding-left:20px;box-sizing:border-box;}
.newsBoxTab .newsItem dl dd a font{float:right;color:#999;margin-left:20px}
.newsBoxTab .newsItem dl dd a em{display:block;float:left;margin:11px 7px 0 1px;width:5px;height:5px;background:#333;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #333}


/*楼层样式*/
.i_floor_Tit {height:80px;display:flex;align-items:center;padding:0 20px 0 24px;background:#fff;}
.i_floor_Tit strong { font-size:24px; display:flex; align-items:center; color:#222; font-weight:400;}
.i_floor_Tit strong:before {content:'';display:block;width: 6px;height: 24px;background: #ff9900;margin-right: 12px;margin-top:3px;}
.i_floor_Tit.F1 strong:before {background: #ff9900;}
.i_floor_Tit.F2 strong:before {background: #ff9900;}
.i_floor_Tit.F3 strong:before {background: #ff9900;}
.i_floor_Tit.F4 strong:before {background: #ff9900;}
.i_floor_Tit.F5 strong:before {background: #ff9900;}
.i_floor_Tit .i_floor_sort { margin-left:auto; font-size:14px; display:flex; align-items:center;}
.i_floor_Tit .i_floor_sort a { color:#666; display:flex; align-items:center;}
.i_floor_Tit .i_floor_sort a:nth-child(1n+2):before { content:''; display:block; width: 1px;height: 14px;background: #e0e6ed;margin: 0 18px;}
.i_floor_Tit .i_floor_sort a.More { font-size:14px;}
.i_floor_Tit .i_floor_sort a:hover{ color:#ff6600;}
.i_floor_box {overflow:hidden;background:#fff;display:flex;}


.i_floor_box .i_floor_ad { width:232px; height:550px; position:relative;}
.i_floor_box .i_floor_ad .i_floorADTit { position:absolute; top:0; left:0; width:100%; padding-top:20px;}
.i_floor_box .i_floor_ad .i_floorADTit h5 { display:block; font-size:40px; text-align:center; color:#fff;}
.i_floor_box .i_floor_ad .i_floorADTit p { display:flex; align-items:center; justify-content:center; font-size:14px; color:#fff; margin-top:6px;}

.i_floor_box .i_floor_ad .i_floor_cat { display:flex; flex-wrap:wrap; position:absolute; top:120px; left:0; padding:0 12px; width:100%; box-sizing:border-box;}
.i_floor_box .i_floor_ad .i_floor_cat a { font-size: 12px; line-height: 22px; width:47%; color: #595959;  background:#000; display:block; border-radius:30px; margin-right:6%; text-align:center; background-image: linear-gradient(0deg, #ffd900,#ffac01); color:#6b2d00; font-weight:700; box-sizing:border-box; padding:0 10px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.i_floor_box .i_floor_ad .i_floor_cat a:nth-child(2n+2) { margin-right:0;}
.i_floor_box .i_floor_ad .i_floor_cat a:nth-child(1n+3) { margin-top:3%;}
.i_floor_box .i_floor_ad .i_floor_cat a:hover { font-weight:700;}

.i_floor_box .i_floor_list { border-top:1px solid #f1f4f7; border-right:1px solid #f1f4f7; flex:1; overflow:hidden;}
.i_floor_box .i_floor_list ul { display:flex; flex-wrap:wrap; height:490px;}
.i_floor_box .i_floor_list ul li { float:left;width:33.333333%; box-sizing:border-box; padding: 20px; border-right:1px solid #f1f4f7;}
.i_floor_box .i_floor_list ul li:nth-child(3n+3) { border-right:none;}
.i_floor_box .i_floor_list ul li:nth-child(1n+4) { border-top:1px solid #f1f4f7;}
.i_floor_box .i_floor_list ul li .image { width: 100%; overflow:hidden;}
.i_floor_box .i_floor_list ul li .image img { width: 100%; transition:all .5s;}
.i_floor_box .i_floor_list ul li:hover .image img { transform: scale(1.09);}
.i_floor_box .i_floor_list ul li .text { margin-top:10px; text-align:center;}
.i_floor_box .i_floor_list ul li .text h3 { font-size:14px; color:#222; line-height:18px; font-weight:400;}

.i_floor_box .i_floor_list_brand { border-top:1px solid #f1f4f7; width: 239px; padding: 25px 15px 0; box-sizing:border-box;}
.i_floor_box .i_floor_list_brand .i_floor_list_brand_Tit { font-size:18px; text-align:center; font-weight:700; color:#111; display:flex; align-items:center; justify-content:center;}
.i_floor_box .i_floor_list_brand .i_floor_list_brand_Tit:before,
.i_floor_box .i_floor_list_brand .i_floor_list_brand_Tit:after { content:''; display:block; width:30px; height:1px;margin:0 10px;}
.i_floor_box .i_floor_list_brand .i_floor_list_brand_Tit:before { background: linear-gradient(to right, rgb(0 0 0/0) 0%, rgb(0 0 0/.6) 100%);}
.i_floor_box .i_floor_list_brand .i_floor_list_brand_Tit:after { background: linear-gradient(to right, rgb(0 0 0/.6) 0%, rgb(0 0 0/0) 100%);}

.i_floor_box .i_floor_list_brand ul { margin-top: 15px;}
.i_floor_box .i_floor_list_brand ul li {display: block;background: linear-gradient(90deg,#f5f6f7 0,#fcfcfc 100%); padding: 10px;}
.i_floor_box .i_floor_list_brand ul li:nth-child(1n+2) { margin-top:10px;}
.i_floor_box .i_floor_list_brand ul li h3 { display:block; color:#222; font-size:14px; font-weight:400;}
.i_floor_box .i_floor_list_brand ul li p { font-size: 12px;line-height: 24px;color: #999;margin-top: 6px;height: 24px;}