@charset "utf-8";
/* CSS Document */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;vertical-align:baseline;}
body{font-size:14px;line-height:22px;padding:0px;margin:0px;color:#4c4c4c;}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
figure{margin:0;}
hr,button,input,textarea{margin:0;padding:0;}
address,cite,dfn,em,var{font-style:normal;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul,li{list-style:none}
a{color:#3d3d3d;text-decoration:none;outline:none;}
a:hover{color:#2783c5;text-decoration:none;}
.clearfix{clear:both;width:0px;height:0px;overflow:hidden;}
.left{float:left;}
.right{float:right;}
img.m{vertical-align:middle;}


.container{max-width:768x;margin:0 auto;}	 
.top{background:#f5f9fc;padding:10px 0}
.top h5{text-align:right;color:#2783c5;font-size:16px;}
.navbar{padding:10px;background:rgba(0,0,0,0.2);z-index:9999;} 
.navbar-expand-sm .navbar-nav .nav-link{padding-right:0.9rem;padding-left:0.9rem;font-size:16px;color:#fff;}	
.navbar-light .navbar-nav .nav-item>.nav-link{display:block;}
.navbar-light .navbar-nav .active>.nav-link{color:#fff}	 
.nav-link {padding: .7rem 1rem}
.dropdown-menu{min-width:100%;background:rgba(39,131,197,1);border:0;}
.dropdown-item{font-size:18px;color:#fff;padding: 0.6rem 1.5rem;}
.navbar .dropdown-menu > a:hover, .dropdown-menu  > a:focus{background:rgba(255,255,255,0.5);color:#2783c5;}
.navbar-brand {max-width:60%}
.navbar-brand img{max-width:100%}	 
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:#fff}
.navbar .dropdown-menu > a:hover, .dropdown-menu > a:focus{color:#fff;background:#2783c5;}
.navbar-light .navbar-toggler{border:none;}
.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='%2309518c' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

 
/*白色背景的头部*/
.navbar{transition: background-color 0.8s ease;box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);}
.navbar.white{background:#fff;}		 
.navbar.white .nav-link{color:#333;font-size:18px;}	
.navbar.white .active>.nav-link{color:#333}	
.navbar.white .nav-link:focus, .navbar.white .nav-link:hover{color:#333}


/*搜索*/
.mobile-search-wrapper {display: inline-block;margin-left: 5px;position: relative;z-index: 1001; vertical-align: middle}
.mobile-search-icon {display: flex;align-items: center;justify-content: center;color:#09518c;border-radius: 50%;font-size: 1rem;transition: all 0.3s ease;text-decoration: none;}
.mobile-search-icon i{font-size:22px;}
.mobile-search-icon:hover {transform: scale(1.05);color:#09518c;text-decoration: none;}
.mobile-search-box {position: fixed;top: 70px;left: 15px;right: 15px;background: white;border-radius: 50px; box-shadow: 0 10px 30px rgba(0,0,0,0.15);padding: 5px 45px 5px 20px;display: none;z-index: 1002;border: 2px solid #09518c;animation: slideDown 0.3s ease;}
.mobile-search-box.show {display: block;}
.mobile-search-form {width: 100%;display: flex;align-items: center;}
.mobile-search-form input[type="search"] {width: 100%;height: 45px;border: none;outline: none;font-size: 1rem;color: #333;background: transparent;}
.mobile-search-form input[type="search"]::placeholder {color: #999;}
.mobile-search-form button {position: absolute;right:10px;top:10px;background: #09518c;border: none;color: white;width: 50px;height: 35px;border-radius:10px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;}
.mobile-search-form button:hover {background: #0a5ca8;}
.mobile-search-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 1000;display: none;}
.mobile-search-overlay.show {display: block;}
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/*footer*/
footer{background:#3f3f3f;padding:0 5px 90px 5px;margin-top:2rem;}
.footer-content{display:grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap:20px;color: rgba(255, 255, 255, 0.8);font-size:16px;}
.footer-content .code{margin-top:20px;}
.footer-content i{margin-right:10px;}
.footer-column h3 {font-size: 1.4rem;font-weight:700;color:#fff;margin-bottom: 25px;position: relative;padding-bottom: 15px;}
.footer-column h3::after {content: '';position: absolute;bottom: 0;left: 0;width: 40px;height: 3px;background:#2783c5;}
.footer-links {display: flex;flex-direction: column;gap: 15px;font-size:16px;margin-bottom:15px;}
.footer-links span+span{padding-left:15px;}
.footer-link{color:#ccc;}
.footer-link:hover{color:#fff;}
.copy{border-top:solid 1px rgba(255, 255, 255, 0.5);text-align:center;padding-top:15px;}
.copy p>a{color:rgba(255, 255, 255, 0.8)}

/*客服*/
.floating-customer-menu{position: fixed;bottom: 0;left: 0;width: 100%;background:#09518c;/* backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);box-shadow: 0 -6px 25px rgba(39, 131, 197, 0.18), 0 0 0 1px rgba(39, 131, 197, 0.1) inset; */z-index: 9999;transition: all 0.2s;}
.floating-customer-menu ul{display: flex;justify-content: space-around;	}
.floating-customer-menu ul li a {display: flex;flex-direction: column;align-items: center;color: rgba(255, 255, 255, 0.8);font-size:16px;gap: 6px;padding:12px 0 10px 0}
.floating-customer-menu ul li a>i{font-size:24px;}

/*微加添加*/
.copy-toast {position: fixed;bottom: 90px; left: 50%;transform: translateX(-50%);background: #1d2b3a;color: #ffffff;padding: 10px 28px;border-radius: 40px;font-size: 15px;font-weight: 500;box-shadow: 0 10px 30px rgba(0,0,0,0.2);z-index: 10000;opacity: 0;transition: opacity 0.25s ease;pointer-events: none;white-space: nowrap;line-height: 1.5;border: 1px solid rgba(255,255,255,0.1);}
.copy-toast.show {opacity: 0.95;}
.wechat-link:active {opacity: 0.7;transform: scale(0.96);transition: 0.1s;}

/*page*/
 .page{text-align:center;}
 #page{font-size:14px;height:30px;line-height:30px;text-align:center}
 #page .pageinfo{margin-right:3px;color:#808080;font-size:14px;padding:4px 8px;border:1px solid #aaa;}
 #page .pageinfo strong{font-weight:normal;margin:0 3px}
 #page  a{border:1px solid #aaa;border-radius:5px;color:#808080;padding:4px 10px;margin-left:5px;transition:all 0.2s}
 #page  a:hover,#page .curpage{color:#38b549;text-decoration:none;background:#2783c5;color:#fff;border:1px solid #2783c5;}
 #page .nopage{cursor:not-allowed;}
 #page .nopage:hover{background:#fff;color:#808080;border:1px solid #aaa;}	
 #page .homepage,#page .endpage{display:none;}