<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family: "HarmonyOS_Sans_SC_Regular", "HarmonyOS_Sans_SC_Medium", "HarmonyOS_Sans_SC_Bold";
	outline: none;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

@media only screen and (max-width: 1024px) {
	body {
		max-width: 750px;
		margin: 0 auto;
	}
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: dodgerblue;
	text-decoration: none;
}

a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
	-webkit-tap-highlight-color: transparent;
	outline: none !important;
	background: none;
	text-decoration: none;
}

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

.align-center {
	align-items: center;
	-webkit-align-items: center;
}

/* font-family é…ç½® */
.font-regular {
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.font-medium {
	font-family: "HarmonyOS_Sans_SC_Medium";
}

.font-bold {
	font-family: "HarmonyOS_Sans_SC_Bold";
}

/* videoè§†é¢‘æ’­æ”¾æŒ‰é’®å˜åœ†å½¢ ä¿®æ”¹äºº:GXQ æ·»åŠ&nbsp;æ—¶é—´ï¼š2019-06-10 */
.video-js .vjs-big-play-button {
	top: 50%;
	left: 50%;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	background-color: transparent;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
	font-size: 50px;
	top: 8px;
}

.video-js:hover .vjs-big-play-button {
	background-color: rgba(255, 255, 255, .5);
}

/* åŠ&nbsp;è½½åœ†åœˆ */
/*ä¿®æ”¹äºº: GXQ; 2019-06-10*/
.vjs-loading-spinner {
	font-size: 2.0em;
	width: 2.0em;
	height: 2.0em;
	border-radius: 4em;
	/*margin: 0;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);*/
}

.vjs-poster {
	background-color: #fff;
	background-size: cover;
}

/*cyt logo*/
.logo-wrapper,
.logo-wrapper img.jingdiao-logo {
	width: 240px;
	height: 54px;
}

.logo-wrapper {
	position: absolute;
	left: 0;
	top: 40px;
	margin-left: 80px;
	cursor: pointer;
	z-index: 1000;
}

.logo-smaller .logo-wrapper,
.logo-smaller .logo-wrapper img.jingdiao-logo {
	width: 214px;
	height: 48px;
}

.logo-smaller .logo-wrapper {
	top: 10px;
}

body {
	position: relative;
}

/*cyt é¡¶éƒ¨ 0525*/
.top-logo {
	height: 26px;
	width: auto;
}

div.navbar-header {
	width: 100%;
}

button.btn.btn-primary.off-canvas-toggle {}

.navbar-header .top-logo:active {
	background: #C9C9C9;
}

img.top-logo {
	margin: 0 auto;
	padding: 11px 8px;
	box-sizing: content-box;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.t3-sl.t3-sl-2 {
	height: 0;
	padding: 0;
}

.t3-sl.t3-sl-2 .t3-spotlight.t3-spotlight-2.row,
.t3-sl.t3-sl-2 .t3-spotlight.t3-spotlight-2.row .col-lg-3.col-md-3.col-sm-3.col-xs-6 {
	height: 0;
}

.t3-sl.t3-sl-2 .t3-spotlight.t3-spotlight-2.row .col-lg-3.col-md-3.col-sm-3.col-xs-6:last-child {
	float: right;
	width: 55px;
	position: static;
}

#toTop1 {
	z-index: 10;
	text-decoration: none;
	position: fixed;
	bottom: 12px;
	overflow: hidden;
	width: 60px;
	height: 60px;
	border: none;
	background: url(https://file.jingdiao.com/website/jingdiao/cn/images/common/backtotop1.png) no-repeat left top;
	background-size: 100%;
	display: none;
	cursor: pointer;
	right: 10px;
}

#toTop1:hover {
	background: url(https://file.jingdiao.com/website/jingdiao/cn/images/common/backtotop2.png) no-repeat left top;
	background-size: 100%;
	display: none;
}

.navbar-header {
	display: none;
}

@media only screen and (max-width: 1024px) {
	#toTop1 {
		width: 50px;
		height: 50px;
		right: auto;
	}

	.navbar-header {
		display: block;
	}
}

@media only screen and (max-width: 539px) {
	#toTop1 {
		width: 40px;
		height: 40px;
	}
}

/*è“è‰²æŒ‰é’®å…¬å…±æ&nbsp;·å¼*/
.effect-group-container {
	width: 280px;
}

.buttonBox,
p.buttonBox,
a.buttonBox {
	display: block;
	position: relative;
	width: 280px;
	height: 42px;
	font-size: 18px;
	line-height: 42px;
	outline: none;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	font-family: "HarmonyOS_Sans_SC_Medium";
	text-align: center;
	padding: 0px;
}

.buttonBox,
p.buttonBox,
p.buttonBox:hover,
a.buttonBox,
a.buttonBox:hover,
a.buttonBox:active,
a.buttonBox:visited,
a.buttonBox:link,
a.buttonBox:focus {
	color: #FFFFFF;
	background: #004898;
}

/*buttonå“åº”å¼*/
@media only screen and (max-width: 1024px) {
	.effect-group-container {
		width: 169px;
		margin-left: auto;
		margin-right: auto;
	}

	.buttonBox,
	p.buttonBox,
	a.buttonBox {
		width: 169px;
		height: 36px;
		font-size: 16px;
		line-height: 36px;
		margin-top: 20px;
	}
}

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

	.buttonBox,
	p.buttonBox,
	a.buttonBox {
		font-size: 14px;
		margin-top: 16px;
	}
}

/*äº†è§£æ›´å¤š*/
.more-button {
	text-align: center;
	font-size: 0;
	font-family: "HarmonyOS_Sans_SC_Medium";
	display: block;
	line-height: 1.7;
}

.more-button,
a.more-button,
a.more-button:hover,
a.more-button:active,
a.more-button:link,
a.more-button:visited,
a.more-button:focus {
	color: #005BAC;
}

.more-button span {
	display: inline-block;
}

.more-button span:first-child {
	font-family: "HarmonyOS_Sans_SC_Medium";
	font-size: 24px;
}

.more-button .icon--6 {
	margin-left: 20px;
}

.more-button .icon--6:before {
	color: #005bac;
	font-size: 17px;
	font-weight: bold;
}

.more-button:hover .icon--6 {
	-webkit-animation: bounceNew 0.4s;
	-moz-animation: bounceNew 0.4s;
	-o-animation: bounceNew 0.4s;
	-ms-animation: bounceNew 0.4s;
	animation: bounceNew 0.4s;
}

@media only screen and (max-width: 1599px) {
	.more-button span:first-child {
		font-size: 22px;
	}

	.more-button .icon--6:before {
		font-size: 16px;
	}
}

@media only screen and (max-width: 1299px) {
	.more-button span:first-child {
		font-size: 20px;
	}

	.more-button .icon--6:before {
		font-size: 14px;
	}
}

@media only screen and (max-width: 1024px) {
	.more-button span:first-child {
		font-size: 18px;
	}

	.more-button .icon--6 {
		margin-left: 10px;
	}

	.more-button .icon--6:before {
		font-size: 14px;
	}

	.more-button:hover .icon--6 {
		-webkit-animation: none;
		-moz-animation: none;
		-o-animation: none;
		-ms-animation: none;
		animation: none;
	}
}

@media only screen and (max-width: 450px) {
	.more-button span:first-child {
		font-size: 16px;
	}

	.more-button .icon--6:before {
		font-size: 12px;
	}
}

/*ç™½è‰²æŒ‰é’®å…¬å…±æ&nbsp;·å¼*/
.white-button,
a.white-button {
	display: block;
	position: relative;
	width: 280px;
	height: 42px;
	font-size: 0;
	outline: none;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	font-family: "HarmonyOS_Sans_SC_Medium";
	text-align: center;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

.white-button,
a.white-button,
a.white-button:hover,
a.white-button:active,
a.white-button:visited,
a.white-button:link,
a.white-button:focus {
	color: #004898;
	background: #FFFFFF;
}

.white-button span {
	display: inline-block;
}

.white-button span:first-child {
	font-family: "HarmonyOS_Sans_SC_Medium";
	font-size: 18px;
	line-height: 42px;
}

.white-button .icon--6 {
	margin-left: 20px;
}

.white-button .icon--6:before {
	color: #004898;
	font-size: 14px;
	font-weight: bold;
}

.white-button:hover .icon--6 {
	-webkit-animation: bounceNew 0.4s;
	-moz-animation: bounceNew 0.4s;
	-o-animation: bounceNew 0.4s;
	-ms-animation: bounceNew 0.4s;
	animation: bounceNew 0.4s;
}

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

	.white-button,
	a.white-button {
		width: 169px;
		height: 36px;
		line-height: 36px;
		margin-top: 20px;
	}

	.white-button span:first-child {
		line-height: 36px;
		font-size: 16px;
	}

	.white-button .icon--6 {
		display: none;
	}
}

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

	.white-button,
	a.white-button {
		margin-top: 16px;
	}

	.white-button span:first-child {
		font-size: 14px;
	}
}

/* ä¸Šä¸‹é—´è· */
/* 4 mobile */
.m-t-4-mobile {
	margin-top: 4px;
}

.m-b-4-mobile {
	margin-bottom: 4px;
}

.p-t-4-mobile {
	padding-top: 4px;
}

.p-b-4-mobile {
	padding-bottom: 4px;
}

/* 8 mobile */
.m-t-8-mobile {
	margin-top: 8px;
}

.m-b-8-mobile {
	margin-bottom: 8px;
}

.p-t-8-mobile {
	padding-top: 8px;
}

.p-b-8-mobile {
	padding-bottom: 8px;
}

/* 12 mobile */
.m-t-12-mobile {
	margin-top: 12px;
}

.m-b-12-mobile {
	margin-bottom: 12px;
}

.p-t-12-mobile {
	padding-top: 12px;
}

.p-b-12-mobile {
	padding-bottom: 12px;
}

/* 14 mobile */
.m-t-14-mobile {
	margin-top: 14px;
}

.m-b-14-mobile {
	margin-bottom: 14px;
}

.p-t-14-mobile {
	padding-top: 14px;
}

.p-b-14-mobile {
	padding-bottom: 14px;
}

/* 16 mobile */
.m-t-16-mobile {
	margin-top: 16px;
}

.m-b-16-mobile {
	margin-bottom: 16px;
}

.p-t-16-mobile {
	padding-top: 16px;
}

.p-b-16-mobile {
	padding-bottom: 16px;
}

/* 18 mobile */
.m-t-18-mobile {
	margin-top: 18px;
}

.m-b-18-mobile {
	margin-bottom: 18px;
}

.p-t-18-mobile {
	padding-top: 18px;
}

.p-b-18-mobile {
	padding-bottom: 18px;
}

/* 20 mobile */
.m-t-20-mobile {
	margin-top: 20px;
}

.m-b-20-mobile {
	margin-bottom: 20px;
}

.p-t-20-mobile {
	padding-top: 20px;
}

.p-b-20-mobile {
	padding-bottom: 20px;
}

/* 24 mobile */
.m-t-24-mobile {
	margin-top: 24px;
}

.m-b-24-mobile {
	margin-bottom: 24px;
}

.p-t-24-mobile {
	padding-top: 24px;
}

.p-b-24-mobile {
	padding-bottom: 24px;
}

/* 28 mobile */
.m-t-28-mobile {
	margin-top: 28px;
}

.m-b-28-mobile {
	margin-bottom: 28px;
}

.p-t-28-mobile {
	padding-top: 28px;
}

.p-b-28-mobile {
	padding-bottom: 28px;
}

/* 32 mobile */
.m-t-32-mobile {
	margin-top: 32px;
}

.m-b-32-mobile {
	margin-bottom: 32px;
}

.p-t-32-mobile {
	padding-top: 32px;
}

.p-b-32-mobile {
	padding-bottom: 32px;
}

/* 40 mobile */
.m-t-40-mobile {
	margin-top: 40px;
}

.m-b-40-mobile {
	margin-bottom: 40px;
}

.p-t-40-mobile {
	padding-top: 40px;
}

.p-b-40-mobile {
	padding-bottom: 40px;
}

/* å†…å®¹å·¦å³é—´è· */
.margin-X {
	margin-left: 15px;
	margin-right: 15px;
}

.padding-X {
	padding-left: 15px;
	padding-right: 15px;
}

.p-x-40 {
	padding-left: 20px;
	padding-right: 20px;
}


/* æ‰‹æœºç«¯å­—ä½“ç»Ÿä¸€å¤„ç† */
.banner {
	font-size: 24px;
	line-height: 1;
}

.banner-en {
	font-size: 14px;
	line-height: 1;
}

/* æ­£æ–‡ */
.body {
	font-size: 14px;
	line-height: 28px;
}

/* æ­£æ–‡æ¬¡çº§ */
.body-second {
	font-size: 12px;
	line-height: 24px;
}

/* ä¸€çº§æ&nbsp;‡é¢˜ */
h1 {
	font-size: 20px;
	line-height: 1;
}

/* äºŒçº§æ&nbsp;‡é¢˜ */
h2 {
	font-size: 18px;
	line-height: 1;
}

/* ä¸‰çº§æ&nbsp;‡é¢˜ */
h3 {
	font-size: 16px;
	line-height: 1;
}

