@charset "UTF-8";
@font-face { font-family: "uicons-regular-rounded"; src: url("../fonts/uicons/uicons-regular-rounded.eot#iefix") format("embedded-opentype"), url("../fonts/uicons/uicons-regular-rounded.woff2") format("woff2"), url("../fonts/uicons/uicons-regular-rounded.woff") format("woff"); }

/**
* 溢出省略号
* @param {Number} 行数
*/
/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

.hieu-test { display: none; }

main { display: block; clear: both; }

thead { font-weight: 600; }

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

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

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

img { max-width: 100%; }

input, select, button, textarea { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif; font-size: 14px; }

*:focus, select:focus, .custom-select:focus, button:focus, textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, [type="text"].form-control:focus, [type="password"].form-control:focus, [type="email"].form-control:focus, [type="tel"].form-control:focus, [contenteditable].form-control:focus { outline: none !important; box-shadow: none !important; }

input:focus::-moz-placeholder { opacity: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }

li.hr span { width: 100%; height: 1px; background-color: #e4e4e4; margin: 20px 0; display: block; }

/*--- Common Classes---------------------*/
::selection { background: #006D77; /* WebKit/Blink Browsers */ color: #fff; }

::-moz-selection { background: #006D77; /* Gecko Browsers */ color: #fff; }

::placeholder { color: #667085; opacity: 1; }

:-ms-input-placeholder, ::-webkit-input-placeholder { color: #667085; opacity: 1; }

.fix { overflow: hidden; }

.hidden { display: none; }

.clear { clear: both; }

.section { float: left; width: 100%; }

.f-right { float: right; }

.capitalize { text-transform: capitalize; }

.uppercase { text-transform: uppercase; }

.bg-img { background-position: center center; background-size: cover; }

.position-relative { position: relative; }

.height-100vh { height: 100vh !important; }

*:focus, select:focus, .custom-select:focus, button:focus, textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, [type="text"].form-control:focus, [type="password"].form-control:focus, [type="email"].form-control:focus, [type="tel"].form-control:focus, [contenteditable].form-control:focus { outline: none !important; box-shadow: none; }

.border-radius { border-radius: 4px; }

.border-radius-5 { border-radius: 5px; }

.border-radius-10 { border-radius: 10px; }

.border-radius-15 { border-radius: 15px; }

.border-radius-20 { border-radius: 20px; }

.hover-up { transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1); }

.hover-up:hover { transform: translateY(-3px); transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1); }

body { background: #ffffff; background-size: contain; }

a { text-decoration: none; }

.img-responsive { max-width: 100%; }

.text-body-lead { font-family: "Source Han Sans", "Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; font-weight: bold; font-size: 16px; line-height: 24px; }

.text-body-excerpt { font-family: "Source Han Sans", "Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; font-weight: 400; font-size: 18px; line-height: 26px; }

.text-body-text { font-family: "Source Han Sans", "Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; font-weight: 400 !important; font-size: 16px; line-height: 28px; }

.text-body-quote { font-family: "Source Han Sans", "Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; }

.text-body-normal { font-family: "Source Han Sans", "Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; font-weight: 400; font-size: 20px; line-height: 28px; }

.text-body-capitalized { font-family: "Source Han Sans", "Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; font-weight: 400; font-size: 14px; line-height: 19px; letter-spacing: 2px; }

.text-body-small { font-family: "Source Han Sans", "Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; font-weight: 500; font-size: 13px; line-height: 16px; }

.text-body-tiny { font-family: "Source Han Sans", "Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; font-weight: 600; font-size: 10px; line-height: 14px; }

.text-body-lead-large { font-family: "Source Han Sans", "Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; font-weight: 400; font-size: 24px; line-height: 32px; }

.text-body-text-md { font-family: "Source Han Sans", "Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; font-weight: 400; font-size: 14px; line-height: 19px; }

.tablet-display-2 { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif; font-weight: bold; font-size: 72px; line-height: 82px; letter-spacing: -0.5%; }

.text-display-1 { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif; font-weight: 900; font-size: 96px; line-height: 132px; letter-spacing: -1%; }

.text-display-2 { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif; font-weight: bold; font-size: 80px; line-height: 88px; letter-spacing: -0.5%; }

.text-display-3 { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif; font-weight: bold; font-size: 64px; line-height: 72px; letter-spacing: 0%; }

.text-display-4 { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif; font-weight: 400; font-size: 56px; line-height: 66px; letter-spacing: 0%; }

.text-heading-1 { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif; font-weight: bold; font-size: 56px; line-height: 64px; letter-spacing: -1%; color: #101828; }

.text-heading-2 { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif; font-weight: bold; font-size: 42px; line-height: 44px; letter-spacing: 0%; }

.text-heading-3 { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif; font-weight: bold; font-size: 35px; line-height: 38px; letter-spacing: 0%; }

.text-heading-4 { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif; font-weight: bold; font-size: 28px; line-height: 32px; letter-spacing: 0%; }

.text-heading-5 { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif; font-weight: bold; font-size: 22px; line-height: 24px; letter-spacing: 0%; }

.text-heading-6 { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif; font-weight: bold; font-size: 18px; line-height: 22px; letter-spacing: 0%; }

.text-bold { font-family: "Source Han Sans", "Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; font-size: 14px; line-height: 14px; font-weight: bold; }

.color-orange-100 { color: #FAEDE3; }

.color-orange-500 { color: #FFDDD2; }

.color-orange-900 { color: #E29578; }

.color-green-900 { color: #006D77 !important; }

.color-green-500 { color: #83C5BE; }

.color-green-100 { color: #AFEAE4; }

.color-gray-900 { color: #101828 !important; }

.color-gray-1000 { color: #1F2938; }

.color-gray-1100 { color: #7E7E7E; }

.color-gray-1200 { color: #9A9A9A; }

.color-gray-500 { color: #667085; }

.color-gray-400 { color: #98A2B3 !important; }

.color-gray-300 { color: #D0D5DD !important; }

.color-gray-600 { color: #475467; }

.color-gray-100 { color: #F2F4F7; }

.color-white { color: #ffffff !important; }

.bg-1 { background-color: #EAE4E9 !important; }

.bg-2 { background-color: #FFF3EA !important; }

.bg-2-opacity-80 { background-color: #fff3eacc; }

.bg-3 { background-color: #FDE2E4 !important; }

.bg-4 { background-color: #FAD2E1 !important; }

.bg-5 { background-color: #DBECE5 !important; }

.bg-6 { background-color: #BEE1E6 !important; }

.bg-6-opacity-30 { background-color: #bee1e64d !important; }

.bg-7 { background-color: #F0EFEB !important; }

.bg-8 { background-color: #DFE7FD !important; }

.bg-9 { background-color: #D1ECFD !important; }

.bg-10 { background-color: #DDD3FA !important; }

.bg-gray-100 { background-color: #F2F4F7 !important; }

.text-billed { font-weight: 400; font-family: "Source Han Sans", "Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; font-size: 16px; line-height: 28px; display: inline-block; vertical-align: middle; color: #ffffff; }

a { color: #006D77; }

a:hover { color: #83C5BE; }

.section-box { display: inline-block; width: 100%; }

.box-shadow-4 { box-shadow: 4px 6px 23px rgba(228, 92, 35, 0.1); }

.content-detail { color: #101828; }

.content-detail h2 { margin: 0px 0px 20px 0px; }

.content-detail p { margin-bottom: 15px; font-size: 16px; font-family: "Source Han Sans", "Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; color: #101828; line-height: 28px; }

.content-detail ul { list-style: disc; color: #101828; padding-left: 20px; font-size: 16px; font-family: "Source Han Sans", "Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; line-height: 28px; }

.border-bottom { border-bottom: 1px solid #061224; width: 100%; margin: 30px 0px; }

.img-middle { display: inline-block; vertical-align: middle; margin-top: -2px; }

.box-shadow-2 { box-shadow: 0px 45px 80px rgba(0, 0, 0, 0.04); }

.box-line-throught { display: inline-block; position: relative; padding: 0px 60px; }

.box-line-throught::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; width: 50px; height: 1px; background-color: #D0D5DD; }

.box-line-throught::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; width: 50px; height: 1px; background-color: #D0D5DD; }

.img-full { width: 100%; }

.tab-content > .active { overflow: hidden; }

.thw-20 { width: 20%; }

.thw-40 { width: 40%; }

.br-16 { border-radius: 16px; }

a, button, img, input, span, h4 { -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; }

@keyframes slideleft { 10% { opacity: 0;
    transform: scale(0);
    right: 0; }
  50% { opacity: 1;
    transform: scale(1); }
  90% { opacity: 0;
    transform: scale(0);
    right: 100%; } }

[data-loader='spinner'] { width: 35px; height: 35px; display: inline-block; -webkit-animation: spinner 1.2s infinite ease-in-out; -o-animation: spinner 1.2s infinite ease-in-out; animation: spinner 1.2s infinite ease-in-out; background: url(../imgs/template/favicon.svg); box-shadow: 0 0 10px #fff; }

@-webkit-keyframes spinner { 0% { -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    -ms-transform: perspective(120px) rotateX(0) rotateY(0);
    -o-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0); }
  50% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    transform: perspective(120px) rotateX(-180deg) rotateY(0); }
  100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } }

@-moz-keyframes spinner { 0% { -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    -ms-transform: perspective(120px) rotateX(0) rotateY(0);
    -o-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0); }
  50% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    transform: perspective(120px) rotateX(-180deg) rotateY(0); }
  100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } }

@-o-keyframes spinner { 0% { -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    -ms-transform: perspective(120px) rotateX(0) rotateY(0);
    -o-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0); }
  50% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    transform: perspective(120px) rotateX(-180deg) rotateY(0); }
  100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } }

@keyframes spinner { 0% { -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    -ms-transform: perspective(120px) rotateX(0) rotateY(0);
    -o-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0); }
  50% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    transform: perspective(120px) rotateX(-180deg) rotateY(0); }
  100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } }

@keyframes shadow-pulse { 0% { box-shadow: 0 0 0 0px rgba(151, 119, 250, 0.8); }
  100% { box-shadow: 0 0 0 5px rgba(0, 0, 0, 0); } }

@keyframes shadow-pulse-big { 0% { box-shadow: 0 0 0 0px rgba(239, 63, 72, 0.1); }
  100% { box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); } }

@keyframes jump { 0% { transform: translate3d(0, 20%, 0); }
  100% { transform: translate3d(0, 0, 0); } }

.jump { transform-origin: 0; animation: jump .5s linear alternate infinite; }

/*TYPOGRAPHY*/
body { color: #101828; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif; font-size: 14px; line-height: 24px; font-style: normal; font-weight: 400; }

h1, h2, h3, h4, h5, h6, .font-heading, .display-1, .display-2, .heading-lg, .heading-sm-1 { font-family: "Source Han Sans", "Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; color: #101828; font-weight: 700; line-height: 1.2; }

h1 { font-size: 69px; line-height: 1.2; }

h2 { font-size: 55px; line-height: 67px; }

h3 { font-size: 44px; line-height: 54px; }

h4 { font-size: 28px; line-height: 34px; }

h5 { font-size: 22px; line-height: 28px; font-weight: 500; }

h6 { font-size: 16px; line-height: 22px; font-weight: 500; }

.heading-lg { font-size: 52px; line-height: 63px; font-weight: bold; }

.heading-md { font-size: 20px; line-height: 24px; color: #101828; font-weight: 500; font-family: "Source Han Sans", "Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; }

.heading-sm { font-size: 14px; line-height: 20px; font-weight: 500; }

.text-sm { font-size: 12px; line-height: 16px; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif; }

.text-md { font-size: 16px; line-height: 20px; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif; }

.small-heading { font-size: 16px; line-height: 20px; font-weight: bold; font-family: "Source Han Sans", "Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; }

.medium-heading { font-size: 18px; color: #101828; line-height: 22px; font-weight: 600; font-family: "Source Han Sans", "Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; }

.display-block { display: block; }

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

.font-semibold { font-weight: 600; }

.font-3xs { font-size: 10px; }

.font-xxs { font-size: 12px; }

.font-xs { font-size: 13px; }

.font-sm { font-size: 14px; }

.font-md { font-size: 16px; }

.font-md-2 { font-size: 15px; }

.font-lg { font-size: 18px; }

.font-xl { font-size: 20px; }

.font-2xl { font-size: 22px; }

.font-3xl { font-size: 58px; }

.text-grey-6 { color: #101828 !important; }

.text-muted { color: #667085 !important; }

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-3xl { --bs-gutter-x: 30px; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; }

@media (min-width: 576px) { .container, .container-sm { max-width: 540px; } }

@media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } }

@media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } }

@media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; } }

@media (min-width: 1400px) { .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { max-width: 1320px; } }

@media (min-width: 1600px) { .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-3xl { max-width: 1440px; } }

html { font-size: 100px; touch-action: none; touch-action: pan-y; }

/* Extra large devices 1500px */
@media (max-width: 1600px) { html { font-size: 88px; } }

/* Medium Large devices 1320px*/
@media (max-width: 1399px) { html { font-size: 76px; } }

/* Large devices 1140px*/
@media (max-width: 1199px) { html { font-size: 64px; } }

/* Medium devices 960px*/
@media (max-width: 991px) { html { font-size: 48px; } }

/* Small devices 720px*/
@media (max-width: 767px) { html { font-size: 38px; } }

/* Extra small devices 540px*/
@media (max-width: 575px) { html { font-size: 80px; } }

/*----------------------------------------*/
/*  2.9 ListPage
/*----------------------------------------*/
.list_page { text-align: center; margin: 0.15rem; display: block; margin: 0 auto; margin-top: 0.3rem; }

.list_page:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }

.list_page ul { list-style: none; margin: 0 auto; padding: 0; display: inline-block; vertical-align: bottom; }

.list_page ul li { display: inline-block; border: solid 1px #ddd; border-radius: 0.05rem; -webkit-border-radius: 0.05rem; -moz-border-radius: 0.05rem; -ms-border-radius: 0.05rem; -o-border-radius: 0.05rem; }

.list_page ul a { color: #333; padding: 0.1rem 0.12rem; min-width: 0.4rem; line-height: 0.2rem; display: block; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; background: #fff; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .list_page ul a { padding: 0.15rem 0.10rem; min-width: 0.62rem; line-height: 0.3rem; overflow: hidden; } }

.page_group ul { border-right: solid 1px #ddd; border-radius: 0.05rem; -webkit-border-radius: 0.05rem; -moz-border-radius: 0.05rem; -ms-border-radius: 0.05rem; -o-border-radius: 0.05rem; }

.page_group ul li { border-right: none; border-radius: 0; float: left; }

.page_group ul li:not(:first-child):not(:last-child) { border-radius: 0; }

.page_group ul li:first-child { border-radius: 0.05rem 0 0 0.05rem; -webkit-border-radius: 0.05rem 0 0 0.05rem; -moz-border-radius: 0.05rem 0 0 0.05rem; -ms-border-radius: 0.05rem 0 0 0.05rem; -o-border-radius: 0.05rem 0 0 0.05rem; }

.page_group ul li:last-child { border-radius: 0 0.05rem 0.05rem 0; -webkit-border-radius: 0 0.05rem 0.05rem 0; -moz-border-radius: 0 0.05rem 0.05rem 0; -ms-border-radius: 0 0.05rem 0.05rem 0; -o-border-radius: 0 0.05rem 0.05rem 0; }

.page_group ul .active a { color: #fff; background: var(--thm-primary); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .page_group ul li.page_total { display: none; }
  .page_group ul li.page_number { display: none; }
  .page_group ul li.page_pre span { display: none; }
  .page_group ul li.page_next span { display: none; } }

@media (min-width: 1600px) { .col-xxl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } }

*::before, *::after { box-sizing: border-box; }

*:focus { outline: none; }

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; overflow: visible; line-height: 1.4; }

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

code, kbd, pre, samp { font-family: courier new, courier, monospace; }

small { font-size: 12px; }

ul, ol { list-style-type: none; margin: 0; padding: 0; }

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

a { color: inherit; text-decoration: none; cursor: pointer; border: 0; user-select: none; }

sup, sub { font-size: inherit; display: inline-block; line-height: 1; transform: scale(0.8); }

sup { vertical-align: text-top; margin: -4px 0 0 2px; }

sub { vertical-align: text-bottom; margin: 0 0 0 2px; }

span { line-height: inherit; }

legend { color: #000; }

fieldset, img { border: 0; }

button, input, select, textarea { font-size: 100%; border-radius: 0; }

button { border: 0; background-color: none; outline: none; -webkit-appearance: none; }

select { border: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url("../images/common/select.svg") no-repeat right 0.1rem center/14px auto; }

textarea { resize: none; }

select, button, input, img { vertical-align: middle; }

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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; }

mark { background: #ff0; }

input { border: none; appearance: none; -moz-appearance: none; outline: none; -webkit-appearance: none; }

input:focus { outline: none; }

/* IE提示 */
.popIE { display: none; position: fixed; z-index: 999999999; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); }

.popIE-contain { position: absolute; background: #fff; width: 440px; left: 50%; top: 1rem; margin-left: -220px; padding: 0.40rem 0.20rem; text-align: center; border-radius: 0.06rem; box-shadow: 0 4px 0.16rem 2px rgba(255, 255, 255, 0.2); }

.popIE-hint { font-size: 0.16rem; color: #ff0000; }

.popIE-link { width: 100%; margin-top: 0.16rem; font-size: 0; }

.popIE-link span, .popIE-link a { display: inline-block; vertical-align: middle; font-size: 0.14rem; line-height: 1.2; color: #666; }

.popIE-link a { margin-right: 12px; text-decoration: underline; transition: all .4s ease; }

.popIE-link a:last-child { margin-right: 0; }

.popIE-link a:hover { color: #0014ff; }

.popIE-close { position: absolute; width: 36px; height: 36px; right: 0; top: 0; background: url("../images/common/popIE.svg") no-repeat center/0.16rem auto; cursor: pointer; }

/* 清除浮动 */
.clearFix { *zoom: 1; }

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

.clearFix:after { clear: both; }

/* =======================================================自定义========================================================= */
/* placeholder样式 */
input::-webkit-input-placeholder { color: #999; font-size: 0.16rem; }

input:-moz-placeholder { color: #999; font-size: 0.16rem; }

input::-moz-placeholder { color: #999; font-size: 0.16rem; }

input:-ms-input-placeholder { color: #999; font-size: 0.16rem; }

textarea::-webkit-input-placeholder { color: #999; font-size: 0.16rem; }

textarea:-moz-placeholder { color: #999; font-size: 0.16rem; }

textarea::-moz-placeholder { color: #999; font-size: 0.16rem; }

textarea:-ms-input-placeholder { color: #999; font-size: 0.16rem; }

/* HTML滚动条样式 */
html::-webkit-scrollbar { width: 0.06rem; }

html::-webkit-scrollbar-thumb { background: #0056b8; }

html::-webkit-scrollbar-track { background: #f1f1f1; }

html { scrollbar-color: #0056b8 #f1f1f1; scrollbar-width: thin; }

html { scrollbar-face-color: #0056b8; scrollbar-shadow-color: #0056b8; scrollbar-arrow-color: #000; scrollbar-track-color: #f1f1f1; }

/* 基本设置 */
.toPlace { position: relative; top: -88px; display: block; height: 0; overflow: hidden; }

.toPlace2 { position: relative; top: -110px; display: block; height: 0; overflow: hidden; }

p br { content: ""; display: block; height: 0.24rem; }

@media all and (max-width: 1599px) { p br { height: 0.18rem; } }

@media all and (max-width: 640px) { p br { height: 0.1rem; }
  .toPlace { top: -60px; }
  .toPlace2 { top: -70px; } }

/* 引入字体 */
@font-face { font-family: 'MR'; src: url("../fonts/MR.TTF"); }

@font-face { font-family: 'MB'; src: url("../fonts/MB.otf"); }

/* 行间距 */
h1, h2, h3, h4, h5, h6, p { line-height: 1.28; }

/* 
    设置默认字体
    "宋体", "SimSun", "\5B8B\4F53"
    "黑体", "SimHei", "\9ED1\4F53"
    "楷体", "KaiTi", "\6977\4F53"
    "微软雅黑", "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1"
    "微软正黑体", "Microsoft JhengHei", "\5FAE\x8F6F\6B63\9ED1\4F53"
    "思源黑体 CN", "Source Han Sans CN", "noto sans"
    "思源宋体", "Source Han Serif SC"
*/
body, button, input, select, textarea { font: 14px/1.5 "思源黑体 CN", "Source Han Sans CN", "noto sans", Arial, tahoma, Helvetica, sans-serif; }

/* font-weight对应：Light=300, Regular=400, Medium=500, Bold=700 */
.fw300 { font-weight: 300; }

.fw400 { font-weight: 400; }

.fw500 { font-weight: 500; }

.fw700 { font-weight: 700; }

/* =======================================================end========================================================= */
/* 文字竖排 */
.verticalWords { writing-mode: vertical-lr; writing-mode: tb-lr; white-space: nowrap; }

/* 文字限制一行 */
.lineLimit { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* 文字限制多行 修改行数-webkit-line-clamp: 2;【兼容必须限高】 */
.lineLimits { overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; }

/* 快速设置模板 */
img, video, canvas { max-width: 100%; object-fit: cover; }

.none-pc { display: none; }

.none-pc-pad { display: none; }

.none-pc-mb { display: none; }

.none-pad { display: block; }

.none-pad-mb { display: block; }

.none-mb { display: block; }

.bgImage { background-repeat: no-repeat; background-size: cover; background-position: center; }

.cont p, .hint p, .text p, .title p, .list p, .items p, .name p, .desc p { line-height: inherit; }

.flex { display: flex; flex-wrap: wrap; }

@media all and (max-width: 1000px) { .none-pc { display: block; }
  .none-pc-mb { display: block; }
  .none-pad { display: none; }
  .none-pad-mb { display: none; } }

@media all and (max-width: 640px) { .none-pc { display: block; }
  .none-pc-pad { display: block; }
  .none-pad { display: block; }
  .none-pad-mb { display: none; }
  .none-mb { display: none; } }

/* 样式模板 */
.pt10 { padding-top: 0.1rem; }

.pt20 { padding-top: 0.20rem; }

.pt30 { padding-top: 0.3rem; }

.pt40 { padding-top: 0.40rem; }

.pt50 { padding-top: 0.5rem; }

.pt60 { padding-top: 0.6rem; }

.pt70 { padding-top: 0.7rem; }

.pt80 { padding-top: 80px; }

.pt90 { padding-top: 0.9rem; }

.pt100 { padding-top: 1rem; }

.pt110 { padding-top: 110px; }

.pt120 { padding-top: 1.20rem; }

.pt130 { padding-top: 130px; }

.pt140 { padding-top: 140px; }

.pt150 { padding-top: 150px; }

.pt160 { padding-top: 160px; }

.pt170 { padding-top: 170px; }

.pt180 { padding-top: 180px; }

.pt190 { padding-top: 190px; }

.pt200 { padding-top: 200px; }

.pb10 { padding-bottom: 0.1rem; }

.pb20 { padding-bottom: 0.20rem; }

.pb30 { padding-bottom: 0.3rem; }

.pb40 { padding-bottom: 0.40rem; }

.pb50 { padding-bottom: 0.5rem; }

.pb60 { padding-bottom: 0.6rem; }

.pb70 { padding-bottom: 0.7rem; }

.pb80 { padding-bottom: 80px; }

.pb90 { padding-bottom: 0.9rem; }

.pb100 { padding-bottom: 1rem; }

.pb110 { padding-bottom: 110px; }

.pb120 { padding-bottom: 1.20rem; }

.pb130 { padding-bottom: 130px; }

.pb140 { padding-bottom: 140px; }

.pb150 { padding-bottom: 150px; }

.pb160 { padding-bottom: 160px; }

.pb170 { padding-bottom: 170px; }

.pb180 { padding-bottom: 180px; }

.pb190 { padding-bottom: 190px; }

.pb200 { padding-bottom: 200px; }

.mt2 { margin-top: 2px; }

.mt4 { margin-top: 4px; }

.mt6 { margin-top: 0.06rem; }

.mt8 { margin-top: 8px; }

.mt10 { margin-top: 0.1rem; }

.mt12 { margin-top: 12px; }

.mt14 { margin-top: 0.14rem; }

.mt16 { margin-top: 0.16rem; }

.mt18 { margin-top: 0.18rem; }

.mt20 { margin-top: 0.20rem; }

.mt22 { margin-top: 0.22rem; }

.mt24 { margin-top: 0.24rem; }

.mt26 { margin-top: 0.26rem; }

.mt28 { margin-top: 0.28rem; }

.mt30 { margin-top: 0.3rem; }

.mt32 { margin-top: 32px; }

.mt34 { margin-top: 0.34rem; }

.mt36 { margin-top: 36px; }

.mt38 { margin-top: 38px; }

.mt40 { margin-top: 0.40rem; }

.mt42 { margin-top: 0.42rem; }

.mt44 { margin-top: 44px; }

.mt46 { margin-top: 46px; }

.mt48 { margin-top: 48px; }

.mt50 { margin-top: 0.5rem; }

.mt52 { margin-top: 0.52rem; }

.mt54 { margin-top: 54px; }

.mt56 { margin-top: 56px; }

.mt58 { margin-top: 0.58rem; }

.mt60 { margin-top: 0.6rem; }

.mt62 { margin-top: 62px; }

.mt64 { margin-top: 64px; }

.mt66 { margin-top: 0.66rem; }

.mt68 { margin-top: 68px; }

.mt70 { margin-top: 0.7rem; }

.mt72 { margin-top: 72px; }

.mt74 { margin-top: 74px; }

.mt76 { margin-top: 76px; }

.mt78 { margin-top: 78px; }

.mt80 { margin-top: 80px; }

.mt82 { margin-top: 82px; }

.mt84 { margin-top: 84px; }

.mt86 { margin-top: 86px; }

.mt88 { margin-top: 88px; }

.mt90 { margin-top: 0.9rem; }

.mt92 { margin-top: 92px; }

.mt94 { margin-top: 94px; }

.mt96 { margin-top: 96px; }

.mt98 { margin-top: 98px; }

.mt100 { margin-top: 1rem; }

.fs12 { font-size: 12px; }

.fs13 { font-size: 13px; }

.fs14 { font-size: 0.14rem; }

.fs15 { font-size: 0.15rem; }

.fs16 { font-size: 0.16rem; }

.fs17 { font-size: 17px; }

.fs18 { font-size: 0.18rem; }

.fs19 { font-size: 19px; }

.fs20 { font-size: 0.20rem; }

.fs21 { font-size: 21px; }

.fs22 { font-size: 0.22rem; }

.fs23 { font-size: 23px; }

.fs24 { font-size: 0.24rem; }

.fs25 { font-size: 0.25rem; }

.fs26 { font-size: 0.26rem; }

.fs27 { font-size: 0.27rem; }

.fs28 { font-size: 0.28rem; }

.fs29 { font-size: 0.29rem; }

.fs30 { font-size: 0.3rem; }

.fs31 { font-size: 31px; }

.fs32 { font-size: 32px; }

.fs33 { font-size: 33px; }

.fs34 { font-size: 0.34rem; }

.fs35 { font-size: 35px; }

.fs36 { font-size: 36px; }

.fs37 { font-size: 37px; }

.fs38 { font-size: 38px; }

.fs39 { font-size: 39px; }

.fs40 { font-size: 0.40rem; }

.fs41 { font-size: 41px; }

.fs42 { font-size: 0.42rem; }

.fs43 { font-size: 43px; }

.fs44 { font-size: 44px; }

.fs45 { font-size: 0.45rem; }

.fs46 { font-size: 46px; }

.fs47 { font-size: 47px; }

.fs48 { font-size: 48px; }

.fs49 { font-size: 49px; }

.fs50 { font-size: 0.5rem; }

.fs51 { font-size: 51px; }

.fs52 { font-size: 0.52rem; }

.fs53 { font-size: 0.53rem; }

.fs54 { font-size: 54px; }

.fs55 { font-size: 55px; }

.fs56 { font-size: 56px; }

.fs57 { font-size: 57px; }

.fs58 { font-size: 0.58rem; }

.fs59 { font-size: 59px; }

.fs60 { font-size: 0.6rem; }

.fs61 { font-size: 61px; }

.fs62 { font-size: 62px; }

.fs63 { font-size: 63px; }

.fs64 { font-size: 64px; }

.fs65 { font-size: 0.65rem; }

.fs66 { font-size: 0.66rem; }

.fs67 { font-size: 67px; }

.fs68 { font-size: 68px; }

.fs69 { font-size: 69px; }

.fs70 { font-size: 0.7rem; }

.fs71 { font-size: 71px; }

.fs72 { font-size: 72px; }

.fs73 { font-size: 73px; }

.fs74 { font-size: 74px; }

.fs75 { font-size: 0.75rem; }

.fs76 { font-size: 76px; }

.fs77 { font-size: 77px; }

.fs78 { font-size: 78px; }

.fs79 { font-size: 79px; }

.fs80 { font-size: 80px; }

.fs81 { font-size: 81px; }

.fs82 { font-size: 82px; }

.fs83 { font-size: 83px; }

.fs84 { font-size: 84px; }

.fs85 { font-size: 85px; }

.fs86 { font-size: 86px; }

.fs87 { font-size: 87px; }

.fs88 { font-size: 88px; }

.fs89 { font-size: 89px; }

.fs90 { font-size: 0.9rem; }

.fs91 { font-size: 91px; }

.fs92 { font-size: 92px; }

.fs93 { font-size: 93px; }

.fs94 { font-size: 94px; }

.fs95 { font-size: 95px; }

.fs96 { font-size: 96px; }

.fs97 { font-size: 97px; }

.fs98 { font-size: 98px; }

.fs99 { font-size: 99px; }

.fs100 { font-size: 1rem; }

.lh15 { line-height: 0.15rem; }

.lh16 { line-height: 0.16rem; }

.lh17 { line-height: 17px; }

.lh18 { line-height: 0.18rem; }

.lh19 { line-height: 19px; }

.lh20 { line-height: 0.20rem; }

.lh21 { line-height: 21px; }

.lh22 { line-height: 0.22rem; }

.lh23 { line-height: 23px; }

.lh24 { line-height: 0.24rem; }

.lh25 { line-height: 0.25rem; }

.lh26 { line-height: 0.26rem; }

.lh27 { line-height: 0.27rem; }

.lh28 { line-height: 0.28rem; }

.lh29 { line-height: 0.29rem; }

.lh30 { line-height: 0.3rem; }

.lh31 { line-height: 31px; }

.lh32 { line-height: 32px; }

.lh33 { line-height: 33px; }

.lh34 { line-height: 0.34rem; }

.lh35 { line-height: 35px; }

.lh36 { line-height: 36px; }

.lh37 { line-height: 37px; }

.lh38 { line-height: 38px; }

.lh39 { line-height: 39px; }

.lh40 { line-height: 0.40rem; }

.lh41 { line-height: 41px; }

.lh42 { line-height: 0.42rem; }

.lh43 { line-height: 43px; }

.lh44 { line-height: 44px; }

.lh45 { line-height: 0.45rem; }

.lh46 { line-height: 46px; }

.lh47 { line-height: 47px; }

.lh48 { line-height: 48px; }

.lh49 { line-height: 49px; }

.lh50 { line-height: 0.5rem; }

.lm { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; }

.lm1, .lmm1 { white-space: nowrap; display: block; -webkit-box-orient: inherit; overflow: hidden; text-overflow: ellipsis; }

.lm2, .lmm2 { -webkit-line-clamp: 2; }

.lm3, .lmm3 { -webkit-line-clamp: 3; }

.lm4, .lmm4 { -webkit-line-clamp: 4; }

.lm5, .lmm5 { -webkit-line-clamp: 5; }

.lh15.lm2 { height: 0.3rem; }

.lh15.lm3 { height: 0.45rem; }

.lh15.lm4 { height: 0.6rem; }

.lh15.lm5 { height: 0.75rem; }

.lh16.lm2 { height: 32px; }

.lh16.lm3 { height: 48px; }

.lh16.lm4 { height: 64px; }

.lh16.lm5 { height: 80px; }

.lh17.lm2 { height: 0.34rem; }

.lh17.lm3 { height: 51px; }

.lh17.lm4 { height: 68px; }

.lh17.lm5 { height: 85px; }

.lh18.lm2 { height: 36px; }

.lh18.lm3 { height: 54px; }

.lh18.lm4 { height: 72px; }

.lh18.lm5 { height: 0.9rem; }

.lh19.lm2 { height: 38px; }

.lh19.lm3 { height: 57px; }

.lh19.lm4 { height: 76px; }

.lh19.lm5 { height: 95px; }

.lh20.lm2 { height: 0.40rem; }

.lh20.lm3 { height: 0.6rem; }

.lh20.lm4 { height: 80px; }

.lh20.lm5 { height: 1rem; }

.lh21.lm2 { height: 0.42rem; }

.lh21.lm3 { height: 63px; }

.lh21.lm4 { height: 84px; }

.lh21.lm5 { height: 105px; }

.lh22.lm2 { height: 44px; }

.lh22.lm3 { height: 0.66rem; }

.lh22.lm4 { height: 88px; }

.lh22.lm5 { height: 110px; }

.lh23.lm2 { height: 46px; }

.lh23.lm3 { height: 69px; }

.lh23.lm4 { height: 92px; }

.lh23.lm5 { height: 115px; }

.lh24.lm2 { height: 48px; }

.lh24.lm3 { height: 72px; }

.lh24.lm4 { height: 96px; }

.lh24.lm5 { height: 1.20rem; }

.lh25.lm2 { height: 0.5rem; }

.lh25.lm3 { height: 0.75rem; }

.lh25.lm4 { height: 1rem; }

.lh25.lm5 { height: 125px; }

.lh26.lm2 { height: 0.52rem; }

.lh26.lm3 { height: 78px; }

.lh26.lm4 { height: 104px; }

.lh26.lm5 { height: 130px; }

.lh27.lm2 { height: 54px; }

.lh27.lm3 { height: 81px; }

.lh27.lm4 { height: 108px; }

.lh27.lm5 { height: 135px; }

.lh28.lm2 { height: 56px; }

.lh28.lm3 { height: 84px; }

.lh28.lm4 { height: 112px; }

.lh28.lm5 { height: 140px; }

.lh29.lm2 { height: 0.58rem; }

.lh29.lm3 { height: 87px; }

.lh29.lm4 { height: 10.16rem; }

.lh29.lm5 { height: 145px; }

.lh30.lm2 { height: 0.6rem; }

.lh30.lm3 { height: 0.9rem; }

.lh30.lm4 { height: 1.20rem; }

.lh30.lm5 { height: 150px; }

.lh31.lm2 { height: 62px; }

.lh31.lm3 { height: 93px; }

.lh31.lm4 { height: 124px; }

.lh31.lm5 { height: 155px; }

.lh32.lm2 { height: 64px; }

.lh32.lm3 { height: 96px; }

.lh32.lm4 { height: 128px; }

.lh32.lm5 { height: 160px; }

.lh33.lm2 { height: 0.66rem; }

.lh33.lm3 { height: 99px; }

.lh33.lm4 { height: 132px; }

.lh33.lm5 { height: 165px; }

.lh34.lm2 { height: 68px; }

.lh34.lm3 { height: 102px; }

.lh34.lm4 { height: 136px; }

.lh34.lm5 { height: 170px; }

.lh35.lm2 { height: 0.7rem; }

.lh35.lm3 { height: 105px; }

.lh35.lm4 { height: 140px; }

.lh35.lm5 { height: 175px; }

.lh36.lm2 { height: 72px; }

.lh36.lm3 { height: 108px; }

.lh36.lm4 { height: 144px; }

.lh36.lm5 { height: 180px; }

.lh37.lm2 { height: 74px; }

.lh37.lm3 { height: 111px; }

.lh37.lm4 { height: 148px; }

.lh37.lm5 { height: 185px; }

.lh38.lm2 { height: 76px; }

.lh38.lm3 { height: 114px; }

.lh38.lm4 { height: 152px; }

.lh38.lm5 { height: 190px; }

.lh39.lm2 { height: 78px; }

.lh39.lm3 { height: 117px; }

.lh39.lm4 { height: 156px; }

.lh39.lm5 { height: 195px; }

.lh40.lm2 { height: 80px; }

.lh40.lm3 { height: 1.20rem; }

.lh40.lm4 { height: 160px; }

.lh40.lm5 { height: 200px; }

.lh41.lm2 { height: 82px; }

.lh41.lm3 { height: 123px; }

.lh41.lm4 { height: 164px; }

.lh41.lm5 { height: 205px; }

.lh42.lm2 { height: 84px; }

.lh42.lm3 { height: 126px; }

.lh42.lm4 { height: 168px; }

.lh42.lm5 { height: 210px; }

.lh43.lm2 { height: 86px; }

.lh43.lm3 { height: 129px; }

.lh43.lm4 { height: 172px; }

.lh43.lm5 { height: 215px; }

.lh44.lm2 { height: 88px; }

.lh44.lm3 { height: 132px; }

.lh44.lm4 { height: 176px; }

.lh44.lm5 { height: 220px; }

.lh45.lm2 { height: 0.9rem; }

.lh45.lm3 { height: 135px; }

.lh45.lm4 { height: 180px; }

.lh45.lm5 { height: 225px; }

.lh46.lm2 { height: 92px; }

.lh46.lm3 { height: 138px; }

.lh46.lm4 { height: 184px; }

.lh46.lm5 { height: 230px; }

.lh47.lm2 { height: 94px; }

.lh47.lm3 { height: 141px; }

.lh47.lm4 { height: 188px; }

.lh47.lm5 { height: 235px; }

.lh48.lm2 { height: 96px; }

.lh48.lm3 { height: 144px; }

.lh48.lm4 { height: 192px; }

.lh48.lm5 { height: 240px; }

.lh49.lm2 { height: 98px; }

.lh49.lm3 { height: 147px; }

.lh49.lm4 { height: 196px; }

.lh49.lm5 { height: 245px; }

.lh50.lm2 { height: 1rem; }

.lh50.lm3 { height: 150px; }

.lh50.lm4 { height: 200px; }

.lh50.lm5 { height: 250px; }

.lh15.lmm2 { max-height: 0.3rem; }

.lh15.lmm3 { max-height: 0.45rem; }

.lh15.lmm4 { max-height: 0.6rem; }

.lh15.lmm5 { max-height: 0.75rem; }

.lh16.lmm2 { max-height: 32px; }

.lh16.lmm3 { max-height: 48px; }

.lh16.lmm4 { max-height: 64px; }

.lh16.lmm5 { max-height: 80px; }

.lh17.lmm2 { max-height: 0.34rem; }

.lh17.lmm3 { max-height: 51px; }

.lh17.lmm4 { max-height: 68px; }

.lh17.lmm5 { max-height: 85px; }

.lh18.lmm2 { max-height: 36px; }

.lh18.lmm3 { max-height: 54px; }

.lh18.lmm4 { max-height: 72px; }

.lh18.lmm5 { max-height: 0.9rem; }

.lh19.lmm2 { max-height: 38px; }

.lh19.lmm3 { max-height: 57px; }

.lh19.lmm4 { max-height: 76px; }

.lh19.lmm5 { max-height: 95px; }

.lh20.lmm2 { max-height: 0.40rem; }

.lh20.lmm3 { max-height: 0.6rem; }

.lh20.lmm4 { max-height: 80px; }

.lh20.lmm5 { max-height: 1rem; }

.lh21.lmm2 { max-height: 0.42rem; }

.lh21.lmm3 { max-height: 63px; }

.lh21.lmm4 { max-height: 84px; }

.lh21.lmm5 { max-height: 105px; }

.lh22.lmm2 { max-height: 44px; }

.lh22.lmm3 { max-height: 0.66rem; }

.lh22.lmm4 { max-height: 88px; }

.lh22.lmm5 { max-height: 110px; }

.lh23.lmm2 { max-height: 46px; }

.lh23.lmm3 { max-height: 69px; }

.lh23.lmm4 { max-height: 92px; }

.lh23.lmm5 { max-height: 115px; }

.lh24.lmm2 { max-height: 48px; }

.lh24.lmm3 { max-height: 72px; }

.lh24.lmm4 { max-height: 96px; }

.lh24.lmm5 { max-height: 1.20rem; }

.lh25.lmm2 { max-height: 0.5rem; }

.lh25.lmm3 { max-height: 0.75rem; }

.lh25.lmm4 { max-height: 1rem; }

.lh25.lmm5 { max-height: 125px; }

.lh26.lmm2 { max-height: 0.52rem; }

.lh26.lmm3 { max-height: 78px; }

.lh26.lmm4 { max-height: 104px; }

.lh26.lmm5 { max-height: 130px; }

.lh27.lmm2 { max-height: 54px; }

.lh27.lmm3 { max-height: 81px; }

.lh27.lmm4 { max-height: 108px; }

.lh27.lmm5 { max-height: 135px; }

.lh28.lmm2 { max-height: 56px; }

.lh28.lmm3 { max-height: 84px; }

.lh28.lmm4 { max-height: 112px; }

.lh28.lmm5 { max-height: 140px; }

.lh29.lmm2 { max-height: 0.58rem; }

.lh29.lmm3 { max-height: 87px; }

.lh29.lmm4 { max-height: 10.16rem; }

.lh29.lmm5 { max-height: 145px; }

.lh30.lmm2 { max-height: 0.6rem; }

.lh30.lmm3 { max-height: 0.9rem; }

.lh30.lmm4 { max-height: 1.20rem; }

.lh30.lmm5 { max-height: 150px; }

.lh31.lmm2 { max-height: 62px; }

.lh31.lmm3 { max-height: 93px; }

.lh31.lmm4 { max-height: 124px; }

.lh31.lmm5 { max-height: 155px; }

.lh32.lmm2 { max-height: 64px; }

.lh32.lmm3 { max-height: 96px; }

.lh32.lmm4 { max-height: 128px; }

.lh32.lmm5 { max-height: 160px; }

.lh33.lmm2 { max-height: 0.66rem; }

.lh33.lmm3 { max-height: 99px; }

.lh33.lmm4 { max-height: 132px; }

.lh33.lmm5 { max-height: 165px; }

.lh34.lmm2 { max-height: 68px; }

.lh34.lmm3 { max-height: 102px; }

.lh34.lmm4 { max-height: 136px; }

.lh34.lmm5 { max-height: 170px; }

.lh35.lmm2 { max-height: 0.7rem; }

.lh35.lmm3 { max-height: 105px; }

.lh35.lmm4 { max-height: 140px; }

.lh35.lmm5 { max-height: 175px; }

.lh36.lmm2 { max-height: 72px; }

.lh36.lmm3 { max-height: 108px; }

.lh36.lmm4 { max-height: 144px; }

.lh36.lmm5 { max-height: 180px; }

.lh37.lmm2 { max-height: 74px; }

.lh37.lmm3 { max-height: 111px; }

.lh37.lmm4 { max-height: 148px; }

.lh37.lmm5 { max-height: 185px; }

.lh38.lmm2 { max-height: 76px; }

.lh38.lmm3 { max-height: 114px; }

.lh38.lmm4 { max-height: 152px; }

.lh38.lmm5 { max-height: 190px; }

.lh39.lmm2 { max-height: 78px; }

.lh39.lmm3 { max-height: 117px; }

.lh39.lmm4 { max-height: 156px; }

.lh39.lmm5 { max-height: 195px; }

.lh40.lmm2 { max-height: 80px; }

.lh40.lmm3 { max-height: 1.20rem; }

.lh40.lmm4 { max-height: 160px; }

.lh40.lmm5 { max-height: 200px; }

.lh41.lmm2 { max-height: 82px; }

.lh41.lmm3 { max-height: 123px; }

.lh41.lmm4 { max-height: 164px; }

.lh41.lmm5 { max-height: 205px; }

.lh42.lmm2 { max-height: 84px; }

.lh42.lmm3 { max-height: 126px; }

.lh42.lmm4 { max-height: 168px; }

.lh42.lmm5 { max-height: 210px; }

.lh43.lmm2 { max-height: 86px; }

.lh43.lmm3 { max-height: 129px; }

.lh43.lmm4 { max-height: 172px; }

.lh43.lmm5 { max-height: 215px; }

.lh44.lmm2 { max-height: 88px; }

.lh44.lmm3 { max-height: 132px; }

.lh44.lmm4 { max-height: 176px; }

.lh44.lmm5 { max-height: 220px; }

.lh45.lmm2 { max-height: 0.9rem; }

.lh45.lmm3 { max-height: 135px; }

.lh45.lmm4 { max-height: 180px; }

.lh45.lmm5 { max-height: 225px; }

.lh46.lmm2 { max-height: 92px; }

.lh46.lmm3 { max-height: 138px; }

.lh46.lmm4 { max-height: 184px; }

.lh46.lmm5 { max-height: 230px; }

.lh47.lmm2 { max-height: 94px; }

.lh47.lmm3 { max-height: 141px; }

.lh47.lmm4 { max-height: 188px; }

.lh47.lmm5 { max-height: 235px; }

.lh48.lmm2 { max-height: 96px; }

.lh48.lmm3 { max-height: 144px; }

.lh48.lmm4 { max-height: 192px; }

.lh48.lmm5 { max-height: 240px; }

.lh49.lmm2 { max-height: 98px; }

.lh49.lmm3 { max-height: 147px; }

.lh49.lmm4 { max-height: 196px; }

.lh49.lmm5 { max-height: 245px; }

.lh50.lmm2 { max-height: 1rem; }

.lh50.lmm3 { max-height: 150px; }

.lh50.lmm4 { max-height: 200px; }

.lh50.lmm5 { max-height: 250px; }

@media all and (max-width: 1700px) { .pt130, .pt140 { padding-top: 1.20rem; }
  .pt150 { padding-top: 130px; }
  .pt160, .pt170 { padding-top: 140px; }
  .pt180 { padding-top: 150px; }
  .pt190 { padding-top: 160px; }
  .pt200 { padding-top: 170px; }
  .pb130, .pb140 { padding-bottom: 1.20rem; }
  .pb150 { padding-bottom: 130px; }
  .pb160, .pb170 { padding-bottom: 140px; }
  .pb180 { padding-bottom: 150px; }
  .pb190 { padding-bottom: 160px; }
  .pb200 { padding-bottom: 170px; }
  .mt40, .mt42, .mt44 { margin-top: 36px; }
  .mt46, .mt48 { margin-top: 0.40rem; }
  .mt50, .mt52, .mt54 { margin-top: 44px; }
  .mt56, .mt58 { margin-top: 48px; }
  .mt60, .mt62, .mt64 { margin-top: 54px; }
  .mt66, .mt68 { margin-top: 0.58rem; }
  .mt70, .mt72, .mt74 { margin-top: 64px; }
  .mt76, .mt78 { margin-top: 68px; }
  .mt80 { margin-top: 0.7rem; }
  .mt82, .mt84, .mt86 { margin-top: 72px; }
  .mt88, .mt90 { margin-top: 74px; }
  .mt92, .mt94 { margin-top: 76px; }
  .mt96, .mt98 { margin-top: 78px; }
  .mt100 { margin-top: 80px; }
  .fs49, .fs50, .fs51, .fs52, .fs53, .fs54, .fs55 { font-size: 48px; }
  .fs56, .fs57, .fs58, .fs59 { font-size: 0.52rem; }
  .fs60, .fs61, .fs62, .fs63, .fs64, .fs65 { font-size: 54px; }
  .fs66, .fs67, .fs68 { font-size: 0.58rem; }
  .fs69, .fs70, .fs71, .fs72 { font-size: 62px; }
  .fs73, .fs74, .fs75, .fs76, .fs77 { font-size: 64px; }
  .fs78, .fs79, .fs80, .fs81, .fs82 { font-size: 0.66rem; }
  .fs83, .fs84, .fs85, .fs86, .fs87 { font-size: 68px; }
  .fs88, .fs89, .fs90, .fs91, .fs92 { font-size: 72px; }
  .fs93, .fs94 { font-size: 74px; }
  .fs95, .fs96, .fs97 { font-size: 78px; }
  .fs98, .fs99, .fs100 { font-size: 82px; } }

@media all and (max-width: 1599px) { .pt90, .pt100 { padding-top: 80px; }
  .pt110 { padding-top: 0.9rem; }
  .pt120, .pt130 { padding-top: 1rem; }
  .pt140, .pt150 { padding-top: 110px; }
  .pt160, .pt170 { padding-top: 1.20rem; }
  .pt180 { padding-top: 130px; }
  .pt190 { padding-top: 140px; }
  .pt200 { padding-top: 150px; }
  .pb90, .pb100 { padding-bottom: 80px; }
  .pb110 { padding-bottom: 0.9rem; }
  .pb120, .pb130 { padding-bottom: 1rem; }
  .pb140, .pb150 { padding-bottom: 110px; }
  .pb160, .pb170 { padding-bottom: 1.20rem; }
  .pb180 { padding-bottom: 130px; }
  .pb190 { padding-bottom: 140px; }
  .pb200 { padding-bottom: 150px; }
  .mt18 { margin-top: 0.16rem; }
  .mt20 { margin-top: 0.18rem; }
  .mt22, .mt24 { margin-top: 0.20rem; }
  .mt26 { margin-top: 0.22rem; }
  .mt28, .mt30, .mt32, .mt34 { margin-top: 0.24rem; }
  .mt36, .mt38 { margin-top: 0.28rem; }
  .mt40, .mt42, .mt44 { margin-top: 0.3rem; }
  .mt46, .mt48 { margin-top: 0.34rem; }
  .mt50, .mt52, .mt54 { margin-top: 0.40rem; }
  .mt56, .mt58 { margin-top: 44px; }
  .mt60, .mt62, .mt64 { margin-top: 0.5rem; }
  .mt66, .mt68 { margin-top: 54px; }
  .mt70, .mt72, .mt74 { margin-top: 56px; }
  .mt76, .mt78 { margin-top: 0.6rem; }
  .mt80 { margin-top: 62px; }
  .mt82, .mt84, .mt86 { margin-top: 64px; }
  .mt88, .mt90 { margin-top: 0.66rem; }
  .mt92, .mt94 { margin-top: 68px; }
  .mt96, .mt98 { margin-top: 0.7rem; }
  .mt100 { margin-top: 72px; }
  .fs25, .fs26, .fs27, .fs28 { font-size: 0.24rem; }
  .fs29, .fs30, .fs31, .fs32, .fs33, .fs34, .fs35 { font-size: 0.28rem; }
  .fs36, .fs37, .fs38, .fs39 { font-size: 0.3rem; }
  .fs40, .fs41, .fs42, .fs43, .fs44, .fs45 { font-size: 32px; }
  .fs46, .fs47, .fs48, .fs49 { font-size: 36px; }
  .fs50, .fs51, .fs52, .fs53, .fs54, .fs55 { font-size: 0.42rem; }
  .fs56, .fs57, .fs58, .fs59 { font-size: 46px; }
  .fs60, .fs61, .fs62, .fs63, .fs64, .fs65 { font-size: 48px; }
  .fs66, .fs67, .fs68 { font-size: 0.5rem; }
  .fs69, .fs70, .fs71, .fs72 { font-size: 0.52rem; }
  .fs73, .fs74, .fs75, .fs76, .fs77 { font-size: 54px; }
  .fs78, .fs79, .fs80, .fs81, .fs82 { font-size: 56px; }
  .fs83, .fs84, .fs85, .fs86, .fs87 { font-size: 0.58rem; }
  .fs88, .fs89, .fs90, .fs91, .fs92 { font-size: 62px; }
  .fs93, .fs94 { font-size: 64px; }
  .fs95, .fs96, .fs97 { font-size: 68px; }
  .fs98, .fs99, .fs100 { font-size: 72px; }
  .lh35, .lh36, .lh37, .lh38 { line-height: 0.34rem; }
  .lh39, .lh40, .lh41, .lh42, .lh43, .lh44, .lh45 { line-height: 38px; }
  .lh46, .lh47, .lh48, .lh49 { line-height: 0.40rem; }
  .lh50 { line-height: 0.42rem; }
  .lh35.lm2, .lh36.lm2, .lh37.lm2, .lh38.lm2 { height: 68px; }
  .lh35.lm3, .lh36.lm3, .lh37.lm3, .lh38.lm3 { height: 102px; }
  .lh35.lm4, .lh36.lm4, .lh37.lm4, .lh38.lm4 { height: 136px; }
  .lh35.lm5, .lh36.lm5, .lh37.lm5, .lh38.lm5 { height: 170px; }
  .lh39.lm2, .lh40.lm2, .lh41.lm2, .lh42.lm2, .lh43.lm2, .lh44.lm2, .lh45.lm2 { height: 76px; }
  .lh39.lm3, .lh40.lm3, .lh41.lm3, .lh42.lm3, .lh43.lm3, .lh44.lm3, .lh45.lm3 { height: 114px; }
  .lh39.lm4, .lh40.lm4, .lh41.lm4, .lh42.lm4, .lh43.lm4, .lh44.lm4, .lh45.lm4 { height: 152px; }
  .lh39.lm5, .lh40.lm5, .lh41.lm5, .lh42.lm5, .lh43.lm5, .lh44.lm5, .lh45.lm5 { height: 190px; }
  .lh46.lm2, .lh47.lm2, .lh48.lm2, .lh49.lm2 { height: 80px; }
  .lh46.lm3, .lh47.lm3, .lh48.lm3, .lh49.lm3 { height: 1.20rem; }
  .lh46.lm4, .lh47.lm4, .lh48.lm4, .lh49.lm4 { height: 160px; }
  .lh46.lm5, .lh47.lm5, .lh48.lm5, .lh49.lm5 { height: 200px; }
  .lh50.lm2 { height: 88px; }
  .lh50.lm3 { height: 126px; }
  .lh50.lm4 { height: 168px; }
  .lh50.lm5 { height: 210px; }
  .lh35.lmm2, .lh36.lmm2, .lh37.lmm2, .lh38.lmm2 { max-height: 68px; }
  .lh35.lmm3, .lh36.lmm3, .lh37.lmm3, .lh38.lmm3 { max-height: 102px; }
  .lh35.lmm4, .lh36.lmm4, .lh37.lmm4, .lh38.lmm4 { max-height: 136px; }
  .lh35.lmm5, .lh36.lmm5, .lh37.lmm5, .lh38.lmm5 { max-height: 170px; }
  .lh39.lmm2, .lh40.lmm2, .lh41.lmm2, .lh42.lmm2, .lh43.lmm2, .lh44.lmm2, .lh45.lmm2 { max-height: 76px; }
  .lh39.lmm3, .lh40.lmm3, .lh41.lmm3, .lh42.lmm3, .lh43.lmm3, .lh44.lmm3, .lh45.lmm3 { max-height: 114px; }
  .lh39.lmm4, .lh40.lmm4, .lh41.lmm4, .lh42.lmm4, .lh43.lmm4, .lh44.lmm4, .lh45.lmm4 { max-height: 152px; }
  .lh39.lmm5, .lh40.lmm5, .lh41.lmm5, .lh42.lmm5, .lh43.lmm5, .lh44.lmm5, .lh45.lmm5 { max-height: 190px; }
  .lh46.lmm2, .lh47.lmm2, .lh48.lmm2, .lh49.lmm2 { max-height: 80px; }
  .lh46.lmm3, .lh47.lmm3, .lh48.lmm3, .lh49.lmm3 { max-height: 1.20rem; }
  .lh46.lmm4, .lh47.lmm4, .lh48.lmm4, .lh49.lmm4 { max-height: 160px; }
  .lh46.lmm5, .lh47.lmm5, .lh48.lmm5, .lh49.lmm5 { max-height: 200px; }
  .lh50.lmm2 { max-height: 88px; }
  .lh50.lmm3 { max-height: 126px; }
  .lh50.lmm4 { max-height: 168px; }
  .lh50.lmm5 { max-height: 210px; } }

@media all and (max-width: 1279px) { .pt60, .pt70 { padding-top: 0.5rem; }
  .pt80, .pt90, .pt100 { padding-top: 0.6rem; }
  .pt110 { padding-top: 0.7rem; }
  .pt120, .pt130 { padding-top: 80px; }
  .pt140, .pt150 { padding-top: 0.9rem; }
  .pt160, .pt170 { padding-top: 1rem; }
  .pt180 { padding-top: 110px; }
  .pt190, .pt200 { padding-top: 1.20rem; }
  .pb60 { padding-bottom: 0.5rem; }
  .pb70, .pb80, .pb90, .pb100 { padding-bottom: 0.6rem; }
  .pb110 { padding-bottom: 0.7rem; }
  .pb120, .pb130 { padding-bottom: 80px; }
  .pb140, .pb150 { padding-bottom: 0.9rem; }
  .pb160, .pb170 { padding-bottom: 1rem; }
  .pb180 { padding-bottom: 110px; }
  .pb190, .pb200 { padding-bottom: 1.20rem; }
  .mt16 { margin-top: 0.14rem; }
  .mt18 { margin-top: 0.16rem; }
  .mt20, .mt22, .mt24 { margin-top: 0.18rem; }
  .mt26 { margin-top: 0.20rem; }
  .mt28, .mt30, .mt32, .mt34 { margin-top: 0.22rem; }
  .mt36, .mt38 { margin-top: 0.24rem; }
  .mt40, .mt42, .mt44 { margin-top: 0.28rem; }
  .mt46, .mt48 { margin-top: 0.3rem; }
  .mt50, .mt52, .mt54 { margin-top: 32px; }
  .mt56, .mt58 { margin-top: 36px; }
  .mt60, .mt62, .mt64 { margin-top: 0.42rem; }
  .mt66, .mt68 { margin-top: 46px; }
  .mt70, .mt72, .mt74 { margin-top: 48px; }
  .mt76, .mt78 { margin-top: 0.52rem; }
  .mt80 { margin-top: 54px; }
  .mt82, .mt84, .mt86 { margin-top: 56px; }
  .mt88, .mt90 { margin-top: 0.58rem; }
  .mt92, .mt94 { margin-top: 0.6rem; }
  .mt96, .mt98 { margin-top: 62px; }
  .mt100 { margin-top: 64px; }
  .fs23, .fs24, .fs25, .fs26, .fs27, .fs28 { font-size: 0.22rem; }
  .fs29, .fs30, .fs31, .fs32, .fs33, .fs34, .fs35 { font-size: 0.26rem; }
  .fs36, .fs37, .fs38, .fs39, .fs40, .fs41, .fs42 { font-size: 0.28rem; }
  .fs43, .fs44, .fs45, .fs46, .fs47, .fs48, .fs49 { font-size: 0.3rem; }
  .fs50, .fs51, .fs52, .fs53, .fs54, .fs55 { font-size: 0.34rem; }
  .fs56, .fs57, .fs58, .fs59 { font-size: 36px; }
  .fs60, .fs61, .fs62, .fs63, .fs64, .fs65 { font-size: 38px; }
  .fs66, .fs67, .fs68 { font-size: 0.40rem; }
  .fs69, .fs70, .fs71, .fs72 { font-size: 0.42rem; }
  .fs73, .fs74, .fs75, .fs76, .fs77 { font-size: 44px; }
  .fs78, .fs79, .fs80, .fs81, .fs82 { font-size: 46px; }
  .fs83, .fs84, .fs85, .fs86, .fs87 { font-size: 48px; }
  .fs88, .fs89, .fs90, .fs91, .fs92 { font-size: 0.52rem; }
  .fs93, .fs94 { font-size: 54px; }
  .fs95, .fs96, .fs97 { font-size: 0.58rem; }
  .fs98, .fs99, .fs100 { font-size: 62px; }
  .lh33, .lh34, .lh35, .lh36, .lh37, .lh38 { line-height: 32px; }
  .lh39, .lh40, .lh41, .lh42, .lh43, .lh44, .lh45 { line-height: 36px; }
  .lh46, .lh47, .lh48, .lh49, .lh50 { line-height: 38px; }
  .lh33.lm2, .lh34.lm2, .lh35.lm2, .lh36.lm2, .lh37.lm2, .lh38.lm2 { height: 64px; }
  .lh33.lm3, .lh34.lm3, .lh35.lm3, .lh36.lm3, .lh37.lm3, .lh38.lm3 { height: 96px; }
  .lh33.lm4, .lh34.lm4, .lh35.lm4, .lh36.lm4, .lh37.lm4, .lh38.lm4 { height: 128px; }
  .lh33.lm5, .lh34.lm5, .lh35.lm5, .lh36.lm5, .lh37.lm5, .lh38.lm5 { height: 160px; }
  .lh39.lm2, .lh40.lm2, .lh41.lm2, .lh42.lm2, .lh43.lm2, .lh44.lm2, .lh45.lm2 { height: 72px; }
  .lh39.lm3, .lh40.lm3, .lh41.lm3, .lh42.lm3, .lh43.lm3, .lh44.lm3, .lh45.lm3 { height: 108px; }
  .lh39.lm4, .lh40.lm4, .lh41.lm4, .lh42.lm4, .lh43.lm4, .lh44.lm4, .lh45.lm4 { height: 144px; }
  .lh39.lm5, .lh40.lm5, .lh41.lm5, .lh42.lm5, .lh43.lm5, .lh44.lm5, .lh45.lm5 { height: 180px; }
  .lh46.lm2, .lh47.lm2, .lh48.lm2, .lh49.lm2, .lh50.lm2 { height: 76px; }
  .lh46.lm3, .lh47.lm3, .lh48.lm3, .lh49.lm3, .lh50.lm3 { height: 114px; }
  .lh46.lm4, .lh47.lm4, .lh48.lm4, .lh49.lm4, .lh50.lm4 { height: 152px; }
  .lh46.lm5, .lh47.lm5, .lh48.lm5, .lh49.lm5, .lh50.lm5 { height: 190px; }
  .lh33.lmm2, .lh34.lmm2, .lh35.lmm2, .lh36.lmm2, .lh37.lmm2, .lh38.lmm2 { max-height: 64px; }
  .lh33.lmm3, .lh34.lmm3, .lh35.lmm3, .lh36.lmm3, .lh37.lmm3, .lh38.lmm3 { max-height: 96px; }
  .lh33.lmm4, .lh34.lmm4, .lh35.lmm4, .lh36.lmm4, .lh37.lmm4, .lh38.lmm4 { max-height: 128px; }
  .lh33.lmm5, .lh34.lmm5, .lh35.lmm5, .lh36.lmm5, .lh37.lmm5, .lh38.lmm5 { max-height: 160px; }
  .lh39.lmm2, .lh40.lmm2, .lh41.lmm2, .lh42.lmm2, .lh43.lmm2, .lh44.lmm2, .lh45.lmm2 { max-height: 72px; }
  .lh39.lmm3, .lh40.lmm3, .lh41.lmm3, .lh42.lmm3, .lh43.lmm3, .lh44.lmm3, .lh45.lmm3 { max-height: 108px; }
  .lh39.lmm4, .lh40.lmm4, .lh41.lmm4, .lh42.lmm4, .lh43.lmm4, .lh44.lmm4, .lh45.lmm4 { max-height: 144px; }
  .lh39.lmm5, .lh40.lmm5, .lh41.lmm5, .lh42.lmm5, .lh43.lmm5, .lh44.lmm5, .lh45.lmm5 { max-height: 180px; }
  .lh46.lmm2, .lh47.lmm2, .lh48.lmm2, .lh49.lmm2, .lh50.lmm2 { max-height: 76px; }
  .lh46.lmm3, .lh47.lmm3, .lh48.lmm3, .lh49.lmm3, .lh50.lmm3 { max-height: 114px; }
  .lh46.lmm4, .lh47.lmm4, .lh48.lmm4, .lh49.lmm4, .lh50.lmm4 { max-height: 152px; }
  .lh46.lmm5, .lh47.lmm5, .lh48.lmm5, .lh49.lmm5, .lh50.lmm5 { max-height: 190px; } }

@media all and (max-width: 640px) { .pt10 { padding-top: 0.06rem; }
  .pt20 { padding-top: 0.16rem; }
  .pt30 { padding-top: 0.24rem; }
  .pt40 { padding-top: 0.3rem; }
  .pt50 { padding-top: 32px; }
  .pt60, .pt70 { padding-top: 0.34rem; }
  .pt80, .pt90, .pt100 { padding-top: 38px; }
  .pt110 { padding-top: 0.40rem; }
  .pt120, .pt130 { padding-top: 0.42rem; }
  .pt140, .pt150 { padding-top: 44px; }
  .pt160, .pt170 { padding-top: 46px; }
  .pt180 { padding-top: 48px; }
  .pt190, .pt200 { padding-top: 0.5rem; }
  .pb10 { padding-bottom: 0.06rem; }
  .pb20 { padding-bottom: 0.16rem; }
  .pb30 { padding-bottom: 0.24rem; }
  .pb40 { padding-bottom: 0.3rem; }
  .pb50 { padding-bottom: 32px; }
  .pb60 { padding-bottom: 0.34rem; }
  .pb70, .pb80, .pb90, .pb100 { padding-bottom: 38px; }
  .pb110 { padding-bottom: 0.40rem; }
  .pb120, .pb130 { padding-bottom: 0.42rem; }
  .pb140, .pb150 { padding-bottom: 44px; }
  .pb160, .pb170 { padding-bottom: 46px; }
  .pb180 { padding-bottom: 48px; }
  .pb190, .pb200 { padding-bottom: 0.5rem; }
  .mt6 { margin-top: 4px; }
  .mt8 { margin-top: 0.06rem; }
  .mt10 { margin-top: 8px; }
  .mt12 { margin-top: 0.1rem; }
  .mt14 { margin-top: 12px; }
  .mt18 { margin-top: 0.14rem; }
  .mt20, .mt22, .mt24, .mt26 { margin-top: 0.16rem; }
  .mt28, .mt30, .mt32, .mt34 { margin-top: 0.18rem; }
  .mt36, .mt38 { margin-top: 0.20rem; }
  .mt40, .mt42, .mt44 { margin-top: 0.22rem; }
  .mt46, .mt48 { margin-top: 0.24rem; }
  .mt50, .mt52, .mt54 { margin-top: 0.26rem; }
  .mt56, .mt58 { margin-top: 0.28rem; }
  .mt60, .mt62, .mt64 { margin-top: 32px; }
  .mt66, .mt68 { margin-top: 0.34rem; }
  .mt70, .mt72, .mt74 { margin-top: 36px; }
  .mt76, .mt78 { margin-top: 38px; }
  .mt80, .mt82, .mt84, .mt86 { margin-top: 0.40rem; }
  .mt88, .mt90 { margin-top: 0.42rem; }
  .mt92, .mt94 { margin-top: 44px; }
  .mt96, .mt98 { margin-top: 46px; }
  .mt100 { margin-top: 48px; }
  .fs16 { font-size: 0.15rem; }
  .fs17, .fs18 { font-size: 0.16rem; }
  .fs19 { font-size: 17px; }
  .fs20, .fs21, .fs22, .fs23, .fs24 { font-size: 0.18rem; }
  .fs25, .fs26, .fs27, .fs28, .fs29, .fs30, .fs31, .fs32, .fs33, .fs34 { font-size: 0.20rem; }
  .fs35, .fs36, .fs37, .fs38, .fs39, .fs40, .fs41, .fs42 { font-size: 0.22rem; }
  .fs43, .fs44, .fs45, .fs46, .fs47, .fs48 { font-size: 0.24rem; }
  .fs49, .fs50, .fs51, .fs52, .fs53, .fs54 { font-size: 0.26rem; }
  .fs55, .fs56, .fs57, .fs58, .fs59, .fs60, .fs61, .fs62, .fs63, .fs64 { font-size: 0.28rem; }
  .fs65, .fs66, .fs67, .fs68 { font-size: 0.3rem; }
  .fs69, .fs70, .fs71, .fs72 { font-size: 32px; }
  .fs73, .fs74, .fs75, .fs76, .fs77 { font-size: 0.34rem; }
  .fs78, .fs79, .fs80, .fs81, .fs82 { font-size: 36px; }
  .fs83, .fs84, .fs85, .fs86, .fs87 { font-size: 38px; }
  .fs88, .fs89, .fs90, .fs91, .fs92 { font-size: 0.42rem; }
  .fs93, .fs94 { font-size: 44px; }
  .fs95, .fs96, .fs97 { font-size: 48px; }
  .fs98, .fs99, .fs100 { font-size: 0.5rem; }
  .lh25 { line-height: 0.24rem; }
  .lh26 { line-height: 0.25rem; }
  .lh27, .lh28 { line-height: 0.26rem; }
  .lh29 { line-height: 0.27rem; }
  .lh30, .lh31, .lh32, .lh33, .lh34 { line-height: 0.28rem; }
  .lh35, .lh36, .lh37, .lh38, .lh39, .lh40, .lh41, .lh42, .lh43, .lh44 { line-height: 0.3rem; }
  .lh45, .lh46, .lh47, .lh48, .lh49, .lh50 { line-height: 32px; }
  .lh25.lm2 { height: 48px; }
  .lh25.lm3 { height: 72px; }
  .lh25.lm4 { height: 96px; }
  .lh25.lm5 { height: 1.20rem; }
  .lh26.lm2 { height: 0.5rem; }
  .lh26.lm3 { height: 0.75rem; }
  .lh26.lm4 { height: 1rem; }
  .lh26.lm5 { height: 125px; }
  .lh27.lm2, .lh28.lm2 { height: 0.52rem; }
  .lh27.lm3, .lh28.lm3 { height: 78px; }
  .lh27.lm4, .lh28.lm4 { height: 104px; }
  .lh27.lm5, .lh28.lm5 { height: 130px; }
  .lh29.lm2 { height: 54px; }
  .lh29.lm3 { height: 81px; }
  .lh29.lm4 { height: 108px; }
  .lh29.lm5 { height: 135px; }
  .lh30.lm2, .lh31.lm2, .lh32.lm2, .lh33.lm2, .lh34.lm2 { height: 56px; }
  .lh30.lm3, .lh31.lm3, .lh32.lm3, .lh33.lm3, .lh34.lm3 { height: 84px; }
  .lh30.lm4, .lh31.lm4, .lh32.lm4, .lh33.lm4, .lh34.lm4 { height: 112px; }
  .lh30.lm5, .lh31.lm5, .lh32.lm5, .lh33.lm5, .lh34.lm5 { height: 140px; }
  .lh35.lm2, .lh36.lm2, .lh37.lm2, .lh38.lm2, .lh39.lm2, .lh40.lm2, .lh41.lm2, .lh42.lm2, .lh43.lm2, .lh44.lm2 { height: 0.6rem; }
  .lh35.lm3, .lh36.lm3, .lh37.lm3, .lh38.lm3, .lh39.lm3, .lh40.lm3, .lh41.lm3, .lh42.lm3, .lh43.lm3, .lh44.lm3 { height: 0.9rem; }
  .lh35.lm4, .lh36.lm4, .lh37.lm4, .lh38.lm4, .lh39.lm4, .lh40.lm4, .lh41.lm4, .lh42.lm4, .lh43.lm4, .lh44.lm4 { height: 1.20rem; }
  .lh35.lm5, .lh36.lm5, .lh37.lm5, .lh38.lm5, .lh39.lm5, .lh40.lm5, .lh41.lm5, .lh42.lm5, .lh43.lm5, .lh44.lm5 { height: 150px; }
  .lh45.lm2, .lh46.lm2, .lh47.lm2, .lh48.lm2, .lh49.lm2, .lh50.lm2 { height: 64px; }
  .lh45.lm3, .lh46.lm3, .lh47.lm3, .lh48.lm3, .lh49.lm3, .lh50.lm3 { height: 96px; }
  .lh45.lm4, .lh46.lm4, .lh47.lm4, .lh48.lm4, .lh49.lm4, .lh50.lm4 { height: 128px; }
  .lh45.lm5, .lh46.lm5, .lh47.lm5, .lh48.lm5, .lh49.lm5, .lh50.lm5 { height: 160px; }
  .lh25.lmm2 { max-height: 48px; }
  .lh25.lmm3 { max-height: 72px; }
  .lh25.lmm4 { max-height: 96px; }
  .lh25.lmm5 { max-height: 1.20rem; }
  .lh26.lmm2 { max-height: 0.5rem; }
  .lh26.lmm3 { max-height: 0.75rem; }
  .lh26.lmm4 { max-height: 1rem; }
  .lh26.lmm5 { max-height: 125px; }
  .lh27.lmm2, .lh28.lmm2 { max-height: 0.52rem; }
  .lh27.lmm3, .lh28.lmm3 { max-height: 78px; }
  .lh27.lmm4, .lh28.lmm4 { max-height: 104px; }
  .lh27.lmm5, .lh28.lmm5 { max-height: 130px; }
  .lh29.lmm2 { max-height: 54px; }
  .lh29.lmm3 { max-height: 81px; }
  .lh29.lmm4 { max-height: 108px; }
  .lh29.lmm5 { max-height: 135px; }
  .lh30.lmm2, .lh31.lmm2, .lh32.lmm2, .lh33.lmm2, .lh34.lmm2 { max-height: 56px; }
  .lh30.lmm3, .lh31.lmm3, .lh32.lmm3, .lh33.lmm3, .lh34.lmm3 { max-height: 84px; }
  .lh30.lmm4, .lh31.lmm4, .lh32.lmm4, .lh33.lmm4, .lh34.lmm4 { max-height: 112px; }
  .lh30.lmm5, .lh31.lmm5, .lh32.lmm5, .lh33.lmm5, .lh34.lmm5 { max-height: 140px; }
  .lh35.lmm2, .lh36.lmm2, .lh37.lmm2, .lh38.lmm2, .lh39.lmm2, .lh40.lmm2, .lh41.lmm2, .lh42.lmm2, .lh43.lmm2, .lh44.lmm2 { max-height: 0.6rem; }
  .lh35.lmm3, .lh36.lmm3, .lh37.lmm3, .lh38.lmm3, .lh39.lmm3, .lh40.lmm3, .lh41.lmm3, .lh42.lmm3, .lh43.lmm3, .lh44.lmm3 { max-height: 0.9rem; }
  .lh35.lmm4, .lh36.lmm4, .lh37.lmm4, .lh38.lmm4, .lh39.lmm4, .lh40.lmm4, .lh41.lmm4, .lh42.lmm4, .lh43.lmm4, .lh44.lmm4 { max-height: 1.20rem; }
  .lh35.lmm5, .lh36.lmm5, .lh37.lmm5, .lh38.lmm5, .lh39.lmm5, .lh40.lmm5, .lh41.lmm5, .lh42.lmm5, .lh43.lmm5, .lh44.lmm5 { max-height: 150px; }
  .lh45.lmm2, .lh46.lmm2, .lh47.lmm2, .lh48.lmm2, .lh49.lmm2, .lh50.lmm2 { max-height: 64px; }
  .lh45.lmm3, .lh46.lmm3, .lh47.lmm3, .lh48.lmm3, .lh49.lmm3, .lh50.lmm3 { max-height: 96px; }
  .lh45.lmm4, .lh46.lmm4, .lh47.lmm4, .lh48.lmm4, .lh49.lmm4, .lh50.lmm4 { max-height: 128px; }
  .lh45.lmm5, .lh46.lmm5, .lh47.lmm5, .lh48.lmm5, .lh49.lmm5, .lh50.lmm5 { max-height: 160px; } }

:root { --thm-font: 'DM Sans', sans-serif; --thm-primary: #ff9900; --thm-primary-rgb: 242, 145, 25; --thm-white: #fff; --thm-white-rgb: 255, 255, 255; --thm-black: #11161f; --thm-black-rgb: 17, 22, 31; --thm-gray: #767676; --thm-gray-rgb: 118, 118, 118; --thm-gray-bg: #f5f5f8; --thm-gray-bg-rgb: 245, 245, 248; --thm-font-size: 0.16rem; --thm-font-weight: 400; --thm-white-bg: #fff; --thm-heading-font-weight: 700; --thm-blue: #0d6efd; --thm-indigo: #6610f2; --thm-purple: #6f42c1; --thm-pink: #d63384; --thm-red: #dc3545; --thm-orange: #fd7e14; --thm-yellow: #ffc107; --thm-green: #198754; --thm-teal: #20c997; --thm-cyan: #0dcaf0; --thm-font-flaticon: "iconfont"; }

a, button, p, input, select, textarea, li, .transition-3 { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; }

a:focus, .button:focus { text-decoration: none; outline: none; }

a:focus, a:hover { color: inherit; text-decoration: none; }

a, button { color: inherit; outline: none; border: none; background: transparent; }

button:hover { cursor: pointer; }

button:focus { outline: 0; }

.thm-btn { position: relative; display: inline-flex; align-items: center; overflow: hidden; padding-top: 0.1rem; padding-left: 0.45rem; padding-right: 0.45rem; padding-bottom: 0.1rem; background-color: transparent; color: var(--thm-white); font-size: 0.14rem; line-height: 0.40rem; font-weight: 700; text-transform: uppercase; letter-spacing: .018em; font-family: var(--thm-font); border-radius: 0; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; z-index: 2; border-radius: 0.088rem; -webkit-border-radius: 0.088rem; -moz-border-radius: 0.088rem; -ms-border-radius: 0.088rem; -o-border-radius: 0.088rem; }

.thm-btn:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 1; transform: scaleX(1); transition-duration: 800ms; background-color: var(--thm-primary); z-index: -1; }

.thm-btn:hover:after { transform: scaleX(0); transition-duration: 1500ms; }

.thm-btn:before { position: absolute; top: 0; left: 100%; right: -50px; content: ""; background: var(--thm-black); -webkit-transform: translateY(100%); transform: translateY(100%); border-radius: 0; transition-duration: 800ms; z-index: 1; bottom: 0; }

.thm-btn:hover:before { left: 0; right: 0; -webkit-transform: translateX(0); transform: translateX(0); }

.thm-btn .txt { position: relative; display: inline-flex; align-items: center; z-index: 1; }

.thm-btn:hover, .thm-btn:focus { color: var(--thm-white); -webkit-box-shadow: 2px 2px 0.2rem 0 rgba(var(--thm-black-rgb), 0.1); -moz-box-shadow: 2px 2px 0.2rem 0 rgba(var(--thm-black-rgb), 0.1); box-shadow: 2px 2px 0.2rem 0 rgba(var(--thm-black-rgb), 0.1); }

.h1, h1 { font-size: 76px; line-height: 80px; font-weight: 600; color: var(--e-global-color-primary); }

.h2, h2 { font-size: 46px; line-height: 0.58rem; font-weight: 600; color: var(--e-global-color-primary); }

.h3, h3 { font-size: 0.24rem; line-height: 0.34rem; font-weight: 600; }

.h4, h4 { font-size: 0.24rem; line-height: 0.3rem; font-weight: 700; }

.h5, h5 { font-size: 0.20rem; line-height: 0.3rem; font-weight: 500; }

.h6, h6 { font-size: 0.18rem; line-height: 0.26rem; font-weight: 400; letter-spacing: 2.0px; word-spacing: 1.2px; color: var(--e-global-color-secondary); }

[flex] { display: flex; }

[flex][flex~="i"] { display: inline-flex; }

[flex][flex~="wrap"] { flex-wrap: wrap; }

[flex][flex~="no-wrap"] { flex-wrap: nowrap; }

[flex][flex~="ja"] { justify-content: space-around; }

[flex][flex~="jb"] { justify-content: space-between; }

[flex][flex~="js"] { justify-content: start; }

[flex][flex~="jfs"] { justify-content: flex-start; }

[flex][flex~="jc"] { justify-content: center; }

[flex][flex~="je"] { justify-content: end; }

[flex][flex~="jfe"] { justify-content: flex-end; }

[flex][flex~="ais"] { align-items: flex-start; }

[flex][flex~="aic"] { align-items: center; }

[flex][flex~="acc"] { align-content: center; }

[flex][flex~="aie"] { align-items: flex-end; }

.self-svg { display: flex; align-items: center; justify-content: center; }

.self-svg svg.icon { width: var(--size); height: var(--size); fill: var(--fill); }

/**查看更多按钮**/
.more-box-a { --s: 0.18rem; --h: calc(var(--s)*2.88); --color: #ffffff; ---h-color: $main-color; --fill: var(--color); font-size: var(--s); line-height: var(--h); color: var(--color); }

.more-box-a .more-box { position: relative; padding: 0 1.4em; }

.more-box-a .more-box::before { content: ''; display: block; position: absolute; left: 0; top: 0; border-radius: calc(var(--h)*0.5); width: var(--h); height: var(--h); background-color: #ff9900; transition: width 0.3s ease; }

.more-box-a .more-box .more-box-word { position: relative; }

.more-box-a .more-box .self-svg { --size: 100%; margin-left: 1.1em; position: relative; height: 1em; width: 1em; transform: translateY(-10%); background: transparent; overflow: hidden; }

.more-box-a .more-box .self-svg svg { position: relative; }

.more-box-a .more-box:hover::before { width: 100%; }

@media (max-width: 1600px) { .more-box-a { --s: 0.16rem; } }

@media (max-width: 1200px) { .more-box-a { --s: 0.26rem; --h: calc(var(--s)*2.4); }
  .more-box-a .more-box { padding: 0 1em; }
  .more-box-a .more-box .self-svg { margin-left: 0.8em; transform: translateY(-2%); } }

.more-box-b { --s: 0.16rem; --h: calc(var(--s)*3.25); --color: #666666; ---h-color: $main-color; --fill: var(--color); font-size: var(--s); line-height: var(--h); color: var(--color); }

@media only screen and (min-width: 0px) and (max-width: 575px) { .more-box-b { --s: 0.16rem; --h: calc(var(--s)*3); } }

.more-box-b .more-box { position: relative; padding: 0 1.4em; }

.more-box-b .more-box::before { content: ''; display: block; position: absolute; left: 0; top: 0; border-radius: calc(var(--h)*0.5); width: var(--h); height: var(--h); background-color: rgba(255, 153, 0, 0.1); transition: width 0.3s ease, background 0.3s; -webkit-transition: width 0.3s ease, background 0.3s; -moz-transition: width 0.3s ease, background 0.3s; -ms-transition: width 0.3s ease, background 0.3s; -o-transition: width 0.3s ease, background 0.3s; }

.more-box-b .more-box.type-a::before { background-color: #ff9900; }

.more-box-b .more-box .more-box-word { position: relative; }

.more-box-b .more-box .self-svg { --size: 100%; margin-left: 1.1em; position: relative; height: 1em; width: 1em; transform: translateY(-5%); background: transparent; overflow: hidden; }

.more-box-b .more-box .self-svg svg { position: relative; }

.more-box-b .more-box:hover { --color: #fff; --fill: var(--color); color: var(--color); }

.more-box-b .more-box:hover::before { background-color: #ff9900; width: 100%; }

.more-box-b.on .more-box { --color: #fff; --fill: var(--color); color: var(--color); }

.more-box-b.on .more-box::before { background-color: #ff9900; width: 100%; }

.more-box-b-h:hover .more-box { --color: #fff; --fill: var(--color); color: var(--color); }

.more-box-b-h:hover .more-box::before { background-color: #ff9900; width: 100%; }

@media (max-width: 1200px) { .more-box-b .more-box { padding: 0 1em; }
  .more-box-b .more-box .self-svg { margin-left: 0.8em; transform: translateY(-2%); } }

.more-box-c { --h: 46px; --text-color: #9c9c9c; --size: 0.74em; font-size: 0.15rem; line-height: var(--h); }

.more-box-c .more-box { --fill: var(--text-color); color: var(--text-color); }

.more-box-c .more-box .self-svg { margin-left: 0.6em; margin-bottom: 0.1em; transform: translateX(0); transition: transform 0.3s; }

.more-box-c .more-box:hover { --text-color: $main-color; }

.more-box-c .more-box:hover .self-svg { transform: translateX(-50%); }

/* more 按钮 */
.more { width: 100%; overflow: hidden; margin-top: 0.15rem; }

.more a { border: 1px solid #333; display: block; width: 1.8rem; height: 0.45rem; line-height: 0.45rem; font-size: 0.16rem; color: #1e1e1e; padding-left: 0.15rem; padding-right: 0.05rem; border-radius: 0.40rem; background: transparent; position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-evenly; }

.more.text-center a { margin: 0 auto; }

.more a:after { content: ""; width: 0; height: 100%; background: #ff9900; border-radius: 0.40rem; position: absolute; left: 0; top: 0; z-index: -1; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.more a:hover:after { width: 100%; }

.more a:hover { color: #fff; border-color: #ff9900; }

.more a i { float: right; margin-right: 0.1rem; }

.more.white a { color: #fff; border: 1px solid #fff; }

.more.white a:hover { color: #fff; border: 1px solid #ff9900; }

html, body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; -webkit-text-size-adjust: 100%; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif; font-weight: 400; background: #f4f6f8; color: #555; }

.header { width: 100%; position: fixed; left: 0; top: 0; z-index: 50; transition: all 0.5s; }

.header:after { content: ""; display: block; width: 100%; height: 1px; line-height: 1px; background-color: rgba(255, 255, 255, 0.15); position: absolute; left: 0; bottom: 0; transition: all 0.5s; }

.header__inner { height: 80px; position: relative; z-index: 10; display: flex; justify-content: space-between; align-items: center; }

@media (max-width: 1180px) { .header__inner { height: 0.7rem; } }

.header .logo { width: 105px; height: 0.6rem; margin-left: 0.3rem; }

@media (max-width: 1180px) { .header .logo { width: 172px; height: 0.3rem; margin-left: 0.20rem; } }

@media (max-width: 668px) { .header .logo { width: 143px; height: 0.25rem; } }

.header .logo img { width: 105px; height: 0.6rem; }

.header .logo img.logofixed { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; opacity: 0; }

@media (max-width: 1180px) { .header .logo img { width: 172px; height: 0.3rem; } }

@media (max-width: 668px) { .header .logo img { width: 143px; height: 0.25rem; } }

.header .nav { flex: 1; }

@media (max-width: 1180px) { .header .nav { display: none; } }

.header .nav > ul { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; }

.header .nav > ul > li { list-style-type: none; padding: 0 0.3rem; }

@media (max-width: 1681px) { .header .nav > ul > li { padding: 0 0.20rem; } }

@media (max-width: 1380px) { .header .nav > ul > li { padding: 0 0.15rem; } }

.header .nav > ul > li > a { display: block; }

.header .nav > ul > li > a span { display: inline-block; font-size: 0.16rem; line-height: 80px; color: #fff; position: relative; white-space: nowrap; }

@media (max-width: 1440px) { .header .nav > ul > li > a span { font-size: 0.14rem; } }

.header .nav > ul > li > a span:after { content: ""; display: block; width: 0; height: 2px; line-height: 2px; background-color: #ff9900; position: absolute; left: 50%; bottom: 0; z-index: 2; transition: all 0.5s; }

.header .nav > ul > li .sub { display: none; width: 100%; background-color: #fff; box-shadow: 0 0.05rem 0.1rem 0 rgba(0, 0, 0, 0.05); position: absolute; left: 0; top: 80px; z-index: 5; }

.header .nav > ul > li .sub .inner { max-width: 1400px; margin: 0 auto; padding: 0.6rem 0.40rem; display: flex; justify-content: space-between; }

@media (max-width: 1440px) { .header .nav > ul > li .sub .inner { padding: 0.40rem; } }

.header .nav > ul > li .sub .inner .list { width: 20%; margin-bottom: -20px; /* 左侧两列 */ /* 左侧三列 */ /* 左侧四列 */ }

.header .nav > ul > li .sub .inner .list > ul { margin: 0; padding: 0; }

.header .nav > ul > li .sub .inner .list > ul > li { display: block; margin-bottom: 0.20rem; }

.header .nav > ul > li .sub .inner .list > ul > li > a { display: block; width: 100%; height: 36px; line-height: 36px; text-align: center; border-radius: 0.18rem; font-size: 0.14rem; background-color: #e0e0e0; color: #333; transition: all 0.5s; }

.header .nav > ul > li .sub .inner .list > ul > li > a:hover, .header .nav > ul > li .sub .inner .list > ul > li > a.cur { background-color: #ff9900; color: #fff; }

.header .nav > ul > li .sub .inner .list.list_line2 { width: 35%; }

.header .nav > ul > li .sub .inner .list.list_line2 > ul { margin: 0 -10px; display: flex; flex-wrap: wrap; }

.header .nav > ul > li .sub .inner .list.list_line2 > ul > li { padding: 0 0.1rem; width: 50%; }

.header .nav > ul > li .sub .inner .list.list_line3 { width: 35%; }

.header .nav > ul > li .sub .inner .list.list_line3 > ul { margin: 0 -10px; display: flex; flex-wrap: wrap; }

.header .nav > ul > li .sub .inner .list.list_line3 > ul > li { padding: 0 0.1rem; width: 33.33%; }

.header .nav > ul > li .sub .inner .list.list_line4 { width: 35%; }

.header .nav > ul > li .sub .inner .list.list_line4 > ul { margin: 0 -10px; display: flex; flex-wrap: wrap; }

.header .nav > ul > li .sub .inner .list.list_line4 > ul > li { padding: 0 0.1rem; width: 25%; }

.header .nav > ul > li .sub .inner .info { flex: 1; margin-left: 0.3rem; padding-left: 0.3rem; border-left: 1px solid #ddd; display: flex; /* 导航新闻 */ }

.header .nav > ul > li .sub .inner .info .img { width: 380px; height: 230px; overflow: hidden; }

.header .nav > ul > li .sub .inner .info .img span { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.header .nav > ul > li .sub .inner .info .txt { flex: 1; padding-left: 0.40rem; }

.header .nav > ul > li .sub .inner .info .txt .title { font-size: 0.18rem; font-weight: bold; color: #ff9900; }

.header .nav > ul > li .sub .inner .info .txt .des { margin: 0.20rem 0; text-align: justify; font-size: 0.14rem; line-height: 0.26rem; color: #666; }

.header .nav > ul > li .sub .inner .info .txt a.more { font-size: 0.14rem; color: #ff9900; text-decoration: underline; transition: all 0.5s; }

.header .nav > ul > li .sub .inner .info .txt a.more:hover { letter-spacing: 2px; }

.header .nav > ul > li .sub .inner .info_news { width: 0; }

.header .nav > ul > li .sub .inner .info_news .bg { width: 380px; height: 270px; overflow: hidden; }

@media (max-width: 1440px) { .header .nav > ul > li .sub .inner .info_news .bg { width: 330px; height: 230px; } }

.header .nav > ul > li .sub .inner .info_news .bg a { display: block; width: 100%; height: 100%; position: relative; }

.header .nav > ul > li .sub .inner .info_news .bg a .t { width: 100%; height: 0.40rem; line-height: 0.40rem; background-color: rgba(0, 0, 0, 0.3); color: #fff; font-size: 0.14rem; text-align: center; position: absolute; left: 0; bottom: 0; z-index: 2; transition: all 0.5s; }

.header .nav > ul > li .sub .inner .info_news .bg a .bg_img { width: 100%; height: 100%; }

.header .nav > ul > li .sub .inner .info_news .bg a .bg_img span { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.header .nav > ul > li .sub .inner .info_news .bg a:hover .t { background-color: rgba(255, 153, 0, 0.8); }

.header .nav > ul > li .sub .inner .info_news .txt { min-width: 0; }

.header .nav > ul > li .sub .inner .info_news .txt .des_list { margin: 0.1rem 0; }

.header .nav > ul > li .sub .inner .info_news .txt .des_list > ul { margin: 0; padding: 0; }

.header .nav > ul > li .sub .inner .info_news .txt .des_list > ul > li { display: block; font-size: 0.14rem; line-height: 0.3rem; border-bottom: 1px dotted #ddd; }

.header .nav > ul > li .sub .inner .info_news .txt .des_list > ul > li a { display: block; position: relative; padding-right: 80px; }

.header .nav > ul > li .sub .inner .info_news .txt .des_list > ul > li a span.date { width: 80px; text-align: right; color: #999; position: absolute; right: 0; top: 0; }

.header .nav > ul > li .sub .inner .info_news .txt .des_list > ul > li a span.t { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; transition: all 0.5s; }

.header .nav > ul > li .sub .inner .info_news .txt .des_list > ul > li a:hover span.t { color: #ff9900; }

.header .nav > ul > li .sub .nav_pro_switch .info .item { width: 100%; display: none; }

.header .nav > ul > li .sub .nav_pro_switch .info .item:nth-of-type(2) { display: block; }

.header .nav > ul > li .sub .nav_pro_switch .info .item a.nav_pro_t { height: 36px; border-bottom: 1px solid #dcdcdc; display: flex; align-items: center; }

.header .nav > ul > li .sub .nav_pro_switch .info .item a.nav_pro_t svg { width: 0.20rem; height: 0.20rem; color: #ff9900; margin-right: 0.1rem; }

.header .nav > ul > li .sub .nav_pro_switch .info .item a.nav_pro_t span { font-size: 0.18rem; color: #ff9900; }

.header .nav > ul > li .sub .nav_pro_switch .info .item a.nav_pro_t:hover { text-decoration: underline; }

.header .nav > ul > li .sub .nav_pro_switch .info .item .nav_pro_list { margin-top: 0.20rem; }

.header .nav > ul > li .sub .nav_pro_switch .info .item .nav_pro_list > ul { margin: 0 -10px; padding: 0; display: flex; flex-wrap: wrap; }

.header .nav > ul > li .sub .nav_pro_switch .info .item .nav_pro_list > ul > li { list-style: none; padding: 0 0.1rem; width: 25%; }

.header .nav > ul > li .sub .nav_pro_switch .info .item .nav_pro_list > ul > li a { font-size: 0.15rem; color: #666; display: flex; align-items: center; transition: all 0.5s; }

.header .nav > ul > li .sub .nav_pro_switch .info .item .nav_pro_list > ul > li a span { white-space: nowrap; }

.header .nav > ul > li .sub .nav_pro_switch .info .item .nav_pro_list > ul > li a svg { width: 12px; height: 12px; color: #666; transition: all 0.5s; }

.header .nav > ul > li .sub .nav_pro_switch .info .item .nav_pro_list > ul > li a:hover { text-decoration: underline; color: #ff9900; }

.header .nav > ul > li .sub .nav_pro_switch .info .item .nav_pro_list > ul > li a:hover svg { margin-left: 0.05rem; color: #ff9900; }

.header .nav > ul > li.on > a span { color: #fff; font-weight: bold; }

.header .nav > ul > li.on > a span:after { width: 100%; left: 0%; }

.header .topicons { width: 160px; height: 100%; transition: all 0.5s; }

.header .topicons > ul { height: 0.3rem; margin: 0.25rem 0 0; padding: 0; display: flex; align-items: center; }

@media (max-width: 1180px) { .header .topicons > ul { margin: 0.20rem 0 0; } }

.header .topicons > ul > li { list-style-type: none; width: 50%; height: 0.3rem; position: relative; }

.header .topicons > ul > li:nth-of-type(1):after { content: ""; display: block; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.3); position: absolute; right: 0; top: 0; }

.header .topicons > ul > li.topicons_lang .topicons_lang_box { display: none; min-width: 100%; background-color: #fff; border-radius: 0.06rem; position: absolute; left: 50%; top: 0.3rem; z-index: 20; transform: translateX(-50%); }

.header .topicons > ul > li.topicons_lang .topicons_lang_box > ul { margin: 0; padding: 0.1rem; list-style: none; }

.header .topicons > ul > li.topicons_lang .topicons_lang_box > ul > li { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.header .topicons > ul > li.topicons_lang .topicons_lang_box > ul > li:nth-last-of-type(1) { border: none; }

.header .topicons > ul > li.topicons_lang .topicons_lang_box > ul > li a { display: block; text-align: center; font-size: 0.14rem; line-height: 0.40rem; color: #333; white-space: nowrap; }

.header .topicons > ul > li.topicons_lang:hover .topicons_lang_box { display: block; }

.header .topicons > ul > li.mobile-icon { display: none; }

@media (max-width: 1180px) { .header .topicons > ul > li.mobile-icon { display: block; } }

.header .topicons > ul > li a { height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; transition: all 0.5s; }

.header .topicons > ul > li a svg { color: #fff; }

.header .topicons > ul > li a:hover { opacity: 0.6; }

.header .topicons > ul > li .btn_lang svg { width: 12px; height: 12px; margin-left: 0.05rem; }

.header .topicons > ul > li .btn_search svg { width: 0.20rem; height: 0.20rem; }

.logoimg_box { overflow: visible !important; width: 100%; display: inline-block; vertical-align: middle; position: relative; }

.logoimg_box img { -o-object-fit: unset; object-fit: unset; }

.logoimg_box img img.logofixed { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; }

.sticker .header, header.active { background-color: #fff; }

.sticker .header:after, header.active:after { background-color: rgba(0, 0, 0, 0.15); }

.sticker .header .logo, header.active .logo { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-image: url("../img/logo_color.png"); overflow: hidden; }

.sticker .header .logo img, header.active .logo img { opacity: 0; }

.sticker .header .logo img.logofixed, header.active .logo img.logofixed { opacity: 1; }

.sticker .header .nav > ul > li > a span, header.active .nav > ul > li > a span { color: #333; }

.sticker .header .nav > ul > li.on > a, header.active .nav > ul > li.on > a { color: #ff9900; }

.sticker .header .nav > ul > li.on > a span, header.active .nav > ul > li.on > a span { color: #ff9900; }

.sticker .header .topicons, header.active .topicons { background-color: #ff9900; }

#homeBanner { height: 100vh; background: #222; position: relative; }

#homeBanner::before { content: ""; position: absolute; width: 100%; height: 100%; z-index: 2; background: #000; opacity: 0.4; display: none; }

#homeBanner video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; object-fit: cover; /* Maintain aspect ratio while covering entire parent */ z-index: 1; }

#homeBanner .mouse-of { position: absolute; left: 50%; bottom: 2vw; width: 0.24rem; height: 0.40rem; border-radius: 0.40rem; -webkit-border-radius: 0.40rem; border: 2px solid rgba(255, 255, 255, 0.8); margin-left: -20px; z-index: 50; overflow: hidden; }

#homeBanner .mouse-of > i { background: #fff; position: absolute; width: 3px; height: 9px; left: 50%; margin-left: -1.5px; top: 2px; -webkit-animation: mouseof 1.5s ease-out infinite; animation: mouseof 1.5s ease-out infinite; }

@keyframes mouseof { 0% { top: -9px;
    opacity: 1;
    -webkit-opacity: 1; }
  100% { top: 100%;
    opacity: 0;
    -webkit-opacity: 0; } }

@-webkit-keyframes mouseof { 0% { top: -9px;
    opacity: 1;
    -webkit-opacity: 1; }
  100% { top: 100%;
    opacity: 0;
    -webkit-opacity: 0; } }

#homeBanner .banner_bubble { width: 6vw; height: 6vw; position: absolute; left: 50%; bottom: 3vw; margin-left: -3vw; z-index: 15; }

#homeBanner .swiper-slide { overflow: hidden; }

#homeBanner #video_open { width: 100%; height: 100%; }

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>气泡<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.bubble { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.bubble span, .back_bubble span { display: block; width: 0.20rem; height: 0.20rem; border-radius: 50%; -webkit-border-radius: 50%; z-index: -1; transition: ease 1s; -webkit-transition: ease 1s; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); -webkit-transform: translateX(-50%); opacity: 0; -webkit-opacity: 0; }

.bubble span:nth-child(1) { animation: pao 4s linear infinite; -webkit-animation: pao 4s linear infinite; background: rgba(255, 255, 255, 0.6); }

.bubble span:nth-child(2) { animation: pao3 6s linear infinite; -webkit-animation: pao3 6s linear infinite; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; background: rgba(255, 255, 255, 0.8); }

.bubble span:nth-child(3) { animation: pao2 3s linear infinite; -webkit-animation: pao2 3s linear infinite; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; background: white; }

.bubble span:nth-child(4) { animation: pao4 9s linear infinite; -webkit-animation: pao4 9s linear infinite; background: rgba(255, 255, 255, 0.3); }

.bubble span:nth-child(5) { animation: pao5 7s linear infinite; -webkit-animation: pao5 7s linear infinite; background: rgba(255, 255, 255, 0.5); }

@keyframes pao { 0% { transform: translate(200%, -30px) rotate(360deg) scale(0.4, 0.4);
    -webkit-transform: translate(200%, -30px) rotate(360deg) scale(0.4, 0.4);
    opacity: 1;
    -webkit-opacity: 1; }
  50% { transform: translate(0%, -70px) rotate(360deg) scale(0.8, 0.8);
    -webkit-transform: translate(0%, -70px) rotate(360deg) scale(0.8, 0.8);
    opacity: .5;
    -webkit-opacity: .5; }
  100% { transform: translate(-200%, -100px) rotate(360deg) scale(1, 1);
    -webkit-transform: translate(-200%, -100px) rotate(360deg) scale(1, 1);
    opacity: 0;
    -webkit-opacity: 0; } }

@keyframes pao2 { 0% { transform: translate(-200%, 0px) rotate(360deg) scale(1, 1);
    -webkit-transform: translate(-200%, 0px) rotate(360deg) scale(1, 1);
    opacity: 1;
    -webkit-opacity: 1; }
  50% { transform: translate(250%, -50px) rotate(360deg) scale(0.8, 0.8);
    -webkit-transform: translate(250%, -50px) rotate(360deg) scale(0.8, 0.8);
    opacity: .5;
    -webkit-opacity: .5; }
  100% { transform: translate(100%, -100px) rotate(360deg) scale(0.4, 0.4);
    -webkit-transform: translate(100%, -100px) rotate(360deg) scale(0.4, 0.4);
    opacity: 0;
    -webkit-opacity: 0; } }

@keyframes pao3 { 0% { transform: translate(0%, 0px) rotate(360deg) scale(1, 1);
    -webkit-transform: translate(0%, 0px) rotate(360deg) scale(1, 1);
    opacity: 1;
    -webkit-opacity: 1; }
  50% { transform: translate(-250%, -50px) rotate(360deg) scale(0.8, 0.8);
    -webkit-transform: translate(-250%, -50px) rotate(360deg) scale(0.8, 0.8);
    opacity: .5;
    -webkit-opacity: .5; }
  100% { transform: translate(-300%, -100px) rotate(360deg) scale(0.4, 0.4);
    -webkit-transform: translate(-300%, -100px) rotate(360deg) scale(0.4, 0.4);
    opacity: 0;
    -webkit-opacity: 0; } }

@keyframes pao4 { 0% { transform: translate(400%, 0px) rotate(360deg) scale(1, 1);
    -webkit-transform: translate(400%, 0px) rotate(360deg) scale(1, 1);
    opacity: 1;
    -webkit-opacity: 1; }
  50% { transform: translate(400%, -50px) rotate(360deg) scale(0.8, 0.8);
    -webkit-transform: translate(400%, -50px) rotate(360deg) scale(0.8, 0.8);
    opacity: .5;
    -webkit-opacity: .5; }
  100% { transform: translate(-100%, -100px) rotate(360deg) scale(0.4, 0.4);
    -webkit-transform: translate(-100%, -100px) rotate(360deg) scale(0.4, 0.4);
    opacity: 0;
    -webkit-opacity: 0; } }

@keyframes pao5 { 0% { transform: translate(-400%, 0px) rotate(360deg) scale(0.1, 0.1);
    -webkit-transform: translate(-400%, 0px) rotate(360deg) scale(0.1, 0.1);
    opacity: 1;
    -webkit-opacity: 1; }
  50% { transform: translate(-400%, -50px) rotate(360deg) scale(0.6, 0.6);
    -webkit-transform: translate(-400%, -50px) rotate(360deg) scale(0.6, 0.6);
    opacity: .5;
    -webkit-opacity: .5; }
  100% { transform: translate(0%, -100px) rotate(360deg) scale(1, 1);
    -webkit-transform: translate(0%, -100px) rotate(360deg) scale(1, 1);
    opacity: 0;
    -webkit-opacity: 0; } }

/***标题***/
.auto-title-block { --text-en-color: #333333; --text-color: #333333; padding-bottom: 0.3rem; font-size: clamp(14px, 1.6vw, 0.2rem); line-height: 1.4em; position: relative; overflow: hidden; }

.auto-title-block .auto-title-en { font-size: 0.52rem; font-weight: bold; line-height: 1em; color: #000; opacity: 0.06; text-transform: uppercase; position: absolute; top: 0; left: 0; width: 200%; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .auto-title-block .auto-title-en { font-size: 0.36rem; } }

.auto-title-block.text-center .auto-title-en { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

.auto-title-block .auto-title-h2 { margin-top: 0.08em; font-size: 0.44rem; line-height: 1.25; color: var(--text-color); padding-top: 0.15rem; margin-bottom: 0.05rem; }

.auto-title-block .auto-title-p { font-size: 0.18rem; }

.auto-title-block .auto-title-h2 .auto-title-word { position: relative; }

.auto-title-block .auto-title-h2 .auto-title-word .p { position: relative; font-weight: bold; }

.auto-title-block .auto-title-h2 .auto-title-word::before { content: ''; display: block; margin-top: 0.4em; position: absolute; left: 0; top: 50%; height: 7px; width: 100%; background-color: #ff9900; transition: all 0.8s; }

.auto-title-block.is-show-this .auto-title-h2 .auto-title-word::before { width: 100%; height: 0.05rem; }

/***标题***/
.auto-title-block-a { --text-color: #333333; --text-en-color: #333333; padding-top: 2.4em; padding-bottom: 2em; font-size: 0.3rem; line-height: 1.4em; }

.auto-title-block-a .auto-title-a-en { font-size: 1.7em; font-weight: bold; color: var(--text-en-color); }

.auto-title-block-a .auto-title-a-h2 { margin-top: 0.3em; color: var(--text-color); }

.auto-title-block-a .auto-title-a-h2.bold { font-weight: bold; }

@media (max-width: 1400px) { .auto-title-block-a { font-size: 0.26rem; }
  .auto-title-block-a .auto-title-a-h2 { margin-top: 0.2em; } }

@media (max-width: 1200px) { .auto-title-block-a { padding-top: 1.6em; padding-bottom: 1.1em; font-size: 0.32rem; }
  .auto-title-block-a .auto-title-a-en { font-size: 1.2em; } }

.auto-title-block.white .auto-title-en { color: #ffffff; }

.auto-title-block.white .auto-title-h2 .auto-title-word .p { color: #ffffff; }

.auto-title-block.white .auto-title-p { color: #ffffff; }

.index-about-us { position: relative; z-index: 3; padding: 140px 0 0.58rem 6.25%; background: #fdfaf5 url(../images/about_bg1.jpg) no-repeat center center; background-size: cover; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.index-about-us-content { width: 38.888%; }

.index-about-us-content .auto-title-block .auto-title-en { left: 0%; transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); }

.index-about-us-title { margin-top: 0.7rem; margin-bottom: 0.42rem; }

.index-about-us-title strong { display: block; margin-bottom: 0.20rem; line-height: 1; color: #333333; font-size: 38px; font-weight: normal; }

.index-about-us-title span { display: inline-block; padding: 0 0.20rem; border-radius: 0.25rem; height: 0.5rem; line-height: 0.5rem; color: #fff; font-size: 0.28rem; font-weight: lighter; background: #00488f; }

.index-about-us-text { margin-bottom: 46px; }

.index-about-us-text p { color: #666666; font-size: 0.16rem; text-align: justify; line-height: 2; margin-bottom: 1em; }

.index-about-swiper { width: 50%; margin: 0; cursor: url("../images/curse.png"), -webkit-grab; cursor: url("../images/curse.png"), -moz-grab; cursor: url("../images/curse.png"), grab; }

.index-about-slide { margin-right: 5vw; width: 55.5555%; position: relative; overflow: hidden; border-radius: 0.1rem; }

.index-about-slide a { cursor: url("../images/curse.png"), -webkit-grab; cursor: url("../images/curse.png"), -moz-grab; cursor: url("../images/curse.png"), grab; }

.index-about-slide a:hover figure:before { background: rgba(0, 102, 217, 0.5); }

.index-about-slide a:hover figure img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

.index-about-slide a:hover .index-about-fix:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.index-about-slide figure { z-index: 3; border-radius: 0.1rem; position: relative; display: block; padding-bottom: 114.58%; height: 0; overflow: hidden; line-height: 1; }

.index-about-slide figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: 0.58s; -o-transition: 0.58s; -moz-transition: 0.58s; transition: 0.58s; }

.index-about-slide figure:before { position: absolute; left: 0; top: 0; border-radius: 0.1rem; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); z-index: 3; -webkit-transition: 0.68s; -o-transition: 0.68s; -moz-transition: 0.68s; transition: 0.68s; }

.index-about-fix { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 240px; padding-top: 72px; height: 93px; text-align: center; z-index: 4; }

.index-about-fix:before { position: absolute; left: 0; top: 0; z-index: -1; content: ""; width: 100%; height: 100%; background: url(../images/aboutbg.png) center no-repeat; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.index-about-fix span { display: block; line-height: 1; color: #fff; font-size: 0.24rem; -webkit-transition: 0.48s; -o-transition: 0.48s; -moz-transition: 0.48s; transition: 0.48s; }

.header { padding: 10px 0; float: left; width: 100%; position: relative; }

.header .main-header { display: flex; align-items: center; justify-content: space-between; }

.header .main-header .header-left { display: flex; align-items: center; width: 100%; }

.header .main-header .header-left .header-logo { margin-right: 50px; }

.header .main-header .header-left .header-nav { display: inline-block; width: 100%; text-align: center; }

.header .main-header .header-right { max-width: 225px; width: 100%; }

.header .main-header .header-right .block-signin { text-align: right; }

.header .nav-main-menu { width: 100%; padding: 0px; float: left; }

.header .main-menu { display: inline-block; padding-top: 5px; }

.header .main-menu li { float: left; position: relative; text-align: left; }

.header .main-menu li.has-children > a::after { content: "\f151"; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1 !important; font-size: 14px; opacity: 1; margin-left: 4px; }

.header .main-menu li.hr { padding: 0px 22px; }

.header .main-menu li.hr span { background-color: #F2F4F7; height: 1px; width: 100%; display: block; margin: 5px 0; }

.header .main-menu li a { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif; font-style: normal; font-weight: 400; font-size: 18px; color: #101828; display: block; padding: 30px 22px 30px 22px; text-decoration: none; position: relative; }

.header .main-menu li a:hover { color: #006D77; }

.header .main-menu li a:hover i { opacity: 1; transition: 0.2s; }

.header .main-menu li a i { font-size: 12px; margin-right: 8px; opacity: 0.38; transition: 0.2s; }

.header .main-menu li ul { opacity: 0; visibility: hidden; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; position: absolute; top: 100%; left: 0px; z-index: 999; min-width: 180px; border-radius: 4px; padding: 8px 0px 8px 0; box-shadow: 4px 4px 40px rgba(16, 24, 40, 0.1); background-color: #ffffff; }

.header .main-menu li ul li { width: 100%; }

.header .main-menu li ul li a { font-size: 14px; color: #101828; position: relative; padding: 10px 22px 10px 22px; transition: 0.2s; }

.header .main-menu li ul li a:hover { padding-left: 25px; transition: 0.2s; }

.header .main-menu li ul li a.closer { padding: 8px 22px 8px 22px; }

.header .main-menu li ul li ul { top: 0px; left: 100%; }

.header .main-menu li ul.two-col { columns: 2; -webkit-columns: 2; -moz-columns: 2; min-width: 350px; }

.header .main-menu li:hover > ul { opacity: 1; visibility: visible; }

.header .main-menu li:hover > ul li { width: 100%; }

.header .text-link-bd-btom { font-family: "Source Han Sans", "Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 150%; color: #006D77; display: inline-block; position: relative; padding-left: 13px; }

.header .text-link-bd-btom:hover { color: #101828; }

.header .text-link-bd-btom::before { content: ""; background: #006D77; width: 6px; height: 6px; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -3px; animation: shadow-pulse 1s infinite; }

.header .block-signin .btn-shadow { box-shadow: 0px 47px 65px rgba(21, 28, 38, 0.1); }

.header.stick { padding: 10px 0px; }

.header.header-2 { background-color: #DBECE5; }

.sticky-bar.stick { -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown; animation: 700ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.05); position: fixed; top: 0; width: 100%; z-index: 999; left: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border-bottom: 1px solid #F2F4F7; background: #fff; }

.sticky-bar.stick.sticky-white-bg { background-color: #fff; }

.sticky-bar.stick.sticky-blue-bg { background-color: #3286e0; }

.sticky-bar.stick .burger-icon { top: 45px; }

.user-account { display: flex; align-items: center; }

.user-account img { max-width: 50px; border-radius: 50%; margin-right: 10px; }

.user-account .user-name { margin-bottom: 0; font-weight: 600; font-size: 14px; }

.perfect-scroll { height: 100vh; width: 300px; position: relative; }

.body-overlay-1 { background: transparent; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; visibility: hidden; width: 100%; cursor: crosshair; z-index: 997; }

.mobile-menu-active .body-overlay-1 { opacity: 1; visibility: visible; }

.header-top { background-color: #101828; color: #ffffff; padding: 10px 0px; }

.header-top span { font-family: "Source Han Sans", "Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; font-size: 16px; line-height: 24px; font-weight: bold; }

.header-top a { color: #E29578; }

.header-top .line-right { position: relative; display: inline-block; padding-right: 35px; }

.header-top .line-right::before { content: ""; position: absolute; top: 5px; right: 15px; width: 1px; height: 18px; border-right: 1px dashed #E29578; }

.header-top.header-top-green { background-color: #006D77; }

.header-top.header-top-green a { color: #AFEAE4; }

.header-top.header-top-green .line-right::before { border-right: 1px dashed #AFEAE4; }

.header-style-2 { background-color: #006D77; }

.header-style-2.sticky-bar.stick { background-color: #006D77; border-bottom: 1px solid #008c99; }

.header-style-2 .burger-icon.burger-icon-white > span::before, .header-style-2 .burger-icon.burger-icon-white > span::after { background-color: #E4E7EC; }

.header-style-2 .main-menu > li > a { color: #ffffff; }

.header-style-2 .main-menu > li > a:hover { color: #83C5BE; }

.header-style-2 .btn-default { background-color: #006D77; color: #ffffff; border: 1px solid #ffffff; background-image: url(../imgs/template/icons/arrow-small-right-w.svg); background-repeat: no-repeat; background-position: center right 25px; padding-right: 56px; }

.header-style-3 { background-color: #FFF3EA; }

.header-style-3.sticky-bar.stick { background-color: #FFF3EA; }

.header-style-4 { background-color: #BEE1E6; }

.header-style-4.sticky-bar.stick { background-color: #BEE1E6; }

.header-style-5 { z-index: 2; }

.header-style-5 .burger-icon.burger-icon-white > span::before, .header-style-5 .burger-icon.burger-icon-white > span::after { background-color: #E4E7EC; }

.header-style-5 .main-menu > li > a { color: #ffffff; }

.header-style-5 .main-menu > li > a:hover { color: #83C5BE; }

.header-style-5.sticky-bar.stick { background-color: #006D77; border-bottom: 1px solid #008c99; }

.header-style-5 .btn-default { background-color: transparent; color: #ffffff; border: 1px solid #ffffff; background-image: url(../imgs/template/icons/arrow-small-right-w.svg); background-repeat: no-repeat; background-position: center right 25px; padding-right: 56px; }

.mobile-header-wrapper-style { position: fixed; top: 0; width: 380px; min-height: 100vh; bottom: 0; right: 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); background-color: #ffffff; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09); z-index: 1000; }

.mobile-header-wrapper-style.sidebar-visible { visibility: visible; opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.mobile-header-wrapper-style .mobile-header-wrapper-inner { padding: 0px 0px 30px; height: 100%; overflow-y: auto; overflow-x: hidden; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 34px 30px 30px 30px; background-color: #ffffff; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; align-self: center; border-bottom: thin solid #F2F4F7; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a { display: block; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-top .mobile-header-logo a img { width: 100px; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area { padding: 30px 30px 30px; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li { display: block; position: relative; padding: 13px 0; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li:last-child { border-bottom: none; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children .menu-expand { right: 0; position: absolute; cursor: pointer; z-index: 9; text-align: center; font-size: 12px; display: block; width: 30px; height: 30px; line-height: 38px; top: 5px; color: #101828; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children .menu-expand i { font-size: 18px; font-weight: 300; opacity: 0.5; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children.active > .menu-expand { background: rgba(255, 255, 255, 0.2); }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children.active > .menu-expand i::before { content: "\f113"; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a { font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif; line-height: 1; text-transform: capitalize; font-weight: 500; position: relative; display: inline-block; color: #101828; transition-duration: 0.2s; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li a i { margin-right: 5px; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul { padding: 10px 0 0 10px; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li { padding: 10px 0; border-bottom: none; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.has-children .menu-expand { top: 0px; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li:hover a { padding-left: 13px; transition-duration: 0.2s; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li a { font-size: 14px; display: block; font-weight: 500; color: #101828; padding-left: 10px; position: relative; transition-duration: 0.2s; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li ul { margin-top: 0; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.has-children.active { padding-bottom: 0; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.hr { padding: 0 0 0 10px; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li ul li.hr span { background-color: #F2F4F7; height: 1px; width: 100%; display: block; margin: 5px 0; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li:hover > a { color: #006D77; padding-left: 3px; transition-duration: 0.2s; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .categories-dropdown-wrap ul li a { padding: 5px 15px; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap { padding: 20px; border-radius: 5px; border: 1px solid #101828; margin: 17px 0 30px 0; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info { position: relative; margin-bottom: 13px; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info:last-child { margin-bottom: 0; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a { font-size: 14px; display: block; font-weight: 500; color: #006D77; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a:hover { color: #101828; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info a i { font-size: 14px; color: #101828; margin-right: 8px; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown { margin-top: 5px; display: none; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; padding: 10px 0 0 0; width: 100%; z-index: 11; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li { padding-bottom: 10px; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li:last-child { padding-bottom: 0px; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li a { font-size: 16px; color: rgba(255, 255, 255, 0.7); font-weight: 400; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info .lang-curr-dropdown ul li a:hover { color: #006D77; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-info-wrap .single-mobile-header-info:hover > a { color: #101828; }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-header-border { border-bottom: 1px solid rgba(255, 255, 255, 0.15); }

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .site-copyright { font-size: 13px; color: #101828; }

.burger-icon { position: absolute; width: 24px; height: 20px; cursor: pointer; -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); top: 45px; right: 27px; z-index: 1002; }

.burger-icon > span { display: block; position: absolute; left: 0; width: 100%; height: 2px; }

.burger-icon > span.burger-icon-top { top: 2px; }

.burger-icon > span.burger-icon-bottom { bottom: 2px; }

.burger-icon > span.burger-icon-mid { top: 9px; }

.burger-icon.burger-close { position: fixed; }

.burger-icon.burger-close > span.burger-icon-top { display: none; opacity: 0; }

.burger-icon.burger-close > span.burger-icon-mid { top: 8px; transform: rotate(45deg); }

.burger-icon.burger-close > span.burger-icon-bottom { bottom: 10px; transform: rotate(-45deg); }

.burger-icon > span::before, .burger-icon > span::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: #333; }

.burger-icon.burger-icon-white > span::before, .burger-icon.burger-icon-white > span::after { background-color: #667085; }

.mobile-search form { background-color: #EAE4E9; border-radius: 8px; height: 44px; padding: 0px 15px 0px 44px; position: relative; }

.mobile-search form input { border: 0; background-color: transparent; width: 100%; padding: 12px 10px; }

.mobile-search form i { position: absolute; left: 18px; top: 14px; font-size: 18px; color: #1D2939; }

.mobile-social-icon h6 { font-weight: 600; font-size: 20px; margin-bottom: 30px; }

.mobile-social-icon a { text-align: center; font-size: 14px; margin-right: 5px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; height: 30px; width: 30px; display: inline-flex; background: #efeaff; border-radius: 30px; line-height: 1; align-content: center; justify-content: center; }

.mobile-social-icon a img { max-width: 18px; }

.mobile-social-icon a img:hover { opacity: 0.8; }

.mobile-social-icon a:hover { transform: translateY(-2px); transition-duration: 0.5s; margin-top: -2px; }

.mobile-social-icon a:last-child { margin-right: 0; }

.mobile-account { margin: 20px 0 25px 0; padding: 30px 0 20px 0; border-top: thin solid #F2F4F7; border-bottom: thin solid #F2F4F7; }

.mobile-account h6 { font-weight: 600; font-size: 18px; }

.mobile-account ul li { padding: 13px 0; }

.mobile-account ul li a { font-size: 15px; line-height: 1; text-transform: capitalize; font-weight: 500; position: relative; display: inline-block; color: #101828; transition-duration: 0.2s; }

.mobile-account ul li:hover a { padding-left: 3px; transition-duration: 0.2s; color: #006D77; }

.sidebar-title { border-bottom: thin solid #101828; font-weight: 600; margin-bottom: 30px; padding-bottom: 10px; }

.search-form form { position: relative; }

.search-form form input { border: 1px solid #ececec; border-radius: 10px; height: 64px; -webkit-box-shadow: none; box-shadow: none; padding-left: 20px; font-size: 16px; width: 100%; }

.search-form form button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; border: none; font-size: 20px; height: 100%; padding: 0 24px; background-color: transparent; color: #242424; }

.widget-categories { background-color: #FFF3EA !important; }

.widget-categories li { padding: 8px 0; }

.widget-categories li + li { border-top: 1px solid #101828; }

.widget-categories li a { color: #006D77; font-size: 16px; }

.widget-categories li span.count { background-color: #DDD3FA; color: #006D77; border-radius: 3px; display: block; padding: 3px 5px; min-width: 26px; text-align: center; }

.widget-categories li:hover span.count { background-color: #006D77; color: #ffffff; }

.post-list-small-item { transition-duration: 0.2s; }

.post-list-small-item:hover { transition-duration: 0.2s; transform: translateY(-3px); }

.post-list-small-item figure img { max-width: 85px; border-radius: 5px; }

.post-list-small-item .post-meta { font-size: 13px; }

.post-list-small-item .post-meta img { max-width: 30px; border-radius: 50%; margin-right: 5px; }

.post-list-small-item h5 { font-weight: 600; font-size: 14px; line-height: 1.2; margin-bottom: 10px; }

.post-list-small-item:not(:last-child) { margin-bottom: 15px; }

/*----------------------------------------*/
/*  1.3 Default Spacing
/*----------------------------------------*/
/*--
    - Margin & Padding
-----------------------------------------*/
/*-- Margin Top --*/
.mt-1 { margin-top: 0.01rem; }

.mt-2 { margin-top: 0.02rem; }

.mt-3 { margin-top: 0.03rem; }

.mt-4 { margin-top: 0.04rem; }

.mt-5 { margin-top: 0.05rem; }

.mt-6 { margin-top: 0.06rem; }

.mt-7 { margin-top: 0.07rem; }

.mt-8 { margin-top: 0.08rem; }

.mt-9 { margin-top: 0.09rem; }

.mt-10 { margin-top: 0.1rem; }

.mt-11 { margin-top: 0.11rem; }

.mt-12 { margin-top: 0.12rem; }

.mt-13 { margin-top: 0.13rem; }

.mt-14 { margin-top: 0.14rem; }

.mt-15 { margin-top: 0.15rem; }

.mt-16 { margin-top: 0.16rem; }

.mt-17 { margin-top: 0.17rem; }

.mt-18 { margin-top: 0.18rem; }

.mt-19 { margin-top: 0.19rem; }

.mt-20 { margin-top: 0.2rem; }

.mt-21 { margin-top: 0.21rem; }

.mt-22 { margin-top: 0.22rem; }

.mt-23 { margin-top: 0.23rem; }

.mt-24 { margin-top: 0.24rem; }

.mt-25 { margin-top: 0.25rem; }

.mt-26 { margin-top: 0.26rem; }

.mt-27 { margin-top: 0.27rem; }

.mt-28 { margin-top: 0.28rem; }

.mt-29 { margin-top: 0.29rem; }

.mt-30 { margin-top: 0.3rem; }

.mt-31 { margin-top: 0.31rem; }

.mt-32 { margin-top: 0.32rem; }

.mt-33 { margin-top: 0.33rem; }

.mt-34 { margin-top: 0.34rem; }

.mt-35 { margin-top: 0.35rem; }

.mt-36 { margin-top: 0.36rem; }

.mt-37 { margin-top: 0.37rem; }

.mt-38 { margin-top: 0.38rem; }

.mt-39 { margin-top: 0.39rem; }

.mt-40 { margin-top: 0.4rem; }

.mt-41 { margin-top: 0.41rem; }

.mt-42 { margin-top: 0.42rem; }

.mt-43 { margin-top: 0.43rem; }

.mt-44 { margin-top: 0.44rem; }

.mt-45 { margin-top: 0.45rem; }

.mt-46 { margin-top: 0.46rem; }

.mt-47 { margin-top: 0.47rem; }

.mt-48 { margin-top: 0.48rem; }

.mt-49 { margin-top: 0.49rem; }

.mt-50 { margin-top: 0.5rem; }

.mt-51 { margin-top: 0.51rem; }

.mt-52 { margin-top: 0.52rem; }

.mt-53 { margin-top: 0.53rem; }

.mt-54 { margin-top: 0.54rem; }

.mt-55 { margin-top: 0.55rem; }

.mt-56 { margin-top: 0.56rem; }

.mt-57 { margin-top: 0.57rem; }

.mt-58 { margin-top: 0.58rem; }

.mt-59 { margin-top: 0.59rem; }

.mt-60 { margin-top: 0.6rem; }

.mt-61 { margin-top: 0.61rem; }

.mt-62 { margin-top: 0.62rem; }

.mt-63 { margin-top: 0.63rem; }

.mt-64 { margin-top: 0.64rem; }

.mt-65 { margin-top: 0.65rem; }

.mt-66 { margin-top: 0.66rem; }

.mt-67 { margin-top: 0.67rem; }

.mt-68 { margin-top: 0.68rem; }

.mt-69 { margin-top: 0.69rem; }

.mt-70 { margin-top: 0.7rem; }

.mt-71 { margin-top: 0.71rem; }

.mt-72 { margin-top: 0.72rem; }

.mt-73 { margin-top: 0.73rem; }

.mt-74 { margin-top: 0.74rem; }

.mt-75 { margin-top: 0.75rem; }

.mt-76 { margin-top: 0.76rem; }

.mt-77 { margin-top: 0.77rem; }

.mt-78 { margin-top: 0.78rem; }

.mt-79 { margin-top: 0.79rem; }

.mt-80 { margin-top: 0.8rem; }

.mt-81 { margin-top: 0.81rem; }

.mt-82 { margin-top: 0.82rem; }

.mt-83 { margin-top: 0.83rem; }

.mt-84 { margin-top: 0.84rem; }

.mt-85 { margin-top: 0.85rem; }

.mt-86 { margin-top: 0.86rem; }

.mt-87 { margin-top: 0.87rem; }

.mt-88 { margin-top: 0.88rem; }

.mt-89 { margin-top: 0.89rem; }

.mt-90 { margin-top: 0.9rem; }

.mt-91 { margin-top: 0.91rem; }

.mt-92 { margin-top: 0.92rem; }

.mt-93 { margin-top: 0.93rem; }

.mt-94 { margin-top: 0.94rem; }

.mt-95 { margin-top: 0.95rem; }

.mt-96 { margin-top: 0.96rem; }

.mt-97 { margin-top: 0.97rem; }

.mt-98 { margin-top: 0.98rem; }

.mt-99 { margin-top: 0.99rem; }

.mt-100 { margin-top: 1rem; }

.mt-101 { margin-top: 1.01rem; }

.mt-102 { margin-top: 1.02rem; }

.mt-103 { margin-top: 1.03rem; }

.mt-104 { margin-top: 1.04rem; }

.mt-105 { margin-top: 1.05rem; }

.mt-106 { margin-top: 1.06rem; }

.mt-107 { margin-top: 1.07rem; }

.mt-108 { margin-top: 1.08rem; }

.mt-109 { margin-top: 1.09rem; }

.mt-110 { margin-top: 1.1rem; }

.mt-111 { margin-top: 1.11rem; }

.mt-112 { margin-top: 1.12rem; }

.mt-113 { margin-top: 1.13rem; }

.mt-114 { margin-top: 1.14rem; }

.mt-115 { margin-top: 1.15rem; }

.mt-116 { margin-top: 1.16rem; }

.mt-117 { margin-top: 1.17rem; }

.mt-118 { margin-top: 1.18rem; }

.mt-119 { margin-top: 1.19rem; }

.mt-120 { margin-top: 1.2rem; }

.mt-121 { margin-top: 1.21rem; }

.mt-122 { margin-top: 1.22rem; }

.mt-123 { margin-top: 1.23rem; }

.mt-124 { margin-top: 1.24rem; }

.mt-125 { margin-top: 1.25rem; }

.mt-126 { margin-top: 1.26rem; }

.mt-127 { margin-top: 1.27rem; }

.mt-128 { margin-top: 1.28rem; }

.mt-129 { margin-top: 1.29rem; }

.mt-130 { margin-top: 1.3rem; }

.mt-131 { margin-top: 1.31rem; }

.mt-132 { margin-top: 1.32rem; }

.mt-133 { margin-top: 1.33rem; }

.mt-134 { margin-top: 1.34rem; }

.mt-135 { margin-top: 1.35rem; }

.mt-136 { margin-top: 1.36rem; }

.mt-137 { margin-top: 1.37rem; }

.mt-138 { margin-top: 1.38rem; }

.mt-139 { margin-top: 1.39rem; }

.mt-140 { margin-top: 1.4rem; }

/*-- Margin Bottom --*/
.mb-1 { margin-bottom: 0.01rem; }

.mb-2 { margin-bottom: 0.02rem; }

.mb-3 { margin-bottom: 0.03rem; }

.mb-4 { margin-bottom: 0.04rem; }

.mb-5 { margin-bottom: 0.05rem; }

.mb-6 { margin-bottom: 0.06rem; }

.mb-7 { margin-bottom: 0.07rem; }

.mb-8 { margin-bottom: 0.08rem; }

.mb-9 { margin-bottom: 0.09rem; }

.mb-10 { margin-bottom: 0.1rem; }

.mb-11 { margin-bottom: 0.11rem; }

.mb-12 { margin-bottom: 0.12rem; }

.mb-13 { margin-bottom: 0.13rem; }

.mb-14 { margin-bottom: 0.14rem; }

.mb-15 { margin-bottom: 0.15rem; }

.mb-16 { margin-bottom: 0.16rem; }

.mb-17 { margin-bottom: 0.17rem; }

.mb-18 { margin-bottom: 0.18rem; }

.mb-19 { margin-bottom: 0.19rem; }

.mb-20 { margin-bottom: 0.2rem; }

.mb-21 { margin-bottom: 0.21rem; }

.mb-22 { margin-bottom: 0.22rem; }

.mb-23 { margin-bottom: 0.23rem; }

.mb-24 { margin-bottom: 0.24rem; }

.mb-25 { margin-bottom: 0.25rem; }

.mb-26 { margin-bottom: 0.26rem; }

.mb-27 { margin-bottom: 0.27rem; }

.mb-28 { margin-bottom: 0.28rem; }

.mb-29 { margin-bottom: 0.29rem; }

.mb-30 { margin-bottom: 0.3rem; }

.mb-31 { margin-bottom: 0.31rem; }

.mb-32 { margin-bottom: 0.32rem; }

.mb-33 { margin-bottom: 0.33rem; }

.mb-34 { margin-bottom: 0.34rem; }

.mb-35 { margin-bottom: 0.35rem; }

.mb-36 { margin-bottom: 0.36rem; }

.mb-37 { margin-bottom: 0.37rem; }

.mb-38 { margin-bottom: 0.38rem; }

.mb-39 { margin-bottom: 0.39rem; }

.mb-40 { margin-bottom: 0.4rem; }

.mb-41 { margin-bottom: 0.41rem; }

.mb-42 { margin-bottom: 0.42rem; }

.mb-43 { margin-bottom: 0.43rem; }

.mb-44 { margin-bottom: 0.44rem; }

.mb-45 { margin-bottom: 0.45rem; }

.mb-46 { margin-bottom: 0.46rem; }

.mb-47 { margin-bottom: 0.47rem; }

.mb-48 { margin-bottom: 0.48rem; }

.mb-49 { margin-bottom: 0.49rem; }

.mb-50 { margin-bottom: 0.5rem; }

.mb-51 { margin-bottom: 0.51rem; }

.mb-52 { margin-bottom: 0.52rem; }

.mb-53 { margin-bottom: 0.53rem; }

.mb-54 { margin-bottom: 0.54rem; }

.mb-55 { margin-bottom: 0.55rem; }

.mb-56 { margin-bottom: 0.56rem; }

.mb-57 { margin-bottom: 0.57rem; }

.mb-58 { margin-bottom: 0.58rem; }

.mb-59 { margin-bottom: 0.59rem; }

.mb-60 { margin-bottom: 0.6rem; }

.mb-61 { margin-bottom: 0.61rem; }

.mb-62 { margin-bottom: 0.62rem; }

.mb-63 { margin-bottom: 0.63rem; }

.mb-64 { margin-bottom: 0.64rem; }

.mb-65 { margin-bottom: 0.65rem; }

.mb-66 { margin-bottom: 0.66rem; }

.mb-67 { margin-bottom: 0.67rem; }

.mb-68 { margin-bottom: 0.68rem; }

.mb-69 { margin-bottom: 0.69rem; }

.mb-70 { margin-bottom: 0.7rem; }

.mb-71 { margin-bottom: 0.71rem; }

.mb-72 { margin-bottom: 0.72rem; }

.mb-73 { margin-bottom: 0.73rem; }

.mb-74 { margin-bottom: 0.74rem; }

.mb-75 { margin-bottom: 0.75rem; }

.mb-76 { margin-bottom: 0.76rem; }

.mb-77 { margin-bottom: 0.77rem; }

.mb-78 { margin-bottom: 0.78rem; }

.mb-79 { margin-bottom: 0.79rem; }

.mb-80 { margin-bottom: 0.8rem; }

.mb-81 { margin-bottom: 0.81rem; }

.mb-82 { margin-bottom: 0.82rem; }

.mb-83 { margin-bottom: 0.83rem; }

.mb-84 { margin-bottom: 0.84rem; }

.mb-85 { margin-bottom: 0.85rem; }

.mb-86 { margin-bottom: 0.86rem; }

.mb-87 { margin-bottom: 0.87rem; }

.mb-88 { margin-bottom: 0.88rem; }

.mb-89 { margin-bottom: 0.89rem; }

.mb-90 { margin-bottom: 0.9rem; }

.mb-91 { margin-bottom: 0.91rem; }

.mb-92 { margin-bottom: 0.92rem; }

.mb-93 { margin-bottom: 0.93rem; }

.mb-94 { margin-bottom: 0.94rem; }

.mb-95 { margin-bottom: 0.95rem; }

.mb-96 { margin-bottom: 0.96rem; }

.mb-97 { margin-bottom: 0.97rem; }

.mb-98 { margin-bottom: 0.98rem; }

.mb-99 { margin-bottom: 0.99rem; }

.mb-100 { margin-bottom: 1rem; }

.mb-101 { margin-bottom: 1.01rem; }

.mb-102 { margin-bottom: 1.02rem; }

.mb-103 { margin-bottom: 1.03rem; }

.mb-104 { margin-bottom: 1.04rem; }

.mb-105 { margin-bottom: 1.05rem; }

.mb-106 { margin-bottom: 1.06rem; }

.mb-107 { margin-bottom: 1.07rem; }

.mb-108 { margin-bottom: 1.08rem; }

.mb-109 { margin-bottom: 1.09rem; }

.mb-110 { margin-bottom: 1.1rem; }

.mb-111 { margin-bottom: 1.11rem; }

.mb-112 { margin-bottom: 1.12rem; }

.mb-113 { margin-bottom: 1.13rem; }

.mb-114 { margin-bottom: 1.14rem; }

.mb-115 { margin-bottom: 1.15rem; }

.mb-116 { margin-bottom: 1.16rem; }

.mb-117 { margin-bottom: 1.17rem; }

.mb-118 { margin-bottom: 1.18rem; }

.mb-119 { margin-bottom: 1.19rem; }

.mb-120 { margin-bottom: 1.2rem; }

.mb-121 { margin-bottom: 1.21rem; }

.mb-122 { margin-bottom: 1.22rem; }

.mb-123 { margin-bottom: 1.23rem; }

.mb-124 { margin-bottom: 1.24rem; }

.mb-125 { margin-bottom: 1.25rem; }

.mb-126 { margin-bottom: 1.26rem; }

.mb-127 { margin-bottom: 1.27rem; }

.mb-128 { margin-bottom: 1.28rem; }

.mb-129 { margin-bottom: 1.29rem; }

.mb-130 { margin-bottom: 1.3rem; }

.mb-131 { margin-bottom: 1.31rem; }

.mb-132 { margin-bottom: 1.32rem; }

.mb-133 { margin-bottom: 1.33rem; }

.mb-134 { margin-bottom: 1.34rem; }

.mb-135 { margin-bottom: 1.35rem; }

.mb-136 { margin-bottom: 1.36rem; }

.mb-137 { margin-bottom: 1.37rem; }

.mb-138 { margin-bottom: 1.38rem; }

.mb-139 { margin-bottom: 1.39rem; }

.mb-140 { margin-bottom: 1.4rem; }

/*-- Margin Left --*/
.ml-1 { margin-left: 0.01rem; }

.ml-2 { margin-left: 0.02rem; }

.ml-3 { margin-left: 0.03rem; }

.ml-4 { margin-left: 0.04rem; }

.ml-5 { margin-left: 0.05rem; }

.ml-6 { margin-left: 0.06rem; }

.ml-7 { margin-left: 0.07rem; }

.ml-8 { margin-left: 0.08rem; }

.ml-9 { margin-left: 0.09rem; }

.ml-10 { margin-left: 0.1rem; }

.ml-11 { margin-left: 0.11rem; }

.ml-12 { margin-left: 0.12rem; }

.ml-13 { margin-left: 0.13rem; }

.ml-14 { margin-left: 0.14rem; }

.ml-15 { margin-left: 0.15rem; }

.ml-16 { margin-left: 0.16rem; }

.ml-17 { margin-left: 0.17rem; }

.ml-18 { margin-left: 0.18rem; }

.ml-19 { margin-left: 0.19rem; }

.ml-20 { margin-left: 0.2rem; }

.ml-21 { margin-left: 0.21rem; }

.ml-22 { margin-left: 0.22rem; }

.ml-23 { margin-left: 0.23rem; }

.ml-24 { margin-left: 0.24rem; }

.ml-25 { margin-left: 0.25rem; }

.ml-26 { margin-left: 0.26rem; }

.ml-27 { margin-left: 0.27rem; }

.ml-28 { margin-left: 0.28rem; }

.ml-29 { margin-left: 0.29rem; }

.ml-30 { margin-left: 0.3rem; }

.ml-31 { margin-left: 0.31rem; }

.ml-32 { margin-left: 0.32rem; }

.ml-33 { margin-left: 0.33rem; }

.ml-34 { margin-left: 0.34rem; }

.ml-35 { margin-left: 0.35rem; }

.ml-36 { margin-left: 0.36rem; }

.ml-37 { margin-left: 0.37rem; }

.ml-38 { margin-left: 0.38rem; }

.ml-39 { margin-left: 0.39rem; }

.ml-40 { margin-left: 0.4rem; }

.ml-41 { margin-left: 0.41rem; }

.ml-42 { margin-left: 0.42rem; }

.ml-43 { margin-left: 0.43rem; }

.ml-44 { margin-left: 0.44rem; }

.ml-45 { margin-left: 0.45rem; }

.ml-46 { margin-left: 0.46rem; }

.ml-47 { margin-left: 0.47rem; }

.ml-48 { margin-left: 0.48rem; }

.ml-49 { margin-left: 0.49rem; }

.ml-50 { margin-left: 0.5rem; }

.ml-51 { margin-left: 0.51rem; }

.ml-52 { margin-left: 0.52rem; }

.ml-53 { margin-left: 0.53rem; }

.ml-54 { margin-left: 0.54rem; }

.ml-55 { margin-left: 0.55rem; }

.ml-56 { margin-left: 0.56rem; }

.ml-57 { margin-left: 0.57rem; }

.ml-58 { margin-left: 0.58rem; }

.ml-59 { margin-left: 0.59rem; }

.ml-60 { margin-left: 0.6rem; }

.ml-61 { margin-left: 0.61rem; }

.ml-62 { margin-left: 0.62rem; }

.ml-63 { margin-left: 0.63rem; }

.ml-64 { margin-left: 0.64rem; }

.ml-65 { margin-left: 0.65rem; }

.ml-66 { margin-left: 0.66rem; }

.ml-67 { margin-left: 0.67rem; }

.ml-68 { margin-left: 0.68rem; }

.ml-69 { margin-left: 0.69rem; }

.ml-70 { margin-left: 0.7rem; }

.ml-71 { margin-left: 0.71rem; }

.ml-72 { margin-left: 0.72rem; }

.ml-73 { margin-left: 0.73rem; }

.ml-74 { margin-left: 0.74rem; }

.ml-75 { margin-left: 0.75rem; }

.ml-76 { margin-left: 0.76rem; }

.ml-77 { margin-left: 0.77rem; }

.ml-78 { margin-left: 0.78rem; }

.ml-79 { margin-left: 0.79rem; }

.ml-80 { margin-left: 0.8rem; }

.ml-81 { margin-left: 0.81rem; }

.ml-82 { margin-left: 0.82rem; }

.ml-83 { margin-left: 0.83rem; }

.ml-84 { margin-left: 0.84rem; }

.ml-85 { margin-left: 0.85rem; }

.ml-86 { margin-left: 0.86rem; }

.ml-87 { margin-left: 0.87rem; }

.ml-88 { margin-left: 0.88rem; }

.ml-89 { margin-left: 0.89rem; }

.ml-90 { margin-left: 0.9rem; }

.ml-91 { margin-left: 0.91rem; }

.ml-92 { margin-left: 0.92rem; }

.ml-93 { margin-left: 0.93rem; }

.ml-94 { margin-left: 0.94rem; }

.ml-95 { margin-left: 0.95rem; }

.ml-96 { margin-left: 0.96rem; }

.ml-97 { margin-left: 0.97rem; }

.ml-98 { margin-left: 0.98rem; }

.ml-99 { margin-left: 0.99rem; }

.ml-100 { margin-left: 1rem; }

/*-- Margin Right --*/
.mr-1 { margin-right: 0.01rem; }

.mr-2 { margin-right: 0.02rem; }

.mr-3 { margin-right: 0.03rem; }

.mr-4 { margin-right: 0.04rem; }

.mr-5 { margin-right: 0.05rem; }

.mr-6 { margin-right: 0.06rem; }

.mr-7 { margin-right: 0.07rem; }

.mr-8 { margin-right: 0.08rem; }

.mr-9 { margin-right: 0.09rem; }

.mr-10 { margin-right: 0.1rem; }

.mr-11 { margin-right: 0.11rem; }

.mr-12 { margin-right: 0.12rem; }

.mr-13 { margin-right: 0.13rem; }

.mr-14 { margin-right: 0.14rem; }

.mr-15 { margin-right: 0.15rem; }

.mr-16 { margin-right: 0.16rem; }

.mr-17 { margin-right: 0.17rem; }

.mr-18 { margin-right: 0.18rem; }

.mr-19 { margin-right: 0.19rem; }

.mr-20 { margin-right: 0.2rem; }

.mr-21 { margin-right: 0.21rem; }

.mr-22 { margin-right: 0.22rem; }

.mr-23 { margin-right: 0.23rem; }

.mr-24 { margin-right: 0.24rem; }

.mr-25 { margin-right: 0.25rem; }

.mr-26 { margin-right: 0.26rem; }

.mr-27 { margin-right: 0.27rem; }

.mr-28 { margin-right: 0.28rem; }

.mr-29 { margin-right: 0.29rem; }

.mr-30 { margin-right: 0.3rem; }

.mr-31 { margin-right: 0.31rem; }

.mr-32 { margin-right: 0.32rem; }

.mr-33 { margin-right: 0.33rem; }

.mr-34 { margin-right: 0.34rem; }

.mr-35 { margin-right: 0.35rem; }

.mr-36 { margin-right: 0.36rem; }

.mr-37 { margin-right: 0.37rem; }

.mr-38 { margin-right: 0.38rem; }

.mr-39 { margin-right: 0.39rem; }

.mr-40 { margin-right: 0.4rem; }

.mr-41 { margin-right: 0.41rem; }

.mr-42 { margin-right: 0.42rem; }

.mr-43 { margin-right: 0.43rem; }

.mr-44 { margin-right: 0.44rem; }

.mr-45 { margin-right: 0.45rem; }

.mr-46 { margin-right: 0.46rem; }

.mr-47 { margin-right: 0.47rem; }

.mr-48 { margin-right: 0.48rem; }

.mr-49 { margin-right: 0.49rem; }

.mr-50 { margin-right: 0.5rem; }

.mr-51 { margin-right: 0.51rem; }

.mr-52 { margin-right: 0.52rem; }

.mr-53 { margin-right: 0.53rem; }

.mr-54 { margin-right: 0.54rem; }

.mr-55 { margin-right: 0.55rem; }

.mr-56 { margin-right: 0.56rem; }

.mr-57 { margin-right: 0.57rem; }

.mr-58 { margin-right: 0.58rem; }

.mr-59 { margin-right: 0.59rem; }

.mr-60 { margin-right: 0.6rem; }

.mr-61 { margin-right: 0.61rem; }

.mr-62 { margin-right: 0.62rem; }

.mr-63 { margin-right: 0.63rem; }

.mr-64 { margin-right: 0.64rem; }

.mr-65 { margin-right: 0.65rem; }

.mr-66 { margin-right: 0.66rem; }

.mr-67 { margin-right: 0.67rem; }

.mr-68 { margin-right: 0.68rem; }

.mr-69 { margin-right: 0.69rem; }

.mr-70 { margin-right: 0.7rem; }

.mr-71 { margin-right: 0.71rem; }

.mr-72 { margin-right: 0.72rem; }

.mr-73 { margin-right: 0.73rem; }

.mr-74 { margin-right: 0.74rem; }

.mr-75 { margin-right: 0.75rem; }

.mr-76 { margin-right: 0.76rem; }

.mr-77 { margin-right: 0.77rem; }

.mr-78 { margin-right: 0.78rem; }

.mr-79 { margin-right: 0.79rem; }

.mr-80 { margin-right: 0.8rem; }

.mr-81 { margin-right: 0.81rem; }

.mr-82 { margin-right: 0.82rem; }

.mr-83 { margin-right: 0.83rem; }

.mr-84 { margin-right: 0.84rem; }

.mr-85 { margin-right: 0.85rem; }

.mr-86 { margin-right: 0.86rem; }

.mr-87 { margin-right: 0.87rem; }

.mr-88 { margin-right: 0.88rem; }

.mr-89 { margin-right: 0.89rem; }

.mr-90 { margin-right: 0.9rem; }

.mr-91 { margin-right: 0.91rem; }

.mr-92 { margin-right: 0.92rem; }

.mr-93 { margin-right: 0.93rem; }

.mr-94 { margin-right: 0.94rem; }

.mr-95 { margin-right: 0.95rem; }

.mr-96 { margin-right: 0.96rem; }

.mr-97 { margin-right: 0.97rem; }

.mr-98 { margin-right: 0.98rem; }

.mr-99 { margin-right: 0.99rem; }

.mr-100 { margin-right: 1rem; }

/*-- Padding Top --*/
.pt-1 { padding-top: 0.01rem; }

.pt-2 { padding-top: 0.02rem; }

.pt-3 { padding-top: 0.03rem; }

.pt-4 { padding-top: 0.04rem; }

.pt-5 { padding-top: 0.05rem; }

.pt-6 { padding-top: 0.06rem; }

.pt-7 { padding-top: 0.07rem; }

.pt-8 { padding-top: 0.08rem; }

.pt-9 { padding-top: 0.09rem; }

.pt-10 { padding-top: 0.1rem; }

.pt-11 { padding-top: 0.11rem; }

.pt-12 { padding-top: 0.12rem; }

.pt-13 { padding-top: 0.13rem; }

.pt-14 { padding-top: 0.14rem; }

.pt-15 { padding-top: 0.15rem; }

.pt-16 { padding-top: 0.16rem; }

.pt-17 { padding-top: 0.17rem; }

.pt-18 { padding-top: 0.18rem; }

.pt-19 { padding-top: 0.19rem; }

.pt-20 { padding-top: 0.2rem; }

.pt-21 { padding-top: 0.21rem; }

.pt-22 { padding-top: 0.22rem; }

.pt-23 { padding-top: 0.23rem; }

.pt-24 { padding-top: 0.24rem; }

.pt-25 { padding-top: 0.25rem; }

.pt-26 { padding-top: 0.26rem; }

.pt-27 { padding-top: 0.27rem; }

.pt-28 { padding-top: 0.28rem; }

.pt-29 { padding-top: 0.29rem; }

.pt-30 { padding-top: 0.3rem; }

.pt-31 { padding-top: 0.31rem; }

.pt-32 { padding-top: 0.32rem; }

.pt-33 { padding-top: 0.33rem; }

.pt-34 { padding-top: 0.34rem; }

.pt-35 { padding-top: 0.35rem; }

.pt-36 { padding-top: 0.36rem; }

.pt-37 { padding-top: 0.37rem; }

.pt-38 { padding-top: 0.38rem; }

.pt-39 { padding-top: 0.39rem; }

.pt-40 { padding-top: 0.4rem; }

.pt-41 { padding-top: 0.41rem; }

.pt-42 { padding-top: 0.42rem; }

.pt-43 { padding-top: 0.43rem; }

.pt-44 { padding-top: 0.44rem; }

.pt-45 { padding-top: 0.45rem; }

.pt-46 { padding-top: 0.46rem; }

.pt-47 { padding-top: 0.47rem; }

.pt-48 { padding-top: 0.48rem; }

.pt-49 { padding-top: 0.49rem; }

.pt-50 { padding-top: 0.5rem; }

.pt-51 { padding-top: 0.51rem; }

.pt-52 { padding-top: 0.52rem; }

.pt-53 { padding-top: 0.53rem; }

.pt-54 { padding-top: 0.54rem; }

.pt-55 { padding-top: 0.55rem; }

.pt-56 { padding-top: 0.56rem; }

.pt-57 { padding-top: 0.57rem; }

.pt-58 { padding-top: 0.58rem; }

.pt-59 { padding-top: 0.59rem; }

.pt-60 { padding-top: 0.6rem; }

.pt-61 { padding-top: 0.61rem; }

.pt-62 { padding-top: 0.62rem; }

.pt-63 { padding-top: 0.63rem; }

.pt-64 { padding-top: 0.64rem; }

.pt-65 { padding-top: 0.65rem; }

.pt-66 { padding-top: 0.66rem; }

.pt-67 { padding-top: 0.67rem; }

.pt-68 { padding-top: 0.68rem; }

.pt-69 { padding-top: 0.69rem; }

.pt-70 { padding-top: 0.7rem; }

.pt-71 { padding-top: 0.71rem; }

.pt-72 { padding-top: 0.72rem; }

.pt-73 { padding-top: 0.73rem; }

.pt-74 { padding-top: 0.74rem; }

.pt-75 { padding-top: 0.75rem; }

.pt-76 { padding-top: 0.76rem; }

.pt-77 { padding-top: 0.77rem; }

.pt-78 { padding-top: 0.78rem; }

.pt-79 { padding-top: 0.79rem; }

.pt-80 { padding-top: 0.8rem; }

.pt-81 { padding-top: 0.81rem; }

.pt-82 { padding-top: 0.82rem; }

.pt-83 { padding-top: 0.83rem; }

.pt-84 { padding-top: 0.84rem; }

.pt-85 { padding-top: 0.85rem; }

.pt-86 { padding-top: 0.86rem; }

.pt-87 { padding-top: 0.87rem; }

.pt-88 { padding-top: 0.88rem; }

.pt-89 { padding-top: 0.89rem; }

.pt-90 { padding-top: 0.9rem; }

.pt-91 { padding-top: 0.91rem; }

.pt-92 { padding-top: 0.92rem; }

.pt-93 { padding-top: 0.93rem; }

.pt-94 { padding-top: 0.94rem; }

.pt-95 { padding-top: 0.95rem; }

.pt-96 { padding-top: 0.96rem; }

.pt-97 { padding-top: 0.97rem; }

.pt-98 { padding-top: 0.98rem; }

.pt-99 { padding-top: 0.99rem; }

.pt-100 { padding-top: 1rem; }

.pt-101 { padding-top: 1.01rem; }

.pt-102 { padding-top: 1.02rem; }

.pt-103 { padding-top: 1.03rem; }

.pt-104 { padding-top: 1.04rem; }

.pt-105 { padding-top: 1.05rem; }

.pt-106 { padding-top: 1.06rem; }

.pt-107 { padding-top: 1.07rem; }

.pt-108 { padding-top: 1.08rem; }

.pt-109 { padding-top: 1.09rem; }

.pt-110 { padding-top: 1.1rem; }

.pt-111 { padding-top: 1.11rem; }

.pt-112 { padding-top: 1.12rem; }

.pt-113 { padding-top: 1.13rem; }

.pt-114 { padding-top: 1.14rem; }

.pt-115 { padding-top: 1.15rem; }

.pt-116 { padding-top: 1.16rem; }

.pt-117 { padding-top: 1.17rem; }

.pt-118 { padding-top: 1.18rem; }

.pt-119 { padding-top: 1.19rem; }

.pt-120 { padding-top: 1.2rem; }

.pt-121 { padding-top: 1.21rem; }

.pt-122 { padding-top: 1.22rem; }

.pt-123 { padding-top: 1.23rem; }

.pt-124 { padding-top: 1.24rem; }

.pt-125 { padding-top: 1.25rem; }

.pt-126 { padding-top: 1.26rem; }

.pt-127 { padding-top: 1.27rem; }

.pt-128 { padding-top: 1.28rem; }

.pt-129 { padding-top: 1.29rem; }

.pt-130 { padding-top: 1.3rem; }

.pt-131 { padding-top: 1.31rem; }

.pt-132 { padding-top: 1.32rem; }

.pt-133 { padding-top: 1.33rem; }

.pt-134 { padding-top: 1.34rem; }

.pt-135 { padding-top: 1.35rem; }

.pt-136 { padding-top: 1.36rem; }

.pt-137 { padding-top: 1.37rem; }

.pt-138 { padding-top: 1.38rem; }

.pt-139 { padding-top: 1.39rem; }

.pt-140 { padding-top: 1.4rem; }

.pt-141 { padding-top: 1.41rem; }

.pt-142 { padding-top: 1.42rem; }

.pt-143 { padding-top: 1.43rem; }

.pt-144 { padding-top: 1.44rem; }

.pt-145 { padding-top: 1.45rem; }

.pt-146 { padding-top: 1.46rem; }

.pt-147 { padding-top: 1.47rem; }

.pt-148 { padding-top: 1.48rem; }

.pt-149 { padding-top: 1.49rem; }

.pt-150 { padding-top: 1.5rem; }

/*-- Padding Bottom --*/
.pb-1 { padding-bottom: 0.01rem; }

.pb-2 { padding-bottom: 0.02rem; }

.pb-3 { padding-bottom: 0.03rem; }

.pb-4 { padding-bottom: 0.04rem; }

.pb-5 { padding-bottom: 0.05rem; }

.pb-6 { padding-bottom: 0.06rem; }

.pb-7 { padding-bottom: 0.07rem; }

.pb-8 { padding-bottom: 0.08rem; }

.pb-9 { padding-bottom: 0.09rem; }

.pb-10 { padding-bottom: 0.1rem; }

.pb-11 { padding-bottom: 0.11rem; }

.pb-12 { padding-bottom: 0.12rem; }

.pb-13 { padding-bottom: 0.13rem; }

.pb-14 { padding-bottom: 0.14rem; }

.pb-15 { padding-bottom: 0.15rem; }

.pb-16 { padding-bottom: 0.16rem; }

.pb-17 { padding-bottom: 0.17rem; }

.pb-18 { padding-bottom: 0.18rem; }

.pb-19 { padding-bottom: 0.19rem; }

.pb-20 { padding-bottom: 0.2rem; }

.pb-21 { padding-bottom: 0.21rem; }

.pb-22 { padding-bottom: 0.22rem; }

.pb-23 { padding-bottom: 0.23rem; }

.pb-24 { padding-bottom: 0.24rem; }

.pb-25 { padding-bottom: 0.25rem; }

.pb-26 { padding-bottom: 0.26rem; }

.pb-27 { padding-bottom: 0.27rem; }

.pb-28 { padding-bottom: 0.28rem; }

.pb-29 { padding-bottom: 0.29rem; }

.pb-30 { padding-bottom: 0.3rem; }

.pb-31 { padding-bottom: 0.31rem; }

.pb-32 { padding-bottom: 0.32rem; }

.pb-33 { padding-bottom: 0.33rem; }

.pb-34 { padding-bottom: 0.34rem; }

.pb-35 { padding-bottom: 0.35rem; }

.pb-36 { padding-bottom: 0.36rem; }

.pb-37 { padding-bottom: 0.37rem; }

.pb-38 { padding-bottom: 0.38rem; }

.pb-39 { padding-bottom: 0.39rem; }

.pb-40 { padding-bottom: 0.4rem; }

.pb-41 { padding-bottom: 0.41rem; }

.pb-42 { padding-bottom: 0.42rem; }

.pb-43 { padding-bottom: 0.43rem; }

.pb-44 { padding-bottom: 0.44rem; }

.pb-45 { padding-bottom: 0.45rem; }

.pb-46 { padding-bottom: 0.46rem; }

.pb-47 { padding-bottom: 0.47rem; }

.pb-48 { padding-bottom: 0.48rem; }

.pb-49 { padding-bottom: 0.49rem; }

.pb-50 { padding-bottom: 0.5rem; }

.pb-51 { padding-bottom: 0.51rem; }

.pb-52 { padding-bottom: 0.52rem; }

.pb-53 { padding-bottom: 0.53rem; }

.pb-54 { padding-bottom: 0.54rem; }

.pb-55 { padding-bottom: 0.55rem; }

.pb-56 { padding-bottom: 0.56rem; }

.pb-57 { padding-bottom: 0.57rem; }

.pb-58 { padding-bottom: 0.58rem; }

.pb-59 { padding-bottom: 0.59rem; }

.pb-60 { padding-bottom: 0.6rem; }

.pb-61 { padding-bottom: 0.61rem; }

.pb-62 { padding-bottom: 0.62rem; }

.pb-63 { padding-bottom: 0.63rem; }

.pb-64 { padding-bottom: 0.64rem; }

.pb-65 { padding-bottom: 0.65rem; }

.pb-66 { padding-bottom: 0.66rem; }

.pb-67 { padding-bottom: 0.67rem; }

.pb-68 { padding-bottom: 0.68rem; }

.pb-69 { padding-bottom: 0.69rem; }

.pb-70 { padding-bottom: 0.7rem; }

.pb-71 { padding-bottom: 0.71rem; }

.pb-72 { padding-bottom: 0.72rem; }

.pb-73 { padding-bottom: 0.73rem; }

.pb-74 { padding-bottom: 0.74rem; }

.pb-75 { padding-bottom: 0.75rem; }

.pb-76 { padding-bottom: 0.76rem; }

.pb-77 { padding-bottom: 0.77rem; }

.pb-78 { padding-bottom: 0.78rem; }

.pb-79 { padding-bottom: 0.79rem; }

.pb-80 { padding-bottom: 0.8rem; }

.pb-81 { padding-bottom: 0.81rem; }

.pb-82 { padding-bottom: 0.82rem; }

.pb-83 { padding-bottom: 0.83rem; }

.pb-84 { padding-bottom: 0.84rem; }

.pb-85 { padding-bottom: 0.85rem; }

.pb-86 { padding-bottom: 0.86rem; }

.pb-87 { padding-bottom: 0.87rem; }

.pb-88 { padding-bottom: 0.88rem; }

.pb-89 { padding-bottom: 0.89rem; }

.pb-90 { padding-bottom: 0.9rem; }

.pb-91 { padding-bottom: 0.91rem; }

.pb-92 { padding-bottom: 0.92rem; }

.pb-93 { padding-bottom: 0.93rem; }

.pb-94 { padding-bottom: 0.94rem; }

.pb-95 { padding-bottom: 0.95rem; }

.pb-96 { padding-bottom: 0.96rem; }

.pb-97 { padding-bottom: 0.97rem; }

.pb-98 { padding-bottom: 0.98rem; }

.pb-99 { padding-bottom: 0.99rem; }

.pb-100 { padding-bottom: 1rem; }

.pb-101 { padding-bottom: 1.01rem; }

.pb-102 { padding-bottom: 1.02rem; }

.pb-103 { padding-bottom: 1.03rem; }

.pb-104 { padding-bottom: 1.04rem; }

.pb-105 { padding-bottom: 1.05rem; }

.pb-106 { padding-bottom: 1.06rem; }

.pb-107 { padding-bottom: 1.07rem; }

.pb-108 { padding-bottom: 1.08rem; }

.pb-109 { padding-bottom: 1.09rem; }

.pb-110 { padding-bottom: 1.1rem; }

.pb-111 { padding-bottom: 1.11rem; }

.pb-112 { padding-bottom: 1.12rem; }

.pb-113 { padding-bottom: 1.13rem; }

.pb-114 { padding-bottom: 1.14rem; }

.pb-115 { padding-bottom: 1.15rem; }

.pb-116 { padding-bottom: 1.16rem; }

.pb-117 { padding-bottom: 1.17rem; }

.pb-118 { padding-bottom: 1.18rem; }

.pb-119 { padding-bottom: 1.19rem; }

.pb-120 { padding-bottom: 1.2rem; }

.pb-121 { padding-bottom: 1.21rem; }

.pb-122 { padding-bottom: 1.22rem; }

.pb-123 { padding-bottom: 1.23rem; }

.pb-124 { padding-bottom: 1.24rem; }

.pb-125 { padding-bottom: 1.25rem; }

.pb-126 { padding-bottom: 1.26rem; }

.pb-127 { padding-bottom: 1.27rem; }

.pb-128 { padding-bottom: 1.28rem; }

.pb-129 { padding-bottom: 1.29rem; }

.pb-130 { padding-bottom: 1.3rem; }

.pb-131 { padding-bottom: 1.31rem; }

.pb-132 { padding-bottom: 1.32rem; }

.pb-133 { padding-bottom: 1.33rem; }

.pb-134 { padding-bottom: 1.34rem; }

.pb-135 { padding-bottom: 1.35rem; }

.pb-136 { padding-bottom: 1.36rem; }

.pb-137 { padding-bottom: 1.37rem; }

.pb-138 { padding-bottom: 1.38rem; }

.pb-139 { padding-bottom: 1.39rem; }

.pb-140 { padding-bottom: 1.4rem; }

.pb-141 { padding-bottom: 1.41rem; }

.pb-142 { padding-bottom: 1.42rem; }

.pb-143 { padding-bottom: 1.43rem; }

.pb-144 { padding-bottom: 1.44rem; }

.pb-145 { padding-bottom: 1.45rem; }

.pb-146 { padding-bottom: 1.46rem; }

.pb-147 { padding-bottom: 1.47rem; }

.pb-148 { padding-bottom: 1.48rem; }

.pb-149 { padding-bottom: 1.49rem; }

.pb-150 { padding-bottom: 1.5rem; }

/*-- Padding Left --*/
.pl-1 { padding-left: 0.01rem; }

.pl-2 { padding-left: 0.02rem; }

.pl-3 { padding-left: 0.03rem; }

.pl-4 { padding-left: 0.04rem; }

.pl-5 { padding-left: 0.05rem; }

.pl-6 { padding-left: 0.06rem; }

.pl-7 { padding-left: 0.07rem; }

.pl-8 { padding-left: 0.08rem; }

.pl-9 { padding-left: 0.09rem; }

.pl-10 { padding-left: 0.1rem; }

.pl-11 { padding-left: 0.11rem; }

.pl-12 { padding-left: 0.12rem; }

.pl-13 { padding-left: 0.13rem; }

.pl-14 { padding-left: 0.14rem; }

.pl-15 { padding-left: 0.15rem; }

.pl-16 { padding-left: 0.16rem; }

.pl-17 { padding-left: 0.17rem; }

.pl-18 { padding-left: 0.18rem; }

.pl-19 { padding-left: 0.19rem; }

.pl-20 { padding-left: 0.2rem; }

.pl-21 { padding-left: 0.21rem; }

.pl-22 { padding-left: 0.22rem; }

.pl-23 { padding-left: 0.23rem; }

.pl-24 { padding-left: 0.24rem; }

.pl-25 { padding-left: 0.25rem; }

.pl-26 { padding-left: 0.26rem; }

.pl-27 { padding-left: 0.27rem; }

.pl-28 { padding-left: 0.28rem; }

.pl-29 { padding-left: 0.29rem; }

.pl-30 { padding-left: 0.3rem; }

.pl-31 { padding-left: 0.31rem; }

.pl-32 { padding-left: 0.32rem; }

.pl-33 { padding-left: 0.33rem; }

.pl-34 { padding-left: 0.34rem; }

.pl-35 { padding-left: 0.35rem; }

.pl-36 { padding-left: 0.36rem; }

.pl-37 { padding-left: 0.37rem; }

.pl-38 { padding-left: 0.38rem; }

.pl-39 { padding-left: 0.39rem; }

.pl-40 { padding-left: 0.4rem; }

.pl-41 { padding-left: 0.41rem; }

.pl-42 { padding-left: 0.42rem; }

.pl-43 { padding-left: 0.43rem; }

.pl-44 { padding-left: 0.44rem; }

.pl-45 { padding-left: 0.45rem; }

.pl-46 { padding-left: 0.46rem; }

.pl-47 { padding-left: 0.47rem; }

.pl-48 { padding-left: 0.48rem; }

.pl-49 { padding-left: 0.49rem; }

.pl-50 { padding-left: 0.5rem; }

.pl-51 { padding-left: 0.51rem; }

.pl-52 { padding-left: 0.52rem; }

.pl-53 { padding-left: 0.53rem; }

.pl-54 { padding-left: 0.54rem; }

.pl-55 { padding-left: 0.55rem; }

.pl-56 { padding-left: 0.56rem; }

.pl-57 { padding-left: 0.57rem; }

.pl-58 { padding-left: 0.58rem; }

.pl-59 { padding-left: 0.59rem; }

.pl-60 { padding-left: 0.6rem; }

.pl-61 { padding-left: 0.61rem; }

.pl-62 { padding-left: 0.62rem; }

.pl-63 { padding-left: 0.63rem; }

.pl-64 { padding-left: 0.64rem; }

.pl-65 { padding-left: 0.65rem; }

.pl-66 { padding-left: 0.66rem; }

.pl-67 { padding-left: 0.67rem; }

.pl-68 { padding-left: 0.68rem; }

.pl-69 { padding-left: 0.69rem; }

.pl-70 { padding-left: 0.7rem; }

.pl-71 { padding-left: 0.71rem; }

.pl-72 { padding-left: 0.72rem; }

.pl-73 { padding-left: 0.73rem; }

.pl-74 { padding-left: 0.74rem; }

.pl-75 { padding-left: 0.75rem; }

.pl-76 { padding-left: 0.76rem; }

.pl-77 { padding-left: 0.77rem; }

.pl-78 { padding-left: 0.78rem; }

.pl-79 { padding-left: 0.79rem; }

.pl-80 { padding-left: 0.8rem; }

.pl-81 { padding-left: 0.81rem; }

.pl-82 { padding-left: 0.82rem; }

.pl-83 { padding-left: 0.83rem; }

.pl-84 { padding-left: 0.84rem; }

.pl-85 { padding-left: 0.85rem; }

.pl-86 { padding-left: 0.86rem; }

.pl-87 { padding-left: 0.87rem; }

.pl-88 { padding-left: 0.88rem; }

.pl-89 { padding-left: 0.89rem; }

.pl-90 { padding-left: 0.9rem; }

.pl-91 { padding-left: 0.91rem; }

.pl-92 { padding-left: 0.92rem; }

.pl-93 { padding-left: 0.93rem; }

.pl-94 { padding-left: 0.94rem; }

.pl-95 { padding-left: 0.95rem; }

.pl-96 { padding-left: 0.96rem; }

.pl-97 { padding-left: 0.97rem; }

.pl-98 { padding-left: 0.98rem; }

.pl-99 { padding-left: 0.99rem; }

.pl-100 { padding-left: 1rem; }

.pl-101 { padding-left: 1.01rem; }

.pl-102 { padding-left: 1.02rem; }

.pl-103 { padding-left: 1.03rem; }

.pl-104 { padding-left: 1.04rem; }

.pl-105 { padding-left: 1.05rem; }

.pl-106 { padding-left: 1.06rem; }

.pl-107 { padding-left: 1.07rem; }

.pl-108 { padding-left: 1.08rem; }

.pl-109 { padding-left: 1.09rem; }

.pl-110 { padding-left: 1.1rem; }

.pl-111 { padding-left: 1.11rem; }

.pl-112 { padding-left: 1.12rem; }

.pl-113 { padding-left: 1.13rem; }

.pl-114 { padding-left: 1.14rem; }

.pl-115 { padding-left: 1.15rem; }

.pl-116 { padding-left: 1.16rem; }

.pl-117 { padding-left: 1.17rem; }

.pl-118 { padding-left: 1.18rem; }

.pl-119 { padding-left: 1.19rem; }

.pl-120 { padding-left: 1.2rem; }

.pl-121 { padding-left: 1.21rem; }

.pl-122 { padding-left: 1.22rem; }

.pl-123 { padding-left: 1.23rem; }

.pl-124 { padding-left: 1.24rem; }

.pl-125 { padding-left: 1.25rem; }

.pl-126 { padding-left: 1.26rem; }

.pl-127 { padding-left: 1.27rem; }

.pl-128 { padding-left: 1.28rem; }

.pl-129 { padding-left: 1.29rem; }

.pl-130 { padding-left: 1.3rem; }

/*-- Padding Right --*/
.pr-1 { padding-right: 0.01rem; }

.pr-2 { padding-right: 0.02rem; }

.pr-3 { padding-right: 0.03rem; }

.pr-4 { padding-right: 0.04rem; }

.pr-5 { padding-right: 0.05rem; }

.pr-6 { padding-right: 0.06rem; }

.pr-7 { padding-right: 0.07rem; }

.pr-8 { padding-right: 0.08rem; }

.pr-9 { padding-right: 0.09rem; }

.pr-10 { padding-right: 0.1rem; }

.pr-11 { padding-right: 0.11rem; }

.pr-12 { padding-right: 0.12rem; }

.pr-13 { padding-right: 0.13rem; }

.pr-14 { padding-right: 0.14rem; }

.pr-15 { padding-right: 0.15rem; }

.pr-16 { padding-right: 0.16rem; }

.pr-17 { padding-right: 0.17rem; }

.pr-18 { padding-right: 0.18rem; }

.pr-19 { padding-right: 0.19rem; }

.pr-20 { padding-right: 0.2rem; }

.pr-21 { padding-right: 0.21rem; }

.pr-22 { padding-right: 0.22rem; }

.pr-23 { padding-right: 0.23rem; }

.pr-24 { padding-right: 0.24rem; }

.pr-25 { padding-right: 0.25rem; }

.pr-26 { padding-right: 0.26rem; }

.pr-27 { padding-right: 0.27rem; }

.pr-28 { padding-right: 0.28rem; }

.pr-29 { padding-right: 0.29rem; }

.pr-30 { padding-right: 0.3rem; }

.pr-31 { padding-right: 0.31rem; }

.pr-32 { padding-right: 0.32rem; }

.pr-33 { padding-right: 0.33rem; }

.pr-34 { padding-right: 0.34rem; }

.pr-35 { padding-right: 0.35rem; }

.pr-36 { padding-right: 0.36rem; }

.pr-37 { padding-right: 0.37rem; }

.pr-38 { padding-right: 0.38rem; }

.pr-39 { padding-right: 0.39rem; }

.pr-40 { padding-right: 0.4rem; }

.pr-41 { padding-right: 0.41rem; }

.pr-42 { padding-right: 0.42rem; }

.pr-43 { padding-right: 0.43rem; }

.pr-44 { padding-right: 0.44rem; }

.pr-45 { padding-right: 0.45rem; }

.pr-46 { padding-right: 0.46rem; }

.pr-47 { padding-right: 0.47rem; }

.pr-48 { padding-right: 0.48rem; }

.pr-49 { padding-right: 0.49rem; }

.pr-50 { padding-right: 0.5rem; }

.pr-51 { padding-right: 0.51rem; }

.pr-52 { padding-right: 0.52rem; }

.pr-53 { padding-right: 0.53rem; }

.pr-54 { padding-right: 0.54rem; }

.pr-55 { padding-right: 0.55rem; }

.pr-56 { padding-right: 0.56rem; }

.pr-57 { padding-right: 0.57rem; }

.pr-58 { padding-right: 0.58rem; }

.pr-59 { padding-right: 0.59rem; }

.pr-60 { padding-right: 0.6rem; }

.pr-61 { padding-right: 0.61rem; }

.pr-62 { padding-right: 0.62rem; }

.pr-63 { padding-right: 0.63rem; }

.pr-64 { padding-right: 0.64rem; }

.pr-65 { padding-right: 0.65rem; }

.pr-66 { padding-right: 0.66rem; }

.pr-67 { padding-right: 0.67rem; }

.pr-68 { padding-right: 0.68rem; }

.pr-69 { padding-right: 0.69rem; }

.pr-70 { padding-right: 0.7rem; }

.pr-71 { padding-right: 0.71rem; }

.pr-72 { padding-right: 0.72rem; }

.pr-73 { padding-right: 0.73rem; }

.pr-74 { padding-right: 0.74rem; }

.pr-75 { padding-right: 0.75rem; }

.pr-76 { padding-right: 0.76rem; }

.pr-77 { padding-right: 0.77rem; }

.pr-78 { padding-right: 0.78rem; }

.pr-79 { padding-right: 0.79rem; }

.pr-80 { padding-right: 0.8rem; }

.pr-81 { padding-right: 0.81rem; }

.pr-82 { padding-right: 0.82rem; }

.pr-83 { padding-right: 0.83rem; }

.pr-84 { padding-right: 0.84rem; }

.pr-85 { padding-right: 0.85rem; }

.pr-86 { padding-right: 0.86rem; }

.pr-87 { padding-right: 0.87rem; }

.pr-88 { padding-right: 0.88rem; }

.pr-89 { padding-right: 0.89rem; }

.pr-90 { padding-right: 0.9rem; }

.pr-91 { padding-right: 0.91rem; }

.pr-92 { padding-right: 0.92rem; }

.pr-93 { padding-right: 0.93rem; }

.pr-94 { padding-right: 0.94rem; }

.pr-95 { padding-right: 0.95rem; }

.pr-96 { padding-right: 0.96rem; }

.pr-97 { padding-right: 0.97rem; }

.pr-98 { padding-right: 0.98rem; }

.pr-99 { padding-right: 0.99rem; }

.pr-100 { padding-right: 1rem; }

.index-pro { position: relative; text-align: center; background: #000 url(../images/index-pro_bg.jpg) no-repeat center; }

.index-pro::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; }

.index-pro .container { position: relative; z-index: 2; }

.index-pro .auto-title-block .auto-title-en { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); color: #fff; }

.index-pro .auto-title-block .auto-title-h2 { color: #fff; }

.index-pro .auto-title-block .auto-title-p { color: #fff; }

.index-pro .network-solution-items { margin-top: 0.3rem; position: relative; padding-left: 0.3rem; padding-right: 0.3rem; height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: center; }

.index-pro .network-solution-items::after { content: ""; position: absolute; left: auto; right: calc(var(--bs-gutter-x)* (-0.5)); top: 50%; width: 1px; height: 100%; background: #fff; opacity: 0.15; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.index-pro .network-solution-items .icon { font-size: 68px; display: block; width: 1.20rem; height: 1.20rem; }

.index-pro .network-solution-items .content { margin-top: 0.15rem; }

.index-pro .network-solution-items .content h4 { margin-bottom: 0.1rem; font-size: 0.24rem; color: #fff; }

.index-pro .network-solution-items .content h4 a { color: #fff; }

.index-pro .network-solution-items .content h4 a:hover { color: var(--theme); }

.index-pro .network-solution-items .content h4 p { margin-bottom: 0.15rem; }

.index-pro .network-solution-items .content p { color: #fff; }

.index-pro .more { margin-top: 0.6rem; color: #fff; }

.index-pro .more a { color: #fff; border-color: #fff; }

.index-pro .more a:hover { border-color: #ff9900; }

.owl-theme .owl-dots { margin-top: 0 !important; }

.owl-theme .owl-dots .owl-dot span { height: 3px; width: 0.1rem; padding-top: 0; }

.owl-theme .owl-dots .owl-dot.active span { background: #ff9900; width: 0.40rem; }

.index-hotpro { text-align: center; background: #f2f3f5 url(../images/bg_home_b2.jpg) center center no-repeat; background-size: cover; overflow: hidden; }

.index-hotpro .auto-title-block .auto-title-en { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

.index-hotpro .event-item { position: relative; background: #ffffff; border-radius: 0.05rem; padding: 0.05rem; margin-bottom: 0.25rem; box-shadow: var(--box-shadow); -webkit-border-radius: 0.40rem; -moz-border-radius: 0.40rem; -ms-border-radius: 0.40rem; -o-border-radius: 0.40rem; border-radius: 0.40rem; overflow: hidden; }

.index-hotpro .event-location { margin-bottom: 12px; }

.index-hotpro .event-location i { color: var(--theme-color2); }

.index-hotpro .event-img { position: relative; overflow: hidden; border-radius: 0.40rem 0.40rem 0.40rem 0; }

.index-hotpro .event-img img { border-radius: 0.40rem 0.40rem 0.40rem 0; box-shadow: var(--box-shadow); }

.index-hotpro .event-item:hover .event-img img { transform: scale(1.1); }

.index-hotpro .event-meta { display: flex; gap: 0.15rem; margin: 14px 0; }

.index-hotpro .event-meta i { color: var(--theme-color2); margin-right: 0.05rem; }

.index-hotpro .event-info { padding: 0.15rem; border-top: 0px solid #f2f3f5; }

.index-hotpro .event-title { font-size: 0.16rem; line-height: 1.25; margin-bottom: 0.1rem; }

.index-hotpro .event-title a { color: #000; }

.index-hotpro .event-title:hover { color: var(--theme-color2); }

.index-hotpro .event-btn { margin-top: 0.20rem; }

.index-hotpro .event-btn .theme-btn { padding: 11px 0.15rem; }

.index-hotpro .event-item .event-info::before { position: absolute; bottom: -1px; left: 50%; width: 0; height: 0.05rem; background: var(--thm-primary); content: ""; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 9; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

.index-hotpro .event-item:hover .event-info::before { width: 100%; }

.index-hotpro .event-item:hover .event-info::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 0px); z-index: 10; transition: all 500ms ease; display: none; }

.index-mack { text-align: center; background: #fff url(../images/mackbg.jpg); }

.index-mack .auto-title-block .auto-title-en { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

.macklogo { width: 100%; height: 0; padding-bottom: 38%; position: relative; margin-top: 0.20rem; }

.macklogo ._cir { width: 10%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.macklogo ._cir > div { width: 100%; padding-bottom: 100%; border: 1px solid #eaeaea; border-radius: 50%; animation: spread 5s linear infinite; opacity: 0; will-change: transform; }

@keyframes spread { 0% { transform: scale(1);
    opacity: 1; }
  100% { transform: scale(5);
    opacity: 0; } }

.macklogo ._cir.j1 > div { animation-delay: 1s; }

.macklogo ._cir.j2 > div { animation-delay: 2s; }

.macklogo ._cir.j3 > div { animation-delay: 3s; }

.macklogo ._cir.j4 > div { animation-delay: 4s; }

.macklogo ._cir.j5 > div { animation-delay: 5s; }

.macklogo ._list { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }

.macklogo ._list ._item { width: 10%; position: absolute; }

.macklogo ._list ._item > div { width: 100%; height: 0; padding-bottom: 100%; background-color: #fff; border-radius: 50%; box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.05); }

.macklogo ._list ._item img { width: 80%; height: 80%; object-fit: contain; position: absolute; top: 10%; left: 10%; }

.macklogo ._list ._item.k1 { top: 50%; left: 50%; transform: translate(-50%, -50%); }

.macklogo ._list ._item.k2 { top: 33%; left: 0%; }

.macklogo ._list ._item.k3 { top: 14%; left: 10%; transform: scale(0.75); }

.macklogo ._list ._item.k4 { top: 42%; left: 11%; transform: scale(0.7); }

.macklogo ._list ._item.k5 { top: 70%; left: 15%; transform: scale(0.85); }

.macklogo ._list ._item.k6 { top: 0%; left: 20%; transform: scale(0.75); }

.macklogo ._list ._item.k7 { top: 30%; left: 25%; transform: scale(0.7); }

.macklogo ._list ._item.k8 { top: 0%; left: 35%; transform: scale(0.85); }

.macklogo ._list ._item.k9 { top: 3%; left: 53%; transform: scale(0.9); }

.macklogo ._list ._item.k10 { top: 28%; left: 63%; transform: scale(0.85); }

.macklogo ._list ._item.k11 { top: 70%; left: 35%; transform: scale(0.8); }

.macklogo ._list ._item.k12 { top: 65%; left: 56%; transform: scale(0.75); }

.macklogo ._list ._item.k13 { top: 6%; left: 85%; transform: scale(0.85); }

.macklogo ._list ._item.k14 { top: 35%; left: 80%; transform: scale(0.8); }

.macklogo ._list ._item.k15 { top: 62%; left: 75%; transform: scale(0.85); }

.macklogo ._list ._item.k16 { top: 54%; left: 90%; transform: scale(0.9); }

.index-news { background-color: white; overflow: hidden; padding: 0.7rem 0; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index-news .auto-title-block .auto-title-en { text-align: center; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index-news .auto-title-block .auto-title-h2 { text-align: center; } }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index-news .auto-title-block .auto-title-p { text-align: center; } }

.index-news .title-flex { padding-bottom: 0.3rem; }

.index-news .title-flex .auto-title-block { padding: 0; }

.index-news .title-flex .title-tab { padding-bottom: 0.1rem; font-size: 0.16rem; line-height: 0.45rem; color: #333333; }

.index-news .title-flex .title-tab .tit-son { padding: 0 0.8em; }

.index-news .title-flex .title-tab .more { margin: 0; }

.index-news .title-flex .title-tab .tit-son .a { display: block; border-radius: 0.20rem; padding: 0 1.5em; background-color: transparent; transition: all 0.3s; color: #333333; }

.index-news .title-flex .title-tab .tit-son .a.on, .index-news .title-flex .title-tab .tit-son .a:hover { background-color: #ff9900; color: #ffffff; }

.index-news .list { --p: 0.15rem; margin: calc(var(--p)*-1); }

.index-news .list .list-li { width: 33.33%; padding: var(--p); font-size: 0.18rem; line-height: 1.77em; color: #333333; }

.index-news .list .list-li .box { border-radius: 0.1rem; background-color: #f7f7f7; overflow: hidden; transform: translateY(0); height: 100%; transition: transform 0.3s, color 0.3s; }

.index-news .list .list-li .box:hover { transform: translateY(-3px); color: #ff9900; }

.index-news .list .list-li:first-child { width: 100%; }

.index-news .list .list-li:first-child .box { font-size: 0.2rem; background-color: #f7f7f7; }

.index-news .list .list-li:first-child .img-box { display: inline-flex; width: 50%; }

.index-news .list .list-li:first-child .cont { width: 50%; padding: 0.25rem 5%; }

.index-news .list .list-li:first-child .des { display: -webkit-inline-box; -webkit-line-clamp: 3; }

.index-news .list .img-box { display: none; }

.index-news .list .title { margin-bottom: 17px; font-weight: bold; color: #333; }

.index-news .list .cont { width: 100%; padding: 35px 0.25rem 0.3rem; }

.index-news .list .des { display: none; margin-bottom: 0.25rem; font-size: 0.16rem; line-height: 1.75; color: #666666; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index-news .list .list-li:first-child .cont { width: 100%; padding: 0.30rem 0.3rem; margin-bottom: 0; padding-bottom: 0.15rem; } }

@media (max-width: 1600px) { .index-news .title-flex .title-tab { padding-bottom: 0; font-size: 0.15rem; line-height: 36px; }
  .index-news .title-flex .title-tab .tit-son { padding: 0 0.5em; }
  .index-news .title-flex .title-tab .tit-son .a { border-radius: 0.18rem; padding: 0 1.2em; color: #333333; }
  .index-news .list { --p: 0.15rem; }
  .index-news .list .list-li .box { border-radius: 0.05rem; }
  .index-news .list .title { margin-bottom: 12px; }
  .index-news .list .cont { padding: 0.3rem 0.25rem 0.3rem; } }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index-news .title-flex .auto-title-block { flex-wrap: wrap; }
  .index-news .title-flex .left-cont, .index-news .title-flex .right-cont { width: 100%; }
  .index-news .title-flex .title-tab { margin-top: 0.4rem; justify-content: center; font-size: 0.26rem; line-height: 2em; }
  .index-news .title-flex .title-tab .tit-son { padding: 0 0.1em; }
  .index-news .title-flex .title-tab .tit-son .a { border-radius: 1em; padding: 0 0.8em; }
  .index-news .list { --p: 0.1rem; }
  .index-news .list .list-li { width: 100%; font-size: 0.26rem; line-height: 1.6em; }
  .index-news .list .list-li .box { border-radius: 0.1rem; }
  .index-news .list .list-li:first-child .more-box-b { display: none; }
  .index-news .list .title { margin-bottom: 0.15rem; }
  .index-news .list .cont { padding: 0.3rem 0.3rem; } }

.index-news .list .list-li { font-size: 0.17rem; line-height: 1.5; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index-news .list .list-li:first-child .img-box { width: 100%; } }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index-news .list .box { flex-wrap: wrap; } }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index-news .title-flex .title-tab { margin-top: 0.15rem; } }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index-news .title-flex .title-tab .tit-son { margin-top: 0.15rem; line-height: 1.75; font-size: 0.24rem; padding: 0 0.10rem; } }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index-news .title-flex .title-tab .tit-son .a { border: 1PX solid rgba(var(--thm-black-rgb), 0.8); padding: 0 0.15rem; } }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index-news .title-flex .title-tab .tit-son:last-child { display: none; } }

.index-tech { width: 100%; overflow: hidden; background: url(../images/jsbg1.jpg) no-repeat top center; background: #00488f; background-size: cover; padding-top: 0.9rem; padding-bottom: 1.8rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index-tech { padding-top: 0.7rem; padding-bottom: 0.7rem; } }

.index-tech .auto-title-block .auto-title-en { color: #fff; }

.index-tech .auto-title-block .auto-title-h2 .auto-title-word .p { color: #fff; }

.index-techlist, .index-techlist h4 { width: 100%; overflow: hidden; }

.index-techlist { visibility: hidden; height: 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; }

.index-techlist.active { visibility: visible; height: auto; }

.index-techlf { overflow: hidden; padding: 0; margin-top: 0.25rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index-techlf { margin-top: 0; } }

.index-techlf .more { margin-top: 1rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index-techlf .more { margin-top: 0.15rem; } }

.index-techlf .more a { background: #ff9900; border-color: #ff9900; color: #fff; }

.index-techlf .more a::after { display: none; }

.index-techlist h4 { font-size: 0.45rem; color: #fff; line-height: 1.25; font-weight: normal; margin-bottom: 0.16rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index-techlist h4 { font-size: 0.32rem; } }

.index-techlist p { width: 66%; overflow: hidden; line-height: 0.3rem; font-size: 0.16rem; color: #fff; height: 0.6rem; overflow: hidden; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index-techlist p { width: 68%; } }

.index-techlf ul { width: 100%; overflow: hidden; margin-top: 1.2rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index-techlf ul { margin-top: 0.3rem; } }

.index-techlf ul li { overflow: hidden; float: left; margin-right: 0.3rem; margin-bottom: 0.15rem; padding-right: 1px; opacity: 0.8; border-bottom: solid 2px #fff; padding-bottom: 0.1rem; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; }

.index-techlf ul li a { font-size: 0.18rem; color: #fff; line-height: 0.3rem; }

.index-techlf ul li.active { opacity: 1; }

.index-linkup { width: 100%; background: #000 url(../images/index-linkup_bg.jpg) no-repeat fixed center; background-size: cover; color: #fff; padding: 0.7rem 0 1.5rem; position: relative; }

.index-linkup::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); backdrop-filter: blur(0.1px); z-index: 0; }

.index-linkup .container { position: relative; z-index: 1; }

.index-linkup h1 { width: 80%; max-width: 9.2rem; margin: 0 auto; text-align: center; font-size: 0.32rem; line-height: 1.33; padding: 0.3rem 0 0.15rem 0; font-weight: bold; color: #fff; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index-linkup h1 { font-size: 0.24rem; } }

.index-linkup h2 { font-size: 0.24rem; font-weight: normal; line-height: 1.33; text-align: center; color: #fff; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index-linkup h2 { font-size: 0.19rem; } }

.index-linkup a { margin: 0.15rem auto; }

/* 公共头部 */
/*----------------------------------------*/
/*  3.1 Header Style
/*----------------------------------------*/
header { position: relative; z-index: 999; }

.tp-transparent-header { position: fixed; top: 0; left: 0; right: 0; z-index: 999; }

.tp-logo img { width: 250px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) { .tp-header-area { padding-left: 30px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .tp-header-area { padding-left: 0.40rem; } }

@media only screen and (min-width: 0px) and (max-width: 575px) { .tp-header-area { padding-left: 0.15rem; } }

@media only screen and (min-width: 1400px) and (max-width: 1600px) { .tp-header-space { padding-left: 0.5rem; padding-right: 0.5rem; } }

@media only screen and (min-width: 1200px) and (max-width: 1399px) { .tp-header-space { padding-left: 0.3rem; padding-right: 0.3rem; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .tp-header-space { padding-left: 0.3rem; padding-right: 0.3rem; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .tp-header-space { padding-left: 0.3rem; padding-right: 0.3rem; } }

@media (max-width: 767px) { .tp-header-space { padding: 0.1rem 0.15rem; } }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .tp-header-space-3 { padding: 0.18rem 0.3rem; } }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .tp-header-space-4 { padding: 0.18rem 0.3rem; } }

@media (max-width: 767px) { .tp-header-space-4 { padding: 0.18rem 0.15rem; } }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) { .tp-header-space-5 { padding: 0.18rem 0.3rem; } }

@media (max-width: 767px) { .tp-header-space-5 { padding: 0.18rem 0.15rem; } }

@media only screen and (min-width: 1200px) and (max-width: 1399px) { .tp-main-menu { padding-left: 0.1rem; } }

.tp-main-menu ul > li { display: inline-block; margin-right: 0.42rem; position: relative; }

@media screen and (min-width: 1600px) and (max-width: 1800px) { .tp-main-menu ul > li { margin-right: 0.22rem; } }

@media only screen and (min-width: 1400px) and (max-width: 1600px) { .tp-main-menu ul > li { margin-right: 0.27rem; } }

@media only screen and (min-width: 1200px) and (max-width: 1399px) { .tp-main-menu ul > li { margin-right: 0.20rem; } }

.tp-main-menu ul > li > a { color: #fff; font-family: var(--tp-font-heading); font-size: 0.18rem; padding: 36px 0; display: inline-block; position: relative; }

.tp-main-menu ul > li > a:before { content: "\eb94"; font-family: var(--thm-font-flaticon); font-size: 0.26rem; position: absolute; top: -5px; left: 0.26rem; -moz-transform: rotate(133deg); -o-transform: rotate(133deg); -ms-transform: rotate(133deg); -webkit-transform: rotate(133deg); transform: rotate(133deg); color: var(--thm-primary); opacity: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.tp-main-menu ul > li .sub-menu { position: absolute; top: 105%; width: 213px; left: 0; background: #fff; padding: 0.16rem 0; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; box-shadow: 0px 0.2rem 0.3rem rgba(1, 15, 28, 0.1); }

.tp-main-menu ul > li .sub-menu li { margin-right: 0; display: block; }

.tp-main-menu ul > li .sub-menu li a { color: #000; display: block; padding: 4px 0.25rem; font-size: 17px; }

.tp-main-menu ul > li .sub-menu li a:before { display: none; }

.tp-main-menu ul > li .sub-menu li .sub-menu { left: 100%; top: 105%; opacity: 0; visibility: hidden; }

.tp-main-menu ul > li .sub-menu li:hover > a { color: rgba(var(--thm-primary-rgb), 1); }

.tp-main-menu ul > li .sub-menu li:hover > .sub-menu { opacity: 1; visibility: visible; top: 0; }

.tp-main-menu ul > li:hover > a { color: var(--thm-primary); }

.tp-main-menu ul > li:hover > a:before { opacity: 1; top: 0; }

.tp-main-menu ul > li:hover .sub-menu { opacity: 1; visibility: visible; top: 100%; }

.tp-main-menu-black ul li a { color: #0A0E1A; }

.tp-main-menu-black ul li a:before { color: var(--tp-theme-orange); }

.tp-main-menu-black ul li:hover a { color: var(--tp-theme-orange); }

.tp-main-menu-black ul li .sub-menu li:hover > a { color: var(--tp-theme-orange); }

.tp-header-border { backdrop-filter: blur(1px); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.72), rgba(255, 255, 255, 0)); }

.tp-header-border::after { content: ""; height: 1px; width: 100%; position: absolute; background: rgba(255, 255, 255, 0.15); left: 0; }

.tp-header-search { margin-right: 0.3rem; }

.tp-header-search i { font-size: 0.3rem; color: #fff; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) { .tp-header-search { margin-right: 0.25rem; } }

.tp-header-lang { margin-right: 0.3rem; font-size: 0.16rem; }

.tp-header-lang button { font-size: 0.16rem; color: #fff; }

.tp-header-lang i { font-size: 0.3rem; color: #fff; padding-right: 0.05rem; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) { .tp-header-lang { margin-right: 0.25rem; } }

.tp-header-bar { height: 100%; }

.tp-header-bar button { background: #23252D; padding: 0.1rem 0.25rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; height: 100%; transition: 0.3s; }

.tp-header-bar button i { color: #fff; font-size: 36px; }

.tp-header-bar button:hover { background-color: var(--thm-primary); }

.tp-header-bar button:hover i { color: var(--tp-common-black); }

.tp-header-cta { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; padding: 0px 0.30rem; height: 100%; border-left: 1px solid rgba(255, 255, 255, 0.15); }

.tp-header-cta i { font-size: 35px; color: var(--thm-primary); }

@media only screen and (min-width: 1200px) and (max-width: 1399px) { .tp-header-cta { padding: 0.28rem 0.25rem; } }

.tp-header-cta-icon { margin-right: 0.15rem; }

.tp-header-cta-text span { color: #fff; font-size: 0.15rem; display: block; margin-bottom: 1px; line-height: 1; opacity: 0.8; }

.tp-header-cta-text a { color: #fff; font-size: 0.18rem; margin: 0; }

.tp-header-cta-text a:hover { color: var(--thm-primary); }

.tp-header-btn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; }

.tp-header-right-black .tp-header-search { color: #0A0E1A; margin-right: 0.20rem; }

.tp-header-right-black .tp-header-search i { color: #fff; }

.tp-header-right-black .tp-header-bar { margin-left: 0.20rem; }

.tp-header-right-black .tp-header-bar button { background: none; padding: 0; }

.tp-header-right-black .tp-header-bar button i { color: #0A0E1A; }

.tp-header-sep-vr { height: 0.40rem; width: 1px; background: #F2DDD1; }

.tp-header-toogle button { background: #23252D; padding: 11px 0.16rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; color: #fff; font-size: 0.40rem; border-radius: 0.1rem; }

.tp-main-menu ul > li:hover .tp-mega-menu { opacity: 1; visibility: visible; top: 100%; }

.tp-mega-menu { position: absolute; top: 105%; left: 0; width: 1000px; background: #fff; padding: 0.25rem; padding-bottom: 0; box-shadow: 0px 0.2rem 0.3rem rgba(1, 15, 28, 0.1); opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -ms-border-radius: 0.5em; -o-border-radius: 0.5em; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) { .tp-mega-menu { width: 900px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) { .tp-mega-menu { width: auto; opacity: 1; visibility: visible; transition: none; position: static; display: none; } }

.tp-home-thumb { text-align: center; }

.tp-home-title { font-size: 0.18rem; margin-top: 0.15rem; margin-bottom: 0; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; }

.tp-home-title:hover { color: rgba(var(--thm-primary-rgb), 1); }

.tp-home-thumb img { box-shadow: 0px 2px 0.06rem rgba(1, 15, 28, 0.2); border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -ms-border-radius: 0.5em; -o-border-radius: 0.5em; overflow: hidden; }

@keyframes tpfadeInDown { 0% { opacity: 0;
    transform: translateY(-100%); }
  100% { opacity: 1;
    transform: translateY(0); } }

.tpfadeInDown { animation: tpfadeInDown 1s ease-out forwards; }

.header-sticky { position: fixed; top: 0; left: 0; right: 0; -webkit-animation: 0.7s ease-in-out 0s normal none 1 running tpfadeInDown; animation: 0.7s ease-in-out 0s normal none 1 running tpfadeInDown; box-shadow: 0px 0.2rem 0.3rem rgba(167, 167, 167, 0.1); }

.header-sticky.tp-sticky-black { background-color: var(--tp-common-black); background: rgba(29, 29, 29, 0.4) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(30px); }

.header-sticky.tp-sticky-white { background-color: #fff; }

.header-sticky .tp-main-menu ul > li > a { padding: 0.25rem 0; }

/*----------------------------------------*/
/*  3.2 Banner Style
/*----------------------------------------*/
.main-slider-one { position: relative; display: block; z-index: 1; }

.main-slider-one .image-layer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 7500ms ease; transition: -webkit-transform 7500ms ease; transition: transform 7500ms ease; transition: transform 7500ms ease, -webkit-transform 7500ms ease; z-index: 1; }

.main-slider.main-slider-one .swiper-slide-active .image-layer { -webkit-transform: scale(1.07); transform: scale(1.07); }

.main-slider-one .image-layer::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(var(--thm-black-rgb), 0.3); content: ""; z-index: -1; }

.main-slider-one .shape1 { position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all 1200ms ease; transition: all 1200ms ease; -webkit-transform: translateX(-0.8rem); transform: translateX(-0.8rem); z-index: 1; width: 10.5rem; height: 9.6rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .main-slider-one .shape1 { width: 4.5rem; height: 4.6rem; left: -1rem; transform: translateX(-0.4rem); -webkit-transform: translateX(-0.4rem); -moz-transform: translateX(-0.4rem); -ms-transform: translateX(-0.4rem); -o-transform: translateX(-0.4rem); } }

.main-slider-one .swiper-slide-active .shape1 { opacity: 1; transform: translatex(0) scalex(1); filter: blur(0); transition-delay: 1000ms; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 300ms; transition-delay: 300ms; }

.main-slider-one__single { position: relative; display: block; height: 9.60rem; padding: 3.88rem 0 0.53rem; z-index: 1; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .main-slider-one__single { padding: 1.4rem 0 0.8rem; height: auto; } }

.main-slider-one__content { position: relative; display: block; z-index: 3; }

.main-slider-one__content .shape2 { position: absolute; bottom: 35px; right: 0; z-index: -1; }

.main-slider-one__content h3 { color: var(--thm-white); font-size: 0.36rem; line-height: 1em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0.15rem; opacity: 0; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(0.8rem); transform: translateY(0.8rem); z-index: 5; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .main-slider-one__content h3 { line-height: 1; font-size: 0.22rem; } }

.main-slider-one .swiper-slide-active .main-slider-one__content h3 { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 900ms; transition-delay: 900ms; }

.main-slider-one__content h2 { color: var(--thm-white); font-size: 0.64rem; line-height: 1em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; opacity: 0; -webkit-transition: all 1500ms ease; transition: all 1500ms ease; -webkit-transform: translateY(0.8rem); transform: translateY(0.8rem); z-index: 5; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .main-slider-one__content h2 { line-height: 1; font-size: 0.30rem; letter-spacing: 0.05em; } }

.main-slider-one .swiper-slide-active .main-slider-one__content h2 { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 1200ms; transition-delay: 1200ms; }

.main-slider-one__content .btn-box { position: relative; display: flex; align-items: center; margin-top: 0.42rem; opacity: 0; -webkit-transition: all 1500ms ease; transition: all 1500ms ease; -webkit-transform: translateY(0.8rem); transform: translateY(0.8rem); z-index: 5; }

.main-slider-one .swiper-slide-active .main-slider-one__content .btn-box { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 1500ms; transition-delay: 1500ms; }

.main-slider-one__content .btn-box .btn-one { position: relative; display: block; }

.main-slider-one__content .btn-box .btn-one .thm-btn::before { background: #000; }

.main-slider-one__content .btn-box .btn-two { position: relative; display: block; margin-left: 0.40rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .main-slider-one__content .btn-box .btn-two { display: none; } }

.main-slider-one__content .btn-box .btn-two a { position: relative; display: block; }

.main-slider-one__icon { position: relative; display: flex; align-items: center; }

.main-slider-one__icon i { position: relative; display: flex; align-items: center; justify-content: center; width: 0.6rem; height: 0.6rem; border-radius: 50%; overflow: hidden; border: 1px solid rgba(var(--thm-white-rgb), 0.4); color: var(--thm-primary); background: rgba(4, 23, 26, 0.4); font-size: 0.18rem; font-weight: 700; }

.main-slider-one__icon span { position: relative; display: inline-block; color: var(--thm-white); font-size: 0.16rem; line-height: 0.26rem; font-weight: 400; text-transform: capitalize; margin-left: 0.20rem; }

.main-slider-one__content .contact-info { position: relative; display: block; margin-top: 2rem; opacity: 0; -webkit-transition: all 1500ms ease; transition: all 1500ms ease; -webkit-transform: translateY(0.8rem); transform: translateY(0.8rem); -moz-transform: translateY(0.8rem); -ms-transform: translateY(0.8rem); -o-transform: translateY(0.8rem); }

@media only screen and (min-width: 0px) and (max-width: 575px) { .main-slider-one__content .contact-info { margin-top: 0.5rem; display: none; } }

.main-slider-one .swiper-slide-active .main-slider-one__content .contact-info { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 1800ms; transition-delay: 1800ms; }

.main-slider-one__content .contact-info ul { position: relative; display: flex; align-items: center; }

.main-slider-one__content .contact-info ul li { position: relative; display: flex; align-items: center; margin-right: 0.6rem; }

.main-slider-one__content .contact-info ul li:last-child { margin-right: 0; }

.main-slider-one__content .contact-info ul li .icon-box { position: relative; display: block; }

.main-slider-one__content .contact-info ul li .icon-box span { position: relative; display: inline-block; color: var(--thm-primary); font-size: 0.15rem; line-height: 0.15rem; font-weight: 700; }

.main-slider-one__content .contact-info ul li .text-box { position: relative; display: block; margin-left: 0.15rem; }

.main-slider-one__content .contact-info ul li .text-box p { color: var(--thm-white); }

.main-slider-one__content .contact-info ul li .text-box p a { color: var(--thm-white); }

.main-slider-one__content .contact-info ul li .text-box p a:hover { color: var(--thm-primary); }

.main-slider-one__content .social-links { position: absolute; bottom: 0; right: -226px; display: flex; align-items: center; opacity: 0; -webkit-transition: all 1200ms ease; transition: all 1200ms ease; -webkit-transform: translateX(0.8rem); transform: translateX(0.8rem); z-index: 2; }

.main-slider-one .swiper-slide-active .main-slider-one__content .social-links { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 2000ms; transition-delay: 2000ms; }

.main-slider-one__content .social-links a { position: relative; display: block; color: var(--thm-white); }

.main-slider-one__content .social-links a + a { margin-left: 0.40rem; }

.main-slider-one__content .social-links a span { position: relative; display: inline-block; font-size: 0.15rem; line-height: 0.15rem; }

.main-slider-one__content .social-links a:hover { color: var(--thm-primary); }

#main-slider-one__pagination { position: absolute; top: 49%; left: 1.4rem; width: 0; z-index: 55; }

@media only screen and (min-width: 0px) and (max-width: 575px) { #main-slider-one__pagination { left: auto; top: 60%; right: 0.3rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } }

#main-slider-one__pagination .swiper-pagination-bullet { position: relative; display: block; width: 0.20rem; height: 0.20rem; margin: 0.15rem 0; background: transparent; border: 1px solid var(--thm-white); border-radius: 50%; opacity: 1; transition: all 200ms linear; transition-delay: .1s; }

#main-slider-one__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: transparent; background: var(--thm-primary); border: 1px solid var(--thm-primary); }

#main-slider-one__pagination .swiper-pagination-bullet::before { position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; background: var(--thm-white); border-radius: 50%; transform: scale(1); transition: all 400ms linear; transition-delay: .1s; opacity: 1; content: ""; background: transparent; }

#main-slider-one__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before { background: transparent; transform: scale(0.5); opacity: 0; }

.main-slider-two { position: relative; display: block; z-index: 1; }

.main-slider-two .image-layer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 7500ms ease; transition: -webkit-transform 7500ms ease; transition: transform 7500ms ease; transition: transform 7500ms ease, -webkit-transform 7500ms ease; z-index: 1; }

.main-slider.main-slider-two .swiper-slide-active .image-layer { -webkit-transform: scale(1.07); transform: scale(1.07); }

.main-slider-two__pattern { position: absolute; left: 0; bottom: 0; right: 0; background-attachment: scroll; background-repeat: repeat-x; background-position: center center; height: 0.7rem; animation: bgSlide 20s linear infinite; z-index: 1; }

.main-slider-two__social-links { position: absolute; top: 50%; left: 80px; transform: translateY(-50%); z-index: 5; }

.main-slider-two__social-links a { position: relative; display: block; color: var(--thm-white); }

.main-slider-two__social-links a:hover { color: var(--thm-primary); }

.main-slider-two__social-links a + a { margin-top: 4px; }

.main-slider-two__social-links a span { position: relative; display: inline-block; font-size: 0.15rem; line-height: 0.15rem; }

.main-slider-two__single { position: relative; display: block; padding: 256px 0 270px; z-index: 1; }

.main-slider-two__content { position: relative; display: block; z-index: 10; }

.main-slider-two__content .big-title { position: absolute; top: -71px; left: -60px; opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) translateX(0.8rem); -ms-transform: perspective(400px) rotateY(0deg) translateX(0.8rem); transform: perspective(400px) rotateY(0deg) translateX(0.8rem); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; z-index: 10; }

.main-slider-two .swiper-slide-active .main-slider-two__content .big-title { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) translateX(0px); -ms-transform: perspective(400px) rotateY(0deg) translateX(0px); transform: perspective(400px) rotateY(0deg) translateX(0px); -webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -ms-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; }

.main-slider-two__content .big-title h2 { color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, 0.1); font-size: 160px; line-height: 1.1em; text-transform: uppercase; font-weight: 700; }

.main-slider-two__content h2 { color: var(--thm-white); font-size: 1rem; line-height: 1em; font-weight: 700; opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) translateX(0.8rem); -ms-transform: perspective(400px) rotateY(0deg) translateX(0.8rem); transform: perspective(400px) rotateY(0deg) translateX(0.8rem); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; z-index: 10; }

.main-slider-two .swiper-slide-active .main-slider-two__content h2 { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) translateX(0px); -ms-transform: perspective(400px) rotateY(0deg) translateX(0px); transform: perspective(400px) rotateY(0deg) translateX(0px); -webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -ms-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; }

.main-slider-two__content .btn-box { position: relative; display: flex; align-items: center; margin-top: 49px; opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) translateY(0.8rem); -ms-transform: perspective(400px) rotateY(0deg) translateY(0.8rem); transform: perspective(400px) rotateY(0deg) translateY(0.8rem); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 1200ms ease; -moz-transition: all 1200ms ease; -ms-transition: all 1200ms ease; -o-transition: all 1200ms ease; transition: all 1200ms ease; z-index: 10; }

.main-slider-two .swiper-slide-active .main-slider-two__content .btn-box { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px); -ms-transform: perspective(400px) rotateY(0deg) translateY(0px); transform: perspective(400px) rotateY(0deg) translateY(0px); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; }

.main-slider-two__content .btn-two { position: relative; display: block; margin-left: 0.40rem; }

.main-slider-two__content .main-slider-one__icon i { border: 1px solid rgba(var(--thm-white-rgb), 1); background: var(--thm-white); transition: all 200ms linear; transition-delay: .1s; }

.main-slider-two__content .main-slider-one__icon i:hover { border: 1px solid rgba(var(--thm-primary-rgb), 1); color: var(--thm-white); background: var(--thm-primary); }

#main-slider-two__pagination { position: absolute; left: 0; bottom: 0.20rem; right: 0; z-index: 55; }

#main-slider-two__pagination .swiper-pagination-bullet { position: relative; display: inline-block; width: 0.1rem; height: 0.1rem; margin: 0 0.05rem; background: var(--thm-white); border-radius: 50%; opacity: 1; transition: all 200ms linear; transition-delay: .1s; }

#main-slider-two__pagination .swiper-pagination-bullet::before { position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; background: var(--thm-primary); border-radius: 50%; transition: all 300ms linear; transition-delay: .1s; transform: scale(0.7); opacity: 0; content: ""; }

#main-slider-two__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before { transform: scale(1); opacity: 1; }

.main-slider__nav { position: absolute; top: 50%; transform: translateY(-50%); right: 80px; z-index: 100; }

.main-slider__nav .swiper-button-next, .main-slider__nav .swiper-button-prev { position: relative; display: flex; align-items: center; justify-content: center; width: 0.6rem; height: 0.6rem; color: var(--thm-black); font-size: 0.22rem; font-weight: 700; background: var(--thm-white); border: 0; margin: 0; text-align: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; border-radius: 50%; z-index: 100; }

.main-slider__nav .swiper-button-next i, .main-slider__nav .swiper-button-prev i { font-weight: 700; }

.main-slider__nav .swiper-button-next:hover, .main-slider__nav .swiper-button-prev:hover { background: var(--thm-black); color: var(--thm-white); border: 0; }

.main-slider__nav .swiper-button-next::after, .main-slider__nav .swiper-button-prev::after { display: none; }

.main-slider__nav .swiper-button-next { margin-left: 0; margin-top: 0.20rem; }

.main-slider-three { position: relative; display: block; z-index: 1; }

.main-slider-three .image-layer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #11161f; background-blend-mode: luminosity; background-attachment: scroll; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 7500ms ease; transition: -webkit-transform 7500ms ease; transition: transform 7500ms ease; transition: transform 7500ms ease, -webkit-transform 7500ms ease; z-index: 1; }

.main-slider.main-slider-three .swiper-slide-active .image-layer { -webkit-transform: scale(1.05); transform: scale(1.05); }

.main-slider-three .image-layer::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000d24; opacity: .6; content: ""; z-index: -1; }

.main-slider-three .swiper-container { max-width: 1760px; width: 100%; }

.main-slider-three .container { padding-top: 260px; padding-bottom: 260px; }

.main-slider-three__single { position: relative; display: block; }

.main-slider-three__content { position: relative; display: block; overflow: hidden; z-index: 5; }

.main-slider-three__content .logo-box { position: relative; display: block; margin-bottom: 35px; opacity: 0; visibility: hidden; -webkit-transform: translateY(-120px); transform: translateY(-120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; z-index: 10; }

.main-slider-three .swiper-slide-active .main-slider-three__content .logo-box { visibility: visible; opacity: 1; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); }

.main-slider-three__content .logo-box img { width: auto; }

.main-slider-three__content .title { position: relative; display: block; opacity: 0; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; z-index: 10; }

.main-slider-three .swiper-slide-active .main-slider-three__content .title { visibility: visible; opacity: 1; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); }

.main-slider-three__content .title h2 { color: var(--thm-white); font-size: 110px; line-height: 1em; font-weight: 700; text-transform: uppercase; }

.main-slider-three__content .btn-box { position: relative; display: flex; align-items: center; justify-content: center; margin-top: 0.42rem; opacity: 0; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; z-index: 10; }

.main-slider-three .swiper-slide-active .main-slider-three__content .btn-box { visibility: visible; opacity: 1; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); }

.main-slider-three__content .btn-box .btn-one { position: relative; display: block; }

.main-slider-three__content .btn-box .btn-two { position: relative; display: block; margin-left: 0.3rem; }

.main-slider-three__content .btn-box .btn-two .thm-btn:after { background-color: transparent; border: 1px solid var(--thm-white); }

.main-slider-three__content .btn-box .btn-two .thm-btn::before { background: var(--thm-primary); }

.main-slider-three__social-links { position: absolute; display: flex; align-items: center; top: 0; left: -70px; bottom: 0; transform: rotate(-90deg); z-index: 5; }

.main-slider-three__social-links .title-box { position: relative; display: flex; align-items: center; }

.main-slider-three__social-links .title-box .text { position: relative; display: block; }

.main-slider-three__social-links .title-box .text p { color: var(--thm-white); font-size: 0.16rem; line-height: 0.26rem; font-weight: 700; text-transform: capitalize; }

.main-slider-three__social-links .title-box .border-box { position: relative; display: block; width: 0.6rem; height: 1px; background: var(--thm-white); margin-left: 0.1rem; }

.main-slider-three__social-links .social-links { position: relative; display: block; margin-left: 0.3rem; }

.main-slider-three__social-links .social-links li { position: relative; display: inline-block; margin-right: 11px; }

.main-slider-three__social-links .social-links li:last-child { margin-right: 0; }

.main-slider-three__social-links .social-links li a { position: relative; display: flex; align-items: center; justify-content: center; width: 0.40rem; height: 0.40rem; border-radius: 50%; border: 1px solid #59657c; transition: all 300ms linear; transition-delay: .1s; z-index: 1; }

.main-slider-three__social-links .social-links li a::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 50%; background: var(--thm-white); transform: scale(0.5); opacity: 0; transition: all 300ms linear; transition-delay: .1s; content: ""; }

.main-slider-three__social-links .social-links li a:hover::before { transform: scale(1); opacity: 1; }

.main-slider-three__social-links .social-links li a:hover { border-color: var(--thm-white); transition: all 300ms linear; transition-delay: .2s; }

.main-slider-three__social-links .social-links li a span { position: relative; display: inline-block; color: var(--thm-white); font-size: 0.15rem; line-height: 0.15rem; transform: rotate(90deg); transition: all 200ms linear; transition-delay: .1s; }

.main-slider-three__social-links .social-links li a:hover span { color: var(--thm-primary); }

.main-slider-three__control-wrap { position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; display: flex; align-items: center; justify-content: flex-start; height: 0; line-height: 0; z-index: 100; }

.main-slider-three__control-wrap .swiper-counter { position: relative; display: inline-flex; align-items: baseline; justify-content: space-between; width: 0.20rem; z-index: 9; }

.main-slider-three__control-wrap .swiper-counter div { position: relative; display: inline-block; color: #fff; font-size: 0.16rem; line-height: 0.26rem; font-weight: 700; font-family: var(--thm-font); }

.main-slider-three__control-wrap .swiper-counter div#current2 { margin-right: 0.06rem; }

.main-slider-three__control-wrap .swiper-counter div#total2 { position: relative; right: 0; color: #fff; font-size: 0.16rem; line-height: 0.26rem; font-weight: 700; font-family: var(--thm-font); }

/* Services */
.service-section { background: url(../images/service-background.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; background: #f2f3f5 url(../images/bg_home_b2.jpg) center center no-repeat; padding: 0.7rem 0 0.9rem; padding-bottom: 0; overflow: hidden; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .service-section { padding: 0.7rem 0 0.7rem; } }

.service-section .service_content { text-align: center; }

.service-section .service_content h6 { margin-bottom: 0.18rem; font-size: 46px; font-weight: bold; color: #ffffff; }

.service-section .service_content h2 { margin-bottom: 46px; padding: 0 170px; font-size: 0.18rem; font-weight: normal; color: #ffffff; }

.service-section .top-space { padding-top: 0.3rem; }

.service-section .box-content { width: 100%; background: #eaeaea; transition: all 0.3s ease-in-out; margin-bottom: 0.5rem; border-radius: 0.05rem !important; overflow: hidden; -webkit-border-radius: 0.05rem !important; -moz-border-radius: 0.05rem !important; -ms-border-radius: 0.05rem !important; -o-border-radius: 0.05rem !important; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .service-section .box-content { margin-bottom: 0.3rem; } }

.service-section .box-content:hover { transform: translateY(-5px); }

.service-section .box-content .upper_portion { position: relative; }

.service-section .box-content .upper_portion .image { overflow: hidden; }

.service-section .box-content .upper_portion .image img { transition: all 0.3s ease-in-out; width: 100%; }

.service-section .box-content .upper_portion .image:hover img { transform: scale(1.1); }

.service-section .box-content .upper_portion .image_content { background: var(--e-global-color-accent); box-shadow: 8px 2px 0.2rem rgba(0, 0, 0, 0.38); border-radius: 1rem; height: 0.66rem; width: 0.66rem; line-height: 1; text-align: center; left: 50%; transform: translateX(-50%); bottom: -0.40rem; position: absolute; transition: all 0.3s ease-in-out; overflow: hidden; border-radius: 8px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

.service-section .box-content .upper_portion .image_content:hover { transform: translate(-50%, -5px); -webkit-transform: translate(-50%, -5px); -moz-transform: translate(-50%, -5px); -ms-transform: translate(-50%, -5px); -o-transform: translate(-50%, -5px); }

.service-section .box-content .lower_portion_wrapper { padding: 0.58rem 0.29rem 0.28rem; text-align: center; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .service-section .box-content .lower_portion_wrapper { padding: 0.58rem 0.15rem 0.28rem; } }

.service-section .box-content .lower_portion_wrapper h5 { font-weight: 600; margin-bottom: 0.06rem; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }

.service-section .box-content .lower_portion_wrapper p { margin-bottom: 0.20rem; transition: all 0.3s ease-in-out; }

.service-section .box-content .lower_portion_wrapper .read_more { font-size: 0.14rem; line-height: 0.20rem; font-weight: 500; color: var(--e-global-color-secondary); transition: all 0.3s ease-in-out; }

.service-section .box-content .lower_portion_wrapper .read_more:hover { color: var(--e-global-color-white); }

.service-section .box-content .lower_portion_wrapper .read_more i { display: inline-block; margin-left: 8px; font-size: 12px; }

.service-section .box-content .lower_portion_wrapper .read_more:hover i { color: var(--e-global-color-white); }

.service-section .explore-button { margin: auto; text-align: center; }

.service-section .explore { font-size: 0.20rem; line-height: 0.26rem; font-weight: 500; margin-right: 0.16rem; }

.service-section .explore-button:hover .explore { color: var(--e-global-color-accent); }

.service-section .explore-button .image-button { display: inline-block; }

.service-section .explore-button .arrow { position: relative; border: 1px solid var(--e-global-color-accent); width: 0.65rem; height: 0.65rem; line-height: 0.6rem; text-align: center; border-radius: 1rem; transition: all 0.3s ease-in-out; top: -4px; right: 0; left: 0; margin: auto; }

.service-section .explore-button:hover .arrow { background: var(--e-global-color-accent); border: 1px solid var(--e-global-color-accent); }

.service-section .explore-button:hover .arrow img { filter: brightness(0) invert(1); }

@media only screen and (min-width: 0px) and (max-width: 575px) { .service-section .row { align-content: center; justify-content: center; align-items: stretch; } }

.service-section .row .col { flex: 0 0 20%; max-width: 20%; padding-right: 0.1rem; padding-left: 0.1rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .service-section .row .col { flex: 0 0 33.3333%; max-width: 33.3333%; } }

.index_partner { background: url("../images/bg03.jpg") no-repeat center center; background-size: cover; padding: 0.7rem 0; color: #fff; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index_partner .auto-title-block .auto-title-en { text-align: center; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index_partner .auto-title-block .auto-title-h2 { text-align: center; } }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index_partner .auto-title-block .auto-title-p { text-align: center; } }

.index_partner .hd { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: .3rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index_partner .hd { display: flex; flex-wrap: wrap; flex-direction: column; } }

.index_partner .vhd { text-align: left; margin-bottom: 0; }

.index_partner .vhd .desc { color: #fff; font-size: 0.18rem; }

.index_partner .datas { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; text-align: center; text-align: center; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index_partner .datas { display: -webkit-flex; display: flex; display: -webkit-box; display: box; -webkit-align-items: center; align-items: center; -webkit-box-align: center; box-align: center; -webkit-box-pack: center; box-pack: center; -webkit-justify-content: center; justify-content: center; margin: 0 0 .15rem; } }

.index_partner .datas dd { position: relative; padding: 0 0.5rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index_partner .datas dd { padding: 0 0.2rem; } }

.index_partner .datas dd::after { content: ''; display: block; position: absolute; width: 1px; top: .1rem; bottom: .1rem; right: 0; background-color: #fff; opacity: .15; }

.index_partner .datas dd:last-child::after { display: none; }

.index_partner .datas .val { font-size: .48rem; }

.index_partner .datas .val em { font-size: 80%; }

.index_partner .datas .tit { font-size: 0.16rem; }

.index_partner .swiper_logos { padding-bottom: .76rem; padding-top: 1px; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index_partner .swiper_logos { width: 80vw; padding-bottom: .30rem; } }

.index_partner .swiper-pagination-bullet { background: #fff; opacity: .5; }

.index_partner .swiper-pagination-bullet-active { opacity: 1; }

.index_partner .logos { display: flex; flex-wrap: wrap; }

.index_partner .logos dd { width: 16.66%; position: relative; margin: -1px -1px 0 0; border: 1px solid rgba(255, 255, 255, 0.15); }

@media only screen and (min-width: 0px) and (max-width: 575px) { .index_partner .logos dd { width: 33.33%; } }

.index_partner .logos dd:hover { background: #fff; }

.index_partner .coverbox { position: relative; display: block; overflow: hidden; cursor: pointer; }

.index_partner .coverbox .coverimg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-size: contain; background-position: center; z-index: 1; transition: transform .6s ease 0s; }

.index_partner .coverbox .coverimg.cover { background-size: cover; }

.index_partner .coverbox:not(:hover) { background: rgba(255, 255, 255, 0.88); }

.index_partner .coverbox:hover .transparent { display: none; }

.index_partner .coverbox:hover .color { display: block; }

.index_partner .coverbox:hover .coverimg { transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); }

.indTitle { width: 100%; text-align: center; position: relative; padding-top: 0.24rem; }

.indTitle .text { line-height: 1; position: absolute; width: 100%; text-align: center; font-family: "MB"; color: #f5f7f9; text-transform: uppercase; left: 0; top: 0; }

.indTitle .title { line-height: 1; color: #333; position: relative; z-index: 2; }

.indTitle.white .text { color: #fff; opacity: 0.1; }

.indTitle.white .title { color: #fff; }

.indmh { width: 100%; position: relative; height: 250vh; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .indmh { height: auto; overflow: hidden; padding: 0.7rem 0; } }

.indmh-sticky { width: 100%; top: 0; left: 0; position: sticky; overflow: hidden; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .indmh-sticky { position: static; } }

.indmh-bg { width: 100%; height: 100vh; object-fit: cover; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .indmh-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } }

.indmh-logo { position: absolute; z-index: 2; width: 100%; height: 100vh; top: 0; left: 0; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .indmh-logo { display: none; } }

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

.indmh-text { width: 100%; position: absolute; z-index: 3; justify-content: center; left: 0; top: 86vh; color: #333; transition: all .4s ease; }

.indmh-text span { position: relative; margin-left: 0.24rem; }

.indmh-text span:first-child { margin-left: 0; }

.indmh-text.active { opacity: 0; }

.indmh-shade { position: absolute; z-index: 1; width: 100%; height: 100vh; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); opacity: 0; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .indmh-shade { height: 100%; opacity: 1; } }

.indmh-content { position: absolute; width: 100%; z-index: 4; height: 100vh; display: flex; align-items: center; justify-content: center; top: 0; left: 0; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .indmh-content { position: relative; height: auto; opacity: 1; pointer-events: auto; } }

.indmh-desc { max-width: 710px; margin-left: auto; margin-right: auto; text-align: center; color: #fff; }

.indmh-num { width: 100%; color: #fff; }

.indmh-num li { width: 25%; text-align: center; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .indmh-num li { width: 50%; margin-top: 0.15rem; margin-bottom: 0.15rem; } }

.indmh-num li .num { font-family: "MB"; line-height: 1; font-weight: 700; }

.indmh-num li .title { line-height: 1.1; }

.indmh-more { width: 100%; justify-content: center; }

/* -- */
.indmh-content { opacity: 0; pointer-events: none; transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .indmh-content { position: relative; height: auto; opacity: 1; pointer-events: auto; } }

.indmh-content.active { opacity: 1; pointer-events: auto; }

.indmh-content.active .indTitle { animation: indmhRun 1s ease both .4s; }

.indmh-content.active .indmh-desc { animation: indmhRun 1s ease both .6s; }

.indmh-content.active .indmh-num { animation: indmhRun 1s ease both .8s; }

.indmh-content.active .indmh-more { animation: indmhRun 1s ease both 1s; }

@keyframes indmhRun { 0% { opacity: 0;
    transform: translateY(60px);
    filter: blur(6px); }
  100% { opacity: 1;
    transform: translateY(0);
    filter: blur(0); } }

/* -- */
/*底部*/
footer { background-image: url(../images/footbg.png); background-repeat: no-repeat; background-position: center top; background-size: 100%; margin-top: -0.8rem; padding-top: 0.8rem; overflow: hidden; position: relative; z-index: 2; }

@media only screen and (min-width: 0px) and (max-width: 575px) { footer { background-image: url(../images/xs_footbg.png); background-repeat: no-repeat; background-position: center top; background-size: 100%; padding-top: 0.4rem; } }

footer::before { content: ""; position: absolute; background: linear-gradient(180deg, rgba(45, 52, 68, 0.1) 0%, rgba(45, 52, 68, 0.5) 60%, #2d3444 30%, #2d3444 100%); width: 100%; height: 100%; z-index: 1; }

footer .container { position: relative; z-index: 10; }

footer .footer-header { height: auto; line-height: 1; text-align: left; padding: 0.3rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

@media only screen and (min-width: 0px) and (max-width: 575px) { footer .footer-header { text-align: center; padding: 0.2rem 0; padding-top: 0.1rem; } }

footer .footer-header img { max-width: 100%; width: 2.3rem; }

footer .footer-mian { margin-top: 0.48rem; position: relative; padding-bottom: 0.7rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

@media only screen and (min-width: 0px) and (max-width: 575px) { footer .footer-mian { margin-top: 0.3rem; padding-bottom: 0.3rem; } }

footer .footer-ul { font-size: 0; text-align: left; }

@media only screen and (min-width: 0px) and (max-width: 575px) { footer .footer-ul { text-align: center; } }

footer .footer-ul li { display: inline-block; margin-right: 0.8rem; vertical-align: top; }

@media only screen and (min-width: 0px) and (max-width: 575px) { footer .footer-ul li { margin-left: 0.15rem; margin-right: 0.15rem; } }

footer .footer-ul li dt { font-size: 0.18rem; color: #fff; line-height: 1; margin-bottom: 0.2rem; }

footer .footer-ul li dt a { color: #fff; transition: all 0.3s; cursor: pointer; }

footer .footer-ul li dd { font-size: 0.16rem; line-height: 2; }

footer .footer-ul li .hover-gun { max-height: 6rem; overflow: hidden; transition: all 0.3s; }

@media only screen and (min-width: 0px) and (max-width: 575px) { footer .footer-ul li .hover-gun { display: none; } }

footer .footer-ul li .hover-gun.opo { max-height: 12rem; }

footer .footer-ul li .see-more { cursor: pointer; font-size: 0.16rem; color: #fff; padding-right: 0.10rem; background-size: 0.12rem; background-repeat: no-repeat; background-position: right center; width: 0.8rem; transition: all 0.3s; }

@media only screen and (min-width: 0px) and (max-width: 575px) { footer .footer-ul li .see-more { display: none; } }

footer .footer-ul li dd a { color: #8e929c; }

footer .footer-mian .f-search { position: absolute; top: 0; right: 0; }

@media only screen and (min-width: 0px) and (max-width: 575px) { footer .footer-mian .f-search { position: relative; } }

footer .footer-mian .f-search .footer-form { width: 2.30rem; height: 0.4rem; border-radius: 0.5rem; border: 1px solid rgba(255, 255, 255, 0.1); font-size: 0; position: relative; }

@media only screen and (min-width: 0px) and (max-width: 575px) { footer .footer-mian .f-search .footer-form { width: 88%; margin-left: auto; margin-right: auto; } }

footer .footer-mian .f-search .footer-form .text { height: 0.4rem; line-height: 1; font-size: 0.14rem; color: #fff; border: 0; background-color: transparent; outline: none; padding-left: 0.18rem; width: 75%; }

footer .footer-mian .f-search .footer-form .text::-webkit-input-placeholder { color: #fff; }

footer .footer-mian .f-search .footer-form .submit { position: absolute; top: 50%; transform: translateY(-50%); right: 0.18rem; width: 0.20rem; height: 0.20rem; background-image: url("../img/f-search.png"); background-size: 100% 100%; font-size: 0; background-position: center; background-repeat: no-repeat; background-color: transparent; }

footer .footer-mian .f-search .right-div { text-align: right; margin-top: 0.36rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { footer .footer-mian .f-search .right-div { text-align: center; margin-top: 0.3rem; } }

footer .footer-mian .f-search .wip { text-align: right; margin-top: 1rem; }

footer .footer-mian .f-search .vipmian { display: inline-block; padding-left: 0.85rem; font-size: 0.5rem; color: #fff; background-repeat: no-repeat; background-position: left center; background-image: url("../img/vip.png"); background-size: 0.65rem; }

footer .footer-mian .f-search .f-ma { display: inline-block; width: 1.10rem; text-align: center; }

footer .footer-mian .f-search .f-ma .img { width: 1.10rem; height: 1.10rem; background-color: #fff; border-radius: 4px; text-align: center; line-height: 1; font-size: 0; border-radius: 0.05rem; -webkit-border-radius: 0.05rem; -moz-border-radius: 0.05rem; -ms-border-radius: 0.05rem; -o-border-radius: 0.05rem; overflow: hidden; }

@media only screen and (min-width: 0px) and (max-width: 575px) { footer .footer-mian .f-search .f-ma .img { width: 1.10rem; height: 1.10rem; } }

footer .footer-mian .f-search .f-ma .img img { width: 1.10rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { footer .footer-mian .f-search .f-ma .img img { width: 1.30rem; } }

footer .footer-mian .f-search .f-ma .name { font-size: 0.14rem; color: #8e929c; line-height: 1; margin-top: 0.12rem; white-space: nowrap; }

@media only screen and (min-width: 0px) and (max-width: 575px) { footer .footer-mian .f-search .f-ma .name { width: 1.20rem; } }

footer .footer-bottom { /*height:3.5rem;*/ padding: 0.15rem 0; line-height: 1.75; font-size: 0.14rem; color: #8e929c; position: relative; }

footer .footer-bottom .left { width: 65%; float: left; line-height: 0.4rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { footer .footer-bottom .left { text-align: center; width: 100%; line-height: 1.75; } }

footer .footer-bottom a { color: #8e929c; margin-left: 0.15rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { footer .footer-bottom a { display: inline-block; } }

footer .footer-bottom .right { width: 35%; float: right; text-align: right; }

@media only screen and (min-width: 0px) and (max-width: 575px) { footer .footer-bottom .right { text-align: center; width: 100%; margin-bottom: 0.15rem; } }

footer .footer-bottom .select { width: 1.50rem; position: relative; display: inline-block; margin-left: 0.15rem; }

footer .footer-bottom .tit { display: block; border: 1px solid rgba(255, 255, 255, 0.2); line-height: 0.40rem; height: 0.40rem; padding: 0 0.15rem; color: #8e929c; font-size: 0.14rem; position: relative; text-align: left; background-repeat: no-repeat; background-position: 90% center; background-size: 9px; background-image: url("../img/h-xia2.png"); margin-left: 0; }

footer .footer-bottom .tit img { width: 0.16rem; margin-right: 0.16rem; vertical-align: text-top; }

footer .footer-bottom .sub { position: absolute; left: 0; bottom: 1rem; width: 100%; border: 1px solid rgba(255, 255, 255, 0.2); box-sizing: border-box; background-color: #333; max-height: 4rem; overflow: hidden; display: none; }

footer .footer-bottom .sub a { display: block; height: 1rem; line-height: 1rem; padding: 0 .4rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #8e929c; font-size: .3rem; transition: all .3s; text-align: left; }

/*----------------------------------------*/
/*  2.8 Search Bar
/*----------------------------------------*/
.tp-header-search-bar { height: 3rem; position: fixed; top: -100%; left: 0; right: 0; z-index: 999; background: #fff; transition: 0.3s; transform: translateY(-100%); }

.tp-header-search-bar.tp-search-open { top: 0; transform: translateY(0); }

.tp-search-bar-title { font-size: 0.30rem; }

.contact-search-form-box form { position: relative; }

.contact-search-form-box form input { outline: none; background-color: transparent; height: 56px; width: 100%; line-height: 56px; font-size: 0.15rem; border: 0; border-bottom: 1px solid #57595C; text-transform: uppercase; font-weight: 500; }

.contact-search-form-box form button { position: absolute; right: 0; top: 13px; font-size: 17px; }

.tp-search-close { position: absolute; right: 0.5rem; top: 35px; font-size: 0.5rem; color: #222; font-weight: 300; width: 0.45rem; height: 0.45rem; }

/*----------------------------------------*/
/*  2.8 PBanner
/*----------------------------------------*/
.banner_box { top: 0; left: 0; width: 100%; height: 32vw; background: url("../images/Pbanner.jpg"); background-size: cover; background-position: center; position: relative; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .banner_box { height: 40vh; } }

.banner_box dl { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; }

.banner_box dl dt { font-size: 0.45rem; line-height: 1; padding: 0.1rem 0 0 0.1rem; text-shadow: 2px 3px 0.05rem rgba(53, 53, 53, 0.56); }

@media only screen and (min-width: 0px) and (max-width: 575px) { .banner_box dl dt { font-size: 0.36rem; position: relative; } }

.banner_box dl dd { display: inline-block; vertical-align: top; margin-top: 0.28rem; padding: 0.08rem 0.2rem; font-size: 0.18rem; background-color: rgba(0, 0, 0, 0.3); }

@media only screen and (min-width: 0px) and (max-width: 575px) { .banner_box dl dd { margin-top: 0.15rem; padding: 0.08rem 0.15rem; } }

.banner_box dl dt::before { content: ""; position: absolute; width: 0.45rem; height: 0.45rem; background-color: var(--thm-primary); top: 0; left: 0; z-index: -1; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .banner_box dl dt::before { width: 0.25rem; height: 0.25rem; } }

/*----------------------------------------*/
/*  2.9 SMenu
/*----------------------------------------*/
.menu_div { width: 100%; background-color: rgba(0, 0, 0, 0.3); margin-top: -0.7rem; position: relative; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .menu_div { margin-top: -0.5rem; } }

.menu_div div { display: flex; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .menu_div div.container { padding: 0; } }

.menu_div div a { flex: 1; height: 0.7rem; text-align: center; line-height: 0.7rem; font-size: 0.18rem; color: #fff; position: relative; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .menu_div div a { font-size: 0.16rem; height: 0.5rem; line-height: 0.5rem; overflow: hidden; } }

.menu_div div a::before { content: ""; position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 0; background-color: var(--thm-primary); opacity: 0; transition: all 0.3s; }

.menu_div div a::after { content: ""; position: absolute; top: 25%; right: 0; width: 1px; height: 50%; width: 1px; background-color: #fff; opacity: 0.6; }

.menu_div div a:last-of-type:after { display: none; }

.menu_div div a span { display: block; width: 100%; height: 100%; position: relative; z-index: 3; }

.menu_div div a.active::before { height: 100%; opacity: 1; }

.menu_div div a:hover::before { height: 100%; opacity: 0.8; }

/*----------------------------------------*/
/*  3.0 Blog-one
/*----------------------------------------*/
.blog-one { position: relative; display: block; padding: 0.7rem 0; z-index: 1; }

.blog-one__single { position: relative; display: block; margin-bottom: 0.3rem; display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; transition-property: all; transition-radio: hover; transition-duration: 0.5s; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); padding-top: 0.15rem; padding-bottom: 0.15rem; margin-top: 0.3rem; margin-bottom: 0.3rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .blog-one__single { margin-top: 0; padding-top: 0; } }

.blog-one__single::before { content: ""; background: #fff; width: 75%; height: 100%; position: absolute; left: auto; right: 0; top: 0; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .blog-one__single::before { width: 100%; } }

.blog-one__img-box { position: relative; display: block; flex: 0 0 25%; align-self: center; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .blog-one__img-box { flex: 0 0 100%; } }

.blog-one__img { position: relative; display: block; overflow: hidden; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }

.blog-one__img:before { content: ""; position: absolute; left: -120%; top: 0; width: 100%; height: 100%; mix-blend-mode: overlay; background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); transform: skewx(-25deg); z-index: 1; }

.blog-one__img img { width: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }

.blog-one__img img:nth-child(2) { position: absolute; bottom: 0; left: 0; object-fit: cover; visibility: hidden; height: 100%; width: 110%; transition: 1s; overflow: hidden; }

.blog-one__single:hover .blog-one__img img:nth-child(2) { width: 100%; visibility: visible; filter: blur(3px); }

.blog-one__date { background-color: var(--thm-base); padding: 8px 0.20rem 8px; z-index: 2; flex: 0 0 10%; align-self: center; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .blog-one__date { position: absolute; top: 0.2rem; right: 0.2rem; background: rgba(var(--thm-primary-rgb), 1); color: #ffffff; border-radius: 0.1rem; -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; -ms-border-radius: 0.1rem; -o-border-radius: 0.1rem; text-align: center; } }

.blog-one__date .dd { font-size: 0.48rem; font-weight: 700; line-height: 1; font-family: var(--thm-font-two); color: var(--thm-black); text-transform: capitalize; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .blog-one__date .dd { color: #ffffff; } }

.blog-one__date .yymm { font-size: 0.18rem; font-weight: 700; line-height: 0.22rem; font-family: var(--thm-font-two); color: var(--thm-black); opacity: 0.8; text-transform: capitalize; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .blog-one__date .yymm { color: #ffffff; } }

.blog-one__content { position: relative; display: block; padding: 0.3rem; display: flex; flex-direction: column; align-content: center; justify-content: space-evenly; align-items: flex-start; flex: 0 0 65%; align-self: center; height: 100%; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .blog-one__content { flex: 0 0 100%; } }

.blog-one__meta { position: relative; display: flex; align-items: center; gap: 17px; }

.blog-one__meta li { position: relative; display: flex; align-items: center; gap: 13px; }

.blog-one__meta li .icon { position: relative; display: inline-block; }

.blog-one__meta li .icon span { position: relative; display: inline-block; font-size: 0.16rem; color: var(--thm-base); }

.blog-one__meta li a { font-size: 0.14rem; color: var(--thm-gray); }

.blog-one__meta li a:hover { color: var(--thm-base); }

.blog-one__title { font-size: 0.24rem; font-weight: 700; line-height: 1; margin-bottom: 0.15rem; margin-top: 0.07rem; text-transform: capitalize; }

.blog-one__title a { color: var(--thm-black); }

.blog-one__title a:hover { color: var(--thm-base); }

.blog-one__text { font-size: 0.16rem; font-weight: 400; line-height: 1; margin-bottom: 1em; text-transform: capitalize; }

.blog-one__text p { line-height: 1.50; }

.blog-one__read-more { position: relative; display: block; }

.blog-one__read-more-btn { position: relative; display: block; font-size: 0.14rem; font-weight: 700; line-height: 0.22rem; color: var(--thm-black); padding: 9px 17px 9px; }

.blog-one__read-more-btn:hover { color: var(--thm-white); }

.blog-one__read-more-btn:after { background-color: var(--thm-primary); }

.blog-one__read-more-btn:before { background: var(--thm-base); }

.blog-one__read-more-btn .txt { display: flex; justify-content: space-between; }

.blog-one__read-more a i { font-weight: 900; font-size: 17px; }

.blog-one__single:hover .blog-one__img { transform: translateX(-0.15rem); -webkit-transform: translateX(-0.15rem); -moz-transform: translateX(-0.15rem); -ms-transform: translateX(-0.15rem); -o-transform: translateX(-0.15rem); }

@media only screen and (min-width: 0px) and (max-width: 575px) { .blog-one__single:hover .blog-one__img { transform: translateX(0rem); -webkit-transform: translateX(0rem); -moz-transform: translateX(0rem); -ms-transform: translateX(0rem); -o-transform: translateX(0rem); } }

.blog-one__single:hover .blog-one__img:before { left: 130%; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s; }

.blog-one__single:hover::before { background-color: white; box-shadow: 0 0 2em rgba(29, 56, 75, 0.2); }

/*----------------------------------------*/
/*  3.1 Blog-details
/*----------------------------------------*/
.blog-details { position: relative; display: block; padding: 0.70rem 0; z-index: 1; background: #ffffff; }

.blog-details__left { position: relative; display: block; background-color: var(--thm-white); box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); }

.blog-details__img-box { position: relative; display: block; }

.blog-details__img { position: relative; display: block; }

.blog-details__img img { width: 100%; }

.blog-details__content { position: relative; display: block; padding: 0.2rem 0.40rem 0; }

.blog-details__meta { position: relative; display: flex; align-items: center; gap: 17px; }

.blog-details__meta li { position: relative; display: flex; align-items: center; gap: 13px; }

.blog-details__meta li .icon { position: relative; display: inline-block; height: 0.16rem; line-height: 0.16rem; }

.blog-details__meta li .icon span { position: relative; display: inline-block; color: var(--thm-base); font-size: 0.16rem; line-height: 0.16rem; }

.blog-details__meta li a { font-size: 0.14rem; color: var(--thm-gray); }

.blog-details__meta li a:hover { color: var(--thm-base); }

.blog-details__title { font-size: 0.28rem; font-weight: 700; line-height: 0.38rem; text-transform: capitalize; margin-top: 0.14rem; margin-bottom: 0.18rem; }

.blog-details__text-2 { margin-top: 0.3rem; margin-bottom: 23px; }

.blog-details__img-box { position: relative; display: block; }

.blog-details__img-box .row { --bs-gutter-x: 12px
; }

.blog-details__img-box-img { position: relative; display: block; margin-bottom: 0.3rem; }

.blog-details__img-box-img img { width: 100%; }

.blog-details__category-and-tag { position: relative; display: flex; align-items: center; justify-content: space-between; background-color: #E6ECFF; margin-left: -0.40rem; margin-right: -0.40rem; padding: 0.26rem 0.40rem 0.25rem; margin-top: 0.27rem; }

.blog-details__category { position: relative; display: flex; align-items: center; gap: 0.20rem; }

.blog-details__category-title { position: relative; display: block; }

.blog-details__category-title span { font-weight: 700; color: var(--thm-black); }

.blog-details__category-list { position: relative; display: flex; align-items: center; gap: 7px; }

.blog-details__category-list a { font-size: 12px; color: var(--thm-white); background-color: var(--thm-base); line-height: 12px; padding: 8px 0.1rem 8px; }

.blog-details__category-list a:hover { background-color: var(--thm-black); }

.blog-details__tag { position: relative; display: flex; align-items: center; gap: 0.20rem; }

.blog-details__tag-title { position: relative; display: block; }

.blog-details__tag-title span { font-weight: 700; color: var(--thm-black); }

.blog-details__tag-list { position: relative; display: flex; align-items: center; gap: 0.1rem; }

.blog-details__tag-list a { color: var(--thm-gray); }

.blog-details__tag-list a:hover { color: var(--thm-base); }

.blog-details__delHandle { position: relative; display: flex; align-items: center; justify-content: space-between; background-color: #f6f6f6; margin-left: -0.40rem; margin-right: -0.40rem; padding: 0.26rem 0.40rem 0.25rem; margin-top: 0.27rem; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 0.7rem; line-height: 1; align-items: center; padding: 0 0.40rem; justify-content: space-between; }

.blog-details__delHandle .item i { display: inline-block; font-size: 0.16rem; }

.blog-details__delHandle .item a { transition: color .3s ease-in-out; align-items: center; }

.blog-details__delHandle .delNext span { margin-right: 0.15rem; }

.blog-details__delHandle .delNext i { transform: rotateZ(90deg); }

.blog-details__delHandle .delPrev span { margin-left: 0.15rem; }

.blog-details__delHandle .delPrev i { transform: rotateZ(-90deg); }

.blog-details__delHandle .delBackLi a { color: #ccc; }

.blog-details__delHandle .delBackLi i { font-size: 0.3rem; }

.blog-details__text { margin-top: 0.15rem; padding-top: 0.15rem; border-top: 1px solid #ddd; font-size: 0.16rem; line-height: 0.3rem; }

.blog-details__text p { line-height: 1.75; margin: 0 0 0.15rem; }

@media (max-width: 991px) { .sidebar { margin-top: 0.5rem; } }

.sidebar__single + .sidebar__single { margin-top: 0.3rem; }

.sidebar__title { position: relative; margin: 0; font-size: 0.24rem; margin-bottom: 36px; font-weight: 700; }

.sidebar__search { position: relative; display: block; background-color: #f6f6f6; padding: 0.40rem; }

.sidebar__search-form { position: relative; }

.sidebar__search-form input[type="search"] { display: block; border: 0; outline: 0; background-color: var(--thm-white); color: var(--thm-gray); font-size: 0.14rem; font-weight: 400; padding-left: 0.3rem; height: 0.7rem; width: 100%; padding-right: 0.1rem; }

.sidebar__search-form button[type="submit"] { color: var(--thm-white); font-size: 0.22rem; position: absolute; top: 0.1rem; right: 0.1rem; bottom: 0.1rem; width: 0.5rem; outline: 0; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: var(--thm-black); -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; padding: 0; webkit-transition: all 500ms ease; transition: all 500ms ease; }

.sidebar__search-form button[type="submit"]:hover { background-color: var(--thm-primary); }

.sidebar__category { position: relative; display: block; background-color: #f6f6f6; padding: 48px 0.40rem 47px; }

.sidebar__category-list { position: relative; display: block; }

.sidebar__category-list li { position: relative; display: block; }

.sidebar__category-list li + li { margin-top: 0.16rem; }

.sidebar__category-list li a { position: relative; display: flex; align-items: center; justify-content: space-between; font-size: 0.18rem; font-weight: 400; font-family: var(--thm-font-two); color: var(--thm-gray); }

.sidebar__category-list li a:hover { color: var(--thm-base); }

.sidebar__post { position: relative; display: block; background-color: #f6f6f6; padding: 48px 0.40rem 0.42rem; }

.sidebar__post .sidebar__title { margin-bottom: 0.25rem; }

.sidebar__post-list { position: relative; display: block; }

.sidebar__post-list li { position: relative; display: flex; align-items: center; gap: 0.25rem; }

.sidebar__post-list li + li { margin-top: 14px; }

.sidebar__post-image { position: relative; display: block; max-width: 0.9rem; width: 100%; }

.sidebar__post-image img { width: 100%; }

.sidebar__post-content { position: relative; display: block; }

.sidebar__post-content h3 { font-size: 0.16rem; font-weight: 700; line-height: 0.24rem; margin-bottom: 4px; }

.sidebar__post-content h3 a { color: var(--thm-black); }

.sidebar__post-content h3 a:hover { color: var(--thm-base); }

.sidebar__post-content-date { position: relative; display: flex; align-items: center; gap: 7px; font-size: 12px; }

.sidebar__post-content-date i { color: var(--thm-base); }

.sidebar__tags { position: relative; display: block; background-color: #f6f6f6; padding: 48px 0.40rem 0.42rem; }

.sidebar__tags .sidebar__title { margin-left: 0.05rem; margin-bottom: 0.3rem; }

.sidebar__tags-list { margin-top: -10px; }

.sidebar__tags-list a { font-size: 0.14rem; color: var(--thm-gray); -webkit-transition: all .4s ease; transition: all .4s ease; background: var(--thm-white); display: inline-block; padding: 9px 23px 11px; margin-left: 0.05rem; font-weight: 700; font-family: var(--thm-font-two); }

.sidebar__tags-list a + a { margin-left: 0.05rem; margin-top: 12px; }

.sidebar__tags-list a:hover { color: var(--thm-white); background: var(--thm-base); }

/* 关于我们 */
.about-one { position: relative; display: block; padding: 0.70rem 0; z-index: 1; background: url(../images/about_bg.png) bottom left no-repeat #ffffff; }

.about_editor * { margin-bottom: 0.10rem; font-size: 0.16rem; line-height: 1.75; color: #444444; }

.about_video { text-align: center; margin-top: 0.3rem; }

.about_video video { margin: 0 auto; width: 80%; height: auto; max-width: 960px; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .about_video video { width: 100%; } }

.about_number { padding: 0.6rem 0 0 0; overflow: hidden; }

.about_number li { color: #222222; float: left; width: 14%; margin-left: 14.5%; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .about_number li { width: 50%; margin: 0; text-align: center; } }

.about_number li:nth-child(1) { margin-left: 0; }

.about_number .number { font-size: 0.6rem; font-family: 'arial'; font-weight: bold; margin-right: 0.05rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .about_number .number { font-size: 0.4rem; } }

.about_number i { font-size: 0.40rem; vertical-align: top; font-family: 'arial'; font-weight: bold; }

.about_number .t1 { font-size: 0.16rem; color: #222222; }

.about_number .t2 { font-size: 0.16rem; color: #666666; }

.about-two { background: #151719; padding: 0.70rem 0; box-sizing: border-box; overflow: hidden; }

.about_list li { position: relative; }

.about-two .left { width: 43.7%; float: left; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .about-two .left { float: none; clear: both; width: 100%; } }

.about-two .right { width: 54.6%; float: right; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .about-two .right { float: none; clear: both; width: 100%; } }

.about-two .right li { width: 48.5%; float: left; }

.about-two .right li:nth-child(even) { margin-left: 3%; }

.about-two .right li:nth-child(3), .about-two .right li:nth-child(4) { margin-top: 3%; }

.about-two a { display: block; cursor: default; }

.about-two .lans { position: absolute; top: 0.3rem; left: 5%; width: 80%; z-index: 2; color: #ffffff; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .about-two .lans { left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } }

.about-two .t1 { font-size: 0.34rem; line-height: 1; margin-bottom: 0.15rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .about-two .t1 { font-size: 0.24rem; } }

.about-two .t2 { font-size: 0.16rem; line-height: 0.26rem; }

.about-three { width: 100%; padding: 0.70rem 0; box-sizing: border-box; overflow: hidden; }

#certify { position: relative; width: 12rem; margin: 0 auto; padding: 0.15rem 0; }

@media only screen and (min-width: 0px) and (max-width: 575px) { #certify { width: 100%; } }

#certify .swiper-container { padding-bottom: 0.6rem; }

#certify .swiper-slide { width: 4.2rem; background: #fff; box-shadow: 0 8px 0.3rem #ddd; }

@media only screen and (min-width: 0px) and (max-width: 575px) { #certify .swiper-slide { width: 3.2rem; } }

#certify .swiper-slide img { display: block; }

#certify .swiper-slide p { line-height: 0.48rem; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; }

#certify .swiper-pagination { width: 100%; bottom: 0.20rem; }

#certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.05rem; border: 2px solid #d5d5d5; background-color: transparent; width: 0.20rem; height: 0.20rem; opacity: 1; }

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 2px solid #fd7e14; background-color: #fd7e14; }

#certify .swiper-button-prev { left: -0.3rem; width: 0.45rem; height: 0.45rem; color: #fd7e14; }

@media only screen and (min-width: 0px) and (max-width: 575px) { #certify .swiper-button-prev { left: 0.05rem; } }

#certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100%; }

#certify .swiper-button-next { right: -0.3rem; width: 0.45rem; height: 0.45rem; color: #fd7e14; }

@media only screen and (min-width: 0px) and (max-width: 575px) { #certify .swiper-button-next { right: 0.05rem; } }

#certify .swiper-button-next:hover { background-position: 0 -139px; background-size: 100%; }

.contact-area { padding: 0.7rem 0 0.8rem; background: #ffffff; }

.m-list4 { overflow: hidden; padding-bottom: 0.15rem; width: 100%; }

.m-list4 li { width: 25%; float: left; margin-bottom: 0.15rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .m-list4 li { width: 100%; } }

.m-list4 .con { display: block; margin: 0 0.15rem; height: 2.2rem; padding: 0.3rem 0; border: 1px solid #DFDFDF; text-align: center; border-radius: 0.05rem; -webkit-border-radius: 0.05rem; -moz-border-radius: 0.05rem; -ms-border-radius: 0.05rem; -o-border-radius: 0.05rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .m-list4 .con { padding: 0.2rem 0; height: auto; } }

.m-list4 .ico { display: block; margin: 0 auto 0.26rem; width: 0.5rem; height: 0.5rem; }

.m-list4 .ico img { width: 100%; height: 100%; display: block; }

.m-list4 .ico i { font-size: 0.46rem; color: var(--thm-primary); }

.m-list4 .t1 { font-weight: normal; font-size: 0.20rem; margin-bottom: 0.15rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .m-list4 .t1 { margin-bottom: 0.1rem; } }

.m-list4 .desc { font-size: 0.22rem; }

.m-list4 li:hover .con { background: var(--thm-primary); color: #ffffff; }

.m-list4 li:hover .con { background: var(--thm-primary); }

.m-list4 li:hover .con .ico i { color: #ffffff; }

.m-list4 li:hover .con .t1 { color: #ffffff; }

.m-list4 li:hover .con .desc { color: #ffffff; }

.m-map { height: 6rem; border-radius: 0.05rem; -webkit-border-radius: 0.05rem; -moz-border-radius: 0.05rem; -ms-border-radius: 0.05rem; -o-border-radius: 0.05rem; overflow: hidden; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .m-map { width: 100%; height: 3rem; } }

.m-map #map { height: 100%; }

.m-map #map img { max-width: none; transition: 0s; -ms-transition: 0s; -moz-transition: 0s; -webkit-transition: 0s; -o-transition: 0s; }

.contact-one { padding: 0.7rem 0; background: #f4f6f8; }

.certify-area { padding: 0.7rem 0; }

/*--------------------------------------------------------------
# cases Categories
--------------------------------------------------------------*/
.cases_categories { position: relative; display: block; padding: 0.7rem 0; }

.cases_categories .container-full-width { position: relative; display: block; padding: 0px 1rem; }

.cases_categories_single { position: relative; display: block; margin-bottom: 0.3rem; }

.cases_categories_image { position: relative; display: block; overflow: hidden; }

.cases_categories_image img { width: 100%; border-top-left-radius: 4px; border-top-right-radius: 4px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }

.cases_categories_content { position: relative; display: block; text-align: center; background: #f0f3f6; padding: 22.5px 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-transition: all 500ms ease; transition: all 500ms ease; }

.cases_categories_content::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 0px); background: #f0f3f6; z-index: 10; transition: all 500ms ease; }

.cases_categories_single:hover .cases_categories_content::after { background-color: #fff; }

.cases_categories_content:before { position: absolute; bottom: -3px; left: 0; right: 0; width: 0; height: 0.05rem; background: var(--thm-primary); content: ""; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 9; }

.cases_categories_single:hover .cases_categories_image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.cases_categories_single:hover .cases_categories_content { background: var(--thm-base); box-shadow: 0px 0.1rem 0.6rem 0px rgba(0, 0, 0, 0.05); }

.cases_categories_single:hover .cases_categories_content:before { width: 100%; }

.cases_categories_content h3 { font-size: 0.18rem; font-weight: 400; height: 0.3rem; line-height: 0.3rem; padding: 0 0.1rem; position: relative; z-index: 11; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.cases_categories_content p { font-size: 0.14rem; font-weight: 600; margin: 0; line-height: 0.3rem; position: relative; z-index: 11; }

.cases_categories_arrow { position: absolute; top: -23px; right: 0.3rem; height: 0.45rem; width: 0.45rem; background: var(--thm-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--thm-base); transform: scale(0); -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 11; }

.cases_categories_arrow:hover { background: var(--thm-black); color: #fff; }

.cases_categories_single:hover .cases_categories_arrow { transform: scale(1); }

/*** 
=============================================
    Shop Details Area Css
=============================================
***/
.shop-details-area { position: relative; display: block; background: #ffffff; padding: 0.7rem 0; }

.single-product-image-holder { position: relative; display: block; max-width: 440px; width: 100%; }

.single-product-image-holder .bx-wrapper { position: relative; margin: 0; padding: 0; }

.single-product-image-holder .bx-wrapper .bx-viewport { box-shadow: none; border: 0px solid; left: 0px; background: #fff; transform: translatez(0); }

.single-product-image-holder .slider-content { position: relative; display: block; }

.single-product-slide { position: relative; display: block; }

.single-product-slide .big-image-box { position: relative; display: block; overflow: hidden; }

.single-product-slide .big-image-box img { width: 100%; transition: .5s ease; transform: scale(1.05); }

.single-product-slide:hover .big-image-box img { transform: scale(1); }

.single-product-image-holder .slider-pager { position: relative; display: block; max-width: 440px; width: 100%; margin-top: 0.20rem; text-align: center; }

.single-product-image-holder .slider-pager .thumb-box { position: relative; display: block; overflow: hidden; }

.single-product-image-holder .slider-pager .thumb-box li { position: relative; display: inline-block; float: none; margin: 0 8px 13px; }

.single-product-image-holder .slider-pager .thumb-box li a { position: relative; display: inline-block; }

.single-product-image-holder .slider-pager .thumb-box li .img-holder { position: relative; display: block; overflow: hidden; z-index: 1; }

.single-product-image-holder .slider-pager .thumb-box li .img-holder:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(143, 196, 36, 0.7); transition: all 200ms linear; transition-delay: 0.1s; opacity: 0; content: ""; }

.single-product-image-holder .slider-pager .thumb-box li a.active .img-holder:before { opacity: 1; }

.single-product-info-box { position: relative; display: block; }

.single-product-info-box hr { margin-top: 0.15rem; margin-bottom: 0.3rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); }

.single-product-info-box .product-title { position: relative; display: block; }

.single-product-info-box .product-title p { font-size: 0.14rem; line-height: 0.18rem; font-weight: 700; margin: 0 0 8px; }

.single-product-info-box .product-title h2 { color: #22254a; font-size: 0.3rem; line-height: 0.40rem; font-weight: 700; }

.single-product-info-box .product-value { position: relative; display: block; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 0.25rem 0 0.28rem; margin: 0.3rem 0 0.34rem; }

.single-product-info-box .product-value h3 { font-size: 0.24rem; line-height: 0.3rem; font-weight: 700; }

.single-product-info-box .product-value h3 del { color: #b2bfce; font-size: 0.18rem; }

.single-product-info-box .product-value .review-box { display: flex; align-items: center; margin-top: 11px; }

.single-product-info-box .product-value .review-box span { position: relative; display: inline-block; padding-left: 0.05rem; color: #d7d7d7; font-size: 0.14rem; font-weight: 700; }

.single-product-info-box .product-text { position: relative; display: block; border-bottom: 1px solid #dddddd; padding-bottom: 0.3rem; margin-bottom: 0.35rem; }

.single-product-info-box .product-text .bottom { position: relative; display: block; padding-top: 12px; }

.single-product-info-box .product-text p { color: #22254a; font-size: 0.14rem; line-height: 0.24rem; font-weight: 400; margin: 0; }

.single-product-info-box .product-text ul { position: relative; display: block; overflow: hidden; }

.single-product-info-box .product-text ul li { position: relative; display: inline-block; float: left; margin-right: 0.3rem; color: #22254a; font-size: 0.16rem; font-weight: 400; margin-bottom: 0.05rem; }

.single-product-info-box .product-text ul li span { font-weight: 700; }

.single-product-info-box .product-text .des { margin-bottom: 0.1rem; }

.single-product-info-box .product-text .des p { margin-bottom: 0.1rem; font-size: 0.18rem; }

.single-product-info-box .product-text .des b { font-size: 0.2rem; }

.product-cart-box { position: relative; display: block; }

.product-cart-box .input-box { position: relative; display: block; margin-bottom: 0.20rem; }

.product-cart-box .input-box .title { position: relative; display: block; padding-bottom: 0.15rem; }

.product-cart-box .input-box .title h4 { color: #22254a; font-size: 0.16rem; line-height: 0.20rem; font-weight: 700; }

.product-cart-box .bootstrap-select { position: relative; display: block; width: 100% !important; height: 0.5rem; }

.product-cart-box .bootstrap-select > .dropdown-toggle { position: relative; display: block; outline: none !important; border-radius: 0; border: 1px solid #e5e5e5; background-color: #ffffff !important; max-width: 100%; width: 100%; height: 0.5rem; margin: 0; padding: 0; padding-left: 19px; padding-right: 0.20rem; color: #999999 !important; font-size: 0.14rem; line-height: 48px; font-weight: 700; letter-spacing: normal; text-transform: capitalize; box-shadow: none !important; font-family: 'Open Sans', sans-serif; }

.product-cart-box .bootstrap-select .dropdown-toggle:focus { outline: none !important; }

.product-cart-box .bootstrap-select .dropdown-menu li a span.text { display: inline-block; margin: 0; }

.product-cart-box .bootstrap-select > .dropdown-toggle::after { position: absolute; top: 50%; transform: translateY(-50%); right: 0.28rem; width: auto; height: auto; font-family: 'icomoon' !important; content: "\e941"; color: #c9c5bf; font-size: 12px; margin: 0; border: none; }

.product-cart-box .bootstrap-select .dropdown-menu { margin: 0; padding: 0; border-radius: 0px; border: 0px solid #ddd; background: #eae8e4; font-size: 0.16rem; color: #000000; }

.product-cart-box .bootstrap-select .dropdown-menu li { position: relative; border-bottom: 1px solid #d7d7d7; }

.product-cart-box .dropdown-item { display: block; width: 100%; padding: 9px 0.20rem 9px; color: #222222; font-size: 0.14rem; font-weight: 700; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; border-radius: 0; transition: all 500ms ease; font-family: 'Open Sans', sans-serif; }

.quantity-box .input-group.bootstrap-touchspin { float: left; width: 46px; }

.quantity-box input.quantity-spinner.form-control { position: relative; display: block; height: 0.5rem; width: 0.45rem; padding: 0; transition: auto; color: #999999; font-size: 0.14rem; font-weight: 700; text-align: center; border: 1px solid #e5e5e5; font-family: 'Open Sans', sans-serif; }

.quantity-box input.quantity-spinner.form-control:focus { box-shadow: none; }

.quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn { position: relative; display: block; float: none; margin-left: 0px; width: 100%; background: #f6f6f6; border: 1px solid #f6f6f6; color: #848484; padding: 12px 11px; cursor: pointer; }

.quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-radius: 0; }

.quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { border-radius: 0; margin-top: -2px; }

.quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-up:before { content: "\f0d8"; font-family: FontAwesome; color: #848484; font-size: 0.14rem; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0.05rem 0.05rem 0.05rem; }

.quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:before { content: "\f0d7"; font-family: FontAwesome; color: #848484; font-size: 0.14rem; position: absolute; top: -1px; left: 0px; width: 100%; height: 100%; padding: 0px 0.05rem 0.05rem; }

.clear-selection { position: relative; display: block; float: right; }

.clear-selection a { position: relative; display: inline-block; font-size: 0.14rem; line-height: 0.5rem; font-weight: 700; text-decoration: underline; }

.product-details-button-box { position: relative; display: flex; align-content: center; }

.product-details-button-box .addto-cart-button { position: relative; display: block; }

.product-details-button-box .addto-cart-button button.addtocart { line-height: 62px; border-radius: 0; }

.product-details-button-box .addto-cart-button button.addtocart:after { border-radius: 0px; }

.product-details-button-box .wishlist-button { position: relative; display: block; margin-left: 0.3rem; margin-left: 0; }

.product-details-button-box .wishlist-button button.wishlist { color: #22254a; line-height: 0.58rem; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 0; padding: 0 0.20rem; background: var(--thm-primary); color: #ffffff; border-radius: 4px; font-size: 0.16rem; }

.product-details-button-box .wishlist-button button.wishlist:hover { background-color: #ffffff; color: var(--thm-black); }

.product-details-button-box .wishlist-button button.wishlist:after { border-radius: 0px; }

.product-details-button-box .wishlist-button button.detaillist { color: #22254a; line-height: 0.58rem; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 0; padding: 0 0.20rem; background: #18a05c; color: #ffffff; border-radius: 4px; }

.product-details-button-box .wishlist-button button.detaillist:hover { background-color: #ffffff; color: var(--thm-black); }

.product-details-button-box .wishlist-button button.detaillist:after { border-radius: 0px; }

.product-details-button-box .compare-button { position: relative; display: block; margin-left: 0.3rem; }

.product-details-button-box .compare-button button.compare { color: #22254a; line-height: 0.58rem; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 0; padding: 0 0.3rem; }

.product-details-button-box .compare-button button.compare:after { border-radius: 0px; }

.product-details-button-box button i { position: relative; display: inline-block; float: left; font-size: 0.16rem; line-height: 0.6rem; padding-right: 0.1rem; }

.share-products-socials { position: relative; display: block; overflow: hidden; margin-top: 0.3rem; }

.share-products-socials h5 { position: relative; display: inline-block; float: left; color: #22254a; font-size: 0.14rem; line-height: 0.40rem; font-weight: 700; text-transform: capitalize; }

.share-products-socials ul { position: relative; display: inline-block; float: left; margin-left: 0.20rem; }

.share-products-socials ul li { position: relative; display: inline-block; float: left; margin-right: 0.20rem; }

.share-products-socials ul li:last-child { margin-right: 0; }

.share-products-socials ul li a i { position: relative; display: block; width: 0.40rem; height: 0.40rem; font-size: 0.18rem; line-height: 0.42rem; text-align: center; border-radius: 0.05rem; transition: all 500ms ease; }

.share-products-socials ul li a i.fb { background: #3b5998; border-color: #3b5998; color: #ffffff; }

.share-products-socials ul li a:hover i.fb { background: #1d376f; }

.share-products-socials ul li a i.tw { background: #55acee; border-color: #55acee; color: #ffffff; }

.share-products-socials ul li a:hover i.tw { background: #1e7dc5; }

.share-products-socials ul li a i.pin { background: #cb2027; border-color: #cb2027; color: #ffffff; }

.share-products-socials ul li a:hover i.pin { background: #a81218; }

.share-products-socials ul li a i.lin { background: #007ab9; border-color: #007ab9; color: #ffffff; }

.share-products-socials ul li a:hover i.lin { background: #01537d; }

.share-products-socials ul li a i.wechat { background: #7bc549; border-color: #7bc549; color: #ffffff; }

.share-products-socials ul li a:hover i.wechat { background: #7bc549; }

.share-products-socials ul li a i.weibo { background: #ff763b; border-color: #ff763b; color: #ffffff; }

.share-products-socials ul li a:hover i.weibo { background: #ff763b; }

/* slider  */
.product-slider-container { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; }

.product-slider-container a { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; }

/* thumbnail  */
.product-details-thumbnail { margin-top: 0.20rem; }

.product-item-thumb { padding-right: 0.05rem; }

.product-item-thumb img { width: 100%; border: 1px solid #f3f3f3; cursor: pointer; }

.product-item-thumb img:hover { border: 1px solid #e4e3e3; }

.product-thumbnail-vertical .product-item-thumb { margin-left: 0; }

.product-gallery .product-item { width: 50%; float: left; padding: 0.05rem; }

.product-gallery .product-item a { border: 1px solid #f3f3f3; }

.arrow-center .arrow-button { position: absolute; top: 48%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); width: 0.3rem; height: 0.3rem; line-height: 0.3rem; font-size: 0.40rem; color: #555; left: 0.40rem; z-index: 99; text-align: center; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; cursor: pointer; opacity: 0; visibility: hidden; }

@media only screen and (max-width: 575px) { .arrow-center .arrow-button { display: none; } }

.arrow-center:hover .arrow-button { opacity: .8; visibility: visible; }

@media only screen and (max-width: 575px) { .arrow-center:hover .arrow-button { display: none; visibility: hidden; } }

.arrow-center:hover .arrow-left { left: 0; }

.arrow-center:hover .arrow-right { right: 2px; }

.arrow-center .arrow-left { left: 0.20rem; }

.arrow-center .arrow-right { right: 0.20rem; left: auto; }

/*** 
=============================================
    Products Details Tab Area Css
=============================================
***/
.products-details-tab-area { position: relative; display: block; background: #f4f2ef; padding: 0.6rem 0 0.5rem; }

.product-tab-box { position: relative; display: block; overflow: hidden; }

.product-tab-box .tab-btns { position: relative; display: block; text-align: center; z-index: 1; }

.product-tab-box .tab-btns .tab-btn { position: relative; display: inline-block; float: none; margin: 0 -2px; }

.product-tab-box .tab-btns .tab-btn span { position: relative; display: block; cursor: pointer; margin: 0; padding: 0px 0.29rem 0.22rem; color: #22254a; font-size: 0.24rem; font-weight: 700; font-family: var(--fontFamily2); text-transform: uppercase; transition: all 500ms ease; }

.product-tab-box .tab-btns .tab-btn span:before { position: absolute; left: 0; bottom: 0; right: 0; height: 3px; content: ""; background: #18a05c; transform: scaleX(0); transform-origin: center; transform-style: preserve-3d; transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.22); }

.product-tab-box .tab-btns .tab-btn.active-btn span { color: #18a05c; }

.product-tab-box .tab-btns .tab-btn.active-btn span:before { transform: scaleX(1); }

.product-tab-box .tabs-content { position: relative; display: block; }

.product-tab-box .tabs-content .tab { position: relative; background: #ffffff; padding: 44px 0.5rem 0.40rem; display: none; }

.product-tab-box .tabs-content .tab.active-tab { display: block; }

.product-descriptions-content { position: relative; display: block; background: url(../images/bg_logo.jpg) bottom right no-repeat; background-position: center center; background-attachment: fixed; background-size: 45%; }

.product-descriptions-content:before { content: ' '; position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/bg_logo.jpg) bottom right no-repeat; background-size: cover; width: 500px; height: 380px; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.product-descriptions-content .text { margin-bottom: 33px; }

.product-descriptions-content .bottom-text { margin-top: 33px; }

.product-tab-box .review-form { position: relative; display: block; }

.product-tab-box .review-form .shop-page-title { padding-bottom: 0.29rem; }

.product-tab-box .review-form .shop-page-title .title { color: #22254a; font-size: 0.20rem; line-height: 0.3rem; font-weight: 600; margin: 0 0 4px; text-transform: capitalize; font-family: 'Poppins', sans-serif; }

.product-tab-box .review-form .shop-page-title p { margin: 0; }

.product-tab-box .review-form .shop-page-title p b { font-weight: 400; }

.product-tab-box .review-form .add-rating-box { position: relative; display: block; overflow: hidden; margin-bottom: 0.20rem; }

.product-tab-box .review-form .add-rating-box .add-rating-title { position: relative; display: inline-block; float: left; }

.product-tab-box .review-form .add-rating-box .add-rating-title p { position: relative; display: inline-block; float: left; line-height: 0.20rem; margin: 0; text-transform: capitalize; }

.product-tab-box .review-form .add-rating-box .review-box { position: relative; display: inline-block; float: left; padding-left: 0.20rem; }

.product-tab-box .review-form .add-rating-box .review-box ul li { position: relative; display: inline-block; float: left; line-height: 0.20rem; margin-right: 0.05rem; }

.product-tab-box .review-form .add-rating-box .review-box ul li:last-child { margin-right: 0px; }

.product-tab-box .review-form .add-rating-box .review-box ul li i { font-size: 0.14rem; line-height: 0.20rem; opacity: 1; transition: all 500ms ease 0s; }

.product-tab-box .review-form .input-box p { font-size: 0.15rem; line-height: 0.20rem; font-weight: 500; margin: 0 0 0.05rem; }

.product-tab-box .review-form form input[type="text"], .product-tab-box .review-form form input[type="email"], .product-tab-box .review-form form input[type="number"], .product-tab-box .review-form form textarea { position: relative; display: block; background: #ffffff; width: 100%; height: 0.5rem; border: 1px solid #ededed; color: #252525; font-size: 0.15rem; padding: 0 0.20rem; margin-bottom: 0.3rem; border-radius: 0px; transition: all 500ms ease; }

.product-tab-box .review-form form textarea { height: 150px; padding: 0.1rem 0.20rem; margin-bottom: 0.40rem; }

.product-tab-box .review-form form button i { position: relative; display: inline-block; padding-left: 0.1rem; }

.product-tab-box .review-form form input[type="text"]:focus { border-color: #e1dddd; }

.product-tab-box .review-form form input[type="email"]:focus { border-color: #e1dddd; }

.product-tab-box .review-form form textarea:focus { border-color: #e1dddd; }

.review-box-holder { position: relative; display: block; }

.review-box-holder .single-review-outer-box { position: relative; display: block; padding: 0.34rem 39px 32px; border: 1px solid #ededed; margin-bottom: 0.20rem; }

.review-box-holder .single-review-box { position: relative; display: block; padding-left: 0.7rem; }

.review-box-holder .single-review-box .image-holder { position: absolute; left: 0; top: 0.05rem; }

.review-box-holder .single-review-box .image-holder img { width: 100%; border-radius: 50%; }

.review-box-holder .single-review-box .text-holder { position: relative; display: block; padding-left: 0.25rem; }

.review-box-holder .single-review-box .text-holder .top { position: relative; display: block; overflow: hidden; margin: 0 0 12px; }

.review-box-holder .single-review-box .text-holder .top .name h3 { color: #22254a; font-size: 0.16rem; font-weight: 600; line-height: 0.22rem; margin: 0 0 7px; text-transform: capitalize; }

.review-box-holder .single-review-box .text-holder .top .name h3 span { color: #7e7e7e; font-size: 0.16rem; font-weight: 400; text-transform: none; font-family: 'Open Sans', sans-serif; }

.review-box-holder .single-review-box .text-holder .top .review-box ul { position: relative; display: block; overflow: hidden; }

.review-box-holder .single-review-box .text-holder .top .review-box ul li { display: inline-block; float: left; margin-right: 4px; }

.review-box-holder .single-review-box .text-holder .top .review-box ul li:last-child { margin-right: 0; }

.review-box-holder .single-review-box .text-holder .top .review-box ul li i { font-size: 0.14rem; }

.review-box-holder .single-review-box .text-holder .text p { margin: 0; }

/*** 
====================================================================
				Projects Section
====================================================================
***/
.projects-section { position: relative; background-repeat: no-repeat; background-position: center top; padding: 0.7rem 0; background: url(../images/bg_project.jpg) top center no-repeat; background-size: cover; }

.projects-section::before { background: linear-gradient(180deg, var(--White) 0, rgba(255, 255, 255, 0.1) 23.3%, rgba(255, 255, 255, 0) 100%); content: ""; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: rgba(248, 248, 236, 0.4); backdrop-filter: blur(0.03rem); }

.projects-section .auto-container { position: static; max-width: 100%; padding: 0px 1rem; margin: 0 auto; }

.projects-carousel { position: relative; padding-bottom: 0.7rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .projects-carousel { padding-bottom: 0.5rem; } }

.project-block { position: relative; }

.project-block .inner-box { position: relative; }

.project-block .image-box { position: relative; }

.project-block .image { position: relative; overflow: hidden; }

.project-block img { border-radius: 0.05rem; -webkit-border-radius: 0.05rem; -moz-border-radius: 0.05rem; -ms-border-radius: 0.05rem; -o-border-radius: 0.05rem; }

.project-block .image::before { position: absolute; left: 0; top: 0; height: 0; width: 0; content: ""; background: #000; z-index: 10; }

.project-block .image a { display: block; }

.project-block .image img { display: block; width: 100%; height: auto; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }

.project-block .inner-box:hover .image::before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.35); }

.project-block .inner-box:hover .image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.project-block .lower-content { position: absolute; width: 80%; height: 80%; top: 10%; left: 10%; padding: 0; border: 1px solid #dddddd; border: 0; z-index: 10; opacity: 0; }

.project-block:hover .lower-content { opacity: 1; }

.project-block .lower-content:before { position: absolute; left: 0; top: 0; height: 0px; width: 0px; content: ""; border: none; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }

.project-block .inner-box:hover .lower-content:before { height: 50%; width: 50%; border: 1px solid #dddddd; border-right: none; border-bottom: none; }

.project-block .lower-content:after { position: absolute; right: 0; bottom: 0; height: 0px; width: 0px; content: ""; border: none; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }

.project-block .inner-box:hover .lower-content:after { height: 50%; width: 50%; border: 1px solid #dddddd; border-left: none; border-top: none; }

.project-block .icon-box { position: absolute; right: 35px; top: 47px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; display: none; }

.project-block .lower-content .icon-box .icon { position: relative; display: inline-block; width: 0.20rem; height: 36px; text-align: center; font-size: 0.18rem; line-height: 0.34rem; color: #222222; font-weight: 400; border-top: 1px solid #159a68; border-bottom: 1px solid #159a68; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; z-index: 5; }

.project-block .inner-box:hover .lower-content .icon-box:before, .project-block .inner-box:hover .lower-content .icon-box:after, .project-block .inner-box:hover .lower-content .icon-box .icon { background-color: #222222; color: #ffffff; }

.project-block .lower-content .icon-box:before, .project-block .lower-content .icon-box:after { position: absolute; height: 36px; width: 0.20rem; left: 0; top: 0px; z-index: 4; border-top: 1px solid #159a68; border-bottom: 1px solid #159a68; -webkit-transform: rotate(59deg); -moz-transform: rotate(59deg); -ms-transform: rotate(59deg); -o-transform: rotate(59deg); transform: rotate(59deg); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; content: ""; }

.project-block .lower-content .icon-box:after { -webkit-transform: rotate(-59deg); -moz-transform: rotate(-59deg); -ms-transform: rotate(-59deg); -o-transform: rotate(-59deg); transform: rotate(-59deg); }

.project-block .lower-content h3 { display: block; font-size: 0.22rem; line-height: 1; color: #222222; font-weight: 500; margin-bottom: 0.15rem; text-align: center; position: absolute; top: 48%; width: 100%; }

.project-block .lower-content h3 a { color: #fff; display: block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }

.project-block .inner-box:hover .lower-content h3 { color: #ffffff; }

.project-block .lower-content p { display: block; font-size: 0.14rem; line-height: 0.20rem; color: #777777; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }

.project-block .inner-box:hover .lower-content p { color: #222222; }

.projects-carousel .owl-stage .owl-item:nth-child(even) { padding: 0.7rem 0 0 0; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .projects-carousel .owl-stage .owl-item:nth-child(even) { padding: 0; } }

.projects-carousel .owl-nav { display: none; }

.projects-carousel .owl-dots { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; }

.projects-carousel .owl-dots .owl-dot { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 0.05rem; border-radius: 50%; display: inline-block; margin: 3px; position: relative; z-index: 1; padding: 0; font-size: 0; width: 12px; height: 12px; cursor: pointer; border-radius: 50%; border: 3px solid #1b1a1a; background-color: transparent; background-color: #dddddd; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin: 0 0.05rem; border: 2px solid #d5d5d5; background-color: transparent; width: 0.20rem; height: 0.20rem; opacity: 1; }

.projects-carousel .owl-dots .owl-dot span { display: none; }

.projects-carousel .owl-dots .owl-dot:hover, .projects-carousel .owl-dots .owl-dot.active { background-color: #ffffff; border-color: #159a68; border: 2px solid #fd7e14; background-color: #fd7e14; }

.projects-section.style-two { padding: 125px 0 0.7rem; }

.projects-section.style-two .project-block { margin-bottom: 0.6rem; }

.projects-section.style-two .project-block .lower-content { padding: 35px 0.3rem 0.40rem; }

.shop_big_pic img { border-radius: 0.05rem; -webkit-border-radius: 0.05rem; -moz-border-radius: 0.05rem; -ms-border-radius: 0.05rem; -o-border-radius: 0.05rem; cursor: zoom-in; }

#shop_big_pic { height: auto; }

#shop_thumb_piclist { overflow: hidden; min-height: 1rem; position: relative; margin: 0.15rem 0 0 0; padding: 0 0.45rem; }

@media only screen and (min-width: 0px) and (max-width: 575px) { #shop_thumb_piclist { margin-bottom: 0.15rem; } }

#shop_thumb_piclist img { border-radius: 0.05rem; -webkit-border-radius: 0.05rem; -moz-border-radius: 0.05rem; -ms-border-radius: 0.05rem; -o-border-radius: 0.05rem; }

#shop_thumb_piclist .owl-prev, #shop_thumb_piclist .owl-next { background: #000 !important; background: rgba(0, 0, 0, 0.6) !important; color: #fff; width: 0.3rem; line-height: 100%; height: 100%; text-align: center; font-size: 0.40rem; position: absolute; top: 0%; cursor: pointer; transition: all .2s ease; z-index: 899999; border: none; padding: 0; margin-top: 0; margin-bottom: 0; }

#shop_thumb_piclist .owl-prev { left: -45px; }

#shop_thumb_piclist .owl-next { right: -45px; }

#shop_thumb_piclist .owl-dots { display: none !important; }

#shop_thumb_piclist .owl-prev:hover, #shop_thumb_piclist .owl-next:hover { background: rgba(0, 0, 0, 0.9) !important; }

.contact-one__form { background: #fff; padding: 0.35rem; border-radius: 0.05rem; -webkit-border-radius: 0.05rem; -moz-border-radius: 0.05rem; -ms-border-radius: 0.05rem; -o-border-radius: 0.05rem; }

.contact-one__form .input-group input[type="text"], .contact-one__form .input-group input[type="Email"] { height: 0.65rem; width: 100%; background: #f0f3f6; border: none; outline: none; padding: 0 0.3rem; font-size: 0.16rem; color: var(--thm-gray); margin-bottom: 0.3rem; border-radius: 4px; }

.contact-one__form .input-group textarea { font-size: 0.16rem; color: var(--thm-gray); height: 205px; background: #f0f3f6; width: 100%; border: none; outline: none; padding: 0.18rem 0.3rem; border-radius: 4px; margin-bottom: 0.3rem; }

.contact-one__form .contact__btn { position: relative; display: block; text-align: right; }

.contact-one__form .contact__btn .contact-one__btn { background: var(--thm-primary); }

.contact-one__form .contact__btn .contact-one__btn:hover { background: var(--thm-black); }

/* 样册下载、资料下载 */
.single-download { display: block; background: #ffffff; margin-bottom: 0.3rem; border-radius: 0.05rem; -webkit-border-radius: 0.05rem; -moz-border-radius: 0.05rem; -ms-border-radius: 0.05rem; -o-border-radius: 0.05rem; overflow: hidden; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }

.single-download a { border: 1px solid #ededed; padding: 0.3rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .5s; transition: all .5s; border-radius: 0.05rem; -webkit-border-radius: 0.05rem; -moz-border-radius: 0.05rem; -ms-border-radius: 0.05rem; -o-border-radius: 0.05rem; }

.single-download a .txt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.single-download a .txt b.t { display: block; color: #333; font-size: 0.16rem; line-height: 0.36rem; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 98%; -webkit-transition: all .5s; transition: all .5s; }

.single-download a .icon { width: 36px; height: 36px; -webkit-transition: all .5s; transition: all .5s; }

.single-download a .icon svg { width: 100%; height: 100%; color: #e71421; -webkit-transition: all .5s; transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }

.single-download a .icon i { font-size: 0.36rem; line-height: 0.36rem; color: rgba(var(--thm-primary-rgb), 1); }

.single-download:hover { background: rgba(var(--thm-primary-rgb), 1); box-shadow: 0px 0.2rem 0.3rem rgba(1, 15, 28, 0.1); }

.single-download:hover a .txt b.t { color: #ffffff; }

.single-download:hover a .icon i { color: #ffffff; }

/*----------------------------------------*/
/*  3.0 faq-one
/*----------------------------------------*/
.faq-one { position: relative; display: block; padding: 0.7rem 0; z-index: 1; background: #fff; }

.faq-one__single { margin-bottom: 0.15rem; }

.faq-one__single i.icon { display: block; position: absolute; right: 0; top: 0; width: 0.5rem; height: 0.5rem; text-align: center; transition: all 0.5s ease-out 0s; overflow: hidden; font-size: 0.24rem; }

.faq-one__single .Q { margin: 0; line-height: 0.5rem; height: 0.5rem; padding-left: 0.75rem; padding-right: 0.5rem; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: relative; background: #f9f9f9; cursor: pointer; transition: all 0.5s ease-out 0s; }

.faq-one__single .Q > a { color: #333333; font-size: 0.16rem; display: block; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .faq-one__single .Q > a { font-size: 0.18rem; } }

.faq-one__single em.icon { position: absolute; top: 0; left: 0; width: 0.5rem; height: 100%; display: block; text-align: center; font-family: Arial; font-size: 0.24rem; font-weight: bold; font-style: normal; color: #333; }

.faq-one__single .Q em.icon { background: #efefef; transition: all 0.5s ease-out 0s; }

.faq-one__single .A { position: relative; padding: 0.25rem 0.25rem 0.25rem 0.75rem; background: #f1f1f1; display: none; }

.faq-one__single .A em.icon { background: #f9f9f9; color: rgba(var(--thm-primary-rgb), 1); transition: all 0.5s ease-out 0s; padding-top: 0.15rem; }

.faq-one__single.active .Q em.icon { background: rgba(var(--thm-primary-rgb), 1); color: #fff; }

.faq-one__single.active i.icon { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

/*----------------------------------------*/
/*  2.6 Offcanvas
/*----------------------------------------*/
.tp-offcanvas { position: fixed; z-index: 999; background: #fff; width: 400px; right: 0; top: 0; padding: 50px 0.40rem; height: 100%; opacity: 0; visibility: hidden; -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; overflow-y: scroll; overscroll-behavior-y: contain; scrollbar-width: none; }

.tp-offcanvas-logo img { width: 168px; }

@media only screen and (max-width: 400px) { .tp-offcanvas { width: 100%; padding: 35px 0.3rem; } }

.tp-offcanvas-open { opacity: 1; visibility: visible; -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }

.tp-offcanvas-close-toggle { font-size: 0.29rem; width: 0.435rem; height: 0.435rem; line-height: 0; text-align: center; color: var(--tp-heading-color); transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; }

.tp-offcanvas-close-toggle:hover { transform: rotate(90deg); }

.tp-offcanvas-close-toggle i { display: block; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) { .tp-offcanvas-header { margin-bottom: 0.40rem; } }

.tp-offcanvas-title { font-size: 35px; }

.tp-offcanvas-gallery { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 0.1rem; }

.tp-offcanvas-info span { color: #222; display: block; margin-bottom: 0.05rem; }

.tp-offcanvas-info span i { width: 0.2rem; color: rgba(var(--thm-primary-rgb), 1); }

.tp-offcanvas-info span:hover { color: rgba(var(--thm-primary-rgb), 1); }

.tp-offcanvas-sm-title { font-size: 0.25rem; margin-bottom: 0.15rem; }

.tp-offcanvas-social a { display: inline-block; text-align: center; width: 0.40rem; height: 0.40rem; line-height: 0.38rem; border-radius: 0.40rem; color: var(--tp-heading-color); border: 1px solid rgba(2, 11, 24, 0.1); font-size: 14px; }

.tp-offcanvas-social a:hover { background-color: rgba(var(--thm-primary-rgb), 1); color: #fff; border-color: rgba(var(--thm-primary-rgb), 1); }

.tp-offcanvas-overlay { position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: 0.45s ease-in-out; background: rgba(24, 24, 24, 0.4); }

.tp-offcanvas-overlay-open { opacity: 0.7; visibility: visible; }

/*----------------------------------------*/
/*  3.2 Mobile Menu
/*----------------------------------------*/
.tp-offcanvas-menu ul { list-style: none; }

.tp-offcanvas-menu ul li { position: relative; }

.tp-offcanvas-menu ul li > a { padding: 0.15rem 0; display: block; font-size: 0.20rem; font-weight: 500; }

.tp-offcanvas-menu ul li > a:hover { color: rgba(var(--thm-primary-rgb), 1); }

.tp-offcanvas-menu ul li:not(:last-child) > a { border-bottom: 1px solid rgba(1, 15, 28, 0.1); }

.tp-offcanvas-menu ul li.active > a { color: rgba(var(--thm-primary-rgb), 1); }

.tp-offcanvas-menu ul li.active > .tp-menu-close { border-color: rgba(var(--thm-primary-rgb), 1); color: #fff; background-color: rgba(var(--thm-primary-rgb), 1); }

.tp-offcanvas-menu ul li.active > .tp-menu-close i { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.tp-offcanvas-menu ul li .sub-menu { display: none; padding-left: 0.20rem; }

.tp-menu-close { position: absolute; right: 0; top: 7.5px; border: 1px solid rgba(1, 15, 28, 0.12); height: 0.3rem; width: 0.3rem; text-align: center; font-size: 12px; line-height: 0.29rem; }

.tp-menu-close:hover { background-color: rgba(var(--thm-primary-rgb), 1); color: #fff; border-color: rgba(var(--thm-primary-rgb), 1); }

.tp-menu-close i { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.index-hotpro-2, .index-hotpro-4, .index-hotpro-6, .index-hotpro-8 { background: #ebebeb !important; }

.proAdv { background: #ffffff; padding: 0.7rem 0; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .proAdv { padding: 0.7rem 0.15rem; } }

.proAdv .mt { height: .6rem; line-height: .6rem; text-align: center; background: #424242; }

.proAdv .mt a { color: #fff; margin: 0 18PX; }

.proAdv .mc { margin-bottom: 0; }

.proAdv .mc .detail { background: #fff; overflow: hidden; position: relative; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .proAdv .mc .detail { margin-bottom: 0.15rem; } }

.proAdv .mc .detail .con { width: 45%; height: 100%; padding: 0 5vw; position: absolute; top: 0; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .proAdv .mc .detail .con { width: 100%; position: relative; padding: 0.15rem; } }

.proAdv .mc .detail .con .content { position: absolute; width: calc(100% - 8vw); left: 5vw; top: 50%; transform: translateY(-50%); }

@media only screen and (min-width: 0px) and (max-width: 575px) { .proAdv .mc .detail .con .content { position: relative; top: 0; left: 0; transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); } }

.proAdv .mc .detail .con .tt { font-size: 0.28rem; line-height: 0.28rem; color: #444; text-align: left; font-family: var(--fontFamily2); }

.proAdv .mc .detail .con .line { width: 4em; height: .04rem; background: var(--thm-primary); margin: 0; margin-top: .19rem; }

.proAdv .mc .detail .con .des { line-height: 0.3rem; margin-top: 0.2rem; }

.proAdv .mc .detail .con .des p { margin-bottom: 0.10rem; line-height: 1.75; font-size: 0.16rem; }

.proAdv .mc .detail .im { float: right; width: 55%; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .proAdv .mc .detail .im { float: none; clear: both; width: 100%; } }

.proAdv .mc .detail .im img { width: 100%; height: 100%; display: block; border-radius: 0.05rem; -webkit-border-radius: 0.05rem; -moz-border-radius: 0.05rem; -ms-border-radius: 0.05rem; -o-border-radius: 0.05rem; }

.proAdv .mc .dt .im { float: left; }

@media only screen and (min-width: 0px) and (max-width: 575px) { .proAdv .mc .dt .im { float: none; clear: both; width: 100%; } }

.proAdv .mc .dt .con { right: 0; }

/* 标签中心 */
.tag-section { padding: 0.7rem 0; }

.tags ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; }

.tags ul li { border: 0; height: 0.5rem; padding: 0.05rem; }

.tags ul li a { display: block; padding: 0 0.1rem; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; font-size: 0.16rem; line-height: 0.4rem; color: #fff; border: 1px solid var(--border-color); outline: 0; border-radius: 0.15rem; -webkit-border-radius: 0.15rem; -moz-border-radius: 0.15rem; -ms-border-radius: 0.15rem; -o-border-radius: 0.15rem; }

.tags ul li a.active, .tags ul li a:hover { border: 1px solid var(--thm-primary-rgb); color: rgba(var(--thm-primary-rgb), 1); background-color: var(--secondary-color); }

.tags li:nth-child(1n) a { background: #036564; }

.tags li:nth-child(2n) a { background: #eb6841; }

.tags li:nth-child(3n) a { background: #3fb8af; }

.tags li:nth-child(4n) a { background: #fe4365; }

.tags li:nth-child(5n) a { background: #fc9d9a; }

.tags li:nth-child(6n) a { background: #edc951; }

.tags li:nth-child(7n) a { background: #83af9b; }

/* 标签搜索 */
#tag-area { background: #ffffff; display: block; padding: 0.7rem 0; }

#tag-area .tag_result .li { margin-bottom: 0.15rem; margin-top: 0.15rem; }

#tag-area .tag_result a { color: #333; display: block; font-size: 0.16rem; line-height: 1.5; font-weight: normal; }

#tag-area .tag_result a:hover { color: rgba(var(--thm-primary-rgb), 1); }

#tag-area .tag_result .el { font-size: 14px; _width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #ddd; padding-bottom: 10px; }

#tag-area .tag_result .p { padding: 10px 20px; margin-top: 0; }

#tag-area .tag_result .el a { font-size: 0.24rem; font-weight: bold; }

#tag-area .tag_result .type { color: #000; display: inline-block; padding: 0 1em; border-right: 1px solid #ddd; margin-right: 1em; font-weight: bold; float: left; font-size: 0.24rem; line-height: 0.34rem; font-weight: 600; }

#tag-area .dib { -moz-inline-stack: inline-block; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 0 3px; }

#tag-area .sear_filt label span { vertical-align: -2px; }

#tag-area .submit { background-color: #fff; width: 125px; cursor: pointer; border: 1px solid #ccc; height: 30px !important; vertical-align: -1px; }

#tag-area .sear_f .inp { height: 28px; line-height: 28px; padding: 0 0 0 5px; }

#tag-area #tag-area-flag { background: transparent; }

#tag-area .dib { padding: 0; }

#tag-area .sear_f .inp { line-height: 28px; border: none; }

#tag-area .sear_f .inp { color: #666; text-indent: 10px; }