@charset "utf-8";

.zd-topbar-tips {

	position: absolute;

	left: 0;

	top: 0;

	z-index: 9999;

	box-sizing: border-box;

	min-width: 1280px;

	width: 100%;

	height: 40px;

	line-height: 40px;

	text-align: center;

	font-size: 0;

	pointer-events: none

}



.zd-topbar-tips-mobile {

	display: none

}



.zd-topbar-tips-inner {

	display: inline-block;

	vertical-align: middle;

	pointer-events: auto;

}



.zd-topbar-tips-tag {

	line-height: 20px;

	background-color: #0038ff;

	border-radius: 2px;

	padding: 0 6px;

	display: inline-block;

	vertical-align: middle;

	color: #fff;

	font-size: 14px;

	margin-right: 12px

}



.zd-topbar-tips-tag.warning {

	background-color: #FF7800

}



.zd-topbar-tips-info {

	display: inline-block;

	vertical-align: middle;

	font-size: 14px;

	color: #FFF;

	max-width: 462px;

	width: auto;

	height: 40px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	margin-right: 30px;

}



.zd-topbar-tips-info>a {

	color: #4a90e2;

	font-size: 14px;

	margin-left: 12px

}



.zd-topbar-tips-link {

	color: #4a90e2;

	font-size: 14px;

	margin-left: 12px;

	vertical-align: middle

}



.zd-skeleton {

	background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));

	background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);

	background-size: 400% 100%;

	-webkit-animation: zd-skeleton-loading 1.4s ease infinite;

	animation: zd-skeleton-loading 1.4s ease infinite

}



@-webkit-keyframes zd-skeleton-loading {

	0% {

		background-position: 100% 50%

	}



	100% {

		background-position: 0 50%

	}

}



@keyframes zd-skeleton-loading {

	0% {

		background-position: 100% 50%

	}



	100% {

		background-position: 0 50%

	}

}



.zd-more-link {

	text-align: center

}



.m-show-block {

	display: none !important

}



.disabled a:hover {

	cursor: default

}



#section-product.zd-2-section {

    padding: 80px 0 0;

}

#section-product .zd-2-section-inner {

    max-width: 100%;

}

#section-product .zd-2-section-inner {

    padding: 0;

}

#section-product .zd-2-tabs-content {

    background: #f4f5fa;

    padding: 20px 0 0;

    box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11), inset -8px -8px 20px 0 #fff;

}

#section-product .zd-2-tabs-list,#section-product .zd-menu-panel{

    width: 1200px;

    margin: 0 auto;

}

#section-tc{

    padding: 120px 0 20px;

}

#section-tc .zd-market-panel {

    position: absolute;

    width: 1200px;

    margin: 0 auto;

}

.zd-2-section {

	position:absolute;

	background-color: #fff;

	padding: 80px 10px;

	display: none;

}



.zd-2-section-hd {

	text-align: center

}



.zd-2-section-title {

	font-size: 32px;

	line-height: 46px;

	color: #252b3a;

	font-weight: 600;

	-webkit-font-smoothing: antialiased

}

.zd-2-section-title i{

	font-weight: 600;

}



.zd-2-section-desc {

	margin-top: 10px;

	font-size: 16px;

	line-height: 26px;

	color: #666;

	-webkit-font-smoothing: antialiased

}



.zd-2-section-inner {

	margin: 0 auto;

	max-width: 1200px;

	padding: 0 10px

}



.zd-2-section-breach {

	position: absolute;

	left: 50%;

	top: 100%;

	z-index: 2;

	margin-left: -160px;

	height: 18px;

	width: 320px;

	background-color: inherit

}



.zd-2-section-breach:before {

	content: '';

	position: absolute;

	right: 100%;

	top: 0;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 9px 5px;

	border-color: #fff #fff transparent transparent

}



.zd-2-section-breach:after {

	content: '';

	position: absolute;

	left: 100%;

	top: 0;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 9px 5px;


	border-color: #fff transparent transparent #fff

}



.zd-2-section-bg-gray {

	background-color: #F5F7FA

}



.zd-2-section-bg-gray .zd-2-section-breach:before {

	border-color: #F5F7FA #F5F7FA transparent transparent

}



.zd-2-section-bg-gray .zd-2-section-breach:after {

	border-color: #F5F7FA transparent transparent #F5F7FA

}



.zd-link {

	color: #0038ff;

	text-decoration: none

}



.zd-link:hover {

	text-decoration: underline

}



.zd-link-arrow,

.zd-link-weak-arrow,

.zd-link-white-arrow {

	font-size: 14px

}



.zd-link-arrow:after,

.zd-link-weak-arrow:after,

.zd-link-white-arrow:after {

	content: '';

	display: inline-block;

	vertical-align: 0;

	margin-left: 6px;

	width: 6px;

	height: 10px;

	overflow: hidden;

	background-image: url(img/main.svg);

	-webkit-transition: -webkit-transform .4s;

	transition: -webkit-transform .4s;

	transition: transform .4s;

	transition: transform .4s, -webkit-transform .4s;

	background-repeat: no-repeat;

	background-position: 69.34% 41.67%;

	background-size: 4666.666666666666% 2260%;

}



.zd-link-arrow:hover,

.zd-link-weak-arrow:hover,

.zd-link-white-arrow:hover {

	text-decoration: none

}



.zd-link-arrow:hover:after,

.zd-link-weak-arrow:hover:after,

.zd-link-white-arrow:hover:after {

	-webkit-transform: translateX(4px);

	transform: translateX(4px)

}



.zd-link-arrow.zd-link-s,

.zd-link-weak-arrow.zd-link-s,

.zd-link-white-arrow.zd-link-s {

	font-size: 12px

}



.zd-link-arrow.zd-link-s:after,

.zd-link-weak-arrow.zd-link-s:after,

.zd-link-white-arrow.zd-link-s:after {

	margin-left: 5px;

	width: 5px;

	height: 8px;

	background-image: url(img/main.svg);

	background-position: 71.64% 59.63%;

	background-size: 5600% 2825%;

	background-repeat: no-repeat

}



.zd-link-weak-arrow {

	color: #666

}



.zd-link-weak-arrow:after {

	background-image: url(img/main.svg);

	background-position: 75.18% 41.67%;

	background-size: 4666.666666666666% 2260%;

	background-repeat: no-repeat

}



.zd-link-weak-arrow:hover {

	color: #0038ff

}



.zd-link-weak-arrow:hover:after {

	background-image: url(img/main.svg);

	background-position: 69.34% 41.67%;

	background-size: 4666.666666666666% 2260%;

	background-repeat: no-repeat

}



.zd-link-weak-arrow.zd-link-s:after {

	background-image: url(img/main.svg);

	background-position: 69.08999999999999% 59.63%;

	background-size: 5600% 2825%;

	background-repeat: no-repeat

}



.zd-link-weak-arrow.zd-link-s:hover:after {

	background-image: url(img/main.svg);

	background-position: 71.64% 59.63%;

	background-size: 5600% 2825%;

	background-repeat: no-repeat

}



.zd-link-white-arrow {

	color: #fff

}



.zd-link-white-arrow:after {

	background-image: url(img/main.svg);

	background-position: 72.26% 41.67%;

	background-size: 4666.666666666666% 2260%;

	background-repeat: no-repeat

}



.zd-link-white-arrow:hover {

	color: #fff

}



.zd-link-white-arrow:hover:after {

	background-image: url(img/main.svg);

	background-position: 72.26% 41.67%;

	background-size: 4666.666666666666% 2260%;

	background-repeat: no-repeat

}



.zd-link-white-arrow.zd-link-s:after,

.zd-link-white-arrow.zd-link-s:hover:after {

	background-image: url(img/main.svg);

	background-position: 74.91% 50.46000000000001%;

	background-size: 5600% 2825%;

	background-repeat: no-repeat

}



.zd-link-arrow-left,

.zd-link-weak-arrow-left,

.zd-link-white-arrow-left {

	font-size: 14px

}



.zd-link-arrow-left:before,

.zd-link-weak-arrow-left:before,

.zd-link-white-arrow-left:before {

	content: '';

	display: inline-block;

	vertical-align: 0;

	margin-right: 6px;

	width: 6px;

	height: 10px;

	overflow: hidden;

	background-image: url(img/main.svg);

	-webkit-transition: -webkit-transform .4s;

	transition: -webkit-transform .4s;

	transition: transform .4s;

	transition: transform .4s, -webkit-transform .4s;

	background-position: 69.34% 50.93%;

	background-size: 4666.666666666666% 2260%;

	background-repeat: no-repeat

}



.zd-link-arrow-left:hover,

.zd-link-weak-arrow-left:hover,

.zd-link-white-arrow-left:hover {

	text-decoration: none

}



.zd-link-arrow-left:hover:before,

.zd-link-weak-arrow-left:hover:before,

.zd-link-white-arrow-left:hover:before {

	-webkit-transform: translateX(-4px);

	transform: translateX(-4px)

}



.zd-link-arrow-left.zd-link-s,

.zd-link-weak-arrow-left.zd-link-s,

.zd-link-white-arrow-left.zd-link-s {

	font-size: 12px

}



.zd-link-arrow-left.zd-link-s:before,

.zd-link-weak-arrow-left.zd-link-s:before,

.zd-link-white-arrow-left.zd-link-s:before {

	width: 5px;

	height: 8px;

	background-image: url(img/main.svg);

	background-position: 74.18% 59.63%;

	background-size: 5600% 2825%;

	background-repeat: no-repeat

}



.zd-link-weak-arrow-left {

	color: #666

}



.zd-link-weak-arrow-left:before {

	background-image: url(img/main.svg);

	background-repeat: no-repeat;

	background-position: 72.26% 50.93%;

	background-size: 4666.666666666666% 2260%

}



.zd-link-weak-arrow-left:hover {

	color: #0038ff

}



.zd-link-weak-arrow-left:hover:before {

	background-image: url(img/main.svg);

	background-position: 69.34% 50.93%;

	background-size: 4666.666666666666% 2260%;

	background-repeat: no-repeat

}



.zd-link-weak-arrow-left.zd-link-s:before {

	background-image: url(img/main.svg);

	background-position: 44.73% 68.35%;

	background-size: 5600% 2825%;

	background-repeat: no-repeat

}



.zd-link-weak-arrow-left.zd-link-s:hover:before {

	background-image: url(img/main.svg);

	background-position: 74.18% 59.63%;

	background-size: 5600% 2825%;

	background-repeat: no-repeat

}



.zd-link-white-arrow-left {

	color: #fff

}



.zd-link-white-arrow-left:before {

	background-image: url(img/main.svg);

	background-position: 91.24% 62.5%;

	background-size: 4666.666666666666% 2260%;

	background-repeat: no-repeat

}



.zd-link-white-arrow-left:hover {

	color: #fff

}



.zd-link-white-arrow-left.zd-link-s:before,

.zd-link-white-arrow-left.zd-link-s:hover:before,

.zd-link-white-arrow-left:hover:before {

	background-image: url(img/main.svg);

	background-position: 91.24% 62.5%;

	background-size: 4666.666666666666% 2260%;

	background-repeat: no-repeat

}



.zd-link-arrow-top,

.zd-link-weak-arrow-top,

.zd-link-white-arrow-top {

	font-size: 14px

}



.zd-link-arrow-top:after,

.zd-link-weak-arrow-top:after,

.zd-link-white-arrow-top:after {

	content: '';

	display: inline-block;

	vertical-align: 1px;

	margin-left: 4px;

	width: 10px;

	height: 6px;

	overflow: hidden;

	background-image: url(img/main.svg);

	background-position: 70.37% 55.45%;

	background-size: 2800% 3766.6666666666665%;

	background-repeat: no-repeat

}



.zd-link-arrow-top:hover,

.zd-link-weak-arrow-top:hover,

.zd-link-white-arrow-top:hover {

	text-decoration: none

}



.zd-link-arrow-top.zd-link-s,

.zd-link-weak-arrow-top.zd-link-s,

.zd-link-white-arrow-top.zd-link-s {

	font-size: 12px

}



.zd-link-arrow-top.zd-link-s:after,

.zd-link-weak-arrow-top.zd-link-s:after,

.zd-link-white-arrow-top.zd-link-s:after {

	width: 8px;

	height: 5px;

	background-image: url(img/main.svg);

	background-position: 78.68% 69.23%;

	background-size: 3500% 4520%;

	background-repeat: no-repeat

}



.zd-link-weak-arrow-top {

	color: #666

}



.zd-link-weak-arrow-top:after {

	background-image: url(img/main.svg);

	background-position: 70.37% 46.36%;

	background-size: 2800% 3766.6666666666665%;

	background-repeat: no-repeat

}



.zd-link-weak-arrow-top:hover {

	color: #0038ff

}



.zd-link-weak-arrow-top:hover:after {

	background-image: url(img/main.svg);

	background-position: 70.37% 55.45%;

	background-size: 2800% 3766.6666666666665%;

	background-repeat: no-repeat

}



.zd-link-weak-arrow-top.zd-link-s:after {

	background-image: url(img/main.svg);

	background-position: 82.35% 69.23%;

	background-size: 3500% 4520%;

	background-repeat: no-repeat

}



.zd-link-weak-arrow-top.zd-link-s:hover:after {

	background-image: url(img/main.svg);

	background-position: 78.68% 69.23%;

	background-size: 3500% 4520%;

	background-repeat: no-repeat

}



.zd-link-white-arrow-top {

	color: #fff

}



.zd-link-white-arrow-top:after {

	background-image: url(img/main.svg);

	background-position: 74.81% 46.36%;

	background-size: 2800% 3766.6666666666665%;

	background-repeat: no-repeat

}



.zd-link-white-arrow-top:hover {

	color: #fff

}



.zd-link-white-arrow-top:hover:after {

	background-image: url(img/main.svg);

	background-position: 74.81% 46.36%;

	background-size: 2800% 3766.6666666666665%;

	background-repeat: no-repeat

}



.zd-link-white-arrow-top.zd-link-s:after,

.zd-link-white-arrow-top.zd-link-s:hover:after {

	background-image: url(img/main.svg);

	background-position: 99.26% 61.09%;

	background-size: 3500% 4520%;

	background-repeat: no-repeat

}



.zd-link-arrow-bottom,

.zd-link-weak-arrow-bottom,

.zd-link-white-arrow-bottom {

	font-size: 14px

}



.zd-link-arrow-bottom:after,

.zd-link-weak-arrow-bottom:after,

.zd-link-white-arrow-bottom:after {

	content: '';

	display: inline-block;

	vertical-align: 1px;

	margin-left: 4px;

	width: 10px;

	height: 6px;

	overflow: hidden;

	background-image: url(img/main.svg);

	background-position: 74.81% 37.269999999999996%;

	background-size: 2800% 3766.6666666666665%;

	background-repeat: no-repeat

}



.zd-link-arrow-bottom:hover,

.zd-link-weak-arrow-bottom:hover,

.zd-link-white-arrow-bottom:hover {

	text-decoration: none

}



.zd-link-arrow-bottom.zd-link-s,

.zd-link-weak-arrow-bottom.zd-link-s,

.zd-link-white-arrow-bottom.zd-link-s {

	font-size: 12px

}



.zd-link-arrow-bottom.zd-link-s:after,

.zd-link-weak-arrow-bottom.zd-link-s:after,

.zd-link-white-arrow-bottom.zd-link-s:after {

	width: 8px;

	height: 5px;

	background-image: url(img/main.svg);

	background-position: 93.38% 69.23%;

	background-size: 3500% 4520%;

	background-repeat: no-repeat

}



.zd-link-weak-arrow-bottom {

	color: #666

}



.zd-link-weak-arrow-bottom:after {

	background-image: url(img/main.svg);

	background-position: 95.56% 61.36000000000001%;

	background-size: 2800% 3766.6666666666665%;

	background-repeat: no-repeat

}



.zd-link-weak-arrow-bottom:hover {

	color: #0038ff

}



.zd-link-weak-arrow-bottom:hover:after {

	background-image: url(img/main.svg);

	background-position: 74.81% 37.269999999999996%;

	background-size: 2800% 3766.6666666666665%;

	background-repeat: no-repeat

}



.zd-link-weak-arrow-bottom.zd-link-s:after {

	background-image: url(img/main.svg);

	background-position: 89.71000000000001% 69.23%;

	background-size: 3500% 4520%;

	background-repeat: no-repeat

}



.zd-link-weak-arrow-bottom.zd-link-s:hover:after {

	background-image: url(img/main.svg);

	background-position: 93.38% 69.23%;

	background-size: 3500% 4520%;

	background-repeat: no-repeat

}



.zd-link-white-arrow-bottom {

	color: #fff

}



.zd-link-white-arrow-bottom:after {

	background-image: url(img/main.svg);

	background-position: 70.37% 37.269999999999996%;

	background-size: 2800% 3766.6666666666665%;

	background-repeat: no-repeat

}



.zd-link-white-arrow-bottom:hover {

	color: #fff

}



.zd-link-white-arrow-bottom:hover:after {

	background-image: url(img/main.svg);

	background-position: 70.37% 37.269999999999996%;

	background-size: 2800% 3766.6666666666665%;

	background-repeat: no-repeat

}



.zd-link-white-arrow-bottom.zd-link-s:after,

.zd-link-white-arrow-bottom.zd-link-s:hover:after {

	background-image: url(img/main.svg);

	background-position: 86.03% 69.23%;

	background-size: 3500% 4520%;

	background-repeat: no-repeat

}



.zd-2-hero {

	position: relative;

	height: 600px

}



