@import url('css2.css');
@import url('css21.css');

body {
  background-position: 0px 0px, 8px 8px, 0px 1px, 8px 9px;
  background-image: radial-gradient(black 15%, transparent 16%), radial-gradient(black 15%, transparent 16%), radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%), radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%);
  background-attachment: scroll, scroll, scroll, scroll;
  background-repeat: repeat, repeat, repeat, repeat;
  background-size: 16px 16px;
  background-origin: padding-box, padding-box, padding-box, padding-box;
  background-clip: border-box, border-box, border-box, border-box;
  background-color: rgb(40, 40, 40);
  color: #fff;
}
ul, ol {list-style:none;}
h1, h2, h3, h4, h5, h6, p, ol, ul, li {margin:0; padding:0;}
body, p {font-family:"Open Sans", sans-serif; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased !important; line-height:26px; font-size:15px;}
.blue_bg {background-color:var(--brand1);}
.blue_bg1 {background-color:var(--brand2);}
h1, h2, h3, h4, h5, h6 {color:#fff; font-weight:700; font-family:"Montserrat", sans-serif; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased !important;}
:root {--brand1:#6e6e4a; --brand2:#ec640e; --brand3:#4a4a31;}
h1 {font-size:36px; line-height:48px;}
h2 {font-size:28px; line-height:36px; text-transform:uppercase; letter-spacing:-1px;}
h3 {font-size:24px; margin-bottom:20px; text-transform:uppercase; letter-spacing:-0.5px;}
h4 {font-size:18px; line-height:28px; text-transform:uppercase; letter-spacing:-0.2px;}
h5 {font-size:14px; line-height:24px;}
.alert .icon {margin-right:15px;}

/* Global styles */
html {overflow-x:hidden !important; width:100%; height:100%; position:relative; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;}
body {border:0; margin:0; padding:0;}
.body-inner {position:relative; overflow:hidden;}

a:link, a:visited {text-decoration:none;}
a {color:inherit; transition:0.2s ease;}
a:hover {text-decoration:none; color:var(--brand2);}
a.read-more {color:var(--brand1); font-weight:700; text-transform:uppercase;}
a.read-more:hover {color:#222;}
section, .section-padding {padding:70px 0; position:relative;}
.no-padding {padding:0;}
.gap-60 {clear:both; height:60px;}
.gap-40 {clear:both; height:40px;}
.gap-30 {clear:both; height:30px;}
.gap-20 {clear:both; height:20px;}
.mrb-30 {margin-bottom:30px;}
.mrb-80 {margin-bottom:-80px;}
.mrt-0 {margin-top:0 !important; margin-bottom:20px !important;}
.pab {padding-bottom:0;}
a:focus {outline:0;}
.ts-padding {padding:60px;}
.solid-bg {background:#f9f9f9;}
.dark-bg {background:#252525; color:#fff;}
.border-4px {border:4px solid var(--brand1);}
.dark-bg h2, .dark-bg h3 {color:#fff;}
.solid-row {background:#f0f0f0;}
.content-hidden {position:absolute; height:1px; width:1px; clip:rect(1px, 1px, 1px, 1px); border:0; overflow:hidden;}

/* preloader */
#preloader {position:fixed; inset:0; z-index:9999; overflow:hidden; background: #4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover; transition:all 0.6s ease-out; width:100%; height:100vh;}
#preloader:before, #preloader:after {content:""; position:absolute; border:4px solid var(--brand2); border-radius:50%; -webkit-animation:animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite; animation:animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
#preloader:after {-webkit-animation-delay:-0.5s; animation-delay:-0.5s;}
@-webkit-keyframes animate-preloader {
	0% {width:10px; height:10px; top:calc(50% - 5px); left:calc(50% - 5px); opacity:1;}
  100% {width:72px; height:72px; top:calc(50% - 36px); left:calc(50% - 36px); opacity:0;}
}
@keyframes animate-preloader {
	0% {width:10px; height:10px; top:calc(50% - 5px); left:calc(50% - 5px); opacity:1;}
  100% {width:72px; height:72px; top:calc(50% - 36px); left:calc(50% - 36px); opacity:0;}
}

/* scrollbar styles */
html::-webkit-scrollbar {width:1.30vw;}
html::-webkit-scrollbar-thumb {background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover;}
html::-webkit-scrollbar-thumb:hover {background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover;}
html::-webkit-scrollbar-track {background:#000;}
html::-webkit-scrollbar-track:hover {background:#000;}
/* blink based browser */
/* geckeo based browser */
html {/* scrollbar-width:bold; */ scrollbar-color:var(--brand1) #000;}

/* Dropcap */
.dropcap {font-size:48px; line-height:60px; padding:0 7px; display:inline-block; font-weight:700; margin:5px 15px 5px 0; position:relative; text-transform:uppercase;}
.dropcap.primary {background:var(--brand1); color:#fff;}
.dropcap.secondary {background:#3a5371; color:#fff;}

/* Title styles */
.title {font-size:32px; line-height:36px; margin-bottom:20px;}

/* Section title */
.section-title {font-size:18px; line-height:28px; margin:0; text-transform:uppercase; font-weight:300; color:var(--brand2);}
.section-sub-title {font-weight:900; font-size:36px; line-height:46px; margin:0 0 20px; color:var(--brand2);}
.section-sub-title span {color:var(--brand1);}
.section-sub-title i {font-style:normal; color:#e0e0e0; margin-right:10px;}
h5.subtit {color:#e0e030; font-size:1.01rem; font-weight:normal; padding:2px 0 20px 0;}

/* @media (max-width:575px) {.section-sub-title {  font-size:28px; }} */
.column-title {margin:0 0 40px; color:var(--brand2);}
.column-title span {color:var(--brand1);}
.column-title-small {font-size:20px; margin:0 0 25px;}
.page-content-title.first {margin-top:0;}

/* .embed-responsive {padding-bottom:56.25%; position:relative; display:block; height:0; overflow:hidden;}
.embed-responsive iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:0;} */

/* Input form */
::placeholder {/* Chrome, Firefox, Opera, Safari 10.1+ */ color:#fff !important; opacity:1; /* Firefox */}
:-ms-input-placeholder {/* Internet Explorer 10-11 */ color:#fff !important;}
::-ms-input-placeholder {/* Microsoft Edge */ color:#fff !important;}
.form-control {box-shadow:none; border:1px solid #dadada; padding:5px 20px; height:44px; background:none; color:#959595; font-size:14px; border-radius:0;}
.form-control:focus {box-shadow:none; border:1px solid var(--brand1);}
hr {background-color:#e7e7e7; border:0; height:1px; margin:40px 0;}
.alert hr {background:initial; margin:initial; border-top:1px solid; height:initial; margin-bottom:1rem; opacity:0.2;}
blockquote {padding:25px; margin:20px 0; background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover; position:relative; border-left:3px solid var(--brand1); padding-left:40px;}
blockquote.text-center {border-top:3px solid var(--brand1); border-left:0; padding-left:25px; padding-top:50px;}
.blockquote-footer {color:var(--brand2);}
blockquote.text-center:before {left:50%; top:10px; transform:translateX(-50%);}
blockquote.text-right {border-right:3px solid var(--brand1); padding-right:40px; border-left:0; padding-left:25px;}
blockquote.text-right:before {left:auto; right:5px;}
blockquote:before {content:"\f10d"; font-family:"Font Awesome 5 Free"; position:absolute; font-size:28px; color:#E5E5E5; top:5px; left:5px; font-weight:700; z-index:0;}
blockquote p {font-size:14px; line-height:22px; position:relative; z-index:1; font-style:italic; margin-bottom:0;}
cite {display:block; font-size:14px; margin-top:10px;}

/* Ul, Ol */
.list-round, .list-arrow, .list-check {list-style:none; margin:0; padding:0 0 0 15px;}
.list-round li {line-height:28px;}
.list-round li:before {font-family:"Font Awesome 6 Free"; content:"\f138"; margin-right:10px; color:var(--brand1); font-size:12px;}
.list-arrow {padding:0;}
ul.list-arrow li:before {font-family:"Font Awesome 6 Free"; content:"\f105"; margin-right:10px; color:var(--brand2); font-size:16px; font-weight:bold;}
ul.list-check li:before {font-family:"Font Awesome 6 Free"; content:"\f00c"; margin-right:10px; color:var(--brand2); font-size:14px;}

/* Bootstrap */
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a:hover,
.nav-tabs>li>a {border:0;}

.nav>li>a:focus, .nav>li>a:hover {background:none;}
.pattern-bg {background:#f5f5f5 url(../image/crossword.png);}
a[href^=tel] {color:inherit; text-decoration:none;}

/*Button */
.btn:active, .btn:focus {box-shadow:none !important;}
.form_btn_style .btn:hover {background:var(--brand2) !important; color:#fff;}
.btn-primary, .btn-dark {border:0; border-radius:3px; padding:12px 20px 10px; font-weight:700; text-transform:uppercase; color:#fff; font-family:"Montserrat", sans-serif; transition:350ms; font-size:14px;}
.btn-white.btn-primary {background:#fff; color:var(--brand1);}
.btn-primary {background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover;}
.btn-dark {background:#23282d;}
.btn-primary:hover, .btn-dark:hover, .btn-white.btn-primary:hover {background:var(--brand2); color:#fff;}
.btn-primary.focus, .btn-primary:focus {color:#fff; background-color:var(--brand2); border-color:var(--brand2); box-shadow:0;}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {color:#fff; background-color:var(--brand2); border-color:var(--brand2);}
.general-btn {margin-top:50px;}


/* Bootstrap */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover, .nav-tabs>li>a {border:0;}
.nav>li>a:focus, .nav>li>a:hover {background:none;}
.pattern-bg {background:#f5f5f5 url(../image/crossword.png);}
a[href^=tel] {color:inherit; text-decoration:none;}

/* Top Bar */
.top-bar {padding:8px 0; position:relative; background:var(--brand1);}
/* Top info */
ul.top-info {list-style:none; margin:0; padding:0;}
ul.top-info li {position:relative; line-height:10px; display:inline-block; margin-left:0; padding-right:15px;}
ul.top-info li i {font-size:18px; position:relative; top:2px; margin-right:5px; color:#fff;}
ul.top-info li p.info-text {margin:0; line-height:normal; display:inline-block; flex-direction:column; color:#fff;}

.top-social ul {list-style:none; padding:0; margin:0; margin-right:-12px;}
.top-social ul li {display:inline-block; padding:0;}

.facebook {background:#385898 !important;}
.facebook:hover {color:#385898 !important; background:#fff !important;}
.twitter {background:#1d9bf0 !important;}
.twitter:hover {color:#1d9bf0 !important; background:#fff !important;}
.linkedin {background:#3b83f6 !important;}
.linkedin:hover {color:#3b83f6 !important; background:#fff !important;}
.instagram {background:#E4405F !important;}
.instagram:hover {color:#E4405F !important; background:#fff !important;}
.top-social ul li a {font-size:14px; transition:400ms; width:30px; height:30px; margin-left:6px; display:inline-block; text-align:center; line-height:30px;}
.top-social ul li a.wlink {width:60px;}

/* Top bar border */
.top-bar-border {padding:8px 20px 8px; border-bottom:1px solid #ddd;}
.top-bar-border ul.top-info {color:#707070; font-weight:400;}
.top-bar-border .top-social li a {color:#7c7c7c;}
.top-bar-border ul.top-info li i {color:var(--brand1);}

/* Header area */
.header {background:#fff; position:relative; box-shadow:0px 3px 3px rgba(0, 0, 0, 0.1);}
.header-one, .header-one .site-navigation {background:#fff;}
.header-one .navbar-collapse {padding-left:0;}
@media (max-width:991px) {
	.navbar-collapse.collapse {overflow-y:auto;}
}
.header-one ul.navbar-nav>li {padding-left:0; padding-right:30px;}
@media (max-width:991px) {
	.header-one ul.navbar-nav>li {padding-right:0;}
}
.header-one .logo-area {padding:30px 0;}
.navbar-fixed {z-index:9999; position:fixed; width:100%; top:0; animation:500ms ease-in-out 0s normal none 1 running fadeInDown; box-shadow:0 8px 6px -6px rgba(0, 0, 0, 0.4); background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover;}
.header-main {background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover; box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.15); padding:15px 0;}
.header-main .dropdown-menu {text-align:left; background:#fff; z-index:100; min-width:200px; border-radius:0; border:0; border-top:2px solid var(--brand2); padding:0 20px; margin:0; box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);}
.header- .header-main .navbar-fixed {background-color:var(--brand1);}
.header-main {position:relative;}
.nav-item a {position:relative; z-index:1;}
ul.navbar-nav>li>a {padding:15px 0 !important; color:#fff;}
@media (max-width:991px) {
	ul.navbar-nav>li>a {padding:1px 0 !important;}
	.navbar-nav {margin-bottom:15px;}
}
ul.navbar-nav>li:hover>a, ul.navbar-nav>li.active>a {color:var(--brand2) !important;}

.header-main .logo img {height:50px;}
.header-right {float:right;}
ul.top-info-box {list-style:none; margin:0; padding:0; float:right;}
@media (max-width:767px) {
	ul.top-info-box {display:flex; justify-content:center; flex-wrap:wrap; align-items:center;}
}
ul.top-info-box li {position:relative; float:left; margin-left:0; border-right:1px solid #dedede; border-right:1px solid rgba(255, 255, 255, 0.1); padding-right:25px; margin-right:25px;}
@media (max-width:767px) {
	ul.top-info-box li {border:0; text-align:center; margin:0; flex:0 0 50%; padding:0; margin-top:10px;}
}
@media (max-width:400px) {
	ul.top-info-box li {border:0; text-align:center; margin:0; flex:0 0 100%; margin-top:15px;}
}
ul.top-info-box li:last-child {margin-right:0; padding-right:0; border-right:0;}
ul.top-info-box li.last {border-right:0;}
ul.top-info-box li .info-box span.info-icon {font-size:20px; display:inline-block; text-align:center; margin:2px 5px 0 0; position:relative;}
ul.top-info-box li .info-box .info-box-content {display:inline-block; font-family:"Montserrat", sans-serif; flex-direction:column;}
ul.top-info-box li .info-box .info-box-title {font-size:14px; margin-bottom:8px; line-height:normal; color:#fff;}
ul.top-info-box li .info-box .info-box-subtitle {margin:0; line-height:normal; font-size:15px; font-weight:500; color:#fff;}
/*-- Search start --*/
ul.top-info-box>li.nav-search {cursor:pointer; padding-left:30px; margin-left:30px;}
ul.top-info-box>li.nav-search:before {position:absolute; content:""; background:#ddd; left:0; width:1px; height:40px; top:50%; margin-top:-10px;}
ul.top-info-box>li.nav-search i {font-size:20px; top:10px; position:relative; cursor:pointer; color:#999;}

/* Main navigation */
.navbar-toggler {float:left; margin-top:10px; padding:12px;}
.navbar {border-radius:0; border:0; margin-bottom:0;}
.navbar-toggler {margin:10px 0; padding:6px; border-radius:0; font-size:1rem; background:var(--brand2);}
.navbar-toggler:focus {outline:0;}
.navbar-dark .navbar-toggler-icon,
.navbar-light .navbar-toggler-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
ul.navbar-nav>li:hover>a, ul.navbar-nav>li.active>a {color:var(--brand1); position:relative;}
ul.navbar-nav>li {padding:0 13px; position:relative;}
/* @media (max-width:1200px) { */
ul.navbar-nav>li {padding:0 7px;}
ul.navbar-nav>li .nav-link {font-size:12px;}
/* } */

.header-main .navbar-nav>.header-get-a-quote {top:-4px;}
@media (max-width:991px) {
	.header-main ul.navbar-nav>li {padding:0; width:100%;}
}
ul.navbar-nav>li:last-child {padding-right:0;}
ul.navbar-nav>li:last-child:after {background:none;}
ul.navbar-nav>li>a:hover, ul.navbar-nav>li>a:focus {background:none;}
ul.navbar-nav>li>a i {font-weight:700;}
@media (max-width:991px) {
	ul.navbar-nav>li>a i {float:right; background:#222; padding:6px 10px; margin-top:7px;}
	.header-main ul.navbar-nav>li>a i {color:#fff;}
	.header-main ul.navbar-nav>li.active>a i, .header-main ul.navbar-nav>li>a.active i {color:var(--brand1);}
}
ul.navbar-nav>li>a:after, ul.navbar-nav>li>a:after {display:none;}
ul.navbar-nav>li>a {font-family:"Montserrat", sans-serif; color:var(--brand1) !important; text-rendering:optimizeLegibility; font-weight:700 !important; text-transform:uppercase; letter-spacing:-0.2px; font-size:14px; margin:0; line-height:40px; /* padding:30px 0; */ transition:350ms;}
.navbar-light ul.navbar-nav>li>a {color:#ffffff !important; font-size:13px;}

/* Dropdown */
.dropdown-submenu {position:relative;}
.dropdown-submenu>.dropdown-menu {top:0; left:100%; margin-top:-2px; border-radius:0;}
.dropdown-submenu>a:after {display:block; content:"\f105"; font-family:"Font Awesome 5 Free"; float:right; margin-top:0; margin-right:0px; border:0;}
.dropdown-submenu:hover>a:after {border-left-color:#fff;}
.dropdown-menu {text-align:left; background:#fff; z-index:100; min-width:200px; border-radius:0; border:0; border-top:2px solid var(--brand1); padding:0 20px; margin:0; box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);}
@media (max-width:991px) {
	.dropdown-menu {box-shadow:0 6px 12px rgba(0, 0, 0, 0.05);}
}
.dropdown-menu-large {min-width:400px;}
.dropdown-menu-large>li>ul {padding:0; margin:0; list-style:none;}
.dropdown-menu-large>li>ul>li>a {padding-left:0;}
.dropdown-menu-large>li>ul>li.active>a {color:var(--brand1) !important;}
.navbar-nav>li>.dropdown-menu a {background:none;}
.dropdown-menu li a {font-family:"Montserrat", sans-serif; display:block; font-size:12px; text-transform:uppercase; font-weight:700; line-height:normal; text-decoration:none; padding:15px 0; letter-spacing:0.3px; border-bottom:1px solid #e5e5e5; color:#333333;}

@media (max-width:991px) {
	.dropdown-menu li a {padding:12px 0;}
}
.dropdown-menu li:last-child>a {border-bottom:0;}
.dropdown-menu li a:hover, .dropdown-menu li a:focus {color:var(--brand2);}
@media (min-width:991px) {
	ul.nav li.dropdown:hover ul.dropdown-menu {display:block;}
}
@media (min-width:991px) {
	ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu {left:100%; top:0; display:none;}
	ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu:hover .dropdown-menu {display:block;}
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>.dropdown-menu>.active>a {background:none; color:var(--brand1);}

/*-- Nav Search start --*/
.site-navigation .container,
.search-area {position:relative;}
.search-area {min-height:70px; padding-right:0;}
.nav-search {position:absolute; cursor:pointer; top:22px; right:18px; color:#999;}
@media (max-width:991px) {
	.nav-search {top:17px;}
}
.search-block {background-color:rgba(0, 0, 0, 0.65); box-shadow:0 2px 5px rgba(0, 0, 0, 0.1); display:none; padding:10px; position:absolute; right:15px; top:100%; width:300px; z-index:10; margin-top:0;}
@media (max-width:991px) {
	.search-block {top:58px;}
}
.search-block .form-control {background-color:#d4f5ff; border:none; color:#fff; width:100%; height:40px; padding:0 12px;}
.search-block .search-close {color:#fff; position:absolute; top:-53px; right:-4px; font-size:36px; cursor:pointer; background:var(--brand1); padding:5px;}
@media (max-width:991px) {
	.search-block .search-close {top:-46px;}
}
.search-area .nav-search {top:23px;}
.search-area .search-block .search-close {top:-50px;}
.search-area .search-block {right:0;}

.result {height:500px; width:92%; margin:0 auto; border:#fff 4px solid; padding:4px; background:#aaa;}
#map {height:100%; width:100%;}

.info-icon-container {position:absolute; bottom:4px; left:4px; z-index:1000; background:rgba(0, 40, 80, 0.8);
    border-radius:50%; width:32px; height:32px; display:flex; align-items:center; justify-content:center;
    cursor:pointer; box-shadow:0 0 15px rgba(0, 0, 0, 0.5); border:1px solid rgba(0, 150, 255, 0.5); transition:all 0.3s ease;
}
.info-icon-container:hover {transform:scale(1.1); background:rgba(0, 60, 120, 0.9); box-shadow:0 0 20px rgba(79, 195, 247, 0.7);}
.info-icon {font-size:28px; color:#4fc3f7; font-weight:bold; text-shadow:0 0 10px rgba(79, 195, 247, 0.7);}
/* 覆盖层样式 */
#info-overlay {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 20, 40, 0.7);
    z-index:2000; display:none; overflow:hidden; padding:30px; backdrop-filter:blur(5px);
}
.overlay-content {max-width:1200px; margin:0 auto; background:rgba(0, 30, 60, 0.8); border-radius:20px; padding:30px;
    box-shadow:0 15px 50px rgba(0, 0, 0, 0.5); border:1px solid rgba(0, 150, 255, 0.3); position: relative; overflow:hidden;
}
.close-btn {position:absolute; top:2px; right:2px; width:40px; height:40px; background:rgba(207, 0, 15, 0.8);
    border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:bold;
    cursor:pointer; transition:all 0.3s ease; box-shadow:0 0 10px rgba(255, 0, 0, 0.5); border:1px solid rgba(255, 100, 100, 0.5);
}
.close-btn:hover {transform:rotate(90deg); background:rgba(255, 0, 0, 0.9);}
.info-cards {
	-webkit-overflow-scrolling:touch; overscroll-behavior:contain; /* 防止滚动传播到父元素 */
	overflow-y:auto; padding:0 20px 20px; max-height:52vh !important;
 	-webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;     /* 防止滚动穿透 */
}
        
.info-cards:hover {transform:translateY(-5px); border-color:#4fc3f7;}
.info-card {margin-bottom:20px;}
.header {text-align:center; margin-bottom:40px; padding:8px;}
p.card-content {text-align:left;}
.section-title {font-size:2.8rem; margin-bottom:15px; color:#fff; text-shadow:0 2px 10px rgba(0, 100, 255, 0.5);}
.section-sub-title {font-size:2.2rem; margin-bottom:10px; /*color:#4fc3f7;*/}
.section-sub-title i {/*color:#ffcc80;*/ font-style:normal; font-weight:normal; text-shadow:0 0 10px rgba(255, 204, 128, 0.5);}
.section-sub-title span {color:#81c784; font-size:1.8rem;}
.subtit {font-size:1.4rem; max-width:800px; margin:0 auto 20px; color:#e0e0e0; font-weight:300; line-height:1.8;}
        

.qckqry {background:rgba(0, 40, 80, 0.7); border-radius:12px; padding:5px; margin:5px auto;
	max-width:800px; box-shadow:0 5px 25px rgba(0, 0, 0, 0.4); border:1px solid rgba(0, 150, 255, 0.3);
}
.qckqry::before {content:"🗓️"; font-size:1.8rem; display:block; text-align:center; margin-bottom:15px;}
.date-container {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:15px;}
.date-input-wrapper {position:relative; flex:1; min-width:120px; max-width:200px;}
.date-input {width:100%; padding:8px 10px; background:rgba(0, 20, 40, 0.8); border:1px solid #0288d1; border-radius:8px;
    color:#e1f5fe; font-size:1.1rem; text-align:center; transition:all 0.3s ease; outline:none; box-shadow:0 0 10px rgba(2, 136, 209, 0.3);
}
.date-input:focus {border-color:#4fc3f7; box-shadow:0 0 15px rgba(79, 195, 247, 0.5);}
.date-divider {font-size:1.8rem; color:#4fc3f7; font-weight:bold;}


.bd {border:#fff 4px solid;}
.evtlist {background-color:#fff; color:#304990; padding:20px; border:#000 1px solid; margin:auto; display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.event {padding:10px; border-bottom:1px solid #ddd; display:flex; justify-content:space-between; align-items:center;}
.event h3 {margin:0; font-size:1.2em; color:#304990;}
.event p {margin:0; font-size:0.9em;}
@media (max-width: 800px) {
	.evtlist {grid-template-columns:1fr;}
	.close-btn {width:32px; height:32px;}
	.header {padding:5px 2px;}
}
@media (max-width: 600px) { .close-btn {width:28px; height:28px;}}

.bd {position:relative;}
.bd .info {padding:3em 2em; line-height:2em; font-size:1.2rem; text-align:left; width:70%}
.bd .pic {
	position:absolute;
	top:0;
    right:0;
	width:29%;
	padding:0;
	min-height:600px;
	height:100%;
	background-image: url('/resource/custom/site_39/image/channel/aboutus_r.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.curve {margin-top:4rem;}
.chart-container {margin:20px auto; background:white; padding:20px; border-radius:8px; color:#f00;}

/* Get a quote */
.header-get-a-quote .btn-primary {padding:12px 25px !important; font-size:13px; border-radius:3px; line-height:normal; text-transform:capitalize; color:#fff; margin-top:5px; background:var(--brand2) !important;}
@media (max-width:1200px) {
	.header-get-a-quote .btn-primary {padding:12px !important;}
}
@media (max-width:991px) {
	.header-get-a-quote .btn-primary {padding:12px 30px !important;}
	.bd .info {width:100%;}
	.bd .info img {width:100%;}
	.bd .pic {display:none;}
}
.header-get-a-quote .btn-primary:hover {color:var(--brand1) !important; background:#fff !important;}
ul.navbar-nav>li.header-get-a-quote:hover>a:after {position:relative; content:no-close-quote;}

/* Slider */
/*-- Main slide --*/
.banner-carousel .banner-carousel-item {height:700px; color:#fff; background-position:50% 50%; background-size:cover;}
.slider-content {position:relative; height:100%; width:100%;}
.slide-title-box {font-size:16px; line-height:39px; background:var(--brand1); color:#fff; display:inline-block; padding:0 15px; margin:0 0 10px;}
.slide-title {font-size:30px; line-height:36px; font-weight:300; color:#fff; margin:20px 0 10px;}
.slide-sub-title span {color:var(--brand2);}
.slide-sub-title {font-style:normal; font-size:60px; line-height:58px; margin:20px 0; color:#fff; font-weight:900; text-transform:uppercase; letter-spacing:-1px;}
.slider-text {display:table; vertical-align:bottom; color:#fff; padding-left:40%; width:100%; padding-bottom:0; padding-top:20px;}
.slider-text .slide-head {font-size:36px; color:#0052a5; position:relative;}
.slider-img {display:block; position:absolute; top:-80px; left:20%; width:314px; max-height:100%;}
.slider-img img {display:block; position:relative; max-height:100%; width:auto;}
.slider.btn {margin:15px 5px 0; border:2px solid transparent;}
.slider.border {background:none; border:2px solid var(--brand1) !important;}
.slider.border:hover {background:var(--brand2); color:#fff; border:2px solid var(--brand2) !important;}
/* Carousel control */
.banner-carousel .carousel-control {position:absolute; top:50%; z-index:5; display:inline-block; transform:translateY(-50%); background-color:transparent; opacity:0; filter:alpha(opacity=0); text-shadow:none; transition:all 0.25s ease; padding:0; outline:0; border:0;}
.banner-container {margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;}
.banner-carousel .slick-dots {opacity:0; filter:alpha(opacity=0); bottom:60px;}
.slick-dots li button::before {font-size:12px;}
.slick-dots li button:hover:before,
.slick-dots .slick-dots li button:focus:before,
.slick-dots li.slick-active button:before {opacity:1; color:var(--brand1);}
.slick-slide {outline:0;}
.banner-carousel:hover .carousel-control,
.banner-carousel:hover .carousel-control,
.banner-carousel:hover .slick-dots {opacity:1; filter:alpha(opacity=100);}
.banner-carousel .carousel-control.left {left:20px;}
.banner-carousel .carousel-control.right {right:20px;}
.banner-carousel .carousel-control i {background:rgba(0, 0, 0, 0.3); color:#fff; line-height:58px; width:60px; height:60px; font-size:22px; border-radius:0; transition:all 500ms ease;}
.banner-carousel .carousel-control i:hover {background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover; color:#fff;}
/* slick Box slider */
.box-slider-content {top:50%; padding:0; position:absolute; width:100%; transform:translateY(-50%);}
.box-slider-text {background:#111; background:rgba(0, 0, 0, 0.65); display:inline-block; padding:20px 30px; max-width:650px;}
.box-slide-title {font-size:18px; font-weight:300; margin:0; color:#fff;}
.box-slide-sub-title {font-size:36px; margin:8px 0 10px; color:#fff;}
.box-slide-description {color:#fff;}
.box-slider-text .btn {padding:10px 20px;}
.slider_banner {position:relative;}
.slider_banner .slider_overlay {position:absolute; top:50%; left:60%; color:#fff; font-size:28px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); width:100%;}

/* Call to actions */
.call-to-action {background-color:var(--brand3); padding:30px;}
.call-to-action-title {color:#fff; margin:0; padding:25px 0; line-height:normal; font-size:22px; text-transform:capitalize;}
/* Action style box */
.call-to-action-box {margin-top:-50px;}
.call_to_header h3 {font-size:20px; color:#fff; margin:11px 0;}
.call_to_header .iconbox {border:2px solid var(--brand2); padding:17px; display:inline-block; border-radius:50%; background:var(--brand3); filter:drop-shadow(0 0 12px var(--brand2)); -webkit-filter:drop-shadow(0 0 12px var(--brand2));}
.call-to-action-box .action-style-box {background:var(--brand1); padding:30px;}
.action-title {color:#fff; margin:0; line-height:36px; font-size:18px; text-transform:uppercase;}
.block {padding:29px 0px; max-height:288px; height:288px; transition:all linear.3s; -webkit-transition:all linear.3s; -moz-transition:all linear.3s; -ms-transition:all linear.3s; -o-transition:all linear.3s; position:relative; z-index:2; margin-bottom:46px; background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover;}
.call_to_header a {color:#fff;}
.block:hover .block_content a {transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);}
.block_content a {display:inline-block; position:absolute; width:100%; left:0; transition:all linear .3s; -webkit-transition:all linear .3s; -moz-transition:all linear .3s; -ms-transition:all linear .3s; -o-transition:all linear .3s; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); padding:16px; bottom:-44px; color:#fff; text-transform:uppercase;}
.block p {color:#fff; padding:0px 21px;}
.block:hover {margin-top:-44px;}
.block .table td,
.table th {padding:.75rem; vertical-align:top; border-top:none;}
.block .table {color:#fff;}

/* Intro */
.ts-intro {padding-right:20px;}
.into-title {font-weight:300; text-transform:uppercase; font-size:18px; line-height:normal; margin:0; color:var(--brand2);}
.into-sub-title {font-weight:900; text-transform:uppercase; font-size:32px; line-height:normal; margin:10px 0; color:var(--brand2);}
.into-sub-title span {color:var(--brand1);}
/*-- Featured Tab --*/
.featured-tab {padding-left:15px;}
.featured-tab .nav-tabs {border:0;}
.featured-tab .nav-tabs>li>a {font-family:"Roboto Slab", serif; background:#272d33; color:#fff; text-shadow:none; font-weight:700; border-radius:0; text-transform:uppercase; line-height:50px; margin:0 1px 20px; padding:0 20px; border:0 !important; transition:all 300ms ease;}
.featured-tab .tab-content {border-top:0; padding:0; overflow:hidden;}
.featured-tab .nav.nav-tabs {margin-bottom:10px;}
.featured-tab .nav-tabs>li.active>a {color:#fff; background:var(--brand1); position:relative;}
.featured-tab .nav-tabs>li.active>a:after {position:absolute; content:" "; width:auto; height:auto; bottom:-20px; left:50%; border-width:10px; border-style:solid; border-color:var(--brand1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); transform:translateX(-50%);}
.featured-tab .lead {font-size:18px; line-height:28px; color:#303030; font-weight:400;}
.featured-tab .tab-pane img.pull-left {margin:0 30px 10px 0;}
.featured-tab .tab-pane img.pull-right {margin:0 0 0 30px;}
.featured-tab .tab-icon i {font-size:230px;}
.tab-image-content {padding-left:0;}
.featured-tab .border-title.border-left {display:inline-block; margin-bottom:25px; font-size:20px;}
/* Tab services */
.featured-tab.tab-services .nav-tabs>li>a {font-size:14px; padding:0 21px; text-transform:capitalize;}
.featured-tab.tab-services .nav.nav-tabs {margin-bottom:20px;}

/* Facts */
#facts {background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover;}
.facts-wrapper {text-align:center;}
.facts-wrapper .ts-facts {color:#fff;}
.ts-facts .ts-facts-icon i {font-size:42px; color:var(--brand1);}
.ts-facts .ts-facts-content .ts-facts-num {color:#fff; font-size:44px; margin:30px 0 20px;}
.ts-facts .ts-facts-content .ts-facts-title {font-size:16px; color:var(--brand2); margin:0;}

/* Services */
/* Service box */
.ts-service-box .ts-service-icon img {float:left; color:var(--brand1); margin-top:-12px;}
.ts-service-box .ts-service-box-content {margin-left:60px; margin-bottom:60px;}
.tab-content .ts-service-box .ts-service-box-content {margin-left:90px;}
.ts-service-box .ts-service-box-content h3 {font-size:16px; margin-bottom:10px; line-height:28px; color:var(--brand1);}
.ts-service-text-wrapper {background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover; padding:30px 5px;}
.ts-service-box .ts-service-box-info {margin-left:25px; margin-bottom:40px;}
.service-box-title {font-size:16px; margin:0 0 10px;}
.service-box-title a {color:var(--brand2);}
.service-box-title a:hover {color:var(--brand1);}
/* Service box bg */
.ts-service-box-bg {background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover; color:#fff; padding:30px;}
.ts-service-box-bg h4, .ts-service-box-bg h3 {color:#fff;}
.service_counter {background:var(--brand1); margin-left:11px; text-align:center; width:30%; height:30%;}
.service_number {font-size:22px; color:#fff;}
.service_txt {font-size:12px; color:#fff;}
/* single service slider slider arrow */
.single-service-slider .carousel-control {position:absolute; top:50%; z-index:5; display:inline-block; transform:translateY(-50%); background-color:transparent; text-shadow:none; transition:all 0.25s ease; padding:0; outline:0; border:0;}
.single-service-slider .carousel-control.left {left:0;}
.single-service-slider .carousel-control.right {right:0;}
.single-service-slider .carousel-control i {background:rgba(0, 0, 0, 0.3); color:#fff; line-height:70px; width:40px; height:70px; font-size:22px; border-radius:0; transition:all 500ms ease;}
.single-service-slider .carousel-control i:hover {background:var(--brand2); color:#fff;}
.single-service-slider.small-bg .item {min-height:330px; background-size:cover;}
/* Icon squre */
.ts-service-icon.icon-round i {font-size:24px; color:#fff; background:var(--brand1); text-align:center; border-radius:100%; width:60px; height:60px; line-height:60px; margin-bottom:20px; position:relative; float:none;}
/* Icon left */
.ts-service-box.icon-left .ts-service-box-icon {float:left;}
.ts-service-box.icon-left .ts-service-box-icon i {background:var(--brand1); color:#fff;}
.ts-service-box.icon-left .ts-service-box-info {margin-left:90px;}
.ts-service-box.icon-left .ts-service-box-info h3 {margin-top:0; margin-bottom:5px;}

/* Service no box */
.service-no {font-size:48px; color:#dbdbdb; float:left; margin-top:10px;}
.ts-service-box-content .ts-service-box-info {margin-left:90px;}
.ts-service-icon i {font-size:28px; margin-right:15px; margin-top:2px;}
.ts-service-info {margin-left:30px;}
.ts-service-info h3 {font-size:16px;}
.ts-service-info .learn-more {text-transform:uppercase; font-size:14px; font-weight:600;}
.ts-service-info .learn-more:hover {color:var(--brand2); margin-left:10px;}
/* Service Classic */
.ts-service-classic .ts-service-icon i {font-size:24px; float:left; color:#fff; background:var(--brand1); border-radius:100%; width:60px; height:60px; line-height:60px; text-align:center; transition:all 0.3s;}
.ts-service-classic .ts-service-box-info {margin-left:80px;}
.ts-service-classic:hover .ts-service-icon i {background:var(--brand1);}

/* department area */
.shuffle-item {padding:0;}
.shuffle-item .service-img-container {position:relative; overflow:hidden;}
.shuffle-item .service-img-container img {transform:perspective(1px) scale3d(1.1, 1.1, 1); transition:all 400ms;}
.shuffle-item .service-img-container:hover img {transform:perspective(1px) scale3d(1.15, 1.15, 1);}
.shuffle-item .service-img-container:after {opacity:0; position:absolute; content:""; top:0; right:auto; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); transition:all 400ms;}
.shuffle-item .service-img-container:hover:after {opacity:1;}
.shuffle-item .service-img-container .gallery-popup .gallery-icon {position:absolute; top:0; right:0; z-index:1; padding:5px 12px; background:var(--brand1); color:#fff; opacity:0; transform:perspective(1px) scale3d(0, 0, 0); transition:all 400ms;}
.shuffle-item .service-img-container:hover .gallery-popup .gallery-icon {opacity:1; transform:perspective(1px) scale3d(1, 1, 1);}
.shuffle-item .service-img-container .service-item-info {position:absolute; top:50%; margin-top:-10%; bottom:0; left:0; right:0; padding:0 30px; z-index:1;}
.shuffle-item .service-img-container .service-item-info-content {opacity:0; transform:perspective(1px) translate3d(0, 15px, 0); transition:all 400ms;}
.shuffle-item .service-img-container .service-item-info-content .service-item-title {font-size:20px;}
.shuffle-item .service-img-container .service-item-info-content .service-item-title a {color:#fff;}
.shuffle-item .service-img-container .service-item-info-content .service-item-title a:hover {color:var(--brand2);}
.shuffle-item .service-img-container .service-item-info-content .service-cat {background:var(--brand2); display:inline-block; padding:2px 8px; font-weight:700; color:#fff; font-size:10px; text-transform:uppercase;}
.shuffle-item .service-img-container:hover .service-item-info-content {opacity:1; transform:perspective(1px) translate3d(0, 0, 0);}
.general-btn .btn-primary:hover {background:var(--brand2);}

/* service Single page */
/* Slider pages */
.department-slider .item {min-height:330px; background-size:cover;}
.department-slider .carousel-control {position:absolute; top:50%; z-index:5; display:inline-block; transform:translateY(-50%); background-color:transparent; text-shadow:none; transition:all 0.25s ease; padding:0; outline:0; border:0;}
.department-slider .carousel-control.left {left:0;}
.department-slider .carousel-control.right {right:0;}
.department-slider .carousel-control i {background:rgba(0, 0, 0, 0.3); color:#fff; line-height:70px; width:40px; height:70px; font-size:22px; border-radius:0; transition:all 500ms ease;}
.department-slider .carousel-control i:hover {background:var(--brand2); color:#fff;}
.department-slider.small-bg .item {min-height:420px; background-size:cover;}
.project-title {font-size:30px;}
.project-info-label {color:var(--brand2); font-weight:700; font-size:14px;}
.project-info-content {font-size:12px; text-transform:capitalize;}
.project-info li {margin-bottom:5px;}
.project-link {margin-top:15px;}

/* Content area */
/* Accordion */
.accordion-group .card {border-radius:0; margin-bottom:10px; background:transparent;}
.accordion-group .card-body {padding:15px 20px; background:var(--brand2); color:#fff;}
.accordion-group .card-header {border-bottom:1px solid transparent;}
.accordion-group .card-body img {max-width:100px; margin-bottom:10px;}
.accordion-group .card-header .btn {font-size:16px; text-transform:uppercase; font-weight:700; padding:13px 15px; padding-bottom:10px; background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover; color:#fff;}
.accordion-group .card-header .btn::before {font-family:"Font Awesome 6 Free"; position:absolute; z-index:0; font-size:14px; right:16px; padding:3px 8px 1px; text-align:center; border-radius:3px; top:12px; content:"\f107"; font-weight:700; background-color:var(--brand2); color:#fff; transition:0.3s;}
.accordion-group .card-header .btn[aria-expanded="true"] {color:#fff;}
.accordion-group .card-header .btn[aria-expanded="true"]::before {content:"\f106"; background-color:var(--brand2);}
.accordion-group.accordion-classic .card-header .btn:before {display:none;}
/* achievement */
.achievement-logo {margin:0 0 30px; border:1px solid var(--brand3); min-height:105px; padding:0 4px; display:flex; flex-direction:column; justify-content:center; align-items:center; align-content:center;}

/* quote */
.quote-area .border-title, .quote-area .border-sub-title {color:#fff;}
.quote-item .quote-text {margin:0 0 10px; display:inline-block; padding:0 40px 30px 60px; background-color:transparent; position:relative; font-size:16px; font-style:italic;}
.quote-item .quote-text::before {content:"\f10d"; font-family:"Font Awesome 6 Free"; position:absolute; font-size:30px; left:0; top:0; font-weight:700; color:var(--brand2);}
.quote-slide .slick-dots {bottom:-35px;}
.quote-subtext {color:var(--brand2);}
img.quote-thumb {max-width:80px; float:left; margin-right:20px; border-radius:5px;}
.quote-item-info {padding-top:15px; display:inline-block;}
.quote-author {font-size:16px; line-height:18px; margin:0 0 2px; font-weight:700; display:block; color:var(--brand1);}
.quote-item-footer {margin-top:0; margin-left:60px;}
/* quote Border */
.quote-item.quote-border .quote-text-border {border:1px solid var(--brand1); padding:20px; position:relative; line-height:28px; color:#666; font-size:18px; text-align:center;}
.quote-item.quote-border .quote-text-border::before {border:12px solid; border-color:#e1e1e1 transparent transparent; border-top-color:var(--brand1); bottom:-24px; position:absolute; content:""; display:block; height:0; width:0; left:0; margin:0 auto; right:0;}
.quote-item.quote-border .quote-text-border:after {border:12px solid; border-color:#fff transparent transparent; bottom:-22px; position:absolute; content:""; display:block; height:0; width:0; left:0; margin:0 auto; right:0;}
.quote-item.quote-border .quote-item-footer {margin-left:0; text-align:center; margin-top:35px;}
.quote-item.quote-border .quote-item-footer img.quote-thumb {float:none; margin:0;}
.quote-item.quote-border .quote-item-footer .quote-item-info {display:block;}

.legend {background:white; padding:10px; border-radius:5px; line-height:1.5;}
.legend i {display:inline-block; width:20px; height:3px; margin-right:8px;}
.label-text {color:#fff;}
.geo.hline {line-height:30px;}


/* 风险指数容器 */
.risk-number-container {position:relative; display:inline-block; padding:0 30px 0 0; margin:5px 0;}
.clickable-jceri {position:relative; display:inline-block; cursor:pointer; font-size:28px; font-weight:bold; color:#e74c3c; padding:0 25px 0 0; margin:0;}
.finger-hint {position:absolute; top:40%; right:-5px; transform:translateY(-50%); font-size:24px; animation:pointLeft 1.5s infinite; color:#3498db;}
.warning-icon {position:absolute; bottom:0px; right:-20px; font-size:14px; color:#e74c3c; animation:blink 1.5s infinite; z-index:1;}

@keyframes pointLeft {
    0%, 100% { transform:translateY(-50%) translateX(0); }
    50% { transform:translateY(-50%) translateX(-5px); }
}
@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}
.link-tip {color:#888; font-size:0.9em; margin-top:8px; padding-top:8px; border-top:1px dashed #ddd; font-style:italic;}
.detail-tip {margin-top:15px; padding:10px; background:#fff8e6; border-left:3px solid #ffc107; color:#e74c3c; font-weight:bold;}
.detail-tip a {color:#1a2980; text-decoration:underline; font-weight:normal;}
.detail-tip a:hover {color:#0d1a5e; text-decoration:none;}

/* 详情框样式 */
.jceri-detail-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2px);
    z-index: 1002;
    display: flex;
    justify-content: center;
    align-items: center;
}

.jceri-detail-content {
    background: white;
    border-radius: 8px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.3);
    min-width: 300px;
    max-width: 90%;
    position: relative;
    color: #333;
    font-family: Arial, sans-serif;
    line-height: 1.5;
    overflow: hidden; /* 确保圆角效果 */
}

.detail-header {
    background: #2c3e50; /* 深蓝色背景 */
    color: white;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.detail-title {font-size:18px; font-weight:bold; letter-spacing:0.5px;}
.jceri-detail-close {
    background: none;
    border: none;
    font-size: 28px;
    cursor: pointer;
    color: white;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.jceri-detail-close:hover {color:#e74c3c; transform:translateY(-50%) scale(1.2);}
.detail-body {padding:25px;}
.detail-item {margin:15px 0; font-size:18px; color:#1a2980; font-weight:bold; padding:0 10px;}
.detail-tip {
    margin-top: 25px;
    padding: 15px;
    background: #fff8e6;
    border: 1px solid #ffc107;
    border-radius: 6px;
    color: #333;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.6;
}

.link-tip {
    display: block;
    color: #666;
    font-size: 14px;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #bbb;
    font-style: italic;
    text-align: center;
}
/* 详情提示中的链接样式 */
.detail-tip a {color:#1a2980; text-decoration:underline; font-weight:bold; display:inline-block; margin:0 3px;}
.detail-tip a:hover {color:#e74c3c; text-decoration:none;}
/* 移动端适配 */
@media (max-width: 768px) {
    .jceri-detail-content {width:85%;}    
    .detail-header {padding:12px 15px;}    
    .detail-title {font-size:16px;}    
    .detail-body {padding:20px 15px;}    
    .detail-item {font-size:16px;}    
    .detail-tip {padding:12px; font-size:14px;}    
    .jceri-detail-close {font-size:24px; width:36px; height:36px;}
}
/* 日期范围样式 */
.date-range {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #eee;
    font-size:14px; color:#666; display:flex; justify-content:space-between;
}
.detail-item {margin:12px 0; font-size:16px; color:#1a2980; font-weight:bold; padding:0 10px;}
/* 突出显示日均值 */
.detail-item:nth-child(2) {color:#e74c3c; font-size:18px;}





/* Subscribe area */
.subscribe {background:var(--brand2); padding:0;}
/* Call to action */
.subscribe-call-to-acton {min-height:115px; padding:30px 0 0 30px;}
.subscribe-call-to-acton h3 {font-size:18px; margin-top:0; margin-bottom:5px; color:#fff;}
.subscribe-call-to-acton h4 {color:#fff; font-size:24px; margin:0;}
.ts-newsletter {background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover; position:relative; min-height:115px; padding:15px 0 0 50px; border-radius:20px 0 0 0;}
.ts-newsletter:after {content:""; position:absolute; background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover; display:block; width:100%; height:100%; right:-100%; top:0;}
.newsletter-form input {background:none; font-size:12px; height:45px; border:1px solid rgba(255, 255, 255, 0.3);}

/* News section */
.latest-post {position:relative; transition:all linear .3s; -webkit-transition:all linear .3s; -moz-transition:all linear .3s; -ms-transition:all linear .3s; -o-transition:all linear .3s; background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover; border:4px solid var(--brand1);}
.latest-post .image-angle:before {border-bottom:20px solid #f9f9f9;}
.latest-post .post-title {font-size:16px; line-height:24px; margin:0; font-weight:600;}
.latest-post .post-title a {color:#fff;}
.latest-post .post-title a:hover {color:var(--brand2);}
.latest-post-meta p {color:#fff;}
.latest-post-meta a {font-size:15px; font-weight:800;}
.latest-post-meta p {font-size:13px;}
.latest-post .post-body {padding:23px 23px; height:250px;}
.latest-post-img {position:relative; padding-top:70%; display:block;}
.latest-post-img img.img-fluid {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.post-item-date {position:absolute; top:0; left:0; background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover; color:#fff; padding:6px; border-radius:0 0 10px 0;}

/* Footer */
/*- Footer common */
.footer {background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover;}
.footer-main {padding:80px 0 60px;}
.footer .widget-title {font-size:16px; font-weight:700; position:relative; margin:0 0 30px; padding-left:15px; text-transform:uppercase; color:#fff; border-left:3px solid var(--brand2);}
/* Footer about us */
.footer-logo {margin-bottom:5px; width:60%;}
.footer-about p {font-size:12px;}
/* Footer social */
.footer-social {margin-top:15px;}
.footer-social .widget-title {font-size:14px; margin-bottom:10px;}
.footer-social ul {list-style:none; margin:0; padding:0; margin-left:-13px;}
.footer-social ul li {display:inline-block;}
.footer-social ul li a {display:block; font-size:23px; transition:400ms; width:40px; height:40px; line-height:40px; text-align:center;}
.footer-social ul li:hover {color:#fff;}
/* Links */
.footer-widget ul.list-arrow li {border-bottom:1px solid rgba(255, 255, 255, 0.07); padding:8px 0;}
.footer-widget ul.list-arrow li:last-child {border-bottom:0;}
.footer-widget ul.list-arrow li:hover a,
.footer-widget ul.list-arrow li:hover {color:var(--brand2); margin-left:5px;}
/*-- Copyright --*/
.copyright {background:var(--brand3); color:#fff; padding:25px 0; position:relative; z-index:1; font-weight:600; font-size:12px;}
.footer-menu ul li {display:inline-block; line-height:12px; padding-left:15px;}
.footer-menu ul.nav li a {background:none; color:#111; padding:0;}
.footer-menu ul li a:hover {color:#fff;}
#back-to-top {right:40px; top:auto; z-index:10; display:none;}
#back-to-top .btn:focus {outline:0; box-shadow:none;}
#back-to-top.position-fixed {bottom:20px;}
#back-to-top .btn.btn-primary {width:36px; height:36px; line-height:36px; background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover; border-radius:3px; color:#fff; font-weight:700; font-size:16px; padding:0; border:1px solid var(--brand1);}
#back-to-top .btn.btn-primary:hover {color:#fff;}

/* Sub Pages */
/*-- Title border --*/
.main-container .border-left {margin-bottom:30px;}
/*-- Banner --*/
.banner-area {position:relative; min-height:300px; color:#fff; background-position:50% 50%; background-size:cover;}
.banner-title {color:#fff; text-transform:uppercase; font-size:58px; font-weight:900; line-height:60px; margin-bottom:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.banner-text {position:absolute; top:50%; left:0; right:0; max-width:1170px; margin:0 auto; width:100%; z-index:1; transform:translateY(-50%);}
.banner-heading {text-align:center;}
.breadcrumb {padding:0; background:none; font-weight:700; text-transform:uppercase; font-size:12px;}
.breadcrumb li a, .breadcrumb .breadcrumb-item, .breadcrumb li a:focus, .breadcrumb li a:hover {color:#fff !important;}
.breadcrumb .breadcrumb-item+.breadcrumb-item::before {color:#fff;}
.breadcrumb {display:inline-block; overflow:hidden; border-radius:5px; counter-reset:flag;}
.breadcrumb a {text-decoration:none; outline:none; display:block; float:left; font-size:12px; line-height:36px; color:white; padding:0 10px 0 60px; background:#666; background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover; position:relative; font-weight:800;}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.breadcrumb a:first-child {padding-left:46px; border-radius:5px 0 0 5px; /*to match with the parent's radius*/}
.breadcrumb a:first-child:before {left:14px;}
.breadcrumb a:last-child {border-radius:0 5px 5px 0; /*this was to prevent glitches on hover*/ padding-right:20px;}
/*hover/active styles*/
.breadcrumb a.active {background:#333; background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover;}
.breadcrumb a:hover {background:#333; background:linear-gradient(#666, #333);}
.breadcrumb a.active:after {background:#333; background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover;}
.breadcrumb a:hover:after {background:#333; background:linear-gradient(#666, #333);}
.breadcrumb i {color:var(--brand2);}
/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.breadcrumb a::after {content:''; position:absolute; top:0; right:-18px; width:36px; height:36px; transform:scale(0.707) rotate(45deg); z-index:1; background:#666; background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover; box-shadow:2px -2px 0 2px rgba(0, 0, 0, 0.4), 3px -3px 0 2px rgba(255, 255, 255, 0.1); border-radius:0 5px 0 50px;}
/*we dont need an arrow after the last link*/
.breadcrumb a:last-child:after {content:none;}
/*we will use the :before element to show numbers*/
.breadcrumb a:before {content:counter(flag); counter-increment:flag; /*some styles now*/ border-radius:100%; width:20px; height:20px; line-height:20px; margin:8px 0; position:absolute; top:0; left:30px; background:#444; background:linear-gradient(#444, #222); font-weight:bold;}
/*-- About us page --*/
/* Slider pages */
.about-slider .carousel-control {position:absolute; top:50%; z-index:5; display:inline-block; transform:translateY(-50%); background-color:transparent; text-shadow:none; transition:all 0.25s ease; padding:0; outline:0; border:0;}
.about-slider .carousel-control.left {left:0;}
.about-slider .carousel-control.right {right:0;}
.about-slider .carousel-control i {background:rgba(0, 0, 0, 0.3); color:#fff; line-height:70px; width:40px; height:70px; font-size:22px; border-radius:0; transition:all 500ms ease;}
.about-slider .carousel-control i:hover {background:var(--brand2); color:#fff;}
.about-slider.small-bg .item {min-height:330px; background-size:cover;}
.about-slider.small-bg .box-slider-content {left:20%;}
.about-slider.small-bg .box-slider-text {background:rgba(110, 110, 74, 0.6); padding:5px 20px;}
.about-slider.small-bg .box-slide-title {font-size:28px; color:#fff; font-weight:900;}
/*-- Get a quote page --*/
.page-quote-form {background:#f2f2f2; padding:30px 50px 50px;}
.get-a-quote-img {margin-bottom:-190px;}
/*-- Partners carousel --*/
.partner-logo {border:1px solid #eee; padding:20px; margin-top:40px; margin-bottom:10px;}
.partner-logo img {transition:350ms; opacity:0.6; filter:grayscale(100%);}
.partner-logo:hover img {opacity:1; filter:grayscale(0%);}
#partners-carousel .partner-logo {border:0; border-right:1px solid #eee; padding:0 15px; margin-top:20px;}
#partners-carousel .partner-logo.last {border-right:0;}
/*-- Team page --*/
.team-slide .slick-slide {margin-left:25px; padding-bottom:60px;}
.team-slide .slick-list {margin-left:-25px;}
.team-slide .carousel-control {position:absolute; bottom:0; left:50%; border:0; background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover; height:37px; width:37px; border-radius:4px; transition:0.3s; z-index:6; color:#fff;}
.team-slide .carousel-control:hover {background-color:var(--brand2); color:#fff;}
.team-slide .carousel-control.left {transform:translateX(calc(-50% - 25px));}
.team-slide .carousel-control.right {transform:translateX(calc(-50% + 25px));}
.team-slide .carousel-control.slick-disabled {opacity:0.4;}
.team-slide .carousel-control.slick-disabled:hover {background-color:#ddd; color:#000;}
.ts-team-wrapper {position:relative; overflow:hidden;}
.ts-team-wrapper .ts-team-content {position:absolute; top:76%; left:0; width:100%; height:100%; padding:15px 25px; margin-top:0; color:#fff; background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover; transition:350ms;}
.ts-team-wrapper .ts-name {font-size:16px; margin-top:0; margin-bottom:3px; line-height:normal; color:#fff;}
.ts-team-wrapper .ts-designation {color:#fff; font-size:14px; margin-bottom:35px; font-weight:700;}
.ts-team-wrapper .team-social-icons a i {margin-right:7px; text-align:center; transition:400ms; width:30px; height:30px; background:#fff; line-height:30px; color:var(--brand1);}
.ts-team-wrapper .team-social-icons a i:hover {color:#fff; background:var(--brand1);}
.profile a {background:#fff; color:var(--brand1); font-family:"Montserrat", sans-serif; padding:13px; font-weight:800; }
.profile a:hover {background:var(--brand1); color:#fff;}
.profile_info h3 {color:var(--brand1); margin-top:18px;}
.profile_info p {color:var(--brand2);}
.Profile_item {margin-top:-180px;}
.Profile_item img {border:10px solid var(--brand3);}
.profile_text h5 {color:var(--brand1);}
.profile_text h3 {font-size:15px;}
.medals {padding:20px 0; transition:all linear .3s; -webkit-transition:all linear .3s; -moz-transition:all linear .3s; -ms-transition:all linear .3s; -o-transition:all linear .3s;}
.skill-my-bar h3 {color:var(--brand1);}
.medals h3 {color:var(--brand1);}
.medals img {transition:all linear .3s; -webkit-transition:all linear .3s; -moz-transition:all linear .3s; -ms-transition:all linear .3s; -o-transition:all linear .3s;}
.medals img:hover {transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}
.medals img {cursor:pointer; margin:1.33px;}
.ts-team-wrapper:hover .ts-team-content {top:0; padding-top:50px;}
/* Team Classic */
.ts-team-content-classic {margin-top:15px;}
.ts-team-content-classic .ts-name {font-size:16px; margin-bottom:5px; color:#212121;}
.ts-team-content-classic .ts-designation {color:#888; margin-bottom:5px; font-weight:600;}
.ts-team-content-classic .team-social-icons a i {color:#999;}
.ts-team-content-classic .team-social-icons a i:hover {color:var(--brand1);}

/* Contact Us */
.map {height:450px; z-index:1;}
.contact-info-box {margin-top:20px;}
.contact-info-box i {float:left; font-size:24px; color:var(--brand1);}
.contact-info-box-content {padding-left:40px;}
.contact-info-box-content h4 {font-size:16px; margin-top:0; line-height:normal; font-weight:700;}
.contact-info-box-content p {margin-bottom:0;}
label {font-weight:400;}
.form-control {display:block; width:100%; margin:5px 5px 5px 0px; font-size:13px; font-weight:400; line-height:1.5; color:#fff; background-color:var(--brand3); background-clip:padding-box; border:1px solid #ced4da; -webkit-appearance:none; -moz-appearance:none; appearance:none; transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out; padding:0 0 0 23px;}
.form-select {width:100%; background-color:var(--brand3); font-size:13px; font-weight:400; line-height:1.5; color:#fff; padding:0px 0px 0px 20px;}
.form-control:focus {color:#fff; background-color:var(--brand3); border-color:var(--brand3); outline:0;}
textarea.form-control {padding:5px 0 0 25px;}
.icon_add {position:relative;}
.icon_add i {position:absolute; top:25px; left:20px; line-height:1; font-size:16px; color:var(--brand1);}
.select {position:relative;}
.text {position:relative;}
.text i {position:absolute !important; top:12px !important; left:20px !important; line-height:1 !important; font-size:16px !important; color:var(--brand1) !important;}
.select i {position:absolute !important; top:20px !important; left:20px !important; line-height:1 !important; font-size:16px !important; color:var(--brand1) !important;}
.red-text {color:red;}
/* Contact page 2 */
.ts-service-box.text-center .ts-service-icon.icon-squre i {float:none; margin-bottom:20px;}
.ts-service-box.text-center .ts-service-box-content {margin:0;}

/* News Listing */
.post {border-bottom:1px solid var(--brand1); padding:0 0 30px; margin:0 0 45px;}
.post.last {padding-bottom:0; margin-bottom:0; border-bottom:0;}
.post-body {padding:20px 0;}
.entry-header .entry-title {font-size:24px; margin:5px 0 15px; position:relative; line-height:34px; text-transform:capitalize;}
.entry-header .entry-title a {color:var(--brand2);}
.entry-header .entry-title a:hover {color:var(--brand1);}
.post-single .entry-header .entry-title {font-size:28px;}

.entry-content img {max-width:700px;}

/* Meta */
.post-meta {padding-bottom:10px;}
.post-meta a {color:#fff;}
.post-meta a:hover {color:var(--brand2);}
.post-meta span {margin-right:10px; padding-right:10px; border-right:1px solid #dadada; line-height:12px; display:inline-block;}
.post-meta i {color:var(--brand2); margin-right:3px;}
.post-meta .post-comment {border-right:0;}
.post-meta .post-comment .comments-link {margin-left:5px;}
.post-footer .btn.btn-primary {font-size:12px; margin-top:10px;}
/* Pagination */
.paging {margin-bottom:-5px;}
.pagination li a {border-radius:0 !important; margin-right:8px; color:#fff; background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover; border:1px solid var(--brand1);}
.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>li>a:hover {color:#fff; background:var(--brand2); border:1px solid transparent;}

/* News Single */
.tags-area {margin:20px 0;}
.post-tags a {border:1px solid var(--brand1); color:#fff; display:inline-block; font-size:12px; padding:3px 10px; margin-left:3px; background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover;}
.post-tags a:hover {background:var(--brand1); color:#fff; border:1px solid transparent;}
/* Post social */
.post-social-icons>li {display:inline-block;}
.post-social-icons a i {margin-left:5px; font-size:12px; width:28px; height:26px; line-height:26px; color:#fff; text-align:center;}
.post-social-icons a i.fa-facebook-f {background:#41578a;}
.post-social-icons a i.fa-twitter {background:#64bae2;}
.post-social-icons a i.fa-google-plus {background:#c0343d;}
.post-social-icons a i.fa-linkedin {background:#3397b6;}
/* Author box */
.author-box {border:1px solid var(--brand1); padding:20px 20px 15px; margin:20px 0; background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover;}
.author-img img {width:110px; height:110px; margin-right:30px;}
.author-info h3 {margin-top:0; margin-bottom:5px; font-size:18px; font-weight:600;}
.author-info h3 span {font-size:12px; color:#999; border-left:1px solid #AFAFAF; padding-left:10px; margin-left:10px; font-weight:500;}
/* Comments area */
.comments-area {margin:40px 0;}
.comments-list .comment-content {margin:15px 0;}
.comments-list .comment-reply {color:var(--brand1); font-weight:400;}
.comments-list .comment-reply:hover {color:var(--brand2);}
.comments-counter {font-size:18px;}
.comments-counter a {color:#323232;}
.comments-list {list-style:none; margin:0; padding:20px 0;}
.comments-list .comment {border-bottom:1px solid var(--brand1); padding-bottom:20px; margin-bottom:30px;}
.comments-list .comment.last {border-bottom:0; padding-bottom:0; margin-bottom:0;}
.comments-list img.comment-avatar {width:84px; height:84px; margin-right:30px;}
.comments-list .comment-author {margin-bottom:0; margin-top:0; font-weight:600; font-size:16px; color:#fff;}
.comments-list .comment-date {color:#959595; margin-bottom:5px; font-size:12px;}
.comments-reply {list-style:none; margin:0 0 0 70px;}
.comments-form {margin-bottom:0;}
.comments-form .title-normal {margin-bottom:20px;}
.comments-form .btn.btn-primary {margin-top:20px;}

/* Sidebar */
.sidebar .widget-title {font-size:16px; font-weight:700; position:relative; margin:0 0 30px; padding-left:15px; text-transform:uppercase; border-left:3px solid var(--brand2);}
/* Widget common */
.sidebar .widget {margin-bottom:40px;}
.sidebar-left .widget {margin-right:20px;}
.sidebar-right .widget {margin-left:20px;}
.sidebar .widget.box {padding:25px;}
.widget.box.solid {background:#f2f2f2;}
.widget.box.red {background:#ec483b; color:#fff;}
.widget.box.red .widget-title {color:#fff;}
.widget ul li {line-height:30px;}
.sidebar .widget ul li a {color:#303030;}
.sidebar .widget ul li a:hover {color:var(--brand1);}
.sidebar .widget ul li i {margin-right:5px;}
.sidebar .btn {font-weight:700; font-size:12px; margin-top:15px; padding:10px 25px;}
/* Sidebar nav */
.sidebar ul.nav-tabs {border:0;}
.sidebar ul.nav-tabs li {width:100%;}
.sidebar ul.nav-tabs li a {color:#fff; border-radius:0; padding:15px 0; padding-left:0; font-weight:400; border-bottom:1px solid var(--brand3); display:block; transition:400ms;}
.sidebar ul.nav-tabs li.active a,
.sidebar ul.nav-tabs li:hover a {color:var(--brand2);}
.sidebar ul.nav-tabs li {color:#303030; line-height:normal;}
.sidebar ul.nav-tabs li:last-child a {border-bottom:0;}
/* Service menu */
.sidebar ul.service-menu li {width:100%;}
.sidebar ul.service-menu li a {background-color:#f4f4f4; padding:15px 20px; border:0; margin-bottom:8px; position:relative; transition:400ms; display:block;}
.sidebar ul.service-menu li.active a,
.sidebar ul.service-menu li:hover a {background:var(--brand1); color:#fff; cursor:pointer;}
/* Recent News */
.widget.recent-posts .widget-title {margin-bottom:35px;}
.widget.recent-posts ul li {padding-bottom:15px; margin-bottom:17px;}
.widget.recent-posts ul li:last-child {border:0; padding-bottom:0; margin-bottom:0;}
.widget.recent-posts .posts-thumb img {margin-right:15px; width:120px; height:74px;}
.widget.recent-posts .post-info .entry-title {font-size:13px; font-weight:600; line-height:20px; margin:0;}
.widget.recent-posts .post-info .entry-title a {color:#fff; display:inline-block;}
.widget.recent-posts .post-info .entry-title a:hover {color:var(--brand1);}
.widget.recent-posts .post-date {font-weight:400; color:#999; text-transform:capitalize;}
/* Widget tags */
.widget-tags ul>li {float:left; margin:3px;}
.sidebar .widget-tags ul>li a {border:1px solid var(--brand1); color:#fff; display:block; font-size:14px; padding:3px 15px; transition:all 0.3s ease 0s; background:#4c5639 url("../image/bg-pattern.jpg") no-repeat center/cover;}
.sidebar .widget-tags ul>li a:hover {background:var(--brand1); color:#fff; border:1px solid transparent;}

/* Register */
.register-tabs-bar {display:flex; align-items:flex-end; justify-content:center;
	margin-bottom:-2px; /* 让tab和白框无缝衔接 */ position:relative; z-index:2;}
.register-tabs-title {font-size:1.6rem; color:#ec640e; font-weight:bold; margin:0 10px; letter-spacing:1px; line-height:40px;}
.verify-tabs {margin:0; max-width:none;}
.verify-tabs .nav-tabs {border-bottom:none; background:transparent; margin-bottom:0; box-shadow:none;
  display:flex; align-items:flex-end; /* 关键：底边对齐 */}
.verify-tabs .nav-tabs li {margin:0 5px; list-style:none; display:flex; align-items:flex-end;}
.verify-tabs .nav-tabs li a {
  display:flex; align-items:center; justify-content:center; min-width:80px; text-align:center; color:#222;
  background:#6e6e4a; border:1.5px solid #6e6e4a; border-bottom:none; border-radius:14px 14px 0 0; padding:0 12px;
  font-size:1.1rem; font-weight:bold; transition:all 0.3s; position:relative; z-index:2; opacity:0.85; cursor:pointer;
  margin-bottom:2px; /* 关键：与白框边宽一致，通常4px或5px */
  border-bottom-left-radius:0; border-bottom-right-radius:0; height:34px; line-height:34px; box-sizing:border-box;}
.verify-tabs .nav-tabs li.active a {
  color:#ec640e; background:#fff; border:2px solid #fff; border-bottom:none; z-index:3; font-size:1.2rem; font-weight:bold;
  opacity:1; padding:10px 32px 10px 32px; height:44px; line-height:44px; margin-bottom:2px; box-sizing:border-box;}
.verify-tabs .nav-tabs li:not(.active) a:hover {background:#fff; color:#ec640e; border-color:#fff; opacity:1;}
.helptip {color:#ffff00;}
input::placeholder {color:#aaa!important; opacity:1;}
@media (max-width:600px) {
  .register-tabs-title, .verify-tabs .nav-tabs li.active a {
    font-size:1rem; padding:0 8px; height:32px; line-height:32px;
  }
  .verify-tabs .nav-tabs li a {font-size:0.9rem; height:26px; line-height:26px;}
  td.dh {display:none;}
  td.lbl {width:120px;}
}
@media (max-width:430px) {
  .register-tabs-title, .verify-tabs .nav-tabs li.active a {
    font-size:0.9rem; padding:0; height:30px; line-height:30px;
  }
  .register-tabs-title {maring:0;}
  .verify-tabs .nav-tabs li {margin:0 2px;}
  .verify-tabs .nav-tabs li a {font-size:0.85rem; height:24px; line-height:24px;}
}
@media (max-width:360px) {
  .register-tabs-title, .verify-tabs .nav-tabs li.active a {
    font-size:0.63rem; padding:0; height:28px; line-height:28px;
  }
  .verify-tabs .nav-tabs li {margin:0;}
  .verify-tabs .nav-tabs li a {font-size:0.58rem; height:22px; line-height:22px;}
}

.bd {position:relative; z-index:1; margin-top:0;}

.regsubtitle {margin:1.6rem auto; text-align:center;}
td.carttab_content, .chkinfo  {padding-bottom:1.3rem;}
button.sendCode {background-color:#007BFF; color:#fff; border:none; padding:4px 12px; border-radius:4px; cursor:pointer;}
#button_area {margin-bottom:3rem;}
#button_area button, #button_area .submitBtn {padding:2px 0; width:30%; background-color:#007BFF; color:#fff;}
.disabled-wrapper:hover {cursor:not-allowed;}
.disabled-wrapper button:disabled {pointer-events:none;}
.button-inner {margin:15px;}
.error-message {color:#ff0000;}
.carttab_content .tip {font-size:0.9rem; color:#007BFF;}

#loading-indicator {
  position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:15px 30px;
  background-color:rgba(255, 255, 255, 0.85); border:1px solid #ccc; border-radius:5px;
  box-shadow:0 2px 10px rgba(0,0,0,0.2); z-index:1000; font-size:16px; color:#333; text-align:center;
}

/* 地震标记样式 */
.earthquake-marker {position:relative; width:14px; height:14px;}
.quake-pulse {
	position:absolute; width:100%; height:100%; background-color:#ff4136; border-radius:50%;
    box-shadow:0 0 0 rgba(255, 65, 54, 0.8); animation:quake-pulse 2s infinite;
}
@keyframes quake-pulse {
  0% {transform:scale(0.8); box-shadow:0 0 0 0 rgba(255, 65, 54, 0.7);}
  70% {transform:scale(1); box-shadow:0 0 0 10px rgba(255, 65, 54, 0);}
  100% {transform:scale(0.8); box-shadow:0 0 0 0 rgba(255, 65, 54, 0);}
}
/* 地震信息框样式 */
.earthquake-info {min-width:200px; font-size:14px;}
.earthquake-info h3 {margin-top:0; color:#ff4136; border-bottom:1px solid #eee; padding-bottom:5px;}


/* ===== 会员服务提示样式 ===== */
.deny-alert {
  background:linear-gradient(135deg, #fff8f8, #fff0f0); border-left:4px solid #ff5252; padding:8px 15px;
  margin:0 0 5px; border-radius:0 8px 8px 0; display:flex; align-items:center;
  box-shadow:0 2px 8px rgba(255, 82, 82, 0.1);
}
.warning-icon {font-size:24px; margin-right:10px; flex-shrink:0;}
.deny-alert h2 {color:#d32f2f; font-size:16px; margin:0; font-weight:700; letter-spacing:0.3px; line-height:1.4;}
.benefits {background:#f8fbff; border:1px solid #e3f2fd; border-radius:10px; padding:8px 8px 0 8px; margin:5px 0; box-shadow:0 3px 8px rgba(33, 150, 243, 0.1);}
.cplan {position:relative;}
.unlock-tip {margin-bottom:10px;}
.mcard {background:white; border-radius:8px; padding:15px; box-shadow:0 2px 6px rgba(0,0,0,0.06);}
.mcard .header {font-size:16px; font-weight:700; color:#1976d2; padding-bottom:6px; margin-bottom:6px; border-bottom:1px dashed #e3f2fd; text-align:center;}
.tools {list-style:none; padding:0; margin:0 0 5px;}
.tools li {padding:2px 0; border-bottom:1px solid #f5f5f5; display:flex; align-items:center; font-size:14px;}
.tools li:last-child {border-bottom:none;}
.tool-icon {font-size:18px; margin-right:10px; width:26px; height:26px; background:#e3f2fd;
  border-radius:50%; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;
}
.cost {display:flex; justify-content:space-around; text-align:center; background:#f1f8e9; border-radius:6px; padding:6px 5px; font-size:13px;}
.cost > div {padding:0 10px;}
.cost .highlight {font-size:16px; font-weight:700; color:#388e3c;}
.member-link {text-align:center; margin:20px 0 12px;}
.member-link a {
  display: inline-block;
  background: linear-gradient(135deg, #388e3c, #1b5e20);
  color: white !important;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 25px;
  border-radius: 40px;
  box-shadow: 0 3px 10px rgba(56, 142, 60, 0.3);
  transition: all 0.3s ease;
}
.member-link a:hover {transform:translateY(-2px); box-shadow:0 5px 15px rgba(56, 142, 60, 0.4);}
.member-link a::after {content:"→"; margin-left:8px; display:inline-block; transition:transform 0.3s;}
.member-link a:hover::after {transform:translateX(4px);}
.benefits > p {text-align:center; margin:12px 0; line-height:1.6; font-size:14px;}
.benefits > p:first-of-type {font-weight:700; font-size:15px; color:#d32f2f; margin-top:15px;}
.benefits > p:last-of-type {font-size:14px; color:#1976d2; font-weight:500;}
.discount-badge {
  position: absolute;
  top: -18px;
  right: -4px;
  background: linear-gradient(135deg, #388e3c, #1b5e20);
  color: white;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 15px;
  font-size: 12px;
  box-shadow: 0 2px 6px rgba(245, 124, 0, 0.3);
  z-index: 10;
  animation: pulse 2s infinite;
}
.leaflet-container .discount-badge a {color:#fff;}
.member-link.btn {font-size:1.2em;}
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.13); } /* 减小动画幅度 */
  100% { transform: scale(1); }
}
@media (max-width: 768px) {
  .deny-alert {padding:8px; flex-direction:row;}
  .warning-icon {font-size:22px; margin-right:2px;}
  .deny-alert h2 {font-size:15px;}
  .mcard {padding:12px;}
  .mcard .header {font-size:13px;}
  .tools li {font-size:13px;}
  .cost {flex-direction:column; gap:8px;}
  .member-link a {padding:10px 20px; font-size:15px;}
}
.promotion-gif-container {display:block; width:100%; margin:8px 0; overflow:hidden; position:relative; min-height:38px;}
.promotion-gif {display:block; width:100%; height:auto; aspect-ratio:300 / 38;
  image-rendering:-webkit-optimize-contrast; image-rendering:crisp-edges;
}
@supports not (aspect-ratio: 300 / 38) {
  .promotion-gif-container::before {content:""; display:block; padding-top:12.67%;}  
  .promotion-gif {position:absolute; top:0; left:0; height:100%;}
}

.error-page .error-code h2 {font-size:200px; line-height:200px; color:red;}
.error-page .error-body .btn {margin-top:30px; font-weight:700;}