img,
image {
	display: block;
	object-fit: cover;
}

.font_bold {
	font-weight: bold;
}

.flex_between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex_start {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.flex_center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex_end {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.flex_wrap {
	flex-wrap: wrap;
}

.flex_column {
	flex-direction: column;
}

.flex_1 {
	flex: 1;
}

.line_1 {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.line_2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.line_3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.width100 {
	width: 100%;
}

.height100 {
	height: 100%;
}




.heg,
#header,
.top-menu {
	height: 80px;
}

.nav {
	height: 80px;
	z-index: 999;
	width: 100%;
	padding: 0 3%;
	background-color: #fff;
	position: fixed;
	top: 0;
	justify-content: space-between;
	border-bottom: 1px solid #dedfe1
}

.nav,
.nav-left {
	display: flex;
	align-items: center
}

.nav-left {
	padding-left: 34px;
	cursor: pointer
}

.nav-left img:first-child {
	width: auto;
	height: 44px
}

.nav-left img:last-child {
	width: auto;
	height: 36px
}

.nav-left-logo {
	width: 40px;
	height: 40px;
	margin-right: 7.5px
}

.nav-left div {
	margin-left: 16.5px;
	margin-right: 8.5px;
	height: 48px;
	width: 1px;
	background-color: #dcdcdc
}


.nav-left-logo {
	width: 48px;
	height: 48px;
	margin-right: 7.5px
}

.nav-left div {
	margin-left: 16.5px;
	margin-right: 8.5px;
	height: 48px;
	width: 1px;
	background-color: #dcdcdc
}

.nav-right {
	display: flex;
	align-items: center;
	padding-right: 27px
}

.nav-right .active a {
	color: #236efb
}

.nav-right ul {
	display: flex;
	color: #000;
	font-size: 16px;
	line-height: 80px;
	position: relative;
	z-index: 800;
}

.nav-right ul li>a {
	display: inline-block;
	width: 112px;
	margin: 0 8px;
	cursor: pointer;
	color: #000;
	line-height: 40px;
	height: 40px;
	text-align: center;
}

.nav-right ul li>a {
	white-space: nowrap;
}

.nav-right ul li:hover>a,.nav-right ul li.active>a {
	background-color: #236efb;
	color: #ffffff;
	border-radius: 6px;
}

.nav-right-phone {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 220px;
	height: 44px;
	background-color: #236efb;
	border-radius: 22px;
	padding: 9px 24px 7px 22px;
	box-sizing: border-box;
	margin-left: 55px
}

.nav-right-phone img:first-child {
	width: 28px;
	height: 28px
}

.nav-right-phone img:last-child {
	width: 126.39px;
	height: 14.61px
}

.industry-scheme {
	width: 100%;
	position: fixed;
	top: 80px;
	left: 0;
	display: flex;
	justify-content: stretch;
	z-index: 800;
	display: none;
}

.nav-right ul li:hover .industry-scheme {
	display: flex;
}


.industry-scheme-left {
	width: 24%;
	padding: 57px 40px;
	box-sizing: border-box;
	height: auto;
	background: url(../image/bgi.png) no-repeat top;
	background-size: cover;
	text-align: right;
	color: #585858;
	font-size: 14px;
	line-height: 36px
}

.industry-scheme-left div:first-child {
	font-size: 24px;
	font-weight: 800
}

.logs {
	width: 46px;
	height: 46px;
}

.industry-scheme-right {
	width: 76%;
	height: auto;
	min-height: 400px;
	padding: 37px 0 53px 21px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	background-color: #fff
}

.industry-scheme-right-box {
	display: flex;
	align-items: center;
	width: 393px;
	height: 88px;
	padding: 15px 22px 10px;
	box-sizing: border-box;
	font-size: 12px;
	color: #8d8d8d;
	text-align: left;
	line-height: 16px;
	border-radius: 8px;
	cursor: pointer
}

.industry-scheme-right-box:hover {
	background-color: #f5f8fd
}

.industry-scheme-right-box img {
	width: 47px;
	height: 47px;
	margin-right: 25px
}

.industry-scheme-right-box-title {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #000;
	margin-bottom: 9px
}

.industry-scheme-right-box-title img {
	width: 26px !important;
	height: auto !important;
	margin-left: 8px !important
}

.industry-scheme-right-boxs,
.industry-scheme-right-boxss {
	display: flex;
	align-items: center;
	width: 393px;
	height: 88px;
	padding: 15px 22px 10px;
	box-sizing: border-box;
	font-size: 12px;
	color: #8d8d8d;
	text-align: left;
	line-height: 16px;
	border-radius: 8px;
	cursor: pointer
}

.industry-scheme-right-boxs:hover,
.industry-scheme-right-boxss:hover {
	background-color: #f5f8fd
}

.industry-scheme-right-boxs img,
.industry-scheme-right-boxss img {
	width: 47px;
	height: 47px;
	margin-right: 25px
}

.nav-fen,
.navs {
	display: none;
}

.nav-fen img {
	width: 38px;
	height: 28px;
	margin-right: 10px;
	object-fit: unset;
}

.navs {
	width: 100%;
	position: fixed;
	top: 56px;
	left: 0;
	z-index: 999;
	height: 100%;
	overflow-y: auto;
	padding-bottom: 20px
}

@media screen and (max-width: 720px) {

	.heg,
	#header,
	.nav {
		height: 56px
	}

	.nav-right {
		display: none;
	}

	.nav-fen {
		display: block;
	}

	.nav-left {
		padding-left: 17px
	}

	.nav-left img:first-child {
		width: auto;
		height: 28px
	}


	.logs {
		width: 24px;
		height: 24px;
	}

	.nav-left img:last-child {
		width: auto;
		height: 20px
	}

	.nav-left div {
		height: 24px;
		margin-left: 8px;
		margin-right: 4px
	}


	.layui-colla-item {
		background-color: #fff;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 16px 0 20px;
		box-sizing: border-box;
		border-bottom: 1px solid #dedede;
		height: 40px;
		line-height: 49px
	}

	.layui-colla-title {
		color: #000
	}

	.hyfa {
		display: flex;
		flex-wrap: wrap;
		padding: 10px 18px;
		box-sizing: border-box;
		background-color: #fff
	}

	.hyfa-dv,
	.hyfa-dvs {
		width: 100%;
		text-align: center;
		font-size: 12px;
		color: #000;
		position: relative;
		margin-bottom: 14px
	}

	.hyfa-dv img:first-child,
	.hyfa-dvs img:first-child {
		width: 50px;
		height: 50px;
		margin: 0 auto 8px
	}

	.hyfa .hyfa-dv .hots,
	.hyfa .hyfa-dvs .hots {
		position: absolute;
		top: 0;
		right: 0;
		width: 27.59px;
		height: 15.92px
	}

	.layui-colla-title {
		position: relative;
		height: 42px;
		line-height: 42px;
		padding: 0 !important;
		color: #333;
		background-color: transparent;
		cursor: pointer;
		font-size: 12px;
		overflow: hidden
	}

	.layui-colla-title .layui-colla-icon {
		display: none
	}

	.layui-colla-content {
		display: block;
		padding: 0
	}

	.hyfa>a {
		width: 33%
	}
}

.nuxt-content {
	background-color: #fff;
}

.item-img {
	height: auto;
	max-height: 700px
}

.item-img-m {
	display: none;
}

.item-img,
.swiper {
	width: 100%
}

.van-swipe__indicator {
	width: 20px;
	height: 8px;
	border-radius: 0
}


.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	width: auto;
	position: absolute;
	bottom: 10%;
	left: 16%;
}


.swiper-pagination-bullet {
	width: 30px;
	height: 6px;
	background-color: #ccc;
	border-radius: 0;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background-color: #fff
}

@media screen and (max-width: 720px) {
	.swiper {
		display: block;
		height: 100%;
		max-height: 600px
	}

	.item-img {
		display: none;
	}

	.item-img-m {
		display: block;
		width: 100%;
		height: 284px
	}

	div .van-swipe-item {
		width: 100% !important
	}

	.swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		left: 11%;
		bottom: 8%
	}
}

.brand {
	justify-content: space-between;
	margin: 60px auto 47px
}

.brand,
.brand-dv {
	display: flex;
	align-items: center
}

.brand-dv {
	font-size: 16px;
	color: #000;
	flex-direction: column
}

.brand-dv img:first-child {
	width: 91px;
	height: 91px;
	margin-bottom: 30px
}

.brand-dv img {
	width: auto
}

.brand-dv img:nth-child(2) {
	margin-bottom: 24.7px
}

.brand-dv span {
	font-size: 35px;
	font-weight: 800
}

@media screen and (max-width: 720px) {
	.brand-dv span {
		font-size: 16px
	}

	.brand-dv img:first-child {
		width: 46px;
		height: 45px;
		margin-bottom: 15px
	}

	.brand-dv {
		width: 25%
	}

	.customer-case-list-left-dv {
		padding: 30px 0 0
	}

	.brand-dv div {
		font-size: 16px;
		text-align: center;
		-webkit-transform: scale(.5)
	}

	.brand {
		padding: 0 12px;
		margin: 25.5px 0 20px
	}

	.brand-dv img:nth-child(2) {
		margin-bottom: 0
	}
}

.programme {
	text-align: center
}

.programme-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 47px auto 50px
}

.programme-list-dv {
	width: 22%;
	height: 601px;
	box-shadow: 0 8px 20px rgba(35, 110, 251, .1)
}

.programme-list-dv-top {
	width: 100%;
	height: 179px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	font-size: 24px;
	color: #fff;
	font-weight: 800;
	padding-top: 31px
}

.programme-list-dv-top img {
	display: inline;
	width: 80px;
	height: 80px;
	margin-bottom: 5px
}

.programme-list-dv-bd {
	width: 100%;
	height: 108px;
	text-align: center;
	padding: 19px 45px;
	font-size: 18px;
	color: #000;
	cursor: pointer
}

.programme-list-dv-bd div:last-child {
	font-size: 12px;
	margin-top: 10px;
	color: #a6a6a6
}

.programme-list-dv-bd:hover {
	background: url(../image/bgg.png) no-repeat top;
	background-size: cover
}

.programme-list-dv-bd:hover div {
	color: #236efb !important
}

.b1 {
	background: url(../image/e-business.jpg) no-repeat top;
	background-size: cover
}

.b2 {
	background: url(../image/phone.jpg) no-repeat top;
	background-size: cover
}

.b3 {
	background: url(../image/website.jpg) no-repeat top;
	background-size: cover
}

.b4 {
	background: url(../image/hardware.jpg) no-repeat top;
	background-size: cover
}

@media screen and (max-width: 720px) {
	.programme-list {
		margin-top: 10px;
		flex-wrap: wrap;
		margin-bottom: 25px
	}

	.programme-list-dv {
		width: 48%;
		margin-bottom: 12px;
		height: 471px
	}

	.programme-list-dv-bd {
		padding: 9px 17px 0;
		height: 87px
	}

	.programme-list-dv-bd div {
		font-size: 12px
	}

	.programme-list-dv-bd div:last-child {
		margin-top: 6px
	}

	.programme-list-dv-top img {
		width: 47px;
		height: 47px;
		margin-bottom: 2px
	}

	.programme-list-dv-top {
		font-size: 14px;
		height: 106px;
		padding-top: 18px
	}
}

.solution {
	text-align: center
}

.solution-list {
	margin: 48px auto 50px
}

