.banner-section img{
	width:100%;
}
.banner-section p{
	margin:0;
}
.banner-section .swiper-slide img{
	width:100%;
	height:auto;
	min-height:100%;
	transition:1s linear 2s;
	transform:scale(1.1,1.1);
	}
.banner-section .swiper-slide-active img,.swiper-slide-duplicate-active img{
	transition:5s linear;
	transform:scale(1,1);
}
.banner-section .banner-text{
	position: absolute;
    top: 50%;
    z-index: 100;
    color: #fff;
    left: 50%;
    transform: translate(-50%, -50%);
}
.banner-section .banner-text .bt-text{
	font-size:1.8rem;
	margin-bottom:1rem;
}
.banner-section .banner-text .bt-title{
	font-size:3rem;
	font-weight:bold;
	margin-bottom:2rem;
}
.banner-section .btn-outline-primary{
	color:#fff;
	border-color:#fff;
}
.banner-section .btn-outline-primary:hover{
	border-color:var(--bs-theme-color);
}

.categories-section .pro-title{
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	padding-top:2rem;
	padding-bottom:2rem;
	font-weight:bold;
	line-height:1;
	font-size: 60px;
}
.categories-section .pro-title:after{
	position:absolute;
	content:"";
	border-right:2px solid var(--bs-theme-color);
	height:80%;
	top:10%;
	right:0;
}
.categories-section .pro-title-des{
	display:flex;
	align-items:center;
	position:relative;
	padding-left:4rem;
	padding-right:2rem;
}
.categories-section .pro-title-des p{
	margin:0;
}
.categories-section .ca-ctn,
.categories-section .ca-ctn .cs-item{
	border:1px solid #bbb;
	border-width:0 1px 1px 0;
}
.categories-section .ca-ctn{
	border-width:1px 0 0 1px;
}
.categories-section .ca-ctn .cs-item{
	margin-bottom:0;
}
.categories-section .ca-des .btn-link-title{
	display: block;
    width: 80%;
    margin-top: 2rem;
    text-align: left;
    margin-left: 1rem;
    margin-bottom: 1rem;
}
.categories-section .cs-item:nth-child(2) .ca-des .btn-link-title{
	width: 50%;
}
.categories-section .cs-item:nth-child(4) .ca-des .btn-link-title{
	width: 40%;
}
.categories-section .ca-des .btn-link-title h2{
	font-size: 1.375rem;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
    margin-bottom: 0; 
}

.categories-section .ca-des .btn-link{
	margin-left: 1rem;
    margin-bottom: 1.5rem;
    color:var(--bs-theme-color);
    text-decoration:none;
    font-size:1rem;
}









.youshi-section img{
	margin: 0 auto;
	max-width:100%;
}

.youshi-section .youshi-bg{
	padding-top: 5rem;
    padding-bottom: 4rem;
    background: no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    position:relative;
}

.youshi-section .youshi-bg > .container{
	z-index:100;
	position:relative;
	color:#fff;
}
.youshi-section .served-item{
	display:flex;
	flex-direction:column;
	
}
.youshi-section .served-item h4{
	background-color:#fff;
	line-height:2;
	font-size:1rem;
	font-weight:normal;
	text-align:center;
	color:#000;
}
.youshi-section .youshi-title{
	font-size: 36px;
}

@media screen and (max-width: 546px) {
	.youshi-section .served-item h4{min-height: 2.625rem;}
}













.form-section .sec-title div{
	font-weight:normal;
	font-size:1.2rem;
	text-align:center;
	display:block;
	margin-bottom:1rem;
}
.form-section button.btn,
.categories-section .ca-btn,
.categories-section .sec-title a.btn{
	border-color:#fff;
	color:#fff;
	width:12rem;
	max-width:100%;
}



