@font-face {
	font-family: "Inter";
	src: url("../font/Inter-Regular.otf"),
	url("../font/Inter-Light.otf"),
	url("../font/Inter-Black.otf"),
	url("../font/Inter-BlackItalic.otf"),
	url("../font/Inter-BoldItalic.otf"),
	url("../font/Inter-ExtraBoldItalic.otf"),
	url("../font/Inter-ExtraLight.otf"),
	url("../font/Inter-ExtraLightItalic.otf"),
	url("../font/Inter-Medium.otf"),
	url("../font/Inter-MediumItalic.otf"),
	url("../font/Inter-SemiBold.otf"),
	url("../font/Inter-SemiBoldItalic.otf"),
	url("../font/Inter-Thin.otf"),
	url("../font/Inter-ThinItalic.otf"),
	url("../font/Inter-V.ttf");
}

@font-face {
	font-family: "Inter";
	src: url("../font/Inter-Bold.otf");
	font-weight: bold;
}

@font-face {
	font-family: "Inter";
	src: url("../font/Inter-ExtraBold.otf");
	font-weight: 1000;
}

@font-face {
	font-family: "Inter";
	src: url("../font/Inter-LightItalic.otf"),
	url("../font/Inter-Italic.otf");
	font-style: italic;
}

html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
input,
button,
textarea,
img {
	margin: 0;
	padding: 0;
	list-style: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	color: #333;
	font-weight: 400;
	display: block;
	outline: none;
	border: none;
}

@media (max-width: 768px) {

	html,
	body,
	ul,
	li,
	ol,
	dl,
	dd,
	dt,
	p,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	form,
	fieldset,
	legend,
	input,
	button,
	textarea,
	img {
		font-size: 16px;
	}
}

body {
	background: #fff;
	width: 100%;
	overflow-x: hidden;
	padding-top: 150px;

}

pre {
	padding: unset;
	margin: unset;
	font-size: unset;
	line-height: unset;
	color: unset;
	word-break: unset;
	word-wrap: unset;
	background-color: unset;
	border: none;
	border-radius: unset;
	white-space: pre-wrap;
	font-family: var(--themefont);
}

input,
input::placeholder,
textarea,
textarea::placeholder {
	font-family: var(--themefont);
}

a,
a:hover {
	color: inherit;
	text-decoration: none;
}

.flex {
	display: flex;
	align-items: center;
}

.align-start {
	display: flex;
	align-items: flex-start;
}

.align-end {
	display: flex;
	align-items: flex-end;
}

.align-center {
	display: flex;
	align-items: center;
}

.flex-wrap {
	display: flex;
	flex-wrap: wrap;
}

.flex-start {
	display: flex;
	justify-content: flex-start;
}

.flex-center {
	display: flex;
	justify-content: center;
}

.flex-end {
	display: flex;
	justify-content: flex-end;
}

.flex-between {
	display: flex;
	justify-content: space-between;
}

