/* 未能缩小。正在返回未缩小的内容。
(218,7): run-time error CSS1030: Expected identifier, found ':'
(218,8): run-time error CSS1031: Expected selector, found 'not('
(218,8): run-time error CSS1025: Expected comma or open brace, found 'not('
(221,7): run-time error CSS1030: Expected identifier, found ':'
(221,8): run-time error CSS1031: Expected selector, found 'not('
(221,8): run-time error CSS1025: Expected comma or open brace, found 'not('
(224,7): run-time error CSS1030: Expected identifier, found ':'
(224,8): run-time error CSS1031: Expected selector, found 'not('
(224,8): run-time error CSS1025: Expected comma or open brace, found 'not('
(226,7): run-time error CSS1030: Expected identifier, found '.'
(226,31): run-time error CSS1031: Expected selector, found ')'
(226,31): run-time error CSS1025: Expected comma or open brace, found ')'
(228,59): run-time error CSS1039: Token not allowed after unary operator: '-mask-image'
(228,96): run-time error CSS1039: Token not allowed after unary operator: '-mask-image'
(228,144): run-time error CSS1039: Token not allowed after unary operator: '-mask-position'
(228,184): run-time error CSS1039: Token not allowed after unary operator: '-mask-position'
(228,230): run-time error CSS1039: Token not allowed after unary operator: '-mask-repeat'
(228,274): run-time error CSS1039: Token not allowed after unary operator: '-mask-repeat'
(228,324): run-time error CSS1039: Token not allowed after unary operator: '-mask-size'
(228,359): run-time error CSS1039: Token not allowed after unary operator: '-mask-size'
(228,417): run-time error CSS1039: Token not allowed after unary operator: '-fill-layer-background-media-pointer-events'
(232,32): run-time error CSS1039: Token not allowed after unary operator: '-fill-layer-image-height'
(232,79): run-time error CSS1039: Token not allowed after unary operator: '-fill-layer-image-opacity'
(236,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(236,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(236,72): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(236,88): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(236,121): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(236,150): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(236,181): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(241,11): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(241,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(244,74): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(244,107): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(244,128): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(244,144): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(244,177): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(244,206): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(244,237): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(246,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(246,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(246,80): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(246,127): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(246,179): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(246,246): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(246,295): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(246,337): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(246,371): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(246,394): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(248,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(248,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(248,96): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(248,148): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(248,190): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(248,224): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(248,247): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(263,64): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(263,97): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(272,12): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(272,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(274,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(274,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(274,72): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(274,88): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(274,121): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(274,150): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(274,181): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(275,41): run-time error CSS1039: Token not allowed after unary operator: '-fill-layer-background-media-pointer-events'
(275,102): run-time error CSS1039: Token not allowed after unary operator: '-fill-layer-background-media-position'
(381,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(381,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(381,96): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(381,148): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(381,190): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(387,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(387,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(387,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
@charset "utf-8";

html { font-size: 62.5%; }

@media screen and (min-width: 1280px) {
    html { font-size: 40%; }

    .about.detail0 { background-size: 60%; }
}

@media screen and (min-width: 1360px) {
    html { font-size: 44%; }
}

@media screen and (min-width: 1600px) {
    html { font-size: 55.5%; }
}

@media screen and (min-width: 1680px) {
    html { font-size: 59.2%; }

    .news .list.index li { margin-top: 1.8rem; }
}

@media screen and (min-width: 1920px) {
    html { font-size: 62.2%; }
}

/* CSS Document */
body,
header,
footer,
section,
div,
span,
p,
img,
a,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
em,
i,
b,
u,
del,
menu,
nav,
fieldset,
legend,
article,
aside,
details,
figcaption,
hgroup,
pre,
code,
from,
blockquote,
th,
td,
tr,
hr,
table,
img,
figure,
button,
input,
textarea { margin: 0; padding: 0; webkit-touch-callout: none; -webkit-text-size-adjust: none; }



body { margin: 0 auto; width: 100%; font-family: 'sans-serif','SourceHanSansCN Medium',PingFang SC,Tahoma !important; }
.last { margin: 0 !important; padding: 0 !important; }

/*@media only screen and (max-width: 374px) { 
    html {font-size:100%;}
}*/
* { box-sizing: border-box; margin: 0; padding: 0 }

li { list-style-type: none }

label { cursor: pointer }

img { vertical-align: top; border: 0; transition: all 0.5s }

em,
i,
b { font-style: normal; }

ul,
li { list-style: none }

u { text-decoration: none }