.zd-2-hero-list {

	height: 100%;

	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f5f5f5, endColorstr=#f5f5f5);

	background-image: linear-gradient(180deg, #f5f5f5 1%, #f5f5f5 100%);

	overflow: hidden;

	cursor: pointer

}



.zd-2-hero-list-m {

	display: none;

	height: 100%;

	background-image: linear-gradient(180deg, #f5f5f5 1%, #f5f5f5 100%);

	overflow: hidden

}



.zd-2-hero-item {

	position: relative;

	height: 100%;

	padding: 0 10px

}



.zd-2-hero-item-bg {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 600px;

	background-position: center;

	background-size: auto 100%;

	background-repeat: no-repeat

}



.zd-2-hero-item-bg.mobile {

	display: none

}



.zd-2-hero-wrap-canvas {

	width: 100%;

	height: 600px;

	position: absolute;

	top: 0;

	left: 0;

	overflow: hidden

}



.zd-2-hero-wrap-canvas canvas {

	position: absolute;

	top: 0;

	left: 50%;

	-webkit-transform: translate(-50%, 0);

	-moz-transform: translate(-50%, 0);

	-ms-transform: translate(-50%, 0);

	-o-transform: translate(-50%, 0);

	transform: translate(-50%, 0)

}



.zd-2-hero-item-inner {

	position: relative;

	box-sizing: border-box;

	margin: 0 auto;

	max-width: 1200px;

	padding: 130px 10px 0;

	z-index: 5;

	display: none;

}



.zd-2-hero-item-ctn {

	max-width: 560px;

	color: #333;

	-webkit-font-smoothing: antialiased;

	position: relative;

	z-index: 5

}



.zd-2-hero-item-btns {

	position: relative;

	z-index: 5

}



.zd-2-hero-item-title {

	font-size: 40px;

	line-height: 56px;

	margin-bottom: 18px;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

	overflow: hidden;

	max-height: 56px;

	word-wrap: break-word;

	font-weight: 400;

	-webkit-font-smoothing: antialiased

}



.zd-2-hero-item-desc {

	line-height: 28px;

	font-size: 16px;

	color: #888;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

	height: 56px;

	word-wrap: break-word;

	-webkit-font-smoothing: antialiased;

	max-width: 480px

}



.zd-2-hero-item-btns .zd-btn {

	margin-top: 40px;

	padding-left: 42px;

	padding-right: 42px;

}



.zd-2-hero-item-btns .zd-btn:hover {

	transition: all .2s linear;

	background-color: #0038ff;

	border-color: #0038ff;

	color: #fff

}



.zd-2-hero-nav-wrap {

	position: relative;

	top: -100%;

	max-width: 1200px;

	margin: 0 auto;

	z-index: 8

}



.zd-2-hero-nav {

	position: absolute;

	right: 1px;

	top: 120px;

	width: 280px;

	display: none;

}



.zd-2-hero-nav-item {

	    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

	    background: hsla(0, 0%, 0%, 0.1);

	background-size: cover

}



.zd-2-hero-nav-item:hover .zd-2-hero-nav-item-category {

	background: hsla(0, 0%, 0%, 0.2);

	color: #fff;

	transition: all .2s linear

}



.zd-2-hero-nav-item:hover {

	background: hsla(0, 0%, 0%, 0.2);

	transition: all .2s linear

}



.zd-2-hero-nav-item>a {

	display: block;

	padding: 15px 20px;

	position: relative;

	text-decoration: none;

	word-wrap: break-word

}



.zd-2-hero-nav-item-category {

	box-sizing: border-box;

	max-width: 62px;

	border: 1px solid #04C8DC;

	padding: 0 6px;

	font-size: 14px;

	line-height: 20px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	color: #04C8DC

}



.zd-2-hero-nav-item-title {

	margin-top: 4px;

	font-size: 14px;

	line-height: 26px;

	color: rgba(255, 255, 255, .8);

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

	height: 26px;

	word-wrap: break-word;

	-webkit-font-smoothing: antialiased

}



.zd-2-hero-nav-item>a:hover .zd-2-hero-nav-item-title {

	color: rgba(255, 255, 255, 1);

	transition: all .2s linear

}



.zd-2-hero-tab-wrap {

	position: absolute;

	left: 0;

	top: 470px;

	width: 100%;

	text-align: center;

}



.zd-2-hero-tab {

	width: 1190px;

	margin: 0 auto;

	font-size: 0

}



.zd-2-hero-tab li {

	margin: 0 3px;

	display: inline-block

}



.zd-2-hero-tab li a {

	display: inline-block;

	padding: 10px 0;

	width: auto;

	height: auto;

	font-size: 0;

	outline: 0

}



.zd-2-hero-tab li a i {

	display: inline-block;

	width: 30px;

	height: 3px;

	background: rgba(148, 148, 148, 0.3);

	border-radius: 2px;

	text-align: left;

	overflow: hidden

}



.zd-2-hero-tab li a i b {

	display: inline-block;

	width: 100%;

	height: 100%;

	background-color: #0038ff

}



.zd-2-hero-tab .zd-2-hero-tab-selected a i {

	background-color: #0038ff;

	opacity: 1;

	transition: all .2s linear

}



.zd-event-model {

	text-align: center

}



.zd-event-model .zd-2-hero-item-ctn {

	width: 100%;

	max-width: inherit

}



.zd-event-model .zd-2-hero-item-desc p {

	max-width: 600px;

	margin: 0 auto

}



.wrap-canvas-wrap {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 600px

}

.wrap-canvas-wrap-container {

	width: 1280px;

	height: 600px;

	margin: 0 auto;

	position: relative

}



.zd-2-hero-main-body {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 600px;

	background-position: center top;

	background-size:cover;

	background-repeat: no-repeat

}



#wrap-canvas canvas {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%

}



.zd-2-s-panels {

	box-sizing: border-box;

}



.zd-2-s-lattice-card {

	display: none;

	font-size: 0;

	margin: 0 auto;

	max-width: 1200px;

}

#section-hot .zd-2-s-lattice-card>.zd-2-s-lattice-cell {

	display: inline-block;

	vertical-align: top;

	font-size: 14px;

	text-align: left;

	background: #fff;

	margin-right: 15px;

	box-shadow: 1px 1px 8px 0 rgba(55,99,170,.2);

}

#section-hot .zd-2-s-lattice-card>.zd-2-s-lattice-cell:hover {

	transition: all .2s linear;

	box-shadow: 4px 4px 20px 0 rgba(55,99,170,.2), -4px -4px 20px 0 #fff;

}

.zd-2-s-lattice-card>.zd-2-s-lattice-cell {

	display: inline-block;

	vertical-align: top;

	width: 100%;

	font-size: 14px;

	text-align: left;

	background:transparent;

	margin-right: 15px;

	box-shadow: none;

}

.zd-2-s-lattice-card>.zd-2-s-lattice-cell:hover {

	transition: all .2s linear;

	box-shadow:none;

}

.zd-2-s-panel {

	display: block;

	position: relative;

	top: 0;

	box-sizing: border-box;

	padding: 19px 20px;

	-webkit-font-smoothing: antialiased

}



.zd-2-s-panel:hover {

	/* background: hsla(0, 0%, 0%, 0.1); */

	transition: all .2s linear;

}



.zd-2-s-cont {

	position: relative;

	padding-left: 60px

}



.zd-2-s-panel-title {

	position: relative;

	margin-bottom: 2px;

	font-size: 18px;

	line-height: 28px;

	color: #333;

	height: 26px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	-webkit-font-smoothing: antialiased;

	font-weight: 600;

	transition: all .2s linear

}



.zd-2-s-panel-desc {

	font-size: 14px;

	line-height: 24px;

	color: #666;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	font-weight: 400

}



.zd-2-s-panel-icon {

	position: absolute;

	left: 0;

	top: 2px;

	width: 48px;

	height: 48px;

	filter: brightness(50%);

	-webkit-filter: brightness(50%);

}



.zd-2-s-panel-icon-m {

	display: none;

	opacity: 0

}



.zd-2-s-panel-icon-hover {

	position: absolute;

	left: 0;

	top: 3px;

	width: 48px;

	height: 48px;

	display: none

}



.zd-2-s-panel:hover .zd-2-s-panel-title {

	color: #0038ff

}



.zd-2-s-lattice-card.zd-2-s-lattice-cols-1>.zd-2-s-lattice-cell {

	width: 100%

}



.zd-2-s-lattice-card.zd-2-s-lattice-cols-2>.zd-2-s-lattice-cell {

	width: calc((100% - 0px * (2 - 1) - 1px)/ 2)

}



.zd-2-s-lattice-card.zd-2-s-lattice-cols-2>.zd-2-s-lattice-cell:nth-child(2n) {

	margin-right: 0

}



.zd-2-s-lattice-card.zd-2-s-lattice-cols-2>.zd-2-s-lattice-cell:nth-child(2n):after {

	display: none

}



.zd-2-s-lattice-card.zd-2-s-lattice-cols-3>.zd-2-s-lattice-cell {

	width: calc((100% - 0px * (3 - 1) - 1px)/ 3)

}



.zd-2-s-lattice-card.zd-2-s-lattice-cols-3>.zd-2-s-lattice-cell:nth-child(3n) {

	margin-right: 0

}



.zd-2-s-lattice-card.zd-2-s-lattice-cols-3>.zd-2-s-lattice-cell:nth-child(3n):after {

	display: none

}



.zd-2-s-lattice-card.zd-2-s-lattice-cols-4>.zd-2-s-lattice-cell {

	width: calc((100% - 20px * (4 - 1) - 1px)/ 4)

}



.zd-2-s-lattice-card.zd-2-s-lattice-cols-4>.zd-2-s-lattice-cell:nth-child(4n) {

	margin-right: 0

}



.zd-2-s-lattice-card.zd-2-s-lattice-cols-4>.zd-2-s-lattice-cell:nth-child(4n):after {

	display: none

}



.zd-2-s-lattice-card.zd-2-s-lattice-cols-5>.zd-2-s-lattice-cell {

	width: calc((100% - 0px * (5 - 1) - 1px)/ 5)

}



.zd-2-s-lattice-card.zd-2-s-lattice-cols-5>.zd-2-s-lattice-cell:nth-child(5n) {

	margin-right: 0

}



.zd-2-s-lattice-card.zd-2-s-lattice-cols-5>.zd-2-s-lattice-cell:nth-child(5n):after {

	display: none

}



.zd-2-s-lattice-card.zd-2-s-lattice-cols-6>.zd-2-s-lattice-cell {

	width: calc((100% - 0px * (6 - 1) - 1px)/ 6)

}



.zd-2-s-lattice-card.zd-2-s-lattice-cols-6>.zd-2-s-lattice-cell:nth-child(6n) {

	margin-right: 0

}



.zd-2-s-lattice-card.zd-2-s-lattice-cols-6>.zd-2-s-lattice-cell:nth-child(6n):after {

	display: none

}



.zd-2-hero-group .zd-2-s-panels {

	position: relative;

	margin-top: -45px;

	z-index: 10

}



.zd-2-tabs-item {

	display: table-cell;

	text-align: center;

	position: relative;

	cursor: pointer;

	padding-bottom: 12px;

	overflow: hidden;

	vertical-align: bottom;

	margin-bottom: -1px

}



.zd-2-tabs-item-con {

	display: inline-block;

	padding: 0 26px;

	text-decoration: none;

	font-size: 18px;

	line-height: 28px;

	color: #333;

	-webkit-font-smoothing: antialiased

}



.zd-2-tabs-list {

	position: relative;

	list-style: none;

	padding-right: 120px;

	display: table;

	width: 100%

}



.zd-2-tabs-list::before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 1px;

	background-color: #E5E8ED

}



.zd-2-tabs-active .zd-2-tabs-item-con,

.zd-2-tabs-item-con:hover {

	color: #0038ff

}



.zd-2-tabs-disabled {

	cursor: default

}



.zd-2-tabs-disabled .zd-2-tabs-item-con,

.zd-2-tabs-disabled .zd-2-tabs-item-con:hover {

	color: #ccc;

	cursor: not-allowed;

	font-weight: 400

}



.zd-2-tabs-active .zd-2-tabs-item-con:after {

	display: inline-block;

	content: "";

	height: 1px;

	width: 100%;

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	background: #0038ff;

	z-index: 1

}



.zd-2-tabs-content {

	padding: 16px 0 0;

	background-image: url(img/bg-shadow.png);

	background-repeat: no-repeat;

	background-position: center top;

	background-size: 100% 100%

}



.zd-2-tabs-vertical {

	display: table;

	width: 100%

}



.zd-2-tabs-vertical .zd-2-tabs-bar {

	display: table-cell;

	width: 15%;

	position: relative;

	vertical-align: top

}



.zd-2-tabs-vertical .zd-2-tabs-bar:after {

	content: '';

	position: absolute;

	right: 0;

	top: 0;

	height: 100%;

	width: 2px;

	background-color: #e5e5e5

}



.zd-2-tabs-vertical .zd-2-tabs-panel {

	display: table-cell;

	width: 85%

}



.zd-2-tabs-vertical .zd-2-tabs-item {

	display: block;

	border-bottom: 0 none;

	margin-left: 0;

	margin-right: 0

}



.zd-2-tabs-vertical .zd-2-tabs-item-con {

	display: block;

	padding: 5px 0;

	text-decoration: none

}



.zd-2-tabs-vertical .zd-2-tabs-active .zd-2-tabs-item-con:after {

	content: '';

	position: absolute;

	right: 0;

	top: 0;

	width: 2px;

	height: 100% !important;

	background-color: #0038ff;

	left: auto;

	bottom: 0;

	z-index: 1

}



.zd-2-tabs-active .zd-2-tabs-item-con:before {

	content: '';

	position: absolute;

	left: 50%;

	margin-left: -4px;

	bottom: -4px;

	width: 8px;

	height: 8px;

	border-top: 1px solid #0038ff;

	border-left: 1px solid #0038ff;

	background-color: #fff;

	z-index: 10;

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg)

}



.zd-2-tabs-vertical .zd-2-tabs-list {

	border-bottom: 0 none

}



.zd-2-tabs-vertical .zd-2-tabs-content {

	padding: 0 0 0 10px

}



.zd-2-tabs-item-icon {

	width: 24px;

	height: 24px;

	display: inline-block;

	vertical-align: -6px;

	margin-right: 4px

}



.zd-2-tabs-item-more {

	position: absolute;

	right: 0;

	top: 0

}



.zd-2-tabs-item-more .zd-2-tabs-item-con {

	font-size: 16px;

	color: #0038ff;

	padding-left: 0;

	padding-right: 0

}



.zd-2-tabs-item-more .zd-2-tabs-item-con::after {

	margin-right: 8px

}



.select-product-box {

	font-size: 0;

	box-sizing: border-box

}



.zd-menu-panel {

	display: table;

	vertical-align: top;

	width: 100%

}



.zd-menu-item {

	width: 96%;

	display: inline-block;

	vertical-align: top;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	border: 1px solid #eee;

	font-size: 0;

	margin-bottom: 17px;

	text-align: center;

}



.zd-menu-item>a {

	padding-top: 14px;

	padding-bottom: 22px;

	display: block;

	padding-left: 20px

}



.zd-menu-item-title {

	color: #000;

	font-size: 18px;

	line-height: 38px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: 400

}



.zd-menu-item-text {

	font-size: 14px;

	height: 24px;

	line-height: 24px;

	color: #999;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	max-width: 100%;

	-webkit-font-smoothing: antialiased;

	height: auto;

}

.zd-menu-item-text span{

	float: left;

	    width: 50%;

}

.zd-menu-item:hover {

	transition: all .2s linear;

	background-color: #fff;

	border-color: #e5e8ed;

	-webkit-box-shadow: 0 4px 8px 0 rgba(3, 27, 78, .12);

	-moz-box-shadow: 0 2px 4px 0 rgba(3, 27, 78, .12);

	box-shadow: 0 2px 4px 0 rgba(3, 27, 78, .12)

}



.zd-menu-item:hover .zd-menu-item-title {

	color: #0038ff;

	transition: all .2s linear

}



.zd-menu-item.more .zd-menu-item-title {

	color: #0038ff

}



.zd-menu-panel .zd-row-box {

	display: table-cell;

	box-sizing: border-box;

	vertical-align: top;

	width: 33.3%;

}



.zd-menu-panel.list-3 .zd-row-box em {

	font-size: 16px

}



.zd-2-product-panel {

	display: inline-block;

	background-color: #F5F7FA;

	width: 300px;

	vertical-align: top;

	float: right

}



.zd-2-product-group {

	width: 100%

}



.zd-2-product-panel .zd-2-product-group:last-child {

	margin-top: -11px

}



.zd-2-product-item {

	padding: 20px 20px 15px;

	position: relative

}



.zd-2-product-title {

	color: #000;

	font-size: 18px;

	-webkit-font-smoothing: antialiased;

	line-height: 28px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	width: 90%

}



.zd-2-product-tag {

	background-size: cover;

	font-size: 0;

	height: 72px;

	position: absolute;

	right: 0;

	top: 0;

	width: 81px

}



.zd-2-product-tag-user {

	background-image: url(img/main.svg);

	background-position: 64.4% 0.6799999999999999%;

	background-size: 314.60674157303373% 286.07594936708864%;

	background-repeat: no-repeat

}



.zd-2-product-tag-enterprise {

	background-image: url(img/main.svg);

	background-position: 0.52% 53.74%;

	background-size: 314.60674157303373% 286.07594936708864%;

	background-repeat: no-repeat

}



.zd-2-product-sub-title {

	color: #666;

	font-size: 14px;

	height: 24px;

	line-height: 24px;

	margin-top: 2px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}



.zd-2-product-zone {

	color: #999;

	display: inline-block;

	font-size: 12px;

	height: 20px;

	line-height: 20px;

	margin-top: 10px;

	max-width: 100%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}



.zd-2-product-zone i {

	margin: 0 5px

}



.zd-2-product-info {

	font-size: 12px;

	color: #999;

	line-height: 20px;

	margin-top: 10px;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

	height: 40px;

	word-wrap: break-word

}



.zd-2-product-feature {

	display: table;

	font-size: 0;

	padding: 12px 0 8px

}



.zd-2-product-feature-item {

	display: table-row;

	position: relative

}



.zd-2-product-feature-label,

.zd-2-product-feature-text {

	display: table-cell;

	font-size: 14px;

	vertical-align: top

}



.zd-2-product-feature-label {

	padding-right: 17px

}



.zd-2-product-feature-label-span {

	display: block;

	height: 24px;

	line-height: 24px;

	max-width: 70px;

	overflow: hidden;

	text-overflow: ellipsis;

	vertical-align: top;

	white-space: nowrap;

	color: #999

}



.zd-2-product-feature-text {

	color: #333;

	height: 24px;

	line-height: 24px;

	display: inline-block;

	max-width: 150px;

	vertical-align: top;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}



