@charset "UTF-8";
@import url(https://fonts.bunny.net/css?family=chivo:400,700|noto-sans:400,700);
@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} 行数
*/
/*表格超出滚动条显示,添加提示手势*/
.scroll_table { padding-top: 30px; position: relative; }

.scroll_table::before { content: ''; width: 32px; height: 32px; display: inline-block; background: url(../images/huadong.png) no-repeat center; position: absolute; left: 0; top: 0; }

/*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: "Chivo", 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: "Noto Sans", sans-serif; font-weight: bold; font-size: 16px; line-height: 24px; }

.text-body-excerpt { font-family: "Noto Sans", sans-serif; font-weight: 400; font-size: 18px; line-height: 26px; }

.text-body-text { font-family: "Noto Sans", sans-serif; font-weight: 400 !important; font-size: 16px; line-height: 28px; }

.text-body-quote { font-family: "Noto Sans", sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; }

.text-body-normal { font-family: "Noto Sans", sans-serif; font-weight: 400; font-size: 20px; line-height: 28px; }

.text-body-capitalized { font-family: "Noto Sans", sans-serif; font-weight: 400; font-size: 14px; line-height: 19px; letter-spacing: 2px; }

.text-body-small { font-family: "Noto Sans", sans-serif; font-weight: 500; font-size: 13px; line-height: 16px; }

.text-body-tiny { font-family: "Noto Sans", sans-serif; font-weight: 600; font-size: 10px; line-height: 14px; }

.text-body-lead-large { font-family: "Noto Sans", sans-serif; font-weight: 400; font-size: 24px; line-height: 32px; }

.text-body-text-md { font-family: "Noto Sans", sans-serif; font-weight: 400; font-size: 14px; line-height: 19px; }

.tablet-display-2 { font-family: "Chivo", sans-serif; font-weight: bold; font-size: 72px; line-height: 82px; letter-spacing: -0.5%; }

.text-display-1 { font-family: "Chivo", sans-serif; font-weight: 900; font-size: 96px; line-height: 132px; letter-spacing: -1%; }

.text-display-2 { font-family: "Chivo", sans-serif; font-weight: bold; font-size: 80px; line-height: 88px; letter-spacing: -0.5%; }

.text-display-3 { font-family: "Chivo", sans-serif; font-weight: bold; font-size: 64px; line-height: 72px; letter-spacing: 0%; }

.text-display-4 { font-family: "Chivo", sans-serif; font-weight: 400; font-size: 56px; line-height: 66px; letter-spacing: 0%; }

.text-heading-1 { font-family: "Chivo", sans-serif; font-weight: bold; font-size: 56px; line-height: 64px; letter-spacing: -1%; color: #101828; }

.text-heading-2 { font-family: "Chivo", sans-serif; font-weight: bold; font-size: 42px; line-height: 44px; letter-spacing: 0%; }

.text-heading-3 { font-family: "Chivo", sans-serif; font-weight: bold; font-size: 35px; line-height: 38px; letter-spacing: 0%; }

.text-heading-4 { font-family: "Chivo", sans-serif; font-weight: bold; font-size: 28px; line-height: 32px; letter-spacing: 0%; }

.text-heading-5 { font-family: "Chivo", sans-serif; font-weight: bold; font-size: 22px; line-height: 24px; letter-spacing: 0%; }

.text-heading-6 { font-family: "Chivo", sans-serif; font-weight: bold; font-size: 18px; line-height: 22px; letter-spacing: 0%; }

.text-bold { font-family: "Noto Sans", 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: "Noto Sans", 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: "Noto Sans", sans-serif; color: #101828; line-height: 28px; }

.content-detail ul { list-style: disc; color: #101828; padding-left: 20px; font-size: 16px; font-family: "Noto Sans", 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: "Chivo", 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: "Noto Sans", 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: "Noto Sans", sans-serif; }

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

.text-sm { font-size: 12px; line-height: 16px; font-family: "Chivo", sans-serif; }

.text-md { font-size: 16px; line-height: 20px; font-family: "Chivo", sans-serif; }

.small-heading { font-size: 16px; line-height: 20px; font-weight: bold; font-family: "Noto Sans", sans-serif; }

.medium-heading { font-size: 18px; color: #101828; line-height: 22px; font-weight: 600; font-family: "Noto Sans", 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: 36px; } }

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

*::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 10px 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: 100px; margin-left: -220px; padding: 40px 20px; text-align: center; border-radius: 6px; 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: 6px; }

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: 10px; }
  .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: 10px; }

.pt20 { padding-top: 20px; }

.pt30 { padding-top: 0.3rem; }

.pt40 { padding-top: 40px; }

.pt50 { padding-top: 0.5rem; }

.pt60 { padding-top: 0.6rem; }

.pt70 { padding-top: 70px; }

.pt80 { padding-top: 80px; }

.pt90 { padding-top: 0.9rem; }

.pt100 { padding-top: 100px; }

.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: 10px; }

.pb20 { padding-bottom: 20px; }

.pb30 { padding-bottom: 0.3rem; }

.pb40 { padding-bottom: 40px; }

.pb50 { padding-bottom: 0.5rem; }

.pb60 { padding-bottom: 0.6rem; }

.pb70 { padding-bottom: 70px; }

.pb80 { padding-bottom: 80px; }

.pb90 { padding-bottom: 0.9rem; }

.pb100 { padding-bottom: 100px; }

.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: 6px; }

.mt8 { margin-top: 8px; }

.mt10 { margin-top: 10px; }

.mt12 { margin-top: 12px; }

.mt14 { margin-top: 0.14rem; }

.mt16 { margin-top: 0.16rem; }

.mt18 { margin-top: 0.18rem; }

.mt20 { margin-top: 20px; }

.mt22 { margin-top: 22px; }

.mt24 { margin-top: 0.24rem; }

.mt26 { margin-top: 0.26rem; }

.mt28 { margin-top: 28px; }

.mt30 { margin-top: 0.3rem; }

.mt32 { margin-top: 32px; }

.mt34 { margin-top: 34px; }

.mt36 { margin-top: 36px; }

.mt38 { margin-top: 38px; }

.mt40 { margin-top: 40px; }

.mt42 { margin-top: 42px; }

.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: 58px; }

.mt60 { margin-top: 0.6rem; }

.mt62 { margin-top: 62px; }

.mt64 { margin-top: 64px; }

.mt66 { margin-top: 66px; }

.mt68 { margin-top: 68px; }

.mt70 { margin-top: 70px; }

.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: 100px; }

.fs12 { font-size: 12px; }

.fs13 { font-size: 13px; }

.fs14 { font-size: 0.14rem; }

.fs15 { font-size: 15px; }

.fs16 { font-size: 0.16rem; }

.fs17 { font-size: 17px; }

.fs18 { font-size: 0.18rem; }

.fs19 { font-size: 19px; }

.fs20 { font-size: 20px; }

.fs21 { font-size: 21px; }

.fs22 { font-size: 22px; }

.fs23 { font-size: 23px; }

.fs24 { font-size: 0.24rem; }

.fs25 { font-size: 0.25rem; }

.fs26 { font-size: 0.26rem; }

.fs27 { font-size: 27px; }

.fs28 { font-size: 28px; }

.fs29 { font-size: 29px; }

.fs30 { font-size: 0.3rem; }

.fs31 { font-size: 31px; }

.fs32 { font-size: 32px; }

.fs33 { font-size: 33px; }

.fs34 { font-size: 34px; }

.fs35 { font-size: 35px; }

.fs36 { font-size: 36px; }

.fs37 { font-size: 37px; }

.fs38 { font-size: 38px; }

.fs39 { font-size: 39px; }

.fs40 { font-size: 40px; }

.fs41 { font-size: 41px; }

.fs42 { font-size: 42px; }

.fs43 { font-size: 43px; }

.fs44 { font-size: 44px; }

.fs45 { font-size: 45px; }

.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: 53px; }

.fs54 { font-size: 54px; }

.fs55 { font-size: 55px; }

.fs56 { font-size: 56px; }

.fs57 { font-size: 57px; }

.fs58 { font-size: 58px; }

.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: 65px; }

.fs66 { font-size: 66px; }

.fs67 { font-size: 67px; }

.fs68 { font-size: 68px; }

.fs69 { font-size: 69px; }

.fs70 { font-size: 70px; }

.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: 100px; }

.lh15 { line-height: 15px; }

.lh16 { line-height: 0.16rem; }

.lh17 { line-height: 17px; }

.lh18 { line-height: 0.18rem; }

.lh19 { line-height: 19px; }

.lh20 { line-height: 20px; }

.lh21 { line-height: 21px; }

.lh22 { line-height: 22px; }

.lh23 { line-height: 23px; }

.lh24 { line-height: 0.24rem; }

.lh25 { line-height: 0.25rem; }

.lh26 { line-height: 0.26rem; }

.lh27 { line-height: 27px; }

.lh28 { line-height: 28px; }

.lh29 { line-height: 29px; }

.lh30 { line-height: 0.3rem; }

.lh31 { line-height: 31px; }

.lh32 { line-height: 32px; }

.lh33 { line-height: 33px; }

.lh34 { line-height: 34px; }

.lh35 { line-height: 35px; }

.lh36 { line-height: 36px; }

.lh37 { line-height: 37px; }

.lh38 { line-height: 38px; }

.lh39 { line-height: 39px; }

.lh40 { line-height: 40px; }

.lh41 { line-height: 41px; }

.lh42 { line-height: 42px; }

.lh43 { line-height: 43px; }

.lh44 { line-height: 44px; }

.lh45 { line-height: 45px; }

.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: 45px; }

.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: 34px; }

.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: 40px; }

.lh20.lm3 { height: 0.6rem; }

.lh20.lm4 { height: 80px; }

.lh20.lm5 { height: 100px; }

.lh21.lm2 { height: 42px; }

.lh21.lm3 { height: 63px; }

.lh21.lm4 { height: 84px; }

.lh21.lm5 { height: 105px; }

.lh22.lm2 { height: 44px; }

.lh22.lm3 { height: 66px; }

.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: 100px; }

.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: 58px; }

.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: 66px; }

.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: 70px; }

.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: 100px; }

.lh50.lm3 { height: 150px; }

.lh50.lm4 { height: 200px; }

.lh50.lm5 { height: 250px; }

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

.lh15.lmm3 { max-height: 45px; }

.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: 34px; }

.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: 40px; }

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

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

.lh20.lmm5 { max-height: 100px; }

.lh21.lmm2 { max-height: 42px; }

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

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

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

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

.lh22.lmm3 { max-height: 66px; }

.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: 100px; }

.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: 58px; }

.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: 66px; }

.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: 70px; }

.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: 100px; }

.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: 40px; }
  .mt50, .mt52, .mt54 { margin-top: 44px; }
  .mt56, .mt58 { margin-top: 48px; }
  .mt60, .mt62, .mt64 { margin-top: 54px; }
  .mt66, .mt68 { margin-top: 58px; }
  .mt70, .mt72, .mt74 { margin-top: 64px; }
  .mt76, .mt78 { margin-top: 68px; }
  .mt80 { margin-top: 70px; }
  .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: 58px; }
  .fs69, .fs70, .fs71, .fs72 { font-size: 62px; }
  .fs73, .fs74, .fs75, .fs76, .fs77 { font-size: 64px; }
  .fs78, .fs79, .fs80, .fs81, .fs82 { font-size: 66px; }
  .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: 100px; }
  .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: 100px; }
  .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: 20px; }
  .mt26 { margin-top: 22px; }
  .mt28, .mt30, .mt32, .mt34 { margin-top: 0.24rem; }
  .mt36, .mt38 { margin-top: 28px; }
  .mt40, .mt42, .mt44 { margin-top: 0.3rem; }
  .mt46, .mt48 { margin-top: 34px; }
  .mt50, .mt52, .mt54 { margin-top: 40px; }
  .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: 66px; }
  .mt92, .mt94 { margin-top: 68px; }
  .mt96, .mt98 { margin-top: 70px; }
  .mt100 { margin-top: 72px; }
  .fs25, .fs26, .fs27, .fs28 { font-size: 0.24rem; }
  .fs29, .fs30, .fs31, .fs32, .fs33, .fs34, .fs35 { font-size: 28px; }
  .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: 42px; }
  .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: 58px; }
  .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: 34px; }
  .lh39, .lh40, .lh41, .lh42, .lh43, .lh44, .lh45 { line-height: 38px; }
  .lh46, .lh47, .lh48, .lh49 { line-height: 40px; }
  .lh50 { line-height: 42px; }
  .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: 70px; }
  .pt120, .pt130 { padding-top: 80px; }
  .pt140, .pt150 { padding-top: 0.9rem; }
  .pt160, .pt170 { padding-top: 100px; }
  .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: 70px; }
  .pb120, .pb130 { padding-bottom: 80px; }
  .pb140, .pb150 { padding-bottom: 0.9rem; }
  .pb160, .pb170 { padding-bottom: 100px; }
  .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: 20px; }
  .mt28, .mt30, .mt32, .mt34 { margin-top: 22px; }
  .mt36, .mt38 { margin-top: 0.24rem; }
  .mt40, .mt42, .mt44 { margin-top: 28px; }
  .mt46, .mt48 { margin-top: 0.3rem; }
  .mt50, .mt52, .mt54 { margin-top: 32px; }
  .mt56, .mt58 { margin-top: 36px; }
  .mt60, .mt62, .mt64 { margin-top: 42px; }
  .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: 58px; }
  .mt92, .mt94 { margin-top: 0.6rem; }
  .mt96, .mt98 { margin-top: 62px; }
  .mt100 { margin-top: 64px; }
  .fs23, .fs24, .fs25, .fs26, .fs27, .fs28 { font-size: 22px; }
  .fs29, .fs30, .fs31, .fs32, .fs33, .fs34, .fs35 { font-size: 0.26rem; }
  .fs36, .fs37, .fs38, .fs39, .fs40, .fs41, .fs42 { font-size: 28px; }
  .fs43, .fs44, .fs45, .fs46, .fs47, .fs48, .fs49 { font-size: 0.3rem; }
  .fs50, .fs51, .fs52, .fs53, .fs54, .fs55 { font-size: 34px; }
  .fs56, .fs57, .fs58, .fs59 { font-size: 36px; }
  .fs60, .fs61, .fs62, .fs63, .fs64, .fs65 { font-size: 38px; }
  .fs66, .fs67, .fs68 { font-size: 40px; }
  .fs69, .fs70, .fs71, .fs72 { font-size: 42px; }
  .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: 58px; }
  .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: 6px; }
  .pt20 { padding-top: 0.16rem; }
  .pt30 { padding-top: 0.24rem; }
  .pt40 { padding-top: 0.3rem; }
  .pt50 { padding-top: 32px; }
  .pt60, .pt70 { padding-top: 34px; }
  .pt80, .pt90, .pt100 { padding-top: 38px; }
  .pt110 { padding-top: 40px; }
  .pt120, .pt130 { padding-top: 42px; }
  .pt140, .pt150 { padding-top: 44px; }
  .pt160, .pt170 { padding-top: 46px; }
  .pt180 { padding-top: 48px; }
  .pt190, .pt200 { padding-top: 0.5rem; }
  .pb10 { padding-bottom: 6px; }
  .pb20 { padding-bottom: 0.16rem; }
  .pb30 { padding-bottom: 0.24rem; }
  .pb40 { padding-bottom: 0.3rem; }
  .pb50 { padding-bottom: 32px; }
  .pb60 { padding-bottom: 34px; }
  .pb70, .pb80, .pb90, .pb100 { padding-bottom: 38px; }
  .pb110 { padding-bottom: 40px; }
  .pb120, .pb130 { padding-bottom: 42px; }
  .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: 6px; }
  .mt10 { margin-top: 8px; }
  .mt12 { margin-top: 10px; }
  .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: 20px; }
  .mt40, .mt42, .mt44 { margin-top: 22px; }
  .mt46, .mt48 { margin-top: 0.24rem; }
  .mt50, .mt52, .mt54 { margin-top: 0.26rem; }
  .mt56, .mt58 { margin-top: 28px; }
  .mt60, .mt62, .mt64 { margin-top: 32px; }
  .mt66, .mt68 { margin-top: 34px; }
  .mt70, .mt72, .mt74 { margin-top: 36px; }
  .mt76, .mt78 { margin-top: 38px; }
  .mt80, .mt82, .mt84, .mt86 { margin-top: 40px; }
  .mt88, .mt90 { margin-top: 42px; }
  .mt92, .mt94 { margin-top: 44px; }
  .mt96, .mt98 { margin-top: 46px; }
  .mt100 { margin-top: 48px; }
  .fs16 { font-size: 15px; }
  .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: 20px; }
  .fs35, .fs36, .fs37, .fs38, .fs39, .fs40, .fs41, .fs42 { font-size: 22px; }
  .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: 28px; }
  .fs65, .fs66, .fs67, .fs68 { font-size: 0.3rem; }
  .fs69, .fs70, .fs71, .fs72 { font-size: 32px; }
  .fs73, .fs74, .fs75, .fs76, .fs77 { font-size: 34px; }
  .fs78, .fs79, .fs80, .fs81, .fs82 { font-size: 36px; }
  .fs83, .fs84, .fs85, .fs86, .fs87 { font-size: 38px; }
  .fs88, .fs89, .fs90, .fs91, .fs92 { font-size: 42px; }
  .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: 27px; }
  .lh30, .lh31, .lh32, .lh33, .lh34 { line-height: 28px; }
  .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: 100px; }
  .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: 100px; }
  .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: #185b98; --thm-primary-rgb: 49, 141, 255; --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"; --section-heading-font-family: 'Manrope',sans-serif; --section-heading-font-color: #185b98; --section-heading-font-text: none; --section-heading-font-weight: 700; --section-heading-font-style: normal; --section-heading-font-line-height: normal; --white-color: #FFF; --divider-color: #F1F1F1; --dark-divider-color: #FFF1 A; }

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: 10px; padding-left: 45px; padding-right: 45px; padding-bottom: 10px; background-color: transparent; color: var(--thm-white); font-size: 0.14rem; line-height: 40px; 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; }

.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 20px 0 rgba(var(--thm-black-rgb), 0.1); -moz-box-shadow: 2px 2px 20px 0 rgba(var(--thm-black-rgb), 0.1); box-shadow: 2px 2px 20px 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: 58px; font-weight: 600; color: var(--e-global-color-primary); }

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

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

.h5, h5 { font-size: 20px; 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: #185b98; 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); }

.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(24, 91, 152, 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: #185b98; }

.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: #185b98; 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: #185b98; 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: #185b98; width: 100%; }

@media (max-width: 1600px) { .more-box-b { --s: 15px; --h: calc(var(--s)*3); } }

@media (max-width: 1200px) { .more-box-b { --s: 0.26rem; --h: calc(var(--s)*2.4); }
  .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: 15px; 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%); }

@media (max-width: 1400px) { .more-box-c { --h: 40px; --size: 0.74em; font-size: 0.14rem; } }

@media (max-width: 1200px) { .more-box-c { --h: 0.7rem; font-size: 0.24rem; } }

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

.more a { border: 1px solid #333; display: block; width: 100px; height: 36px; line-height: 36px; font-size: 0.16rem; color: #1e1e1e; padding-left: 0; padding-right: 0; border-radius: 10px; 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: #1e49a0; border-radius: 10px; 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: #1e49a0; }

.more a i { float: right; margin-right: 10px; }

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

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

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: #ffffff; color: #555; }

.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: #185b98; }

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

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

#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: 40px; border-radius: 40px; -webkit-border-radius: 40px; 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 .swiper-slide .container-fluid a, #homeBanner .swiper-slide .container-sm a, #homeBanner .swiper-slide .container-md a, #homeBanner .swiper-slide .container-lg a, #homeBanner .swiper-slide .container-xl a, #homeBanner .swiper-slide .container-xxl a, #homeBanner .swiper-slide .container-3xl a { display: block; width: 100%; }

#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: 20px; height: 20px; 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.45rem; font-size: clamp(14px, 1.6vw, 20px); 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; display: none; }

.auto-title-block.text-center .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; 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: 34px; line-height: 1; color: var(--text-color); padding-top: 0.4em; margin-bottom: 0; }

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

.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: #185b98; transition: all 0.8s; display: none; }

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

/***标题***/
.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 58px 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: 70px; margin-bottom: 42px; }

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