@media (min-width: 451px) {
	.banner {
		font-size: 26px;
	}

	.banner-en {
		font-size: 16px;
	}

	/* æ­£æ–‡ */
	.body {
		font-size: 16px;
		line-height: 30px;
	}

	/* æ­£æ–‡æ¬¡çº§ */
	.body-second {
		font-size: 14px;
		line-height: 28px;
	}

	/* ä¸€çº§æ&nbsp;‡é¢˜ */
	h1 {
		font-size: 22px;
	}

	/* äºŒçº§æ&nbsp;‡é¢˜ */
	h2 {
		font-size: 20px;
	}

	/* ä¸‰çº§æ&nbsp;‡é¢˜ */
	h3 {
		font-size: 18px;
	}

	.p-x-40 {
		padding-left: 25px;
		padding-right: 25px;
	}

	/* 40 mobile */
	.m-t-40-mobile {
		margin-top: 48px;
	}

	.m-b-40-mobile {
		margin-bottom: 48px;
	}

	.p-t-40-mobile {
		padding-top: 48px;
	}

	.p-b-40-mobile {
		padding-bottom: 48px;
	}

	/* 4 mobile */
	.m-t-4-mobile {
		margin-top: 7px;
	}

	.m-b-4-mobile {
		margin-bottom: 7px;
	}

	.p-t-4-mobile {
		padding-top: 7px;
	}

	.p-b-4-mobile {
		padding-bottom: 7px;
	}

	/* 8 mobile */
	.m-t-8-mobile {
		margin-top: 10px;
	}

	.m-b-8-mobile {
		margin-bottom: 10px;
	}

	.p-t-8-mobile {
		padding-top: 10px;
	}

	.p-b-8-mobile {
		padding-bottom: 10px;
	}

	/* 12 mobile */
	.m-t-12-mobile {
		margin-top: 16px;
	}

	.m-b-12-mobile {
		margin-bottom: 16px;
	}

	.p-t-12-mobile {
		padding-top: 16px;
	}

	.p-b-12-mobile {
		padding-bottom: 16px;
	}

	/* 14 mobile */
	.m-t-14-mobile {
		margin-top: 18px;
	}

	.m-b-14-mobile {
		margin-bottom: 18px;
	}

	.p-t-14-mobile {
		padding-top: 18px;
	}

	.p-b-14-mobile {
		padding-bottom: 18px;
	}

	/* 16 mobile */
	.m-t-16-mobile {
		margin-top: 20px;
	}

	.m-b-16-mobile {
		margin-bottom: 20px;
	}

	.p-t-16-mobile {
		padding-top: 20px;
	}

	.p-b-16-mobile {
		padding-bottom: 20px;
	}

	/* 18 mobile */
	.m-t-18-mobile {
		margin-top: 22px;
	}

	.m-b-18-mobile {
		margin-bottom: 22px;
	}

	.p-t-18-mobile {
		padding-top: 22px;
	}

	.p-b-18-mobile {
		padding-bottom: 22px;
	}

	/* 20 mobile */
	.m-t-20-mobile {
		margin-top: 24px;
	}

	.m-b-20-mobile {
		margin-bottom: 24px;
	}

	.p-t-20-mobile {
		padding-top: 24px;
	}

	.p-b-20-mobile {
		padding-bottom: 24px;
	}

	/* 24 mobile */
	.m-t-24-mobile {
		margin-top: 30px;
	}

	.m-b-24-mobile {
		margin-bottom: 30px;
	}

	.p-t-24-mobile {
		padding-top: 30px;
	}

	.p-b-24-mobile {
		padding-bottom: 30px;
	}

	/* 28 mobile */
	.m-t-28-mobile {
		margin-top: 32px;
	}

	.m-b-28-mobile {
		margin-bottom: 32px;
	}

	.p-t-28-mobile {
		padding-top: 32px;
	}

	.p-b-28-mobile {
		padding-bottom: 32px;
	}

	/* 32 mobile */
	.m-t-32-mobile {
		margin-top: 36px;
	}

	.m-b-32-mobile {
		margin-bottom: 36px;
	}

	.p-t-32-mobile {
		padding-top: 36px;
	}

	.p-b-32-mobile {
		padding-bottom: 36px;
	}
}

@media (min-width: 769px) {
	.banner {
		font-size: 40px;
	}

	.banner-en {
		font-size: 20px;
	}

	/* æ­£æ–‡ */
	.body {
		font-size: 16px;
		line-height: 32px;
	}

	/* æ­£æ–‡æ¬¡çº§ */
	.body-second {
		font-size: 12px;
		line-height: 24px;
	}

	/* ä¸€çº§æ&nbsp;‡é¢˜ */
	h1 {
		font-size: 22px;
	}

	/* äºŒçº§æ&nbsp;‡é¢˜-æ—&nbsp;è½¬è¡Œ */
	h2 {
		font-size: 20px;
	}

	/* äºŒçº§æ&nbsp;‡é¢˜-è½¬è¡Œ */
	.h2-wrap {
		font-size: 18px;
	}

	/* 16 pc */
	/*.m-t-16-pc {
        margin-top: 8px;
    }
    .m-b-16-pc {
        margin-bottom: 8px;
    }
    .p-t-16-pc {
        padding-top: 8px;
    }
    .p-b-16-pc {
        padding-bottom: 8px;
    }*/
	/* 24 pc */
	/*.m-t-24-pc {
        margin-top: 14px;
    }
    .m-b-24-pc {
        margin-bottom: 14px;
    }
    .p-t-24-pc {
        padding-top: 14px;
    }
    .p-b-24-pc {
        padding-bottom: 14px;
    }*/
	/* 30pc */
	/*.m-t-30-pc {
        margin-top: 16px;
    }*/
	/* 40 pc */
	/*.m-t-40-pc {
        margin-top: 22px;
    }
    .m-b-40-pc {
        margin-bottom: 22px;
    }
    .p-t-40-pc {
        padding-top: 22px;
    }
    .p-b-40-pc {
        padding-bottom: 22px;
    }*/
	/* 60 */
	/*.m-t-60-pc {
        margin-top: 32px;
    }
    .m-b-60-pc {
        margin-bottom: 32px;
    }
    .p-t-60-pc {
        padding-top: 32px;
    }
    .p-b-60-pc {
        padding-bottom: 32px;
    }*/
	/* 80 */
	/*.m-t-80-pc {
        margin-top: 44px;
    }
    .m-b-80-pc {
        margin-bottom: 44px;
    }
    .p-t-80-pc {
        padding-top: 44px;
    }
    .p-b-80-pc {
        padding-bottom: 44px;
    }*/
	/* 100 */
	/*.m-t-100-pc {
        margin-top: 54px;
    }
    .m-b-100-pc {
        margin-bottom: 54px;
    }
    .p-t-100-pc {
        padding-top: 54px;
    }
    .p-b-100-pc {
        padding-bottom: 54px;
    }*/
	/* 140 */
	/*.m-t-140-pc {
        margin-top: 75.6px;
    }
    .m-b-140-pc {
        margin-bottom: 75.6px;
    }
    .p-t-140-pc {
        padding-top: 75.6px;
    }
    .p-b-140-pc {
        padding-bottom: 75.6px;
    }*/
}

@media (min-width: 1025px) {
	.p-x-40 {
		padding-left: 28px;
		padding-right: 28px;
	}

	/* 4 mobile */
	.m-t-4-mobile {
		margin-top: 0;
	}

	.m-b-4-mobile {
		margin-bottom: 0;
	}

	.p-t-4-mobile {
		padding-top: 0;
	}

	.p-b-4-mobile {
		padding-bottom: 0;
	}

	/* 8 mobile */
	.m-t-8-mobile {
		margin-top: 0;
	}

	.m-b-8-mobile {
		margin-bottom: 0;
	}

	.p-t-8-mobile {
		padding-top: 0;
	}

	.p-b-8-mobile {
		padding-bottom: 0;
	}

	/* 12 mobile */
	.m-t-12-mobile {
		margin-top: 0;
	}

	.m-b-12-mobile {
		margin-bottom: 0;
	}

	.p-t-12-mobile {
		padding-top: 0;
	}

	.p-b-12-mobile {
		padding-bottom: 0;
	}

	.p-t-12-pc {
		padding-top: 8px;
	}

	.p-b-12-pc {
		padding-bottom: 8px;
	}

	.m-t-12-pc {
		margin-top: 8px;
	}

	.m-b-12-pc {
		margin-bottom: 8px;
	}

	/* 14 mobile */
	.m-t-14-mobile {
		margin-top: 0;
	}

	.m-b-14-mobile {
		margin-bottom: 0;
	}

	.p-t-14-mobile {
		padding-top: 0;
	}

	.p-b-14-mobile {
		padding-bottom: 0;
	}

	.p-t-14-pc {
		padding-top: 10px;
	}

	.p-b-14-pc {
		padding-bottom: 10px;
	}

	.m-t-14-pc {
		margin-top: 10px;
	}

	.m-b-14-pc {
		margin-bottom: 10px;
	}

	/* 16 mobile */
	.m-t-16-mobile {
		margin-top: 0;
	}

	.m-b-16-mobile {
		margin-bottom: 0;
	}

	.p-t-16-mobile {
		padding-top: 0;
	}

	.p-b-16-mobile {
		padding-bottom: 0;
	}

	.p-t-16-pc {
		padding-top: 12px;
	}

	.p-b-16-pc {
		padding-bottom: 12px;
	}

	.m-t-16-pc {
		margin-top: 12px;
	}

	.m-b-16-pc {
		margin-bottom: 12px;
	}

	/* 18 mobile */
	.m-t-18-mobile {
		margin-top: 0;
	}

	.m-b-18-mobile {
		margin-bottom: 0;
	}

	.p-t-18-mobile {
		padding-top: 0;
	}

	.p-b-18-mobile {
		padding-bottom: 0;
	}

	.p-t-18-pc {
		padding-top: 14px;
	}

	.p-b-18-pc {
		padding-bottom: 14px;
	}

	.m-t-18-pc {
		margin-top: 14px;
	}

	.m-b-18-pc {
		margin-bottom: 14px;
	}

	/* 20 pc */
	.p-t-20-pc {
		padding-top: 15x;
	}

	.p-b-20-pc {
		padding-bottom: 15px;
	}

	.m-t-20-pc {
		margin-top: 15px;
	}

	.m-b-20-pc {
		margin-bottom: 15px;
	}

	/* 20 mobile */
	.m-t-20-mobile {
		margin-top: 0;
	}

	.m-b-20-mobile {
		margin-bottom: 0;
	}

	.p-t-20-mobile {
		padding-top: 0;
	}

	.p-b-20-mobile {
		padding-bottom: 0;
	}

	/* 24 mobile */
	.m-t-24-mobile {
		margin-top: 0;
	}

	.m-b-24-mobile {
		margin-bottom: 0;
	}

	.p-t-24-mobile {
		padding-top: 0;
	}

	.p-b-24-mobile {
		padding-bottom: 0;
	}

	.p-t-24-pc {
		padding-top: 14px;
	}

	.p-b-24-pc {
		padding-bottom: 14px;
	}

	.m-t-24-pc {
		margin-top: 16px;
	}

	.m-b-24-pc {
		margin-bottom: 16px;
	}

	/* 28 mobile */
	.m-t-28-mobile {
		margin-top: 0;
	}

	.m-b-28-mobile {
		margin-bottom: 0;
	}

	.p-t-28-mobile {
		padding-top: 0;
	}

	.p-b-28-mobile {
		padding-bottom: 0;
	}

	/* 30 mobile */
	.m-t-30-mobile {
		margin-top: 0;
	}

	.m-b-30-mobile {
		margin-bottom: 0;
	}

	.p-t-30-mobile {
		padding-top: 0;
	}

	.p-b-30-mobile {
		padding-bottom: 0;
	}

	.p-t-30-pc {
		padding-top: 18px;
	}

	.p-b-30-pc {
		padding-bottom: 18px;
	}

	.m-t-30-pc {
		margin-top: 18px;
	}

	.m-b-30-pc {
		margin-bottom: 18px;
	}

	/* 32 mobile */
	.m-t-32-mobile {
		margin-top: 0;
	}

	.m-b-32-mobile {
		margin-bottom: 0;
	}

	.p-t-32-mobile {
		padding-top: 0;
	}

	.p-b-32-mobile {
		padding-bottom: 0;
	}

	/* 36 pc */
	.p-t-36-pc {
		padding-top: 24px;
	}

	.p-b-36-pc {
		padding-bottom: 24px;
	}

	.m-t-36-pc {
		margin-top: 24px;
	}

	.m-b-36-pc {
		margin-bottom: 24px;
	}

	/* 40 mobile */
	.m-t-40-mobile {
		margin-top: 0;
	}

	.m-b-40-mobile {
		margin-bottom: 0;
	}

	.p-t-40-mobile {
		padding-top: 0;
	}

	.p-b-40-mobile {
		padding-bottom: 0;
	}

	.p-t-40-pc {
		padding-top: 22px;
	}

	.p-b-40-pc {
		padding-bottom: 22px;
	}

	.m-t-40-pc {
		margin-top: 22px;
	}

	.m-b-40-pc {
		margin-bottom: 22px;
	}

	/* 50 */
	.m-t-50-pc {
		margin-top: 27px;
	}

	.m-b-50-pc {
		margin-bottom: 27px;
	}

	.p-t-50-pc {
		padding-top: 27px;
	}

	.p-b-50-pc {
		padding-bottom: 27px;
	}

	/* 60 */
	.m-t-60-pc {
		margin-top: 32px;
	}

	.m-b-60-pc {
		margin-bottom: 32px;
	}

	.m-l-60-pc {
		margin-left: 32px;
	}

	.m-r-60-pc {
		margin-right: 32px;
	}

	.p-t-60-pc {
		padding-top: 32px;
	}

	.p-b-60-pc {
		padding-bottom: 32px;
	}

	.p-l-60-pc {
		padding-left: 32px;
	}

	.p-r-60-pc {
		padding-right: 32px;
	}

	/* 70 */
	.m-t-70-pc {
		margin-top: 38px;
	}

	.m-b-70-pc {
		margin-bottom: 38px;
	}

	.p-t-70-pc {
		padding-top: 38px;
	}

	.p-b-70-pc {
		padding-bottom: 38px;
	}

	/* 80 */
	.m-t-80-pc {
		margin-top: 44px;
	}

	.m-b-80-pc {
		margin-bottom: 44px;
	}

	.p-t-80-pc {
		padding-top: 44px;
	}

	.p-b-80-pc {
		padding-bottom: 44px;
	}

	/* 100 */
	.m-t-100-pc {
		margin-top: 54px;
	}

	.m-b-100-pc {
		margin-bottom: 54px;
	}

	.p-t-100-pc {
		padding-top: 54px;
	}

	.p-b-100-pc {
		padding-bottom: 54px;
	}

	/* 140 */
	.m-t-140-pc {
		margin-top: 75.6px;
	}

	.m-b-140-pc {
		margin-bottom: 75.6px;
	}

	.p-t-140-pc {
		padding-top: 75.6px;
	}

	.p-b-140-pc {
		padding-bottom: 75.6px;
	}
}

