@charset "utf-8";
a{color: #0d6efd;}
a:hover{color:brown;}


#topBar a:hover{
	color: #FFF;
	border-bottom: 1px solid #F1F1F1;
}

#navBar-lg{
	background-color: rgba(0, 0, 0, 0.6);
}

#navBar-lg a.nav-link{
	color: #F1F1F1;
	margin-left: 10px;
	margin-right: 10px;
	transition: 0.2s;
}

#navBar-lg a.nav-link:hover{
	background-color: brown;
}

section.company-intro{
	background-image: url(../images/bg_about.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

}
section.company-intro .container-fluid{
	background-color: rgba(255, 255, 255, 0.7);
}


section.kouhao{
	background-image: url(../images/bg_kouhao.jpg);
	height: 170px;
	background-repeat: no-repeat;
	background-position: center;
	background-position-x: center;
	background-position-y: bottom;
}

section.kouhao .container-fluid{
	background-color: rgba(125, 0, 0, 0.6);

}

#img-page {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#img-page .container-fluid{
		background-color: rgba(0, 0, 0, 0.4);
}

#field-chanpin,
#field {
	min-height: 500px;
	height: auto;
	line-height: 200%;
	color: #333;
	font-size: 17px;
	text-align: justify;
}
#field img {
	padding: 0.25rem;
	background-color: var(--bs-body-bg);
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	display: block !important;
}

#field a {
	color: #0d6efd;
}

#field a:hover {
	border-bottom: 1px solid #0d6efd;
}

#field p{
	text-indent: 2em;
}

#field-chanpin img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	display: block !important;
}


a.target-fix{
	margin-top: -130px;
	padding-top :130px
}



#jituan .nav-item .nav-link{
	border-radius: 0px;
	font-size: 16px;
	border-bottom: 3px solid #FFF;
	color: #333;
}
#jituan .nav-item .active{
	border-bottom: 3px solid yellowgreen;
	background: #286090;
	color: #FFF;
}


#staticBackdrop{background-color: rgba(255, 255, 255, 1.0);}

.cp-wrap .card{padding: 10px;}
.cp-wrap .card:hover{
	transition: 0.8s;
	border: 1px solid #999;
}


.cp-img-left .btn-60{
	width: 60px;
	padding: 4px;
	margin-right: 10px;
}

.cp-img-left .btn-60:hover,
.cp-img-left .nav .active{
	padding: 0.25rem;
	background-color: var(--bs-body-bg);
	border: var(--bs-border-width) solid brown;
	border-radius: var(--bs-border-radius);
	max-width: 100%;
	height: auto;
}