/* huatheme企业主题*/
/* www.huatheme.com */
@import url(font-awesome.css);
@import url('font/iconfont.css');
@font-face {
  font-family: 'SourceSansProSemibold';
  font-style: normal; 
  font-weight: 600; 
  src: url('fonts/SourceSansPro-Semibold.ttf') format('truetype');
}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0;font-family: 'SourceSansProSemibold',"Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height: 1.42857143;font-size: 14px;background: #fff;color: #333;}
body, h1, h2, h3, h4, h5, h6, div, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0;}
/*ul, ol, li, dl, dt, dd {list-style: none;}*/
:focus{outline:none;}
h1{font-size:2em;}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;overflow:visible;}
a{-webkit-text-decoration-skip:objects;background-color:transparent;}
abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
em, i {font-style: normal;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
audio:not([controls]){display:none;height:0;}
img{max-width: 100%;height: 100%;;border-style:none;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {color:#275275; text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
button,input{overflow:visible;border: 0;}
button,select{text-transform:none;}
button,html [type=button],/* 1 */
[type=reset],[type=submit]{-webkit-appearance:button;}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText;}
input::placeholder {color: #c9c7c7;opacity: 1;}
textarea::placeholder {color: #b3b1b1;opacity: 1;}
fieldset{padding:.35em .75em .625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;vertical-align:baseline;}
textarea{overflow:auto;}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
* {box-sizing: border-box;}
.clear {clear: both;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color: #212121;text-decoration: none;}
a:hover {color: #275275;}
ul {margin: 0;list-style: none;padding: 0;}
/*header*/
.header-topbar {position:relative;width:100%;background:#275275;color:#fff;z-index:99;}
.header-topbar .topbar-content {display:flex;align-items:center;justify-content:space-between;/*居中的话center*/    height:32px;gap:10px;}
.header-topbar .topbar-text {position:relative;color:#fff;}
.header-topbar .topbar-text p {font-size:13px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.header-topbar .topbar-action {display:flex;gap:15px;flex-wrap:nowrap;align-items:center;flex-shrink:0;}
.topbar-action .top-menu{color:#fff;font-size:13px;line-height:26px;display: flex;}
.topbar-action .top-menu a {color:#fff;font-size:13px;line-height:26px;}
.topbar-action .top-menu a:hover{color:#fff;}

.header {position: fixed;top: 0;z-index:99;width:100%;border-bottom:1px solid rgba(255,255,255,.05);background-color: #fff;}
.header.slideUp{top: 0px;}
.header .nav-bar{padding:.6rem 0;}
.header>.container {display:flex;justify-content:space-between;}
.navbar-header {display:flex;}
.navbar-header .logo {align-items:center;display:flex;font-size:20px;height:80px;line-height:1;margin:0;padding:0;transition:all .3s ease-out 0s;}
.navbar-header .logo img {display:block;height:min(65px,65px);max-width:fit-content;transition:all .3s ease-out 0s;width:auto;}
.menu-wrap {align-items:center;display:flex;gap:20px;justify-content:flex-end;margin-right:2rem;width:100%; }

.navbar-nav {display:flex;margin:0;position:relative;align-items:center;font-size:15px;}
.navbar-nav > li {white-space:nowrap;margin: 0px 5px;}
.navbar-nav > li,.navbar-nav > li > a {display:block;position:relative;}
.navbar-nav > li.active > a {color: #fff;background-color: #275275;line-height: 32px;border-radius: 20px;}

.navbar-nav > li > a {color:#444;font-size:20px;padding:0 15px;white-space:nowrap;}
.navbar-nav > li:hover > a {color: #fff;background-color: #275275;line-height: 32px;border-radius: 20px;}
.navbar-nav > .dropdown {position:relative;}
.navbar-nav > .dropdown > a {position:relative;z-index:1001;/*padding-right:calc(calc(20px/2) + .8em);*/}
/*.navbar-nav > .dropdown:after {color:#444;content:"\e6a4";font-family:"iconfont" !important;font-size:1.7rem;line-height:80px;opacity:1;position:absolute;right:0;top:0;font-weight:600;transform:rotate(0deg) scale(1);transition:transform .3s;}*/
.navbar-nav > .dropdown:hover:after {transform:rotate(180deg) scale(1);}
.navbar-nav .dropdown-menu {position:absolute;z-index:100;padding:0.375rem 0.75rem;border:2px solid #fff;min-width:130px;text-align:left;opacity:0;visibility:hidden;transform:translateY(-32px);transition:all 500ms ease;border-radius:5px;background:#fff;box-shadow:0 1px 10px rgba(0,0,0,.15);}
.navbar-nav > li > .dropdown-menu {left:-5%;top:125%;}
.navbar-nav li li > .dropdown-menu {left:98%;top:0;}
.navbar-nav .dropdown-menu li {display:block;position:relative;}
.navbar-nav .dropdown-menu li a {position:relative;display:block;padding:0.575rem 0.75rem;border-radius:5px;transition:all 0.1s ease-in;z-index:1;font-size:16px;text-shadow:0 1px 1px #fff;white-space:nowrap;}
.navbar-nav .dropdown-menu li:hover > a {background-color:#f1f1f1;color:#275275;}
.navbar-nav li.dropdown:hover > .dropdown-menu {visibility:visible;opacity:1;transform:translateY(0);transition-delay:0s;pointer-events:all;}
.navbar-nav li.dropdown li.dropdown > a {padding-right:25px;}
.navbar-nav li.dropdown li.dropdown::after {content:"\e6a4";font-family:"iconfont" !important;font-size:22px;color:#444;position:absolute;right:1px;top:50%;transform:translateY(-50%) rotate(-90deg);z-index:10;pointer-events:none;}

.m-dropdown {display:none;}

.navbar-action {display:flex;gap:16px;align-items:center;white-space:nowrap;}
.navbar-search {color:#1a1a1a;cursor:pointer;}
.navbar-search i {color:#444; display:inline-block;font-size:20px;font-weight: 600; line-height:26px;width:22px;}
.navbar-action .btn-a {color:#1a1a1a;font-size:15px;line-height:40px;}
.navbar-action .btn-a i {color:#444;font-weight:600;font-size:20px;margin-right:2px;vertical-align:bottom;}
.navbar-action .btn-a .text-span{color:#444;font-size:18px;}
.search-box {background:#fff;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;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;z-index:1;visibility:hidden;opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}
.search-box.block {z-index: 1002; visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.search-form {min-width:500px;position:relative;margin:0 auto;margin:1rem auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.search-form>form {background-color:#f4f4f4;border-radius: 4px; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;}
.search-form .search-fields {position:relative;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;font-size:1rem;}
.search-form .search-fields input {position:relative;display:block;line-height:1.5;padding:.5rem 2.25rem .5rem 1rem;width:100%;border:0;margin:0;outline:0;color:inherit;background-color:transparent;-webkit-appearance:none;}
.search-form .search-fields button {position:absolute;right:0;top:0;border:none!important;background:0 0!important;line-height:1.5;height:100%;padding:0 1rem;}
.search-form .colse{color:#b2bac2; display: inline-block;position: absolute;right: -30px;font-size:1rem;cursor: pointer;z-index: 9999;}
.menu-toggle {cursor: pointer;display: none;padding: 9px 10px;}
.language {display: flex;align-items: center;cursor: pointer;position: relative;}
.language ul {position:absolute;padding:1rem; left:50%;transform:translateX(-50%);width:111px;top:40px;border-radius:6px;background:rgba(255,255,255,0.8);box-shadow: 0 1px 10px rgba(0, 0, 0, .15);display:none;}
.language ul li a {display: flex;font-size:12px;line-height:30px;color:#666;white-space:nowrap;text-align:center;transition:.4s;}
.language ul li a i{font-size:18px;margin-right:2px;}
.language:hover ul {display:block !important;}
.language ul li a:hover {color:#275275;}


@media (max-width: 1199px) {
.navbar-nav>li>a{padding:0 calc(28px/2*0.6);}
}

/*foot*/
.footer {color:#fff;font-size:.875rem;padding-top:1rem;padding-bottom:1rem;background-color: #1a1a1a;}
.footer-con {padding-top:2rem;}
.menu-list {display:flex;justify-content:flex-start;gap:5rem;}
.foot-nav ul {display:flex;gap:10px;flex-direction:column;}
.foot-nav p {margin-bottom:18px;}
.foot-nav p a{color:#fff;font-size:18px;}
.foot-nav p:after {display:block;margin-top:5px;width:33px;height:1px;background-color:#c0b2c5;content:'';}
.foot-nav li {flex:0 0 calc(50% - 7px);font-size:15px;}
.foot-nav li a {font-size:16px;color:#b4b4b7;display:inline-block;}
.foot-nav li a:hover {color:#275275;}

.foot-nwes {margin:0;padding:0px 0;display:flex;width:365px;position:relative;overflow:hidden;}
.foot-nwes .item-img {width:100px;flex-shrink:0;overflow:hidden;border-radius:6px;}
.foot-nwes .item-img-inner {display:block;}
.foot-nwes .item-img img {display:block;width:100%;height:90px;object-fit:cover;transition:opacity .3s,transform .3s ease-in-out}
.foot-nwes:hover img{opacity:.86;transform:scale(1.05)}
.foot-nwes .item-content {position:relative;margin-left:10px;width:calc(100% - 110px);flex-shrink:1;}
.foot-nwes .item-content .item-title {color:#fff;margin-top:2px;margin-bottom:5px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;display:block;display:-webkit-box;-webkit-line-clamp:2;line-height:1.2;}
.foot-nwes .item-content .item-title a {color:#fff;font-size:15px;}
.foot-nwes .item-content .item-title a:hover {color:#275275;}
.foot-nwes .item-content .item-excerpt {position:relative;margin:0;font-size:15px;color:#b4b4b7;line-height:15px;}
.foot-nwes .item-content .item-excerpt::after{display: none;}

.foot-contact {position:relative;}
.foot-contact h3 {position:relative;margin:0;color:#fff;font-size:18px;margin-bottom:18px;}
.foot-contact h3:after {display:block;margin-top:5px;width:33px;height:1px;background-color:#c0b2c5;content:'';}
.foot-contact .textwidget {display:flex;gap:10px;flex-direction:column;}
.foot-contact .textwidget p {margin:0;color:#b4b4b7;font-size:15px;}
.foot-contact .textwidget p i{font-size: 17px;font-weight: 400;padding-right:5px;}
.foot-contact .textwidget p a{color:#b4b4b7;}
.foot-contact .textwidget p a:hover{color:#fff;}
.foot-contact .social-links {display:flex;gap:10px;margin-top:1.5rem;}
.foot-contact .social-links a{background-color: #fff;border-radius: 3px; text-align: center;width: 40px;height: 40px;line-height: 40px;display: inline-block;}
.foot-contact .social-links a i{font-size: 26px;color:#121212;}
.foot-contact .social-links a:hover{opacity: .8;}
.foot-contact .service-btn {display:block;border:1px solid #9ca3af;border-radius:6px;padding:8px 16px;margin-top:1.5rem;font-size:15px;color:#b4b4b7;text-decoration:none;width:fit-content;transition:background-color 0.15s ease-in-out;}
.foot-contact .service-btn:hover{background-color:#0e3255 ;border: 1px solid #0e3255;}
.copyright {font-size:12px;color:#b4b4b7;margin-top:2rem;border-top: 1px solid #4b5563;padding-top: 1rem;display: flex;flex-direction: row;text-align: left;align-items: center;justify-content: space-between;}
.copyright .section,.copyright .section p{font-size: 15px;color: #b4b4b7;}
.copyright .section a{color: #b4b4b7;padding-left: 5px;}
.copyright .section a:hover {color:#fff;}
.copyright .section img {margin:0 4px 0 2px;vertical-align:sub;width:17px;}
.copyright .link {display: flex;gap: 20px;color: #b4b4b7;flex-wrap: wrap;justify-content: center;}
.copyright .link a{color: #b4b4b7;font-size: 15px;}
.copyright .link a:hover{color: #fff;}



.sub-nav-layer .sales-panel{min-width: 225px;}
.sales-panel-header {text-align:center;line-height:22px;}
.sales-panel-title {font-size:15px;font-weight:700;color:#000;line-height:120%;}
.sales-panel-content {padding:0 0px 12px;}
.sales-panel-section {position:relative;}
.sales-panel-section .sales-panel-section-title {color:rgba(0,0,0,0.80);font-size:12px;font-weight:400;}
.sales-panel-social {display:flex;gap:6px;}
.sales-panel-social .sales-panel-social-btn {flex:1;height:44px;border-radius:4px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.sales-panel-social .sales-panel-social-btn i {font-size:18px;color:#000;}
.sales-panel-social .sales-panel-social-btn:first-child >i {color:#cf1170}
.sales-panel-social .sales-panel-social-btn:last-child >i {color:#223edb}
.sales-panel-section .sales-panel-email-btn {width:100%;height:44px;border-radius:4px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:12px;color:#575757;border:none;}
.sales-panel-section .sales-panel-email-btn>i{font-size: 20px;color:#c92f2f;transition:all .2s;}

.back-top {transition: all .3s ease-in-out;color:#275275;font-weight:600;padding:10px 0;position:relative;text-align:center;cursor:pointer;line-height:40px;}
.back-top:hover{color:#0e3255;}
.back-top i {font-size:1.8rem;vertical-align:middle;}


/*breadcrumbs*/
.lacation{position: relative;margin-top:1rem;}
.breadcrumbs {position:relative;display:flex;flex-wrap:wrap;align-items:center;font-size:.875rem;color:#3b3b3b;}
.breadcrumbs .icon-home{color:#3b3b3b;padding: 0 5px;font-size: 1rem;}
.breadcrumbs a,.breadcrumbs span {font-size:.875rem;color:#3b3b3b;text-shadow:0 1px 1px #fff;}
.breadcrumbs a:hover{color:#275275;}
.breadcrumbs i.sep {color:#3b3b3b;margin: 0 5px;text-shadow: none;}
/*pagination*/
.pagination {display:block;margin:0;text-align: center;border-radius:0;padding:2rem 0;clear: both;}
.pagination a,.pagination span{display:inline-block;margin-right:2px;}
.pagination a,.pagination span{margin: 0 .5rem .7rem 0;font-size:15px;color:#3b3b3b;font-weight:700;display:inline-block;padding:9px 18px;background: hsla(0,0%,100%,.5);box-shadow: 0 4px 24px #2764af1a;border-radius: 4px;}
.pagination a:hover,.pagination a:focus,.pagination  > a.page-num-current,.pagination  > span.page-num-current {color:#fff;background-color: #275275;background: linear-gradient(200deg,#29acfe,#275275 89%);}
.ias-trigger {justify-content:center;margin-top:10px;width:100%;display:inline-block;line-height:45px;}
.ias-trigger a {color:#fff;background-color:#323a46;border-color:#323a46;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;}
.btn-more {margin:2rem 0;text-align:center;color:#273746}
.btn-more .load-more-btn {color:#ffffff;background-color:#275275;padding:0.15rem 1.9rem;font-size:15px;letter-spacing:2px;line-height:40px;font-weight:600;border-width:2px;border-radius:4px;display:inline-block;position:relative;cursor:pointer;}
.btn-more p {font-size:#333;}

/*none*/
.content-none{text-align: center!important;padding: 5rem;min-height: 400px;}
.content-none img{width: 4.25rem;height: 4.25rem;margin: 0 auto;}
.content-none p{color: #6c757d!important;}
.no-page {text-align:center;padding:100px 0;min-height:580px;}
.no-page h1 {font-size:6rem;}
.no-page p {font-size:16px;position:relative;}
.no-page .back-home {margin-top:20px;font-size:15px;position:relative;}
.no-page .back-home a {padding:5px 45px;font-weight:600;border-radius:900px;transition:.2s;}

.error-content {display:inline-block;padding:0px 70px 60px 0px;background-color:#fff;border-radius:10px;}
.error-content h1 {margin: 0.5em 0;font-size:80px;color:#f12f3f;margin-bottom:25px;font-weight:800;line-height:80px;}
.error-content h2 {font-size:20px;margin-bottom:10px;color:#081828;font-weight:700;line-height:35px;}
.error-content p {font-weight:400;margin-bottom:40px;color:#888;}
.error-content .theme-btn{z-index:1;color:#FFFFFF;cursor:pointer;min-width:150px;transition:0.7s;text-align:center;padding:12px 30px;position:relative;border-radius:25px;background:#305DC3;display:inline-block;}

/*ad*/
.cmsad {display:block;position:relative;background-color: #fff;}
.cmsad a {height:100%;position:relative;overflow:hidden;display:block;border-radius:3px}
.cmsad img {width:100%;height:auto;transition:all .3s ease-out 0s;display:block;object-fit:cover;}
.cmsad a:hover img {opacity:.9;-webkit-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);-webkit-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;}
.cmsad a:before {content:'';position:absolute;bottom:5px;right:0;width:24px;height:16px;z-index:100;background:url(../images/label-ad.png) no-repeat center;}

@media (max-width:767.98px) {
.header-topbar{display: none;}
.header{backdrop-filter:none;height: auto;}
.fixed-top {margin-top: 70px;height: 1px;}
.canvas-close {display:-webkit-box;position:absolute;right:10px;top:10px;width:40px;height:40px;z-index:99999;color:#000;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.canvas-close i{font-size: 1.8rem;}
.hua-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:9999;opacity:0;backdrop-filter:blur(2px);transition:ease-out .2s;}
.header .menu-wrap {width:80%;margin-left:0;position:fixed;top:0;left:0;display:flex;flex-direction:column;height:100vh;z-index:99999;background:#fff;transform:translateX(-100%);transition:all 0.3s;}
.header .menu-wrap.show {transform:translateX(0);}
.header .menu-wrap .navbar-nav {display:flex;flex-direction:column;align-items:flex-start;flex-grow:1;gap:0;overflow-y:auto;width:100%;margin-top:4rem;}
.navbar-header .logo{height: 70px;}
.navbar-header .logo img{height: min(45px, 60px);}
.navbar-nav>li{border-bottom:1px solid #f4f4f4;width:100%;}
.navbar-nav>li>a{font-size: 1rem;padding: 0 25px;line-height: 65px;color:#121212;display: inline-block;margin-left: 1rem;margin-bottom: 1rem;}
.navbar-nav>li:hover>a{color:#1a1a1a;}
.navbar-nav>.dropdown:after{display: none;}
.m-dropdown {display:block;position:absolute;right:5px;text-align:center;top:0;width:65px;z-index:1003;}
.m-dropdown i {display:inline-block;font-size:2.5rem;line-height:64px;transition:all .3s ease-out 0s;color:#275275;}
.m-dropdown.s-icon i {transform:rotate(180deg);transition:all .3s ease-out 0s;}
.navbar-nav>li ul.dropdown-menu {padding:0.75rem 0.75rem;background-color:#f5f5f5;border:none;border-radius:0;border-top:0;box-shadow:none;box-sizing:border-box!important;display:none;top:0;left:0!important;max-width:none;opacity:1;position:relative;transform:scaleY(1);visibility:visible;width:100%!important;transition:transform .3s,opacity .1s;}
.navbar-nav>li ul.dropdown-menu li a {font-size:.875rem;color:#282a2d;font-weight:400;line-height:24px!important;overflow:hidden;padding:7px 20px;white-space:normal;}
.navbar-nav li.dropdown li.dropdown::after{display: none;}
.dropdown-menu .m-dropdown{right: 0;}
.dropdown-menu .m-dropdown i{line-height: 34px;}
.navbar-action{gap:10px;}
.navbar-search i{font-size: 21px;}
.menu-toggle {display: block;cursor: pointer;padding: 9px 10px;}
.menu-toggle:before,.menu-toggle:after,.menu-toggle span {display:block;height:2px;background-color:#444;content:'';}
.menu-toggle span {width:12px;margin:6px 0 6px 12px;}
.menu-toggle:before {width:24px;}
.menu-toggle:after {width:18px;margin-left:6px;}
.search-form {min-width: 100%;padding: 0 2rem 0 .8rem;}
.search-form .colse{right:10px;}
    
.footer-con{padding-top:0;}
.fixed-box{display: none;}
.copyright{flex-direction: column-reverse;}
.copyright .link{margin-bottom: 1rem;}
.copyright .section, .copyright .section p{text-align: center;}
}


/*foot*/
.fixed-box {position:fixed;right:12px;top:70%;width:70px;z-index:9;}
.inquiry-button {background:#de6362 ;box-shadow: 0 6px 15px 0 rgba(6,12,19,.14);transition: all .3s ease-in-out;border-radius: 5px;color:#fff;font-weight:500;padding:10px 0;position:relative;text-align:center;cursor:pointer;}
.inquiry-button:hover{background:#e45f5f}
.inquiry-button i {font-size:1.8rem;vertical-align:middle;display: block;color:#fff}
.inquiry-button span{font-size: 12px;color:#fff;}
.rollbar{background: #ffffff;box-shadow: 0px 8px 12px 4px rgba(0, 0, 0, 0.1);border-radius: 6px;transition: all .3s ease-in-out;padding: .5rem 0 .1rem 0;}
.rollbar.rollbar-show {opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}
.rollbar .action {position:relative;width:100%;border-radius:5px;list-style-type:none;margin:0;padding:0;}
.rollbar .action li {position:relative;color:#fff;-webkit-transition:all .2s;transition:all .2s;display: block;text-decoration: none;z-index: 0;}
.rollbar .action li:first-child {border-top: 0;}
.rollbar .action li>a {display:block;padding:10px 0;cursor:pointer;position:relative;border:0;opacity:1;text-align:center;height:auto;-webkit-transition:all .2s;transition:all .2s;}
.rollbar .action li>a i {font-size:1.8rem;color:#575757;display:block;transition:all .2s;}
.rollbar .action li>a>span {font-size:12px;color:#575757;padding:0 2px;display:block;margin-top:2px;text-align:center;line-height:1.2;position:relative}
.rollbar .action li a:hover i{color:#275275}
.rollbar .action li:last-child{padding-bottom:9px;}
.sub-nav-layer {bottom:0;font-size:15px;min-height: 190px;margin-bottom:-105px;opacity:0;padding-right:20px;position:absolute;right:calc(100% - 8px);transform:scale(.95);transform-origin:right;transition:opacity .4s,transform .3s ease-out;visibility:hidden}
.rollbar .action li:hover .sub-nav-layer {opacity:1;transform:scale(1);visibility:visible}
.sub-nav-layer:before{border:8px solid transparent;border-left-color:#fff;content:" ";height:0;left:100%;position:absolute;width:0}
.sub-nav-layer:before {bottom:130px;left:calc(100% - 20px)}

.sub-nav-layer .sub-nav-qrcode,.sub-nav-layer .sub-nav-main,.sub-nav-layer .sales-panel{text-align: left; min-width:255px;background-color:#fff;border-radius:6px;box-shadow:0 4px 10px 0 hsla(220,4%,56%,.2);display:block;line-height:40px;padding:14px 15px;}
.sub-nav-layer .sub-nav-qrcode{min-width: 200px;text-align: center;}
.sub-nav-qrcode h4 {color:#333435;font-size:16px;font-weight:600;line-height:25px;margin:0;}
.sub-nav-qrcode p {color:#8b8b8c;display:block;font-size:13px;font-weight:400;line-height:22px;margin-bottom:10px;}
.sub-nav-qrcode img {display:block;margin:0 auto;width:165px;}
.sub-nav-qrcode span {color:#333539;display:block;font-size:15px;font-weight:400;line-height:18px;margin-top:5px;}
.sub-nav-main h4 {color:#275275 ;font-size:18px;font-weight:600;line-height:25px;margin:0;}
.sub-nav-main h4 i{font-size: 1.4rem;margin-right: 5px;color:#333435;}
.sub-nav-main p {color:#8b8b8c;display:block;font-size:13px;font-weight:400;line-height:22px;margin-top:10px;}

.back-top {background:#275275 ;box-shadow: 0 6px 15px 0 rgba(6,12,19,.14);transition: all .3s ease-in-out;border-radius: 5px;color:#fff;font-weight:500;padding:12px 0;position:relative;text-align:center;cursor:pointer;line-height:40px;}
.back-top:hover{color:#fff;background:rgba(7, 65, 173, 1)}
.back-top i {font-size:1.8rem;vertical-align:middle;}
@media (max-width:767.98px) {
.fixed-box{width: 50px;top: 72%;}
.rollbar .action li>a>span{display: none;}
.back-top{padding:5px 0; }
.breadcrumb{padding: 1rem 0;line-height: 19px;}
}

.pulse{left:2rem;right:auto;}


.message-widget {position:fixed;bottom:-10px;right:20px;width:360px;max-width:90vw;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.15);overflow:hidden;font-family:Arial,sans-serif;background:#fff;z-index:9999;}
.widget-header {background-color:#275275;color:white;padding:6px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
.widget-header h3 {margin:0;font-size:16px;font-weight:500;}
.toggle-icon {font-size:24px;transition:transform 0.3s ease;}
.toggle-icon.rotate {transform:rotate(180deg);}
.toggle-icon i{font-size:30px;position:relative;}
.widget-body {max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.4s ease;padding:0 20px;}
.widget-body.open {max-height:600px;padding:20px;}
.float-form-item {margin-bottom:16px;}
.float-form-item input,.float-form-item textarea {width:100%;box-sizing:border-box;padding:10px;border:1px solid #ffe0e0;border-radius:30px;font-size:12px;font-family: Arial, Helvetica, sans-serif;}
.float-form-item .opt-border {border-color:#ddd;}
.float-form-item textarea {border-radius:20px;min-height:100px;resize:none;}
.float-submit-btn {width:100%;background-color:#29a71a;color:white;border:none;border-radius:30px;padding:10px;font-size:15px;cursor:pointer;}
.float-submit-btn:hover {background-color:#5fb33e;}