@media (min-width: 1200px) {
	.margin-X {
		margin-left: 40px;
		margin-right: 40px;
	}

	.padding-X {
		padding-left: 40px;
		padding-right: 40px;
	}

	.p-x-40 {
		padding-left: 32px;
		padding-right: 32px;
	}

	.banner {
		font-size: 60px;
	}

	.banner-en {
		font-size: 30px;
	}

	/* ä¸€çº§æ&nbsp;‡é¢˜ */
	h1 {
		font-size: 30px;
	}

	/* äºŒçº§æ&nbsp;‡é¢˜-æ—&nbsp;è½¬è¡Œ */
	h2 {
		font-size: 26px;
	}

	/* äºŒçº§æ&nbsp;‡é¢˜-è½¬è¡Œ */
	.h2-wrap {
		font-size: 20px;
	}

	/* 16 pc */
	.m-t-16-pc {
		margin-top: 12px;
	}

	.m-b-16-pc {
		margin-bottom: 12px;
	}

	.p-t-16-pc {
		padding-top: 12px;
	}

	.p-b-16-pc {
		padding-bottom: 12px;
	}

	/* 18 pc */
	.m-t-18-pc {
		margin-top: 14px;
	}

	.m-b-18-pc {
		margin-bottom: 14px;
	}

	.p-t-18-pc {
		padding-top: 14px;
	}

	.p-b-18-pc {
		padding-bottom: 14px;
	}

	/* 20 pc */
	.m-t-20-pc {
		margin-top: 16px;
	}

	.m-b-20-pc {
		margin-bottom: 16px;
	}

	.p-t-20-pc {
		padding-top: 16px;
	}

	.p-b-20-pc {
		padding-bottom: 16px;
	}

	/* 24 pc */
	.m-t-24-pc {
		margin-top: 18px;
	}

	.m-b-24-pc {
		margin-bottom: 18px;
	}

	.p-t-24-pc {
		padding-top: 18px;
	}

	.p-b-24-pc {
		padding-bottom: 18px;
	}

	/* 30 pc */
	.m-t-30-pc {
		margin-top: 22px;
	}

	.m-b-30-pc {
		margin-bottom: 22px;
	}

	.p-t-30-pc {
		padding-top: 22px;
	}

	.p-b-30-pc {
		padding-bottom: 22px;
	}

	/* 36 pc */
	.p-t-36-pc {
		padding-top: 30px;
	}

	.p-b-36-pc {
		padding-bottom: 30px;
	}

	.m-t-36-pc {
		margin-top: 30px;
	}

	.m-b-36-pc {
		margin-bottom: 30px;
	}

	/* 40 pc */
	.m-t-40-pc {
		margin-top: 30px;
	}

	.m-b-40-pc {
		margin-bottom: 30px;
	}

	.p-t-40-pc {
		padding-top: 30px;
	}

	.p-b-40-pc {
		padding-bottom: 30px;
	}

	/* 50 pc */
	.m-t-50-pc {
		margin-top: 38px;
	}

	.m-b-50-pc {
		margin-bottom: 38px;
	}

	.p-t-50-pc {
		padding-top: 38px;
	}

	.p-b-50-pc {
		padding-bottom: 38px;
	}

	/* 60 */
	.m-t-60-pc {
		margin-top: 46px;
	}

	.m-b-60-pc {
		margin-bottom: 46px;
	}

	.m-l-60-pc {
		margin-left: 40px;
	}

	.m-r-60-pc {
		margin-right: 40px;
	}

	.p-t-60-pc {
		padding-top: 46px;
	}

	.p-b-60-pc {
		padding-bottom: 46px;
	}

	.p-l-60-pc {
		padding-left: 46px;
	}

	.p-r-60-pc {
		padding-bottom: 46px;
	}

	/* 70 */
	.m-t-70-pc {
		margin-top: 50px;
	}

	.m-b-70-pc {
		margin-bottom: 50px;
	}

	.p-t-70-pc {
		padding-top: 50px;
	}

	.p-b-70-pc {
		padding-bottom: 50px;
	}

	/* 80 */
	.m-t-80-pc {
		margin-top: 60px;
	}

	.m-b-80-pc {
		margin-bottom: 60px;
	}

	.p-t-80-pc {
		padding-top: 60px;
	}

	.p-b-80-pc {
		padding-bottom: 60px;
	}

	/* 100 */
	.m-t-100-pc {
		margin-top: 76px;
	}

	.m-b-100-pc {
		margin-bottom: 76px;
	}

	.p-t-100-pc {
		padding-top: 76px;
	}

	.p-b-100-pc {
		padding-bottom: 76px;
	}

	/* 140 */
	.m-t-140-pc {
		margin-top: 106.4px;
	}

	.m-b-140-pc {
		margin-bottom: 106.4px;
	}

	.p-t-140-pc {
		padding-top: 106.4px;
	}

	.p-b-140-pc {
		padding-bottom: 106.4px;
	}
}

@media (min-width: 1300px) {
	.margin-X {
		margin-left: 60px;
		margin-right: 60px;
	}

	.padding-X {
		padding-left: 60px;
		padding-right: 60px;
	}
}

@media (min-width: 1400px) {
	.margin-X {
		margin-left: 80px;
		margin-right: 80px;
	}

	.padding-X {
		padding-left: 80px;
		padding-right: 80px;
	}

	.p-x-40 {
		padding-left: 36px;
		padding-right: 36px;
	}
}

@media (min-width: 1600px) {
	.banner {
		font-size: 80px;
	}

	.banner-en {
		font-size: 40px;
	}

	/* æ­£æ–‡ */
	.body {
		font-size: 18px;
		line-height: 36px;
	}

	/* æ­£æ–‡æ¬¡çº§ */
	.body-second {
		font-size: 14px;
		line-height: 28px;
	}

	/* ä¸€çº§æ&nbsp;‡é¢˜ */
	h1 {
		font-size: 40px;
	}

	/* äºŒçº§æ&nbsp;‡é¢˜-æ—&nbsp;è½¬è¡Œ */
	h2 {
		font-size: 30px;
	}

	/* äºŒçº§æ&nbsp;‡é¢˜-è½¬è¡Œ */
	.h2-wrap {
		font-size: 24px;
	}

	.p-x-40 {
		padding-left: 40px;
		padding-right: 40px;
	}

	/* 16 pc */
	.m-t-16-pc {
		margin-top: 14px;
	}

	.m-b-16-pc {
		margin-bottom: 14px;
	}

	.p-t-16-pc {
		padding-top: 14px;
	}

	.p-b-16-pc {
		padding-bottom: 14px;
	}

	/* 18 pc */
	.m-t-18-pc {
		margin-top: 16px;
	}

	.m-b-18-pc {
		margin-bottom: 16px;
	}

	.p-t-18-pc {
		padding-top: 16px;
	}

	.p-b-18-pc {
		padding-bottom: 16px;
	}

	/* 20 pc */
	.m-t-20-pc {
		margin-top: 18px;
	}

	.m-b-20-pc {
		margin-bottom: 18px;
	}

	.p-t-20-pc {
		padding-top: 18px;
	}

	.p-b-20-pc {
		padding-bottom: 18px;
	}

	/* 24 pc */
	.m-t-24-pc {
		margin-top: 20px;
	}

	.m-b-24-pc {
		margin-bottom: 20px;
	}

	.p-t-24-pc {
		padding-top: 20px;
	}

	.p-b-24-pc {
		padding-bottom: 20px;
	}

	/* 30 pc */
	.m-t-30-pc {
		margin-top: 25px;
	}

	.m-b-30-pc {
		margin-bottom: 25px;
	}

	.p-t-30-pc {
		padding-top: 25px;
	}

	.p-b-30-pc {
		padding-bottom: 25px;
	}

	/* 36 pc */
	.p-t-36-pc {
		padding-top: 36px;
	}

	.p-b-36-pc {
		padding-bottom: 36px;
	}

	.m-t-36-pc {
		margin-top: 36px;
	}

	.m-b-36-pc {
		margin-bottom: 36px;
	}

	/* 40 pc */
	.m-t-40-pc {
		margin-top: 34px;
	}

	.m-b-40-pc {
		margin-bottom: 34px;
	}

	.p-t-40-pc {
		padding-top: 34px;
	}

	.p-b-40-pc {
		padding-bottom: 34px;
	}

	/* 50 pc */
	.m-t-50-pc {
		margin-top: 42px;
	}

	.m-b-50-pc {
		margin-bottom: 42px;
	}

	.p-t-50-pc {
		padding-top: 42px;
	}

	.p-b-50-pc {
		padding-bottom: 42px;
	}

	/* 60 */
	.m-t-60-pc {
		margin-top: 50px;
	}

	.m-b-60-pc {
		margin-bottom: 50px;
	}

	.m-l-60-pc {
		margin-left: 50px;
	}

	.m-r-60-pc {
		margin-right: 50px;
	}

	.p-t-60-pc {
		padding-top: 50px;
	}

	.p-b-60-pc {
		padding-bottom: 50px;
	}

	.p-l-60-pc {
		padding-left: 50px;
	}

	.p-r-60-pc {
		padding-right: 50px;
	}

	/* 70 */
	.m-t-70-pc {
		margin-top: 58px;
	}

	.m-b-70-pc {
		margin-bottom: 58px;
	}

	.p-t-70-pc {
		padding-top: 58px;
	}

	.p-b-70-pc {
		padding-bottom: 58px;
	}

	/* 80 */
	.m-t-80-pc {
		margin-top: 66px;
	}

	.m-b-80-pc {
		margin-bottom: 66px;
	}

	.p-t-80-pc {
		padding-top: 66px;
	}

	.p-b-80-pc {
		padding-bottom: 66px;
	}

	/* 100 */
	.m-t-100-pc {
		margin-top: 80px;
	}

	.m-b-100-pc {
		margin-bottom: 80px;
	}

	.p-t-100-pc {
		padding-top: 80px;
	}

	.p-b-100-pc {
		padding-bottom: 80px;
	}

	/* 140 */
	.m-t-140-pc {
		margin-top: 112px;
	}

	.m-b-140-pc {
		margin-bottom: 112px;
	}

	.p-t-140-pc {
		padding-top: 112px;
	}

	.p-b-140-pc {
		padding-bottom: 112px;
	}
}

@media (min-width: 1920px) {

	/* 16 pc */
	.m-t-16-pc {
		margin-top: 16px;
	}

	.m-b-16-pc {
		margin-bottom: 16px;
	}

	.p-t-16-pc {
		padding-top: 16px;
	}

	.p-b-16-pc {
		padding-bottom: 16px;
	}

	/* 18 pc */
	.m-t-18-pc {
		margin-top: 18px;
	}

	.m-b-18-pc {
		margin-bottom: 18px;
	}

	.p-t-18-pc {
		padding-top: 18px;
	}

	.p-b-18-pc {
		padding-bottom: 18px;
	}

	/* 20 pc */
	.m-t-20-pc {
		margin-top: 20px;
	}

	.m-b-20-pc {
		margin-bottom: 20px;
	}

	.p-t-20-pc {
		padding-top: 20px;
	}

	.p-b-20-pc {
		padding-bottom: 20px;
	}

	/* 24 pc */
	.m-t-24-pc {
		margin-top: 24px;
	}

	.m-b-24-pc {
		margin-bottom: 24px;
	}

	.p-t-24-pc {
		padding-top: 24px;
	}

	.p-b-24-pc {
		padding-bottom: 24px;
	}

	/* 30 pc */
	.m-t-30-pc {
		margin-top: 30px;
	}

	.m-b-30-pc {
		margin-bottom: 30px;
	}

	.p-t-30-pc {
		padding-top: 30px;
	}

	.p-b-30-pc {
		padding-bottom: 30px;
	}

	/* 40 pc */
	.m-t-40-pc {
		margin-top: 40px;
	}

	.m-b-40-pc {
		margin-bottom: 40px;
	}

	.p-t-40-pc {
		padding-top: 40px;
	}

	.p-b-40-pc {
		padding-bottom: 40px;
	}

	/* 50 pc */
	.m-t-50-pc {
		margin-top: 50px;
	}

	.m-b-50-pc {
		margin-bottom: 50px;
	}

	.p-t-50-pc {
		padding-top: 50px;
	}

	.p-b-50-pc {
		padding-bottom: 50px;
	}

	/* 60 */
	.m-t-60-pc {
		margin-top: 60px;
	}

	.m-b-60-pc {
		margin-bottom: 60px;
	}

	.m-l-60-pc {
		margin-left: 60px;
	}

	.m-r-60-pc {
		margin-right: 60px;
	}

	.p-t-60-pc {
		padding-top: 60px;
	}

	.p-b-60-pc {
		padding-bottom: 60px;
	}

	.p-l-60-pc {
		padding-left: 60px;
	}

	.p-r-60-pc {
		padding-right: 60px;
	}

	/* 70 */
	.m-t-70-pc {
		margin-top: 70px;
	}

	.m-b-70-pc {
		margin-bottom: 70px;
	}

	.p-t-70-pc {
		padding-top: 70px;
	}

	.p-b-70-pc {
		padding-bottom: 70px;
	}

	/* 80 */
	.m-t-80-pc {
		margin-top: 80px;
	}

	.m-b-80-pc {
		margin-bottom: 80px;
	}

	.p-t-80-pc {
		padding-top: 80px;
	}

	.p-b-80-pc {
		padding-bottom: 80px;
	}

	/* 100 */
	.m-t-100-pc {
		margin-top: 100px;
	}

	.m-b-100-pc {
		margin-bottom: 100px;
	}

	.p-t-100-pc {
		padding-top: 100px;
	}

	.p-b-100-pc {
		padding-bottom: 100px;
	}

	/* 140 */
	.m-t-140-pc {
		margin-top: 140px;
	}

	.m-b-140-pc {
		margin-bottom: 140px;
	}

	.p-t-140-pc {
		padding-top: 140px;
	}

	.p-b-140-pc {
		padding-bottom: 140px;
	}
}

/*cyt é¡¶éƒ¨*/
.top-content {
	border-bottom: 1px solid #bfbfbf;
	text-align: center;
	line-height: 16px;
	float: right;
}