.zd-2-product-feature-text i {

	margin-left: 4px;

	margin-right: 4px

}



.zd-2-product-buy-prices {

	padding-top: 14px;

	border-top: 1px solid #dfe1e6

}



.zd-2-product-buy-prices-num {

	color: #ff7800;

	font-size: 24px;

	-webkit-font-smoothing: antialiased;

	line-height: 30px;

	height: 30px;

	margin-right: 4px

}



.zd-2-product-buy-prices-unit {

	color: #ff7800;

	font-size: 14px;

	line-height: 22px

}



.zd-2-product-buy-original-price {

	color: #999;

	margin-left: 4px

}



.zd-2-product-price-detail {

	color: #4A4A4A;

	font-size: 14px;

	height: 24px;

	line-height: 24px;

	margin-top: 5px

}



.zd-2-product-price-detail i {

	margin-right: 4px

}



.zd-progress {

	margin-top: 10px

}



.zd-progress-bar-bg {

	background: #fff;

	height: 6px;

	border-radius: 4px;

	overflow: hidden;

	border: 1px solid #0038ff

}



.zd-progress-bar {

	background: #0038ff;

	height: 100%

}



.zd-progress-text {

	color: #0038ff;

	height: 18px;

	line-height: 18px;

	margin-top: 5px;

	font-size: 12px

}



.zd-2-product-btn-wrap .zd-btn {

	margin-top: 10px;

	background-color: #fff;

	box-shadow: 0 2px 4px rgba(3, 27, 78, .06);

	border-color: transparent;

	border-radius: 2px

}



.zd-2-product-btn-wrap .zd-btn:hover {

	transition: all .2s linear

}



.zd-2-product-panel-fence {

	font-size: 0;

	padding-left: 20px;

	padding-right: 20px;

	line-height: 22px;

	position: relative

}



.zd-2-product-panel-fence-line {

	display: inline-block;

	width: 100%;

	height: 0;

	border: 1px dashed #DFE1E6

}



.zd-2-product-panel-fence::after,


.zd-2-product-panel-fence::before {

	content: '';

	width: 22px;

	height: 22px;

	background-color: #fff;

	border-radius: 50%;

	position: absolute

}



.zd-2-product-panel-fence::before {

	left: -11px

}



.zd-2-product-panel-fence::after {

	right: -11px

}



.zd-btn {

	height: 36px;

	min-width: 88px;

	padding: 0 16px;

	background-color: #0038ff;

	border: 1px solid transparent;

	color: #fff;

	font-size: 14px;

	line-height: 34px;

	text-align: center;

	display: inline-block;

	cursor: pointer;

	outline: 0;

	box-sizing: border-box;

	text-decoration: none

}



.zd-btn-text {

	color:#fff;

}



.zd-btn:hover {

	text-decoration: none;

	background-color: #0066ff

}



.zd-btn-pay {

	background-color: #ff7200

}



.zd-btn-pay:hover {

	background-color: #f06c00

}



.zd-btn-hole {

	border-color: #0038ff;

	background-color: transparent;

	color: #0038ff

}



.zd-btn-hole:hover {

	background-color: #fff;

	border-color: #0038ff;

	color: #0038ff

}



.zd-btn-white-hole {

	border-color: #DCDEE6;

	color: #555;

}



.zd-btn-white-hole:hover {

	color: #000;

	text-shadow: 0 0 0 #000;

}



.zd-btn-weak {

	background: 0 0;

	border-color: #DCDEE6;

	color: #666

}



.zd-btn-weak:hover {

	background: 0 0;

	border-color: #999;

	color: #000

}



.zd-btn-link {

	min-width: 0;

	border: none;

	background-color: transparent;

	color: #333

}



.zd-btn-link:hover {

	color: #0038ff;

	border: none;

	background-color: transparent

}



.zd-btn-disabled,

.zd-btn-disabled:hover {

	background-color: #ddd;

	border-color: #ddd;

	color: #999;

	cursor: default

}



.zd-btn-l {

	height: 40px;

	line-height: 38px

}



.zd-btn-s {

	height: 32px;

	line-height: 30px

}



.zd-btn-xs {

	height: 28px;

	line-height: 26px;

	min-width: 80px;

	padding: 0 10px;

	font-size: 12px

}



.zd-btn-full-width {

	min-width: 0;

	display: block;

	width: 100%

}



.zd-btn-auto-width {

	min-width: 0

}



.zd-btn .zd-loading {

	display: none

}



.zd-btn .zd-loading-dot {

	background-color: #fff;

	vertical-align: middle

}



.zd-btn-loading {

	cursor: default

}



.zd-btn-loading .zd-btn-text {

	display: none

}



.zd-btn-loading .zd-loading {

	display: block

}



.zd-btn-loading:hover {

	background-color: #0038ff

}



.zd-btn-pay.zd-btn-loading:hover {

	background-color: #ff7200

}



.zd-btn-hole .zd-loading-dot {

	background-color: #0038ff

}



.zd-btn-hole.zd-btn-loading:hover,

.zd-btn-white-hole.zd-btn-loading:hover {

	background-color: transparent

}



.zd-btn-weak .zd-loading-dot {

	background-color: #ddd

}



.zd-btn-weak.zd-btn-loading:hover {

	background-color: transparent;

	border-color: #ddd

}



.zd-btn-link .zd-loading-dot {

	background-color: #ddd

}



.zd-btn-link.zd-btn-loading:hover {

	background-color: transparent

}



.zd-btn-disabled .zd-loading-dot {

	background-color: #999

}



.zd-btn-disabled.zd-btn-loading:hover {

	background-color: #ddd

}



.zd-upload-btn {

	position: relative;

	overflow: hidden

}



.zd-upload-btn-file {

	position: absolute;

	right: 0;

	top: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

	cursor: pointer;

	font-size: 200px;

	-webkit-font-smoothing: antialiased

}



.zd-upload-btn.zd-btn-disabled .zd-upload-btn-file {

	display: none

}



[class*=zd-i-],

[class^=zd-i-] {

	display: inline-block;

	vertical-align: middle;

	width: 16px;

	height: 16px

}



[class*=zd-i-s-],

[class^=zd-i-s-] {

	width: 12px;

	height: 12px

}



.zd-collapse-list {

	position: relative

}



.zd-collapse-list::before {

	content: '';

	position: absolute;

	width: 100%;

	left: 0;

	top: 0;

	height: 1px;

	border-bottom: 1px solid #e5e5e5;

	-webkit-transform-origin: 0 0;

	transform-origin: 0 0;

	-webkit-transform: scaleY(.5);

	transform: scaleY(.5);

	z-index: 10

}



.zd-collapse-item {

	position: relative

}



.zd-collapse-item::before {

	content: '';

	position: absolute;

	width: 100%;

	left: 0;

	bottom: 0;

	height: 1px;

	border-bottom: 1px solid #e5e5e5;

	-webkit-transform-origin: 0 0;

	transform-origin: 0 0;

	-webkit-transform: scaleY(.5);

	transform: scaleY(.5);

	z-index: 10

}



.zd-collapse-item-hd {

	position: relative;

	padding: 0 40px 0 16px;

	height: 50px;

	background-color: #fff;

	cursor: pointer

}



.zd-collapse-item-title {

	padding: 10px 0;

	font-size: 16px;

	line-height: 30px;

	color: #000;

	font-weight: 400;

	-webkit-font-smoothing: antialiased

}



.zd-collapse-product-m .zd-collapse-item-hd::after {

	content: '';

	width: 18px;

	height: 18px;

	position: absolute;

	right: 13px;

	top: 50%;

	margin-top: -9px;

	background-image: url(img/main.svg);

	background-repeat: no-repeat;

	background-size: 1750% 1412.5%;

	transform: rotate(0);

	transition: rotate .2s linear;

	background-position: 87.88% 64.29%

}



.zd-collapse-product-m .zd-collapse-item.active .zd-collapse-item-hd::after {

	background-image: url(img/main.svg);

	background-repeat: no-repeat;

	background-size: 1750% 1412.5%;

	fill: #0038ff;

	transform: rotate(180deg);

	background-position: 81.06% 64.29%

}



.zd-collapse-item-bd {

	display: none;

	padding: 20px;

	font-size: 14px;

	line-height: 28px;

	color: #333;

	position: relative

}



.zd-collapse-item-bd::before {

	content: '';

	position: absolute;

	width: 100%;

	left: 0;

	top: 0;

	height: 1px;

	border-top: 1px solid #e5e5e5;

	-webkit-transform-origin: 0 0;

	transform-origin: 0 0;

	-webkit-transform: scaleY(.5);

	transform: scaleY(.5);

	z-index: 10

}



.zd-collapse-item.active .zd-collapse-item-bd {

	display: block

}



.zd-collapse-item.active .zd-collapse-item-title {

	color: #0038ff

}



.zd-collapse-item.active .zd-collapse-product-icon img {

	opacity: 0

}



.zd-collapse-item.active .zd-collapse-product-icon img.active-img {

	opacity: 1

}



.zd-2-action-panel {

	position: relative;

	padding: 36px 10px;

	background-color: #0038ff;

	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#006EFF, endColorstr=#0038ff);

	background-image: linear-gradient(227deg, #0038ff 0, #006EFF 88%);

	background-size: auto 100%;

	min-height: 108px;

	text-align: center;

	-webkit-font-smoothing: antialiased

}



.zd-2-action-inner {

	position: relative;

	z-index: 1;

	margin: 0 auto;

	box-sizing: border-box;

	max-width: 1200px;

	padding: 0 10px

}



.zd-2-action-pane-desc {

	font-size: 16px;

	-webkit-font-smoothing: antialiased;

	line-height: 26px;

	color: #fff

}



.zd-2-action-pane-desc i {

	font-size: 24px;

	-webkit-font-smoothing: antialiased;

	font-weight: 600;

	margin-left: 4px;

	margin-right: 4px;

	vertical-align: -2px;

	font-family: DINNextLTPro-MediumCond, 'DIN Alternate'

}



.zd-2-action-pane-desc.mobile {

	display: none

}



.zd-2-action-panel-btns {

	display: inline-block;

	margin-left: 34px

}



.zd-2-action-panel-btns .zd-btn {

	min-width: 136px;

	border-color: rgba(255, 255, 255, .6)

}



.zd-2-action-panel-btns .zd-btn:hover {

	transition: all .2s linear;

	color: #0038ff

}



.home-solution-bg {

	background-size: cover;

	background-position: center center;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 1;

	-webkit-transition: background-image .2s;

	transition: background-image .2s

}



.zd-solution-section {


	z-index: 5;

	padding-bottom: 80px

}



.zd-solution-section .zd-2-section-inner {

	position: relative;

	z-index: 2

}



.zd-solution-section .zd-2-section-title {

	color: #fff

}



.zd-3-tabs-vertical {

	display: table;

	width: 100%

}



.zd-3-tabs-vertical .zd-3-tabs-bar {

	display: table-cell;

	width: 220px;

	position: relative;

	vertical-align: top

}



.zd-3-tabs-vertical .zd-3-tabs-panel {

	display: table-cell;

	width: calc(100% - 240px)

}



.zd-3-tabs-vertical .zd-3-tabs-item {

	display: block;

	border-bottom: 0 none;

	margin-left: 0;

	margin-right: 0;

	margin-top: 8px

}



.zd-3-tabs-vertical .zd-3-tabs-item:last-child {

	padding-top: 4px;

	border-top: 1px solid rgba(255, 255, 255, .1)

}



.zd-3-tabs-vertical .zd-3-tabs-item:last-child:hover .zd-3-tabs-item-con {

	background-color: inherit;

	color: #fff

}



.zd-3-tabs-vertical .zd-3-tabs-item-con {

	display: block;

	text-decoration: none;

	height: 36px;

	overflow: hidden

}



.zd-3-tabs-active .zd-3-tabs-item-con,

.zd-3-tabs-vertical .zd-3-tabs-item-con:hover {

	color: #0038ff;

	background-color: rgba(255, 255, 255, .1);

	position: relative

}



.zd-3-tabs-vertical .zd-3-tabs-item-con:hover {

	transition: all .2s linear

}



.zd-3-tabs-vertical .zd-3-tabs-list {

	border-bottom: 0 none

}



.zd-3-tabs-vertical .zd-3-tabs-content {

	padding-top: 20px;

	padding-right: 140px

}



.zd-3-tabs-bar {

	text-align: center

}



.zd-3-tabs-item {

	display: inline-block;

	text-align: left;

	position: relative;

	cursor: pointer;

	margin-top: 5px;

	margin-right: -1px

}



.zd-3-tabs-item:first-child {

	margin-top: 0

}



.zd-3-tabs-item-con {

	display: block;

	padding: 0 20px;

	text-decoration: none;

	font-size: 16px;

	line-height: 36px;

	color: #F5F7FA;

	-webkit-font-smoothing: antialiased;

	text-align: left;

	margin-right: -1px

}



.zd-solution-title {

	color: #fff;

	font-size: 24px;

	line-height: 32px;

	height: 32px;

	margin-bottom: 8px;

	-webkit-font-smoothing: antialiased;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

	overflow: hidden;

	word-wrap: break-word

}



.zd-solution-key {

	font-size: 14px;

	color: rgba(255, 255, 255, .6);

	line-height: 24px;

	margin-bottom: 28px

}



.zd-solution-key a {

	color: rgba(255, 255, 255, .6)

}



.zd-solution-key a:hover {

	color: #0038ff

}



.zd-solution-key i {

	margin-left: 4px;

	margin-right: 4px

}



.zd-solution-desc {

	font-size: 14px;

	color: #F5F7FA;

	line-height: 24px;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	overflow: hidden;

	height: 72px;

	word-wrap: break-word

}



.zd-solution-desc-more-link {

	display: inline-block;

	font-size: 14px;

	color: #0038ff;

	line-height: 22px

}



.zd-solition-btn {

	margin-top: 32px

}



.zd-solition-btn .zd-btn {

	padding: 0 36px

}



.zd-solition-btn .zd-btn:hover {

	transition: all .2s linear

}



.zd-1-logo-case {

	display: block;

	text-decoration: none;

	margin: 0 auto;

	max-width: 140px;

	height: 44px;

	overflow: hidden;

	line-height: 44px

}



.zd-1-logo-case img {

	max-width: 100%;

	max-height: 100%;

	display: inline-block;

	vertical-align: middle

}



.zd-lattice {

	font-size: 0

}



.zd-lattice>.zd-lattice-cell {

	display: inline-block;

	vertical-align: top;

	width: auto;

	font-size: 14px;

	text-align: left;

	margin-right: 40px

}



.zd-lattice-line {

	font-size: 0

}



.zd-lattice-line>.zd-lattice-cell {

	display: inline-block;

	vertical-align: top;

	width: 100%;

	font-size: 14px;

	text-align: left;

	position: relative

}



.zd-lattice-line>.zd-lattice-cell:after {

	content: '';

	position: absolute;

	right: -40px;

	top: 50%;

	margin-top: -70px;

	width: 1px;

	height: 140px;

	background-color: #e5e5e5

}



.zd-lattice-line>.zd-lattice-cell:last-child:after {

	display: none

}



.zd-lattice-card {

	font-size: 0

}



.zd-lattice-card>.zd-lattice-cell {

	display: inline-block;

	vertical-align: top;

	width: 100%;

	font-size: 14px;

	text-align: left

}



.zd-lattice-center {

	text-align: center

}



.zd-1-logo-case {

	text-align: left;

	max-width: 100%

}



.zd-1-logo-cases {

	margin-top: 40px

}



.zd-solution-item .zd-lattice>.zd-lattice-cell {

	max-width: 140px;

	margin-right: 40px

}



.zd-solution-item .zd-lattice>.zd-lattice-cell .zd-1-logo-case {

	height: 48px;

	line-height: 48px

}



.zd-clip-mod {

	position: absolute;

	bottom: -60px;

	left: 0;

	width: 100%;

	height: 100px;

	z-index: 10;

	display: none;

}



.zd-clip-mod:before {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	-webkit-clip-path: polygon(0 0, 70% 30%, 0 100%);

	clip-path: polygon(0 0, 70% 30%, 0 100%);

	background-color: #F5F7FA

}



.zd-clip-mod::after {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	-webkit-clip-path: polygon(100% 40%, 100% 80%, 35% 16%);

	clip-path: polygon(100% 40%, 100% 80%, 35% 16%);

	background-color: #DCDFE8

}



.zd-market-section .zd-tabs-content {

	padding-top: 25px;

	background-image: url(img/bg-shadow.png);

	background-repeat: no-repeat;

	background-position: center top;

	background-size: 100% 100%

}



.zd-market-section .zd-tabs-content {

	position: relative;

}

#section-tc .zd-tabs-content {

    background: #f9f9f9;

	position: relative;

	box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11), inset -8px -8px 20px 0 #fff;

} 

#section-tc .zd-2-section-inner {

    margin: 0 auto;

    max-width: 100%;

    padding: 0;

}

.btn-switch {

	display: none;

	position: absolute;

	width: 65px;

	height: 65px;

	top: 50%;

	margin-top: -30px

}



.btn-switch.prev {

	left: -75px;

	background-image: url(img/main.svg);

	background-size: 430.7692307692308% 347.6923076923077%;

	background-position: 99.53% 0.62%;

	background-repeat: no-repeat

}



.btn-switch.prev:hover {

	background-image: url(img/main.svg);

	transition: all .2s linear;

	background-position: 57.21000000000001% 50.93%;

	background-size: 430.7692307692308% 347.6923076923077%;

	background-repeat: no-repeat

}



.btn-switch.next {

	right: -75px;

	background-image: url(img/main.svg);

	background-size: 430.7692307692308% 347.6923076923077%;

	background-position: 0.47000000000000003% 99.38%;

	background-repeat: no-repeat

}



.btn-switch.next:hover {

	background-image: url(img/main.svg);

	transition: all .2s linear;

	background-position: 99.53% 42.24%;

	background-size: 430.7692307692308% 347.6923076923077%;

	background-repeat: no-repeat

}



.zd-market-panel {

	padding-left: 290px;

	position: absolute;

}

.zd-yf {

	padding-right: 290px;

	padding-left: 0;

}

.zd-market-panel-main {

	box-sizing: border-box

}