.solution-list-bd {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.solution-list-dd a,
.solution-list-dv a {
	color: #fff
}

.solution-list-dd,
.solution-list-dv {
	width: 39.3%;
	height: 257px;
	position: relative;
	margin-bottom: 1%;
	cursor: pointer
}

.solution-list-dv {
	width: 19%
}

.solution-list-dd img,
.solution-list-dv img {
	width: 100%;
	height: 100%
}

.solution-list-dd div,
.solution-list-dv div {
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: linear-gradient(rgba(35, 110, 251, 0), #236efb);
	top: 0;
	padding-top: 193px;
	padding-left: 27px;
	font-size: 18px;
	color: #fff;
	text-align: left
}
.solution-list-dd:hover,
.solution-list-dv:hover{
	transform: translateY(-10px);
	transition: 1.2s
}
.solution-list-btn {
	width: 278px;
	line-height: 60px;
	text-align: center;
	margin: 50px auto;
	background-color: #236efb;
	font-size: 18px;
	box-shadow: 0 4px 16px rgba(35, 110, 251, .6);
	cursor: pointer
}

.solution-list-btn a {
	color: #fff
}

.solution-list-btn:hover {
	background-color: #0b55df
}

@media screen and (max-width: 720px) {
	.solution-list-bd {
		flex-wrap: wrap
	}

	.solution-list-dd {
		width: 100%;
		height: 190px;
		margin-bottom: 12px
	}

	.solution-list {
		margin-top: 10px;
		margin-bottom: 20px
	}

	.solution-list-dv {
		width: 48%;
		height: 191px;
		margin-bottom: 4%
	}

	.solution-list-dd div {
		padding-top: 138px;
		padding-left: 21px;
		font-size: 18px
	}

	.solution-list-dv div {
		padding-top: 144px;
		padding-left: 20px;
		font-size: 12px
	}

	.solution-list-btn {
		margin-top: 20px;
		width: 139px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		margin-bottom: 20px
	}
}

.customer-case {
	text-align: center
}

.customer-case-list {
	display: flex;
	justify-content: space-between;
	margin: 47px auto 50px
}

.customer-case-list-left {
	width: 49.3%;
	height: 383px;
	/*background: url("") no-repeat top;*/
	background-size: cover;
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}
.customer-case-list-left>img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

.customer-case-list-left:hover .customer-case-list-left-dv {
	display: block
}

.customer-case-list-left-dv {
	width: 100%;
	height: 100%;
	padding: 154px 195px;
	color: #fff;
	font-size: 20px;
	display: none;
	position: relative;
	z-index: 1;
	white-space: pre-wrap;
}

.customer-case-list-left-dv:hover {
	background-color: rgba(35, 100, 251, .8)
}

.customer-case-list-left-dv div:last-child {
	font-size: 12px
}

.customer-case-list-left-dv div:nth-child(2) {
	width: 34px;
	border-top: 3px solid #fff;
	margin: 11.5px auto 13.5px;
	border-radius: 2px
}

.customer-case-right {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.customer-case-right-dv {
	width: 49%;
	height: 184px;
	margin-bottom: 2.5%;
	position: relative;
	border-radius: 8px;
	cursor: pointer;
	overflow: hidden
}

.customer-case-right-dv img {
	background-color: rgba(35, 100, 251, .8);
	border-radius: 8px;
	width: 100%
}

.customer-case-right-dv div {
	display: none
}

.customer-case-right-dv:hover div {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 184px;
	color: #fff;
	font-size: 18px;
	background-color: rgba(35, 100, 251, .8);
	border-radius: 8px;
	white-space: pre-wrap;
}

.customer-case-btn a {
	color: #fff
}

.customer-case-btn {
	width: 220px;
	padding: 16px 0 18px;
	box-sizing: border-box;
	margin: 0 auto 40px;
	font-size: 18px;
	color: #fff;
	background-color: #236efb;
	box-shadow: 0 4px 16px rgba(35, 110, 251, .6);
	cursor: pointer
}

.customer-case-btn:hover {
	background-color: #0b55df
}

@media screen and (max-width: 720px) {
	.customer-case-list-left-dv {
		padding: 30px 0 0
	}

	.customer-case-list {
		flex-wrap: wrap;
		margin-top: 10px;
		margin-bottom: 0
	}

	.customer-case-list-left {
		width: 100%;
		height: 228px;
		margin-bottom: 10px
	}

	.customer-case-right {
		width: 100%;
		height: auto
	}

	.customer-case-right-dv {
		width: 48%;
		height: 110px
	}

	.customer-case-btn {
		-webkit-transform: scale(.5);
		margin-bottom: 0
	}
}

.journalism {
	text-align: center
}

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

.journalism-list a {
	color: #565656
}

.journalism-list-dv {
	margin-top: 44px;
	width: 32%;
	font-size: 14px;
	color: #565656;
	text-align: left;
	padding-bottom: 26px;
	border-bottom: 1px solid #dedede
}

.journalism-list-dv img {
	width: 100%;
	border-radius: 8px;
	cursor: pointer
}

.journalism-list-dv-t1 {
	margin: 23px auto;
	font-size: 18px;
	cursor: pointer;
	color: #000
}

.journalism-list-dv-t1:hover {
	color: #236efb
}

.journalism-list-dv-t2 {
	color: #8b8b8b;
	margin-bottom: 8px
}

.journalism-list-dv img:hover {
	transform: scale(1.1);
	transition: all .5s linear
}

.journalism-lists {
	flex-wrap: wrap;
	align-items: center;
	margin-top: 25px
}

.journalism-lists,
.journalism-lists-dv {
	display: flex;
	justify-content: space-between
}

.journalism-lists-dv {
	width: 32%;
	font-size: 14px;
	color: #565656;
	margin-bottom: 15px;
	cursor: pointer
}

.journalism-lists-dv a {
	color: #565656
}

.journalism-lists-dv div:last-child {
	color: #afafaf
}

.journalism-lists-dv a:hover {
	color: #236efb
}

.journalism-btn {
	width: 214px;
	line-height: 60px;
	background-color: #236efb;
	font-size: 18px;
	color: #fff;
	margin: 36px auto 60px;
	box-shadow: 0 4px 16px rgba(35, 110, 251, .6);
	cursor: pointer
}

.journalism-btn a {
	color: #fff
}

.journalism-btn:hover {
	background-color: #0b55df
}

.imgs {
	width: 100%;
	height: 247px;
	overflow: hidden;
	display: block
}

@media screen and (max-width: 720px) {
	.journalism-list-dv {
		width: 100%
	}

	.journalism-list-dv img {
		height: 227px
	}

	.journalism-lists-dv {
		width: 100%;
		font-size: 12px
	}

	.journalism-list-dv-t1 {
		font-size: 15px;
		margin: 15px 0 13px
	}

	.journalism-list {
		font-size: 12px;
		flex-direction: column;
	}

	.journalism-btn {
		-webkit-transform: scale(.5);
		margin-bottom: 0;
		margin-top: 0
	}

	.imgs {
		width: 100%;
		height: 227px
	}

	.imgs img {
		width: 100%;
		height: auto
	}
}

.classs {
	color: #eee
}

.message {
	text-align: center;
	margin: 40px auto 20px;
	padding: 40px 0 10px;
}

select {
	color: #999
}
.titlecl {
    height: 44px;
    text-align: center;
    line-height: 44px;
	font-size: 16px;
	margin-bottom: 10px;
    color: #d90000;	
}
.message-list-box {
	display: flex;
	justify-content: center;
	align-items: center;
}

.message-list {
	width: 30%;
	margin: 40px 1% 10px;
	text-align: left;
	font-size: 16px;
	color: #000;
}

.message-list span {
	color: red
}

.message-lists {
	display: flex;
	justify-content: space-between;
	margin: 9px auto 28px;
}

.message-list input {
	width: 100%;
	line-height: 60px;
	background-color: #f2f7ff;
	border: 1px solid #f2f7ff;
	border-radius: 6px;
	padding-left: 20px;
	margin-top: 10px;
}

input[type=text]:focus,
input[type=text]:hover,
select:focus,
select:hover {
	outline: none;
	border: 1px solid #236efb
}

.message-btn {
	width: 376px;
	line-height: 60px;
	background-color: #236efb;
	color: #fff;
	font-size: 18px;
	margin: 0 auto 46px;
	box-shadow: 0 4px 16px rgba(35, 110, 251, .6);
	cursor: pointer
}

.message-btn:hover {
	background-color: #0b55df
}

@media screen and (max-width: 720px) {
	.message {
		box-shadow: 0 4px 16px rgba(35, 110, 251, .6);
		padding: 20px 18px;
		box-sizing: border-box;
		width: 94%;
		margin: 25px 12px 26px;
		border-radius: 6px
	}

	.message-btn {
		width: 100%;
		box-shadow: none;
		margin-bottom: 0;
		height: 35px;
		line-height: 35px;
		border-radius: 6px;
		font-size: 12px
	}

	.message-list-box {
		display: block;
	}

	.message-list {
		width: 100%;
		margin: 20px 1%;
	}
	.message-list:last-child,.titlecl{
		margin-bottom: 4px;
	}
	.message-list input {
		margin-top: 10px;
		width: 100%;
		line-height: 35px;
		background-color: #f2f7ff;
		border-radius: 6px;
		border: none;
		padding-left: 20px;
		height: 35px;
		font-size: 14px
	}
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

footer {
	background: #1F242D;
	padding: 60px 0 30px 0;
	box-sizing: content-box;
}

footer.new_footer {
	padding: 250px 0 30px 0;
}

footer .tianj {
	height: 39px;
	line-height: 49px;
	font-size: 12px;
	color: #6F727D;
}

footer .tianj>span:nth-child(2) {
	display: none;
}

footer .tianj_a>span {
	margin-right: 5px;
}

footer .link>.tianj_b {
	color: #6F727D;
	font-size: 16px;
	margin: 15px 0;
}

.leaves {
	height: 385px;
}

footer .img-content,
.img-content {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	/*background-color: greenyellow;*/
}

footer .img-content,
.img-content img {
	width: 100%;
}

footer .copyright {
	color: #6F727D;
	margin-top: 20px;
	text-align: center;
	font-size: 14px;
}

.bottom-left {
	float: left;
	width: 260px;
	padding-right: 60px;
	border-right: 1px #3B3E44 solid;
}

.bottom-left p:nth-child(1),
.bottom-left p:nth-child(3),
.bottom-left p:nth-child(5) {
	font-size: 18px;
	color: #D9CFCF;
	margin: 20px 0;
}

.bottom-left a {
	color: #fff;
}

.bottom-left p:nth-child(1) {
	margin-top: 0;
}

.bottom-left p:nth-child(2) {
	font-size: 28px;
	color: #fff;
}

.bottom-left p:nth-child(4),
.bottom-left p:nth-child(6) {
	font-size: 14px;
	color: #6F727D;
	line-height: 25px;
}

.bottom-right {
	width: 880px;
	float: right;
	display: flex;
	justify-content: space-between;
}

.bottom-right ul {
	list-style: none;
	width: 200px;
}

.bottom-right ul li {
	font-size: 14px;
	color: #6F727D;
}
.bottom-right ul li.bottom-img{
	width: 160px;
}

.bottom-right ul li a {
	display: block;
	line-height: 26px;
	margin: 4px 0;
	color: #6F727D;
}

.bottom-right ul li a:hover {
	color: #0069FF;
}

.bottom-right ul li:nth-child(1) {
	font-size: 18px;
	color: #D9CFCF;
	margin-bottom: 30px;
}

footer .companysInfo {
	margin-top: 40px;
}

footer .companysInfo>li {
	width: 37.5%;
	margin-right: 1%;
	border: 1px solid #3B3E44;
	padding: 15px 2%;
	height: 81px;
	overflow: hidden;
	float: left;
	margin-bottom: 10px;
	box-sizing: content-box;
}

footer .companysInfo>li:nth-child(3n) {
	margin-right: 0;
}

.companysInfo>li>p:nth-child(1) {
	font-size: 16px;
	color: #D9CFCF;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.companysInfo>li>p:nth-child(2) {
	font-size: 12px;
	color: #D9CFCF;
	margin: 10px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.companysInfo>li>p:nth-child(3) {
	font-size: 18px;
	color: #D9CFCF;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

footer .link {
	border-bottom: #3B3E44 solid 1px;
	padding: 0 0 20px;
	border-top: #3B3E44 solid 1px;
	margin-top: 20px
}

footer div.weixin {
	display: none;
}

footer .link li {
	list-style: none;
	float: left;
	margin-right: 20px;
	padding: 5px 0;
	color: #6F727D;
	font-size: 14px;
}

footer .link li a {
	color: #6F727D;
}

.bgcontent {
	padding-top: 0 !important;
}

.consults {
	padding-top: 6%;
}

ins#nb_icon_wrap {
	/*width: 100px!important;*/
	height: 100px !important;
}

.willmove {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 90;
}

.dontMove {
	width: 100%;
}

.changeStatus>header {
	background: #fff;
	border-bottom: 1px solid #ECECEC;
}

.changeStatus>header .fivWay>li p,
.changeStatus>header .fivWay>li p a {
	color: #333;
}

.box1200 {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.showImg {
	/* max-height: 550px; */

	width: 100%;
	position: relative;
	z-index: 0;
	/* min-height: 200px; */
}

.showImg>img {
	width: 100%;
	/* height: 550px; */
}

.showImg>.outerBox {
	width: 100%;
	box-sizing: border-box;
	position: absolute;
	/*top: 500px;*/
	top: 80px;
}

.botMobileNav,
.botMobileBlock,
.mobileRight{
	display: none;
}

@media screen and (max-width: 720px) {
	footer {
		width: 90%;
		padding: 24px 5% 40px;
	}
    .mobileRight{
        display: block;
    }
	.mobileHidden {
		display: none !important;
	}

	footer>.img-content {
		width: 100%;
	}

	footer .bottom-left {
		width: 100%;
		float: none;
		border: none;
		padding-right: 0;
	}

	footer .bottom-left>p:nth-child(1),
	.bottom-left>p:nth-child(3),
	.bottom-left>p:nth-child(5) {
		font-size: 1.6em;
		color: #B2B2B2;
	}

	footer .bottom-left>p:nth-child(2) {
		font-size: 2.8em;
		color: #fff !important;
		margin-top: .2em;
		margin-bottom: .5em;
	}

	footer .bottom-left>p:nth-child(4),
	footer .bottom-left>p:nth-child(6) {
		font-size: 1em;
		color: #6F727D !important;
		margin-top: 0.6em;
		margin-bottom: 1em;
	}

	footer .copyright {
		/*display: none;*/
		text-align: center;
		font-size: 1em;
		color: #6F727D;
		margin-top: 1.4em;
		border-top: 1px #3B3E44 solid;
		padding-top: 20px;
	}

	footer p.title {
		font-size: 1.6em;
		color: #959595;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	footer div.weixin {
		display: block;
		padding-bottom: 20px;
		border-bottom: 1px solid rgba(255, 255, 255, .3);
	}

	.botMobileBlock {
		display: block;
		width: 100%;
		height: calc(59px + constant(safe-area-inset-bottom));
		height: calc(59px + env(safe-area-inset-bottom));
	}

	.botMobileNav {
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		border-top: 1px solid #d6dadd;
		background-color: #FFFFFF;
		height: calc(59px + constant(safe-area-inset-bottom));
		height: calc(59px + env(safe-area-inset-bottom));
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
		z-index: 999;
	}

	.botMobileNav>a {
		width: 25%;
		height: 100%;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		color: #333;
	}

	.botMobileNav>a p {
		font-size: 13px;
	}

	.botMobileNav>a img {
		width: 24px;
		height: 24px;
		margin-bottom: 4px;
	}
}



/*  产品---外卖跑腿  */
.advantages {
	display: flex;
	justify-content: space-between;
	margin: 60px auto 50px
}

.advantages-left {
	background: url(../image/wm01.png) no-repeat top;
	background-size: cover
}

.advantages-right {
	background: url(../image/wm02.png) no-repeat top;
	background-size: cover
}

.advantages-dv {
	width: 49%;
	height: 226px;
	padding: 38px 57px 33px;
	box-sizing: border-box;
	text-align: left;
	box-shadow: 0 3px 12px rgba(35, 110, 251, .16);
	border-radius: 8px;
	position: relative
}

.advantages-dv:hover {
	-webkit-animation: movetip 1s infinite;
	animation: movetip 1s infinite;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.advantages-dv div:first-child {
	font-size: 24px;
	font-weight: 800;
	margin-bottom: 20px;
	color: #000
}

.advantages-dv div:last-child {
	font-size: 14px;
	color: #343434
}

.characteristic {
	text-align: center;
	margin-bottom: 50px
}

.characteristic-list {
	display: flex;
	justify-content: space-between;
	margin-top: 47px
}

.characteristic-list-box {
	width: 23%;
	height: 284px;
	border: 1px solid #dedede;
	padding: 34px 29px;
	color: #000;
	font-size: 24px;
	cursor: pointer
}

.characteristic-list-img {
	width: 70px;
	height: 70px;
	background-size: cover;
	margin: auto auto 10px
}

.characteristic-list-box div:last-child {
	font-size: 16px;
	color: #848484;
	margin-top: 22px
}

.im1 {
	background: url(../image/372a8d6.png) no-repeat 50%
}

.im2 {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAABHNCSVQICAgIfAhkiAAAAyZJREFUeF7tnFGe0jAQxmdK2VfZE4hwAPEEsieQG4jvC+IJ1BOIsO/iDfAEiydYPACIN8BXKB0n66L7g6RJSquUHV6bfGT+/TJNJwEE+WgJoHDRExAwBmcIGAHjlzTEMT6OqfaoEsTRayRo+nEuTmtCmMRB+HHRx6Vu1FrH1Dvra8DThfIHBMFkNixfOIGpXq6bpQCui3PvDxvpJgifsWumuyp7jnlwYGK4WFyVJwJmh8BGwOinnIAxpCIBI2D8nlLiGHGMOMaPgDjGj5fkGHGMOMaPgDjGj5fkmIMd06NGKY5u/LgXt7VzPUaFWOusl4jwqLjhuo2cCH7Oh+WKUwVPNap3VyMAfOkmX+RW9Hk2OGs7g3koVTxT4lWgjNsnXBCf8NXnRfZD4tgJvnIhvGlqYwTDWyhVTsLfTxUMJ90nXARfeIP5nWvWlBGYL6zzIgOtrHRgNignbjYmXswEDOGr2TAc1TtRG5A+pYaTlc7dAP4bGCL6ERO2729NqKQeIPUR8akrINb5xjo9jc6IdR676uy2++dgVCA8iNF8eNY3DVq5hyDuJQFSOghBX7nNpFPrrHp8re0DequVCxhOXOcQRY0g+LuNG8cwgTBcJCW03QBVgmedKruoAYgVIFqyO6apdfbHMy1torHu6ZoLGJtoWnvn0c+07LDFkCr52kTzCDCtpoAxkBMwAsZvUoljxDEn5phad/0WgFoI2PALjXsB8YknHM8H5fe+fY96KtW6q5s0QPYgJJyZM6+y9eUT25Ij93WMWrbzkv2D7502tr97mXTVO1rHZF7wshSYdoEdL5jsajq3MXOBaMm55rz4jskYjAJiyw/3oRXOMS7BmQplLn23cARM0RZ4h9z1Q/qKYyxZWKaSTCV5Khn3teSpZFgDCRgBo8+chXtcbzx+K1ni3x7qwuZ3nne29x1+9de28fn+251PTQ3INh1TlR1sARXhuoAx3CUBkweYUz2kmHQoccsxMcdkXpY8kuTDJyneJJ3GUMO0/oVB/TJqQRC3gLB6JHGlHwbSAuJgPLsKxzYRKxibwKleFzCGOytgBIzfpBfHGHj9Aj65e2U/0o3vAAAAAElFTkSuQmCC) no-repeat 50%
}

.im3 {
	background: url(../image/5a48e24.png) no-repeat 50%
}

.im4 {
	background: url(../image/d800d45.png) no-repeat 50%
}

.characteristic-list-box:hover {
	background-color: #236efb;
	color: #fff
}

.characteristic-list-box:hover div:last-child {
	color: #fff
}

.im1s:hover .im1 {
	background: url(../image/a14ec53.png) no-repeat 50%
}

.im2s:hover .im2 {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAABHNCSVQICAgIfAhkiAAAAs1JREFUeF7tnI1R20AQha0KCBVgKiBUgKkAOgAqCKkAqACoANMBVICoAKggTgekAuc9sBlh399a0lgnv5vRDCPvrW4/vVud9jQUAzUngUJc3AQExqMMgREYW9KQYiyKmU6nP2D/C8fIxjkr6xKjvS2K4t01aqdiAOap51DmLEqAOUwCAyhUCcFsStsHnNfFYJcUs4FgDgGG0+pbE5jBQGA8uUFgBMb22JBipBgpxkZAirHxUo6RYqQYGwEpxsZLOUaKaUkxP+H3xeY7a+u0egxDRE2G5b6trMNNG/w/1GJYxl1qvtLmGJYnab6ztroHmFMLmBGMN6G86XwiEZR3+wTTqcTvB1nrITz4Z6iFAnC2EJghevzpMZhdgJmYwbADVDNtCMwj/Bw14KspPwNACW42Bn9sCMwZxjCGLya5uxpwmvLzMYR1gvmL659WtyZmWzM3OL9nAPQG23OHnzHO7xj8fDNdBxgGMsaFCcDZZuo5jwCinxuqLeCHPqhEC+hWFbMN71whjyqDLvH3JJTQFgMEoCHO8aAvLrS4sOSu4Kp+FsdDXw84lp6urSgm5tR3h9dx3rfsiMWwUvKNOV0HgMB0o5KlGMd0FRiXajSVPHNJYATGlto7rxgM8AIhHc/WLLboPtc2D3gaXlk7dhoMBsdSKRdxdZv3m7nsHteAwmX7dV0ilf4fL5Op/jqrmBYKXsECUzbrmIZKF9V436EYvqsltS4rpqli1xcIyytJdmBSgvOpLaXvnKLA5LbAq3PX6/SVYiIpWFNJUyle4a8ykmKkGCnGuxOqdYxni7izYDCdR0kvKp9Gpcf2MsGHz8ZyfW78LZU8YnBX2j5JCKjzJgLjuUUC0xKYvn6k6P0occ4xlmOaLkt2Jff8Dn2NwUFG/4UBnpis7PMYdiWqGuOYoC93G/gFRLBFwcQc9PV3gfEl577e8bpxSTFSjE1D/wH7gAplYq0NvgAAAABJRU5ErkJggg==) no-repeat 50%
}

.im3s:hover .im3 {
	background: url(../image/726e926.png) no-repeat 50%
}

.im4s:hover .im4 {
	background: url(../image/9473156.png) no-repeat 50%
}

.scene {
	text-align: center
}

.scene-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 10px
}

.scene-list-dv {
	width: 21%;
	font-size: 24px;
	color: #000;
	margin-top: 51px
}

.scene-list-dv img {
	width: 107px;
	height: 106px;
	margin: 0 auto 24px
}

.characteristics {
	margin: 46px auto 50px;
	text-align: center
}

.characteristics-list {
	margin-top: 44px
}

.characteristics-list-box {
	width: 100%;
	display: flex;
	margin-bottom: 50px
}

.characteristics-list-box img {
	width: 560px;
	height: 100%
}

.characteristics-list-box-bd {
	width: 640px;
	height: 100%;
	padding: 70px;
	text-align: left;
	background-color: #f5f8fd
}

.characteristics-list-box-t1 {
	font-size: 28px;
	color: #000;
	font-weight: 800
}

.characteristics-list-box-t2 {
	font-size: 16px;
	color: #848484;
	margin-top: 25px
}

.characteristics-list-box-list {
	width: 80%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: 26px
}

.characteristics-ur {
	display: flex;
	align-items: center;
	margin-right: 49px;
	margin-bottom: 22px;
	font-size: 18px;
	color: #242424
}

.characteristics-ur div:first-child {
	width: 12px;
	height: 12px;
	background-color: #236efb;
	margin-right: 9px;
	border-radius: 50%
}

.characteristics-list-box img:hover {
	transform: scale(1.1);
	transition: all .5s linear
}

.take-out-errands .mBan {
	display: none;
}

@media screen and (max-width: 720px) {
	.take-out-errands {
		width: 100%;
		height: 293px
	}

	.take-out-errands .pcBan {
		display: none;
	}

	.take-out-errands .mBan {
		display: block;
		height: 100%;
	}

	.take-out-errands-bd {
		padding-top: 72px;
		padding-left: 43px
	}

	.take-out-errands-bd div:first-child {
		font-size: 29px
	}

	.take-out-errands-bd div:last-child {
		font-size: 12px;
		margin-top: 15px;
		width: 100%
	}

	.advantages {
		flex-direction: column;
		margin: 30px auto 25px
	}

	.advantages-dv {
		width: 100%;
		height: 150px;
		padding: 24px
	}

	.advantages-dv div:first-child {
		font-size: 16px;
		margin-bottom: 10px
	}

	.advantages-dv div:last-child {
		font-size: 12px
	}

	.characteristic-list {
		margin-top: 20px;
		flex-wrap: wrap
	}

	.characteristic-list-box {
		width: 48%;
		padding: 20px 19px;
		height: 233px;
		margin-bottom: 10px
	}

	.characteristic-list-img {
		width: 40px;
		height: 40px;
		background-size: cover
	}

	.characteristic-list-box div:last-child {
		font-size: 12px
	}

	.characteristic {
		margin-bottom: 20px
	}

	.scene-list-dv img {
		width: 57px;
		height: 56px;
		margin-bottom: 12px
	}

	.scene-list-dv {
		font-size: 12px;
		margin-top: 15px
	}

	.characteristics-list-box {
		flex-direction: column;
		margin-bottom: 20px
	}

	.characteristics-list-box img {
		width: 100%
	}

	.characteristics-list-box-bd {
		width: 100%;
		padding: 20px 15px;
		height: 200px
	}

	.characteristics-list-box-t1 {
		font-size: 18px
	}

	.characteristics-list-box-t2 {
		font-size: 12px;
		margin-top: 10px
	}

	.characteristics-list-box-list {
		width: 100%;
		flex-wrap: wrap;
		margin-top: 10px
	}

	.characteristics-ur {
		font-size: 12px
	}
}

.relevant-cases-btn a {
	color: #fff
}

.classs {
	color: #eee
}


/* 产品---人员管理系统 */
.brief-introduction {
	display: flex;
	height: 362px;
	margin-top: 60px;
	background-color: #f5f8fd
}

.brief-introduction img {
	width: 516px;
	height: 100%
}

.brief-introduction-box {
	width: 684px;
	height: 100%;
	background: url(../image/74fcef0.png) no-repeat 100% 100%;
	padding: 47px 78px
}

.brief-introduction-box div:first-child {
	font-size: 28px;
	font-weight: 800;
	color: #000;
	margin-bottom: 32px
}

.brief-introduction-box div:last-child {
	color: #848484;
	font-size: 18px
}

.brief-introduction img:hover {
	transform: scale(1.1);
	transition: all .5s linear
}

.scenario {
	margin: 50px auto;
	text-align: center
}

.scenario-list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 44px
}

.scenario-list-dv {
	width: 382px;
	height: 420px;
	border: 1px solid #dedede;
	margin-bottom: 27px;
	margin-right: 27px
}

.scenario-list-dv:nth-child(3) {
	margin-right: 0
}

.scenario-list-dv img {
	width: 100%;
	height: 258px;
	margin-bottom: 21px
}

.scenario-list-dv img:hover {
	transform: scale(1.1);
	transition: all .5s linear
}

.scenario-list-dv div {
	padding: 0 37px;
	font-size: 24px;
	color: #000;
	text-align: left
}

.scenario-list-dv div:last-child {
	font-size: 16px;
	color: #848484;
	margin-top: 12px
}

@media screen and (max-width: 720px) {
	.brief-introduction {
		flex-direction: column;
		height: auto;
		margin-top: 20px
	}

	.brief-introduction img {
		width: 100%
	}

	.brief-introduction-box {
		width: 100%;
		background-size: contain;
		padding: 20px 14px
	}

	.brief-introduction-box div:first-child {
		font-size: 16px
	}

	.brief-introduction-box div:last-child {
		font-size: 12px
	}

	.scenario-list-dv {
		width: 48%;
		margin-right: 10px;
		height: 252px;
		margin-bottom: 10px
	}

	.scenario-list-dv:nth-child(3) {
		margin-right: 10px
	}

	.scenario-list-dv:nth-child(2n) {
		margin-right: 0
	}

	.scenario-list-dv img {
		height: auto
	}

	.scenario-list-dv div {
		font-size: 16px;
		padding: 0 15px
	}

	.scenario-list-dv div:last-child {
		font-size: 12px
	}
}


/* 产品---上门服务 */
.module {
	text-align: center;
	margin: 50px auto
}

.module-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 44px
}

.module-list-dv {
	width: 23%;
	height: 320px;
	background-color: #fff;
	box-shadow: 0 3px 16px rgba(35, 110, 251, .16);
	font-size: 24px;
	color: #000;
	padding: 54px 30px;
	margin-bottom: 20px
}

.module-list-dv:hover {
	position: relative;
	-webkit-animation: movetip 1s infinite;
	animation: movetip 1s infinite;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.module-list-dv img {
	width: 70px;
	height: 70px;
	margin: 0 auto 10px
}

.module-list-dv div:last-child {
	font-size: 18px;
	color: #848484;
	margin-top: 22px
}

.operate {
	text-align: center
}

.operate-list {
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.operate-list img {
	width: 625.61px;
	height: 427.89px
}

.operate-list-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 50%;
	padding-left: 86px
}

.operate-list-dv {
	display: flex;
	align-items: baseline
}

.operate-list-dv-dian {
	width: 9px;
	height: 9px;
	background-color: #236efb;
	margin-right: 10px
}

.operate-list-dv-text {
	color: #000;
	font-size: 24px;
	text-align: left;
	width: 200px;
	margin-bottom: 30px
}

.operate-list-dv-text div:last-child {
	font-size: 16px;
	color: #848484;
	margin-top: 22px
}

.industry {
	text-align: center;
	margin: 50px auto
}

.industry-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 44px
}

.industry-list div {
	width: 285px;
	height: 80px;
	line-height: 80px;
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0 3px 16px rgba(35, 110, 251, .1);
	font-size: 20px;
	font-weight: 800;
	color: #000;
	margin-bottom: 22px;
	cursor: pointer;
	box-sizing: content-box;
}

.industry-list div:hover {
	background-color: #236efb;
	color: #fff
}

@media screen and (max-width: 720px) {
	.module-list-dv {
		width: 48%;
		padding: 24px 15px;
		font-size: 18px;
		height: 200px
	}

	.module,
	.module-list {
		margin-top: 20px
	}

	.module-list-dv img {
		width: 35px;
		height: 35px
	}

	.module-list-dv div:last-child {
		font-size: 12px
	}

	.operate-list img {
		width: 100%;
		height: auto
	}

	.operate-list {
		flex-direction: column-reverse
	}

	.operate-list-box {
		width: 100%;
		padding-left: 0
	}

	.operate-list-dv-text {
		font-size: 16px;
		margin-bottom: 10px
	}

	.operate-list-dv {
		width: 48%
	}

	.operate-list-dv-text div:last-child {
		font-size: 12px;
		margin-top: 10px
	}

	.industry-list {
		margin-top: 20px
	}

	.industry-list div {
		width: 30%;
		height: 40px;
		line-height: 40px;
		font-size: 12px
	}
}

/* 产品---门店 */
.industry {
	text-align: center;
	margin: 50px auto 12px
}

.industry-list1 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 44px
}

.industry-list-dv1 {
	width: 23%;
	font-size: 20px;
	margin-bottom: 44px;
	color: #000
}

.industry-list-dv1 img {
	width: 100%;
	height: 203px;
	margin-bottom: 32px
}

.industry-list-dv1 img:hover {
	transform: scale(1.1);
	transition: all .5s linear
}

.advantage {
	text-align: center
}

.advantage-list {
	margin: 44px auto auto;
	width: 950px
}

.advantage-list-dv {
	display: flex;
	justify-content: space-between;
	margin-bottom: 53px
}

.advantage-list-dv img {
	width: 402px;
	height: 332px
}

.advantage-list-dv-text {
	width: 436px;
	text-align: left
}

.advantage-list-dv-t1 {
	font-size: 28px;
	font-weight: 800;
	margin-bottom: 34px
}

.advantage-list-dv-t2 {
	font-size: 18px;
	color: #5a5a5a;
	margin-bottom: 28px
}

@media screen and (max-width: 720px) {

	.industry,
	.industry-list1 {
		margin-top: 20px
	}

	.industry-list1 {
		justify-content: inherit
	}

	.industry-list-dv1 {
		width: 31%
	}

	.industry-list-dv1 img {
		height: auto;
		margin-bottom: 10px
	}

	.industry-list-dv1 {
		font-size: 12px;
		margin-bottom: 10px;
		margin-right: 12px
	}

	.industry-list1 .industry-list-dv1:nth-child(3n) {
		margin-right: 0
	}

	.advantage-list {
		width: 100%
	}

	.advantage-list-dv img {
		width: 50%;
		height: 100%
	}

	.advantage-list-dv-text {
		width: 50%
	}

	.advantage-list-dv-t1 {
		font-size: 18px;
		margin-bottom: 10px
	}

	.advantage-list-dv-t2 {
		font-size: 12px;
		margin-bottom: 10px
	}
}


/* 产品----汽车后市场 */
.fun {
	text-align: center;
	margin: 50px auto 7px
}

.fun-list {
	margin-top: 44px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.fun-list-dv {
	width: 14.3%;
	height: 156px;
	box-shadow: 0 3px 12px rgba(35, 110, 251, .16);
	font-size: 20px;
	color: #2d2d2d;
	padding: 15px 38px;
	margin-bottom: 45px
}

.fun-list-dv:hover {
	position: relative;
	-webkit-animation: movetip 1s infinite;
	animation: movetip 1s infinite;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.fun-list-dv img {
	width: 74px;
	height: 74px;
	margin: 0 auto 16px
}

.operate {
	text-align: center
}

.operate-list1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 54px
}

.operate-list1 img {
	width: 467px;
	height: 411.12px;
	margin-right: 98px
}

.operate-list-dv1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: left;
	padding-right: 50px
}

.operate-list-dv-text1 {
	display: flex;
	margin-bottom: 20px
}

.operate-list-dv-text1>div:first-child {
	width: 9px;
	height: 9px;
	background-color: #236efb;
	margin-right: 10px;
	margin-top: 13px
}

.operate-list-dv-text1>div:last-child {
	font-size: 24px;
	color: #000
}

.operate-list-dv-text1>div:last-child div:last-child {
	color: #848484;
	font-size: 16px;
	width: 200px;
	margin-top: 22px
}

.apply {
	margin: 50px auto 6px;
	text-align: center
}

.apply-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 54px
}

.apply-list-dv {
	font-size: 20px;
	margin-bottom: 44px
}

.apply-list-dv img {
	width: 285px;
	height: 203px;
	margin-bottom: 32px;
	border-radius: 6px
}

.apply-list-dv img:hover {
	transform: scale(1.1);
	transition: all .5s linear
}

@media screen and (max-width: 720px) {
	.fun-list-dv {
		width: 31%;
		font-size: 14px;
		height: auto;
		padding: 15px;
		margin-bottom: 15px
	}

	.fun-list-dv img {
		width: 40px;
		height: 40px
	}

	.fun-list {
		margin-top: 22px
	}

	.operate {
		margin-top: 20px
	}

	.operate-list1 img {
		width: 100%;
		height: auto;
		margin-right: 0
	}

	.operate-list1 {
		flex-direction: column-reverse;
		margin-top: 25px
	}

	.operate-list-dv1 {
		padding-right: 0
	}

	.operate-list-dv-text1 {
		width: 48%
	}

	.operate-list-dv-text1>div:last-child {
		font-size: 16px;
		width: 88%
	}

	.operate-list-dv-text1>div:last-child div:last-child {
		font-size: 12px;
		width: 100%
	}

	.apply-list-dv {
		width: 48%;
		font-size: 14px;
		margin-bottom: 15px
	}

	.apply-list-dv img {
		width: 100%;
		height: auto;
		margin-bottom: 15px
	}
}


/* 产品---社区团购 */
.efficiency {
	text-align: center;
	margin: 50px auto 35px
}

.efficiency-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 45px
}

.help {
	text-align: center;
	margin: 44px auto
}

.efficiency-list-dv {
	width: 32%;
	height: 334px;
	padding: 44px 38px;
	box-shadow: 0 8px 20px rgba(35, 110, 251, .1);
	border-radius: 8px;
	margin-bottom: 25px;
	color: #2e2e2e
}

.efficiency-list-dv:hover {
	background-color: #236efb;
	color: #fff
}

.efficiency-list-dv .img {
	width: 115px;
	height: 115px;
	margin: auto auto 29px
}

.m01 {
	background: url(../image/5f514b6.png) no-repeat 50%;
	background-size: cover
}

.m02 {
	background: url(../image/47d2aeb.png) no-repeat 50%;
	background-size: cover
}

.m03 {
	background: url(../image/a7349ae.png) no-repeat 50%;
	background-size: cover
}

.m04 {
	background: url(../image/5b34aa4.png) no-repeat 50%;
	background-size: cover
}

.m05 {
	background: url(../image/fbfca0c.png) no-repeat 50%;
	background-size: cover
}

.m06 {
	background: url(../image/7b2d92a.png) no-repeat 50%;
	background-size: cover
}

.efficiency-list-dv:hover .m01 {
	background: url(../image/d49b109.png) no-repeat 50%
}

.efficiency-list-dv:hover .m02 {
	background: url(../image/c759be4.png) no-repeat 50%
}

.efficiency-list-dv:hover .m03 {
	background: url(../image/2ec1927.png) no-repeat 50%
}

.efficiency-list-dv:hover .m04 {
	background: url(../image/52faf73.png) no-repeat 50%
}

.efficiency-list-dv:hover .m05 {
	background: url(../image/7b92793.png) no-repeat 50%
}

.efficiency-list-dv:hover .m06 {
	background: url(../image/9427499.png) no-repeat 50%
}

.efficiency-list-dv-text {
	font-size: 24px
}

.efficiency-list-dv-text div:last-child {
	font-size: 16px;
	margin-top: 12px
}

.exhibition4 {
	text-align: center;
	margin: auto;
	display: flex;
	align-items: center
}

.exhibition4 .img {
	width: 541.37px;
	height: 816px;
	margin-right: 36px
}

.exhibition-list-title {
	font-size: 36px;
	font-weight: 800;
	margin-bottom: 49px;
	text-align: left
}

.exhibition-list-dv {
	display: flex;
	flex-wrap: wrap
}

.exhibition-list-dv div {
	border: 1px solid #236efb;
	border-radius: 8px;
	width: 180px;
	height: 80px;
	line-height: 80px;
	margin-bottom: 47px;
	margin-right: 33px;
	font-size: 24px;
	font-weight: 800;
	color: #236efb
}

.exhibition-list-dv div:nth-child(3n) {
	margin-right: 0
}

.exhibition-list-dv div:hover {
	background-color: #236efb;
	color: #fff
}

.help-list,
.helps-list {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	color: #373737;
	margin-top: 68px
}

.help-list img {
	width: 438.79px;
	height: 337.91px;
	margin-right: 52px
}

.help-list div,
.helps-list div {
	width: 436px;
	text-align: left
}

.helps {
	margin: 0 auto 40px;
	text-align: center
}

.helps img {
	width: 347.21px;
	height: 315.24px;
	margin-left: 106px
}

.helps-list {
	margin-top: 33px
}

@media screen and (max-width: 720px) {
	.efficiency-list-dv .img {
		width: 60px;
		height: 60px;
		margin-bottom: 15px
	}

	.efficiency-list-dv {
		width: 48%;
		padding: 20px 15px;
		height: 236px
	}

	.efficiency-list-dv-text {
		font-size: 16px
	}

	.efficiency-list-dv-text div:last-child {
		font-size: 12px;
		margin-top: 10px
	}

	.exhibition4 .img,.exhibition4 img {
		width: 100%;
		height: auto;
		margin-right: 0
	}

	.exhibition4 {
		flex-direction: column
	}

	.exhibition-list-title {
		font-size: 18px;
		text-align: center;
		margin: 20px 0
	}

	.exhibition-list-dv div {
		width: 31%;
		height: auto;
		margin-right: 12px;
		font-size: 12px;
		line-height: 40px;
		margin-bottom: 20px
	}

	.help-list,
	.helps-list {
		flex-direction: column;
		margin-top: 0;
		font-size: 12px
	}

	.help-list img {
		width: 100%;
		margin-right: 0;
		height: auto
	}

	.help-list div,
	.helps-list div {
		width: 100%;
		margin-bottom: 20px
	}

	.help {
		text-align: center
	}

	.helps-list {
		flex-direction: column-reverse
	}

	.helps img {
		width: 100%;
		height: auto;
		margin-left: 0
	}

	.exhibition .img {
		width: 100%;
		margin-right: 0;
		height: auto
	}
}


/* 产品---门店会员 */
.summary {
	margin: 50px auto 40px;
	text-align: center;
	display: flex;
	align-items: center;
	background-color: #f5f8fd;
	border-radius: 20px
}

.summary img {
	width: 519px;
	height: 353px
}

.summary img:hover {
	transform: scale(1.1);
	transition: all .5s linear
}

.summary-text {
	margin-left: 66px;
	text-align: left
}

.summary-text div:first-child {
	font-size: 36px;
	font-weight: 800;
	margin-bottom: 29px;
	color: #3d3d3d
}

.summary-text div:last-child {
	font-size: 18px;
	color: #606060;
	width: 548px
}

.fun {
	text-align: center
}

.fun-list1 {
	display: flex;
	justify-content: space-between;
	margin-top: 92px
}

.fun-list-dv1 {
	width: 19%;
	height: 152px;
	border-radius: 6px;
	box-shadow: 0 3px 16px rgba(35, 110, 251, .16);
	padding: 0 32px;
	font-size: 16px;
	color: #000
}

.fun-list-dv1:hover {
	position: relative;
	-webkit-animation: movetip 1s infinite;
	animation: movetip 1s infinite;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.fun-list-dv1 img {
	width: 97px;
	height: 97px;
	margin: -48px auto 20px
}

.apply1 {
	text-align: center;
	margin: 50px auto 25px
}

.apply-list1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 44px
}

.apply-list-dv1 {
	width: 489px;
	height: 300px;
	box-shadow: 0 3px 16px rgba(35, 110, 251, .16);
	display: flex;
	align-items: center;
	font-size: 28px;
	font-weight: 800;
	margin-right: 25px;
	margin-bottom: 25px;
	padding: 30px 47px 51px 65px
}

.apply-list-dv1 img {
	width: 212px;
	height: 219px;
	margin-left: 53px
}

.advantage1 {
	text-align: center
}

.advantage-list1 {
	margin-top: 44px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px
}

.advantage-list1 img {
	width: 458px;
	height: 300px;
	border-radius: 6px
}

.advantage-list1 img:hover {
	transform: scale(1.1);
	transition: all .5s linear
}

.advantage-list-dv1 {
	text-align: left;
	width: 620px;
	font-size: 18px;
	color: #242424
}

.advantage-list-dv1 div:first-child {
	font-size: 28px;
	font-weight: 800
}

.advantage-list-dv1 div:nth-child(2) {
	width: 54px;
	height: 4px;
	background-color: #236efb;
	border-radius: 4px;
	margin-top: 15px;
	margin-bottom: 23px
}