.top-content img {
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-right: 12px;
	vertical-align: middle;
	margin-top: -6px;
}

.top-button {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	font-family: "HarmonyOS_Sans_SC_Medium";
}

.top-button:nth-child(3) {
	margin-left: 36px;
	margin-right: 16px;
}

.yuyan {
	padding-bottom: 10px;
	padding-left: 10px;
	color: #221815;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.global-button {
	display: inline-block;
	cursor: pointer;
}

.global-button:hover .global:before,
.global-button:hover .yuyan {
	color: #004898;
}

.search-rukou {
	display: inline-block;
	cursor: pointer;
	border-bottom: 1px solid #bfbfbf;
}

.search-rukou:hover .search-wenzi {
	color: #004898;
}

.search-rukou:hover #circle {
	border: 2px solid #004898;
}

.search-rukou:hover #c-btn,
.search-rukou:hover #r-btn::before,
.search-rukou:hover #r-btn::after {
	background-color: #004898;
}

.search-wenzi {
	padding-left: 10px;
	line-height: 17px;
	color: #221815;
	font-family: "HarmonyOS_Sans_SC_Regular";
	padding-bottom: 10px;
	display: inline-block;
}

.smaller .search-wenzi {
	display: none !important;
}

.phone-button {
	padding-bottom: 9px;
}

.top-button a {
	color: #221815;
	font-size: 14px;
	display: inline-block;
	padding: 0 25px;
	padding-bottom: 10px;
}

.top-button a:hover {
	color: #004898;
	font-family: "HarmonyOS_Sans_SC_Bold";
}

.top-button:nth-child(3),
.top-button:nth-child(4),
.top-button:nth-child(5) {
	width: 106px;
	position: relative;
}

.top-button a::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 0;
	height: 3px;
	background-color: #004898;
	transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
}

.top-button a:hover::after {
	width: 100%;
}

.fengefu {
	margin-left: 16px;
	font-size: 20px;
	line-height: 16px;
	color: #bfbfbf;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 2px;
	font-family: "HarmonyOS_Sans_SC_Medium";
	padding-bottom: 9px;
}

.global {
	margin-left: 24px;
	font-size: 17px;
	line-height: 18px;
	cursor: pointer;
	vertical-align: middle;
	padding-bottom: 7px;
	display: inline-block;
}

.smaller .global {
	padding-bottom: 9px;
}

/*.global:hover:before{
	color: #004898;
}*/
.search-button {
	margin-left: 24px;
	font-size: 17px;
	line-height: 18px;
	cursor: pointer;
	vertical-align: middle;
}

.language-switch {
	text-align: right;
	display: none;
	width: 100%;
	position: absolute;
	margin-right: 0;
	background: #fff;
	line-height: 30px;
	right: 0;
	z-index: 30;
	font-size: 14px;
	top: 20px;
}

.smaller .language-switch {
	right: -20px;
	z-index: 20;
}

.language-button a {
	font-size: 14px;
	line-height: 14px;
	color: #221815;
	margin-right: 32px;
}

.language-button a:hover {
	color: #004898;
	font-family: "HarmonyOS_Sans_SC_Bold";
}

.language-close:hover:before {
	color: #004898;
}

.smaller .top-content {
	border-bottom: none;
	line-height: 22px;
	right: 10px;
}

#t3-header .col-xs-12.col-sm-4 {
	width: 100%;
}

@media only screen and (max-width: 1080px) {
	.smaller .global {
		margin-left: 18px;
	}

	.smaller .yuyan {
		padding-left: 5px;
	}

	.smaller .top-content {
		padding-right: 10px;
	}
}

/*cyt å¯¼èˆªæ&nbsp;*/
.t3-megamenu .dropdown-menu .mega-nav&gt;li a:hover .image-title {
	color: #004898;
}
.t3-megamenu li.dropdown.mega:nth-child(2) li .second-menu {
	font-family: "HarmonyOS_Sans_SC_Bold";
}