a:link { text-decoration: none; color: #252525 }

a:visited { text-decoration: none; color: #666666 }

a:hover,
a:active { color: #f00 }

input,
select,
textarea { outline: none; }

.cf:before,
.cf:after { content: ""; display: table }

.cf:after { clear: both }

.cf { *zoom: 1 }

.clear { clear: both }

.loadMore::before,
.loadMore a::after { content: ''; display: block; }

.br { border: 1px solid #dfdfdf }

.brl { border-left: 1px solid #dfdfdf }

.brt { border-top: 1px solid #dfdfdf }

.brr { border-right: 1px solid #dfdfdf }

.brb { border-bottom: 1px solid #dfdfdf }

.brtno { border-top: none; }

.brNo { border: none !important; }

.mt10 { margin-top: .2rem }

.mt20 { margin-top: .4rem }

.mr10 { margin-right: .2rem }

.ml10 { margin-left: .2rem }

.mb10 { margin-bottom: .2rem }

.mb20 { margin-bottom: .4rem }

.mb30 { margin-bottom: .6rem }

.mb40 { margin-bottom: .8rem }

.mb50 { margin-bottom: 1rem }

.mb60 { margin-bottom: 3rem }

.mr20 { margin: .4rem; }


.mtb10 { margin: .2rem 0 }

.pd10 { padding: .2rem }

.pd20 { padding: .4rem; }

.pt10 { padding-top: .2rem }

.pt20 { padding-top: .4rem }

.pl10 { padding-left: .2rem }

.pr20 { padding-right: .4rem }

.pdtb10 { padding: .2rem 0 }

.pdtb20 { padding: .4rem 0 }

.pdlr10 { padding: 0 .2rem }

.ptNo { padding-top: 0px !important; }

.plNo { padding-left: 0px !important; }

.prNo { padding-right: 0px !important; }

.pbNo { padding-bottom: 0px !important; }

.h50 { height: 1rem }

.colorGray,
a.colorGray,
.bgNone { color: #999 !important }

.colorWhite,
a.colorWhite,
.bgRed,
a.bgRed { color: #fff }

.bgWhite { background: #fff !important; }

.bgNone { background: #eaeaea !important }

.bgRed { background: #de473b !important }

.bgOrange { background: #0789f0 !important }

.tabCon { display: none; }

.hidebox { display: none !important }

.showbox { display: block !important }

:host(:not(.device-mobile-optimized)) .CohWsy,
body:not(.device-mobile-optimized) .CohWsy { --display: flex; display: var(--display) }

:host(:not(.device-mobile-optimized)) .V5AUxf,
body:not(.device-mobile-optimized) .V5AUxf { -moz-column-gap: var(--margin); column-gap: var(--margin); display: flex; flex-direction: var(--items-direction); margin: 0 auto; position: relative; width: calc(100% - var(--padding)*2) }

:host(:not(.device-mobile-optimized)) .V5AUxf > *,
body:not(.device-mobile-optimized) .V5AUxf > * { flex: var(--column-flex) 1 0%; left: 0; margin-bottom: var(--padding); margin-top: var(--padding); min-width: 0; position: relative; top: 0 }
:host(.device-mobile-optimized) .V5AUxf,
body.device-mobile-optimized .V5AUxf { display: block; padding: var(--padding) 0; position: relative }
.MW5IWV { height: 100%; left: 0; -webkit-mask-image: var(--mask-image, none); mask-image: var(--mask-image, none); -webkit-mask-position: var(--mask-position, 0); mask-position: var(--mask-position, 0); -webkit-mask-repeat: var(--mask-repeat, no-repeat); mask-repeat: var(--mask-repeat, no-repeat); -webkit-mask-size: var(--mask-size, 100%); mask-size: var(--mask-size, 100%); overflow: hidden; pointer-events: var(--fill-layer-background-media-pointer-events); position: absolute; top: 0; width: 100% }
.MW5IWV.N3eg0s { clip: rect(0, auto, auto, 0); z-index: 1; }
.MW5IWV .Kv1aVt { height: 100%; position: absolute; top: 0; width: 100% }

.MW5IWV .dLPlxY { height: var(--fill-layer-image-height, 100%); opacity: var(--fill-layer-image-opacity) }

.MW5IWV .dLPlxY img { height: 100%; width: 100% }

#comp-kfng6rdp { --bg-overlay-color: transparent; --bg-gradient: none; --padding: 0px; --margin: 0px; min-width: 980px; --firstChildMarginTop: -1px; --lastChildMarginBottom: -1px; --items-direction: row left: 0; margin-left: 0; width: 100%; min-width: 980px; }

[data-mesh-id=ABOUT1inlineContent-gridContainer] > [id="comp-kfng6rdp"] { position: relative; margin: 0px 0px 0px calc((100% - 980px) * 0.5); left: 0px; grid-area: 1 / 1 / 2 / 2; justify-self: start; align-self: start; }


#ABOUT1 { --bg-overlay-color: transparent; --bg-gradient: none; min-width: 980px; left: 0; margin-left: 0; width: 100%; min-width: 0; }
[data-mesh-id=SERVICEinlineContent-gridContainer] > [id="comp-kfprc6xo"] { position: relative; margin: 0px 0px 68px calc((100% - 980px) * 0.5); left: 0px; grid-area: 1 / 1 / 2 / 2; justify-self: start; align-self: start; }

#comp-kfprc6xo { left: 0; margin-left: 0; width: 100%; min-width: 980px; --bg-overlay-color: transparent; --bg-gradient: none; --padding: 0px; --margin: 0px; min-width: 980px; --firstChildMarginTop: -1px; --lastChildMarginBottom: -1px; --items-direction: row }

.comp-kfng6rfv { --fill-layer-image-opacity: 1; --fill-layer-video-opacity: 1; --fill-layer-background-media-position: fixed; --fill-layer-background-media-pointer-events: none; --fill-layer-background-overlay-color: rgba(var(--color_18), 0.2); --fill-layer-background-overlay-position: fixed; --bg-overlay-color: rgb(var(--color_11)); --bg-gradient: none; width: 100%; --column-width: 980px; --column-flex: 980; width: 980px; }

.comp-kfpugqss { --fill-layer-image-opacity: 1; --fill-layer-background-media-position: fixed; --fill-layer-background-media-pointer-events: none; --bg-overlay-color: rgb(var(--color_18)); --bg-gradient: none; width: 100%; --column-width: 490px; --column-flex: 490; width: 490px; }
[data-mesh-id=ABOUT1inlineContent] { height: auto; width: 100%; }

[data-mesh-id=ABOUT1inlineContent-gridContainer] { position: static; display: grid; height: auto; width: 100%; min-height: auto; grid-template-rows: 1fr; grid-template-columns: 100%; }

[data-mesh-id=comp-kfng6rfvinlineContent] { height: auto; width: 100%; }

[data-mesh-id=comp-kfng6rfvinlineContent-gridContainer] { position: static; display: grid; height: auto; width: 100%; min-height: 1100px; grid-template-rows: repeat(4, min-content) 1fr; grid-template-columns: 100%; }

[data-mesh-id=SERVICEinlineContent] { height: auto; width: 100%; }

[data-mesh-id=SERVICEinlineContent-gridContainer] { position: static; display: grid; height: auto; width: 100%; min-height: auto; grid-template-rows: 1fr; grid-template-columns: 100%; background: #fbeea7; height: 1100px; }

[data-mesh-id=comp-kfprc6z82inlineContent] { height: auto; width: 100%; }

.ABOUT13 { left: 0; margin-left: 0; width: 100%; min-width: 0; --bg-overlay-color: transparent; --bg-gradient: none; min-width: 980px; background: #fbeea7; }

[data-mesh-id=ABOUT13inlineContent] { height: auto; width: 100%; }

[data-mesh-id=ABOUT13inlineContent-gridContainer] { position: static; display: grid; height: auto; width: 100%; min-height: auto; grid-template-rows: 1fr; grid-template-columns: 100%; }

[data-mesh-id=ABOUT13inlineContent-gridContainer] > [id="comp-kfpugqow"] { position: relative; margin: 0px 0px 0px calc((100% - 980px) * 0.5); left: 0px; grid-area: 1 / 1 / 2 / 2; justify-self: start; align-self: start; }

[data-mesh-id=comp-kfpugqriinlineContent-gridContainer] { position: static; display: grid; height: auto; width: 100%; min-height: auto; grid-template-rows: repeat(3, min-content) 1fr; grid-template-columns: 100%; }
#SERVICE { --bg-overlay-color: transparent; --bg-gradient: none; min-width: 980px; left: 0; margin-left: 0; width: 100%; min-width: 0; }

#comp-kfpugqow { --bg-overlay-color: transparent; --bg-gradient: none; --padding: 0px; --margin: 0px; min-width: 980px; --firstChildMarginTop: -1px; --lastChildMarginBottom: -1px; --items-direction: row left: 0; margin-left: 0; width: 100%; min-width: 980px; }
.SUz0WK { left: 0; pointer-events: var(--fill-layer-background-media-pointer-events); position: var(--fill-layer-background-media-position); height: 100%; top: 0; width: 100% }
.flex { display: flex; justify-content: space-between; align-items: center; }

.txtcenter { text-align: center; }

.bgIndex { background: #fff; }

.bannerBox { margin-top: 10rem; }

.bannerBox.swiper .swiper-slide img { width: 100%; }

.mainw { width: 86%; margin: 0 auto; }

/*nav */
.top { height: 10rem; width: 100%; position: fixed; background: #fff; top: 0; left: 0; z-index: 2; }

.nav { height: 100%; display: flex; overflow: hidden; align-items: center; justify-content: space-between; position: relative; }

.nav .logo img { width: 21rem; }

.nav .nitem { height: 100%; display: flex; align-items: center; margin-left: 10%; width: 100%; }

.nav .nitem ul { height: 100%; display: flex; align-items: center; justify-content: flex-end; width: 100%; }

.nav .nitem ul li { cursor: pointer; display: flex; align-items: center; justify-content: end; width: calc((100% - 2.2rem) / 4); height: 100%; }


.nav .nitem ul li a { font-size: 2.4rem; color: #000; font-weight: bold; }


.bannercon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 7.2rem; white-space: nowrap; text-align: center; z-index: 2; }

.bannerbg { position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 100%; opacity: .3; }

.bannercon .bname { font-size: 7.2rem; }

.bannercon .bdesc { font-size: 4.8rem; margin-top: 4.5rem; }

.mainname { font-size: 3rem; margin: 6rem auto; line-height: 1.8; }

.location { margin-bottom: 0rem; }

.location img { width: 100%; }

.printer { text-align: center; background: #263650; height: 4.6rem; line-height: 4.6rem; position: relative; font-size: 1.8rem; }

.printer .item { display: inline-block; color: #fff }

.printer .item a { color: #fff; }

/*index*/
.item .desc .title { font-size: 3.2rem; font-weight: bold; }

.item .desc div { margin-top: 3rem; white-space: nowrap; font-size: 3rem; }

.item .desc div:first-child { margin-top: 0; font-size: 4.8rem; }

.item:nth-child(2) .desc { display: inline-block; width: auto; margin: 0 auto; }

.item:nth-child(2) .desc div { margin-top: 1rem; text-align: left; width: 95%; }

.list .item:nth-child(2) .img { width: 50%; }

.list .item:nth-child(2) .title { margin-top: 5rem !important; }

.list .item:nth-child(2) .title:first-child { margin-top: 0 !important; }

/*modalform*/
.modalform { position: relative; background: #f8f9fb; padding: 3.5rem 15rem; text-align: center; }

.modalform .title { font-weight: bold; font-size: 3rem; color: #fff; padding: 2rem 8.5rem; background: #000; display: inline-block; }

.modalform .tdesc { font-size: 2.4rem; margin: 4.5rem auto 7.5rem; }

.modalform .layui-form .modalcon { display: flex; justify-content: space-between; }

.modalform .layui-form .item { width: 50%; }

.modalform .layui-form .layui-form-item { display: flex; height: 6.2rem; align-items: center; margin-bottom: 4.5rem; }

.modalform .layui-form .layui-form-item .layui-input { height: 100%; width: calc(100% - 15rem); }

.modalform .layui-form .layui-form-item .layui-form-label { min-width: 15rem; font-size: 1.8rem; }

.modalform .layui-form .item:last-child .layui-form-item .layui-form-label { min-width: 25rem; font-size: 1.8rem; }

.modalform .layui-form .sitem { text-align: center; text-align: center; margin-top: 2rem; }

.modalform .layui-form .sitem .layui-btn { padding: 1rem 6.5rem; background: none; color: #2a4aa8; border: .1rem solid #2a4aa8; font-size: 2.4rem; height: auto; }

.modalform .layui-form .layui-form-item .layui-input.pfm::placeholder { text-align: right; padding-right: 1.5rem; font-size: 1.8rem; }


.expend { display: flex; justify-content: space-between; font-size: 1.8rem; width: 7rem; color: #00a0e9; cursor: pointer; }

.isduo { -webkit-line-clamp: inherit !important; }

/*share*/
.left.item { margin: 25rem auto; }

.left.item .desc .title { margin-top: 3rem; }

.left.item .desc .title:first-child { margin-bottom: 3rem; margin-top: 0; font-size: 4.8rem; }

.left.item .desc div { margin-top: .8rem; }
.comp-kfprc6z82 { width: 100%; }
.comp-kfprc6z5 { --fill-layer-image-opacity: 1; --fill-layer-background-media-position: fixed; --fill-layer-background-media-pointer-events: none; --bg-overlay-color: rgb(var(--color_18)); --bg-gradient: none; width: 100%; }

[data-mesh-id=comp-kfprc6z82inlineContent-gridContainer] { position: static; display: grid; height: auto; width: 100%; min-height: 1100px; grid-template-rows: repeat(5, min-content) 1fr; grid-template-columns: 100%; display: flex; justify-content: center; align-items: center; text-align: center; }

[data-mesh-id=comp-kfpugqriinlineContent-gridContainer] > [id="comp-kg4ewege"] { position: relative; }

#comp-kfpugqri { --bg-gradient: none; width: 100%; --column-width: 490px; --column-flex: 490 }