body{
	font-family: PPMori,Helvetica Neue,Helvetica,Arial,sans-serif;
	color: #505050;
	position: relative;
	font-size: 18px;
	min-height: 100vh;
	padding-bottom: 5rem;
}
ul{
	list-style: none;
	padding: 0;
}
.row{
	--bs-gutter-x: 0;
}
.tops{
	background-color: #ffffff;
	box-shadow: 5px 5px 10px 0 rgba(0,0,0,.2);
}
/* 顶部导航 */
.top-nav{
	margin: 1rem 0 2rem;
}
.top-nav li a{
	display: inline-block;
	text-decoration: none;
	padding: .8rem;
	color: #878796;
}
.top-nav li a:hover{
	background-color: #00AEC3;
	color: #ffffff;
}
/* 下拉菜单 */
.top-menu{
	padding-bottom: 1.5rem;
}
.top-menu li a{
	text-decoration: none;
	color: #003D7C;
	font-size: 1.3rem;
	padding: 0 1.5rem;
}
.top-menu li a:hover{
	color: #00AEC3;
}
.top-menu li a.active{
	color: #00AED1;
}
.top-menu li.p-4{
	padding: 0 !important;
}
.top-menu .logo{
	position: absolute;
	top: -7rem;
	left: 0;
	transition: transform 0.5s ease;
	width: 100%;
}
.top-menu .logo img{
	width: 6.5rem;
}
.top-menu .logo h1{
	font-size: 2rem;
	color: #003D7C;
}
.logo:hover{
	transition: transform 0.5s ease;
	transform: scale(1.1);
	cursor: pointer;
}
.menu-con{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #00AEC3;
	border-radius: 1rem;
	box-shadow: 5px 5px 10px 0 rgba(0,0,0,.2);
}
.triangle{
	content: "";
	position: absolute;
	top: -.8rem;
	left: 0;
	width: 0;
	height: 0;
	border-left: 10px solid transparent; /* 左侧透明 */
	border-right: 10px solid transparent; /* 右侧透明 */
	border-bottom: 15px solid #00AEC3; /* 底部颜色 */
	transform: translateX(-50%); /* 水平居中 */
}
.menu-con .menu-list{
	background-color: #003D7C;
	border-radius: 1rem 0 0 1rem;
	padding-bottom: 2rem;
}
.menu-con .menu-list ul{
	background-color: #00AEC3;
	border-radius: 1rem 0 0 1rem;
}
.menu-con .menu-list li{
	line-height: 3;
	padding-left: 3rem;
	color: #ffffff;
	background-color: #003D7C;
}
.menu-con .menu-list li:hover{
	cursor: pointer;
	background-color: #ffffff;
	color: #003d7c;
}
.menu-con .menu-list li:first-child{
	border-radius: 1rem 0 0 0;
}
.menu-con .menu-list li.active{
	background-color: #00AEC3;
	border-radius: 1rem 0 0 0;
}
.menu-con .menu-list li.active + li, .menu-con .menu-list li.active + li:hover{
	border-radius: 0 1rem 0 0;
}
.menu-con .menu-cons{
	padding: 1rem 1rem 1rem 2rem;
	text-align: center;
}
.menu-con .menu-cons li{
	width: 25%;
}
.menu-con .menu-cons li a{
	color: #ffffff;
	font-size: 1rem;
	display: block;
	padding: 1rem 1.5rem;
	border-radius: 1rem;
}
.menu-con .menu-cons li a:hover{
	color: #003D7C;
	background-color: #ffffff;
}
.menu-con .menu-cons li a i{
	font-size: 2.8rem;
}
/* 轮播图 */
.container-fluid{
	--bs-gutter-x: 0;
}
.carousel-outer{
	margin-bottom: 2rem;
}
.carousel .big{
	width: 5rem;
	height: 5rem;
}
/* 搜索栏 */
.search{
	width: 100%;
	background: rgb(0, 0, 0, .5);
	color: #ffffff;
}
.search-con{
	width: 36vw;
	margin: 1rem auto;
}
.btn-suche{
	background-color: #003d7c;
	border-color: #003d7c;
	color: #ffffff;
}
.btn-suche:hover{
	background-color: #00aec3;
	border-color: #00aec3;
}
/* 卡片列表 */
.card-list{
	overflow: auto;
}
.card-list li{
	padding: 1rem;
	min-height: 30rem;
	overflow: hidden;
}
.card-list li a{
	color: #505050;
	text-decoration: none;
}
.card-list li .card-con{
	min-height: 30rem;
	overflow: hidden;
	border-radius: .8rem;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}