.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav&gt;li .third-menu,
.t3-megamenu li.dropdown.mega:nth-child(2) li .third-menu {
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.t3-megamenu li.dropdown.mega:nth-child(2) li .second-menu:hover {
	font-family: "HarmonyOS_Sans_SC_Bold";
}

.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav&gt;li a.third-menu:hover,
.t3-megamenu li.dropdown.mega:nth-child(2) li .third-menu:hover {
	font-weight: bold;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

/*--------------------------------------------------*/

/* footer */
/* ================================================== */
.t3-footer {
	border-top: none;
}

footer {
	position: relative;
	overflow: hidden;
	background: #003480;
	color: #ccc;
}

footer h3 {
	display: none;
}

/*GXQ;20190319*/
.footer-container {
	margin-left: 400px;
	margin-right: 152px;
	text-align: left;
}

@media only screen and (max-width: 1630px) {
	.footer-container {
		margin-left: 300px;
		margin-right: 120px;
	}
}

@media only screen and (max-width: 1475px) {
	.footer-container {
		margin-left: 280px;
		margin-right: 100px;
	}
}

@media only screen and (max-width: 1399px) {
	.footer-container {
		margin-left: 180px;
		margin-right: 100px;
	}
}

@media only screen and (max-width: 1160px) {
	.footer-container {
		margin-left: 120px;
		margin-right: 80px;
	}
}

.footer-top {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	padding-bottom: 54px;
	padding-top: 80px;
}

@media only screen and (max-width: 1599px) {
	.footer-top {
		padding-bottom: 40px;
		padding-top: 70px;
	}
}

@media only screen and (max-width: 1299px) {
	.footer-top {
		padding-bottom: 30px;
		padding-top: 60px;
	}
}

.footer-left {
	flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	/*border-right: 1px solid #FFFFFF;*/
	padding-right: 60px;
}

footer .footer-title {
	font-family: "HarmonyOS_Sans_SC_Bold";
	/*font-weight: bold;*/
	font-weight: 400;
	font-size: 36px;
	color: #FFFFFF;
	padding-bottom: 15px;
}

.footer-left p {
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #FFFFFF;
	font-size: 18px;
	line-height: 36px;
}

/*.footer-left p:last-child {
	font-size: 30px;
	line-height: 50px;
}*/

.footer-right {
	/*display:flex; 
	display:-webkit-flex; 
	justify-content:center; 
	align-items:center; 
	-webkit-align-items: center;
	padding-left: 60px;*/
	position: relative;
}

.footer-right .fr-container {
	padding-left: 60px;
	border-left: 1px solid #FFF;
}

.footer-right .fr-link {
	position: relative;
	font-family: "HarmonyOS_Sans_SC_Regular";
	width: 330px;
	display: flex;
	display: -webkit-flex;
	color: #FFFFFF;
}

.footer-right .fr-link-desc {
	flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 4px;
}

.link1:hover .fr-link-desc,
.link2:hover .fr-link-desc,
.link3:hover .fr-link-desc {
	font-weight: bold;
}

/*.link1:hover .fr-link-icon, 
.link2:hover .fr-link-icon, 
.link3:hover .fr-link-icon {
	font-size: 30px;
}*/

.footer-right .fr-link-icon {
	position: absolute;
	right: -20px;
	padding-left: 30px;
	font-size: 24px;
	font-weight: bold;
	line-height: 40px;
	margin-top: 7px;
}

.footer-bottom {
	/*position: relative;*/
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
}

.footer-bottom .connect {
	flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
}

.footer-bottom .logo-link {
	position: relative;
}

.footer-bottom .logo-link .qrcode-mask {
	display: none;
	position: absolute;
	left: 0;
	width: 120px;
	height: 160px;
	padding: 10px;
	box-sizing: border-box;
	background-color: #FFF;
	border-radius: 5px;
}

.footer-bottom .logo-link .qrcode-mask.show {
	display: block;
}

.footer-bottom .qrcode-mask img {
	display: block;
	width: 100%;
}

.footer-bottom .qrcode-mask .qr-title {
	font-family: "HarmonyOS_Sans_SC_Bold";
	color: #004898;
	text-align: center;
	margin: 6px 0;
	font-size: 16px;
}

.footer-bottom .qrcode-mask .qr-desc {
	font-family: "HarmonyOS_Sans_SC_Regular";
	font-size: 14px;
	color: #333;
	text-align: center;
}

.footer-bottom .qrcode-mask.douyin-mask {
	top: -172px;
	right: 15%;
}

.footer-bottom .qrcode-mask.wechat-mask {
	top: -172px;
	right: 11%;
}

.footer-bottom .qrcode-mask.video-mask {
	top: -172px;
	right: 9%;
}

.footer-bottom .qrcode-mask.yun-mask {
	top: -172px;
	right: 7%;
}

.connect a,
.connect a:hover,
.connect a:active,
.connect a:visited,
.connect a:link,
.connect a:focus {
	display: block;
	width: 240px;
	height: 30px;
	background: #FFFFFF !important;
	color: #595757;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

.connect a:hover {
	transform: translateY(-3px);
}

.footer-bottom .logo-area {
	display: block;
	width: 391px;
	padding-left: 60px;
}

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

	.connect,
	.connect:hover,
	.connect:active,
	.connect:visited,
	.connect:link,
	.connect:focus {
		width: 210px;
		height: 30px;
		font-size: 16px;
		line-height: 30px;
	}
}

/*ç§»åŠ¨ç«¯footer*/
/*------------------------------------*/
.m-footer {
	display: none;
	padding: 24px 4% 16px;
	background-color: #003480;
	color: #fff;
}

.m-footer .title-footer {
	margin-bottom: 16px;
	font-size: 26px;
	line-height: 1;
	font-family: "HarmonyOS_Sans_SC_Bold";
}

.m-footer .content-footer .item-detail {
	color: #c0c0c0;
	padding-bottom: 16px;
	font-size: 14px;
	line-height: 18px;
}

.m-footer .border-bottom {
	display: block;
	width: 100%;
	border-bottom: 1px solid #666666;
}

.m-footer a,
.m-footer a:link,
.m-footer a:visited,
.m-footer a:hover,
.m-footer a:active {
	color: #fff;
	font-size: 18px;
	line-height: 36px;
	/*vertical-align: middle;*/
}

.m-footer a.stay-connected {
	display: block;
	width: 145.55px;
	height: 34px;
	line-height: 34px;
	margin-top: 16px;
	text-align: center;
	background-color: #fff;
	color: #1f1f1f !important;
	font-weight: bold;
}

.m-footer .fr-link-desc {
	display: inline-block;
	width: 145px;
	margin-right: 10px;
}

.m-footer .fr-link-icon {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.m-footer .fr-link-icon::before {
	color: #fff;
}

.m-footer .m-logo-area .logo-title {
	display: block;
	height: auto;
	padding: 10px 0;
	font-size: 18px;
	line-height: 1;
	color: #FFFFFF;
}

.m-footer .m-logo-area .logo-link {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 10px;
}

.m-footer .m-logo-area .logo-link figure {
	width: 32px;
	height: 32px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.douyin {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDU2LjcgNTYuNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTYuNyA1Ni43IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01NCwyLjZDNTIuMywwLjksNTAsMCw0Ny42LDBIOUM2LjYsMCw0LjMsMC45LDIuNiwyLjZDMC45LDQuMywwLDYuNiwwLDl2MzguNkMwLDUwLDAuOSw1Mi4zLDIuNiw1NA0KCWMxLjcsMS43LDQsMi42LDYuNCwyLjZoMzguNmM1LDAsOS4yLTQsOS05VjlDNTYuNyw2LjYsNTUuNyw0LjMsNTQsMi42eiBNNDQuOSwyNS4xQzQ0LjksMjUuMSw0NC45LDI1LjEsNDQuOSwyNS4xDQoJYy0zLjQsMC02LjUtMS4xLTkuMS0yLjl2MTNjMCw2LjYtNS40LDEyLTEyLDEyYy02LjYsMC0xMi01LjQtMTItMTJjMC02LjYsNS40LTEyLDEyLTEyYzAuNywwLDEuMywwLjEsMS45LDAuMnY2LjkNCgljLTAuNi0wLjItMS4yLTAuMy0xLjktMC4zYy0zLDAtNS40LDIuNC01LjQsNS40YzAsMywyLjQsNS40LDUuNCw1LjRjMywwLDUuNC0yLjQsNS40LTUuNGMwLDAsMCwwLDAsMGgwVjkuNWg2LjdjMCw1LDQsOSw5LDlWMjUuMXoiDQoJLz4NCjwvc3ZnPg0K');
}

.wechat {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDU2LjcgNTYuNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTYuNyA1Ni43IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMi45LDI4LjJjLTAuOSwwLTEuNywwLjktMS43LDEuN2MwLDAuOSwwLjksMS43LDEuNywxLjdjMS4zLDAsMi0wLjcsMi0xLjdDMzQuOSwyOSwzNC4yLDI4LjIsMzIuOSwyOC4yeiINCgkJLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDIsMjguMmMtMC45LDAtMS43LDAuOS0xLjcsMS43YzAsMC45LDAuOSwxLjcsMS43LDEuN2MxLjMsMCwyLTAuNywyLTEuN0M0NCwyOSw0My4zLDI4LjIsNDIsMjguMnoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjcuNywyMC40YzEuMywwLDItMC43LDItMnMtMC43LTItMi0yYy0xLjMsMC0yLjYsMC43LTIuNCwyQzI1LjMsMTkuNywyNi40LDIwLjQsMjcuNywyMC40eiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01NCwyLjZDNTIuMywwLjksNTAsMCw0Ny42LDBIOUM2LjYsMCw0LjMsMC45LDIuNiwyLjZDMC45LDQuMywwLDYuNiwwLDl2MzguNkMwLDUwLDAuOSw1Mi4zLDIuNiw1NA0KCQljMS43LDEuNyw0LDIuNiw2LjQsMi42aDM4LjZjNSwwLDkuMi00LDktOVY5QzU2LjcsNi42LDU1LjcsNC4zLDU0LDIuNnogTTIxLjUsMzcuM2MtMiwwLTMuNy0wLjQtNS44LTAuN2wtNS44LDNsMS43LTUNCgkJYy00LjEtMy02LjUtNi43LTYuNS0xMS4xYzAtNy44LDcuMi0xMy45LDE2LjMtMTMuOWM4LDAsMTUsNC44LDE2LjUsMTEuNWMtMC42LTAuMi0xLjEtMC4yLTEuNy0wLjJjLTcuOCwwLTEzLjksNS44LTEzLjksMTMNCgkJYzAsMS4yLDAuMiwyLjQsMC42LDMuNUgyMS41eiBNNDUuNyw0My4xbDEuMyw0LjFsLTQuNS0yLjRjLTEuNywwLjQtMy4zLDAuNy01LDAuN2MtNy44LDAtMTMuOS01LjQtMTMuOS0xMS45czYuMS0xMS45LDEzLjktMTEuOQ0KCQljNy40LDAsMTMuOSw1LjQsMTMuOSwxMS45QzUxLjQsMzcuMyw0OSw0MC43LDQ1LjcsNDMuMXoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTYuMiwxNi40Yy0xLjEsMC0yLjQsMC43LTIuNCwyczEuMSwyLDIuNCwyYzEuMSwwLDItMC43LDItMlMxNy4zLDE2LjQsMTYuMiwxNi40eiIvPg0KPC9nPg0KPC9zdmc+DQo=');
}

.footer-logo-video {
	background-image: url('https://file.jingdiao.com/website/jingdiao/cn/images/common/video-logo.svg');
}

/*.yunpingtai {
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDU2LjcgNTYuNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTYuNyA1Ni43IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01NCwyLjZDNTIuMywwLjksNTAsMCw0Ny42LDBIOUM2LjYsMCw0LjMsMC45LDIuNiwyLjZDMC45LDQuMywwLDYuNiwwLDl2MzguNkMwLDUwLDAuOSw1Mi4zLDIuNiw1NA0KCWMxLjcsMS43LDQsMi42LDYuNCwyLjZoMzguNmM1LDAsOS4yLTQsOS05VjlDNTYuNyw2LjYsNTUuNyw0LjMsNTQsMi42eiBNNDAuOSw0Mi4zSDEzLjZjLTQuMSwwLTcuNC0zLjMtNy40LTcuNHMzLjMtNy40LDcuNC03LjRoMw0KCXYtM2MwLTUuNyw0LjYtMTAuMywxMC4zLTEwLjNjNC40LDAsOC4yLDIuOCw5LjcsNi44Yy00LjcsMS44LTguMSw2LjMtOC4xLDExLjdoMC41YzAtNS4zLDYuNy05LjYsMTItOS42YzUuMywwLDkuNiw0LjMsOS42LDkuNg0KCUM1MC41LDM4LjEsNDYuMiw0Mi4zLDQwLjksNDIuM3oiLz4NCjxwYXRoIGQ9Ik00MC43LDM5LjciLz4NCjwvc3ZnPg0K');
}*/
.toutiao {
	background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDgyMi4wOCA4MjIuMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMiwuY2xzLTN7ZmlsbDojZmZmO30uY2xzLTJ7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjNweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNjc1LjQsNy40MiwxNDcsNy44N0ExMzkuMjcsMTM5LjI3LDAsMCwwLDcuNzUsMTQ3LjE0djMwLjE1bDgwNi44MS00Mi42MUM4MDguMjYsNjMuNiw3NDguNTQsNy44NSw2NzUuNCw3LjQyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE0Ny40Nyw4MTQuNzhINjc1LjRjNzYuOTEsMCwxMzkuMjYtNjIuMzUsMTM5LjcyLTEzOS43MlY2NDEuN0w4LjMsNjg3LjQ0QTEzOS43NiwxMzkuNzYsMCwwLDAsMTQ3LjQ3LDgxNC43OFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xLjUsMVYxNDEuNDZBMTQ1LjQ3LDE0NS40NywwLDAsMSwxNDcsMS41SDY3NC45NEExNDUuNDcsMTQ1LjQ3LDAsMCwxLDgyMCwxMzQuNGguMTFhMTIwLjczLDEyMC43MywwLDAsMSwuNDUsMTIuNzVWNjc1LjA2YzAsODAuMS02NS4wOCwxNDUuNjQtMTQ1LjY0LDE0NS42NEgxNDdDNzAuNzgsODIwLjcsOC40MSw3NjIsMS45NCw2ODcuOGgtLjFjLS4xOC0xLjU4LS4yNy0zLjIyLS4zNC00Ljg4VjgyMS43SDgyMS4zNFYxWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTgxNS4xMiw2NzUuMDZjLS40Niw3Ny4zNy02Mi44MSwxMzkuNzItMTM5LjcyLDEzOS43MkgxNDcuNDdBMTM5Ljc2LDEzOS43NiwwLDAsMSw4LjMsNjg3LjQ0bC02LjM2LjM2QzguNDEsNzYyLDcwLjc4LDgyMC43LDE0Nyw4MjAuN0g2NzQuOTRjODAuNTYsMCwxNDUuNjQtNjUuNTQsMTQ1LjY0LTE0NS42NFY2NDEuMzlsLTUuNDYuMzFaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNy43NSwxNDcuMTRBMTM5LjI3LDEzOS4yNywwLDAsMSwxNDcsNy44N0w2NzUuNCw3LjQyYzczLjE0LjQzLDEzMi44Niw1Ni4xOCwxMzkuMTYsMTI3LjI2bDUuNDYtLjI4QTE0NS40NywxNDUuNDcsMCwwLDAsNjc0Ljk0LDEuNUgxNDdBMTQ1LjQ3LDE0NS40NywwLDAsMCwxLjUsMTQxLjQ2djM2LjE2bDYuMjUtLjMzWiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTgxNS4xMiwxNDcuMTRjMC00LjItLjItOC4zNS0uNTYtMTIuNDZMNy43NSwxNzcuMjlWNjc1LjA2YzAsNC4xNy4yLDguMy41NSwxMi4zOEw4MTUuMTIsNjQxLjdaTTE3OS4zMywyNzcuM2w0Ny43OCw2MC4wN0wxNjIsMzQxLjQ3bC00Ny43OC02MC41M1ptMCw3NS4wOSw0Ny43OCw2MC41M0wxNjIsNDE2LjEsMTE0LjI1LDM1NlptMjAsMjI3LjU1TDg5LjY3LDU4Ni4zMlY1NDcuNjNsNjUuMDgtNC4wOUwyMDgsNDczLjQ1LDg3Ljg1LDQ4MC4yOFY0NDEuNTlsMTcyLjk0LTEwVjI2MC45MUwzMjAsMjU3LjczVjQyOC4zOWw3Mi44Mi00LjA5VjQ2M2wtMTA5LjIzLDYuMzdabTEzNi4wOC04LjE5LTQ2Ljg3LTkxLjkzLDY1LjUzLTMuMThMNDAxLDU2OC41N1ptMTUxLjEtMzQ4LjYxLDQ3LjMzLDIyLjMsMTM2LjUzLTcuNzQsNTkuMTctMy4xOHY2Ny44MWwtOTcuNCw0Ny43OEw3MDUuNDQsMzc3bDI4LjIxLTEuODJ2MzguNjlsLTQyLjc4LDIuMjctMTExLTQxTDQ3MS4wNiw0MjguODVsLTQyLjMzLDIuMjdWMzkyLjQ0bDI3Ljc2LTEuMzcsNzEtMzUtNDEuNDItMTUuNDcsMjMuNjctMzYsNzAuMDksMjUuOTUsOTAuMTEtNDQuMTV2LTkuNTZsLTE2MS41Nyw5LjEtMzIuMzEsNTFMNDI2LDMxOC43MVpNNDg4LjM1LDU2NGwtNTkuMTcsMy4xOCwzOS42LTc2LjQ1LDU5LjE2LTMuMTlabTEyMi40My03Ljc0LTU5LjE3LDMuMThWNDczLjkxbC0xMjIuODgsNi44MlY0NDIuMDVsMTIyLjg4LTYuODNWNDE1LjY1bDU5LjE3LTMuMTlWNDMybDEyMi44Ny02LjgydjM4LjY4bC0xMjIuODcsNi44M1ptMzEuODUtNzYsNTkuMTYtMy4xOUw3NDUsNTQ5bC01OS4xNiwzLjE4WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTgyMC4xMywxMzQuMzlIODIwYy4zNiw0LjIuNTYsOC40NC41NiwxMi43NEExMjAuNzMsMTIwLjczLDAsMCwwLDgyMC4xMywxMzQuMzlaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMS45NCw2ODcuOHEtLjMtMy41Mi0uNDQtNy4wOXYyLjIyYy4wNywxLjY2LjE2LDMuMy4zNCw0Ljg4WiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTgxNS4xMiwxNDcuMTRWNjQxLjdsNS40Ni0uMzFWMTQ3LjE0YzAtNC4zLS4yLTguNTQtLjU2LTEyLjc0bC01LjQ2LjI4QzgxNC45MiwxMzguNzksODE1LjEyLDE0Mi45NCw4MTUuMTIsMTQ3LjE0WiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTguMyw2ODcuNDRjLS4zNS00LjA4LS41NS04LjIxLS41NS0xMi4zOFYxNzcuMjlsLTYuMjUuMzNWNjgwLjcxcS4xNCwzLjU3LjQ0LDcuMDlaIi8+PC9zdmc+');
}

.youtube {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOS40LDcuOEMyOSw2LjUsMjgsNS40LDI2LjcsNS4xQzI0LjQsNC41LDE1LDQuNSwxNSw0LjVzLTkuNCwwLTExLjcsMC42QzIsNS40LDEsNi41LDAuNiw3LjgNCgkJQzAsMTAuMSwwLDE1LDAsMTVzMCw0LjksMC42LDcuM0MxLDIzLjYsMiwyNC42LDMuMywyNC45QzUuNiwyNS41LDE1LDI1LjUsMTUsMjUuNXM5LjQsMCwxMS43LTAuNmMxLjMtMC4zLDIuMy0xLjMsMi43LTIuNg0KCQlDMzAsMTkuOSwzMCwxNSwzMCwxNVMzMCwxMC4xLDI5LjQsNy44TDI5LjQsNy44eiBNMTEuOSwxOS41di04LjlsNy44LDQuNUwxMS45LDE5LjV6IE0xMS45LDE5LjUiLz4NCjwvZz4NCjwvc3ZnPg0K');
}

.facebook {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMCwxLjd2MjYuN2MwLDAuOS0wLjcsMS43LTEuNywxLjdoLTcuNlYxOC40aDMuOWwwLjYtNC41aC00LjVWMTFjMC0xLjMsMC40LTIuMiwyLjItMi4yaDIuNFY0LjcNCgkJYy0wLjQtMC4xLTEuOC0wLjItMy41LTAuMmMtMy41LDAtNS44LDIuMS01LjgsNnYzLjNoLTMuOXY0LjVIMTZWMzBIMS43QzAuNywzMCwwLDI5LjMsMCwyOC4zVjEuN0MwLDAuNywwLjcsMCwxLjcsMGgyNi43DQoJCUMyOS4zLDAsMzAsMC43LDMwLDEuN0wzMCwxLjd6IE0zMCwxLjciLz4NCjwvZz4NCjwvc3ZnPg0K');
}

.m-footer .copyright-footer {
	color: #C0C0C0;
	font-size: 14px;
	margin-top: 15px;
}

.m-footer a.beian-footer {
	color: #C0C0C0;
	font-size: 14px;
	line-height: 2;
}

.m-qrcode-mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0, 0, 0, .5);
	z-index: 9;
}

.m-qrcode-mask::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: -30px;
	z-index: -1;
	background-color: rgba(0, 0, 0, .5);
	-webkit-filter: blur(100px);
	-moz-filter: blur(100px);
	-ms-filter: blur(100px);
	-o-filter: blur(100px);
	filter: blur(100px);
}

.m-qrcode-mask .m-qrcode-mask-wrapper {
	width: 68%;
	max-width: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.m-qrcode-mask .m-qrcode-mask-main {
	position: relative;
	padding: 38px 20px;
	background-color: #FFF;
	border-radius: 10px;
}

.m-qrcode-mask .m-qrcode-mask-main img {
	display: block;
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box;
}

.m-qrcode-mask .m-qrcode-mask-main .qr-title {
	font-family: "HarmonyOS_Sans_SC_Bold";
	font-size: 28px;
	color: #004898;
	text-align: center;
	line-height: 1;
	margin-top: 24px;
}

.m-qrcode-mask .m-qrcode-mask-main .qr-desc {
	margin-top: 12px;
	font-family: "HarmonyOS_Sans_SC_Regular";
	font-size: 18px;
	text-align: center;
	color: #000;
}

.m-qrcode-mask .m-qrcode-mask-main .qr-tip {
	margin-top: 24px;
	font-family: "HarmonyOS_Sans_SC_Regular";
	font-size: 14px;
	text-align: center;
	color: #000;
}

.m-qrcode-mask .m-qrcode-mask-main .save-tip {
	margin-top: 12px;
	font-size: 12px;
	color: #666;
	text-align: center;
}

.m-qrcode-mask .m-qrcode-mask-main .save-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	filter: alpha(opacity=100);
}

.m-qrcode-mask .m-qrcode-mask-close {
	width: 32px;
	height: 32px;
	/*border-radius: 50%;*/
	text-align: center;
	line-height: 32px;
	margin: 24px auto 0;
	box-sizing: content-box;
	background-image: url('https://file.jingdiao.com/website/jingdiao/cn/images/common/qrcode-close.svg');
	background-repeat: no-repeat;
	background-size: cover;
}

@media only screen and (max-width: 1024px) {
	#footer {
		display: none;
	}

	.m-footer {
		display: block;
	}
}

