@charset "utf-8";

@font-face { font-family: 'HarmonyOS_Sans_SC_Regular'; src: url('../fonts/HarmonyOS_Sans_SC_Regular.woff') format('woff'); font-display: swap; }
@font-face { font-family: 'HarmonyOS_Sans_SC_Medium'; src: url('../fonts/HarmonyOS_Sans_SC_Medium.woff') format('woff'); font-display: swap; }
@font-face { font-family: 'HarmonyOS_Sans_SC_Light'; src: url('../fonts/HarmonyOS_Sans_SC_Light.ttf') format('woff'); font-display: swap; }
@font-face { font-family: 'HarmonyOS_Sans_SC_Bold'; src: url('../fonts/HarmonyOS_Sans_SC_Bold.woff') format('woff'); font-display: swap; }
* { -webkit-tap-highlight-color: transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; }
html, body, div, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, p, h1, h2, h3, h4, h5, h6, dl, dd, ol, ul, li { margin: 0; padding: 0; }
body { background-color: #fff; color: #333; font: normal 16px/1.875em 'Arial', 'Sans-serif'; overflow-x: hidden; word-wrap: break-word; }
a { text-decoration: none; outline: none; color: #333; }
a:focus { outline: none; -moz-outline: none; }
a:hover { color: #d63139; }
a img { border: none; }
img { vertical-align: middle; max-width: 100%; }
li { list-style: none; }
select, input, textarea, button { border-radius: 0; -webkit-border-radius: 0; background: none; border: none; margin: 0; padding: 0; outline: none; font-family: 'Arial', 'Sans-serif'; font-size: 1em; }
input:focus { outline: none; }
textarea { resize: none; }
input::-moz-placeholder { opacity: 0.75; color: inherit; }
input:-moz-placeholder { opacity: 0.75; color: inherit; }
input::-webkit-input-placeholder { opacity: 0.75; color: inherit; }
input:-ms-input-placeholder { opacity: 0.75; color: inherit; }
table { background-color: transparent; border-spacing: 0; border-collapse: collapse; width: 100%; box-sizing: border-box; }
table td, table th { box-sizing: border-box; }
.inner { width: 93.75%; max-width: 1680px; margin: 0 auto; }
.clear { clear: both; height: 0px; overflow: hidden; }
.figure { overflow: hidden; position: relative; }
.figure a { display: block; position: relative; overflow: hidden; }
.figure img { display: block; width: 100%; height: auto; }
.figure .img { background: no-repeat center center; background-size: cover; display: block; transition: all .3s; }
.rows { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.wot { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.submit { cursor: pointer; }
.fz48 { font-size: 3em; line-height: 1.125em; }
.flexbox { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; -o-flex-flow: wrap; flex-flow: wrap; }
.tablebox { display: table; table-layout: fixed; width: 100%; }
.button a { display: block; width: 10.5em; height: 3.125em; line-height: 3.125em; text-align: center; position: relative; color: #fff; font-weight: lighter; }
.button a:before { width: 100%; height: 100%; content: ''; display: block; position: absolute; left: 0; top: 0; border: 1px solid #fff; box-sizing: border-box; }
.button a:hover { background-color: #d63139; color: #fff; }
.button a:hover:before { border-color: #d63139; }
.button .bk { background-color: #fff; color: #000; }
.button .bk:hover { color: #fff; }
.button .grey { color: #57585a; }
.button .grey:before { border-color: #57585a; }
.button .grey:hover { background-color: #d63139; color: #fff; }
.button.center a { margin: 0 auto; }
.button .w200 { width: 12.5em; }
#loading { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; animation: loadingLayer 4.5s linear; }
#loading:before { content: ""; z-index: -1; position: absolute; left: 0; top: 0; width: 100%; height: 0; background-color: #fff; }
#loading:after { content: ""; z-index: -1; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background-color: #fff; }
#loading .tips { color: rgba(255, 255, 255, 0.3); text-align: center; position: absolute; left: 0; width: 100%; bottom: 3.125%; }
#loading .box { position: relative; top: 50%; transform: translateY(-50%); margin: 0 auto; }
#loading .logo1 { position: relative; width: 314px; height: 46px; margin: 0 auto 16px; background-color: rgba(255, 255, 255, .3); mask: url(../uploadfiles/loading_05.png); -webkit-mask: url(../uploadfiles/loading_05.png); -webkit-mask-size: 100% 100%; animation: progressBarHide 1s ease-out; animation-delay: 3s; animation-fill-mode: forwards; }
#loading .logo1:after { content: ""; position: absolute; left: 0; top: 50%; width: 0; height: 1000%; background-image: linear-gradient(90deg, #ff555d, #d63139, #ff555d, #d63139, #ff555d); background-size: 200% 100%; animation: bgp 2s infinite linear, loadingProgress 0.75s linear; animation-fill-mode: forwards; transform: translateY(-50%) rotate(-135deg); }
#loading .logo2 { width: 172px; height: 37px; position: relative; margin: 16px auto 0; background-color: rgba(255, 255, 255, .3); mask: url(../uploadfiles/loading_03.png); -webkit-mask: url(../uploadfiles/loading_03.png); -webkit-mask-size: 100% 100%; animation: progressBarHide 1s ease-out; animation-delay: 3s; animation-fill-mode: forwards; }
#loading .logo2:after { content: ""; position: absolute; left: 0; top: 50%; width: 0; height: 1000%; background-image: linear-gradient(90deg, #fff, #fff); background-size: 200% 100%; animation: bgp 2s infinite linear, loadingProgress 0.75s linear; animation-fill-mode: forwards; transform: translateY(-50%) rotate(-135deg); }
#loading .logo2 i { display: block; overflow: hidden; padding-bottom: 21.52%; background: no-repeat center center; background-size: contain; }
#loading .after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; mask: url(../images/mask.svg) no-repeat left top; -webkit-mask: url(../images/mask.svg) no-repeat left top; mask-size: 0%; -webkit-mask-size: 0%; transition: all 3s ease-in 0s; }
#loading .after.load { mask-size: 120%; -webkit-mask-size: 120%; }
@keyframes loadingLayer {
	0% { z-index: 2; background-color: #000; }
	75% { background-color: #526577; }
	99.99% { z-index: 2; }
	100% { z-index: -1; }
}
@keyframes loadingLayerItem {
	0% { height: 50% }
	100% { height: 0; }
}
@keyframes bgp {
	0% { background-position: 0 0; }
	100% { background-position: -100% 0; }
}
@keyframes loadingProgress {
	20% { width: 40%; }
	80% { width: 60%; }
	100% { width: 100%; }
}
@keyframes progressBarHide {
	100% { opacity: 0; }
}
#header { position: absolute; left: 0; top: 0; width: 100%; z-index: 8; transition: all 0.3s; }
#header:hover { background-color: #474f58; }
#header .inner { display: table; table-layout: fixed; }
#logo { width: 8.3125em; font-size: 1em; display: table-cell; vertical-align: middle; position: relative; z-index: 10; }
#logo a { padding-bottom: 31.57894737%; display: block; overflow: hidden; background: no-repeat left center; background-size: contain; position: relative; }
#logo i { position: absolute; width: 100%; height: 100%; text-indent: -99999em; display: block; overflow: hidden; }
#navi { display: table-cell; vertical-align: middle; line-height: 2.625em; text-transform: uppercase; padding: 0 1%; }
#navi .menu { align-items: center; justify-content: flex-end; }
#navi a { color: #fff; display: block; position: relative; }
#navi .parent { position: relative; padding: 1.1875em 3.65019011%; }
#navi .drop { display: none; }
#navi .sub { position: absolute; top: 100%; z-index: 5; left: 50%; transform: translateX(-50%); background-color: #d63139; min-width: 100%; text-align: center; padding: 0.5em 0; line-height: 2em; font-size: 0.875em; }
#navi .sub:before { border-bottom: 0.5em solid #d63139; border-left: 0.5em solid transparent; border-right: 0.5em solid transparent; content: ''; display: block; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); }
#navi .sub a { padding: 0.35em 1em; white-space: nowrap; }
#navi em { display: none; }
#navi .static { position: static; }
#navi .static>a:after { border-bottom: 0.5em solid rgba(255, 255, 255, .1); border-left: 0.5em solid transparent; border-right: 0.5em solid transparent; display: block; content: ''; position: absolute; bottom: -1.1875em; left: 50%; transform: translateX(-50%); opacity: 0; }
#navi .static>a:hover:after { opacity: 1; }
#navi .pro { position: absolute; left: 0; top: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); padding: 1.875em 0; }
#navi .pro .inner { justify-content: space-between; display: flex; }
#navi .pro .column { width: 17.857%; text-align: right; }
#navi .pro .column a:after { border-left: 0.45em solid #d63139; border-top: 0.25em solid transparent; border-bottom: 0.25em solid transparent; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); display: block; content: ''; opacity: 0; }
#navi .pro .column .cur a { background-color: #d63139; }
#navi .pro .column .cur a:after { opacity: 1; }
#navi .pro .column li .item { margin-top: 5px; display: none; }
#navi .pro .list { width: 79.167%; }
#navi .pro .list .item { display: none; }
#navi .pro .list ul { display: flex; flex-wrap: wrap; /*justify-content: space-between;*/ }
#navi .pro .list li { width: 25%; text-align: center; position: relative; }
#navi .pro a { line-height: 3.75em; padding: 0 3.125em 0 1em; position: relative; }
#button { display: table-cell; vertical-align: middle; width: 7.5em; position: relative; }
#button .box { align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
#language { position: relative; color: #fff; cursor: pointer; }
#language span { background: url(../images/language_world.svg) no-repeat left center; background-size: 1.3125em auto; display: block; overflow: hidden; padding-left: 1.75em; padding-right: 1.375em; font-weight: lighter; position: relative; }
#language span:after { width: 0.625em; height: 0.375em; background: url(../images/language_arrow.svg) no-repeat center center; background-size: contain; content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
#language ul { position: absolute; left: 50%; transform: translateX(-50%); top: 100%; background-color: #d63139; min-width: 100%; text-align: center; border-radius: 5px; margin-top: 0.75em; display: none; }
#language ul:before { border-bottom: 0.4em solid #d63139; border-left: 0.4em solid transparent; border-right: 0.4em solid transparent; content: ''; display: block; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); }
#language a { color: #fff; display: block; padding: 0 1em; white-space: nowrap; }
#search span { width: 1.3125em; height: 1.3125em; background: url(../images/search_01.svg) no-repeat center center; background-size: contain; cursor: pointer; display: block; overflow: hidden; }
#search .input { background-color: #d63139; position: absolute; right: 0; top: 100%; border-radius: 1.375em; z-index: 8; overflow: hidden; width: 18.75em; padding-right: 2.75em; display: none; font-size: 0.875em; }
#search .text { display: block; width: 100%; height: 2.75em; line-height: 1.5em; padding: 0.625em 1em; color: #fff; }
#search .go { display: block; position: absolute; right: 0; top: 0; height: 100%; width: 2.75em; cursor: pointer; background: url(../images/search_02.svg) no-repeat center center; background-size: 1em auto; }
#navbtn { display: none; }
#slides .wap { display: none; }
#slides .img { padding-bottom: 50%; }
#slides .text { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; z-index: 2; }
#slides .intro { font-size: 3em; margin-bottom: 2.25%; color: #fff; }
#slides .name { white-space: pre-wrap; line-height: 1.25em; font-size: 1em; opacity: 0; transform: translateY(-60px); }
#slides .swiper-slide-active .name { transform: translateY(0) translateZ(0); opacity: 1; transition: opacity 1s linear 0.3s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); }
#slides .alias { font-size: 0.5em; line-height: 2.5em; white-space: pre-wrap; opacity: 0; transform: translateY(-60px); }
#slides .swiper-slide-active .alias { transform: translateY(0) translateZ(0); opacity: 0.5; transition: opacity 1s linear 0.3s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
#slides .button { opacity: 0; transform: translateY(30px); position:absolute; left:0; bottom:15%; width: 100%; justify-content: center;}
#slides .swiper-slide-active .button { transform: translateY(0) translateZ(0); opacity: 1; transition: opacity 1s linear 0.6s, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;}
#slides .button a { margin-right: 1.875em; }
#slides .video { position: relative; }
#slides .video video { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
#slides .swiper-pagination { bottom: 7.5%; justify-content: center; }
#slides .swiper-pagination-bullet { margin: 0 0.5625em 0 0; background-color: rgba(255, 255, 255, 0.4); height: 2px; width: 2.08333333%; border-radius: 0; opacity: 1; position: relative; }
#slides .swiper-pagination-bullet:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 0; background-color: #fff; transition: width 0.5s; height: 100%; }
#slides .swiper-pagination-bullet-active { width: 4.16666667%; }
#slides .swiper-pagination-bullet-active:after { width: 100%; }
#slides .swiper-button-arrow { transform: translateY(-50%); margin-top: 0; width: 3.25em; border-radius: 50%; background: rgba(0, 0, 0, 0.2) no-repeat center center; background-size: 23.07692308% auto; height: auto; }
#slides .swiper-button-arrow:hover { background-color: #000; }
#slides .swiper-button-arrow:after { padding-bottom: 100%; content: ''; }
#slides .swiper-button-prev { left: 2.34375%; background-image: url(../images/swiper_button_prev.svg); }
#slides .swiper-button-next { right: 2.34375%; background-image: url(../images/swiper_button_next.svg); }
#footer { background-color: #111; color: rgba(255, 255, 255, 0.5); font-weight: lighter; font-size: 0.875em; line-height: 1.75em; position: relative; z-index: 2; }
#footer a { color: rgba(255, 255, 255, 0.5); }
#footer a:hover { color: #fff; }
#bottom { flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 2.02380952% 0; }
#pagelist li { position: relative; padding-left: 2.21428571em; }
#pagelist li:before { width: 1px; height: 0.85714286em; background-color: rgba(255, 255, 255, 0.5); content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 1.07142857em; }
#pagelist li:first-child { padding-left: 0; }
#pagelist li:first-child:before { display: none; }
#copyright a { display: inline-block; }
#middle { border-bottom: 1px solid rgba(255, 255, 255, 0.1); -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; padding: 3.57142857% 0; }
#menu { width: 75%; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
#menu dt { font-size: 1.14285714em; line-height: 1.5em; margin-bottom: 0.9375em; font-weight: normal; }
#menu dt a { color: #fff; }
#menu dd { line-height: 2.57142857em; }
.contact { width: 25%; color: #fff; }
.contact .num { font-size: 1.71428571em; line-height: 1.75em; }
.contact .name { background: no-repeat left center; padding-left: 1.57142857em; background-size: 0.92857143em auto; }
.contact .tel { margin-bottom: 0.5em; }
.contact .tel .name { background-image: url(../images/icon_tel.svg); }
.contact .mail .name { background-image: url(../images/icon_mail.svg); background-size: 1.07142857em auto; padding-left: 1.71428571em; }
.contact ul { opacity: 0.5; line-height: 1.71428571em; margin-bottom: 1.42857143em; }
#top { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 2.97619048% 0 2.38095238%; }
#top .right { align-items: center; }
#top .language a { color: #fff; }
#site { width: 10.85714286em; }
#site img { display: block; }
.language { color: #fff; margin-left: 4em; position: relative; }
.language span { display: block; padding-right: 2.57142857em; background: url(../images/language_world.svg) no-repeat right center; opacity: 0.5; cursor: pointer; }
.language ul { position: absolute; left: 50%; transform: translateX(-50%); bottom: 130%; background-color: #d63139; min-width: 100%; text-align: center; border-radius: 5px; display: none; }
.language ul:after { border-top: 0.27777778em solid #d63139; border-left: 0.27777778em solid transparent; border-right: 0.27777778em solid transparent; content: ''; display: block; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); }
.language a { display: block; padding: 0 1em; white-space: nowrap; line-height: 2em; }
.social { padding-right: 4em; position: relative; }
.social:after { width: 1px; height: 1.42857143em; background-color: rgba(255, 255, 255, 0.2); content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.social li { margin-left: 0.85714286em; position: relative; }
.social a { display: block; overflow: hidden; width: 2.07142857em; height: 2.07142857em; text-indent: -99999em; border-radius: 50%; background: rgba(255, 255, 255, 0.4) no-repeat center center; background-size: contain; transition: all 0.2s; }
.social a:hover { background-color: #fff; }
.social .wx a { background-image: url(../images/social_wx.png); }
.social .wb a { background-image: url(../images/social_wb.png); }
.social .dy a { background-image: url(../images/social_dy.png); }
.social .wxdyh a { background-image: url(../images/wxdyh.png); }
.social .xcxsc a { background-image: url(../images/xcxsc.png); }
.social .dyh a { background-image: url(../images/social_dy.png); }
.social .sph a { background-image: url(../images/sph.png); }
.social .qr { background-color: #fff; padding: 0.27777778em; border-radius: 0.27777778em; position: absolute; left: 50%; transform: translateX(-50%); bottom: 130%; width: 7.22222222em; display: none; }
.social .qr:after { border-top: 0.27777778em solid #fff; border-left: 0.27777778em solid transparent; border-right: 0.27777778em solid transparent; content: ''; display: block; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); }
.social .qr img { display: block; width: 100%; height: auto; }
.gray { background-color: #f6f6f6; }
.hmtitle { text-align: center; font-size: 2.5em; margin-bottom: 4.28571429%; }
.hmtitle .name { font-size: 1em; line-height: 1.35em; color: #000; letter-spacing: 4px; }
.hmtitle .intro { font-size: 0.6em; font-weight: lighter; color: #57585a; line-height: 1.5em; margin-top: 0.33333333em; }
.hmtitle.white .name, .hmtitle.white .intro { color: #fff; }
#hmnews { overflow: hidden; padding: 5.20833333% 0 6.51041667%; }
#hmnews .text { padding: 10% 10% 13.75%; }
#hmnews .tag { font-size: 0.875em; line-height: 2.14285714em; color: #fff; margin-bottom: 11.5625%; }
#hmnews .tag span { display: inline-block; background-color: #57585a; padding: 0 0.78571429em; transition: all 0.2s; }
#hmnews .title { font-size: 1.375em; line-height: 1.6em; height: 3.2em; -webkit-line-clamp: 2; font-weight: lighter; }
#hmnews .figure { z-index: 5; transition: all 0.2s; }
#hmnews .img { padding-bottom: 67.5%; transition: all 0.5s; }
#hmnews .more { position: absolute; left: 10%; z-index: 2; color: #fff; display: block; bottom: 19.25925926%; background: url(../images/arrow_right_01.svg) no-repeat right center; background-size: 0.375em auto; padding-right: 1em; }
#hmnews .date { position: absolute; right: 10%; bottom: 0; line-height: 1em; text-align: center; margin-bottom: 13.75%; z-index: 10 }
#hmnews .date time { display: block; color: #fff; }
#hmnews .date i { display: block; font-size: 3em; line-height: 1em; font-style: normal; margin-bottom: 0.14583333em; }
#hmnews .info { background-color: #fff; border-radius: 0.625em; display: block; position: relative; height: 100%; color: #57585a; overflow: hidden; font-weight: lighter; transition: all 0.2s; }
#hmnews .info:before { width: 69.5%; padding-bottom: 64.25%; background: url(../images/letter_r.svg) no-repeat center center; background-size: contain; content: ''; display: block; position: absolute; bottom: -1px; left: -26.25%; }
#hmnews .info:hover { color: #000; box-shadow: 0px 1.3125em 1.875em rgba(52, 55, 59, 0.2); }
#hmnews .info:hover .tag span { background-color: #d63139; }
#hmnews .info:hover .title { font-weight: normal; }
#hmnews .info:hover .figure .img { transform: scale(1.05); }
#hmnews .swiper-pagination { position: static; justify-content: center; margin-top: 3.57142857%; }
#hmnews .swiper-pagination-bullet { margin: 0 0.5952381%; background-color: #57585a; height: 2px; width: 3.57142857%; opacity: 0.2; border-radius: 0; }
#hmnews .swiper-pagination-bullet-active { opacity: 1; }
.play { border-radius: 50%; background: rgba(255, 255, 255, 0.7) url(../images/play_01.png) no-repeat 55% center; background-size: 30% auto; width: 3.125em; transition: all 0.2s; display: block; cursor: pointer; }
.play:after { display: block; content: ''; padding-bottom: 100%; }
.play:hover { background-color: #d63139; transform: scale(0.9); }
.play.red { background-color: #d63139; }
#hmtech { padding: 3.90625% 0 5.20833333%; }
#hmtech .text { position: absolute; left: 0; top: 0; width: 100%; padding: 8.76190476% 17.14285714%; z-index: 5; }
#hmtech .title { font-size: 1.625em; line-height: 1.35em; margin-bottom: 2.02898551%; }
#hmtech .alias { font-weight: lighter; line-height: 1.5em; height: 3em; -webkit-line-clamp: 2; }
#hmtech .play { position: absolute; left: 5.71428571%; bottom: 7.2%; width: 9.52380952%; }
#hmtech .img { padding-bottom: 95.23809524%; }
#hmtech .info { display: block; overflow: hidden; border-radius: 0.5em; position: relative; color: #fff; text-align: center; }
#hmtech video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 2; }
#hmtech .swiper { margin-bottom: 3.57142857%; }
#hmtech .swiper-pagination { justify-content: center; display: none; }
#hmtech .swiper-pagination-bullet { background-color: rgba(255, 255, 255, 0.5); }
#hmtech .swiper-pagination-bullet-active { background-color: #d63139; }
#hmlead { position: relative; padding-bottom: 50%; color: #fff; background: no-repeat center center; background-size: cover; }
#hmlead .hmtitle { margin-bottom: 3.69047619%; }
#hmlead .text { position: absolute; top: 11.45833333%; left: 0; width: 100%; z-index: 2; }
#hmlead .play { margin: 0 auto; }
#widget { position: fixed; right: 2.08333333%; top: 60%; width: 5em; z-index: 8; display: none }
#widget li { padding: 0.3125em 0; }
#widget i { display: block; overflow: hidden; background: no-repeat center center; background-size: cover; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
#widget span { font-size: 0.875em; display: block; overflow: hidden; position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); line-height: 1.125em; background: url(../images/backtop.svg) no-repeat center top; background-size: 1.14285714em auto; padding-top: 1.71428571em; }
#widget span:after { display: block; content: '杩斿洖椤堕儴'; }
#widget a { background-color: #fff; border-radius: 50%; box-shadow: 0px 0px 1.5em rgba(0, 0, 0, 0.1); padding-bottom: 100%; position: relative; display: block; text-align: center; transition: all 0.3s; }
#widget a:hover { background-color: #d63139; color: #fff; }
#widget a:hover span { background-image: url(../images/backtop_white.svg); }
#widget .service i { background-image: url(../images/service.png); }
#hmdealer { background: #131313 url(../images/dealer.jpg) no-repeat center bottom; background-size: 100% auto; padding: 5.72916667% 0 4.94791667%; }
#hmdealer .dealer { border-radius: 0.625em; margin-bottom: 3.57142857%; }
#hmdealer .dealer .img { padding-bottom: 45.23809524%; }
#hmdealer .swiper-pagination { justify-content: center; bottom: 5.26315789%; }
#hmdealer .swiper-pagination-bullet { margin: 0 0.5952381%; background-color: rgba(255, 255, 255, 0.5); height: 2px; width: 3.57142857%; border-radius: 0; }
#hmdealer .swiper-pagination-bullet-active { background-color: #d63139; }
#hmstore .hmtitle { margin-bottom: 2.08333333%; }
#hmstore .list { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 1.78571429%; }
#hmstore .item { width: 47.97619048%; padding: 2.02380952% 0; }
#hmstore .img { padding-bottom: 52.10918114%; }
#hmstore .text { position: absolute; left: 0; bottom: 0; width: 42.18362283%; padding: 6.82382134% 7.44416873% 5.58312655%; z-index: 3; height: 100%; align-items: flex-end; }
#hmstore .text:before { width: 97.64705882%; padding-bottom: 91.76470588%; background: url(../images/letter_r_02.svg) no-repeat center center; background-size: contain; content: ''; display: block; position: absolute; left: -41.17647059%; bottom: 0; margin-bottom: -20.58823529%; z-index: 2; opacity: 0; }
#hmstore .box { position: relative; z-index: 2; font-size: 1.875em; }
#hmstore .title { font-size: 1em; font-weight: normal; line-height: 1.5em; }
#hmstore .desc { font-size: 0.66666667em; line-height: 1.75em; margin-top: 0.5em; }
#hmstore .more { font-weight: lighter; overflow: hidden; display: none; position: relative; z-index: 2; }
#hmstore .more span { display: block; background: url(../images/arrow_right_01.svg) no-repeat right center; background-size: 0.4375em auto; padding-right: 1em; float: left; }
#hmstore .info { display: block; overflow: hidden; position: relative; border-radius: 0.625em; color: #fff; }
#hmstore .info:before { content: ''; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-image: linear-gradient(90deg, #111, transparent); opacity: 0.8; z-index: 2; }
#hmstore .info:hover .text { background-color: #d63139; align-items: flex-start; flex-direction: column; justify-content: space-between; }
#hmstore .info:hover .text:before { opacity: 0.8; }
#hmstore .info:hover .more { display: block; }
#hmstore .info:hover .img { transform: scale(1.05); }
#hmapparea { padding: 4.6875% 0 5.72916667%; overflow: hidden; }
#hmapparea .list { overflow: hidden; width: 101.19047619%; }
#hmapparea .img { padding-bottom: 77.77777778%; }
#hmapparea .item { float: left; width: 25%; padding-right: 1.17647059%; padding-bottom: 1.17647059%; }
#hmapparea .item:nth-child(-n+2) { width: 50%; }
#hmapparea .item:nth-child(1) .img { padding-bottom: 78.31325301%; }
#hmapparea .item:nth-child(2) .img { padding-bottom: 37.95180723%; }
#hmapparea .text { position: absolute; left: 0; bottom: 0; z-index: 3; padding: 1.375em 1.875em; }
#hmapparea .icon { width: 1.8125em; margin-bottom: 0.8125em; }
#hmapparea .icon i { display: block; overflow: hidden; padding-bottom: 100%; background: no-repeat center center; background-size: contain; }
#hmapparea .title { font-size: 1.625em; line-height: 1.5em; }
#hmapparea .alias { font-weight: lighter; margin-top: 0.3125em; }
#hmapparea .more { font-weight: lighter; overflow: hidden; }
#hmapparea .more span { display: block; background: url(../images/arrow_right_01.svg) no-repeat right center; background-size: 0.4375em auto; padding-right: 1em; float: left; }
#hmapparea .info { position: relative; display: block; overflow: hidden; color: #fff; border-radius: 0.625em; }
#hmapparea .info:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(45deg, #000, transparent); opacity: 0.5; z-index: 2; }
#hmapparea .info:hover .img { transform: scale(1.05); }
#hmpro { background: #fff url(../images/hmpro.png) no-repeat center bottom -2px; background-size: 100% auto; padding: 4.42708333% 0 5.72916667%; position: relative; overflow: hidden; }
#hmpro .hmtitle { margin-bottom: 1.82291667%; }
#hmpro .list { width: 36.45833333%; overflow: visible; }
#hmpro .figure { padding: 7.14285714% 21.42857143%; margin-bottom: 2.14285714%; }
#hmpro .img { padding-bottom: 100%; background-size: contain; }
#hmpro .text { opacity: 0; transition: all 0.2s; text-align: center; }
#hmpro .title { font-weight: lighter; font-size: 1.5em; line-height: 1.5em; margin-bottom: 3.74639769%; }
#hmpro .button a { margin: 0 auto; display: inline-block; width: auto; padding: 0 1.25em; }
#hmpro .list .swiper-slide { transform: scale(0.778); transition: all 0.2s; opacity: 0.4; }
#hmpro .list .swiper-slide-active { transform: scale(1); opacity: 1; }
#hmpro .list .swiper-slide-active .text { opacity: 1; }
#hmpro .list .img:hover { transform: scale(1.1); }
#hmpro .tab { color: #999a9d; font-weight: lighter; margin-bottom: 0.78125%; }
#hmpro .tab .swiper-slide { width: auto; padding: 0 1.5625%; cursor: pointer; position: relative; transition: all 0.2s; padding-bottom: 0.3125em; }
#hmpro .tab .swiper-slide:after { width: 1.875em; height: 0.1875em; background-color: #d63139; content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); opacity: 0; transition: all 0.2s; }
#hmpro .tab .swiper-slide-thumb-active { color: #111; font-weight: bold; }
#hmpro .tab .swiper-slide-thumb-active:after { opacity: 1; }
#xunp { position: fixed; width: 100%; height: 6.25em; left: 0; bottom: 0; background: url(../images/xunp.png)no-repeat center #474f58; z-index: 10; display: none; font-size: 0.875em; transition: all 2s; }
#xunp.active { bottom: 3%; }
#xunp .inner { height: 100%; }
#xunp .box { padding: 0 3em; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#xunp .box .tit { font-size: 1.675em; font-weight: bold; color: #fff; letter-spacing: 2px; }
#xunp .box .btn { color: #303030; display: block; width: 10em; line-height: 3em; background: #fff; text-align: center; }
#xunp .box .btn:hover { color: #fff; background: #d63139; }
#xunp .close { position: absolute; width: 2.5em; height: 2.5em; border-radius: 50%; border: 1px solid #fff; cursor: pointer; background: url(../images/close.png)no-repeat center; background-size: 10px auto; right: 2vw; top: 50%; transform: translateY(-50%) }
@media only screen and (max-width:1440px) {
	body { font-size: 14px; }
	#slides .swiper-button-arrow { width: 3.15972222%; }
	#slides .intro { font-size: 2.91666667vw; }
	.button a { width: 10.20833333vw; height: 3.03819444vw; line-height: 3.03819444vw; }
	.button .w200 { width: 12.15277778vw; }
	.hmtitle { font-size: 2.43055556vw; }
	#hmstore .box { font-size: 1.82291667vw; }
}
@media only screen and (max-width:1280px) {
	#navi .parent { padding-left: 3%; padding-right: 3%; }
	#hmtech .text { padding: 7% 10%; }
	#hmstore .box { font-size: 24px; }
	#hmapparea .title { font-size: 1.77734375vw; }
	#hmpro .title { font-size: 18px; }
}
@media only screen and (max-width:1024px) {
	#header .inner { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 1em 0; }
	#logo { display: block; width: 116px; }
	#button { display: block; width: 10em; }
	#navbtn { position: relative; cursor: pointer; width: 1.14285714em; height: 1.14285714em; transition: all 0.3s; display: block; z-index: 10; }
	#navbtn:before, #navbtn:after, #navbtn i { width: 100%; height: 2px; background-color: #fff; display: block; position: absolute; left: 0; border-radius: 1px; transition: all 0.3s; content: ''; }
	#navbtn:before { top: 0.05em; }
	#navbtn:after { bottom: 0.05em; }
	#navbtn i { top: 50%; transform: translateY(-50%); }
	#navbtn.active:before { transform: rotate(45deg); top: 49%; }
	#navbtn.active:after { transform: rotate(-45deg); bottom: auto; top: 49%; }
	#navbtn.active i { opacity: 0; }
	#navi { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 9; left: 0; top: 0; line-height: 2.25em; padding: 0; display: none; }
	#navi .menu { position: fixed; right: 0; top: 65px; width: 80%; max-width: 300px; background-color: #111; overflow-y: auto; -webkit-overflow-scrolling: touch; height: calc(100% - 65px); display: block; padding: 3.5vh; transform: translateX(100%); transition: transform 0.2s; border-top-left-radius: 5px; }
	#navi.active .menu { transform: translateX(0); }
	#navi .parent { padding: 0; }
	#navi .parent a { padding: 0.5em 0; }
	#navi .static { position: relative; }
	#navi .static>a:after { display: none; }
	#navi em { display: block; position: absolute; right: -3.5vh; width: 3.25em; height: 3.25em; z-index: 2; top: 0; cursor: pointer; }
	#navi em:after { width: 0.40909091em; height: 0.40909091em; border-right: 0.09090909em solid #fff; border-bottom: 0.09090909em solid #fff; content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: rotate(-45deg); background-color: transparent; margin: -4px 0 0 -5px; transition: all 0.3s; }
	#navi .on em:after { transform: rotate(45deg); }
	#navi .sub { position: static; transform: none; background-color: transparent; min-width: 0; text-align: left; padding: 0; }
	#navi .sub:before { display: none; }
	#navi .sub li { margin-left: 1.5em; }
	#navi .sub a { white-space: normal; }
	#navi .pro { position: static; background-color: transparent; padding: 0; }
	#navi .pro:before { display: none; }
	#navi .pro .inner { width: auto; max-width: none; padding: 0; display: block; }
	#navi .pro .column { width: auto; }
	#navi .pro .list { display: none; }
	#navi .pro ul { display: block; }
	#navi .pro li { width: auto; text-align: left; margin-left: 1.5em; }
	#navi .pro a { line-height: 2em; }
	#navi .color>a { background: #d63139; }
	#navi .pro .cur a:after { display: none; }
	.button a { width: 7.5em; height: 2.28571429em; line-height: 2.28571429em; }
	.button .w200 { width: 8.92857143em; }
	#site { width: 133px; }
	.social { padding-right: 4.78515625vw; }
	.language { margin-left: 4.78515625vw; }
	.hmtitle { font-size: 25px; }
	.play { width: 4.27246094vw; }
	#hmstore .list { display: block; }
	#hmstore .item { width: auto; }
	#hmapparea .title { font-size: 20px; }
	#hmapparea .item { width: 50%; }
	#hmapparea .item:nth-child(-n+2) { width: 100%; float: none; }
}
@media only screen and (max-width:768px) {
	#loading .logo { width: 15em; }
	#logo { width: 100px; }
	#navi .menu { top: 60px; height: calc(100% - 60px); }
	#search .input { width: 100%; }
	#slides .img { padding-bottom: 75%; }
	#slides .swiper-button-arrow { width: 25px; }
	#slides .intro { font-size: 22px; margin-bottom: 5%; }
	#slides .button { font-size: 12px; }
	#bottom { display: block; padding: 1em 0; }
	#pagelist ul { justify-content: center; }
	#copyright { text-align: center; }
	#top { flex-direction: column; padding: 1.75em 0 1.5em; }
	#site { width: 115px; margin-bottom: 1.35em; }
	#middle { display: block; padding: 1.25em 0; }
	#menu { display: none; }
	.contact { width: auto; overflow: hidden; }
	.contact .tel, .contact .mail { float: left; margin: 0; }
	.contact ul { margin-bottom: 0; float: right; padding: 12px 0; line-height: 2em; }
	.hmtitle { margin-bottom: 6%; font-size: 22px; }
	#hmnews { padding: 7% 0 8%; }
	#hmnews .text { padding: 8%; }
	#hmnews .tag { margin-bottom: 5%; }
	#hmnews .figure { opacity: 1; }
	#hmnews .swiper-pagination { margin-top: 5.5%; }
	#hmnews .swiper-pagination-bullet { margin: 0 1%; }
	#hmtech { padding: 5% 0 7%; }
	#hmtech .swiper { margin-bottom: 5%; }
	#hmtech .swiper-pagination { display: flex; }
	.play { width: 32px; }
	#hmlead { padding-bottom: 75%; }
	#widget { width: 9.11458333%; }
	#widget span { padding-top: 12px; }
	#widget span:after { display: none; }
	#hmdealer { padding: 7% 0 6%; }
	#hmdealer .dealer { margin-bottom: 5%; }
	#hmdealer .swiper-pagination-bullet { margin: 0 1%; }
	#hmstore .hmtitle { margin-bottom: 3.5%; }
	#hmstore .list { margin-top: 5%; }
	#hmstore .box { font-size: 20px; }
	#hmstore .desc { font-size: 14px; }
	#hmstore .text { width: 60%; padding: 5%; }
	#hmapparea { padding: 6% 0 7%; }
	#hmpro { padding: 7% 0 8%; }
	#hmpro .hmtitle { margin-bottom: 3.5%; }
	#hmpro .tab { margin-bottom: 3.5%; }
	#hmpro .tab .swiper-slide { padding: 0 2.5%; }
	#hmpro .list { width: 93.75%; }
	#xunp { height: auto; background-size: cover; }
	#xunp .box { padding: 1em 3em; padding-left: 0; }
	#xunp .box .btn { margin-top: 0.5em; }
}
@media only screen and (max-width:540px) {
	#hmapparea .item { width: auto; float: none; width: 100%; }
}
.protab { z-index: 9; overflow: hidden; text-align: right; width: 100%; z-index: 5; border-bottom: 1px solid rgba(255, 255, 255, 0.1); background: #000; opacity: 0; position: relative; visibility: hidden; transition: all .3s; }
.protab span { cursor: pointer; display: inline-block; padding: 0.75em 0; margin: 0 2%; line-height: 2.5em; color: #fff; }
.protab span.on { color: #fff; border-bottom: 2px solid #fff; }
#protop { position: fixed; left: 0; top: 0; width: 100%; z-index: 8; }
#protop.fixed #header, #protop.fixed .protab { position: fixed; left: 0; top: 0; visibility: visible; opacity: 1; transition: all .3s; }
#protop.down #header { visibility: hidden; opacity: 0; z-index: 5; }
#protop.up .protab { visibility: hidden; opacity: 0; z-index: 5; }
#protop.fixed #header { background-color: #111; }
.RighInfo001108.pt { padding-top: 80px; }
.RighInfo001108 .picc { float: left; width: 45%; }
.RighInfo001108 .picc img { width: 100%; }
.RighInfo001108 .txtt { float: right; width: 50%; padding-top: 4%; color: #333; }
.RighInfo001108 .txtt h1 { font-size: 30px; color: #333; border-bottom: 2px solid #eee; margin-bottom: 3%; line-height: 75px; }
.RighInfo001108 .txtt dl { border-top: 1px solid #d9d9d9; padding: 3% 0; border-bottom: 1px solid #d9d9d9; }
.RighInfo001108 .txtt dd { line-height: 26px; padding: 5px 0; }
.RighInfo001108 .txtt p { line-height: 36px; }
.RighInfo001108 .txtt .but { padding: 5% 0; }
.RighInfo001108 .txtt .but a { color: #d63139; width: 175px; text-align: center; border: 1px solid #d63139; border-radius: 1px; line-height: 55px; display: inline-block; margin-right: 5%; transition: all 0.6s; background: url(../images/RighInfo001108-icon1.svg) no-repeat 85% center; background-size: 1.3125em auto; padding-right: 4%; }
.RighInfo001108 .txtt .but a:hover { color: #fff; background: url(../images/RighInfo001108-icon2.svg) #d63139 no-repeat 85% center; background-size: 1.3125em auto; }
.RighInfo001108 .tab2 { background: #f5f4f9; }
.RighInfo001108 .tab2 span { color: #333; }
.RighInfo001108 .tab2 span.on { color: #d63139; border-bottom: 2px solid #d63139; }
.RighInfo001108 .tab_info { }
.RighInfo001108 .tab_info2 { padding-top: 12%; }
.RighInfo001108 .table { padding-bottom: 4% }
.RighInfo001108 .table td { border-bottom: 5px solid #fff; padding: 15px 40px; line-height: 24px; background: #f7f7f7; font-size: 16px; color: #555; }
.RighInfo001108 .table .f-name { width: 22.5%; border-right: 5px solid #fff; font-size: 17px; font-weight: bold; color: #333; text-align: right; }
.RighInfo001108 .table tr:nth-child(2n) td:nth-child(2), .RighInfo001108 .table tr:nth-child(2n-1) .f-name { background: #f0f0f0; }
.RighInfo001108 .table tr:last-child td { border-bottom: 0; }
.RighInfo001108 .name { border-bottom: 1px solid #efefef; font-size: 30px; padding-bottom: 15px; color: #333; line-height: 2; font-weight: bold; margin: 3% 0 2%; }
.RighInfo001108 .name i { position: relative; width: 12px; height: 12px; border-radius: 50%; display: inline-block; margin-right: 10px; border: 2px solid #da251d; display: none; }
.RighInfo001108 .name i:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 6px; background-image: url(../images/RighInfo003134-icon-01.svg); background-repeat: no-repeat; background-position: center; background-size: auto 50%; }
.RighInfo001108 .name2 { margin: 2% 0 2%; padding-bottom: 0; }
.RighInfo001108 .name2:after { content: ''; width: 28px; height: 2px; background: #d63139; display: block; }
@media(max-width:1440px) {
	.RighInfo001108.pt { padding-top: 70px; }
}
@media(max-width:1024px) {
	.RighInfo001108.pt { padding-top: 64.5px; }
}
@media(max-width:768px) {
	.RighInfo001108.pt { padding-top: 59.5px; }
	.RighInfo001108 .txtt, .RighInfo001108 .picc { float: none; width: auto; }
	.RighInfo001108 .txtt .but a { width: 150px; }
}
@media(max-width:480px) {
	.RighInfo001108 .picc, .RighInfo001108 .txt { float: none; width: auto; }
}
.Floor002617 { position: relative; z-index: 1; overflow: hidden; padding-bottom: 48.9584%; }
.Floor002617 img { width: 100%; display: block; }
.Floor002617 .ycenter { position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); text-align: center; color: #fff; overflow: hidden; }
.Floor002617 .ycenter_click { z-index: 20; width: auto; height: auto; right: 5%; top: 5%; left: auto; }
.Floor002617 .ycenter_click .title { display: none; }
.Floor002617 .video { width: 100%; position: absolute; top: 35%; }
.Floor002617 video { z-index: 10; background: #000; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: fill; display: block; }
.Floor002617 .title { font-size: 36px; }
.Floor002617 .title b { display: block; opacity: 0.2; text-transform: uppercase; font-size: 86px; font-family: "Times New Roman", Times, serif; }
.Floor002617 .title::after { display: block; content: ''; margin: 1% auto 3%; width: 1px; height: 32px; background: #d63139; }
.Floor002617 .play_btn { cursor: pointer; display: inline-block; display: none; }
.Floor002617 .play_btn i { display: block; margin: 0 auto 15px; width: 49px; height: 49px; border: 2px solid #cca74f; border-radius: 50%; background: url(../images/Floor002617_play.png) no-repeat center center; }
.Floor002617 .close_btn i { position: relative; background: none; }
.Floor002617 .close_btn i::before, .Floor002617 .close_btn i::after { position: absolute; content: ''; width: 3px; border-radius: 3px; height: 50%; top: 25%; background: #cca74f; left: 16px; }
.Floor002617 .close_btn i::after { left: 26px; }
@media(max-width:1024px) {
	.Floor002617 .title { font-size: 24px; }
	.Floor002617 .title b { font-size: 56px; }
}
@media(max-width:640px) {
	.Floor002617 .title { font-size: 20px; }
	.Floor002617 .title b { font-size: 40px; }
}
@media(max-width:480px) {
	.Floor002617 .title::after { display: none; }
	.Floor002617 .title b { font-size: 30px; }
	.Floor002617 .title { font-size: 18px; }
	.Floor002617 .play_btn i { margin: 5px auto; background-size: 12px; width: 36px; height: 36px; }
	.Floor002617 .close_btn i::before { left: 10px; }
	.Floor002617 .close_btn i::after { left: 20px; }
}
.Form002324 { position: fixed; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; z-index: 99; display: none; }
.Form002324 .wrap-container { position: fixed; top: 50%; margin-top: -250px; width: 560px; height: 490px; margin-left: -280px; left: 50%; background: #fff; z-index: 100; border-radius: 15px; }
.Form002324 .closeBtn { position: absolute; top: 30px; right: 30px; height: 17px; width: 17px; display: block; background: url(../images/Form002324-colseBtn.jpg) no-repeat; }
.Form002324 .Title { font-size: 24px; color: #555555; text-align: center; line-height: 100px; }
.Form002324 .img { text-align: center; max-width: 300px; margin: 12% auto 0; }
.Form002324 .img p { font-size: 28px; color: #333; margin-top: 15px; }
@media only screen and (max-width:664px) {
	.Form002324 .wrap-container { top: 0; margin-top: 0; width: 100%; height: 100%; margin-left: 0; left: 0; padding: 5%; }
}
.biaodan { margin-bottom: 5%; }
.biaodan .inner { box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) }
.RighInfo002125 .box { position: relative; color: #333; overflow: hidden; }
.RighInfo002125 .box1_1 { }
.RighInfo002125 .box .pic { padding-bottom: 46.875%; background-position: center top; background-repeat: no-repeat; background-size: cover; }
.RighInfo002125 .box1_1 .pic { background: #000 }
.RighInfo002125 .box4 .pic { height: 970px; }
.RighInfo002125 .box6 .pic { height: 950px; }
.RighInfo002125 .txt { position: absolute; width: 100%; max-width: 1400px; left: 50%; transform: translate(-50%, 0); top: 10%; z-index: 2; }
.RighInfo002125 .img { position: absolute; z-index: 1; }
.RighInfo002125 .box2, .RighInfo002125 .box4, .RighInfo002125 .box6 { text-align: center; }
.RighInfo002125 .box2, .RighInfo002125 .box4, .RighInfo002125 .box5 { color: #fff; }
.RighInfo002125 .box5 .txt { top: 50%; transform: translate(-50%, -50%); padding-right: 25%; }
.RighInfo002125 .box2 .txt, .RighInfo002125 .box4 .txt { max-width: 1070px; }
.RighInfo002125 .box6 .txt { max-width: 870px; }
.RighInfo002125 .box1 .txt, .RighInfo002125 .box3 .txt { position: absolute; left: 0; width: 100%; max-width: none; top: 50%; transform: translateY(-50%); }
.RighInfo002125 .box3 .txt .box { width: 50%; }
.RighInfo002125 .box3 .txt h1 span { color: #f2682d; font-size: 1.96428em; }
.RighInfo002125 .box3 .txt .inner { justify-content: flex-end; }
.RighInfo002125 .box1_1 .img { right: 0; bottom: 0; max-width: 100%; width: 100%; }
.RighInfo002125 .box1_1 .img img { width: 100%; }
.RighInfo002125 .box1_2 .img { right: 4%; bottom: 0; max-width: 50%; }
.RighInfo002125 .box1_2 .img .num { font-size: 6.5em; font-weight: bold; color: #404346; z-index: -1; position: relative; letter-spacing: -6px; text-align: center }
.RighInfo002125 .box1_2 .img .num span { display: inline-block; margin: 0 .3em }
.RighInfo002125 .box1_3 .img { right: 23%; top: 50%; transform: translateY(-50%); max-width: 33%; }
.RighInfo002125 .box1_4 .img { right: 8%; top: 50%; transform: translateY(-50%); max-width: 42%; }
.RighInfo002125 .box3_1 .img { left: 0%; bottom: 0; max-width: 40%; }
.RighInfo002125 .box3_2 .img { left: 9.4%; top: 50%; transform: translateY(-50%); max-width: 36%; }
.RighInfo002125 .box4 { padding: 0% 0 0%; background-color: #080808; }
.RighInfo002125 .box4 .imgcon { width: 50%; float: left; }
.RighInfo002125 .box4 .imgcon .item { display: none; }
.RighInfo002125 .box4 .imgcon img { display: block; width: 100%; height: auto; }
.RighInfo002125 .box4 .tabcon { width: 50%; float: right; padding: 5% 6% 0; }
.RighInfo002125 .box4 .ul li { float: left; width: 100%; text-align: center; padding: 14px 20px; margin: 10px 0; border-radius: 5px; }
.RighInfo002125 .box4 .ul li.on, .RighInfo002125 .box4 .ul li:hover { background: rgba(255, 255, 255, 0.06); }
.RighInfo002125 .box4 .ul li .h2 { background: none; color: #fff; padding: 4% 0 14px; }
.RighInfo002125 .box4 .ul li .p { color: #999; margin: 0; text-align: left; font-size: 20px; line-height: 36px; }
.RighInfo002125 .box4 .ul li figure { margin: 0 auto; text-align: left; }
.RighInfo002125 .box4 .ul li img { max-width: 130px; float: left; margin-right: 40px; }
.RighInfo002125 .box1_1 .txt { width: 100%; transform: none; top: 50%; transform: translateY(-50%) }
.RighInfo002125 .box1_1 .txt .buy { padding: 0 3.5%; }
.RighInfo002125 .box1_1 .txt .word { padding: 0 3.5%; margin-bottom: 4em }
.RighInfo002125 .box1_1 .txt .word img { max-width: 500px; width:100%; }
.RighInfo002125 .box1_1 .txt .word .tit1 { color: #fff; font-size: 7.5em; line-height: 1.25; padding-bottom: .2em; }
.RighInfo002125 .box1_1 .txt .word .tit2 { color: #999; font-size: 24px; ; }
.RighInfo002125 .box h1 { font-family: 'HarmonyOS_Sans_SC_Medium'; font-weight: normal; margin: 0 0 4% 0; font-size: 56px; color: #fff; margin-bottom: 3%; line-height: 1.5178em; letter-spacing: 5px; }
.RighInfo002125 .box .buy a { background: #d63139; padding: 10px 30px; color: #fff; margin-right: 16px; display: inline-block; max-width: 170px; text-align: center; border-radius: 50px; }
.RighInfo002125 .box .buy .a { background: none; border: 1px solid #fff; }
.RighInfo002125 .box .buy a:nth-child(1):hover { background: #fff; border-color: #fff; color: #d63139; }
.RighInfo002125 .box .buy a:nth-child(2):hover { background: #d63139; border-color: #d63139; }
.RighInfo002125 .box4 h1 { color: #fff; margin-bottom: 4%; }
.RighInfo002125 .ul1 { padding-top: 6%; display: flex; flex-wrap: wrap; }
.RighInfo002125 .ul1 li { display: block; width: 25%; padding-right: 3%; color: rgba(255, 255, 255, .76); text-align: center; }
.RighInfo002125 .ul1 li span { display: block; font-size: 15px; margin-top: 10px; }
.RighInfo002125 .box p { font-family: 'HarmonyOS_Sans_SC_Light'; font-size: 24px; line-height: 42px; margin: 0; color: #999; text-align: justify; text-justify: inter-ideograph; letter-spacing: 2px; }
.RighInfo002125 .txt .info { width: 40%; }
@media(min-width:1201px) {
	.RighInfo002125 .box .txt p, .RighInfo002125 .box1 .txt .buy, .RighInfo002125 .box3 .txt .ul, .RighInfo002125 .box .txt h1 { opacity: 0; transition: 0.3s; }
	.RighInfo002125 .box_active .txt p, .RighInfo002125 .box_active .txt .buy, .RighInfo002125 .box3.box_active .ul, .RighInfo002125 .box_active .txt h1 { opacity: 1; }
	.RighInfo002125 .box1 .txt h1, .RighInfo002125 .box1 .txt .buy, .RighInfo002125 .box1 .txt p { }
	.RighInfo002125 .box1.box_active .txt p, .RighInfo002125 .box_active .txt .buy, .RighInfo002125 .box1.box_active .txt h1 { }
	.RighInfo002125 .box2 .txt h1 { transform: translateY(-50%); }
	.RighInfo002125 .box2 .txt p { transform: translateY(-100%); transition: 0.5s; }
	.RighInfo002125 .box2.box_active .txt p, .RighInfo002125 .box2.box_active .txt h1 { transform: translateY(0); }
	.RighInfo002125 .box3 .txt h1, .RighInfo002125 .box3 .txt .ul, .RighInfo002125 .box3 .txt p { }
	.RighInfo002125 .box3.box_active .txt p, .RighInfo002125 .box3.box_active .ul, .RighInfo002125 .box3.box_active .txt h1 { }
	.RighInfo002125 .box4 .txt h1 { transform: rotateY(-180deg); }
	.RighInfo002125 .box4 .txt p { transform: rotateY(180deg); }
	.RighInfo002125 .box4.box_active .txt p, .RighInfo002125 .box4.box_active .txt h1 { transform: rotateY(0); }
	.RighInfo002125 .box5 .txt h1 { transform: translateY(-100%); }
	.RighInfo002125 .box5 .txt p { transform: translateY(100%); }
	.RighInfo002125 .box5.box_active .txt p, .RighInfo002125 .box5.box_active .txt h1 { transform: translateY(0); }
}
@media(max-width:1200px) {
	.RighInfo002125 .box5 .txt { padding-right: 35%; }
}
@media(max-width:768px) {
	.RighInfo002125 .box .pic { padding-bottom: 100%; }
	.RighInfo002125 .txt .info { width: 100%; }
	.RighInfo002125 .box h1 { font-size: 30px; }
	.RighInfo002125 .box p { font-size: 14px; line-height: normal; }
	.Floor002617 { padding-bottom: 0; }
	.Floor002617 video {position:relative; height:auto;}
	.RighInfo001108 .tab span { padding: 0; }
	.RighInfo002125 .box4 .tabcon, .RighInfo002125 .box4 .imgcon { float: none; width: auto; }
	.RighInfo002125 .box4 .ul li img { width: 21%; }
	.RighInfo002125 .box1_1 .pic { padding-bottom: 140%; }
	.RighInfo002125 .box1_1 .txt { top: 33% }
	.RighInfo002125 .box1_1 .txt .word { margin-bottom: 2em; }
	.RighInfo002125 .box1_1 .txt .word .tit1 { font-size: 3.5em; }
	.RighInfo002125 .box1_1 .txt .word .tit2 { font-size: 14px; }
	.RighInfo002125 .box1_1 .img { max-width: 100% }
	.RighInfo002125 .box1_2 .txt, .RighInfo002125 .box1_3 .txt, .RighInfo002125 .box1_4 .txt { top: 24% }
	.RighInfo002125 .box1_2 .img { max-width: 100%; }
	.RighInfo002125 .box1_2 .img .num { font-size: 3.5em; letter-spacing: 0 }
	.RighInfo002125 .box1_2 .pic { padding-bottom: 160% }
	.RighInfo002125 .box1_3 .img { max-width: 70%; top: 73%; right: 10% }
	.RighInfo002125 .box3_1 .img { max-width: 50%; bottom: auto; top: 50%; transform: translateY(-50%) }
	.RighInfo002125 .box3_2 .txt { top: 20% }
	.RighInfo002125 .box3_2 .txt .inner { justify-content: flex-start }
	.RighInfo002125 .box3_2 .img { max-width: 70%; top: 67% }
	.RighInfo002125 .box1_4 .img { max-width: 70%; top: 67% }
}
@media(max-width:640px) {
	.RighInfo002125 .box h1 { font-size: 20px; }
	.RighInfo002125 .box4 .pic, .RighInfo002125 .box6 .pic { position: relative; padding-bottom: 50%; height: auto; }
	.RighInfo002125 .box4 .txt, .RighInfo002125 .box6 .txt { padding: 5% !important; }
	.RighInfo002125 .box4 .txt h1 { color: #333; }
	.RighInfo002125 .box4 .ul li img { margin-right: 20px; }
	.RighInfo002125 .box4 .ul li .p { font-size: 18px; line-height: 1.5; }
	.RighInfo002125 .box4 .ul li .h2 { padding-bottom: 0; }
}
@media(max-width:480px) {
	.RighInfo002125 .box h1 { }
	.RighInfo002125 .box p { font-size: 12px; }
}
.PicList000593 { padding-top: 10rem; }
.PicList000593 ul { overflow: hidden; }
.PicList000593 li { float: left; width: 32%; margin-right: 2%; position: relative; margin-bottom: 2%; overflow: hidden; }
.PicList000593 li:nth-child(3n) { margin-right: 0; }
.PicList000593 li .video_files { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; }
.PicList000593 li .video_files video { width: 100%; height: 100%; background-color: #000; }
.PicList000593 li .video_files .close { position: absolute; right: 3%; top: 3%; z-index: 10; width: 30px; height: 30px; border-radius: 50%; background-color: #761b1b; cursor: pointer; }
.PicList000593 li .video_files .close::before, .PicList000593 li .video_files .close::after { position: absolute; content: ''; width: 3px; height: 70%; border-radius: 3px; background-color: #fff; left: 13px; top: 5px; }
.PicList000593 li .video_files .close::before { transform: rotate(45deg); }
.PicList000593 li .video_files .close::after { transform: rotate(-45deg); }
.PicList000593 li figure { position: relative; border-radius: 0.5em; overflow: hidden; transition: all .3s; }
.PicList000593 li figure em { display: block; padding-bottom: 70%; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: all .3s; }
.PicList000593 li figure:hover { transform: scale(1.1); }
.PicList000593 li figure a { width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all .3s; }
.PicList000593 li figure a.a_play { width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all .3s; background-color: rgba(0, 0, 0, 0.5); }
.PicList000593 li figure a:hover { transform: scale(1.1); }
.PicList000593 li figure a.a_play::before, .PicList000593 li figure a.a_play::after { position: absolute; content: ''; z-index: 5; top: 50%; left: 50%; }
.PicList000593 li figure a.a_play::before { width: 70px; height: 70px; border: 3px solid rgba(255, 255, 255, 0.6); margin-left: -35px; margin-top: -35px; border-radius: 50%; }
.PicList000593 li figure a.a_play::after { width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 20px solid rgba(255, 255, 255, 0.6); margin-left: -7px; margin-top: -14px; }
.PicList000593 li h1 { padding: 5% 0% 1%; }
.PicList000593 li p { padding: 4% 0% 1%; font-size: 18px; color: #000; }
.PicList000593 li p.dot2 { color: #666; padding: 1% 0%; }
.PicList000593 li time { padding: 1% 3%; font-size: 16px; color: #666; background: #f5f5f5; }
.PicList000593 .more { text-align: center; font-weight: bold; font-size: 20px; }
.PicList000593 .more a { background: url(../images/more-icon1.svg) right 90%; background-repeat: no-repeat; padding-right: 24px; background-size: 0.91em; letter-spacing: 1px; }
@media(max-width:768px) {
	.PicList000593 li { width: 49%; margin-right: 2%; }
	.PicList000593 li:nth-child(3n) { margin-right: 2%; }
	.PicList000593 li:nth-child(2n) { margin-right: 0; }
	.PicList000593 li p.dot2 { -webkit-line-clamp: 2; display: -webkit-box; display: box; overflow: hidden; text-overflow: ellipsis; word-break: break-word; -webkit-box-orient: vertical; }
	.PicList000593 li figure a.a_play::before { margin-left: -25px; margin-top: -25px; width: 50px; height: 50px; }
	.PicList000593 li figure a.a_play::after { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid rgba(255, 255, 255, 0.6); margin-left: -3px; margin-top: -8px; }
}
@media(max-width:480px) {
	.PicList000593 li figure a::before { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; }
	.PicList000593 li figure a::after { border-top-width: 10px; border-bottom-width: 10px; border-left-width: 15px; margin-left: -3px; margin-top: -7px; }
}
@media(max-width:375px) {
	.PicList000593 li figure a::before { width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; }
	.PicList000593 li { width: 100%; float: none; margin-right: 0 !important; }
}
.Banner003069 { position: relative; z-index: 1; }
.Banner003069 .auto { max-width: 1400px; }
.Banner003069 .Ispic { height: 550px; }
.Banner003069 .txt { position: absolute; left: 5.6vw; bottom: 11.6vw; width: 100%; z-index: 10; color: #fff; font-size: 40px; text-align: left; }
.Banner003069 .txt .en { font-size: 0.5em; padding-top: 0.6em; opacity: 0.5; text-transform: uppercase; }
.Banner003069 .txt .cn { }
@media(max-width:640px) {
	.Banner003069 .Ispic { height: 28vw; }
	.Banner003069 .txt { font-size: 6vw; }
}
.Menu002937 { padding: 3% 0 2%; display: none; }
.Menu002937 .ul { display: table; line-height: normal; }
.Menu002937 .ul li { float: left; margin: 1px 0; }
.Menu002937 .ul li:not(:last-child) { margin-right: 25px; }
.Menu002937 .ul li a { display: block; line-height: 1.65em; min-width: 175px; padding: 13px 1em; font-size: 18px; background: #eee; text-align: center; }
.Menu002937 .ul li.aon a, .Menu002937 .ul li a:hover { color: #fff; background: #000; }
@media(max-width:768px) {
	.Menu002937 .ul li a { min-width: 18.36vw; font-size: 3.5vw; }
}
@media(max-width:480px) {
	.Menu002937 .ul li a { font-size: 4vw; line-height: 2em; }
}
.Floor002977 { margin: 4% 0 0%; }
.Floor002977 .auto { width: 93.75%; }
.Floor002977 li { position: relative; z-index: 1; border-radius: 0.625em; overflow: hidden; }
.Floor002977 li a { color: #333; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; padding: 0 40% 0 5.16vw; }
.Floor002977 li .ytable { height: 100%; }
.Floor002977 li aside { word-break: break-word; line-height: 1.2em; }
.Floor002977 li .t-1 { font-size: 24px; }
.Floor002977 li .t-2 { font-size: 30px; margin-bottom: 1.334em; margin-top: 0.2em; font-weight: bold; color: #000; }
.Floor002977 li .more { display: table; position: relative; padding: 5px 0; transition: 0.3s; color: #777; }
.Floor002977 li .more:after { position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 100%; background: #999; transition: 0.3s; }
.Floor002977 li a:hover .more { padding-left: 10px; padding-right: 10px; color: #fff; }
.Floor002977 li a:hover .more:after { height: 100%; background: #d63139; }
.Floor002977 li .more i { font-style: normal; position: relative; display: block; font-size: 18px; z-index: 4; }
@media(min-width:769px) {
	.Floor002977 li { float: left; width: 49.445%; margin-bottom: 30px; }
	.Floor002977 li:nth-child(2n) { float: right; }
}
@media(min-width:769px) and (max-width:1280px) {
	.Floor002977 li .t-1 { font-size: 2vw; }
	.Floor002977 li .t-2 { font-size: 2.2vw; }
	.Floor002977 li .more i { font-size: 1.5vw; }
}
@media(max-width:768px) {
	.Floor002977 { margin: 3% 0 4% 0; }
	.Floor002977 li { margin-bottom: 3%; }
}
@media(max-width:480px) {
	.Floor002977 li .t-1 { font-size: 4vw; }
	.Floor002977 li .t-2 { font-size: 4.5vw; }
	.Floor002977 li .more i { font-size: 3vw; }
}
.Page002623 { padding: 2vw 0 4vw 0; text-align: center; font-family: Arial; font-size: 18px; }
.Page002623 .Pages a.a_first, .Page002623 .Pages a.a_end, .Page002623 .Pages>span:not(.p_page) { display: none; }
.Page002623 .Pages em { float: left; margin: 0 3vw; font-style: normal; }
.Page002623 .Pages .p_page { display: table; margin: 0 auto; }
.Page002623 .Pages a { float: left; line-height: 50px; width: 50px; margin: 0 1px; }
.Page002623 .Pages a.a_cur, .Page002623 .Pages a:hover { color: #fff; background: #d63139; }
.Page002623 .Pages .p_page>a { font-size: 0; height: 50px; position: relative; }
.Page002623 .Pages .p_page>a:before { position: absolute; content: ''; border: 5px solid transparent; left: 50%; top: 50%; margin: -5px 0 0 -10px; }
.Page002623 .Pages .p_page>a.a_prev:before { border-right-color: #000; border-right-width: 8px; }
.Page002623 .Pages .p_page>a.a_next:before { border-left-color: #000; border-left-width: 8px; margin-left: -4px; }
.Page002623 .Pages a.a_prev:hover:before { border-right-color: #fff; }
.Page002623 .Pages a.a_next:hover:before { border-left-color: #fff; }
@media(max-width:640px) {
	.Page002623 { padding: 6vw 0 8vw 0; }
	.Page002623 .Pages em { display: none; }
	.Page002623 .Pages a { background-color: #eee; }
}
.Form003139 { padding: 3% 0 5%; }
.Form003139 { position: fixed; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; z-index: 999; display: none }
.Form003139 .column-tit { position: relative; z-index: 5; text-align: center; line-height: 1; padding-bottom: 40px; }
.Form003139 .column-tit .cn { font-size: 35px; color: #010101; font-weight: bold; }
.Form003139 .column-tit .cn span { display: block; position: relative; line-height: 45px; float: none; width: 100%; padding: 0; }
.Form003139 .column-tit .en { text-transform: uppercase; color: #0d6fb8; font-size: 18px; padding-top: 10px; max-width: 60%; margin: 0 auto; line-height: 1.5; display: none; }
.Form003139 .column-tit p { font-size: 16px; margin: 2% 0 }
.Form003139 .closeBtn { position: absolute; top: 30px; right: 20px; height: 45px; width: 45px; display: block; background: url(../images/closeBtn.png) no-repeat; }
.Form003139 .auto { position: relative; z-index: 1; max-width: 1000px; }
.Form003139 .title { font-family: 'SourceHanSansCN-Medium'; font-size: 1.625em; color: #333333; line-height: 1.1538em; }
.Form003139 .title:after { display: block; content: ''; width: 15px; height: 2px; background-color: #d72623; margin: 1.1538em 0; }
.Form003139 .desc { font-size: 0.875em; color: #999999; line-height: 1.78571; }
.Form003139 .form { background-color: #fff; box-shadow: 0 0 10px rgb(180 189 221 / 8%), 0 6px 14px hsl(0deg 0% 100% / 30%), 1px 3px 25px 14px rgb(180 189 221 / 20%); border-radius: 10px; padding: 3%; }
.Form003139 .form { padding: 6%; }
.Form003139 .form-ul { margin: 1% auto 0%; }
.Form003139 .form-ul li { margin-bottom: 10px; position: relative; }
.Form003139 .form-ul li span { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #E60014; }
.Form003139 .form-ul li .tit { position: absolute; left: 1.1428em; top: 0; font-size: 0.875em; line-height: 3.5714; color: #333333; }
.Form003139 .form-ul li select, .Form003139 .form-ul li .text { width: 100%; border-radius: 5px; border: solid 1px #e5e5e5; font-size: 0.875em; line-height: 3.5714; height: 3.5714em; background: none; padding: 0 1em; font-family: 'SourceHanSansCN-Regular'; }
.Form003139 .form-ul li textarea.text { height: auto; }
.Form003139 .form-ul li .codebtn { position: absolute; right: 8px; top: 5px; }
.Form003139 .form-ul .btn { width: 10em; background: #d63139; border-radius: 5px; font-size: 0.875em; height: 3.5714em; color: #fff; cursor: pointer; border: 0; font-family: 'SourceHanSansCN-Regular'; }
@media (min-width:1025px) {
	.Form003139 .form .img { width: 48%; padding-right: 2%; }
	.Form003139_1 .form .img { width: 48%; padding-left: 2%; }
	.Form003139 .form-ul .row-2 li { float: left; width: calc(50% - 5px); }
	.Form003139 .form-ul .row-2 li:nth-child(2n) { float: right; }
	.Form003139 .form-ul { width: 100%; }
}
@media (max-width:1024px) {
	.Form003139 .form-ul { padding: 2em 0; }
	.Form003139 .form-ul { width: 90%; }
}
.Floor000881 { background-color: #f2f4f6; padding: 1% 0 6%; }
.Floor000881 h1 { margin: 0; margin-bottom: 24px; font-size: 20px; font-weight: normal; background: url(../images/Floor000881-icon.png) no-repeat left center; padding-left: 30px; color: #333; }
.Floor000881 h1 a { float: right; color: #999; font-size: 16px; }
.Floor000881 .slick-slider { position: relative; display: block; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.Floor000881 .slick-list { position: relative; z-index: 1; display: block; overflow: hidden; }
.Floor000881 .slick-list:focus { outline: none }
.Floor000881 .slick-list.dragging { cursor: pointer; cursor: hand; }
.Floor000881 .slick-slider .slick-track, .Floor000881 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.Floor000881 .slick-track { position: relative; top: 0; left: 0; display: block; }
.Floor000881 .slick-track:before, .Floor000881 .slick-track:after { display: table; content: ''; }
.Floor000881 .slick-track:after { clear: both; }
.Floor000881 .slick-loading .slick-track { visibility: hidden; }
.Floor000881 .slick-slide { display: none; float: left; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.Floor000881 .slick-slide .slick-loading img { display: none; }
.Floor000881 .slick-slide .dragging img { pointer-events: none; }
.Floor000881 .slick-initialized .slick-slide { display: block; }
.Floor000881 .slick-loading .slick-slide { visibility: hidden; }
.Floor000881 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.Floor000881 .slick-arrow .slick-hidden { display: none; }
.Floor000881 .list_scroll li a { display: block; margin: 0 16px; background: #fff; border-radius: 10px; overflow: hidden; }
.Floor000881 .list_scroll li .Ispic { padding-bottom: 87%; background: no-repeat center center; background-size: cover; }
.Floor000881 .list_scroll li p { text-align: center; margin: 0; line-height: 63px; border-top: 0; font-size: 18px; }
.Floor000881 .list_scroll li a:hover { background-color: #d63139; }
.Floor000881 .list_scroll li a:hover p { color: #fff; }
.Floor000881 .slick-arrow { position: absolute; width: 40px; height: 40px; top: 50%; margin-top: -11px; overflow: hidden; font-size: 0; cursor: pointer; z-index: 10; border: 0; background: none; padding: 0; border-top: 4px solid #ddd; border-left: 4px solid #ddd; transform: rotate(-45deg); }
.Floor000881 .slick-prev { left: -40px; }
.Floor000881 .slick-next { transform: rotate(135deg); right: -40px; }
@media(min-width:1293px) {
	.Floor000881 .list_scroll .slider { margin: 0 -16px; }
}
@media(max-width:1292px) {
	.Floor000881 .slick-prev { left: 0; }
	.Floor000881 .slick-next { right: 0; }
}
@media(max-width:768px) {
	.Floor000881 { padding: 20px 0; }
	.Floor000881 .list_scroll .slider { padding: 0 26px; }
	.Floor000881 .list_scroll li a { margin: 0 5px; }
	.Floor000881 .slick-arrow { width: 30px; height: 30px; }
}
.toptab { position: absolute; right: 0; top: 80px; }
@media(max-width:1280px) {
	.toptab { top: 70px; }
}
@media(max-width:1024px) {
	.toptab { top: 64px; }
}
body.gray { background-color: #f5f5f5; }
#banner { padding-bottom: 30em; background: no-repeat center center; background-size: cover; position: relative; }
#banner .text { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; color: #fff; z-index: 2; font-size: 2.5em; line-height: 1.5em; font-weight: bold; }
#banner .text p { padding-left: 6.25%; }
#submenu { border-bottom: 1px solid #e6e6e6; background-color: #fff; visibility: visible; opacity: 1; transition: all .3s; }
#submenu ul { justify-content: center; }
#submenu li { margin: 0 4.88095238%; font-size: 1.125em; line-height: 2em; }
#submenu a { display: block; padding: 0.72222222em 0; position: relative; }
#submenu a:after { width: 100%; content: ''; display: block; position: absolute; bottom: -1px; left: 0; height: 2px; background-color: #d63139; opacity: 0; }
#submenu .cur a:after { opacity: 1; }
#submenu.fixed { position: fixed; left: 0; top: 0; width: 100%; z-index: 9; }
#submenu.up { visibility: hidden; opacity: 0; }
#wrapper { overflow: hidden; padding: 4.94791667% 0 5.20833333%; }
#wrapper.white { background-color: #fff; }
#notice { width: 101.54761905%; margin-bottom: 2.02380952%; }
#notice .item { width: 25%; padding-right: 1.52403283%; padding-bottom: 1.52403283%; }
#notice .text { padding: 10% 10% 13.75%; }
#notice .tag { font-size: 0.875em; line-height: 2.14285714em; color: #fff; margin-bottom: 11.5625%; }
#notice .tag span { display: inline-block; background-color: #57585a; padding: 0 0.78571429em; transition: all 0.2s; }
#notice .title { font-size: 1.375em; line-height: 1.6em; height: 3.2em; -webkit-line-clamp: 2; font-weight: lighter; }
#notice .figure { opacity: 0; z-index: 5; transition: all 0.2s; }
#notice .img { padding-bottom: 67.5%; }
#notice .more { position: absolute; left: 10%; z-index: 2; color: #fff; display: block; bottom: 19.25925926%; background: url(../images/arrow_right_01.svg) no-repeat right center; background-size: 0.375em auto; padding-right: 1em; }
#notice .date { position: absolute; right: 10%; bottom: 0; line-height: 1em; text-align: center; margin-bottom: 13.75%; }
#notice .date time { display: block; }
#notice .date i { display: block; font-size: 3em; line-height: 1em; font-style: normal; margin-bottom: 0.14583333em; }
#notice .info { background-color: #fff; border-radius: 0.625em; display: block; position: relative; height: 100%; color: #57585a; overflow: hidden; font-weight: lighter; transition: all 0.2s; }
#notice .info:before { width: 69.5%; padding-bottom: 64.25%; background: url(../images/letter_r.svg) no-repeat center center; background-size: contain; content: ''; display: block; position: absolute; bottom: -1px; left: -26.25%; }
#notice .info:hover { color: #000; box-shadow: 0px 1.3125em 1.875em rgba(52, 55, 59, 0.2); }
#notice .info:hover .tag span { background-color: #d63139; }
#notice .info:hover .title { font-weight: normal; }
#notice .info:hover .figure { opacity: 1; }
.category li { margin-right: 3.125em; }
.category .cur a { color: #d63139; }
.columnname { margin-right: 4.6875%; }
.columninfo { border-bottom: 1px solid #e6e6e6; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; padding-bottom: 2.08333333%; margin-bottom: 4.16666667%; }
.columninfo .info { align-items: flex-end; width: 76.19047619%; }
.columninfo .search { width: 23.80952381%; }
.columninfo .input { border: 1px solid #b3b3b3; border-radius: 0.3125em; padding-right: 2.625em; position: relative; }
.columninfo .text { display: block; width: 100%; height: 2.625em; line-height: 2em; padding: 0.3125em 1.25em; color: #444; }
.columninfo .submit { height: 100%; width: 2.625em; background: url(../images/icon_search.png) no-repeat center center; background-size: 1.125em auto; position: absolute; right: 0; top: 0; }
#report { width: 103.125%; }
#report .item { width: 33.333%; padding-right: 3.03030303%; padding-bottom: 3.03030303%; }
#report .img { padding-bottom: 59.80952381%; }
#report .text { padding: 6.66666667% 7.61904762%; }
#report .title { font-size: 1.625em; color: #000; font-weight: normal; line-height: 1.38461538em; height: 2.76923077em; -webkit-line-clamp: 2; margin-bottom: 10.11235955%; }
#report .meta { color: #333; line-height: 1.625em; }
#report .meta span { display: inline-block; vertical-align: middle; background: no-repeat left center; background-size: 1em auto; padding-left: 1.5625em; }
#report .meta .date { background-image: url(../images/icon_clock.svg); }
#report a { display: block; overflow: hidden; background-color: #f5f5f5; height: 100%; position: relative; border-radius: 0.625em; }
#report a:hover .img { transform: scale(1.07); }
.subcolumn { margin-bottom: 4.46428571%; }
.subcolumn ul { justify-content: center; overflow: hidden; }
.subcolumn li { margin: 0 1.25em 1.25em; }
.subcolumn a { display: block; overflow: hidden; width: 10em; height: 3em; text-align: center; line-height: 3em; border: 1px solid #333; }
.subcolumn .cur a { color: #d1242a; border-color: #d1242a; }
.readmore .span { display: inline-block; background: url(../images/arrow_right_02.svg) no-repeat right center; background-size: 0.4375em auto; padding-right: 1em; color: #57585a; }
#exhibition { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
#exhibition .item { width: 47.97619048%; padding-bottom: 4.04761905%; }
#exhibition .img { padding-bottom: 59.92555831%; }
#exhibition .status { position: absolute; left: 0; top: 0; color: #fff; background-color: #d63139; font-size: 0.875em; width: 5.57142857em; line-height: 2.14285714em; border-bottom-right-radius: 0.71428571em; text-align: center; }
#exhibition .review { background-color: #57585a; }
#exhibition .text { padding: 3.72208437% 4.96277916%; }
#exhibition .title { font-size: 1.625em; line-height: 1.5em; font-weight: normal; margin-bottom: 1.37741047%; }
#exhibition .meta { color: #333; line-height: 1.625em; margin-bottom: 6.19834711%; }
#exhibition .meta span { display: inline-block; vertical-align: middle; background: no-repeat left center; background-size: 1em auto; padding-left: 1.5625em; margin-right: 2.75482094%; }
#exhibition .meta .addr { background-image: url(../images/icon_addr.svg); }
#exhibition .meta .date { background-image: url(../images/icon_clock.svg); }
#exhibition a { background-color: #f5f5f5; border-radius: 0.625em; display: block; overflow: hidden; position: relative; height: 100%; }
#exhibition a:hover .img { transform: scale(1.07); }
#breadcrumb { font-size: 0.875em; color: #7f7f7f; line-height: 2.14285714em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0.9375% 0; }
#breadcrumb a { color: #7f7f7f; display: inline-block; }
#breadcrumb a:hover { color: #d63139; }
#breadcrumb a:first-child { background: url(../images/icon_home.png) no-repeat left center; background-size: 1.42857143em auto; padding-left: 2.14285714em; }
#newspost { padding: 1.30208333% 0 5.20833333%; overflow: hidden; }
#newspost .post { background-color: #fff; padding: 3.98809524% 0; margin-bottom: 5.95238095%; }
#newspost .post .title { text-align: center; font-size: 2.25em; font-weight: normal; line-height: 1.35em; margin-bottom: 1.015625%; }
#newspost .post .box { width: 76.19047619%; margin: 0 auto; }
#newspost .post .meta { justify-content: center; color: #7f7f7f; border-bottom: 1px solid #ddd; padding-bottom: 2.34375%; margin-bottom: 3.90625%; }
#newspost .post .meta>div { margin: 0 1.25em; }
#newspost .post .meta .date { background: url(../images/icon_date.png) no-repeat left center; background-size: 1.125em auto; padding-left: 2em; }
#newspost .post .meta .share { background: url(../images/icon_share.png) no-repeat left center; background-size: 1em auto; padding-left: 1.875em; }
#newspost .post .meta .share li { margin-right: 0.625em; position: relative; }
#newspost .post .meta .share a { display: block; overflow: hidden; width: 2.5em; }
#newspost .post .meta .share i { display: block; overflow: hidden; padding-bottom: 100%; background: no-repeat center center; background-size: contain; }
#newspost .post .meta .share .wx i { background-image: url(../images/share_wx.png); }
#newspost .post .meta .share .wb i { background-image: url(../images/share_wb.png); }
#newspost .post .meta .share .in i { background-image: url(../images/share_in.png); }
#newspost .post .meta .share .qr { position: absolute; top: 100%; margin-top: 0.5em; left: 50%; transform: translateX(-50%); background-color: #fff; width: 8.125em; border-radius: 5px; box-shadow: 0px 0px 0.5em rgba(0, 0, 0, 0.1); padding: 0.625em; display: none; }
#newspost .post .meta .share img { display: block; width: 100%; height: auto; }
#newspost .post .entry { line-height: 2.25em; margin-bottom: 3.90625%; }
#newspost .post .other { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border-top: 1px solid #eee; align-items: center; padding-top: 3.90625%; }
#newspost .post .navi { width: calc(100% - 15em); line-height: 2.25em; }
#newspost .post .navi a { color: #7f7f7f; }
#newspost .post .navi a:hover { color: #d63139; }
#newspost .post .back a { display: block; overflow: hidden; width: 13.8125em; height: 3.8125em; text-align: center; line-height: 3.8125em; border: 1px solid #d0d0d0; border-radius: 3px; }
#newspost .post .back i { display: inline-block; background: url(../images/arrow_right_03.png) no-repeat right center; background-size: 0.4375em auto; font-style: normal; padding-right: 1em; }
#newspost .post .back a:hover { background-color: #d63139; color: #fff; border-color: #d63139; }
#newspost .post .back a:hover i { background-image: url(../images/arrow_right_04.png); }
.swiper-arrow .swiper-button-arrow { transform: translateY(-50%); margin-top: 0; width: 3.25em; border-radius: 50%; background: rgba(0, 0, 0, 0.1) no-repeat center center; background-size: 23.07692308% auto; height: auto; }
.swiper-arrow .swiper-button-arrow:hover { background-color: #d63139; }
.swiper-arrow .swiper-button-arrow:after { padding-bottom: 100%; content: ''; }
.swiper-arrow .swiper-button-prev { left: -3.90625vw; background-image: url(../images/swiper_button_prev.svg); }
.swiper-arrow .swiper-button-next { right: -3.90625vw; background-image: url(../images/swiper_button_next.svg); }
#related .inner { padding: 4.94791667% 0 5.20833333%; }
#related .name { text-align: center; font-weight: normal; margin-bottom: 3.57142857%; }
#related .box { width: auto; display: block; position: relative; }
#related .swiper-slide { height: auto; }
#related #report .info { background-color: #fff; }
#related #notice .info:hover { box-shadow: none; }
.boxname { text-align: center; font-weight: normal; margin-bottom: 3.57142857%; }
.download { margin-bottom: 3.57142857%; }
.download .name { text-align: center; font-weight: normal; margin-bottom: 3.57142857%; }
.download .list { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.download .item { width: 48.80952381%; margin-bottom: 2.38095238%; }
.download .btn span { display: block; background: url(../images/download.png) no-repeat left center; background-size: 1.0625em auto; color: #d63139; padding-left: 1.875em; }
.download .text { width: calc(100% - 6.875em); }
.download .title { font-size: 1.25em; line-height: 1.5em; }
.download .meta { color: #57585a; }
.download a { overflow: hidden; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; -o-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; position: relative; height: 100%; background-color: #fff; padding: 3.04878049% 4.87804878%; border-radius: 0.625em; }
.advantage { border-radius: 0.625em; overflow: hidden; }
.advantage .figure { width: 59.52380952%; height: 100%; display: table-cell; vertical-align: middle; }
.advantage .img { height: 100%; padding-bottom: 51.6%; }
.advantage .text { display: table-cell; vertical-align: middle; padding: 1em 5.95238095%; color: #000; }
.advantage .title { line-height: 1.25em; margin-bottom: 12.5%; font-weight: normal; }
.advanlist .item { position: relative; }
.advanlist .img { padding-bottom: 44.79166667%; }
.advanlist .text { position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #fff; width: 100%; }
.advanlist .inner { overflow: hidden; }
.advanlist .box { width: 100%; max-width: 45.625em; padding: 0 5.95238095%; }
.advanlist .title { line-height: 1.25em; margin-bottom: 3.125vw; font-weight: normal; }
.advanlist .item:nth-child(2n) .box { float: right; }
.swiper-dots .swiper-pagination { position: static; justify-content: center; margin-top: 3.57142857%; }
.swiper-dots .swiper-pagination .swiper-pagination-bullet { margin: 0 0.5952381%; background-color: #57585a; height: 2px; width: 3.57142857%; opacity: 0.2; border-radius: 0; }
.swiper-dots .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
#benefits { padding: 4.94791667% 0 5.20833333%; }
#benefits .box { position: relative; }
#benefits .swiper-slide { height: auto; }
#benefits .info { border-radius: 0.625em; overflow: hidden; background-color: #f6f6f6; height: 100%; text-align: center; }
#benefits .img { padding-bottom: 95.21410579%; }
#benefits .text { padding: 8.04020101% 17.5879397% 8.79396985%; }
#benefits .title { font-size: 1.625em; line-height: 1.5em; margin-bottom: 1.94552529%; font-weight: normal; }
#benefits .intro { line-height: 1.75em; }
#benefits .info:hover .img { transform: scale(1.07); }
#delivery { background: no-repeat center center; background-size: cover; color: #fff; padding: 10.20833333% 0 7.03125%; }
#delivery .intro { text-align: center; font-size: 1.125em; line-height: 2.22222222em; margin-bottom: 2.26190476%; }
#delivery .intro h4 { font-size: 1.44444444em; line-height: 1.53846154em; }
#delivery .button a { background-color: #d63139; }
#delivery .button a:before { border-color: #d63139; }
#recruit { background: no-repeat center center; background-size: cover; overflow: hidden; padding: 4.94791667% 0; }
.loadmore { text-align: center; margin-top: 2.38095238%; }
.loadmore span { display: inline-block; color: #57585a; cursor: pointer; }
.joblist { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; overflow: hidden; }
.joblist .item { width: 100%; margin-bottom: 1.19047619%; }
.joblist .info { background-color: #fff; height: 100%; position: relative; padding: 3% 4%; }
.joblist .info .deliver { margin-top: 1em; display: flex; }
.joblist .info .deliver span { cursor: pointer; display: flex; align-items: center; border: solid 1px #000; padding: 0 2em; line-height: 2.5; }
.joblist .info .deliver span::after { margin-left: 1em; content: ''; width: 24px; height: 24px; display: block; background-image: url(../images/icon-td.png); background-repeat: no-repeat; background-position: center; }
.joblist .top { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border-bottom: 1px solid #ebebeb; align-items: center; padding-bottom: 1%; margin-bottom: 1%; }
.joblist .name { width: 100%; font-size: 1.625em; line-height: 1.35em; }
.joblist .meta { width: calc(100% - 6.25em); }
.joblist .btn { color: #d63139; background: url(../images/arrow_down_01.svg) no-repeat right center; background-size: 0.875em auto; padding-right: 1.5em; cursor: pointer; }
.joblist .btm { height: 9em; overflow: hidden; font-size: 0.875em; color: #666; line-height: 2.14285714em; }
.joblist .btm h4 { font-size: 1.28571429em; line-height: 1.5em; color: #333; margin-bottom: 0.27777778em; }
.joblist .item.on .btm { height: auto; }
#honor { overflow: hidden; }
#honor ul { overflow: hidden; width: 101.19047619%; }
#honor .info { background: #fff url(../images/honor_bg.png) no-repeat left top; background-size: contain; padding-bottom: 14.56790123%; position: relative; border-radius: 0.5em; }
#honor .info:hover .img { transform: scale(1.03); }
#honor .img { padding-bottom: 62.96296296%; }
#honor .name { border-top: 1px solid #eaeaea; text-align: center; font-weight: normal; font-size: 1em; line-height: 1.5em; padding: 0.7em 1em; position: absolute; left: 0; bottom: 0; width: 100%; }
#honor li { float: left; font-size: 1.25em; width: 25%; padding-right: 1.17647059%; padding-bottom: 1.17647059%; }
#honor li:nth-child(5n+1) { width: 50%; }
#honor li:nth-child(5n+1) .info { padding-bottom: 10%; }
#honor li:nth-child(5n+1) .img { padding-bottom: 68.07228916%; }
#honor li:nth-child(5n+1) .name { font-size: 1.3em; line-height: 1.92307692em; padding-top: 0.61538462em; padding-bottom: 0.61538462em; }
#certificate { background: no-repeat center center; background-size: cover; color: #fff; padding-top: 4.94791667%; overflow: hidden; }
#certificate .boxname { margin-bottom: 1.30952381%; }
#certificate .tab { justify-content: center; margin-bottom: 4.16666667%; }
#certificate .tab span { display: block; cursor: pointer; margin: 0 1.42857143%; }
#certificate .tab .cur { color: #d63139; }
#certificate .list { background: url(../images/certificate_bg.png) no-repeat center bottom; background-size: 99.73958333% auto; padding-bottom: 1.5625%; }
#certificate .swiper-item { display: none; }
#certificate .swiper { width: 19.9375em; overflow: visible; padding-bottom: 3.125em; }
#certificate .swiper-slide { transform-origin: center bottom; transition: all 0.3s; }
#certificate .img { padding-bottom: 127.5862069%; background-size: 100% 100%; }
#certificate .title { text-align: center; position: absolute; left: 0; width: 100%; top: 105%; color: #999; font-size: 1.625em; font-weight: normal; }
#certificate .swiper-slide-active .title { color: #fff; font-size: 1.125em; top: 102%; }
#certificate .arrows { justify-content: center; padding: 1.04166667% 0 3.38541667%; background: url(../images/certificate_btm.png) no-repeat center center; background-size: 100% 100%; margin-top: -0.15625%; }
#certificate .swiper-button-arrow { position: relative; background-color: rgba(255, 255, 255, 0.1); top: auto; transform: none; left: auto; right: auto; margin: 0 0.52083333%; }
#certificate .swiper-button-arrow:hover { background-color: #d63139; }
#about { overflow: hidden; }
#about .inner { position: relative; padding: 4.94791667% 0 9.375%; }
#about .inner:before { padding-bottom: 14.46428571%; background: url(../images/about_logo.png) no-repeat center center; background-size: contain; content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; }
#about .info { position: relative; z-index: 2; }
#about .entry { text-align: justify; text-align-last: center; max-width: 80em; margin: 0 auto 5.95238095%; }
#about .data { max-width: 80em; margin: 0 auto; color: #666; }
#about .data ul { justify-content: space-around; }
#about .data .num { font-size: 3.125em; line-height: 1em; color: #333; }
#brandidea .img { padding-bottom: 41.66666667%; }
#brandidea .boxname { position: absolute; left: 0; top: 11.875%; width: 100%; z-index: 2; color: #fff; }
#brandidea .play { position: absolute; left: 50%; top: 50%; margin: -1.30208333% 0 0 -1.30208333%; z-index: 2; }
#culture { padding: 4.94791667% 0 5.20833333%; }
#culture .item { position: relative; width: 16.66666667%; display: table-cell; vertical-align: middle; border-radius: 0.625em; overflow: hidden; transition: all 0.3s; color: #fff; }
#culture .image { padding-bottom: 35em; background: no-repeat center center; background-size: auto 100%; }
#culture .text { position: absolute; left: 0; top: 14.28571429%; width: 100%; padding: 0 6.54761905%; text-align: center; transition: all 0.3s; }
#culture .icon { width: 27.16049383%; margin: 0 auto 9.87654321%; transition: all 0.3s; }
#culture .icon i { display: block; overflow: hidden; padding-bottom: 100%; background: no-repeat center center; background-size: contain; }
#culture .title { font-size: 1.625em; line-height: 1.35em; margin-bottom: 14.81481481%; transition: all 0.3s; }
#layout { position: relative; padding: 4.94791667% 0 7.44791667%; background: url(../images/bg_layout.jpg) no-repeat center center; background-size: cover; }
#layout .box { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; align-items: flex-end; }
#layout .gallery { width: 73.81%; margin: 0; }
#layout .gallery .img { padding-bottom: 50.3226%; }
#layout .left { width: 25.12%; }
#layout .text { margin: 0 9.478% 33.175%; }
#layout .text .name { font-size: 2.25em; line-height: 1.35em; margin-bottom: 17.543%; }
#layout .text .intro { line-height: 1.75em; }
#layout .text .arrows { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-top: 35%; }
#layout .text .swiper-button-arrow { position: relative; width: 0.875em; background: no-repeat 0 0; background-size: 100% auto; left: auto; top: auto; right: auto; height: auto; margin-top: 0; }
#layout .text .swiper-button-arrow:after { content: ''; padding-bottom: 185.71428571%; }
#layout .text .swiper-button-arrow:hover { background-position: 0 100%; }
#layout .text .swiper-button-prev { background-image: url(../images/arrow_01.png); margin-right: 14.62%; }
#layout .text .swiper-button-next { background-image: url(../images/arrow_02.png); }
#layout .thumb .swiper-slide { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; }
#layout .thumb .figure { width: 100%; }
#layout .thumb .figure:before { content: ''; display: block; position: absolute; box-sizing: border-box; width: 100%; left: 0; top: 0; height: 100%; opacity: 0; }
#layout .thumb .img { padding-bottom: 50%; }
#layout .thumb span { display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 5%; width: 90%; text-align: center; color: #fff; font-size: 1.25em; }
#layout .thumb .swiper-slide-active .figure:before { opacity: 1; }
#history { overflow: hidden; background: url(../images/history.jpg) no-repeat center center; background-size: cover; padding: 5.72916667% 0 2.08333333%; position: relative; }
#history .box { position: relative; padding: 0 6.25%; }
#history .box:before { content: ''; display: block; position: absolute; width: 100%; padding-bottom: 17.65625%; left: 0; bottom: 0; background: url(../images/line.svg) no-repeat center center; background-size: contain; }
#history .swiper { padding-top: 12em; overflow: visible; padding-bottom: 2.22%; }
#history .swiper-slide { transition: all 0.3s; opacity: 1; }
#history .info { position: relative; padding: 0 9.61538462% 20%; min-height: 20em; }
#history .info:before { width: 1px; background-color: rgba(0, 0, 0, 0.5); height: 100%; content: ''; display: block; position: absolute; left: 0.40625em; bottom: 0; }
#history .info:after { border: 3px solid #676768; border-radius: 50%; content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 0.875em; height: 0.875em; background-color: #fff; box-sizing: border-box; }
#history .year { font-size: 2.625em; font-weight: normal; line-height: 1em; margin-bottom: 1.92307692%; }
#history .title { font-size: 1.25em; line-height: 1.5em; margin-bottom: 4.08653846%; }
#history .intro { font-size: 0.875em; line-height: 1.85714286em; min-height: 14.78571429em; }
#history .dot { width: 0.75em; height: 0.75em; border-radius: 50%; background-color: #646567; position: absolute; left: 1px; top: 0; }
#history .dot:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #000; transform: scale(2); opacity: 0.1; }
#history .swiper-wrapper { align-items: flex-end; }
#history .swiper-slide-next { transform: translateY(-1.7em); }
#history .swiper-slide-next2 { transform: translateY(-5em); }
#history .swiper-slide-next3 { transform: translateY(-11em); }
#history .swiper-slide-next3+.swiper-slide { transform: translateY(-14em); opacity: 0; }
#history .swiper-slide-prev { opacity: 0; }
#history .info:hover .dot, #history .info:hover .dot:after, #history .info:hover:before { background-color: #d63139; }
#history .info:hover:after { border-color: #d63139; }
#history .info:hover .year { color: #d63139; }
#history .swiper-button-prev { left: 2.60416667%; }
#history .swiper-button-next { right: 2.60416667%; }
.boxmeta { text-align: center; margin-bottom: 3.86904762%; }
.boxmeta .name { font-size: 1em; line-height: 1.35em; font-weight: normal; color: #000; }
.boxmeta .des { font-size: 0.5em; line-height: 1.35em; color: #57585a; margin-top: 0.41666667em; }
.boxmeta .tab { font-size: 0.375em; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; -o-flex-flow: wrap; flex-flow: wrap; justify-content: center; color: #999a9d; line-height: 2em; margin-top: 0.55555556em; }
.boxmeta .tab span { display: block; margin: 0 2.08333333%; position: relative; cursor: pointer; }
.boxmeta .tab span:after { width: 1.83333333em; height: 0.22222222em; background-color: #d63139; content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); opacity: 0; }
.boxmeta .tab .cur { color: #111; font-weight: bold; }
.boxmeta .tab .cur:after { opacity: 1; }
.policy { padding: 4.6875% 0 3.64583333%; overflow: hidden; }
.policy .list { width: 101.07142857%; }
.policy .item { width: 25%; padding-right: 1.76678445%; padding-bottom: 1.76678445%; }
.policy .info { position: relative; height: 100%; background-color: #f6f6f6; border-radius: 0.625em; overflow: hidden; padding: 15.18987342% 10% 12.65822785%; text-align: center; transition: all 0.3s; }
.policy .icon { margin: 0 auto 10.45627376%; width: 31.68567807%; border: 1px solid #d63139; border-radius: 50%; overflow: hidden; }
.policy .icon i { display: block; overflow: hidden; padding-bottom: 100%; transition: all 0.3s; background: no-repeat center center; background-size: contain; }
.policy .icon i:nth-child(2) { display: none; }
.policy .title { font-size: 1.625em; line-height: 1.5em; color: #000; margin-bottom: 4.75285171%; }
.policy .intro { line-height: 2em; }
.policy .info:hover { box-shadow: 0px 0.375em 1.875em rgba(0, 0, 0, 0.1); background-color: #fff; }
.policy .info:hover .icon i { background-color: #d63139; }
.policy .info:hover .icon i:nth-child(1) { display: none; }
.policy .info:hover .icon i:nth-child(2) { display: block; }
.support { background-color: #f5f5f5; padding-top: 5.20833333%; margin-bottom: 17.44791667%; }
.support .box { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.support .item { background-color: #fff; border-radius: 0.625em; overflow: hidden; padding: 3.27380952% 2.38095238%; margin-bottom: 1.19047619%; }
.support .title { background: no-repeat left 0.03846154em; background-size: auto 1.26923077em; font-size: 1.625em; line-height: 1.35em; padding-left: 2em; color: #000; }
.support .intro { border-bottom: 1px solid #ebebeb; padding-bottom: 6.25%; margin-bottom: 7.03125%; }
.support .intro .qrcode { display: table-cell; vertical-align: top; width: 6.25em; }
.support .intro .text { display: table-cell; vertical-align: top; padding-right: 2em; }
.support .intro h4 { color: #000; font-size: 1.25em; line-height: 1.35em; }
.support .intro p { color: #57585a; margin-top: 0.5em; }
.support .intro:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; }
.support .process { width: 42.85714286%; }
.support .process .title { background-image: url(../images/icon_01.png); margin-bottom: 7.8125%; }
.support .process .scroll { position: relative; padding-bottom: 130.46875%; overflow: hidden; }
.support .process .scroll:after { display: none; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom: 17%; background-image: linear-gradient(-180deg, #fff, transparent); z-index: 2; }
.support .process img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: auto; }
.support .guide { width: 55.95238095%; }
.support .guide .title { background-image: url(../images/icon_02.png); margin-bottom: 6.39534884%; }
.support .guide .entry { text-align: center; }
.support .hottel { background: no-repeat center center; background-size: cover; border-radius: 0.625em; overflow: hidden; padding-bottom: 33.33333333%; margin-bottom: -13.98809524%; position: relative; }
.support .hottel .text { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 5.95238095%; }
.support .hottel .title { padding-left: 0; margin-bottom: 2.02702703%; }
.support .hottel .info { font-size: 1.5em; line-height: 1.5em; }
.support .hottel .num { color: #d63139; line-height: 1em; margin-bottom: 0.67567568%; }
.moreservice { overflow: hidden; margin-bottom: 2.60416667%; }
.moreservice .list { width: 103.125%; }
.moreservice .item { width: 33.333%; padding-right: 3.03030303%; padding-bottom: 3.03030303%; }
.moreservice .info { position: relative; }
.moreservice .figure { border-radius: 0.625em; }
.moreservice .img { padding-bottom: 95.23809524%; transition: all .5s; }
.moreservice .item:hover .img { transform: scale(1.1); }
.moreservice .text { position: absolute; left: 0; top: 0; width: 100%; color: #fff; z-index: 5; text-align: center; padding: 8.57142857%; }
.moreservice .title { font-size: 1.625em; line-height: 1.35em; margin-bottom: 0.4375em; font-weight: normal; }
.content { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
#sidebar { width: 25.5952381%; background-color: #fff; border-radius: 0.625em; padding: 2.26190476% 2.38095238%; margin-bottom: 1.19047619%; overflow: hidden; position: relative; padding-bottom: 15.47619048%; }
#sidebar:before { width: 64.65116279%; padding-bottom: 59.76744186%; background: url(../images/letter_r.svg) no-repeat center center; background-size: contain; content: ''; display: block; position: absolute; bottom: -1px; left: -24.41860465%; z-index: 2; opacity: 0.35; }
#sidebar ul { position: relative; z-index: 5; }
#sidebar li { border-bottom: 1px solid #ededed; font-size: 1.25em; line-height: 1.8em; padding: 6.28571429% 0; }
#sidebar a { color: #000; display: block; position: relative; }
#sidebar a:hover { color: #d63139; }
#sidebar a:before, #sidebar a:after { content: ''; display: block; position: absolute; }
#sidebar a:before { width: 2px; height: 100%; background-color: #d63139; top: 0; left: -11.42857143%; opacity: 0; }
#sidebar a:after { width: 0.4em; height: 1.15em; background: url(../images/arrow_right_05.png) no-repeat center center; background-size: contain; right: 0; top: 50%; transform: translateY(-50%); }
#sidebar .cur a:before { opacity: 1; }
#sidebar .cur a:after { background-image: url(../images/arrow_right_06.png); }
#sidebar .input { border-bottom: 1px solid #ededed; position: relative; margin-bottom: 8.57142857%; padding-left: 1.125em; z-index: 5; }
#sidebar .submit { width: 1.125em; height: 1.1875em; background: url(../images/icon_search.png) no-repeat center center; background-size: contain; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
#sidebar .text { display: block; width: 100%; height: 3.75em; line-height: 1.875em; padding: 1em; color: #454545; }
.mainname { font-size: 1.875em; border-bottom: 1px solid #ededed; font-weight: normal; line-height: 1.35em; margin-bottom: 3.47826087%; padding-bottom: 2.86956522%; }
#main { margin-bottom: 1.19047619%; width: 73.21428571%; background-color: #fff; border-radius: 0.625em; padding: 3.45238095% 2.38095238% 5.95238095%; }
#main .button a { margin: 0 auto; }
.manual { overflow: hidden; margin-bottom: 5.2173913%; }
.manual .item { width: 33.333%; text-align: center; }
.manual .figure { width: 7.5625em; max-width: 100%; margin: 0 auto 11.93520887%; }
.manual .img { padding-bottom: 100%; background-size: contain; }
.manual .title { font-size: 1.25em; color: #000; line-height: 1.5em; margin-bottom: 3.41005968%; font-weight: normal; }
.manual .intro { color: #57585a; line-height: 1.5em; text-align: justify; text-align-last: center; margin-bottom: 6.82011935%; }
.manual .btn { color: #d63139; opacity: 0; transition: all 0.3s; }
.manual .btn span { display: inline-block; background: url(../images/download.png) no-repeat left center; background-size: 1.0625em auto; padding-left: 1.875em; }
.manual a { display: block; overflow: hidden; position: relative; height: 100%; padding: 15.66579634% 11.74934726% 5.22193211%; border-radius: 0.625em; transition: all 0.3s; }
.manual a:hover { background-color: #f5f5f5; }
.manual a:hover .btn { opacity: 1; }
.applet { width: 100%; background-color: #fff; border-radius: 0.625em; overflow: hidden; padding: 4.46428571% 5% 4.76190476%; position: relative; }
.applet:before { width: 85.77380952%; padding-bottom: 12.38095238%; background: url(../images/letter_word.svg) no-repeat center center; background-size: contain; content: ''; display: block; position: absolute; left: 7.11309524%; bottom: 0; }
.applet .qr { position: relative; z-index: 2; }
.applet .qr img { display: block; margin: 0 auto; }
.training { overflow: hidden; padding: 5.20833333% 0; }
.training ul { overflow: hidden; width: 101.19047619%; margin-bottom: 2.38095238%; }
.training .figure:after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom: 25.54216867%; background: url(../images/linear_line.png) repeat-x center bottom; background-size: contain; }
.training .img { padding-bottom: 78.02469136%; }
.training .text { font-weight: normal; font-size: 1.5em; padding: 1.45833333em 1.25em; position: absolute; left: 0; bottom: 0; width: 100%; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.training .icon { width: 2.08333333em; height: 2.08333333em; background: url(../images/play_02.png) no-repeat 0 0; background-size: 100% auto; }
.training .title { font-size: 1em; line-height: 2.08333333em; font-weight: normal; width: calc(100% - 2.916em); }
.training .info { position: relative; border-radius: 0.625em; overflow: hidden; color: #fff; display: block; }
.training .info:hover .img { transform: scale(1.03); }
.training .info:hover .icon { background-position: 0 100%; }
.training li { float: left; width: 25%; padding-right: 1.17647059%; padding-bottom: 1.17647059%; }
.training li:nth-child(5n+1) { width: 50%; }
.training li:nth-child(5n+1) .img { padding-bottom: 78.43373494%; }
.tabitem .img { padding-bottom: 56.2962963%; }
.tabitem .icon { position: absolute; background: url(../images/play_02.png) no-repeat 0 0; background-size: 100% auto; left: 5.55555556%; bottom: 0; z-index: 2; margin-bottom: 5.55555556%; width: 9.25925926%; padding-bottom: 9.25925926%; }
.tabitem .text { padding: 3.7037037% 5.55555556%; }
.tabitem .title { font-size: 1.625em; line-height: 1.5em; font-weight: normal; }
.tabitem .time { font-size: 1.125em; color: #333; line-height: 1.66666667em; }
.tabitem .info { background-color: #fff; position: relative; height: 100%; display: block; overflow: hidden; border-radius: 0.625em; box-shadow: 0px 0.125em 1.25em rgba(0, 0, 0, 0.03); }
.tabitem .info:hover .icon { background-position: 0 100%; }
.operation { background-color: #f5f5f5; padding: 5.20833333% 0; overflow: hidden; }
.operation .list { width: 101.78571429%; margin-bottom: 1.48809524%; }
.operation .item { width: 33.333%; padding-right: 1.75438596%; padding-bottom: 1.75438596%; }
.operation .sub { display: none; }
.settings { padding: 5.20833333% 0; overflow: hidden; }
.settings .info { margin: 0.3125em; }
.settings .sub { position: relative; }
.settings .swiper-button-arrow { transform: none; top: 30%; }
.iscase #header { background-color: #111; position: relative; }
.casenews { padding: 5.20833333% 0; background-color: #ebedf0; }
.casenews .info { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.casenews .figure { width: 47.61904762%; }
.casenews .figure a { border-radius: 0.625em; }
.casenews .figure a:hover .img { transform: scale(1.05); }
.casenews .img { padding-bottom: 60%; }
.casenews .text { width: 46.72619048%; padding-bottom: 2em; }
.casenews .title { font-size: 1.625em; line-height: 1.35em; margin-bottom: 2.1656051%; }
.casenews .tag { border-bottom: 1px solid #d1d2d4; padding-bottom: 3.43949045%; margin-bottom: 3.18471338%; }
.casenews .tag span { display: inline-block; border: 1px solid #d63139; color: #d63139; height: 2.25em; line-height: 2.1875em; padding: 0 1.25em; margin: 0 2% 2% 0; }
.casenews .excerpt { line-height: 2em; color: #000; height: 6em; -webkit-line-clamp: 3; margin-bottom: 8.91719745%; }
.casenews .button a { width: 25.47770701%; }
.casenews .swiper-pagination { position: absolute; width: 46.72619048%; left: auto; right: 0; bottom: 0; text-align: left; margin-top: 0; }
.casenews .swiper-pagination .swiper-pagination-bullet { width: 7.6433121%; margin: 0 2.5477707% 0 0; }
.casepost { background: #ebedf0 no-repeat center center; background-size: cover; overflow: hidden; }
.casepost figure { overflow: hidden; border-radius: 0.625em; }
.casepost .img { background-size: contain; }
.casepost .text { flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding-bottom: 0; }
.casepost .top { margin-bottom: 1.5em; width: 100%; }
.casepost .intro { line-height: 2em; color: #000; }
.casepost .data { line-height: 2em; color: #000; width: 100%; }
.casepost .data li { margin-right: 12.7388535%; }
.casepost .data li:last-child { margin-right: 0; }
.casepost .data .num { color: #d63139; font-size: 2.5em; line-height: 1em; font-weight: bold; }
.appcase { padding: 4.94791667% 0 5.20833333%; }
.appcase .list { width: 103.125%; margin-bottom: 0.5952381%; }
.appcase .item { width: 33.333%; padding-right: 3.03030303%; padding-bottom: 3.03030303%; }
.appcase .figure:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; padding-bottom: 40.38095238%; background: url(../images/linear_line_02.png) repeat-x center top; background-size: contain; }
.appcase .img { padding-bottom: 95.23809524%; }
.appcase .text { position: absolute; left: 0; top: 0; width: 100%; z-index: 2; padding: 8.57142857% 17.14285714%; }
.appcase .title { font-size: 1.625em; line-height: 1.35em; margin-bottom: 1.73913043%; }
.appcase .icon { position: absolute; background: url(../images/play_02.png) no-repeat 0 0; background-size: 100% auto; left: 5.71428571%; bottom: 0; z-index: 2; margin-bottom: 5.71428571%; width: 9.52380952%; padding-bottom: 9.52380952%; }
.appcase .info { border-radius: 0.625em; display: block; overflow: hidden; position: relative; color: #fff; text-align: center; }
.appcase .info:hover .img { transform: scale(1.05); }
.appcase .info:hover .icon { background-position: 0 100%; }
.servicecase { background-color: #ebedf0; padding: 5.20833333% 0; }
.servicecase .list { position: relative; display: flex; flex-wrap: wrap; margin-bottom: 2%; }
.servicecase .item { width: 23.572%; margin-bottom: 2%; margin-right: 1.9%; }
.servicecase .item:nth-child(4n) { margin-right: 0; }
.servicecase .figure { margin-bottom: 8.31234257%; border-radius: 0.625em; }
.servicecase .img { padding-bottom: 73.04785894%; }
.servicecase .title { font-size: 1.625em; line-height: 1.35em; font-weight: normal; }
.servicecase .info { color: #333; display: block; overflow: hidden; }
.servicecase .info:hover .img { transform: scale(1.05); }
.servicecase .swiper-arrow { position: relative; }
.message { padding: 5.20833333% 0; }
.message .inner { box-shadow: 0px 0px 3.875em rgba(81, 81, 81, 0.15); }
.message .box { padding: 5.95238095% 10.71428571% 6.25%; border-radius: 0.625em; overflow: hidden; }
.message .item { margin-bottom: 1.25em; }
.message .label { font-size: 1.25em; color: #000; line-height: 1.5em; display: block; width: 100%; margin-bottom: 0.6875em; }
.message .label i { font-style: normal; color: #d63139; }
.message .text { background-color: #f7f8f9; height: 3.1875em; line-height: 1.9375em; padding: 0.625em 1.25em; color: #555; display: block; width: 100%; }
.message textarea.text { height: 9.375em; }
.message .checkbox { color: #333; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; -o-flex-flow: wrap; flex-flow: wrap; }
.message .checkbox label { display: block; margin-right: 9.84848485%; }
.message select { display: block; width: 100%; height: 3.1875em; text-align: right; position: relative; color: #555; z-index: 2; }
.message .select { background-color: #f7f8f9; padding: 0 1.25em; position: relative; }
.message .select:before { content: '鐪佸競'; position: absolute; left: 1.25em; top: 50%; transform: translateY(-50%); color: #999; }
.message .column { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; -o-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.message .column .item { width: 30.3030303%; }
.message .column .w480 { width: 36.51515152%; }
.message .column .w900 { width: 68.18181818%; }
.message .submit { background-color: #d63139; color: #fff; width: 15.15151515%; height: 3.0625em; margin-top: 4.54545455%; }
.industyapp { padding: 4.94791667% 0 3.64583333%; }
.industyapp .figure { border-radius: 0.625em; }
.industyapp .img { padding-bottom: 30.95238095%; }
.industyapp .text { position: absolute; left: 0; top: 50%; width: 100%; color: #333; padding: 0 4.76190476%; transform: translateY(-60%); }
.industyapp .box { width: 40.13157895%; }
.industyapp .title { font-size: 1.625em; line-height: 1.5em; margin-bottom: 3.27868852%; font-weight: normal; }
.industyapp .intro { line-height: 1.75em; max-height: 7em; -webkit-line-clamp: 4; margin-bottom: 13.60655738%; }
.industyapp .item { position: relative; margin-bottom: 1.78571429%; }
.industyapp .item:nth-child(2n) .text { justify-content: flex-end; }
.industyapp .item:hover .img { transform: scale(1.02); }
.partner { padding: 5.20833333% 0; overflow: hidden; }
.partner ul { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; -o-flex-flow: wrap; flex-flow: wrap; justify-content: space-evenly; padding: 0 5.95238095%; align-items: center; }
.partner ul:nth-child(2) { padding: 0; }
.partner ul:nth-child(2) li { width: 13.0952381%; padding: 0.89285714% 0; }
.partner ul:nth-child(2) .text { width: auto; padding-left: 3.57142857%; padding-right: 3.57142857%; }
.partner ul:nth-child(2) .who { display: block; }
.partner li { width: 14.86486486%; padding: 1.01351351% 0; }
.partner .item { border-radius: 3.125em; overflow: hidden; box-shadow: 0px 0.5em 1.6875em rgba(0, 0, 0, 0.07); }
.partner .icon { padding-bottom: 45.45454545%; background: no-repeat center center; background-size: cover; transition: all .5s; }
.partner .item:hover .icon { transform: scale(1.1); }
.partner .who { font-size: 2.5em; white-space: nowrap; line-height: 1.25em; display: none; padding: 0 1em; position: relative; }
.partner .who span { color: #d63139; }
.painpoints { position: relative; color: #fff; }
.painpoints .img { padding-bottom: 38.02083333%; }
.painpoints .text { position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); }
.painpoints .box { padding: 0 6.54761905%; }
.painpoints .icon { width: 3.75em; margin-bottom: 2.39726027%; }
.painpoints .icon i { display: block; overflow: hidden; padding-bottom: 100%; background: no-repeat center center; background-size: contain; }
.painpoints .title { font-size: 2.5em; line-height: 1.25em; margin-bottom: 1.71232877%; }
.painpoints .intro { line-height: 2.25em; }
.testimony { padding: 5.20833333% 0; background: no-repeat center center; background-size: cover; color: #fff; overflow: hidden; }
.testimony .boxmeta .name { color: #fff; }
.testimony .top { background: url(../images/icon_04.png) no-repeat left top; background-size: 2.75em auto; min-height: 3.75em; padding-left: 3.4375em; margin-bottom: 4.34243176%; }
.testimony .title { font-size: 1.5em; line-height: 1.35em; margin-bottom: 0.20833333em; }
.testimony .figure { border-radius: 0.625em; }
.testimony .figure:hover .img { transform: scale(1.05); }
.testimony .figure:hover .vplay { transform: scale(0.9); }
.testimony .img { padding-bottom: 52.10918114%; }
.testimony .swiper-arrow { position: relative; }
.testimony .swiper-arrow .swiper-button-arrow { background-color: rgba(255, 255, 255, 0.1); transform: none; }
.testimony .swiper-arrow .swiper-button-arrow:hover { background-color: #d63139; }
.testimony .vplay { width: 6.20347395%; background: url(../images/play_03.png) no-repeat center center; background-size: contain; padding-bottom: 6.20347395%; position: absolute; left: 50%; top: 50%; margin: -3.10173697% 0 0 -3.10173697%; z-index: 2; transition: all 0.3s; }
.network { border-radius: 0.625em; overflow: hidden; align-items: center; }
#dealer {position:relative; width: 35.71428571%; height: 51.25em; background-color: #262626; color: #fff; padding: 3.57142857% 2.38095238%; }
#dealer .current { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; margin-bottom: 4.80769231%; }
#dealer .current .city { font-size: 1.5em; line-height: 1.35em; font-weight: bold; background: url(../images/icon_03.png) no-repeat left center; background-size: 0.79166667em auto; padding-left: 1.25em; }
#dealer .current .drop select { color: #5c5c5c; background: url(../images/arrow_down_01.png) no-repeat right center; background-size: 0.8125em auto; padding-right: 1.375em; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
#dealer .input { position: relative; padding-right: 4.375em; background-color: #4d4d4d; margin-bottom: 0.625em; border-radius: 0.3125em; }
#dealer .input .text { height: 3.375em; display: block; width: 100%; line-height: 1.75em; padding: 0.8125em 1.375em; color: #fff; }
#dealer .input .submit { position: absolute; height: 100%; width: 4.375em; right: 0; top: 0; background: url(../images/search_01.svg) no-repeat center center; background-size: 1.125em auto; }
#dealer .total { font-size: 0.875em; color: #666; line-height: 2.14285714em; padding: 0 1.57142857em; margin-bottom: 8.84615385%; }
#dealer .list { max-height: 31.25em; overflow-y: auto; -webkit-overflow-scrolling: touch;padding-right: 30px; }
#dealer .item { margin-bottom: 10.57692308%; }
#dealer .item:last-child { margin-bottom: 0; }
#dealer .title { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; -o-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #3a3a3a; position: relative; padding-bottom: 0.9375em; margin-bottom: 1.0625em; }
#dealer .title:after { height: 3px; background-color: #d63139; content: ''; display: block; position: absolute; left: 0; bottom: -2px; width: 1.875em; }
#dealer .title .name { font-size: 1.5em; line-height: 1.35em; margin-right: 0.5em; }
#dealer .title .km { opacity: 0.2; }
#dealer .meta p { padding: 0.1875em 0; }
#dealer .btn { overflow: hidden; }
#dealer .btn a { float: right; display: block; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5); width: 8.5em; height: 2.625em; line-height: 2.5625em; text-align: center; border-radius: 1.3125em; }
#dealer .btn i { display: inline-block; font-style: normal; position: relative; padding-left: 1.75em; }
#dealer .btn i:before { width: 1.1875em; height: 1.1875em; background: url(../images/icon_05.png) no-repeat center center; background-size: contain; content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); opacity: 0.5; }
#dealer .btn a:hover { background-color: #d63139; border-color: #d63139; color: #fff; }
#dealer .btn a:hover i:before { opacity: 1; }
#dealer .back {position:absolute; right:6.5%; bottom:1em; color:#fff;}
#dealer .back a {color:#fff;}
.workmap { width: 64.28571429%; position: relative; }
.workmap .box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.workmap .map { display: block; width: 100%; height: auto; }
@media only screen and (min-width:1025px) {
	#culture .cur { width: 50%; }
	#culture .cur .icon { width: 9.04109589%; margin: 0 0 0.1875em; }
	#culture .cur .text { text-align: left; }
	#culture .cur .title { font-size: 1.875em; margin-bottom: 0.68493151%; }
	#culture .cur .intro { font-size: 1.5em; line-height: 1.5em; }
}
@media only screen and (max-width:1920px) {
	#history .swiper { font-size: 0.83333333vw; }
	.training .text { font-size: 1.25vw; }
}
@media only screen and (max-width:1792px) {
	.fz48 { font-size: 2.67857143vw; }
	#honor li { font-size: 1.11607143vw; }
	.partner .list { font-size: 0.89285714vw; }
}
@media only screen and (max-width:1440px) {
	#banner { padding-bottom: 29.16666667%; }
	#banner .text { font-size: 2.43055556vw; }
	.swiper-arrow .swiper-button-arrow { width: 3.15972222%; }
	.swiper-arrow .swiper-button-prev { left: 1em; }
	.swiper-arrow .swiper-button-next { right: 1em; }
}
@media only screen and (max-width:1280px) {
	#history .swiper { font-size: 1.09375vw; padding-top: 7em; }
	#history .swiper-slide-next { transform: translateY(-4.4em); }
	#history .swiper-slide-next2 { transform: translateY(-6.8em); }
	#history .swiper-slide-next3 { opacity: 0; }
}
@media only screen and (max-width:1024px) {
	.fz48 { font-size: 28px; }
	.category li { margin-right: 4.27246094vw; }
	.columninfo .info { width: 100%; }
	.columninfo .search { width: 100%; margin-top: 2%; }
	#notice .item { width: 50%; }
	#report .item { width: 50%; }
	.download .item { width: 100%; }
	.joblist .item { width: 100%; }
	#honor li { width: 50%; font-size: 14px; }
	#honor li:nth-child(5n+1) { width: 100%; }
	#culture .list { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; -o-flex-flow: wrap; flex-flow: wrap; }
	#culture .item { display: block; width: 50%; }
	#culture .image { padding-bottom: 65.88235294%; background-size: cover; }
	#culture .icon { width: 15.2%; margin-bottom: 5%; }
	#culture .title { margin-bottom: 5%; }
	#history .swiper { font-size: 1.5625vw; padding-top: 3em; }
	#history .swiper-slide-next { transform: translateY(-2.4em); }
	#history .swiper-slide-next2 { opacity: 0; }
	.policy .item { width: 50%; }
	.support .item { width: 100%; padding: 6% 5%; }
	#sidebar { width: 100%; padding: 3%; }
	#sidebar .input { margin-bottom: 2%; }
	#sidebar li { padding: 2% 0; }
	#sidebar a:before { left: -3.2%; }
	#main { width: 100%; padding-left: 3%; padding-right: 3%; }
	.mainname { font-size: 2.5390625vw; }
	.training li { width: 50%; }
	.training li:nth-child(5n+1) { width: 100%; }
	.training .text { font-size: 16px; }
	.boxmeta .tab { font-size: 14px; }
	.operation .item { width: 50%; }
	.operation .text { font-size: 1.3671875vw; }
	.settings .text { font-size: 1.3671875vw; }
	.appcase .item { width: 50%; }
	.industyapp .text { position: relative; color: #333; padding: 5%; transform: none; top: auto; }
	.industyapp .box { width: auto; }
	.industyapp .intro { margin-bottom: 5%; }
	.industyapp .button a { color: #57585a; }
	.industyapp .button a:before { border-color: #57585a; }
	.industyapp .button a:hover { color: #fff; }
	.industyapp .button a:hover:before { border-color: #d63139; }
	.network { display: block; }
	#dealer { width: 100%; height: auto; padding: 5% 5% 4em; }
	#dealer .current { margin-bottom: 1em; }
	#dealer .list { max-height: 24.28571429em; }
	#dealer .item, #dealer .total { margin-bottom: 1.5em; }
	.workmap { padding-bottom: 100%; width: 100%; }
	#layout .box { display: block; }
	#layout .left { width: auto; margin-bottom: 5% }
	#layout .text { margin-bottom: 7%; }
	#layout .text .name { margin-bottom: 3.5%; }
	#layout .text .arrows { margin-top: 5%; }
	#layout .gallery { width: auto; }
}
@media only screen and (max-width:768px) {
	.fz48 { font-size: 22px; }
	#banner { padding-bottom: 75%; }
	#banner .text { font-size: 20px; margin-top: 15px; }
	#submenu li { margin: 0 3%; }
	#wrapper { padding: 7% 0 8%; }
	.category { width: 100%; margin-top: 2.5%; }
	.category li { margin-right: 4.27246094vw; }
	.columninfo { padding-bottom: 5%; margin-bottom: 6%; }
	#notice .item { width: 100%; padding-bottom: 5%; }
	#report .item { width: 100%; }
	#report .title { font-size: 1.35em; }
	#exhibition .item { width: 100%; }
	#exhibition .title { font-size: 1.35em; }
	#newspost .post { padding: 6% 0; }
	#newspost .post .box { width: 88%; }
	#newspost .post .title { font-size: 1.5em; margin-bottom: 3.5%; }
	#newspost .post .meta { padding-bottom: 3.5%; }
	#newspost .post .meta .share li { font-size: 12px; }
	#newspost .post .other { display: block; }
	#newspost .post .navi { width: auto; margin-bottom: 5%; }
	#newspost .post .back a { margin: 0 auto; }
	.download .text { width: auto; }
	.download a { display: block; padding: 5%; }
	.subcolumn li { margin: 0 0.5em 1em; }
	.subcolumn a { width: 7.3em; height: 2.6em; line-height: 2.6em; }
	.advantage { display: block; }
	.advantage .figure { display: block; width: auto; }
	.advantage .text { display: block; padding: 7%; }
	.advantage .title { margin-bottom: 6%; }
	.advanlist .img { padding-bottom: 100%; }
	.boxname { margin-bottom: 5%; }
	#delivery { padding: 12% 0 10%; }
	#delivery .intro { font-size: 0.875em; margin-bottom: 6%; }
	#honor .info { padding-bottom: 0; }
	#honor .name { position: static; }
	#honor li { width: 100%; }
	#honor li:nth-child(5n+1) .info { padding-bottom: 0; }
	.swiper-arrow .swiper-button-arrow { width: 24px; }
	#certificate { padding-top: 7%; }
	#certificate .arrows { padding: 5% 0; }
	#about .inner { padding: 8% 0 12%; }
	#about .data { font-size: 0.85714286em; }
	#about .data li { width: 50%; text-align: center; padding: 2% 1%; }
	#about .data .num { font-size: 2.5em; }
	#brandidea .img { padding-bottom: 75%; }
	#brandidea .play { margin: -16px 0 0 -16px; }
	#culture { padding: 7% 0 8%; }
	#culture .item { width: 100%; }
	#layout { padding: 8% 0; }
	#layout .text .name { font-size: 1.5em; }
	#layout .text .arrows { margin-top: 7%; }
	#layout .thumb span { font-size: 1em; }
	#history { padding: 10% 0 7%; }
	#history .swiper { font-size: 3.125vw; padding-top: 1em; }
	#history .swiper-slide-next { transform: translateY(-3.4em); }
	#history .intro { font-size: 1em; }
	.boxmeta { margin-bottom: 6%; }
	.policy { padding: 8% 0; }
	.policy .item { width: 100%; }
	.support { padding-top: 8%; }
	.support .hottel { padding-bottom: 75%; }
	.support .hottel .title { margin-bottom: 4%; }
	.support .hottel .num { margin-bottom: 2%; }
	.moreservice .item { width: 100%; }
	#sidebar { padding: 3% 6%; margin-bottom: 5%; }
	#sidebar .input { margin-bottom: 3%; }
	#sidebar li { padding: 3% 0; }
	#sidebar li:last-child { border-bottom: none; }
	#sidebar a:before { left: -6.6%; }
	#main { padding: 5% 6% 8%; margin-bottom: 5%; }
	.mainname { font-size: 22px; padding-bottom: 5%; margin-bottom: 5%; }
	.manual .item { width: 100%; }
	.manual .btn { opacity: 1; }
	.manual a { padding: 7%; }
	.applet { padding: 8% 5%; }
	.training { padding: 8% 0; }
	.training li { width: 100%; }
	.training .text { font-size: 14px; }
	.operation { padding: 8% 0; }
	.operation .item { width: 100%; }
	.operation .text { font-size: 10px; }
	.settings { padding: 8% 0; }
	.settings .text { font-size: 10px; }
	.casenews { padding: 8% 0; }
	.casenews .info { display: block; }
	.casenews .figure { width: auto; margin-bottom: 5%; }
	.casenews .text { width: auto; }
	.casenews .excerpt { margin-bottom: 5%; }
	.casenews .swiper-pagination { text-align: center; width: 100%; }
	.appcase { padding: 8% 0; }
	.appcase .item { width: 100%; }
	.servicecase { padding: 8% 0; }
	.servicecase .figure { margin-bottom: 5%; }
	.servicecase .title { font-size: 1.25em; }
	.message { padding: 8% 0; }
	.message .box { padding: 8%; }
	.message .column { display: block; }
	.message .column .item { width: auto; }
	.message .submit { width: 7.14285714em; }
	.industyapp { padding: 8% 0 6.5%; }
	.partner { padding: 8% 0; }
	.partner ul { padding: 0; }
	.partner li { width: 22%; }
	.partner li .text { display: none; }
	.partner .who { display: block; text-align: center; margin-bottom: 5%; font-size: 4.55729167vw; }
	.painpoints .img { padding-bottom: 100%; }
	.painpoints .box { padding: 0; }
	.testimony { padding: 8% 0; }
}

#tinet-chat-visitor {display:none;}

#dealer .list::-webkit-scrollbar {
    width: 2px;
}

#dealer .list::-webkit-scrollbar-thumb {
    background-color: #fff;
}

#dealer .list::-webkit-scrollbar-track {
    background-color: #888;
}