.zd-market-panel-main-cont {

	font-size: 0

}



.zd-market-panel-main-cont .zd-market-info {

	display: inline-block;

	vertical-align: top;

	width: 100%;

	font-size: 14px;

	text-align: left;

	margin-bottom: 20px

}

.zd-ybj{margin-left: 0 !important;margin-right: 12px;}

.zd-market-panel-main-cont.list-2 .zd-market-info {

	margin-left: 20px;

	width: calc((100% - 39px * (2 - 1) - 1px)/ 2)

}

.zd-market-info-panel {

	display: block;

	position: relative;

	top: 0;

	box-shadow: 0 2px 4px rgba(3, 27, 78, .06);

	box-sizing: border-box;

	padding: 20px;

	border-radius: 2px;


	background-color: #fff;

	-webkit-font-smoothing: antialiased

}



.zd-market-info-panel:hover {

	transition: all .2s linear;

	box-shadow: 0 4px 8px rgba(3, 27, 78, .12)

}



.zd-market-info-panel:hover .zd-market-title {

	color: #0038ff;

	transition: all .2s linear

}



.zd-market-title-wrap {

	position: relative;

	height: 28px;

	overflow: hidden

}



.zd-market-title {

	font-size: 20px;

	color: #000;

	line-height: 28px;

	width: 50%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	display: inline-block

}



.zd-market-tags {

	position: absolute;

	right: 0;

	top: 3px

}



.zd-market-tag {

	display: inline-block;

	background: #fff;

	border: 1px solid #e5e8ed;

	line-height: 20px;

	text-align: center;

	padding: 0 8px;

	font-size: 12px;

	color: #999

}



.zd-market-text {

	font-size: 14px;

	color: #666;

	line-height: 24px;

	height: 48px;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

	max-height: 48px;

	word-wrap: break-word;

	margin-top: 4px

}

.zd-market-tc {

	    font-size: 12px;

	    color: #888;

	    line-height: 45px;

	    -webkit-line-clamp: 4;

	    -webkit-box-orient: vertical;

	    overflow: hidden;

	    word-wrap: break-word;

	    margin: 12px 0;

	    border-top: 1px solid #eee;

	    padding: 13px 0 0;

}

.zd-market-tc p{float:left;width: 33.3%;line-height: 30px;}

.ljs{

	    font-size: 12px;

	    color: #888;

	    line-height: 45px;

	    -webkit-line-clamp: 4;

	    -webkit-box-orient: vertical;

	    overflow: hidden;

	    word-wrap: break-word;

	    margin-top: 4px;

}

.ljs p{

float: left;

width: 24%;

}

.ljs p:nth-child(1),.ljs p:nth-child(4){

	width: 52%;

}

.ky{float: right;}

.sjk p{width: 100%;line-height:25.5px;}

.zd-market-prices-wrap {

	margin-top: 6px;

	position: relative

}



.zd-market-prices-num {

	color: #FF7800;

	font-size: 25px;

	line-height: 32px;

	height: 32px;

	-webkit-font-smoothing: antialiased

}



.zd-market-original-price {

	color: #b0b0b0;

	font-size: 14px;

	line-height: 24px;

	margin-left: 4px

}



.zd-market-use {

	position: absolute;

	right: 0;

	top: 10px;

	font-size: 12px;

	color: #999;

	line-height: 18px

}



.use-num {

	color: #FF7800

}



.use-being i {

	margin-right: 4px

}



.zd-market-panel-sidebar {

	position: relative;

	left: 0;

	top: 0;

	width: 290px;

	height: 417px;

	background-color: #fff;

	background-size: cover;

	border: 1px solid #E5E8ED;

	box-shadow: 0 2px 4px rgba(3, 27, 78, .06)

}

.zd-ky{right: 0;left: auto;}

.zd-market-panel-sidebar-cont {

	padding: 20px

}



.zd-market-panel-sidebar-title {

	font-size: 24px;

	line-height: 32px;

	color: #333;

	height: 32px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	-webkit-font-smoothing: antialiased

}



.zd-market-panel-sidebar-text {

	margin-top: 10px;

	font-size: 14px;

	line-height: 24px;

	color: #666

}



.zd-service-info {

	text-align: center

}



.zd-service-info-text {

	font-size: 16px;

	color: #4A4A4A;

	text-align: center;

	line-height: 36px;

	-webkit-font-smoothing: antialiased

}



.zd-service-info-text i {

	margin-left: 4px;

	margin-right: 4px;

	color: #0038ff;

	font-size: 24px;

	-webkit-font-smoothing: antialiased;

	font-weight: 600;

	vertical-align: -2px;

	font-family: DINNextLTPro-MediumCond, 'DIN Alternate'

}



.zd-service-list {

	margin-top: 24px;

	width: 100%;

	overflow: hidden

}



.zd-service-panel-list {

	font-size: 0;

	margin-left: -20px;

	margin-right: -20px

}



.zd-service-item {

	display: inline-block;

	vertical-align: top;

	font-size: 14px;

	text-align: left;


	text-align: center;

	margin-bottom: 20px;

	width: calc((100% - 1px)/ 7)

}



.zd-service-panel {

	display: inline-block;

	width: 128px;

	height: 126px;

	border-radius: 2px;

	padding-top: 16px;

	padding-bottom: 16px;

	border: 1px solid transparent

}



.zd-service-panel:hover {

	background: #FFF;

	border-color: rgba(229, 232, 237, .3);

	box-shadow: 0 4px 8px 0 rgba(3, 27, 78, .12);

	transition: all .2s linear

}



.zd-service-panel:hover .zd-service-title {

	color: #0038ff

}



.zd-service-icon {

	display: inline-block;

	width: 48px;

	height: 48px

}



.zd-service-icon img {

	width: 100%;

	height: 100%

}



.zd-service-title {

	display: block;

	font-size: 16px;

	color: #000;

	line-height: 26px;

	height: 26px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	margin-top: 14px;

	transition: all .2s linear;

	-webkit-font-smoothing: antialiased

}



.zd-market-section .zd-2-section-inner {

	position: relative;

	z-index: 5

}



.home-service-bg-mask {

	position: absolute;

	top: 0;

	left: 50%;

	margin-left: -700px;

	width: 1400px;

	height: 100%;

	z-index: 2;

	font-size: 0;

	background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 71%, rgba(255, 255, 255, 1) 100%);

	background-image: linear-gradient(bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 71%, rgba(255, 255, 255, 1) 100%)

}



.home-service-bg {

	position: absolute;

	top: 0;

	left: 50%;

	margin-left: -800px;

	max-width: 1600px;

	z-index: 1;

	opacity: .03;

	font-size: 0;

	text-align: center;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-animation: bgScroll 24s infinite linear;

	animation: bgScroll 24s infinite linear;

	will-change: transform

}



.home-service-bg-group {

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	padding: 30px;

	min-height: 280px

}



.home-service-bg-item {

	height: 80px;

	margin: 0 50px 50px;

	display: inline-block;

	vertical-align: middle;

	line-height: 80px;

	-webkit-filter: grayscale(100%);

	-webkit-filter: gray;

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

	filter: gray

}



.home-service-bg-item.last {

	margin-left: 1100px

}



.home-service-bg-item img {

	display: inline-block;

	vertical-align: middle;

	max-height: 100%;

	max-width: 100%

}

@-webkit-keyframes bgScroll {

	from {

		-webkit-transform: translateY(0);

		transform: translateY(0)

	}



	to {

		-webkit-transform: translateY(-33.333%);

		transform: translateY(-33.333%)

	}

}



@keyframes bgScroll {

	from {

		-webkit-transform: translateY(0);

		transform: translateY(0)

	}



	to {

		-webkit-transform: translateY(-33.333%);

		transform: translateY(-33.333%)

	}

}



.zd-developer-section .zd-2-section-inner {

	position: relative;

	z-index: 2

}



.home-developer-bg {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 1;

	background: url(img/home-developer-bg.png) top center no-repeat #f7f8fa;

	background-size: cover

}



.zd-5-media-panel {

	display: block;

	position: relative;

	top: 0;

	transition: all .2s linear;

	box-shadow: 0 2px 4px rgba(3, 27, 78, .06);

	border: 1px solid #E5E8ED;

	box-sizing: border-box;

	border-radius: 2px;

	background-color: #fff;

	-webkit-font-smoothing: antialiased

}



.zd-5-media-panel:hover {

	box-shadow: 0 4px 8px rgba(3, 27, 78, .12)

}



.zd-5-media-panel.hand:hover {

	cursor: pointer

}



.zd-5-media-panel-main {

	padding: 22px 32px 0;

	min-height: 220px

}



.zd-5-media-panel-title {

	font-size: 24px;

	-webkit-font-smoothing: antialiased

}



.zd-icon-title {

width: 120px;

    height: 24px;

    font-size: 20px;

    display: block;

}



.zd-icon-title.text-1 {

	background-image: url(img/main.svg);

	background-size: 233.33333333333334% 941.6666666666666%;

	background-position: 0.63% 13.370000000000001%;

	background-repeat: no-repeat

}



.zd-icon-title.text-2 {

	background-image: url(img/main.svg);

	background-size: 233.33333333333334% 941.6666666666666%;

	background-position: 0.63% 26.240000000000002%;

	background-repeat: no-repeat

}



.zd-icon-title.text-3 {

	background-image: url(img/main.svg);

	background-size: 233.33333333333334% 941.6666666666666%;

	background-position: 0.63% 0.5%;

	background-repeat: no-repeat

}



.zd-5-media-panel-desc {

	display: block;

	font-size: 14px;

	color: #666;

	line-height: 24px;

	margin-top: 16px

}



.zd-5-media-panel-links {

	margin-top: 18px

}



.zd-5-media-panel-text {

	display: inline-block;

	font-size: 14px;

	line-height: 24px;

	height: 24px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	width: 100%;

	margin-bottom: 8px

}



.zd-5-media-panel-text a {

	color: #666

}



.zd-5-media-panel-text a:hover {

	color: #0038ff

}



.zd-5-media-panel-text a::before {

	content: '';

	width: 2px;

	height: 2px;

	background-color: #666;

	display: inline-block;

	vertical-align: 4px;

	margin-left: 2px;

	margin-right: 8px

}



.zd-5-media-panel-details {

	line-height: 48px;

	border-top: 1px solid #E5E8ED;

	padding: 0 30px

}



.zd-5-media-panel-details-link {

	color: #0038ff

}



.zd-tabs-bar {

	text-align: center;

	font-size: 0

}



.zd-tabs-item {

	display: inline-block;

	text-align: center;

	position: relative;

	cursor: pointer;

	margin: 0 20px;

	padding-bottom: 12px

}



.zd-tabs-item-con {

	display: block;

	padding: 0 20px;

	text-decoration: none;

	font-size: 18px;

	line-height: 28px;

	color: #333;

	-webkit-font-smoothing: antialiased

}



.zd-tabs-list {

	border-bottom: #e5e5e5 1px solid;

	position: relative;

	list-style: none

}



.zd-tabs-active .zd-tabs-item-con,

.zd-tabs-item-con:hover {

	color: #0038ff

}



.zd-tabs-disabled {

	cursor: default

}



.zd-tabs-disabled .zd-tabs-item-con,

.zd-tabs-disabled .zd-tabs-item-con:hover {

	color: #ccc;

	cursor: not-allowed;

	font-weight: 400

}



.zd-tabs-active .zd-tabs-item-con:after {

	display: inline-block;

	content: "";

	height: 1px;

	width: 100%;

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	background: #0038ff;

	z-index: 1

}



.zd-tabs-content {

	padding: 10px 0 0

}



.zd-tabs-vertical {

	display: table;

	width: 100%

}



.zd-tabs-vertical .zd-tabs-bar {

	display: table-cell;

	width: 15%;

	position: relative;

	vertical-align: top

}



.zd-tabs-vertical .zd-tabs-bar:after {

	content: '';

	position: absolute;

	right: 0;

	top: 0;

	height: 100%;

	width: 2px;

	background-color: #e5e5e5

}



.zd-tabs-vertical .zd-tabs-panel {

	display: table-cell;

	width: 85%

}



.zd-tabs-vertical .zd-tabs-item {

	display: block;

	border-bottom: 0 none;

	margin-left: 0;

	margin-right: 0

}



.zd-tabs-vertical .zd-tabs-item-con {

	display: block;

	padding: 5px 0;

	text-decoration: none

}



.zd-tabs-vertical .zd-tabs-active .zd-tabs-item-con:after {

	content: '';

	position: absolute;

	right: 0;

	top: 0;

	width: 2px;

	height: 100% !important;

	background-color: #0038ff;

	left: auto;

	bottom: 0;

	z-index: 1

}



.zd-tabs-vertical .zd-tabs-list {

	border-bottom: 0 none

}



.zd-tabs-vertical .zd-tabs-content {

	padding: 0 0 0 10px

}



.zd-2-tabs-active .tabs-animation,

.zd-tabs-active .tabs-animation {

	font-size: 0;

	position: absolute;

	left: 100%;

	bottom: 0;

	width: 100%;

	height: 10px;

	border-bottom: 1px solid #E5E8ED;

	background-color: #fff;

	z-index: 10;

	animation: electricity .8s;

	-moz-animation: electricity .8s;

	-webkit-animation: electricity .8s;

	-o-animation: electricity .8s

}

@keyframes electricity {

	0% {

		left: 0;

		width: 100%

	}



	100% {

		left: 101%;

		width: 0

	}

}



.zd-2-logo-case-section {

	z-index: 5

}



.zd-tabs-skin-1 .zd-tabs-item {

	margin: 0 100px -1px;

	overflow: hidden

}



.zd-tabs-skin-1 .zd-tabs-active .zd-tabs-item-con:before {

	content: '';

	position: absolute;

	left: 50%;

	bottom: -4px;

	margin-left: -4px;

	width: 8px;

	height: 8px;

	border-top: 1px solid #0038ff;

	border-left: 1px solid #0038ff;

	background-color: #F6F8FC;

	z-index: 10;

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg)

}



.zd-tabs-skin-1 .zd-tabs-content {

	background-size: 100% 100%;

	background-repeat: no-repeat;

	background-position: center top

}



.zd-tabs-skin-1 .zd-lattice.zd-lattice-cols-5>.zd-lattice-cell {

	margin-right: 0;

	margin-bottom: 0;

	width: 20%;

	padding-top: 20px;

	padding-bottom: 20px

}



.zd-tabs-skin-1 .zd-1-logo-cases {

	margin-top: 0;

	max-height: 432px;

	overflow: hidden

}



.zd-tabs-skin-1 .zd-1-logo-case {

	text-align: center;

	line-height: 68px;

	height: 68px

}



.zd-tabs-skin-1 .zd-lattice .zd-lattice-cell:nth-child(5n) {

	border-right: none

}



.zd-tabs-skin-1 .zd-lattice .zd-lattice-cell {

	position: relative

}



.zd-tabs-skin-1 .zd-lattice.zd-lattice-cols-6>.zd-lattice-cell {

	margin-right: 20px;

	width: calc((100% - 20px * (6 - 1) - 1px)/ 6);

	margin-bottom: 20px

}



.zd-2-logo-case-section .zd-more-link {

	margin-top: 20px

}



.zd-map-section {

	background: #f5f5f5;

	padding-bottom: 120px

}



.zd-map-section .zd-2-section-desc,

.zd-map-section .zd-2-section-title {

	color: #333

}



.zd-map-btn {

	text-align: center;

	padding-top: 6px

}



.zd-map-btn .zd-btn {

	padding-left: 26px;

	padding-right: 26px;

	height: 44px;

	line-height: 44px;

	font-size: 16px;

	-webkit-font-smoothing: antialiased

}



.zd-map-btn .zd-btn:hover {

	transition: all .2s linear

}



.zd-map-btn .zd-more-link {

	margin: 20px auto 0

}



.zd-map-wrap {

	position: relative;

	z-index: 1;

	margin: 0 auto;

	width: 1012px;

	height: 490px

}



.zd-map-mod {

	display: block

}



.zd-map-mod img {

	display: block;

	width: 100%;

	height: 100%

}



.zd-map-dot-explain {

	position: absolute;

	left: -48px;

	bottom: 50px;

	z-index: 3

}



.zd-map-dot-explain-item {

	display: block;

	margin-bottom: 10px

}



.zd-map-dot-explain-item .zd-map-dot {

	cursor: default

}



.zd-map-dot {

	position: absolute;

	width: 22px;

	height: 22px;

	cursor: pointer;

	margin-right: 11px

}



.zd-map-dot-layer {

	width: 11px;

	height: 11px;

	position: absolute;

	top: 50%;

	left: 50%;

	margin: -5px 0 0 -5px;

	background-color: #0038ff;

	border-radius: 50%;

	cursor: pointer;

	opacity: 1

}



.zd-map-dot:after {

	content: '';

	position: absolute;

	width: 22px;

	height: 22px;

	-webkit-box-shadow: inset #0038ff 0 0 5px;

	box-shadow: inset #0038ff 0 0 5px;

	border-radius: 50%;

	top: 0;

	left: 0;

	opacity: 0

}



.zd-map-dot.style-1 {

	box-shadow: inset #0038ff 0 0 5px;

	border-radius: 50%

}



.zd-map-dot.style-1 .zd-map-dot-layer {

	width: 8px;

	height: 8px;

	background-color: #0038ff;

	margin: -4px 0 0 -4px

}



.zd-map-dot.style-1,

.zd-map-dot.style-1:after {

	-webkit-box-shadow: inset #0038ff 0 0 5px;

	box-shadow: inset #0038ff 0 0 5px

}



.zd-map-dot.style-2 {

	box-shadow: inset #555555 0 0 5px;

	border-radius: 50%

}



.zd-map-dot.style-2 .zd-map-dot-layer {

	width: 8px;

	height: 8px;

	background-color: #555555;

	margin: -4px 0 0 -4px

}



.zd-map-dot.style-2,

.zd-map-dot.style-2:after {

	-webkit-box-shadow: inset #555555 0 0 5px;

	box-shadow: inset #555555 0 0 5px

}



.zd-map-dot.style-3 {

	box-shadow: inset #FF7800 0 0 5px;

	border-radius: 50%

}