@media only screen and (max-width: 450px) {
	.m-footer .fr-link-desc {
		width: 130px;
	}

	.m-footer .title-footer {
		font-size: 24px;
		line-height: 1.2;
	}

	.m-footer .content-footer .item-detail {
		font-size: 12px;
	}

	.m-footer a,
	.m-footer a:link,
	.m-footer a:visited,
	.m-footer a:hover,
	.m-footer a:active {
		font-size: 16px;
	}

	.m-footer .fr-link-icon {
		font-size: 12px;
	}

	.m-footer .m-logo-area .logo-title {
		font-size: 16px;
	}

	.m-footer .copyright-footer {
		font-size: 12px;
	}

	.m-footer a.beian-footer {
		font-size: 12px;
	}

	.m-qrcode-mask .m-qrcode-mask-main .qr-title {
		font-size: 24px;
	}

	.m-qrcode-mask .m-qrcode-mask-main .qr-desc {
		font-size: 16px;
	}

	.m-qrcode-mask .m-qrcode-mask-main .qr-tip {
		font-size: 12px;
	}

	.m-qrcode-mask .m-qrcode-mask-main .save-tip {
		font-size: 10px;
	}
}

/*------------------------------------*/
/*ç§»åŠ¨ç«¯footer end*/

/*cyt 0702*/
.logo-title {
	position: relative;
	font-family: "HarmonyOS_Sans_SC_Regular";
	font-size: 18px;
	color: #FFFFFF;
	margin-right: 18px;
	line-height: 1;
	display: inline-block;
	bottom: 2px;
}

.logo-img {
	display: inline-block;
	height: 30px;
}

.logo-link {
	width: 30px;
	height: 30px;
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
}

.footer-logo {
	width: 30px;
	height: 30px;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

.footer-logo:hover {
	transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
}

.footer-copyright {
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 30px;
	margin-top: 40px;
	margin-bottom: 24px;
}

.footer-copyright a {
	color: #ffffff;
	font-size: 14px;
}

.footer-copyright a:visited {
	color: #ffffff;
}

.footer-copyright a:hover {
	color: #ffffff;
}

.footer-copyright a:active {
	color: #ffffff;
}

/*ç§»åŠ¨ç«¯machining samples*/
@media only screen and (max-width: 1024px) {
	.machine-samples {
		background: #F6F6F6;
		overflow: hidden;
		padding-bottom: 42px;
		margin-bottom: 12px;
	}

	.machine-samples .swiper-button-prev,
	.machine-samples .swiper-button-next {
		top: 38%;
		margin-top: 0;
		box-shadow: none;
		-webkit-box-shadow: none;
	}

	.machine-samples .swiper-button-prev {
		left: 4%;
		background: none;
		outline: none;
		width: 26px;
		height: 26px;
		font-size: 26px;
	}

	.machine-samples .swiper-button-next {
		right: 4%;
		background: none;
		outline: none;
		width: 26px;
		height: 26px;
		font-size: 26px;
	}

	.machine-samples.swiper-button-prev .icon--:active:before,
	.machine-samples .swiper-button-next .icon--1:active:before {
		color: #004898;
	}

	.machine-samples .swiper-pagination-bullet {
		width: 7px;
		height: 7px;
		background: #FFF;
		border: 1px solid #373737;
		opacity: 1;
		outline: none;
		margin: 0 4px !important;
	}

	.machine-samples .swiper-pagination {
		position: relative;
		margin-top: 12px;
		bottom: 0 !important;
	}

	.machine-samples .swiper-pagination-bullet-active {
		background: #373737;
	}

	.machine-samples .swiper-container {
		padding: 0;
		position: relative;
	}

	.machine-samples .swiper-slide {
		padding: 0;
		position: relative;
		overflow: hidden;
	}

	.platform-info {
		position: relative;
		width: 360px;
		margin: auto;
		z-index: 1;
		transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-webkit-transition: 0.5s;
		transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		color: #333333;
		cursor: pointer;
	}

	.platform-info img {
		width: 100%;
		height: auto;
	}

	.img-desc {
		margin: 0;
		padding: 0 15px;
		position: absolute;
		top: 15px;
		font-size: 16px;
		line-height: 24px;
		color: #333333;
		text-align: center;
		left: 0;
		right: 0;
	}

	.platform-front,
	.platform-back {
		width: 100%;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		height: 100%;
		transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-webkit-transition: 0.5s;
		transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
	}

	.platform-front {
		overflow: hidden;
		z-index: 2;
	}

	.platform-back {
		padding: 14px 22px 22px 22px;
		background: #FFFFFF;
		z-index: 10;
		font-size: 16px;
	}

	.platform-absolute {
		position: absolute;
		top: 0;
		left: 0;
	}

	.rotate-click {
		transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
	}

	.platform-title {
		text-align: center;
		margin-bottom: 30px;
		line-height: 24px;
	}

	.back-content {
		display: flex;
		display: -webkit-flex;
	}

	.back-title {
		text-align: left;
		width: 66.7px;
		flex-shrink: 0;
		-webkit-flex-shrink: 0;
	}

	.back-info {
		text-align: left;
		margin-left: 4px;
	}

	.back-item {
		line-height: 24px;
	}

	.back-more {
		position: absolute;
		bottom: 22px;
		right: 22px;
		display: block;
		font-size: 0;
	}

	.back-more img {
		display: inline-block;
		height: 12px;
		width: 12px !important;
		margin-right: 10px;
		vertical-align: top;
		margin-top: 1px;
	}

	.more-text {
		display: inline-block;
		font-size: 14px;
		color: #004898;
	}

	@media only screen and (max-width: 450px) {
		.platform-info {
			width: 300px;
		}

		.platform-title {
			margin-bottom: 20px;
			line-height: 20px;
		}

		.platform-back {
			padding: 10px 15px 10px 15px;
			font-size: 14px;
		}

		.back-more {
			bottom: 10px;
			right: 15px;
		}

		.back-item {
			line-height: 22px;
		}

		.back-title {
			width: 59px;
		}
	}

	.plus {
		margin-right: 4px;
	}
}

/*ç§»åŠ¨ç«¯è¯­è¨€åˆ‡æ¢åŠæœºåºŠé€‰åž‹èœå•é¡¹*/
span.global-m.icon-- {
	float: right;
	margin-right: 15px;
	font-size: 21px;
	line-height: 46px;
	cursor: pointer;
}

span.global-m.icon--:before {
	color: #333333;
}

span.global-m.icon--:active:before {
	color: #004898;
}

.language-switch-m {
	position: absolute;
	top: 46px;
	right: 0;
	width: 78px;
	background: #FFFFFF;
	padding: 11px 0;
	display: none;
}

@media only screen and (min-width: 1025px) {
	.language-switch-m {
		display: none !important;
	}
}

.language-switch-m p {
	margin: 0;
	text-align: center;
	font-size: 16px;
	line-height: 38px;
}

.language-switch-m p a {
	color: #333333;
	padding: 12px 18px;
	cursor: pointer;
}

.language-switch-m p:nth-child(2) a {
	padding: 12px 23px;
}

.language-switch-m p a:hover {
	color: #333333;
}

.language-switch-m p a:active {
	background: #c9c9c9;
}

.selector {
	display: block;
	width: 100%;
	padding: 22px 15px;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #333333 !important;
	font-size: 16px;
	line-height: 16px;
	border-bottom: 1px solid #D2D2D2;
}

.selector:active {
	background: #C9C9C9;
}

@media only screen and (min-width: 451px) and (max-width: 1024px) {
	.selector {
		font-size: 18px;
		line-height: 18px;
	}
}

/*----------------------------------*/
/*cyt æœç´¢ç»“æžœé¡µé¢*/
.search .alert-danger {
	margin-top: 24px;
}

@media only screen and (max-width: 1024px) {
	.search .alert-danger {
		width: 92%;
		margin-left: auto;
		margin-right: auto;
		line-height: 1.6;
	}
}

#content.no-bottom.no-top .search {
	margin: 0 80px 140px 80px;
}

.search #searchForm {
	padding-bottom: 40px;
	border-bottom: 1px solid #7d7d7d;
}

dl.search-results {
	margin-top: 80px;
}

.btn-toolbar {
	margin-left: 0;
}

.btn-toolbar p {
	font-family: "HarmonyOS_Sans_SC_Bold";
	font-size: 60px;
	color: #000000;
	line-height: 60px;
	margin: 0;
	padding: 0;
	margin-bottom: 40px;
	margin-top: 60px;
}

.searchintro p span,
.searchintro p strong {
	font-family: "HarmonyOS_Sans_SC_Regular";
	font-size: 36px;
	line-height: 36px;
	margin: 0;
	padding: 0;
	color: #595757;
}

.search-item {
	clear: both;
	display: flex;
	display: -webkit-flex;
}

.search-img {
	width: 25%;
	margin-right: 4%;
}

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

.search-content {
	width: 75%;
}

dt.result-title {
	margin-bottom: 31px;
	font-family: "HarmonyOS_Sans_SC_Bold";
	font-size: 30px;
	color: #000000;
	line-height: 30px;
}

dd.result-text {
	font-family: "HarmonyOS_Sans_SC_Regular";
	font-size: 18px;
	line-height: 36px;
	color: #595757;
	margin-bottom: 31px;
}

dd.result-text span.highlight,
dt.result-title span.highlight {
	color: #fe8900;
	background-color: transparent;
}

dd.result-created {
	font-family: "HarmonyOS_Sans_SC_Regular";
	font-size: 18px;
	line-height: 18px;
	color: #595757;
}

.search .pagination {
	display: inline-block;
	padding-left: 0;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.search ul.pagination {
	width: auto;
	margin: 0 auto;
	display: inline-block;
}

ul.pagination li {
	background: #E5E5E5;
}

.fa-angle-double-right,
.fa-angle-double-left {
	display: none !important;
}

ul.pagination li a {
	padding: 0;
	background: #FFFFFF;
	width: 60px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
	font-family: "HarmonyOS_Sans_SC_Regular";
	font-size: 24px;
	line-height: 40px;
	color: #595757;
	border: 1px solid #B5B5B5;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding: 10px;
	margin-left: 16px;
}

.search ul.pagination&gt;li:first-child&gt;a,
.search ul.pagination&gt;li:last-child&gt;a {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.search ul.pagination&gt;.active&gt;a {
	border-color: #B5B5B5;
	color: #595757;
}

.pagination li a:hover {
	border: 1px solid #B5B5B5 !important;
	background: #F6F6F6 !important;
	color: #595757 !important;
}

.fa-angle-left::before {
	content: " " !important;
	display: block;
	height: 40px;
	width: 40px;
	background: url(https://file.jingdiao.com/website/jingdiao/cn/images/common/left.svg) no-repeat;
	background-position: center;
}

.fa-angle-right::before {
	content: " " !important;
	display: block;
	height: 40px;
	width: 40px;
	background: url(https://file.jingdiao.com/website/jingdiao/cn/images/common/right.svg) no-repeat;
	background-position: center;
}

li.active.hidden-phone a {
	background: #E5E5E5;
	cursor: default;
}

li.active.hidden-phone a:hover {
	background: #E5E5E5 !important;
}

li.disabled a {
	border-color: #B5B5B5 !important;
}

li.disabled a:hover {
	background: #FFFFFF !important;
}

.search-item a dt.result-title span.highlight {
	font-family: "HarmonyOS_Sans_SC_Bold";
}

.search-results a:hover .result-title {
	color: #004898;
}

@media only screen and (min-width: 1401px) and (max-width: 1500px) {
	#content.no-bottom.no-top .search {
		margin: 0 60px 140px 60px;
	}

	.search-img {
		margin-right: 4%;
	}

	.search-content {
		width: 71%;
	}
}

@media only screen and (min-width: 1301px) and (max-width: 1400px) {
	#content.no-bottom.no-top .search {
		margin: 0 60px 140px 60px;
	}

	.search-img {
		width: 24%;
		margin-right: 4%;
	}

	.search-content {
		width: 72%;
		max-height: 200px;
	}
}

@media only screen and (max-width: 1300px) {
	#content.no-bottom.no-top .search {
		margin: 0 40px 140px 40px;
	}

	.search-img {
		width: 27%;
		margin-right: 3%;
	}

	.search-content {
		width: 70%;
	}
}

@media only screen and (max-width: 1919px) {
	.search #searchForm {
		padding-bottom: 33.2px;
	}

	.btn-toolbar p {
		margin-bottom: 33.2px;
		margin-top: 49.8px;
	}

	dl.search-results {
		margin-top: 66.4px;
	}

	dt.result-title {
		margin-bottom: 26.56px;
	}

	dd.result-text {
		margin-bottom: 26.56px;
	}
}

@media only screen and (max-width: 1599px) {
	.search #searchForm {
		padding-bottom: 30px;
	}

	.btn-toolbar p {
		font-size: 40px;
		line-height: 40px;
		margin-bottom: 30px;
		margin-top: 45px;
	}

	.searchintro p span,
	.searchintro p strong {
		font-size: 26px;
		line-height: 26px;
	}

	dl.search-results {
		margin-top: 60px;
	}

	dt.result-title {
		margin-bottom: 24px;
		font-size: 24px;
		line-height: 24px;
	}

	dd.result-text {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 24px;
	}

	dd.result-created {
		font-size: 18px;
		line-height: 18px;
	}

	ul.pagination li a {
		width: 50px;
		height: 50px;
		font-size: 20px;
		line-height: 31px;
	}

	.fa-angle-left::before {
		height: 30px;
		width: 30px;
		background: url(https://file.jingdiao.com/website/jingdiao/cn/images/common/left.svg) no-repeat;
		background-position: center;
	}

	.fa-angle-right::before {
		height: 30px;
		width: 30px;
		background: url(https://file.jingdiao.com/website/jingdiao/cn/images/common/right.svg) no-repeat;
		background-position: center;
	}
}

@media only screen and (max-width: 1299px) {
	.search #searchForm {
		padding-bottom: 27.2px;
	}

	.btn-toolbar p {
		font-size: 40px;
		line-height: 40px;
		margin-bottom: 27.2px;
		margin-top: 40.8px;
	}

	.searchintro p span,
	.searchintro p strong {
		font-size: 26px;
		line-height: 26px;
	}

	dl.search-results {
		margin-top: 54.4px;
	}

	dt.result-title {
		margin-bottom: 21.76px;
		font-size: 24px;
		line-height: 24px;
	}

	dd.result-text {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 21.76px;
	}

	dd.result-created {
		font-size: 18px;
		line-height: 18px;
	}
}