.flex-around {
	display: flex;
	justify-content: space-around;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

/* .fullcont {
	width: 100%;
	height: 100%;
	padding: 3.125rem 0;
}

@media (max-width: 768px) {
	.fullcont {
		padding: 1.875rem 0;
	}
} */

.polygon {
	height: 26px;
	line-height: 26px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	background: #F3F3F2;
	border-radius: 2px 0 2px 2px;
	position: relative;
	padding: 0 13px 0 16px;
	box-sizing: border-box;
}

.polygon::after {
	content: "";
	position: absolute;
	top: 0;
	right: -8px;
	width: 26px;
	height: 26px;
	background-color: #F3F3F2;
	border-radius: 0 0 2px 0;
	transform: skewX(-30deg);
	z-index: -1;
}

@media (max-width: 768px) {
	.polygon {
		font-size: 10px;
		padding: 0 5px 0 10px;
		height: 18px;
		line-height: 18px;
	}

	.polygon::after {
		right: -6px;
		height: 18px;
	}
}

.swiper-button-prev,
.swiper-button-next {
	background: url(../img/banner-arrow.svg) no-repeat 100%;
	fill: var(--themecolor);
	opacity: .8;
}


.swiper-button-next {
	transform: scaleX(-1);
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
	opacity: 1;
}

@media (max-width: 768px) {

	.swiper-button-prev,
	.swiper-button-next {
		width: 17px;
	}
}

.morebtn {
	color: #fff;
	height: 37px;
	line-height: 37px;
	padding: 0 20px;
	border: 1px solid #fff;
	cursor: pointer;
	font-size: 16px;
	border-radius: 6px;
	background-color: transparent;
}

.morebtn-l {
	color: var(--themecolor);
	height: 43px;
	line-height: 43px;
	padding: 0 27px;
	border: 1px solid var(--themecolor);
	cursor: pointer;
	border-radius: 6px;
	background: transparent;
}

.morebtn-s {
	color: #fff;
	height: 43px;
	line-height: 43px;
	padding: 0 27px;
	border: 1px solid var(--themecolor);
	cursor: pointer;
	border-radius: 6px;
	background: var(--themecolor);
}

.morebtn-l * {
	/* color: #fff; */
	color: var(--themecolor);
}

.catebtn:hover,
.catebtn-active,
.morebtn:hover,
.morebtn:active,
.morebtn-l:hover {
	color: #fff !important;
	border: 1px solid var(--themecolor) !important;
	background-color: var(--themecolor) !important;
}

.morebtn-l:hover * {
	color: #fff !important;
}

.catebtn {
	border: 1px solid #333;
	border-radius: 28px;
	margin: 0 3.125rem 0 0;
	overflow: hidden;
	display: block;
	padding: 0.9375rem 2.8125rem;
	cursor: default;
}

.catebtn:last-of-type {
	margin-right: 0;
}

@media (max-width: 768px) {

	.catebtn {
		margin: 0 1.25rem 0 0;
	}
}

.fixtxtrows {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

/* detail media strat */

.detailcon {
	/* line-height: 1.625rem; */
	/* word-wrap: break-word; */
}

.detailcon img,
.detailcon iframe,
.detailcon embed,
.detailcon table {

}

.sec2 table{
	width: 100%;
}
.sec2{

}
.detailcon .sec5 img{
	width: 100%;
}
.detailcon table {
	border-color: #DEDEDE;
}

.detailcon ul li, .detailcon ol li {
	list-style: inside;
}

.detailcon ol li, .detailcon ul li {
	list-style: auto;
	list-style-position: inside;
	display: revert;
}
.sec2 table td {
	line-height: 50px;
	text-align: center;
	border: 1px solid #ccc !important;
}
.sec2 table td p, .sec2 table td span, .sec2 table td{
	text-align: center !important;
}
.sec2 table tr:first-child{
	background: #FF5E14;
}
.sec2 table tr:first-child td, .sec2 table tr:first-child td p, .sec2 table tr:first-child td span{
	color: #fff;
}
.detailcon .detailcontitle {
	font-weight: bold;
	font-size: 22px;
	width: 100%;
	padding: 35px 0 30px;
	border-bottom: 2px solid #DFDFDF;
}

.detailcon .detailcontxt {
	padding: 25px 22px 0;
	box-sizing: border-box;
	color: #828282;
	line-height: 26px;
}
.newsdetail{
	line-height: 26px;
}
.sec1 .detailcontxt p, .sec1 .detailcontxt li, .newsdetail p, .newsdetail li{
	color: #333;
	line-height: 26px;
	text-align: left !important;
}
.newsprod img{
		width: 100% 
	}
	.footer .mess-con img{
		    top: 32px !important;
		    width: 128px;
	}
@media (max-width: 768px) {
	.detailcon {
		width: 100%;
	}

	.detailcon img{
		width: 100% !important;
		height: 100% !important;
	}
	.newsdetail img{
		width: 100% !important;
		height: 100% !important;
	}
	.newsdetail iframe,
	.newsdetail embed,.detailcon iframe,
	.detailcon embed{
		width: 100% !important;
		height: 350px !important;
	}
	.newsprod img{
		width: 100% !important;
		height: 100% !important;
	}
	
	.detailcon .detailcontitle {
		font-size: 18px;
		padding: 20px 0;
	}

	.detailcon .detailcontxt {
		width: 100%;
		overflow: auto;
		padding: 20px 0 0;
	}
	.headermbcon .logo img{
		width: 45px;
	}
}

/* detail media end */

/* prod layout start */
.proditems {
	width: calc((100% - 72px) / 4);
	margin: 0 24px 30px 0;
	border-radius: 10px;
	overflow: hidden;
}

.proditems:nth-of-type(4n) {
	margin: 0 0 30px 0;
}

.proditems .proditemstitle {
	width: 100%;
	height: 66px;
	line-height: 25px;
	background: #f3f3f2;
	text-align: center;
	padding:  10px;
	box-sizing: border-box;
	border-radius: 10px;
}

@media (max-width: 768px) {
	.proditems {
		width: calc((100% - 18px) / 2);
		margin: 0 18px 18px 0;
		font-size: 12px;
		border-radius: 5px;
	}

	.proditems:nth-of-type(2n) {
		margin: 0 0 18px 0;
	}
	#sec2 .detailcontxt{
		overflow: auto;
	}
	.proditems .proditemstitle {

	}
}

/* prod layout end */

@media (min-width: 1200px) {
	.container {
		width: 1200px;
		margin: auto;
	}
}

@media (max-width: 768px) {
	.container {
		padding: 0 23px;
		box-sizing: border-box;
	}
}

/* base end */

/* header start */
#head {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

.headermb {
	display: none;
}

.header {
	height: 150px;
}

.header .top {
	color: #fff;
	font-size: 14px;
	height: 50px;
	background-color: var(--seccolor);
}

.header .top .topl,
.header .top .topr {
	height: 50px;
	flex: 1;
}

.header .top .topr {
	background-color: var(--themecolor);
}

.header .top .container {
	height: 100%;
}

.header .top .topconl .topconl-item {
	margin: 0 24px 0 0;
}

.header .top .topconl .topconl-item img {
	margin: 0 10px 0 0;
}

.header .top .topconr {
	height: 100%;
	position: relative;
	background-color: var(--themecolor);
	padding: 0 0 0 26px;
}

.header .top .topconr::before {
	content: "";
	width: 52px;
	height: 100%;
	background-color: var(--themecolor);
	transform: skewX(-34deg);
	border-top-left-radius: 8px;
	position: absolute;
	top: 0px;
	left: -32px;
}

.header .top .topconr>a {
	margin: 0 20px 0 0;
}

.header .top .topconr .toplang {
	border-left: 1px solid #fff;
	padding: 0 0 0 20px;
	position: relative;
}

.header .top .topconr .toplang .langlist {
	display: none;
	position: absolute;
	top: 40px;
	background: #fff;
	box-shadow: 0px 0px 8px 0px rgba(65, 65, 65, 0.17);
	border-radius: 6px;
	text-align: center;
	padding: 10px 24px;
	box-sizing: border-box;
	z-index: 9;
	color: #333;
}

.header .top .topconr .toplang .langlist a {
	display: block;
	padding: 10px 0;
}

.header .top .topconr .toplang .langlist a:hover {
	color: var(--themecolor);
}

.headerpc {
	width: 100%;
	height: 100%;
	background: #fff;
}

.headerpc .container {
	height: 100%;
}

.headerpc .navigate>ul>li {
	margin-right: 32px;
	position: relative;
	line-height: 100px;
}

.headerpc .navigate ul li:hover>a,
.headerpc .navigate .navactive {
	color: var(--themecolor);
}

.headerpc .navigate>ul>li>a {
	display: block;
	height: 100%;
}

.headerpc .navigate>ul>li .subnav {
	display: none;
	background: #fff;
	box-shadow: 0px 0px 8px 0px rgba(65, 65, 65, 0.17);
	border-radius: 6px;
	opacity: 0.95;
	padding: 27px 23px 18px;
	position: absolute;
}

.headerpc .navigate>ul>li .subnav::before {
	content: "";
	border-width: 12px 10px;
	border-style: solid;
	border-color: transparent transparent var(--themecolor) transparent;
	position: absolute;
	top: -27px;
	left: 50%;
	margin: 0 0 0 -10px;
}

.headerpc .navigate>ul>li .subnav .subnavtitle {
	padding: 0 0 18px;
	border-bottom: 1px dashed #3D3D3D;
}

.headerpc .navigate>ul>li .subnav .subnavtitle>a {
	color: var(--seccolor);
	font-weight: bold;
	line-height: 1;
}

.headerpc .navigate>ul>li .subnav .subnavtitle img {
	margin: 0 7px 0 0;
}

.headerpc .navigate>ul>li .subnav .subnavcon {
	padding: 0 20px 0 8px;
	align-items: start;
}

.headerpc .navigate>ul>li .subnav .subnavcon,
.headerpc .navigate>ul>li .subnav .subnavcon .subnavcol {
	width: 100%;
	box-sizing: border-box;
}

.headerpc .navigate>ul>li .subnav .subnavcon .subnavcol:not(:last-of-type) {
	margin: 0 50px 0 0;
}

.headerpc .navigate>ul>li .subnav .subnavcon .subnavcol li {
	font-size: 14px;
	margin: 0 0 18px 0;
	line-height: 1;
}

.headerpc .navigate>ul>li .subnav .subnavcon .subnavcol img {
	margin: 0 6px 0 0;
}

.headerpc .navigate>ul>li .subnav .subnavcon .subnavcol li:hover svg {
	fill: var(--themecolor);
}

.headerpc .navigate>ul>li .subnav .subnavcon .subnavcol li svg {
	width: 11px;
	height: 12px;
	margin: 0 4px 0 3px;
	fill: transparent;
}

.headerpc .navigate>ul>li .subnav .subnavcon .subnavcol .coltitle {
	font-weight: bold;
	white-space: nowrap;
	line-height: 56px;
}

.headerpc .navigate>ul>li .searchicon img {
	margin-top: 0.125rem;
}

.headerpc .navigate .searchform {
	width: 132px;
	height: 32px;
	position: relative;
}

.headerpc .navigate .searchform input,
.searchformmb input {
	width: 100%;
	outline: none;
	border: none;
	border-bottom: 1px solid #878787;
	font-size: 14px;
	padding: 0 0 6px;
}

.headerpc .navigate .searchform input::placeholder,
.searchformmb input::placeholder {
	color: #ABABAB;
	font-size: 14px;
}

.headerpc .navigate .searchform .icon-searchsvg {
	fill: #878787;
	fill-rule: evenodd;
	width: 17px;
	height: 17px;
	position: absolute;
	right: 0;
	bottom: 10px;
}

.headerpc .navigate .searchform input:focus~.icon-searchsvg,
.searchformmb input:focus~.icon-searchsvg {
	fill: var(--themecolor);
}

@media (max-width: 768px) {
	body {
		padding-top: 65px;
	}

	.header,
	.searchformmb,
	.headermb .navicon .icon-navclose {
		display: none;
	}

	.headermb {
		display: flex;
		height: 65px;
	}

	.headermb .top,
	.headermb .top .topl,
	.headermb .top .topr {
		height: 12px;
	}

	.headermb .top .topl {
		flex: .75;
		background-color: var(--seccolor);
	}

	.headermb .top .topr {
		flex: .25;
		position: relative;
		background-color: var(--themecolor);
	}

	.headermb .top .topr::before {
		content: "";
		width: 52px;
		height: 100%;
		background-color: var(--themecolor);
		transform: skewX(-34deg);
		position: absolute;
		top: 0;
		left: -32px;
	}

	.headermb .headermbcon {
		padding: 2% 4%;
		padding: 12px 25px;
		box-sizing: border-box;
		background-color: #fff;
		box-shadow: 0px 0px 8px 0px rgba(65, 65, 65, 0.17);
	}

	.headermb .navicon>img:not(:last-of-type),
	.headermb .navicon>svg,
	.searchformmb {
		margin: 0 13px 0 0;
	}

	.searchformmb input {
		width: 70%;
	}

	.headermb .navicon .icon-navlang {
		position: relative;
	}

	.headermb .navicon .toplangmb {
		display: none;
		position: absolute;
		top: 65px;
		right: 0;
		background: #fff;
		box-shadow: 0px 0px 8px 0px rgba(65, 65, 65, 0.17);
		border-radius: 6px;
		text-align: center;
		padding: 10px 24px;
		box-sizing: border-box;
	}

	.headermb .navicon .toplangmb a {
		display: block;
		padding: 4px 0;
	}

	.headermb .navicon .navigatemb {
		display: none;
		position: absolute;
		top: 65px;
		left: 0;
		width: 100%;
		height: 35vh;
		overflow-y: auto;
		background-color: #fff;
		font-size: 14px;
		padding: 10px 25px 25px;
		box-sizing: border-box;
	}

	.headermb .navicon .navigatemb ul {
		flex-direction: column;
	}

	.headermb .navicon .navigatemb ul li {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid #dedede;
		flex-wrap: wrap;
		line-height: 32px;
	}

	.headermb .navicon .navigatemb ul li:last-of-type {
		border-bottom: none;
	}

	.headermb .navicon .navigatemb a {
		flex: .8;
		width: 100%;
	}

	.headermb .navicon .navigatemb .subnavicon {
		flex: .2;
		text-align: right;
		stroke: #878787;
	}

	.headermb .navicon .navigatemb .subnavicon svg {
		display: inline;
		transition: all .3s;
		transform: rotate(-90deg);
	}

	.headermb .navicon .navigatemb .subnavmb {
		width: 100%;
		display: none;
	}

	.headermb .navicon .navigatemb .subnavmb ul li {
		width: 100%;
		align-items: flex-start;
		flex-direction: column;
		padding: 0 0 0 20px;
	}
}

/* header end */

/* tips start */
.tips {
	width: 100%;
	padding: 10px 0;
	background: var(--themecolor);
	color: #fff;
}

.tips .tipstxt {
	flex: 1;
	margin: 0 20px 0 0;
}

.tips .tipsclose {
	width: 27px;
	height: 27px;
	border-radius: 50%;
	background: #fff;
	position: relative;
	cursor: pointer;
}

.tips .tipsclose::before {
	content: '\00d7';
	position: absolute;
	top: -2px;
	left: 4px;
	line-height: 1;
	font-size: 28px;
	color: var(--themecolor);
}

@media (max-width: 768px) {
	.tips {
		display: none;
	}
}

/* tips end */

/* index start */
.banner img {
	width: 100%;
	height: 100%;
	display: block;
}

.banner .idxswprev,
.banner .idxswnext {
	background: url("../img/banner-arrow.svg") no-repeat 100%;
	fill: var(--themecolor);
	opacity: .8;
	left: 45px;
}

.banner .idxswnext {
	transform: scaleX(-1);
	left: auto;
	right: 45px;
}

.banner .idxswprev:hover,
.banner .idxswnext:hover {
	opacity: 1;
}

.banner .idxswpage .swiper-pagination-bullet-active {
	background: var(--themecolor);
}


@media (max-width: 768px) {

	.banner .idxswprev,
	.banner .idxswnext {
		width: 20px;
		height: 20px;
		margin-top: -10px;
		left: 6px;
	}

	.banner .idxswnext {
		left: auto;
		right: 6px;
	}
}

/* banner end */
/* index solution start */
.idxsolublock {
	padding: 80px 0 46px;
}

.idxsolu {
	width: calc((100% - 48px)/3);
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	margin: 0 24px 24px 0;
	box-sizing: border-box;
}

.idxsolu:nth-of-type(3n) {
	margin: 0 0 24px 0;
}

.idxsolu .idxsoluimg {
	border-radius: 12px;
	position: relative;
	overflow: hidden;
}

.idxsolu .idxsoluimg img {
	width: 100%;
}

.idxsolu .idxsoluimg::before {
	content: "";
	border-radius: 12px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(transparent, #292929);
}

.idxsolu .idxsolucon {
	width: 100%;
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: 0;
	font-size: 22px;
}

.idxsolu:hover .idxsolucon {
	bottom: 54px;
}

.idxsolu .idxsolucon h3 {
	font-size: 30px;
	color: #fff;
}

.idxsolu .idxsolucon>div {
	margin: 16px 0 40px;
}

.idxsolu .idxsolucon .morebtn {
	align-self: center;
	display: none;
}

.idxsolu:hover .morebtn {
	display: block;
}

@media (max-width: 768px) {
	.idxsolu {
		width: calc((100% - 18px)/3);
		margin: 0 9px 9px 0;
	}

	.idxsolu:nth-of-type(3n) {
		margin: 0 0 9px 0;
	}

	.idxsolu:hover .idxsolucon {
		bottom: 18px;
	}

	.idxsolu .idxsolucon h3 {
		font-size: 14px;
	}

	.idxsolu .idxsolucon>div {
		margin: 0 0 14px;
		font-size: 12px;
	}

	.idxsolu .idxsolucon .morebtn {
		padding: 6px 7px;
		font-size: 10px;
		border-radius: 30px;
		height: unset;
		line-height: unset;
	}

	.idxsolublock {
		padding: 15px 0 6px;
	}
}

/* index solution end */
/* index about start */
.idxabout {
	width: 100%;
	background: #F3F3F2;
	padding: 70px 0 18px;
	flex-wrap: wrap;
}

.idxabout img {
	/* width: 100%;
	display: block; */
}

.idxabout .abtitle {
	color: var(--themecolor);
	font-weight: bold;
	font-size: 36px;
	margin: 0 0 70px 0;
}

.idxabout .abconitem {
	width: calc((100% - 104px)/3);
	margin: 0 52px 52px 0;
	box-sizing: border-box;
}

.idxabout .abconitem:nth-of-type(3n) {
	margin: 0 0 52px 0;
}

.idxabout .abconitem .abitemimg {
	margin: 0 14px 0 0;
}

.idxabout .abconitem .abitemtxt {
	color: #828282;
}

.idxabout .abconitem .abitemtxt h1 {
	font-size: 22px;
	color: #333;
	margin: 0 0 18px 0;
	font-weight: bold;
}

@media (max-width: 768px) {
	.idxabout {
		padding-top: 28px;
		padding-bottom: 28px;
	}

	.idxabout img {
		width: 90%;
	}

	.idxabout .abtitle {
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 28px 0;
	}

	.idxabout .abcon {
		flex-direction: column;
	}

	.idxabout .abconitem {
		width: 100%;
		margin: 0 0 19px;
	}

	.idxabout .abconitem:nth-of-type(3n) {
		margin: 0;
	}

	.idxabout .abconitem .abitemimg {
		width: 15%;
	}

	.idxabout .abconitem .abitemimg svg {
		width: 100%;
		height: 100%;
	}

	.idxabout .abconitem .abitemtxt,
	.idxabout .abconitem .abitemtxt h1 {
		font-size: 14px;
	}

	.idxabout .abconitem .abitemtxt h1 {
		margin: 0;
	}
}

/* index about end */
/* index serve start */
.idxserv {
	width: 100%;
}

.idxserv .container {
	position: absolute;
	top: 80px;
	left: 50%;
	margin-left: -600px;
	height: 100%;
}

.idxserv .idxservcon {
	width: 50%;
}

.idxserv .idxservcon * {
	color: #828282;
}

.idxserv .idxservcon>div,
.idxserv .idxservcon ul li:not(:last-of-type) {
	margin: 0 0 30px 0;
}

.idxservcon .servconhead {
	color: var(--themecolor);
	font-weight: bold;
	font-size: 26px;
}

.idxservcon .servcontitle {
	color: var(--seccolor);
	font-weight: 1000;
	font-size: 40px;
}

.idxservcon li img {
	margin: 0 16px 0 0;
}

.idxservcon li .servitemcon {
	flex: 1;
}

.idxservcon li .servitemcon .servitemtitle {
	font-size: 18px;
	color: var(--seccolor);
	font-weight: 1000;
}

.idxserv .idxservpagi {
	width: 1200px;
	text-align: right;
	left: 50%;
	margin-left: -600px;
	bottom: 60px;
}

.idxserv .idxservpagi .swiper-pagination-bullet {
	width: 19px;
	height: 19px;
	background: var(--themecolor);
}

.idxserv .idxservpagi .swiper-pagination-bullet:nth-of-type(n) {
	opacity: .8;
}

.idxserv .idxservpagi .swiper-pagination-bullet:nth-of-type(2n) {
	opacity: .6;
}

.idxserv .idxservpagi .swiper-pagination-bullet:nth-of-type(3n) {
	opacity: .4;
}

.idxserv .idxservpagi .swiper-pagination-bullet-active {
	opacity: 1 !important;
}

@media (max-width: 768px) {
	.idxserv {
		padding: 18px 0 16px;
	}

	.idxserv .container {
		position: unset;
		margin: 0;
		text-align: center;
	}

	.idxserv .idxservcon {
		width: 100%;
	}

	.idxserv .idxservbg {
		width: 100%;
		height: 233px;
		overflow: hidden;
	}

	.idxserv .idxservbg img {
		width: 200%;
		clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
	}

	.idxserv .idxservcon * {
		font-size: 12px;
	}

	.idxserv .idxservcon>div {
		margin: 0 0 10px 0;
	}

	.idxservcon .servconhead {
		font-size: 14px;
	}

	.idxservcon .servcontitle {
		font-size: 16px;
	}

	.idxserv .idxservcon ul {
		display: none;
	}

	.idxserv .idxservpagi {
		width: 100%;
		text-align: center;
		position: unset;
		margin: 16px 0 0;
	}

	.idxserv .idxservpagi .swiper-pagination-bullet {
		width: 13px;
		height: 13px;
	}
}

/* index serve end */
/* index partner start */
.idxpart {
	width: 100%;
	position: relative;
}

.idxpart .container {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -600px;
	text-align: center;
}

.idxpart .parttitle {
	color: var(--themecolor);
	font-weight: bold;
	font-size: 36px;
	margin: 80px 0 30px 0;
}

.idxpart .partcon {
	color: #828282;
	line-height: 20px;
}

.idxpart .partimg ul li {
	width: 20%;
	border-bottom: 2px solid #DFDFDF;
	text-align: center;
	line-height: 210px;
}

.idxpart .partimg ul li img {
	display: inline;
	vertical-align: middle;
}
.idxpart .idxpartbg {
	height: 840px;
}
@media (max-width: 768px) {
	.idxpart .idxpartbg {
		height: 390px;
		overflow: hidden;
	}

	.idxpart .idxpartbg img {
		width: 190%;
		transform: translateX(-23%);
	}

	.idxpart .container {
		left: 0;
		margin: 0;
	}

	.idxpart .parttitle {
		margin: 46px 0 14px 0;
		font-size: 18px;
	}

	.idxpart .partcon {
		font-size: 12px;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 3;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.idxpart .partimg {
		margin: 10px 0 0;
	}

	.idxpart .partimg ul li {
		line-height: 78px;
	}

	.idxpart .partimg ul li img {
		width: 50%;
	}
}

/* index partner end */

/* index news start */
.newsblock {
	padding: 0 0 93px 0;
}

.newsblock .newstitle {
	text-align: center;
	color: var(--themecolor);
	font-size: 36px;
	font-weight: bold;
	padding: 70px 0;
}

.newsblock .newsconlist {
	width: calc((100% - 24px)/2);
}

.newsblock .newsconlist:first-of-type {
	margin: 0 24px 0 0;
}

.newsblock .newsconlist .newsitem1 {
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	color: #fff;
	display: block;
}

.newsblock .newsconlist .newsitem1:hover .polygon,
.newsblock .newsconlist .newsitems:hover .polygon,
.newsblock .newsconlist .newsitem1:hover .polygon::after,
.newsblock .newsconlist .newsitems:hover .polygon::after {
	background-color: var(--themecolor);
	color: #fff;
}

.newsblock .newsconlist .newsitem1 .newsitem1img {
	position: relative;
}

.newsblock .newsconlist .newsitem1 .newsitem1img img {
	width: 100%;
}

.newsblock .newsconlist .newsitem1 .newsitem1img::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(transparent 30%, #292929);
}

.newsblock .newsconlist .newsitem1 .newsitem1con {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 26px 30px 30px;
	z-index: 9;
}

.newsblock .newsconlist .newsitem1 .newsitem1con .newsitem1txt {
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	text-align: left;
}

.newsblock .newsconlist .newsitem1 .newsitem1con .newsitem1txt .newsitem1date {
	font-size: 14px;
	margin: 0 0 14px 0;
	font-weight: normal;
}

.newsblock .newsconlist .newsitems {
	margin: 30px 0 0 0;
}

.newsblock .newsconlist .newsitems img {
	width: 43%;
	margin: 0 18px 0 0;
}

.newsblock .newsconlist .newsitems .newsitemscon {
	flex: 1;
	font-size: 12px;
	color: #828282;
}

.newsblock .newsconlist .newsitems .newsitemscon h3 {
	font-size: 18px;
	font-weight: bold;
	-webkit-line-clamp: 2;
	margin: 13px 0 8px;
}

.newsblock .newsconlist .newsitems .newsitemscon .newsitemstxt {
	-webkit-line-clamp: 1;
	font-size: 14px;
	margin: 0 0 14px 0;
}

@media (max-width: 768px) {
	.newsblock {
		padding: 0 23px;
	}

	.newsblock .newstitle {
		font-size: 18px;
		padding: 24px 0;
		margin: 10px 0 0;
	}

	.newsblock .newscon {
		flex-direction: column;
	}

	.newsblock .newsconlist {
		width: 100%;
	}

	.newsblock .newsconlist:first-of-type {
		margin: 0;
	}

	.newsblock .newsconlist .newsitems {
		margin: 18px 0;
	}

	.newsblock .newsconlist .newsitem1 .newsitem1con {
		padding: 19px;
	}

	.newsblock .newsconlist .newsitem1 .newsitem1con .newsitem1txt {
		font-size: 14px;
	}

	.newsblock .newsconlist .newsitem1 .newsitem1con .newsitem1txt .newsitem1date {
		font-size: 10px;
	}

	.newsblock .newsconlist .newsitems .newsitemscon {
		font-size: 8px;
	}

	.newsblock .newsconlist .newsitems .newsitemscon h3 {
		font-size: 14px;
		margin: 10px 0 5px;
	}

	.newsblock .newsconlist .newsitems .newsitemscon .newsitemstxt {
		font-size: 10px;
		margin: 0 0 10px 0;
	}

	.newsblock .newsconlist .newsitems:last-of-type {}
}

/* index news end */

/* pagination start */
.page {
	padding: 100px 0;
	text-align: center;
}

.page li {
	border: 1px solid #C8C8C8;
	border-radius: 50%;
	margin: 0 5px;
	overflow: hidden;
	display: inline-block;
}

.page li span,
.page li a {
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	text-align: center;
	line-height: 2.5rem;
}

.page li.active span,
.pagination>li>a:focus,
.pagination>li>a:hover {
	background: var(--themecolor);
	color: #fff;
}

@media (max-width: 768px) {

	.page {
		padding: 20px 0;
	}

	.page li span,
	.page li a {
		width: 1.625rem;
		height: 1.625rem;
		line-height: 1.625rem;
		font-size: 12px;
	}
}

/* pagination end */
/* footer start */
footer {
	width: 100%;
	height: 100%;
	background-color: var(--seccolor);
}

.footer *,
.footer a:hover {
	color: #fff;
	font-size: 14px;
}

.footer .footercon {
	width: 100%;
	height: 100%;
	background: url("../img/footbg.png") no-repeat 100%;
}

.footer .footercon .sec1,
.footer .footercon .sec2,
.footer .footercon form {
	width: 30%;
}

.footer .footercon .container {
	padding: 60px 0;
	box-sizing: border-box;
}

.footer .footercon .sec1 .sec1txt {
	margin: 30px 0;
}

.footer .footercon .share span {
	margin: 0 10px 0 0;
}

.footer .footercon .share a {
	margin: 0 0 0 18px;
}

.footer .footercon .sec2 h3 {
	font-size: 16px;
	margin: 0 0 55px 0;
}

.footer .footercon .sec2 .seccon p:not(:last-of-type) {
	margin: 0 0 25px 0;
}

.footer .footercon .sec2 .seccon p img {
	margin: 0 16px 0 0;
}

.footer .form-f .flex-column {
	width: 47%;
	margin: 0 6% 6% 0;
	position: relative;
}

.footer .form-f input {
	border-radius: 6px;
	overflow: hidden;
	color: #333;
	height: 36px;
	line-height: 36px;
	padding: 0 15px;
	margin: 13px 0 0 0;
	width: 100%;
}

.footer .form-f .codeinput {
	padding-right: 55px;
}

.footer .form-f .submit {
	border-radius: 0 6px 6px 0;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 40px;
	height: 36px;
	background-color: var(--themecolor);
	text-align: center;
	cursor: pointer;
}

.footer .form-f .submit img {
	display: inline;
}

.footer .form-f>img {
	height: 34px;
	margin: 0 0 6% 0;
}

.footer .footercon .container>.share {
	display: none;
}

.footer .privacy {
	height: 60px;
}

.footer .privacy .copyright {
	color: #BABABA;
}

.footer .privacy ul li {
	padding: 0 21px;
	border-right: 1px solid #fff;
}

.footer .privacy ul li:last-of-type {
	border: none;
}

@media (max-width: 768px) {
	.footer {
		/* padding: 2rem 0 0; */
	}

	.footer .footercon {
		background-size: cover;
	}

	.footer .footercon .container {
		flex-direction: column;
		padding: 23px;
		justify-content: center;
	}

	.footer .footercon .container>* {
		width: 100%;
	}

	.footer .footercon .container .sec1 {
		text-align: center;
	}

	.footer .footercon .container .sec1 img {
		display: inline-block;
		width: 69px;
	}

	.footer .footercon .sec1 .sec1txt {
		margin: 8px 0 19px;
	}

	.footer .footercon .container .sec2 {
		order: 1;
		margin: 0 0 23px;
	}

	.footer .footercon .sec2 .seccon p:not(:last-of-type) {
		margin: 0 0 16px 0;
	}

	.footer .footercon .sec2 .seccon p img {
		margin: 0 12px 0 0;
	}

	.footer .footercon .container form {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		padding: 23px 0;
	}

	.footer .form-f .flex-column {
		width: 48%;
		margin: 0 3% 2% 0;
		text-align: left;
	}

	.footer .form-f>img {
		margin: 0 0 2% 0;
	}

	.footer .footercon .container>.share {
		display: flex;
		order: 2;
	}

	.footer .footercon .sec1 .share {
		display: none;
	}

	.footer .footercon .sec2 h3 {
		margin: 23px 0;
	}

	.footer .privacy {
		height: 40px;
		justify-content: center;
	}

	.footer .privacy ul {
		display: none;
	}
}


/* footer end */

.contactfix {
	position: fixed;
	top: 40%;
	right: 0;
	z-index: 22;
}
.contactfix {
	transform: translateX(165px);
}
.contactfix ul li {
	height: 40px;
	line-height: 40px;
	border-bottom-left-radius: 40px;
	border-top-left-radius: 40px;
	padding-right: 10px;
	margin-bottom: 10px;
	transition: all .5s;

	cursor: pointer;
	display: flex;
	align-items: center;
	background-color: var(--seccolor);
}

.contactfix ul li:hover {
	transform: translateX(-165px);
	background-color: var(--themecolor);
}

.contactfix ul li .flex {
	padding-left: 20px;
}

.contactfix ul li:last-child:hover {
	transform: translateX(0);
}

.contactfix ul li .flex p {
	color: #fff;
	margin: 0 10px;
}

.contactfix ul li .flex img {
	width: 22px;
}

.contactfix ul li a {
	color: #fff;
	display: inline-block;
}



/* client service start */
#LRdiv0,
#LR_YaoDiv {
	display: none !important;
}

/* client service end */

@media (max-width: 768px) {

	.contactfix {
		right: -6%;
		transform: translateX(0);
	}

	.contactfix ul {
		display: none;
	}

	.contactfix .swt img {
		width: 90%;
	}
	.contactfix .swt{
		padding-left: 0;
	}
}

/* index end */

/* page banner strat */
.pagebanner {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.pagebanner img {
	display: block;
	width: 100%;
}

.pagebanner .pageb,
.pagebanner .pagebimg {
	position: relative;
}

.pagebanner .pagebimg::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	/* background-color: rgba(0, 0, 0, .6); */
	width: 100%;
	height: 100%;
}

.pagebanner .pagebimgtxt {
	position: absolute;
	top: 0;
	width: 40%;
	left: 50%;
	margin-left: -600px;
	height: 100%;
	font-size: 16px;
	color: #fff;
}



.pagebanner .pagebimgtxt h1 {
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	margin: 0 0 18px 0;
}

.pagebanner .pagebnav {
	background: #fff;
	padding: 19px 0;
	font-size: 14px;
}

.pagebanner .pagebnav .container {
	flex-wrap: wrap;
}

.pagebanner .pagebnav .container img {
	width: 16px;
	margin: 0 8px 0 0;
}

@media (max-width: 768px) {

	.pagebanner .pagebimg img {
		height: 140px;
		object-fit: cover;
	}

	.pagebanner .pagebimgtxt {
		width: 100%;
		left: 0;
		margin-left: 0;
		font-size: 12px;
	}

	.pagebanner .pagebimgtxt h1 {
		font-size: 18px;
		margin: 0 0 9px 0;
	}

	.pagebanner .pagebnav {
		padding: 12px 0;
		background: #FFFFFF;
	}
}

/* newslist start */
.newslist {
	padding: 0;
}

.newslist .newschange {
	margin: 12px 0;
}

.newslist .newschange a {
	text-align: center;
	width: 8%;
	height: 32px;
	line-height: 32px;
	background: #F8FAFB;
	border-radius: 3px;
	position: relative;
}

.newslist .newschange a:first-of-type::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 10px;
	margin-top: -5px;
	background: #333;
}

.newslist .newschange a:hover,
.newslist .newschange .active {
	color: var(--themecolor);
}

.newslist .newsconlist {
	width: 100%;
}

.newslist .newsconlist .newsitems img {
	width: 25%;
}

.newslist .newsconlist .newsitems .newsitemscon .newsitemstxt {
	-webkit-line-clamp: 2;
}

@media (max-width: 768px) {
	.newslist {
		margin-bottom: 0;
	}

	.newslist .newschange a {
		width: 100%;
		padding: 0 20px;
		text-align: left;
	}

	.newslist .newschange a:first-of-type {
		text-align: right;
	}

	.newslist .newsconlist .newsitems img {
		width: 43%;
	}

	.newslist .newsconlist .newsitems .newsitemscon .newsitemstxt {
		-webkit-line-clamp: 1;
	}
}

/* newslist end */

/* newsdetail start */
.newscont .newstop {
	height: 48px;
	border-top: 2px solid #DFDFDF;
	border-bottom: 2px solid #DFDFDF;
	margin: 8px 0;
}

.newscont .newstop .newsshare a {
	display: flex;
	align-items: center;
}

.newscont .newstop .newsshare svg {
	margin: 0 0 0 13px;
	fill: #333;
	width: 18px;
}

.newscont .newstop .newsshare svg:hover {
	fill: var(--themecolor);
}

.newscont h1 {
	font-weight: bold;
	font-size: 30px;
}

.newscont .newsdetail {
	padding: 0 0 50px;
	border-bottom: 2px solid #DFDFDF;
}

.newscont .newsdetail h1 {
	text-align: center;
	margin: 53px 0 44px;
}

.newscont .newsprod h1 {
	margin: 50px 0;
}

.newscont .newsprod .proditems .proditemstitle {
	background: transparent;
}

@media (max-width: 768px) {
	.newscont .newstop {
		font-size: 12px;
		height: 38px;
	}

	.newscont .newsdetail h1 {
		font-size: 18px;
		margin: 20px 0;
	}

	.newscont .newsdetail {
		padding: 0 0 20px;
	}

	.newscont .newsprod h1 {
		font-size: 18px;
		margin: 26px 0;
	}
}

/* newsdetail end */
/* solution list start */
.solusw .swiper-slide .container {
	position: unset;
	margin: 0 auto;
}
.solusw img, .idxsoluimg img, .prodlist img{
	width: 100%;
}
.solusw .idxservpagi {
	bottom: 80px;
}

.solucate .soluitem {
	margin-bottom: 3rem;
}

.solucate .soluitem:last-of-type {
	margin-bottom: 100px;
}

.solucate .soluitem .soluswprev,
.solucate .soluitem .soluswnext {
	background: url(../img/banner-arrow.svg) no-repeat 100%;
	fill: var(--themecolor);
	opacity: .8;
	margin: 0;
	top: 0;
	left: auto;
	right: 45px;
	width: 34px;
	height: 34px;
}

.solucate .soluitem .soluswnext {
	transform: scaleX(-1);
	right: 0;
}


.solucate .soluitem .soluswprev:hover,
.solucate .soluitem .soluswnext:hover {
	opacity: 1;
}

.solucate .soluitem .solutitle {
	font-weight: bold;
	font-size: 30px;
	position: relative;
	margin: 70px 0;
}

.solucate .soluitem .solutitle img {
	width: 30px;
	margin: 0 11px 0 0;
}

.solucate .soluitem .idxsoluimg {
	border-radius: 12px;
	position: relative;
	overflow: hidden;
}

.solucate .soluitem .idxsoluimg::before {
	content: "";
	border-radius: 12px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(transparent, #292929);
}

.solucate .soluitem .idxsolucon {
	width: 100%;
	text-align: center;
	color: #fff;
	position: absolute;
	bottom: 0;
	font-size: 22px;
}

.solucate .soluitem .idxsolucon h3 {
	font-size: 30px;
	color: #fff;
}

.solucate .soluitem .idxsolucon>div {
	margin: 16px 0 40px;
}

.solucate .soluitem .idxsolucon .morebtn {
	align-self: center;
	display: none;
}

.solucate .soluitem .swiper-slide:hover .idxsolucon .morebtn {
	display: block;
}

.solucate .soluitem .swiper-slide:hover .idxsolucon {
	bottom: 54px;
}

/* about 共用 */
/* .aditem {
	width: 20%;
	text-align: center;
}

.aditem img {
	width: 5.625rem;
	height: 5.625rem;
	object-fit: contain;
	margin: 1.25rem 0;
} */


@media (max-width: 768px) {
	.solusw .swiper-slide {
		padding: 0;
		height: 223px;
		overflow: hidden;
	}

	.solusw .swiper-slide img {
		width: 125%;
		transform: translateX(-15%);
	}

	.solusw .idxservpagi {
		position: absolute;
		bottom: 25px;
		left: 0;
		text-align: right;
		padding: 0 23px;
		box-sizing: border-box;
	}

	.solusw .idxservpagi .swiper-pagination-bullet {
		width: 7px;
		height: 7px;
		margin: 0 1px;
	}

	.solucate .soluitem:nth-of-type(3n) {
		margin: 0 0 9px 0;
	}

	.solucate .soluitem .swiper-slide:hover .idxsolucon {
		bottom: 18px;
	}

	.solucate .soluitem .idxsolucon h3 {
		font-size: 14px;
	}

	.solucate .soluitem .idxsolucon>div {
		margin: 0 0 14px;
		font-size: 12px;
	}

	.solucate .soluitem .idxsolucon .morebtn {
		padding: 6px 7px;
		font-size: 10px;
		border-radius: 30px;
		height: unset;
		line-height: unset;
	}

	.solucate .soluitem:last-of-type {
		margin-bottom: 33px;
	}

	.solucate .soluitem .solutitle {
		font-size: 18px;
		margin: 9px 0 18px;
	}

	.solucate .soluitem .solutitle img {
		width: 16px;
		margin: 0 6px 0 0;
	}

	.solucate .soluitem .soluswprev,
	.solucate .soluitem .soluswnext {
		width: 19px;
		height: 19px;
	}

	.solucate .soluitem .soluswprev {
		right: 25px;
	}

	.solucate .soluitem .idxsoluimg img {
		width: 100%;
	}
}

/* solution list end */
/* solution detail start */
.pagebannermb {
	display: none;
}

.soluinfo {
	background: #F8FAFB;
	padding: 40px 0;
}

.soluinfo .container>img {
	border-radius: 10px;
	overflow: hidden;
	width: 65%;
}

.soluinfo .soluinfotxt {
	margin: 55px 0 0 44px;
	font-size: 14px;
	color: #828282;
	width: 35%;
}
.soluinfo .soluinfotxt div, .soluinfo .soluinfotxt p{
	color: #828282;
	line-height: 26px;
	text-align: initial !important;
}
.soluinfo .soluinfotxt h1 {
	font-weight: bold;
	font-size: 30px;
	margin: 0 0 29px 0;
	color: #333;
}

.soluinfo .soluinfotxt .morebtn-s {
	margin: 65px 0 0 0;
}

.solupics {
	padding: 36px 0;
	position: relative;
}

.solupics img {
	border-radius: 10px;
	overflow: hidden;
}

.solupics .soludprev {
	left: -52px;
}

.solupics .soludnext {
	right: -52px;
}

.soluinfomb {
	display: none;
}

.solucon .solucontitle {
	background: #F8FAFB;
}

.solucon .solucontitle ul {
	padding: 18px 0;
	overflow-x: auto;
}

.solucon .solucontitle ul li {
	padding: 11px 20px;
	border-radius: 6px;
	cursor: pointer;
	white-space: nowrap;
}

.solucon .solucontitle ul li:not(:last-of-type) {
	margin: 0 64px 0 0;
}

.solucon .solucontitle ul li:hover,
.solucon .solucontitle ul .titleactive {
	background-color: var(--themecolor);
	color: #fff;
}

.solucon .soluprodsw {
	counter-reset: swiper-slide;
}

.solucon .soluprodsw .swiper-slide {
	position: relative;
	padding: 29px 40px;
	box-sizing: border-box;
	background: #F3F3F2;
	box-shadow: 0px 5px 13px 0px rgba(65, 65, 65, 0.17);
	border-radius: 10px;
	font-size: 14px;
	color: #828282;
	text-align: center;
}

.solucon .soluprodsw .swiper-slide h3 {
	font-weight: bold;
	font-size: 16px;
	color: #333;
	margin: 0 0 19px 0;
	padding: 0 26px;
}
.solucon .soluprodsw .swiper-slide div{
	line-height: 17px;
	height: 102px;
	overflow: hidden;
}
.solucon .soluprodsw .swiper-slide .soluprodswicon {
	position: absolute;
	border-radius: unset;
	top: 0;
	left: 12px;
	text-align: center;
}

.solucon .soluprodsw .swiper-slide .soluprodswicon::after {
	content: '0' counter(swiper-slide);
	counter-increment: swiper-slide;
	font-size: 24px;
	color: #FFFFFF;
	margin-top: -44px;
	display: block;
}

.solucon .soluprodsw .swiper-slide .soluprodswicon .icon-flow {
	width: 36px;
	height: 52px;
	fill: var(--themecolor);
}

.solucon .detailcon .sec3 .soluprodprev {
	left: -52px;
}

.solucon .detailcon .sec3 .soluprodnext {
	right: -52px;
}

@media (max-width: 768px) {
	.pagebannermb {
		display: block;
	}

	.soluinfo {
		padding: 25px 0 19px;
	}

	.soluinfo .container {
		flex-direction: column;
	}

	.soluinfo .container>img {
		width: 100%;
		order: 1;
	}

	.soluinfo .soluinfotxt>div,
	.soluinfo .soluinfotxt>a {
		display: none;
	}

	.soluinfo .soluinfotxt {
		width: 100%;
		margin: 0;
		text-align: center;
	}

	.soluinfo .soluinfotxt h1 {
		font-size: 18px;
		margin: 0 0 17px 0;
	}

	.solupics {
		padding: 20px 45px;
	}

	.solupics img {
		width: 100%;
	}

	.solupics .soludprev {
		left: 23px;
	}

	.solupics .soludnext {
		right: 23px;
	}

	.soluinfomb {
		display: block;
		background: #F8FAFB;
		padding: 24px 0;
		color: #828282;
		margin: 0 0 7px 0;
	}

	.soluinfomb .morebtn-s {
		width: 100%;
		margin: 21px 0 0;
	}

	.solucon .solucontitle ul {
		padding: 13px 23px;
		overflow-x: auto;
	}

	.solucon .solucontitle ul::-webkit-scrollbar {
		width: 0;
	}

	.solucon .solucontitle ul li {
		padding: 8px 12px;
	}

	.solucon .solucontitle ul li:not(:last-of-type) {
		margin: 0;
	}

	.solucon .soluprodsw .swiper-slide {
		padding: 15px;
		font-size: 10px;
		box-shadow: 0px 4px 5px 0px rgba(65, 65, 65, 0.17);
		border-radius: 6px;
	}

	.solucon .soluprodsw .swiper-slide h3 {
		padding: 0 25px;
		font-size: 14px;
	}

	.solucon .soluprodsw {
		padding: 20px;
	}

	.solucon .soluprodsw img {
		width: 100%;
	}

	.solucon .soluprodsw .soludprev {
		left: 0;
	}

	.solucon .soluprodsw .soludnext {
		right: 0;
	}

	.solucon .form,
	.solucon .form .formcon {
		border: none;
		padding: 0;
	}

	.solucon .soluprodsw .swiper-slide .soluprodswicon .icon-flow {
		width: 23px;
		height: 34px;
	}

	.solucon .soluprodsw .swiper-slide .soluprodswicon {
		left: 7px;
	}

	.solucon .soluprodsw .swiper-slide .soluprodswicon::after {
		font-size: 16px;
		margin: -30px 0 0 2px;
		text-align: left;
	}
}

/* solution detail end */

/* prolist strat */
.prodcatelist {
	background: #F8FAFB;
	padding: 35px 0;
	box-sizing: border-box;
}

.prodcatelist .prodcate {
	width: calc((100% - 26px)/3);
	position: relative;
	background: #FFFFFF;
	border-radius: 10px;
	overflow: hidden;
	text-align: center;
	margin: 0 0 13px 0;
}

.prodcatelist .prodcate:not(:nth-of-type(3n)) {
	margin: 0 13px 13px 0;
}

.prodcatelist .prodcate .prodcateimg {
	visibility: hidden;
}

.prodcatelist .prodcate:hover .prodcateimg,
.prodcatelist .prodcateact .prodcateimg {
	visibility: visible;
}

.prodcatelist .prodcate .prodcateimg {
	position: relative;
}

.prodcatelist .prodcate .prodcateimg::before {
	content: "";
	border-radius: 10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
}

.prodcatelist .prodcate .prodcatecon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	color: #333;
	font-size: 20px;
}

.prodcatelist .prodcate:hover .prodcatecon,
.prodcatelist .prodcateact .prodcatecon {
	color: #fff;
}

.prodcatelist .prodcate .prodcatecon .imgdefault {
	width: 40px;
	height: 40px;
}

.prodcatelist .prodcate .prodcatecon .imghover {
	display: none;
}

.prodcatelist .prodcate .prodcatecon:hover .imgdefault,
.prodcatelist .prodcateact .prodcatecon .imgdefault {
	display: none;
}

.prodcatelist .prodcate .prodcatecon:hover .imghover,
.prodcatelist .prodcateact .prodcatecon .imghover {
	display: block;
}

.prodcatelist .prodcate .prodcatecon img {
	width: 40px;
	height: 40px;
	margin: 0 0 16px 0;
}

.prodlist {
	padding: 32px 0;
}

.prodlist .proditems {
	width: calc((100% - 64px) / 3);
	margin: 0 0 30px 0;
}

.prodlist .proditems:not(:nth-of-type(3n)) {
	margin: 0 32px 30px 0;
}

@media (max-width: 768px) {
	.prodcatelist {
		padding: 18px 0;
	}

	.prodcatelist .prodcate {
		width: calc((100% - 18px) / 3);
	}

	.prodcatelist .prodcate:not(:nth-of-type(3n)) {
		margin: 0 9px 9px 0;
	}

	.prodcatelist .prodcate .prodcatecon {
		font-size: 14px;
	}

	.prodcatelist .prodcate .prodcatecon svg {
		width: 35px;
		height: 35px;
		margin: 0 0 10px 0;
	}

	.prodlist {
		padding: 12px 23px;
	}

	.prodlist .proditems {
		width: calc((100% - 18px) / 2);
		margin: 0 0 16px 0;
	}

	.prodlist .proditems img {
		width: 100%;
	}

	.prodlist .proditems:not(:nth-of-type(3n)) {
		margin: 0 0 16px 0;
	}

	.prodlist .proditems:not(:nth-of-type(2n)) {
		margin: 0 18px 16px 0;
	}
}

/* prolist end */

/* prodetail start */

.prodinfo .prodinfopics {
	width: 60%;
}

.prodinfo .prodinfotxt {
	width: 40%;
}

.prodinfopics img {
	width: 100%;
}

.prodinfo .prodinfopics .prodthumbsw {
	height: 420px;
	margin: 0 15px 0 0;
}

.prodinfo .prodinfopics .prodthumbsw .swiper-slide {
	width: 165px;
	height: auto !important;
	overflow: hidden;
}

.prodinfo .prodinfopics .prodpicsw,
.prodinfo .prodinfopics .prodpicsw .swiper-slide {
	width: 535px !important;
	height: 421px;
	overflow: hidden;
}

.prodinfocon {
	margin: 8px 0 0;
}

.prodinfocon .form .formcon {
	padding: 0;
	border: none;
}

@media (max-width: 768px) {
	.prodinfo {
		padding-bottom: 0;
	}

	.prodinfo .prodinfopics {
		order: 1;
		flex-direction: column;
	}

	.prodinfo .prodinfopics .prodthumbsw {
		order: 2;
	}

	.prodinfo .prodinfotxt>div {
		display: none;
	}

	.prodinfo .prodinfotxt,
	.prodinfo .prodinfopics,
	.prodinfo .prodinfopics .prodthumbsw {
		width: 100%;
	}

	.prodinfo .prodinfopics .prodthumbsw,
	.prodinfo .prodinfopics .prodpicsw,
	.prodinfo .prodinfopics .prodpicsw .swiper-slide {
		width: 100% !important;
		height: auto;
	}

	.prodinfo .prodinfopics .prodthumbsw {
		margin: 15px 0 0;
	}
}

/* prodetail end */




.detailcon .idxabout .about3block img {
	transform: translateX(-45%);
	width: 400% !important;
}

#cusSwiper .swiper-slide {
	width: 100% !important;
}