.index-about-us-title span { display: inline-block; padding: 0 20px; border-radius: 0.25rem; height: 0.5rem; line-height: 0.5rem; color: #fff; font-size: 28px; 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: 10px; }

.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: 10px; 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: 10px; 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: "Chivo", 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: "Noto Sans", 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: "Noto Sans", 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: "Chivo", 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; }

.footer .width-20 { width: 21%; }

.footer .width-16 { width: 16%; }

.footer .footer-top { display: inline-block; width: 100%; padding: 0px 0px 40px 0px; margin-bottom: 40px; border-bottom: 1px solid #E4E7EC; }

.footer .menu-footer { display: inline-block; }

.footer .menu-footer li { list-style: none; margin-bottom: 8px; }

.footer .menu-footer li a { color: #667085; font-family: "Noto Sans", sans-serif; font-size: 16px; line-height: 28px; text-decoration: none; transition-duration: 0.2s; }

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

.footer .footer-bottom { border-top: 1px solid #E4E7EC; padding: 30px 0px; color: #667085; font-size: 14px; }

.footer .footer-bottom a { text-decoration: none; }

.footer .footer-bottom .icon-socials { display: inline-block; margin-left: 10px; height: 32px; width: 32px; transition-duration: 0.2s; }

.footer .footer-bottom .icon-socials:hover { transform: translateY(-3px); transition-duration: 0.2s; }

.footer .footer-bottom .icon-socials.icon-facebook { background: url(../imgs/template/icons/facebook.svg) no-repeat 0px 0px; transition-duration: 0.2s; }

.footer .footer-bottom .icon-socials.icon-facebook:hover { opacity: 0.8; transition-duration: 0.2s; }

.footer .footer-bottom .icon-socials.icon-twitter { background: url(../imgs/template/icons/twitter.svg) no-repeat 0px 0px; transition-duration: 0.2s; }

.footer .footer-bottom .icon-socials.icon-twitter:hover { opacity: 0.8; transition-duration: 0.2s; }

.footer .footer-bottom .icon-socials.icon-instagram { background: url(../imgs/template/icons/instagram.svg) no-repeat 0px 0px; transition-duration: 0.2s; }

.footer .footer-bottom .icon-socials.icon-instagram:hover { opacity: 0.8; transition-duration: 0.2s; }

.footer .footer-bottom .icon-socials.icon-linkedin { background: url(../imgs/template/icons/linkedin.svg) no-repeat 0px 0px; transition-duration: 0.2s; }

.footer .footer-bottom .icon-socials.icon-linkedin:hover { opacity: 0.8; transition-duration: 0.2s; }

#scrollUp { width: 42px; height: 42px; color: #ffffff; right: 30px; bottom: 30px; border-radius: 30px; text-align: center; overflow: hidden; z-index: 999 !important; border: 0; background-color: #fff; transition-duration: 0.2s; background-color: #006D77; }

#scrollUp i { display: block; line-height: 46px !important; font-size: 20px; color: #fff; }

#scrollUp:hover { transform: translateY(-3px); transition-duration: 0.2s; }

/*----------------------------------------*/
/*  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; }

.owl-theme .owl-dots { margin-top: 0 !important; }

.owl-theme .owl-dots .owl-dot span { height: 3px; width: 10px; padding-top: 0; }

.owl-theme .owl-dots .owl-dot.active span { background: #1e49a0; width: 40px; }

.index-hotpro { text-align: center; 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: 5px; padding: 5px; margin-bottom: 0.25rem; border: 1px solid #ebebeb; box-shadow: var(--box-shadow); 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: 20px; height: 0; padding-bottom: 62.5%; position: relative; }

.index-hotpro picture { position: absolute; width: 100%; height: 100%; padding: 0.15rem; top: 0; left: 0; }

.index-hotpro .event-img img { border-radius: 20px; box-shadow: var(--box-shadow); width: 100%; height: 100%; object-fit: contain; }

.index-hotpro .event-item:hover .event-img img { transform: scale(1.1); }

.index-hotpro .event-meta { display: flex; gap: 15px; margin: 14px 0; }

.index-hotpro .event-meta i { color: var(--theme-color2); margin-right: 5px; }

.index-hotpro .event-info { padding: 15px; border-top: 0px solid #f2f3f5; }

.index-hotpro .event-title { font-size: 0.16rem; line-height: 1.25; margin-bottom: 10px; }

.index-hotpro .event-title a { color: #000; }

.index-hotpro .event-title:hover { color: var(--theme-color2); }

.index-hotpro .event-btn { margin-top: 20px; }

.index-hotpro .event-btn .theme-btn { padding: 11px 15px; }

.index-hotpro .event-item .event-info::before { position: absolute; bottom: -1px; left: 50%; width: 0; height: 5px; 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: 20px; }

.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 20px 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 { padding-bottom: 130px; background-color: white; overflow: hidden; }

.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: 10px; font-size: 0.16rem; line-height: 45px; 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: 20px; 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: #185b98; color: #ffffff; }

.index-news .list { --p: 12px; margin-left: calc(var(--p)*-1); margin-right: calc(var(--p)*-1); }

.index-news .list .list-li { width: 33.33%; padding: 0 12px; font-size: 0.18rem; line-height: 1.77em; color: #333333; height: 450px; }

.index-news .list .list-li .box { border-radius: 10px; 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: #185b98; }

.index-news .list .list-li .box .date { text-align: right; padding: 15px; color: #cacaca; }

.index-news .list .list-li:first-child { width: 29%; }

.index-news .list .list-li:first-child .box { font-size: 1.11em; background-color: #f7f7f7; display: flex; flex-direction: column; flex-wrap: nowrap; }

.index-news .list .list-li:first-child .img-box { display: inline-flex; width: 100%; height: 245px; overflow: hidden; }

.index-news .list .list-li:first-child .cont { width: 100%; padding: 0.25rem 5%; }

.index-news .list .list-li:first-child .des { display: -webkit-inline-box; -webkit-line-clamp: 3; display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */ -webkit-line-clamp: 3; /* 显示的行数 */ -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */ overflow: hidden; /* 溢出隐藏 */ font-size: 16px; line-height: 1.5; color: #8b8b8c; }

.index-news .list .list-li:nth-child(2) { width: 30%; }

.index-news .list .list-li:nth-child(2) .box { font-size: 1.11em; background-color: #f7f7f7; display: flex; flex-direction: column; flex-wrap: nowrap; }

.index-news .list .list-li:nth-child(2) .img-box { display: inline-flex; width: 100%; height: 245px; overflow: hidden; }

.index-news .list .list-li:nth-child(2) .cont { width: 100%; padding: 0.25rem 5%; }

.index-news .list .list-li:nth-child(2) .des { display: -webkit-inline-box; -webkit-line-clamp: 3; display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */ -webkit-line-clamp: 3; /* 显示的行数 */ -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */ overflow: hidden; /* 溢出隐藏 */ font-size: 16px; line-height: 1.5; color: #8b8b8c; }

.index-news .list .img-box { display: none; }

.index-news .list .title { width: 100%; margin-bottom: 17px; font-size: 18px; font-weight: bold; color: #333; white-space: nowrap; /* 不换行 */ overflow: hidden; /* 溢出隐藏 */ text-overflow: ellipsis; /* 溢出部分显示为省略号 */ }

.index-news .list .cont { width: 100%; padding: 35px 0.25rem 0.3rem; }

.index-news .list .des { margin-bottom: 0; font-size: 16px; line-height: 2em; color: #666666; display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */ -webkit-line-clamp: 2; /* 显示的行数 */ -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */ overflow: hidden; /* 溢出隐藏 */ }

.index-news .list .list-li:nth-child(3) { width: 40%; display: flex; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-content: center; align-items: stretch; }

.index-news .list .list-li2 { margin-bottom: 20px; width: 100%; height: 135px; overflow: hidden; background: #f7f8fa; }

.index-news .list .list-li2:last-child { margin-bottom: 0; }

.index-news .list .list-li2 a { display: flex; align-items: center; background: #f7f8fa; }

.index-news .list .list-li2 a .date-today { font-size: 30px; font-weight: bold; padding: 20px; position: relative; }

.index-news .list .list-li2 a .date-today::after { display: block; content: ""; width: 1px; height: 75px; background: #e7e7e7; position: absolute; top: 50%; left: auto; transform: translate(0%, -50%); right: 0; }

.index-news .list .list-li2 a .cont { padding: 20px; overflow: hidden; }

.index-news .list .list-li2 a .cont .title { margin: 0; margin-bottom: 5px; }

.index-news .list .list-li2 a .cont .des { color: #8b8b8c; line-height: 1.625; }

@media (max-width: 1600px) { .index-news { padding-bottom: 80px; }
  .index-news .title-flex .title-tab { padding-bottom: 0; font-size: 15px; 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: 12px; }
  .index-news .list .list-li { font-size: 17px; line-height: 1.6em; }
  .index-news .list .list-li .box { border-radius: 5px; }
  .index-news .list .title { margin-bottom: 12px; }
  .index-news .list .cont { padding: 0.3rem 0.25rem 0.3rem; }
  .index-news .list .des { margin-bottom: 0; line-height: 1.8em; } }

@media (max-width: 1200px) { .index-news { padding-bottom: 0.6rem; }
  .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 .des { margin-bottom: 0; font-size: 0.9em; line-height: 1.8em; } }

@media (max-width: 768px) { .index-news .list .list-li:first-child .img-box { width: 100%; }
  .index-news .list .list-li:first-child .cont { width: 100%; padding: 0.35rem 0.4rem; }
  .index-news .list .box { flex-wrap: wrap; } }

/* 公共头部 */
/*----------------------------------------*/
/*  3.1 Header Style
/*----------------------------------------*/
.tp-transparent-header { position: fixed; top: 0; left: 0; right: 0; z-index: 999; }

.tp-logo img { max-height: 45px; }

@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: 40px; } }

@media (max-width: 575px) { .tp-header-area { padding-left: 15px; } }

.tp-header-space { padding-left: 0.5rem; padding-right: 0.5rem; }

.tp-header-box-col { position: initial; }

.tp-main-menu { padding-left: 10px; padding-right: 30px; }

.tp-main-menu ul > li { display: inline-block; padding-left: 0; padding-right: 0; position: relative; }

.tp-main-menu ul > li.mega-menu { position: unset !important; }

.tp-main-menu ul > li:first-child::before { display: none; }

.tp-main-menu ul > li > a { color: #3d3d3d; font-family: var(--tp-font-heading); font-size: 0.18rem; padding: 28px 40px; 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:first-child > li > a::after { content: ""; position: absolute; top: 50%; left: -0; margin-top: -5px; width: 1px; height: 10px; background: #999; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.tp-main-menu ul:first-child > li:first-child > a::after { display: none; }

.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 20px 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 40px; 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)); background: #fff; }

.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; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) { .tp-header-search { margin-right: 0.25rem; } }

.tp-header-search i { font-size: 0.3rem; color: #3d3d3d; }

.tp-header-lang { margin-right: 0.3rem; font-size: 0.16rem; }

@media only screen and (min-width: 1200px) and (max-width: 1399px) { .tp-header-lang { margin-right: 0.25rem; } }

.tp-header-lang button { font-size: 0.16rem; color: #fff; }

.tp-header-lang i { font-size: 0.3rem; color: #fff; padding-right: 0.05rem; }

.tp-header-bar { height: 100%; }

.tp-header-bar button { background: #23252D; padding: 10px 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-main-menu ul > li:hover .tp-mega-menu { opacity: 1; visibility: visible; top: 100%; border-top: 1px solid #ebebeb; }

.tp-mega-menu { position: absolute; top: 105%; left: 0; width: 100%; background: #fff; padding: 40px; box-shadow: 0px 20px 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; border-top-right-radius: 0; border-top-left-radius: 0; }

@media (max-width: 575px), only screen and (min-width: 576px) and (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: 17px; margin-top: 19px; margin-bottom: 0; transition: 0.3s; }

.tp-home-title:hover { color: rgba(var(--thm-primary-rgb), 1); }

.tp-home-thumb img { box-shadow: 0px 2px 6px 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 10px 15px rgba(167, 167, 167, 0.1); }

.header-sticky.tp-sticky-black { background: rgba(255, 255, 255, 0.8) !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-top: 0.25rem; padding-bottom: 0.25rem; }

/*----------------------------------------*/
/*  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(-80px); transform: translateX(-80px); z-index: 1; }

.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; padding: 388px 0 53px; z-index: 1; }

.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(80px); transform: translateY(80px); z-index: 5; }

.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(80px); transform: translateY(80px); z-index: 5; }

.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: 42px; opacity: 0; -webkit-transition: all 1500ms ease; transition: all 1500ms ease; -webkit-transform: translateY(80px); transform: translateY(80px); 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: 40px; }

.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: 20px; }

.main-slider-one__content .contact-info { position: relative; display: block; margin-top: 207px; opacity: 0; -webkit-transition: all 1500ms ease; transition: all 1500ms ease; -webkit-transform: translateY(80px); transform: translateY(80px); }

.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: 15px; line-height: 15px; font-weight: 700; }

.main-slider-one__content .contact-info ul li .text-box { position: relative; display: block; margin-left: 15px; }

.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(80px); transform: translateX(80px); 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: 40px; }

.main-slider-one__content .social-links a span { position: relative; display: inline-block; font-size: 15px; line-height: 15px; }

.main-slider-one__content .social-links a:hover { color: var(--thm-primary); }

#main-slider-one__pagination { position: absolute; top: auto; left: 0; width: 100%; z-index: 55; display: flex; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; }

#main-slider-one__pagination .swiper-pagination-bullet { position: relative; display: block; width: 12px; height: 12px; margin: 25px 5px; background: rgba(255, 255, 255, 0.88); border: 0px 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: 0px solid var(--thm-primary); width: 32px; border-radius: 6px; }

#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: 70px; 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: 15px; line-height: 15px; }

.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(80px); -ms-transform: perspective(400px) rotateY(0deg) translateX(80px); transform: perspective(400px) rotateY(0deg) translateX(80px); -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: 100px; line-height: 1em; font-weight: 700; opacity: 0; -webkit-transform: perspective(400px) rotateY(0deg) translateX(80px); -ms-transform: perspective(400px) rotateY(0deg) translateX(80px); transform: perspective(400px) rotateY(0deg) translateX(80px); -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(80px); -ms-transform: perspective(400px) rotateY(0deg) translateY(80px); transform: perspective(400px) rotateY(0deg) translateY(80px); -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: 40px; }

.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: 20px; right: 0; z-index: 55; }

#main-slider-two__pagination .swiper-pagination-bullet { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; 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: 22px; 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: 20px; }

.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: 42px; 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: 10px; }

.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: 40px; height: 40px; 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: 15px; line-height: 15px; 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: 100px; 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: 20px; 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: 6px; }

.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); }

.main-slider-one .swiper-slide .container-fluid, .main-slider-one .swiper-slide .container-sm, .main-slider-one .swiper-slide .container-md, .main-slider-one .swiper-slide .container-lg, .main-slider-one .swiper-slide .container-xl, .main-slider-one .swiper-slide .container-xxl, .main-slider-one .swiper-slide .container-3xl { position: relative; z-index: 10; margin: 0; padding: 0; }

.main-slider-one .swiper-slide .container-fluid a, .main-slider-one .swiper-slide .container-sm a, .main-slider-one .swiper-slide .container-md a, .main-slider-one .swiper-slide .container-lg a, .main-slider-one .swiper-slide .container-xl a, .main-slider-one .swiper-slide .container-xxl a, .main-slider-one .swiper-slide .container-3xl a { display: block; width: 100%; position: relative; }

.main-slider-one .swiper-slide .container-fluid a img, .main-slider-one .swiper-slide .container-sm a img, .main-slider-one .swiper-slide .container-md a img, .main-slider-one .swiper-slide .container-lg a img, .main-slider-one .swiper-slide .container-xl a img, .main-slider-one .swiper-slide .container-xxl a img, .main-slider-one .swiper-slide .container-3xl a img { width: 100%; height: auto; }

/* 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.9rem 0; padding-bottom: 0; overflow: hidden; }

.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: 5px !important; overflow: hidden; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; -ms-border-radius: 5px !important; -o-border-radius: 5px !important; }

.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 20px rgba(0, 0, 0, 0.38); border-radius: 100px; height: 66px; width: 66px; line-height: 1; text-align: center; left: 50%; transform: translateX(-50%); bottom: -40px; 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: 58px 29px 28px; text-align: center; }

.service-section .box-content .lower_portion_wrapper h5 { font-weight: 600; margin-bottom: 6px; transition: all 0.3s ease-in-out; }

.service-section .box-content .lower_portion_wrapper p { margin-bottom: 20px; transition: all 0.3s ease-in-out; }

.service-section .box-content .lower_portion_wrapper .read_more { font-size: 0.14rem; line-height: 20px; 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: 20px; 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: 65px; height: 65px; line-height: 0.6rem; text-align: center; border-radius: 100px; 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); }

.service-section .row .col { flex: 0 0 20%; max-width: 20%; padding-right: 10px; padding-left: 10px; }

.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; }

.indmh-sticky { width: 100%; top: 0; left: 0; position: sticky; overflow: hidden; }

.indmh-bg { width: 100%; height: 100vh; object-fit: cover; }

.indmh-logo { position: absolute; z-index: 2; width: 100%; height: 100vh; top: 0; left: 0; }

.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.7); opacity: 0; }

.indmh-content { position: absolute; width: 100%; z-index: 4; height: 100vh; display: flex; align-items: center; justify-content: center; top: 0; left: 0; }

.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; }

.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; }

.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: #f7f8fa; background-repeat: no-repeat; background-position: center top; background-size: 100%; padding-top: 0.6rem; overflow: hidden; position: relative; z-index: 2; }

footer .footer-header { height: auto; line-height: 1; text-align: left; padding: 0.01rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

footer .footer-header img { max-width: 100%; }

footer .footer-header span { font-size: 22px; color: #1e49a0; padding-left: 20px; }

footer .footer-mian { margin-top: 0.48rem; position: relative; padding-bottom: 0.5rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: flex; display: flex; justify-content: space-between; align-items: flex-start; align-content: center; flex-wrap: wrap; flex-direction: row; }

footer .f-content { font-size: 14px; line-height: 2.15; color: #999999; }

footer .footer-ul { font-size: 0; text-align: left; }

footer .footer-ul li { display: inline-block; margin-right: 1.2rem; vertical-align: top; }

footer .footer-ul li:last-child { margin: 0; }

footer .footer-ul li dt { font-size: 0.18rem; color: #fff; line-height: 1; margin-bottom: 0.2rem; text-align: center; }

footer .footer-ul li dt a { color: #000 !important; transition: all 0.3s; cursor: pointer; text-align: center; }

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; }

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; background-image: url("https://www.tailingood.com/bocweb/web/css/../img/toub.png"); width: 0.8rem; transition: all 0.3s; }

footer .footer-ul li .see-more.cur { background-image: url("https://www.tailingood.com/bocweb/web/css/../img/toub1.png"); }

footer .footer-ul li dd a { color: #8e929c; }

footer .footer-mian .f-search { position: absolute; top: 0; right: 0; }

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; }

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("https://www.tailingood.com/bocweb/web/css/../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; }

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("https://www.tailingood.com/bocweb/web/css/../img/vip.png"); background-size: 0.65rem; }

footer .footer-mian .f-search .f-ma { display: inline-block; width: 1.20rem; text-align: center; }

footer .footer-mian .f-search .f-ma .img { width: 1.20rem; height: 1.20rem; background-color: #fff; border-radius: 4px; text-align: center; line-height: 1; font-size: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; overflow: hidden; }

footer .footer-mian .f-search .f-ma .img img { width: 1.20rem; }

footer .footer-mian .f-search .f-ma .name { font-size: 0.14rem; color: #8e929c; line-height: 1; margin-top: 0.12rem; white-space: nowrap; }

footer .footer-bottom .left { width: 65%; float: left; line-height: 0.4rem; }

footer .footer-bottom a { color: #8e929c; margin-left: 0.15rem; }

footer .footer-bottom .right { width: 35%; float: right; text-align: right; }

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("https://www.tailingood.com/bocweb/web/css/../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: 15px; 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: 45px; height: 45px; }

/*----------------------------------------*/
/*  2.8 PBanner
/*----------------------------------------*/
.banner_box { top: 0; left: 0; width: 100%; height: 25vw; background-size: cover; background-position: center; position: relative; }

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { .banner_box { height: 30vh; } }

.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 5px rgba(53, 53, 53, 0.56); }

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { .banner_box dl dt { font-size: 0.32rem; text-align: center; }
  .banner_box dl dt::before { display: none; } }

.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 (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { .banner_box dl dd { text-align: center; } }

.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; }

/*----------------------------------------*/
/*  2.9 SMenu
/*----------------------------------------*/
.menu_div { width: 100%; background-color: rgba(0, 0, 0, 0.3); margin-top: -0.7rem; position: relative; }

@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { .menu_div { margin-top: -0.5rem; } }

.menu_div div { display: flex; }

.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 (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) { .menu_div div a { height: 0.5rem; line-height: 0.5rem; } }

.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; }

/*----------------------------------------*/
/*  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; }

.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: 4px 0 0 4px; }

.page_group ul li:last-child { border-radius: 0 4px 4px 0; }

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

/*----------------------------------------*/
/*  3.0 Blog-one
/*----------------------------------------*/
.blog-one { position: relative; display: block; padding: 0.7rem 0 1.20rem; 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; }

.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; }

.blog-one__img-box { position: relative; display: block; flex: 0 0 25%; align-self: center; }

.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 20px 8px; z-index: 2; flex: 0 0 10%; align-self: 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; }

.blog-one__date .yymm { font-size: 0.18rem; font-weight: 700; line-height: 22px; font-family: var(--thm-font-two); color: var(--thm-black); opacity: 0.8; text-transform: capitalize; }

.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%; }

.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: 36px; margin-bottom: 0.24rem; margin-top: 7px; 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.75; margin-bottom: 1em; text-transform: capitalize; }

.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: 22px; 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); }

.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; z-index: 1; background: #ffffff; }

.blog-details__left { position: relative; display: block; background-color: var(--thm-white); box-shadow: 0 0 20px 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.23rem 0.4rem 0; }

.blog-details__meta { position: relative; display: flex; align-items: center; gap: 17px; justify-content: center; }

.blog-details__meta li { position: relative; display: flex; align-items: center; gap: 13px; }

.blog-details__meta li .icon { position: relative; display: inline-block; top: 1px; }

.blog-details__meta li .icon span { position: relative; display: inline-block; color: var(--thm-base); font-size: 16px; }

.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.2rem; text-align: center; }

.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: -40px; margin-right: -40px; padding: 0.26rem 40px 0.25rem; margin-top: 27px; }

.blog-details__category { position: relative; display: flex; align-items: center; gap: 20px; }

.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 10px 8px; }

.blog-details__category-list a:hover { background-color: var(--thm-black); }

.blog-details__tag { position: relative; display: flex; align-items: center; gap: 20px; }

.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: 10px; }