/*ç§»åŠ¨ç«¯ æœç´¢ç»“æžœé¡µé¢*/
@media only screen and (max-width: 1024px) {
	.search #searchForm {
		border-bottom: none;
	}

	#content.no-bottom.no-top .search {
		margin: 0 80px 140px 80px;
	}

	.search #searchForm {
		width: 92%;
		margin: 0 auto;
		padding-bottom: 0;
	}

	dl.search-results {
		padding-top: 24px;
		border-top: 1px solid #D2D2D2;
		width: 92%;
		margin: 24px auto 0 auto;
	}

	.btn-toolbar p {
		font-family: "HarmonyOS_Sans_SC_Bold";
		font-size: 28px;
		color: #000000;
		line-height: 28px;
		margin: 0;
		padding: 0;
		margin-bottom: 24px;
		margin-top: 42px;
	}

	.searchintro p span,
	.searchintro p strong {
		font-family: "HarmonyOS_Sans_SC_Regular";
		font-size: 20px;
		line-height: 20px;
		margin: 0;
		padding: 0;
		color: #595757;
	}

	.search-item {
		clear: both;
		margin-bottom: 28px;
		display: block;
	}

	.search-img {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

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

	.search-content {
		width: 100%;
	}

	.search-results dt.result-title {
		margin: 0;
		margin-bottom: 12px;
		font-family: "HarmonyOS_Sans_SC_Bold";
		font-size: 22px;
		color: #000000;
		line-height: 22px;
	}

	.search-results dt.result-title .highlight {
		font-size: 22px;
		line-height: 1;
	}

	dd.result-text {
		font-family: "HarmonyOS_Sans_SC_Regular";
		font-size: 16px;
		line-height: 24px;
		color: #333333;
		margin-bottom: 0;
	}

	dd.result-text span.highlight,
	dt.result-title span.highlight {
		color: #fe8900;
		background-color: transparent;
	}

	dd.result-created {
		font-family: "HarmonyOS_Sans_SC_Regular";
		font-size: 16px;
		line-height: 16px;
		color: #595757;
	}

	/*cyt 0603*/
	.searchintro div.pagination {
		margin: 0 auto 22px auto;
		text-align: center;
	}

	.searchintro ul.pagination li:nth-child(2) a {
		width: 36px;
		height: 36px;
		background: url(https://file.jingdiao.com/website/jingdiao/cn/images/common/left.svg);
		background-position: center;
		background-size: 15px 15px;
		background-repeat: no-repeat;
		border: 1px solid #B5B5B5;
	}

	.searchintro ul.pagination li:nth-last-child(2) a {
		width: 36px;
		height: 36px;
		background: url(https://file.jingdiao.com/website/jingdiao/cn/images/common/right.svg);
		background-position: center;
		background-size: 15px 15px;
		background-repeat: no-repeat;
		border: 1px solid #B5B5B5;
	}

	.searchintro ul.pagination li a {
		padding: 0;
		background: #FFFFFF;
		width: 36px;
		height: 36px;
		text-align: center;
		vertical-align: middle;
		font-family: "HarmonyOS_Sans_SC_Regular";
		font-size: 18px;
		line-height: 18px;
		color: #595757;
		border: 1px solid #B5B5B5;
		padding: 10px;
		margin-left: 16px;
	}

	.searchintro ul.pagination li.active a {
		background: #E5E5E5;
	}

	.searchintro ul.pagination li:nth-child(2) a {
		margin-left: 0;
	}

	.searchintro ul.pagination li a:hover {
		border: 1px solid #B5B5B5 !important;
		color: #595757 !important;
	}

	.searchintro ul.pagination li a:active {
		background: #F6F6F6;
	}

	.searchintro ul.pagination li:nth-child(2) a:hover,
	.searchintro ul.pagination li:nth-child(2) a:active {
		background: url(https://file.jingdiao.com/website/jingdiao/cn/images/common/left.svg);
		background-position: center;
		background-size: 15px 15px;
		background-repeat: no-repeat;
		border: 1px solid #B5B5B5;
	}

	.searchintro ul.pagination li:nth-last-child(2) a:hover,
	.searchintro ul.pagination li:nth-last-child(2) a:active {
		background: url(https://file.jingdiao.com/website/jingdiao/cn/images/common/right.svg);
		background-position: center;
		background-size: 15px 15px;
		background-repeat: no-repeat;
	}

	li.active.hidden-phone a {
		background: #E5E5E5;
	}

	li.active.hidden-phone a:active {
		background: #E5E5E5 !important;
	}

	li.disabled a {
		border-color: #B5B5B5 !important;
	}

	.search-item a dt.result-title span.highlight {
		font-family: "HarmonyOS_Sans_SC_Bold";
	}

	.search-results a {
		display: block !important;
	}
}

@media only screen and (min-width: 451px) and (max-width: 1024px) {
	.btn-toolbar p {
		font-size: 34px;
		line-height: 34px;
	}

	.searchintro p span,
	.searchintro p strong {
		font-size: 22px;
		line-height: 22px;
	}

	.search-results dt.result-title {
		font-size: 24px;
		line-height: 24px;
	}

	dd.result-text {
		font-size: 18px;
		line-height: 28px;
	}

	.search-results .result-created {
		font-size: 14px;
	}
}

@media only screen and (max-width: 380px) {
	.searchintro ul.pagination li a {
		margin-left: 10px;
	}
}

@media only screen and (max-width: 340px) {
	.searchintro ul.pagination li a {
		padding: 0;
		background: #FFFFFF;
		width: 33px;
		height: 33px;
		text-align: center;
		vertical-align: middle;
		font-family: "HarmonyOS_Sans_SC_Regular";
		font-size: 16px;
		line-height: 16px;
		color: #595757;
		border: 1px solid #B5B5B5;
		padding: 9px;
		margin-left: 10px;
	}

	.searchintro ul.pagination li:nth-child(2) a,
	.searchintro ul.pagination li:nth-last-child(2) a {
		width: 33px;
		height: 33px;
		border: 1px solid #B5B5B5;
	}

	.searchintro ul.pagination li:nth-child(2) a {
		background: url(https://file.jingdiao.com/website/jingdiao/cn/images/common/left.svg);
		background-position: center;
		background-size: 15px 15px;
		background-repeat: no-repeat;
	}

	.searchintro ul.pagination li:nth-last-child(2) a {
		background: url(https://file.jingdiao.com/website/jingdiao/cn/images/common/right.svg);
		background-position: center;
		background-size: 15px 15px;
		background-repeat: no-repeat;
	}

	.searchintro ul.pagination li:nth-last-child(2) a:hover,
	.searchintro ul.pagination li:nth-last-child(2) a:active,
	.searchintro ul.pagination li:nth-child(2) a:hover,
	.searchintro ul.pagination li:nth-child(2) a:active {
		background-position: center;
		background-size: 13px 13px;
		background-repeat: no-repeat;
	}
}

@media only screen and (max-width: 1024px) {
	ul.pagination li a {
		width: 36px;
		height: 36px;
		font-size: 18px;
		line-height: 34px;
		padding: 4px
	}

	.fa-angle-left::before {
		height: 18px;
		width: 18px;
		background: url(https://file.jingdiao.com/website/jingdiao/cn/images/common/left.svg) no-repeat;
		background-position: center;
		background-size: 18px 18px;
	}

	.fa-angle-right::before {
		height: 18px;
		width: 18px;
		background: url(https://file.jingdiao.com/website/jingdiao/cn/images/common/right.svg) no-repeat;
		background-position: center;
		background-size: 18px 18px;
	}

	ul.pagination li.hidden-phone a {
		padding: 1px;
	}
}

@media only screen and (max-width: 400px) {
	ul.pagination li a {
		width: 32px;
		height: 32px;
		font-size: 18px;
		line-height: 30px;
	}

	ul.pagination li a {
		margin-left: 10px;
	}

	.fa-angle-left::before {
		height: 16px;
		width: 16px;
		background: url(https://file.jingdiao.com/website/jingdiao/cn/images/common/left.svg) no-repeat;
		background-position: center;
		background-size: 16px 16px;
	}

	.fa-angle-left::before {
		height: 16px;
		width: 16px;
		background: url(https://file.jingdiao.com/website/jingdiao/cn/images/common/left.svg) no-repeat;
		background-position: center;
		background-size: 16px 16px;
	}
}

@media only screen and (max-width: 450px) {
	.search-item {
		margin-bottom: 24px;
	}

	.search-img {
		margin-bottom: 16px;
	}

	.search-results dt.result-title {
		margin-bottom: 10px;
	}
}

/*----------------------------------*/
/*æœç´¢ç»“æžœé¡µé¢ end*/


/*æœç´¢æ¡†åŠ¨ç”» cyt*/
.top-content {
	float: none;
	right: 60px;
	position: absolute;
	z-index: 10;
	padding-right: 15px;
}

.head-search #app form {
	margin: 0;
	right: -12px;
	left: auto;
	opacity: 1;
	width: 30px;
	height: 30px;
	top: -10px;
}

.head-search #app.active form {
	right: 0;
	width: 100%;
	height: 30px;
	top: -2px;
}

#app-cover {
	position: absolute;
	top: 22px;
	right: 40px;
	width: 500px;
}

#app {
	position: relative;
	height: 30px;
	padding: 0;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

#app:after {
	content: '.';
	display: table;
	clear: both;
	height: 0;
	visibility: hidden;
}

#app form {
	position: absolute;
	top: 0;
	right: 0;
	left: -260px;
	height: 100%;
	margin: 0 44px 0 18px;
	opacity: 0;
}

input#search-searchword {
	display: block;
	width: 100%;
	height: 100%;
	color: #333333;
	font-size: 16px;
	line-height: 1;
	padding-left: 10px;
	border: 0;
	background-color: transparent;
	padding: 0;
	padding-left: 10px;
	opacity: 0;
}

input#search-searchword:focus {
	outline: none;
}

input#search-searchword::-ms-clear,
input#search-searchword::-ms-reveal {
	display: none;
}

#app.active input#search-searchword {
	opacity: 1;
}

#circle {
	position: relative;
	width: 13px;
	height: 13px;
	float: right;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 2px solid #898989;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	overflow: hidden;
	z-index: 10;
	display: block;
	padding: 0;
}

#r-btn {
	right: -3px;
	top: -12px;
	margin: -2px -2px 0 0;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
}

#r-btn:before,
#r-btn:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 50%;
}

#r-btn:before {
	top: 0;
}

#r-btn:after {
	bottom: 0;
}

#c-btn {
	right: 0;
	bottom: 14px;
	-webkit-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
	-ms-transform: rotateZ(-45deg);
}

#c-btn,
#r-btn {
	position: absolute;
	width: 2px;
	height: 5px;
	border-radius: 0px;
	transition: 0.3s cubic-bezier(0.18, 0.89, 0.41, 1.42) all;
	-moz-transition: 0.3s cubic-bezier(0.18, 0.89, 0.41, 1.42) all;
	-ms-transition: 0.3s cubic-bezier(0.18, 0.89, 0.41, 1.42) all;
	-webkit-transition: 0.3s cubic-bezier(0.18, 0.89, 0.41, 1.42) all;
}

#c-btn,
#r-btn:before,
#r-btn:after {
	background-color: #898989;
}

#circle,
form.active {
	transition: 0.3s ease all;
	-moz-transition: 0.3s ease all;
	-ms-transition: 0.3s ease all;
	-webkit-transition: 0.3s ease all;
}

#submit-button,
#init-button {
	position: absolute;
	top: -4px;
	right: -10px;
	width: 30px;
	height: 30px;
	border-bottom: 1px solid #bfbfbf;
	cursor: pointer;
}

#submit-button {
	opacity: 0;
	z-index: -1;
}

#submit-button.active {
	z-index: 2;
}

#init-button {
	z-index: 15;
}

#app.active {
	z-index: 15;
	background: #FFFFFF;
	top: -4px;
}

#app.active #circle {
	width: 100%;
	height: 30px;
	z-index: 10;
}

form.active {
	left: 0;
	opacity: 1;
}

#app.active #c-btn {
	-webkit-transform: rotateZ(-45deg) translateY(-33px);
	transform: rotateZ(-45deg) translateY(-33px);
	-moz-transform: rotateZ(-45deg) translateY(-33px);
	-ms-transform: rotateZ(-45deg) translateY(-33px);
	-webkit-transform: rotateZ(-45deg) translateY(-33px);
	right: -4px;
	bottom: -17px;
	height: 17px;
	z-index: 15;
}

#app.active #c-btn.change {
	border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	-webkit-transform: rotateZ(-90deg) translateY(-33px) translateX(22px);
	transform: rotateZ(-90deg) translateY(-33px) translateX(22px);
	-moz-transform: rotateZ(-90deg) translateY(-33px) translateX(22px);
	-ms-transform: rotateZ(-90deg) translateY(-33px) translateX(22px);
}

#app.active #r-btn {
	-webkit-transform: rotateZ(45deg) translateY(33px);
	transform: rotateZ(45deg) translateY(33px);
	-moz-transform: rotateZ(45deg) translateY(33px);
	-ms-transform: rotateZ(45deg) translateY(33px);
	right: -3px;
	top: -17px;
	height: 18px;
}

#app.active #r-btn.change:before {
	top: -4px;
	left: -5px;
	-webkit-transform: rotateZ(90deg) translateX(10px);
	transform: rotateZ(90deg) translateX(10px);
	-moz-transform: rotateZ(90deg) translateX(10px);
	-webkit-transform: rotateZ(90deg) translateX(10px);
}

#app.active #submit-button,
#app.active #init-button {
	border-bottom: none;
	right: 0;
	height: 30px;
	width: 45px;
	z-index: 10;
	top: 0;
}

#app.active #init-button {
	z-index: 15;
}

#app.active #submit-button {
	margin: 0;
	padding: 0;
	border: none;
	;
}

#app.active #submit-button.active {
	z-index: 20;
}

#dribbble {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	text-decoration: none;
	padding: 20px;
}

#dribbble i {
	display: block;
	width: 20px;
	height: 20px;
	color: #898989;
	font-size: 20px;
	line-height: 1;
}

.smaller #app-cover {
	top: 24px;
	right: -10px;
}

.smaller #submit-button,
.smaller #init-button {
	border-bottom: none;
}

.cengji {
	z-index: 30;
}