.video-section .videobg{
	max-width:100%;
	height:60rem;
}
.video-section .videobg {
    max-width: 100%;
    height: 35rem;
    overflow: hidden;
}
.video-section .video-js .vjs-tech {
	height: auto !important;
    transform: translate(0, -50%);
    top: 50%;
}
.video-section .vjs-poster{
	background-size:cover;
}

.product-section .cs-pic img,
.categories-section .cs-pic img{
	transition: all 0.6s;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}

.product-section .cs-pic:hover img,
.categories-section .cs-pic:hover img{
	transform: scale(1.05);
}
.product-section .cs-pic,
.categories-section .cs-pic{
	border-radius:0;
	overflow:hidden;
	position:relative;
}
.categories-section .cs-pic{margin-top: 2.5rem;}
.product-section .cs-pic.sd{
	box-shadow:none;
	transition: all .6s;
}

.product-section .cs-pic:hover.sd{
	border-radius:0rem;
	box-shadow: 10px 10px 30px -15px rgb(0 0 0 / 15%);
}
.product-section .ca-des{
	padding: 1.5rem 1rem 1.5rem;
}
.product-section .ca-des h2{ 
	font-weight:normal;
	font-size:1.2rem;
	margin:0;
	white-space: normal;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   word-break: keep-all;
}
.product-section .cs-pic a{
	position:relative;
	display:block;
}
.product-section  .cs-pic a span{
	transition: opacity .6s; 
	opacity:0;
	display:flex;
	position:absolute;
	width:70%;
	height:60%;
	background-color:rgba(227,6,19,.6);
	color:#fff;
	justify-content:center;
	align-items:center;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	font-size:1.2rem;
	
}

.product-section .cs-pic:hover a span{
	opacity:1;
}



.reason-section .reason-bg{
	background-size:cover;
	background-position:center bottom;
	color:#fff;
	height:34vw;
}



.about-section {
	position:relative;
	padding: 160px 0 120px;
}
.about-section:after{
	content:"";
	position:absolute;
	width:100%;
	bottom:0;
	height:50%;
	background:url('../images/about-bg.jpg') no-repeat center;
	z-index: 0;
	left:0;
	background-size:cover;
}

.about-section .about-box{
	background-color: #fff;
    box-shadow:9px 2px 33px 3px rgb(0 0 0 / 15%);
    position: relative;
    z-index: 1;
}
.about-section .about-box img{
	max-width:100%;
}