.adlist {
	flex-wrap: wrap;
}

.adlist .aditem {
	width: 49%;
	text-align: center;
}

.adlist .aditem img {
	width: 4.375rem !important;
	height: 4.375rem !important;
	object-fit: contain;
	margin: 1.25rem 0;
}


/* solution end */
/* about start*/
.absec1,
.absec2 {
	position: relative;
}

.absec2 {
	margin: 26px auto;
	width: 1200px;
}

.absec2 .absec2con {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.absec2 .absec2con .timecon .timeconimg {
	border-radius: 12px;
	overflow: hidden;
	padding: 0 60px 10px 10px;
	box-sizing: border-box;
}

.absec2 .absec2con .timecon .timeconimg img {
	box-shadow: 0px 7px 9px 0px rgba(0, 0, 0, 0.15);
}

.absec2 .absec2con .timecon .timecontxt {
	flex: 1;
	text-align: center;
	color: #828282;
}

.absec2 .absec2con .timecon .timecontxt .morebtn-s {
	width: 228px;
	height: 67px;
	line-height: 67px;
	font-size: 34px;
	box-sizing: border-box;
}

.absec2 .absec2con .timecon .vertline {
	width: 3px;
	height: 53px;
	background: #767676;
	margin: 17px 0;
}

.absec2 .absec2con .timeline {
	margin: 90px 0 0;
	width: 100%;
}

.absec2 .absec2con .swiper-container {
	width: 100%;

}

.absec2 .absec2con .timeline .swiper-slide {
	border-top: 1px solid #333333;
	text-align: center;
	font-weight: bold;
	font-size: 26px;
	line-height: 100px;
	cursor: pointer;
	position: relative;
}

.absec2 .absec2con .timeline .swiper-slide::before {
	content: "";
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50%;
	border: 1px solid var(--themecolor);
	position: absolute;
	top: -11px;
	left: 50%;
	margin-left: -10px;
}

.absec2 .absec2con .timeline .swiper-slide-thumb-active::before {
	background: var(--themecolor);
}

.absec3 {
	margin: 0 auto 100px;
}

.absec3 h1 {
	font-weight: bold;
	font-size: 30px;
	margin: 0 0 30px;
}

.absec3 h1 {
	font-weight: bold;
	font-size: 30px;
	margin: 0 0 30px;
}

.absec3 .fileitem {
	padding: 24px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #DFDFDF;
}

.absec3 .fileitem:hover {
	background: #F8FAFB;
}

.absec3 .fileitem .filetitle {
	flex: 1;
}

.absec3 .fileitem .filetitle img {
	margin: 0 12px 0 20px;
}

.absec3 .fileitem .handle .handleview,
.absec3 .fileitem .handle .handledownload {
	padding: 0 20px;
	cursor: pointer;
}

.absec3 .fileitem .handle .handleview {
	border-right: 1px solid #333;
}

.absec3 .fileitem .handle svg {
	margin: 0 10px 0 0;
	fill: #333;
}

.absec3 .fileitem .handle .handleview:hover,
.absec3 .fileitem .handle .handleview:hover svg,
.absec3 .fileitem .handle .handledownload:hover,
.absec3 .fileitem .handle .handledownload:hover svg {
	fill: var(--themecolor);
	color: var(--themecolor);
}

@media (max-width: 768px) {

	.absec1 .container {
		text-align: left;
	}

	.idxserv .idxservcon * {
		font-size: 14px;
		line-height: 20px;
	}

	.absec1 .container .idxservcon .servconhead {
		font-size: 18px;
		line-height: 1;
	}

	.absec1 .container .idxservcon .servcontitle {
		font-size: 24px;
		line-height: 1;
	}

	.absec1 .idxservbg img {
		clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
		margin-left: -100%;
	}

	.absec2,
	.absec2 .absec2con .timecon .timeconimg,
	.absec2 .absec2con .timecon .timeconimg img {
		width: 100%;
	}

	.absec2 {
		margin: 0 auto;
	}

	.absec2 .absec2bg img {
		width: 260%;
	}

	.absec2 .absec2con #abtimeconsw {
		order: 1;
	}

	.absec2 .absec2con .timeline {
		margin: 34px 0 0;
	}

	.absec2 .absec2con .timeline .swiper-slide {
		line-height: 88px;
		font-size: 22px;
	}

	.absec2 .absec2con .timeline .swiper-slide::before {
		width: 16px;
		height: 16px;
		top: -10px;
	}

	.absec2 .absec2con .timecon .swiper-slide {
		flex-direction: column;
		padding: 0 23px;
		box-sizing: border-box;
	}

	.absec2 .absec2con .timecon .timeconimg {
		padding: 0 0 10px 10px;
	}

	.absec2 .absec2con .timecon .timecontxt {
		font-size: 12px;
	}

	.absec2 .absec2con .timecon .timecontxt .morebtn-s {
		width: 138px;
		font-size: 22px;
		height: 40px;
		line-height: 40px;
		margin: 24px 0 0;
	}

	.absec2 .absec2con .timecon .vertline {
		height: 32px;
		margin: 10px 0;
	}

	.absec3 {
		margin: 0 auto 30px;
	}

	.absec3 .fileitem {
		padding: 16px 0;
		font-size: 12px;
	}

	.absec3 .fileitem .filetitle img {
		margin: 0 6px 0 0;
		width: 28px;
	}

	.absec3 .fileitem .handleview {
		display: none;
	}

	.absec3 .fileitem .handle .handledownload {
		padding: 0;
	}

	.absec3 .fileitem .handle svg {
		margin: 0 5px 0 0;
	}
}