.zd-map-dot.style-3 .zd-map-dot-layer {

	width: 8px;

	height: 8px;

	background-color: #FF7800;

	margin: -4px 0 0 -4px

}



.zd-map-dot.style-3,

.zd-map-dot.style-3:after {

	-webkit-box-shadow: inset #FF7800 0 0 5px;

	box-shadow: inset #FF7800 0 0 5px

}



.zd-map-dot,

.zd-map-dot-explain-txt {

	display: inline-block;

	vertical-align: middle

}



.zd-map-dot-explain .zd-map-dot {

	position: relative

}



.zd-map-dot-explain-txt {

	color: #333333;

	font-size: 16px;

	-webkit-font-smoothing: antialiased

}



.zd-map-dot-layer:after {

	content: '';

	position: absolute;

	width: 8px;

	height: 8px;

	-webkit-box-shadow: inset #0038ff 0 0 5px;

	box-shadow: inset #0038ff 0 0 5px;

	border-radius: 50%;

	top: 0;

	left: 0;

	opacity: 0

}



.zd-map-dot.animate.active:after,

.zd-map-dot.animate:hover:after {

	-webkit-animation: warn 2s ease-out .1s infinite;

	animation: warn 2s ease-out .1s infinite

}



.zd-map-dot.animate.active .zd-map-dot-layer:after,

.zd-map-dot.animate:hover .zd-map-dot-layer:after {

	-webkit-animation: warn-2 2s ease-out 1.1s infinite;

	animation: warn-2 2s ease-out 1.1s infinite

}



.zd-map-dot.style-1 .zd-map-dot-layer:after {

	-webkit-box-shadow: inset #0038ff 0 0 5px;

	box-shadow: inset #0038ff 0 0 5px

}



.zd-map-dot.style-2 .zd-map-dot-layer:after {

	-webkit-box-shadow: inset #04C8DC 0 0 5px;

	box-shadow: inset #04C8DC 0 0 5px

}



.zd-map-dot.style-3 .zd-map-dot-layer:after {

	-webkit-box-shadow: inset #FF7800 0 0 5px;

	box-shadow: inset #FF7800 0 0 5px

}



@-webkit-keyframes warn {

	0% {

		opacity: 0;

		-webkit-transform: scale(.1);

		transform: scale(.1)

	}



	5% {

		opacity: 1

	}



	to {

		opacity: 0;

		-webkit-transform: scale(4);

		transform: scale(4)

	}

}



@keyframes warn {

	0% {

		opacity: 0;

		-webkit-transform: scale(.1);

		transform: scale(.1)

	}



	5% {

		opacity: 1

	}



	to {

		opacity: 0;

		-webkit-transform: scale(4);

		transform: scale(4)

	}

}



@-webkit-keyframes warn-2 {

	0% {

		opacity: 0;

		-webkit-transform: scale(.1);

		transform: scale(.1)

	}



	5% {

		opacity: 8

	}



	to {

		opacity: 0;

		-webkit-transform: scale(10);

		transform: scale(10)

	}

}



@keyframes warn-2 {

	0% {

		opacity: 0;

		-webkit-transform: scale(.1);

		transform: scale(.1)

	}



	5% {

		opacity: 8

	}



	to {

		opacity: 0;

		-webkit-transform: scale(10);

		transform: scale(10)

	}

}



.zd-map-dot-list {

	position: absolute;

	width: 100%;

	height: 100%;

	z-index: 2;

	top: 0;

	left: 0

}



.zd-map-dot-text {

	position: absolute;

	left: 100%;

	top: 0;

	padding-left: 5px;

	font-size: 14px;

	line-height: 22px;

	color: #383838;

	white-space: nowrap

}



.zd-map-dot-text.left {

	left: auto;

	right: 100%;

	padding-left: 0;

	padding-right: 5px

}



.zd-bubble {

	position: absolute;

	z-index: 6

}



.zd-map-bubble {

	left: 50%;

	bottom: 100%;

	margin-left: -100px;

	margin-bottom: 10px;

	width: 200px;

	text-align: center;

	-webkit-transition: .3s all ease-out;

	transition: .3s all ease-out;

	opacity: 0;

	visibility: hidden;

	-webkit-transform: translateY(5px);

	-ms-transform: translateY(5px);

	transform: translateY(5px);

	cursor: default;

	pointer-events: none

}



.zd-bubble-inner {

	font-size: 12px;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	border: 1px solid #b3b7bf;

	border-radius: 2px;

	background-color: #fff;

	line-height: 18px;

	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);

	position: static !important;

	left: 50%;

	top: 50%;

	min-width: 160px

}



.zd-map-bubble .zd-bubble-inner {

	display: inline-block;

	vertical-align: middle;

	text-align: left;

	border-color: rgba(83, 98, 114, .4);

	font-size: 14px;

	line-height: 24px;

	color: #333

}



.zd-map-bubble-title {

	padding: 0 16px;

	margin-bottom: 5px;

	color: rgba(0, 0, 0, .37);

	line-height: 40px;

	background-color: #F5F7FA

}



.zd-map-bubble-cont {

	padding: 8px 16px;

	font-size: 14px;

	color: #000;

	text-align: left;

	line-height: 24px

}



.zd-map-bubble .zd-bubble-inner:before {

	border-top-color: #0038ff

}



.zd-bubble-bottom .zd-bubble-inner:before {

	margin-left: -8px;

	border-top-color: #b3b7bf

}



.zd-bubble-bottom .zd-bubble-inner:after,

.zd-bubble-bottom .zd-bubble-inner:before {

	top: 100%;

	left: inherit;

	right: inherit;

	margin-top: -1px;

	border-top-style: solid

}



.zd-bubble .zd-bubble-inner:after,

.zd-bubble .zd-bubble-inner:before {

	font-size: 0;

	position: absolute;

	width: 0;

	height: 0;

	content: '';

	border: 8px dashed transparent

}



.zd-bubble-bottom .zd-bubble-inner:after {

	margin-left: -7px;

	border-top-color: #fff

}



.zd-map-dot.hover .zd-map-bubble,

.zd-map-dot:hover .zd-map-bubble {

	opacity: 1;

	visibility: visible;

	-webkit-transform: translateY(0);

	-ms-transform: translateY(0);

	transform: translateY(0)

}



.zd-certificate-section .zd-1-media-panel {

	text-align: left

}



.zd-certificate-section .zd-section-tit {

	margin-top: 60px

}



.zd-certificate-section .zd-section-des {

	position: relative;

	margin-top: 32px

}



.zd-certificate-section .zd-section-des span {

	display: inline-block;

	background-color: #fff;

	position: relative;

	z-index: 5;

	padding: 0 40px;

	font-size: 14px;

	color: #999

}



.zd-certificate-section .zd-section-des::after {

	content: '';

	position: absolute;

	width: 100%;

	height: 1px;

	overflow: hidden;

	background-color: #e5e5e5;

	background-image: linear-gradient(to right, #fff, #e4e4e4, #fff, #e4e4e4, #fff);

	top: 50%;

	left: 0

}



.home-certificate-panels {

	position: relative;

	z-index: 10;

	box-sizing: border-box;

	margin: -20px auto 0;

	max-width: 1200px;

	padding: 0 10px

}



.zd-certificate-section .zd-lattice-line>.zd-lattice-cell {

	margin-bottom: 0

}



.zd-certificate-section .zd-1-media-panel-desc {

	margin-top: 15px;

	color: #666

}



.zd-certificate-section .zd-section-inner .zd-section-hd {

	margin-bottom: 40px

}



.home-certificate.zd-lattice-line {

	background-color: #fff;

	padding: 26px 36px;

	border-radius: 2px;

	border: 1px solid #E5E8ED;

	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);

	position: relative;

	z-index: 10

}



.home-certificate.zd-lattice-line>.zd-lattice-cell:after {

	height: 90px;

	margin-top: -45px

}



.home-certificate .zd-1-media-panel-title {

	color: #000

}



[class*=zd-1-media-panel-clamp-],

[class^=zd-1-media-panel-clamp-] {

	display: -webkit-box;

	-webkit-box-orient: vertical;

	overflow: hidden

}



.zd-1-media-panel-clamp-2 {

	-webkit-line-clamp: 2;

	max-height: 48px

}



.zd-1-media-panel-clamp-3 {

	-webkit-line-clamp: 3;

	max-height: 72px

}



.zd-1-media-panel {

	box-sizing: border-box;

	display: block;

	text-align: center;

	font-size: 14px

}



.zd-1-media-panel-object {

	margin: 0 auto 20px;

	width: 48px;


	height: 48px;

	text-align: center;

	line-height: 48px

}



.zd-1-media-panel-object-border {

	width: 86px;

	height: 86px;

	border: 1px solid #E5E5E5;

	border-radius: 50%;

	line-height: 86px

}



.zd-1-media-panel-icon {

	position: relative;

	top: -1px;

	display: inline-block;

	vertical-align: middle;

	width: 48px;

	height: 48px

}



.zd-1-media-panel-title {

	font-size: 18px;

	line-height: 28px;

	color: #333;

	font-weight: 400;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	-webkit-font-smoothing: antialiased

}



.zd-1-media-panel-body:hover .zd-1-media-panel-title {

	color: #0038ff

}



.zd-1-media-panel-body:hover .zd-1-media-panel-title.zd-link-weak-arrow:after {

	background-image: url(img/main.svg);

	-webkit-transform: translateX(4px);

	transform: translateX(4px);

	background-position: 69.34% 41.67%;

	background-size: 4666.666666666666% 2260%;

	background-repeat: no-repeat

}



.zd-1-media-panel-desc {

	margin-top: 12px;

	font-size: 14px;

	line-height: 24px;

	color: #999;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

	max-height: 48px;

	word-wrap: break-word

}



.zd-1-media-panel-desc p {

	margin: 0

}



.zd-1-media-panel-links {

	margin-top: 10px

}



.zd-1-media-panel-link {

	color: #0038ff;

	text-decoration: none

}



.zd-1-media-panel-link:after {

	content: '';

	position: relative;

	top: -1px;

	display: inline-block;

	vertical-align: middle;

	margin-left: 3px;

	width: 6px;

	height: 6px;

	box-sizing: border-box;

	border-style: solid;

	border-color: transparent #0038ff #0038ff transparent;

	border-width: 0 1px 1px 0;

	transform: rotate3d(0, 0, 1, -45deg);

	transition: transform .3s ease-in-out

}



.zd-1-media-panel-link:hover:after {

	transform: rotate3d(0, 0, 1, -45deg) translate3d(3px, 3px, 0)

}



.zd-1-media-panel-horizontal {

	position: relative;

	padding-left: 116px;

	min-height: 86px;

	text-align: left

}



.zd-1-media-panel-horizontal .zd-1-media-panel-object {

	position: absolute;

	left: 0;

	top: 0;

	box-sizing: border-box

}



.zd-1-media-panel-horizontal .zd-1-media-panel-body {

	padding-top: 10px

}



.zd-1-media-panel-horizontal .zd-1-media-panel-desc {

	margin-top: 15px

}



.zd-1-media-panel-left {

	text-align: left

}



.zd-1-media-panel-left .zd-1-media-panel-object {

	margin-left: 0

}



.zd-section {

	padding: 70px 0

}



.zd-section-bg {

	background-color: #f7f8fa

}



.zd-section-inner {

	margin: 0 auto;

	width: 100%;

	max-width: 1200px;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	padding: 0 10px

}



.zd-section-hd {

	margin-bottom: 55px

}



.zd-section-tit {

	text-align: center;

	font-size: 30px;

	color: #333;

	font-weight: 600;

	line-height: 1.4;

	-webkit-font-smoothing: antialiased

}



.zd-section-des {

	text-align: center;

	font-size: 16px;

	color: #666;

	margin: 20px 0 0;

	line-height: 1.4;

	-webkit-font-smoothing: antialiased

}



.zd-section-des a {

	color: #0038ff;

	text-decoration: none

}



.zd-section-des a:hover {

	text-decoration: underline

}



.zd-section-bg1 {

	background-color: #f7f8fa;

	background-repeat: no-repeat;

	background-position: left top, right bottom;

	background-size: auto 241px, auto 270px

}



.zd-section-bg2 {

	background-color: #f7f8fa;

	background-repeat: no-repeat;

	background-position: left top, right bottom;

	background-size: auto 419px, auto 513px

}



.home-certificate-list-pc {

	padding-top: 5px;

	font-size: 0

}



.home-certification-item {

	width: 14.2%;

	text-align: center;

	display: inline-block;

	vertical-align: top

}



.home-certification-item>a {

	display: block

}



.home-certification-item a:hover .home-certification-tit {

	color: #0038ff

}



.home-certification-icon {

	display: inline-block;

	vertical-align: middle;

	width: 60px;

	height: 60px

}



.home-certification-icon img {

	display: block;

	width: 100%;

	height: 100%

}



.home-certification-tit {

	font-size: 14px;

	color: #666;

	margin-top: 12px;

	font-weight: 400;

	height: 18px;

	line-height: 18px;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

	overflow: hidden;

	word-wrap: break-word

}



.home-certification-icon.more {

	position: relative;

	background: url(img/gd.png)no-repeat;

	background-size: 55px;

	background-position: 0 5px;

}



.home-certification-item a:hover .home-certification-icon.more {

	background: url(img/gd-a.png)no-repeat;

	background-size: 55px;

	background-position: 0 5px;

	transition: all .2s linear

}



.home-certificate-list-mobile {

	display: none

}



.zd-action-panel {

	position: relative;

	padding: 40px 10px;

	min-height: 218px;

	background-size: auto 100%;

	text-align: center;

	-webkit-font-smoothing: antialiased;

	display: none;

}



.zd-action-panel-inner {

	position: relative;

	z-index: 1;

	margin: 0 auto;

	box-sizing: border-box;

	max-width: 1200px;

	padding: 0 10px

}



.zd-action-panel-title {

	font-size: 32px;

	line-height: 46px;

	font-weight: 400;

	color: #333;

	-webkit-font-smoothing: antialiased;

}



.zd-action-panel-desc {

	margin-top: 8px;

	font-size: 16px;

	line-height: 26px;

	color: #666;

	-webkit-font-smoothing: antialiased;

}



.zd-action-panel-desc.mobile {

	display: none

}



.zd-action-panel-desc a {

	color: #555;

	font-weight: 600

}



.zd-action-panel-desc a:hover {

	text-decoration: underline

}



.zd-action-panel-btns {

	margin-top: 32px;

	font-size: 0

}



.zd-action-panel .zd-btn {

	min-width: 160px;

	height: 44px;

	line-height: 42px;

	font-size: 16px;

	-webkit-font-smoothing: antialiased;

}

.zd-action-panel .zd-btn .zd-btn-text{

color:#fff;

}

.zd-action-panel .zd-btn:hover {

	transition: all .2s linear;

	color: #0038ff

}



.zd-action-panel-custom-bg {

	background-color: #fff

}



.zd-action-panel-bgs {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%

}



.zd-action-panel-bg-mobile,

.zd-action-panel-bg-pc {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-position: center;

	background-repeat: no-repeat;

	background-size: auto 100%

}



.zd-action-panel-bg-mobile {

	background-size: cover

}



.c-msg-info {

	padding: 11px 20px;

	font-size: 12px

}



.c-msg-info a {

	color: #0038ff

}



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

	.zd-topbar-tips {

		padding-left: 200px;

		padding-right: 400px

	}

}



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

	.zd-topbar-tips {

		display: none;

		position: relative;

		z-index: 300;

		min-width: 0;

		height: auto;

		line-height: 20px;

		text-align: left;

		background-color: #151A25;

		padding: 4px 15px

	}



	.zd-topbar-tips-mobile,

	.zd-topbar-tips.visible {

		display: block

	}



	.zd-topbar-tips-tag {

		margin-right: 4px;

		font-size: 12px

	}



	.zd-topbar-tips-info {

		display: inline;

		font-size: 12px;

		color: #FFF;

		text-align: left;

		line-height: 20px;

		white-space: inherit;

		vertical-align: middle

	}



	.zd-topbar-tips-info>a,

	.zd-topbar-tips-link {

		display: inline-block;

		font-size: 12px

	}



	.zd-topbar-tips-label {

		margin-left: -6px

	}



	.home-container {

		background-color: #F5F7FA

	}

}



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

	.m-show-block {

		display: block !important

	}



	.zd-2-section-title {

		padding-left: 16px;

		padding-right: 16px

	}



	.zd-2-section-title i {

		display: block

	}



	.home-container .zd-2-action-panel {

		margin-bottom: 12px

	}



	.home-container .zd-market-section,

	.home-container .zd-solution-section {

		margin-bottom: 12px;

		padding-bottom: 0

	}



	.home-container .zd-developer-section {

		padding-bottom: 0;

		margin-bottom: 12px

	}



	.home-container .zd-2-logo-case-section,

	.home-container .zd-map-section {

		margin-bottom: 12px

	}



	.home-container .zd-2-section {

		box-shadow: 0 2px 4px 0 rgba(3, 27, 78, .06)

	}



	.zd-2-section-breach {

		display: none

	}

}



@media (min-width:769px) {

	body {

		min-width: 1280px

	}



	.zd-2-section-title.mobile,

	.zd-section-tit.mobile {

		display: none

	}

}



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



	.zd-2-section-title,

	.zd-section-tit {

		display: none

	}



	.zd-2-section-title.mobile,

	.zd-section-tit.mobile {

		display: block

	}

}



@media screen and (min-width:600px) {

	.weixin-search {

		display: none

	}

}



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

	.weixin-search {

		margin-bottom: 18px

	}



	.weixin-search img {

		width: 100%;

		display: block

	}

}



@media screen and (min-width:1367px) {

	.zd-2-section-hd {

		margin-bottom: 60px

	}

}



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

	.zd-2-section-hd {

		margin-bottom: 32px

	}

}



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

	.zd-2-section {

		padding: 32px 0

	}



	.zd-2-section-inner {

		padding: 0 16px

	}



	.zd-2-section-title {

		font-size: 20px;

		line-height: 32px;

		-webkit-font-smoothing: antialiased

	}



	.zd-2-section-breach,

	.zd-2-section-desc {

		display: none

	}

}