@media screen and (max-width: 720px) {
	.summary img {
		width: 100%;
		height: auto
	}

	.summary {
		flex-direction: column
	}

	.summary-text div:first-child {
		font-size: 16px;
		margin-top: 12px;
		margin-bottom: 15px
	}

	.summary-text div:last-child {
		font-size: 12px;
		width: 100%
	}

	.summary-text {
		margin-left: 0;
		padding-bottom: 20px
	}

	.fun-list-dv1 img {
		width: 45px;
		height: 45px;
		margin-top: -21px
	}

	.fun-list1 {
		flex-wrap: wrap;
		justify-content: space-around;
		margin-top: 45px
	}

	.fun-list-dv1 {
		width: 31%;
		padding: 0 12px;
		margin-bottom: 40px;
		font-size: 12px;
		height: 116px
	}

	.apply1 {
		margin-top: 0
	}

	.apply-list-dv1 {
		width: 48%;
		margin-right: 0;
		font-size: 14px;
		height: auto;
		padding: 15px;
		justify-content: space-between;
		margin-bottom: 15px
	}

	.apply-list-dv1 img {
		width: 62px;
		height: 69px;
		margin-left: 0
	}

	.apply-list1 {
		justify-content: space-between
	}

	.advantage-list1 img {
		width: 100%;
		height: auto
	}

	.advantage-list1 {
		flex-direction: column-reverse
	}

	.advantage1 .advantage-list1:nth-child(3) {
		flex-direction: column
	}

	.advantage-list-dv1 div:first-child {
		font-size: 18px
	}

	.advantage-list-dv1 {
		width: 100%;
		font-size: 12px
	}
}


/* 产品----相亲交友 */
.advantage2 {
	text-align: center;
	margin: 50px auto
}

.advantage-list2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 50px
}

.advantage-list-dv2 {
	width: 23%;
	height: 326px;
	border: 1px solid #dedede;
	font-size: 24px;
	font-weight: 800;
	margin-bottom: 45px
}

.advantage-list-dv2 img {
	width: 100%;
	height: 172px;
	margin-bottom: 29px
}

.advantage-list-dv2 img:hover {
	transform: scale(1.1);
	transition: all .5s linear
}

.advantage-list-dv2 div:last-child {
	font-size: 16px;
	margin: 15px auto auto;
	width: 224px;
	color: #3b3b3b;
	font-weight: 500
}

.pattern {
	text-align: center;
	margin: 0 auto 50px
}

.pattern-list {
	display: flex;
	justify-content: space-between;
	margin-top: 44px
}

.pattern-list-dv {
	width: 25%;
	height: 421px;
	padding-top: 46px;
	color: #3b3b3b;
	font-size: 16px
}

.pattern-list-dv:hover {
	position: relative;
	-webkit-animation: movetip 1s infinite;
	animation: movetip 1s infinite;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.mxq1 {
	background: url(../image/4e4a602.png) no-repeat top;
	background-size: cover
}

.mxq2 {
	background: url(../image/a3abfa7.png) no-repeat top;
	background-size: cover
}

.mxq3 {
	background: url(../image/d0caa7d.png) no-repeat top;
	background-size: cover
}

.mxq4 {
	background: url(../image/0dc2f11.png) no-repeat top;
	background-size: cover
}

.pattern-list-dv div:first-child {
	font-size: 24px;
	font-weight: 800;
	margin-bottom: 15px;
	color: #000
}

@media screen and (max-width: 720px) {
	.advantage-list2 {
		flex-wrap: wrap
	}

	.advantage-list-dv2 {
		width: 48%;
		height: 230px;
		font-size: 14px;
		margin-bottom: 15px
	}

	.advantage-list-dv2 img {
		height: auto
	}

	.advantage-list-dv2 div:last-child {
		font-size: 12px;
		width: auto;
		padding: 0 12px
	}

	.pattern-list {
		margin-top: 20px;
		flex-wrap: wrap;
		align-items: center
	}

	.pattern-list-dv {
		width: 48%
	}
}


/* 产品---NFT交易系统 */
.tongdian {
	padding: 61px 80px 32px;
	background-color: #fff;
	text-align: center;
	border-radius: 6px;
	margin-top: -100px;
	box-shadow: 0 3px 16px 0 rgba(35, 110, 251, .16);
	margin-bottom: 62px
}

.tongdian-list {
	margin-top: 57px;
	display: flex;
	justify-content: space-between
}

.tongdian-list>div {
	width: 25%;
	color: #616161;
	font-size: 20px
}

.tongdian-list>div img {
	margin: 0 auto 38px
}

.tongdian-list>div div:nth-child(2) {
	font-size: 28px;
	color: #000;
	font-weight: 700;
	margin-bottom: 28px
}

.diceng {
	text-align: center
}

.diceng-list {
	display: flex;
	justify-content: space-between;
	margin: 50px auto 62px
}

.diceng-list>div {
	width: 24%;
	box-shadow: 0 3px 16px 0 rgba(35, 110, 251, .16);
	background-color: #fff;
	padding: 30px 33px;
	height: 296px;
	border-radius: 6px;
	color: #2d2d2d;
	font-size: 20px
}

.diceng-list>div img {
	width: 74px;
	height: 74px;
	margin: 0 auto 20px
}

.diceng-list>div div:nth-child(2) {
	font-size: 26px;
	margin-bottom: 28px
}

.jiaoyi {
	text-align: center
}

.jiaoyi-list {
	display: flex;
	justify-content: space-between;
	margin: 48px 0 62px
}

.jiaoyi-list>div {
	width: 32%;
	height: 312px;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 3px 16px 0 rgba(35, 110, 251, .16);
	overflow: hidden
}

.jiaoyi-list>div img {
	width: 100%;
	height: 133.33px;
	margin-bottom: 31px
}

.jiaoyi-list>div div {
	padding: 0 44px;
	font-size: 20px
}

.mokuai {
	text-align: center
}

.mokuai-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 48px auto 62px
}

.mokuai-list>div {
	width: 32%;
	height: 312px;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 3px 16px 0 rgba(35, 110, 251, .16);
	font-size: 16px;
	color: #2d2d2d;
	margin-bottom: 27px;
	text-align: center;
	padding: 38px 44px
}

.mokuai-list>div div:first-child {
	width: 98px;
	height: 98px;
	text-align: center;
	line-height: 98px;
	background: #594bc8;
	border-radius: 50%;
	margin: 0 auto 23px
}

.mokuai-list img {
	display: inline;
}

.nft {
	text-align: center
}

.nft-list {
	margin: 48px auto 62px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.nft-list>div {
	width: 48%;
	height: 210px;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 3px 16px 0 rgba(35, 110, 251, .16);
	margin-bottom: 27px;
	text-align: left;
	font-size: 20px;
	padding: 45px 44px;
	color: #2d2d2d;
	background-repeat: no-repeat;
	background-position: 95% 84%
}

.nft-list>div div:first-child {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 28px
}

.mokuai-t1 {
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 10px
}

@media screen and (max-width: 720px) {
	.tongdian {
		margin: -50px 12px 31px;
		padding: 31px 18px;
		width: 94%
	}

	.tongdian img {
		width: 25px;
		height: 25px
	}

	.tongdian-list>div div:nth-child(2) {
		font-size: 14px;
		margin-bottom: 12px
	}

	.tongdian-list>div {
		font-size: 12px;
		width: 32%
	}

	.tongdian-list>div img {
		margin-bottom: 20px
	}

	.tongdian-list {
		margin-top: 21px
	}

	.diceng-list {
		flex-wrap: wrap
	}

	.diceng-list>div {
		width: 48%;
		font-size: 12px;
		height: 158px;
		margin-bottom: 10px;
		padding: 18px
	}

	.diceng-list>div div:nth-child(2) {
		font-size: 14px;
		margin-bottom: 10px
	}

	.diceng-list>div img {
		margin-bottom: 10px;
		width: 44px;
		height: 44px
	}

	.jiaoyi-list {
		flex-wrap: wrap
	}

	.jiaoyi-list>div {
		width: 100%;
		height: 213px;
		margin-bottom: 10px;
		font-size: 14px
	}

	.jiaoyi-list>div img {
		height: 122px;
		margin-bottom: 20px
	}

	.jiaoyi-list>div div {
		font-size: 14px
	}

	.mokuai-list {
		flex-wrap: wrap
	}

	.mokuai-list>div {
		width: 48%;
		margin-bottom: 10px;
		font-size: 12px;
		height: 179px;
		padding: 10px 12px
	}

	.mokuai-list>div div:first-child {
		width: 43px;
		height: 43px;
		line-height: 43px;
		margin-bottom: 10px
	}

	.mokuai-list>div div:first-child img {
		width: 50%
	}

	.nft-list>div {
		width: 100%;
		font-size: 12px;
		height: 125px;
		padding: 20px;
		background-size: 20%
	}

	.mokuai-t1,
	.nft-list>div div:first-child {
		font-size: 14px
	}
}


/* 产品---短视频 */
.core {
	text-align: center;
	margin: 66px auto 62px
}

.core>div.core-list {
	margin-top: 52px;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}

.core-list-dv {
	width: 23%;
	height: 344px;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .16);
	padding: 49px 29px;
	box-sizing: border-box;
	font-size: 18px;
	color: #2d2d2d
}

.core-list-dv img {
	display: inline;
}

.core-list-dv>div:nth-child(2) {
	margin: 36px auto 29px;
	font-size: 26px
}

.interface {
	text-align: center
}

.interface-list {
	margin-top: 10px
}

.interface-list-dv {
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.interface-list-dv>div {
	width: 528px;
	text-align: left
}

.interface-t1 {
	font-size: 36px;
	color: #000;
	margin-bottom: 39px
}

.interface-t2 {
	font-size: 18px;
	color: #2d2d2d
}

.advantage4 {
	text-align: center;
	margin-top: 80px
}

.advantage-list4 {
	margin: 73px auto 50px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.advantage-list-dv4 {
	width: 23%;
	height: 319px;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .16);
	padding: 57px 29px;
	box-sizing: border-box;
	margin-bottom: 26px;
	color: #2d2d2d;
	font-size: 18px
}

.advantage-list-dv4 img {
	display: inline;
}

.advantage-list-dv4>div:nth-child(2) {
	margin: 23px auto 28px;
	font-size: 26px
}

@media screen and (max-width: 720px) {
	.core {
		margin: 36px auto 32px
	}

	.core-list {
		flex-wrap: wrap;
		margin-top: 30px
	}

	.core-list-dv {
		width: 48%;
		height: 221px;
		margin-bottom: 31px;
		font-size: 12px;
		padding: 30px 12px
	}

	.core-list-dv img {
		width: 55px;
		height: 56px
	}

	.core-list-dv>div:nth-child(2) {
		margin: 18px auto;
		font-size: 18px
	}

	.interface-list-dv {
		flex-direction: column
	}

	.interface-list-dv img {
		width: 100%
	}

	.interface-list-dv>div {
		text-align: center;
		width: 100%;
		margin-top: 20px
	}

	.interface-list>div:nth-child(2) {
		flex-direction: column-reverse
	}

	.interface-t1 {
		font-size: 20px;
		margin-bottom: 20px;
		font-weight: 800
	}

	.interface-t2 {
		font-size: 12px
	}
	.advantage4,.advantage-list4 {
		margin-top: 40px
	}
	.advantage-list-dv4 {
		width: 48%;
		height: 242px;
		font-size: 12px
	}

	.advantage-list-dv4 img {
		width: 55px;
		height: 54px
	}

	.advantage-list-dv4>div:nth-child(2) {
		margin: 18px auto;
		font-size: 18px
	}
}


/* app开发 */
.sh-content-details-row {
	text-align: center;
	margin-bottom: 15px;
	margin-top: 15px
}

.sh-content-details-row>.sh-content-details-row-title {
	padding: 5px;
	font-size: 25px;
	color: #242424
}

.sh-content-details-row>.sh-content-details-row-title span {
	padding: 5px;
	font-size: 10px;
	color: #a8a5a5
}

.sh-content-details-row>.sh-content-details-row-content {
	padding: 10px;
	color: #a8a5a5
}

.sh-row {
	display: flex;
	flex-direction: row;
	padding: 20px 0;
}

.sh-rowImg {
	flex: 1;
	margin-left: 35px;
	cursor: pointer
}

.sh-rowImg:first-child {
	margin-left: 0
}

.sh-rowImg img {
	width: 100px;
	height: 100px;
}

.sh-topCard {
	margin-top: -150px
}

.sh-topCard .sh-rowImg {
	background: #fff;
	padding: 50px;
	box-shadow: 0 0 2px 2px #cfd4e5
}

.sh-topCard .sh-rowImg:hover {
	transform: translateY(-50px);
	transition: 1s
}

.sh-topCard .sh-rowImg>img {
	width: 45px;
	height: 45px
}

.sh-scene {
	padding: 20px
}

.sh-scene>.core {
	width: 100%;
	height: 120px;
	margin: 0;
}
.core>div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    flex-flow: column;
}

.core1 {
	background: url(../image/8c5df5c.png);
	background-size: 100% 100%
}

.core2 {
	background: url(../image/25b26cd.png);
	background-size: 100% 100%
}

.core3 {
	background: url(../image/703ca8e.png);
	background-size: 100% 100%
}

.core4 {
	background: url(../image/c030495.png);
	background-size: 100% 100%
}

.core5 {
	background: url(../image/1aafcc5.png);
	background-size: 100% 100%
}

.core6 {
	background: url(../image/6ff56a3.png);
	background-size: 100% 100%
}

.core7 {
	background: url(../image/197f409.png);
	background-size: 100% 100%
}

.core8 {
	background: url(../image/a500e94.png);
	background-size: 100% 100%
}

.core9 {
	background: url(../image/153efec.png);
	background-size: 100% 100%
}

.core10 {
	background: url(../image/565c02f.png);
	background-size: 100% 100%
}

.core11 {
	background: url(../image/ef57dd7.png);
	background-size: 100% 100%
}

.core12 {
	background: url(../image/ceee446.png);
	background-size: 100% 100%
}

.core13 {
	background: url(../image/2148415.png);
	background-size: 100% 100%
}

.core14 {
	background: url(../image/8d2fb3c.png);
	background-size: 100% 100%
}

.core15 {
	background: url(../image/1bd7997.png);
	background-size: 100% 100%
}

.sh-serviceMany {
	padding: 35px;
	background-color: #fff;
	margin-left: 0 !important;
	height: 150px;
	margin: 35px;
	box-shadow: 0 0 2px 3px #e1e5f4
}

.sh-appDevelop,
.sh-serviceMany {
	position: relative;
	font-size: 20px
}

.sh-appDevelop {
	align-items: baseline;
	color: #fff;
	margin-left: 0 !important;
	height: 200px;
	margin: 0 15px
}

.sh-serviceB2B2C {
	padding: 35px;
	background-color: #fff;
	margin-left: 0 !important;
	height: 450px;
	position: relative
}

.sh-serviceB2B2C>.core {
	width: 100%;
	display: flex;
	justify-content: center;
	align-self: center
}

.sh-serviceB2B2C span {
	color: #a8a5a5
}

.sh-serviceHt {
	height: 530px;
	flex: 1;
	box-shadow: 0 0 2px 3px #e1e5f4
}

.sh-serviceHt img {
	width: 100%;
	height: 180px
}

.sh-serviceHt ul {
	width: 100%;
	margin-left: 10%
}

.sh-serviceHt li {
	float: left;
	width: 50%;
	margin: 10px 0;
	text-align: left;
	display: flex;
	align-items: center
}

.end1 {
	background: url(http://hlnzn.com/images/8b6a232.png);
	background-size: 100% 100%
}

.end2 {
	background: url(http://hlnzn.com/images/f7b961d.png);
	background-size: 100% 100%
}

.end2 li {
	list-style: none;
	width: 50%;
	float: left;
	height: 125px
}

.sh-ourValue .sh-rowImg:hover {
	transform: translateY(-50px);
	transition: 1s
}

.sh-ourValue .sh-rowImg {
	background: #fff;
	padding: 50px 70px;
	box-shadow: 0 0 2px 2px #cfd4e5
}

.sh-laborSecurity img {
	flex: 1;
	height: 300px
}

.sh-laborSecurity .sh-laborSecurity-content {
	display: flex;
	flex: 1.5;
	flex-flow: column;
	padding: 30px
}

.sh-laborSecurity-content ul {
	margin-top: 15px;
	width: 100%
}

.sh-laborSecurity-content ul li {
	text-align: left;
	padding: 5px 0;
	color: #0c0c0c;
	margin-left: 65px;
	flex: 5;
	list-style: disc
}

.sh-laborSecurity-content-ulTitle {
	display: flex;
	justify-content: flex-start;
	margin-left: 50px
}

.sh-laborSecurity-content-ulTitle span {
	font-size: 25px;
	color: #0c0c0c;
	border-bottom: 3px solid #236efb
}

.sh-rowImg p {
	padding: 15px 0;
	color: #000;
	font-weight: 700
}

.sh-5BigAdvantage:hover p {
	color: #f2f2f2 !important
}

.sh-5BigAdvantage img {
	width: 80px;
	height: 80px
}

.sh-5BigAdvantage p {
	margin: 15px 0;
	color: #6b6b6b
}

.sh-shadow {
	box-shadow: 0 0 2px 2px #b7b8bb
}

.sh-content-nav,
.sh-flex-center {
	display: flex;
	justify-content: center
}

.sh-content-nav {
	height: 50px;
	background: #f0ecec;
	margin-bottom: 50px
}

.sh-content-nav ul {
	display: flex;
	justify-content: center;
	width: 70%;
	align-self: center
}

.sh-content-nav li {
	flex: 1;
	display: inline-block;
	padding: 10px;
	text-align: center;
	border-radius: 25px;
	cursor: pointer
}

.sh-content-nav li:hover {
	background-color: #0b55df;
	color: #fff
}


.sh-clientCase .sh-rowImg img {
	width: 100%;
	height: 200px
}

.sh-many1:hover,
.sh-many:hover {
	background: #236efb;
	color: #fff9ec
}

.sh-many1-bg2 {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAMAAAC7xnO3AAAAVFBMVEUAAAAgcP8ibvoibvsjbfsjbfsibfsgbvwjbvwgcP8ibvogbPsibvoibfojbfsibfsjbPwibfogcP8ibfoibvsjbvoibvsjbfwibfoibvsjbvsjbvtEFFEUAAAAG3RSTlMAIG9/r7+PT18Qz0Df4MDwUNAwn4Cg72BwkLCuYW61AAABhklEQVRIx+2W3XKDIBCFJcYmxIhIxKTZ93/PLhgBRWG563R6ruDIp/vnaFX969eLnepz03zVl8C6fiye4E43cDq31rrGVqzr3V7vhOjtomGVnK3BWWoPfBhqnC9xqXE3hVYlNdLTM+I4RtWFNjMs9KHFjVVvSQSHTQlkDwNbWy0+9hWFquNCx6GpDmBVpyc+kdY21cMUxnaHzm3Z6ZHqnAQY/e4FsATGG/CbXQkAn/0NuiUY00DBUmQbFIm5APiElUpyqAFuQX0+3daZSK2+AZZCjAAuEJ0FzamlMXpJM7gbjRQgNoukmE/JAatWHUoBSJfy9ElY5Oq6iXYkpefkW2EGShaQGnq3JjXDaQpOv8NRJATrp4U2AbP43Q25kaBnel4PKMP3VZFAfCHfKwPLS0IxyY5HFgHFU73aMbPoLkhBD8A8egjm0ASYRpNgCs2Ax2gWPEIJ4D5KAvdQIhijZHCLFoBrtAgM0ULQo8XgjF54XQ5a1P7WFIP2pyb3+T6Uaks+Gn9VPzAAKtchJLIHAAAAAElFTkSuQmCC);
	background-size: 100% 100%
}

.sh-many1:hover .sh-many1-bg2 {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAuCAQAAAAv4OnkAAABvElEQVRYw7XX0XmCMBSG4U8myAaygYzABnWD0gnqCGzQFbpB3UCcoGwgTgAb/L0gRUTQAMm5Mskxb06eEHTDSCjmjRRDggEK4Mh5Uy7Jmgil+tV4XPTeyzq9zrrF5o5I+CK1jSsVJQ2QErO1vSUfVPzcZRUApBh2t6zJqpSqliQ1ypUMN0i5GklS/TTroMpWlY0jmR3OZSaWYZR3W/PtkJWPVdKucHwN/bzGISuxlWfD7lpSM9yEidUah6zYQv0Z7anJXn/dPWxFl+GG5cunnIAOkqTDf/NXUuOyFbOhSlLdfozD1ALd6d3fSktCMNAefkCFpCoMAjq2xyACIBhDCcQQsbONoBFhgCZoNSiJApeRAGzKiDN013qwaKvZrpzleTVXuucmDqOobp+byL77siDIHgMc20YlqQ5yp516t6W9eXLvyHBelZKk1Cvy/6o0/a5GUu3vApWxP8Pul24L9AR1SP445A3qkO/xYS/QC8QP5ICshxyRddAMZDk0E1kGLUDmQwuRedAKxB1aibhBHpDXkCfkOeQRmYY8I+NQAOQRCoTcQZ961yUQ0oO6v+xBEAClKiRJhfbBkDXxB/bksnMR4sj7AAAAAElFTkSuQmCC);
	background-size: 100% 100%
}

.sh-many2-bg2 {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAMAAAC7xnO3AAAAUVBMVEUAAAAgcP8ibfsibvsgcP8ibvsjbfsgbPsibvoibvoibfsibfoibfoibvojbvogcP8ibfoibvsjbfwibvsibfojbfsjbfsjbvsjbPwgbfsjbvtoROOhAAAAGnRSTlMAEI/vMIC/QN9v8OBwz6Ag0H9gkJ+vwLBQP23gWxoAAAFLSURBVEjH7ZbrcoQgDIUTBdn1xqpdtXn/B210L6IWN9iO02l7fgnhIxk4RgH+daQwipUz1IkRgupEpJ0xEUUoAc+8cknS6XVaTGhNpoK0JibK1JLUObOF2gIj3rxEWJFgLxyp/GDBhdX3tXOST5jRwlsq0cWChwTFaY2fNOAlp/CPI5tpFsNIerOPSfZiLiZrvvh4vD288i4tikmw3c2rZ7ZUmq/CGyQ/D6bhQqlDCCMBBq9SZnzhDRKwJI2whwwI/yEysV7QJn4Sx5bh6VSDnTJvF8NmME7vSUjNVvtTLa+4rkqu4rmdPlX+fE+m7YpXCe8ll4suV5Mg4U0mI3KGi5a/KT0jdaek4IIM0feQ9p0lLtch+/GjSPmRJFjD2lPtF05oN2mTUdJy1ycktZ9DYtOyShtOHnlClaM+iHQVy8nxv+mpVPxe/0p9ABszJUkaaT4WAAAAAElFTkSuQmCC);
	background-size: 100% 100%
}

.sh-many2:hover .sh-many2-bg2 {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAQAAAAmEUsOAAACBklEQVRYw+2Y0XWjMBBFn3JSgDpYpQOVwHbgEujApAKTCuytwN4KQgehA7MVhK3ApIKXD48xjkGWBLuJc/y+AHnmakbSMAa46aZvKGouuaMdGM35wmRaoOUrSTIfGN9rST0VcM6D3EjydYJYqflCeiGbSWJlwh1Jsqa9iMyZCXY7tOaXgUuZ94b64NaFBGhYic0iBriVdKWnbl1IAGAu0G14Skmyoulz60ICtBJr0v/rOyc5U3V4flSFzDV+5+lnQn15pO57GHoOw5Bzro8bSoAJ9nuzGRm87Nik8ySVg747njlqPsuRKLuxnltHIQEaFt1ayrnUpobZZesopDyvWuxexflaupGBO1aVyuIRbwAMgL/4qWaqCfMRcUjUCga/ATzBqjLc/j7cBFANUqQxlpFRjtUN+SnIxcfy5iMaRPUE+thShJXttibVwW0XNVdtnZn5xtf2g6vIPo+Wpbh4vpxiLtr4kihc6yg7f4P0Tm47Mr4Td5obd9fGVMbHxnfiNGFNkgOjzl4+Hpo7kDkL/w49qqx/lAqK7xOqz+goafBDLt9UNenc+teSM3aV+Xi6vsSqgg8wctP4JXb0WqoadZjF9SWWBuvO7aNPascm1iLp3M3wH5AlfsHKdY2Nj8nYHdu4/zH36etvn8HX9B9VTD639uNKv3b/IB2dz0jnaiZ/Pd90FXoHNxExbLMxTuMAAAAASUVORK5CYII=);
	background-size: 100% 100%
}

.sh-many3-bg2 {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAMAAAC7xnO3AAAAV1BMVEUAAAAgcP8gbvwibvsjbvwgbfsibvsibvsgbPsjbPwibvoibfogcP8ibfoibfogcP8jbvsibfsibvsjbvojbfsjbfwjbfsibfsibvoibvoibfojbfsjbvtsG1R/AAAAHHRSTlMAEE9/Xz+A70BQb+AgcNAwsPCQoMBgv4/P35+v6SFIRgAAAXVJREFUSMftltt2hCAMRaFjFQtV8dLr+f/vbJxZbbkGdLVvkycJ2R4TNUSIu/2/yYdLU4hoLo8ydrcdAMWSPUV0TxFIXmjDkkbvQc++UwFDX5FST/DoeSZYTu83eLSYvS2NhQFnJ3rF6u0BLZMfHJIKUk+ugDlFUvWcVI6QnuQRUsGr5gFyhZWnSBVs1ZOBZD25hTvVpA4kq8lIsprU0PIUSZKbYMk+Q5KkiEmnc8yZRpKQvLaUy/diAGyqIcgulqTbWeDldklfCV5Tz9omJMkW/HSU/fItbodpSfMO5xdQOmppN8lEDuQd3JokakuSq0iS3jpBtul6l8mMZAW5ZM6KgDRR/cmTlAxJFQnkJIskSU7iFLl4nfIAaZA9ZwrklJUMSel/aCovWXifa16SJzlJnpzCTsmR1lWZucN0whCs3RIxw80WZjLSj/7R8EMNvebmE9Eosu2jTjCwhLbfHjZqTWayJZJqrpfkc408SAGldO72N/YFpugk9rHAwdwAAAAASUVORK5CYII=);
	background-size: 100% 100%
}