.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: -40px; margin-right: -40px; padding: 0.26rem 40px 0.25rem; margin-top: 27px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 70px; line-height: 1; align-items: center; padding: 0 40px; justify-content: space-between; }

.blog-details__delHandle .item i { display: inline-block; font-size: 16px; }

.blog-details__delHandle .item a { transition: color .3s ease-in-out; align-items: center; }

.blog-details__delHandle .delNext span { margin-right: 15px; }

.blog-details__delHandle .delPrev span { margin-left: 15px; }

.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; }

/* 关于我们 */
/*--------------------------------------------------------------
# cases Categories
--------------------------------------------------------------*/
.cases_categories { position: relative; display: block; padding: 70px 0 120px; }

/*** 
=============================================
    Shop Details Area Css
=============================================
***/
.shop-details-area { position: relative; display: block; background: #ffffff; padding: 0.9rem 0 80px; }

.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: 20px; 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; padding-left: 1.20rem; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .single-product-info-box { padding-left: 0; } }

.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; margin-bottom: 25px; }

.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: #5d5d5d; font-size: 0.36rem; line-height: 1; font-weight: 600; }

.single-product-info-box .product-value { position: relative; display: block; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 0.25rem 0 28px; margin: 0.3rem 0 34px; }

.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: 5px; color: #d7d7d7; font-size: 0.14rem; font-weight: 700; }

.single-product-info-box .product-text { position: relative; display: block; padding-bottom: 33px; margin-bottom: 36px; }

.single-product-info-box .product-text .bottom { position: relative; display: block; padding-top: 12px; }

.single-product-info-box .product-text p { color: #a7a7a7; font-size: 0.18rem; line-height: 1.875; 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: 16px; 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 .btns { display: flex; flex-direction: row; gap: 0.15rem; margin-top: 0.5rem; }

.single-product-info-box .product-text .btns .btn_item { --tw-bg-opacity: 1; --tw-text-opacity: 1; align-items: center; background-color: rgba(67, 78, 115, var(--tw-bg-opacity)); border-radius: 30px; color: rgba(255, 255, 255, var(--tw-text-opacity)); display: flex; line-height: 1; padding: 0.15rem 0.2rem; font-size: 0.16rem; }

.single-product-info-box .product-text .btns .btn_item span { line-height: 1; padding-left: 5px; white-space: nowrap; }

.product-cart-box { position: relative; display: block; }

.product-cart-box .input-box { position: relative; display: block; margin-bottom: 20px; }

.product-cart-box .input-box .title { position: relative; display: block; padding-bottom: 15px; }

.product-cart-box .input-box .title h4 { color: #22254a; font-size: 16px; line-height: 20px; 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: 20px; 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: 28px; 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: 16px; 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 20px 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: 45px; 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: 5px 5px 5px; }

.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 5px 5px; }

.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-bottom: 28px; }

.product-details-button-box .wishlist-button button { min-width: 290px; display: flex; align-content: center; justify-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; }

.product-details-button-box .wishlist-button button.wishlist { color: #22254a; line-height: 58px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 0; padding: 0 20px; background: #318dff; 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.specs { color: #22254a; line-height: 58px; border: 1px solid #dfe0e1; border-radius: 0; padding: 0 20px; background: #f7f8fa; color: #333333; border-radius: 4px; font-size: 0.16rem; }

.product-details-button-box .wishlist-button button.specs:hover { background-color: #ffffff; color: var(--thm-black); }

.product-details-button-box .wishlist-button button.specs:after { border-radius: 0px; }

.product-details-button-box .wishlist-button button.compare { color: #22254a; line-height: 58px; border: 1px solid #dfe0e1; border-radius: 0; padding: 0 20px; background: #f7f8fa; color: #333333; border-radius: 4px; font-size: 0.16rem; }

.product-details-button-box .wishlist-button button.compare:hover { background-color: #ffffff; color: var(--thm-black); }

.product-details-button-box .wishlist-button button.compare:after { border-radius: 0px; }

.product-details-button-box .wishlist-button button.detaillist { color: #22254a; line-height: 58px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 0; padding: 0 20px; 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: 58px; 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; font-size: 38px; line-height: 1; padding-right: 10px; }

.product-details-button-box button .txt { display: inline-block; width: 75px; }

.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: 40px; font-weight: 700; text-transform: capitalize; }

.share-products-socials ul { position: relative; display: inline-block; float: left; margin-left: 20px; }

.share-products-socials ul li { position: relative; display: inline-block; float: left; margin-right: 20px; }

.share-products-socials ul li:last-child { margin-right: 0; }

.share-products-socials ul li a i { position: relative; display: block; width: 40px; height: 40px; font-size: 0.18rem; line-height: 42px; text-align: center; border-radius: 5px; 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: 20px; }

.product-item-thumb { padding-right: 5px; }

.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: 5px; }

.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: 40px; color: #555; left: 40px; z-index: 99; text-align: center; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; cursor: pointer; opacity: 0; visibility: hidden; }

@media (max-width: 575px) { .arrow-center .arrow-button { display: none; } }

.arrow-center:hover .arrow-button { opacity: .8; visibility: visible; }

@media (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: 20px; }

.arrow-center .arrow-right { right: 20px; 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 29px 22px; 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 40px; 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: 29px; }

.product-tab-box .review-form .shop-page-title .title { color: #22254a; font-size: 20px; 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: 20px; }

.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: 20px; margin: 0; text-transform: capitalize; }

.product-tab-box .review-form .add-rating-box .review-box { position: relative; display: inline-block; float: left; padding-left: 20px; }

.product-tab-box .review-form .add-rating-box .review-box ul li { position: relative; display: inline-block; float: left; line-height: 20px; margin-right: 5px; }

.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: 20px; opacity: 1; transition: all 500ms ease 0s; }

.product-tab-box .review-form .input-box p { font-size: 15px; line-height: 20px; font-weight: 500; margin: 0 0 5px; }

.product-tab-box .review-form form input[type="text"], .product-tab-box .review-form form input[type="email"], .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: 15px; padding: 0 20px; margin-bottom: 0.3rem; border-radius: 0px; transition: all 500ms ease; }

.product-tab-box .review-form form textarea { height: 150px; padding: 10px 20px; margin-bottom: 40px; }

.product-tab-box .review-form form button i { position: relative; display: inline-block; padding-left: 10px; }

.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: 34px 39px 32px; border: 1px solid #ededed; margin-bottom: 20px; }

.review-box-holder .single-review-box { position: relative; display: block; padding-left: 70px; }

.review-box-holder .single-review-box .image-holder { position: absolute; left: 0; top: 5px; }

.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: 16px; font-weight: 600; line-height: 22px; margin: 0 0 7px; text-transform: capitalize; }

.review-box-holder .single-review-box .text-holder .top .name h3 span { color: #7e7e7e; font-size: 16px; 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: 70px 0 120px; background: url(../images/bg_project.png) top center no-repeat; }

.projects-section .auto-container { position: static; max-width: 100%; padding: 0px 100px; margin: 0 auto; }

.projects-carousel { position: relative; padding-bottom: 70px; }

.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: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.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: 20px; height: 36px; text-align: center; font-size: 0.18rem; line-height: 34px; 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: 20px; 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: 22px; line-height: 1; color: #222222; font-weight: 500; margin-bottom: 15px; 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: 20px; 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: 70px 0 0 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 5px; 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 5px; border: 2px solid #d5d5d5; background-color: transparent; width: 20px; height: 20px; 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 70px; }

.projects-section.style-two .project-block { margin-bottom: 0.6rem; }

.projects-section.style-two .project-block .lower-content { padding: 35px 0.3rem 40px; }

.shop_big_pic img { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

#shop_big_pic { height: auto; }

#shop_thumb_piclist { overflow: hidden; min-height: 100px; position: relative; margin: 15px 0 0 0; padding: 0 80px; }

#shop_thumb_piclist .owl-item { border: 1px solid #ebebeb; }

#shop_thumb_piclist img { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

#shop_thumb_piclist .owl-prev, #shop_thumb_piclist .owl-next { color: #333; width: 0.3rem; line-height: 100%; height: 100%; text-align: center; font-size: 40px; 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: transparent !important; color: #318dff; opacity: 1; }

#shop_thumb_piclist .owl-item > div { padding: 5px; width: 100%; height: 0; padding-bottom: 100%; }

#shop_thumb_piclist .owl-item > div a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 0.05rem; }

#shop_thumb_piclist .owl-item > div img { width: 100%; height: 100%; object-fit: contain; }

#shop_thumb_piclist .owl-item .hover { position: relative; border: 2px solid #318dff; }

#shop_thumb_piclist .owl-item .hover::after { position: absolute; content: ""; width: 100%; height: 1px; background: #318dff; z-index: 10; top: auto; bottom: 0; left: 50%; transform: translateX(-50%); /* 垂直居中 */ /* 如果还需要水平居中，可以添加： */ }

.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: 65px; width: 100%; background: #f0f3f6; border: none; outline: none; padding: 0 0.3rem; font-size: 16px; color: var(--thm-gray); margin-bottom: 0.3rem; border-radius: 4px; }

.contact-one__form .input-group textarea { font-size: 16px; 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 20px 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 1.20rem; 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; }

.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: 15px; }

.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 40px; 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; }