/*è½®æ’­æŒ‰é’®æ&nbsp;·å¼*/
/*--------------------------------------*/
.pc-common-prev.swiper-button-disabled,
.pc-common-next.swiper-button-disabled {
	opacity: 0 !important;
}

.pc-common-prev,
.pc-common-next {
	width: 46px;
	height: 46px;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	background-size: cover;
}

.pc-common-next {
	right: 0;
	background-image: url('https://file.jingdiao.com/website/jingdiao/cn/images/common/right-arrow.svg');
}

.pc-common-prev {
	left: 0;
	background-image: url('https://file.jingdiao.com/website/jingdiao/cn/images/common/left-arrow.svg');
}

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

	.pc-common-prev,
	.pc-common-next {
		width: 36px;
		height: 36px;
	}
}

/*--------------------------------------*/

/*æŒ‰é’®åŠ¨æ•ˆ*/
/*--------------------------------------------------*/
.common-btn {
	overflow: hidden;
	backface-visibility: hidden;
}

.common-btn:active {
	transform: translateY(3px);
}

.btn-text-parent {
	position: relative;
	display: inline-block;
	overflow: hidden;
	top: 50%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.wrap_text {
	display: inline-block;
}

.buildin-btn-text {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	width: 100%;
	transform: translateY(100%);
}

.buildin-btn-text .btn-letter {
	opacity: 0;
}

.btn-letter {
	display: inline-block;
	margin: 0em 0.05em;
	position: relative;
	transition: transform 300ms, opacity 300ms ease;
}

.current-btn-text .btn-letter:nth-child(1) {
	transition-delay: 49ms;
}

.current-btn-text .btn-letter:nth-child(2) {
	transition-delay: 99ms;
}

.current-btn-text .btn-letter:nth-child(3) {
	transition-delay: 149ms;
}

.current-btn-text .btn-letter:nth-child(4) {
	transition-delay: 199ms;
}

.current-btn-text .btn-letter:nth-child(5) {
	transition-delay: 249ms;
}

.current-btn-text .btn-letter:nth-child(6) {
	transition-delay: 299ms;
}

.current-btn-text .btn-letter:nth-child(7) {
	transition-delay: 349ms;
}

.current-btn-text .btn-letter:nth-child(8) {
	transition-delay: 399ms;
}

.current-btn-text .btn-letter:nth-child(9) {
	transition-delay: 449ms;
}

.current-btn-text .btn-letter:nth-child(10) {
	transition-delay: 499ms;
}

.current-btn-text .btn-letter:nth-child(11) {
	transition-delay: 549ms;
}

.current-btn-text .btn-letter:nth-child(12) {
	transition-delay: 599ms;
}

.current-btn-text .btn-letter:nth-child(13) {
	transition-delay: 649ms;
}

.current-btn-text .btn-letter:nth-child(14) {
	transition-delay: 699ms;
}

.current-btn-text .btn-letter:nth-child(15) {
	transition-delay: 749ms;
}

.current-btn-text .btn-letter:nth-child(16) {
	transition-delay: 799ms;
}

.current-btn-text .btn-letter:nth-child(17) {
	transition-delay: 849ms;
}

.current-btn-text .btn-letter:nth-child(18) {
	transition-delay: 899ms;
}

.current-btn-text .btn-letter:nth-child(19) {
	transition-delay: 949ms;
}

.current-btn-text .btn-letter:nth-child(20) {
	transition-delay: 999ms;
}

.current-btn-text .btn-letter:nth-child(21) {
	transition-delay: 1049ms;
}

.current-btn-text .btn-letter:nth-child(22) {
	transition-delay: 1099ms;
}

.current-btn-text .btn-letter:nth-child(23) {
	transition-delay: 1149ms;
}

.current-btn-text .btn-letter:nth-child(24) {
	transition-delay: 1199ms;
}

.current-btn-text .btn-letter:nth-child(25) {
	transition-delay: 1249ms;
}

.current-btn-text .btn-letter:nth-child(26) {
	transition-delay: 1299ms;
}

.current-btn-text .btn-letter:nth-child(27) {
	transition-delay: 1349ms;
}

.current-btn-text .btn-letter:nth-child(28) {
	transition-delay: 1399ms;
}

.current-btn-text .btn-letter:nth-child(29) {
	transition-delay: 1449ms;
}

.current-btn-text .btn-letter:nth-child(30) {
	transition-delay: 1499ms;
}

.buildin-btn-text .btn-letter:nth-child(1) {
	opacity: 0;
	transition-delay: 49ms;
}

.buildin-btn-text .btn-letter:nth-child(2) {
	opacity: 0;
	transition-delay: 99ms;
}

.buildin-btn-text .btn-letter:nth-child(3) {
	opacity: 0;
	transition-delay: 149ms;
}

.buildin-btn-text .btn-letter:nth-child(4) {
	opacity: 0;
	transition-delay: 199ms;
}

.buildin-btn-text .btn-letter:nth-child(5) {
	opacity: 0;
	transition-delay: 249ms;
}

.buildin-btn-text .btn-letter:nth-child(6) {
	opacity: 0;
	transition-delay: 299ms;
}

.buildin-btn-text .btn-letter:nth-child(7) {
	opacity: 0;
	transition-delay: 349ms;
}

.buildin-btn-text .btn-letter:nth-child(8) {
	opacity: 0;
	transition-delay: 399ms;
}

.buildin-btn-text .btn-letter:nth-child(9) {
	opacity: 0;
	transition-delay: 449ms;
}

.buildin-btn-text .btn-letter:nth-child(10) {
	opacity: 0;
	transition-delay: 499ms;
}

.buildin-btn-text .btn-letter:nth-child(11) {
	opacity: 0;
	transition-delay: 549ms;
}

.buildin-btn-text .btn-letter:nth-child(12) {
	opacity: 0;
	transition-delay: 599ms;
}

.buildin-btn-text .btn-letter:nth-child(13) {
	opacity: 0;
	transition-delay: 649ms;
}

.buildin-btn-text .btn-letter:nth-child(14) {
	opacity: 0;
	transition-delay: 699ms;
}

.buildin-btn-text .btn-letter:nth-child(15) {
	opacity: 0;
	transition-delay: 749ms;
}

.buildin-btn-text .btn-letter:nth-child(16) {
	opacity: 0;
	transition-delay: 799ms;
}

.buildin-btn-text .btn-letter:nth-child(17) {
	opacity: 0;
	transition-delay: 849ms;
}

.buildin-btn-text .btn-letter:nth-child(18) {
	opacity: 0;
	transition-delay: 899ms;
}

.buildin-btn-text .btn-letter:nth-child(19) {
	opacity: 0;
	transition-delay: 949ms;
}

.buildin-btn-text .btn-letter:nth-child(20) {
	opacity: 0;
	transition-delay: 999ms;
}

.buildin-btn-text .btn-letter:nth-child(21) {
	opacity: 0;
	transition-delay: 1049ms;
}

.buildin-btn-text .btn-letter:nth-child(22) {
	opacity: 0;
	transition-delay: 1099ms;
}

.buildin-btn-text .btn-letter:nth-child(23) {
	opacity: 0;
	transition-delay: 1149ms;
}

.buildin-btn-text .btn-letter:nth-child(24) {
	opacity: 0;
	transition-delay: 1199ms;
}

.buildin-btn-text .btn-letter:nth-child(25) {
	opacity: 0;
	transition-delay: 1249ms;
}

.buildin-btn-text .btn-letter:nth-child(26) {
	opacity: 0;
	transition-delay: 1299ms;
}

.buildin-btn-text .btn-letter:nth-child(27) {
	opacity: 0;
	transition-delay: 1349ms;
}

.buildin-btn-text .btn-letter:nth-child(28) {
	opacity: 0;
	transition-delay: 1399ms;
}

.buildin-btn-text .btn-letter:nth-child(29) {
	opacity: 0;
	transition-delay: 1449ms;
}

.buildin-btn-text .btn-letter:nth-child(30) {
	opacity: 0;
	transition-delay: 1499ms;
}

.common-btn:hover .current-btn-text .btn-letter {
	opacity: 0;
	transform: translateY(-100%);
}

.common-btn:hover .buildin-btn-text .btn-letter {
	opacity: 1;
	transform: translateY(-100%);
}

/*--------------------------------------------------*/

/*å¯¼èˆªæ&nbsp;*/
.navbar-nav&gt;li {
	margin-right: 16px;
}

.navbar-nav&gt;li:last-child {
	margin-right: 0;
}

.nav&gt;li&gt;.separator::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 0;
	height: 4px;
	background-color: #004898;
	transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
}

/*.nav &gt; li &gt; .separator:hover::after,
.nav &gt; li.active.dropdown.mega .separator::after {
	width: 100%;
}*/
.nav&gt;li.dropdown:hover .separator::after,
.nav&gt;li.active.dropdown.mega .separator::after {
	width: 100%;
}

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

.main-content {
	max-width: 1920px;
	margin: 0 auto;
}

/* ç²¾é›•äº§å“å¯¼èˆªéƒ¨åˆ†è°ƒæ•´ */
/* PC */
.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav li.dropdown-submenu-classify{
	font-family: "HarmonyOS_Sans_SC_Bold";
	font-weight: 700;
	font-size: 18px;
	line-height: 36px;
	letter-spacing: 0;

}
.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav li.dropdown-submenu span{
	font-family: "HarmonyOS_Sans_SC_Regular";
	font-weight: 400;
	font-size: 18px;
	line-height: 36px;
	letter-spacing: 0px;
	padding: 0px;
	margin-top: 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav li.dropdown-submenu span::after{
	content: "";
	background-image: url('https://file.jingdiao.com/website/jingdiao/cn/images/common/common-chevron-right.svg');
	display: block;
	width: 20px;
	height: 20px;
}
.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav li.dropdown-submenu.open span::after{
	background-image: url('https://file.jingdiao.com/website/jingdiao/cn/images/common/common-chevron-right-blue.svg');
}
#pc-product-main-navs li{
	margin-top: 16px;
}
#pc-product-main-navs li:first-child{
	margin-top: 0px;
}

.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav{
	width: 15%;
	padding-right: 40px;
}
.t3-megamenu .nav .menu-custom{
	width: 55%;
	padding: 0px 60px;
}
.t3-megamenu .nav .menu-custom-right{
	width: 30%;
}
.t3-megamenu .nav .menu-group-desc a{
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 0px;
	padding: 0px 0px 16px 0px;
}
.second-menu {
	font-size: 18px;
	line-height: 30px;
	width: 180px;
}

.third-menu {
	font-size: 16px;
	line-height: 30px;
	width: 180px;
}
@media only screen and (max-width: 1600px) {
	.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav li.dropdown-submenu-classify,
	.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav li.dropdown-submenu span,
	.t3-megamenu .nav .menu-custom-right-text .machine-selection,
	.t3-megamenu .nav .menu-custom-right-text .machine-selection-desc{
		font-size: 16px;
		line-height: 24px;
	
	}
	.t3-megamenu .nav .menu-group-container .menu-group a,
	.t3-megamenu .nav .menu-group-desc a{
		font-size: 14px;
		line-height: 24px;
	}
	.second-menu,.third-menu{
		width: 165px;
	}
	#pc-product-main-navs li{
		margin-top: 14px;
	}
	#pc-product-main-navs li:first-child{
		margin-top: 0px;
	}
	
	.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav{
		width: 16%;
		padding-right: 20px;
	}
	.t3-megamenu .nav .menu-custom{
		width: 58%;
		padding: 0px 40px;
	}
	.t3-megamenu .nav .menu-custom-right{
		width: 26%;
	}
}
@media only screen and (max-width: 1440px) {
	.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav li.dropdown-submenu-classify,
	.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav li.dropdown-submenu span,
	.t3-megamenu .nav .menu-custom-right-text .machine-selection,
	.t3-megamenu .nav .menu-custom-right-text .machine-selection-desc{
		font-size: 14px;
		line-height: 30px;
	
	}
	.t3-megamenu .nav .menu-group-container .menu-group a,
	.t3-megamenu .nav .menu-group-desc a{
		font-size: 12px;
		line-height: 24px;
	}
	.second-menu,.third-menu{
		width: 130px;
	}
	
	#pc-product-main-navs li{
		margin-top: 10px;
	}
	#pc-product-main-navs li:first-child{
		margin-top: 0px;
	}
}
/* éžæœºåºŠäº§å“éƒ¨åˆ† */
.no-machine-menus{
	display: grid;
	grid-template-columns: 50% 50%;
	align-items: center;
	margin-left: -24px;
	margin-top: -24px;
}
.no-machine-menu{
	padding-left: 24px;
	padding-top: 24px;
}
.no-machine-menu-block{
	display: grid;
	grid-template-columns: auto 1fr; /* ç¬¬ä¸€åˆ—è‡ªé€‚åº”ï¼Œç¬¬äºŒåˆ—å&nbsp;æ®å‰©ä½™ç©ºé—´ */
	align-items: center;
	background-color: #F6F6F6;
	padding: 12px 16px;
}
.no-machine-menu-title{
	padding: 5px 10px 5px 16px;
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 0%;
	color: #004898;
	display: flex;
	align-items: center;
	justify-content: space-between;
	white-space: nowrap;
}
.no-machine-menu-title::after{
	content: "";
	background-image: url('https://file.jingdiao.com/website/jingdiao/cn/images/common/common-chevron-right-blue.svg');
	display: block;
	width: 16px;
	height: 16px;
}
.no-machine-menu-img img{
	max-width: 100%; /* å›¾ç‰‡æœ€å¤§å®½åº¦ */
    height: auto; /* ä¿æŒå›¾ç‰‡æ¯”ä¾‹ */
}
@media only screen and (max-width: 1440px) {
	.no-machine-menus{
		margin-left: -16px;
		margin-top: -16px;
	}
	.no-machine-menu{
		padding-left: 16px;
		padding-top: 16px;
	}
	.no-machine-menu-title{
		padding: 5px 8px 5px 14px;
		font-size: 14px;
	}
	.no-machine-menu-title::after{
		width: 14px;
		height: 14px;
	}
}

/* Mobile */
ul.dropdown-menu li{
	border-bottom: 0px !important;
}
</pre></body></html>