@media screen and (min-width:769px) {

	.wrap-canvas-wrap {

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 600px

	}



	.wrap-canvas-inner {

		width: 440px;

		height: 400px;

		position: absolute;

		left: 542px;

		top: 40px

	}



	.wrap-canvas-inner canvas {

		position: absolute;

		left: 0;

		top: 0

	}

}



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

	.zd-2-hero-list {

		display: none

	}



	.zd-2-hero-list-m {

		display: block;

		background-image: none;

		background-color: #fff

	}



	.zd-2-hero-list-m-inner {

		height: 100%

	}



	.zd-2-hero-list-m-inner .zd-2-hero-item {

		float: left;

		width: 100%

	}



	.zd-2-hero-item {

		padding: 0

	}



	.zd-2-hero-item-btns,

	.zd-2-hero-nav-wrap,

	.zd-2-hero-wrap-canvas {

		display: none

	}



	.zd-2-hero,

	.zd-2-hero-item-bg {

		height: 380px

	}



	.zd-2-hero-item-inner {

		padding: 160px 16px 0;

		max-width: inherit;

		text-align: center

	}



	.zd-2-hero-item-ctn {

		max-width: 100%

	}



	.zd-2-hero-item-title {

		font-size: 20px;

		line-height: 36px;

		height: 72px;

		-webkit-line-clamp: 2;

		margin-bottom: 0;

		-webkit-font-smoothing: antialiased;

		max-height: inherit

	}



	.zd-2-hero-item-desc {

		font-size: 14px;

		line-height: 24px;

		-webkit-line-clamp: 1;

		height: 24px;

		margin-top: 12px;

		color: #666;

		max-width: 100%

	}



	.zd-2-hero-tab {

		margin-top: 10px;

		text-align: center

	}



	.zd-2-hero-tab li {

		margin: 0 5px

	}



	.zd-2-hero-tab li a i {

		width: 29px;

		height: 3px

	}



	.zd-2-hero-item-btns .zd-btn {

		margin-top: 20px;

		height: 36px;

		line-height: 34px;

		padding-left: 32px;

		padding-right: 32px

	}



	.zd-2-hero-item-bg {

		display: none

	}



	.zd-2-hero-item-bg.mobile {

		display: block;

		background-size: cover;

	}



	.zd-2-hero-tab-wrap {

		top: 260px

	}



	.zd-2-hero-tab {

		width: 100%;

		margin: 0

	}



	.div-wrap-canvas-wrap {

		display: none

	}

}



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

	.zd-2-hero-item-inner {

		padding-top: 0;

		margin-top: -90px;

		height: 108px;

		position: relative;

		text-align: left;

	}



	.zd-2-hero-item-ctn {

		position: absolute;

		bottom: 0;

		width: calc(100% - 32px)

	}



	.zd-2-hero-item-title {

		-webkit-line-clamp: inherit;

		height: initial

	}

}



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

	.zd-2-s-panels {

		display: none

	}



	.zd-2-hero-group {

		background-color: #fff

	}



	.zd-2-hero-group .zd-2-s-panels {

	    margin-top: -85px;

	    padding: 0;

	    overflow: hidden;

		box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), -8px -8px 20px 0 #fff;

	}



	.zd-2-s-lattice-card.zd-2-s-lattice-cols-4>.zd-2-s-lattice-cell {

		width: 25%;

		margin-right: 0

	}



	.zd-2-s-panel {

		padding: 12px 12px 4px;

		border: none;

		border-radius: inherit;

		box-shadow: inherit

	}

	.zd-2-s-panels .zd-2-s-lattice-cell:last-child .zd-2-s-panel::before {

		display: none

	}



	.zd-2-s-panel-title {

		font-size: 12px;

		font-weight: 400;

		margin-top: 4px;

		margin-bottom: 0;

		line-height: 20px;

		height: 26px;

		text-align: center

	}



	.zd-2-s-panel-desc {

		display: none;

		line-height: 20px;

		color: #666;

		font-size: 12px

	}



	.zd-2-s-panel-icon {

		display: block;

		margin: 0 auto;

		width: 27px;

		height: 27px;

		position: static

	}



	.zd-2-s-panel-icon-m {

		display: inline-block;

		width: 32px;

		height: 32px;

		top: 50%;

		margin-top: -16px;

		position: absolute;

		left: 0;

		opacity: 1

	}



	.zd-2-hero-group .zd-2-s-lattice-card>.zd-2-s-lattice-cell {

		top: 0;

		margin-bottom: 0

	}



	.zd-2-s-cont {

		padding-left: 0

	}

}



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

	.zd-2-hero-group .zd-2-s-panels {

		margin-left: 0;

		margin-right: 0;

		box-shadow: none;

		border: 1px solid #E5E8ED;

		border-left: none;

		border-right: none;

		border-radius: initial

	}



	.zd-2-s-panel-title {

		font-size: 12px

	}

}



@media screen and (min-width:769px) {

	.zd-collapse-product-m {

		display: none

	}

}



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

	.select-product-section .zd-2-section-bd {

		display: none

	}



	.select-product-section .zd-2-section-inner {

		padding: 0

	}

}



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

	.zd-collapse-item-bd {

		padding: 20px 16px 25px

	}



	.home-container .select-product-section {

		padding-bottom: 0

	}



	.zd-collapse-product-m .zd-collapse-item-hd {

		padding-left: 60px

	}



	.zd-collapse-product-icon {

		position: absolute;

		left: 16px;

		top: 10px;

		width: 32px;

		height: 32px

	}



	.zd-collapse-product-icon img {

		width: 100%;

		height: 100%;

		display: block

	}



	.zd-collapse-item.zd-collapse-item-active .zd-collapse-product-icon img {

		opacity: 0

	}



	.zd-collapse-product-icon img.active-img {

		position: absolute;

		left: 0;

		top: 0;

		opacity: 0

	}



	.zd-collapse-item.zd-collapse-item-active .zd-collapse-product-icon img.active-img {

		opacity: 1

	}



	.zd-collapse-product-cont {

		padding: 0

	}



	.zd-collapse-product-m .zd-collapse-product-cont {

		padding: 10px 0;

		background-color: #F5F7FA

	}



	.zd-collapse-product-m .zd-collapse-product-title {

		line-height: 24px;

		font-weight: 400

	}



	.zd-collapse-product-item {

		box-sizing: border-box;

		vertical-align: top;

		width: 100%;

		padding: 10px 16px

	}



	.zd-collapse-product-item .zd-collapse-product-title a {

		font-size: 14px;

		color: #333;

		line-height: 24px

	}



	.zd-collapse-product-tag {

		display: inline-block;

		vertical-align: middle;

		position: relative;

		top: -1px;

		-webkit-box-sizing: border-box;

		box-sizing: border-box;

		padding: 0 2px;

		margin-left: 10px;

		min-width: 32px;

		border: 1px solid #f60;

		font-size: 12px;

		line-height: 14px;

		color: #f60;

		text-align: center

	}



	.zd-collapse-product-text-span {

		font-size: 14px;

		color: #666;

		line-height: 24px;

		display: block

	}



	.zd-collapse-product-text .zd-btn {

		display: inline-block;

		margin-top: 8px

	}



	.more-product-link {

		padding: 10px 16px 20px

	}



	.more-product-link a {

		font-size: 14px;

		color: #0038ff;

		line-height: 24px

	}



	.more-product-link a::after {

		content: '';

		display: inline-block;

		vertical-align: -3px;

		width: 18px;

		height: 18px;

		background-image: url(img/main-media2.svg);

		background-repeat: no-repeat;

		background-size: 225% 112.5%;

		margin-left: 6px;

		background-position: 5% 50%

	}



	.more-product-link.active a::after {

		background-image: url(img/main-media2.svg);

		background-position: 95% 50%;

		background-size: 225% 112.5%;

		background-repeat: no-repeat

	}



	.accordion .zd-collapse-product-item.view {

		padding-right: 16px;

		padding-bottom: 0

	}



	.zd-collapse-product-view {

		width: 100%;

		position: relative

	}



	.zd-collapse-product-view img {

		max-width: 100%;

		margin-top: 8px

	}



	.zd-collapse-product-view::before {

		content: '';

		width: calc(100% + 32px);

		height: 56px;

		background-image: linear-gradient(180deg, rgba(245, 249, 252, 0) 0, #F5F7FA 68%);

		position: absolute;

		left: -16px;

		right: -16px;

		bottom: -8px

	}



	.zd-collapse-product-item.cur .zd-collapse-product-view::before {

		display: none

	}



	.accordion .zd-collapse-product-item {

		position: relative;

		padding-right: 100px

	}



	.accordion .zd-collapse-product-text .zd-btn {

		position: absolute;

		right: 16px;

		top: 50%;

		margin-top: -16px;

		min-width: 68px

	}



	.accordion .zd-collapse-item-hd {

		height: 56px;

		padding-left: 48px

	}



	.accordion .zd-collapse-product-icon {

		width: 24px;

		height: 24px;

		top: 16px

	}



	.accordion .zd-collapse-item-title {

		line-height: 36px

	}



	.accordion .zd-collapse-product-text-span {

		color: #999

	}



	.accordion .more-product-link {

		line-height: 24px;

		padding-bottom: 14px

	}

}

    .docd{display: none !important;}

	.docp{position: absolute !important;}

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

	.zd-2-action-panel {

		text-align: center;

		padding-left: 16px;

		padding-right: 16px;

		background-image: url(img/bg2-mobile.jpg);

		background-size: cover;

		box-shadow: 0 2px 4px 0 rgba(3, 27, 78, .12)

	}



	.zd-2-action-panel-btns {

		display: block;

		margin: 20px auto 0

	}



	.zd-2-action-pane-desc {

		display: none

	}



	.zd-2-action-pane-desc span,

	.zd-2-action-pane-desc.mobile {

		display: block

	}

}



@media screen and (min-width:1367px) {

	.zd-solution-section .zd-2-section-hd {

		margin-bottom: 40px

	}

}



@media screen and (min-width:769px) {

	.zd-collapse-solution-m {

		display: none

	}

}



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

	.zd-solution-section .zd-2-section-inner .zd-2-section-bd {

		display: none

	}



	.zd-solution-section .zd-2-section-inner .zd-2-section-title {

		color: #000

	}



	.zd-solution-section .home-solution-bg {

		display: none

	}



	.zd-collapse-solution-m .zd-collapse-item-bd {

		background-color: #F5F7FA

	}



	.zd-collapse-solution-m .zd-collapse-item-caret {

		width: 18px;

		height: 18px

	}



	.zd-collapse-solution-m .zd-collapse-item-hd::after {

		content: '';

		width: 18px;

		height: 18px;

		position: absolute;

		right: 16px;

		top: 50%;

		margin-top: -9px;

		background-image: url(img/main-media.svg);

		background-repeat: no-repeat;

		background-size: 225% 112.5%;

		background-position: 5% 50%

	}



	.zd-collapse-solution-m .zd-collapse-item.active .zd-collapse-item-hd::after {

		background-image: url(img/main-media.svg);

		background-repeat: no-repeat;

		background-size: 225% 112.5%;

		background-position: 95% 50%

	}



	.zd-collapse-solution-m .zd-collapse-item.active .zd-collapse-item-bd {

		display: block

	}



	.zd-collapse-solution-title {

		display: none;

		font-size: 18px;

		color: #000;

		line-height: 28px;

		font-weight: 400;

		-webkit-font-smoothing: antialiased

	}



	.zd-collapse-solution-category {

		display: none;

		font-size: 14px;

		color: #666;

		line-height: 24px;

		margin-top: 12px

	}



	.zd-collapse-solution-category i {

		margin: 0 5px

	}



	.zd-collapse-solution-text {

		font-size: 14px;

		color: #666;

		line-height: 24px

	}



	.zd-collapse-solution-logo-case .zd-1-logo-cases {

		margin-top: 32px

	}



	.zd-collapse-solution-logo-case .zd-1-logo-case {

		text-align: center;

		line-height: 30px

	}



	.zd-collapse-solution-logo-case .zd-lattice {

		margin-bottom: 0

	}



	.zd-collapse-solution-logo-case .zd-lattice>.zd-lattice-cell {

		margin-bottom: 25px

	}



	.zd-collapse-solution-button {

		text-align: center;

		margin-top: 12px

	}



	.zd-collapse-solution-button .zd-btn {

		min-width: 136px;

		border-radius: 2px

	}



	.zd-collapse-more {

		text-align: center;

		padding: 26px 0

	}



	.zd-collapse-more-link {

		display: inline-block;

		font-size: 14px;

		color: #0038ff;

		line-height: 22px

	}

}



@media screen and (min-width:769px) {

	.zd-1-logo-cases .zd-lattice.zd-lattice-without-margin {

		margin-bottom: -98px;

		min-height: 100px

	}



	.zd-1-logo-cases .zd-lattice-cell {

		margin-bottom: 98px

	}

}



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

	.zd-1-logo-cases .zd-lattice.zd-lattice-without-margin {

		margin-bottom: -60px

	}



	.zd-1-logo-cases .zd-lattice-cell {

		margin-bottom: 60px

	}

}



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

	.zd-1-logo-cases .zd-lattice.zd-lattice-without-margin {

		margin-bottom: -35px

	}



	.zd-1-logo-cases .zd-lattice-cell {

		margin-bottom: 35px

	}



	.zd-1-logo-case {

		max-width: 88px;

		height: 40px

	}

}



@media (min-width:769px) {

	.zd-lattice>.zd-lattice-cell {

		margin-bottom: 20px

	}



	.zd-lattice.zd-lattice-cols-1>.zd-lattice-cell {

		width: 100%

	}



	.zd-lattice.zd-lattice-cols-2>.zd-lattice-cell {

		margin-right: 60px;

		width: calc((100% - 60px * (2 - 1) - 1px)/ 2)

	}



	.zd-lattice.zd-lattice-cols-2>.zd-lattice-cell:nth-child(2n) {

		margin-right: 0

	}



	.zd-lattice.zd-lattice-cols-2>.zd-lattice-cell:nth-child(2n):after {

		display: none

	}



	.zd-lattice.zd-lattice-cols-3>.zd-lattice-cell {

		margin-right: 60px;

		width: calc((100% - 60px * (3 - 1) - 1px)/ 3)

	}



	.zd-lattice.zd-lattice-cols-3>.zd-lattice-cell:nth-child(3n) {

		margin-right: 0

	}



	.zd-lattice.zd-lattice-cols-3>.zd-lattice-cell:nth-child(3n):after {

		display: none

	}



	.zd-lattice.zd-lattice-cols-4>.zd-lattice-cell {

		margin-right: 60px;

		width: calc((100% - 60px * (4 - 1) - 1px)/ 4)

	}



	.zd-lattice.zd-lattice-cols-4>.zd-lattice-cell:nth-child(4n) {

		margin-right: 0

	}



	.zd-lattice.zd-lattice-cols-4>.zd-lattice-cell:nth-child(4n):after {

		display: none

	}



	.zd-lattice.zd-lattice-cols-5>.zd-lattice-cell {

		margin-right: 60px;

		width: calc((100% - 60px * (5 - 1) - 1px)/ 5)

	}



	.zd-lattice.zd-lattice-cols-5>.zd-lattice-cell:nth-child(5n) {

		margin-right: 0

	}



	.zd-lattice.zd-lattice-cols-5>.zd-lattice-cell:nth-child(5n):after {

		display: none

	}



	.zd-lattice.zd-lattice-cols-6>.zd-lattice-cell {

		margin-right: 60px;

		width: calc((100% - 60px * (6 - 1) - 1px)/ 6)

	}



	.zd-lattice.zd-lattice-cols-6>.zd-lattice-cell:nth-child(6n) {

		margin-right: 0

	}



	.zd-lattice.zd-lattice-cols-6>.zd-lattice-cell:nth-child(6n):after {

		display: none

	}



	.zd-lattice.zd-lattice-without-margin {

		margin-bottom: -40px

	}

}



@media (min-width:601px) and (max-width:768px) {

	.zd-lattice>.zd-lattice-cell {

		margin-bottom: 40px

	}



	.zd-lattice.zd-lattice-cols-m-1>.zd-lattice-cell {

		width: 100%

	}



	.zd-lattice.zd-lattice-cols-m-2>.zd-lattice-cell {

		margin-right: 40px;

		width: calc((100% - 40px * (2 - 1) - 1px)/ 2)

	}



	.zd-lattice.zd-lattice-cols-m-2>.zd-lattice-cell:nth-child(2n) {

		margin-right: 0

	}



	.zd-lattice.zd-lattice-cols-m-2>.zd-lattice-cell:nth-child(2n):after {

		display: none

	}



	.zd-lattice.zd-lattice-cols-m-3>.zd-lattice-cell {

		margin-right: 40px;

		width: calc((100% - 40px * (3 - 1) - 1px)/ 3)

	}



	.zd-lattice.zd-lattice-cols-m-3>.zd-lattice-cell:nth-child(3n) {

		margin-right: 0

	}



	.zd-lattice.zd-lattice-cols-m-3>.zd-lattice-cell:nth-child(3n):after {

		display: none

	}



	.zd-lattice.zd-lattice-cols-m-4>.zd-lattice-cell {

		margin-right: 40px;

		width: calc((100% - 40px * (4 - 1) - 1px)/ 4)

	}



	.zd-lattice.zd-lattice-cols-m-4>.zd-lattice-cell:nth-child(4n) {

		margin-right: 0

	}



	.zd-lattice.zd-lattice-cols-m-4>.zd-lattice-cell:nth-child(4n):after {

		display: none

	}



	.zd-lattice.zd-lattice-cols-m-5>.zd-lattice-cell {

		margin-right: 40px;

		width: calc((100% - 40px * (5 - 1) - 1px)/ 5)

	}



	.zd-lattice.zd-lattice-cols-m-5>.zd-lattice-cell:nth-child(5n) {

		margin-right: 0

	}



	.zd-lattice.zd-lattice-cols-m-5>.zd-lattice-cell:nth-child(5n):after {

		display: none

	}



	.zd-lattice.zd-lattice-cols-m-6>.zd-lattice-cell {

		margin-right: 40px;

		width: calc((100% - 40px * (6 - 1) - 1px)/ 6)

	}



	.zd-lattice.zd-lattice-cols-m-6>.zd-lattice-cell:nth-child(6n) {

		margin-right: 0

	}



	.zd-lattice.zd-lattice-cols-m-6>.zd-lattice-cell:nth-child(6n):after {

		display: none

	}



	.zd-lattice.zd-lattice-without-margin {

		margin-bottom: -40px

	}

}



