#banner{}
#banner .br-box{height:10rem;width:100%;}
#banner .mySwiper{height:100%;}
#banner .swiper-slide {display: flex;justify-content: center;color: #fff;align-items: center;padding-bottom:1rem;}
.br-txt h1{color: #FFF;text-shadow: none;}
.br-txt p{color: #FFF;text-shadow: 0 4px 4px rgba(0, 0, 0, 0.10);margin:0.2rem 0;}
.br-txt .introduction{width:6.8rem;margin-bottom:0.6rem;}
#s1 .black.br-txt h1{color:#141414;text-shadow:none;}
#s1 .black.br-txt p{color:#141414;text-shadow:none;}
#s1 .black.br-txt .introduction{color:#141414;}
#s1 .br-box .br-txt p{text-align:left;}
#s1 .br-box .br-txt h1{text-align:left;}
#s1 .br-box .swiper-pagination-fraction .swiper-pagination-current{color:#B80C1E;}
#s1 .swiper-progress-bar .bar{background:#B80C1E;}


.main{position:relative;scroll-snap-type: y mandatory;overflow-x: hidden;}

/*--首页banner start--*/
#s1 .br-box .br-txt p{    white-space: nowrap;}
#s1 .br-box .br-txt{position:absolute;top:3.41rem;left:1.9rem;z-index:10;transform: unset;}
.whitemorebtnborder{margin-top:0.5rem;}
.whitemorebtnborder a{width:1.8rem;height:0.45rem;border:1px solid #fff;line-height:0.45rem;display:inline-block;text-align:center;color:#fff;}

/* 轮播左右箭头 */
#banner .swiper-button-next, #banner .br-box .swiper-button-prev { color: #fff; background: rgba(255,255,255,0.6); width: 0.46rem; height: 0.46rem; border-radius: 50%;top:50%;transform:translate(0,-50%); }
#banner .swiper-button-prev{left:5%;}
#banner .swiper-button-next{right:5%;}
#banner .swiper-button-next::after,#banner .swiper-button-prev::after { font-size: 0.18rem; color:#3D3D3D;}

#s1 .moreBtn{display:inline-block;}
#s1 .moreBtn .whiteJt{display:none;}
#s1 .swiper-slide .moreBtn.white a {color:#fff;border:1px solid #fff;}
#s1 .swiper-slide .moreBtn.white .whiteJt{display:inline-block;}
#s1 .swiper-slide .moreBtn.white .blackJt{display:none;}


#product{margin:0.7rem 0 0.6rem;}
.pro_div{display:flex;justify-content:space-between;gap:20px;}
.pro_div>div{width:7.9rem;position: relative;}
.pro_div>div:after{content:'';display:inline-block;width:100%;position: absolute;transition: all 0.4s ease-out;
/*height:100%;background: linear-gradient(180deg, rgba(0, 59, 131, 0.00) 69.9%, rgba(0, 59, 131, 0.80) 100%);top: 0;*/
    height:50%;bottom:0;background: linear-gradient(180deg, rgba(0, 59, 131, 0.00) 20%, rgba(0, 59, 131, 0.80) 100%);

}
.pro_div>div:hover:after{/*background: linear-gradient(180deg, rgba(0, 59, 131, 0.00) 40%, rgba(0, 59, 131, 0.80) 100%);*/height:100%;}
.pro_div p{color: #6E6E6E;height:0.8rem;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;display:none;}
.pro_div .pro_btn{margin-top:0.2rem;}
.pro_text{transition:all 0.4s;overflow: hidden;position: absolute;bottom: 0;z-index:1;padding:0 0.4rem 0.25rem;}
.pro_text:hover{padding-top: 1.1rem;}
.pro_text a{color:#fff;}
.pro_text .more-hover-line::after{background-color:#fff;}


/*新闻*/
.gray{background: rgba(248, 248, 248, 0.50);padding:0.7rem 0;}
.news1{display:flex;justify-content:space-between;}
.news1 .leftImg{width:9.2rem;/*height:5rem;*/}
.news1 .leftImg img{width:100%;aspect-ratio: 16 / 9;}
.news1 .rightTxt{width:6rem;padding-top:1.3rem;}
.news1 .rightTxt h6{font-size: .16rem;line-height:.26rem;color: #6E6E6E;margin-bottom:0.2rem;}
.news1 .rightTxt h3{color: #141414;font-size: .32rem;line-height:1.5;margin-bottom:0.3rem;}
.news1 .rightTxt p{font-size: .16rem;line-height:.26rem;color: #6E6E6E;}
.news2{display:flex;justify-content:space-between;margin-top:0.4rem;gap:20px;}
.news2 li{}
.news2 li:nth-child(1){display:none;}
.news2 li .imgDiv{overflow:hidden;margin-bottom: 0.35rem;aspect-ratio: 16 / 9;}
.news2 li img{width:100%;aspect-ratio: 16 / 9;transition: transform 0.3s ease-out;}
.news2 li:hover img{transform: scale(1.15);}
.news2 li p a{font-size: .20rem;line-height:1.5;color: var(--1, #141414);height:0.6rem;display:inline-block;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;} 
.news2 li .date{text-align:right;margin-top:0.15rem;padding-right:0.4rem;}
.gray .moreBtn{margin:0.5rem auto 0;}
.news2 .swiper-pagination{bottom:0;opacity:0;}
.news2 .swiper-pagination-bullet{background:#D9D9D9;height:3px;border-radius:0;opacity:1;width: 10px;display:inline-block;}
.news2 .swiper-pagination-bullet-active{background:#B80C1E;width: 20px;}






@media screen and (max-width:1000px){
    
    
    #s1 .br-box{margin-top:0.48rem!important;position:relative;width:100%;height:5.33rem;overflow:hidden;box-sizing:border-box;}
	#s1 .br-box .br-txt{top: 1.79rem; left: 0; box-sizing: border-box; width: 100%; padding: 0 4%;}
	#s1 .br-box .br-txt h1{font-size:0.3rem;line-height:1.5;text-align:left;margin-bottom:0.15rem;}
	#s1 .br-box .br-txt p{width: 80%;line-height:1.5;font-weight:350;margin-bottom:0.25rem;white-space:unset;text-align:left;}
	.whitemorebtnborder{margin-top:0;}
	.whitemorebtnborder a.morelink{color:#fff;width:1.36rem;height:0.3rem;display:inline-block;border:1px solid #fff;line-height:0.3rem;text-align:center;font-size:0.12rem;}
	#s1 .swiper-progress-bar{left:4%;bottom:0.8rem;width:1rem;height:1px;}
    #s1 .br-box .swiper-button-next,#s1 .br-box .swiper-button-prev{display:none;}
	#s1 .br-box .swiper-pagination-fraction .swiper-pagination-current{font-size:0.12rem;font-weight:500;}
	#s1 .br-box .swiper-pagination{font-size:0.1rem;left:4% !important;bottom:0.9rem !important;}
    .br-txt .introduction {width:75%;line-height:1.5;margin-bottom: 0rem;}

	#product{margin: 0.5rem 0;}
	.pro_div{flex-wrap:wrap;}
	.pro_div>div{width:100%;}
	.pro_text{padding:0 0.2rem 0.2rem;}
	.pro_div .pro_btn{margin-top:0.1rem;}

	.gray{padding:0.5rem 0 0.5rem;position: relative;}
	.news1{flex-wrap:wrap;}
	.news1 .rightTxt h6{position:absolute;top: 0.4rem;left:50%;transform:translateX(-50%);font-size: 0.24rem;color: #141414;margin-bottom: 0;display:none;}
	.news1 .leftImg{width:100%;height: auto;}
	.news1 .rightTxt{width:100%;padding-top: 0;}
	.news1 .rightTxt h3{margin-bottom:0;margin-top:0.3rem;font-size:0.16rem}
    .news1 .rightTxt h3 a{font-size:0.16rem;} 
	.news1 .rightTxt p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: .12rem;margin-top:0.2rem;}

	.news2{flex-wrap:wrap;margin-top:0.5rem;}
	.news2 li{width:100%;margin-bottom: 0.2rem;}
	.news2 li img{margin-bottom:0.2rem;}
	.news2 li p a{font-size:0.16rem;}
	.news2 li .date{margin-top:0.12rem;}
	.gray .moreBtn{margin:0.4rem auto 0;}
	.news2 .swiper-pagination{opacity:1;}

    .news2 li .date{padding-right:0;}
    .news2 li p{text-align:justify;}


}