@import url("../iconfont/iconfont.css");
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:16px;}
body{font-family:'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.7;color:#333;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;display:block;}
a{text-decoration:none;color:inherit;transition:all .35s cubic-bezier(.4,0,.2,1);}
ul{list-style:none;}
.container{width:100%;max-width:1440px;margin:0 auto;padding:0 24px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
i.fa-solid,i.fa-brands,i.fa-regular{line-height:1;display:inline-block;vertical-align:middle;}
.top-bar{background:#222;color:rgba(255,255,255,.75);font-size:.95rem;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.08);}
.top-bar-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.top-bar-left{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.top-bar-item{display:flex;align-items:center;gap:8px;}
.top-bar-icon{font-size:18px;color:#015bac;}
.top-bar-right{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.top-social{display:flex;gap:10px;}
.top-social a{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);transition:all .3s ease;font-size:16px;}
.top-social a:hover{background:#015bac;color:#fff;}
.top-bar .lang-switch{position:relative;display:flex;align-items:center;}
.top-bar .lang-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:rgba(255,255,255,.75);font-size:.95rem;font-weight:500;cursor:pointer;padding:4px 6px;transition:color .3s ease;min-width:44px;min-height:44px;justify-content:center;}
.top-bar .lang-btn:hover{color:#fff;}
.top-bar .lang-btn i.fa-solid{font-size:1rem;}
.top-bar .lang-btn .arrow{font-size:0.65rem;transition:transform .3s ease;}
.top-bar .lang-switch.active .lang-btn .arrow{transform:rotate(180deg);}
.top-bar .lang-dropdown{position:absolute;top:100%;left:0;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.15);min-width:150px;max-width:90vw;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .3s ease;z-index:102;list-style:none;}
.top-bar .lang-switch.active .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.top-bar .lang-dropdown li{padding:0 16px;}
.top-bar .lang-dropdown a{display:flex;align-items:center;gap:8px;padding:10px 0;color:#333;font-size:.9rem;transition:all .3s ease;border-bottom:1px solid #f0f0f0;}
.top-bar .lang-dropdown li:last-child a{border-bottom:none;}
.top-bar .lang-dropdown a:hover{color:#015bac;padding-left:4px;}
.site-header{background:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.04);}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;height:70px;}
.logo img{height:52px;width:auto;}
@media(min-width:480px){.logo img{height:40px;width:auto;}}
.nav-menu{display:flex;gap:32px;align-items:center;}
.nav-item{position:relative;}
.nav-link{font-size:1rem;color:#333;font-weight:500;padding:12px 0px;position:relative;}
.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#015bac;transition:width .3s ease;}
.nav-link:hover{color:#015bac;}
.nav-link:hover::after{width:100%;}
.pc-arrow{font-size:0.65rem;margin-left:4px;transition:color .3s ease;}
.nav-link:hover .pc-arrow{color:#015bac;}
.mobile-sub-toggle{display:none;background:none;border:none;color:#999;font-size:1.1rem;cursor:pointer;padding:0;transition:color .3s ease,transform .3s ease;width:36px;height:36px;align-items:center;justify-content:center;flex-shrink:0;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;outline:none;border-radius:50%;}
.mobile-sub-toggle:active{background:rgba(1,91,172,.08);}
.dropdown-menu{position:absolute;top:120%;left:50%;transform:translateX(-50%) translateY(8px);min-width:250px;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:12px 0;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:101;}
.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.dropdown-menu li{padding:0 18px;}
.dropdown-menu a{display:block;padding:10px 0;color:#333;font-size:.92rem;transition:color .3s ease;border-bottom:1px solid #f5f5f5;}
.dropdown-menu li:last-child a{border-bottom:none;}
.dropdown-menu a:hover{color:#015bac;padding-left:4px;}
.nav-item.dropdown::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:120%;height:14px;background:transparent;z-index:100;display:none;}
@media(min-width:992px){.nav-item.dropdown::after{display:block;}}
.header-actions{display:flex;align-items:center;gap:16px;position:relative;}
.search-wrapper{position:relative;z-index:103;}
.search-btn{width:40px;height:40px;border-radius:50%;background:#f8f9fa;border:none;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;}
.search-btn:hover{background:#015bac;color:#fff;}
.search-btn i{font-size:20px;}
.search-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);width:280px;padding:12px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .3s ease;z-index:103;}
.search-wrapper.active .search-dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.search-form{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;overflow:hidden;}
.search-form input{flex:1;border:none;padding:10px 12px;font-size:.92rem;outline:none;min-width:0;}
.search-form button{background:#222;border:none;color:#fff;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease;flex-shrink:0;}
.search-form button:hover{background:#015bac;}
.search-form button i{font-size:18px;}
.btn-header{padding:10px 24px;background:#c00000;color:#fff;border-radius:6px;font-weight:600;font-size:.9rem;transition:all .3s ease;white-space:nowrap;}
.btn-header:hover{background:#a50000;transform:translateY(-2px);box-shadow:0 8px 20px rgba(192,0,0,.25);}
.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333;padding:4px 8px;width:40px;height:40px;align-items:center;justify-content:center;position:relative;}
.mobile-menu-btn i{font-size:1.8rem;}
.mobile-menu-btn .fa-bars,.mobile-menu-btn .fa-times{font-size:2.5rem;transition:opacity .3s ease,transform .3s ease;}
.mobile-menu-btn .fa-times{display:none;}
.mobile-menu-btn.active .fa-bars{display:none;}
.mobile-menu-btn.active .fa-times{display:inline-block;}
@media(max-width:991px){.top-bar-left{display:none;}.top-bar-right{width:100%;justify-content:center;gap:16px;}.top-bar .lang-btn span,.top-bar .lang-btn .arrow{display:none;}.top-bar .lang-btn i.fa-solid{font-size:1.3rem;}.site-header .container{padding-left:24px;padding-right:24px;}.header-inner{padding:14px 0;}.mobile-menu-btn{display:flex;}.btn-header{display:none;}.nav-menu{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;padding:0;gap:0;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:99;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;}.nav-menu.active{max-height:80vh;overflow-y:auto;padding:16px 0;display:flex;-webkit-overflow-scrolling:touch;}.nav-menu .nav-item{border-bottom:1px solid #f0f0f0;width:100%;margin:0;padding:0;}.nav-menu .nav-item:last-child{border-bottom:none;}.nav-link{display:flex;align-items:center;padding:14px 24px;font-size:1rem;font-weight:500;width:100%;flex:1;}.pc-arrow{display:none !important;}.nav-item.dropdown{display:flex;flex-wrap:wrap;align-items:center;width:100%;position:relative;}.nav-item.dropdown .nav-link{flex:1 1 auto;padding-right:4px;width:auto;min-width:0;}.mobile-sub-toggle{display:inline-flex;margin-right:16px;align-self:center;flex-shrink:0;position:relative;z-index:2;}.nav-item.sub-open>.mobile-sub-toggle{color:#015bac;transform:rotate(90deg);}.dropdown-menu{position:static !important;display:none !important;opacity:1 !important;visibility:visible !important;transform:none !important;box-shadow:none !important;background:#f8f9fa;border-radius:0;padding:8px 0;width:100% !important;min-width:0 !important;flex-basis:100%;flex-shrink:0;left:auto !important;top:auto !important;border-top:1px solid #e8e8e8;margin-top:4px;}.nav-item.sub-open .dropdown-menu{display:block !important;}.dropdown-menu li{padding:0 24px;width:100%;}.dropdown-menu a{padding:10px 0;font-size:.9rem;border-bottom:1px solid #eee;display:block;width:100%;}.dropdown-menu li:last-child a{border-bottom:none;}.search-dropdown{width:260px;right:0;left:auto;}}
@media(min-width:992px){.container{padding:0 32px;}.mobile-menu-btn{display:none;}.nav-menu{display:flex;}}
@media(max-width:1200px){
    .btn-header {
        display: none !important;
    }
}

.site-footer{background:#1a1a1a;color:#aaa;padding:60px 0 0;}
.footer-inner{display:grid;grid-template-columns:1fr;gap:48px;margin-bottom:48px;}
.footer-logo img{height:44px;width:auto;margin-bottom:14px;}
.footer-brand p{font-size:.92rem;line-height:1.7;margin-bottom:24px;color:#888;}
.footer-social{display:flex;gap:12px;margin-bottom:28px;flex-wrap:wrap;}
.footer-social a{width:36px;height:36px;border-radius:50%;background:#2a2a2a;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#aaa;transition:all .3s ease;}
.footer-social a:hover{background:#015bac;color:#fff;transform:translateY(-2px);}
.qr-codes{display:flex;gap:24px;flex-wrap:wrap;padding-bottom:10px}
.qr-item{text-align:center;font-size:1rem;color:#888;}
.qr-item img{width:84px;height:84px;border-radius:6px;margin-bottom:8px;object-fit:cover;background:#fff;}
.site-footer h3{color:#fff;font-size:1.05rem;margin-bottom:20px;font-weight:600;position:relative;padding-bottom:8px;}
.site-footer h3::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:#015bac;border-radius:1px;}
.site-footer ul li{margin-bottom:12px;font-size:.92rem;color:#888;}
.site-footer ul li a:hover{color:#015bac;padding-left:4px;}
.contact-list li{display:flex;align-items:flex-start;gap:10px;line-height:1.6;}
.footer-bottom{border-top:1px solid #2a2a2a;padding:24px 0;font-size:.82rem;text-align:center;color:#666;}
.footer-bottom a:hover{color:#015bac;}
@media (min-width: 768px){.footer-inner{grid-template-columns:repeat(2,1fr);}}
@media (min-width: 992px){.footer-inner{grid-template-columns:2fr 1fr 1.5fr 1.5fr;gap:32px;}}

table tr:nth-child(1){background:#ffffff;} 
table tr:nth-child(2){background:#ffffff;} 

table{border-collapse:separate;margin:0px 0px 10px 0px; }
table td{border-bottom: 1px solid #cccccc; padding: 5px 5px 5px 10px;border-right: 1px solid #cccccc;}
table tr:first-child td{border-top: 1px solid #cccccc;}
table tr td:first-child{border-left: 1px solid #cccccc;}
table tr:nth-child(odd){background:#ffffff;} 
table tr:nth-child(even){color:#333333;} 
.pagination { display: flex; justify-content: center; display-: inline-block; padding-left: 0; margin: 20px 20px 20px 20px; border-radius: 4px; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857; text-decoration: none; color: #000000; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { z-index: 2; color: #015bac; background-color: #eeeeee; border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 3; color: #fff; background-color: #015bac; border-color: #015bac; cursor: default; }

.kefu-panel { position: fixed; right: 0; top: 50%; transform: translateY(-50%); width: 50px; background: #111; border-radius: 8px 0 0 8px; overflow: hidden; box-shadow: -5px 5px 20px rgba(0, 0, 0, 0.4); transition: width 0.4s ease; z-index: 1000; }
.kefu-panel:hover { width: 220px; }
.kefu-row { display: flex; height: 50px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.3s ease; }
.kefu-row:last-child { border-bottom: none; }
.kefu-left { flex: 1; display: flex; align-items: center; padding-left: 0px; color: white; font-size: 14px; white-space: nowrap; overflow: hidden; transition: all 0.3s ease; }
.kefu-right { width: 50px; display: flex; align-items: center; justify-content: center; color: white; font-size: 18px; transition: all 0.3s ease; }
.pl { padding-left: 20px; }
.pl15 { padding-left: 13px; }
.kefu-row-link:hover { background: white; cursor: pointer; }
.kefu-row-link:hover .kefu-left { color: #000; }
.kefu-row-link:hover .kefu-right { color: #000; }
.kefu-social-icons { display: flex; gap: 8px; }
.kefu-social-icon { width: 25px; height: 25px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 14px; text-decoration: none; }
.kefu-social-icon:hover { color: eeeeee; }
.kefu-social-icon.fb { background: #3b5998; }
.kefu-social-icon.wechat { background: #09b83e; }
.kefu-social-icon.skype { background: #00aff0; }
.kefu-social-icon.twitter { background: #1da1f2; }
.kefu-social-icon.linkedin { background: #0077b5; }
.kefu-row-4:hover { background: white; }
.kefu-row-4:hover .kefu-right { color: #000; }
@media (max-width: 768px) { .kefu-panel { top: auto; bottom: 0; transform: none; width: 100%; height: 50px; border-radius: 0; display: none; } .kefu-panel:hover { width: 100%; height: 250px; flex-direction: column; } .kefu-row { width: 100%; } }