html, body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select { margin: 0; padding: 0; }
html { width: 100%; overflow-y: auto; overflow-x: hidden; }
body { font: 14rem 'SourceHanSansSC-Regular', "microsoft yahei", 宋体, tahoma, Srial, helvetica, sans-serif; -webkit-text-size-adjust: none; width: 100%; height: 100%; }
* { -webkit-overflow-scrolling: touch; /* iOS 滑动流畅 */ }
img { }
a { color: #000; text-decoration: none; transition: color 0.14s ease-in-out; }
a:hover { color: #d52342 !important; }
em, i { font-style: normal; }
b { font-weight: normal; }
li { list-style: none; }
img { border: 0; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; }
p { word-wrap: break-word; }
input, textarea { outline: none; font: 14rem 'SourceHanSansSC-Regular', "microsoft yahei", 宋体, tahoma, Srial, helvetica, sans-serif, sans-serif; }
input[puc], textarea[puc] { width: 100%; background: #fff; border: 0; line-height: 20rem; font-size: 14rem; color: #000; resize: none; outline: none; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ddd; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #ddd; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #ddd; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ddd; }
* { -webkit-tap-highlight-color: rgba(255, 0, 0, 0); /* 去掉ios触摸黑色遮罩 */ box-sizing: border-box; outline: none; }
.flex, .flex-o { flex: 1; -webkit-flex: 1; box-flex: 1; -webkit-box-flex: 1; }
.flex-o { overflow: hidden; }
.df { display: -webkit-box; display: box; display: -webkit-flex; display: flex; }
.wao { -webkit-box-pack: center; box-pack: center; -webkit-justify-content: center; justify-content: center; }
.wal { -webkit-box-pack: start; box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; }
.war { -webkit-box-pack: end; box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }
.hao { -webkit-box-align: center; box-align: center; -webkit-align-items: center; align-items: center; }
.hal { -webkit-box-align: start; box-align: start; -webkit-align-items: flex-start; align-items: flex-start; }
.har { -webkit-box-align: end; box-align: end; -webkit-align-items: flex-end; align-items: flex-end; }
.bob { box-sizing: border-box; }
.cf { /*-webkit-box-direction:normal; box-direction:normal; */-webkit-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; }
.jcb { -webkit-box-pack: justify; -webkit-justify-content: space-between; box-pack: justify; justify-content: space-between; }
.ov-d { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ov-2d { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ov-3d { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.ov-4d { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.ov-5d { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.clear::after { content: ''; clear: both; height: 0; display: block; }
html, body { width: 100%; height: 100%; font-size: 14px; background: #fff; }
body { font-size: 14px; color: #000; background: #fff; }

.appPage { min-height: 100vh; width: 100%; overflow: hidden; }

._wbox { width: 1248px; margin: 0 auto; }

._a { cursor: pointer; transition: color 0.14s ease-in-out; }
._a:hover { color: #d52342 !important; }

._header { background: #fff; padding: 60px 0 44px 0; }
._header_box { }
._header_logo { width: 240px; height: 100%; background: url(../img/logo.png) center left / 100% auto no-repeat; }
._header_title { margin-left: 40px; }
._header_title span { font-family: 'SourceHanSansSC-Bold'; font-size: 28px; display: block; line-height: 32px; margin-top: -2px; }
._header_title em { font-size: 20px; display: block; line-height: 26px; margin-top: 2px; }
._header_btn { font-family: 'SourceHanSansSC-Bold'; font-size: 22px; line-height: 50px; width: 300px; text-align: center; border-radius: 3px; color: #fff; background: #02aede; margin: 0 24px; }
._header_lang { width: 35px; height: 24px; background: url(../img/lang.png) center left / 100% auto no-repeat; }
._header_lang.en { background: url(../img/lang2.png) center left / 100% auto no-repeat; }

._main { background: #02aede; padding: 10px 0; }
._main_float { display: none; }
._main_box { text-align: center; }
._main_item { position: relative; display: inline-block; vertical-align: top; }
._main_cap { font-family: 'SourceHanSansSC-Bold'; font-size: 20px; display: block; line-height: 36px; color: #fff; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; padding: 0 24px; }
._main_cap.cur { color: #d52342; }
._main_group { background: #322924; min-width: 100px; max-width: 440px; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); transition: opacity 0.15s ease-in-out, margin-top 0.15s ease-in-out; opacity: 0; z-index: 888; padding: 8px 0; margin-top: 8px; pointer-events: none; }
._main_group.show { opacity: 1; margin-top: 5px; pointer-events: inherit; }
._main_group::before { content: ''; position: absolute; left: 0; right: 0; top: -7px; height: 9px; }
._main_link { font-family: 'SourceHanSansSC-Bold'; font-size: 18px; display: block; line-height: 22px; color: #fff; padding: 8px 40px; white-space: nowrap; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
._main_link.cur { color: #d52342; }

._body { overflow: hidden; }

._footer { background: #02aede; }
._footer_box { }
._footer_line { max-width: 33.33%; padding: 28px 0 35px 0; }
._footer_title { font-family: 'SourceHanSansSC-Bold'; font-size: 22.22px; color: #fff; line-height: 24px; padding-bottom: 7px; }
._footer_title.mt { margin-top: 53px; }
._footer_info, ._footer_btn { font-size: 19.1px; color: #fff; line-height: 24px; padding: 6px 0; }
._footer_code { margin-top: 18px; }
._footer_code img { width: 204px; height: 204px; object-fit: contain; display: block; }
._footer_code span { font-size: 19.44px; color: #fff; line-height: 24px; margin-top: 12px; display: block; text-align: center; }

._copyright { padding: 16px 0; background: #030303; }
._copyright_box { }
._copyright_txt, ._copyright_btn { font-size: 16.44px; color: #fff; line-height: 24px; }

@media (max-width: 1138px){
	._wbox { width: calc(100% - 40px); margin-left: 20px; margin-right: 20px; }

	._header { padding: 32px 0; }
	._header_logo { width: 16%; min-width: 110px; }
	._header_title { margin-left: 20px; }
	._header_title span { font-size: 19px; }
	._header_title em { font-size: 13.5px; }
	._header_btn { font-size: 16px; width: 224px; margin: 0 16px; }
	._header_lang { width: 30px; }

	._main_cap { font-size: 18px; }
	._main_link { font-size: 16px; line-height: 19px; padding: 6px 30px; }

	._footer_title { font-size: 19px; line-height: 21px; padding-bottom: 8px; }
	._footer_title.mt { margin-top: 32px; }
	._footer_info, ._footer_btn { font-size: 16px; line-height: 20px; padding: 4px 0; }
	._footer_code { margin-top: 8px; }
	._footer_code img { width: 180px; height: 180px; }
	._footer_code span { font-size: 16px; line-height: 20px; margin-top: 8px; }

	._copyright { padding: 12px 0; }
	._copyright_txt, ._copyright_btn { font-size: 15px; line-height: 21px; }
}

@media (max-width: 768px){
	._header { padding: 30px 0; position: relative; }
	._header_box { display: block; }
	._header_logo { width: auto; min-width: auto; display: block; height: 44px; background-size: auto 40px; background-position: center; }
	._header_title { margin-left: 0; margin-top: 24px; text-align: center; }
	._header_title span { font-size: 24px; line-height: 32px; }
	._header_title em { font-size: 16px; line-height: 24px; margin-top: 8px; }
	._header_btn { display: block; width: auto; margin: 14px 0 0 0; }
	._header_lang { position: absolute; right: 20px; top: 20px; }

	._main { display: block; padding: 10px 0; }
	._main_float { display: block; width: 36px; height: 36px; background: #322924 url(../img/main.png) center center / 22px auto no-repeat; margin: 0 auto; border-radius: 4px; cursor: pointer; }
	._main_float.close { background-image: url(../img/close.png); }
	._main_box { background: #322924; margin: 10px 0 -10px 0; display: none; padding: 10px 0; text-align: left; }
	._main_box.show { display: block; }
	._main_item { display: block; }
	._main_cap { padding: 0 20px; }
	._main_group { min-width: none; max-width: none; max-height: 0; position: static; left: 0; top: 0; transform: none; overflow: hidden; transition: all 0.1s ease-in-out; opacity: 1; padding: 0; margin-top: 0; background: #423933; }
	._main_group.show { opacity: 1; max-height: 1000px; padding: 8px 0; }
	._main_link { font-size: 13px; line-height: 21px; }

	._footer_box { display: block; padding-top: 24px; }
	._footer_line { max-width: none; padding: 0 0 24px 0; }
	._footer_title { font-size: 18px; line-height: 20px; }
	._footer_title.mt { margin-top: 24px; }
	._footer_line:last-child ._footer_title { display: none; }
	._footer_info, ._footer_btn { font-size: 14px; line-height: 18px; }
	._footer_code { margin: 8px auto 0 auto; width: 180px; }
	._footer_code img { width: 180px; height: 180px; }
	._footer_code span { font-size: 16px; line-height: 20px; margin-top: 8px; }

	._copyright_box { /*-webkit-box-direction:normal; box-direction:normal; */-webkit-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; }
	._copyright_txt, ._copyright_btn { font-size: 14px; line-height: 18px; }
	._copyright_btn { margin-top: 6px; }
}