body{
	background-color:#f5f5f5;
}

.categories-section{
	background-color:#fff;
}
.categories-section .cs-pic img{
	transition: all 0.6s;
    margin: 0 auto;
    max-height: 100%;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}
.categories-section .cs-pic:hover img{
	transform: scale(1.05);
}
.categories-section .cs-pic{
	border-radius:1rem 1rem 0 0;
	overflow:hidden;
	position:relative;
}
.categories-section .shadow{
	border-radius:1rem;
	box-shadow: 10px 10px 30px -15px rgb(0 0 0 / 15%) !important;
}
.categories-section .ca-des{
	padding: 1.5rem 1rem 2rem;
	background-color:#fff;
	border-radius: 0 0 1rem 1rem;
}

.categories-section .ca-des h3{ 
	font-weight:bold;
	font-size:1.5rem;
}


.categories-section .cs-content{
	background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
}

.categories-section .ca-title{ 
	color:var(--bs-navbar-brand-color);
	font-weight:bold;
}


.youshi-section .sec-title{
	text-align:left;
	width:600px;
	max-width:100%;
	text-transform: capitalize;
	
}



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

.youshi-section .youshi-bg{
	padding-top: 6rem;
    padding-bottom: 6rem;
    background: no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    position:relative;
}
.youshi-section .youshi-bg .mask{
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background-color:rgba(0,0,0,.7);
	z-index:0;
}
.youshi-section .youshi-bg > .container{
	z-index:100;
	position:relative;
	color:#fff;
}
.youshi-section .youshi-bg .bi{
	height: 3rem;
    width: auto;
    margin-left: 0;
}
.youshi-section .sec-title{
	color:#fff;
}
.youshi-section .sec-title:after{
	border-color:#fff;
}
.youshi-section .fs-6{
	font-size:1.2rem;
}

.youshi-section .company-info{
	background-color:#fff;
	border-radius:5px;
	padding:4rem 6rem;
	font-size:1rem;
	color:#212529;
}

.youshi-section .company-info h3{
	font-size:2rem;
	font-weight:bold;
	margin-bottom:2rem;
}

.sec-title{
	font-weight:bold; 
	text-align:center;
	position:relative;
	padding:1.5rem 0;
	color:var(--bs-theme-color);
	text-align:left;
}
/*
.sec-title:after{
	content: '';
    width: 3rem;
    height: 2px;
    border-bottom:2px solid var(--bs-theme-color);
    position: absolute;
    bottom: 0;
    left: 50%; 
    transform: translate(-50%, 0);
}*/




.product-section .pic{
	max-width:100%;
}
.product-section .p-category{
	font-size:0.8rem;
	display:block;
	color:#999;
}
.product-section .p-title{ 
	font-size:1.1rem;
	display:block;
	color:#2B161B;
	white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word; 
    height: 3rem;
} 
.product-section .p-more-btn{
	font-size:0.8rem;
}
.product-section .hover-pic{
	padding-bottom:100%;
	height:0;
	width:100%;
	background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
}
.about-section{
	position:relative;
}
.about-section h2{
	font-weight:bold;
}
.about-section .blank-space{
	height:5rem;
}
.about-section .colorbg{
	background-color: #FCEADE;
    box-shadow: 50px 50px 50px -25px rgb(0 0 0 / 15%);
    margin-top: -6rem;
    padding-top: 6rem;
    position: relative;
    margin-left: 3rem;
}
.about-section .company-pic {
    position: absolute;
    right: 0;
    top: -10%;
}
.about-section .company-pic img{ 
	max-width:100%;
	border-radius:5px;
	box-shadow: 50px 50px 50px -25px rgb(0 0 0 / 15%);
}
.about-section .company-pic .offset-pic{
	position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-95%, -50%);
    width:8rem;
    max-width:100%;
    box-shadow: none;
}
.about-section .colorbg img{
	margin-left:-3rem;
}
.about-section .company-info h1{ 
	font-size:2.5rem;
	font-weight:bold;
	margin-bottom:2rem;
	color:var(--bs-theme-color);
}
.about-section .company-info{
	line-height:2;
}
.about-section .company-info img{
	max-width:60%;
}
.ab-certification-swiper .swiper-slide img{
	max-width:100%;
} 
.ab-certification-swiper .swiper-slide{
	border:1px solid #ccc;
}
.reason-section {
	background-color:#fff;
}
.adv-text-box{
	border-bottom:1px solid #dfdfdf;
}
.adv-text-box div{
	font-weight:bold;
}

.reason-section .sec-title h3{
	font-size: 1.6rem;
    width: 50rem;
    max-width: 100%;
    text-align: center;
    margin: 1.5rem auto 0;
    line-height: 1.5;
}

.reason-section .re-icon{
	padding:0 4rem;
	margin-bottom:2rem;
}

.reason-section .re-icon img{
	max-width:100%;
	height:5rem;
}
.reason-section .re-des{
	padding:0 1rem;
}


.case-section{
	background-color:#fff;
}
.cert-section .swiper-slide img,
.case-section .swiper-slide img{
	max-width:100%;
}
.cert-section .swiper-slide,
.case-section .swiper-slide{
	position:relative;
}


.case-section .ca-name{
	position: absolute;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    left: 0;
    width: 100%;
    bottom: 5rem; 
    z-index: 100;
}
.case-section .ca-name:after{ 
	width: 2rem;
    border-top: 2px solid #fff; 
    content: '';
    position: absolute;
    left: 50%;
    bottom: -15px;
    transform: translate(-50%, 0);
}