.sh-many3:hover .sh-many3-bg2 {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA7CAQAAABvLDo4AAACaElEQVRYw+1Y0ZWbMBAcrgJ1YEqgA1MCHRwdHB2cUsHRQUgFcSqAq8CUwFUArmDyAeYZI4kVcPkJ+4lmdzQL0qwNHHHEEfsGE15JkuW/JC14j27j5lte+ZORBJySJBtqalGCvdJl3H62DO5J1Q5dC6lH6tgNjUmSyXbSB/KOZOsGZSS5TisVS5bz3OG1TfS+PGEUAATdKmEZYsQIZ88vADB9/iIoJ9Ma4g3AZ1A/rwwinLQKwG0Vr4YCoGXgZ9oIQC1LnWiN8QrgT1Cto10bvcpMCt+FlgnOAH4EjXE1AgBM1vZRmwO4Ibesqm+hpcYJgPY5dptpqfAG4CvIfbKM14VX9Acn3bZ3ktQe+JAkWTkx8fLl6BsFAI+DY6Rl6NmbGGcAv+YX4iT6qo2tSMpWaMr3jJpkt+RX1CRpW7yPMrmYNJV9CT0tP4ztGkgXi4wZii3JRoDsjZ78PesLFauB+GO50IOGVIQNWZMkr6bFbNhVLCrULh2cB3TEchAVmpYTMW0hRY5Vyc4yo5kOtgNXCLXm/Vdj/eLFtJW1YTZ0NX224pZi6nJXWUxp+zZ0CzkaLnddQRsBgPuqG9w1WznUGmkXY3TXYgup/7vNd3BXX1qGeAXwKR1L91JbAHto9aId3bXx5Agxc1sftQWAm/8kgdMSbQTgy6I1xQlAvu3gmEtXNleRu6sh1+DjU7UVgLMxN/H5Pee7r9Rm3VRspI7zlBktjgNUg9G/+86Qjppa4FajJZNXmYk7qym+9//8SJpS+45zFpXlKCGSpUTMeNnSaKqRsjF1LdiiyElcIESFOrh8F8MRR/y38RfGAehpQhm7cwAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-many4-bg2 {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAMAAAC7xnO3AAAAQlBMVEUAAAAgcP8gbfsgcP8gcP8ibvogbPsjbfwibfoibfoibvojbvoibvsjbvsibvsibfsjbfsibfsjbfsibfoibvojbvumpC9rAAAAFXRSTlMAID8QMM9AYHDg36CAsJDwv4/A0G/VeSEFAAAApElEQVRIx+3V2w6CMAyA4RVGReSk0vd/VSA4I2tDN4w3pv8VAT46DgnOWT8NCl6ZAj0JVSkSJUmXcN14NbCTNUZdqdkO3vg160+J8TraMLTjsj+U5UDjtoEsdyjXoXyn8IT4Se+h2dL1CUNlCUTdObm+Dzgnl6HNKHZXpPQRvEJFwkPsqUv95kyaNGnS5F/LqUhv2snMgvTZ0oeVA+al/cqtL5sB1AMm07kQeJ8AAAAASUVORK5CYII=);
	background-size: 100% 100%
}

.sh-many4:hover .sh-many4-bg2 {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAQAAAAmEUsOAAABLUlEQVRYw+2Y4W2DMBSE71X5HzYInQBGIBN0hGSEsgEjMIK7QTcgGzTdwN2ADS5/nMSuKvkBDVKkd3/Als+f72FZwoDJ9EyS6wtL7FSObxn/hcyaWn0tZW3Cs1A7ah7FpcvFNuP5EX9vhMKywQCgxTljdtjBy2sEdDgoFtpK/7uwDUmyyTnZkSSPUc+n6nNEwDTlXk4ZZAGPLU6yj3rqfMg/5tWmvOVUjMxNpEcWHEkO81kvUw0ywgFo5uecjATQAwDeV0SKxweAN5bzkJtZrg4HAAP9BM9Z2qSt3z5hvFMfkHc1S1ICHaaUtUC1tLAQD3VFbgdN0Jwdu1CGNKQhDWlIQxrSkIY0pCFVSn8QKvIhlCpupMh+jZTXwo4rsAIjvsMrHwr08Q2XyfQ8ugDt3eTzYHDytQAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-many5-bg2 {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAMAAAC7xnO3AAAAV1BMVEUAAAAgcP8gbfsgbvwibvsgcP8ibvoibvoibvsjbfsibfoibvsgbPsgcP8ibfoibfojbPwjbvsjbfsjbvojbfwibvsibfsibvojbvwjbfsibfsibfojbvvxj2dFAAAAHHRSTlMAID9PfxBvz++v0IBAMJ/gULDAoGCQ8N9fv49w8eqs2gAAAdBJREFUSMflltuWgjAMRalYLG25FYsD5v+/c4I4DjTBFte8TZ4kq5tcGk7Msv9u4pSf85M4isniAotdCnkELBT8mirSA5Z4XhtbZZU1Gn/XiWElJtq0r8e2wZTTUIzYrU9KB1CmgAagD1wdgImDQoEOc5MaVPx6egBLnJbmQU1Bx3gdqBiIb78y7itAFe8PdwMy3iMkWX+c7ECz/ibaos9jfk7uNHGn5WvDJnrG7fmWbwwHjZ6R/HyQvGhQz40kMUdLwuJdHMzEAOoagkOSklWoH+dVjWeID+1PqQPA7WuJIr5uGDGhyGdU/dDLcRwf2qkTIy6lNS/RbGIjQOIaN5s5Eu8PTJ4+YPJ6fK6GccrTOVvCxlSZVqxdojlj7tYY7x5PdXyG5ITnBt+uPG0/s1MMnK/eh5+ZmNny7Qda4d50XGIWp+oi3oM7EidxK6ndqPjlbz5NO6176vfX6FzjZkbdNgEstuZJH6bqAiVwO9JpiWSEpNR8qTgA4j25s0YtTYWQc770ahwMMkpWjKRy2k5JXHW30NUyWsyQdyqDPQxZAikA7oHrwiwOz+wvTd6W9F+JzSOV7MMWifhmXYzs9CppzWWP5obd8EkgysNRyaf2DWdWJ+RwnQKyAAAAAElFTkSuQmCC);
	background-size: 100% 100%
}

.sh-many5:hover .sh-many5-bg2 {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAQAAAAmEUsOAAACmUlEQVRYw+2Y0XGbQBCGfzIp4DowHZgOfCWoA6sDlWClAisVWB2IVCBSgXAFxhVAKvjywFqWFaE7zDGTyWTfBKv9+Je9u12k//avWDb+L+S6kVOhWp1es2bW58Ox4sBHO7DCzQVc0XLZWlZz6NtZ+Jo1nkKiwLOmtutPSbXiLJ0Niwt3FzSW4nRQU1gOhcRRAbBLBVz3wIBXCcA6BTCnBepQ0nDUQEs+HbkFwEd4egC205FtOKlH3wpopwL7J19Gei8BKKYh+9Jxkd4upoS+xITKujhknF8IWUh6HpGWV0n5NGQt6XYE8kZSMw05g4WQjSTF1qCt3ibOeyhIX4ObSO/NmPoeDtNvYxFhcGO2jWuBfKxO0+gnI20bC+5AtvNUCYASOR3QXoMasEtwjljAwpqNh4t3HQ92v0gElCQ8HQAv3J8qIeeeF1PoEwJN6VtjBQf27NmfNJh1UoUn2KU1Vh+tiT3cehvdrVNoofcUViqzehZ9f4HhuPvsf0ckFqc7LZSfpFXqVKtWlf1Ir8ofB4ShqWQXW7MRKvF6OFH2U5Wp85KcCr2neKtvk4c/HI+mo2NzaSKRcCys2wV4nAp8W+ybYLeeH7G7T5+YFDZPVrGbNd52qMOntvcjcDsyL6WV01ildsIPnpJ4Hocq1I7qcdPm8R0uBz2qa/rtrT6NQW5CKaW63gFYJ7GOBfpwSxFEuvg2TRJ7gOs1F0KOmjbNNZCSMPKY3FwhowK64MKPQRZR7Whsdx6DtE8WL+dXz2cSL0kqg8mIs0pSfr5+z5ELSb+y4PNHWnkiYxB5a88WslrSNuSUNXo2GcOW7HPRW7wL73zukbZRP1kPIW0NNYmR+TWVLjmy+/PS19MfWc13KVm9SlKpIqoc57XfwrLJ4RdxVgYAAAAASUVORK5CYII=);
	background-size: 100% 100%
}

