:root {
	--padding-top-default: 10px;
	--padding-left-default: 20px;
	--padding-default: 10px 20px;

	--margin-top-default: 10px;
	--margin-left-default: 20px;
	--margin-default: 10px 20px;

	--font-size-small: 12px;
	--font-size-default: 14px;
	--font-size-middle: 16px;
	--font-size-large: 18px;

	--font-size-lg-title: 36px;
	--font-size-sm-title: 18px;

	--theme-color-default: #067cc0;

	--top-nav-height: 70px;

	--box-shadow-default: 0 0 10px 2px rgba(0, 0, 0, 0.08);

	--background-default: #ffffff;
	--background-gray: #f2f5f9;
}

[v-clock] {
	display: none;
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif, '思源黑体';
	-webkit-font-smoothing: antialiased;
}

body,
html {
	width: 100%;
	height: 100%;
	font-size: var(--font-size-default);
}

.h20 {
	height: 10px;
}

.h30 {
	height: 30px;
}

.h40 {
	height: 40px;
}

.h60 {
	height: 60px;
}

.h80 {
	height: 80px;
}

.h120 {
	height: 120px;
}

.w50 {
	width: 50%;
}

.w60 {
	width: 60%;
}

.w80 {
	width: 80%;
}

.tl-l {
	text-align: left !important;
}

.tl-r {
	text-align: right !important;
}


.jc-sa {
	justify-content: space-around;
}

.jc-ce {
	justify-content: center;
}

.white-title {
	color: #fff;
}

.container {
	width: 100%;
	margin: 0 auto;
}

/* 弹窗阴影 */
.popup-wrap-phone {
	position: fixed;
	top: var(--top-nav-height);
	right: 0px;
	left: 0px;
	bottom: 0px;
	z-index: 98;
	display: none;
	background: rgba(0, 0, 0, 0.5);
}

.popup-wrap-pc {
	position: fixed;
	top: var(--top-nav-height);
	right: 0px;
	left: 0px;
	bottom: 0px;
	z-index: 9;
	display: none;
	background: rgba(0, 0, 0, 0.5);
}

/* 盒子 */
.block-wrap {
	width: 100%;
	margin: 0;
	background-color: var(--background-default);
}

.block-wrap .block-wrap-content {
	width: 1200px;
	margin: 0 auto;
}

