@charset "UTF-8";
/** Created by UICUT.com on 2020/01/01. Contact QQ: 215611388 */
.uc-phColor { color: #ddd; }

.uc-blue { color: #0095eb; }

.uc-orange { color: #ffbe1a; }

.uc-green { color: #09bb07; }

.uc-gray { color: #b9bcc7; }

.uc-red { color: #fc4444; }

html { line-height: 1.15; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

main { display: block; }

h1 { font-size: 2em; margin: 0.67em 0; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace,monospace; font-size: 1em; }

a { background-color: transparent; }

abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace,monospace; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

progress { vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

html { -webkit-box-sizing: border-box; box-sizing: border-box; font-family: Verdana, Helvetica, "Franklin Gothic", Arial, "微软雅黑", "Hiragino Sans GB", "Hiragino Sans GB W3", "宋体", sans-serif; -webkit-text-size-adjust: 100%; }

*, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; }

body { font-size: 14px; color: #161922; background: #fff; min-width: 7.5rem; min-height: 100vh; }

table { border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: inherit; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, audio, canvas, progress, video, body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, a, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea, view, text { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-family: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; }

ul, li, ol { list-style: none; line-height: normal; }

i, address, cite, dfn, em, var { font-style: normal; }

input[type=date] { outline: none; border: none; }

a { text-decoration: none; color: #161922; background-color: transparent; -webkit-text-decoration-skip: objects; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a:active, a:hover, a:focus { color: #0095eb; outline-width: 0; }

img { width: auto; max-width: 100%; -ms-interpolation-mode: bicubic; }

video { border: none; outline: none; display: block; width: 100%; }

img, input[type=text], input[type=submit], input[type=password], textarea, select, button, footer, header { -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

input[type=file] { cursor: pointer; }

button { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; }

button:after { display: none; }

input[type=submit]:hover { opacity: .8; }

textarea { resize: none; height: auto; min-height: 120px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }

input:-moz-placeholder { color: #ddd; }

::-webkit-input-placeholder { color: #ddd; }

input[type=text], input[type=password] { -webkit-appearance: none; }

html, body { font-size: 12px; }

@media (min-width: 576px) { html, body { font-size: 12px; } }

@media (min-width: 768px) { html, body { font-size: 14px; } }

@media (min-width: 992px) { html, body { font-size: 14px; } }

@media (min-width: 1200px) { html, body { font-size: 14px; } }

@font-face { font-family: "uc-font"; src: url("../fonts/iconfont.eot?t=1579533150389"); src: url("../fonts/iconfont.eot?t=1579533150389#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url("../fonts/iconfont.woff?t=1579533150389") format("woff"), url("../fonts/iconfont.ttf?t=1579533150389") format("truetype"), url("../fonts/iconfont.svg?t=1579533150389#uc-font") format("svg"); }

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

.uc-arrow-right2:before { content: "\e6ae"; }

.uc-arrow-left2:before { content: "\e6d6"; }

.uc-arrow-down2:before { content: "\e6a4"; }

.uc-arrow-top2:before { content: "\e6b2"; }

.uc-radio-on:before { content: "\e7b3"; }

.uc-radio:before { content: "\e7b5"; }

.uc-checkbox-on-plain:before { content: "\e683"; }

.uc-checkbox:before { content: "\e684"; }

.uc-checkbox-on:before { content: "\e67d"; }

.uc-menu:before { content: "\e6a9"; }

.uc-add:before { content: "\e672"; }

.uc-close:before { content: "\e67f"; }

.uc-next:before { content: "\e60c"; }

.uc-search:before { content: "\e66f"; }

.uc-prev:before { content: "\e605"; }

.uc-arrow-left:before { content: "\e75b"; }

.uc-arrow-right:before { content: "\e75c"; }

.uc-reduce:before { content: "\e614"; }

.uc-arrow-down:before { content: "\e615"; }

.uc-arrow-top:before { content: "\e75d"; }

.uc-arrow { position: relative; padding-right: 40px; }

.uc-arrow:after { content: '\e75c'; font-family: 'uc-font'; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

@font-face { font-family: "w"; src: url("../fonts/w.eot?t=1583416394988"); src: url("../fonts/w.eot?t=1583416394988#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url("../fonts/w.woff?t=1583416394988") format("woff"), url("../fonts/w.ttf?t=1583416394988") format("truetype"), url("../fonts/w.svg?t=1583416394988#iconfont") format("svg"); }

.uc-facebook:before { content: "\e635"; }

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

.uc-qq:before { content: "\e623"; }

.uc-tel:before { content: "\e6f0"; }

.uc-phone:before { content: "\e600"; }

.uc-skype:before { content: "\e6fc"; }

.uc-wechat:before { content: "\e601"; }

.uc-addr:before { content: "\e66b"; }

.uc-phone-f:before { content: "\e651"; }

.uc-whatsapp:before { content: "\e97b"; }

.uc-mail:before { content: "\e9de"; }

.g-main { padding-top: 2rem; padding-bottom: 2rem; background-color: #f6f6f6; }

.g-main .g-productList, .g-main .aside-menu { margin-bottom: 2rem; }

.g-main .g-productList .box { padding-bottom: 3rem; }

.g-main .g-productList .box .txt { text-align: center; bottom: 0; background-color: #0095eb; }

@media (min-width: 992px) { .g-main { padding-top: 4rem; padding-bottom: 4rem; }
  .g-main .g-productList, .g-main .aside-menu { margin-bottom: 4rem; } }

.aside-menu { background-color: #fff; border-radius: 5px; overflow: hidden; }

.aside-menu .title { background-color: #0095eb; color: #fff; padding: 2px 0 2px 20px; line-height: 3.4rem; font-weight: bold; }

.aside-menu .title a { color: #fff; font-weight: bold; font-size: 1.5rem; }

.aside-menu .menu-title { padding: 0 20px; position: relative; line-height: 3.6rem; font-size: 1.25rem; border-bottom: #eee 1px solid; background-size: 120% auto; background: -webkit-gradient(linear, left top, right top, from(rgba(0, 149, 235, 0.5)), to(#0095eb)); background: -webkit-linear-gradient(left, rgba(0, 149, 235, 0.5) 0%, #0095eb 100%); background: -o-linear-gradient(left, rgba(0, 149, 235, 0.5) 0%, #0095eb 100%); background: linear-gradient(to right, rgba(0, 149, 235, 0.5) 0%, #0095eb 100%); color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.aside-menu .menu-title a { color: #fff !important; }

.aside-menu .menu-title:after { content: ''; width: 4px; height: 100%; background-color: #0095eb; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 149, 235, 0.5)), to(#0095eb)); background: -webkit-linear-gradient(top, rgba(0, 149, 235, 0.5) 0%, #0095eb 100%); background: -o-linear-gradient(top, rgba(0, 149, 235, 0.5) 0%, #0095eb 100%); background: linear-gradient(to bottom, rgba(0, 149, 235, 0.5) 0%, #0095eb 100%); position: absolute; left: 0; top: 0; }

.aside-menu .menu-title .btn-more { position: relative; color: #fff; }

.aside-menu .menu-title .btn-more:after { content: '\e672'; right: 0; font-family: 'uc-font'; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.aside-menu .menu-title .btn-more.on:after { content: '\e614'; }

.aside-menu .menu-list { padding: 2px 0; display: none; }

.aside-menu .menu-list li { line-height: 2.4rem; padding: 2px 0 2px 20px; }

.aside-menu .menu-list li:hover { color: #0095eb; background: -webkit-gradient(linear, left top, right top, from(rgba(0, 149, 235, 0.5)), to(#0095eb)); background: -webkit-linear-gradient(left, rgba(0, 149, 235, 0.5) 0%, #0095eb 100%); background: -o-linear-gradient(left, rgba(0, 149, 235, 0.5) 0%, #0095eb 100%); background: linear-gradient(to right, rgba(0, 149, 235, 0.5) 0%, #0095eb 100%); color: #fff; }

.aside-menu .menu-list li:hover a { color: #fff; }

.aside-menu .menu-list a { color: #626262; display: block; width: 100%; height: 100%; }

@media (min-width: 768px) { .aside-menu { background-color: #fff; }
  .aside-menu.fixed { position: fixed; z-index: 990; overflow-x: hidden; overflow-y: scroll; top: 80px; }
  .aside-menu.fixed::-webkit-scrollbar { width: 10px; height: 10px; background-color: #ddd; }
  .aside-menu.fixed::-webkit-scrollbar-track { border-radius: 5px; background-color: #ddd; }
  .aside-menu.fixed::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(0, 149, 235, 0.6); border: 1px solid rgba(0, 149, 235, 0.6); } }

body { padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); padding-right: constant(safe-area-inset-right); padding-right: env(safe-area-inset-right); padding-left: constant(safe-area-inset-left); padding-left: env(safe-area-inset-left); padding-bottom: -webkit-calc(constant(safe-area-inset-bottom) + 0); padding-bottom: calc(constant(safe-area-inset-bottom) + 0); padding-bottom: -webkit-calc(env(safe-area-inset-bottom) + 0); padding-bottom: calc(env(safe-area-inset-bottom) + 0); }

.uc-wrap { width: 100vw; }

.uc-wrap { width: 100vw; }

.uc-show { display: block !important; }

.uc-hide { display: none !important; }

.uc-h98 { width: 100%; height: 98px; }

.uc-bg { background-color: #f6f6f6; }

.uc-b { font-weight: bold; }

.uc-small { font-size: .875em; }

.uc-lineCenter { text-decoration: line-through; }

.uc-del { text-decoration: line-through; }

.uc-animate, .uc-revealOnScroll { opacity: 0; }

.uc-input, .uc-select, .uc-button, .uc-textarea { border: #eee 1px solid; width: 100%; border: #161922 1px solid; outline: none; height: 30px; border-radius: 5px; }

.uc-input:hover, .uc-input:focus, .uc-select:hover, .uc-select:focus, .uc-button:hover, .uc-button:focus, .uc-textarea:hover, .uc-textarea:focus { border-color: #0095eb; }

.uc-input:focus, .uc-select:focus, .uc-button:focus, .uc-textarea:focus { border-color: #0095eb; }

.uc-input { padding: 0 10px; }

.uc-btn { height: 40px; line-height: 38px; border-radius: 5px; padding: 0 20px; border: #0095eb 1px solid; text-align: center; background-color: #0095eb; color: #fff; display: inline-block; cursor: pointer; }

.uc-btn:hover { opacity: .8; color: #fff; }

.uc-btn.linear { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 149, 235, 0.5)), to(#0095eb)); background: -webkit-linear-gradient(left, rgba(0, 149, 235, 0.5) 0%, #0095eb 100%); background: -o-linear-gradient(left, rgba(0, 149, 235, 0.5) 0%, #0095eb 100%); background: linear-gradient(to right, rgba(0, 149, 235, 0.5) 0%, #0095eb 100%); border: none; }

.uc-btn.plain { background-color: transparent; border-color: #0095eb; color: #0095eb; }

.uc-btn.blue { background-color: #0095eb; border-color: #0095eb; }

.uc-btn.blue-plain { background-color: transparent; color: #0095eb; }

.uc-btn.gray { background-color: #b9bcc7; border-color: #b9bcc7; }

.uc-btn.gray-plain { background-color: transparent; color: #b9bcc7; }

.uc-btn.red { background-color: #fc4444; border-color: #fc4444; }

.uc-btn.red-plain { background-color: transparent; color: #fc4444; }

.uc-btn.orange { background-color: #ffbe1a; border-color: #ffbe1a; }

.uc-btn.orange-plain { background-color: transparent; color: #ffbe1a; }

.uc-btn.white { background-color: #fff; border-color: #fff; color: #0095eb; }

.uc-btn.white-plain { background-color: transparent; color: #fff; }

.uc-icon16 { width: 16px; height: 16px; }

.uc-icon20 { width: 20px; height: 20px; }

.uc-icon24 { width: 24px; height: 24px; }

.uc-icon28 { width: 28px; height: 28px; }

.uc-icon32 { width: 32px; height: 32px; }

.uc-icon36 { width: 36px; height: 36px; }

.uc-icon44 { width: 44px; height: 44px; }

.uc-icon50 { width: 50px; height: 50px; }

.uc-icon64 { width: 64px; height: 64px; }

.uc-icon70 { width: 70px; height: 70px; }

.uc-icon80 { width: 80px; height: 80px; }

.uc-icon90 { width: 90px; height: 90px; }

.uc-icon100 { width: 100px; height: 100px; }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
.uc-bannerBox img { display: block; width: 100%; }

.g-title { margin-bottom: 1rem; text-align: center; }

.g-title h3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.5rem; text-transform: uppercase; color: #0095eb; }

.g-title img { display: block; width: 5rem; }

.g-title img:first-child { margin-right: .5rem; }

.g-title img:last-child { margin-left: .5rem; }

.g-title .summary { text-align: center; color: #999; font-size: 12px; text-transform: uppercase; margin-top: .5rem; display: none; }

@media (min-width: 992px) { .g-title { margin-bottom: 2rem; }
  .g-title img:first-child { margin-right: 1rem; }
  .g-title img:last-child { margin-left: 1rem; } }

footer { overflow: hidden; background: #666 url("images/footer2.jpg") center bottom no-repeat; background-size: cover; padding-top: 2rem; color: rgba(255, 255, 255, 0.5); }

footer > div { margin-left: -5px; margin-right: -5px; }

footer a { color: rgba(255, 255, 255, 0.5); }

footer a:hover { color: rgba(255, 255, 255, 0.9); }

footer .title { font-size: 1.5rem; color: #fff; text-transform: uppercase; }

footer .box { margin: 10px 5px; }

footer .ft2 { background-color: rgba(0, 0, 0, 0.5); text-align: center; padding: 10px 5px; line-height: 1.8em; border-top: rgba(255, 255, 255, 0.1) 1px solid; text-transform: uppercase; }

footer .menu, footer .classify { padding: 1em 0; }

footer .menu li, footer .classify li { line-height: 2em; }

footer .online { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1em 0; }

footer .online li { width: 3rem; height: 3rem; text-align: center; line-height: 3rem; border: rgba(255, 255, 255, 0.2) 1px solid; background-color: rgba(255, 255, 255, 0.1); margin-right: 10px; margin-bottom: 10px; position: relative; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

footer .online li:hover { background-color: #0095eb; border-color: rgba(255, 255, 255, 0.3); }

footer .online li:hover .uc-fonticon { color: #fff; }

footer .online li:hover .code-box { display: block; }

footer .online .uc-fonticon { font-size: 2rem; color: #0095eb; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

footer .online .code-box { position: absolute; left: 50%; width: 120px; margin-left: -60px; top: 3.5rem; z-index: 99; display: none; background-color: #fff; padding: 10px; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); }

footer .online .code-box:after { content: '\e6b2'; font-family: 'uc-font'; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -17px; color: #fff; }

footer .online .code-box img { display: block; width: 100px; height: 100px; }

footer .contact { padding: .5em 0; }

footer .contact li { position: relative; padding: .5em 5px .5em 2em; margin: .5em 0; }

footer .contact .uc-fonticon { color: #0095eb; font-size: 18px; position: absolute; left: 0; }

footer .contact a:hover { color: #0095eb; }

@media (min-width: 768px) { footer .contact li { padding-top: 5px; padding-bottom: 5px; } }

.fixed-operate { position: fixed; z-index: 99; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.fixed-operate li { width: 3rem; height: 3rem; text-align: center; line-height: 3rem; border: rgba(204, 204, 204, 0.7) 1px solid; background-color: rgba(255, 255, 255, 0.5); margin: 10px 0; position: relative; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.fixed-operate li:hover { background-color: #0095eb; border-color: rgba(255, 255, 255, 0.3); }

.fixed-operate li:hover .uc-fonticon { color: #fff; }

.fixed-operate li:hover .code-box { display: block; }

.fixed-operate li .code-box { position: absolute; top: 50%; width: 120px; margin-top: -60px; right: 3.5rem; z-index: 99; display: none; background-color: #fff; padding: 10px; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); }

.fixed-operate li .code-box:after { content: '\e6b2'; font-family: 'uc-font'; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -17px; color: #fff; }

.fixed-operate li .code-box img { display: block; width: 100px; height: 100px; }

.fixed-operate .uc-fonticon { font-size: 2rem; color: #0095eb; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.fixedGoTop { position: fixed; z-index: 99; right: 15px; bottom: 15px; }

.fixedGoTop img { display: block; }

.fixedGoTop:hover img { opacity: .8; }

.header-space { height: 50px; padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); -webkit-box-sizing: content-box; box-sizing: content-box; }

.footer-space { height: 50px; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); -webkit-box-sizing: content-box; box-sizing: content-box; }

.header-phone { height: 50px; overflow: hidden; width: 100%; position: fixed; top: 0; background-color: #fff; z-index: 9999; border-bottom: #eee 1px solid; }

.header-phone .logo { width: 40%; display: inline-block; padding: 5px 10px; }

.header-phone .logo img { display: block; width: 160px; height: 40px; border-radius: 3px; }

.header-phone .btn-menu { width: 50px; height: 50px; position: absolute; right: 0; top: 0; }

.header-phone .btn-menu:after { content: '\e6a9'; font-family: 'uc-font'; font-size: 24px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.alert-menu { display: none; position: fixed; z-index: 8888; top: 0px; width: 100%; background-color: rgba(0, 0, 0, 0.1); height: 100vh; padding-top: 50px; font-size: 14px; overflow-x: hidden; overflow-y: scroll; }

.alert-menu .list { width: 100%; background-color: #fff; padding: 0px 15px; border-top: #eee 1px solid; }

.alert-menu .list li { line-height: 40px; border-top: #eee 1px solid; }

.alert-menu .list li > a { display: block; }

.alert-menu .list li:first-child { border: none; }

.alert-menu .list li.on { color: #0095eb; }

.alert-menu .list li.on > a { color: #0095eb; }

.alert-menu .other { background-color: #fff; padding: 0px 15px 20px; border-top: #eee 2px solid; }

.alert-menu .other li { border-top: #eee 1px solid; line-height: 40px; }

.alert-menu .other li:first-child { border-top: none; }

.alert-menu .other .uc-fonticon { margin-right: .5em; font-size: 18px; position: relative; top: 1px; color: #0095eb; }

.alert-menu .other .uc-wechat { font-size: 1.4em; }

body { padding-top: 50px; }

@media (min-width: 768px) { body { padding-top: 90px; } }

.header-pc { position: fixed; left: 0; top: 0; width: 100%; z-index: 999; background-color: #fff; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); }

.header-pc > div { margin-left: -5px; margin-right: -5px; }

.header-pc .hd-top { background-color: #292b33; }

.header-pc .hd-top .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 30px; color: #fff; font-size: 13px; }

.header-pc .hd-top a { color: rgba(255, 255, 255, 0.5); }

.header-pc .hd-top a:hover { color: #0095eb; }

.header-pc .hd-top .left a { margin-left: 1em; position: relative; top: -2px; }

.header-pc .hd-top .left a:first-child { margin-left: 0; }

.header-pc .hd-top .left .uc-fonticon { position: relative; top: 1px; }

.header-pc .hd-top .right .uc-fonticon { margin-left: .5em; position: relative; top: -2px; }

.header-pc .hd-top .right .uc-wechat { font-size: 1.4em; position: relative; top: 0px; }

.header-pc .hd-top .right a { position: relative; }

.header-pc .hd-top .right a:hover .code-box { display: block; }

.header-pc .hd-top .right .code-box { position: absolute; left: 50%; width: 120px; margin-left: -60px; top: 30px; z-index: 99; display: none; background-color: #fff; padding: 10px; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); }

.header-pc .hd-top .right .code-box:after { content: '\e6b2'; font-family: 'uc-font'; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -17px; color: #fff; }

.header-pc .hd-top .right .code-box img { display: block; width: 100px; height: 100px; }

.header-pc .hd-menu { border-bottom: #eee 1px solid; }

.header-pc .hd-menu .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.header-pc .hd-menu .logo { width: 240px; }

.header-pc .hd-menu .logo img { display: block; width: 100%; }

.header-pc .hd-menu .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.header-pc .hd-menu .list li { line-height: 60px; position: relative; height: 60px; font-size: 1rem; margin-left: 4rem; }

.header-pc .hd-menu .list li:first-child { margin-left: 0; }

.header-pc .hd-menu .list li:after { content: ''; width: 0; height: 4px; background-color: #0095eb; position: absolute; left: 50%; bottom: -1px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; border-radius: 4px 4px 0 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 149, 235, 0.5)), to(#0095eb)); background: -webkit-linear-gradient(top, rgba(0, 149, 235, 0.5) 0%, #0095eb 100%); background: -o-linear-gradient(top, rgba(0, 149, 235, 0.5) 0%, #0095eb 100%); background: linear-gradient(to bottom, rgba(0, 149, 235, 0.5) 0%, #0095eb 100%); }

.header-pc .hd-menu .list li.on:after, .header-pc .hd-menu .list li:hover:after { width: 100%; }

.header-pc .hd-menu .list li.on a, .header-pc .hd-menu .list li:hover a { color: #0095eb; }

.header-pc .hd-menu .list li:hover .subMenu { display: block; height: auto; }

.header-pc .hd-menu .list a { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.header-pc.fixed { position: fixed; left: 0; top: 0; width: 100%; height: 60px; background-color: #fff; }

.header-pc.fixed .hd-top { display: none; }

.header-pc.fixed .hd-menu .container { padding: 0; }

.header-pc.fixed .hd-menu .list li { line-height: 60px; height: 60px; }

.uc-mb2 { margin-bottom: 1.5rem; }

@media (min-width: 992px) { .uc-mb2 { margin-bottom: 2.5rem; } }

.g-productList .box { position: relative; margin: 5px 0; }

.g-productList img { display: block; width: 100%; }

.g-productList .txt { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; color: #fff; line-height: 1.6rem; padding: .7rem 5px; background-color: rgba(0, 149, 235, 0.9); white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

@media (min-width: 768px) { .g-productList .box { overflow: hidden; margin: 10px 5px; }
  .g-productList .box img { -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
  .g-productList .box:hover img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  .g-productList .box:hover .txt { bottom: 0; }
  .g-productList .txt { bottom: -3em; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
  .g-productList .g-title { margin-top: 6rem !important; } }

.g-classifyList .box { position: relative; margin: 5px 0; }

.g-classifyList img { display: block; width: 100%; }

.g-classifyList .txt { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; color: #fff; line-height: 3rem; background-color: rgba(0, 0, 0, 0.7); text-transform: uppercase; font-size: 1rem; }

@media (min-width: 768px) { .g-classifyList .box { overflow: hidden; margin: 10px 5px; }
  .g-classifyList .box img { -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
  .g-classifyList .box:hover img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  .g-classifyList .box:hover .txt { opacity: 0; }
  .g-classifyList .txt { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; background-color: rgba(0, 0, 0, 0.5); font-size: 1.5rem; } }

.g-introList .box { position: relative; margin: 5px 0; }

.g-introList img { display: block; width: 60%; border-radius: 100%; margin: 0 auto 5px; }

.g-introList h3 { text-align: center; color: #0095eb; font-weight: bold; padding: 1em 0; font-size: 12px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.g-introList .txt { font-size: 12px; color: #626262; line-height: 1.5em; height: 6em; overflow: hidden; text-align: center; }

@media (min-width: 768px) { .g-introList .box { margin: 10px 5px; }
  .g-introList .box:hover img { -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); }
  .g-introList h3 { font-size: 1em; }
  .g-introList img { width: 50%; }
  .g-introList .txt { padding: 0 1em; font-size: 1em; } }

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

.banner .hd { z-index: 1; overflow: hidden; position: absolute; left: 0%; bottom: 5px; height: 15px; width: 100%; }

.banner .hd ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.banner .hd li { text-align: center; background: rgba(153, 153, 153, 0.5); cursor: pointer; width: 8px; height: 8px; border-radius: 8px; line-height: 14px; margin: 0 4px; }

.banner .hd li.on { background: #0095eb; }

.banner .bd { position: relative; height: 100%; z-index: 0; }

.banner .bd li { zoom: 1; vertical-align: middle; }

.banner .bd img { width: 100%; display: block; }

.swiper-pagination-bullet { background-color: #fff; opacity: .8; }

.swiper-pagination-bullet-active { background-color: #0095eb; width: 2em; border-radius: 1.15em; }

.swiper-container { width: 100%; height: 100%; }

.swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

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

.swiper-container { width: 100%; height: 100%; }

.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

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

.section11, .section12, .section13, .section14, .section15, .section16, .section17, .section21, .section22, .section23, .section24, .section31, .section32, .section33, .section34, .section41, .section42, .section43, .section44, .section51, .section71 { padding-top: 2rem; padding-bottom: 2rem; }

@media (min-width: 992px) { .section11, .section12, .section13, .section14, .section15, .section16, .section17, .section21, .section22, .section23, .section24, .section31, .section32, .section33, .section34, .section41, .section42, .section43, .section44, .section51, .section71 { padding-top: 4rem; padding-bottom: 4rem; } }

.section21 .intro { line-height: 2rem; color: #626262; }

.section21 .intro b { color: #161922; }

.section22 .step-title { line-height: 1.5rem; padding: 2em 1.25em; font-size: 1.25rem; position: relative; font-weight: bold; }

.section22 .step-title:after { content: ''; width: 3px; border-radius: 3px; background-color: #0095eb; position: absolute; left: .5em; top: 50%; margin-top: -.5em; height: 1em; }

.section22 .step-list img { display: block; margin-bottom: 5px; }

.section22 .step-list h3 { font-size: 1rem; padding: 2px 0; }

.section22 .step-list .txt { color: #999; font-size: .875em; }

.section22 .step-list .item { margin-bottom: 1em; }

.section22 .step-list .img { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.section22 .step-list .img:hover { -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); }

.section23 .list .item { text-align: center; margin-bottom: 1em; padding-left: 1em; padding-right: 1em; }

.section23 .list img { display: block; margin: 0 auto 1em; }

.section41 .list li { line-height: 2.6rem; border-top: #eee 1px solid; padding: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.section41 .list li:last-child { border-bottom: #eee 1px solid; }

.section41 .list li a { min-width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 20px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.section41 .list time { font-size: 12px; color: #999; }

.section51 .intro { line-height: 2rem; color: #626262; color: #161922; }

.section51 .intro .title { padding-top: 2rem; margin-bottom: 1rem; border-bottom: #eee 1px solid; line-height: 3rem; }

.section51 .intro .title span { margin-left: 1rem; color: #999; font-size: 12px; }

.section51 .intro b { color: #161922; }

.section51 .intro .con p { position: relative; padding-left: 8em; padding-top: .25em; padding-bottom: .25em; }

.section51 .intro .txt { min-width: 6em; color: #626262; position: absolute; left: 0; top: 0; }

.section51 .intro .uc-fonticon { color: #999; font-size: 18px; position: relative; top: 1px; margin-right: 5px; }

.section51 .intro a:hover { color: #0095eb; }

.section52 { height: 600px; background: url("images/map-small.jpg?ss") center center no-repeat; background-size: cover; }

@media (min-width: 768px) { .section52 { height: 500px; background: url("images/map.jpg?ss") center center no-repeat; background-size: cover; } }

.section61, .section62 { margin-bottom: 2rem; background-color: #fff; }

.section61 { margin-left: 0; margin-right: 0; }

.section61 > div:first-child { padding-left: 0; padding-right: 0; }

.section61 > div:nth-child(2) { padding-left: 1rem; padding-right: 1rem; }

.section61 .name { font-size: 2rem; line-height: 3rem; margin-bottom: 2rem; text-transform: uppercase; margin-top: 1rem; border-bottom: #eee 1px solid; padding-bottom: 1rem; }

.section61 .sub-title { margin-top: 4rem; text-transform: uppercase; margin-bottom: 1rem; }

.section61 .contact-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 2rem; }

.section61 .contact-box li { width: 3rem; height: 3rem; text-align: center; line-height: 3rem; border: rgba(204, 204, 204, 0.7) 1px solid; background-color: rgba(255, 255, 255, 0.5); margin-right: 10px; position: relative; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.section61 .contact-box li:hover { background-color: #0095eb; border-color: rgba(255, 255, 255, 0.3); }

.section61 .contact-box li:hover .uc-fonticon { color: #fff; }

.section61 .contact-box li:hover .code-box { display: block; }

.section61 .contact-box li .code-box { position: absolute; left: 50%; width: 120px; margin-left: -60px; top: 3.5rem; z-index: 99; display: none; background-color: #fff; padding: 10px; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); }

.section61 .contact-box li .code-box:after { content: '\e6b2'; font-family: 'uc-font'; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -17px; color: #fff; }

.section61 .contact-box li .code-box img { display: block; width: 100px; height: 100px; }

.section61 .contact-box .uc-fonticon { font-size: 2rem; color: #0095eb; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.section62 { background-color: #fff; }

.section62 .title { line-height: 3rem; padding: 0 10px; text-transform: uppercase; border-bottom: #eee 1px solid; }

.section62 .box { padding: 20px 10px; overflow: hidden; }

.section62 .box img { display: block; width: 100%; }

.section62 table { width: 100%; }

.section62 td, .section62 th { border: #eee 1px solid; border: #666 1px solid; padding: 5px 1px; }

.section62 td { background-color: #EBF1DE; font-size: 10px; }

.section62 th { background-color: #CCFFCC; padding: 10px 5px; font-size: 14px; }

@media (min-width: 768px) { .section62 .title { padding: 0 20px; }
  .section62 .box { padding: 20px; }
  .section62 td { font-size: 12px; padding: 5px 5px; }
  .section62 th { padding: 10px 5px; font-size: 14px; } }

.section71 { padding: 3rem 5px 4rem; }

.section71 h1 { font-size: 2rem; text-align: center; padding: 1rem 0; }

.section71 .info { color: #999; text-align: center; padding: 1rem 0; }

.section71 .box { padding: 1rem 0; line-height: 1.5rem; }

.section71 .box p { margin-bottom: 1.5rem; }

.section71 .box img { display: block; max-width: 100%; margin: 0 auto 1.5rem; }

@media (min-width: 992px) { .section71 .box img { max-width: 80%; } }

@media (min-width: 1200px) { .section71 .box img { max-width: 60%; } }