/*public start*/
@font-face {
	font-family: 'HarmonyOS';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('img/HarmonyOS_Sans_SC_Light.woff') format('woff');
}
@font-face {
	font-family: 'HarmonyOS';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('img/HarmonyOS_Sans_SC_Regular.woff') format('woff');
}
@font-face {
	font-family: 'HarmonyOS';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('img/HarmonyOS_Sans_SC_Medium.woff') format('woff');
}
@font-face {
	font-family: 'HarmonyOS';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('img/HarmonyOS_Sans_SC_Bold.woff') format('woff');
}
* {margin: 0;padding: 0;font-family: 'HarmonyOS';-webkit-tap-highlight-color: rgba(0,0,0,0);box-sizing: border-box;}
ol, ul, li, dl, dt, dd, form, p, h1, h2, h3, h4, h5, img {margin: 0;padding: 0;}
body{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
ol, ul, li {list-style: none;padding: 0;margin: 0;}
img {border: none;max-width:100%;vertical-align: bottom;}
img	{user-select: none;touch-action: none;}
a {text-decoration: none;border: none;margin: 0;padding: 0;}
input, textarea {outline: 0;resize: none;/*border: none;*/_border: 0;margin: 0;padding: 0;}
select {border: 0;}
input::-webkit-search-cancel-button {display: none;}
input[type=button], input[type=submit], input[type=search], button { -webkit-appearance: none;}
table, table td {border-collapse: collapse;}
select {border: 0;appearance: none;-webkit-appearance: none;-moz-appearance: none;outline: none;}
select::-ms-expand {display: none;}
.clear {clear: both;}
.clearfix::after {content: '';clear: both;display: block;}
.fl{float: left;}
.fr{float: right;}
.tc{text-align: center;}
.wrapper {width: 100%;_zoom: 1;position: relative;overflow: hidden;}
.container{margin: 0 auto;max-width: 1200px;}
/*public end*/

.row{display: flex;flex-wrap: wrap;height: 100%;}
.column{height: 100%;}
.col-12{width: 100%;}
.col-11{width: 91.666666%;}
.col-10{width: 83.333333%;}
.col-9{width: 75%;}
.col-8{width: 66.666666%;}
.col-7{width: 58.333333%;}
.col-6{width: 50%;}
.col-5{width: 41.666666%;}
.col-4{width: 33.333333%;}
.col-3{width: 25%;}
.col-2{width: 16.666666%;}
.col-1{width: 8.333333%;}

header section{
	box-shadow: 0px 10px 11px -4px rgb(0 0 0 / 10%);
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	background-color: #fff;
}
.section-hidden{
	position: relative;
	visibility: hidden;
}
.header-row{
	align-items: center;
	height: 68px;
}
.logo{
	width: 20%;
}
.nav{
	width: 55%;
	height: 100%;
}
.menu{
	width: 22px;
	height: 20px;
	display: none;
	position: relative;
	padding: 3px;
}
.menu span {
	display: block;
	width: 100%;
	height: 3px;
	background-color: #000000;
	border-radius: 2px;
	position: absolute;
	top: 0;
	left: 0;
	/*transition: 0.3s;*/
}
.menu span:nth-child(1){
	top: 3px;
}
.menu span:nth-child(2){
	top: 9px;
}
.menu span:nth-child(3){
	top: 15px;
}
.menu.active span:nth-child(1){
	opacity: 0;
}
.menu.active span{
	top: 50%;
}
.menu.active span:nth-child(2) {
	transform: translateY(-50%) rotate(45deg);
}
.menu.active span:nth-child(3) {
	transform: translateY(-50%) rotate(-45deg);
}
.nav-menu{
	display: flex;
	height: 100%;
	align-items: center;
	transition: all .3s;
}
.nav-menu .row{
	align-items: center;
}

.nav-item{
	padding: 0.5rem 0.2rem;
	line-height: 1.6;
}
.nav-item:not(:last-child){
	-webkit-margin-end: 30px;
	margin-inline-end: 30px;
}
.nav-item>a{
	font-size: 20px;
	color: #000000;
	font-weight: 600;
}
.nav-item:hover>a{
	color: #3679FE;
}
.header-right{
	width: 25%;
	height: 100%;
	display: flex;
	justify-content: flex-end;
}
.header-button-wrapper{
	height: 100%;
	--align-self: flex-end;
	--flex-grow: 0;
	--flex-shrink: 0;
}
.header-button{
	width: 104.993%;
	height: 100%;
}
.header-button a{
	padding: 25px 50px;
	display: inline-block;
	box-shadow: 0px 0px 0px -7px rgb(0 0 0 / 0%);
	font-size: 18px;
	font-weight: 400;
	text-transform: capitalize;
	line-height: 18px;
	letter-spacing: 2px;
	fill: #FFFFFF;
	color: #FFFFFF;
	background-color: #3679FE;
	border-radius: 0px 0px 0px 0px;
	width: 100%;
}
.header-button a:hover{
	color: #FFFFFF;
	background-color: #216496;
}

/*main*/
.banner{
	position: relative;
}
.banner .swiper-slide{
	height: 625px;
}
.banner-img{
	background-position: 50%;
	background-repeat: no-repeat;
	min-width: 100%;
	min-height: 100%;
	background-color: #75A6DE;
	background-size: cover;
}
.banner-inner{
	background-repeat: no-repeat;
	background-position: 50%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 50px;
	margin: auto;
	padding: 0 0 0 18%;
	display: flex;
	color: #fff;
	align-items: center;
	justify-content: flex-start;
}
.banner-content{
	max-width: 39%;
}
.banner-head{
	font-size: 52px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 68px;
	letter-spacing: 0px;
	margin-bottom: 5px;
}
.banner-desc{
	font-size: 20px;
	font-weight: 300;
	line-height: 1.6em;
}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{
	color: #FFFFFF80;
	font-size: 26px;
	font-weight: 600;
}
.banner .swiper-pagination-bullet{
	width: 36px;
	height: 3px;
	margin-bottom: 12px;
	border-radius: 1px;
	cursor: pointer;
	background-color: #FFFFFF66;
	opacity: 1;
}
.banner .swiper-pagination-bullet-active{
	background-color: #FFFFFFD9;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 20px;
}
.index-title{
	text-align: center;
	padding: 10px;
}
.index-head-top{
	margin-bottom: 10px;
}
.index-head-top p{
	color: #222222;
	font-family: "Poppins";
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	font-style: normal;
	text-decoration: none;
	line-height: 1.1em;
	letter-spacing: 2px;
	word-spacing: 0em;
	text-transform: uppercase;
}
.index-head h1{
	color: #222222;
	font-size: 48px;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	line-height: 1.1em;
	word-spacing: 0em;
}
.index-desc{
	margin-top: 10px;
}
.index-desc p{
	color: #5E5E5E;
	font-size: 22px;
	font-weight: 300;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	line-height: 1.6em;
	word-spacing: 0em;
}
.index-pro{
	padding-top: 40px;
}
.index-pro-container{
	padding: 50px 0;
}
.index-pro-inner{
	display: flex;
	flex-wrap: wrap;
}
.index-pro-item{
	display: flex;
	flex-wrap: wrap;
	width: 50%;
}
.index-pro-item:nth-child(1){
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #E0E0E0;
	padding-right: 48px;
	padding-bottom: 48px;
}
.index-pro-item:nth-child(2){
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #E0E0E0;
	padding-left: 48px;
	padding-bottom: 48px;
}
.index-pro-item:nth-child(3){
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #E0E0E0;
	padding-right: 48px;
	padding-top: 48px;
}
.index-pro-item:nth-child(4){
	padding-left: 48px;
	padding-top: 48px;
}
.index-pro-item-icon{
	width: 85px;
	height: 100%;
	margin-right: 38px;
	display: inline-flex;
	align-items: center;
}
.index-pro-item-icon img{
	max-height: 100%;
}
.index-pro-item-content{
	flex: 1;
}
.index-pro-item-title{
	font-size: 22px;
	font-weight: 600;
	line-height: 48px;
	color: #333333;
}
.index-pro-item-desc{
	color: #333333;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.6em;
}
.customer-section{
	background-color: #F8F8F8;
	padding-bottom: 10px;
}
.customer-container{
	margin-top: 30px;
	padding: 10px;
}
.values-container{
	margin-top: 65px;
	padding-left: 70px;
	gap: 50px;
	flex-wrap: nowrap;
	justify-content: center;
}
.values-item-icon{
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	border-style: none;
	border-radius: 0px 0px 0px 0px;
}
.values-item-icon img,.values-item-icon svg{
	width: 90px;
	height: 90px;
}
.values-item-head{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 20px;
}
.values-item-head h3{
	font-family: "Poppins";
	font-size: 24px;
	font-weight: 600;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	line-height: 1em;
	letter-spacing: -1px;
	word-spacing: 0em;
	color: #212121;
}
.values-item-desc{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}
.values-item-desc p{
	color: #212121;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6em;
	margin: 1em 0;
}
.index-message{
	margin-top: 50px;
}
.index-message-inner{
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
	max-width: 1000px;
	margin: 0 auto;
}
/*main*/

/*footer*/
footer{
	
}
.footer-top{
	margin-bottom: -80px;
	position: relative;
	z-index: 1;
}
.footer-top-inner{
	padding: 10px 0;
}
.footer-top-inner img{
	border-radius: 5px 5px 5px 5px;
}
.footer-container{
	background-color: #333333;
	position: relative;
	padding: 65px 0px 10px 0px;
}
.footer-bgcolor{
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background-color: #001035;
	opacity: 0.6;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.footer-container .container{
	position: relative;
	padding: 10px;
}

.footer-content{
	margin: 50px 0 0 0;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #2D3748;
	margin-bottom: 20px;
}
.footer-col{
	padding: 10px;
	display: flex;
	flex-direction: column;
}
.footer-nav-head{
}
.footer-nav-head h3{
	color: #ffffff;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 1;
	margin: 0px 0px 10px 0px;
}
.footer-nav-list-item{
	display: flex;
}
.footer-nav-list-item:not(:last-child){
	padding-bottom: calc(5px / 2);
}
.footer-nav-list-item:not(:first-child){
	margin-top: calc(5px / 2); 
}
.footer-nav-list-item>a{
	font-size: 14px;
	font-weight: 300;
	line-height: 1.6;
}
.footer-nav-list-item>a>span{
	color: rgba(255,255,255,0.5);
	transition: color 0.3s;
}
.footer-ewm-box{
	
}
.footer-ewm-img{
	padding: 5px;
}
.footer-ewm-img img{
	width: 45%;
}
.footer-ewm-text{
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
}
.footer-ewm-text p{
	color: #FFFFFF80;
	font-size: 12px;
	font-weight: 300;
	line-height: 2;
	margin: 12px 0;
}
.footer-copyright{
	padding: 10px;
}
.footer-copyright p a{
	color: #FFFFFF80;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.footer-copyright p{
	color: #FFFFFF80;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.55em;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.language-container{
	position: fixed;
	right: 20px;
	width: 7.231%;
	bottom: 30px;
	z-index: 999;
}
select{
	font-weight: 600;
	font-size: 16px;
	line-height: 1.6;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	color: #2D3748;
	border: 1px solid #CBD5E0;
}
.language-select{
	padding: 0.2em 35px 0.2em 0.5em;
	background: #ffffff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==) no-repeat 98% 50%;
	appearance: none;
	box-shadow: 0px 0px 0px -7px rgb(0 0 0 / 0%);
	outline: none;
}
/*footer*/

/**/
.nybanner-bgimage{
	background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.nybanner-bgimage:before{
	content: "";
	background-color: #000;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
}
.nybanner-content{
	min-height: 465px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
}
.nybanner-inner{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.nybanner-head h2{
	color: #FFFFFF;
	font-size: 48px;
	font-weight: 700;
	line-height: 78px;
	margin-bottom: 10px;
}
.nybanner-desc p{
	text-align: center;
	color: #DFDFDF;
	font-size: 22px;
	font-weight: 300;
	line-height: 1.6em;
}
/**/

/*product*/
.product-container{
	margin: 50px 0;
	padding: 0 10px; 
}
.product-inner{
	padding: 10px 0;
}
.product-inner .product-item-title{ text-align:center;font-size:30px;padding:25px 0;}
.product-item{
	display: flex;
}
.product-item:nth-child(even){
	flex-direction: row-reverse;
}
.product-item-info{
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.product-item-info-content{
	min-height: 220px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.product-item-info-inner{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
}
.product-item-info-head h2{
	color: #000000;
	font-size: 28px;
	font-weight: 600;
	line-height: 48px;
}
.product-item-info-desc p{
	margin: 1em 0;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.6em;
	color: #2D3748;
}
.product-item-img{
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-color: #F8F8F8;
	min-height: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}
.product-item-img .product-item-icon{width:100%}
.product-item-img img{width:100%}
.product-item-info-button a{
	border-radius: 5px;
	font-size: 15px;
	padding: 15px 30px;
	display: inline-block;
	color: #fff;
	position: relative;
	display: inline-block;
	line-height: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	background-color: #2575fc;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	width: 100%;
	font-size: 18px;
	font-weight: 500;
	color: #3679FE;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
}
.product-item-info-button a:before{
	position: absolute;
	content: "";
	border-radius: inherit;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	z-index: -1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-size: 102% 102%;
	opacity: 0;
}
.product-item-info-button i{
	display: inline-block;
	vertical-align: middle;
	margin-left: 22px;
	font-size: 36px;
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
}
.product-item-info-button a:hover{
	color: #FFFFFF;
	background-color: #3679FE;
}
.product-item-info-button a:hover i{
	color: #FFFFFF;
}
.prodetail-container{
	padding: 0 10px;
}
.prodetail-head{
	margin-top: 50px;
	margin-bottom: 15px;
	padding: 20px 20px 20px 20px;
	overflow: visible;
}
.prodetail-head-title{
	padding: 10px;
	text-align: center;
}
.prodetail-head-title h1{
	color: #333333;
	font-size: 48px;
	font-weight: 600;
	line-height: 48px;
}
.prodetail-content{
	margin-top: 20px;
	margin-bottom: 70px;
}
.prodetail-inner{
	max-width: 1000px;
	margin: 0 auto;
	padding: 10px 0;
	display: flex;
	flex-wrap: wrap;
}
.prodetail-item{
	width: 47%;
	background-color: #FFFFFF;
	box-shadow: 0px 10px 48px 0px #efefef;
	color: #666666;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	margin-top: 70px;
}
.prodetail-item:nth-child(1),.prodetail-item:nth-child(2){
	margin-top: 0;
}
.prodetail-item:nth-child(odd){
	margin-right: 3%;
}
.prodetail-item:nth-child(even){
	margin-left: 3%;
}
.prodetail-img{
	margin-bottom: 24px;
}

.prodetail-parameter{
	padding: 0 10px;
}
.prodetail-parameter{
}
.prodetail-parameter-item{
	padding: 0 10px;
	display: flex;
	line-height: 30px;
	border-bottom: 1px solid #efefef;
	margin-top: 5px;
}
.prodetail-parameter-item:nth-child(1){
	margin-top: 0;
}
.prodetail-parameter p{
	padding-bottom: 8px;
}
.prodetail-parameter-label{
	width: 30%;
}
.prodetail-parameter-det{
	width: 70%;
}
.prodetail-detail{
	margin-top: 10px;
}
.prodetail-detail-inner{
	display: flex;
	padding: 0 20px;
}
.prodetail-detail-label{
	width: 26%;
}
.prodetail-detail-det{
	width: 75%;
}
.prodetail-detail-det ul{
	list-style: disc;
	margin: 0 0 1.5em 1.5em;
}
.prodetail-detail-det ul li{
	list-style: disc;
}
.prodetail-detail-det ul li::marker {
	font-size: 1px;
}
/*product*/

/*service*/
.serbanner-bgimage{
	min-height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
}
.serbanner-content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.serbanner-inner{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.serbanner-header{
	width: 100%;
	background-color: #0000008A;
}
.serbanner-header-title{
	padding: 10px;
}
.serbanner-header-title h2{
	color: #FFFFFF;
	font-size: 24px;
	font-weight: 300;
	line-height: 24px;
}
.serbanner-header-nav{
	display: flex;
}
.serbanner-header-list{
	display: flex;
	width: 80%;
}
.serbanner-header-item{
	padding: 0.5rem 1rem;
	display: flex;
	align-items: center;
}
.serbanner-header-item:not(:last-child){
	margin-right: 22px;
}
.serbanner-header-item a{
	display: flex;
	align-items: center;
	gap: 5px;
	line-height: 1.6;
	font-weight: 300;
}
.serbanner-header-item a span{
	color: #fff;
	font-size: 16px;
	display: flex;
	align-items: center;
	transition: all 0.3s; 
}
.serbanner-header-item a:hover span{
	color: #3679FE;
}
.serbanner-header-item.active a span{
	color: #3679FE;
}
.serbanner-title{
	min-height: 450px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.serbanner-title-inner{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.serbanner-title h2{
	color: #FFFFFF;
	font-size: 80px;
	font-weight: 700;
	line-height: 48px;
	letter-spacing: 2px;
	word-spacing: 20px;
}
.service-container{
	margin-bottom: 70px;
}
.service-item{
	padding: 10px;
	display: flex;
	flex-direction: column;
}
.service-item-head{
	margin: 50px 0 20px 0;
	padding: 10px;
}
.service-item-head h2{
	color: #333333;
	font-size: 48px;
	font-weight: 700;
	line-height: 48px;
	letter-spacing: 0px;
	word-spacing: 0px;
	padding-left: 20px;
	border-style: solid;
	border-width: 0px 0px 0px 5px;
	border-color: #3679FF;
	border-radius: 0px 0px 0px 0px;
}
.service-item-container{
	display: flex;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
	border-radius: 5px;
}
.service-item:nth-child(even) .service-item-container{
	flex-direction: row-reverse;
}
.service-item-info{
	padding: 0 5%;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	border-radius: 5px 0px 0px 5px;
}
.service-item-title{
	width: 100%;
}
.service-item-title h3{
	color: #333333;
	font-weight: 700;
	line-height: 48px;
	font-size: 28px;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.service-item-desc{
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	color: #2D3748;
}
.service-item-desc p{
	margin: 1em 0;
}
.service-item-image{
	display: flex;
	align-items: center;
}
.service-item-image-inner{
	background-color: #F8F8F8;
	border-radius: 0px 5px 5px 0px;
	width: 100%;
}
.service-item-image-inner img{
	vertical-align: middle;
	display: inline-block;
	width: 100%;
	max-width: 100%;
	height: 500px;
	object-fit: cover;
	object-position: center center;
	opacity: 1;
	transition-duration: 2s;
}
.service-item-image-inner img:hover{
	transform: scale(0.9);
}
.service-item-button-box{
	display: flex;
	justify-content: center;
}
.service-item-button{
	margin-top: 60px;
}
.service-item-button a{
	display: inline-block;
	line-height: 1;
	text-align: center;
	transition: all .3s;
	padding: 15px 30px;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 400;
	fill: #3679FE;
	color: #3679FE;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	box-shadow: 0px 0px 0px -7px rgb(0 0 0 / 0%);
}
.service-item-button-box i{
	margin-left: 15px;
}
/*service*/


/*about*/
.about-container{
	margin-top: 120px;
}
.about-header-inner{
	padding: 10px;
	position: relative;
}
.about-header-image{
	position: absolute;
	top: 5px;
	width: 100%;
	left: 305px;
	text-align: center;
	z-index: 1;
}
.about-title{
	margin: 10px 0 50px;
}
.about-title-inner{
	display: flex;
	padding: 10px 0;
	position: relative;
}
.about-title-conent{
	width: 100%;
	background-color: transparent;
	background-image: linear-gradient(180deg, #B4D2F8 0%, #D9E8FB 42%);
	border-radius: 60px 60px 0 0;
	padding: 20px 20px 0 20px;
}
.about-title-con{
	min-height: 128px;
	display: flex;
	align-items: center;
	padding-left: 20px;
}
.about-title-con h1{
	color: #FFFFFF;
	font-size: 32px;
	font-weight: 600;
	line-height: 48px;
	letter-spacing: 1.7px;
}
.about-title-image{
	position: absolute;
	left: 52.943%;
	width: 570px;
	top: -151px;
	z-index: 8;
	text-align: center;
	max-width: 100%;
}
.about-title-bgimage{
	height: 100%;
	background-image: url(img/About-Us.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.about-title-image img{
	vertical-align: middle;
	display: inline-block;
	max-width: 100%;
	height: 100%;
	object-fit: contain;
	transition-duration: 0s;
	border-style: none;
}
.about-detail{
	position: relative;
	z-index: 20;
	background-color: #ffffff;
	margin-top: -59px;
	margin-bottom: 50px;
	padding: 60px 0 0 0;
}
.about-detail-inner{
	display: flex;
	flex-wrap: wrap;
}
.about-detail-info{
	padding: 30px;
	background-color: #F8F8F8;
	display: flex;
	justify-content: center;
	align-items: center;
}
.about-detail-desc{
	text-align: justify;
	color: #666666;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6em;
}
.about-detail-desc p{
	margin: 1em 0;
}
.about-detail-image img{
	vertical-align: middle;
	display: inline-block;
	width: 100%;
	max-width: 100%;
	/*height: 434px;*/
	object-fit: cover;
	object-position: center left;
}

/*certificate*/
.certificate-inner{
	display: flex;
	flex-wrap: wrap;
	padding: 10px 0;
}
.certificate-item{
	padding: 10px;
}
.certificate-item-con{
	padding: 0px 0px 10px 0px;
	background-color: #F8F8F8;
	text-align: center;
}
.certificate-item-image{
	width: 100%;
	margin-bottom: 7px;
}
.certificate-item-image figure{
	width: 100%;
}
.certificate-item-image figure img{
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #DDDDDD;
	border-radius: 0px;
	filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
	transition-duration: 0.3s;
}
.certificate-item-head h3{
	color: #666666;
	font-size: 18px;
	font-weight: 500;
	line-height: 48px;
}

/*introduce*/
.introduce{
	margin-bottom: 100px;
}
.introduce .about-detail-inner{
	margin-top: 50px;
}
.introduce .about-detail-inner:nth-child(even){
	flex-direction: row-reverse;
}

/*contact*/
.contactBanner-bgimage{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 333px;
}
.contact-container{
	margin-top: 50px;
	margin-bottom: 50px;
}
.contact-content{
	/*max-width: 600px;*/
	margin: 0 auto;
}
.contact-title{
	margin-bottom: 40px;
}
.contact-title h2{
	color: #333333;
	font-size: 32px;
	font-weight: 600;
	line-height: 58px;
}
.contact-info{
	padding-bottom: 50px;
}
.contact-info-inner{
	padding: 10px 0;
}
.contact-info-item{
	display: flex;
	color: #202020;
	font-size: 18px;
	font-weight: 500;
	line-height: 45px;
}
.contact-info-item-label{
	/*min-width: 100px;*/
}
.contact-info-item-label p{
	padding: 0 10px;
}
.contact-info-item-desc{
	padding: 0 10px;
}
.contact-info-item-desc a{
	color: #202020;
}
.contact-info-item-desc p{
	
}
.contact-container .about-detail{
	margin-top: 0;
	padding-top: 0;
}

/*message*/
.message-container{
	background-color: #f0f0f0;
	padding: 20px 30px;
	margin-bottom: 50px;
}
.message-desc{
	color: #202020;
	font-size: 18px;
	font-weight: 500;
	line-height: 2;
}
.message-item{
	margin-top: 15px;
	position: relative;
}
.message-item label{
	display: block;
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	color: #202020;
	line-height: 40px;
}
.message-item label:has(+ input[data-require=true]):after{
	content: "*";
	display: inline-block;
	color: #ff0000;
	margin-left: 5px;
}
.message-input{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	font-size: 16px;
	color: #202020;
	border: none;
	outline: none;
}
.message-select{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-weight: 400;
	padding: 0 10px;
	font-size: 16px;
	color: #757575;
	border: none;
	background: #ffffff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==) no-repeat 98% 50%;
	appearance: none;
	outline: none;
}
.message-code{
	position: absolute;
	bottom: 0;
	right: 0;
	height: 40px;
	width: 100px;
	z-index: 9;
}
.message-button{
	display: block;
	border-radius: 2px;
	width: 100px;
	margin: 30px auto 0;
	border: none;
	outline: none;
	line-height: 40px;
	background-color: #3679FE;
	color: #ffffff;
	font-size: 18px;
	cursor: pointer;
}
.message-button:hover {
	color: #FFFFFF;
	background-color: #216496;
}

/*news*/
.news-container{
	margin-top: 50px;
	margin-bottom: 50px;
}
.news-content{
	max-width: 1000px;
	margin: 0 auto;
}
.news-item{
	margin-top: 50px;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}
.news-item-image{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #F8F8F8;
}
.news-item-image img{
	width: 100%;
	height: 220px;
	object-fit: cover;
	transition-duration: 1s;
}
.news-item-info{
	padding: 20px 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.news-item-image:hover img{
	transform: scale(0.9);
}
.news-item-head h2{
	color: #333333;
	font-weight: 700;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 10px;
}
.news-item-head:hover h2{
	color: #3679FE;
}
.news-item-date{
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: #666666;
	margin-bottom: 10px;
}
.news-item-desc{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6em;
	color: #2d3748;
}
.news-item-desc p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.newsDetail-head{
	text-align: center;
	color: #222222;
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 10px;
}
.newsDetail-date{
	text-align: center;
	color: #999999;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 20px;
}
.newsDetail-detail{
	font-size: 18px;
	line-height: 1.8;
	color: #333333;
}

/*pages*/
.pages{
	margin: 2em 0;
}
.pages>ul{
	justify-content: center;
	align-items: center;
}
.pages>ul>li{
	margin: 0 3px;
}
.pages>ul>li>a{
	display: block;
	padding: 6px 13px;
	border: 1px solid #efefef;
	font-weight: 400;
	color: #2d3748;
	font-size: 16px;
}
.pages>ul>li>a:hover{
	background-color: #3679FE;
	border: 1px solid #3679FE;
	color: #ffffff;
}
.pages>ul>li.current>a{
	background-color: #3679FE;
	border: 1px solid #3679FE;
	color: #ffffff;
}

.pro-content{
	max-width: 1200px;
}
.pro-content .newsDetail-head{
	text-align: left;
}
.pro-content table tr td{
	padding: 5px 3px;
	font-size: 16px;
}
.pro-content table tr.bg{
	background-color: #f2f2f2;
}
.center{
	text-align: center;
}
.flex-center{
	justify-content: center;
}
.contact-media-inner{
	display: flex;
	align-items: center;
	gap: 5%;
}
.contact-media-inner a{
	width: 60px;
}