.block-wrap .block-img-wrap {
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

.block-wrap .block-flex-wrap {
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0;
}

.block-wrap .block-flex-item {}

.mlr-10 {
	margin: 0 10px;
}

.mlr-20 {
	margin: 0 20px;
}

.mlr-30 {
	margin: 0 30px;
}

.ta-c {
	text-align: center;
}


.block-wrap::after,
.block-wrap::before {
	content: '';
	display: block;
	clear: both;
}

/* 灰色背景盒子 */
.block-wrap.block-wrap--gray {
	background-color: var(--background-gray);
}

/* 灰色背景盒子 */
.block-wrap.block-wrap--transparent {
	background-color: transparent;
}

/* 盒子 标题*/
.block-wrap .block-title {
	font-size: var(--font-size-lg-title);
	position: relative;
	text-align: center;
	padding: 10px 0;
}

.block-wrap .block-title::after {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 30px;
	height: 2px;
	background-color: var(--theme-color-default);
}

/* 盒子 副标题*/
.block-wrap .block-title-desc {
	font-family: sans-serif;
	text-align: center;
	opacity: .3;
	font-size: var(--font-size-sm-title);
	padding: 10px 0;
}

/* 盒子 副标题2*/
.block-wrap .block-title-desc2 {
	text-align: center;
	font-size: var(--font-size-sm-title);
	padding: 10px 0;
	font-weight: 300;
}

/* 面包屑导航 */
.bread-crumb {
	color: #999;
	height: 50px;
	line-height: 50px;
	letter-spacing: 1px;
	padding: 0 20px;
}

.bread-crumb>a {
	color: var(--theme-color-default);
}

ul,
ol {
	list-style: none;
}

.swiper-container {
	width: 100%;
	height: 600px;
	position: relative;

}

.swiper-slide {
	position: relative;
	width: 100%;
	height: 100%;
}

.swiper-slide .swiper-image {
	position: absolute;
	width: 100%;
	max-width: 1680px;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

.swiper-container {
	--swiper-theme-color: var(--theme-color-default);
	/* 单独设置按钮颜色 */
	--swiper-navigation-color: #ebebeb;
	/* 设置按钮大小 */
	--swiper-navigation-size: 26px;
}


.my-bullet-active {
	background: var(--theme-color-default) !important;
	opacity: 1;
	width: 20px !important;
	border-radius: 10px !important;
}

.my-bullet {
	background: #fff;
	opacity: 0.9;
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 50%;
	margin-right: 8px;
}


.pd_left_50 {
	padding-left: 50px;
}

.pd_right_50 {
	padding-right: 50px;
}



/* ------------------------------------------------------------首页样式 -----------------------------------------------开始 */
.pg-index-wrap {
	padding-top: var(--top-nav-height);
	width: 100%;
	overflow: hidden;
}

.pg-index-container {}

/* 服务跳转按钮 */
.fwlx-btn {
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 10px 0;
}

.fwlx-btn>li {
	padding: 10px 20px;
	border: 1px solid #999;
	color: #222;
	border-radius: 20px;
	font-size: var(--font-size-middle);
	cursor: pointer;
}


.fwlx-new-con {
	width: 750px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.fwlx-new-item {
	width: 250px;
	height: 150px;
	/* border: 1px solid #999; */
	background: #f5f5F5;
	position: relative;
}

.fwlx-new-item-col .fwlx-new-item:first-child {
	margin-bottom: 10px;
}

.fwlx-new-item:hover {

	width: 510px;
}

.fwlx-new-item-hover {
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.fwlx-new-item-col .fwlx-new-item:first-child:hover .fwlx-new-item-hover {
	position: absolute;
	width: 250px;
	height: 150px;
	animation: slide 0.4s linear forwards;
	top: 0;
	right: 0;
	left: unset;
	z-index: 99;
}

.fwlx-new-item-col:first-child .fwlx-new-item:first-child:hover .fwlx-new-item-hover {
	position: absolute;
	width: 250px;
	height: 150px;
	animation: slide 0.4s linear forwards;
	top: 0;
	left: 0;
	right: unset;
	z-index: 99;
}

.fwlx-new-item-col .fwlx-new-item:last-child:hover .fwlx-new-item-hover {
	position: absolute;
	width: 250px;
	height: 150px;
	animation: slide 0.4s linear forwards;
	bottom: 0;
	right: 0;
	left: unset;
	z-index: 99;
}

.fwlx-new-item-col:first-child .fwlx-new-item:last-child:hover .fwlx-new-item-hover {
	position: absolute;
	width: 250px;
	height: 150px;
	animation: slide 0.4s linear forwards;
	bottom: 0;
	left: 0;
	right: unset;
	z-index: 99;
}


/*定义动画*/
@keyframes slide {
	from {
		width: 260px;
		height: 150px;
	}

	to {
		width: 510px;
		height: 310px;
	}
}


.fwlx-con {
	width: 780px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, auto);
	grid-template-rows: repeat(3, auto);
	grid-gap: 5px;
}


.fwlx-item {
	width: 100%;
	height: 220px !important;
	overflow: hidden;
	padding: 0 !important;
	position: relative;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.fwlx-item:hover {
	animation: fwlx-item-hover 1s linear forwards;
}

/*定义动画*/
@keyframes fwlx-item-hover {
	from {
		background-size: 100% 100%;
	}

	to {
		background-size: 105% 105%;
	}
}



.darktext {
	width: 100%;
	position: absolute;
	height: 220px;
	top: 220px;
	text-align: center;
	font-family: "思源黑体";
	background: rgba(0, 0, 0, .5);
	/* cursor: pointer; */
}

.darktext-name {
	color: #fff;
	font-size: var(--font-size-middle);
}

.darktext-describe {
	color: #eee;
	padding: 10px 20px 0;
	font-size: var(--font-size-small);
}

.darktext img {
	margin-bottom: 20px;
}

.darktext .icon-chakan {
	cursor: pointer;
	font-size: 42px !important;
}

.darktext-describe-line {
	height: 3px;
	background: var(--theme-color-default);
	width: 30px;
	margin: 10px auto 0;
}

/* pc端 移动端 */

.app-box-wrap,
.pc-box-wrap {
	display: flex;
	align-items: center;
	height: 560px;
	position: relative;
}

#pc-box-text,
#app-box-img {
	flex: 1;
	left: -800px;
}

#pc-box-img,
#app-box-text {
	flex: 1;
	right: -800px;
}

.app-text,
.pc-text {
	line-height: 1.8;
	opacity: 0.8;
}

.div_block {
	width: 50%;
	position: absolute;
	transition: .4s all ease-in;
	opacity: 0;
}

.left_block {
	left: 0 !important;
	opacity: 1 !important;
}

.right_block {
	right: 0 !important;
	opacity: 1 !important;
}

.icon-chakan {
	font-size: 5rem !important;
	color: #fff !important;
	opacity: .8 !important;
}

.start {
	border: 1px solid #5f616a;
	background: transparent;
	color: #5f616a;
	width: 200px;
	height: 44px;
	border-radius: 22px;
	margin-top: 40px;
	cursor: pointer;
}

.start:hover {
	border: 1px solid rgba(95, 97, 106, .2);
	background: rgba(95, 97, 106, .5);
	color: #fff;
	transition: 0.2s all ease-in-out;
}

/* 专业方案定制 */
.zyfw-text {
	color: #fff;
	opacity: .7;
	line-height: 1.6;
	width: 50%;
	font-weight: 300;
	margin: 0 auto;
	text-align: center;
}

.zyfw-box {
	width: 100%;
	background-color: #222;
	z-index: -1;
	background: url(../images/index/service_bg.png) no-repeat;
	background-size: cover;
}

.zyfw-content {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-around;
}

.zyfw-content li {
	width: 15%;
	list-style: none;
	text-align: center;
	color: #fff;
	margin-bottom: 20px;
}


.zyfw-ch {
	font-size: var(--font-size-large);
}

.zyfw-en {
	color: #555;
	text-transform: uppercase
}

.zyfw-nr {
	line-height: 1.8;
	color: #999;
	text-align: left;
}

.zyfw-content li p {
	width: 90%;
	margin-left: 6%;
	font-family: "思源黑体";
}

.zyfw-content li img {
	width: 80px;
	height: auto;
}

/* 介绍 */

.introduce-content {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-around;
}

.introduce-item {
	width: 30%;
	border-radius: 12px;
	box-shadow: 2px 2px 15px rgba(90, 97, 128, 0.1);
	text-align: center;
	padding: 50px 20px;
}

.introduce-num {
	font-size: var(--font-size-lg-title);
}

.introduce-text {
	color: rgba(95, 97, 106, .8);
	width: 90%;
	margin: 10px auto;
	line-height: 1.8;
}

/* ------------------------------------------------------------首页样式 -----------------------------------------------结束 */

/*------------------------------------------------------------APP页样式-----------------------------------------------开始*/
.app-bg-blue {
	background-color: #f3f8fd;
}

.appkf-item {
	text-align: center;
	margin: 0 20px;
}

.appkf-item .appkf-img {
	width: 80px;
	height: 80px;
	margin-bottom: 10px;
}

.appkf-item .appkf-text {
	text-align: center;
}

.app-part-l {
	flex: 1;
	text-align: left;
	list-style: inside;
	line-height: 2.6;
	min-width: 0px;
}

.app-part-r {
	flex: 1;
	min-width: 0px;
	box-sizing: border-box;
}

.team-item {
	width: 30%;
}

.team-img {
	width: 100%;
	height: 120px;
	border-radius: 8px;
	box-shadow: var(--box-shadow-default);
}

.team-nr {
	line-height: 40px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin: 20px auto 0;
	text-align: center;
}

.w90-in {
	cursor: pointer;
}

.w90-in:hover {
	color: #888;
}


.team1 {
	background: url(../images/安全稳定.jpg) no-repeat;
	background-size: cover;
}

.team2 {
	background: url(../images/极致体验.jpg) no-repeat;
	background-size: cover;
}

.team3 {
	background: url(../images/智慧高效.jpg) no-repeat;
	background-size: cover;
}

/*------------------------------------------------------------APP页样式-----------------------------------------------结束*/

/*------------------------------------------------------------erp系统页样式-----------------------------------------------开始*/
.erp-title01 {
	font-size: 26px;
	color: #222;
	font-weight: 300;
	margin-bottom: 10px;
}

.erp_section_img,
.erp_section_text {
	flex: 1;
	min-width: 0px;
	box-sizing: border-box;
}

.erp_section_img img {
	max-height: 240px;
	max-width: 100%;
	/* width: 100%; */
}

.erp_section_text h5 {
	text-align: left;
	font-size: var(--font-size-lg-title);
	font-weight: 400 !important;
	margin-bottom: 20px;
}

.erp_section_text ul>li {
	list-style: inside;
	color: rgba(0, 0, 0, .8);
	text-align: left;
	font-weight: 300;
	font-size: var(--font-size-large);
	line-height: 2;
}

.gnqq-list {
	width: 90%;
	margin: 0 auto !important;
}

.gnqq-item {}

.gnqq-img img {
	width: 100%;
}

.gnqq-text {
	color: #222;
	font-size: var(--font-size-middle);
	text-align: center;
}

.yyjz-list {
	width: 90%;
	margin: 0 auto !important;
}

.yyjz-item {
	width: 20%;
}

.yyjz-item-inner {
	border: 1px solid #e9e9e9;
	border-radius: 4px;
	padding: 20px 20px 0;
	height: 200px;
}

.yyjz-item-inner:hover {
	box-shadow: 0 1px 10px rgba(179, 196, 241, .3);
	border: none;
}

.yyjz-item-title {
	font-weight: 300;
	font-size: 1.2em;
}

.yyjz1 {
	background: url(../images/erp/yyjz1.png) no-repeat;
	background-size: contain;
}

.yyjz2 {
	background: url(../images/erp/yyjz2.png) no-repeat;
	background-size: contain;
}

.yyjz3 {
	background: url(../images/erp/yyjz3.png) no-repeat;
	background-size: contain;
}

.yyjz4 {
	background: url(../images/erp/yyjz4.png) no-repeat;
	background-size: contain;
}



/*------------------------------------------------------------erp系统页样式-----------------------------------------------结束*/


/*------------------------------------------------------------eqms系统页样式-----------------------------------------------开始*/
.pain01,
.pain02,
.pain03 {
	width: 30%;
}

.pain01_head,
.pain02_head,
.pain03_head {
	height: 160px;
}

.pain01_head {
	background: url(../images/eqms/pain01.jpeg);
	background-size: cover;
}

.pain02_head {
	background: url(../images/eqms/pain02.jpeg);
	background-size: cover;
}

.pain03_head {
	background: url(../images/eqms/pain03.jpeg);
	background-size: cover;
}

.pain_body {
	background: #fff;
	padding: 10px 20px;
	text-align: center;
}

.pain_body>p {
	font-size: 16px;
	text-align: center;
}

.pain_body>span {
	font-size: 14px;
	line-height: 2;
	color: #868C92;
}

.pain_body:hover {
	box-shadow: 2px 2px 15px #b0bcc9;
	transition: all 0.7s;
	cursor: pointer;
}

.solve01-list {
	flex-wrap: wrap;
}

.solve01 {
	width: 30%;
	margin-bottom: 20px;

}

.solve_body {
	height: 110px;
	padding: 12px;
	text-align: left;
	border-radius: 4px;
	background-image: linear-gradient(#F4F6F9, #ffffff);
	border: 1px solid #F4F6F9;
	cursor: pointer;
}

.solve_body:hover {
	box-shadow: 0px 2px 12px #dbdbdb;
	transition: all 0.7s;
}

.eqms-feature-wrap {
	align-items: unset !important;
}

.eqms-feature-img,
.eqms-feature {
	flex: 1;
	min-width: 0px;
	box-sizing: border-box;
}

.eqms-feature-img img {

	max-width: 100%;
	max-height: 240px;
}

.eqms-title01 {
	font-size: 26px;
	color: #222;
	font-weight: 300;
	margin-bottom: 10px;
}

.eqms-title02 {
	margin-top: 10px;
	line-height: 1.8;
	color: #000000CC;
	font-size: 18px;
	font-weight: 200;
}

.eqms-title02>ul>li {
	list-style: inside;
	color: rgba(0, 0, 0, .8);
	text-align: left;
	font-weight: 300;
	font-size: var(--font-size-large);
	line-height: 2;
}

.eqms-label .label {
	font-weight: 400;
	background-color: #e9f6ff;
	color: var(--theme-color-default);
	padding: 4px 10px;
	border-radius: 3px;
	margin-right: 2px;
	font-size: var(--font-size-default);
}


.crk-bg {
	background: url(../images/eqms/crk-bg.png) no-repeat;
	background-size: contain;
}



.field {
	background: url(../images/eqms/eqms_field.png) no-repeat;
	background-size: cover;
}




/*------------------------------------------------------------eqms系统页样式-----------------------------------------------结束*/

/*------------------------------------------------------------智能表单页样式-----------------------------------------------开始*/
.znbd-list {
	display: grid;
	grid-template-columns: repeat(4, auto);
	grid-gap: 5px;
	text-align: center;

}

.znbd-item {
	width: 100%;
	padding: 30px 0 0;
	border: 1px solid #eee;
	/* width: 24.9%; */
	height: 380px;
	position: relative;
}

.znbd-item-desc {
	color: #fff;
	font-size: var(--font-size-large);
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
	text-align: center;
}

.znbd-ld-r {
	width: 100%;
	margin: 20px auto;
}

.ld-nr {
	margin-top: 10px;
	line-height: 1.8;
	font-weight: 300;
}

.ld-title {
	font-size: var(--font-size-large);
	color: #222;
}

.znbd-xxjg-nr {
	width: 100%;
	text-align: left;
	color: #999;
}

.znbd-xxjg-nr>h4 {
	color: #222;
	margin: 20px auto 10px;
}



/*------------------------------------------------------------智能表单页样式-----------------------------------------------结束*/


/*------------------------------------------------------------点巡检管理系统样式-----------------------------------------------开始*/


.dxj-xxjg-nr {
	width: 80%;
	margin: 40px auto 10px;
	text-align: left;
	color: #999;
}

.dxj-xxjg-nr>h4 {
	color: #222;
	margin: 50px auto 10px;
}

.dxj-yyjz-title {
	text-align: center;
	font-weight: 700;
	color: #222;
	margin-bottom: 10px;
}

.dxj-yyjz-nr {
	text-align: center;
	font-size: 12px;
	color: #313131;
}

.dxj-item-list {
	flex-wrap: wrap;
}

.dxj-item2 {
	width: 25%;
	padding: 20px;
	border-radius: 4px;
	cursor: pointer;
	margin-bottom: 20px;
	text-align: center;
}

.dxj-item2-img {
	width: 120px;
	height: 120px;
	margin: 0 auto 20px;

}

.dxj-item2-title {
	margin-bottom: 20px;
}

.dxj-item2-nr {
	color: #999;
}

.dxj-item {
	width: 48%;
	height: 100px;
	padding: 20px;
	border: 1px solid #888;
	border-radius: 4px;
	cursor: pointer;
	margin-bottom: 20px;
}

.dxj-item:hover {
	transition: 0.4s all;
	background-color: #6699ff;
	color: #C7DAFC;
	border: 1px solid #6699ff;
}

/*------------------------------------------------------------点巡检管理系统样式-----------------------------------------------结束*/

/*------------------------------------------------------------公司简介-----------------------------------------------开始*/
.gsjj-desc {
	padding: 0 40px 30px;
	font-size: 16px;
	line-height: 2;
}


.company-text-group {
	padding: 2em;
}

.group-title {
	font: 2.6em '苹方';
	color: #222;
	margin-top: 1em;
	padding-bottom: 0.5em;
	text-align: center;
	-webkit-font-smoothing: antialiased;
}

.company-img2 {
	text-align: center;
}

.company-img2>img {
	width: 80%;
}


.group-contact {
	font-size: 16px;
	color: #222;
	font-weight: 300;
	margin: 2em auto;
	line-height: 1.8em;
	width: 1000px;
}

.contact-map-wrap {
	width: 1000px;
	margin: 0 auto;
}

.contact-map {
	width: 700px;
	height: 332px;
	border: #ccc solid 1px;
	font-size: 12px
}

.group-contact>.iconfont {
	font-size: 24px;
	color: #999;
	vertical-align: middle;
}

.company-img {
	overflow: hidden;
	height: 24em;
	margin: 2em auto 0;
}

.company-img>img {
	width: 100%;
}


.hyzz-list {
	flex-wrap: wrap;
}

.hyzz {
	width: 25% !important;
	text-align: center;
	margin-bottom: 10px;
}

.hyzz img {
	width: 80%;
	padding: 6px;
}

.hyzz p {
	text-align: center;
	margin-top: 5px;
	color: #999;
}


/*------------------------------------------------------------公司简介-----------------------------------------------结束*/


/*------------------------------------------------------------mes-----------------------------------------------开始*/
.mes-bg {
	background: url(../images/mes/mes_bg.png) no-repeat;
	background-size: 100% 100%;
}

.mes-title01 {
	text-align: center;
	font-size: 26px;
	color: #222;
	font-weight: 300;
	margin-bottom: 10px;
}

.mes-text-white {
	color: #fff;
}

.mes-text-gay {
	color: #fff;
	opacity: 0.6;
}

.mes-item-list {
	flex-wrap: wrap;
}

.mes-item {
	width: 18%;
	height: 300px;
	padding: 0px 20px;
	border: 1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}


.mes-item>img {
	width: 60px;
	height: 60px;
	margin-bottom: 26px;
}

.mes-item-title {
	color: #fff;
	font-size: 18px;
	margin-bottom: 16px;
}

.mes-item-desc {
	color: #fff;
	opacity: 0.6;
}

.mes-item:hover {
	transition: 0.4s all;
	background-color: #6699ff;
	color: #C7DAFC;
	border: 1px solid #6699ff;
}

.mes-gy-title01 {
	font-size: 24px;
	color: #222;
	font-weight: 300;
	margin-bottom: 10px;
	width: 1200px;
	margin: 0 auto;
	line-height: 4;
}

.mes-gy-list {
	display: flex;
	align-items: center;
	justify-content: center;
}

.mes-gy-item {
	width: 300px;
	height: 430px;
	margin-right: 2px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}




.mes-gy-item:hover .mes-gy-dark1 {
	display: none;
}

.mes-gy-dark1 {
	font-size: var(--font-size-middle);
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 20px;
	text-align: center;
}

.mes-gy-dark2 {
	position: absolute;
	bottom: -430px;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 120px 20px;
	text-align: center;
}



.mes-gy-item:hover .mes-gy-dark2 {
	animation: slide-up 0.5s linear forwards;
	/* 向上移动元素 */
}

.mes-gy-item:not(:hover) .mes-gy-dark2 {
	animation: slide-down 0.5s linear forwards;
	/* 向上移动元素 */
}

/*定义动画*/
@keyframes slide-down {
	from {
		bottom: 0px;
	}

	to {
		bottom: -430px;
	}
}

@keyframes slide-up {
	from {
		bottom: -430px;
	}

	to {
		bottom: 0px;
	}
}

.mes-gy-dark2 .mes-dark2-title {
	font-size: var(--font-size-middle);
	margin-bottom: 20px;
}


.gy-item1 {
	background: url(../images/mes/mes201.png) no-repeat;
	background-size: 100% 100%;
}

.gy-item2 {
	background: url(../images/mes/mes202.png) no-repeat;
	background-size: 100% 100%;
}

.gy-item3 {
	background: url(../images/mes/mes203.png) no-repeat;
	background-size: 100% 100%;
}

.gy-item4 {
	background: url(../images/mes/mes204.png) no-repeat;
	background-size: 100% 100%;
}

/*------------------------------------------------------------mes-----------------------------------------------结束*/


/*------------------------------------------------------------背景-----------------------------------------------开始*/

.bg-new1 {
	background: url(../images/background/bg1.png) no-repeat;
	background-size: 100% 100%;
}

/*------------------------------------------------------------背景-----------------------------------------------结束*/



/*------------------------------------------------------------wms-----------------------------------------------开始*/


.wms-list {
	display: grid;
	grid-template-columns: repeat(5, auto);
	grid-gap: 24px;
}

.wms-item {
	border: 1px solid #bfbfbf;
	border-radius: 12px;
	text-align: center;
	padding: 40px 20px;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
}

.wms-item .wms-item-icon {
	margin-bottom: 20px;
}

.wms-item .wms-item-icon img {
	width: 60px;
	height: 60px;
	opacity: 0.5;
}

.wms-item .wms-item-content {
	line-height: 2;
	opacity: 0.8;
	text-align: left;
}


.wms-gd-list {
	display: grid;
	grid-template-columns: repeat(3, auto);
	grid-gap: 24px;
}

.wms-gd-item {
	width: 403px;
	height: 420px;
	background: #FFFFFF;
	box-shadow: 0px 2px 15px 0px rgba(201, 216, 234, 0.5);
}

.wms-gd-item-img img {
	width: 100%;
	max-height: 420px;
}

.wms-gd-item-title {
	margin-top: 30px;
	text-align: center;
	font-size: var(--font-size-large);
	font-weight: bold;
}

.wms-gd-item-desc {
	padding: 0 50px;
	margin-top: 16px;
	text-align: left;
	font-size: var(--font-size-default);
	opacity: 0.6;
	line-height: 1.8;
}

/*------------------------------------------------------------wms-----------------------------------------------结束*/


/*-----------------------------------------------------------联系我们-----------------------------------------------开始*/
.tab-wrap{
	box-sizing: border-box;
	padding:10px 40px;
	display: flex;
	align-items: center;
	background-color: #F2F4F7 ;
}
.tab-item{
	margin-right:40px;
	padding: 10px 20px;
	cursor: pointer;
}
.tab-item.tab-active{
	box-sizing: border-box;
	background-color: #fff;
	color:var(--swiper-theme-color);
}
/*------------------------------------------------------------联系我们-----------------------------------------------结束*/








.icon-xiala {
	color: var(--theme-color-default);
}





.app-list>p:hover {
	color: #999;
}

.video-box {
	position: relative;
	width: 80%;
	min-height: 1px;
	margin: 3em auto;
}




.sec-title {
	width: 60%;
	margin: 0 auto;
	font-size: 15px;
	text-align: center;
	font-weight: 300;
}

.service-nav li {
	list-style-type: none;
	display: inline-block;
	border: 1px solid #ccc;
	padding: 0.6em 1em;
	font-size: 1em;
	border-radius: 20px;
	margin: 2em 0.9em auto;
	cursor: pointer;
}

.service-nav li:hover {
	border: 1px solid #888;
	color: #333;
	transition: 0.3s all ease-in-out;
}


.tel {
	margin: 4% 1%;
	text-align: left;
	padding: 0 !important;
	color: #B9E4EE;
	font: 14px din;
	font-weight: 600;
}


/* 影藏手机菜单按钮 */
.phone-nav-btn {
	display: none;
}

ul,
ol {
	list-style: none;

}

.pro-nav>a {
	color: #666 !important;
}

a:hover {
	text-decoration: none !important;
}


.w43 {
	width: 43%;
}

.mar0 {
	margin: 0 auto;
}

.fl-r {
	float: right;
}

.fl-l {
	float: left;
}


.clearfix {
	clear: both;
}

/* 消息提示 */
.notice {
	width: 100%;
	color: #fff;
	background-color: rgba(247, 56, 68, .7);
	padding: 8px 0;
	position: fixed;
	text-align: center;
	z-index: 4;
}

.top-box {
	height: 10rem !important;
}

/* 下拉菜单 */
.dropdown-list {
	display: none;
	flex-direction: column;
	background-color: rgba(0, 0, 0, .8) !important;
	padding: 1em;
	text-align: left !important;
	position: absolute;
	z-index: 1000;
	height: auto;
	min-width: 160px;
	font-size: 1em;
	list-style: none;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 2px;
	-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

.dropdown:hover .dropdown-list {
	display: block;
	transition: 0.5s all ease-in;
}

.dropdown-list>ul {
	list-style: none;
	flex-direction: column;
}

.dropdown-list>li {
	height: 3em;
	line-height: 3em;
	width: 100%;
}

.dropdown-list>li>a {
	display: block;
	color: #fff !important;
	opacity: .7;
	text-align: left;
	font-size: 1.1em;
}

.dropdown-list>li>a:hover {
	color: #fff !important;
	opacity: 1;
}



/* 悬浮窗 */
.float {
	position: fixed;
	top: 60%;
	right: 0;
	width: 70px;
	height: 70px;
	text-align: center;
	padding: 8px 0;
	color: #fff;
	box-sizing: border-box;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 2px 2px 12px rgb(40 61 128 / 20%);
	background-color: var(--theme-color-default);
	text-align: center;
	z-index: 999;
}

.float a {
	color: #fff;
}

.float .img {
	width: 36px;
	height: 36px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.float .weixin {
	position: absolute;
	top: 0;
	right: 60px;
	transition: all 0.4s ease-out;
	display: none;
	padding: 0 20px;
}

.subtitle a {
	color: #000;
	font-size: 16px;
}

.subtitle a:hover {
	color: var(--theme-color-default);
	text-decoration: underline;
}

.float:hover .weixin {
	display: block;
	transition: 0.6s all ease-in-out;
}

.icon-kefu,
.icon-youjian,
.icon-address {
	vertical-align: middle;
}

.icon-kefu {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.4s;
}

.float .weixin .weixin_box {
	width: 240px;
	padding: 24px;
	background: #fff;
	border-radius: 4px;
	color: #252B3A;
	box-shadow: 2px 2px 12px rgb(40 61 128 / 20%);
	overflow: hidden;
	border: 1px solid rgba(196, 196, 196, 0.5);
}

.float .weixin .subtitle {
	margin: 0 auto 10px auto;
	font-size: 2rem;
}

.weixin .ewm {
	margin-bottom: 10px;
	text-align: center;
	padding: 0 !important;
}


.weixin .ewm>img {
	width: 180px;
	height: 180px;
}

.section-title {
	margin: 5em auto 0 auto;
	text-align: center;
}

.title-xl {
	font: 2.6em '苹方';
	color: #222;
}

.title-sm {
	margin: 0.4em auto;
	text-transform: uppercase;
	font-size: 18px;
	font-family: sans-serif;
	opacity: .3;
	font-weight: 300;
}

.title-sm-line {
	background-color: #337bff;
	border-radius: 7px;
	width: 26px;
	height: 2px;
	margin-top: 0.6em;
}


.focus {
	position: relative;
	width: 100%;
	height: 448px;
	overflow: hidden;
}

.focus ul {
	width: 570%;
	position: absolute;
	top: 0;
	left: 0;
}

.focus ul li {
	width: 1349px;
	margin: 0 auto;
	display: inline-block;
	text-align: center;
}

.focus ul li img {
	width: 100%;
}

.arrow-l,
.arrow-r {
	display: none;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	color: #ccc;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, .2);
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	font-size: 28px;
	z-index: 2;
}

.arrow-l {
	left: 100px;
}

.arrow-r {
	right: 100px;
}

.arrow-l:hover,
.arrow-r:hover {
	background-color: rgba(0, 0, 0, .4);
	color: #eee;
	transition: 0.2s all ease-in-out;
}

.arrow-l img,
.arrow-r img {
	vertical-align: sub;
}

.circle li {
	width: 8px;
	height: 8px;
	border: 1px solid #9cc8d1;
	background: #9cc8d1;
	z-index: 999999;
	border-radius: 50%;
	float: left;
	margin-left: 8px;
}

.circle {
	position: absolute;
	bottom: 50px;
	left: 46%;
	list-style: none;
}

.current {
	background: #99ffff !important;
	border: 1px solid #99ffff !important;
}

.app-con {
	width: 50%;
	height: 90%;
}



.industy-img {
	height: 8em;
	width: 8em;
	border-radius: 50%;
	background: var(--theme-color-default);
	margin: 2em auto;
}

.indu1 {
	background: url(../images/index/indu1.png) no-repeat;
	background-size: cover;
}

.indu1:hover {
	background: url(../images/index/indu1.2.png) no-repeat;
	background-size: cover;
	transition: 0.3s;
	cursor: pointer;
}

.indu2 {
	background: url(../images/index/indu2.png) no-repeat;
	background-size: cover;
}

.indu2:hover {
	background: url(../images/index/indu2.2.png) no-repeat;
	background-size: cover;
	transition: 0.3s;
	cursor: pointer;
}

.indu3 {
	background: url(../images/index/indu3.png) no-repeat;
	background-size: cover;
}

.indu3:hover {
	background: url(../images/index/indu3.2.png) no-repeat;
	background-size: cover;
	transition: 0.3s;
	cursor: pointer;
}

.indu4 {
	background: url(../images/index/indu4.png) no-repeat;
	background-size: cover;
}

.indu4:hover {
	background: url(../images/index/indu4.2.png) no-repeat;
	background-size: cover;
	transition: 0.3s;
	cursor: pointer;
}

.indu5 {
	background: url(../images/index/indu5.png) no-repeat;
	background-size: cover;
}

.indu5:hover {
	background: url(../images/index/indu5.2.png) no-repeat;
	background-size: cover;
	transition: 0.3s;
	cursor: pointer;
}

.indu6 {
	background: url(../images/index/indu6.png) no-repeat;
	background-size: cover;
}

.indu6:hover {
	background: url(../images/index/indu6.2.png) no-repeat;
	background-size: cover;
	transition: 0.3s;
	cursor: pointer;
}



/* 内页 */

.part h3,
.erpgk h3,
.cptx h3,
.fwzc h3,
.xtjg h3,
.khqt h3,
.cpgn h3,
.yyjz h3 {
	font-size: 2.6em;
	font-weight: 400;
}

.inner-content {
	margin: 0 auto 3em auto;
}

.left-bar-title {
	background-color: #dbdbdb;
	color: #333;
	padding: 0.9em 0 0 1.2em;
	border-radius: 2px;
}

.left-bar-title-text {
	font-size: 1.3em;
	display: inline-block;
}

.left-bar-title-text>p {
	font-size: 0.72em;
	color: #999;
	font-family: auto;
}

.enter {
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	background: url(../images/title-enter.png);
	background-size: 100%;
	vertical-align: top;
	margin-top: 0.2em;
	margin-right: 0.3em;
}

.left-bar-item {
	margin-top: 1em;
	background-color: #f0f0f0;
	border-radius: 2px;
	padding: 0.7em;
	cursor: pointer;
}

.left-bar-item>ul>li {
	background-color: #fff;
	border-radius: 2px;
	margin: 0.5em auto;
	height: 4em;
	line-height: 4em;
	padding-left: 2em;
}

.active {
	background-color: #fff !important;
	color: #fff !important;
}


/* 公司简介 */

/* 产品 */

.pro-item {
	height: 20em;
}

.w90 {
	width: 94%;
	cursor: pointer;
	margin: 0 auto;
}

.pro-item-img {
	background-color: #DEECEE;
	height: 15em;
}

.xcx-item-img {
	height: 12em;
}

.w90:hover {
	box-shadow: 1px 1px 6px rgba(200, 209, 210, .3);
}

.w90 a {
	color: #222 !important
}

.pro-item-nr {
	background-color: #fff;
	height: 5em;
	text-align: center;
	padding: 1.2em 0 0 1.2em;
}

.pro-item-img {
	overflow: hidden;
}

.pro-item-img img {
	transition: 0.5s all;
	width: 100%;
	height: 100%;
}

.pro-item-img img:hover {
	transform: scale(1.1);
}

.h2 {
	height: 0.05em;
	width: 100%;
}

.pro-show {
	position: relative;
	height: 3em;
	text-align: center;
}

.pages {
	display: inline-block;
	position: absolute;
	right: 0;
}

.pagination>li>a,
.pagination>li>span {
	color: #666f !important;
}

.prolist {
	width: 90% !important;
	padding: 2em 2em 0 2em;
	border-radius: 1em;
	margin: 0 auto 2em auto;
	background-color: #fff;
	display: block;
}

.prolist:hover {
	transition: 0.3s all;
	transform: scale(1.01);
	box-shadow: 1px 3px 15px rgb(90 97 128 / 10%);
}

.pro-box {
	display: grid;
}

.list-r {
	float: right !important;
}

.pro-khqt img {
	width: 100%;
	height: 100%;
}

.list-r img {
	width: 87%;
	margin: 2em auto;
	display: block;
}

.list-l-name {
	font-weight: 300;
	font-size: 2em;
	display: inline-block;
	border-left: 5px solid #3399ff;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
	margin-top: 3rem;
}

.list-l-nr {
	font-size: 16px;
	margin: 1.4em auto;
	line-height: 1.6em;
	font-weight: 300;
}

.list-l button {
	height: 4rem;
	border-radius: 2rem;
	border: none;
	background: #3399ff;
	color: white;
	line-height: 1.25rem;
	padding: 0.02rem 3.2rem;
}

.list-l button:hover {
	border: 1px solid #337bff;
	color: #fff;
	background: #337bff;
	transition: 0.35s all;
}

.pro-box {
	position: relative;
}

/* 产品详情页 */

.pro-inner-box {
	padding: 1em 3em;
	border-radius: 0.6em;
	background-color: #fff;
}


.middle {
	text-align: center;
	margin: 3em auto;
}

.pro-inner-title {
	color: #222;
	font-size: 2em;
	margin: 1em auto 0.6em auto;
}

.pro-line {
	width: 5em;
	height: 0.12em;
	margin: 1em auto;
	background-color: #6699ff;
}

.pro-circle {
	padding: 0.6em 1em;
	border-radius: 0.2em;
	border: 1px solid var(--theme-color-default);
	background-color: #fff;
	text-align: center;
	cursor: pointer;
}

.pro-circle:hover {
	background-color: rgb(24, 144, 255, .9);
	color: #fff;
	transition: 0.3s all;
}

.pro-fwzc img {
	width: 3.5em;
	border: 1px solid #aaa;
	border-radius: 50%;
	padding: 0.5em;
	vertical-align: sub;
}

.pro-fwzc img:hover {
	border: 1px solid #17bde3;
	transition: 0.3s all;
	box-shadow: 1px 1px 10px rgb(24, 144, 255, .1);
}

.pro-fwzc {
	line-height: 1.7em;
	margin-bottom: 2em;
}

.pro-fwzc-title {
	text-align: left;
	color: #222;
}

.pro-fwzc-l,
.pro-fwzc-r {
	display: inline-block;
}

.khqt-img img,
.pro-xtjg img,
.znbd-xtjg {
	width: 100%;
	cursor: pointer;
}

.pro-xtjg {
	width: 1000px;
	margin: 0 auto;
}

/* 产品功能 */

.cptx,
.fwzc,
.xtjg,
.khqt,
.cpgn,
.yyjz {
	margin: 6em auto;
}

.cpgn-item {
	text-align: left;
	margin-bottom: 2em;
	background-color: #fff;
	border-radius: 0.2em;
	cursor: pointer;
}

.cpgn-item-inner:hover {
	transition: 0.3s all;
	box-shadow: 1px 1px 10px rgba(179, 196, 241, .5);
}

.cpgn-item-inner {
	overflow-x: hidden;
	border-radius: 4px;
	border: 1px solid #6699ff;
}

.cpgn-item-title {
	background-color: #6699ff;
	color: #fff;
	line-height: 3.2em;
}

.cpgn-item-title img {
	width: 1.6em;
}

.cpgn-item-nr {
	padding: 0.8em;
	height: 16em;
	width: 110%;
	overflow-y: scroll;
}

/* 应用价值 */

/* 小程序 */

.xcx-item-title {
	font-size: 1.2em;
	margin: 0.5em auto;
	color: rgb(51, 153, 255);
}

.xcx-item-inner {
	text-align: center;
	padding: 1.2em 0.8em;
	height: 12em;
	width: 92%;
	margin-top: 2em;
}

.xcx-item-nr {
	color: #999;
	line-height: 1.6em;
}

.gnqd-r {
	text-align: left !important;
}

.xcx-gnqd-title {
	color: #222;
	font-size: 1.2em;
}

.xcx-gnqd-nr {
	color: #999;
	height: 90px;
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 24px;
}

.part {
	margin: 2em auto 4em auto;
}

.gnqd-item {
	padding: 1em 0;
	height: 9.4em;
	border-radius: 0.1em;
}

.gnqd-item:hover {
	transition: 0.45s all;
	color: #fff !important;
	background-color: rgba(102, 153, 255, .1);
	border: none;
	cursor: pointer;
}

/* .gnqd-l img{
    vertical-align: text-top;
} */

.gnqd-r,
.gnqd-l {
	float: left;
}

.gnqd-r {
	width: 72%;
	margin-left: 1em;
}

.gnqd-l {
	width: 20%;
}

.gnqd-l img {
	width: 60%;
}

.xcx-box .xcx-item {
	border-radius: 0.3em;
	height: 16em;
	padding: 0 !important;
	text-align: center;
	cursor: pointer;
}

.list_step {
	padding: 20px;
	margin-top: 20px;
	vertical-align: middle;
	margin-right: 18px;
	height: 250px;
	align-items: center;
	background-color: #fcfcfc;
	outline: 1px solid #eeeeee;
	min-height: 0;
	width: 31%;
	float: left;
	transition: all .15s linear;
	text-decoration: none;
	position: relative;
}

.list_step:hover {
	background-color: #fff;
	box-shadow: 2px 2px 15px#eee;
	outline: 1px solid #6699ff;
}

.xcx-box .header-icon {
	display: inline-block;
	height: 40px;
	text-align: center;
	margin-bottom: 20px;
	line-height: 40px;
	width: 100%;
	position: relative;
}

.xcx-box .header-icon img {
	width: 40px;
	vertical-align: middle;
	margin-top: 3px;
}

.list_title h4 {
	font-size: 16px;
	color: #000;
	text-align: center;
	line-height: 20px;
}

.xcx-box .list_description {
	font-size: 13px;
	line-height: 24px;
	padding-top: 10px;
	color: #8F8E94;
	height: 80px;
}

.xcx-box .list_action {
	margin-left: auto;
	text-align: center;
	margin-top: 20px;
	color: #62778c;
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
}

.i_what {
	text-transform: uppercase;
	color: #000;
	letter-spacing: .1em;
	font-size: 16px;
	font-weight: 700;
	margin: 0;
}


.ydd-box {
	position: relative;
}

.ydd {
	position: absolute;
	right: 0%;
	width: 50%;
}

.ydd img {
	width: 100%;
}

.ydd-app {
	width: 80%;
	margin: 0 auto;
}

.ydd-app img {
	width: 100%;
}