.card-list li h3{
	min-height: 6rem;
	padding-top: 2rem;
	text-align: center;
	line-height: 1.5;
	font-size: 1.6rem;
	color: #003D7C;
}
.card-list li p{
	height: 5rem;
	padding: 1rem;
	margin-bottom: 0;
	font-size: 1.2rem;
}
.card-list li p a{
	color: #003D7C;
}
.card-list .card-bottom{
	width: 100%;
	height: 24vh;
	z-index: 100;
}
.card-list .card-bottom img{
	width: 100%;
	box-shadow: 0 0 20px 15px rgba(255,255,255,.8);
}
.card-list .card-path{
	background-color: #003D7C;
	color: #ffffff;
	text-decoration: none;
	padding: .5rem 1rem;
	font-size: 1.4rem;
	width: 100%;
}
.card-list .card-path:hover{
	cursor: pointer;
	background-color: #00AEC3;
}
.card-list .card-path span:last-child{
	font-size: 2rem;
}
.card-list .card-title{
	color: #003D7C;
	text-align: center;
	height: 4rem;
	line-height: 1.8;
	margin-bottom: 2rem;
}
#email{
	position: relative;
	z-index: 1000;
	width: 90%;
	margin: 0 auto;
}

.blue-list{
	background-color: #00AEC3;
}
h2.s-title{
	font-size: 40px;
	line-height: 50px;
	color: #003d7c;
	margin: 5rem 0 7rem;
	text-align: center;
}
.blue-list h3{
	color: #003D7C;
}
.blue-list p{
	color: #ffffff;
	padding: 2rem 1rem 4rem;
    text-align: left;
}
.img-circle{
	width: 5.625rem;
	height: 5.625rem;
	background-color: #003d7c;
	margin: 0 auto 2rem;
	border-radius: 50%;
}
/* tabs */
.tab-list{
	background-color: #EFF5F9;
}
.tab-list h2.s-title{
	background-color: #ffffff;
	margin: 0;
	padding: 5rem 0 7rem;
}
#myTab{
	background-color: #ffffff;
}
.tab-list .nav-link{
	color: #505050;
	font-size: 1.5rem;
	font-weight: 700;
	background-color: #ffffff;
	border-radius: 1rem 1rem 0 0;
	border: none;
	padding: 1rem 2rem;
}
.tab-list .active{
	color: #003d7c;
	background-color: #EFF5F9;
}
.tab-list .nav-link:hover{
	color: #003d7c;
}
.tab-list .tab-content{
	padding: 5rem 0;
	background-color: #EFF5F9;
}
.tab-list h3{
	color: #00aec3;
	font-size: 1.5rem;
	margin-bottom: 2rem;
	margin-right: 1rem;
	font-weight: bold;
}
.tab-list p{
	padding-right: 1rem;
	color: #505050;
}
.tab-list .footer-con div{
	width: 38%;
	margin-top: 5rem;
	color: #505050;
}
.tab-list .describe{
	text-align: right;
}
.tab-list .describe p{

	font-size: .8rem;
}
.tab-list .con-list{
	padding: 0 1rem 0 0;
}
.tab-list .con-list .icon{
	border-radius: 50%;
	border: 2px solid #70B124;
	display: block;
	height: 28px;
	width: 28px;
	text-align: center;
	color: #70B124;
	font-weight: bold;
	margin-right: 1rem;
}
.tab-list .con-list li{
	margin: 1rem 0 0;
	color: #505050;
}