/* about end */
/* contact start */
.contblock {
	position: relative;
}

.contblock .contcon {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -600px;
	padding: 50px 0;
	text-align: center;
}

.contblock .contcon h1 {
	font-weight: bold;
	font-size: 36px;
	margin: 0 0 23px 0;
}

.contblock .contcon .conttouch .contall {
	background: rgba(255, 255, 255, .9);
	border-radius: 12px;
	margin: 40px 0;

}

.contblock .contcon .conttouch .contall .contitem {
	width: 25%;
	background: rgba(255, 255, 255, .9);
	border-radius: 12px;
	padding: 40px 10px;
	font-size: 20px;
	word-break: break-word;
}

.contblock .contcon .conttouch .contall .contitem .contitemtitle {
	color: var(--themecolor);
	margin: 16px 0 26px;
	font-weight: bold;
}

.contblock .contcon .contmsg .form {
	text-align: left;
}

.contblock .contcon .contmsg .form .formcon {
	margin: 15px 0 0;
	padding: 15px 0 0;
	border-top: 2px solid #DFDFDF;
}

.contblock .contcon .contmsg .form h3 {
	text-align: center;
	font-weight: bold;
	font-size: 36px;
}
#msg .form .formcon{
	border-top: none;
	padding: 0;
}
@media (max-width: 768px) {
	.contblock .contbg img {
		width: 557%;
		transform: translateX(-66%);
	}
.contblock{
	overflow: hidden;
	width: 100%;
}
	.contblock .contcon {
		left: 0;
		margin: 0;
		padding: 0 23px;
		font-size: 12px;
	}

	.contblock .contcon h1 {
		font-size: 18px;
		padding: 23px 0 0;
	}

	.contblock .contcon .conttouch .contall {
		margin: 20px 0;
		flex-wrap: wrap;
		background: none;
	}

	.contblock .contcon .conttouch .contall .contitem {
		font-size: 14px;
		width: calc((100% - 12px) / 2);
		margin: 0 12px 12px 0;
		padding: 0 27px;
		box-sizing: border-box;
		justify-content: center;
		height: 260px;
		background: rgba(255, 255, 255, .8);
	}

	.contblock .contcon .conttouch .contall .contitem img {
		width: 20px;
		height: auto;
	}

	.contblock .contcon .conttouch .contall .contitem:nth-of-type(2n) {
		margin: 0 0 12px 0;
	}

	.contblock .contcon .conttouch .contall .contitem .contitemtitle {
		margin: 10px 0 16px;
	}

	.contblock .contcon .contmsg .form h3 {
		text-align: left;
		font-weight: bold;
		font-size: 18px;
	}
}

