.bannerBox { display:flex;}
/*幻灯 THE*/
.FocusBox { flex:1; overflow:hidden;}
.bannerSwiper { border-radius:8px; overflow:hidden; position:relative;}
.bannerSwiper .swiper-slide a { display:flex; justify-content:center;height:440px;}
.bannerSwiper img { height:440px;width:100%}
.bannerSwiper .bannerSwiperM { position:absolute; bottom:20px; z-index:20; width:100%; display:flex; justify-content:center;}
.bannerSwiper .bannerSwiperM span { width:20px; height:6px; border-radius:4px; background:rgb(255 255 255/.6); margin:0 5px;}
.bannerSwiper .bannerSwiperM span.swiper-pagination-bullet-active { background: linear-gradient(270deg,#4e6ef2,#4e6ef2);}
.bannerSwiper .bannerBnt { position:absolute; width:46px; height:48px; box-sizing:border-box; top:50%;z-index:67; cursor:pointer;transform: translate(0, -50%);display: flex;align-items: center;justify-content: center;}
.bannerSwiper .bannerPrev { left:1%; padding-left:7px;}
.bannerSwiper .bannerNext { right:1%; padding-right:7px;}
.bannerSwiper .bannerBnt i { display:block; width:15px; height:15px; box-sizing:border-box;transform: rotate(45deg);}
.bannerSwiper .bannerBnt.bannerPrev i { border-bottom:2px solid rgb(255 255 255/.6);border-left:2px solid rgb(255 255 255/.6);}
.bannerSwiper .bannerBnt.bannerNext i { border-top:2px solid rgb(255 255 255/.6);border-right:2px solid rgb(255 255 255/.6);}

/*幻灯 END*/
.FocusBox .focus_bottom { margin-top:20px; border-radius:8px; overflow:hidden;}
.FocusBox .focus_bottom ul { display:flex;}
.FocusBox .focus_bottom ul li { height:128px; width:25%; box-sizing:border-box; padding:20px;display: flex;align-items: center;}
.FocusBox .focus_bottom ul li a { display:flex; align-items: center;}
.FocusBox .focus_bottom ul li:nth-child(1) { background:#c4e1ff;}
.FocusBox .focus_bottom ul li:nth-child(1) .text { color: #2865a4;}
.FocusBox .focus_bottom ul li:nth-child(2) { background:#d0d6ff;}
.FocusBox .focus_bottom ul li:nth-child(2) .text { color: #644cee;}
.FocusBox .focus_bottom ul li:nth-child(3) { background:#ffe3cf;}
.FocusBox .focus_bottom ul li:nth-child(3) .text { color: #ca630f;}
.FocusBox .focus_bottom ul li:nth-child(4) { background:#c4e1ff;}
.FocusBox .focus_bottom ul li:nth-child(4) .text { color: #2865a4;}
.FocusBox .focus_bottom ul li .image { margin-right:10px; width:40%;max-width:88px;}
.FocusBox .focus_bottom ul li .image img { width:100%; max-width:88px;}
.FocusBox .focus_bottom ul li .text { flex:1; overflow:hidden;}
.FocusBox .focus_bottom ul li span { display:block;font-size: 18px;line-height: 22px;margin-bottom: 8px;}
.FocusBox .focus_bottom ul li p { font-size: 12px;line-height: 16px;}

/*推荐供应商 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:#4e6ef2; 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 #4e6ef2;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;}
/*楼层样式 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,#4e6ef2); color:#fff; background:#4e6ef2;}
.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*/