.about-section .company-info{
	line-height:1.5;
}
.about-section .company-info h2{
	font-weight:bold;
	font-size:3.125rem;
	text-align:right;
	padding-right:1rem;
	position:relative;
	/* height:7.25rem; */
	margin-bottom:0;
}
.about-section .company-info{
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.about-section .company-info h2:after{
	content:"";
	position:absolute;
	right:0;
	top:0rem;
	height:7.25rem;
	border-right:2px solid var(--bs-theme-color);
}
.news-section .btn-link,
.about-section .btn-link{
    color:var(--bs-theme-color);
    text-decoration:none;
    font-size:1rem;
}



.youshi-section .ab-ys-item{
	text-align:center;
}


.youshi-section .ab-ys-item .ab-ys-pic{
	width: 5rem;
	height:5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:50%;
    border:1px solid var(--bs-theme-color);
    margin: 0 auto 1.5rem;
}
.youshi-section .ab-ys-item .ab-ys-pic img{
	width: 3rem;
	max-width:100%;
}

.youshi-section .ab-ys-item .ab-ys-txt h3{
	font-size:1.2rem;
}










.news-section .news-item{
	border-radius:5px;
	overflow:hidden;
}
.news-section .news-item h5{
	font-size:1.2rem;
	margin-bottom:1.5rem;
	white-space: normal;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   /* word-break: break-all; */
}
.news-section .news-item .news-des{
	color:#393939;
	white-space: normal;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   word-break: break-all;
   line-height: 1.2;
}
.news-section .news-item .news-date{
	color:#393939;
	margin-top: .75rem;
	margin-bottom: 0;
}
.news-section .sec-title{
	font-weight:bold;
	font-size:1.75rem;
	margin-bottom:2rem;
}
.news-section .news-img{
	position:relative;
	aspect-ratio: 81/58;
	overflow: hidden;
	border-radius:10px;
	margin-bottom:1rem;
}
.news-section img{
	width:100%;
	height: 100%;
	object-fit: cover;
}







@media only screen and (max-width: 767px){
	.news-section .news-item{
		margin-bottom:1.5rem;
	}
	.categories-section .pro-title{
		justify-content: left;
		font-size: 38px;
	}
	.categories-section .pro-title-des{
		padding-right: calc(var(--bs-gutter-x)* .5);
    	padding-left: calc(var(--bs-gutter-x)* .5);
	}
	.categories-section .cs-pic{margin-top: 20px;}
	.categories-section .ca-des .btn-link-title,
	.categories-section .cs-item:nth-child(2) .ca-des .btn-link-title,
	.categories-section .cs-item:nth-child(4) .ca-des .btn-link-title{
		width: auto;
        margin-left: 1rem;
        margin-right: 1rem;
	}
	.categories-section .ca-des .btn-link-title h2{
		font-size:1rem;
		-webkit-line-clamp: 3;
	}
	.youshi-section img{
		width:100%;
	}

	.youshi-section .youshi-bg{
		background-size:auto 100% ;
	}
	
	.youshi-section .youshi-bg{
		padding-top:4rem;
	}
	.youshi-section .youshi-title{font-size: 24px;}
	.youshi-section .served-item h4{font-size: .875rem;line-height: 1.5;}
	.about-section{
		padding:1rem 16px;
	}
	.about-section .company-info{
		margin-top:1rem;
	}
	
	
	
	.banner-section .banner-text .bt-title{
		font-size:1.5rem;
	}
	.banner-section .banner-text .bt-text{
		font-size:1.2rem;
	}
	
	
	
	
	
	
	
	.about-section h2{
		font-size:1.2rem; 
	} 
	.about-section p{
		font-size:1rem; 
		line-height:1.5;
	}
	.banner-section{
		height:auto;
	}
	.banner-section .banner{
    	background-attachment: inherit;
	    background-size: cover;
	    background-position: center;
	    height: 50vh;
    }
    .banner-section .banner-text h2{
    	font-size:1rem;
    	margin-bottom:0;
    }
    .banner-section .banner-text h1{
    	font-size:2rem;
    }
    .case-section .swiper-slide:nth-child(even){
    	margin-top:0;
    }
    .youshi-section .youshi-bg{
    	background-attachment: inherit;
	    background-size: cover;
	    background-position: center;
    }
    .about-section .company-info h1{
    	font-size:calc(1.375rem + 1.5vw)!important;
    }
    .categories-section .ca-des{
    	margin-bottom:0rem;
    }
    .midad-section .mid-ad-bg{
    	background-size: cover;
    }
    .product-section .p-category{
    	white-space: normal;
	   overflow: hidden;
	   text-overflow: ellipsis;
	   display: -webkit-box;
	   -webkit-line-clamp: 1;
	   -webkit-box-orient: vertical;
	   word-break: break-all;
    }
    
    .video-section .videobg{
    	height:10rem;
    }
    .categories-section .sec-title .stl-title{
    	font-size:1.2rem;
    }
    .categories-section .sec-title .stl-strong{
    	font-size:calc(1.375rem + 1.5vw)!important;
    }
    .reason-section .reason-bg{
    	height:auto;
    	position:relative;
    }
    .reason-section .reason-bg:after{
    	position:absolute;
    	content:"";
    	left:0;
    	right:0;
    	bottom:0;
    	top:0;
    	background-color:rgba(0,0,0,.5);
    }
    .reason-section .reason-bg > .container {
    	z-index:100;
    	position: relative;
    }
    .sec-title strong{
		font-size:2rem;
	}
}