/* contact end */
/* 404、searchno start */
.nullblock .nullblocktxt {
	color: var(--seccolor);
	font-size: 22px;
	text-align: center;
	padding: 165px 0;
}

.nullblock .nullblocktxt h1 {
	color: var(--themecolor);
	font-size: 64px;
	padding: 50px 0 54px;
	font-style: italic;
	font-weight: bold;
}

.nullblock .nullblocktxt .morebtn-s {
	display: inline-block;
	margin: 54px 0 0;
}

@media (max-width: 768px) {
	.nullblock .nullblocktxt {
		font-size: 1rem;
		padding: 63px 23px;
	}

	.nullblock .nullblocktxt h1 {
		font-size: 46px;
		padding: 0 0 36px 0;
	}

	.nullblock .nullblocktxt .morebtn-s {
		margin: 36px 0 0;
	}
}

/* 404、searchno end */

/* form start */
.form {
	display: flex;
	flex-direction: column;
	padding: 0 0 40px;
}

.form h3 {
	font-size: 22px;
	font-weight: bold;
}

.form .formcon {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #DFDFDF;
	margin: 30px 0 0;
	padding: 30px 0 0;
	align-items: flex-end;
}

.form .formcon .flex-column {
	width: calc((100% - 36px) / 3);
	margin: 0 18px 0 0;
	position: relative;
}