.SQS{
	background-color: #003d7c;
	padding: 5rem 0;
}
.SQS img{
	max-width: 76%;
}
.SQS h3{
	color: #ffffff;
	line-height: 2;
	padding-bottom: 2rem;
}
.contact article{
	padding: 5rem 0;
}
.contact article h3{
	color: #00AEC3;
}
.contact article:nth-child(1) span{
	display: block;
	font-size: 1rem;
	color: #757575;
	padding: 0 0 1rem 1rem;
}
.contact article:nth-child(1) h3:last-of-type{
	color: #003D7C;
	padding: 2rem 0 1rem;
}
.btn-list li{
	margin-right: 1rem;
}
.btn-list li .btn{
	border-color: #505050;
	color: #595959;
}
.btn-list li .btn:hover{
	color: #003D7C;
	border-color: #003D7C;
}
.contact article:nth-child(2) ul{
	margin-top: 2rem;
}
.contact article:nth-child(2) ul li a{
	color: #003D7C;
}
.piece span{
	display: block;
}
.piece span a{
	color: #003D7C;
}
.piece span:nth-child(1) a{
	color: #565656;
	font-size: 2rem;
	text-decoration: none;
	font-weight: bold;
}
.piece span:nth-child(2), .piece span:nth-child(3){
	text-align: right;
}
.piece span:nth-child(2) a:hover{
	color: #00AEC3;
}
.piece span:nth-child(3){
	margin: 3rem 0 8rem;
}

.footerMenuList{
	background-color: #EFF5F9;
	padding: 1.5rem 0;
	position: absolute;
	bottom: 0;
}
.footerMenuList li{
	border-right: 1px solid #505050;
	padding: 0 1.5rem;
}
.footerMenuList li:last-child{
	border-right:none;
}
.footerMenuList li button{
	padding: 0;
	background-color: transparent;
	border: none;
}
.footerMenuList li a{
	color: #505050;
}
.footerMenuList li a:hover{
	color: #003D7C;
}

/* 返回顶部 */
.back-to-top{
	position: fixed;
	right: -3rem;
	bottom: 20px;
	width: 3rem;
	height: 3rem;
	text-align: center;
	background: #003D7C;
	color: #fff;
	border-radius: 8px 0 0 8px;
	display: block;
	transition: transform 0.3s ease;
	text-decoration: none;
	font-size: 1.5rem;
	box-shadow: 5px 5px 10px 0 rgba(0,0,0,.2);
}
.back-to-top.active{
	display: block;
	transform: translateX(-100%);
}