.news-banner{
	background-color:var(--bs-theme-color);
	color:#fff;
	padding:4rem 3rem;
}


.news-section .news-item{
	background-color:#f0f0f0;
	border-radius:5px;
	overflow:hidden;
	padding:2rem 2.5rem;
	margin-bottom:1rem;
}
.news-section .news-item h5{
	font-size:1.2rem;
	margin-bottom:1.2rem;
}
.news-section .news-item .news-des{
	color:#999;
	white-space: normal;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   word-break: break-all;
}
.news-section .news-item .news-date{
	color:#666;
}


.inquiry-form{
	background-color:#fff;
}

.inquiry-form > .container{background-repeat: no-repeat; 
    background-size: cover;
    background-position: center;}
.message_list{margin-top: 20px;} 
.message_list ul li{position: relative;box-sizing:border-box;}
.message_list ul li.w100{padding-left:0px;box-sizing:border-box;}

.message_list ul li label{position: absolute;left: 0px;top:0px;color: #6a6a6a;height:46px;line-height: 46px;font-size:18px;font-weight: normal;}
.message_list ul li label em{color: #ff0000;font-size: 20px;}
.message_list ul li .wz_r{color: #2c2c2c;font-size:16px;line-height: 46px;}
.message_list ul li .wz_r .photo{max-height: 46px;max-width: 46px;float: left;margin-right: 10px;display: block;}
.message_list ul li .input_text{border:solid 1px #999999;background: #fafafa;width: 100%;height:44px;text-indent:10px;line-height:44px;box-sizing: border-box;}
.message_list ul li .textarea{border:solid 1px #999999;background: #fafafa;width: 100%;padding:10px;line-height:36px;box-sizing: border-box;}
.message_list ul li .p_r{line-height:30px;font-size: 0.8rem; color: #666;}

.message_list ul li .input_text2{border:solid 1px #fafafa;background: #fafafa;height:44px;text-indent:10px;line-height:44px;box-sizing: border-box;}

.message_list ul li .sel{ width: 120px; height: 44px; border:solid 1px #fafafa;background: #FFFFFF;float: left; position: relative; box-sizing: border-box;z-index: 99;}
.message_list ul li .sel select{border: none; outline: none;width: 100%; height: 42px; line-height: 42px;appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-left:10px; } 
.message_list ul li .sel:after{ content: ""; width:30px; height:40px; background:url(../images/jt.jpg) no-repeat right center;position: absolute; right: 0px; top: 0; pointer-events: none; }
.message_list.li_l ul li{padding-left: 170px;}
.message_list.li_l ul li .tex_r{width: 100%;padding-left:310px;box-sizing: border-box;position: absolute;left:-10px;top: 9px;}
.message_list ul li .sel.reg{ width: 100%;}
.message_list ul li span{color: #999999;padding-left: 5px;}
.message_list ul li span.error{color:#F00;}
.message_list ul li .verify{width: 106px;height: 44px;float: left;margin-left: 15px;cursor: pointer;} 

.inquiry-form #map{
	width:100%;
	height:400px;
}






@media only screen and (max-width: 767px){
	.sec-title{
		padding-bottom:0.5rem;
	}
	.about-section .company-pic .offset-pic,
	.blank-space{
		display:none;
	}
     .youshi-section{
		font-size:0.8rem;
	 }
	 .youshi-section img{
		width:40px;
	}
	.youshi-section h3{
		font-size:1rem !important;
	}
	.categories-section .ca-des{
		padding:1.5rem;
	}
	.categories-section .ca-des h3{
		font-size:1.25rem;
	}
	.about-section .company-pic{
		position:relative;
		top:auto;
		right:auto;
	}
	.product-section .p-title{ 
		font-size: 0.9rem;
	    white-space: normal;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    word-break: break-all; 
	    height: 1.5rem;
	}
	
	.midad-section .ad-text{ 
		font-size:1rem;
		line-height:1.5;
	}
	.benefits-section .bene-img p{
		padding-top:1rem;
		padding-bottom:1rem;
		padding-left:2rem;
		font-size:1rem;
	}
	.benefits-section .bene-img p.pright{
		text-align:left;
		padding-top:1rem;
		padding-bottom:1rem;
	}
	.about-section h2{
		font-size:1.2rem; 
	} 
	.about-section p{
		font-size:1rem; 
		line-height:1.5;
	}
	
	.youshi-section .youshi-bg{
    	background-size:auto 100%;
    	background-attachment:inherit;
    }
    .about-section .company-info img{
    	max-width:100%;
    }

	.about-section .company-info h1{
		font-size:1.5rem;
	}
	
	.youshi-section .youshi-bg{
		padding-top: 3rem;
	    padding-bottom: 3rem;
	}
	
	.about-section .colorbg{
		margin-top: 3rem;
	    padding-top: 0;
	    margin-left: 0;
	    padding-left: 0;
	}
	.about-section .colorbg img{
		margin-left:0;
	}
	
	.about-section .company-pic{
		margin-bottom:3rem;
	}
	
	.inquiry-form #map{
		height:250px;
	}
	
	.about-section .company-pic .offset-pic{
		position: relative;
	    transform: inherit;
	    margin-top: 0.2rem;
	    height:auto;
	}
	
	.reason-section .sec-title h3{
		font-size:1.2rem;
		padding:0 2rem;
	}
	
	.news-section .news-item{
		margin-bottom:1.5rem;
	}
	
	.reason-section .re-icon img{
		height:auto;
	}
	.news-banner{
		padding:1rem 2rem;
	}
}