.form .formcon .flex-column:nth-of-type(3n) {
	margin: 0;
}

.form .formcon .flex-column span {
	font-size: 14px;
}

.form .formcon .request {
	width: 100%;
	margin: 0;
}

.form .formcon .submit {
	border-radius: 0 6px 6px 0;
	position: absolute;
	bottom: 13px;
	right: 0;
	width: 40px;
	height: 47px;
	line-height: 54px;
	background-color: var(--themecolor);
	text-align: center;
	cursor: pointer;
}

.form .formcon .submit img {
	display: inline;
}

.form .formcon input {
	width: 100%;
	height: 47px;
	line-height: 47px;
	padding: 0 15px;
}

.form .formcon textarea {
	width: 100%;
	resize: none;
	padding: 18px 15px;
}

.form .formcon input,
.form .formcon textarea {
	border: 1px solid #DFDFDF;
	border-radius: 6px;
	margin: 13px 0;
}

.form .formcon input:focus,
.form .formcon textarea:focus {
	box-shadow: 0px 3px 7px 0px inset rgba(105, 105, 105, 0.28);
}

.form .formcon>img {
	width: auto;
	height: 47px;
	margin: 0 0 13px 0;
}

.form .formcon .qrrow {
	width: 100%;
	margin: 0 0 1.5rem;
}

