.img-max {
	width: 100%;
	font-size: 0;
}

/* 顶部导航 */
.myheader {
	width: 100%;
	background: #FFFFFF;
	position: fixed;
	top: 0;
	z-index: 999;
}

.myheader .showbox1 {
	display: block;
}

.myheader .showbox2 {
	display: none;
}

/* 顶部占位符 */
.myheader-solt {
	width: 100%;
	height: 9rem;
}

.myheader .dlogo {
	flex: 0 0 5.6rem;
	height: 5.6rem;
}

.myheader .navbox {
	flex-grow: 8;
	justify-content: flex-end;
}

.myheader .navbox .ali {
	position: relative;
	text-align: center;
	cursor: pointer;
}

.myheader .navbox .ar1 {
	font-size: 1.5rem;
	color: #535353;
	display: block;
	height: 7.6rem;
	line-height: 7.6rem;
	transition: all .3s;
	border-bottom: 4px solid #FFFFFF;
	cursor: pointer;
}

.myheader .navbox .ar3 {
	padding: 0 1rem;
	font-size: 1.5rem;
	color: #535353;
}

.myheader .navbox .ar3:last-child {
	display: none;
}

.myheader .navbox .downbox {
	width: 40rem;
	padding: 2rem 1rem;
	position: absolute;
	left: 50%;
	margin-left: -20rem;
	z-index: 2;
	text-align: center;
	background: #FFFFFF;
	border-radius: 0px 0px 50px 50px;
	transform: scaleY(0);
	transform-origin: 100% 0 0;
}

.myheader .navbox .ar2 {
	font-size: 1.4rem;
	color: rgb(78 77 77 / 82%);
	transition: all .3s;
	line-height: 2.8;
	border-bottom: 2px solid #FFFFFF;
}

.myheader .navbox .ar1.act,
.myheader .navbox .ali:hover .ar1 {
	border-color: #00B9EF;
	color: #00B9EF;
}

.myheader .navbox .ar2:hover {
	color: #0094BF;
	border-color: #0094BF;
}

.myheader .navbox .ali:hover .downbox {
	transform: scale(1);
}


.myheader .serbox {
	margin-left: 1rem;
	overflow: hidden;
	border: 1px solid #FFFFFF;
	border-radius: 10px;
	position: relative;
}

.myheader .serbox .ipu1 {
	width: 0;
	line-height: 2.8rem;
	overflow: hidden;
	font-size: 1.2rem;
	padding: 0 1rem;
}

.myheader .serbox .btnSer {
	width: 1.6rem;
	height: 1.6rem;
	margin-right: .8rem;
	cursor: pointer;
}

.myheader .serbox.act {
	border-color: #E6E6E6;
}

.myheader .serbox.act .ipu1 {
	width: 9rem;
}

/* 顶部导航 */

/* 顶部-手机 */
.myheader .box2 {
	height: 5rem;
	overflow: hidden;
}

.myheader .box2 .dlogo {
	flex: 0 0 3.8rem;
	height: 3.8rem;
}

.myheader .box2 .serbox {
	flex-grow: 8;
	height: 3.8rem;
	justify-content: flex-end;
	margin-left: 2rem;
}

.myheader .box2 .btnSer {
	width: 3rem;
	height: 3rem;
}

.myheader .box2 .rmenu {
	width: 3rem;
	margin-left: .8rem;
}

.myheader .box2 .serbox.act {
	border-color: #535353;
}

.myheader .box2 .serbox.act .ipu1 {
	width: 80%;
	font-size: 1.4rem;
}

.myheader .snavbox {
	width: 90%;
	padding: 2rem;
	background: #FFFFFF;
	border-radius: 12px;
	position: fixed;
	right: -120%;
	top: 6.4rem;
	z-index: 999;
}

.myheader .snavbox.act {
	right: 0;
}

.myheader .snavbox .dtop {
	position: absolute;
	right: 6%;
	top: -1.4rem;
	transform: rotate(-180deg);
	color: #FFFFFF;
	font-size: 2rem;
}

.myheader .snavbox .dcloMenu {
	color: #000;
	font-weight: bold;
	font-size: 1.6rem;
}

.myheader .snavbox .ali {
	border-bottom: 1px solid #efefef;
	cursor: pointer;
}

.myheader .snavbox .ali:last-child {
	border: 0;
}

.myheader .snavbox .ar1 {
	width: 100%;
	line-height: 4.2rem;
	font-size: 1.2rem;
	justify-content: flex-start;
}

.myheader .snavbox .dicr {
	margin-left: 8px;
}

.myheader .snavbox .downbox {
	display: none;
	overflow: hidden;
	padding: 0 1rem 1rem;
}

.myheader .snavbox .ar2 {
	font-size: 1.2rem;
	color: #747373;
	transition: all .3s;
	line-height: 2.5;
	border-bottom: 2px solid #FFFFFF;
}

.myheader .snavbox .ali:hover .ar1 {
	border-color: #00B9EF;
}

.myheader .snavbox .ar2:hover,
.myheader .snavbox .ar2:active {
	color: #0094BF;
	border-color: #0094BF;
}

.myheader .snavbox .ali.act .dicr {
	transform: rotate(90deg);
}

.myheader .snavbox .ali.act .downbox {
	display: block;
}

/* 顶部-手机 */


/* 底部 */
.myfoot {
	background: #FFFFFF;
}

.myfoot .box1 {
	padding: 4rem 7rem;
	align-items: flex-start;
}