@media (max-width: 575px) { .tp-offcanvas { width: 100%; padding: 35px 0.3rem; } }

.tp-offcanvas-logo img { width: 168px; }

.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: 29px; color: var(--tp-heading-color); transition: 0.3s; }

.tp-offcanvas-close-toggle:hover { transform: rotate(90deg); }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .tp-offcanvas-header { margin-bottom: 40px; } }

.tp-offcanvas-title { font-size: 35px; }

.tp-offcanvas-gallery { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 10px; }

.tp-offcanvas-info span { color: #222; display: block; margin-bottom: 5px; }

.tp-offcanvas-info span:hover { color: rgba(var(--thm-primary-rgb), 1); }

.tp-offcanvas-sm-title { font-size: 0.25rem; margin-bottom: 15px; }

.tp-offcanvas-social a { display: inline-block; text-align: center; width: 40px; height: 40px; line-height: 39px; border-radius: 40px; 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: 8px 0; display: block; font-size: 16px; 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: 20px; }

.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: 29px; }

.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-pro { background: #ffffff; }

.pro-slider ul { margin: 0 -15px 0; }

.pro-slider ul li { flex: 1; background: #f7f8fa; background: url(../img/pro_bg1.png) center center; background-size: cover; height: 375px; padding-top: 0; display: flex; flex-direction: column; align-items: center; margin: 0 15px; border-radius: 16px; cursor: pointer; justify-content: center; }

.pro-slider ul li h3 { color: #000; padding-top: 14px; position: relative; text-align: center; }

.pro-slider ul li h3::before { content: ''; display: block; width: 12px; height: 3px; background: #333333; position: absolute; left: 50%; bottom: -20px; transform: translateX(-50%); display: none; }

.pro-slider ul li a { text-align: center; width: 170px; height: 50px; background: #ffffff; border-radius: 25px; text-align: center; font-size: 16px; line-height: 3.3125; color: #333333; display: block; }

.pro-slider ul li:hover a { background-color: #185b98; color: #ffffff; }

.pro-slider ul li .icon { display: block; margin: 0 auto 0; }

.pro-slider ul li.on { flex: 2; position: relative; }

.pro-slider ul li.on .mask { width: 100%; display: flex; justify-content: center; background: url(../img/pro_bg.png) center center; background-size: cover; }

.pro-slider ul li.on .info { width: 88%; height: 375px; line-height: 30px; display: flex; position: relative; }

.pro-slider ul li.on h3 { font-size: 24px; line-height: 1; padding-top: 38px; color: #185b98; }

.pro-slider ul li.on .tit { margin: 30px 0; font-size: 22px; color: #333333; }

.pro-slider ul li.on .img { position: absolute; width: 100%; top: 0; left: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.pro-slider ul li.on a { background: none; display: block; width: 100%; height: 375px; line-height: 30px; display: flex; flex-direction: column; align-content: center; justify-content: space-between; }

.index_case { padding-bottom: 160px; }

.index_case_show { width: 100%; max-width: 1920px; height: 760px; margin-left: auto; margin-right: auto; }

.index_case_show ul { height: 100%; overflow: hidden; display: flex; }

.index_case_show ul li { width: 20%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 1s; transition: all 1s; float: left; list-style: none; position: relative; }

.index_case_show ul li::after { position: absolute; width: 100%; height: 100%; background-color: #252525; z-index: 999; content: ''; left: 0; top: 0; -webkit-transition: all 1s; transition: all 1s; }

.index_case_show ul li::before { position: absolute; content: ''; width: 100%; height: 100%; z-index: 2; background-color: rgba(0, 0, 0, 0.3); left: 0; top: 0; -webkit-transition: all .5s ease; transition: all .5s ease; opacity: 1; }

.index_case_show ul li:hover { width: 45% !important; }

.index_case_show ul li:hover::before { opacity: 1; background-color: rgba(0, 0, 0, 0.4); }

.index_case_show ul li:hover figure > div > div:last-child { top: 0; opacity: 1; }

.index_case_show ul li a { position: relative; z-index: 24; height: 100%; }

.index_case_show ul li a figure { position: relative; height: 100%; }

.index_case_show ul li a figure > img { position: relative; -webkit-transition: all 1s; transition: all 1s; -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transform-origin: bottom; transform-origin: bottom; height: 100%; }

.index_case_show ul li a figure > div { position: absolute; width: 100%; height: 100%; top: auto; bottom: 0; z-index: 44; left: 0; text-align: center; transition: all 0.3s ease-out; height: 135px; background: rgba(0, 64, 152, 0.9); display: flex; justify-content: center; }

.index_case_show ul li a:hover figure > div { background: rgba(0, 64, 152, 0.93); display: flex; justify-content: space-between; padding: 0 0.25rem; }

.index_case_show ul li a figure > div > div:first-child { margin: 0; height: 135px; display: flex; align-content: center; justify-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; }

.index_case_show ul li a figure > div > div:first-child span { width: 66px; display: inline-block; height: 66px; text-align: center; line-height: 66px; border-radius: 8px; }

.index_case_show ul li a figure > div > div:first-child span i { font-size: 44px; color: #fff; }

.index_case_show ul li a figure > div > div:first-child h4 { font-size: 22px; color: #fff; margin-top: 0; overflow: hidden; white-space: nowrap; }

.index_case_show ul li a figure > div > div:first-child p { font-size: 14px; color: #fff; opacity: .7; text-transform: uppercase; margin-top: 8px; display: none; }

.onshow.index_case_show > ul > li::after { height: 0; }

.onshow.index_case_show > ul > li > a figure > img { -webkit-transform: scale(1); transform: scale(1); }

.index_case_show ul li a figure > div > div:last-child { height: 135px; display: flex; align-content: center; justify-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; width: 0; display: none; -webkit-transition-delay: .1s; transition-delay: .1s; }

.index_case_show ul li a figure > div > div:last-child h4 { font-size: 22px; color: #fff; margin-top: 0; overflow: hidden; white-space: nowrap; }

.index_case_show ul li a:hover figure > div > div:last-child { height: 135px; display: flex; align-content: center; justify-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; width: auto; }

.index_case_show ul > li.act { width: 17%; }

@media screen and (max-width: 1280px) { .index_case_show { height: 450px; }
  .index_case_show ul li a figure > div > div:first-child { margin-top: 60px; }
  .index_case_show ul li a figure > div > div:first-child h4 { margin-top: 20px; }
  .index_case_show ul li a figure > div > div:last-child { margin-top: 20px; } }

@media screen and (max-width: 1024px) { .index_case_show { height: 300px; }
  .index_case_show ul:hover > li { width: 20% !important; }
  .index_case_show ul li a figure > div > div:last-child { display: none; }
  .index_case_show ul li:hover { width: 20% !important; } }

@media screen and (max-width: 667px) { .index_case_show { height: 180px; }
  .index_case_show ul li a figure > div > div:first-child { margin-top: 30px; }
  .index_case_show ul li a figure > div > div:first-child span { width: 40px; height: 40px; line-height: 40px; background: rgba(255, 255, 255, 0.2); border: 1px solid #fff; transform: scale(0.8); }
  .index_case_show ul li a figure > div > div:first-child span i { font-size: 24px; }
  .index_case_show ul li a figure > div > div:first-child h4 { font-size: 14px; margin-top: 12px; }
  .index_case_show ul li a figure > div > div:first-child p { font-size: 12px; font-weight: normal; text-transform: capitalize; } }

footer .footer-bottom { display: flex; flex-direction: row; align-content: center; flex-wrap: nowrap; justify-content: space-between; align-items: center; }

/* 社交图标 */
.f-code { width: 50%; font-size: 0; }

.f-code a { width: 40px; height: 40px; margin-left: 7px; position: relative; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(216, 216, 216, 0.99); transition: all .4s ease; }

.f-code a > i { color: #272636; font-size: 24px; }

.f-code a:first-child { margin-left: 0; }

.f-code-img { display: none; width: 152px; height: 152px; padding: 6px; position: absolute; bottom: 42px; left: 50%; margin-left: -76px; background: #fff; border-radius: 4px; }

.f-code-img::after { content: ""; display: block; width: 0px; height: 0px; border: 8px solid transparent; border-top-color: #fff; position: absolute; bottom: -16px; left: 50%; margin-left: -8px; }

.f-code-img img { width: 100%; height: 100%; object-fit: cover; }

.f-code a:hover .f-code-img { display: block; animation: f-code .6s ease-in-out both; }

.f-code a:hover { background: #00b1ff; }

.f-code a:hover i { color: #ffffff; }

@keyframes f-code { 0% { transform: translateY(-14px); }
  100% { transform: translateY(0); } }

/* 扩展工鞥 */
.f-funciton-list { width: 50%; display: flex; flex-wrap: wrap; justify-content: flex-end; }

.f-funciton-item { width: auto; padding: 24px; border-radius: 20px; text-align: center; }

.f-funciton-item:nth-child(odd) { background: var(--dark-divider-color); }

.f-funciton-item .icon-box { position: relative; width: 36px; height: 36px; background: var(--dark-divider-color); border-radius: 5px; width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; overflow: hidden; text-align: center; }

.f-funciton-item .icon-box i { position: relative; font-size: 36px; z-index: 1; }

.f-funciton-item-content h3 { color: #000000; font-size: 16px; font-weight: 600; text-transform: capitalize; margin-bottom: 15px; }

.f-funciton-item:hover i { color: #1e49a0; }

.f-funciton-item:hover h3 { color: #1e49a0; }

.f-funciton-footer { text-align: center; margin-top: 60px; }

.f-funciton-footer p { color: var(--white-color); margin: 0; }

.f-funciton-footer p span { background-color: var(--accent-color); color: var(--white-color); border-radius: 100px; line-height: 1.1em; padding: 2px 10px; margin-right: 5px; }

.f-funciton-footer a { font-weight: 700; text-decoration: underline; color: var(--accent-color); transition: all 0.3s ease-in-out; }

.f-funciton-footer a:hover { color: var(--primary-color); }

/* 首页关于我们 */
.index_about { display: block; background: #fff url(../images/i-about.jpg) center top no-repeat; height: 670px; }

.index_about .auto-title-block { padding-left: 30px; }

.index_about .auto-title-block .auto-title-h2 { margin-top: 6px; margin-bottom: 18px; }

.index_about .auto-title-block .auto-title-p { display: block; width: 620px; line-height: 1.4; }

.index_about .auto-title-block .auto-title-more { border: none; display: block; width: 170px; height: 50px; line-height: 50px; font-size: 0.16rem; color: #1e1e1e; padding-left: 5px; padding-right: 5px; border-radius: 40px; background: transparent; position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; margin-top: 50px; background: rgba(255, 255, 255, 0.68); }

.index_about .auto-title-block .auto-title-more i { background: #ffffff; width: 43px; height: 43px; line-height: 43px; text-align: center; border-radius: 50%; font-size: 26px; color: #185b98; }

.index_about .auto-title-block .auto-title-more span { padding-left: 10px; padding-right: 30px; font-size: 18px; }

.about-services { margin-top: -135px; width: 100%; height: 300px; background-color: #ffffff; border-radius: 20px; display: flex; justify-content: space-between; justify-content: center; align-content: center; align-items: center; box-shadow: 0 0 15px #ccc; margin-bottom: 15px; }

.about-services .abt-service-box { width: 25%; height: 200px; border-right: 1px solid #f1f1f1; }

.about-services .abt-service-box:last-child { border: none; }

.about-services figure { margin-bottom: 40px; }

.about-services figure i { font-size: 64px; display: none; }

.about-services h3 { font-size: 28px; font-weight: 500; line-height: 1; margin-bottom: 15px; }

.about-services p { font-size: 16px; line-height: 1.5; padding-left: 40px; padding-right: 40px; color: #6e6e6e; }

/*** 

====================================================================
Page Title
====================================================================

***/
@-webkit-keyframes "ripple" { 70% { -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }

@keyframes "ripple" { 70% { -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }

.page-title { background-color: var(--theme-color2); position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 15px 0 0; min-height: 450px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.page-title:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(17, 32, 33, 0.9)), to(transparent)); background: linear-gradient(180deg, rgba(17, 32, 33, 0.9), transparent); display: none; }

.page-title .title { font-size: 64px; color: #ffffff; margin-bottom: 17px; }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .page-title .title { font-size: 34px; } }

.page-title .text { position: relative; color: #ffffff; font-size: 16px; line-height: 26px; letter-spacing: 0.05em; max-width: 520px; }

.page-breadcrumb { position: relative; margin-top: 5px; }

.page-breadcrumb li { position: relative; display: inline-block; margin-right: 12px; padding-right: 13px; color: #ffffff; font-size: 14px; font-weight: 400; text-transform: capitalize; }

.page-breadcrumb li:after { position: absolute; content: "\f105"; right: -6px; top: 1px; color: #ffffff; font-size: 14px; font-weight: 900; font-family: "Font Awesome 6 Pro"; color: #ffffff; }

.page-breadcrumb li:last-child { padding-right: 0px; margin-right: 0px; }

.page-breadcrumb li:last-child::after { display: none; }

.page-breadcrumb li a { color: var(--theme-color3); font-weight: 500; text-transform: capitalize; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

.page-breadcrumb li a:hover { color: #ffffff; }

.page-title.style-two { background-position: center center; }

.page-title.style-two .page-breadcrumb-outer { position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 0; -webkit-transform: translateY(100%); transform: translateY(100%); z-index: 8; }

.page-title.style-two .page-breadcrumb li { color: #070710; font-weight: 600; }

.page-title.style-two .page-breadcrumb li:after { color: #070710; }

.page-title.style-two .page-breadcrumb li a { color: rgba(7, 7, 16, 0.6); }

.page-title.style-two .page-breadcrumb li a:hover { color: #070710; }

.play-now { position: relative; display: block; z-index: 9; -webkit-transition: all 300ms ease; transition: all 300ms ease; }

.play-now .icon { position: relative; display: inline-block; height: 70px; width: 70px; text-align: center; line-height: 70px; background-color: #ffffff; color: #ff6d2e; z-index: 1; padding-left: 0px; font-size: 14px; display: block; border-radius: 50%; -webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3); -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3); -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3); box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3); -webkit-transform-origin: center; transform-origin: center; }

.play-now .ripple { position: absolute; top: 50%; left: 50%; height: 70px; width: 70px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; }

.play-now .ripple:before { position: absolute; top: 50%; left: 50%; height: 70px; width: 70px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; content: ""; position: absolute; }

.play-now .ripple:after { position: absolute; top: 50%; left: 50%; height: 70px; width: 70px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; content: ""; position: absolute; }

.background-image { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-repeat: repeat; background-position: center; background-size: cover; }

.error-page__inner { display: block; position: relative; text-align: center; }

.error-page__inner .error-page__title-box { display: block; position: relative; }

.error-page__inner .error-page__title { color: var(--theme-color1); display: inline-block; font-size: 280px; position: relative; line-height: 280px; margin-bottom: 0; }

.error-page__inner .error-page__sub-title { font-size: 40px; letter-spacing: 0.1em; text-transform: uppercase; line-height: 50px; margin-top: -16px; }

.error-page__inner .error-page__text { font-size: 20px; line-height: 30px; text-align: center; }

.error-page__inner .error-page__form { position: relative; display: block; margin: 42px auto 20px; }

.error-page__inner .error-page__form input[type=search] { height: 60px; width: 100%; border: none; outline: none; background-color: var(--theme-color-black2); font-size: 14px; color: #333; padding-left: 50px; padding-right: 75px; border-radius: 7px; }

.error-page__inner .error-page__form button[type=submit] { background-color: transparent; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; bottom: 0; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 22px; outline: none; padding: 0; position: absolute; right: 0px; top: 0; width: 72px; }

.error-page__inner .error-page__form-input { position: relative; display: block; max-width: 570px; width: 100%; margin: 0 auto; }

/*=== Category widget ===*/
.category-widget, .category-widget .category-list { background-color: #FFFFFF; height: 78px; line-height: 78px; border-bottom: 1px solid #d8d8d8; margin-bottom: 18PX; }

.category-widget .category-list li { position: relative; display: inline-block; margin: 0; margin-right: 50px; }

.category-widget .category-list li a { min-width: 110px; display: block; padding: 0 15px; font-size: 28px; line-height: 78px; font-weight: 600; text-align: center; color: #5d5d5d; }

.category-widget .category-list li a:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 6px; background-color: #0d6adc; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform: scaleX(0); transform: scaleX(0); visibility: hidden; }

.category-widget .category-list li a.active:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible; }

/*=== Mixitup Gallery ===*/
.featured-products { padding-bottom: 100px; }

.featured-products .filters { margin-bottom: 45px; text-align: left; }

.featured-products .filters .filter-tabs { position: relative; display: inline-block; }

.featured-products .filters li { position: relative; display: inline-block; min-width: 100px; text-align: center; line-height: 24px; padding: 0px 2px 10px; cursor: pointer; color: #797f7d; font-weight: 500; font-size: 16px; margin: 0 5px 0; padding: 10px 12px 10px; -webkit-transition: all 300ms ease; transition: all 300ms ease; }

.featured-products .filters li:last-child { margin-right: 0; }

.featured-products .filters .filter.active, .featured-products .filters .filter:hover { background-color: #ffffff; color: #0d6adc; border-radius: 8px; box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15); }

.featured-products .filters li:before { position: absolute; left: 0; bottom: 8px; height: 2px; width: 100%; content: ""; background-color: #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: top right; transform-origin: top right; -webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */ -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */ display: none; }

.featured-products .filters li.active:before, .featured-products .filters li:hover:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: bottom left; transform-origin: bottom left; }

.featured-products .filter-list { padding-bottom: 0; }

.featured-products { background: #fff; }

.product-block { position: relative; margin-bottom: 60px; }

.product-block.mix { display: none; }

.product-block .inner-box { position: relative; border: 1px solid #dfe0e1; border-radius: 8px; text-align: center; background: #ffffff; overflow: hidden; -webkit-transition: all 300ms ease; transition: all 300ms ease; }

.product-block .inner-box:hover { border: 1px solid #dbdbdb; -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); }

.product-block .image { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; margin-bottom: 0px; }

.product-block .image:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=1); content: ""; opacity: 0.3; left: -100%; pointer-events: none; z-index: 1; }

.product-block .inner-box:hover .image:before { left: 100%; -webkit-transition: all 1000ms ease; transition: all 1000ms ease; }

.product-block .image img { width: auto; -webkit-transition: all 300ms ease; transition: all 300ms ease; }

.product-block .inner-box:hover .image img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.product-block .content { position: relative; padding: 25px 25px 25px; }

.product-block h4 { display: block; font-size: 24px; line-height: 1; color: var(--theme-color2); font-weight: 700; margin-bottom: 20px; }

.product-block h4 a { color: var(--theme-color1); -webkit-transition: all 300ms ease; transition: all 300ms ease; }

.product-block h4 a:hover { color: var(--theme-color1); }

.product-block .price { display: block; font-size: 16px; line-height: 26px; color: var(--text-gray-silver); font-weight: 600; }

.product-block .price del { display: inline-block; margin-left: 15px; font-size: 16px; color: #ff0000; line-height: 27px; opacity: 0.3; }

.product-block .rating { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; color: #ffc737; }

.product-block .tag { position: absolute; top: 30px; left: 20px; font-size: 14px; line-height: 23px; color: #ffffff; background: #FD5F5C; font-weight: 400; padding: 0 12px; border-radius: 3px; z-index: 9; font-style: italic; text-transform: uppercase; }

/* 对比按钮 */
.product-block .icon-box { position: absolute; right: 20px; top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 1; visibility: visible; -webkit-transition: all 300ms ease; transition: all 300ms ease; }

.product-block .inner-box:hover .icon-box { top: 13px; opacity: 1; visibility: visible; -webkit-transition-delay: 300ms; transition-delay: 300ms; }

.product-block .ui-btn { background-color: #eaeaea; border-radius: 6px; color: #666666; cursor: pointer; display: block; height: 20px; font-size: 14px; line-height: 20px; margin-bottom: 10px; position: relative; text-align: center; width: 50px; z-index: 9; -webkit-transition: all 300ms ease; transition: all 300ms ease; }

.product-block .ui-btn:hover { background-color: #457af7; color: #ffffff; }

.product-block .cat { display: block; font-size: 18px; color: #707070; font-style: italic; margin-bottom: 5px; }

.product-block .meta { padding: 0; font-size: 16px; line-height: 1.5; color: #999999; }

.product-block .meta [class*=col-] { padding: 0; }

.product-block .meta .col-4 { text-align: right; }

.product-block .meta .col-8 { text-align: left; }

.product-block .meta .col-8 span { word-break: break-all; display: inline-block; width: 180px; }

.product-block .more { padding: 0 12px; }

.product-block .more-info { border-top: 1px solid #dfe0e1; height: 60px; line-height: 60px; text-align: left; font-size: 16px; padding: 0 5px; }

.product-block .more-icon { float: right; }

.product-block .more-icon i { font-size: 28px; }

/*Page*/
.ui-page { user-select: none; }

.ui-page ul { margin: 0; padding: 0; list-style: none; display: flex; margin-left: 1px; }

.ui-page ul li { font-size: 0; list-style: none; display: inline-block; border: 1px solid #d9d9d9; margin-left: -1px; }

.ui-page ul li:first-child, .ui-page ul li:first-child a { border-radius: 4px 0 0 4px; }

.ui-page ul li:last-child, .ui-page ul li:last-child a { border-radius: 0 .4px 4px 0; }

.ui-page ul li a { font-size: 16px; display: block; padding: 0 15px; line-height: 40px; color: #444; background: #fff; }

.ui-page ul li a:not([href]) { color: #999; cursor: not-allowed; }

.ui-page ul li.active { border-color: #1890FF; background: #1890FF; }

.ui-page ul li.active a { color: #fff; background: #1890FF; }

.ui-page ul li.active a:hover { background: #1890FF; }

.ui-page ul li:hover a { background: #f9f9f9; }

.ui-page-red ul li.active { border-color: #ED4014; background: #ED4014; }

.ui-page-red ul li.active a { background: #ED4014; }

.ui-page-red ul li.active a:hover { background: #ED4014; }

.ui-page-yellow ul li.active { border-color: #F37B1D; background: #F37B1D; }

.ui-page-yellow ul li.active a { background: #F37B1D; }

.ui-page-yellow ul li.active a:hover { background: #F37B1D; }

.ui-page-green ul li.active { border-color: #19BE6B; background: #19BE6B; }

.ui-page-green ul li.active a { background: #19BE6B; }

.ui-page-green ul li.active a:hover { background: #19BE6B; }

.ui-page-info ul li.active { border-color: #2DB7F5; background: #2DB7F5; }

.ui-page-info ul li.active a { background: #2DB7F5; }

.ui-page-info ul li.active a:hover { background: #2DB7F5; }

.ui-page-mid ul li { margin-right: 6px; border-radius: 3px; }

.ui-page-mid ul li.total { display: none; }

.ui-page-mid ul li.fraction { display: none; }

.ui-page-mid ul li:first-child, .ui-page-mid ul li:last-child { border-radius: 3px; }

.ui-page-center ul { display: flex; justify-content: center; align-items: center; }

.ui-page-right ul { display: flex; justify-content: flex-end; }

.ui-page-right { display: flex; }

.ui-page-right .ui-page-other { flex: 1; justify-content: flex-start; align-items: center; display: flex; }

/* 产品详情 */
.product-detail-title { font-weight: 600; line-height: 41px; margin-bottom: 20px; }

.product-detail-price { align-items: center; color: #e73c17; display: flex; font-size: 24px; font-family: "Poppins", sans-serif; font-weight: 500; line-height: 1; margin-bottom: 28px; }

.product-detail-price .price-old { color: #9b9a9a; font-size: 18px; margin-left: 8px; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; -webkit-text-decoration-color: #9b9a9a; text-decoration-color: #9b9a9a; }

.product-detail-review { align-items: center; display: flex; margin-bottom: 32px; }

.product-detail-review-icon { color: #ff9923; display: flex; font-size: 16px; letter-spacing: 7.35px; line-height: 1; margin-right: 13px; }

.product-detail-review-show { color: #070707; font-size: 16px; line-height: 1; margin: 0; }

.product-detail-desc { color: #171616; margin-bottom: 30px; }

.product-detail-cart-btn { background-color: transparent; color: #000; border: 2px solid #dedede; border-radius: 35px; font-size: 14px; font-weight: 500; height: 50px; text-align: center; text-transform: uppercase; min-width: 170px; }

.product-detail-cart-btn:hover { background-color: #e73c17; border-color: #e73c17; color: #FFF; }

.product-detail-compare-btn, .product-detail-wishlist-btn { background-color: transparent; border: 0; color: #000; font-size: 16px; line-height: 1; padding: 0; }

.product-detail-compare-btn .icon, .product-detail-wishlist-btn .icon { margin-right: 3px; position: relative; top: 1px; }

.product-detail-compare-btn:hover, .product-detail-wishlist-btn:hover { color: #e73c17; }

.product-detail-nav { border-bottom: 2px solid #f4f4f4; margin-bottom: 50px; margin-top: 90px; justify-content: flex-start; }

@media (max-width: 575px) { .product-detail-nav { margin-bottom: 30px; margin-top: 50px; } }

.product-detail-nav-link { background-color: transparent; border: 0; border-bottom: 2px solid transparent; color: #343434; font-size: 18px; font-weight: 600; margin: 0 34px -2px; padding: 0 0 13px; }

@media (max-width: 575px) { .product-detail-nav-link { font-size: 15px; margin: 0 9px 18px; padding: 0 0 1px; } }

.product-detail-nav-link.active { border-color: #e73c17; }

.product-detail-nav-link:first-child { margin-left: 0; }

.product-detail-nav-link:last-child { margin-right: 0; }

.product-detail-nav-description { margin: 0 auto; max-width: 870px; }

.product__details-tab-nav { border-bottom: 1px solid #DADCE0; }

.product__details-tab-nav-inner { position: relative; }

.product__details-tab-nav .nav-item { padding: 0 30px; }

.product__details-tab-nav .nav-link { position: relative; padding: 11px 2px; font-weight: 500; font-size: 18px; color: var(--swiftcart-text); border: none; max-width: 110px; }

.product__details-tab-nav .nav-link.active, .product__details-tab-nav .nav-link:hover { color: var(--swiftcart-black); border: none; border-bottom: 7px solid #318dff; }

.product__details-tab-nav .nav-link.active::after, .product__details-tab-nav .nav-link:hover::after { width: 100%; left: 0; right: auto; }

@media (max-width: 575px) { .product__details-tab-nav .nav-link.active::after, .product__details-tab-nav .nav-link:hover::after { position: absolute; content: ""; left: auto; right: 0; bottom: -1px; width: 0%; height: 2px; background-color: var(--xc-theme-3); transition: 0.3s; } }

.product__details-tab-nav .xc-tab-menu { position: relative; }

.product__details-tab-nav .xc-tab-line { position: absolute; content: ""; left: 0; bottom: -1px; width: 38%; height: 2px; background-color: var(--swiftcart-base); transition: 0.3s; }

[dir=rtl] .product__details-tab-nav .xc-tab-line { left: auto; right: 0; }

.product__details-description-content .product-desc-title { font-family: var(--swiftcart-heading-font); font-weight: 500; font-size: 34px; color: var(--xc-common-black-solid); margin-bottom: 10px; }

.product__details-description-content p { font-family: var(--swiftcart-heading-font); font-size: 18px; line-height: 1.67; color: var(--swiftcart-text); margin-bottom: 25px; }

.product__details-description .product-desc-feature-thumb { margin-bottom: 30px; }

.product__details-description .product-desc-feature-content p { line-height: 1.56; padding-right: 75px; }

.product__details-additional { margin-top: 5px; background-color: var(--swiftcart-white); }

@media (max-width: 575px) { .product__details-additional { overflow-x: auto; } }

.product__details-additional-inner { padding: 45px 70px 45px; }

@media only screen and (min-width: 576px) and (max-width: 767px) { .product__details-additional-inner { overflow-x: auto; } }

@media (max-width: 575px) { .product__details-additional-inner { width: 98%; } }

.product__details-additional table { width: 100%; }

.product__details-additional table tr { padding: 45px 0 40px; display: block; border-bottom: 1px solid #E9E9F0; }

.product__details-additional table tr th { font-family: var(--swiftcart-heading-font); font-weight: 500; font-size: 28px; color: var(--swiftcart-black); width: 40%; display: inline-block; vertical-align: top; padding-left: 90px; }

.product__details-additional table tr td { width: 59%; display: inline-block; font-family: var(--swiftcart-heading-font); font-size: 18px; line-height: 2; color: var(--swiftcart-text); }

/*====================================
    breadcrumb css
====================================*/
.breadcrumb-area { background-image: url("../img/breadcrumb/breadcrumb.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; padding: 30px 0px; border-bottom: 1px solid #d8d8d8; }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .breadcrumb-area { padding: 30px 0px; } }

@media (max-width: 575px) { .breadcrumb-area { padding: 15px 0px; } }

.breadcrumb-area::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--extra-bgcolor); opacity: 0.2; }

/* breadcrumb-ul css */
.breadcrumb-index ul.breadcrumb-ul { display: flex; flex-wrap: wrap; align-items: center; }

.breadcrumb-index ul.breadcrumb-ul li.breadcrumb-li { display: flex; flex-wrap: wrap; z-index: 1; }

.breadcrumb-index ul.breadcrumb-ul li.breadcrumb-li::before { content: '>'; color: var(--body-bgcolor); -webkit-background-clip: text; margin: 0px 5px; }

@media (max-width: 575px) { .breadcrumb-index ul.breadcrumb-ul li.breadcrumb-li::before { margin: 0px 3px; } }

.breadcrumb-index ul.breadcrumb-ul li.breadcrumb-li:first-child::before { display: none; }

.breadcrumb-index ul.breadcrumb-ul li.breadcrumb-li a.breadcrumb-link, .breadcrumb-index ul.breadcrumb-ul li.breadcrumb-li span.breadcrumb-text { color: var(--body-bgcolor); }

.related-product { padding-bottom: 40px; }

.menu1-list { padding: 0 40px; border-right: 1px solid #ebebeb; }

.menu1-list:last-child { border: none; }

.tp-pro-a { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; padding-bottom: 45px; }

.tp-home-thumb i { font-size: 32px; padding-right: 15px; }

.tp-home-title { margin: 0; padding: 0; font-size: 30px; }

.menu2-list { display: flex; }

.menu3-list { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; flex-wrap: nowrap; align-content: flex-start; width: 100%; }

.menu3-list li { position: relative; margin: 0; padding: 0; }

.menu3-list li:hover .header-sub-menu { visibility: visible; opacity: 1; }

.menu3-list .header-sub-menu { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 10px; width: 220px; position: absolute; }

.menu3-list .menu-title { font-size: 22px; font-weight: 600; margin-bottom: 10px; }

.menu3-list ul li { width: 100%; margin: 0 !important; padding: 0 !important; }

.menu3-list ul li a { margin: 0 !important; padding: 0 !important; font-size: 16px; font-weight: 400; line-height: 2; color: #797979; }

.index_title b { --tw-text-opacity: 1; color: rgba(24, 91, 152, var(--tw-text-opacity)); display: block; font-size: 0.6rem; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .index_title b { font-size: 0.4rem; line-height: 1; } }

/* mianda 首页 index_product */
.index_product { background: #ffffff; padding-top: 0.9rem; padding-bottom: 0.15rem; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .index_product { padding-top: 0.6rem; padding-bottom: 0rem; overflow: hidden; } }

.index_product_list { position: relative; flex: 1 1 0%; padding-top: 0.6rem; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .index_product_list { padding-top: 0.3rem; } }

.index_product_list .swiper-container { margin-bottom: 0.10rem; margin-left: -0.10rem; margin-top: 0.10rem; overflow: hidden; padding: 0.10rem; width: calc(100% + 0.20rem); }

.index_product_list .swiper-container .swiper-slide { height: auto; }

.index_product_list .swiper-container .swiper-slide a { --tw-bg-opacity: 1; background-color: white; box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 0.18rem 0px; display: flex; flex-direction: column; height: 100%; transition-duration: .5s; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.index_product_list .swiper-container .swiper-slide a .img { width: 100%; height: 0; padding-bottom: 62.5%; position: relative; }

.index_product_list .swiper-container .swiper-slide a .img picture { position: absolute; width: 100%; height: 100%; padding: 0.15rem; }

.index_product_list .swiper-container .swiper-slide a .img img { width: 100%; height: 100%; object-fit: contain; }

.index_product_list .swiper-container .swiper-slide a .txt { display: flex; flex: 1 1 0%; flex-direction: column; padding: 0.2rem; }

.index_product_list .swiper-container .swiper-slide a .txt b { -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; font-size: 0.24rem; font-weight: 400; line-height: 1.25; margin-bottom: 10px; overflow: hidden; transition-duration: .5s; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); text-align: center; }

.index_product_list .swiper-container .swiper-slide a .txt p { -webkit-box-orient: vertical; -webkit-line-clamp: 2; --tw-text-opacity: 1; color: #666666; display: -webkit-box; font-size: 0.18rem; line-height: 1.5; margin-top: 0; overflow: hidden; display: none; }

.index_product_list .arrows { align-items: center; display: flex; gap: 20px; justify-content: center; }

.index_product_list .arrows .arrow { --tw-bg-opacity: 1; align-items: center; background-color: rgbg(255, 255, 255, 1); display: flex; height: 1rem; justify-content: center; transition-duration: .5s; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); width: 0.5rem; font-size: 0.16rem; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13); }

.index_product_list .arrows .index_product_list_next { left: -0.8rem; }

.index_product_list .arrows .index_product_list_prev { right: -0.8rem; }

.index_product_list .more { padding-top: 20px; text-align: center; transition-duration: .5s; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.index_product_list .more a { --tw-border-opacity: 1; --tw-text-opacity: 1; border-color: #dddddd; border-width: 1px; color: #999999; display: inline-block; padding: 6px 20px; transition-duration: .5s; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); white-space: nowrap; }

.index_product_list .more a:hover { --tw-border-opacity: 1; --tw-bg-opacity: 1; --tw-text-opacity: 1; background-color: rgba(24, 91, 152, var(--tw-bg-opacity)); border-color: rgba(24, 91, 152, var(--tw-border-opacity)); color: white; }

/* mianda 首页 index_col */
.index_col { background: #ffffff; padding-bottom: 0.9rem; padding-top: 0.9rem; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .index_col { padding-top: 0.6rem; padding-bottom: 0.6rem; } }

.index_col_list { margin-top: 0.8rem; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .index_col_list { margin-top: 0.3rem; } }

.index_col_list > ul { display: flex; flex-direction: column; gap: 20px; flex-direction: row; flex-wrap: wrap; gap: 0; margin-bottom: -20px; margin-left: -10px; margin-right: -10px; }

.index_col_list > ul > li { height: 3.80rem; margin-bottom: 20px; padding-left: 10px; padding-right: 10px; width: 33.333333%; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .index_col_list > ul > li { height: 1.2rem; } }

.index_col_list > ul > li:first-of-type, .index_col_list > ul > li:nth-of-type(2) { height: 4.80rem; width: 50%; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .index_col_list > ul > li:first-of-type, .index_col_list > ul > li:nth-of-type(2) { height: 1.65rem; }
  .index_col_list > ul > li:first-of-type a, .index_col_list > ul > li:nth-of-type(2) a { height: 1.65rem; } }

.index_col_list > ul > li > a { display: block; height: 200px; position: relative; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .index_col_list > ul > li > a { height: 1.35rem; } }

@media (min-width: 668px) { .index_col_list > ul > li > a { height: 100%; } }

.index_col_list > ul > li > a b { --tw-text-opacity: 1; align-items: center; color: white; display: flex; font-size: 0.40rem; font-weight: 600; height: 100%; justify-content: center; left: 0; padding: 20px; position: absolute; text-align: center; top: 0; width: 100%; z-index: 20; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .index_col_list > ul > li > a b { font-size: 0.20rem; } }

.index_col_list > ul > li > a .img { height: 100%; overflow: hidden; width: 100%; }

.index_col_list > ul > li > a .img img { height: 100%; -o-object-fit: cover; object-fit: cover; transition-duration: 1s; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition: all .5s ease-out; width: 100%; }

.index_col_list > ul > li > a:hover .img img { transform: scale(1.1); }

/* mianda 首页  用户 */
.index_logos { position: relative; background: #f7f7f7; padding-bottom: 0.9rem; padding-top: 0.9rem; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .index_logos { padding-top: 0.6rem; padding-bottom: 0.6rem; } }

.index_logos_lists { margin-top: 0.6rem; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .index_logos_lists { margin-top: 0.3rem; } }

.index_logos_lists .splide__track { padding-bottom: .8rem; padding-top: .8rem; }

.index_logos_lists .item { --tw-bg-opacity: 1; align-items: center; background-color: white; border-radius: 5px; display: flex; height: 1.30rem; justify-content: center; transition-duration: .5s; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .index_logos_lists .item { height: 1.00rem; } }

.index_logos_lists .item img { max-height: 60%; max-width: 60%; }

@media (min-width: 968px) { .index_logos_lists .swiper-slide:hover { box-shadow: 0 0 0.72rem 0 rgba(0, 0, 0, 0.13); } }

.index_logos_lists .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto; }

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

/* 底部菜单 */
.footer { --tw-bg-opacity: 1; --tw-text-opacity: 1; background-color: #0f1b3c; color: white; padding-bottom: 90px; padding-top: 40px; padding-bottom: 0.70rem; padding-top: 0.7rem; }

.footer_top { display: flex; justify-content: center; }

@media (min-width: 1180px) { .footer_top { padding-bottom: 1.4rem; } }

.footer_top_logo { flex-shrink: 0; width: 140px; margin-right: 1.00rem; width: 2.40rem; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .footer_top_logo { margin-right: 0; width: 100px; } }

.footer_top_nav { display: block; margin-left: auto; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .footer_top_nav { display: none; } }

.footer_top_nav > ul { display: flex; gap: 0.3rem; }

.footer_top_nav > ul > li { flex: 1 1 0%; }

.footer_top_nav > ul > li:first-of-type { display: none; }

.footer_top_nav > ul > li:nth-of-type(2) { min-width: 2.50rem; }

.footer_top_nav > ul > li .t a { font-size: 0.20rem; font-weight: 700; white-space: nowrap; }

.footer_top_nav > ul > li .t a:hover { text-decoration-line: underline; }

.footer_top_nav > ul > li .t .icon { display: none; }

.footer_top_nav > ul > li .sub { margin-top: 0.3rem; }

.footer_top_nav > ul > li .sub li { font-size: .16rem; line-height: 1.25; margin-bottom: .1rem; }

.footer_top_nav > ul > li .sub a { --tw-text-opacity: 1; color: white; opacity: .7; transition-duration: .5s; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.footer_top_nav > ul > li .sub a:hover { opacity: 1; text-decoration-line: underline; }

.footer_copyright { --tw-text-opacity: 1; align-items: center; color: white; display: flex; flex-direction: column; font-size: 0.16rem; padding-top: 20px; text-align: center; flex-direction: row; line-height: 2; padding-top: 0; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .footer_copyright { flex-direction: column; margin-top: 0.3rem; } }

.footer_copyright .btns { align-items: center; display: flex; gap: 20px; justify-content: center; margin-top: 20px; }

@media (min-width: 968px) { .footer_copyright .btns { margin-left: auto; margin-top: 0; } }

.footer_copyright .btns a { --tw-border-opacity: 1; align-items: center; border-radius: 100%; border: 1px solid rgba(255, 255, 255, 0.68); display: flex; height: 40px; justify-content: center; height: 0.55rem; width: 0.55rem; }

.footer_copyright .btns a i { font-size: 0.26rem; }

/* header  */
/* HEADER */
header { padding: 0; }

.header_top { padding: 0.25rem 0; }

header .logo { width: auto; }

header .social li, header .lang li { font-size: 17px; font-size: 15px; margin-right: 0.15rem !important; }

header .social [class*="fa-"] { font-size: 21px; color: var(--blue); }

header .social .fa-youtube { color: var(--youtube); font-size: 21px; }

header .social .fa-linkedin-in { color: var(--linkedin); font-size: 21px; }

header .social a, header .social a svg { transform: none; position: relative; color: var(--main-color); -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }

header .social a svg { width: 18px; height: 23px; }

header .social a:hover, header .social a:hover svg { transform: translateY(-5px); }

header .social a:before { background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 80%); content: ''; height: 5px; left: 5%; opacity: 0; pointer-events: none; position: absolute; top: 100%; transition: 0.3s; width: 90%; }

header .social a:hover:before { opacity: 1; transform: translateY(5px); }

header .lang { text-transform: uppercase; }

header .lang a { color: var(--main-color); }

header .lang img { width: 20px; max-width: 100%; position: relative; margin-top: -5px; }

header .lang a:hover img { opacity: .5; }

header .form-control { border-radius: 6px !important; border-radius: 0 !important; }

header form .btn { color: var(--grey); font-size: 25px; padding-top: 0; padding-bottom: 0; }

header .input-group-text { border: none; background: transparent; font-weight: 100; padding-left: 0; }

header .form-search { border: 1px solid #000000; font-size: 15px; margin-top: 0.15rem !important; }

header .form-search .input-group > .form-control { border: none !important; border-radius: 0 !important; font-size: 15px; padding: 0.06rem 0.12rem !important; height: 0.44rem; }

header .form-search .btn { color: #000; font-size: 24px; padding: 0 0.12rem; }

header .form-search .btn:hover, header .form-search .btn:active, header .form-search .btn:focus { color: var(--grey); }

header .form-search .btn svg { width: 1em; }

header .rounded-circle { width: 30px; height: 30px; float: left; padding: 0; display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center !important; align-items: center !important; -ms-flex-pack: center !important; justify-content: center !important; border: 1px solid #FFFFFF; color: #fff !important; font-size: 17px !important; }

header .rounded-circle:hover, header .rounded-circle:active, header .rounded-circle:focus { color: var(--dark-grey) !important; background: #FFFFFF; }

/* FINE HEADER */
/* NAVBAR */
.huge.nav > nav { width: 100%; }

.huge nav ul, .huge nav li { list-style: none; padding: 0; margin: 0; }

.huge nav a { display: block; text-decoration: none; }

.huge nav a:hover, .huge nav a:visited { text-decoration: none; }

.menu-bar { /*background: #ffffff;*/ display: flex; }

.menu-link { padding: 20px 25px; /*background: #ffffff;*/ font-size: 17px; color: #383838; transition: background 0.2s, color 0.2s; position: relative; z-index: 1; }

.menu-link[aria-haspopup="true"] { /*padding-right: 40px;*/ }

.menu-link[aria-haspopup="true"]:after { /*content: ""; background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowRight.svg#accent'); background-size: 14px; width: 14px; height: 14px; font-size: 12px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);*/ }

.mega-menu-header { font-size: 1.2em; text-transform: uppercase; font-weight: bold; color: #136a73; }

.mega-menu { background: #ffffff; z-index: 10; }

.mega-menu--multiLevel { flex-direction: column; }

@media all and (min-width: 992px) { .nav > nav { max-width: 100%; margin: 0; }
  .menu [aria-haspopup="true"] ~ ul { display: none; /*min-height: 455px;*/ min-height: 400px; }
  .menu-bar { position: relative; }
  /*.menu-bar > li > [aria-haspopup="true"]:after { background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowBottom.svg#accent'); } .menu-bar > li > [aria-haspopup="true"]:hover:after { background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowBottom.svg#light'); }*/
  .menu-bar > li > [aria-haspopup="true"]:focus ~ ul, .menu-bar > li > [aria-haspopup="true"]:hover ~ ul { display: flex; transform-origin: top; animation: dropdown 0.2s ease-out; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul:hover { display: flex; }
  .menu-bar > li:focus-within > [aria-haspopup="true"] ~ ul { display: flex; }
  .menu-bar > li > [aria-haspopup="true"]:focus, .menu-bar > li:focus-within > [aria-haspopup="true"], .menu-bar > li:hover > a { /*background: #177E89;*/ /*color: #ffffff;*/ color: inherit; }
  /*.menu-bar > li > [aria-haspopup="true"]:focus:after, .menu-bar > li:focus-within > [aria-haspopup="true"]:after, .menu-bar > li:hover > a:after { background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1397521/arrowTop.svg#light'); }*/
  .mega-menu { position: absolute; top: 100%; left: 0; width: 100%; width: calc(100% + 15px); }
  .mega-menu:hover { display: flex; }
  .mega-menu a { padding: 5px 25px; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }
  .mega-menu a:hover { /*background: #dceced; color: #136a73;*/ color: #383838; text-decoration: underline !important; /*font-weight: 300;*/ }
  .mega-menu--multiLevel { padding-left: 25% !important; /*margin-top: 0.75rem !important;*/ border-top: 15px solid #fff; padding-bottom: 0.5rem !important; padding-top: 0.15rem !important; }
  .mega-menu--multiLevel .blue-square { position: absolute; left: 0; top: 0; width: 25%; height: 100%; text-transform: uppercase; padding-left: 15px; padding-right: 15px; }
  .mega-menu--multiLevel .blue-square a { font-size: 30px; font-weight: 500; width: auto; max-width: 100%; background: transparent !important; }
  .mega-menu--multiLevel .blue-square a:hover, .mega-menu--multiLevel .blue-square a:focus, .mega-menu--multiLevel .blue-square a:active { opacity: .65; text-decoration: none !important; }
  .mega-menu--multiLevel > li { width: 33.33333333%; }
  .mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul { /* è stato tolto perché ho bisogno di una colonna in più (quella blu)*/ /*left: 33.33333333%; width: 33.33333333%;*/ left: 49%; width: 25%; }
  .mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul ul { width: 100%; left: 100%; }
  .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul { display: block; transform-origin: left; animation: flyout 0.2s ease-out; }
  .mega-menu--multiLevel li:focus-within > [aria-haspopup="true"] ~ ul { display: block; }
  .mega-menu--multiLevel li:hover > [aria-haspopup="true"], .mega-menu--multiLevel li:focus-within > [aria-haspopup="true"], .mega-menu--multiLevel li:hover > a, .mega-menu--multiLevel li:focus-within > a { /*background: #dceced; color: #136a73;*/ color: #383838; text-decoration: underline !important; /*font-weight: 300;*/ }
  .mega-menu--multiLevel [aria-haspopup="true"] ~ ul { border-left: 1px solid #707070; }
  .mega-menu--multiLevel [aria-haspopup="true"] ~ ul:hover, .mega-menu--multiLevel [aria-haspopup="true"]:hover { display: block; }
  .mega-menu--multiLevel [aria-haspopup="true"] ~ ul { position: absolute; top: 0; min-height: 100%; /*height: 100%;*/ height: auto; }
  .mega-menu--flat > * { flex: 1; }
  .huge .mobile-menu-trigger, .huge .mobile-menu-header, .huge .mobile-menu-back-item { display: none; }
  .menu-bar > li a { font-size: 17px; }
  .menu-bar li a.menu-link.text-white, .menu-bar li a.menu-link.text-main { position: relative; letter-spacing: 0.09px; font-weight: 400; padding: 20px 10px; }
  .menu-bar li a.menu-link.text-white:before, .menu-bar li a.menu-link.text-main:before { content: ''; height: 2px; bottom: 17px; content: ""; left: 25px; position: absolute; right: 25px; transition: .3s; width: 0; background: #fff; }
  .menu-bar li a.menu-link.text-main:before { background: var(--main-color); }
  .menu-bar li a.menu-link.text-white:hover:before, .menu-bar li a.menu-link.text-main:hover:before { width: calc(100% - 50px); } }

@media all and (max-width: 991.98px) { .huge.nav { padding: 20px; position: relative; }
  .menu-bar::before { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
  .huge .mobile-menu-trigger, .huge .mobile-menu-header, .huge .mobile-menu-back-item { display: block; color: #fff !important; }
  .mega-menu--multiLevel .blue-square a { padding: 10px 25px; font-size: 1.2em; width: 100%; }
  .mega-menu--multiLevel .blue-square a:before { content: ">"; background: none; font-size: 1.2em; height: 100%; line-height: 1; margin-right: 2px; }
  .mega-menu--multiLevel .blue-square a.stretched-link::after { display: none; }
  .mobile-menu-trigger { color: #ffffff; border: 0; padding: 0 30px; font-size: 1.2em; text-transform: uppercase; }
  .mobile-menu-header { order: -1; background: grey; background: var(--grey); }
  .mobile-menu-header a { padding: 10px 25px; color: #ffffff; visibility: visible; }
  .menu-bar { flex-direction: column; position: fixed; top: 0; left: -100%; height: 100vh; width: 350px; max-width: 350px; max-width: 90%; /*max-width: 100%;*/ overflow-x: hidden; transition: left 0.3s; box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.25); z-index: 1; background: #fff; }
  .huge nav li span { text-transform: uppercase; font-weight: 500; font-size: 1.2rem; }
  .menu-link { padding: 15px 25px; text-transform: none !important; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul { display: flex; flex-direction: column; /*background: #ffffff;*/ position: absolute; left: 100%; top: 0; /*max-height: 100vh;*/ width: 100%; transition: left 0.3s; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] { font-size: 1.2em; font-size: 17px; padding: 15px; padding-left: 30px; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul a { padding-left: 40px; padding-left: 45px; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul a { padding-left: 80px; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] { color: #2a2a2a; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:after { /*content: "+"; background: none; font-size: 1em; font-weight: normal; height: 20px; line-height: 1;*/ display: none; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul { max-height: 0px; transform-origin: top; transform: scaleY(0); transition: max-height 0.1s; display: none !important; }
  .mega-menu-content { padding: 20px 25px; }
  .mobile-menu-back-item { order: -1; }
  .mobile-menu-back-item a { background: #d9d9d9; color: #2a2a2a; max-height: calc(1.4em + 30px); margin-top: calc(0px - (1.4em + 46px)); pointer-events: none; cursor: pointer; }
  .mobile-menu-back-item a:before { content: ""; width: 14px; height: 12px; background-image: url("../images/arrowLeft.svg#default"); background-size: 14px; margin-right: 10px; display: inline-block; }
  .mobile-menu-trigger:focus ~ ul { left: 0; }
  .mobile-menu-close:focus ~ ul { left: -100%; }
  .menu-bar:hover, .menu-bar:focus-within { left: 0; }
  .menu-bar > li > [aria-haspopup="true"]:focus ~ ul { left: 0; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul { margin-top: calc(1.4em + 40px); }
  .menu-bar > li > [aria-haspopup="true"] ~ ul:hover, .menu-bar > li > [aria-haspopup="true"] ~ ul:focus-within { left: 0; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:focus ~ ul { max-height: 500px; max-height: 100%; animation: dropdown 0.3s forwards; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul li:focus-within > [aria-haspopup="true"] ~ ul { max-height: 500px; max-height: 100%; transform: scaleY(1); }
  .menu-bar > li:focus-within ~ .mobile-menu-header a { visibility: hidden; }
  .menu-bar > li a.menu-link.text-white { color: var(--grey) !important; }
  .mega-menu--multiLevel { min-height: 100vh; }
  /*.menu-link { padding: 10px 25px; }*/
  /*ul.mega-menu.mega-menu--multiLevel::before { content: ''; position: absolute; top: calc(-1.4em - 40px); right: 0; left: 0; bottom: 0; background: #fff; z-index: -1; }*/
  .mega-menu--multiLevel .blue-square { margin-top: -20px; font-size: 1rem; text-transform: uppercase; font-weight: 500; }
  .mega-menu--multiLevel .blue-square a::before { display: none; } }

@media all and (max-width: 991.98px) and (hover: none) { .mobile-menu-trigger:hover ~ ul { left: 0; }
  .mobile-menu-close:hover ~ ul { left: -100%; }
  .menu-bar > li > [aria-haspopup="true"]:hover ~ ul { left: 0; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul:hover { left: 0; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:hover ~ ul { max-height: 500px; max-height: 100%; animation: dropdown 0.3s forwards; background: #fff; }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul:hover { max-height: 500px; max-height: 100%; transform: scaleY(1); background: #fff; }
  .menu-bar > li:hover ~ .mobile-menu-header a { visibility: hidden; } }

@keyframes dropdown { 0% { opacity: 0;
    transform: scaleY(0); }
  50% { opacity: 1; }
  100% { transform: scaleY(1); } }

@keyframes flyout { 0% { opacity: 0;
    transform: scaleX(0); }
  100% { opacity: 1;
    transform: scaleX(1); } }

/* FINE NAVBAR */
/* SLIDER */
.wrap-img { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; height: 100%; overflow: hidden; position: relative; }

.wrap-img img { width: 100%; height: 100%; object-fit: cover; }

.wrap-img-contain img { object-fit: contain; }

@-webkit-keyframes fadeInUpSD { 0% { opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
  100% { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpSD { 0% { opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
  100% { opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUpSD { -webkit-animation-name: fadeInUpSD; animation-name: fadeInUpSD; }

.single-item .slick-active .slide-content, .single-item-2 .slick-active .slide-content { animation-name: fadeInUpSD; animation-duration: 1s; opacity: 1; }

.single-item .slick-dots { bottom: 3rem; text-align: left; }

.single-item-2 .slick-dots, .single-item-3 .slick-dots { text-align: left; }

.single-item-3.h-100 .slick-list, .single-item-3.h-100 .slick-track { height: 100% !important; }

.single-item-3 .slide { height: 100%; }

.single-item-3 > .container { padding-top: 0 !important; }

.single-item-3 .slick-dots { flex-direction: row; align-items: end; justify-content: start; height: auto; gap: .75rem; border: none !important; }

.single-item .slick-dots li img:nth-child(1), .single-item-2 .slick-dots li img:nth-child(1), .single-item-3 .slick-dots li img:nth-child(1) { display: block; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }

.single-item .slick-dots li img:nth-child(2), .single-item-2 .slick-dots li img:nth-child(2), .single-item-3 .slick-dots li img:nth-child(2) { display: none; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }

.single-item .slick-dots li.slick-active img:nth-child(1), .slick-dots li:hover img:nth-child(1), .single-item-2 .slick-dots li.slick-active img:nth-child(1), .single-item-3 .slick-dots li.slick-active img:nth-child(1) { display: none; }

.single-item .slick-dots li.slick-active img:nth-child(2), .slick-dots li:hover img:nth-child(2), .single-item-2 .slick-dots li.slick-active img:nth-child(2), .single-item-3 .slick-dots li.slick-active img:nth-child(2) { display: block; }

.single-item h2 { font-size: 40px; position: relative; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .single-item h2 { font-size: 26px; line-height: 1.5; } }

.single-item h2::before { content: ''; width: 100vw; height: 5px; background: #fff; position: absolute; left: calc(-100vw - 2rem); top: 2rem; }

.single-item .bg-img { min-height: 600px; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .single-item .bg-img { min-height: 280px; } }

.slick-dots { display: flex; flex-direction: column; justify-content: end; gap: 0.3rem; padding-bottom: 0.75rem; right: 0; border-left: 2px solid white; height: 355px; padding-left: 0.5rem; width: auto; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .slick-dots { padding-left: 0.2rem; border-left: 1px solid rgba(255, 255, 255, 0.3); } }

.single-item .slick-dots { bottom: 0 !important; }

.single-item .slick-active .slide-content { padding: 48px 15px; }

.single-item .bg-img { padding: 48px 0; }

.blue { background: #0075C9; }

.menu-bar > li:nth-child(1) { padding-left: 142px; }

.nav { padding: 8px 0; }

.text-main { color: #000000 !important; }

.border-right-md { border-right: 1px solid #dee2e6 !important; }

/* 新闻列表 */
.news_wrap_content_title { --tw-border-opacity: 1; border-bottom: 1px solid rgba(238, 238, 238, var(--tw-border-opacity)); display: block; font-size: 0.22rem; font-weight: 700; line-height: 1; margin-bottom: 0.3rem; padding-bottom: 0.2rem; }

.news_wrap { display: flex; padding-bottom: 3.2rem; padding-top: .4rem; }

.news_wrap_side { flex-shrink: 0; }

.news_wrap_side .t { --tw-border-opacity: 1; border-bottom: 1px solid rgba(238, 238, 238, var(--tw-border-opacity)); display: block; font-size: 18px; font-weight: 700; line-height: 1; margin-bottom: 0.3rem; padding-bottom: 0.2rem; }

.news_wrap_side .list li a { --tw-text-opacity: 1; color: rgba(136, 136, 136, var(--tw-text-opacity)); display: block; font-size: 14px; line-height: 30px; }

.news_wrap_side .list li.active > a { --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)); }

.news_wrap_content { flex: 1 1 0%; margin-top: 0; }

.news_press .list > ul { display: grid; gap: 0.3rem; grid-template-columns: repeat(1, minmax(0, 1fr)); }

.news_press .list > ul > li > a { display: flex; flex-direction: row; }

.news_press .list > ul > li > a .img { flex-shrink: 0; overflow: hidden; width: 4.80rem; height: 3.00rem; }

.news_press .list > ul > li > a .img img { height: 100%; -o-object-fit: cover; object-fit: cover; transition-duration: 1s; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.news_press .list > ul > li > a .txt { padding-left: 0.3rem; padding-top: 0; }

.news_press .list > ul > li > a .txt .t { --tw-text-opacity: 1; color: #333; display: block; font-size: 0.22rem; font-weight: 700; line-height: 1.5; transition-duration: .5s; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.news_press .list > ul > li > a .txt .date { --tw-text-opacity: 1; color: #666666; display: block; font-size: .16rem; line-height: 1.25; margin-bottom: .2rem; margin-top: .2rem; }

.news_press .list > ul > li > a .txt .des { -webkit-box-orient: vertical; -webkit-line-clamp: 2; --tw-text-opacity: 1; color: #666666; display: -webkit-box; font-size: 0.16rem; line-height: 1.5; margin-bottom: .3rem; overflow: hidden; }

.news_press .list > ul > li > a .txt .more { --tw-border-opacity: 1; border: 1px solid rgba(102, 102, 102, var(--tw-border-opacity)); display: inline-block; line-height: 1; padding: 0.15rem 0.4rem; transition-duration: .5s; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); white-space: nowrap; width: auto; }

.news_press .list > ul > li > a:hover .img img { --tw-scale: 1.1; transform: scale(var(--tw-scale)); }

.news_press .list > ul > li > a:hover .txt .more { --tw-border-opacity: 1; --tw-bg-opacity: 1; --tw-text-opacity: 1; background-color: rgba(24, 91, 152, var(--tw-bg-opacity)); border-color: rgba(24, 91, 152, var(--tw-border-opacity)); color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.section-capture { display: flex; flex-direction: column; align-items: center; margin: 0 0 50px 0; text-align: center; }

.section-capture.tab { flex-direction: row-reverse; justify-content: space-between; }

.section-capture.tab span.sub-title { display: block; font-size: 18px; text-transform: uppercase; font-weight: var(--heading-font-weight); }

.section-title span.sub-title { color: var(--body-font-color); font-size: 14px; margin: 12px 0 0 0; }

.section-title h2 { color: var(--section-heading-font-color); font-size: 0.38rem; font-family: var(--section-heading-font-family); text-transform: var(--section-heading-font-text); font-weight: var(--section-heading-font-weight); font-style: var(--section-heading-font-style); line-height: var(--section-heading-font-line-height); }

.section-title h2 span { display: block; }

@media (max-width: 1199px) { .section-capture { margin: 0 0 40px 0; }
  .section-capture.tab { flex-direction: column; }
  .section-capture.tab span.sub-title { font-size: 16px; margin: 0 0 11px; }
  .section-title h2 { font-size: 30px; } }

@media (max-width: 767px) { .section-capture { margin: 0 0 30px 0; } }

@media (max-width: 479px) { .section-title h2 { font-size: 24px; }
  .section-capture.tab span.sub-title { margin: 0 0 14px; } }

.section-padding { padding: 120px 0; }

@media (max-width: 1199px) { .section-padding { padding: 100px 0; } }

@media (max-width: 991px) { .section-padding { padding: 80px 0; } }

@media (max-width: 768px) { .section-padding { padding: 0.6rem 0; } }

@media (max-width: 576px) { .section-padding { padding: 0.6rem 0; } }

.contact-info__right-title { font-size: 0.36rem; }

.contact-info__right-desc { font-size: 0.22rem; }

.contact_list { margin-top: 0.3rem; }

.contact_list > ul > li { margin-bottom: 00.4rem; }

.contact_list > ul > li .item { display: flex; width: 100%; }

.contact_list > ul > li .item .icon { --tw-bg-opacity: 1; align-items: center; background-color: rgba(238, 238, 238, var(--tw-bg-opacity)); border-radius: 9999px; display: flex; flex-shrink: 0; height: 50px; justify-content: center; width: 50px; font-size: 0.22rem; }

.contact_list > ul > li .item .info { flex: 1 1 0%; --tw-space-x-reverse: 0; margin-left: calc(10px*(1 - var(--tw-space-x-reverse))); margin-right: calc(10px* var(--tw-space-x-reverse)); }

.contact_list > ul > li .item .info .info_t { --tw-text-opacity: 1; color: rgba(153, 153, 153, var(--tw-text-opacity)); display: block; font-size: 0.16rem; }

.contact_list > ul > li .item .info .info_des { --tw-text-opacity: 1; color: rgba(34, 34, 34, var(--tw-text-opacity)); display: block; font-family: Manrope; font-size: 0.18rem; }

.contact_list > ul > li .item .info .info_maplink { align-items: center; display: flex; margin-top: 10px; }

.contact_message { margin-top: 0.3rem; }

.contact_message .form > ul > li.item { margin-bottom: 0.2rem; width: 100%; }

.contact_message .form > ul > li input { --tw-border-opacity: 1; border: 1px solid rgba(221, 221, 221, var(--tw-border-opacity)); display: block; font-size: 14px; line-height: 3em; outline-color: #185b98; padding-left: 20px; padding-right: 20px; width: 100%; }

.contact_message .form > ul > li textarea { --tw-border-opacity: 1; border: 1px solid rgba(221, 221, 221, var(--tw-border-opacity)); display: block; font-size: 14px; height: 12em; line-height: 2em; outline-color: #185b98; padding: 20px; width: 100%; }

.contact_message .form > ul > li.item_submit { display: flex; justify-content: space-between; }

.contact_message .form > ul > li.item_submit .captcha { flex: none; width: 200px; position: relative; }

.contact_message .form > ul > li.item_submit .captcha .wpcf7-captchac { --tw-translate-y: -50%; position: absolute; right: 10px; top: 50%; transform: translate(0, -50%); z-index: 10; }

.contact_message .form > ul > li.item_submit .submit .wpcf7-submit { --tw-bg-opacity: 1; --tw-text-opacity: 1; background-color: rgba(24, 91, 152, var(--tw-bg-opacity)); border-radius: 9999px; color: rgba(255, 255, 255, var(--tw-text-opacity)); cursor: pointer; font-size: 14px; height: 100%; transition-duration: .5s; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); width: 100%; }

.common_txt { --tw-text-opacity: 1; color: rgba(102, 102, 102, var(--tw-text-opacity)); font-size: 0.18rem; line-height: 1.75; }

.common_txt p { margin: 0 0 .5em; line-height: inherit; font-size: inherit; }

.common_txt p:last-of-type { margin: 0; }

.common_txt div, .common_txt img { max-width: 100% !important; }

.common_txt img { height: auto !important; width: auto; }

.common_txt iframe { margin: 0 auto; }

@media (max-width: 968px) { .common_txt iframe { aspect-ratio: 16/9 !important; height: auto !important; margin-bottom: 20px !important; width: 100% !important; } }

.related-products { position: relative; display: block; }

.related-products__title { position: relative; display: block; padding-bottom: 52px; text-align: center; }

.related-products__title h3 { font-size: 40px; line-height: 1.0em; margin-bottom: 0.15rem; font-weight: normal; color: #185b98; }

.related-products__title p { margin: 0; display: none; }

.single-product-style1 { position: relative; display: block; margin-bottom: 0; border: 1px solid var(--careon-bdr-color); background-color: var(--careon-white); padding: 0 0 0.3rem; transition: all 500ms ease; z-index: 1; }

.single-product-style1:hover { box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.05); }

.single-product-style1__img { position: relative; display: block; overflow: hidden; z-index: 1; height: 0; padding-bottom: 62.5%; position: relative; background: #FFFFFF; }

.single-product-style1__img picture { position: absolute; width: 100%; height: 100%; padding: 0.15rem; }

.single-product-style1__img img { position: relative; width: 100%; height: 100%; object-fit: contain; display: block; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }

.single-product-style1__overlay { position: absolute; top: 10px; left: 10px; z-index: 5; display: none; }

.single-product-style1__overlay li { position: relative; display: block; }

.single-product-style1__overlay li + li { margin-top: 8px; }

.single-product-style1__overlay li p { position: relative; display: flex; align-items: center; justify-content: center; width: 70px; background-color: var(--careon-white); box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.2); color: var(--careon-base); line-height: 35px; font-weight: 600; }

.single-product-style1__info { position: absolute; left: 0; bottom: 20px; right: 0; display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateY(40px); transition: all .4s linear 0s; z-index: 5; display: none; }

.single-product-style1:hover .single-product-style1__info { opacity: 1; transform: translateY(0); }

.single-product-style1__info li { position: relative; display: block; }

.single-product-style1__info li + li { margin-left: 8px; }

.single-product-style1__info li a { position: relative; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 50%; background-color: var(--careon-white); box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.2); color: var(--careon-base); font-size: 15px; line-height: 0; transition: all 200ms linear; transition-delay: .1s; }

.single-product-style1__info li a:hover { color: var(--careon-white); background-color: var(--careon-base); }

.single-product-style1__content { position: relative; display: flex; align-items: flex-end; justify-content: space-between; padding: 0.2rem 0.2rem 0; }

.single-product-style1__content-left { position: relative; display: block; width: 100%; text-align: center; }

.single-product-style1__content-left h4 { font-size: 0.18rem; font-weight: 700; line-height: 0.2rem; margin-top: 0.12rem; }

.single-product-style1__content-left h4 a { color: var(--careon-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; }

.single-product-style1__content-left h4 a:hover { color: var(--careon-base); }

.single-product-style1__content-left p { font-size: 16px; font-weight: 500; color: var(--careon-gray); margin-top: 4px; }

.single-product-style1__content-left p del { color: var(--careon-base); margin-right: 5px; }

.single-product-style1__content-right { position: relative; display: block; }

.single-product-style1__review { position: relative; display: flex; align-items: center; background-color: var(--careon-extra); padding: 3.5px 10px 3.5px; top: -9px; }

.single-product-style1__review i { color: var(--careon-base); font-size: 16px; margin-right: 10px; }

.single-product-style1__review p { color: var(--careon-black); font-weight: 500; }

.fancybox-container video { max-width: 100%; object-fit: contain; }

.project-details__content .video-popup { display: block; width: 6.4rem; height: 4.8rem; overflow: hidden; margin: 0 auto; position: relative; background: #ffffff; padding: 0.15rem; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { .project-details__content .video-popup { width: 100%; height: 3.8rem; } }

.project-details__content .video-popup img { height: 100% !important; width: 100% !important; object-fit: contain !important; }

.project-details__content .video-popup .main-slider-one__icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10; }

.project-details__content .video-popup .main-slider-one__icon i { color: white; }

.project-details__content .video-popup::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000000; opacity: 0.3; }

.project-details_parameter table { margin: 0 auto; border-top: 0.05rem solid #185b98; }

.project-details_parameter table thead { --tw-bg-opacity: 1; --tw-text-opacity: 1; background-color: rgba(var(--maincolor), var(--tw-bg-opacity)); color: #185b98; }

.project-details_parameter table thead td, .project-details_parameter table thead th { border-bottom-width: 1px; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; }

.project-details_parameter table tbody { color: #666; }

.project-details_parameter table tbody tr { --tw-bg-opacity: 1; background-color: white; transition-duration: .15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.project-details_parameter table tbody tr td { padding: .04rem .08rem; text-align: center; vertical-align: middle; white-space: nowrap; }

.section-bg:nth-child(2n) { background: #f7f7f7; }

.APE-item { position: relative; margin-bottom: 0.3rem; }

.APE-image a { display: block; border-radius: 0.05rem; overflow: hidden; }

.APE-image figure:before { content: ''; position: absolute; width: 100%; height: 100%; top: auto; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, transparent 65.69%, rgba(0, 0, 0, 0.8) 98.29%); z-index: 1; }

.APE-image img { width: 100%; aspect-ratio: 1 / 0.75; object-fit: cover; transition: all .4s ease-in-out; }

.APE-item:hover .APE-image img { transform: scale(1.1); }

.APE-social-icon { position: absolute; top: 40px; right: 20px; opacity: 0; visibility: hidden; z-index: 1; transition: all .4s ease-in-out; }

.APE-item:hover .APE-social-icon { top: 20px; opacity: 1; visibility: visible; display: none; }

.APE-social-icon ul { list-style: none; margin: 0; padding: 0; }

.APE-social-icon ul li { margin-bottom: 10px; }

.APE-social-icon ul li:last-child { margin-bottom: 0; }

.APE-social-icon ul li a { width: 34px; height: 34px; color: var(--white-color); background: var(--accent-secondary-color); border-radius: 50%; border: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .4s ease-in-out; }

.APE-social-icon ul li a i { color: inherit; font-size: 16px; }

.APE-social-icon ul li a:hover { color: var(--primary-color); background: var(--white-color); }

.APE-content { position: absolute; right: 30px; bottom: 30px; left: 30px; z-index: 2; display: none; }

.APE-content h3 { color: var(--white-color); font-size: 20px; text-transform: capitalize; margin-bottom: 5px; }

.APE-content h3 a { color: inherit; }

.APE-content p { color: var(--white-color); text-transform: capitalize; margin: 0; }

.page-services { padding: 100px 0 70px; }

.honor-item { position: relative; margin-bottom: 30px; border: 1px solid #ebebeb; }

.honor-image a { display: block; border-radius: 0.05rem; overflow: hidden; }

.honor-image figure:before { content: ''; position: absolute; width: 100%; height: 100%; top: auto; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, transparent 65.69%, rgba(0, 0, 0, 0.8) 98.29%); z-index: 1; }

.honor-image img { width: 100%; aspect-ratio: 1 / 1.40625; object-fit: cover; transition: all .4s ease-in-out; }

.honor-item:hover .honor-image img { transform: scale(1.1); }

.honor-social-icon { position: absolute; top: 40px; right: 20px; opacity: 0; visibility: hidden; z-index: 1; transition: all .4s ease-in-out; }

.honor-item:hover .honor-social-icon { top: 20px; opacity: 1; visibility: visible; display: none; }

.honor-social-icon ul { list-style: none; margin: 0; padding: 0; }

.honor-social-icon ul li { margin-bottom: 10px; }

.honor-social-icon ul li:last-child { margin-bottom: 0; }

.honor-social-icon ul li a { width: 34px; height: 34px; color: var(--white-color); background: var(--accent-secondary-color); border-radius: 50%; border: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .4s ease-in-out; }

.honor-social-icon ul li a i { color: inherit; font-size: 16px; }

.honor-social-icon ul li a:hover { color: var(--primary-color); background: var(--white-color); }

.honor-content { position: absolute; right: 30px; bottom: 30px; left: 30px; z-index: 2; }

.honor-content h3 { color: var(--white-color); font-size: 0.18rem; line-height: 1.25; text-transform: capitalize; margin-bottom: 5px; }

.honor-content h3 a { color: inherit; }

.honor-content p { color: var(--white-color); text-transform: capitalize; margin: 0; }

.page-services { padding: 100px 0 70px; }

.page-faqs { display: block; }

.page-faqs-catagery .page-faq-accordion { margin-bottom: 60px; }

.page-faqs-catagery .page-faq-accordion:last-child { margin-bottom: 0; }

.our-faqs { padding: 100px 0; }

.faq-images { position: relative; background: url("../images/faq-image-star.svg") no-repeat; background-size: 55px auto; background-position: bottom 205px left 100px; padding: 0 190px 270px 0; margin-right: 20px; }

.faq-image-1 { position: relative; }

.faq-image-1::before { content: ''; position: absolute; top: 110px; right: -130px; background: url("../images/faq-image-circle.svg") no-repeat; background-size: cover; height: 85px; width: 85px; animation: infiniterotate 20s infinite linear; }

.faq-image-1 figure { display: block; border-radius: 30px; }

.faq-image-1 img, .faq-image-2 img { width: 100%; object-fit: cover; }

.faq-image-1 img { aspect-ratio: 1 / .912; border-radius: 30px; }

.faq-image-2 { position: absolute; bottom: 0; right: 0; width: 100%; max-width: 428px; border: 7px solid var(--white-color); border-radius: 30px; }

.faq-image-2 figure { display: block; border-radius: 22px; }

.faq-image-2 img { aspect-ratio: 1 / .916; border-radius: 22px; }

.faq-accordion .accordion-item { margin-bottom: 30px; padding: 0; }

.faq-accordion .accordion-item:last-child { margin-bottom: 0; }

.faq-accordion .accordion-header .accordion-button { position: relative; display: flex; width: 100%; font-size: 0.2rem; font-weight: 600; line-height: 1.2em; background: var(--accent-color); color: var(--primary-color); padding: 17px 60px 17px 20px; border: 1px solid var(--divider-color); border-radius: 10px; margin-bottom: 15px; transition: all .3s ease-in-out; text-align: left; }

.faq-accordion .accordion-header .accordion-button.collapsed { background: transparent; margin-bottom: 0; }

.accordion-item:first-of-type > .accordion-header .accordion-button, .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-radius: 10px; }

.faq-accordion .accordion-item .accordion-button::after, .faq-accordion .accordion-item .accordion-button.collapsed::after { content: '\f068'; font-family: "FontAwesome"; position: absolute; right: 15px; top: 50%; bottom: auto; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; line-height: normal; width: 30px; height: 30px; color: var(--primary-color); background-color: var(--white-color); border-radius: 5px; transition: all .3s ease-in-out; }

.faq-accordion .accordion-item .accordion-button.collapsed::after { content: '\2b'; background-color: var(--accent-color); }

.faq-accordion .accordion-item .accordion-body { background-color: #EAEEF1; padding: 20px; border-radius: 10px; }

.faq-accordion .accordion-item .accordion-body p { margin: 0; font-size: 0.16rem; line-height: 1.5; }

.our-testimonial { background-image: url(../images/testimonial-bg.png); background-repeat: repeat-x; background-size: cover; padding: 100px 0; animation: testimonialbgmove 60s infinite linear; }

@keyframes testimonialbgmove { from { background-position: left center; }
  to { background-position: left 200vw center; } }

.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: 90%; max-width: 9.8rem; margin: 0 auto; text-align: center; font-size: 0.28rem; line-height: 1.33; padding: 0.3rem 0 0.15rem 0; font-weight: bold; color: #fff; }

.index-linkup h2 { font-size: 0.22rem; font-weight: normal; line-height: 1.33; text-align: center; color: #fff; }

.index-linkup .more { margin-top: 0.3rem; }

.index-linkup a { margin: 0.25rem auto; 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; overflow: hidden; }

html.hc-yscroll { overflow-y: scroll; }

body.hc-nav-open { position: fixed; width: 100%; min-height: 100%; }

.hc-mobile-nav { display: none; position: fixed; top: 0; height: 100%; z-index: 9999; overscroll-behavior: none; }

.hc-mobile-nav.is-ios * { cursor: pointer !important; }

.hc-mobile-nav .nav-container { position: fixed; z-index: 9998; top: 0; width: 240px; max-width: 100%; height: 100%; transition: transform .4s ease; }

.hc-mobile-nav .nav-wrapper { width: 100%; }

.hc-mobile-nav .nav-wrapper.nav-wrapper-1 { position: static; height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto; }

.hc-mobile-nav ul { list-style: none; margin: 0; padding: 0; }

.hc-mobile-nav li { position: relative; display: block; }

.hc-mobile-nav li.level-open > .nav-wrapper { visibility: visible; }

.hc-mobile-nav input[type="checkbox"] { display: none; }

.hc-mobile-nav label { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; cursor: pointer; }

.hc-mobile-nav a { position: relative; display: block; box-sizing: border-box; cursor: pointer; }

.hc-mobile-nav a, .hc-mobile-nav a:hover { text-decoration: none; }

.hc-mobile-nav.disable-body:not(.nav-open)::after { pointer-events: none; }

.hc-mobile-nav.disable-body::after, .hc-mobile-nav.disable-body .nav-wrapper::after { content: ''; position: fixed; z-index: 9990; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overscroll-behavior: none; visibility: hidden; opacity: 0; transition: visibility 0s ease .4s, opacity .4s ease; }

.hc-mobile-nav.disable-body.nav-open::after, .hc-mobile-nav.disable-body .sub-level-open::after { visibility: visible; opacity: 1; transition-delay: .05s; }

.hc-mobile-nav.nav-levels-expand .nav-wrapper::after { display: none; }

.hc-mobile-nav.nav-levels-expand ul .nav-wrapper { min-width: 0; max-height: 0; overflow: hidden; transition: height 0s ease .4s; }

.hc-mobile-nav.nav-levels-expand .level-open > .nav-wrapper { max-height: none; }

.hc-mobile-nav.nav-levels-overlap ul .nav-wrapper { position: absolute; z-index: 9999; top: 0; height: 100%; visibility: hidden; transition: visibility 0s ease .4s, transform .4s ease; }

.hc-mobile-nav.nav-levels-overlap ul ul { height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto; }

.hc-mobile-nav.nav-levels-overlap ul li.nav-parent { position: static; }

.hc-mobile-nav.nav-levels-overlap ul li.level-open > .nav-wrapper { visibility: visible; transition: transform .4s ease; }

.hc-mobile-nav.side-left { left: 0; }

.hc-mobile-nav.side-left .nav-container { left: 0; transform: translate3d(-100%, 0, 0); }

.hc-mobile-nav.side-left.nav-levels-overlap li.level-open > .nav-wrapper { transform: translate3d(-40px, 0, 0); }

.hc-mobile-nav.side-left.nav-levels-overlap li .nav-wrapper { left: 0; transform: translate3d(-100%, 0, 0); }

.hc-mobile-nav.side-right { right: 0; }

.hc-mobile-nav.side-right .nav-container { right: 0; transform: translate3d(100%, 0, 0); }

.hc-mobile-nav.side-right.nav-levels-overlap li.level-open > .nav-wrapper { transform: translate3d(40px, 0, 0); }

.hc-mobile-nav.side-right.nav-levels-overlap li .nav-wrapper { right: 0; transform: translate3d(100%, 0, 0); }

.hc-mobile-nav.nav-open .nav-container { transform: translate3d(0, 0, 0); }

.hc-nav-trigger { position: absolute; cursor: pointer; display: none; top: 20px; z-index: 9980; min-height: 24px; }

.hc-nav-trigger span { width: 30px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50%; }

.hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after { position: absolute; left: 0; height: 4px; background: #34495E; transition: all .2s ease; }

.hc-nav-trigger span::before, .hc-nav-trigger span::after { content: ''; width: 100%; }

.hc-nav-trigger span::before { top: -10px; }

.hc-nav-trigger span::after { bottom: -10px; }

.hc-nav-trigger.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg); }

.hc-nav-trigger.toggle-open span::before { transform: translate3d(0, 10px, 0); }

.hc-nav-trigger.toggle-open span::after { transform: rotate(-90deg) translate3d(10px, 0, 0); }

.hc-mobile-nav::after, .hc-mobile-nav .nav-wrapper::after { background: rgba(0, 0, 0, 0.3); }

.hc-mobile-nav .nav-wrapper { background: #336ca6; }

.hc-mobile-nav.nav-open .nav-wrapper { box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2); }

.hc-mobile-nav h2 { font-size: 19px; font-weight: normal; text-align: left; padding: 20px 17px; color: #fff; }

.hc-mobile-nav a { padding: 14px 17px; font-size: 15px; color: #fff; z-index: 1; background: rgba(0, 0, 0, 0); border-bottom: 1px solid #2c5d8f; }

.hc-mobile-nav:not(.touch-device) a:hover { background: #31679e; }

.hc-mobile-nav li { text-align: left; }

.hc-mobile-nav li.nav-close a, .hc-mobile-nav li.nav-back a { background: #2c5d8f; border-top: 1px solid #295887; border-bottom: 1px solid #295887; }

.hc-mobile-nav li.nav-close a:hover, .hc-mobile-nav li.nav-back a:hover { background: #2b5c8d; }

.hc-mobile-nav li.nav-parent a { padding-right: 58px; }

.hc-mobile-nav li.nav-close span, .hc-mobile-nav li.nav-parent span.nav-next, .hc-mobile-nav li.nav-back span { width: 45px; position: absolute; top: 0; right: 0; bottom: 0; text-align: center; cursor: pointer; transition: background .2s ease; }

.hc-mobile-nav li.nav-close span::before, .hc-mobile-nav li.nav-close span::after { display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin-top: -3px; border-top: 2px solid #fff; border-left: 2px solid #fff; }

.hc-mobile-nav li.nav-close span::before { margin-left: -9px; transform: rotate(135deg); }

.hc-mobile-nav li.nav-close span::after { transform: rotate(-45deg); }

.hc-mobile-nav a[href]:not([href="#"]) > span.nav-next { border-left: 1px solid #2c5d8f; }

.hc-mobile-nav span.nav-next::before, .hc-mobile-nav li.nav-back span::before { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-left: -2px; box-sizing: border-box; border-top: 2px solid #fff; border-left: 2px solid #fff; transform-origin: center; }

.hc-mobile-nav span.nav-next::before { transform: translate(-50%, -50%) rotate(135deg); }

.hc-mobile-nav li.nav-back span::before { transform: translate(-50%, -50%) rotate(-45deg); }

.hc-mobile-nav.side-right span.nav-next::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(-45deg); }

.hc-mobile-nav.side-right li.nav-back span::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(135deg); }

.hc-mobile-nav.nav-levels-expand .nav-container ul .nav-wrapper, .hc-mobile-nav.nav-levels-none .nav-container ul .nav-wrapper { box-shadow: none; background: transparent; }

.hc-mobile-nav.nav-levels-expand .nav-container ul h2, .hc-mobile-nav.nav-levels-none .nav-container ul h2 { display: none; }

.hc-mobile-nav.nav-levels-expand .nav-container ul ul a, .hc-mobile-nav.nav-levels-none .nav-container ul ul a { font-size: 14px; }

.hc-mobile-nav.nav-levels-expand .nav-container li, .hc-mobile-nav.nav-levels-none .nav-container li { transition: background .3s ease; }

.hc-mobile-nav.nav-levels-expand .nav-container li.level-open, .hc-mobile-nav.nav-levels-none .nav-container li.level-open { background: #2e6296; }

.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a, .hc-mobile-nav.nav-levels-none .nav-container li.level-open a { border-bottom: 1px solid #295887; }

.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a:hover, .hc-mobile-nav.nav-levels-none .nav-container li.level-open a:hover { background: #2f649a; }

.hc-mobile-nav.nav-levels-expand .nav-container li.level-open > a .nav-next::before, .hc-mobile-nav.nav-levels-none .nav-container li.level-open > a .nav-next::before { margin-top: 2px; transform: translate(-50%, -50%) rotate(45deg); }

.hc-mobile-nav.nav-levels-expand .nav-container span.nav-next::before, .hc-mobile-nav.nav-levels-none .nav-container span.nav-next::before { margin-top: -2px; transform: translate(-50%, -50%) rotate(225deg); }

.cf::before, .cf::after { content: ''; display: block; height: 0; overflow: hidden; }

.cf::after { clear: both; }

#main-nav { display: none; }

.hc-mobile-nav .nav-container { width: 280px; }

.hc-mobile-nav h2 { font-weight: 400; }

.hc-mobile-nav a { font-size: 16px; }

.hc-mobile-nav li.cryptocurrency > a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: ''; }

.hc-mobile-nav li.devices > a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: ''; }

.hc-mobile-nav li.mobile > a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: ''; }

.hc-mobile-nav li.television > a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: ''; }

.hc-mobile-nav li.camera > a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: ''; }

.hc-mobile-nav li.magazines > a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: ''; }

.hc-mobile-nav li.store > a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: ''; }

.hc-mobile-nav li.collections > a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: ''; }

.hc-mobile-nav li.credits > a::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; display: inline-block; line-height: 1; text-transform: none; text-indent: 0; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; display: inline-block; width: 19px; height: 19px; margin-right: 15px; font-size: 19px; vertical-align: top; content: ''; }

.hc-mobile-nav li > a::before { display: none !important; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { header { display: none; } }

header.hm-mobile { display: none; padding: 0.2rem 0; }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) { header.hm-mobile { display: block; } }

header.hm-mobile .container { display: flex; justify-content: space-between; align-items: center; align-content: center; flex-direction: row; flex-wrap: nowrap; }

header.hm-mobile .header_logo { display: block; flex-shrink: 0; height: 40px; width: 60px; }

header.hm-mobile .header_logo img { width: 100%; height: 100%; object-fit: contain; }

header.hm-mobile .toggle { position: absolute; cursor: pointer; display: none; top: 20px; z-index: 9980; min-height: 24px; position: relative; top: auto; left: auto; float: left; display: block; cursor: pointer; box-sizing: content-box; font-size: 20px; line-height: 24px; width: 35px; }

header.hm-mobile .toggle span { width: 35px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50%; }

header.hm-mobile .toggle span, header.hm-mobile .toggle span::before, header.hm-mobile .toggle span::after { position: absolute; left: 0; height: 4px; background: #182631; transition: all .1s ease; }

header.hm-mobile .toggle span::before, header.hm-mobile .toggle span::after { content: ''; width: 100%; }

header.hm-mobile .toggle span::before { top: -10px; }

header.hm-mobile .toggle span::after { bottom: -10px; }

header.hm-mobile .toggle.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg); }

header.hm-mobile .toggle.toggle-open span::before { transform: translate3d(0, 10px, 0); }

header.hm-mobile .toggle.toggle-open span::after { transform: rotate(-90deg) translate3d(10px, 0, 0); }

header.hm-mobile .toggle:hover span, header.hm-mobile .toggle:hover span::before, header.hm-mobile .toggle:hover span::after { background: #dab977; }

header.hm-mobile .toggle div { display: inline-block; margin-right: 15px; }