@media (max-width: 768px) {
	.form input {
		width: 100%;
	}

	.form .formcon .flex-column {
		width: calc((100% - 10px) / 2);
		margin: 0 10px 0 0;
	}

	.form .formcon .flex-column:nth-of-type(3n) {
		margin: 0 10px 0 0;
	}

	.form .formcon .flex-column:nth-of-type(2n) {
		margin: 0;
	}

	.form .formcon input,
	.form .formcon textarea {
		margin: 10px 0;
	}

	.form .formcon .request {
		width: 100%;
		margin: 0;
	}

	.form .formcon .submit img {
		width: 50% !important;
		height: auto !important;
	}

	.form .formcon .submit {
		bottom: 10px;
	}

	.form .formcon>img {
		width: auto !important;
		height: 47px !important;
		margin: 0 0 10px 0 !important;
	}
}

/* form end */
/* cookiepage start */
.cookieblock .cookietitle {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	padding: 42px 0 0;
}

.cookieblock .cookietxt {
	margin: 52px 0 95px;
	line-height: 26px;
	font-size: 1rem;
	color: #828282;
}

@media (max-width: 768px) {
	.cookieblock .cookietitle {
		font-size: 18px;
		padding: 23px 0 0;
	}

	.cookieblock .cookietxt {
		margin: 27px 0;
		line-height: 24px;
		font-size: 14px;
	}
}

