/* 轮播 */
.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;
}
ٶ