/* about */
.about{
	padding-top: 3rem;
	background-color: #ffffff;
}
.p-link{
	margin-top: 2rem;
}
.p-link a{
	color: #003D7C;
	line-height: 2;
}
.Management-list li{
	padding: .8rem;
}
.Management-list li div{
	box-shadow: 0px 0px 10px 0 rgba(0,0,0,.2);
}
.Management-list li div h4{
	line-height: 2;
}
.Management-list li div p{
	min-height: 3.5rem;
}
/* History */
.owl-carousel{
	text-align: center;
	color: #606060;
	margin-bottom: 3rem;
}
.owl-carousel .active{
	color: #505050;
}
.owl-carousel .active:hover{
	color: #003D7C;
	cursor: pointer;
}
.owl-carousel .current{
	color: #003D7C;
}
.owl-carousel .owl-prev{
	position: absolute;
	left: 0;
	top: -2.5rem;
}
.owl-carousel .owl-next{
	position: absolute;
	right: 0;
	top: -2.5rem;
}
.owl-carousel .owl-prev span, .owl-carousel .owl-next span{
	font-size: 4rem;
}
.carousel-modify{
	padding: 0 4rem;
	height: 55vh;
}
.carousel-modify .big{
	width: 5rem;
	height: 5rem;
}
.carousel-modify .carousel-control-next, .carousel-modify .carousel-control-prev{
	top: 3rem;
}
.carousel-modify .carousel-control-prev{
	left: -1.5rem;
}
.carousel-modify .carousel-control-next{
	right: -1.5rem;
}
.c-content{
	text-align: left;
	padding: 2rem 1rem 0;
}
.dl-con dt{
	font-weight: normal;
	color: #505050;
}
.dl-con dd{
	display:list-item;
	list-style: disc;
	color: #505050;
	margin-left: 2rem;
	padding-top: 1rem;
}
.ul-con{
	list-style: disc;
	color: #505050;
	padding-left: 2rem;
}
.tab-content a{
	color: #003D7C;
}
.tab-content a:hover{
	color: #00AEC3;
}
.c-card{
	padding-right: 1rem;
}
.c-card img{
	border-radius: 1rem 1rem 0 0;
}
.c-list dt{
	margin-bottom: 1rem;
}
.c-list dd{
	color: #505050;
}
/* Certification */
.certification .row{
	margin-bottom: 3rem;
}
.certification h4{
	padding-bottom: 1rem;
}
.certificate{
	border-bottom: 2px solid #00aec3;
	margin-right: 2rem;
	padding: 2rem 1rem;
}
.certificate img{
	padding-right: 1rem;
}
.certificate .btn{
	border-radius: 0;
	margin: 1rem .5rem;
}
.btn-details{
	color: #505050;
	border: 1px solid #505050;
}
.btn-details:hover{
	color: #003D7C;
	border: 1px solid #003D7C;
	background-color: #DFE4E7;
}
.btn-download{
	background-color: #003d7c;
	color: #ffffff;
}
.btn-download:hover{
	background-color: #00AEC3;
	color: #ffffff;
}
/* 弹窗 */
.details-con h3{
	color: #00AEC3;
}
.details-con span{
	color: #003D7C;
}
.details-con span i{
	color: #505050;
	font-size: 1.5rem;
}
.details-con div:first-child{
	margin-bottom: 2rem;
}
.details-con label{
	line-height: 3;
}
.details-con dl{
	margin: 2rem 0;
}
.details-con h4{
	margin-top: 2rem;
}
/* 产品列表 */
.product-list h2{
	text-align: center;
	padding: 1rem 0;
	color: #003D7C;
	margin-top: 4rem;
}
.product-list ul li{
	padding: 1rem;
}
.product-list .card-body{
	text-align: center;
	border-top: 1px solid #D2D2D2;
	background-color: #EAF2F7;
	border-radius: 0 0 0.375rem 0.375rem;
}
.product-list .card a{
	text-decoration: none;
	color: #505050;
}
.product-list .card:hover{
	cursor: pointer;
}
/* PDF列表 */
.pdf-list{
	margin-top: 5rem;
	border: 1px solid #D2D2D2;
	border-radius: .5rem;
	padding: 1rem 0 3rem;
}
.pdf-list li{
	padding: 3rem 3rem 0;
	text-align: center;
}
.pdf-list li a{
	color: #505050;
	text-decoration: none;
}
.pdf-list li a:hover{
	color: #003D7C;
}