.myfoot .box1 .dl {
	flex: 1 1 50%;
	align-items: flex-start;
	overflow: hidden;
}

.myfoot .box1 .img1 {
	width: 6rem;
	height: 6rem;
}

.myfoot .box1 .p1 {
	font-size: 2rem;
	color: #000000;
	margin: 1.8rem 0 2rem;
}

.myfoot .box1 .p2 {
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 1.3rem;
	color: #434343;
	margin: .8rem 0;
	line-height: 1.5;
}

.myfoot .box1 .p2 .dic1 {
	width: 1.5rem;
	margin-right: .8rem;
	position: relative;
	top: 4px;
}

.myfoot .box1 .dimg {
	justify-content: flex-start;
	margin-top: 2rem;
}

.myfoot .box1 .dimg .dic2 {
	width: 4.2rem;
	height: 4.2rem;
	margin-right: 1rem;
}

.myfoot .box1 .bor1 {
	border-left: 1px solid #535353;
	overflow: inherit;
}

.myfoot .box1 .abox {
	padding-left: 4rem;
	overflow: hidden;
}

.myfoot .box1 .abox .mp1 {
	margin-bottom: 2.2rem;
	padding-bottom: 2px;
}

.myfoot .box1 .abox .ar1 {
	font-size: 1.4rem;
	color: #535353;
	white-space: nowrap;
	border-bottom: 2px solid #FFFFFF;
	transition: all .3s;
}

.myfoot .box1 .abox .ar1:hover {
	color: #00B9EF;
	border-bottom-color: #00B9EF;
}

.myfoot .box2 {
	padding: 2rem 4%;
	background: #00B9EF;
	color: #FFFFFF;
	font-size: 1.4rem;
	line-height: 1.5;
	text-align: center;
}

/* 底部 */

/* 底部协议 */
.myfoot-solt {
	width: 100%;
	height: 4.2rem;
}

#magreement {
	display: none;
}

.magreement {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #1caade;
	padding: 1rem 2rem;
	z-index: 990;
	color: #FFFFFF;
	font-size: 1.4rem;
}

.magreement .p1 {
	line-height: 1.5;
}

.magreement .ar1 {
	color: #FFFFFF;
	border-bottom: 1px solid;
}

.magreement .mbtn1 {
	background: none;
	border-radius: 5px;
	padding: 4px 10px;
	color: #FFFFFF;
	border: 1px solid;
	white-space: nowrap;
	margin-left: 1rem;
	cursor: pointer;
}

.magreement .mbtn1::after {
	content: '>';
	padding-left: 4px;
}

/* 底部协议 */


