@charset "utf-8";

@font-face {
	font-family: "feitian";
	src: url("/images/fonts/iconfont_module.woff?t=1632726555099") format("woff");
	font-display: swap
}

@font-face {
	font-family: "iconfont";
	src: url("/images/fonts/page-design/iconfont.woff?t=1662531988322") format("woff");
	font-display: swap
}

@font-face {
	font-family: "Raleway";
	src: url("/images/fonts/Raleway.woff") format("woff");
	font-display: swap
}

@font-face {
	font-family: "Roboto";
	src: url("/images/fonts/Roboto.woff") format("woff");
	font-display: swap
}

body {
	font-family: "Roboto"
}

.feitian {
	font-family: "feitian" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap
}

.ft-a-06:before {
	content: "\e75e"
}

.ft-yy4:before {
	content: "\e76d"
}

.ft-yy3:before {
	content: "\e774"
}

.ft-youtube-square:before {
	content: "\e602"
}

.ft-youtube-fill:before {
	content: "\e6a8"
}

.ft-icon_TikTok-circle:before {
	content: "\e601"
}

.ft-icon_TikTok-square:before {
	content: "\e600"
}

.ft-big:before {
	content: "\e76c"
}

.ft-ltian:before {
	content: "\e768"
}

.ft-cfang:before {
	content: "\e769"
}

.ft-zliang:before {
	content: "\e76a"
}

.ft-jxbi:before {
	content: "\e76b"
}

.ft-a-06:before {
	content: "\e75e"
}

.ft-a-04:before {
	content: "\e75f"
}

.ft-a-05:before {
	content: "\e760"
}

.ft-a-08:before {
	content: "\e761"
}

.ft-a-07:before {
	content: "\e762"
}

.ft-a-10:before {
	content: "\e763"
}

.ft-a-01:before {
	content: "\e764"
}

.ft-a-03:before {
	content: "\e765"
}

.ft-a-02:before {
	content: "\e766"
}

.ft-a-09:before {
	content: "\e767"
}

.ft-back:before {
	content: "\e68e"
}

.ft-kexue:before {
	content: "\e68b"
}

.ft-yunfei:before {
	content: "\e68c"
}

.ft-zhiliang:before {
	content: "\e68d"
}

.ft-category:before {
	content: "\e6db"
}

.ft-airplane1:before {
	content: "\e685"
}

.ft-good1:before {
	content: "\e686"
}

.ft-customer1:before {
	content: "\e687"
}

.ft-setting1:before {
	content: "\e688"
}

.ft-service2:before {
	content: "\e689"
}

.ft-service1:before {
	content: "\e68a"
}

.ft-edit:before {
	content: "\e684"
}

.ft-categories:before {
	content: "\e617"
}

.ft-chemicals:before {
	content: "\e69a"
}

.ft-electronics_components:before {
	content: "\e69c"
}

.ft-electronics_equipment:before {
	content: "\e69e"
}

.ft-health:before {
	content: "\e6a7"
}

.ft-industrial:before {
	content: "\e6a9"
}

.ft-hardware:before {
	content: "\e6ad"
}

.ft-service_equipment:before {
	content: "\e6b5"
}

.ft-mechanical_parts:before {
	content: "\e6cc"
}

.ft-label:before {
	content: "\e683"
}

.ft-box:before {
	content: "\e67b"
}

.ft-briefcase:before {
	content: "\e67c"
}

.ft-mechanical:before {
	content: "\e67d"
}

.ft-trucks:before {
	content: "\e67e"
}

.ft-hammer:before {
	content: "\e67f"
}

.ft-products:before {
	content: "\e680"
}

.ft-well:before {
	content: "\e681"
}

.ft-medal:before {
	content: "\e682"
}

.ft-employees:before {
	content: "\e627"
}

.ft-sales:before {
	content: "\e649"
}

.ft-company:before {
	content: "\e69b"
}

.ft-instagram2:before {
	content: "\e679"
}

.ft-instagram1:before {
	content: "\e67a"
}

.ft-star1:before {
	content: "\e677"
}

.ft-calendar1:before {
	content: "\e678"
}

.ft-person2:before {
	content: "\e675"
}

.ft-person1:before {
	content: "\e676"
}

.ft-phone2:before {
	content: "\e673"
}

.ft-phone1:before {
	content: "\e674"
}

.ft-mobile2:before {
	content: "\e671"
}

.ft-mobile1:before {
	content: "\e672"
}

.ft-mail2:before {
	content: "\e670"
}

.ft-mail1:before {
	content: "\e66f"
}

.ft-fax2:before {
	content: "\e66d"
}

.ft-fax1:before {
	content: "\e66e"
}

.ft-address2:before {
	content: "\e66b"
}

.ft-address1:before {
	content: "\e66c"
}

.ft-success2:before {
	content: "\e653"
}

.ft-success1:before {
	content: "\e654"
}

.ft-close2:before {
	content: "\e651"
}

.ft-close1:before {
	content: "\e652"
}

.ft-youtube1:before {
	content: "\e669"
}

.ft-youtube2:before {
	content: "\e66a"
}

.ft-yahoo1:before {
	content: "\e667"
}

.ft-yahoo2:before {
	content: "\e668"
}

.ft-whatsapp1:before {
	content: "\e665"
}

.ft-whatsapp2:before {
	content: "\e666"
}

.ft-wechat2:before {
	content: "\e663"
}

.ft-wechat1:before {
	content: "\e664"
}

.ft-viber2:before {
	content: "\e661"
}

.ft-viber1:before {
	content: "\e662"
}

.ft-twitter1:before {
	content: "\e65f"
}

.ft-twitter2:before {
	content: "\e660"
}

.ft-skype2:before {
	content: "\e65d"
}

.ft-skype1:before {
	content: "\e65e"
}

.ft-linkedin1:before {
	content: "\e65b"
}

.ft-linkedin2:before {
	content: "\e65c"
}

.ft-icq2:before {
	content: "\e659"
}

.ft-icq1:before {
	content: "\e65a"
}

.ft-facebook1:before {
	content: "\e657"
}

.ft-facebook2:before {
	content: "\e658"
}

.ft-aim1:before {
	content: "\e655"
}

.ft-aim2:before {
	content: "\e656"
}

.ft-cart1:before {
	content: "\e647"
}

.ft-cart2:before {
	content: "\e648"
}

.ft-discount1:before {
	content: "\e645"
}

.ft-discount2:before {
	content: "\e646"
}

.ft-price1:before {
	content: "\e643"
}

.ft-price2:before {
	content: "\e644"
}

.ft-contact2:before {
	content: "\e641"
}

.ft-contact1:before {
	content: "\e642"
}

.ft-chat1:before {
	content: "\e63f"
}

.ft-chat2:before {
	content: "\e640"
}

.ft-sent1:before {
	content: "\e63d"
}

.ft-sent2:before {
	content: "\e63e"
}

.ft-comment2:before {
	content: "\e63b"
}

.ft-comment1:before {
	content: "\e63c"
}

.ft-firstpage:before {
	content: "\e637"
}

.ft-previouspage:before {
	content: "\e638"
}

.ft-nextpage:before {
	content: "\e639"
}

.ft-lastpage:before {
	content: "\e63a"
}

.ft-down1:before {
	content: "\e635"
}

.ft-up1:before {
	content: "\e636"
}

.ft-previous1:before {
	content: "\e631"
}

.ft-previous2:before {
	content: "\e632"
}

.ft-next1:before {
	content: "\e633"
}

.ft-next2:before {
	content: "\e634"
}

.ft-top1:before {
	content: "\e630"
}

.ft-play1:before {
	content: "\e62f"
}

.ft-download1:before {
	content: "\e62e"
}

.ft-file2:before {
	content: "\e62c"
}

.ft-file1:before {
	content: "\e62d"
}

.ft-language2:before {
	content: "\e62b"
}

.ft-language1:before {
	content: "\e62a"
}

.ft-less1:before {
	content: "\e628"
}

.ft-more1:before {
	content: "\e629"
}