.sh-many6-bg2 {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAMAAAC7xnO3AAAAVFBMVEUAAAAgcP8gbfsgcP8jbvwjbfsjbfsibfoibvsibvoibvoibvsibfsjbvsibvsibfogbPsjbfsibvoibfogcP8ibfojbPwjbfwibfsibvsjbvojbvtRYNpaAAAAG3RSTlMAED8gX6+/n3/fz+/wsIBwQMBv0DDgUGCPkKD5Abj6AAAB9klEQVRIx92W0XqDIAxGoVarVSNWlBXe/z0XtHUEQeiu9u2/isiRhEAMY/9F/PI5U1zLymyqbleevVTdGKp7nQPzurWTux5gEAAwdvaxTbMPy02DdIYkzJZdzhcscc4oDuPKsl8noMAAZxF8pdDpexEF8cN9LJ5iQo8jqMQQ1YlHT1yV/waMojwJMqbxYBxHyzS4ooM/tuDmJEHGZ9N6/qKvXc4Jw+0v6chgzJIBMtYbI8lAY+YskBXGaC9KZ3tUyT2DLEoi7UmUe9pC+aOLsJa4sGc8mPrZjMR5kib9JnQA1aYlHtzqVUUaxTT8HHzY68aYXlW6gYruTUKGw86soOIojPKUZHiT79TIFe9eW7EbuUIvJ2oEJCoIgpwYIYGb3Ci4564V+zTlX53giqM55M6ePpUEWQGrNLnKHb108J4PgRjJ6UNHGucdOr9dut1w1ZMioIgHOF9SwxFWLLfUYbKdR5ilZ9BFhPuss4+JX7HkoRpGtBxqde85EVGgLhedaTJKdRmoy5imWxJUwX/ImEaD+cUQ8AY/k2CwHFj0rIt4xEBMzVkXsbYt0QK0dhHX4KuTtmUT/g9Mc2RFdda2bFps6W1qt8uU9d22cwNLiMPW6FX4r7g86rra2kDI6hnV5PWaUxb3gvW76oxafVRsXxvzOfJX9Q2S9zNnVrA0MQAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-many6:hover .sh-many6-bg2 {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAQAAAAmEUsOAAACy0lEQVRYw+1YwZWbQAz9fi/3UALpgA6WdEAHpgPTgelgSQUhFeBU4EkFZiuADmAr+DkgnGFhhgHmkMPqZkmjb0mjkRDwSf8TMeDL3rOnDTAhXpAgQDxhK7RQ+H3qfft0ZUM7PXhl4MVLBrggw2jsHQo1gB61eBsjwleR9ijw46C/vLATL2pmjAxaEXO2otcxORLOSswoxg766RP2dR9gLNlrXeA02F4yG24HHOjmdiW0kyFrCfAWUEaSwXRXgMBCPHX9u0cBN4MyOA4IACxJkncX1coHoAaaraklw6U5DggwYEuyswZXgtpvvaVGe8O9r2wqGUkeeD3mFm8kaXq1ALAh2foDBBiSJEuTODFfHKaspuGecyx+mvLJmzmP8ypzrTubI2BnDsG8tN2LnS1JtSQI7VUkVaaDlm6gLEl2/34/WzQTVABKtJr2r1OrH8UZQI3vYxOecxYhM7wC+KbbGgT5wnDxIRz7PGVkyCZj6XQ65X7Cu2zLmfaAMqeyPAcOoEMLftg4nomBpCA0c3xDDoGsbRw3QzHvLikezc9yWW/uP8ynBXsEcKHguoU5kelKm9ngIdVCjT8j+OWppwAAEWozIM4A3hB/eH00jlCKVPsVyhu1YLK3dLYxWLqHuVsOpfGHSyJFsjEcG8KutbY5xwh5MzZ+MZIsygbzkY1jABzmqZtJ2JuEzNlOzc851vjEJnHp/w1ZmaekzVTuBlcBk9XxWYbA2NHiGqDLXMyQPcnGz/AsHxvJmtpQRT89AKbOHxvyXB0Eda9bAAyk5RYeACPXAyPovjUDeNkICACM9q4ZtD3KFkBgsmY4bzi1a4+iGyjk/zYusIx5F/3NexTdTPKcbhteTdtJRrzyIXr92qe6yw4vQ6Zt6Wpp5goRAgw7vNGndxQovOwsGTCVzJqpZu5pUznxN0GMENPw/kELBTX7yPFPvp7+T/JGfwFvQAvLw9erGQAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-many7-bg2 {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAMAAAC7xnO3AAAAS1BMVEUAAAAgcP8gbfsibfsibvsibvsibfoibvoibfsgbPsjbfwibfojbfsibvsjbvojbPwibvsgcP8gcP8jbvwibfojbvsjbfsibvojbvv2VE6SAAAAGHRSTlMAMD+Pf4Bwz/BAYODAkKBQ7yAQX9Cwv99d3OauAAAA3ElEQVRIx+3Vfw+CIBCAYalARFMwqfv+nzTs1xTc3Y21leX7p/OZ7BhSFFtfndgxWnB74HWIoWRCABXJErSq6EwNTSQBjqxhtACJlCwpN/l2KbpM2QFUWVJYAJcjR2hyVjuBLGls2SeQI004UKWIIUOa21m0IoK0DFBX4S17mkNSjlA8PzyFlHzAO51BQr5gGM8wh7icwDRMohCTOESkwyEie43ClfxNfkVq8CxZQh098eEsnuku6W0pNPPKHvp4GU76hs6r4o9TljFasyQ9Z1PaJemUpHOfnsyKugIQPS67iwN1sAAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-many7:hover .sh-many7-bg2 {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAQAAAAmEUsOAAABfklEQVRYw+3Y3VGDQBSG4RfHe9OBlLAl0EHSgdhBOpAOTAdJB9qBSQVQglYAVPB5kZgJ8rMJHDNmZr/LM8t5BphddoGQkJDBRF1FOR6M2u/OGKRX2ebFB2bGoCQtBx+schw1GYXJc43JeGQXJUN3KUkrm/cIoI0kNWt3HeMqO5LPdunu4iaTE8hA9kROi6uSWpDzpuRqpBxroHMu/gkpxwcz4Dm6DnkCbnxjR5BKVSrXbBzYbidJmQfcJ5f7AVVKktKO0Vl7Wb+QPIKSVMoNgwbkAayUHD7lpZ6GwMnkEXSt+017+00hm2ADTQf6jSfbIICciiGwm7znjChlDdQkUXFajwrcOdc3c8a87APHxktag15SsTXof5cVNViCXjKqmNlh+9z+RiSQ/4isYcwi1ps58NUs/Z4kW+bMVZqdL2PgfXCMnCrjM3RxukuCjt8TiklxRgtAxTZamXQKuZ1oedgqTk/a7t69+iRmn6ykXer+hxezMEI3vnNYSMhF+QY/nExf20h7/AAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-many8-bg2 {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAMAAAC7xnO3AAAAV1BMVEUAAAAgbfsibvoibvsjbfsjbfsjbvwgcP8gcP8ibfoibvsibvogbvwjbfsibfoibfsjbvojbfwgcP8ibfojbvsjbPwibvoibfoibvsgbPsibvsibfsjbvvkQufzAAAAHHRSTlMAP29/v69fMBCf799PwNDwoGAgcLBQz+CQQICPlCUfJAAAAchJREFUSMftltl6gjAQRrGgCSBkYcd5/+fsREDMNqJfe9XOlQk5s/1DMEn+7TM7faVplp3T9MLeoPglL2C3Mr8e5NINq6p6/VVcDoBfhhNS8XWtm/YeuHvB6d7Eck+pAXfPnAIZBhxC3hsB0Os4qND1GKkecy4YBaqo2zGOMuwMJR46LoK1aqyRVh3RPoT2VKqLSYA80L1oc56sApi83hUw2Dtd5sujBWTu3gzgHKyg8oP6xzCkey5IcgGl17buCGmC2qMkQSSHSA3QWBsFyGNkMtjbU0DLCIlD+DwNjb2kyMmWFOtOfp3kdmGhUxEyAZh/hGyh/5B8o05t1xkmF3OycXqrAteB3O54e7uzSf2UPE8XJ1zNd2OeQ2td70W17ituWwmttd6nEbORBMjcCWdbobwEQX0GRvf9TFT3eNIQIDYkrLLpeUWApj9T+EkNgvjumKIiTZjt0XKN916Vu8uayjWLOt4GLnLZj3HBxEqK4NMbZhQTjJlpG8K6cExV0B/8sC6sJyIuVofap3OsQdJgSBd2M8XPJOfpok/XvDSc1DRodNnfx+bxH66aXnDmbhgtN8Za9SqeiWL1D0VS08toq00H3P8x+wbnRS2MZAFRmgAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-many8:hover .sh-many8-bg2 {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAQAAAAmEUsOAAACj0lEQVRYw+2Y3XWjMBBGP3LyvupgKYEOTAehg9BB6GDTwboD00G8FYStwKQCkwrMVnD3wYoNNj+SzOZhT+bJiJm5M5JGjCx9yZcES+SnzkqJjKRUUqtaUqO3qP4HkWF4ZMOBYdmz4WFZ3I8rWEVFfTF24HEZ4NMJ11KSYy7exxRsO/lmt+FidqesZlyR01jdl8uw3IGJza9xjZyCFoAdcQgwtzGvvayMneQDSSgwDwh2HQAlsdvFN9J+wAfnNSW2axgI7EB3jlC7S/NwoCRRArBxUS38N82IpwqAdE7NcACaSZ2MV5eyIaYFXufUngGmHVIBlVOe895sjjPuPJCGFtj3R+96T5mMpLWLOxeJWq0lxf2zqI9MJf2JtkshJZU2lVHkg6QlgYoavU8gSWUkVUsibQqr7pHQzTI5qSyN/PB9hTSSFLULI6/k7nYXM1JLkuJhZCrp99JEO2sjyE+SLrKV9O1zkbV6O2sZsSdPM4z0kVWnf91Nak4iG0ly6AWai+dpC3M5cN/5XUmSMrutz1Nj9KRfnXtHoaq7A2cOj0ySomrkLfXQZ4nt3Ed7StgD40HZdrA3FWQAlIHAZKaPsgpJZ8SwB9rQlt8mEU+p5P22wZoUgcD4eJ/xMUm9Tfr2pVOP1zOpgTboSqPTMpU+Jsf+7DkQaGwL7h6wjbEOA0q8egdse+2zrL2A64DSspfTs7Qetj+PMzRcWvejdumpL8v1XZLjFGH0cmxOlQY2NXZNK2ft3VSGbk5q131HzMYuQnkL0LFQSOz63VBWH44mC4WYFQ9s2J9wZejB8eGyGrvAUwz8uVZ5HW2DwHy8Hi+qdkvunt39xDsj6W2kOAplkho1E1/8oDzTG1fmS/5z+Qs3iqtkH89nFgAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-clientCase .sh-rowImg:hover .clientCaseTitle {
	color: #fff9ec !important
}

.sh-clientCase .clientCaseTitle {
	padding: 8px 0;
	font-size: 18px;
	color: #363535
}

.sh-row-scene {
	display: block;
	height: 550px
}

.sh-row-scene .sh-scene {
	width: 20%;
	float: left;
	margin-left: 0;
	height: auto;
}

@media screen and (orientation: portrait) {
	.relevant-cases>.t1 {
		font-size: 18px;
		/* margin-top: 850px */
	}

	.relevant-cases-list-box {
		width: auto !important;
		padding: 0
	}

	.sh-clientCase .sh-row {
		display: block
	}

	.sh-clientCase .sh-row .sh-rowImg {
		padding: 20px 0 !important;
		width: 48%;
		height: 220px;
		margin: 8px 0 0;
		float: left
	}

	.sh-clientCase .sh-row .sh-rowImg:first-child {
		margin-right: 1% !important
	}

	.sh-clientCase .sh-row .sh-rowImg:nth-child(2) {
		margin-left: 1% !important
	}

	.sh-clientCase .sh-row .sh-rowImg:nth-child(3) {
		margin-right: 1% !important
	}

	.sh-clientCase .sh-row .sh-rowImg:nth-child(4) {
		margin-left: 1% !important
	}

	.sh-row-scene {
		display: block;
		height: 550px;
		margin-left: 0
	}

	.sh-scene>.core {
		width: 100%;
		height: 90px
	}

	.sh-row-scene .sh-scene {
		width: 33%;
		float: left;
		padding: 5px
	}

	.sh-content-titleImg {
		width: 100%;
		height: 293px;
		background: url(http://hlnzn.com/images/ecf92da.png);
		background-size: 100% 100%
	}

	.sh-row-appDevelop {
		display: block
	}

	.sh-appDevelop {
		height: 150px;
		margin-bottom: 20px;
		margin-left: 4% !important
	}

	.sh-appDevelop>div {
		padding: 10px !important
	}

	.mmgg {
		width: 30px !important;
		height: 30px !important
	}

	.sh-row-app-advantages {
		display: block;
		height: 500px
	}

	.sh-row-app-advantages .sh-rowImg {
		margin-left: 0 !important;
		width: 48%;
		height: 230px;
		margin: 0 2% 2%;
		padding: 20px 0 !important;
		float: left
	}

	.sh-appDevelop>div p {
		padding: 5px 0
	}

	.mar {
		margin-top: 850px
	}

	.sh-content-details-row-title p {
		font-size: 18px
	}

	.sh-clientCase .clientCaseTitle {
		font-size: 14px
	}
}

.sh-many1-bg-l {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAMAAACfBSJ0AAAAS1BMVEUAAAAgcP8ibvsgcP8ibvoibvsgcP8ibvsjbfsjbPwibvoibfsjbfsgbPsibvsibfojbfwibfoibfoibfojbvsjbfsjbvoibfsjbvsax79BAAAAGHRSTlMAMH8Q3+8gkK9Qz/C/QIDgYHCf0LDAoI+v4IU7AAABnklEQVRIx+2W2ZbCMAiGm4npki6ptjq8/5MO0C0L2lqv5hz/Cz0SoPBBjs2yr96U+lFnwvQFTH4irgCA8kSVQKrejrMANYDRr3zyxrSRqcMw5QCKyF4Zu6VqsaI+zISWa1bhZ5iwDywUBzf/vAEY8GsEuPjmGwRxmhmUWwFX/EnD09hit7mV7Oe1XLNhrTw3i/uSgMMseznv+XcsC01mdim3Uzxp5sFgMvK6h/Q6atnwvHwcigExSILX+XUzpjFr6wmrNj7+bhoiZa1bAuWDR6AWcw+MFRfMeb07WjcC6RRvQzAYNFPnFGij9aIhNdSaXv2CpMzkwcjG4Kxg20NP3brg7L48o6M+wqWkIc4NVyHOCeiKKL4E1QojwjkDnYee3nK13N8x3uMJ6K5inCkoWamX2/bwuRKcQuWSEpwCKUmCk5AqlVCUim62qBTnMaCSzyDkSmtyifEAUJHBAaCiywGgYkkHgFoRwT5Q2QOB2ualJJxc/a4kAv2BuF6Iy/J2T2f+tv+/qvL1+Jpf+SXB7I7hKsYNu3FP3ma+4/tcf6+kNBYeyImMAAAAAElFTkSuQmCC);
	background-size: 100% 100%
}

.sh-many1:hover .sh-many1-bg-l {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAQAAAAC0hrNAAACXklEQVRYw+2W4XGjMBCFH0wKoAPTQVQCJdDBkQ7o4JwO3IHdgd2B3QFOBcEVQAfvfkjIAlbABMUzN8P+SsTqfavdJzCwxRa/F1T8S/UqWMJvkg3T1+AO1HF+BUzxGfnv4yqSZEuSbJj8VCbllQ2zmay9gSnWJMnDTH7OhpVQFDPToGKyJB0lwNz8PVEgC2+OxZFH7/YrSfJu/ruQJL+92UerKOASxwJnaSYszVNld+gJ7iGpnR09QQ1ms45Rv5myGYoPC3BglaNVy4e/6VaZpKYvYqqtxT3X3poyhXVaNxmnXbe3A26e98pnDHsLSyezgxWdoozTmAvAzDa2MM1pfLY3kuYG2lJbZtZMhYzT3qxM1V1Tj/a1VcuX2tzAs+PFWg/CTDCDHDrXjrsDdmPPPbu6K3S1E0vGev46rUV4cvx1gX/fwck7WZia8CVgfeacwkyGbKfejvYG9qZr7HVzM+PePv1IPReiPT4AAEXU+nFRiwIA8BGVzrJyNMUqC6ltTJd8uamGn1vJl2+9DN3n3aD2eh4GRPfR0s7R7LIGFREAoggBQtKKBzkP3ZgAMPXU8+N0SwLgkAIYtNKHSwPgdMm3JbgsGG7mdPrxbk5rQQi+HDkznDdlnXiU9wUAc7/IZmEKwMiXEk4fP115uNTRmsTdg+D06W5LcVkQ3ILT6ZS13hR9KTgzjDd9Gm9C7hfeAVZoV57wMV6ScDXeEeK9WY+XYiHtshqk4zReEifENMBLul72Wd7ifwnZKjn+IFmle8fn1C/TPq7h+igl5VjkPbA+6sXNXP953W7dFivjH5Ep0MnYlXE0AAAAAElFTkSuQmCC);
	background-size: 100% 100%
}

.sh-many2-bg-l {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAMAAACfBSJ0AAAAV1BMVEUAAAAibvsibvsibvsgcP8ibvsjbfsjbfsibfogbvwjbvwibvogbPsibvoibfojbvojbPwjbfwibfsgcP8jbvsgcP8ibfoibvoibfojbfsibfsgbfsjbvvcVVwLAAAAHHRSTlMAgO+QMH+vv59PX99Az+CgUGDwELAgcG/QwI8/pmMq8QAAAklJREFUSMedVuu6rCAI1bKp3VSmXd3j+z/nwToVmDbt+FOK6wMWgjAWFZ6k7IlYmzzE2b9CRPbKc8DleZGJu6CfIrFYkuLnBqp827O8yy+oql7ONbKtKvhWlZLNspNXV7DCHdGpILyIVLvtIorqHBWadzufelNwh8y7MEw4H/tDmWq+/w896OogtcKxOEadGR2zAWAH1nR7EXsLvtZnVyE2fZ1iAcA8xGTLrqU9s1pdxoZjpHkEL/uvMMZ6z1MFwXU3cAOEqNAa7iS/AYNahrtKAvbNDVNR27qYBrrdaUyftNZrCeNWSslEFam1cl/AIZK67oVq6EU8Eah7wH/j02ZnJZhQswMSXXPY4Ng2W9PEDx1NrDx0PSV3SDC7AEwwOeowYugtAHMzWs7UINwsE8ZJal7RKDYc3xhPkQHMLrBW704fh3e+d0r9fovW6PDadBCDAXt7uPTwo/iCfNZoGeezp6XuioXkT0fyF7ov2aEjXuP7IkhRrQ7YuoT7WS4tlejeiDXt10OP6qH360Fj2379bYRrRRWk/qDeE7/eRznbWY5+vSeEw+YP/QWXqvKKJSauxIjjs1/WYXkdSV/lab92lN56H6S/acLPGxL3QJrTbgchJlcWW4DNgcfAPW92isImG3sgxdIsj3TguW5wnXiOxNEZ19izY57YOnOXub5i4i+WXJ6EX29++V26kWQXUpl1rirKzwe+n09ZrHOXuZyXQFQTmM8axb5LKzUBadneQK0hcWmcx8ZIfnv+3OTBvPsfpx/h8Fx3kn8RhUQlVuTQ7gAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-many2:hover .sh-many2-bg-l {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAQAAAAC0hrNAAADNklEQVRYw71Y3ZmbMBAc50sBlEAHUQemg6MD04Hp4OjguAqggyMV2KnApAKTCsAVTB5YZAySENjf7Rvsjob9kXYRsEGYsWW+BblJSJLtFuRuGx0A7DZgf64gUXiDQqCfTwAaNPi9q58IlYHojQVb2qVlwbfXUB14pZ9ceXiOKuJltFzDkjEjRvIcMWLCks3I5sRoK1mhF+mYU400JPtykWfFnJ22LtZTBTxpqozBREuS3QyRacrTFOEmUzqIlQnInB0zw/uQleAu42gskQ1VmG5IQaqr1YeQgXjWMV5PBgCMJagXj5BKzjrvYJjj0xOelgyHatzo2cjD5SrVOyp9jgwY5TCym/SBrJ4nAwCpUltAmUjWghfRhZLBxKzuz8bsNWQAwKw/S02q2Mc3hjyy4IXkhQWPDJ3WgfgXz1UlSbpHAqazNtTy6ETkJMlyrugXUo4v/bI0ni97RKiMg4a8bhzfOZyGNRMqgIoJ64HQgWsMbkhSSyto2EUZTDjHTpUkPeLk2xMLJJRQZwZdJjkMLdjE4AjPrhNAfKst2trln5xU5/7pB3xEAQByizYf2SwJs1lxz5aV77csKGV28Vl5N545RP7twglwYYw1600r/8AnbpOX5czsb++Fzbu7zYPYV14oldJZt6bau2s3lEoNALAdV+nIZkEGug4A7vP/RCrcACjzvsMvADdUFmwIAGgmIM9T5R0mnDXQtlNFWTvTYHGfIA9yZh7u06gDdzVuIulMygoLNOFUqsWO0NmczuEQpqM/AUo7TpwIa7+L5agNnPCQKUvWJGuWTBe7eWvp5rozZXiZSCE1ZmXibiWryYa2ldgM6qXevIrua3yemAy+d4rW9fm6f4RyyfAsGVRPkA1/iOdl00Ay2D7xf9fKzBb4fduwmY8e5lP0UR8AvvGhuk+Qpm1hu4JjqEffelUyGEgOyZbvxpuHdoZ417PJecNflK5SsuXHwr3Kx2gMKtenoF8m0j6S5JUFD9xzL8977nlg8XCJdd58aySUycMllEsad3fwp4xZzlrPYxsq/bbNiitQKsQIEQLYAwD+oL/PrPzvM7/5ttZv8DPJbQtoG90nbtYfFKf8Bxb3/+eoUOgKAAAAAElFTkSuQmCC);
	background-size: 100% 100%
}

.sh-many3-bg-l {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAMAAACfBSJ0AAAAUVBMVEUAAAAgcP8gbvwibfojbfsibfoibvsibvogcP8ibvogcP8ibfoibvsjbfwibfoibfsjbPwjbvojbfsibvoibfsjbvwgbfsibvsjbvsgbPsjbvvLVzDiAAAAGnRSTlMAEE+fv3DvbyDPMOCQYNDwUKDA349fP4CwQEQGX9wAAAFPSURBVEjH7VXZjoMwDExKYSEcCYGW4v//0HWQ2lKCYxdpq33ovGFlMj7iQakvPgB9ys4AcM5O+h1aXsAdxY+YVVawRlXKaCaI1U1rlGmbOkgakVqgNfeydBOIEsUOwLrVt7OYqqAleL97iTiM5BxNY5bNJoapFtw48PJ6e0bX2xRi9LHcItgzPA/QRsEWwDM87EE8LYMF8jxxVKJn/6i+o/3E+Q3R/AZ+ftrGgpiDZdf34Ptc9qFYEx2+2I6nqRIzhfGxfxl+WdHGm0Acxgvu+2UcAk2076jYvfhLJ/SX0Bz7YFlBS57QrvcWrO/dW/75v6GvaRCl6gLSIEzNAQe3y5vQAj0NNMNpl3fbW/Uncmp50SLmBG+mzAILSD0OTZgaFefunTnTIurIOdMi+jZRfWYOeM7s3H4hVXoMSwP2/tfsKwPyn3OI5wW0m/oijV8hmDFbfJu7jQAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-many3:hover .sh-many3-bg-l {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAQAAAAC0hrNAAAB9UlEQVRYw+2X3VHDMBCENwzvUQe4A9QBLsEdJB2QTuIOSAmmg1ABooKYCiIqWB58eEwiW7KkZBgm+6q1Pt3p587ATTf9RS3mmKnwhAoFSgDAHi0avC3sRVbGDY8815HP+VEF3zmudxY5YbqPq2XNNTVAzTVrtn2MOl9kP7Ca6mRMse6BeSKkIUlaViPjFW2X0hywjay+mvBU4tmkwpQksvb4akmoSsNVckA801DJoammfXceXvd547vKC4tm4I/GFQAAE5AIM/DHSo6ADnDqbvc8WfDhAGAR9LKGeH3JlJUHe76mXT7cGwAgACcek4ZrZ+LaAOe45N4dAu7dIeTe+XBK3sPa49vJu6pCZp2a6JpvJtBXhONERejeVZMBBrCQhJJbR717kTGbraJT98ADt1xJNV9xKweEtNmquURoJnoVk7VXEeSmj3EoO+eAzO0zS1QooLHEFwxaNNhfqM+8yaeRvaPCY9K8HzN2tO+/4jXSk7kLUAmFNCn5SzrRvdOsAQCfkdWrwAMALb1ZQDIbkuQ6LjCpITvXmDuZCkB8ZTYSY/D6OqnI6FT3+WXss5brSqYG8NODxWm0fxvHtQk4C8C5ey6cSsaZObhy8EkKrgzDLQcJiZMdzPNLjic65UyeTH42e9AvST65cClXYKjX64Zy07/SN1eYFnJ5RLFyAAAAAElFTkSuQmCC);
	background-size: 100% 100%
}

.sh-many4-bg-l {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAMAAACfBSJ0AAAAV1BMVEUAAAAgbvwibfojbfsibvsgcP8ibvogcP8ibvoibvsibvsgbPsjbPwjbvsjbfwibfoibfsjbfsibfogcP8ibvsjbvoibfoibvoibfsgbfsjbfsjbvwjbvvyBsuqAAAAHHRSTlMAT5+/fzDPEN/vkEBQsGBw8MDQIICg4G+PP69ft2TS8gAAAd1JREFUSMfVlsuCgyAMRalK1cpYEHTaDv//nUNQFJCg3bWsAHMkCY8bQr6qXYqyrOiBEa3Ksrj4E1dtW1FnqLqYja7r76l2rcGXpI0zahejujWDW8d+YK5HsB6IH9bdwGh2664176DDOOar9ZEz6HbG6G4nhesQOoD/codJiH9Y5pXWwnaM4y6segQ3WIQxCGR0fphsXG3HTEZxVAFWwZQXt7MPOEInMy63IOvSjCc/z2mO1MLfEJt+EeQK4WzkzrFf6KrwM8qtGzKnvyNnOSLthlR++k9xhIzLoRr3n7Ic6cFXnjp2eY5IJVTyfhxwaPsQrm7a8PbStjlzXvrtRi9YcKrx9XgAAsZPnU/qgxYL/UbzYsH5eMk9lslnv14CpaPgsuvBIst6PMpSLj7fN7oHsXyGIVnw5P4FmQDw1P5NUQIpH869LwftwzhZlZV8n+tbTNZynBNXXbzFzcKl0rKWea8X4UrLGsp5wpWQNfS8BMIVyxrKxcIVyhrK9Xvh8mQtsJ88fd/qBj9NQZ1h9H2wHa+eSAvXImtxPWHql7bb0k8SzduQrnXLwIOpH8/LCxOuNe7X3/Oht+d0q8+mTH02OaPtWts6ya9tUF8hfv/fbBRCHdWfUo3ixshXtX9HnkTacV18WgAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-many4:hover .sh-many4-bg-l {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAQAAAAC0hrNAAACkElEQVRYw+1Y0ZWjMAwc7l0BlOAS6GDpIHSwdHDpIHSw20FyFWy2gtBB6CB0EDqY+4gRNthgE/a9+4j+ELIGj2QZCXjJZpKYD9yhgAJQ4ztpnnHLDDvkAFqck2+nAa805ch0JVTKo+XpymwKNpXbxCxoX7xNPN0tT0x51y8+mbPgWczKSLBSIM4smPNTPA1ccU+S7JiLpmAXS6pBYsdCtLn2tB8M65HiQUoj3KsAMCWxb2x7ViTJelA82B5FiilPQkWxAFZIOE5jNnReXAcFSXIhFocZsINYlc73tn8/HMCMrXZ1cUWRKS/6fevL5Ag4gKmOreNoGGlf+1MqCg6QcI/o4h/RVrOrY+GmR8NK+3xhbTwcQGUcjYMv7TeDAwA5Gr2cglathQNYCqldaIl7Ag6gYsWaVfiNMfhPHo8AkCShy2Nl8P/rpyDc8v/BMeVtdEGOLTLeeQuO5UIRKx038hjMW54d/hdrZucHFLBus5rJzAdogM2RHV2iB0BlaFUI2LoS3V+0laHr74lyYe2K3fX7sHc3E9XVcP4I+aO6Gk7+QjtPZvaA6TZw5Xw6CGC51e7ahUTP2LEJ2d3rRthQfscvocI7ctT4m7SrMCP/Ve66lgS3Yyv/VSZ9KXn8MTirpapi2rE1JXrUUkW1Y9El+iD0lYY2qB2LryoX7bR1lOjZdiwabqmlmmvHouEMuqoZspztmB/uQciYKOckwQM4M6nQvXkzKNyThyHtFRbFascs++nkYa8TOje+VtJ+GUrYcBwN5trT3jTsqfjgG3f8EhLLUDDtaYj1F9/5xg/xZFLsnIm1K2di7cRT5xrCNZbJ6YmJn93jNgOYPc8sZJ55fnKeqVBCQaFBnZyf8fQSr/wDAC1i8RpSSFYAAAAASUVORK5CYII=);
	background-size: 100% 100%
}

.sh-scene:hover .core {
	transform: scale(1.1);
	transition: 1.5s
}

.bggs {
	background: url(../image/a1aede7.png);
	background-size: 100% 100%
}

.bggs,
.bggss {
	flex-flow: row
}

.bggss {
	background: url(../image/e2a91ae.png);
	background-size: 100% 100%
}


/* 电商系统 */
.sh-content-nav {
	height: auto !important;
	background: rgb(243, 247, 252);
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
	padding: 15px 0px !important;
}

.sh-content-nav-ul a {
	color: #555
}

.avta a,
.sh-content-nav li:hover a {
	color: #fff
}


/* 网站建设 */
.core31 {
	background: url(../image/5af7763.png);
	background-size: 100% 100%
}

.core32 {
	background: url(../image/45faaa3.png);
	background-size: 100% 100%
}

.core33 {
	background: url(../image/c744a01.png);
	background-size: 100% 100%
}

.core34 {
	background: url(../image/905d957.png);
	background-size: 100% 100%
}

.core35 {
	background: url(../image/3611fed.png);
	background-size: 100% 100%
}

.core36 {
	background: url(../image/e3e89c1.png);
	background-size: 100% 100%
}

.core37 {
	background: url(../image/ba437b7.png);
	background-size: 100% 100%
}

.core38 {
	background: url(../image/aefeb2b.png);
	background-size: 100% 100%
}

.core39 {
	background: url(../image/54a905e.png);
	background-size: 100% 100%
}

.core310 {
	background: url(../image/4506403.png);
	background-size: 100% 100%
}

.core11 {
	background: url(../image/ef57dd7.png);
	background-size: 100% 100%
}

.core12 {
	background: url(../image/ceee446.png);
	background-size: 100% 100%
}

.core13 {
	background: url(../image/2148415.png);
	background-size: 100% 100%
}

.core14 {
	background: url(../image/8d2fb3c.png);
	background-size: 100% 100%
}

.core15 {
	background: url(../image/1bd7997.png);
	background-size: 100% 100%
}

.sh-serviceMany {
	padding: 35px;
	background-color: #fff;
	margin-left: 0 !important;
	height: 150px;
	margin: 35px;
	box-shadow: 0 0 2px 3px #e1e5f4
}

.sh-appDevelop,
.sh-serviceMany {
	position: relative;
	font-size: 20px
}

.sh-appDevelop {
	align-items: baseline;
	color: #fff;
	margin-left: 0 !important;
	height: 200px;
	margin: 0 15px
}

.sh-serviceB2B2C {
	padding: 35px;
	background-color: #fff;
	margin-left: 0 !important;
	height: 450px;
	position: relative
}

.sh-serviceB2B2C>.core {
	width: 100%;
	display: flex;
	justify-content: center;
	align-self: center
}

.sh-serviceB2B2C span {
	color: #a8a5a5
}

.sh-serviceHt {
	height: 530px;
	flex: 1;
	box-shadow: 0 0 2px 3px #e1e5f4
}

.sh-serviceHt img {
	width: 100%;
	height: 180px
}

.sh-serviceHt ul {
	width: 100%;
	margin-left: 10%
}

.sh-serviceHt li {
	float: left;
	width: 50%;
	margin: 10px 0;
	text-align: left;
	display: flex;
	align-items: center
}

.end1 {
	background: url(http://hlnzn.com/images/8b6a232.png);
	background-size: 100% 100%
}

.end2 {
	background: url(http://hlnzn.com/images/f7b961d.png);
	background-size: 100% 100%
}

.end2 li {
	list-style: none;
	width: 50%;
	float: left;
	height: 125px
}

.end3 {
	background: url(../image/84aa142.png);
	background-size: 100% 100%
}

.end4 {
	background: url(../image/7278484.png);
	background-size: 100% 100%
}

.end5 {
	background: url(../image/beb2a5b.png);
	background-size: 100% 100%
}

.end6 {
	background: url(../image/ee96010.png);
	background-size: 100% 100%
}


.sh-content-font {
	width: 800px !important
}


.sh-laborSecurity .sh-laborSecurity-content {
	display: flex;
	flex: 1.5;
	flex-flow: column;
	padding: 30px
}

.sh-laborSecurity-content ul {
	margin-top: 15px;
	width: 100%
}

.sh-laborSecurity-content ul li {
	text-align: left;
	padding: 5px 0;
	color: #0c0c0c;
	margin-left: 65px;
	flex: 5;
	list-style: disc
}

.sh-laborSecurity-content-ulTitle {
	display: flex;
	justify-content: flex-start;
	margin-left: 50px
}

.sh-laborSecurity-content-ulTitle span {
	font-size: 25px;
	color: #0c0c0c;
	border-bottom: 3px solid #236efb
}

.sh-rowImg p {
	padding: 15px 0;
	color: #000;
	font-weight: 700
}


.sh-shadow {
	box-shadow: 0 0 2px 2px #b7b8bb
}

.sh-clientCase .sh-rowImg {
	background: #fff
}

.sh-clientCase .sh-rowImg img {
	width: 100%;
	height: 200px
}

.sh-many1:hover,
.sh-many:hover {
	background: #236efb;
	color: #fff9ec
}

.sh-many1-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAV1BMVEUAAAAgbPsibvsibvsibfsjbfsgcP8gbfsgcP8jbvsjbfwgcP8jbPwibvojbvojbfsibvsibvsibvogbvwjbvwibfsibfoibfoibfoibfoibvojbfsjbvt5BXx+AAAAHHRSTlMAQH+A8MAQPyCwYDBQz6C/kO9vT1+P0OBwn9+v1UA8XgAAAd5JREFUWMPtl9GWgiAQhjWBCEqlWtOW93/OnUExYDfQ7GZP/HfDGT75MWemosjKyspKq9ytVhnl6RcUI1avAKs4kNBVIkkgXXfpNAMz8B8C2Z77GXzPNgEPWntErvVhExC+feHGWI62Ar18sRIY5rMQiPXNu8TQQiB0JJ34CPEpuFN9dGIZbPglKG+1EzZBReYYN05CDQU0xita7wTCVOTT7JGdzMLDIzpoo0AGR1R2w3mq8ZbImmnBJggFB2RR4Hio5sIKdsXtRIIprb7gnuQOtmsqCSZcIeHS6MQrmU3PIseCde5Cx4zNh9oUz2t8nQxWWvQn3UdUS4C3cQe1bmRNzHHr6QfCBB2fRxYCacHL0m/fsOBXiRIX6GLgQmXghwD7twKFvvFk0vpO+kHAwS+/24G2gvXvAh6WlcQoUN7vTtOUYitQKq+JTE3wdaDhaT3YuNlomSm/reJbpunP+SnQGKxLbC8KL1KYJljH/+uBesh/zoPu0o3dGLspgS9ZJHhmfPmreSPPzJp4KK2/VWpMmtVNlnwNY5e3JoIZJyoc6dSZPedBClnW4yeNw4hqRg126eY8Ay+yXsoLxhtjzIxN3ivq06XadU0dIIJuAW+9eFlNMiDep0t9VlZWVkw/pYdLwpD/FnEAAAAASUVORK5CYII=);
	background-size: 100% 100%
}

.sh-many1:hover .sh-many1-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAQAAAAkGDomAAAC1UlEQVRo3u2ZzXHbMBCFHzy5hyWgBKQCMRVYHZipwOog7iDqQEgFViogXYGZCsRUILqCl4MgGPwBSFGSqfHg6aDh7BL7gQuB2BUQFRUVFRUVFRWQCBmZYvEBDC+imHQfU36UUj/FXYAwcNuFFYj0ZfDmN5RXRFP4GnYYBixFOugzWSyGVvnduIHmUwSMgHMrAkbAkJhwQRn0kFwwmQ0QGgV2fkRK7FBAzwd4DyD0qpeO1yyALsZplosAVgDgf5mPWFty0HPhRJoICCqPPTXf/hSqlmd7ikd7OThVzwA1SVJ7rHn4RExp7blnBE2SrCfiAVybAMseW+Yc2V+7SWTCV8cj6xlhaWzr6YCJeYb7dgA+tqqKFiIT5/n2IjLj/vD8ztonneeU854JwIQPNnhNZdJE7vnrsKao+NMEJwsqM0ky54MZ4d7Bz87AA5w0d1VzCTBh6fUomTip7NP09FrAJ29wNeCzPiaPyjuJp0sBVo0QRWdFKWqbSrKmbm5OTJixaEyvHgc4XNUdVImU8rDx9vUBRIkMMB6VqDr2GhoaMBtSJarheu40QACiCu34Iz0KnKjPfR6MgBHwEwDWtwuoAfzD9mYBhRZCyO6WfjOAYxUB+8RN6LB7A4DIGleqdX0DgH9a18ksgFTccddXtIolvuHHuFGuBkiFHBISr71VR4XHWQGpkNvEbbjpODzbon4OQCYOHgBkzV8qN6bX8IKXGQAdvN/4jjcAgIJdjczMr/YvluYEXpwTbnWoesfj2Y6CBgBKp9zKnCK0PvQVmYX+ShwTUL4PPsr/iLd1kLVFfLYlvToLqxGyNJ2DEUPad0TZaoWsWvXwyOmOAzz+b7znY7iP4sMzo7zXzU8XxANa7Y8988Zn0/Gq+qdhV6O+MF4Hkf3psotfeUdJuOLqCngAwLTRunBlgFiF8aZJnOJMCdlp525Faa1LbIfPyFFRUVFRUVFRF9R/6F+vIjlHtEQAAAAASUVORK5CYII=);
	background-size: 100% 100%
}

.sh-many2-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAV1BMVEUAAAAgcP8gbvwibvsjbfsibvojbvwgcP8ibfsibvsibfoibvogcP8jbPwibfojbvsibvsgbPsibfoibvsjbfsibfojbvoibfsjbfwibvogbfsjbfsjbvszYSfDAAAAHHRSTlMAIE9/v89fMI/vn98QUOCwgEBwkMDQoPBgbz+vAzC9oQAAApNJREFUWMPtmNmWoyAQhiVgXIJrUMjE93/OoTBRcFjtuZkz/jd9DPBRFEVRdJZdunTp/xC6YULIsuSE4HvxU1pR5ouhqr79AHcni0UPTM/hmscKaLu+GUDjk32YZ5BotW4akTnLzJWVTSpPVDButmwC7VtoqtOMLGEMQ47WHqzMVeuAUQSOwnK5Z1Wogw2X5tNqySOAwJv8S+pX4iD/hHm17NWFXNTIZVcoCviE3QhP24Afmwgg9Oki/JIJIIaB0s0h/301rlEe6DXL/d0jYcDDYb7ytc/WRQAL2WPcP6W5wuDlejPlYaCMmEn7hBEaEeXmfCIIhDDQF6lG4M18OI9Md3AbAkoPMuMHCLel1nhmQMkJWx+PHn0mKRvRwpNBywYf0Dbhl2jlhSTj4JnZiSroUnkQJZYcU7SfRC1SeUgOsh0SOp3jgQsna4MipvMgyTnSQlzeswF73a5fm14SuH/FZH2lzgQe7nhNsURmHNTMyVuGc0DBHbzocGTmkjWd3JT5bwN752rcQPom7hpPHJNXBFD4rrTDMPrCX8FVvX1g3aTZu0fciIioOKy8Z9JMXzFxWPjDXCa9h+YetgmSw/41GyMmNy+jrlPg3JSHeRZsayYpQBE62IPDRBfwEayDmN1EB1CEE8VgT812INy6wUKtgzoyEvg2CiuHkAzuPA4IN2sf4q0FZ338UcYvtzlwCvPWkvgPomCNhcfjKtPORrTZxyMfp+oWJv7JccrVklH1rvF0Vw/BWPuUZjDg7QqJOxRibdpjfL3xaguSYvXsZakvXLS+jcndGEhvpXqm8jERp4z8VHF5iVUBcsP4+8Kfo4sRO9IUP4sDFc8jsxMn/+OwO1P0jMEWtWzuoyPv0qVL/7h+A2teWAMl2JpXAAAAAElFTkSuQmCC);
	background-size: 100% 100%
}

.sh-many2:hover .sh-many2-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAQAAAACj/OVAAADXElEQVRYw7WY3XXiMBCFr33yvu4gKkEdxB2EDnAHuAN7K0hSAd4KYCsIWwHaCnAqwKng7oOEkFnJlhwyL5xjNPONrka/GaKNT5CQECggzacDAAWFv5mKjxODeuaWZ07ZiVs+3wNVsJlBjbEbFtMRsykYGlRwA/yBwgEDgB6AACAgIfHktBnQZm9L+rbiycm942pShxU7p/WRZaqQW+vcs56TyXq1HKxfE48TPFq3Ng7mQF+t7+7qyzWbQCRKWyQHiiRhrhGUlbYAAK70sEzjuhTIf/3sXCRb3QGfmBdctRxnYtVXZBh4vBcOAFiZaNsA0FbmXXCjXp49QDOwXxo7D3LvzM4b4CmgMwA23FFOBpbc+WYeC1ux49hGZfrCmr6fw0iujGg+b+kBsjAObSD7y0hU3v8rG9Kbkl0KHGBrFrEi0IPahqwmcFXAuzALngM8hfs3HXYe53SoG48Rp1dNX2huYnAAwI57G9+UbocZc5AN4MzbIXHmmoIpI1qu7PazdXAyDWdqMLr1dcdbgrMVqBISHL6AA8xG8pqkybAYhxwCgD4URVqmoNNTS06jD+Y34EqBteezPqU9elbPAb+z6eSnatTZkOPtNCdpYTLzmRidSuNMxEnqtezAN3uPGAd9BPDpHYhuJiEjRIkEC55RIizHxxK35ZabCSG+G0TJE98pcjMO3w5EDYES1YPpYRnIqxzdjC4WnofAr8A81LdHNbl4UyTPQvIcEFSbyDOFTwDwXseKBdL5fbSCH1n/AGCPNYAV9retMsWfXrHT56FeIDUh7ogxEihxHtqhkUAOZHszF+sFAsZZawRVQO7IMPsgsMzsjtNeP11Ojm1kiCRJzRbf+0Iwbg9PAdoKqW7/6EnaS/K9gPYSoS5fcvufzkDiJU6oSNuZeVl5/rOy1rN565Pefrbd5ezahhqogN6+5Lq5Nw6LCyfmXB83X9XS4tRkVbAwxUNul89KFtxF4W56eVxy0HXuwzE4gzzYzeYl8elLOK90+wRfW7HkmU3cE9gIFr1qXd1L5/2B3HEdzpeSG747rVV4MCYeaAHWaPHD+aCg0EOZY7N++xYoRyeiD7RZl9g7B1mwsnU7b/2dXrEo2c1ge77G1XQW08hgtXgSBQAJfeMaoKCgZm5Mjv0Dmn0LaqKCLFoAAAAASUVORK5CYII=);
	background-size: 100% 100%
}

.sh-many3-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAV1BMVEUAAAAgcP8ibvojbfsibfsibvsgbfsibfojbfsgcP8jbfsjbvwibvsgcP8ibvsjbfwibfoibvsibfojbvogbPsibvoibfoibfsjbPwjbvsibvogbvwjbvuEkl5BAAAAHHRSTlMAMM+/j38/n68QwF+QIO9gcIDgoEBv0PBQsN9P8SMAvQAAApZJREFUWMPtl9l6gyAQRkGNBqPgFrf6/s9ZGFwjq81d/W/aL8JhNmBA6NatW/9HOAjDMHrEfwclTyL+ptOs54tcp5FXwBHZAciV5Bd5Lwrz2QwsijKtZjOvIHEIc+sGzUD4B2fApA9v3lvMq4olYAuQqwH3Q08jEzGp3OK/AyLEhJUUe+CISEa7t+EARChbg+vOqw8/fQAR63yITz64QEYgwoLo6HWiWPwEBCJ1ykx/8lcJBGLoEkCq4KmAsHJpB/IEdsQJCLm2Ot3wQT1yA5JK5cyH6mlKkSMQnLaYmGuKQQ0UP1tMLNUG6oCMr28+H6mm/jVAVFn2C+YpRj5A7tFgAha67zogt2AyAYfTJrYA0aT7sIYQ+wFTnQnrekg3Tw0sjduPR6TSAsXNfNaoqTOpRvt1f41+6hKwNAD7K0CEG51Mm7kx2n9BXwfys4Z+FYish4evWvNG8lc2d28OimOXO5Sf6YHDMByNc/dpG0lc2gGSbEU99pbBg91nPB72iaVT5D5Tc54xhcZRBLCvJ/tdX1lGQGe2jmg6815GcI8ZW6Dy2EmJu340u8RL8WkwkMogk0cYJqJk8WQ+smUvoh/BZOeD5QNBuF5bKy0zlc4gW4VxOwqxtR0hraEjTwHClpoRtk3W7Qq9qYYoZ2/n97rGVaICGNiBssd/a1xmso0DDU4uzzYqH0u1hLQzsJFV4XCG4hZedKeRTOY0b9d3JV+itfN4ruGxRKOPUJJurns2pJnwoHF/ADXSiiD62bsu8hHtPKHaZkOVm2oJ/tJ1MBm+ZAkFPKl9Lg15QB26DuE0D0Wck/gd+L0hZdD6bOtrKlFwpD2s4cmbqdBzLPkhZbeZ7PNq1isvwMqq/uqd+92O4NatW3/UL1JNUxvHLH4sAAAAAElFTkSuQmCC);
	background-size: 100% 100%
}

