:root {
--black: #000;
--white: #fff;
--text-color: #3c3c3c;
--border-color: #DEDEDE;
--active-color: #3095fb;
--background-color: #f8f8f8;
--background-color-light: #f90df7;
--theme-color: #00468E;
--theme-color-dark: #00468E;
--theme-color-light: #00468E;
--warning-color: #ffa179;
--warning-color-dark: #ff976a;
--warning-color-light: #fffbe8;
--success-color: #20c770;
--success-color-dark: #07c160;
--success-color-light: #b5eccf;
--error-color: #ff5757;
--error-color-dark: #f44;
--error-color-light: #ffc7c7;
--font-size: 14px;
--line-height: 1.4;
--center-width: 1400px;
}
::placeholder {
color: #bfbfbf;
}
a {
color: #3c3c3c;
}
a:hover {
color: #00468E;
}
body {
color: #3c3c3c;
font-family: Microsoft YaHei;
font-size: 14px;
line-height: 1.4;
}
.Page .Page-content{background-image:url(../../../../uploads/sites/5382/2025/02/0df2162e101870c2ec7e115d74b24286.jpg);background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;}
.Page {
}
.both-sidebar .Page-body,
.left-sidebar .Page-body,
.right-sidebar .Page-body {
width: 1400px;
}
.Page-header--topbar {
}
.Page-header {
}
.Page-header .Page-header--topbar .top-bar__in .top-bar__body .account a{
color:#3c3c3c;
}
.Page-header .Page-header--topbar .top-bar__in .top-bar__body .account a:hover{
color:#00468E;
}
.Page-slot--template-header_in{
width: auto;
}
.Page-header--main.default,
.Page-header--mobile.default {
}
.Page-header--main,
.Page-header--mobile {
}
.Page-header--main:hover {
background-color: ;
}
.Page-header--main.fixed,
.Page-header--mobile.fixed {
}
.Page-header--main.fixed {
}
.Page-header--mobile,
.show-mobile-menu .Page-header::before {
}
.Page-header--mobile .Page-header--icons li.menu {
color: #BC2D20;
}
.Page .Page-header .Page-header--main .Page-header--icons li.menu{
color: #BC2D20;
}
.Page .Page-header .Page-header--main .Page-header--icons li.menu.icon-active,
.Page-header--mobile .Page-header--icons li.menu.icon-active {
color: #00468E;
}
.Page .Page-header .Page-header--main .Page-header--icons li.menu-colse{
color: #000;
}
.Page-header--subheader {
height: 250px;
}
.Page .Page-header .Page-header--icons .menu i{
font-size: initial ;
}
.Page-header--main .cc-menu>.cc-menu--nav>.cc-menu--item::after{content:"";position:absolute;right:0;top:0;height:18px;bottom:0;margin:auto;width:1px;background-color:#d1d1d1;} .Page-header--main .cc-menu>.cc-menu--nav>.cc-menu--item:nth-last-of-type(1)::after{content:"";position:absolute;right:0;top:10%;height:0px;bottom:10%;width:0px;} .Page-header--main .cc-menu--nav .cc-menu--item .cc-menu--item__link{justify-content:flex-start;text-align:left;} .Page-header--mobile .cc-menu--nav .cc-menu--item .cc-menu--item__link{justify-content:flex-start;text-align:left;} .Page-header--shade .cc-menu--nav .cc-menu--item .cc-menu--item__link{justify-content:flex-start;text-align:left;}
.Page-header--user > a{
color:#3c3c3c;
}
.Page-content {
}
.Page-sidebar {
}
.Page-footer>.footer {
}
.container, .cc-row--width__default {
max-width: 1400px;
}
.cc-row--width__row {
padding-left: calc((100% - 1400px) / 2) !important;
padding-right: calc((100% - 1400px) / 2) !important;
}
.Page-header .container, .Page-header .cc-row--width__default {
max-width: 1920px;
}
.Page .Page-header .Page-header--main{
width: 1400px;
margin: auto;
}
.Page-header .cc-row--width__row {
padding-left: calc((100% - 1920px) / 2) !important;
padding-right: calc((100% - 1920px) / 2) !important;
}
.Page-header--main__in {
padding: 0px 0;
}
h1 {
font-size: 32px;
line-height: 1.4;
font-weight:bold;
color: #3c3c3c;
}
h2 {
font-size: 24px;
line-height: 1.4;
font-weight:bold;
color: #3c3c3c;
}
h3 {
font-size: 18px;
line-height: 1.4;
font-weight:bold;
color: #3c3c3c;
}
h4 {
font-size: 16px;
line-height: 1.4;
font-weight:bold;
color: #3c3c3c;
}
h5 {
font-size: 13px;
line-height: 1.4;
font-weight:bold;
color: #3c3c3c;
}
h6 {
font-size: 12px;
line-height: 1.4;
font-weight:bold;
color: #3c3c3c;
}
.theme-color-text {
color: #00468E;
}
.theme-color-bg {
background-color: #00468E;
}
.layout-boxed .Page {
max-width: 1400px;
}
.Page .posts {
max-width: 1100px;
}
.Page .posts .posts-body .posts-photos .cc-gallery .cc-gallery--thumbs {
padding: 10px 0;
}
.Page-body .posts .posts-footer .next-prev-nav{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
body.both-sidebar .Page-sidebar.sidebar-left,
body.left-sidebar .Page-sidebar.sidebar-left
{
width: 23%;
}
body.both-sidebar .Page-sidebar.sidebar-right,
body.right-sidebar .Page-sidebar.sidebar-right
{
width: 23%;
}
body.both-sidebar .Page-content {
width: 54%;
}
body.left-sidebar .Page-content {
width: 77%;
}
body.right-sidebar .Page-content {
width: 77%;
}
.Page-footer>.footer {
padding: 30px 0;
}
.Page-footer > .fixed-toolbar{
padding:0px 0;
}
.Page-widgets > .fixed-toolbar.page-move-fixed{
width:200px;
}
.side-toolbar .toolbar-icon {
background-color: #f6f6f6;
width: 35px;
height: 35px;
}
.side-toolbar > ul > li:hover .toolbar-icon,
.side-toolbar .toolbar-text {
background-color: #f6f6f6;
}
.side-toolbar > ul > li {
margin-bottom: 1px;
}
.Page-header--main .Page-header--logo {
order: 0;
}
.Page-header--main .Page-header--logo {
padding: 0 20px;
}
.Page-header--main .Page-header--menu {
order: 1;
}
.Page-header--main .Page-header--widgets {
order: 2;
}
.Page-header--main .Page-slot--template-header_in {
order: 3;
min-width: auto}
.Page .Page-body .Page-content .join{
background-color:#fff;
}
.Page-header--logo img {
max-height: 46px;
width: auto;
}
.menu-colse{
color: #000}
.product .checkout-goto {
background-color: var(--theme-color);
}
.product .checkout-goto:hover {
background-color: var(--theme-color-dark);
}
.product .shopping-push {
background-color: var(--error-color);
}
.product .shopping-push:hover {
background-color: var(--error-color-dark);
}
.cc-button-product-relation .slot-main,
.product .cc-button--event{
background-color: rgba(188, 45, 32, 1);
color: #fff;
font-size: 14px;
border-radius: 30px;
}
.product .cc-button-product-relation .slot-main:hover,
.product .cc-button--event:hover{
background-color: rgba(0, 70, 142, 1);
color: rgba(255, 255, 255, 1);
}
.Page .Page-body .Page-content .product > .cc-row{
padding: 0 0px;
}
.Page .product .cc-gallery .cc-gallery--top{
width:100%;
}
.Page .product .cc-gallery .cc-gallery--top .swiper-zoom-container{
justify-content:center;
}
.Page .product .cc-row--width__default .cc-element--wrapper .cc-textblock .cc-textblock__body{
padding:20px}
.Page .product .cc-row--width__default .product-header{
margin-bottom:20px}
.product .cc-tabs.cc-tabs--line.cc-tabs--position__top .cc-tabs--nav:after{
bottom: 0;
}
.product .product-header .cc-product--attrs .product-info .product-property{
margin: 0px 0;
}
.product-header{
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.product .cc-gallery--top{
min-height: 380px
}
.product .cc-tabs--header .cc-tabs--item{
line-height: 40px;
width: auto;
height: 40px;
text-align: center
}
.product .cc-tabs.cc-tabs--line .cc-tabs--header:before,
.product .cc-tabs.cc-tabs--button .cc-tabs--header .cc-tabs--item{
background-color: rgba(0, 70, 142, 1);
}
.product .cc-tabs.cc-tabs--line .cc-tabs--header .cc-tabs--nav:after,
.product .cc-tabs.cc-tabs--button .cc-tabs--header .cc-tabs--item__active{
background-color: var(--theme-color);
}
.product .cc-tabs--button .cc-tabs--header .cc-tabs--nav .cc-tabs--item,
.product .cc-tabs--line .cc-tabs--header .cc-tabs--nav .cc-tabs--item{
color: #3c3c3c;
font-size: 14px;
}
.product .cc-tabs--line .cc-tabs--header .cc-tabs--nav .cc-tabs--item__active,
.product .cc-tabs--button .cc-tabs--header .cc-tabs--nav .cc-tabs--item__active{
color: #00468E;
}
.inner-page-wrapper.user-page{
background-color:transparent;
}
.user-page.order .order-item--head{
background-color: #f0f0f0;
}
.user-page .cc-account-sidenav{
background-color:#fff;
}
.user-page .cc-account-sidenav--menu dd{
background-color:#fff;
}
.user-page .cc-account-sidenav--menu dd a{
color:rgba(96, 96, 96, 1);
}
.user-page .cc-account-sidenav--menu dd i{
color: rgba(96, 96, 96, 1);
}
.user-page .cc-account-sidenav--menu dd:hover{
background-color:rgba(214, 214, 214, 1);
}
.user-page .cc-account-sidenav--menu dd:hover i,
.user-page .cc-account-sidenav--menu dd:hover a{
color:rgba(0, 0, 0, 1);
}
.user-page .cc-account-sidenav--menu .current{
background-color:rgba(214, 214, 214, 1);
}
.user-page .cc-account-sidenav--menu .current i,
.user-page .cc-account-sidenav--menu .current a{
color:rgba(0, 0, 0, 1);
}
.inner-page-wrapper.user-page.login{
background-color:#fff;
}
.Page .Page-header .Page-header--widgets .Page-header--search.search-style-input .search-input{
width:150px;
}
.Page-header .Page-header--left__fixed .cc-menu .cc-menu--nav .cc-menu--item .cc-menu--item__link,
.Page-header .Page-header--right__fixed .cc-menu .cc-menu--nav .cc-menu--item .cc-menu--item__link,
.Page-header .Page-header--shade .cc-menu .cc-menu--nav .cc-menu--item .cc-menu--item__link,
.Page-header .Page-header--shade .cc-menu .cc-menu--nav .cc-menu--item .cc-menu--item__link{
height: 50px;
line-height:50px;
padding:0px 0;
}
.Page-header .Page-header--left__fixed .cc-menu > .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,
.Page-header .Page-header--right__fixed .cc-menu > .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,
.Page-header .Page-header--shade .cc-menu > .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,
.Page-header .Page-header--shade .cc-menu > .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{
font-size: 16px;
}
.Page-header .Page-header--left__fixed .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,
.Page-header .Page-header--right__fixed .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,
.Page-header .Page-header--shade .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,
.Page-header .Page-header--shade .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{
font-size: 16px;
}
.Page-header .Page-header--left-drawer+ .Page-header--shade,
.Page-header .Page-header--right-drawer+ .Page-header--shade{
background-color:#fff !important;
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{
justify-content: flex-start;
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--item > .cc-menu--item__link{
justify-content: flex-start;
text-align: left;
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item{
background-color: #fff;
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item:hover,
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item.block,
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item.current{
background-color: #fff;
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{
color: #3c3c3c;
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item:hover > .cc-menu--item__link,
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item.block > .cc-menu--item__link,
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item.current > .cc-menu--item__link{
color: #00468E;
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item{
background-color: rgba(245, 245, 245, 1);
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item:hover,
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item.block,
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item.current{
background-color: rgba(0, 70, 142, 1);
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--item > .cc-menu--item__link{
color: #666666;
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--item:hover > .cc-menu--item__link,
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--item.block > .cc-menu--item__link,
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--item.current > .cc-menu--item__link{
color: #FFFFFF;
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{
padding-left: 17px;
padding-right: 17px;
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{
padding-left: 34px
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{
padding-left: 51px
}
.Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--nav .cc-menu--nav .cc-menu--item > .cc-menu--item__link{
padding-left: 68px
}
@media only screen and (max-width: 1400px) {
.container, .cc-row--width__default {
max-width: 98%;
}
.container .container, .cc-row .cc-row--width__default {
max-width: 100%;
}
.layout-boxed .Page {
max-width: calc(100% - 60px);
}
}
@media only screen and (max-width: 1350px) {
.Page-header .Page-header--topbar,
.Page-header .Page-header--main,
.Page-header .Page-header--topbar__placeholder,
.Page-header .Page-header--main__placeholder,
.Page-header--logo .all-logo {
display: none;
}
.Page-header--mobile {
display: block;
}
.Page-header-fixed-left>.Page-header{
padding: unset;
float: none;
position: unset;
height: auto;
width: auto;
}
.Page-header--mobile .Page-header--left-drawer~ .Page-header--shade{
width: 80%;
position: fixed;
left: -80%;
height: 100vh;
display: initial;
visibility: hidden;
z-index: 99;
}
.Page-header--mobile .Page-header--right-drawer~ .Page-header--shade{
width: 80%;
position: fixed;
right: -80%;
height: 100vh;
display: initial;
visibility: hidden;
z-index: 99;
}
.Page-header--mobile .Page-header--left-drawer~ .Page-header--shade .Page-header--shade__menu{
width: 100%;
position: static;
}
.Page-header--mobile .Page-header--right-drawer~ .Page-header--shade .Page-header--shade__menu{
width: 100%;
position: static;
}
.Page-header-fixed-left>.Page-body{
float: none;
padding-left: unset;
height:auto
}
.Page-header-fixed-right>.Page-header{
padding: unset;
float: none;
position: unset;
height: auto;
width: auto;
}
.Page-header-fixed-right>.Page-body{
float: none;
padding-left: unset;
height:auto
}
.Page-header--logo .mobile-logo {
display: block;
}
}
@media only screen and (min-width: 1351px ){
.Page-header--mobile {
display: none;
}
}
@media only screen and (max-width: 1351px ){
.Page-header--mobile .Page-header--left-drawer,
.Page-header--mobile .Page-header--right-drawer{
flex-direction: row-reverse;
}
}
@media only screen and (max-width:1350px){
}
@media only screen and (max-width: 1350px) {
.cc-textblock table,
.posts .richtext table,
.product .richtext table {
margin: 5px 0 20px 0;
display: block;
width: 100%;
overflow-x: auto;
overflow-y: auto;
min-height:100px;
}
.cc-textblock table tbody,
.posts .richtext table tbody,
.product .richtext table tbody,
.cc-textblock table thead,
.posts .richtext table thead,
.product .richtext table thead,
.cc-textblock table tfoot,
.posts .richtext table tfoot,
.product .richtext table tfoot{
display: inline-table;
width: max-content;
height: inherit;
border-width:inherit;
}
.cc-textblock table td,
.posts .richtext table td,
.product .richtext table td,
.cc-textblock table th,
.posts .richtext table th,
.product .richtext table th{
white-space:nowrap
}
}
@media only screen and (max-width: 1350px) {
.Page-header .Page-header--mobile{
background-color: #fff;
}
}
@media only screen and (max-width: 1350px) {
.Page-header .Page-header--mobile.fixed{
background-color: rgba(255, 255, 255, 1);
}
}
@media only screen and (max-width: 1350px) {
.Page-header .Page-header--left-drawer+ .Page-header--shade,
.Page-header .Page-header--right-drawer+ .Page-header--shade{
background-color:rgba(171, 171, 171, 0.53) !important;
}
}
.font-c0c391e5783d7d67ac00ab1aade15bdd{font-size:24px !important;} @media only screen and (max-width: 767px) {.font-c0c391e5783d7d67ac00ab1aade15bdd{font-size:30px !important;} }.font-fa0b910ea62f92c0ce451eb70e67d53b{font-size:14px !important;color:#BC2D20 !important;font-weight:normal !important;}