/* 轮播 */ .lunbo-content{ width: 888px; margin: 0 auto; } .title-center{ text-align: center; margin-bottom: 10px; } .title-center h1{ font-size: 48px; line-height: 70px; margin: 0 auto 10px; font-weight: bolder; } .title-center h1 a{ color: #2A2A2A; } .text-center{ display: flex; align-items: center; justify-content: center; line-height: 36px; } .text-center .text-l{ display: flex; align-items: center; padding: 0 20px; cursor: pointer; } .text-center .text-l a p::before{ content: ""; width: 4px; height: 4px; background: #d74339; display: inline-block; margin-bottom: 3px; margin-right: 6px; } .text-center .text-l p{ line-height: 19px; margin-left: 20px; max-width: 700px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .text-r span{ cursor: pointer; margin-left: 50px; font-size: 15px; white-space: nowrap; } .lunbo-slider{ position: relative; width: 100%; height: 460px; overflow: hidden; } .lunbo-slider ul li{ width: 100%; height: 100%; overflow: hidden; } .lunbo-slider ul li img{ /* position:absolute; top:0; left:0; */ width: 100%; height: 100%; } .hy-dot i.active{ background: #D50100; } /* swiper分页样式 */ .lunbo-slider .swiper-pagination1{ position: absolute; bottom: 18px; padding-right: 10px; text-align: right; z-index: 99; } .lunbo-slider .swiper-pagination1 .swiper-pagination-bullet{ width: 10px; height: 10px; background: #666666; opacity: .8; } .lunbo-slider .swiper-pagination1 .swiper-pagination-bullet-active{ background: #D50100; } .lunbo-slider .swiper-btn{ opacity: 0; } .lunbo-slider:hover .swiper-btn{ opacity: 1; } /* bxSlider插件样式start */ .bx-wrapper{ background: none; } .bx-wrapper .bx-viewport { border: none; box-shadow: none; left: 0; } /* bxSlider插件样式end */ .lunbo-slider .slider-text{ width: 100%; line-height: 60px; left: 0px; bottom: 0px; font-size: 24px; position: absolute; /* background: rgb(253 224 137 / 68%); */ background: rgb(255 235 176 / 75%); padding: 0 20px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lunbo-hot{ background: #f4f5f7 url('../images/lunbo-hot.png') no-repeat; line-height: 36px; height: 36px; width: 100%; padding-left: 123px; margin: 0 auto; } .lunbo-hot .hot-gd{ height: 100%; overflow: hidden; /* float: left; */ } .lunbo-hot .hot-gd ul{ /* height: 100%; display: flex; align-items: center; */ /* float: left; */ height: 100%; display: flex; width: fit-content; } .lunbo-hot .hot-gd ul li{ /* padding: 0 20px; */ /* padding-right: 20px; display: flex; align-items: center; white-space: nowrap; cursor: pointer; */ /* float: left; */ padding-right: 20px; white-space: nowrap; } .lunbo-hot .hot-gd ul li a{ color: #2A2A2A; } .lunbo-hot .hot-gd ul li a::before{ content: ""; width: 4px; height: 4px; margin-right: 6px; background: #d74339; display: inline-block; margin-bottom: 2px; } /* 内容区域 */ .main{ width: 1210px; margin: 20px auto 20px; } .slider-box{ width: 100%; height: 120px; margin-bottom: 68px; overflow: hidden; } .slider-box ul li{ width: 100%; height: 120px; /* overflow: hidden; */ } .slider-box img{ width: 100%; height: 100%; object-fit: cover; } .main .main-content{ width: 100%; display: flex; justify-content: space-between; } .main-content .content-box{ width: 370px; } .content-box .top-img{ background: url('../images/item-bg.png') no-repeat left bottom; padding-bottom: 10px; margin-bottom: 20px; line-height: 35px; } .content-box .center-img{ position: relative; width: 100%; height: 260px; margin-bottom: 10px; } .content-box .center-img img{ width: 100%; height: 100%; } .content-box .center-img .center-title{ position: absolute; bottom: 0; width: 100%; line-height: 40px; text-align: center; color: #fff; background: rgba(0, 0, 0, .65); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .content-box .bottom-text{ padding: 10px 0 20px 5px; } .content-box p{ padding-left: 5px; line-height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .content-box .text-p:last-child{ padding-bottom: 20px; } .content-box p a{ font-size: 18px; color: #3a395b; } .main-ad{ display: flex; justify-content: space-between; } .main .slider-box1{ width: 790px; height: 119px; overflow: hidden; } .main .slider-box1 img{ width: 100%; height: 119px; } .main .slider-box2{ width: 367px; height: 119px; overflow: hidden; } .main .slider-box2 img{ width: 100%; height: 119px; } .main-tabs{ width: 100%; height: 181px; background: #d74339; box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.3) inset; display: flex; justify-content: center; align-items: center; } .main-tabs .tab-item{ margin: 0 40px; } .content-box-l .top-img2{ background: url('../images/item-bg2.png') no-repeat left bottom; padding-bottom: 10px; margin-bottom: 20px; } .content-box-c{ width: 424px!important; height: 480px; padding: 0 20px; background: #eff4f8; } .content-box-c .content-item{ margin-top: 20px; display: flex; justify-content: space-between; align-items: center; } .content-item .center-img{ width: 320px; height: 210px; } .center-img .to-play{ width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url('../images/to-play.png') no-repeat; } .ad-bg{ background: #f8f8f8; padding: 10px 0 60px; } .ad-items{ display: flex; } .ad-items .ad-item{ width: 25%; height: 122px; } .ad-items .ad-item img{ width: 100%; height: 100%; } .content-box-zfjz{ width: 420px!important; } .content-box-zfjz .zfjz{ padding-left: 5px; } .content-box-zfjz .zfjz-imgs{ display: flex; flex-wrap: wrap; } .content-box-zfjz .zfjz-img{ width: 80px; margin: 20px 20px 0 0; text-align: center; line-height: 20px; } .content-box-zfjz .zfjz-img a{ color: #2A2A2A; } .content-box .img-item{ width: 100%; height: 90px; margin-top: 15px; } .content-box .img-item img{ width: 100%; height: 100%; } .content-box-r{ padding-top: 10px; } .content-box-r .top-img2{ background: url('../images/item-bg2.png') no-repeat left bottom; } .content-box-r .top-img2 img{ margin-left: 120px; margin-bottom: 10px; } .content-box-r .img-item{ height: 110px; margin-top: 15px; } ٶ