/* cookiepage end */


/* footer cookie start */
.cookie-f {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: var(--seccolor);
	padding: 2.5rem 3.125rem;
	box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, 0.15);
	z-index: 999;
}

.cookie-hide {
	opacity: 0;
	pointer-events: none;
	/* transition: all 0.6s ease; */
}

.cookie-f-c {
	position: relative;
}

.cookie-f-txt * {
	color: #fff;
}

.cookie-f-txt {
	width: 60%;
}

.cookie-f-txt .headerxs {
	font-size: 1.25rem;
	margin-bottom: 1rem;
}

.cookie-f-txt p {
	line-height: 1.375rem;
}

.cookie-btn .morebtn-l:nth-of-type(2n) {
	border: 1px solid var(--themecolor);
	background-color: var(--themecolor);
	color: #fff;
	margin: 0 0 0 13px;
}

.cookie-f-c .closeicon {
	position: absolute;
	right: 0;
	top: 0;
	width: 12px;
	height: 12px;
	cursor: pointer;
}

@media (max-width: 768px) {
	.cookie-f {
		padding: 40px 0 0;
		box-sizing: border-box;
	}

	.cookie-f-c {
		flex-direction: column;
	}

	.cookie-f-txt,
	.cookie-btn {
		width: 100%;
	}

	.cookie-f-txt .headerxs {
		margin-bottom: 19px;
		font-size: 22px;
		font-weight: bold;
	}

	.cookie-f-txt p {
		font-size: 14px;
		color: #F3F3F2;
		line-height: 20px;
	}

	.cookie-btn {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 50px 0;
	}
}

/* pro imagezoom start */
.basebottom {
	margin: 10px 0 0;
	overflow: hidden;
}

.basebottom li {
	width: 100%;
	margin: 0 6px 0 0;
	overflow: hidden;
	padding: 1px;
	border: 1px solid #CDCDCD;
}

.basebottom li img {
	object-fit: contain;
}

.basetop {
	height: 100%;
	width: 100%;
	border: 1px solid #CDCDCD;
	position: relative;
	z-index: 1;
}

.basebottom .tb-selected {
	border: 1px solid var(--themecolor);
}

div.zoomDiv {
	z-index: 99;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 600px !important;
	height: 600px !important;
	background: #fff;
	border: 1px solid #CDCDCD;
	display: none;
	text-align: center;
	overflow: hidden;
}

div.zoomMask {
	position: absolute;
	width: 200px;
	height: 200px;
	background: var(--themecolor);
	opacity: .2;
	cursor: move;
	z-index: 1;
}

@media (max-width: 768px) {
.solutitle-con{
	padding-right: 60px;
}
	div.zoomMask,
	div.zoomDiv {
		display: none !important;
	}
	
}

.sharebox{overflow:hidden;display:inline-block;position:fixed;top:300px;z-index:99;left:0}#st-1 .st-btn{display:block !important}

@media (max-width: 768px) {
	#st-1 .st-btn{
		display: none !important;
	} 
	#st-1 .st-last{
		display: block !important;
	} 
}

@media (max-width: 1200px) and (min-width:768px){
	
	.sharebox{
			height: 80px;
		    top: 400px;
		}
		.sharethis-inline-share-buttons{
			margin-top: -290px;
		}  
	
	.pagebanner .pagebimgtxt {
		width: 100%;
		left: 0;
		margin-left: 0;
		font-size: 12px;
	}
	.cookie-f{
		width: 90%;
	}
	.idxserv .container{
		margin-left: -444px;
	}
	.header .top .topconr::before{
		display: none;
	}
}

@media (max-width: 768px) {.detailcon .mess-con img{height:auto !important}}
/* pro imagezoom end */