@media (max-width:600px) {



	.zd-lattice,

	.zd-lattice>.zd-lattice-cell {

		margin-bottom: 40px

	}



	.zd-lattice.zd-lattice-cols-s-1>.zd-lattice-cell {

		margin-bottom: 40px;

		width: 100%

	}



	.zd-lattice.zd-lattice-cols-s-2>.zd-lattice-cell {

		margin-right: 10px;

		width: calc((100% - 10px * (2 - 1) - 1px)/ 2)

	}



	.zd-lattice.zd-lattice-cols-s-2>.zd-lattice-cell:nth-child(2n) {

		margin-right: 0

	}



	.zd-lattice.zd-lattice-cols-s-2>.zd-lattice-cell:nth-child(2n):after {

		display: none

	}



	.zd-lattice.zd-lattice-cols-s-3>.zd-lattice-cell {

		margin-right: 10px;

		width: calc((100% - 10px * (3 - 1) - 1px)/ 3)

	}



	.zd-lattice.zd-lattice-cols-s-3>.zd-lattice-cell:nth-child(3n) {

		margin-right: 0

	}



	.zd-lattice.zd-lattice-cols-s-3>.zd-lattice-cell:nth-child(3n):after {

		display: none

	}



	.zd-lattice.zd-lattice-cols-s-4>.zd-lattice-cell {

		margin-right: 10px;

		width: calc((100% - 10px * (4 - 1) - 1px)/ 4)

	}



	.zd-lattice.zd-lattice-cols-s-4>.zd-lattice-cell:nth-child(4n) {

		margin-right: 0

	}



	.zd-lattice.zd-lattice-cols-s-4>.zd-lattice-cell:nth-child(4n):after {

		display: none

	}



	.zd-lattice.zd-lattice-cols-s-5>.zd-lattice-cell {

		margin-right: 10px;

		width: calc((100% - 10px * (5 - 1) - 1px)/ 5)

	}



	.zd-lattice.zd-lattice-cols-s-5>.zd-lattice-cell:nth-child(5n) {

		margin-right: 0

	}



	.zd-lattice.zd-lattice-cols-s-5>.zd-lattice-cell:nth-child(5n):after {

		display: none

	}



	.zd-lattice.zd-lattice-cols-s-6>.zd-lattice-cell {

		margin-right: 10px;

		width: calc((100% - 10px * (6 - 1) - 1px)/ 6)

	}



	.zd-lattice.zd-lattice-cols-s-6>.zd-lattice-cell:nth-child(6n) {

		margin-right: 0

	}



	.zd-lattice.zd-lattice-cols-s-6>.zd-lattice-cell:nth-child(6n):after {

		display: none

	}



	.zd-lattice.zd-lattice-without-margin {

		margin-bottom: -40px

	}

}



@media (min-width:769px) {

	.zd-lattice-line>.zd-lattice-cell {

		margin-bottom: 20px

	}



	.zd-lattice-line.zd-lattice-cols-1>.zd-lattice-cell {

		width: 100%

	}



	.zd-lattice-line.zd-lattice-cols-2>.zd-lattice-cell {

		margin-right: 80px;

		width: calc((100% - 80px * (2 - 1) - 1px)/ 2)

	}



	.zd-lattice-line.zd-lattice-cols-2>.zd-lattice-cell:nth-child(2n) {

		margin-right: 0

	}



	.zd-lattice-line.zd-lattice-cols-2>.zd-lattice-cell:nth-child(2n):after {

		display: none

	}



	.zd-lattice-line.zd-lattice-cols-3>.zd-lattice-cell {

		margin-right: 80px;

		width: calc((100% - 80px * (3 - 1) - 1px)/ 3)

	}



	.zd-lattice-line.zd-lattice-cols-3>.zd-lattice-cell:nth-child(3n) {

		margin-right: 0

	}



	.zd-lattice-line.zd-lattice-cols-3>.zd-lattice-cell:nth-child(3n):after {

		display: none

	}



	.zd-lattice-line.zd-lattice-cols-4>.zd-lattice-cell {

		margin-right: 80px;

		width: calc((100% - 80px * (4 - 1) - 1px)/ 4)

	}



	.zd-lattice-line.zd-lattice-cols-4>.zd-lattice-cell:nth-child(4n) {

		margin-right: 0

	}



	.zd-lattice-line.zd-lattice-cols-4>.zd-lattice-cell:nth-child(4n):after {

		display: none

	}



	.zd-lattice-line.zd-lattice-cols-5>.zd-lattice-cell {

		margin-right: 80px;

		width: calc((100% - 80px * (5 - 1) - 1px)/ 5)

	}



	.zd-lattice-line.zd-lattice-cols-5>.zd-lattice-cell:nth-child(5n) {

		margin-right: 0

	}



	.zd-lattice-line.zd-lattice-cols-5>.zd-lattice-cell:nth-child(5n):after {

		display: none

	}



	.zd-lattice-line.zd-lattice-cols-6>.zd-lattice-cell {

		margin-right: 80px;

		width: calc((100% - 80px * (6 - 1) - 1px)/ 6)

	}



	.zd-lattice-line.zd-lattice-cols-6>.zd-lattice-cell:nth-child(6n) {

		margin-right: 0

	}



	.zd-lattice-line.zd-lattice-cols-6>.zd-lattice-cell:nth-child(6n):after {

		display: none

	}



	.zd-lattice-line.zd-lattice-without-margin {

		margin-bottom: -20px

	}



	.zd-lattice-line.zd-lattice-cols-1>.zd-lattice-cell:after {

		display: none

	}

}



@media (min-width:601px) and (max-width:768px) {

	.zd-lattice-line>.zd-lattice-cell {

		margin-bottom: 20px

	}



	.zd-lattice-line.zd-lattice-cols-m-1>.zd-lattice-cell {

		width: 100%

	}



	.zd-lattice-line.zd-lattice-cols-m-2>.zd-lattice-cell {

		margin-right: 40px;

		width: calc((100% - 40px * (2 - 1) - 1px)/ 2)

	}



	.zd-lattice-line.zd-lattice-cols-m-2>.zd-lattice-cell:nth-child(2n) {

		margin-right: 0

	}



	.zd-lattice-line.zd-lattice-cols-m-2>.zd-lattice-cell:nth-child(2n):after {

		display: none

	}



	.zd-lattice-line.zd-lattice-cols-m-3>.zd-lattice-cell {

		margin-right: 40px;

		width: calc((100% - 40px * (3 - 1) - 1px)/ 3)

	}



	.zd-lattice-line.zd-lattice-cols-m-3>.zd-lattice-cell:nth-child(3n) {

		margin-right: 0

	}



	.zd-lattice-line.zd-lattice-cols-m-3>.zd-lattice-cell:nth-child(3n):after {

		display: none

	}



	.zd-lattice-line.zd-lattice-cols-m-4>.zd-lattice-cell {

		margin-right: 40px;

		width: calc((100% - 40px * (4 - 1) - 1px)/ 4)

	}



	.zd-lattice-line.zd-lattice-cols-m-4>.zd-lattice-cell:nth-child(4n) {

		margin-right: 0

	}



	.zd-lattice-line.zd-lattice-cols-m-4>.zd-lattice-cell:nth-child(4n):after {

		display: none

	}



	.zd-lattice-line.zd-lattice-cols-m-5>.zd-lattice-cell {

		margin-right: 40px;

		width: calc((100% - 40px * (5 - 1) - 1px)/ 5)

	}



	.zd-lattice-line.zd-lattice-cols-m-5>.zd-lattice-cell:nth-child(5n) {

		margin-right: 0

	}



	.zd-lattice-line.zd-lattice-cols-m-5>.zd-lattice-cell:nth-child(5n):after {

		display: none

	}



	.zd-lattice-line.zd-lattice-cols-m-6>.zd-lattice-cell {

		margin-right: 40px;

		width: calc((100% - 40px * (6 - 1) - 1px)/ 6)

	}



	.zd-lattice-line.zd-lattice-cols-m-6>.zd-lattice-cell:nth-child(6n) {

		margin-right: 0

	}



	.zd-lattice-line.zd-lattice-cols-m-6>.zd-lattice-cell:nth-child(6n):after {

		display: none

	}



	.zd-lattice-line.zd-lattice-without-margin {

		margin-bottom: -20px

	}



	.zd-lattice-line.zd-lattice-cols-m-1>.zd-lattice-cell:after {

		display: none

	}



	.zd-lattice-line>.zd-lattice-cell:after {

		right: -20px

	}

}



@media (max-width:600px) {



	.zd-lattice-line,

	.zd-lattice-line>.zd-lattice-cell {

		margin-bottom: 40px

	}



	.zd-lattice-line.zd-lattice-cols-s-1>.zd-lattice-cell {

		margin-bottom: 40px;

		width: 100%

	}



	.zd-lattice-line.zd-lattice-cols-s-2>.zd-lattice-cell {

		margin-right: 10px;

		width: calc((100% - 10px * (2 - 1) - 1px)/ 2)

	}



	.zd-lattice-line.zd-lattice-cols-s-2>.zd-lattice-cell:nth-child(2n) {

		margin-right: 0

	}



	.zd-lattice-line.zd-lattice-cols-s-2>.zd-lattice-cell:nth-child(2n):after {

		display: none

	}



	.zd-lattice-line.zd-lattice-cols-s-3>.zd-lattice-cell {

		margin-right: 10px;

		width: calc((100% - 10px * (3 - 1) - 1px)/ 3)

	}



	.zd-lattice-line.zd-lattice-cols-s-3>.zd-lattice-cell:nth-child(3n) {

		margin-right: 0

	}



	.zd-lattice-line.zd-lattice-cols-s-3>.zd-lattice-cell:nth-child(3n):after {

		display: none

	}



	.zd-lattice-line.zd-lattice-cols-s-4>.zd-lattice-cell {

		margin-right: 10px;

		width: calc((100% - 10px * (4 - 1) - 1px)/ 4)

	}



	.zd-lattice-line.zd-lattice-cols-s-4>.zd-lattice-cell:nth-child(4n) {

		margin-right: 0

	}



	.zd-lattice-line.zd-lattice-cols-s-4>.zd-lattice-cell:nth-child(4n):after {

		display: none

	}



	.zd-lattice-line.zd-lattice-cols-s-5>.zd-lattice-cell {

		margin-right: 10px;

		width: calc((100% - 10px * (5 - 1) - 1px)/ 5)

	}



	.zd-lattice-line.zd-lattice-cols-s-5>.zd-lattice-cell:nth-child(5n) {

		margin-right: 0

	}



	.zd-lattice-line.zd-lattice-cols-s-5>.zd-lattice-cell:nth-child(5n):after {

		display: none

	}



	.zd-lattice-line.zd-lattice-cols-s-6>.zd-lattice-cell {

		margin-right: 10px;

		width: calc((100% - 10px * (6 - 1) - 1px)/ 6)

	}



	.zd-lattice-line.zd-lattice-cols-s-6>.zd-lattice-cell:nth-child(6n) {

		margin-right: 0

	}



	.zd-lattice-line.zd-lattice-cols-s-6>.zd-lattice-cell:nth-child(6n):after {

		display: none

	}



	.zd-lattice-line.zd-lattice-without-margin {

		margin-bottom: -40px

	}



	.zd-lattice-line.zd-lattice-cols-s-1>.zd-lattice-cell:after {

		display: none

	}



	.zd-lattice-line>.zd-lattice-cell:after {

		right: -5px

	}

}



@media (min-width:769px) {

	.zd-lattice-card>.zd-lattice-cell {

		margin-bottom: 20px

	}



	.zd-lattice-card.zd-lattice-cols-1>.zd-lattice-cell {

		width: 100%

	}



	.zd-lattice-card.zd-lattice-cols-2>.zd-lattice-cell {

		margin-right: 20px;

		width: calc((100% - 20px * (2 - 1) - 1px)/ 2)

	}



	.zd-lattice-card.zd-lattice-cols-2>.zd-lattice-cell:nth-child(2n) {

		margin-right: 0

	}



	.zd-lattice-card.zd-lattice-cols-2>.zd-lattice-cell:nth-child(2n):after {

		display: none

	}



	.zd-lattice-card.zd-lattice-cols-3>.zd-lattice-cell {

		margin-right: 20px;

		width: calc((100% - 20px * (3 - 1) - 1px)/ 3)

	}



	.zd-lattice-card.zd-lattice-cols-3>.zd-lattice-cell:nth-child(3n) {

		margin-right: 0

	}



	.zd-lattice-card.zd-lattice-cols-3>.zd-lattice-cell:nth-child(3n):after {

		display: none

	}



	.zd-lattice-card.zd-lattice-cols-4>.zd-lattice-cell {

		margin-right: 20px;

		width: calc((100% - 20px * (4 - 1) - 1px)/ 4)

	}



	.zd-lattice-card.zd-lattice-cols-4>.zd-lattice-cell:nth-child(4n) {

		margin-right: 0

	}



	.zd-lattice-card.zd-lattice-cols-4>.zd-lattice-cell:nth-child(4n):after {

		display: none

	}



	.zd-lattice-card.zd-lattice-cols-5>.zd-lattice-cell {

		margin-right: 20px;

		width: calc((100% - 20px * (5 - 1) - 1px)/ 5)

	}



	.zd-lattice-card.zd-lattice-cols-5>.zd-lattice-cell:nth-child(5n) {

		margin-right: 0

	}



	.zd-lattice-card.zd-lattice-cols-5>.zd-lattice-cell:nth-child(5n):after {

		display: none

	}



	.zd-lattice-card.zd-lattice-cols-6>.zd-lattice-cell {

		margin-right: 20px;

		width: calc((100% - 20px * (6 - 1) - 1px)/ 6)

	}



	.zd-lattice-card.zd-lattice-cols-6>.zd-lattice-cell:nth-child(6n) {

		margin-right: 0

	}



	.zd-lattice-card.zd-lattice-cols-6>.zd-lattice-cell:nth-child(6n):after {

		display: none

	}



	.zd-lattice-card.zd-lattice-without-margin {

		margin-bottom: -20px

	}

}



@media (min-width:601px) and (max-width:768px) {

	.zd-lattice-card>.zd-lattice-cell {

		margin-bottom: 20px

	}



	.zd-lattice-card.zd-lattice-cols-m-1>.zd-lattice-cell {

		width: 100%

	}



	.zd-lattice-card.zd-lattice-cols-m-2>.zd-lattice-cell {

		margin-right: 20px;

		width: calc((100% - 20px * (2 - 1) - 1px)/ 2)

	}



	.zd-lattice-card.zd-lattice-cols-m-2>.zd-lattice-cell:nth-child(2n) {

		margin-right: 0

	}



	.zd-lattice-card.zd-lattice-cols-m-2>.zd-lattice-cell:nth-child(2n):after {

		display: none

	}



	.zd-lattice-card.zd-lattice-cols-m-3>.zd-lattice-cell {

		margin-right: 20px;

		width: calc((100% - 20px * (3 - 1) - 1px)/ 3)

	}



	.zd-lattice-card.zd-lattice-cols-m-3>.zd-lattice-cell:nth-child(3n) {

		margin-right: 0

	}



	.zd-lattice-card.zd-lattice-cols-m-3>.zd-lattice-cell:nth-child(3n):after {

		display: none

	}



	.zd-lattice-card.zd-lattice-cols-m-4>.zd-lattice-cell {

		margin-right: 20px;

		width: calc((100% - 20px * (4 - 1) - 1px)/ 4)

	}



	.zd-lattice-card.zd-lattice-cols-m-4>.zd-lattice-cell:nth-child(4n) {

		margin-right: 0

	}



	.zd-lattice-card.zd-lattice-cols-m-4>.zd-lattice-cell:nth-child(4n):after {

		display: none

	}



	.zd-lattice-card.zd-lattice-cols-m-5>.zd-lattice-cell {

		margin-right: 20px;

		width: calc((100% - 20px * (5 - 1) - 1px)/ 5)

	}



	.zd-lattice-card.zd-lattice-cols-m-5>.zd-lattice-cell:nth-child(5n) {

		margin-right: 0

	}



	.zd-lattice-card.zd-lattice-cols-m-5>.zd-lattice-cell:nth-child(5n):after {

		display: none

	}



	.zd-lattice-card.zd-lattice-cols-m-6>.zd-lattice-cell {

		margin-right: 20px;

		width: calc((100% - 20px * (6 - 1) - 1px)/ 6)

	}



	.zd-lattice-card.zd-lattice-cols-m-6>.zd-lattice-cell:nth-child(6n) {

		margin-right: 0

	}



	.zd-lattice-card.zd-lattice-cols-m-6>.zd-lattice-cell:nth-child(6n):after {

		display: none

	}



	.zd-lattice-card.zd-lattice-without-margin {

		margin-bottom: -20px

	}

}