.sh-many3:hover .sh-many3-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAQAAAAkGDomAAADoklEQVRo3u2a3XWjMBCFLzl5X5VACXRgOggdmA5CB3EHdgd2B/FWYFKB2QpMKoBUcPdBQhY2PwKBnQduHnJsidGn0UhIIwOLFi1atGjRomfKm84UA+xRAgAylEi9ryf3jQH3/KTQn1Pe6pPra/kj0QTXPCuIXQeg1J7+Y/HWLIzm4xvAhAk3TJnf+PIxkAx4Mpo9MDTKJGBo1N0ZmAU/5sd7183lTG6j6xZQfRsaQ3+a1Y/c64Y2TaHfDAgAjLUnCwbzwAk9KbI2L7QDAgB391E7B96ho1YnIMCY5UyI/FSGk85aPYAAA40YTIm3t+t3P6CBWEw2XRj1D649oIF4mgZPqEW5F88W0OjyZgpAOfdKmzeqLaAxo31XvFAZiqxq2wMKtS4eXAEPJMnUsrY1oDHMvgueP2xJGAKoax/66r10lMUAgC8vc+hluySay35Rzd/Yuv4gDwIqDnvst3qQAQSAH+/g7qwWScvRSEBIT6Sz4QFHAMDbrwWsYrs7KNoBV3MDApDnvmAcoDB7OZPSa0ttem3+Wq193yMa3bK0rusDqIJpGKDqVT4CMBjxTIde3E1opSOf23UVvloasZC34bE7nhqVe/mDAOeZUlMO8SOldjLFszm6EKXEsznah/gfgMkXjSkBUwC9e42h4oqriQ6calN+nggs4JaXWjpu7WpSTJUDoDDSTqYudoexdsNHkkYGdbTvLmyXS85QDXLhMpMZ6GxszqSKPkbqvOh6fFenhtEmjKzYnQ2GOpEUjQeM3RI93HSlnfTx/eJyssvknBvpv8KMYgp+8MQT99Umn4FNWq+7kXC8CeV/ldcxotEYchWLLouZTvQEg588mrmDu7kc1XzojwcUapgHp7/VQT4yvGlKeU19Ctus9G63vBIxfgAInAYiynNhCaA6fZiqbMmTnRgNCHgZwpGINvrTXWy1YfUyJArxzHfrpqVvfABAdlf6V/2XXS6dO2pk6C3vi9QMPapP2U0MhoCxSghnQICBbqTgR79JPTF8AKBfQ4xrncj6bNkiCuO+qOC2OyIplM/1Ms+YR6bc6XdyWMedBjKseeLMLd9aL8eqV922sbRauvMJ8bQn6rfBMjKrv8vVK7oz+7u70eutczg5IHCzZWpSChjDLENiRZ+CK77rXc4cV4sGpGDEXeNPAfJqE6XfRM3qxZvoVx8UxvmvrGcYKJAgaViQv5DMnN4b0AGfieHJvP5jgl+l56cCFi1atGjRol+l/2pM9V4kKlw4AAAAAElFTkSuQmCC);
	background-size: 100% 100%
}

.sh-many4-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAV1BMVEUAAAAgcP8ibvsibvsgbPsjbPwibvsibfojbfsibvsibfojbfwibvogcP8gcP8ibvojbvwgbvwjbfsibfojbfsibfojbvoibfsibvojbvsibfsgbfsjbvsq6gvSAAAAHHRSTlMAMH/vQFCA0MCQcGDPIBDfX0+v4L+foPBvsI8/Yz+h0QAAAp5JREFUWMPtWNl2qyAUdcQ4gGk1Dun5/+8sUxSNxG2uL3c1+0VKYXM4MwmCDz744M8gjCzCkwhjsojP4UtoQnoKISPKmMSFKD+FUBIV6lsSVacQyqty9RWPwRtI4/pqh1/fRI0ZZkTtVZgxv8URzlcqA7TSSXikLdyZ6Vwb5ibnRaRHh/jUhpv59tb/RGP+bofaLsD5+u7hKU3n+EqYZ9N8hjKWRqbworeV63+b+Z4FAmQMpzuWTVZurUhG6pRpNCPbJZRuTGDMKsb9aFSBloCE9eQArzAS1RihvEwv9pdxsqG2uzBGVGgOjoGDg24KIUBERIvoTVDVKGW3CJ9AVYPepEBVo5Q4AssqojlA+BCt8LUUcV83i1Viqk8zHHVk7tkeqHw6LtjXcGJDaqe6vpCRD63e4jhDcVljdALdnFcNnsLA7f0axGcMcluvt3ckJp+WOJ/ck+ssHvoIszeaDV6MHstIwst67v5k5go/c4Mw3LAy4st+CZtnQiwh+AhFssbzjcUP9xJSe7QH1L7rcRursPiO06W24nukYFZjTk4SP2u4e22oN/5sJ32qX0Rr/WwUx+lUT3ApdpSUurV2x21GqAXt3c43f+JrZoEE1hN0YKnQxQfJ7Wip0CbZza9HRAQFNJZA3BsVEK7LPVpuj7QsyKsAbllUKvreX5XgLzCslcTbQ12X99Mtm1rx8DZ40pKtxSWWvzvDKNQjZeu1lKgEOATTcwFkHGx1qu+LLY9egOoE5jOMOg/0Zm/0uPlQ2acVLZ9YGGNfBoL1bl2yT7aOC3aMTzMyI1Y60vRMVsOs0L7Mx0N80pBzCMz93SLGE3akZVmgsZ4u/bh/l2N9f53o2ZGu4RXSzQL1DxAz4bs/OazAHnzn/MrywQf/H34B7zdVIvNmeCcAAAAASUVORK5CYII=);
	background-size: 100% 100%
}

.sh-many4:hover .sh-many4-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(../image/da94f4c.png);
	background-size: 100% 100%
}

.sh-many5-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAMAAAC7xnO3AAAAV1BMVEUAAAAgcP8gbfsgbvwibvsgcP8ibvoibvoibvsjbfsibfoibvsgbPsgcP8ibfoibfojbPwjbvsjbfsjbvojbfwibvsibfsibvojbvwjbfsibfsibfojbvvxj2dFAAAAHHRSTlMAID9PfxBvz++v0IBAMJ/gULDAoGCQ8N9fv49w8eqs2gAAAdBJREFUSMflltuWgjAMRalYLG25FYsD5v+/c4I4DjTBFte8TZ4kq5tcGk7Msv9u4pSf85M4isniAotdCnkELBT8mirSA5Z4XhtbZZU1Gn/XiWElJtq0r8e2wZTTUIzYrU9KB1CmgAagD1wdgImDQoEOc5MaVPx6egBLnJbmQU1Bx3gdqBiIb78y7itAFe8PdwMy3iMkWX+c7ECz/ibaos9jfk7uNHGn5WvDJnrG7fmWbwwHjZ6R/HyQvGhQz40kMUdLwuJdHMzEAOoagkOSklWoH+dVjWeID+1PqQPA7WuJIr5uGDGhyGdU/dDLcRwf2qkTIy6lNS/RbGIjQOIaN5s5Eu8PTJ4+YPJ6fK6GccrTOVvCxlSZVqxdojlj7tYY7x5PdXyG5ITnBt+uPG0/s1MMnK/eh5+ZmNny7Qda4d50XGIWp+oi3oM7EidxK6ndqPjlbz5NO6176vfX6FzjZkbdNgEstuZJH6bqAiVwO9JpiWSEpNR8qTgA4j25s0YtTYWQc770ahwMMkpWjKRy2k5JXHW30NUyWsyQdyqDPQxZAikA7oHrwiwOz+wvTd6W9F+JzSOV7MMWifhmXYzs9CppzWWP5obd8EkgysNRyaf2DWdWJ+RwnQKyAAAAAElFTkSuQmCC);
	background-size: 100% 100%
}

.sh-many5:hover .sh-many5-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAQAAAAmEUsOAAACmUlEQVRYw+2Y0XGbQBCGfzIp4DowHZgOfCWoA6sDlWClAisVWB2IVCBSgXAFxhVAKvjywFqWFaE7zDGTyWTfBKv9+Je9u12k//avWDb+L+S6kVOhWp1es2bW58Ox4sBHO7DCzQVc0XLZWlZz6NtZ+Jo1nkKiwLOmtutPSbXiLJ0Niwt3FzSW4nRQU1gOhcRRAbBLBVz3wIBXCcA6BTCnBepQ0nDUQEs+HbkFwEd4egC205FtOKlH3wpopwL7J19Gei8BKKYh+9Jxkd4upoS+xITKujhknF8IWUh6HpGWV0n5NGQt6XYE8kZSMw05g4WQjSTF1qCt3ibOeyhIX4ObSO/NmPoeDtNvYxFhcGO2jWuBfKxO0+gnI20bC+5AtvNUCYASOR3QXoMasEtwjljAwpqNh4t3HQ92v0gElCQ8HQAv3J8qIeeeF1PoEwJN6VtjBQf27NmfNJh1UoUn2KU1Vh+tiT3cehvdrVNoofcUViqzehZ9f4HhuPvsf0ckFqc7LZSfpFXqVKtWlf1Ir8ofB4ShqWQXW7MRKvF6OFH2U5Wp85KcCr2neKtvk4c/HI+mo2NzaSKRcCys2wV4nAp8W+ybYLeeH7G7T5+YFDZPVrGbNd52qMOntvcjcDsyL6WV01ildsIPnpJ4Hocq1I7qcdPm8R0uBz2qa/rtrT6NQW5CKaW63gFYJ7GOBfpwSxFEuvg2TRJ7gOs1F0KOmjbNNZCSMPKY3FwhowK64MKPQRZR7Whsdx6DtE8WL+dXz2cSL0kqg8mIs0pSfr5+z5ELSb+y4PNHWnkiYxB5a88WslrSNuSUNXo2GcOW7HPRW7wL73zukbZRP1kPIW0NNYmR+TWVLjmy+/PS19MfWc13KVm9SlKpIqoc57XfwrLJ4RdxVgYAAAAASUVORK5CYII=);
	background-size: 100% 100%
}

.sh-many6-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAMAAAC7xnO3AAAAVFBMVEUAAAAgcP8gbfsgcP8jbvwjbfsjbfsibfoibvsibvoibvoibvsibfsjbvsibvsibfogbPsjbfsibvoibfogcP8ibfojbPwjbfwibfsibvsjbvojbvtRYNpaAAAAG3RSTlMAED8gX6+/n3/fz+/wsIBwQMBv0DDgUGCPkKD5Abj6AAAB9klEQVRIx92W0XqDIAxGoVarVSNWlBXe/z0XtHUEQeiu9u2/isiRhEAMY/9F/PI5U1zLymyqbleevVTdGKp7nQPzurWTux5gEAAwdvaxTbMPy02DdIYkzJZdzhcscc4oDuPKsl8noMAAZxF8pdDpexEF8cN9LJ5iQo8jqMQQ1YlHT1yV/waMojwJMqbxYBxHyzS4ooM/tuDmJEHGZ9N6/qKvXc4Jw+0v6chgzJIBMtYbI8lAY+YskBXGaC9KZ3tUyT2DLEoi7UmUe9pC+aOLsJa4sGc8mPrZjMR5kib9JnQA1aYlHtzqVUUaxTT8HHzY68aYXlW6gYruTUKGw86soOIojPKUZHiT79TIFe9eW7EbuUIvJ2oEJCoIgpwYIYGb3Ci4564V+zTlX53giqM55M6ePpUEWQGrNLnKHb108J4PgRjJ6UNHGucdOr9dut1w1ZMioIgHOF9SwxFWLLfUYbKdR5ilZ9BFhPuss4+JX7HkoRpGtBxqde85EVGgLhedaTJKdRmoy5imWxJUwX/ImEaD+cUQ8AY/k2CwHFj0rIt4xEBMzVkXsbYt0QK0dhHX4KuTtmUT/g9Mc2RFdda2bFps6W1qt8uU9d22cwNLiMPW6FX4r7g86rra2kDI6hnV5PWaUxb3gvW76oxafVRsXxvzOfJX9Q2S9zNnVrA0MQAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-many6:hover .sh-many6-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAQAAAAmEUsOAAACy0lEQVRYw+1YwZWbQAz9fi/3UALpgA6WdEAHpgPTgelgSQUhFeBU4EkFZiuADmAr+DkgnGFhhgHmkMPqZkmjb0mjkRDwSf8TMeDL3rOnDTAhXpAgQDxhK7RQ+H3qfft0ZUM7PXhl4MVLBrggw2jsHQo1gB61eBsjwleR9ijw46C/vLATL2pmjAxaEXO2otcxORLOSswoxg766RP2dR9gLNlrXeA02F4yG24HHOjmdiW0kyFrCfAWUEaSwXRXgMBCPHX9u0cBN4MyOA4IACxJkncX1coHoAaaraklw6U5DggwYEuyswZXgtpvvaVGe8O9r2wqGUkeeD3mFm8kaXq1ALAh2foDBBiSJEuTODFfHKaspuGecyx+mvLJmzmP8ypzrTubI2BnDsG8tN2LnS1JtSQI7VUkVaaDlm6gLEl2/34/WzQTVABKtJr2r1OrH8UZQI3vYxOecxYhM7wC+KbbGgT5wnDxIRz7PGVkyCZj6XQ65X7Cu2zLmfaAMqeyPAcOoEMLftg4nomBpCA0c3xDDoGsbRw3QzHvLikezc9yWW/uP8ynBXsEcKHguoU5kelKm9ngIdVCjT8j+OWppwAAEWozIM4A3hB/eH00jlCKVPsVyhu1YLK3dLYxWLqHuVsOpfGHSyJFsjEcG8KutbY5xwh5MzZ+MZIsygbzkY1jABzmqZtJ2JuEzNlOzc851vjEJnHp/w1ZmaekzVTuBlcBk9XxWYbA2NHiGqDLXMyQPcnGz/AsHxvJmtpQRT89AKbOHxvyXB0Eda9bAAyk5RYeACPXAyPovjUDeNkICACM9q4ZtD3KFkBgsmY4bzi1a4+iGyjk/zYusIx5F/3NexTdTPKcbhteTdtJRrzyIXr92qe6yw4vQ6Zt6Wpp5goRAgw7vNGndxQovOwsGTCVzJqpZu5pUznxN0GMENPw/kELBTX7yPFPvp7+T/JGfwFvQAvLw9erGQAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-many7-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAMAAAC7xnO3AAAAS1BMVEUAAAAgcP8gbfsibfsibvsibvsibfoibvoibfsgbPsjbfwibfojbfsibvsjbvojbPwibvsgcP8gcP8jbvwibfojbvsjbfsibvojbvv2VE6SAAAAGHRSTlMAMD+Pf4Bwz/BAYODAkKBQ7yAQX9Cwv99d3OauAAAA3ElEQVRIx+3Vfw+CIBCAYalARFMwqfv+nzTs1xTc3Y21leX7p/OZ7BhSFFtfndgxWnB74HWIoWRCABXJErSq6EwNTSQBjqxhtACJlCwpN/l2KbpM2QFUWVJYAJcjR2hyVjuBLGls2SeQI004UKWIIUOa21m0IoK0DFBX4S17mkNSjlA8PzyFlHzAO51BQr5gGM8wh7icwDRMohCTOESkwyEie43ClfxNfkVq8CxZQh098eEsnuku6W0pNPPKHvp4GU76hs6r4o9TljFasyQ9Z1PaJemUpHOfnsyKugIQPS67iwN1sAAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-many7:hover .sh-many7-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAQAAAAmEUsOAAABfklEQVRYw+3Y3VGDQBSG4RfHe9OBlLAl0EHSgdhBOpAOTAdJB9qBSQVQglYAVPB5kZgJ8rMJHDNmZr/LM8t5BphddoGQkJDBRF1FOR6M2u/OGKRX2ebFB2bGoCQtBx+schw1GYXJc43JeGQXJUN3KUkrm/cIoI0kNWt3HeMqO5LPdunu4iaTE8hA9kROi6uSWpDzpuRqpBxroHMu/gkpxwcz4Dm6DnkCbnxjR5BKVSrXbBzYbidJmQfcJ5f7AVVKktKO0Vl7Wb+QPIKSVMoNgwbkAayUHD7lpZ6GwMnkEXSt+017+00hm2ADTQf6jSfbIICciiGwm7znjChlDdQkUXFajwrcOdc3c8a87APHxktag15SsTXof5cVNViCXjKqmNlh+9z+RiSQ/4isYcwi1ps58NUs/Z4kW+bMVZqdL2PgfXCMnCrjM3RxukuCjt8TiklxRgtAxTZamXQKuZ1oedgqTk/a7t69+iRmn6ykXer+hxezMEI3vnNYSMhF+QY/nExf20h7/AAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-many8-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAMAAAC7xnO3AAAAV1BMVEUAAAAgbfsibvoibvsjbfsjbfsjbvwgcP8gcP8ibfoibvsibvogbvwjbfsibfoibfsjbvojbfwgcP8ibfojbvsjbPwibvoibfoibvsgbPsibvsibfsjbvvkQufzAAAAHHRSTlMAP29/v69fMBCf799PwNDwoGAgcLBQz+CQQICPlCUfJAAAAchJREFUSMftltl6gjAQRrGgCSBkYcd5/+fsREDMNqJfe9XOlQk5s/1DMEn+7TM7faVplp3T9MLeoPglL2C3Mr8e5NINq6p6/VVcDoBfhhNS8XWtm/YeuHvB6d7Eck+pAXfPnAIZBhxC3hsB0Os4qND1GKkecy4YBaqo2zGOMuwMJR46LoK1aqyRVh3RPoT2VKqLSYA80L1oc56sApi83hUw2Dtd5sujBWTu3gzgHKyg8oP6xzCkey5IcgGl17buCGmC2qMkQSSHSA3QWBsFyGNkMtjbU0DLCIlD+DwNjb2kyMmWFOtOfp3kdmGhUxEyAZh/hGyh/5B8o05t1xkmF3OycXqrAteB3O54e7uzSf2UPE8XJ1zNd2OeQ2td70W17ituWwmttd6nEbORBMjcCWdbobwEQX0GRvf9TFT3eNIQIDYkrLLpeUWApj9T+EkNgvjumKIiTZjt0XKN916Vu8uayjWLOt4GLnLZj3HBxEqK4NMbZhQTjJlpG8K6cExV0B/8sC6sJyIuVofap3OsQdJgSBd2M8XPJOfpok/XvDSc1DRodNnfx+bxH66aXnDmbhgtN8Za9SqeiWL1D0VS08toq00H3P8x+wbnRS2MZAFRmgAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-many8:hover .sh-many8-bg {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAQAAAAmEUsOAAACj0lEQVRYw+2Y3XWjMBBGP3LyvupgKYEOTAehg9BB6GDTwboD00G8FYStwKQCkwrMVnD3wYoNNj+SzOZhT+bJiJm5M5JGjCx9yZcES+SnzkqJjKRUUqtaUqO3qP4HkWF4ZMOBYdmz4WFZ3I8rWEVFfTF24HEZ4NMJ11KSYy7exxRsO/lmt+FidqesZlyR01jdl8uw3IGJza9xjZyCFoAdcQgwtzGvvayMneQDSSgwDwh2HQAlsdvFN9J+wAfnNSW2axgI7EB3jlC7S/NwoCRRArBxUS38N82IpwqAdE7NcACaSZ2MV5eyIaYFXufUngGmHVIBlVOe895sjjPuPJCGFtj3R+96T5mMpLWLOxeJWq0lxf2zqI9MJf2JtkshJZU2lVHkg6QlgYoavU8gSWUkVUsibQqr7pHQzTI5qSyN/PB9hTSSFLULI6/k7nYXM1JLkuJhZCrp99JEO2sjyE+SLrKV9O1zkbV6O2sZsSdPM4z0kVWnf91Nak4iG0ly6AWai+dpC3M5cN/5XUmSMrutz1Nj9KRfnXtHoaq7A2cOj0ySomrkLfXQZ4nt3Ed7StgD40HZdrA3FWQAlIHAZKaPsgpJZ8SwB9rQlt8mEU+p5P22wZoUgcD4eJ/xMUm9Tfr2pVOP1zOpgTboSqPTMpU+Jsf+7DkQaGwL7h6wjbEOA0q8egdse+2zrL2A64DSspfTs7Qetj+PMzRcWvejdumpL8v1XZLjFGH0cmxOlQY2NXZNK2ft3VSGbk5q131HzMYuQnkL0LFQSOz63VBWH44mC4WYFQ9s2J9wZejB8eGyGrvAUwz8uVZ5HW2DwHy8Hi+qdkvunt39xDsj6W2kOAplkho1E1/8oDzTG1fmS/5z+Qs3iqtkH89nFgAAAABJRU5ErkJggg==);
	background-size: 100% 100%
}

.sh-clientCase .sh-rowImg:hover .clientCaseTitle {
	color: #fff9ec !important
}

.sh-clientCase .clientCaseTitle {
	padding: 20px 0;
	font-size: 16px;
	color: #363535
}

.ys {
	box-shadow: 0 0 2px 2px rgba(225, 227, 234, .74118)
}

.top-img {
	height: 320px;
	z-index: 99;
	display: flex;
	flex-flow: row;
	margin-top: -170px
}


.sh-scene {
	width: 20%;
	float: left;
	height: 220px;
	margin-bottom: 10px
}

.sh-scene>.core300 {
	width: 100%;
	height: 220px
}

@media screen and (orientation: portrait) {
	.wmdys {
		margin-top: 30px
	}

	.top-card {
		height: 370px;
		z-index: 99999
	}

	.top-img {
		flex-flow: column;
		height: 300px;
		margin-top: -140px
	}

	.top-img>div:first-child {
		padding: 20px !important
	}

	.clientCaseTitle,
	.top-img>div:last-child {
		padding: 10px !important
	}

	.sh-row-list {
		display: block;
		height: 500px
	}

	.sh-row-list .sh-rowImg {
		width: 48%;
		margin: 2px;
		height: 250px;
		float: left;
		padding: 5px !important
	}

	.sh-row-list-title {
		padding: 0 !important
	}

	.sh-row-scene {
		display: block;
		height: 500px
	}

	.sh-scene {
		width: 32%;
		float: left;
		height: 120px;
		margin-bottom: 10px
	}

	.sh-scene>.core300 {
		width: 100%;
		height: 120px
	}

	.sh-row-ys {
		display: flex;
		flex-wrap: wrap
	}

	.sh-row-ys .ys {
		width: 45%;
		height: 130px;
		text-align: left;
		margin: 5px
	}

	.sh-clientCase,
	.sh-content-details-row,
	.sh-row-ys .ys {
		padding: 0 !important
	}

	.relevant-cases-list-box {
		width: auto !important;
		padding: 0
	}

	.sh-content-font {
		width: 200px !important;
		position: absolute;
		top: 50%;
		left: 5%;
		transform: translateY(-50%);
		color: #fff;
		width: 350px
	}

	.sh-content-details,
	.top-img>div:first-child,
	.top-img>div:last-child {
		width: 100%
	}

	.sh-content-details-row-title p {
		font-size: 18px;
		margin-top: 50px
	}

	.sh-clientCase .clientCaseTitle {
		font-size: 16px !important;
		margin-left: 5px !important
	}

	.top-img {
		width: 100%
	}

	.core>div>div {
		font-size: 12px !important
	}
}

.bggs2 {
	background: url(../image/dd5cb44.png);
	background-size: 100% 100%;
	padding: 50px
}

.bggs2,
.bggss2 {
	justify-content: flex-start;
	text-align: left;
	width: 50%
}

.bggss2 {
	display: flex;
	flex-flow: column;
	background: #236efb;
	padding: 20px 50px 50px
}


/* 软件人力外包 */
.sh-content-details {
	width: 70%;
	align-self: center
}

.sh-content-details-row1 {
	text-align: center;
	margin-bottom: 15px;
	margin-top: 120px
}

.sh-content-details-row1>.sh-content-details-row-title {
	padding: 5px;
	font-size: 25px;
	color: #242424
}

.sh-content-details-row1>.sh-content-details-row-title span {
	padding: 5px;
	font-size: 10px;
	color: #a8a5a5
}

.sh-content-details-row1>.sh-content-details-row-content {
	padding: 10px;
	color: #a8a5a5
}

.dds {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: -100px
}

.dds-list {
	width: 19%;
	height: 304px;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 3px 12px rgba(35, 110, 251, .16);
	padding: 53px 23px;
	border-radius: 6px
}

.dds-list img {
	width: 71px;
	height: 71px;
	margin-bottom: 30px;
	display: inline;
}

.dds-list div:nth-child(2) {
	font-size: 22px;
	color: #000;
	margin-bottom: 21px
}

.dds-list div {
	font-size: 14px;
	color: #848484
}