.ft-search1:before {
	content: "\e626"
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-sousjjg:before {
	content: "\e7bc"
}

.icon-sanj:before {
	content: "\e7b6"
}

.icon-sxian:before {
	content: "\e7b7"
}

.icon-yuan:before {
	content: "\e7b8"
}

.icon-xhengx:before {
	content: "\e7b9"
}

.icon-sjiant:before {
	content: "\e7ba"
}

.icon-djiant:before {
	content: "\e7bb"
}

.icon-gsship:before {
	content: "\e7a2"
}

.icon-gslbo:before {
	content: "\e7a3"
}

.icon-cdxpk:before {
	content: "\e7a4"
}

.icon-xpk:before {
	content: "\e7a5"
}

.icon-xscp:before {
	content: "\e7a6"
}

.icon-cpxxjs:before {
	content: "\e7a7"
}

.icon-gszs:before {
	content: "\e7a8"
}

.icon-zxtj:before {
	content: "\e7a9"
}

.icon-gszlkz:before {
	content: "\e7aa"
}

.icon-cpsx:before {
	content: "\e7ab"
}

.icon-gcxxjs:before {
	content: "\e7ac"
}

.icon-zxxq:before {
	content: "\e7ad"
}

.icon-gclbo:before {
	content: "\e7ae"
}

.icon-lxwm:before {
	content: "\e7af"
}

.icon-zxlbiao:before {
	content: "\e7b0"
}

.icon-gsxxjs:before {
	content: "\e7b1"
}

.icon-lxrxx:before {
	content: "\e7b2"
}

.icon-kpscplb:before {
	content: "\e7b3"
}

.icon-flcd:before {
	content: "\e7b4"
}

.icon-gsnrdw:before {
	content: "\e7b5"
}

.icon-baoc:before {
	content: "\e77e"
}

.icon-a-ziyuan33:before {
	content: "\e78d"
}

.icon-a-ziyuan8:before {
	content: "\e7a1"
}

.icon-a-ziyuan6:before {
	content: "\e787"
}

.icon-a-ziyuan7:before {
	content: "\e788"
}

.icon-a-ziyuan5:before {
	content: "\e789"
}

.icon-a-ziyuan3:before {
	content: "\e78a"
}

.icon-a-ziyuan4:before {
	content: "\e78b"
}

.icon-a-ziyuan10:before {
	content: "\e78c"
}

.icon-a-ziyuan9:before {
	content: "\e78e"
}

.icon-a-ziyuan16:before {
	content: "\e78f"
}

.icon-a-ziyuan11:before {
	content: "\e790"
}

.icon-a-ziyuan12:before {
	content: "\e791"
}

.icon-a-ziyuan17:before {
	content: "\e792"
}

.icon-a-ziyuan15:before {
	content: "\e793"
}

.icon-a-ziyuan20:before {
	content: "\e794"
}

.icon-a-ziyuan18:before {
	content: "\e795"
}

.icon-a-ziyuan22:before {
	content: "\e796"
}

.icon-a-ziyuan19:before {
	content: "\e797"
}

.icon-a-ziyuan25:before {
	content: "\e798"
}

.icon-a-ziyuan23:before {
	content: "\e799"
}

.icon-a-ziyuan21:before {
	content: "\e79a"
}

.icon-a-ziyuan24:before {
	content: "\e79b"
}

.icon-a-ziyuan28:before {
	content: "\e79c"
}

.icon-a-ziyuan27:before {
	content: "\e79d"
}

.icon-a-ziyuan13:before {
	content: "\e79e"
}

.icon-a-ziyuan14:before {
	content: "\e79f"
}

.icon-a-ziyuan26:before {
	content: "\e7a0"
}

.icon-emil:before {
	content: "\e786"
}

.icon-ckk:before {
	content: "\e775"
}

.icon-dnn:before {
	content: "\e776"
}

.icon-cler:before {
	content: "\e777"
}

.icon-gb:before {
	content: "\e778"
}

.icon-schu:before {
	content: "\e779"
}

.icon-syi:before {
	content: "\e77a"
}

.icon-shan:before {
	content: "\e77b"
}

.icon-sz:before {
	content: "\e77c"
}

.icon-laa:before {
	content: "\e77d"
}

.icon-szz:before {
	content: "\e77f"
}

.icon-tui:before {
	content: "\e780"
}

.icon-xla:before {
	content: "\e781"
}

.icon-ruter:before {
	content: "\e782"
}

.icon-xgg:before {
	content: "\e783"
}

.icon-xyi:before {
	content: "\e784"
}

.icon-yl:before {
	content: "\e785"
}

.icon-yy4:before {
	content: "\e765"
}

.icon-yk:before {
	content: "\e766"
}

.icon-qt:before {
	content: "\e767"
}

.icon-tl:before {
	content: "\e768"
}

.icon-xw:before {
	content: "\e769"
}

.icon-zk:before {
	content: "\e76a"
}

.icon-gs:before {
	content: "\e76b"
}

.icon-al:before {
	content: "\e76c"
}

.icon-yy1:before {
	content: "\e76d"
}

.icon-xp:before {
	content: "\e76e"
}

.icon-cp:before {
	content: "\e76f"
}

.icon-yj:before {
	content: "\e770"
}

.icon-tw:before {
	content: "\e771"
}

.icon-yy2:before {
	content: "\e772"
}

.icon-dh:before {
	content: "\e773"
}

.icon-yy3:before {
	content: "\e774"
}

:root {
	--root-body-color: #333;
	--root-body-fontsize: 14px;
	--root-body-title-font: Impact;
	--root-body-font: Roboto Helvetica Arial Avenir;
	--root-border-corlor: #ddd;
	--root-border-odd-color: #f9f9f9;
	--root-border-hover-corlor: #f5f5f5;
	--root-input-focus: #66afe9;
	--root-input-bg-focus: #969696;
	--root-textarea-bg: #f6f7fa;
	--root-button-color: #126ae2;
	--root-button-font-color: #fff
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: inherit
}

dl,
dt,
dd,
ul,
ol,
li {
	list-style: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

body {
	font-size: var(--root-body-fontsize)
}

button,
input,
select,
textarea {
	font-family: var(--root-body-font);
	font-size: var(--root-body-fontsize);
	color: var(--root-body-color)
}

input,
select,
textarea {
	font-size: 100%
}

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

th {
	text-align: inherit;
	font-weight: normal
}

fieldset,
img {
	border: 0
}

iframe {
	display: block
}

a {
	color: var(--root-body-color);
	text-decoration: none
}

img[src$="load_icon.gif"] {
	width: 32px !important;
	height: 32px !important
}

.image-part img[src$="load_icon.gif"],
.image-all img[src$="load_icon.gif"] {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	margin-top: -16px !important;
	margin-left: -16px !important
}

img[src$="nophoto.gif"] {
	max-width: 100% !important;
	width: auto !important;
	height: auto !important;
	object-fit: initial !important;
	object-position: initial !important
}

.image-part img[src$="nophoto.gif"],
.image-all img[src$="nophoto.gif"] {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	-webkit-transform: translate(-50%, -50%) !important;
	-moz-transform: translate(-50%, -50%) !important;
	-ms-transform: translate(-50%, -50%) !important;
	-o-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important
}

.image-part {
	position: relative;
	overflow: hidden
}

.image-part img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

.image-all {
	text-align: center;
	position: relative;
	overflow: hidden
}

.image-all img {
	display: inline-block;
	vertical-align: middle;
	max-height: 100%;
	max-width: 100%
}

.img-contain,
.img-cover {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden
}

.img-contain img,
.img-cover img {
	transition: transform .3s;
	transform: scale(1.001)
}

a.img-contain:hover img,
a.img-cover:hover img {
	transform: scale(1.1)
}

.img-contain img {
	max-width: 100%;
	max-height: 100%
}

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

.clearfix::after {
	content: "";
	display: block;
	clear: both
}

.wrap-1270 {
	position: relative;
	width: 1270px;
	margin: auto
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #c7c7c7
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #c7c7c7
}

input::-moz-placeholder,
textarea:-moz-placeholder {
	color: #c7c7c7
}

input:-ms-input-placeholder,
textarea:-moz-placeholder {
	color: #c7c7c7
}

.ecer-h1 {
	font-size: 36px
}

.ecer-h2 {
	font-size: 30px
}

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

.ecer-ellipsis-n {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--line, 2);
	overflow: hidden
}

.ecer-table {
	width: 80%;
	max-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: transparent;
	border: 1px solid var(--root-border-corlor);
	margin: 15px auto
}

.ecer-table>tbody>tr>td,
.ecer-table>tbody>tr>th,
.ecer-table>tfoot>tr>td,
.ecer-table>tfoot>tr>th,
.ecer-table>thead>tr>td,
.ecer-table>thead>tr>th {
	padding: 8px;
	line-height: 1.4;
	vertical-align: top;
	border-top: 1px solid var(--root-border-corlor);
	border-left: 1px solid var(--root-border-corlor)
}

.ecer-table>tbody>tr:nth-of-type(odd) {
	background-color: var(--table-bg, #f9f9f9)
}

.ecer-table>tbody>tr:hover {
	background-color: var(--table-bg, #f5f5f5)
}

.ecer-input {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: var(--root-body-fontsize);
	line-height: 1.42857143;
	color: #555;
	background-color: var(--input-bg, transparent);
	background-image: var(--input-bg-img, none);
	border: 1px solid var(--input-border, #ccc);
	border-radius: var(--input-border-radius, 4px);
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	min-width: var(--min-width-css, 100px);
	max-width: var(--max-width-css, 500px);
	box-sizing: border-box
}

.ecer-input:focus {
	border-color: var(--border-color-css, #ccc);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%)
}

.ecer-input-bg {
	display: block;
	width: 100%;
	height: 36px;
	padding: 6px 12px;
	font-size: var(--root-body-fontsize);
	line-height: 1.42857143;
	color: #555;
	background-color: var(--input-bg, #f6f7fa);
	background-image: var(--input-bg-img, none);
	border: 1px solid var(--input-border, transparent);
	border-radius: var(--input-border-radius, 4px);
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	min-width: var(--min-width-css, 100px);
	max-width: var(--max-width-css, 500px);
	box-sizing: border-box
}

.ecer-input-bg:focus {
	border: 1px solid var(--border-color-css, #969696);
	outline: 0
}

.ecer-textarea {
	resize: none;
	border: 1px solid var(--bg-color, #ccc);
	background: var(--text-area-bg, transparent);
	min-width: var(--min-width-css, 100px);
	max-width: var(--max-width-css, 500px);
	box-sizing: border-box;
	padding: 15px;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%)
}

.ecer-textarea:focus {
	border: 1px solid var(--input-border, #969696);
	outline: 0
}

.ecer-textarea-bg {
	resize: none;
	border: 1px solid var(--bg-color, transparent);
	background: var(--text-area-bg, #f6f7fa);
	min-width: var(--min-width-css, 100px);
	max-width: var(--max-width-css, 500px);
	box-sizing: border-box;
	padding: 15px;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%)
}

.ecer-textarea-bg:focus {
	border: 1px solid var(--input-border, #969696);
	outline: 0
}

.ecer-default-button,
.ecer-page-button,
.ecer-module-button,
.ecer-card-button,
.ecer-button-border {
	font-weight: bold;
	display: inline-block;
	color: var(--root-button-font-color);
	background: var(--root-button-color);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);
	border-radius: 0;
	vertical-align: middle;
	padding: 10px 16px;
	cursor: pointer
}

.ecer-default-button:hover,
.ecer-page-button:hover,
.ecer-module-button:hover,
.ecer-card-button:hover,
.ecer-button-border:hover,
.ecer-button-circle:hover {
	color: var(--root-button-font-color);
	background: #26c43a;
	border-color: #26c43a
}

.ecer-page-button {
	padding: 14px 32px;
	font-size: 24px
}

.ecer-module-button {
	padding: 12px 24px;
	font-size: 18px
}

.ecer-card-button {
	padding: 10px 16px;
	font-size: 14px
}

.ecer-page-btn-icon-right {
	margin-left: 8px
}

.ecer-page-btn-icon-right {
	margin-right: 8px
}

.ecer-font-button {
	color: var(--root-button-color);
	font-size: 14px;
	display: inline-block;
	font-weight: bold;
	cursor: pointer
}

.ecer-font-button:hover {
	color: #26c43a
}

.ecer-button-circle {
	width: 48px;
	height: 48px;
	color: var(--root-button-font-color);
	background: var(--root-button-color);
	border-radius: 50%;
	text-align: center;
	line-height: 48px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer
}

.ecer-button-border {
	color: var(--root-button-color);
	border: 1px solid var(--root-button-color);
	background: transparent
}

.ecer-title-font {
	font-family: var(--root-body-title-font)
}

.ecer-body-font {
	font-family: var(--root-body-font)
}

.ecer-page-title-fontsize {
	font-size: 60px
}

.ecer-module-title-fontsize {
	font-size: 40px;
	text-align: center
}

.ecer-card-title-fontsize {
	font-size: 18px
}

.ecer-body-fontsize {
	font-size: 14px
}

.ecer-title-font-color {
	color: #111
}

.ecer-body-font-color {
	color: #444
}

.ecer-auxiliary-font-color {
	color: #777
}

.ecer-tips-font-color {
	color: #fa5151
}

.ecer-triangle {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-width: 4px;
	border-style: solid;
	border-right-color: transparent !important;
	border-left-color: transparent !important;
	border-bottom-color: transparent !important
}

.ecer-main-w {
	width: 1200px;
	margin: 0 auto
}

.fn-clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	overflow: hidden
}

.fn-clear {
	zoom: 1
}

.ecer-float-lf {
	float: left !important
}

.ecer-float-rg {
	float: right !important
}

.ecer-flex {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex
}

.ecer-flex-row {
	-webkit-box-orient: vertical;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row
}

.ecer-flex-col {
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

.ecer-flex-align {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.ecer-flex-justify {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.ecer-flex-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: end;
	justify-content: end
}

.ecer-flex-space-between {
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.ecer-flex-space-around {
	-webkit-box-pack: space-around;
	-ms-flex-pack: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around
}

.ecer-flex-wrap {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap
}

.ecer-flex-auto {
	width: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1
}

.tempWrap {
	margin: 0 auto
}

.ecer-social-contact {
	font-size: 0
}

.ecer-social-contact a {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	margin-right: 16px
}

.ecer-social-contact a:last-child {
	margin-right: 0
}

.ecer-transition,
.ecer-input,
.ecer-input-bg,
.ecer-textarea,
.ecer-textarea-bg,
a,
button {
	-webkit-transition: background-color .3s linear, color .3s linear, opacity .3s linear, box-shadow .3s linear, border-color .3s linear;
	-moz-transition: background-color .3s linear, color .3s linear, opacity .3s linear, box-shadow .3s linear, border-color .3s linear;
	-o-transition: background-color .3s linear, color .3s linear, opacity .3s linear, box-shadow .3s linear, border-color .3s linear;
	-ms-transition: background-color .3s linear, color .3s linear, opacity .3s linear, box-shadow .3s linear, border-color .3s linear;
	transition: background-color .3s linear, color .3s linear, opacity .3s linear, box-shadow .3s linear, border-color .3s linear
}

.footer_webim {
	position: fixed;
	right: 34px;
	z-index: 999;
	cursor: pointer;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.footer_webim .chat-button-content {
	position: relative;
	width: 80px;
	height: 80px
}

.footer_webim .chat-button-content:after {
	content: "chat now";
	position: absolute;
	width: 80px;
	height: 33px;
	background: url(/images/chat-hover.png) no-repeat;
	background-size: 100% 100%;
	left: -50px;
	top: -30px;
	font-size: 10px;
	color: #fff;
	text-transform: capitalize;
	text-align: center;
	line-height: 26px;
	opacity: 0;
	visibility: hidden;
	line-height: 26px;
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	-ms-transition: opacity .2s ease;
	transition: opacity .2s ease
}

.footer_webim:hover .chat-button-content:after {
	opacity: 1;
	visibility: visible
}

.footer_webim .chat-button {
	position: absolute;
	width: 80px;
	height: 80px;
	background: url(/images/chat-btn.png) no-repeat;
	background-size: 100% 100%;
	border-radius: 50%
}

.dialog-content-pql-id .mr ul li:hover {
	filter: brightness(103%)
}

.dialog-content-pql-id .mr ul li:active {
	filter: brightness(108%)
}

.dialog-content-pql-id .mr ul li {
	background: #f5f5f5;
	user-select: none
}

.leave-message-dialog ul,
.leave-message-dialog li {
	list-style: none
}

.leave-message-dialog {
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000
}

.leave-message-dialog .dialog-content-pql {
	min-width: 600px;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
	border-radius: 4px;
	padding: 41px 47px 34px
}

.leave-message-dialog .dialog-content-pql-id {
	min-width: 716px
}

.leave-message-dialog .close {
	position: absolute;
	width: 15px;
	height: 15px;
	top: 22px;
	right: 27px;
	cursor: pointer
}

.leave-message-dialog .close:before,
.leave-message-dialog .close:after {
	position: absolute;
	content: "";
	background-color: #707070;
	width: 15px;
	height: 2px;
	top: 50%;
	left: 0
}

.leave-message-dialog .close:before {
	transform: rotate(45deg)
}

.leave-message-dialog .close:after {
	transform: rotate(-45deg)
}

.leave-message-dialog .title {
	font-size: 24px;
	color: #333;
	text-align: center;
	line-height: 1.5
}

.leave-message-dialog p {
	margin: 0
}

.leave-message-dialog .form {
	width: 100%;
	margin-top: 22px
}

.leave-message-dialog .form input,
.leave-message-dialog .form .textarea {
	background-color: #f5f5f5;
	font-family: robot !important
}

.leave-message-dialog .form input,
.leave-message-dialog .form textarea {
	display: block;
	width: 100%;
	font-size: 16px;
	border-radius: 4px;
	border: 0;
	outline: 0;
	box-sizing: border-box;
	padding: 12px 19px;
	line-height: 20px;
	margin-bottom: 15px;
	text-indent: 0
}

.leave-message-dialog .form input {
	height: 44px
}

.leave-message-dialog .form .textarea {
	position: relative
}

.leave-message-dialog .form textarea {
	height: 127px;
	resize: none;
	background-color: transparent;
	position: relative;
	z-index: 1
}

textarea::-webkit-input-placeholder {
	font-family: robot !important
}

.leave-message-dialog .form::-webkit-input-placeholder {
	font-size: 16px;
	color: #999
}

.leave-message-dialog .form:-moz-placeholder {
	font-size: 16px;
	color: #999
}

.leave-message-dialog .form::-moz-placeholder {
	font-size: 16px;
	color: #999
}

.leave-message-dialog .form:-ms-input-placeholder {
	font-size: 16px;
	color: #999
}

.leave-message-dialog .form #submitStart {
	margin: 0 auto
}

.leave-message-dialog .form #submitStart:hover {
	filter: brightness(110%)
}

.dialog-content-pql-id .img {
	width: 100%;
	height: 200px;
	border-radius: 2px;
	display: inline-block;
	position: relative
}

.dialog-content-pql-id .img img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.dialog-content-pql-id .left {
	width: 200px;
	float: left
}

.dialog-content-pql-id .titlep {
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 10px
}

.dialog-content-pql-id .left ul {
	width: 100%;
	padding: 0;
	margin: 0
}

.dialog-content-pql-id .left ul li {
	height: 20px;
	list-style: none;
	margin-top: 6px
}

.dialog-content-pql-id .left ul li span:first-child {
	width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	color: #757575
}

.dialog-content-pql-id .left ul li span:last-child {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	width: 120px
}

.dialog-content-pql-id .right {
	width: 400px;
	float: right;
	margin-left: 20px
}

.dialog-content-pql-id .title {
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.dialog-content-pql-id input {
	width: 100%;
	height: 40px;
	margin-top: 20px;
	border: 0;
	outline: 0;
	background: #f5f5f5;
	text-indent: 16px;
	font-size: 16px
}

.dialog-content-pql .btn {
	background: #ff802e;
	width: 200px;
	height: 40px;
	border-radius: 4px;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	margin-top: 30px;
	cursor: pointer
}

.dialog-content-pql .btn:hover {
	filter: brightness(110%)
}

.dialog-content-pql-id .mr {
	position: absolute;
	width: 70px;
	height: 40px;
	bottom: 0;
	left: 0;
	line-height: 40px;
	text-align: center;
	color: #757575
}

.dialog-content-pql-id .mr::before {
	position: absolute;
	content: "";
	display: block;
	border: 5px solid #000;
	border-color: #000 transparent transparent transparent;
	top: 50%;
	transform: translateY(-50%);
	right: 5px;
	margin-top: 3px
}

.dialog-content-pql-id .mr ul {
	position: absolute;
	width: 100%;
	cursor: pointer;
	top: 34px;
	background: #f5f5f5;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid #ededed;
	display: none
}

.dialog-content-pql-id .mr:hover ul {
	display: block
}

.dialog-content-pql-ok .duihaook {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative
}

.dialog-content-pql-ok .duihaook::after {
	content: "";
	display: inline-block;
	background: #34da00;
	width: 35px;
	height: 12px;
	transform: rotate(45deg);
	position: absolute;
	left: 16px;
	top: 35px;
	border-radius: 2px
}

.dialog-content-pql-ok .duihaook::before {
	content: "";
	display: inline-block;
	background: #a4ff94;
	width: 50px;
	height: 15px;
	transform: rotate(-45deg);
	position: absolute;
	left: 32px;
	border-radius: 2px;
	top: 26px
}

.dialog-content-pql .error-pql {
	margin-top: -12px;
	margin-bottom: 10px;
	color: red;
	display: none
}

.dialog-content-pql .icon-pql {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	background: red;
	border-radius: 50%
}

.dialog-content-pql .icon-pql img {
	width: 100%;
	height: 100%
}

.dialog-content-pql-id .left ul li {
	height: 44px;
	list-style: none;
	margin-top: 6px;
	font-size: 16px
}

.dialog-content-pql-id .left ul li span:first-child {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	font-size: 16px;
	color: #757575;
	line-height: 18px
}

.dialog-content-pql-id .left ul li span:last-child {
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	white-space: nowrap;
	display: inline-block;
	line-height: 18px;
	width: 100%
}

.YouTuBe_Box_Iframe {
	width: 650px;
	height: 360px !important
}

#floatAd {
	height: 79px !important
}

.play {
	position: absolute;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	border-radius: 50%;
	z-index: 10
}

.play .svg {
	width: 38px;
	height: 38px;
	background: #000;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	box-shadow: 0 0 .3rem rgba(0, 0, 0, 0.2);
	transform: translate(-50%, -50%)
}

.play .svg img {
	object-position: unset !important;
	object-fit: unset !important;
	width: unset !important;
	height: unset !important;
	max-width: 80px !important;
	max-height: 80px !important;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin-top: 0
}

/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */
.animate__animated {
	animation-duration: 1s;
	animation-fill-mode: both
}

.animate__animated.animate__fast {
	animation-duration: .7s
}

.animate__animated.animate__slow {
	animation-duration: 1.3s
}

.animate__animated.animate__slower {
	animation-duration: 2.2s
}

.animate__animated.animate__delay-200 {
	animation-delay: .2s
}

.animate__animated.animate__delay-400 {
	animation-delay: .4s
}

.animate__animated.animate__delay-600 {
	animation-delay: .6s
}

.animate__animated.animate__delay-800 {
	animation-delay: .8s
}

.animate__animated.animate__delay-300 {
	animation-delay: .3s
}

.animate__animated.animate__delay-900 {
	animation-delay: .9s
}

.animate__animated.animate__delay-1200 {
	animation-delay: 1.2s
}

.animate__animated.animate__delay-500 {
	animation-delay: .5s
}

.animate__animated.animate__delay-1000 {
	animation-delay: 1s
}

.animate__animated.animate__delay-1500 {
	animation-delay: 1.5s
}

.animate__animated.animate__delay-2000 {
	animation-delay: 2s
}

.animate__animated.animate__infinite {
	animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
	animation-iteration-count: 1
}

.animate__animated.animate__repeat-2 {
	animation-iteration-count: 2
}

.animate__animated.animate__repeat-3 {
	animation-iteration-count: 3
}

@keyframes backInDown {
	from {
		transform: translateY(-1200px) scale(0.7);
		opacity: .7
	}

	80% {
		transform: translateY(0) scale(0.7);
		opacity: .7
	}

	100% {
		transform: scale(1);
		opacity: 1
	}
}

.animate__backInDown {
	animation-name: backInDown
}

@keyframes backInLeft {
	from {
		transform: translateX(-2000px) scale(0.7);
		opacity: .7
	}

	80% {
		transform: translateX(0) scale(0.7);
		opacity: .7
	}

	100% {
		transform: scale(1);
		opacity: 1
	}
}

.animate__backInLeft {
	animation-name: backInLeft
}

@keyframes backInRight {
	from {
		transform: translateX(2000px) scale(0.7);
		opacity: .7
	}

	80% {
		transform: translateX(0) scale(0.7);
		opacity: .7
	}

	100% {
		transform: scale(1);
		opacity: 1
	}
}

.animate__backInRight {
	animation-name: backInRight
}

@keyframes backInUp {
	from {
		transform: translateY(1200px) scale(0.7);
		opacity: .7
	}

	80% {
		transform: translateY(0) scale(0.7);
		opacity: .7
	}

	100% {
		transform: scale(1);
		opacity: 1
	}
}

.animate__backInUp {
	animation-name: backInUp
}

@keyframes bounceIn {

	from,
	20%,
	40%,
	60%,
	80%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	from {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3)
	}

	20% {
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		transform: scale3d(0.9, 0.9, 0.9)
	}

	60% {
		opacity: 1;
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		transform: scale3d(0.97, 0.97, 0.97)
	}

	to {
		opacity: 1;
		transform: scale3d(1, 1, 1)
	}
}

.animate__bounceIn {
	animation-duration: calc(1s * 0.75);
	animation-name: bounceIn
}

@keyframes bounceInDown {

	from,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	from {
		opacity: 0;
		transform: translate3d(0, -3000px, 0) scaleY(3)
	}

	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0) scaleY(0.9)
	}

	75% {
		transform: translate3d(0, -10px, 0) scaleY(0.95)
	}

	90% {
		transform: translate3d(0, 5px, 0) scaleY(0.985)
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

.animate__bounceInDown {
	animation-name: bounceInDown
}

@keyframes bounceInLeft {

	from,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	from {
		opacity: 0;
		transform: translate3d(-3000px, 0, 0) scaleX(3)
	}

	60% {
		opacity: 1;
		transform: translate3d(25px, 0, 0) scaleX(1)
	}

	75% {
		transform: translate3d(-10px, 0, 0) scaleX(0.98)
	}

	90% {
		transform: translate3d(5px, 0, 0) scaleX(0.995)
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

.animate__bounceInLeft {
	animation-name: bounceInLeft
}

@keyframes bounceInRight {

	from,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	from {
		opacity: 0;
		transform: translate3d(3000px, 0, 0) scaleX(3)
	}

	60% {
		opacity: 1;
		transform: translate3d(-25px, 0, 0) scaleX(1)
	}

	75% {
		transform: translate3d(10px, 0, 0) scaleX(0.98)
	}

	90% {
		transform: translate3d(-5px, 0, 0) scaleX(0.995)
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

.animate__bounceInRight {
	animation-name: bounceInRight
}

@keyframes bounceInUp {

	from,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	from {
		opacity: 0;
		transform: translate3d(0, 3000px, 0) scaleY(5)
	}

	60% {
		opacity: 1;
		transform: translate3d(0, -20px, 0) scaleY(0.9)
	}

	75% {
		transform: translate3d(0, 10px, 0) scaleY(0.95)
	}

	90% {
		transform: translate3d(0, -5px, 0) scaleY(0.985)
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

.animate__bounceInUp {
	animation-name: bounceInUp
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.animate__fadeIn {
	animation-name: fadeIn
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -100%, 0)
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0)
	}
}

.animate__fadeInDown {
	animation-name: fadeInDown
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0)
	}
}

.animate__fadeInLeft {
	animation-name: fadeInLeft
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translate3d(100%, 0, 0)
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0)
	}
}

.animate__fadeInRight {
	animation-name: fadeInRight
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0)
	}
}

.animate__fadeInUp {
	animation-name: fadeInUp
}

@keyframes flip {
	from {
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
		animation-timing-function: ease-out
	}

	40% {
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		animation-timing-function: ease-out
	}

	50% {
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		animation-timing-function: ease-in
	}

	80% {
		transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0);
		animation-timing-function: ease-in
	}

	to {
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0);
		animation-timing-function: ease-in
	}
}

.animate__animated.animate__flip {
	animation-name: flip
}

@keyframes flipInX {
	from {
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		animation-timing-function: ease-in
	}

	60% {
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	to {
		transform: perspective(400px);
		opacity: 1
	}
}

.animate__flipInX {
	animation-name: flipInX
}

@keyframes flipInY {
	from {
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		animation-timing-function: ease-in
	}

	60% {
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	to {
		transform: perspective(400px);
		opacity: 1
	}
}

.animate__flipInY {
	animation-name: flipInY
}

@keyframes lightSpeedInRight {
	from {
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		transform: skewX(-5deg)
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

.animate__lightSpeedInRight {
	animation-name: lightSpeedInRight;
	animation-timing-function: ease-out
}

@keyframes lightSpeedInLeft {
	from {
		transform: translate3d(-100%, 0, 0) skewX(30deg);
		opacity: 0
	}

	60% {
		transform: skewX(-20deg);
		opacity: 1
	}

	80% {
		transform: skewX(5deg)
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

.animate__lightSpeedInLeft {
	animation-name: lightSpeedInLeft;
	animation-timing-function: ease-out
}

@keyframes rotateIn {
	from {
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.animate__rotateIn {
	animation-name: rotateIn;
	transform-origin: center
}

@keyframes rotateInDownLeft {
	from {
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.animate__rotateInDownLeft {
	animation-name: rotateInDownLeft;
	transform-origin: left bottom
}

@keyframes rotateInDownRight {
	from {
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.animate__rotateInDownRight {
	animation-name: rotateInDownRight;
	transform-origin: right bottom
}

@keyframes rotateInUpLeft {
	from {
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.animate__rotateInUpLeft {
	animation-name: rotateInUpLeft;
	transform-origin: left bottom
}

@keyframes rotateInUpRight {
	from {
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

.animate__rotateInUpRight {
	animation-name: rotateInUpRight;
	transform-origin: right bottom
}

@keyframes zoomIn {
	from {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3)
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 1
	}
}

.animate__zoomIn {
	animation-name: zoomIn
}

@keyframes slideInDown {
	from {
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

.animate__slideInDown {
	animation-name: slideInDown
}

@keyframes slideInLeft {
	from {
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

.animate__slideInLeft {
	animation-name: slideInLeft
}

@keyframes slideInRight {
	from {
		transform: translate3d(100%, 0, 0);
		visibility: visible
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

.animate__slideInRight {
	animation-name: slideInRight
}

@keyframes slideInUp {
	from {
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	to {
		transform: translate3d(0, 0, 0)
	}
}

.animate__slideInUp {
	animation-name: slideInUp
}

.preview-wrap-layout {
	width: 100%;
	margin: 0 auto
}

.preview-wrap-column {
	width: 100%;
	margin: 0 auto
}



.preview-wrap-narrow {
	width: 260px
}

.preview-wrap-width {
	width: 1200px;
	padding: 20px 0;
	overflow: hidden
}

.headerModule_vI19v19IjZQP {
	width: 100%;
	background-color: #fff;
	position: relative;
	z-index: 1000
}

.headerModule_vI19v19IjZQP .feitian {
	vertical-align: middle
}

.headerModule_vI19v19IjZQP .wrap-rule {
	height: 100px;
	padding-left: 180px;
	position: relative
}

.headerModule_vI19v19IjZQP .logo {
	display: inline-block;
	vertical-align: middle;
	width: 160px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0
}

.headerModule_vI19v19IjZQP .float-right {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
	justify-content: flex-start
}

.headerModule_vI19v19IjZQP .navigation {
	white-space: nowrap
}

.headerModule_vI19v19IjZQP .navigation li {
	text-transform: capitalize;
	padding: 15px 25px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: inherit
}

.headerModule_vI19v19IjZQP .navigation li>a {
	display: inline-block;
	vertical-align: middle;
	line-height: 22px;
	position: relative;
	white-space: nowrap
}

.headerModule_vI19v19IjZQP .navigation li .ecer-sub-menu {
	padding: 10px 0;
	visibility: hidden;
	position: absolute;
	left: 50%;
	top: 100%;
	z-index: 2;
	opacity: 0;
	background: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	-ms-transition: opacity .2s ease;
	transition: opacity .2s ease;
	text-align: left
}

.headerModule_vI19v19IjZQP .navigation li:hover .ecer-sub-menu {
	visibility: visible;
	opacity: 1;
	text-align: left;
	max-height: 300px;
	overflow-y: auto
}

.headerModule_vI19v19IjZQP .navigation li:hover .ecer-sub-menu::-webkit-scrollBar {
	width: 5px
}

.headerModule_vI19v19IjZQP .navigation li:hover .ecer-sub-menu::-webkit-scrollBar-thumb {
	background: #e5e5e5
}

.headerModule_vI19v19IjZQP .navigation li .ecer-sub-menu .sub-item>a {
	display: block;
	height: 38px;
	line-height: 38px;
	padding: 0 20px;
	white-space: nowrap;
	text-align: left
}

.headerModule_vI19v19IjZQP .iconfont {
	cursor: pointer;
	font-size: 20px
}

.headerModule_vI19v19IjZQP .sousuo-btn {
	margin-right: 40px;
	margin-left: 25px;
	margin: 15px 40px 15px 25px;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-o-transition: color .2s ease;
	-ms-transition: color .2s ease;
	transition: color .2s ease;
	font-size: 20px;
	cursor: pointer
}

.headerModule_vI19v19IjZQP form {
	font-size: 0;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: none
}

.headerModule_vI19v19IjZQP form i,
.headerModule_vI19v19IjZQP form .searchbox {
	display: inline-block;
	vertical-align: middle
}

.headerModule_vI19v19IjZQP form .iconfont {
	color: #007cc2
}

.headerModule_vI19v19IjZQP form .searchbox {
	position: relative;
	margin-left: 20px
}

.headerModule_vI19v19IjZQP form .searchbox input,
.headerModule_vI19v19IjZQP form .searchbox button {
	display: inline-block;
	vertical-align: middle
}

.headerModule_vI19v19IjZQP form .searchbox input {
	width: 400px;
	line-height: 16px;
	outline: 0;
	border: 0;
	color: #333;
	font-size: 14px;
	padding: 3px 10px;
	background: transparent;
	border-bottom: 1px solid #fff
}

.headerModule_vI19v19IjZQP form .searchbox button {
	font-size: 14px;
	color: #fff;
	padding: 6px 16px;
	border-radius: 20px;
	background-color: #aaa;
	border: 0;
	outline: 0;
	cursor: pointer;
	-webkit-transition: background-color .2s ease;
	-moz-transition: background-color .2s ease;
	-o-transition: background-color .2s ease;
	-ms-transition: background-color .2s ease;
	transition: background-color .2s ease
}

.headerModule_vI19v19IjZQP form .searchbox button:hover {
	background-color: #007cc2
}

.headerModule_vI19v19IjZQP .language {
	padding: 15px 0;
	position: relative
}

.headerModule_vI19v19IjZQP .language:hover .cl {
	visibility: visible;
	opacity: 1
}

.headerModule_vI19v19IjZQP .language .current-lang {
	cursor: pointer
}

.headerModule_vI19v19IjZQP .language .current-lang i {
	font-size: 20px;
	font-style: normal
}

.headerModule_vI19v19IjZQP .language .current-lang i span {
	font-size: 16px;
	position: relative;
	top: -4px
}

.headerModule_vI19v19IjZQP .language .current-lang i,
.headerModule_vI19v19IjZQP .language .current-lang span {
	display: inline-block;
	vertical-align: middle
}

.headerModule_vI19v19IjZQP .language .selected a {
	color: #007cc2
}

.headerModule_vI19v19IjZQP .language-list {
	visibility: hidden;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	top: 100%;
	z-index: 2;
	opacity: 0;
	padding: 10px 0;
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	-ms-transition: opacity .2s ease;
	transition: opacity .2s ease;
	background: #fff;
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
	border-radius: 4px
}

.headerModule_vI19v19IjZQP .language:hover .language-list {
	visibility: visible;
	opacity: 1
}

.headerModule_vI19v19IjZQP .language-list li {
	line-height: 28px;
	height: 28px;
	position: relative
}

.headerModule_vI19v19IjZQP .language-list a {
	display: block;
	line-height: 32px;
	height: 32px;
	padding: 0 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-transform: capitalize
}

.headerModule_vI19v19IjZQP .sousuo-btn {
	color: #333
}

.headerModule_vI19v19IjZQP .sousuo-btn:hover {
	color: #007cc2
}

.headerModule_vI19v19IjZQP .language .current-lang i {
	color: #333
}

.headerModule_vI19v19IjZQP .language .current-lang i:hover {
	color: #007cc2
}

.headerModule_vI19v19IjZQP .language-list li:hover a {
	color: #007cc2
}

.headerModule_vI19v19IjZQP .language-list li a {
	color: #333
}

.headerModule_vI19v19IjZQP .navigation a {
	color: #333;
	font-size: 18px;
	text-transform: capitalize
}

.headerModule_vI19v19IjZQP .navigation li:hover>a {
	color: #007cc2
}

.headerModule_vI19v19IjZQP .navigation .sub-item:hover>a {
	color: #007cc2
}

.headerModule_vI19v19IjZQP .navigation li .ecer-sub-menu {
	background-color: #fff
}

.headerModule_vI19v19IjZQP .navigation li:hover>a {
	color: #007cc2
}

.headerModule_vI19v19IjZQP .navigation .sub-item:hover>a {
	color: #007cc2
}

.breadcrumb_JR8Qijou_T {
	margin-top: 20px;
	background-color: #f9f9f9;
	line-height: 60px;
	height: 60px
}

.breadcrumb_JR8Qijou_T .four_global_position_109 {
    

    
	color: #999
}

.breadcrumb_JR8Qijou_T h1 {
	display: inline-block !important
}

.breadcrumb_JR8Qijou_T .breadcrumb {
	width: 100%;
	position: relative;
	overflow: hidden
}

.breadcrumb_JR8Qijou_T .contain-w {
	width: 1200px;
	margin: 0 auto;
	
	

	position: relative
}

.breadcrumb_JR8Qijou_T .breadcrumb a {
	text-transform: capitalize;
	text-decoration: none
}

.breadcrumb_JR8Qijou_T .iconfont {
	font-size: 12px;
	color: #999
}

.breadcrumb_JR8Qijou_T .feitian {
	font-family: "feitian" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap
}

.breadcrumb_JR8Qijou_T .noLast {
	font-size: 14px;
	color: #333;
	text-transform: capitalize
}

.breadcrumb_JR8Qijou_T .noLast:hover {
	color: #007cc2
}

.breadcrumb_JR8Qijou_T .last {
	font-size: 14px;
	color: #333;
	text-transform: capitalize;
	font-weight: bold
}

.aboutusSwiperInfo_uXK6VaPNx1 {
	margin-top: 20px
}

.aboutusSwiperInfo_uXK6VaPNx1 .none {
	padding: 5.5px
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content {
	background: #fff !important;
	padding: 0 0 20px 0
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .about-us-title h1,
.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .about-us-slogan .reminder,
.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .about-us-slogan .reminder-text {
	text-align: left
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .about-us-title h1 {
	font-size: 28px;
	color: #333
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .image-part img {
	border-radius: 5px
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .about-us-slogan p {
	font-size: 16px;
	line-height: 150%;

}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .about-us-slogan p img {
 margin: 15px 0;

}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .about-us-slogan .reminder-text {
	font-size: 16px;
	line-height:150%;
	color: #333
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .item table th,
.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .item table td {
	border: 0;
	font-size: 14px;
	padding: 0
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .item table th {
	color: #999;
	width: 25%
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .item table td {
	color: #333;
	width: 75%
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .item .column-title {
	font-size: 18px;
	line-height: 22px;
	color: #007cc2
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .item .column-title .iconfont {
	font-size: 26px;
	line-height: 26px;
	vertical-align: bottom;
	color: #007cc2
}

.aboutusSwiperInfo_uXK6VaPNx1 .cxxScroll {
	position: relative;
	width: 100%
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .cxxScroll .nav-list li.on,
.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .cxxScroll .nav-list li:hover {
	background-color: #007cc2
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .about-us-title {
	font-size: 28px
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .about-us-title h1 {
	font-weight: bold;
	line-height: initial;
	text-transform: capitalize
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .about-us-slogan {
	margin-top: 10px;
	font-size:16px;
	line-height:150%;
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .about-us-slogan .reminder-text {
	margin-top: 10px
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .tab-wrap {
	position: relative;
	margin: 20px 0 40px
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .tab-content {
	height: 480px;
	position: relative
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .tab-content .video-wrap {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .tab-content .video-wrap .image-part {
	position: initial;
	width: 100%;
	height: 100%
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .tab-content .video-wrap,
.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .tab-content .video-wrap video {
	width: 100%;
	height: 100%
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .tab-content .video-wrap .play {
	position: absolute;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	cursor: pointer;
	background-color: #fff;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -40px;
	z-index: 1;
	transform: none
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .tab-content .video-wrap .play:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 16px solid transparent;
	border-left: 24px solid #000;
	border-bottom: 16px solid transparent;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -8px
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .tab-btn li.current {
	background-color: #007cc2;
	color: #fff
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .tab-content .current {
	visibility: visible;
	z-index: 1
}

#aboutus_intruduction .YouTuBe_Box_Iframe .play {
	position: unset !important;
	left: unset !important;
	top: unset !important;
	transform: unset !important;
	cursor: pointer;
	border-radius: unset !important;
	margin: 0 !important;
	display: block !important
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .play {
	width: 200px;
	height: 200px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -100px;
	cursor: pointer
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .tab-btn {
	position: absolute;
	top: 400px;
	left: 50%;
	transform: translateX(-50%);
	border: 1px solid #007cc2;
	border-radius: 16px;
	background-color: rgba(255, 255, 255, 0.2);
	overflow: hidden;
	z-index: 2
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .tab-btn li {
	float: left;
	cursor: pointer;
	padding: 5px 15px;
	font-size: 12px
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .item {
	margin-bottom: 40px
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .item .text ul,
.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .item .text li {
	list-style: inherit !important
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .item:last-of-type {
	margin-bottom: 0
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .item .column-title {
	font-weight: bold;
	position: relative;
	text-transform: capitalize;
	margin-bottom: 28px;
	margin-top: 28px
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .iconfont {
	margin-right: 4px;
	vertical-align: middle
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .item table {
	width: 100%;
	font-size: 14px;
	line-height: 22px
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .item table th,
.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .item table td {
	vertical-align: top;
	text-align: left
}

.aboutusSwiperInfo_uXK6VaPNx1 .cxxScroll .next,
.aboutusSwiperInfo_uXK6VaPNx1 .cxxScroll .prev {
	display: none
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .cxxScroll .nav-list {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 17px;
	left: 0
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .cxxScroll .nav-list ul {
	display: inline-block
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .cxxScroll .nav-list li {
	float: left;
	font-size: 0;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background-color: #ddd;
	margin: 0 8px;
	-webkit-transition: width .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: width .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: width .2s ease-in-out, background-color .2s ease-in-out;
	-ms-transition: width .2s ease-in-out, background-color .2s ease-in-out;
	transition: width .2s ease-in-out, background-color .2s ease-in-out;
	cursor: pointer
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .fn-clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ' ';
	clear: both;
	height: 0;
	overflow: hidden
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .pic-list li {
	height: 480px;
	width: 900px;
	border-radius: 8px;
	

	
	
	overflow: hidden
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .pic-list .image-part {
	width: 900px;
	height: 480px
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .pic-list li a {
	display: block;
	height: 100%;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .pic-list li a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	
	
	
	
	object-position: center
}

.aboutusSwiperInfo_uXK6VaPNx1 .fn-clear {
	zoom: 1
}

.aboutusSwiperInfo_uXK6VaPNx1 .about-us-content .cxxScroll .nav-list-line ul li {
	width: 50px !important;
	height: 5px !important;
	border-radius: 0 !important
}

[dir="rtl"] .aboutusSwiperInfo_uXK6VaPNx1 .cxxScroll {
	direction: ltr
}

.asideAnchor_JZIc8aL3nz {
	width: 255px;
	margin-top: 20px
}

.asideAnchor_JZIc8aL3nz .aside_wrap .aside-list {
	border-radius: 4px;
	padding: 20px 20px 20px 0;
	background-color: #f5f5f5
}

.asideAnchor_JZIc8aL3nz .aside_wrap .aside-list li {
	margin-bottom: 16px;
	cursor: pointer;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: capitalize
}

.asideAnchor_JZIc8aL3nz .aside_wrap .aside-list li.on .iconfont,
.asideAnchor_JZIc8aL3nz .aside-list .lilist:nth-child(1) .iconfont {
	color: #00598b;
	display: inline !important
}

.asideAnchor_JZIc8aL3nz .aside_wrap .aside-list li:last-child {
	margin-bottom: 0
}

.asideAnchor_JZIc8aL3nz .noPadding {
	padding-right: 0 !important
}

.asideAnchor_JZIc8aL3nz .aside_wrap .aside-list li a {
	display: block;
	text-transform: capitalize;
	position: relative;
	text-decoration: none;
	padding-right: 50px;
	cursor: pointer
}

.asideAnchor_JZIc8aL3nz .aside_wrap .aside-list li a span {
	position: absolute;
	right: 0;
	top: 0
}

.asideAnchor_JZIc8aL3nz .aside_wrap .aside-list li {
	color: #007cc2;
	font-size: 18px;
	line-height: 26px
}

.asideAnchor_JZIc8aL3nz .aside_wrap .aside-list li .iconfont {
	color: #00598b;
	font-size: 26px;
	line-height: 26px;
	vertical-align: bottom;
	margin-left: -8px;
	padding-right: 10px
}

.asideAnchor_JZIc8aL3nz .aside_wrap .aside-list li.on,
.asideAnchor_JZIc8aL3nz .aside-list .lilist:nth-child(1),
.asideAnchor_JZIc8aL3nz .aside_wrap .aside-list li:hover {
	color: #00598b
}

.asideAnchor_JZIc8aL3nz .aside_wrap .aside-list .iconfont.none {
	padding: 20px;
	margin-right: 0
}

.asideAnchor_JZIc8aL3nz .aside_wrap .aside-list li.un .iconfont {
	display: none
}

.asideAnchor_JZIc8aL3nz .aside_wrap .aside-list li.un {
	margin-left: 30px
}

.asideAnchor_JZIc8aL3nz .aside-list .lilist:nth-child(1) {
	margin-left: 0
}

.asideContactInfo_MVLIFJ_5iq .buttonClass {
	background-color: transparent !important;
	border-color: #007cc2 !important;
	color: #007cc2 !important;
	border-width: 1px !important;
	border-style: solid !important
}

.asideContactInfo_MVLIFJ_5iq .buttonClass:hover {
	border-color: #007cc2 !important;
	background-color: #007cc2 !important;
	color: #fff !important
}

.asideContactInfo_MVLIFJ_5iq .ecer-card-button,
.asideContactInfo_MVLIFJ_5iq .button {
	font-weight: bold;
	box-shadow: none !important;
	vertical-align: middle;
	padding: 0 16px;
	cursor: pointer;
	text-align: center;
	margin: 0 auto
}

.asideContactInfo_MVLIFJ_5iq .buttonClass .ft-contact2.feitian {
	vertical-align: baseline !important;
	width: 16px !important;
	height: 16px !important;
	line-height: 16px !important;
	font-size: 16px !important
}

.asideContactInfo_MVLIFJ_5iq {
	width: 255px;
	margin-top: 20px;
	background: #fff
}

.asideContactInfo_MVLIFJ_5iq .none {
	padding: 5.5px
}

.asideContactInfo_MVLIFJ_5iq .aside_form_99702_112 .contacts {
	background: #f2f2f2
}

.asideContactInfo_MVLIFJ_5iq .aside-form-column {
	font-size: 18px;
	line-height: 26px;
	color: #007cc2
}

.asideContactInfo_MVLIFJ_5iq .iconfont {
	font-size: 26px;
	line-height: 26px;
	vertical-align: bottom;
	color: #007cc2
}

.asideContactInfo_MVLIFJ_5iq .key,
.asideContactInfo_MVLIFJ_5iq .value {
	font-size: 14px
}

.asideContactInfo_MVLIFJ_5iq .key {
	color: #999
}

.asideContactInfo_MVLIFJ_5iq .value {
	color: #333
}

.asideContactInfo_MVLIFJ_5iq .feitian {
	width: 30px !important;
	height: 30px !important;
	font-size: 30px !important
}

.asideContactInfo_MVLIFJ_5iq .aside_form_99702_112 .links .ft-contact2 {
	color: #1264e3
}

.asideContactInfo_MVLIFJ_5iq .aside_form_99702_112 .links .ft-phone1 {
	color: #007cc2
}

.asideContactInfo_MVLIFJ_5iq .aside_form_99702_112 .links .ft-wechat1 {
	color: #46bb36
}

.asideContactInfo_MVLIFJ_5iq .aside_form_99702_112 .links .ft-skype2 {
	color: #1a8aba
}

.asideContactInfo_MVLIFJ_5iq .aside_form_99702_112 .links .ft-whatsapp2 {
	color: #5de401
}

.asideContactInfo_MVLIFJ_5iq .aside_form_99702_112 .aside-form-column {
	font-weight: bold;
	padding-left: 10px;
	position: relative;
	text-transform: capitalize
}

.asideContactInfo_MVLIFJ_5iq .aside_form_99702_112 .aside-form-column .iconfont {
	vertical-align: bottom;
	margin-right: 4px;
	margin-left: -20px
}

.asideContactInfo_MVLIFJ_5iq .aside_form_99702_112 .contacts {
	padding: 20px 16px;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 20px
}

.asideContactInfo_MVLIFJ_5iq .aside_form_99702_112 .contacts .button {
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 4px !important;
	font-size: 16px;
	color: #fff;
	padding: 0 16px;
	cursor: pointer;
	display: block;
	text-decoration: none
}

.asideContactInfo_MVLIFJ_5iq .aside_form_99702_112 .contacts table {
	width: 100%
}

.asideContactInfo_MVLIFJ_5iq .aside_form_99702_112 .contacts table th {
	width: 30%;
	text-transform: capitalize;
	padding: 8px 4px 8px 0
}

.asideContactInfo_MVLIFJ_5iq .aside_form_99702_112 .contacts table td {
	width: 70%;
	padding: 8px 0 8px 0;
	word-break: break-all
}

.asideContactInfo_MVLIFJ_5iq .aside_form_99702_112 .links {
	margin: 12px -6px 0
}

.asideContactInfo_MVLIFJ_5iq .aside_form_99702_112 .links a {
	display: inline-block;
	vertical-align: middle;
	margin: 0 6px 16px
}

.asideContactInfo_MVLIFJ_5iq .aside_form_99702_112 .links .feitian {
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%
}

.mailUs_TgL35RvimS .buttonClass {
	background-color: transparent !important;
	border-color: #007cc2 !important;
	color: #007cc2 !important;
	border-width: 1px !important;
	border-style: solid !important
}

.mailUs_TgL35RvimS .buttonClass:hover {
	border-color: #007cc2 !important;
	background-color: #007cc2 !important;
	color: #fff !important
}

.mailUs_TgL35RvimS .ecer-card-button,
.mailUs_TgL35RvimS .button {
	font-weight: bold;
	box-shadow: none !important;
	vertical-align: middle;
	padding: 0 16px;
	cursor: pointer;
	text-align: center;
	margin: 0 auto
}

.mailUs_TgL35RvimS .buttonClass .ft-contact2.feitian {
	vertical-align: baseline !important;
	width: 16px !important;
	height: 16px !important;
	line-height: 16px !important;
	font-size: 16px !important
}

.mailUs_TgL35RvimS {
	margin-top: 20px
}

.mailUs_TgL35RvimS .mail_us_99702_116 {
	background-color: #fff
}

.mailUs_TgL35RvimS .mail_us_99702_116 .mailus-title {
	font-size: 18px;
	line-height: 26px;
	color: #007cc2
}

.mailUs_TgL35RvimS .mail_us_99702_116 .mailus-title .iconfont {
	font-size: 26px;
	line-height: 26px;
	vertical-align: bottom;
	margin-left: -10px;
	color: #007cc2
}

.mailUs_TgL35RvimS .mail_us_99702_116 .mailus-title .iconfont.none {
	padding: 5.5px
}

.mailUs_TgL35RvimS .mail_us_99702_116 {
	width: 255px;
	z-index: 2
}

.mailUs_TgL35RvimS .mail_us_99702_116 .mailus-title {
	font-weight: bold;
	position: relative;
	text-transform: capitalize
}

.mailUs_TgL35RvimS .mail_us_99702_116 .form {
	width: 100%;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
	padding: 20px;
	margin-top: 20px
}

.mailUs_TgL35RvimS .mail_us_99702_116 .form input,
.mailUs_TgL35RvimS .mail_us_99702_116 .form textarea {
	display: block;
	width: 100%;
	border: 0;
	background-color: #f5f5f5;
	outline: 0;
	box-sizing: border-box;
	border-radius: 4px;
	line-height: 24px;
	margin-bottom: 10px
}

.mailUs_TgL35RvimS .mail_us_99702_116 input::placeholder,
.mailUs_TgL35RvimS .mail_us_99702_116 textarea::placeholder {
	font-size: 14px
}

.mailUs_TgL35RvimS .mail_us_99702_116 .form input {
	height: 32px;
	padding: 4px 15px
}

.mailUs_TgL35RvimS .mail_us_99702_116 .form textarea {
	height: 110px;
	resize: none;
	position: relative;
	z-index: 1;
	padding: 8px 15px
}

.mailUs_TgL35RvimS .mail_us_99702_116 .form .operations {
	text-align: center
}

.mailUs_TgL35RvimS .mail_us_99702_116 .form button {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px
}

.footerModule_8jIVvqaLs19 .footer-navs a:hover {
	text-decoration: underline
}

footerModule_8jIVvqaLs19 .feitian {
	vertical-align: middle
}

.footerModule_8jIVvqaLs19 .form .card-btn-custom {
	font-weight: bold;
	display: inline-block;
	border-radius: 0;
	vertical-align: middle;
	padding: 10px 16px;
	cursor: pointer;
	font-size: 12px;
	margin-top: 20px;
	color: #fff;
	border: 1px solid;
	height: 15px !important;
	line-height: 15px !important
}

.footerModule_8jIVvqaLs19 .form .card-btn-custom i {
	display: inline-block;
	vertical-align: inherit;
	font-size: 16px;
	position: relative;
	top: -1px
}

.footerModule_8jIVvqaLs19 {
	position: relative;
	padding-top: 90px;
	overflow: hidden;
	margin-top: 40px;
	background-color: #263238
}

.footerModule_8jIVvqaLs19 .float-left {
	float: left
}

.footerModule_8jIVvqaLs19 .float-right {
	float: right
}

.footerModule_8jIVvqaLs19::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 169px;
	background: url(/images/klm_footer_mask_white.png) no-repeat top center;
	background-size: cover;
	top: 0;
	left: 0
}

.gray-footer .footerModule_8jIVvqaLs19::before {
	background: url(/images/klm_footer_mask.png) no-repeat top center
}

.footerModule_8jIVvqaLs19 .wrap-rule {
	position: relative
}

.footerModule_8jIVvqaLs19 .wrap-rule::before,
.footerModule_8jIVvqaLs19 .wrap-rule::after {
	content: "";
	width: 86px;
	height: 132px;
	position: absolute;
	z-index: 1;
	background-repeat: no-repeat;
	background-image: url(/images/klm_sprites.png);
	background-position: -96px -141px
}

.footerModule_8jIVvqaLs19 .wrap-rule::before {
	bottom: 46px;
	left: -400px
}

.footerModule_8jIVvqaLs19 .wrap-rule::after {
	top: -33px;
	right: -351px
}

.footerModule_8jIVvqaLs19 .logo {
	display: block;
	width: 120px;
	height: 40px;
	line-height: 26px;
	border-radius: 4px;
	box-sizing: content-box
}

.footerModule_8jIVvqaLs19 .bottom-container {
	margin-top: 40px
}

.footerModule_8jIVvqaLs19 .text {
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	margin-bottom: 27px
}

.footerModule_8jIVvqaLs19 .texts-container {
	width: 249px
}

.footerModule_8jIVvqaLs19 .texts-container .text:last-child {
	margin-bottom: 0
}

.footerModule_8jIVvqaLs19 .links {
	font-size: 0
}

.footerModule_8jIVvqaLs19 .links a {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	margin-right: 15px;
	position: relative;
	-webkit-transition: transform .2s ease;
	-moz-transition: transform .2s ease;
	-o-transition: transform .2s ease;
	-ms-transition: transform .2s ease;
	transition: transform .2s ease;
	cursor: pointer
}

.footerModule_8jIVvqaLs19 .links a:last-child {
	margin-right: 0
}

.footerModule_8jIVvqaLs19 .links a:hover {
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	-o-transform: translateY(-6px);
	transform: translateY(-6px)
}

.footerModule_8jIVvqaLs19 .footer-navs {
	width: 130px;
	margin-left: 200px
}

.footerModule_8jIVvqaLs19 .footer-navs a {
	display: block;
	font-size: 12px;
	color: #fff;
	line-height: 18px;
	margin-bottom: 27px
}

.footerModule_8jIVvqaLs19 .footer-navs a:last-child {
	margin-bottom: 0
}

.footerModule_8jIVvqaLs19 .footer-navs a:hover {
	text-decoration: underline
}

.footerModule_8jIVvqaLs19 .form {
	width: 300px
}

.footerModule_8jIVvqaLs19 .form .form-title {
	line-height: 18px;
	color: #fff;
	margin-bottom: 8px
}

.footerModule_8jIVvqaLs19 .form input,
.footerModule_8jIVvqaLs19 .form textarea,
.footerModule_8jIVvqaLs19 .placeholder {
	padding: 7px 14px;
	line-height: 20px
}

.footerModule_8jIVvqaLs19 .form .form-item,
.footerModule_8jIVvqaLs19 .form input,
.footerModule_8jIVvqaLs19 .form textarea {
	display: block;
	width: 100%;
	background-color: #fff;
	margin-bottom: 10px;
	border: 1px solid #c7c7c7;
	border-radius: 4px;
	outline: 0
}

.footerModule_8jIVvqaLs19 .form input {
	height: 36px
}

.footerModule_8jIVvqaLs19 input::-webkit-input-placeholder,
.footerModule_8jIVvqaLs19 input:-moz-placeholder,
.footerModule_8jIVvqaLs19 input::-moz-placeholder,
.footerModule_8jIVvqaLs19 input:-ms-input-placeholder {
	font-size: 14px;
	color: #333
}

.footerModule_8jIVvqaLs19 .form .form-item {
	height: 36px;
	position: relative
}

.footerModule_8jIVvqaLs19 .form .form-item .placeholder {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	color: #c7c7c7
}

.footerModule_8jIVvqaLs19 .form .form-item input,
.footerModule_8jIVvqaLs19 .form .form-item textarea {
	margin-bottom: 0;
	border: 0;
	background-color: transparent;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1
}

.footerModule_8jIVvqaLs19 .form .form-item.textarea {
	height: 70px
}

.footerModule_8jIVvqaLs19 .form .form-item textarea {
	height: 70px;
	resize: none
}

.footerModule_8jIVvqaLs19 .form .form-item .placeholder .required {
	color: red;
	margin-left: 4px
}

.footerModule_8jIVvqaLs19 .form .button {
	font-size: 12px;
	margin-top: 20px
}

.footerModule_8jIVvqaLs19 .privacy {
	font-size: 12px;
	line-height: 20px;
	color: #999;
	border-top: 1px solid #64696b;
	padding: 18px 0 27px;
	text-align: center;
	margin-top: 20px
}

.footerModule_8jIVvqaLs19 .text {
	color: #fff;
	font-size: 14px
}

.footerModule_8jIVvqaLs19 a.text:hover {
	color: #007cc2
}

.footerModule_8jIVvqaLs19 .footer-navs a {
	color: #fff;
	font-size: 14px
}

.footerModule_8jIVvqaLs19 .footer-navs a:hover {
	color: #007cc2
}

.footerModule_8jIVvqaLs19 .form .form-title {
	color: #fff;
	font-size: 14px
}

.footerModule_8jIVvqaLs19 {
	background-color: #263238
}

.footerModule_8jIVvqaLs19 .logo {
	width: 160px;
	height: 44px
}

.footerModule_8jIVvqaLs19 .links i {
	font-size: 18px;
	color: #fff
}

.footerModule_8jIVvqaLs19 .links i:hover {
	color: #fff
}

.footerModule_8jIVvqaLs19 .form input,
.footerModule_8jIVvqaLs19 .form textarea {
	font-size: 14px;
	color: #333
}

.footerModule_8jIVvqaLs19 .form .placeholder,
.footerModule_8jIVvqaLs19 .form input::placeholder,
.footerModule_8jIVvqaLs19 .form textarea::placeholder {
	font-size: 14px;
	color: #666 !important
}

.footerModule_8jIVvqaLs19 .buttonClass {
	background-color: #007cc2 !important;
	border-color: #007cc2 !important;
	color: #fff !important;
	border: none !important
}

.footerModule_8jIVvqaLs19 .buttonClass:hover {
	border-color: #00598b !important;
	background-color: #00598b !important
}

.footerModule_8jIVvqaLs19 .ecer-card-button,
.footerModule_8jIVvqaLs19 .button {
	font-weight: bold;
	box-shadow: none !important;
	vertical-align: middle;
	padding: 0 16px;
	cursor: pointer;
	text-align: center;
	margin: 0 auto
}

.footerModule_8jIVvqaLs19 .buttonClass .ft-contact2.feitian {
	vertical-align: baseline !important;
	width: 16px !important;
	height: 16px !important;
	line-height: 16px !important;
	font-size: 16px !important
}

.footerModule_8jIVvqaLs19 .privacy {
	font-size: 14px;
	color: #999
}

.autoInquiryPopUp_jv5mNU2X9X .buttonClass {
	background-color: #007cc2 !important;
	border-color: #007cc2 !important;
	color: #fff !important;
	border: none !important
}

.autoInquiryPopUp_jv5mNU2X9X .buttonClass:hover {
	border-color: #00598b !important;
	background-color: #00598b !important
}

.autoInquiryPopUp_jv5mNU2X9X .ecer-card-button,
.autoInquiryPopUp_jv5mNU2X9X .button {
	font-weight: bold;
	box-shadow: none !important;
	vertical-align: middle;
	padding: 0 16px;
	cursor: pointer;
	text-align: center;
	margin: 0 auto
}

.autoInquiryPopUp_jv5mNU2X9X .buttonClass .ft-contact2.feitian {
	vertical-align: baseline !important;
	width: 16px !important;
	height: 16px !important;
	line-height: 16px !important;
	font-size: 16px !important
}

.autoInquiryPopUp_jv5mNU2X9X .title {
	font-size: 24px;
	color: #333
}

.autoInquiryPopUp_jv5mNU2X9X #dialog-content-pql-design-ok-auto,
.autoInquiryPopUp_jv5mNU2X9X #dialog-content-pql-design-id-auto {
	width: 460px !important
}

.autoInquiryPopUp_jv5mNU2X9X #dialog-content-pql-design-auto div.btn {
	position: static;
	margin: 20px auto !important
}

.autoInquiryPopUp_jv5mNU2X9X #dialog-content-pql-design-id-auto div.btn {
	position: static;
	margin: 20px auto !important
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto .mr ul li:hover {
	filter: brightness(103%)
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto .mr ul li:active {
	filter: brightness(108%)
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto .mr ul li {
	background: #f5f5f5;
	user-select: none
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto ul,
.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto li {
	list-style: none
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto {
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .image-part {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .dialog-content-pql-design {
	width: 600px;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
	border-radius: 4px;
	padding: 41px 47px 34px
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .close {
	position: absolute;
	width: 15px;
	height: 15px;
	top: 22px;
	right: 27px;
	cursor: pointer
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .close:before,
.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .close:after {
	position: absolute;
	content: "";
	background-color: #707070;
	width: 15px;
	height: 2px;
	top: 50%;
	left: 0
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .close:before {
	transform: rotate(45deg)
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .close:after {
	transform: rotate(-45deg)
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .title {
	text-align: center;
	line-height: 1.5
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto p {
	margin: 0
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .form {
	width: 100%;
	margin-top: 22px
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .form input,
.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .form .textarea {
	background-color: #f5f5f5;
	font-family: robot !important
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .form input,
.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .form textarea {
	display: block;
	width: 100%;
	font-size: 16px;
	border-radius: 4px;
	border: 0;
	outline: 0;
	box-sizing: border-box;
	padding: 12px 19px;
	line-height: 20px;
	margin-bottom: 15px;
	text-indent: 0
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .form input {
	height: 44px
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .form .textarea {
	position: relative
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .form textarea {
	height: 127px;
	resize: none;
	background-color: transparent;
	position: relative;
	z-index: 1
}

.autoInquiryPopUp_jv5mNU2X9X textarea::-webkit-input-placeholder {
	font-family: robot !important
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .form::-webkit-input-placeholder {
	font-size: 16px;
	color: #999
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .form:-moz-placeholder {
	font-size: 16px;
	color: #999
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .form::-moz-placeholder {
	font-size: 16px;
	color: #999
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .form:-ms-input-placeholder {
	font-size: 16px;
	color: #999
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .form #submitStart {
	margin: 0 auto
}

.autoInquiryPopUp_jv5mNU2X9X .leave-message-dialog-design-auto .form #submitStart:hover {
	filter: brightness(110%)
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto .img {
	width: 100%;
	height: 200px;
	border-radius: 2px;
	display: inline-block;
	position: relative
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto .img img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto.top .left {
	width: 100% !important;
	float: none !important
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto.top .right {
	width: 100% !important;
	float: none !important;
	margin-left: 0 !important
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design.top .btn {
	margin-left: auto !important;
	margin-right: auto !important
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto .left {
	width: 200px;
	float: left
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto .titlep {
	word-wrap: break-word;
	display: -webkit-box;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	/*! autoprefixer: on */
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 10px
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto .left ul {
	width: 100%;
	padding: 0;
	margin: 0
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto .left ul li {
	height: 20px;
	list-style: none;
	margin-top: 6px
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto .left ul li span:first-child {
	width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto .left ul li span:last-child {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	width: 120px
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto .right {
	width: 400px;
	float: right;
	margin-left: 20px
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto .title {
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	/*! autoprefixer: on */
	-webkit-line-clamp: 2;
	overflow: hidden
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto input {
	width: 100%;
	height: 40px;
	margin-top: 20px;
	border: 0;
	outline: 0;
	background: #f5f5f5;
	text-indent: 16px;
	font-size: 16px
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design .btn {
	width: 200px;
	height: 40px;
	border-radius: 4px;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	margin-top: 30px !important;
	cursor: pointer
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design .endOk {
	margin: 0 auto;
	margin-top: 50px
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto .mr-box {
	position: relative
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto .mr {
	position: absolute;
	width: 70px;
	height: 40px;
	bottom: 0;
	left: 0;
	line-height: 40px;
	text-align: center;
	color: #757575
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto #idnamepql_design_auto {
	text-indent: 80px
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto .mr::before {
	position: absolute;
	content: "";
	display: block;
	border: 5px solid #000;
	border-color: #000 transparent transparent transparent;
	top: 50%;
	transform: translateY(-50%);
	right: 5px;
	margin-top: 3px
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto .mr ul {
	position: absolute;
	width: 100%;
	cursor: pointer;
	top: 34px;
	background: #f5f5f5;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid #ededed;
	display: none
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto .mr:hover ul {
	display: block
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-ok-auto .duihaook {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-ok-auto .duihaook::after {
	content: "";
	display: inline-block;
	background: #34da00;
	width: 35px;
	height: 12px;
	transform: rotate(45deg);
	position: absolute;
	left: 16px;
	top: 35px;
	border-radius: 2px
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-ok-auto .duihaook::before {
	content: "";
	display: inline-block;
	background: #a4ff94;
	width: 50px;
	height: 15px;
	transform: rotate(-45deg);
	position: absolute;
	left: 32px;
	border-radius: 2px;
	top: 26px
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-ok-auto .p1 {
	text-align: center;
	font-size: 18px;
	margin-top: 14px
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design .error-pql {
	margin-top: -12px;
	margin-bottom: 10px;
	color: red;
	display: none
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design .icon-pql {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	background: red;
	border-radius: 50%
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design .icon-pql img {
	width: 100%;
	height: 100%
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto .left ul li {
	height: 44px;
	list-style: none;
	margin-top: 6px;
	font-size: 16px
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto .left ul li span:first-child {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	font-size: 16px;
	color: #757575;
	line-height: 18px
}

.autoInquiryPopUp_jv5mNU2X9X .dialog-content-pql-design-id-auto .left ul li span:last-child {
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	white-space: nowrap;
	display: inline-block;
	line-height: 18px;
	width: 100%
}

.inquiryPopUp_Nf8sqwlyZJ .buttonClass {
	background-color: #007cc2 !important;
	border-color: #007cc2 !important;
	color: #fff !important;
	border: none !important
}

.inquiryPopUp_Nf8sqwlyZJ .buttonClass:hover {
	border-color: #00598b !important;
	background-color: #00598b !important
}

.inquiryPopUp_Nf8sqwlyZJ .ecer-card-button,
.inquiryPopUp_Nf8sqwlyZJ .button {
	font-weight: bold;
	box-shadow: none !important;
	vertical-align: middle;
	padding: 0 16px;
	cursor: pointer;
	text-align: center;
	margin: 0 auto
}

.inquiryPopUp_Nf8sqwlyZJ .buttonClass .ft-contact2.feitian {
	vertical-align: baseline !important;
	width: 16px !important;
	height: 16px !important;
	line-height: 16px !important;
	font-size: 16px !important
}

.inquiryPopUp_Nf8sqwlyZJ .title {
	font-size: 24px;
	color: #333
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .img img {
	border-radius: 5px
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .titlep {
	font-size: 16px;
	color: #333
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .left ul li span:first-child {
	font-size: 16px;
	color: #757575
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .left ul li span:last-child {
	font-size: 16px;
	color: #000
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .mr ul li:hover {
	filter: brightness(103%)
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .mr ul li:active {
	filter: brightness(108%)
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .mr ul li {
	background: #f5f5f5;
	user-select: none
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design ul,
.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design li {
	list-style: none
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design {
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .image-part {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative
}

.inquiryPopUp_Nf8sqwlyZJ #dialog-content-pql-design-ok {
	min-width: 600px !important
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design.top {
	min-width: 600px !important
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .dialog-content-pql-design {
	min-width: 740px !important;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
	border-radius: 4px;
	padding: 41px 47px 34px
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .close {
	position: absolute;
	width: 15px;
	height: 15px;
	top: 22px;
	right: 27px;
	cursor: pointer
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .close:before,
.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .close:after {
	position: absolute;
	content: "";
	background-color: #707070;
	width: 15px;
	height: 2px;
	top: 50%;
	left: 0
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .close:before {
	transform: rotate(45deg)
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .close:after {
	transform: rotate(-45deg)
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .title {
	text-align: center;
	line-height: 1.5
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design p {
	margin: 0
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .form {
	width: 100%;
	margin-top: 22px
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .form input,
.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .form .textarea {
	background-color: #f5f5f5;
	font-family: robot !important
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .form input,
.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .form textarea {
	display: block;
	width: 100%;
	font-size: 16px;
	border-radius: 4px;
	border: 0;
	outline: 0;
	box-sizing: border-box;
	padding: 12px 19px;
	line-height: 20px;
	margin-bottom: 15px;
	text-indent: 0
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .form input {
	height: 44px
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .form .textarea {
	position: relative
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .form textarea {
	height: 127px;
	resize: none;
	background-color: transparent;
	position: relative;
	z-index: 1
}

.inquiryPopUp_Nf8sqwlyZJ textarea::-webkit-input-placeholder {
	font-family: robot !important
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .form::-webkit-input-placeholder {
	font-size: 16px;
	color: #999
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .form:-moz-placeholder {
	font-size: 16px;
	color: #999
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .form::-moz-placeholder {
	font-size: 16px;
	color: #999
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .form:-ms-input-placeholder {
	font-size: 16px;
	color: #999
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .form #submitStart {
	margin: 0 auto
}

.inquiryPopUp_Nf8sqwlyZJ .leave-message-dialog-design .form #submitStart:hover {
	filter: brightness(110%)
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .img {
	width: 100%;
	height: 200px;
	border-radius: 2px;
	display: inline-block;
	position: relative
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .img img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id.top .left {
	width: 100% !important;
	float: none !important
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id.top .right {
	width: 100% !important;
	float: none !important;
	margin-left: 0 !important
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design.top .btn {
	margin-left: auto !important;
	margin-right: auto !important
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .left {
	width: 200px;
	float: left
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .titlep {
	word-wrap: break-word;
	display: -webkit-box;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	/*! autoprefixer: on */
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 10px
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .left ul {
	width: 100%;
	padding: 0;
	margin: 0
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id.top .left ul li {
	height: 22px !important
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id.top .left ul li span:first-child {
	width: 150px !important
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id.top .left ul li span:last-child {
	width: calc(100% - 1500px) !important
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .left ul li {
	height: 44px;
	list-style: none;
	margin-top: 6px;
	font-size: 16px
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .left ul li span:first-child {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	font-size: 16px;
	color: #757575;
	line-height: 18px
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .left ul li span:last-child {
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	white-space: nowrap;
	display: inline-block;
	line-height: 18px;
	width: 100%
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .right {
	width: 400px;
	float: right;
	margin-left: 20px
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .title {
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	/*! autoprefixer: on */
	-webkit-line-clamp: 2;
	overflow: hidden
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id input {
	width: 100%;
	height: 40px;
	margin-top: 20px;
	border: 0;
	outline: 0;
	background: #f5f5f5;
	text-indent: 16px;
	font-size: 16px
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design .btn {
	width: 200px;
	height: 40px;
	border-radius: 4px;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	margin-top: 30px !important;
	cursor: pointer
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design .endOk {
	margin: 0 auto;
	margin-top: 50px
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .mr-box {
	position: relative
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .mr {
	position: absolute;
	width: 70px;
	height: 40px;
	bottom: 0;
	left: 0;
	line-height: 40px;
	text-align: center;
	color: #757575;
	font-size: 16px
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id #idnamepql_design {
	text-indent: 80px
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .mr::before {
	position: absolute;
	content: "";
	display: block;
	border: 5px solid #000;
	border-color: #000 transparent transparent transparent;
	top: 50%;
	transform: translateY(-50%);
	right: 5px;
	margin-top: 3px
}

.inquiryPopUp_Nf8sqwlyZJ #Mr_design {
	font-size: 14px;
	line-height: 14px;
	vertical-align: middle
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .mr ul {
	position: absolute;
	width: 100%;
	cursor: pointer;
	top: 34px;
	background: #f5f5f5;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid #ededed;
	display: none
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .mr:hover ul {
	display: block
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-ok .duihaook {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-ok .duihaook::after {
	content: "";
	display: inline-block;
	background: #34da00;
	width: 35px;
	height: 12px;
	transform: rotate(45deg);
	position: absolute;
	left: 16px;
	top: 35px;
	border-radius: 2px
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-ok .duihaook::before {
	content: "";
	display: inline-block;
	background: #a4ff94;
	width: 50px;
	height: 15px;
	transform: rotate(-45deg);
	position: absolute;
	left: 32px;
	border-radius: 2px;
	top: 26px
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-ok .p1 {
	text-align: center;
	font-size: 18px;
	margin-top: 14px
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design .error-pql {
	margin-top: -12px;
	margin-bottom: 10px;
	color: red;
	display: none
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design .icon-pql {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	background: red;
	border-radius: 50%
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design .icon-pql img {
	width: 100%;
	height: 100%
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .left ul li {
	height: 44px;
	list-style: none;
	margin-top: 6px;
	font-size: 16px
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .left ul li span:first-child {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	font-size: 16px;
	color: #757575;
	line-height: 18px
}

.inquiryPopUp_Nf8sqwlyZJ .dialog-content-pql-design-id .left ul li span:last-child {
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	white-space: nowrap;
	display: inline-block;
	line-height: 18px;
	width: 100%
}