.NewsHotBox { display:flex;}
.NewsHotBoxL { flex:1; overflow:hidden;}
.NewsHotBoxC { width:620px; margin:0 20px; height:380px;}
.NewsHotBoxR { flex:1; overflow:hidden;}
.NewsHotTitle { display:flex; align-items: center; height:40px;}
.NewsHotTitle strong { color:#222; font-size:20px; display:flex; align-items:center;font-weight:400;}
.NewsHotTitle strong:before { content:''; display:inline-block; margin:2px 10px 0 0; border-style: solid;border-color: #e70303 rgb(0 0 0/0) #111 #e70303;border-width: 8px 7px;}
.NewsHotTitle i { flex:1; display:block; height:1px; background:#f2f2f2; margin:2px 10px 0;}
.NewsHotTitle a { margin-left:auto; color:#999; margin-top:2px; font-size:12px;}
.NewsHotBoxL ul { }
.NewsHotBoxL ul li { line-height:30px; font-size:14px;}
.NewsHotBoxL ul li:before { content:''; display:block; width:4px; height:4px; background:#999; float:left; margin:14px 10px 0 0;}
.NewsHotBoxC { }
.NewsHotBoxC .NewsHotBoxTrends { display:flex; position: relative;}
.NewsHotBoxC .NewsHotBoxTrends:before { content:''; display:block; width:1px; height:94%; background:#eee;position: absolute; top: 0; left:22px;}
.NewsHotBoxC .NewsHotBoxTrends strong { display:flex; width:45px; height:45px; background:#f60; color:#fff; font-weight:400; align-items:center;justify-content: center; font-size:14px; margin-right:15px; position:relative;}
.NewsHotBoxC dl { flex:1; overflow:hidden;}
.NewsHotBoxC dl dd { line-height:36px; font-size:16px;}
.NewsHotBoxC dl dd:before { content:''; display:block; width:8px; height:8px; background:#999; float:left; margin:14px 10px 0 0; border-radius:50%;}
.NewsHotTrendsSwiper { position: relative; overflow:hidden;}
.NewsHotTrendsSwiper .swiper-slide img { width:100%; height:214px;}
.NewsHotTrendsSwiper .swiper_bnt { width:20px; height:40px; position:absolute; top:50%;z-index:10; cursor:pointer;transform: translate(0, -50%);}
.NewsHotTrendsSwiper .swiper_next {left:0;}
.NewsHotTrendsSwiper .swiper_prev { right:0;}
.NewsHotTrendsSwiper .swiper_bnt i { display:block; line-height:40px; text-align:center; color:#fff; font-size:18px;}
.NewsHotBoxR ul { }
.NewsHotBoxR ul li { overflow:hidden; padding:11px 0;}
.NewsHotBoxR ul li:nth-child(1n+2) { border-top:1px solid #eee;}
.NewsHotBoxR ul li .image { float:left; width:34%; margin-right:4%;}
.NewsHotBoxR ul li .image img { width:100%;}
.NewsHotBoxR ul li strong { font-size:14px; line-height:22px; color:#333;}

.NewsFloor { }
.NewsFloorTitle { height:36px; display:flex; align-items:center; padding:0 10px;border-bottom: 2px solid #000; margin-bottom:20px;}
.NewsFloorTitle strong { font-size:20px; color:#222; font-weight:400;}
.NewsFloorTitle a { margin-left:auto; font-size:12px; color:#999;}

.NewsFloorList { }
.NewsFloorList ul { }
.NewsFloorList ul li { padding:20px; border:1px solid #e9e9e9;}
.NewsFloorList ul li:nth-child(1n+2) { margin-top:20px;}
.NewsFloorList ul li a { display:flex;}
.NewsFloorList ul li .image { width:26%; margin-right:2%;}
.NewsFloorList ul li .image img { width:100%;}
.NewsFloorList ul li .text { flex:1; overflow:hidden;}
.NewsFloorList ul li .text h2 { display:block; font-size:18px; color:#000; margin-bottom:8px; font-weight:400;}
.NewsFloorList ul li .text p { line-height:22px; color:#999; font-size:14px;}
.NewsFloorList ul li .text .NewsTag { display:flex; align-items:center; margin-top:15px;}
.NewsFloorList ul li .text .NewsTag em { display: inline-block; line-height: 24px;font-size: 12px;padding: 0 8px;margin-right: 10px;border: 1px solid #e9e9e9;border-radius: 8px;color: #666;}
.NewsFloorList ul li .text .NewsTag span { font-size:13px; color:#000; margin-left:30px;}
.NewsFloorList ul li .text .NewsTag span.NewsTagHits { margin-left:auto;}

.NewsRecList { }
.NewsRecList ul { }
.NewsRecList ul li { padding:10px 0; border-bottom:1px solid #e9e9e9;}
.NewsRecList ul li .image { width:100%;}
.NewsRecList ul li .image img { width:100%;}
.NewsRecList ul li strong { font-size:14px; color:#333; font-weight:400; margin-top:10px; line-height:24px;}
.NewsRecList ul li:nth-child(1n+2) { font-size:14px; line-height:24px;}



/*VR云工厂THE*/
/*幻灯*/
.VrFactorySwiper { overflow:hidden; border-radius:20px; position:relative;}
.VrFactorySwiper .swiper-slide img { width:100%;}
.VrFactorySwiper .swiper_bnt { width:30px; height:30px; position:absolute; top:50%;z-index:10; cursor:pointer;transform: translate(0, -50%); opacity: 0; transition: all .5s;}
.VrFactorySwiper .VrFactoryPrev { left:1%;}
.VrFactorySwiper .VrFactoryNext { right:1%;}
.VrFactorySwiper .swiper_bnt i { display:block; line-height:30px; text-align:center; color:#fff; font-size:14px;}
.VrFactorySwiper:hover .swiper_bnt { opacity:1;}

/*标题*/
.VrFactoryTitle { text-align:center; margin:20px 0 40px;}
.VrFactoryTitle strong { display:block; font-size:36px; color:#333; line-height:50px; transform:translate(0,26px);}
.VrFactoryTitle p { font-size:46px; background: linear-gradient(0deg,#ddd,transparent);-webkit-background-clip: text; color: transparent;line-height:50px; font-weight:700;text-transform:uppercase;}

/*.VrFactoryTabTitle { margin-bottom:40px;}*/
/*.VrFactoryTabTitle ul { padding:20px 0; white-space: nowrap;overflow-x: scroll;overflow-y: hidden;text-align: justify;box-sizing: border-box;touch-action: default;}*/
/*.VrFactoryTabTitle ul::-webkit-scrollbar{display:none}*/
/*.VrFactoryTabTitle ul li { line-height:40px; font-size:24px; color:#333; text-align:center; cursor:pointer; position:relative; display:inline-block; padding:0 20px;}*/
/*.VrFactoryTabTitle ul li.on:after { content:''; display:block; width:42px; height:6px; background:#e70303; position:absolute; left:50%; bottom:0; transform:translate(-50%,14px);}*/

/*.VrFactoryScrollTitle { overflow-x: auto; padding:20px 0; margin-bottom:40px;}*/
/*.VrFactoryScrollTitle::-webkit-scrollbar{display:none}*/
/*.VrFactoryScrollTitle ul { white-space: nowrap;}*/
/*.VrFactoryScrollTitle ul li { line-height:40px; font-size:24px; color:#333; text-align:center; cursor:pointer; position:relative; display:inline-block; padding:0 20px;}  */
/*.VrFactoryScrollTitle ul li.on:after { content:''; display:block; width:42px; height:6px; background:#e70303; position:absolute; left:50%; bottom:0; transform:translate(-50%,14px);}*/

.VrFactoryCatBox { position: relative; padding:0 40px;}
.VrFactoryCatTitle { padding:20px 0; margin-bottom:40px;overflow-x: auto;}
.VrFactoryCatTitle::-webkit-scrollbar{display:none}
.VrFactoryCatTitle ul { white-space: nowrap;}
.VrFactoryCatTitle ul li { line-height:40px; font-size:24px; color:#333; text-align:center; cursor:pointer; position:relative; display:inline-block; padding:0 20px; width:auto!important;}  
.VrFactoryCatTitle ul li.on:after { content:''; display:block; width:42px; height:6px; background:#e70303; position:absolute; left:50%; bottom:0; transform:translate(-50%,14px);}
.VrFactoryCatBox .ScrollBnt { width:20px; height:40px; position:absolute; top:50%;z-index:10; cursor:pointer;transform: translate(0, -50%); box-sizing: border-box; padding-top:2px;}
.VrFactoryCatBox .VrFactoryCatPrev {left:0;}
.VrFactoryCatBox .VrFactoryCatNext { right:0;}
.VrFactoryCatBox .ScrollBnt i { display:block; line-height:40px; text-align:center; color:#e70303; font-size:22px;}

.VrFactoryList { display:flex;}
.VrFactoryList:nth-child(1n+2) { margin-top:50px;}
.VrFactoryList .image { width:550px; 310px; margin-right:3%; overflow:hidden; border-radius:20px; position:relative;}
.VrFactoryList .image img { width:550px; height:310px;}
.VrFactoryList .image em { position:absolute; right:20px; bottom:15px; color:#fff; font-size:14px; display:flex; align-items:center;}
.VrFactoryList .image em i { margin-right:4px; font-size:20px;}
.VrFactoryList .text { flex:1; overflow:hidden; position:relative;}
.VrFactoryList .text strong { font-size:20px; color:#333}
.VrFactoryList .text strong a { display:block;}
.VrFactoryList .text strong:after { content:''; width:26px; height:4px; background:#e70303; margin:15px 0; display:block;}
.VrFactoryList .text p { font-size: 14px;color: #333;line-height: 26px;}
.VrFactoryList .text span { position:absolute; left:0; bottom:0; display:flex;}
.VrFactoryList .text span a { width:180px; display:flex; font-size:16px; line-height:40px; color:#333; line-height:40px; border-radius:40px; justify-content:center; background:#fff; transition:all .3s;}
.VrFactoryList .text span a:nth-child(1n+2) { margin-left:35px;}
.VrFactoryList .text span a:hover { background:#e70303; color:#fff;}
.VrFactoryList .text span a i { font-size:26px; color:#e70303; margin-right:2px;transition:all .3s;}
.VrFactoryList .text span a:nth-child(1) i { font-size:20px;}
.VrFactoryList .text span a:hover i { color:#fff;}

.VrFactoryAd { }
.VrFactoryAd img { width:100%; border-radius:20px;}


.VrFactoryPreview { display:flex; height:450px; overflow:hidden; border-radius:20px; align-items:center; position:relative;}
.VrFactoryPreview a { position:absolute; right:20px; bottom:15px; padding:0 20px; border-radius:40px; display:flex; justify-content:center; align-items:center; background:#e70303; color:#fff; font-size:16px; height:40px;background: rgb(57 191 62/.8); transition:all .3s;}
.VrFactoryPreview a i { margin-right:4px; font-size:20px;}
.VrFactoryPreview a:hover { background:#e70303;}
.VrFactoryContent { padding:20px; border-radius:20px; background:#fff; }
.VrFactoryContentTitle { text-align:center;}
.VrFactoryContentTitle h3 { display:block; font-size:32px; color:#333; margin:40px 0;}
.VrFactoryContentTitle strong { font-size:24px; color:#333}
.VrFactoryContentTitle strong:after { content:''; width:26px; height:4px; background:#e70303; margin:15px auto; display:block;}

/*VR云工厂END*/