.dds-list:hover {
	position: relative;
	-webkit-animation: movetip 1s infinite;
	animation: movetip 1s infinite;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.sh-serviceJob-row {
	display: block
}

.sh-serviceJob {
	width: 25%;
	float: left;
	display: flex;
	margin-left: 0;
	flex-flow: column;
	justify-content: center;
	align-items: center
}

.sh-serviceJob-list1 {
	background: url(../image/889fa31.png)
}

.sh-serviceJob:hover .sh-serviceJob-list1 {
	background: url(../image/a773a64.png) !important;
	background-size: 100% 100% !important
}

.sh-serviceJob:hover .sh-serviceJob-list2 {
	background: url(../image/a189cd7.png) !important;
	background-size: 100% 100% !important
}

.sh-serviceJob-list2 {
	background: url(../image/c04ef3d.png) !important
}

.sh-serviceJob:hover .sh-serviceJob-list3 {
	background: url(../image/6ecf6de.png) !important;
	background-size: 100% 100% !important
}

.sh-serviceJob-list3 {
	background: url(../image/bf03a2f.png) !important;
	background-size: 100% 100% !important
}

.sh-serviceJob:hover .sh-serviceJob-list4 {
	background: url(../image/3a748ff.png) !important;
	background-size: 100% 100% !important
}

.sh-serviceJob-list4 {
	background: url(../image/cb1e8f3.png) !important;
	background-size: 100% 100% !important
}

.sh-serviceJob:hover .sh-serviceJob-list5 {
	background: url(../image/181e9df.png) !important;
	background-size: 100% 100% !important
}

.sh-serviceJob-list5 {
	background: url(../image/11b6712.png) !important;
	background-size: 100% 100% !important
}

.sh-serviceJob:hover .sh-serviceJob-list6 {
	background: url(../image/1f1fe7d.png) !important;
	background-size: 100% 100% !important
}

.sh-serviceJob-list6 {
	background: url(../image/e9df18d.png) !important;
	background-size: 100% 100% !important
}

.sh-serviceJob:hover .sh-serviceJob-list7 {
	background: url(../image/332b4bb.png) !important;
	background-size: 100% 100% !important
}

.sh-serviceJob-list7 {
	background: url(../image/01d1e67.png) !important;
	background-size: 100% 100% !important
}

.sh-serviceJob:hover .sh-serviceJob-list8 {
	background: url(../image/9ab89c3.png) !important;
	background-size: 100% 100% !important
}

.sh-serviceJob-list8 {
	background: url(../image/ed651af.png) !important;
	background-size: 100% 100% !important
}

.sh-serviceJob>div {
	width: 80px;
	height: 80px;
	background-size: 100% 100% !important
}

.sh-serviceProcess {
	flex: 2;
	cursor: auto;
	margin-left: 0 !important;
	float: left;
	width: 14%
}

.sh-serviceProcess-line {
	flex: 1;
	width: 20px;
	margin-left: 0 !important;
	float: left;
	width: 3%
}

.sh-serviceProcess-line img {
	width: 100%
}

.sh-laborSecurity {
	background: #fff;
	box-shadow: 0 0 2px 2px #cfd4e5;
	display: flex
}

.sh-laborSecurity:hover>img {
	transform: scale(1.03);
	transition: 1s
}


.sh-laborSecurity .sh-laborSecurity-content {
	display: flex;
	flex: 1.5;
	flex-flow: column;
	padding: 30px
}

.sh-laborSecurity-content ul {
	margin-top: 15px;
	width: 100%
}

.sh-laborSecurity-content ul li {
	text-align: left;
	padding: 5px 0;
	color: #0c0c0c;
	margin-left: 65px;
	flex: 5;
	list-style: disc
}

.sh-laborSecurity-content-ulTitle {
	display: flex;
	justify-content: flex-start;
	margin-left: 50px
}

.sh-laborSecurity-content-ulTitle span {
	font-size: 25px;
	color: #0c0c0c;
	border-bottom: 3px solid #236efb
}

@media screen and (orientation: portrait) {
	.fwlc-div {
		margin-top: 380px !important
	}

	.ldbz {
		margin-top: -90px
	}


	.fwlc {
		margin-top: 25px
	}


	.sh-content-details-row>.sh-content-details-row-title .sh-topCard .sh-rowImg:nth-child(4) {
		margin-left: 20%
	}

	.sh-topCard .sh-rowImg p {
		padding: 5px 0;
		color: #000;
		font-weight: 700
	}

	.sh-content-details {
		width: 100%;
		align-self: center
	}

	.sh-content-details-row>.sh-content-details-row-content {
		color: #a8a5a5
	}

	.sh-content-titleImg {
		width: 100%;
		height: 293px;
		background: url(http://hlnzn.com/images/4da18a2.png);
		background-size: 100% 100%
	}

	.sh-content-details-row1 {
		margin-top: 60px
	}

	.sh-row .sh-serviceJob {
		margin-left: 0;
		padding: 0;
		width: 33%
	}

	.sh-row .sh-serviceJob:nth-child(7) {
		margin-left: 18%;
		padding: 0;
		width: 33%
	}

	.sh-content-ourValueTitle {
		width: 100%;
		margin-left: 0;
		height: 400px;
		background: url(../image/7692295.png);
		background-size: 100% 100%;
		font-size: 10px;
	}

	.sh-content-details-row>.sh-ourValue {
		padding: 0;
		margin-left: 0
	}

	.sh-content-details-row>.sh-ourValue>.sh-row {
		display: block
	}

	.sh-ourValue .sh-rowImg {
		background: #fff;
		padding: 10px;
		width: 46%;
		font-size: 10px;
		margin-top: 4%;
		margin-left: 3%;
		margin-right: 2%;
		float: left;
		height: 260px;
		box-shadow: 0 0 2px 2px #cfd4e5
	}

	.sh-ourValue .sh-rowImg:first-child,
	.sh-ourValue .sh-rowImg:nth-child(3) {
		margin-right: 0
	}

	.sh-content-details-row-min-css {
		height: 300px
	}

	.sh-ourValue .sh-rowImg:hover {
		transform: translateY(-10px);
		transition: 1s
	}

	.sh-serviceProcess {
		cursor: auto;
		margin-left: 0 !important;
		float: left;
		width: 27%
	}

	.sh-serviceProcess-line {
		width: 20px;
		margin-left: 0 !important;
		float: left;
		width: 9%
	}

	.sh-serviceProcess-line:nth-child(6) {
		display: none
	}

	.sh-serviceProcess-line img {
		width: 100%
	}

	.sh-laborSecurity {
		display: flex;
		flex-flow: column
	}

	.sh-row-laborSecurity:nth-child(2)>.sh-laborSecurity {
		flex-flow: column-reverse
	}

	.sh-laborSecurity img {
		flex: 0;
		width: 100%;
		height: 130px;
		object-fit: cover !important;
	}

	.sh-laborSecurity .sh-laborSecurity-content {
		padding: 20px 0 0
	}

	.sh-laborSecurity-content ul li {
		margin-left: 25px
	}

	.sh-laborSecurity-content-ulTitle {
		margin-left: 15px
	}

	.sh-row-laborSecurity {
		height: 390px
	}

	.relevant-cases-list-box {
		width: auto !important;
		padding: 0
	}

	.sh-content-details-row-title p {
		font-size: 18px
	}

	.disfs {
		display: flex
	}

	.dds,
	.disfs {
		flex-wrap: wrap;
		justify-content: center
	}

	.dds {
		align-items: center;
		margin-top: -50px
	}

	.dds-list {
		width: 31%;
		height: 178px;
		padding: 25px 11px;
		border-radius: 3px;
		margin-bottom: 11px;
		margin-right: 12px
	}

	.dds-list img {
		width: 34px;
		height: 34px;
		margin-bottom: 15px
	}

	.dds-list div:nth-child(2) {
		font-size: 12px;
		color: #000;
		margin-bottom: 10px
	}

	.dds-list div {
		font-size: 12px;
		color: #848484
	}

	.dds-list:nth-child(3) {
		margin-right: 0
	}

	.dds-list:hover {
		position: relative;
		-webkit-animation: movetip 1s infinite;
		animation: movetip 1s infinite;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards
	}
}



/* 物联网开发 */
.sh-service {
	padding: 35px 20px;
	background: url(../image/b692ec1.png);
	background-size: 100% 100%
}

.sh-service:hover {
	background: url(../image/672377c.png);
	background-size: 100% 100%
}

.sh-application>img {
	width: 100%;
	height: 250px
}

.sh-application:hover img {
	transform: scale(1.03);
	transition: 1s
}

.sh-service p {
	margin: 25px 0;
	font-size: 22px
}

.sh-application p {
	padding: 12px 0;
	color: #000;
	font-weight: 700;
	font-size: 24px;
}

.sh-5BigAdvantage1 {
	height: 295px;
	padding: 50px 0 0;
	border: 1px solid #d2cece;
	padding: 50px;
	align-items: center
}

.sh-5BigAdvantage1 p {
	padding: 6px 0;
	color: #000;
	font-weight: 700;
	font-size: 24px;
	margin: 15px 0;
	color: #6b6b6b
}

.sh-5BigAdvantage1 span {
	font-size: 16px;
}

.sh-5BigAdvantage1:hover {
	border: 1px solid #236efb;
	color: #236efb !important
}

.sh-5BigAdvantage1:hover p {
	color: #236efb !important
}

.sh-5BigAdvantage1 img {
	width: 80px;
	height: 80px;
	display: inline;
}

@media screen and (orientation: portrait) {
	.sh-service {
		padding-top: 27px;
		height: 150px;
		width: 31%;
		margin-left: 2% !important;
		padding: 0;
		margin-top: 2%;
		flex: unset;
	}

	.sh-row-service {
		flex-wrap: wrap;
		justify-content: center;
	}

	.sh-service p {
		margin: 25px 0;
		padding: 6px 0;
		color: #000;
		font-weight: 700;
		font-size: 12px
	}

	.imgss img {
		width: 100%;
		height: 173px
	}

	.sh-row-scenario {
		flex-flow: column;
		padding: 0
	}

	.sh-row-scenario .sh-application {
		margin-left: 0 !important;
		margin-bottom: 20px
	}

	.sh-application p,
	.sh-5BigAdvantage1 p {
		font-size: 14px;
	}

	.sh-application span,
	.sh-5BigAdvantage1 span {
		font-size: 12px;
	}

	.sh-row21 {
		flex-wrap: wrap;
	}

	.sh-5BigAdvantage1 {
		height: auto;
		width: 48%;
		margin: 10px 1% !important;
		padding: 10px;
		flex: auto;
	}

	.sh-5BigAdvantage1 p {
		margin: 0;
	}
}


/* 新零售 */
.industry2 {
	text-align: center;
	margin: 50px auto
}

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

.industry-list-dv2 {
	width: 23%;
	margin-top: 44px;
	cursor: pointer;
	border: 1px solid #dedede
}

.industry-list-dv2 img {
	width: 100%;
	height: 124px
}

.industry-list-dv2 div {
	padding: 26px 25px 17px 33px;
	font-size: 16px;
	color: #3b3b3b;
	height: 160px
}

.industry-list-dv2:hover {
	background-color: #236efb
}

.industry-list-dv2:hover div {
	color: #fff
}

.retail {
	text-align: center
}

.retail-list {
	display: flex;
	justify-content: space-between;
	margin-top: 45px
}

.retail-list-dv {
	width: 18%;
	font-size: 24px;
	color: #000
}

.retail-list-dv img {
	width: 211px;
	height: 210px;
	margin-bottom: 29px;
	display: inline;
}

.retail-list-dv div {
	width: 200px;
	margin: auto
}

.make {
	text-align: center;
	margin: 50px auto
}

.make-list {
	margin-top: 58px;
	height: 798px;
	width: 100%;
	position: relative
}

.make-list img {
	width: 549px;
	height: 798px;
	display: inline;
}

.make-list-box {
	position: absolute;
	top: 159px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.make-list-box-dv {
	position: relative;
	width: 400px;
	height: 211px;
	padding: 30px 33px;
	border-radius: 8px;
	box-shadow: 0 3px 12px rgba(35, 110, 251, .16);
	font-size: 16px;
	color: #848484;
	text-align: left;
	background-color: #fff;
	margin-right: 10px;
	margin-bottom: 50px
}

.make-list-box-dv div:first-child {
	font-size: 24px;
	color: #000;
	margin-bottom: 16px
}

.make-list-box-dv img {
	position: absolute;
	top: 80px;
	right: -32px;
	width: 64px;
	height: 64px
}

.make-list-box-dv-imm {
	left: -32px
}

.characteristics-list-box2 {
	width: 100%;
	display: flex;
	height: 382px;
	margin-bottom: 50px;
	margin-top: 23px
}

.characteristics-list-box2 img {
	width: 516px;
	height: 100%
}

.characteristics-list-box2 img:hover {
	transform: scale(1.1);
	transition: all .5s linear
}

.characteristics-list-box-bd2 {
	width: 640px;
	height: 100%;
	padding: 70px 38px 70px 70px;
	text-align: left;
	background-color: #f5f8fd
}

.characteristics-list-box-t12 {
	font-size: 28px;
	color: #000;
	font-weight: 800
}

.characteristics-list-box-t22 {
	font-size: 16px;
	color: #848484;
	margin-top: 25px
}

.characteristics-list-box-list2 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 26px;
	justify-content: space-between
}

.characteristics-ur2 {
	display: flex;
	align-items: center;
	margin-bottom: 22px;
	font-size: 18px;
	color: #242424
}

.characteristics-ur2 div:first-child {
	width: 12px;
	height: 12px;
	background-color: #236efb;
	margin-right: 9px;
	border-radius: 50%
}

.dd {
	width: 50%
}

@media screen and (max-width: 720px) {
	.industry2 {
		margin: 20px 0
	}

	.industry-list2 {
		flex-wrap: wrap
	}

	.industry-list-dv2 {
		width: 48%;
		margin-top: 20px
	}

	.industry-list-dv2 div {
		font-size: 12px;
		padding: 12px;
		height: 108px
	}

	.retail-list {
		flex-wrap: wrap;
		margin-top: 20px
	}

	.retail-list-dv {
		width: 50%;
		margin-bottom: 20px
	}

	.retail-list-dv img {
		width: 75%;
		height: 132px
	}

	.retail-list-dv div {
		width: 100px;
		font-size: 12px
	}

	.make-list img {
		width: 100%;
		height: auto
	}

	.make-list-box {
		top: 7px
	}

	.make-list-box-dv img {
		width: 32px;
		height: 32px;
		top: 48px;
		right: -15px
	}

	.make-list-box-dv {
		width: 70%;
		height: 130px;
		font-size: 12px;
		padding: 14px 12px;
		margin-bottom: 14px
	}

	.make-list-box-dv div:first-child {
		font-size: 16px;
		font-weight: 800;
		margin-bottom: 8px
	}

	.make-list-box .make-list-box-dv:nth-child(2n) {
		margin-left: 27%
	}

	.make-list-box-dv-imm {
		left: -15px
	}

	.make-list {
		margin-top: 20px;
		height: 610px
	}

	.characteristics-list-box2 {
		flex-direction: column;
		margin-bottom: 147px
	}

	.characteristics-list-box2 img {
		width: 100%
	}

	.characteristics-list-box-bd2 {
		width: 100%;
		padding: 30px 18px 30px 30px
	}

	.characteristics-list-box-t12 {
		font-size: 18px
	}

	.characteristics-list-box-t22 {
		font-size: 12px;
		margin-top: 10px
	}

	.characteristics-ur2 {
		font-size: 12px
	}
}


/* 跨境电商 */
.title {
	margin: 50px auto;
	text-align: center
}

.title-list {
	display: flex;
	justify-content: space-between;
	margin-top: 89px
}

.title-list-dv {
	width: 23.5%;
	height: 162px;
	box-shadow: 0 3px 16px rgba(35, 110, 251, .1);
	color: #000;
	font-size: 18px;
	text-align: center;
	padding: 0 30px;
	border-radius: 6px
}

.title-list-dv:hover {
	background-color: #236efb;
	color: #fff
}

.title-list-dv img {
	margin-top: -44px;
	width: 94px;
	height: 94px;
	margin-bottom: 25px;
	display: inline;
}

.opportunity {
	text-align: center
}

.opportunity-box {
	width: 100%;
	height: 457.89px;
	background: url(../image/01100a6.png) no-repeat top;
	background-size: cover;
	margin-top: 44px;
	display: flex;
	color: #fff
}

.opportunity-box-left,
.opportunity-box-right {
	width: 50%;
	padding-top: 70px;
	padding-right: 137px;
	text-align: right
}

.opportunity-box-right {
	padding-left: 137px;
	padding-right: 63px;
	text-align: left
}

.opportunity-box-left-t1 {
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 11px
}

.opportunity-box-left-t2 {
	font-size: 16px;
	margin-bottom: 34px
}

.mb {
	margin-bottom: 37px
}

.solution1 {
	text-align: center;
	margin: 50px auto 35px
}

.tt {
	margin-top: 19px;
	color: #848484;
	margin-bottom: 21px
}


.core>div.core-box2 {
	display: flex;
	margin-top: 44px;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
}

.core-box-img2 {
	width: 656px;
	height: 582px
}

.core-box-list2 {
	width: 503px
}

.core-box-list-dv2 {
	margin-bottom: 30px;
	font-size: 16px;
	color: #848484;
	text-align: left
}

.core-box-list-dv-top {
	display: flex;
	align-items: baseline;
	margin-bottom: 16px;
	font-size: 26px;
	color: #000;
	font-weight: 800
}

.core-box-list-dv-top img {
	width: auto;
	margin-right: 23px
}

@media screen and (max-width: 720px) {
	.title {
		margin-top: 20px;
		margin-bottom: 0
	}

	.title-list {
		flex-wrap: wrap;
		margin-top: 40px
	}

	.title-list-dv img {
		width: 47px;
		height: 47px;
		margin-top: -22px
	}

	.title-list-dv {
		width: 48%;
		font-size: 12px;
		height: 108px;
		margin-bottom: 40px;
		padding: 0 15px
	}

	.opportunity-box {
		flex-direction: column;
		background-image: none;
		height: 477.89px
	}

	.opportunity-box-left,
	.opportunity-box-right {
		width: 100%;
		text-align: left;
		background-color: red;
		padding: 20px 0 30px 20px
	}

	.opportunity-box-left-t1 {
		font-size: 16px
	}

	.opportunity-box-left-t2 {
		font-size: 12px;
		margin-bottom: 10px
	}

	.opportunity-box-right {
		padding-top: 30px;
		background-color: #236efb
	}

	.core>div.core-box2 {
		flex-direction: column
	}

	.core-box-img2 {
		width: 100%;
		height: auto
	}

	.core-box-list-dv2 {
		font-size: 12px
	}

	.core-box-list-dv-top {
		font-size: 18px
	}

	.core-box-list2 {
		width: 100%
	}
}



/* 智慧社区 */
.programme2 {
	margin: 50px auto 60px;
	text-align: center
}

.programme-list2 {
	margin-top: 47px;
	display: flex;
	justify-content: space-between
}

.programme-list-dv2 {
	width: 23%;
	height: 296px;
	padding: 39px 33px;
	font-size: 26px;
	box-shadow: 0 3px 12px rgba(35, 110, 251, .16);
	border-radius: 6px
}

.programme-list-dv2:hover {
	position: relative;
	-webkit-animation: movetip 1s infinite;
	animation: movetip 1s infinite;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.programme-list-dv2 img {
	width: 74px;
	height: 74px;
	margin-bottom: 10px;
	display: inline;
}

.programme-list-dv2 div:last-child {
	margin-top: 25px;
	font-size: 16px;
	color: #2d2d2d
}

.basic {
	text-align: center;
	width: 100%;
	padding: 70px 0 87px;
	background: url(../image/517f185.png) no-repeat top;
	background-size: cover
}

.basic-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 37px
}

.basic-list-dv {
	width: 23.5%;
	height: 241px;
	background-color: #fff;
	padding: 30px 35px;
	text-align: left;
	color: #2d2d2d;
	font-size: 22px;
	margin-bottom: 17px
}

.basic-list-dv div:first-child {
	width: 55px;
	height: 55px;
	margin-bottom: 20px
}

.basic-list-dv div:last-child {
	font-size: 12px;
	margin-top: 16px
}

.mm1 {
	background: url(../image/8a1ac0b.png) no-repeat 50%
}

.m2 {
	background: url(../image/3955fbc.png) no-repeat 50%
}

.m3 {
	background: url(../image/0cd287a.png) no-repeat 50%
}

.m4 {
	background: url(../image/59186eb.png) no-repeat 50%
}

.m5 {
	background: url(../image/2c73fb7.png) no-repeat 50%
}

.m6 {
	background: url(../image/d3fa88b.png) no-repeat 50%
}

.m7 {
	background: url(../image/ae07947.png) no-repeat 50%
}

.m8 {
	background: url(../image/9cea20a.png) no-repeat 50%
}

.m9 {
	background: url(../image/d34fbb8.png) no-repeat 50%
}

.m10 {
	background: url(../image/f1d7288.png) no-repeat 50%
}

.m11 {
	background: url(../image/7e188d9.png) no-repeat 50%
}

.m12 {
	background: url(../image/9e988e6.png) no-repeat 50%
}

.m13 {
	background: url(../image/b5525e3.png) no-repeat 50%
}

.m14 {
	background: url(../image/c287e0d.png) no-repeat 50%
}

.m15 {
	background: url(../image/da3bf69.png) no-repeat 50%
}

.m16 {
	background: url(../image/d4b8f58.png) no-repeat 50%
}

.basic-list-dv:hover {
	background-color: #236efb;
	color: #fff
}

.basic-list-dv:hover .mm1 {
	background: url(../image/6f0639e.png) no-repeat 50%
}

.basic-list-dv:hover .m2 {
	background: url(../image/6a7d90f.png) no-repeat 50%
}

.basic-list-dv:hover .m3 {
	background: url(../image/d37dcd4.png) no-repeat 50%
}

.basic-list-dv:hover .m4 {
	background: url(../image/39420a5.png) no-repeat 50%
}

.basic-list-dv:hover .m5 {
	background: url(../image/a12617d.png) no-repeat 50%
}

.basic-list-dv:hover .m6 {
	background: url(../image/0d1a0f9.png) no-repeat 50%
}

.basic-list-dv:hover .m7 {
	background: url(../image/f4d1f5f.png) no-repeat 50%
}

.basic-list-dv:hover .m8 {
	background: url(../image/6ed14cb.png) no-repeat 50%
}

.basic-list-dv:hover .m9 {
	background: url(../image/63af3f4.png) no-repeat 50%
}

.basic-list-dv:hover .m10 {
	background: url(../image/cb465f4.png) no-repeat 50%
}

.basic-list-dv:hover .m11 {
	background: url(../image/ac93263.png) no-repeat 50%
}

.basic-list-dv:hover .m12 {
	background: url(../image/8157c9b.png) no-repeat 50%
}

.basic-list-dv:hover .m13 {
	background: url(../image/949fee6.png) no-repeat 50%
}

.basic-list-dv:hover .m14 {
	background: url(../image/ee71450.png) no-repeat 50%
}

.basic-list-dv:hover .m15 {
	background: url(../image/b23d924.png) no-repeat 50%
}

.basic-list-dv:hover .m16 {
	background: url(../image/fc915d2.png) no-repeat 50%
}

.sets {
	margin: 60px auto 54px;
	text-align: center
}

.sets-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 37px
}

.sets-list-dv {
	width: 31%;
	font-size: 16px;
	color: #2d2d2d;
	margin-bottom: 40px;
	text-align: left
}

.sets-list-dv img {
	width: 371px;
	height: 245px;
	border-radius: 8px;
	margin-bottom: 27px
}

.sets-list-dv img:hover {
	transform: scale(1.1);
	transition: all .5s linear
}

.sets-list-dv-text {
	font-size: 26px;
	margin-bottom: 27px
}

.terminal {
	text-align: center;
	margin-bottom: 50px
}

.terminal-list {
	display: flex;
	margin-top: 37px;
	justify-content: space-between
}

.terminal-list-dv {
	width: 23%;
	height: 292px;
	background-color: #f5f8fd;
	padding: 66px 0;
	font-size: 26px
}

.terminal-list-dv img {
	width: 80px;
	height: 80px;
	margin-bottom: 47px;
	display: inline;
}

.terminal-list-dv:hover {
	position: relative;
	-webkit-animation: movetip 1s infinite;
	animation: movetip 1s infinite;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@media screen and (max-width: 720px) {
	.programme2 {
		margin: 20px 0
	}

	.programme-list2 {
		margin-top: 20px;
		flex-wrap: wrap
	}

	.programme-list-dv2 {
		width: 48%;
		font-size: 16px;
		padding: 20px 15px;
		height: 175px
	}

	.programme-list-dv2 img {
		width: 37px;
		height: 37px
	}

	.programme-list-dv2 div:last-child {
		margin-top: 10px;
		font-size: 12px
	}

	.basic {
		padding-top: 20px;
		padding-bottom: 30px
	}

	.basic-list-dv {
		width: 48%;
		padding: 20px 15px
	}

	.basic-list-dv div:first-child {
		width: 30px;
		height: 30px;
		background-size: cover
	}

	.basic-list-dv {
		font-size: 18px;
		height: 222px
	}

	.sets-list-dv {
		width: 48%;
		font-size: 12px
	}

	.sets-list-dv img {
		width: 100%;
		height: auto;
		margin-bottom: 10px
	}

	.sets-list-dv-text {
		font-size: 16px;
		margin-bottom: 10px
	}

	.sets {
		margin-bottom: 20px
	}

	.terminal-list {
		flex-wrap: wrap
	}

	.terminal-list-dv {
		width: 48%;
		margin-bottom: 15px
	}

	.terminal-list-dv img {
		width: 50px;
		height: 50px;
		margin-bottom: 20px
	}

	.terminal-list-dv {
		font-size: 14px;
		padding: 20px 0;
		height: auto
	}
}

/* 母婴电商 */
.development {
	text-align: center;
	margin: 50px auto
}

.development-list {
	display: flex;
	justify-content: center;
	margin-top: 39px
}

.development-list>img {
	width: 474.79px;
	height: 460.04px;
	margin-left: 111px
}

.development-list-dv img {
	width: 453px;
	height: 140px;
	margin-bottom: 17px
}

.development-list-dv-text {
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
	margin-bottom: 35px
}

.point {
	text-align: center;
	margin: auto
}

.point-list {
	margin-top: 44px;
	display: flex;
	justify-content: space-between
}

.point-list-dv {
	font-size: 24px;
	width: 24%;
	height: 342px;
	border-radius: 6px;
	box-shadow: 0 3px 16px rgba(35, 110, 251, .1);
	padding: 47px 24px;
	color: #000
}

.point-list-dv:hover {
	position: relative;
	-webkit-animation: movetip 1s infinite;
	animation: movetip 1s infinite;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.point-list img {
	width: 70px;
	height: 70px;
	margin-bottom: 17px;
	display: inline;
}

.point-list-dv div:last-child {
	font-size: 18px;
	color: #848484;
	margin-top: 22px
}

.service {
	text-align: center;
	margin: 50px auto
}

.service-list {
	margin-top: 50px;
	flex-wrap: wrap
}

.service-list,
.service-list-dv {
	display: flex;
	justify-content: space-between
}

.service-list-dv {
	width: 48%;
	height: 237px;
	box-shadow: 0 3px 16px rgba(35, 110, 251, .1);
	padding: 40px 50px;
	align-items: center;
	font-size: 18px;
	color: #848484;
	text-align: left;
	margin-bottom: 20px
}

.service-list-dv:hover {
	position: relative;
	-webkit-animation: movetip 1s infinite;
	animation: movetip 1s infinite;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.service-list-dv img {
	width: 157px;
	height: 157px;
	margin-right: 35px
}

.service-list-dv>div div:first-child {
	font-size: 24px;
	margin-bottom: 22px;
	color: #000;
	font-weight: 800
}

@media screen and (max-width: 720px) {
	.development {
		margin-top: 20px
	}

	.development-list {
		flex-direction: column
	}

	.development-list-dv img,
	.development-list>img {
		width: 100%;
		height: auto
	}

	.development-list>img {
		margin-left: 0
	}

	.point-list {
		flex-wrap: wrap
	}

	.point-list-dv {
		width: 48%
	}

	.point-list img {
		width: 35px;
		height: 35px
	}

	.point-list-dv {
		font-size: 16px;
		padding: 20px 15px;
		height: auto;
		margin-bottom: 10px
	}

	.point-list-dv div:last-child {
		font-size: 12px;
		margin-top: 10px
	}

	.service-list-dv {
		width: 100%;
		font-size: 12px;
		padding: 20px;
		height: auto
	}

	.service-list-dv img {
		width: 79px;
		height: 79px
	}

	.service-list-dv>div div:first-child {
		font-size: 16px
	}
}


/* 企业培训 */
.problem {
	text-align: center;
	margin: 50px auto 0
}

.problem-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 45px
}

.problem-list-dv {
	width: 22%;
	height: 239px;
	box-shadow: 0 3px 12px rgba(35, 110, 251, .16);
	padding: 34px 63px;
	font-size: 26px;
	color: #2d2d2d;
	margin-bottom: 54px
}

.problem-list-dv:hover {
	position: relative;
	-webkit-animation: movetip 1s infinite;
	animation: movetip 1s infinite;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.problem-list-dv img {
	width: 113px;
	height: 114px;
	margin-bottom: 14px;
	display: inline;
}

.convenient {
	text-align: center
}

.convenient-list {
	margin-top: 45px
}

.convenient-list-dv {
	width: 100%;
	height: 382px;
	background-color: #f5f8fd;
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px
}

.convenient-list-dv img {
	width: 560px;
	height: 100%
}

.convenient-list-dv img:hover {
	transform: scale(1.1);
	transition: all .5s linear
}

.convenient-list-dv-text {
	padding: 72px 43px 70px 60px;
	text-align: left
}

.convenient-list-dv-text-t1 {
	font-size: 26px;
	color: #000;
	font-weight: 800;
	margin-bottom: 30px
}

.convenient-list-dv-text-t2 {
	display: flex;
	align-items: center;
	font-size: 18px;
	color: #242424;
	margin-bottom: 22px
}

.convenient-list-dv-text-t2 div:first-child {
	width: 12px;
	height: 12px;
	background-color: #236efb;
	border-radius: 50%;
	margin-right: 9px
}

@media screen and (max-width: 720px) {
	.problem-list-dv {
		width: 31%;
		font-size: 14px;
		height: auto;
		padding: 20px;
		margin-bottom: 15px
	}

	.problem-list {
		justify-content: space-around
	}

	.problem-list-dv img {
		width: 56px;
		height: 57px
	}

	.problem {
		margin-bottom: 20px
	}

	.convenient-list-dv {
		flex-direction: column-reverse;
		height: auto;
		margin-bottom: 20px
	}

	.convenient-list .convenient-list-dv:nth-child(2n) {
		flex-direction: column
	}

	.convenient-list-dv img {
		width: 100%;
		height: auto
	}

	.convenient-list-dv-text {
		padding: 20px 15px
	}

	.convenient-list-dv-text-t1 {
		margin-bottom: 15px;
		font-size: 16px
	}

	.convenient-list-dv-text-t2 {
		font-size: 12px
	}
}


/* 智能软硬件 */
.range {
	margin: 50px auto;
	text-align: center
}

.range-list {
	display: flex;
	justify-content: space-between;
	margin-top: 44px
}

.range-list-dv {
	width: 24%;
	height: 262px;
	border-radius: 6px;
	box-shadow: 0 3px 16px rgba(35, 110, 251, .1);
	padding: 39px;
	font-size: 28px;
	color: #2d2d2d
}

.range-list-dv:hover {
	position: relative;
	-webkit-animation: movetip 1s infinite;
	animation: movetip 1s infinite;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.range-list-dv img {
	width: 115px;
	height: 114px;
	margin-bottom: 21px;
	display: inline;
}

.scene1 {
	text-align: center;
	margin-bottom: 20px
}

.scene-list1 {
	width: 100%;
	margin-bottom: 30px;
	height: 276px;
	background-color: #f5f8fd;
	display: flex;
	align-items: center
}

.scene-list1 img {
	width: 405px;
	height: 100%
}

.scene-list1 img:hover {
	transform: scale(1.1);
	transition: all .5s linear
}

.scene-list-dv1 {
	margin-left: 47px;
	width: 693px;
	font-size: 18px;
	color: #242424;
	text-align: left
}

.scene-list-dv1 div:first-child {
	font-size: 28px;
	font-weight: 800
}

.scene-list-dv1 div:nth-child(2) {
	width: 54px;
	height: 4px;
	border-radius: 4px;
	background-color: #236efb;
	margin: 15px 0 23px
}

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

.top {
	margin-top: 44px
}

@media screen and (max-width: 720px) {
	.range {
		margin-top: 25px
	}

	.range-list {
		margin-top: 22px;
		flex-wrap: wrap
	}

	.range-list-dv {
		width: 48%;
		margin-bottom: 15px;
		font-size: 14px;
		padding: 20px;
		height: auto
	}

	.range-list-dv img {
		width: 65px;
		height: 66px
	}

	.scene-list1 img {
		width: 30%;
		height: auto
	}

	.scene-list-dv1 {
		width: auto;
		font-size: 12px;
		margin-left: 0;
		width: 60%
	}

	.scene-list-dv1 div:first-child {
		font-size: 18px
	}

	.scene-list1 {
		height: auto;
		padding: 20px 12px;
		display: flex;
		justify-content: space-between
	}
}


/* 生鲜电商 */
.trend {
	margin: 50px auto;
	text-align: center
}

.trend-list {
	display: flex;
	justify-content: space-between;
	margin-top: 44px
}

.trend-list-dv {
	width: 32%
}

.trend-list-dv img {
	width: 100%;
	height: 166px
}

.trend-list-dv-text {
	height: 250px;
	width: 100%;
	border: 1px solid #dedede;
	border-top: none;
	padding: 30px 39px;
	font-size: 16px;
	color: #3b3b3b
}

.trend-list-dv-text:hover {
	background-color: #236efb;
	color: #fff
}

.trend-list-dv-text:hover div:first-child {
	color: #fff
}

.trend-list-dv-text div:first-child {
	font-size: 24px;
	color: #000;
	margin-bottom: 22px;
	font-weight: 800
}

.factor {
	text-align: center
}

.factor-list {
	display: flex;
	justify-content: space-between;
	margin-top: 44px
}

.factor-list-dv {
	width: 19%;
	height: 161px;
	box-shadow: 0 3px 16px rgba(35, 110, 251, .16);
	padding: 23px 32px;
	color: #000;
	font-size: 16px
}

.factor-list-dv div:first-child {
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 10px
}

.factor-list-dv:hover {
	position: relative;
	-webkit-animation: movetip 1s infinite;
	animation: movetip 1s infinite;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.exhibition1 {
	margin: 50px auto 14px;
	text-align: center
}

.exhibition-list1 {
	align-items: center;
	margin-top: 44px
}

.exhibition-list1,
.exhibition-list-dv1 {
	display: flex;
	justify-content: space-between
}

.exhibition-list-dv1 {
	flex-wrap: wrap
}

.exhibition-list-dv-text {
	display: flex;
	align-items: center;
	font-size: 22px;
	color: #000;
	font-weight: 800
}

.exhibition-list-dv-text div:first-child {
	width: 20px;
	height: 20px;
	border: 6px solid #236efb;
	border-radius: 50%;
	background-color: #fff;
	margin-right: 11px
}

.exhibition-text {
	width: 219px;
	text-align: left;
	font-size: 16px;
	margin-top: 12px;
	margin-bottom: 42px
}

.exhibition .img {
	width: 644px;
	height: 524px;
	margin-left: 55px
}

@media screen and (max-width: 720px) {
	.trend-list-dv {
		width: 100%;
		margin-bottom: 20px
	}

	.trend-list {
		flex-wrap: wrap
	}

	.trend-list-dv-text div:first-child {
		font-size: 18px
	}

	.trend-list-dv-text {
		font-size: 12px;
		height: auto;
		padding: 20px
	}

	.trend {
		margin: 25px 0
	}

	.factor-list {
		flex-wrap: wrap;
		justify-content: space-around
	}

	.factor-list-dv {
		width: 31.5%;
		font-size: 12px;
		padding: 20px 12px;
		height: 130px;
		margin-bottom: 14px
	}

	.factor-list-dv div:first-child {
		font-size: 16px
	}

	.exhibition-list1 {
		flex-direction: column
	}

	.exhibition1 img {
		width: 100%;
		height: auto;
		margin-left: 0
	}

	.exhibition-list-dv-text {
		font-size: 16px
	}

	.exhibition-text {
		width: auto;
		font-size: 12px
	}

	.exhibition-list-dv1>div {
		width: 47%
	}

	.exhibition .img {
		width: 100%;
		margin-left: 0;
		height: auto
	}
}


/* 企业管理系统 */
.trend2 {
	margin: 50px auto;
	text-align: center
}

.trend-list2 {
	display: flex;
	justify-content: space-between;
	margin-top: 44px
}

.trend-list-dv2 {
	width: 23.5%;
	height: 321px
}

.trend-list-dv2 img {
	width: 100%;
	height: 124px
}

.trend-list-dv-text2 {
	width: 100%;
	border: 1px solid #dedede;
	border-top: none;
	padding: 30px 20px;
	font-size: 16px;
	color: #3b3b3b
}

.trend-list-dv-text2:hover {
	background-color: #236efb;
	color: #fff
}

.trend-list-dv-text2:hover div:first-child {
	color: #fff
}

.trend-list-dv-text2>div:first-child {
	font-size: 22px;
	color: #000;
	margin-bottom: 19px;
	font-weight: 800
}

.apply2 {
	text-align: center
}

.apply-list2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 50px
}

.apply-list-dv2 {
	width: 19%;
	height: 173px;
	box-shadow: 0 3px 16px rgba(35, 110, 251, .16);
	margin-bottom: 16px;
	font-size: 18px;
	color: #000;
	padding: 33px
}

.apply-list-dv2:hover {
	position: relative;
	-webkit-animation: movetip 1s infinite;
	animation: movetip 1s infinite;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.apply-list-dv2 img {
	width: 67px;
	height: 67px;
	margin-bottom: 13px;
	display: inline;
}

.programme22 {
	text-align: center;
	margin: 50px auto
}

.programme-list22 {
	margin-top: 50px
}

.programme-list-dv22 {
	display: flex;
	width: 100%;
	height: 382px;
	margin-bottom: 50px;
	background-color: #f5f8fd
}

.programme-list-dv22>div {
	width: 640px;
	padding: 70px;
	color: #848484;
	font-size: 16px;
	text-align: left
}

.programme-list-dv22>div div:first-child {
	font-size: 28px;
	font-weight: 800;
	margin-bottom: 25px;
	color: #000
}

.programme-list-dv22 img {
	width: 560px;
	height: 100%
}

.programme-list-dv22 img:hover {
	transform: scale(1.1);
	transition: all .5s linear
}

@media screen and (max-width: 720px) {
	.trend2 {
		margin-bottom: 30px
	}

	.trend-list-dv2 {
		width: 48%;
		height: auto;
		margin-bottom: 20px
	}

	.trend-list2 {
		flex-wrap: wrap
	}

	.trend-list-dv-text2>div:first-child {
		font-size: 16px
	}

	.trend-list-dv-text2 {
		font-size: 12px;
		padding: 20px 15px;
		height: 152px
	}

	.trend-list-dv2 img {
		height: auto
	}

	.apply-list-dv2 {
		width: 31%;
		font-size: 12px;
		padding: 20px;
		height: 125px
	}

	.apply-list-dv2 img {
		width: 35px;
		height: 35px
	}

	.programme-list-dv22>div {
		width: 100%;
		padding: 20px;
		font-size: 12px
	}

	.programme-list-dv22 img {
		width: 100%
	}

	.programme-list-dv22 {
		height: auto;
		flex-direction: column-reverse;
		margin-bottom: 15px
	}

	.programme-list22 .programme-list-dv22:nth-child(2n) {
		flex-direction: column
	}

	.programme-list-dv22>div div:first-child {
		font-size: 18px
	}
}



/* 农村电商 */
.problem2 {
	text-align: center;
	margin: 50px auto
}

.problem-list2 {
	display: flex;
	justify-content: space-between;
	margin-top: 50px
}

.problem-list-dv2 {
	width: 31%
}

.problem-list-dv2:hover {
	background-color: #236efb
}

.problem-list-dv2 img {
	width: 100%;
	height: 166px
}

.problem-list-dv-text2 {
	height: 200px;
	width: 100%;
	border: 1px solid #dedede;
	border-top: none;
	padding: 24px 50px;
	text-align: left
}

.problem-list-dv-text2>div:first-child {
	color: #000;
	font-size: 24px;
	margin-bottom: 13px;
	font-weight: 800
}

.problem-list-dv2:hover .problem-list-dv-text-box,
.problem-list-dv2:hover .problem-list-dv-text2>div:first-child {
	color: #fff
}

.problem-list-dv2:hover .problem-list-dv-text-box div:first-child {
	background-color: #fff
}

.problem-list-dv-text-box {
	font-size: 16px;
	color: #3b3b3b;
	display: flex;
	align-items: center
}

.problem-list-dv-text-box div:first-child {
	width: 9px;
	height: 9px;
	background-color: #101010;
	border-radius: 50px;
	margin-right: 8px
}

.dian {
	width: 100%;
	height: 426px;
	background: url(../image/c091e9b.png) no-repeat top;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.dian-dv div {
	text-align: center;
	width: 275px;
	height: 80px;
	line-height: 80px;
	border-radius: 8px;
	box-shadow: 0 3px 12px rgba(35, 110, 251, .16);
	font-size: 22px;
	font-weight: 800;
	color: #236efb;
	margin-bottom: 47px
}

.point2 {
	text-align: center;
	margin: 40px auto 50px
}

.point-list2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 44px
}

.point-list-dv2 {
	width: 32%;
	height: 80px;
	border-radius: 8px;
	line-height: 80px;
	box-shadow: 0 3px 12px rgba(35, 110, 251, .16);
	font-size: 18px;
	font-weight: 800;
	margin-bottom: 29px
}

.point-list-dv2:hover {
	background-color: #236efb;
	color: #fff
}

.points {
	text-align: center;
	margin-bottom: 50px
}

.points-list {
	display: flex;
	justify-content: space-between;
	margin-top: 50px
}

.points-list-dv {
	width: 18.5%;
	height: 361px;
	box-shadow: 0 3px 12px rgba(35, 110, 251, .16);
	border-radius: 6px;
	font-size: 20px;
	font-weight: 800;
	color: #232323;
	padding: 45px 31px
}

.points-list-dv div:last-child {
	font-size: 16px;
	color: #787878;
	font-weight: 500;
	margin-top: 18px
}

.points-list-dv img {
	width: 85px;
	height: 85px;
	margin-bottom: 28px;
	display: inline;
}

.points-list-dv:hover {
	position: relative;
	-webkit-animation: movetip 1s infinite;
	animation: movetip 1s infinite;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@media screen and (max-width: 720px) {
	.problem-list-dv2 {
		width: 48%;
		margin-bottom: 20px
	}

	.problem-list2 {
		flex-wrap: wrap
	}

	.problem-list-dv2 img {
		height: auto
	}

	.problem-list-dv-text2>div:first-child {
		font-size: 14px
	}

	.problem-list-dv-text-box {
		font-size: 12px
	}

	.problem-list-dv-text2 {
		padding: 12px;
		height: 120px
	}

	.dian {
		height: auto;
		background-size: contain;
		flex-direction: column
	}

	.dian-dv {
		width: 100%;
		display: flex;
		justify-content: space-evenly
	}

	.dian-dv div {
		width: 40%;
		font-size: 12px;
		background-color: #fff;
		height: 40px;
		line-height: 40px
	}

	.problem {
		margin-bottom: 20px
	}

	.point-list-dv2 {
		width: 100%;
		font-size: 12px;
		line-height: 40px;
		height: 40px
	}

	.points-list-dv {
		width: 31%;
		font-size: 14px;
		padding: 15px;
		height: 301px;
		margin-bottom: 15px
	}

	.points-list {
		flex-wrap: wrap;
		justify-content: space-around
	}

	.points-list-dv img {
		width: 50px;
		height: 50px
	}

	.points-list-dv div:last-child {
		font-size: 12px
	}
}


/* 4G遥控车 */
.programme3 {
	text-align: center;
	margin-top: 40px
}

.programme-list3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 85.5px auto 46.5px
}

.programme-list-dv3 {
	width: 22%;
	font-size: 20px;
	color: #000;
	margin-bottom: 23px
}

.programme-list-dv3 img {
	width: 133px;
	height: 135px;
	margin-bottom: 23px;
	display: inline;
}

.shot {
	text-align: center
}

.shot-list {
	display: flex;
	justify-content: space-between;
	margin: 44.5px auto 50.5px
}

.shot-list img {
	width: 100%;
	height: 215px
}

.model {
	text-align: center
}

.model-list {
	margin: 44.5px auto 50.5px
}

.model-list img {
	width: 100%;
	height: 603px
}

.app {
	text-align: center
}

.app-list {
	display: flex;
	justify-content: space-between;
	margin: 47.5px auto 50.5px
}

.app-list img {
	width: 49%;
	height: 273px
}

.advantage3 {
	text-align: center
}

.advantage-list3 {
	display: flex;
	justify-content: space-between;
	margin: 47px auto 84.1px
}

.advantage-list-dv3 {
	width: 24%;
	height: 355px;
	background-color: #fff;
	box-shadow: 0 2px 12px rgba(10, 106, 250, .16);
	padding: 37px 28px 34px;
	font-size: 16px;
	color: #7b7b7b
}

.advantage-list-dv3 img {
	width: 136px;
	height: 136px;
	margin-bottom: 29px;
	display: inline;
}

.advantage-list-dv-t13 {
	font-size: 20px;
	font-weight: 800;
	color: #000;
	margin-bottom: 22px
}

@media screen and (max-width: 720px) {
	.programme-list-dv3 img {
		width: 60px;
		height: 60px
	}

	.programme-list-dv3 {
		width: 33%;
		font-size: 12px
	}

	.programme-list3 {
		justify-content: normal;
		margin-top: 30px
	}

	.shot-list {
		flex-wrap: wrap
	}

	.shot-list div {
		width: 48%;
		margin-bottom: 10px
	}

	.shot-list img {
		height: 133px;
		object-fit: unset;
	}

	.model-list img {
		height: 174px
	}

	.app-list img {
		width: 100%;
		margin-bottom: 10px;
		height: 164px
	}

	.advantage-list3,
	.app-list {
		flex-wrap: wrap
	}

	.advantage-list-dv3 {
		width: 48%;
		margin-bottom: 10px;
		height: 213px;
		font-size: 12px;
		padding: 20px
	}

	.advantage-list-dv3 img {
		width: 82px;
		height: 82px;
		margin-bottom: 10px
	}

	.advantage-list-dv-t13 {
		font-size: 14px;
		margin-bottom: 10px
	}
}




/* 案例中心 */
.c-top {
	margin: 20px auto;
	display: flex;
	font-size: 16px
}

.c-top div:nth-child(2) {
	margin: 0 10px
}

.c-top a {
	color: #333
}

.page {
	margin: 50px auto;
	display: flex;
	justify-content: center
}

.page div:nth-child(2) {
	margin: 0 20px
}

.page div:nth-child(3) {
	margin-right: 20px
}

.layui-tab {
	margin: auto
}

.layui-tab-title {
	background-color: #f6f7fa;
	border: none;
	height: auto;
	padding: 0 10px;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

.layui-tab-title li {
	line-height: 70px;
	font-size: 16px;
	padding: 0 8px;
	margin: 0 14px;
	color: #1e1e1e;
	position: relative;
	cursor: pointer;
}

.layui-tab-title .layui-this:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 41px;
	box-sizing: border-box;
	pointer-events: none
}

.layui-tab-brief>.layui-tab-title .layui-this,
.c-top a:hover {
	color: #236efb
}

.layui-tab-brief>.layui-tab-more li.layui-this::after,
.layui-tab-brief>.layui-tab-title .layui-this::after {
	border-bottom: 5px solid #236efb
}

.c-bd .van-tab {
	flex: none !important;
	line-height: 70px;
	font-size: 16px
}

.c-bd .van-tabs,
.c-bd .van-tabs--line .van-tabs__wrap {
	height: 70px
}

.c-bd .van-tabs__wrap--scrollable .van-tab {
	padding: 0 40px
}

.c-list {
	margin: 20px
}

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

.layui-nav>.layui-nav-item a {
	color: #0c0c0c !important
}

.layui-nav .layui-nav-item a:hover,
.layui-nav .layui-this a {
	color: #236efb !important
}

.layui-nav-bar,
.layui-nav .layui-this:after {
	background-color: #236efb !important
}

.sh-rowImg-case {
	background: #fff
}

.sh-rowImg-case img {
	width: 100%;
	height: 247px
}

.sh-rowImg-case .clientCaseTitle {
	padding: 8px 0;
	margin-top: 6px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

.layui-nav-item a,
.tabs-list a {
	color: #333;
	text-decoration: none;
}

.layui-nav-item:hover a {
	color: #0b55df
}

.tabs {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0 12px;
	display: none;
}

.tabs-list {
	width: 31%;
	line-height: 35px;
	text-align: center;
	background-color: #f3f7fc;
	border-radius: 16px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 12px
}

.tabs div:nth-child(3n) {
	margin-right: 0
}

.cimgs {
	width: 100%;
	height: 247px;
	overflow: hidden;
	display: block
}

.sh-row-case a {
	text-decoration: none;
	color: #333;
}

.sh-row-case {
	padding: 40px 0;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}

.sh-rowImg-case {
	margin-right: 2%;
	cursor: pointer;
	width: 23.5%;
	margin-bottom: 28px;
}

.sh-row-case .sh-rowImg-case:nth-child(4n+1) {
	margin-left: 0;
}

.sh-row-case .sh-rowImg-case:nth-child(4n) {
	margin-right: 0;
}

.sh-rowImg-case img {
	width: 100%;
	border-radius: 8px;
	margin-bottom: 25px;
}

.sh-rowImg-case:hover img {
	transform: scale(1.1);
	transition: 1s
}

.sh-rowImg-case:hover .clientCaseTitle,
.sh-rowImg-case:hover img {
	color: #236efb !important
}

.btable-paged {
	margin-top: 40px;
}

.btable-paged .layui-laypage {
	display: flex;
	justify-content: center;
}

.pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #0069FF;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	cursor: pointer;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.pagination>li>a:hover,
.pagination>li>span:hover {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #ffffff;
	border-color: #0069FF;
}

.btable-paged .layui-laypage ul.pagination {
	display: flex;
	align-items: center;
}

.btable-paged .layui-laypage ul.pagination li {
	/* width: 30px;
	height: 30px; */
	/* padding: 0px 12px; */
	border-radius: 2px;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	color: #6D6D6F;
	margin-right: 8px;
}

.btable-paged .layui-laypage ul.pagination span {
	/* width: 30px;
	height: 30px; */
	padding: 6px 12px;
	display: block;
	font-size: 12px;
	color: #6D6D6F;
}

.btable-paged .layui-laypage ul.pagination li>a {
	/* width: 30px;
	height: 30px; */
	padding: 6px 12px !important;
	display: block;
	font-size: 12px;
	color: #6D6D6F;
}

.layui-laypage ul.pagination li.active {
	/* border: 1px solid #0069FF;
	color: #0069FF; */
}

.btable-paged .layui-laypage span.layui-laypage-total {
	font-family: '';
	font-size: 12px;
	color: #6D6D6F;
	line-height: 32px;
}

.layui-laypage span.layui-laypage-total #page {
	width: 30px;
	padding: 0 10px;
	height: 28px;

	line-height: 40px;
	border: 1px solid #D9D9D9;
	border-radius: 4px;
	margin: 0 8px;
}

.layui-laypage span.layui-laypage-total button.jump {
	width: 50px;
	line-height: 30px;
	background: #0069FF;
	color: #fff;
	text-align: center;
	border: unset;
	border-radius: 4px;
	margin-left: 8px;
}

.layui-laypage span.layui-laypage-total button.jump:hover {
	text-decoration: underline;
}

.mobilePage {
	display: none !important;
}

.casebtn {
	width: 100%;
	margin: 50px auto 0;
	background-color: #fff;
	padding: 30px 0 40px;
	text-align: center;
}

.casebtn a {
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	width: 160px;
	font-size: 16px;
	line-height: 44px;
	height: 44px;
	-webkit-transition: all ease .2s;
	-o-transition: all ease .2s;
	-moz-transition: all ease .2s;
	transition: all ease .2s;
	background-color: #236efb;
	color: #fff;
	font-size: 18px;
	margin: 0 10px;
	box-shadow: 0 2px 5px rgba(35, 110, 251, .6);
}

.casebtn a:hover {
	background-color: #0b55df
}

@media screen and (max-width: 720px) {
	.sh-row-case {
		flex-wrap: wrap;
		padding: 12px;
		box-sizing: border-box
	}

	.sh-rowImg-case {
		width: 100%;
		margin-right: 0
	}

	.c-top {
		padding: 12px
	}

	.tabs {
		display: flex;
	}

	.sh-rowImg-case img {
		width: 100%;
		height: 230px
	}

	.layui-this {
		background-color: #236efb;
		color: #fff
	}

	.layui-this a {
		color: #fff
	}

	.cimgs {
		width: 100%;
		height: 227px
	}

	.imgs img {
		width: 100%;
		height: auto
	}

	.mobilePage {
		display: flex !important;
	}

	.casebtn {
		margin: 0 auto;
	}

	.casebtn a {
		width: 120px;
		font-size: 14px;
		line-height: 32px;
		height: 32px;
	}

	.btable-paged {
		margin: 20px 0 40px;
	}
}


/* 关于我们 */
.about-txt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
}
.about-txt .right{
	flex: 1;
	margin-left: 80px;
}
.m-about-title {
	font-size: 36px;
	line-height: 48px;
	font-weight: 700;
	color: #1a1a1a;
	text-align: right;
}

.about-txt .article {
	padding: 40px 0;
	font-size: 16px;
	line-height: 30px;
	color: #333;
	text-align: justify;
	text-justify: inter-ideograph
}

.about-us-intro .intro-card {
	margin: 0 -25px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.about-us-intro .intro-card .card {
	width: 33%
}

.about-us-intro .intro-card .inner {
	position: relative;
	padding: 0 15px
}

.about-us-intro .intro-card .inner img {
	display: block;
	width: 100%
}

.about-us-intro .intro-card .info {
	width: calc(100% - 30px);
	padding: 0 20px ;
	position: absolute;
	left: 15px;
	top: 28.18627%;
	line-height: 28px;
	color: #555;
	z-index: 2;
	font-size: 15px;
	box-sizing: border-box;
}

.about-us-intro .intro-card .en {
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase
}

.about-us-intro .intro-card .cn {
	margin-bottom: 0;
	color: #333;
	font-size: 24px;
	font-weight: bold;
}

.about-us-intro .intro-card .inner .mask {
	width: calc(100% - 30px);
	height: 100%;
	background-color: #fff;
	position: absolute;
	left: 15px;
	top: 0;
	z-index: 1;
	opacity: 0.7;
}

.about-us-intro .intro-card .info .line {
	display: block;
	width: 16px;
	height: 3px;
	background-color: #00b366;
	margin: 10px 0 10px 2px;
}

.about-us-intro .intro-card .inner:hover .mask {
	background-color: #0069FF;
}

.about-us-intro .intro-card .inner:hover .info,
.about-us-intro .intro-card .inner:hover .cn {
	color: #fff;
}

.a-corporate {
	text-align: center;
	margin: 50px auto
}

.a-corporate-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 44px
}

.a-corporate-list-dv {
	width: 33%;
	height: 257px;
	padding: 58px 78px;
	box-sizing: border-box;
	color: #fff
}

.a-corporate-list-dv div:first-child {
	font-size: 25px;
	margin-bottom: 21px
}

.a-corporate-list-dv div:last-child {
	font-size: 16px
}

.a-m1 {
	background: url(../image/c556a2f.png) no-repeat top
}

.a-m2 {
	background: url(../image/b2e94cc.png) no-repeat top
}

.a-m3 {
	background: url(../image/60799a8.png) no-repeat top
}
.a-t1 {
	color: #363636;
	font-size: 36px
}
.a-corporate-list-dv:hover,
.a-understand-bot img:hover {
	transform: scale(1.1);
	transition: all .5s linear
}
.about-txt1{
	margin: 50px 0;
}
.about-txt1 .left{
	flex: 1;
	margin-right: 80px;
}
.about-txt1 .m-about-title{
	text-align: left;
}

@media screen and (max-width: 720px){
	.a-t1, .brand-dv div:nth-child(2) {
	    font-size: 18px;
	}
	.about-us-intro .intro-card{
		margin: 0;
	}
	.about-us-intro .intro-card .inner{
		padding: 0;
	}
	.about-txt,.about-us-intro .intro-card,.a-corporate-list {
	    flex-wrap: wrap;
	}
	.about-txt img{
		width: 100%;
	}
	.m-about-title,.about-txt1 .m-about-title{
		font-size: 18px;
		text-align: center;
		margin-top: 20px;
	}
	.about-txt .right,.about-txt1 .left{
		margin: 0;
		padding: 0 8px;
		box-sizing: border-box;
	}
	.about-txt .article{
		padding: 10px 0 20px;
		font-size: 14px;
		line-height: 20px;
	}
	.about-us-intro .intro-card .inner .mask,.about-us-intro .intro-card .info{
		width: 100%;
		left: 0;
	}
	.a-corporate-list-dv,.about-us-intro .intro-card .card {
	    width: 100%;
	    margin-bottom: 15px;
	}
	.about-txt1{
		margin: 0;
		padding: 0;
	}
}