/* 首页 */
.mhomebox {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.mhomebox .mdl {
	width: 100%;
	height: 100%;
}

.mhomebox .mdl2 {
	height: auto !important;
}


/* 轮播 */
.bannerbox {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	font-size: 0;
	z-index: 1;
}

.bannerbox .img1 {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ban-mbox2 {
	display: none;
}

.pagination1 {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 3rem !important;
	z-index: 2;
}

.pagination1 .swiper-pagination-bullet {
	width: 4rem;
	height: 6px;
	border-radius: 5px;
	background: #00B9F1;
	opacity: .5;
	transition: all .4s;
	margin: 0 7px !important;
}

.pagination1 .swiper-pagination-bullet-active {
	width: 8rem;
	background: #00B9F1;
	opacity: 1;
}

/* 轮播 */

/* 介绍 */
.aboutbox {
	width: 100%;
	height: 100%;
	background: url('../img/mbg_01.jpg') no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	overflow: hidden;
}

.aboutbox .dbox {
	width: 100%;
	height: 100%;
	justify-content: flex-end;
}

.aboutbox .box1 {
	flex: 0 0 64rem;
	overflow: hidden;
}

.aboutbox .box1 .pbox {
	background: rgba(255, 255, 255, .1);
	border-radius: 5rem 5rem 0px 5rem;
	font-size: 2.6rem;
	color: #FFFFFF;
	padding: 3rem 4rem;
	font-family: Arial;
	line-height: 1.8;
	overflow: hidden;
}

.aboutbox .box1 .pbox .mpwz {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	overflow: hidden;
}

.aboutbox .box1 .pti1 {
	width: 28rem;
	height: 5.5rem;
	line-height: 5.5rem;
	background: #E6E6E6;
	border-radius: 30px 30px 0px 30px;
	text-align: center;
	margin-top: 4rem;
	float: right;
	cursor: pointer;
	transition: all .4s;
	overflow: hidden;
}

.aboutbox .box1 .pti2 {
	font-size: 2.4rem;
	color: #FFFFFF;
	background: linear-gradient(133deg, #0075C2 47%, #00B9EF 15%, #0230C6 51%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: all .4s;
	cursor: pointer;
	transform: scaleY(.84);
}

.aboutbox .box1 .pti1:hover {
	transform: scale(.92);
	background: #ffffff;
}

.homebox1 {
	width: 100%;
	height: 100%;
	background: url('../img/mbg_02.jpg') no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	overflow: hidden;
}

.homebox1 .dl {
	height: 100%;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-flow: row wrap;
	cursor: default;
	background: linear-gradient(-90deg, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.homebox1 .dl .mbg1 {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 160, 233, .5);
	opacity: 0;
	transform: scale(1.1);
	position: absolute;
	z-index: 1;
}

.homebox1 .dl .mbg2 {
	width: 100%;
	position: relative;
	z-index: 10;
	top: 0;
}

.homebox1 .dl .dimg {
	width: 12rem;
	height: 12rem;
	border-radius: 50%;
	position: relative;
	perspective: 200;
	-webkit-perspective: 200;
	margin: 0 auto 5rem;
}

.homebox1 .dl .img1 {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}

.homebox1 .dl .img1.dic1 {
	z-index: 2;
}

.homebox1 .dl .img1.dic2 {
	opacity: 0;
	transform: rotateY(90deg);
}

.homebox1 .dl .p1 {
	width: 100%;
	overflow: hidden;
	text-align: center;
	line-height: 4.8rem;
	font-size: 2.6rem;
	font-family: Arial;
	color: #100964;
	position: absolute;
	top: 15rem;
	left: 0;
	z-index: 2;
}


.homebox1 .dl:hover .mbg1 {
	opacity: 1;
	transform: scale(1);
}

.homebox1 .dl:hover .mbg2 {
	top: -4rem;
}

.homebox1 .dl:hover .dic1 {
	transform: rotateY(90deg);
	opacity: 0;
}

.homebox1 .dl:hover .dic2 {
	transform: rotateY(0);
	opacity: 1;
}

.homebox1 .dl:hover .p1 {
	color: #FFFFFF;
}

/* 仪器 */
.homebox2 .box1 {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.homebox2 .box1 .dl {
	height: 100%;
	overflow: hidden;
}

.homebox2 .box1 .dimg {
	width: 100%;
	height: 78%;
	font-size: 0;
	overflow: hidden;
}

.homebox2 .box1 .img1 {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.homebox2 .box1 .pbox {
	height: 22%;
	background: #EEEEEE;
	padding: 0 7rem;
	color: #434343;
	font-size: 1.8rem;
	overflow: hidden;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-content: center;
}

.homebox2 .box1 .pbox .p1,
.homebox2 .box1 .pbox .p2 {
	flex: 0 1 100%;
}

.homebox2 .box1 .pbox .p1 {
	font-size: 2.4rem;
	margin-bottom: 2rem;
	color: #000000;
}

.homebox2 .box1 .dl:hover .pbox {
	color: #FFFFFF;
	background: #00B9EF;
}

.homebox2 .box1 .dl:hover .pbox .p1 {
	color: #FFFFFF;
}

.homebox2 .box1 .dl:hover .img1 {
	transform: scale(1.1);
}

.homebox2 .box2 {
	display: none;
	height: 100%;
	overflow: hidden;
}

.homebox2 .box2 .swiper {
	width: 100%;
	height: 68%;
	overflow: hidden;
	margin: 4rem auto;
}

.homebox2 .box2 .dl {
	width: 100%;
	height: 100%;
	border-radius: 1rem;
	overflow: hidden;
	position: relative;
}

.homebox2 .box2 .img1 {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.homebox2 .box2 .pbox {
	width: 100%;
	position: absolute;
	bottom: 0;
	padding: 2rem 4%;
	color: #434343;
	font-size: 1.2rem;
	background: linear-gradient(0, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
}

.homebox2 .box2 .pbox .p1 {
	font-size: 1.5rem;
	color: #000000;
	margin-bottom: 8px;
}

.homebox2 .box2 .btnbox {
	justify-content: center;
}

.homebox2 .box2 .btnbox .dic1 {
	width: 4rem;
	height: 4rem;
	margin: 0 1rem;
}

/* 仪器 */

/* 事件 */
.homebox3 {
	width: 100%;
	height: 100%;
	background: url('../img/mbg_03.jpg') no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	overflow: hidden;
}

.homebox3 .box1 {
	height: 100%;
	padding: 0 6rem;
}

.homebox3 .dbox {
	flex: 1 1 100%;
	height: 40rem;
	overflow: hidden;
	position: relative;
}

.homebox3 .dbox .mbtn {
	width: 4rem;
	height: 4rem;
	position: absolute;
	top: 20rem;
	z-index: 2;
	cursor: pointer;
	opacity: .7;
}

.homebox3 .dbox .posi1 {
	left: 1rem;
}

.homebox3 .dbox .posi2 {
	right: 1rem;
}

.homebox3 .dbox .mbtn:hover {
	transform: scale(1.1);
	opacity: 1;
}

.homebox3 .box1 .swiper {
	width: 90%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.homebox3 .swiper-slide {
	transform: scale(.9, .75);
}

.homebox3 .swiper-slide-active {
	transform: scale(1);
}

.homebox3 .box1 .dl {
	height: 100%;
	overflow: hidden;
	cursor: pointer;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	align-content: center;
	flex-flow: row wrap;
}

.homebox3 .box1 .dl .img1 {
	flex: 1 1 100%;
	width: 100%;
	max-height: 54%;
	object-fit: cover;
}

.homebox3 .box1 .dl .pbox {
	flex: 1 1 100%;
	padding: 2rem;
	height: 16rem;
	text-align: center;
	color: #434343;
	font-size: 1.3rem;
	background: rgba(238, 238, 238, .5);
}

.homebox3 .box1 .dl .p1 {
	font-size: 2rem;
	margin-bottom: 3rem;
	line-height: 1.3;
	color: #000000;
	cursor: pointer;
	transition: all .3s;
}

.homebox3 .box1 .dl .p2 {
	line-height: 1.5;
	cursor: pointer;
	transition: all .3s;
}


/* 事件-手机 */
.homebox3 .box2 {
	display: none;
	height: 100%;
	overflow: hidden;
}

.homebox3 .box2 .swiper {
	width: 100%;
	height: 68%;
	overflow: hidden;
	margin: 4rem auto;
}

.homebox3 .box2 .dl {
	width: 100%;
	height: 100%;
	border-radius: 1rem;
	overflow: hidden;
	background: rgba(238, 238, 238, .5);
	position: relative;
}

.homebox3 .box2 .img1 {
	width: 100%;
	height: 66%;
	object-fit: cover;
}

.homebox3 .box2 .dl .pbox {
	padding: 3rem 4%;
	text-align: center;
	color: #434343;
	font-size: 1.3rem;
}

.homebox3 .box2 .dl .p1 {
	font-size: 1.8rem;
	margin-bottom: 1rem;
	line-height: 1.3;
	color: #000000;
}

.homebox3 .box2 .dl .p2 {
	line-height: 1.5;
}

.homebox3 .box2 .btnbox {
	justify-content: center;
}

.homebox3 .box2 .btnbox .dic1 {
	width: 4rem;
	height: 4rem;
	margin: 0 1rem;
}


/* 表单 */
.homebox4 {
	width: 100%;
	height: 100%;
	background: url('../img/mbg_04.jpg') no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	overflow: hidden;
	color: #FFFFFF;
	justify-content: center;
}

.homebox4 .layui-form {
	flex: 1 1 100%;
	width: 100%;
}

.homebox4 .pti1 {
	font-size: 5rem;
	text-align: center;
	margin-bottom: 3rem;
}

.homebox4 .box1 {
	width: 70%;
	margin: 0 auto;
	justify-content: flex-start;
	align-items: flex-start;
	overflow: hidden;
}

.homebox4 .box1 .dl {
	flex: 0 0 35%;
	margin: 0 4%;
	overflow: hidden;
	align-items: flex-start;
}

.homebox4 .box1 .dl-dw8 {
	flex: 0 0 52%;
}

.homebox4 .box1 .p1 {
	font-size: 2.2rem;
	margin: 2rem 0 1rem;
}

.homebox4 .box1 .p2 {
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 3rem;
	font-size: 1.14rem;
	line-height: 1.4;
}

.homebox4 .box1 .p2 .pwx {
	position: relative;
	top: -2px;
}

.homebox4 .box1 .p2 .sp1 {
	border-bottom: 1px solid;
	color: #fff;
}

.homebox4 .box1 .ipu1 {
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	background: #FFFFFF;
	border-radius: 8px;
	color: #000000;
	font-size: 1.4rem;
	padding: 0 4%;
}

.homebox4 .box1 .mare1 {
	width: 99%;
	height: 17rem;
	padding: 1rem 4%;
	background: #FFFFFF;
	border-radius: 8px;
	overflow: hidden;
	color: #000000;
	font-size: 1.4rem;
	resize: none;
	border: none;
}

.homebox4 .box1 .put {
	margin-top: 3rem;
}

.homebox4 .box1 .put .dw1 {
	flex: 0 1 60%;
	height: 4rem;
	line-height: 4rem;
	background: #FFFFFF;
	border-radius: 8px;
	color: #000000;
	font-size: 1.4rem;
	overflow: hidden;
}

.homebox4 .box1 .put .ipu2 {
	flex: 0 1 60%;
	overflow: hidden;
	padding: 0 4%;
}

.homebox4 .box1 .put .dic1 {
	flex: 0 0 6rem;
	margin-right: 4px;
}

.homebox4 .box1 .btn1 {
	flex: 0 0 30%;
	height: 4rem;
	line-height: 4rem;
	font-size: 2.2rem;
	border: 2px solid rgb(255 255 255 / 52%);
	background: linear-gradient(0deg, #008CD6 0%, #00B9EF 77%);
	border-radius: 20px 20px 0px 20px;
	text-align: center;
	cursor: pointer;
	color: #FFFFFF;
	transform: scale(.86);
}

.homebox4 .box1 .btn1:hover {
	transform: scale(.96);
}

/* 表单 */


/* 内容页--产品 */
.productbox1,
.productbox1 .bannerbox {
	position: relative;
	height: 47rem;
	z-index: 1;
}

.productbox2 {
	position: relative;
	z-index: 3;
	background: #FFFFFF;
	margin: -12rem 7rem 3rem;
	min-height: 20rem;
	padding: 4rem;
}

.productbox2 .sdtop {
	font-size: 1.5rem;
	color: #535353;
	text-transform: capitalize;
}

.productbox2 .sdtop .mar1::after {
	content: '>';
	padding: 0 1rem
}

.productbox2 .box1 {
	margin-top: 7rem;
	align-items: stretch;
	justify-content: flex-start;
}

.productbox2 .box1 .navbox {
	flex: 0 0 16rem;
	margin-right: 9rem;
}

.productbox2 .navbox .dl {
	box-shadow: 0 4px 20px 2px rgb(0 49 63 / 18%);
	background: #FFFFFF;
	margin-bottom: 1rem;
	overflow: hidden;
	cursor: pointer;
}

.productbox2 .navbox .dimg {
	width: 100%;
	height: 6.4rem;
	line-height: 6.4rem;
	overflow: hidden;
	position: relative;
	background: url('../img/mbg_05.png') no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	text-align: center;
}

.productbox2 .navbox .img1 {
	width: 3.8rem;
	height: 3.8rem;
	position: absolute;
	left: 50%;
	margin-left: -2rem;
	top: 1.3rem;
	z-index: 1;
}

.productbox2 .navbox .dic1 {
	z-index: 2;
}

.productbox2 .navbox .dic2 {
	opacity: 0;
	transform: scale(.9);
}

.productbox2 .navbox .pbox {
	height: 4.5rem;
	font-size: 1.4rem;
	color: rgb(78 77 77 / 82%);
	text-align: center;
	padding: 0 1rem;
	justify-content: center;
}

.productbox2 .navbox .dl:hover,
.productbox2 .navbox .dl.act {
	background: #00B9EF;
}

.productbox2 .navbox .dl:hover .pbox,
.productbox2 .navbox .dl.act .pbox {
	color: #FFFFFF;
}

.productbox2 .navbox .dl:hover .dic1,
.productbox2 .navbox .dl.act .dic1 {
	opacity: 0;
	transform: scale(.8);
}

.productbox2 .navbox .dl:hover .dic2,
.productbox2 .navbox .dl.act .dic2 {
	opacity: 1;
	transform: scale(1);
}

/* 二级分类 */
.productbox2 .navboxtwo {
	flex: 0 0 22rem;
	margin-right: 5rem;
}

.productbox2 .navboxtwo .ptit1 {
	line-height: 5.4rem;
	font-size: 1.8rem;
	color: #333;
	background: #00b9ef;
	color: #FFFFFF;
	text-align: center;
	border-top-right-radius: 28px;
	margin-bottom: 1rem;
}

.productbox2 .navboxtwo .ali {
	border-bottom: 1px solid #efefef;
}

.productbox2 .navboxtwo .ali:last-child {
	border: 0;
}

.productbox2 .navboxtwo .ar1 {
	width: 100%;
	padding: 1.4rem 0;
	font-size: 1.4rem;
}

.productbox2 .navboxtwo .dicr {
	margin-left: 8px;
	font-size: 1.5rem;
	opacity: .7;
	cursor: pointer;
}

.productbox2 .navboxtwo .downbox {
	overflow: hidden;
	padding: 0 1rem 1rem;
	display: none;
}

.productbox2 .navboxtwo .ar2 {
	display: block;
	font-size: 1.1rem;
	color: #747373;
	transition: all .3s;
	line-height: 1.8;
	margin: .6rem 0;
}

.productbox2 .navboxtwo .ali .ar1 .dicr:hover,
.productbox2 .navboxtwo .ali .ar1 .sp1:hover{
	color: #00B9EF;
}

.productbox2 .navboxtwo .ali.act .dicr{
	transform: rotate(90deg);
}

.productbox2 .navboxtwo .ali.act .downbox{
	display: block;
}

.productbox2 .navboxtwo .ar2:hover,
.productbox2 .navboxtwo .ar2:active {
	color: #0094BF;
	border-color: #0094BF;
}

.productbox2 .box1 .prolist {
	flex-grow: 8;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	flex-flow: row wrap;
}

.productbox2 .prolist .dl {
	flex: 1 1 100%;
	border: 1px solid #F5F5F5;
	box-shadow: 0 4px 20px rgb(0 49 63 / 12%);
	overflow: hidden;
	position: relative;
	margin-bottom: 2rem;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
	padding: 1rem;
}

.productbox2 .prolist .dimg {
	flex: 0 0 30%;
	max-width: 28rem;
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-items: center;
}

.productbox2 .prolist .img1 {
	width: 100%;
}

.productbox2 .prolist .pbox {
	flex-grow: 8;
	padding-left: 3rem;
	overflow: hidden;
}

.productbox2 .prolist .pbox .p1 {
	color: rgb(78 77 77 / 82%);
	font-size: 2rem;
	cursor: pointer;
	transition: all .3s;
	margin-bottom: 2rem;
}

.productbox2 .prolist .img2 {
	width: 50%;
	max-width: 14rem;
	transition: all .3s;
}

.productbox2 .prolist .dl:hover .img1 {
	transform: scale(1.1);
}

.productbox2 .prolist .dl:hover .pbox {
	bottom: 0;
}

.productbox2 .prolist .dl:hover .pbox .p1 {
	color: #00B9EF;
}

.productbox2 .prolist .dl:hover .pbox .img2 {
	transform: scale(1.1);
}

/* 内容页--产品 */

/* 产品详情 */
.pro-xqbox1 {
	width: 100%;
	height: 47rem;
	overflow: hidden;
}

.pro-xqbox1 .img1 {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pro-xqbox2 {
	padding-bottom: 6rem;
}

.pro-xqbox2 .prostop {
	flex-flow: row wrap;
	align-items: flex-start;
}

.pro-xqbox2 .prostop .simg1 {
	flex: 0 1 auto;
	max-width: 30rem;
	overflow: hidden;
	margin: 0 auto;
}

.pro-xqbox2 .prostop .rdw8 {
	flex: 1 1 100%;
	padding: 2rem;
	overflow: hidden;
	margin: 2rem auto;
	background: linear-gradient(180deg, rgba(0, 185, 239, 0.26) 0%, rgba(0, 185, 239, 0) 100%);
}

.pro-xqbox2 .dlist {
	font-size: 1.2rem;
	line-height: 1.6;
	color: #666;
	background: #FFFFFF;
	padding: 1.6rem;
	margin-top: 2rem;
}

.pro-xqbox2 .dlist .rli {
	margin: 5px auto;
}

.pro-xqbox2 .dlist .rli::before {
	content: '●';
	padding-right: 1.4rem;
}

.pro-xqbox2 .ptit1 {
	color: #000000;
	font-size: 2.4rem;
	flex-grow: 8;
	overflow: hidden;
}

.pro-xqbox2 .contbox {
	color: rgb(78 77 77 / 82%);
	font-size: 1.4rem;
	line-height: 1.5;
	overflow: hidden;
	word-break: break-word;
	border: 1px solid #efefef;
	padding: 1rem 2rem;
}

.pro-xqbox2 .contbox img {
	max-width: 100% !important;
}

.pro-xqbox2 .contbox .p1 {
	color: rgb(78 77 77 / 82%);
	font-size: 2.2rem;
	border-left: 6px solid #00B9EF;
	line-height: 2rem;
	padding-left: 1rem;
	margin: 2rem 0 1rem;
}

/* 产品详情 */

/* 事件列表 */
.caselist {
	margin: 3rem auto;
}

.caselist .dl {
	margin-bottom: 3rem;
	overflow: hidden;
	cursor: pointer;
	align-items: flex-start;
}

.caselist .dl .dimg {
	flex: 0 0 35%;
	max-width: 30rem;
	overflow: hidden;
}

.caselist .dl .img1 {
	width: 100%;
}

.caselist .dl .pbox {
	flex-grow: 8;
	overflow: hidden;
	margin-left: 2.2rem;
}

.caselist .dl .p1 {
	font-size: 2.2rem;
	color: rgb(78 77 77 / 82%);
	font-family: 'SF-Bold';
	border-left: 6px solid #00B9EF;
	line-height: 2rem;
	padding-left: 12px;
	margin-bottom: 1.5rem;
	cursor: pointer;
	transition: all .3s;
}

.caselist .dl .p2 {
	font-size: 1.5rem;
	color: rgb(78 77 77 / 82%);
	padding-left: 20px;
	line-height: 1.6;
	cursor: pointer;
	transition: all .3s;
	margin: 8px 0;
}

.caselist .dl:hover .img1 {
	transform: scale(1.1);
	opacity: .95;
}

.caselist .dl:hover .p1,
.caselist .dl:hover .p2 {
	color: #00B9EF;
}

/* 招聘列表 */
.careerlist {
	padding: 4rem 0;
}

.careerlist .ptit1 {
	text-align: center;
	color: #000000;
	font-size: 2.4rem;
	margin-bottom: 1rem;
}

.careerlist .dl {
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	padding: 2.6rem 0 2rem;
	font-size: 1.6rem;
	color: #666666;
	cursor: pointer;
}

.careerlist .dl p {
	cursor: pointer;
}

.careerlist .dl .p1 {
	font-size: 2.2rem;
	color: #333333;
	margin-bottom: 1rem;
	cursor: pointer;
}

.careerlist .dl .p2 {
	font-size: 2rem;
	color: #4D4D4D;
	margin-bottom: 4px;
	transition: all .3s;
}

.careerlist .dl .pbox .spr {
	white-space: nowrap;
	margin-left: 1rem;
}

.careerlist .dl:hover .p1,
.careerlist .dl:hover .p2,
.careerlist .dl:hover {
	color: #00B9EF;
}

/* 招聘列表 */

/* 招聘详情 */
.jobcont-box1 .jti1 {
	font-size: 2.2rem;
}

.jobcont-box1 .stagbox {
	justify-content: flex-start;
	flex-flow: row wrap;
	margin: 2rem 0;
}

.jobcont-box1 .stagbox .sp1 {
	border-radius: 8px;
	background: #D0F4FF;
	font-size: 1.4rem;
	color: #1D9FC6;
	padding: .8rem 1.2rem;
	margin: 0 1rem 1rem 0;
}

.jobcont-box1 .jobpbox {
	font-size: 1.6rem;
	color: #666666;
	line-height: 1.5;
}

.jobcont-box1 .jobpbox .jti2 {
	font-size: 2rem;
	color: #4D4D4D;
	margin: 1.8rem 0 .6rem;
}

.jobcont-box1 .jobpbox .pli::before {
	content: '●';
	padding-right: 10px;
	font-size: 1rem;
}

.jobcont-box2 {
	margin-top: 0;
	min-height: auto;
	background: linear-gradient(180deg, rgba(0, 185, 239, 0.26) 0%, rgba(0, 185, 239, 0) 100%);
}

.jobcont-box2 .jti1 {
	font-size: 2.2rem;
}

.jobcont-box2 .dlist {
	background: #FFFFFF;
	font-size: 1.6rem;
	color: #666666;
	line-height: 1.5;
	padding: 1.6rem;
	margin-top: 2rem;
}

.jobcont-box2 .dlist .pli::before {
	content: '●';
	padding-right: 10px;
	font-size: 1rem;
}

.jobcont-box1 img,
.jobcont-box2 img {
	max-width: 100% !important;
}

/* 招聘详情 */

/* 关于我们 */
.aboutxqbox {
	font-size: 1.6rem;
	color: rgb(78 77 77 / 82%);
	line-height: 1.5;
	margin-top: 2rem;
}

.aboutxqbox .rbox1 {
	margin-top: 4rem;
	align-items: flex-start;
}

.aboutxqbox .rpbox {
	align-items: flex-start;
	justify-content: flex-start;
}

.aboutxqbox .rpbox:before {
	content: '▎';
	color: #00B9EF;
}

.aboutxqbox .rpbox .rp1 {
	margin-bottom: 1rem;
}

.aboutxqbox .pbox1 {
	margin-left: 3rem;
}

.aboutxqbox .pbox2 {
	margin-right: 3rem;
}

/* 关于我们 */

/* 合作 */
.collabox {
	position: relative;
	padding-bottom: 4rem;
}

.aboutxqbox img,
.collabox img {
	max-width: 100% !important;
}

/* 联系我们 */
.contactxq {
	height: auto;
	padding: 2rem 15%;
}

.contactxq .pti1 {
	font-size: 4.3rem;
	margin: 0 4% 3rem;
}

.contactxq .ctacbox {
	font-size: 2rem;
	color: #FFFFFF;
	margin: 2rem 4%;
	line-height: 1.4;
}

.contactxq .ctacbox .bg1 {
	background: url('../img/dic_08.png') no-repeat left center;
	background-size: 2rem;
	-webkit-background-size: 2rem;
	padding-left: 3rem;
	margin: 1rem 0;
}

.contactxq .ctacbox .bg2 {
	background: url('../img/dic_09.png') no-repeat left center;
	background-size: 2rem;
	-webkit-background-size: 2rem;
	padding-left: 3rem;
}

.contactxq .ctabox1 {
	padding: 0;
}

.contactxq .box1 {
	width: 100%;
}

@media screen and (max-width: 1400px) {
	.myheader .dlogo {
		flex: 0 0 5.2rem;
		height: 5.2rem;
	}

	.myheader .navbox .ar1 {
		height: 7rem;
		line-height: 7rem;
	}

	.myheader .serbox.act .ipu1 {
		width: 8rem;
	}

}

@media screen and (max-width: 1200px) {
	.aboutbox .dbox {
		justify-content: center;
	}

	.homebox1 .dl .p1 {
		font-size: 2rem;
		line-height: 2;
	}

	.homebox2 .box1 .pbox {
		padding: 0 4rem;
	}
}


/* 平板、手机端 */
@media screen and (max-width: 992px) {
	.myheader .showbox1 {
		display: none;
	}

	.myheader .showbox2 {
		display: block;
	}

	.ban-mbox1 {
		display: none;
	}

	.ban-mbox2 {
		display: block;
	}

	.homebox1 {
		background: url('../img/sj-mbg_02.png') no-repeat center;
		background-size: cover;
		-webkit-background-size: cover;
		flex-flow: row wrap;
	}

	.homebox1 .dl {
		flex: 1 1 100%;
		height: 25%;
		overflow: hidden;
		background: linear-gradient(0, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
	}

	.homebox1 .dl .dimg {
		width: 5rem;
		height: 5rem;
		margin-bottom: 1rem;
	}

	.homebox1 .dl .p1 {
		font-size: 1.5rem;
		line-height: 1.4;
		position: relative;
		top: 0;
	}

	.homebox1 .dl:hover .mbg2 {
		top: -1rem;
	}

	.homebox2 {
		background: url('../img/sj-mbg_05.png') no-repeat center;
		background-size: cover;
		-webkit-background-size: cover;
	}

	.homebox2 .box1 {
		display: none;
	}

	.homebox2 .box2 {
		display: block;
	}

	.homebox3 .box1 {
		display: none;
	}

	.homebox3 .box2 {
		display: block;
	}

	.homebox4 {
		padding: 2rem 4%;
	}

	.homebox4 .pti1 {
		font-size: 2.2rem;
		margin: 0 0 1rem;
	}

	.contactxq .ctacbox {
		margin: 2rem 0;
	}

	.homebox4 .box1 {
		width: 100%;
		flex-flow: row wrap;
	}

	.homebox4 .box1 .dl {
		flex: 1 1 100%;
		margin: 0;
	}

	.homebox4 .box1 .p1 {
		font-size: 1.5rem;
		margin: 1.2rem auto .5rem;
	}

	.homebox4 .box1 .ipu1,
	.homebox4 .box1 .put .dw1,
	.homebox4 .box1 .btn1 {
		height: 3.6rem;
		line-height: 3.6rem;
	}

	.homebox4 .box1 .p2 {
		margin-top: 1rem;
	}

	.homebox4 .box1 .mare1 {
		height: 10rem;
	}

	.homebox4 .box1 .put {
		margin-top: 1.6rem;
	}

	.homebox4 .box1 .btn1 {
		font-size: 1.8rem;
	}

	.homebox4 .box1 .put .dic1 {
		flex: 0 0 7rem;
		width: 7rem;
	}

	.myfoot .box1 {
		padding: 4rem 8%;
	}

	.myfoot .box1 .dl {
		flex: 1 1 100%;
	}

	.myfoot .box1 .bor1 {
		display: none;
	}

	.myfoot .box1 .img1 {
		width: 5rem;
		height: 5rem;
	}

	/* 产品列表 */
	.productbox2 {
		margin: -11rem 4% 3rem;
		padding: 2rem;
	}

	.productbox2 .sdtop {
		font-size: 1.2rem;
	}

	.productbox2 .box1 {
		margin-top: 3rem;
	}

	.productbox1,
	.productbox1 .bannerbox,
	.pro-xqbox1 {
		height: 30rem;
	}

	.pro-xqbox2 {
		padding-bottom: 2rem;
	}

	.pro-xqbox2 .ptit1,
	.pro-xqbox2 .contbox .p1 {
		font-size: 1.8rem;
	}
	.pro-xqbox2 .dlist .rli::before{
		padding-right: 1rem;
	}
	.pro-xqbox2 .contbox {
		font-size: 1.2rem;
	}

	.caselist .dl {
		height: auto;
		flex-flow: row wrap;
	}

	.caselist .dl .dimg {
		flex: 1 1 100%;
		max-width: 100%;
		height: auto;
	}

	.caselist .dl .pbox {
		flex: 1 1 100%;
		margin: 0 auto;
	}

	.caselist .dl .p1 {
		font-size: 2rem;
		border-width: 5px;
		margin: 1rem 0;
	}

	.caselist .dl .p2 {
		font-size: 1.2rem;
	}

	.jobcont-box2 {
		margin: 0 4% 3rem;
	}

	.aboutxqbox .rbox1 {
		flex-flow: row wrap;
	}

	.aboutxqbox .pbox1 {
		margin: 2rem auto 0;
	}

	.aboutxqbox .pbox2 {
		margin: 0 auto;
	}

	.aboutbox {
		background: url('../img/sj-mbg_06.jpg') no-repeat center bottom;
		background-size: cover;
		-webkit-background-size: cover;
	}

}

@media screen and (max-width: 768px) {
	.pagination1 {
		bottom: 2rem !important;
	}

	.aboutbox .dbox {
		align-items: flex-start;
		align-content: flex-start;
	}

	.aboutbox .box1 {
		flex: 1 1 100%;
		margin-top: 4rem;
	}

	.aboutbox .box1 .pbox {
		font-size: 1.7rem;
		line-height: 1.8;
		padding: 2rem;
		border-radius: 3rem 3rem 0px 3rem;
	}

	.aboutbox .box1 .pti1 {
		width: auto;
		height: 3.8rem;
		line-height: 3.8rem;
		padding: 0 1rem;
		border-radius: 1rem 1rem 0px 1rem;
		margin-top: 2.4rem;
	}

	.aboutbox .box1 .pti2 {
		font-size: 1.4rem;
	}

	.productbox2 .prolist {
		margin-top: 1rem;
	}

	.productbox2 .prolist .dl {
		flex-flow: row wrap;
	}

	.productbox2 .prolist .dimg {
		flex: 1 1 100%;
		max-width: 100%;
		height: auto;
	}

	.productbox2 .prolist .pbox {
		flex: 1 1 100%;
		padding: 0;
		text-align: center;
	}

	.productbox2 .prolist .pbox .p1 {
		font-size: 1.6rem;
		margin: 1rem 0;
	}

	.productbox2 .prolist .img2 {
		width: 60%;
	}

	.productbox2 .navboxtwo {
		display: none;
	}
	
	.pro-xqbox1 {
		height: 16rem;
	}
	
	.pro-xqbox2 .prostop .simg1{
		max-width: 100%;
	}

	.productbox2 {
		margin-top: -7rem;
	}

	.productbox2 .box1 {
		margin-top: 2rem;
	}

	.careerlist {
		padding: 3rem 0;
	}

	.careerlist .ptit1 {
		font-size: 2rem;
	}

	.careerlist .dl {
		font-size: 1rem;
		padding: 1.4rem 0 1.2rem;
	}
	
	.jobcont-box2{
		margin-top: 0;
	}

	.careerlist .dl .p1,
	.jobcont-box1 .jti1,
	.jobcont-box2 .jti1 {
		font-size: 1.6rem;
	}

	.careerlist .dl .p2,
	.jobcont-box1 .jobpbox .jti2 {
		font-size: 1.4rem;
	}

	.jobcont-box1 .stagbox {
		margin: 1.4rem 0 0;
	}

	.jobcont-box1 .stagbox .sp1,
	.jobcont-box1 .jobpbox,
	.jobcont-box2 .dlist {
		font-size: 1.2rem;
	}

	.jobcont-box1 .jobpbox .jti2 {
		margin: 1.2rem 0 .2rem;
	}

	.contactxq .ctabox1 {
		padding: 0;
	}

	.contactxq .ctacbox {
		font-size: 1.4rem;
		margin: 1.2rem 0;
	}

	.magreement {
		font-size: 1.1rem;
	}

	.magreement .btnbox {
		flex-flow: row wrap;
		margin-left: 2rem;
	}

	.magreement .mbtn1 {
		margin: 6px 0;
	}

}

/* 屏幕高度 */
@media screen and (max-height: 680px) and (min-width: 1400px) {
	.aboutbox .box1 {
		transform: scale(.8);
	}
}

@media screen and (max-height: 800px) and (min-width: 992px) {
	.aboutbox .box1 .pbox {
		line-height: 1.6;
		padding: 2rem 3rem;
	}

	.aboutbox .box1 .pbox .mpwz {
		-webkit-line-clamp: 6;
	}

	.homebox2 .box1 .pbox .p1 {
		margin-bottom: .6rem;
	}

	.homebox4 .layui-form {
		transform: scale(.92);
	}
}

@media screen and (max-height: 700px) {
	.homebox4 .pti1 {
		font-size: 2rem;
	}

	.homebox4 .box1 .p1 {
		font-size: 1.2rem;
		margin: .8rem auto .2rem;
	}

	.homebox4 .box1 .p2 {
		font-size: 1rem
	}

	.homebox4 .box1 .mare1 {
		height: 9rem;
	}

	.homebox4 .box1 .ipu1,
	.homebox4 .box1 .put .dw1,
	.homebox4 .box1 .btn1 {
		height: 3.4rem;
		line-height: 3.4rem;
	}

	.productbox1,
	.productbox1 .bannerbox {
		height: 24rem;
	}
}

/* 屏幕高度 */