@charset "utf-8";

/* news */

.news-up{padding:0.4rem 0 0.9rem;background:#f6f6f6;}
.news-up .t-tit{font-size: var(--fz31);margin-bottom: 0.3rem;}
.news-up .detail{display: flex;border-radius:0.1rem;overflow: hidden;background:#fff;}
.news-up .hotbox{display: block; aspect-ratio: 1.6; width: 50%;}
.news-up .hotbox .imgbox{display: block;width: 100%;height: 100%;}

.news-up .list{width: 50%;border-left:2px solid #fff;}
.news-up .list .item{height: 1.53rem;display: flex;align-items: center;gap:0.4rem;padding:0 0.3rem;position: relative;}
.news-up .list .item::after{content:'';left:0.3rem;right:0.3rem;bottom:0;height:1px;background:#e0e0e1;position: absolute;}
.news-up .list .item:last-child::after{display: none;}
.news-up .list .date{color: var(--theme-color);line-height: 1;width: 1.2rem;text-align: center;}
.news-up .list .fz1{font-size: 0.59rem;}
.news-up .list .fz2{font-size:var(--fz18);margin-top:0.05rem;}
.news-up .list .title{font-size: var(--fz25);font-family: var(--font-montserrat-medium);}
.news-up .list .item:hover,.news-up .list .item.cur{color:#fff;background:var(--theme-color);}
.news-up .list .item:hover .date,.news-up .list .item.cur .date{color:#fff;}
.news-up .list .item:hover::after,.news-up .list .item.cur::after{background:var(--theme-color);}



.news-main{padding:0.45rem 0;}

ul.news-list{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap:0.22rem;}
.news-list .item{background:#f4f6f9;}
.news-list .imgbox{aspect-ratio: 1.5;}
.news-list .info{padding:0.2rem 0.2rem;}
.news-list .tt{display: flex;align-items: center;}
.news-list .fenl{font-size: var(--fz16);}
.news-list .date{color:#666666;}
.news-list .divider{width: 0.02rem;height: 0.15rem;background:#313132;margin:0 0.08rem;}
.news-list .title{font-size: var(--fz21);font-family: var(--font-montserrat-medium);margin-top:0.25rem;-webkit-line-clamp: 3;}
.news-list .item:hover .title{color: var(--theme-color);}



.pagelist{margin-top:1rem;}


/* newsDetail */
.news-det{padding:0 0 0.8rem;}
.news-det .wrap{display: flex;gap:0.4rem;}
.news-r{width: 2.85rem;}

.news-top{padding:0.1rem 0 0.75rem;}
.news-top .title{font-size: var(--fz41);font-family: var(--font-roboto-medium);line-height: 1.4;}
.news-top .text{color:#666666;font-size: var(--fz18);margin-top:0.35rem;font-family: var(--font-montserrat-light);}

.news-edit{font-size: var(--fz20);font-family: var(--font-roboto-regular);color:#333333;line-height: 1.8;}


.news-recom{padding:0 0 0.8rem;}
.news-recom .detail{position: relative;}
.news-recom .swiper-pagination{display: none;}
.news-recom .swiper-button{width:0.54rem;height:0.54rem;opacity: 1;display: flex;align-items: center;justify-content: center;background:url(../images/icon_01.png) no-repeat center var(--theme-color);background-size:cover;border-radius:50%;margin-top:-0.27rem;}
.news-recom .swiper-container{position: static;}
.news-recom .swiper-button-prev{left:-0.7rem;}
.news-recom .swiper-button-next{transform: rotate(180deg);right:-0.7rem;}
.news-recom .swiper-button:hover{opacity: 0.85;}

.news-truck{}
.news-truck .t-tit{font-size: var(--fz26);font-family: var(--font-roboto-black);text-transform: uppercase;margin-bottom: 0.3rem;}
.news-truck .list{}
.news-truck .list .item{margin-bottom: 0.2rem;}
.news-truck .list .imgbox{aspect-ratio: 1.425; margin:0 0 0.12rem;}
.news-truck .list .title{font-size: var(--fz20);font-family: var(--font-roboto-bold);text-align: center;display: block;}
.news-truck .list .item:hover .title{color: var(--theme-color);}


@media (max-width:1260px){
	
	/* newsdetail */
	.news-edit{font-size: var(--fz21);}
	
	.news-recom .swiper-button-prev{left:-0.3rem;}
	.news-recom .swiper-button-next{right:-0.3rem;}
	
	
	
	
}


	
@media (max-width:991px){
	
	/* news */
	.news-up .detail{display: block;}
	.news-up .hotbox{width: 100%;}
	.news-up .list{width: 100%;border:0;}
	.news-up .list .item{height: auto;padding:0.3rem 0.3rem;}
	
	
	ul.news-list{grid-template-columns: repeat(2, minmax(0, 1fr));}
	
	
	/* newsdetail */
	.news-det .wrap{display: block;}
	.news-r{width: 100%;margin-top: 0.8rem;}
	
	.news-top{padding:0.2rem 0 0.5rem;}
	.news-top .title{line-height: 1.3;}
	.news-top .text{margin-top: 0.25rem;}
	.news-edit{font-size: var(--fz21);}
	
	.news-truck .list{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap:0.35rem 0.25rem;}
	.news-truck .list .item{margin:0;}
	
	
	.news-recom .swiper-button-prev{left:-0.3rem;}
	.news-recom .swiper-button-next{right:-0.3rem;}
	
	
	
	
	
}
	
@media (max-width:767px){

	/* news */
	.news-up .list .item{gap:0.3rem;display: block;}
	.news-up .list .date{width: 100%;display: flex;align-items: baseline;gap:0.2rem;margin-bottom: 0.15rem;}
	.news-up .list .fz1{font-size: 0.46rem;}
	.news-up .list .title{font-size: var(--fz23);}

	
	ul.news-list{grid-template-columns: repeat(1, minmax(0, 1fr));}
	
	.pagelist{margin-top: 0.6rem;}
	
	
	/* newsdetail */
	
	.news-top .title{line-height: 1.2;font-size: var(--fz30);}
	.news-edit{font-size: var(--fz19);}
	
	.news-truck .list{display: grid;grid-template-columns: repeat(1, minmax(0, 1fr));gap:0.35rem 0.25rem;}
	.news-truck .list .item{margin:0;}
	.news-truck .list .title{font-size: var(--fz24);margin-top: 0.2rem;}
	
	.news-recom .swiper-button{width: 0.42rem;height: 0.42rem;margin:0;top:1.3rem;}
	.news-recom .swiper-button-prev{left:-0.1rem;}
	.news-recom .swiper-button-next{right:-0.1rem;}
	
	
	
	
	
}