/* certification.html */
*, ::after, ::before {
	box-sizing: border-box;
}
.tab-root .tab-detail.active {
	display: block;
}
.tab-root .tab-detail {
	padding-left: 0;
	padding-right: 0;
}
.tab-root .tab-detail {
	background-color: #eff5f9;
	transition: min-height .3s ease-in-out;
	padding: 85px 12px 49px;
	padding-right: 12px;
	padding-left: 12px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
.tab-root .tab-detail {
	background-color: #ffffff;
	transition: min-height .3s ease-in-out;
}
.tab-root .tab-detail .tab-page {
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
	max-width: 1282px;
	position: relative;
}
.tab-root .tab-detail .tab-page::after {
	clear: both;
}
.tab-root .tab-detail .tab-page::after, .tab-root .tab-detail .tab-page::before {
	display: table;
	content: " ";
}
.company .tab-root .tab-detail .tab-page h3 {
	margin-bottom: 41px;
}
.tab-root .tab-detail .tab-page h3 {
	margin: 0 0 51px;
	margin-bottom: 51px;
	text-align: left;
	color: #00aec3;
}
.tab-root .tab-page > h3 {
	display: none;
}
h3 {
	font-size: 24px;
	line-height: 34px;
	font-weight: 900;
	color: #00aec3;
}
.tab-root .tab-detail .tab-page > div {
	min-height: 50px;
}
.tab-root .tab-detail .tab-page div.col {
	margin: 0 0 36px;
	padding: 0 12px;
}
.tab-root .tab-detail .tab-page div.col {
	float: left;
	width: 50%;
}
.tab-root .tab-detail .tab-page div.col {
	position: relative;
	min-height: 1px;
	padding: 0 30px;
}
h4 {
	font-size: 24px;
	line-height: 34px;
}
.h3, .h4, h3, h4 {
	font-size: 24px;
}
.h4, .h5, .h6, h4, h5, h6 {
	margin-top: 13.5px;
	margin-bottom: 13.5px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	font-weight: 700;
	line-height: 1.1;
	color: #003d7c;
}
h4 {
	display: block;
	font-size: 1em;
	font-weight: bold;
	margin-block: 1.33em;
}
.col ul {
	list-style: disc;
	padding-left: 2rem;
}
/* details */
.details{
	background-color: #00aec3;
}
.details-content{
	padding: 5rem 0 2rem 0;
	color: #ffffff;
}
.details-content p{
	margin: 2rem 0;
}
.pro-img{
	position: absolute;
	top: -3.5rem;
	right: 0;
	width: 90%;
}
.parameter{
	padding: 4rem 0 3rem;
}
.parameter h2{
	text-align: center;
	color: #00aec3;
	padding: 5rem 0 3rem 0;
}
.parameter ul li{
	padding: 0.5rem 0;
}
.parameter ul li span:first-child{
	padding-right: 1.5rem;
	font-weight: bold;
}
.btn-sheet{
	background-color: #003D7C;
	border-color: #003D7C;
	color: #ffffff;
	border-radius: 0;
	margin-top: 2rem;
}
.btn-sheet:hover{
	color: #ffffff;
	background-color: #00aec3;
	border-color: #00aec3;
}
/* industries.html */
.industries-nav{
	padding: 3.5rem;
}
.industries-nav .nav-current{
	color:#003D7C;
	font-size: 3rem;
}
.industries-nav .nav-left, .industries-nav .nav-right{
	cursor: pointer;
	color: #505050;
}
.industries-nav .nav-left:hover, .industries-nav .nav-right:hover{
	color: #003D7C;
}
.bi-chevron-left, .bi-chevron-right{
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	font-size: 3rem;
}
.bi-chevron-left{
	left: 0;
}
.bi-chevron-right{
	right: 0;
}
.industries-banner{
	background-color: #00AEC3;
}
.industries-banner .imgStyle{
	height: 21rem;
	background-color: #6c757d;
	background-image: url("../img/industry/industry-1-1.jpg");
	background-position: left 50%;
	background-repeat: no-repeat;
	background-size: 100%;
}
.industries-banner p{
	padding: 2rem 0;
	color: #ffffff;
	line-height: 2;
}
.industries-banner p span{
	font-weight: bold;
	font-size: 1.3rem;
}
/* products2.html */
.product-list-2 .card:hover{
	border-color: #003D7C;
	color: #003D7C;
}
.product-list-2 .card:hover a{
	color: #ffffff;
}
.product-list-2 .card:hover .card-body{
	border-color: #003D7C;
	background-color: #003D7C;
	color: #ffffff;
}
/* products_info.html menu */
.info-menu{
	width: 100%;
	overflow: hidden;
	position: relative;
	background-color: #ffffff;
}
.info-menu ul{
	position: relative;
}
.info-menu ul li{
	flex-shrink: 0;
}

.info-menu{
	width: 100%;
	height: 4.8rem;
	overflow: hidden;
	position: relative;
}
.info-menu .info-menu-in{
	position: absolute;
	top: .5rem;
	overflow-x: auto;
	scrollbar-color: #CDCDCD #EFF5F9; /* 滑块颜色和轨道颜色 */
}
::-webkit-scrollbar-track {
	background: #EFF5F9; /* 轨道颜色 */
}
.info-menu ul li{
	flex-shrink: 0;
}