@media (max-width:600px) {



	.zd-lattice-card,

	.zd-lattice-card>.zd-lattice-cell {

		margin-bottom: 20px

	}



	.zd-lattice-card.zd-lattice-cols-s-1>.zd-lattice-cell {

		margin-bottom: 20px;

		width: 100%

	}



	.zd-lattice-card.zd-lattice-cols-s-2>.zd-lattice-cell {

		margin-right: 10px;

		width: calc((100% - 10px * (2 - 1) - 1px)/ 2)

	}



	.zd-lattice-card.zd-lattice-cols-s-2>.zd-lattice-cell:nth-child(2n) {

		margin-right: 0

	}



	.zd-lattice-card.zd-lattice-cols-s-2>.zd-lattice-cell:nth-child(2n):after {

		display: none

	}



	.zd-lattice-card.zd-lattice-cols-s-3>.zd-lattice-cell {

		margin-right: 10px;

		width: calc((100% - 10px * (3 - 1) - 1px)/ 3)

	}



	.zd-lattice-card.zd-lattice-cols-s-3>.zd-lattice-cell:nth-child(3n) {

		margin-right: 0

	}



	.zd-lattice-card.zd-lattice-cols-s-3>.zd-lattice-cell:nth-child(3n):after {

		display: none

	}



	.zd-lattice-card.zd-lattice-cols-s-4>.zd-lattice-cell {

		margin-right: 10px;

		width: calc((100% - 10px * (4 - 1) - 1px)/ 4)

	}



	.zd-lattice-card.zd-lattice-cols-s-4>.zd-lattice-cell:nth-child(4n) {

		margin-right: 0

	}



	.zd-lattice-card.zd-lattice-cols-s-4>.zd-lattice-cell:nth-child(4n):after {

		display: none

	}



	.zd-lattice-card.zd-lattice-cols-s-5>.zd-lattice-cell {

		margin-right: 10px;

		width: calc((100% - 10px * (5 - 1) - 1px)/ 5)

	}



	.zd-lattice-card.zd-lattice-cols-s-5>.zd-lattice-cell:nth-child(5n) {

		margin-right: 0

	}



	.zd-lattice-card.zd-lattice-cols-s-5>.zd-lattice-cell:nth-child(5n):after {

		display: none

	}



	.zd-lattice-card.zd-lattice-cols-s-6>.zd-lattice-cell {

		margin-right: 10px;

		width: calc((100% - 10px * (6 - 1) - 1px)/ 6)

	}



	.zd-lattice-card.zd-lattice-cols-s-6>.zd-lattice-cell:nth-child(6n) {

		margin-right: 0

	}



	.zd-lattice-card.zd-lattice-cols-s-6>.zd-lattice-cell:nth-child(6n):after {

		display: none

	}



	.zd-lattice-card.zd-lattice-without-margin {

		margin-bottom: -20px

	}

}



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

	.zd-clip-mod {

		display: none

	}



	.zd-market-section .zd-2-section-inner {

		padding-left: 0;

		padding-right: 0

	}



	.zd-market-section .zd-market-panel-sidebar {

		display: none

	}



	.zd-market-section .zd-market-panel {

		padding-left: 0

	}

#section-tc .zd-market-panel {

    width: 100%;



}

	.zd-market-section .zd-more-link {

		display: none

	}

	#section-tc {

    padding: 40px 0 0;

}

}



@media screen and (min-width:769px) {



	.zd-tabs-skin-2 .zd-tabs-item-con-desc,

	.zd-tabs-skin-2 .zd-tabs-item-con-title {

		display: block;

		text-align: center

	}



	.zd-tabs-skin-2 .zd-tabs-item-con-title {

		line-height: 28px;

		font-size: 18px;

		-webkit-font-smoothing: antialiased

	}



	.zd-tabs-skin-2 .zd-tabs-item-con-desc {

		line-height: 24px;

		font-size: 14px;

		color: #999

	}



	.zd-tabs-skin-2 .zd-tabs-item.zd-tabs-active .zd-tabs-item-con-desc {

		color: #0038ff

	}



	.zd-tabs-skin-2 .zd-tabs-active .zd-tabs-item-con:before {

		content: '';

		position: absolute;

		left: 50%;

		bottom: -4px;

		margin-left: -4px;

		width: 8px;

		height: 8px;

		border-top: 1px solid #0038ff;

		border-left: 1px solid #0038ff;

		background-color: #FAFBFD;

		z-index: 10;

		-webkit-transform: rotate(45deg);

		-ms-transform: rotate(45deg);

		transform: rotate(45deg)

	}



	.zd-tabs-skin-2 .zd-tabs-item {

		margin: 0 67px -1px;

		overflow: hidden

	}

}



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

	.zd-tabs-skin-2 .zd-tabs-item-con-desc {

		display: none

	}



	.zd-tabs-skin-2 .zd-tabs-item {

		margin-left: 0;

		margin-right: 0;

		margin-bottom: -1px

	}



	.zd-market-section .zd-tabs-skin-2 .zd-tabs-list {

		font-size: 0;

		box-sizing: border-box;

		background-color: #F5F7FA

	}



	.zd-market-section .zd-tabs-skin-2 .zd-tabs-item {

		width: 25%;

		padding-bottom: 0

	}



	.zd-market-section .zd-tabs-skin-2 .zd-tabs-active .zd-tabs-item-con:after {

		height: 2px

	}



	.zd-market-section .zd-tabs-skin-2 .zd-tabs-item-con {

		font-size: 13px;

		line-height: 50px;

		-webkit-font-smoothing: antialiased

	}

.zd-tabs-item-con {

    padding: 0;

}

	.btn-switch {

		display: none

	}

}



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

	.zd-market-section .zd-tabs-skin-2 .zd-tabs-item-con {

		padding: 0 20px

	}

}



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

	.zd-market-section .zd-tabs-content {

		padding-top: 0

	}



	.zd-market-panel .zd-market-panel-main-cont .zd-market-info {

		display: block;

		width: 100%;

		margin-left: 0;

		margin-bottom: 0

	}



	.zd-market-info .zd-market-info-panel {

	    box-shadow: inherit;

	    border-radius: 0;

	    padding: 20px 16px;

	    border: 10px solid #f5f7fa;

	    border-bottom: none;

	}



	.zd-market-info:last-child .zd-market-info-panel {

		border-bottom: 13px solid #f5f7fa;

	}



	.zd-market-info-panel:hover {

		top: inherit

	}



	.zd-market-panel {

		max-height: inherit

	}



	.zd-market-info .zd-market-info-panel::before {

		content: '';

		position: absolute;

		width: 100%;

		left: 0;

		bottom: 0;

		height: 1px;

		border-bottom: 1px solid #e5e5e5;

		-webkit-transform-origin: 0 0;

		transform-origin: 0 0;

		-webkit-transform: scaleY(.5);

		transform: scaleY(.5);

		z-index: 10

	}



	.zd-market-info:last-child .zd-market-info-panel::before {

		display: none

	}

}



@media screen and (min-width:1367px) {

	.zd-service-wrap {

		margin-top: 60px

	}

}



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

	.zd-service-wrap {

		margin-top: 40px

	}

}



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

	.zd-service-wrap {

		display: none

	}

}



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



	.home-service-bg,

	.home-service-bg-mask {

		display: none

	}

}



@media (max-width:768px) {

	.zd-developer-section .zd-2-section-inner {

		padding-left: 0;

		padding-right: 0

	}



	.home-developer-bg {

		display: none

	}



	.zd-developer-section .zd-lattice-card .zd-lattice-cell {

		margin-right: 0;

		margin-bottom: 0;

		width: 100%

	}



	.zd-developer-section .zd-5-media-panel {

		box-shadow: none;

		border: none

	}



	.zd-developer-section .zd-lattice-cell:last-child .zd-5-media-panel {

		border: none

	}



	.zd-developer-section .zd-5-media-panel-details {

		display: none

	}



	.zd-developer-section .zd-5-media-panel:hover {

		top: inherit;

		box-shadow: none

	}



	.zd-developer-section .zd-5-media-panel::before {

		content: '';

		position: absolute;

		width: 100%;

		left: 0;

		top: 0;

		height: 1px;

		border-bottom: 1px solid #e5e5e5;

		-webkit-transform-origin: 0 0;

		transform-origin: 0 0;

		-webkit-transform: scaleY(.5);

		transform: scaleY(.5);

		z-index: 10

	}

}



@media (max-width:768px) {

	.zd-5-media-panel-main {

		padding: 20px 16px 0;

		min-height: 200px

	}



	.zd-5-media-panel-title {

		position: relative

	}



	.zd-5-media-panel-title-link {

		position: absolute;

		right: 0;

		top: 0;

		font-size: 14px;

		color: #02A3FF;

		line-height: 24px

	}



	.zd-5-media-panels .zd-lattice-card {

		margin-bottom: 0

	}



	.zd-2-logo-case-section-m .zd-1-logo-cases {

		margin-top: 32px

	}



	.zd-2-logo-case-section-m .zd-1-logo-case {

		text-align: center;

		line-height: 30px;

		max-width: 100%

	}



	.zd-2-logo-case-section-m .zd-lattice-cell {

		margin-bottom: 25px

	}



	.zd-2-logo-case-section-m .zd-lattice {

		margin-bottom: 0

	}



	.zd-icon-title {

		width: 150px;

		height: 20px

	}

}



@media (max-width:320px) {

	.zd-developer-section .zd-lattice-cell:last-child .zd-5-media-panel-desc {

		margin-bottom: 20px

	}

}



@media (min-width:769px) {

	.zd-tabs-skin-1 .zd-lattice.zd-lattice-cols-6>.zd-lattice-cell:nth-child(6n) {

		margin-right: 0

	}

}



@media (max-width:768px) {



	.zd-2-logo-case-section .zd-tabs,

	.tabs-animation {

		display: none

	}



	.zd-2-logo-case-section .zd-more-link {

		margin-top: 0

	}

}



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

	.zd-map-section {

		padding-bottom: 32px;

		margin-bottom: 16px;

		box-shadow: 0 2px 4px 0 rgba(3, 27, 78, .06)

	}



	.zd-map-section .zd-btn {

		min-width: 192px;

		height: 44px;

		line-height: 44px

	}



	.zd-map-section .zd-map-btn .zd-more-link {

		margin-top: 10px

	}



	.zd-map-section .zd-map-btn .zd-more-link a {

		font-size: 14px;

		line-height: 24px

	}

}



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

	.zd-map-wrap {

		display: none

	}



	.zd-map-data {

		padding: 8px 10px 28px;

		color: #fff;

		font-size: 0;

		text-align: center

	}



	.zd-map-data-text em {

		color: #666;

		text-align: center;

		margin-right: 6px;

		vertical-align: -2px;

		-webkit-font-smoothing: antialiased;

		font-family: DINNextLTPro-MediumCond, 'DIN Alternate'

	}



	.zd-map-data-text i {

		padding: 0 20px;

		font-size: 20px;

		vertical-align: 0;

		opacity: .8

	}



	.zd-map-mod img {

		opacity: .7

	}



	.zd-map-data-text {

		display: inline-block;

		color: #666;

		line-height: 26px;

		-webkit-font-smoothing: antialiased;

		font-size: 14px

	}



	.zd-map-data-text em {

		font-size: 24px

	}

}



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

	.zd-certificate-section {

		background-color: #fff

	}



	.zd-certificate-section .home-certificate-panels {

		display: none

	}



	.zd-certificate-section .zd-section-tit {

		margin-top: 0;

		font-size: 20px;

		line-height: 28px;

		-webkit-font-smoothing: antialiased

	}



	.zd-certificate-section .zd-section-des {

		margin-top: 20px

	}



	.zd-certificate-section .zd-section-des span {

		background-color: #fff

	}



	.zd-certificate-section .zd-section-inner .zd-section-hd {

		margin-bottom: 32px

	}

}



@media (max-width:768px) {

	.zd-1-media-panel {

		text-align: center;

		padding-left: 0

	}



	.zd-1-media-panel .zd-1-media-panel-object {

		position: static;

		display: block;

		margin: 0 auto 20px

	}



	.zd-1-media-panel .zd-1-media-panel-body {

		padding-top: 0

	}



	.zd-1-media-panel .zd-1-media-panel-title {

		font-size: 16px;

		-webkit-font-smoothing: antialiased

	}



	.zd-1-media-panel .zd-1-media-panel-desc {

		margin-top: 10px

	}

}



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

	.zd-section {

		padding: 45px 10px 50px

	}



	.zd-section-hd {

		margin-bottom: 30px

	}



	.zd-section-tit {

		font-size: 24px;

		-webkit-font-smoothing: antialiased

	}



	.zd-section-des {

		font-size: 16px;

		-webkit-font-smoothing: antialiased

	}

}



@media screen and (max-height:769px) {

	.zd-section {

		padding: 45px 10px 50px

	}



	.zd-section-hd {

		margin-bottom: 30px

	}

}



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

	.zd-section {

		padding: 45px 0 50px

	}



	.zd-section-inner {

		padding: 0 16px

	}



	.zd-section-tit {

		font-size: 20px;

		-webkit-font-smoothing: antialiased

	}



	.zd-section-bg1,

	.zd-section-bg2 {

		background-image: none

	}



	.zd-section-line {

		background: #fff;

		border-bottom: 1px solid #e5e5e5

	}

}



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

	.home-certificate-list-pc {

		display: none

	}



	.home-certificate-list-mobile {

		display: block;

		text-align: center;

		font-size: 0

	}



	.home-certificate-list-mobile .home-certification-icon {

		width: 42px;

		height: 42px

	}



	.home-certificate-list-mobile .home-certification-item {

		width: 25%;

		margin-bottom: 18px

	}



	.home-certificate-list-mobile .home-certification-tit {

		margin-top: 4px;

		height: 38px;

		display: -webkit-box;

		-webkit-line-clamp: inherit

	}



	.home-certificate-list-mobile .home-certification-tit i {

		display: block

	}



	.home-certificate-list-mobile .zd-more-link a {

		font-size: 14px;

		color: #0038ff;

		text-align: center;

		line-height: 24px

	}

	.home-container .zd-2-s-lattice-card {

	    background: none;

	    box-shadow: 0 8px 16px rgba(0, 0, 0, 0);

	    padding: 0;

	}

	.zd-collapse-product-text .zd-btn-text {

	    color: #333;

	}

}



@media (min-width:920px) {

	.Page__Container-eUbTcM {

		width: auto

	}

}



@media (max-width:768px) {

	.zd-action-panel {

		padding: 30px 10px

	}



	.zd-action-panel-title {

		font-size: 28px;

		line-height: 40px;

		margin-top: 0

	}



	.zd-action-panel-desc {

		margin-top: 10px

	}

}



@media (min-width:601px) {

	.zd-action-panel-bg-mobile {

		background-color: transparent !important;

		background-image: none !important

	}

}



@media (max-width:600px) {

	.zd-action-panel {

		background-size: cover;

		min-height: 0;

		padding: 32px 6px

	}



	.zd-action-panel-title {

		font-size: 20px;

		line-height: 28px;

		-webkit-font-smoothing: antialiased

	}



	.zd-action-panel-desc {

		display: none;

		margin-top: 12px;

		font-size: 14px;

		line-height: 24px

	}



	.zd-action-panel-desc i,

	.zd-action-panel-desc.mobile {

		display: block

	}



	.zd-action-panel-btns {

		display: -webkit-box;

		display: flex;

		-webkit-box-pack: center;

		justify-content: center;

		margin-top: 20px;

		margin-left: -10px;

		margin-right: -10px

	}



	.zd-action-panel .zd-btn {

		margin: 0 10px;

		min-width: 136px;

		max-width: 100%;

		height: 40px;

		line-height: 38px;

		font-size: 14px

	}



	.zd-action-panel-bgs-responsive .zd-action-panel-bg-pc {

		background-color: transparent !important;

		background-image: none !important

	}

}



@media (max-width :768px) and (min-width :601px) {

	.zd-2-section {

		padding: 30px 0

	}



	.zd-collapse-product-item {

		width: calc(50% - 2px);

		display: inline-block

	}



	.more-product-link {

		display: none

	}



	.zd-collapse-product-list {

		position: relative;

		font-size: 0

	}



	.zd-collapse-product-list::before {

		content: '';

		width: 1px;

		height: 100%;

		position: absolute;

		left: 50%;

		margin-left: -1px;

		background-color: #E3E8ED

	}



	.zd-map-section {

		height: 680px

	}



	.zd-2-hero,

	.zd-2-hero-item-bg {

		height: 245px

	}



	.zd-2-hero-item-inner {

		padding: 40px 60px 0;

		text-align: left

	}



	.zd-2-hero-item-title {

		max-width: 380px;

		font-size: 32px;

		line-height: 32px;

		-webkit-line-clamp: 2;

		height: 32px

	}



	.zd-2-hero-item-desc {

		max-width: 332px;

		margin-top: 8px

	}



	.zd-2-hero-item-btns {

		display: block

	}



	.zd-2-hero-item-btns .zd-btn {

		margin-top: 20px

	}



	.zd-2-hero-tab-wrap {

		top: 170px;

		left: 55px;

		width: auto

	}



	.zd-2-hero-tab {

		text-align: left

	}



	.zd-2-hero-item-bg.mobile {

		background-position: 132px 0;

		background-size: auto 400px

	}



	.zd-2-section-title,

	.zd-action-panel-title {

		font-size: 28px;

		line-height: 40px

	}



	.zd-action-panel-title {

		margin-top: 10px

	}



	.zd-developer-section .zd-5-media-panel-main {

		min-height: inherit;

		padding-bottom: 10px

	}



	.zd-5-media-panel-links .zd-5-media-panel-text {

		margin-bottom: 0

	}



	.zd-developer-section .zd-5-media-panels .zd-lattice-cell:last-child .zd-5-media-panel-main {

		padding-bottom: 30px

	}



	.zd-map-section .zd-2-section-bd {

		margin-top: -30px

	}



	.zd-2-logo-case-section .zd-2-section-title {

		padding-bottom: 10px

	}



	.zd-certificate-section .zd-section-tit {

		font-size: 28px;

		line-height: 40px

	}



	.zd-certificate-section .zd-section-des {

		margin-top: 10px

	}



	.accordion .zd-collapse-product-text .zd-btn {

		position: absolute;

		right: 16px;

		top: 26px;

		margin-top: -16px;

		min-width: 68px

	}



	.accordion .zd-collapse-product-text-span {

		color: #999;

		height: 24px;

		height: 24px;

		display: -webkit-box;

		-webkit-line-clamp: 1;

		-webkit-box-orient: vertical;

		overflow: hidden;

		word-wrap: break-word

	}

}



@media screen and (min-width:769px) {

	.plat-nav.plat-nav-wrap.plat-nav-air-sub .plat-nav-mod::after {

		content: '';

		position: absolute;

		left: 0;

		top: 55px;

		width: 100%;

		height: 120px;

		background: -webkit-linear-gradient(rgba(25, 30, 43, 0), rgba(25, 30, 43, 0));

		background: -o-linear-gradient(rgba(25, 30, 43, 0), rgba(25, 30, 43, 0));

		background: -moz-linear-gradient(rgba(25, 30, 43, 0), rgba(25, 30, 43, 0));

		background: linear-gradient(rgba(25, 30, 43, 0), rgba(25, 30, 43, 0));

		pointer-events: none

	}

}