@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:1400px;margin:0 auto;}	 
.top{background:#f5f9fc;padding:10px 0}
.top h5{text-align:right;color:#09518c;font-size:16px;font-weight:bold;}
.top h5 span+span{padding-left:10px;}
.navbar{padding:0 1rem;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;padding-top:2.1rem;padding-bottom:2.1rem;}
.navbar-light .navbar-nav .active>.nav-link{color:#fff}	 
.dropdown-menu{min-width:100%;background:#fff;margin:0;padding:0;border:0;top: 102%;border-radius: 0;box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);}
.dropdown-item{color:rgba(0,0,0,.8);padding:0.8rem 1.5rem;}
.navbar .dropdown-menu > a:hover, .dropdown-menu  > a:focus{background:rgba(255,255,255,0.5);color:#2783c5;}
.navbar-brand {max-width:80%}
.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-nav .nav-item>.nav-link.active{color:red;} */
.navbar-nav .nav-link.active {
    color: #2783c5 !important;
}
/*hover二级导航*/	
.dropdown:hover>.dropdown-menu {display:block;}
.dropdown>.dropdown-toggle:active {pointer-events:none;} 
.dropdown-toggle::after{border-top:.3em solid;border-right:.3em solid transparent;border-left:.3em solid transparent;} 



 
/*白色背景的头部*/
.navbar{transition: background-color 0.8s ease;}
.navbar.white{background:#fff;height:93px;box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.1);position: sticky;top:0;}	 
.navbar.white .nav-link{color:#333;font-weight:bold;}	
.navbar.white .active>.nav-link{color:#333}	
.navbar.white .nav-link:focus, .navbar.white .nav-link:hover{color:#2783c5;}

/*footer*/
footer{background:#3f3f3f;padding:60px 40px 40px;margin-top:5rem;}
.footer-content{display:grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 60px;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;}
.footer-link{color:#ccc;}
.footer-link:hover{color:#fff;}
.footer-links p span+span{padding-left:15px;}
.copy{background:#1b1b1b;color:#bebaba;padding:10px 0;text-align:center}
.copy span{padding:0 10px;}
.copy a{color:#bebaba}
.footer-content .code {margin-top:20px;text-align: center;}
.footer-content .code h5 {font-size: 1.3rem;color: white;margin-bottom: 1rem;position: relative;display: inline-block;}
.footer-content .code h5:after {content: '';display: block;width: 40px;height: 3px;background: white;margin: 0.3rem auto 0;border-radius: 2px;opacity: 0.7;}
.footer-content .official-qr {max-width: 120px;border-radius: 24px;box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);margin-bottom: 1rem;border: 4px solid white;}
.footer-content .code > p {color: rgba(255, 255, 255, 0.9);font-size: 14px;margin-bottom: 1.2rem;}
.footer-content .social-mini-nav {display: flex;align-items: center;gap:20px;padding-top:1.5rem;border-top: 1px solid rgba(255, 255, 255, 0.2);}
.footer-content .social-item {position: relative;display: flex;flex-direction: column;align-items: center;}
.footer-content .social-mini-link {display: flex;flex-direction: column;align-items: center;text-decoration: none;color: white;font-size: 14px;gap:5px;cursor: pointer;}
.footer-content .social-mini-link i {font-size:25px;color: white;transition: transform 0.15s;text-shadow: 0 2px 4px rgba(0,0,0,0.1);margin-right:0}
.footer-content .social-mini-link:hover i {transform: translateY(-4px);}
.footer-content .social-mini-link:hover {color:#fff;}
.footer-content .mini-xhs {display: flex;align-items: center;justify-content: center;font-size: 1.3rem;width: 1.8rem;height: 1.8rem;background: white;color: #2783c5;border-radius: 30% 70% 50% 50% / 40% 40% 60% 60%;transition: transform 0.15s, background 0.2s;box-shadow: 0 2px 6px rgba(0,0,0,0.1);}
.footer-content .social-mini-link:hover .mini-xhs {transform: translateY(-4px); background: rgba(255, 255, 255, 0.9);}
.footer-content .social-mini-link span {opacity: 0.9;text-shadow: 0 1px 2px rgba(0,0,0,0.1);}
.footer-content .qr-popup {position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%) translateY(-10px);background: white;padding: 0.5rem;border-radius: 12px;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);opacity: 0;visibility: hidden;transition: all 0.2s;width: 120px;text-align: center;border: 2px solid #2783c5;margin-bottom: 8px;pointer-events: none;z-index: 100;}
.footer-content .qr-popup::after {content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border-width: 6px;border-style: solid;border-color: white transparent transparent transparent;}
.footer-content .social-item:hover .qr-popup {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(-15px);}
.footer-content .qr-popup img {width: 100%;height: auto;border-radius: 8px;display: block;margin-bottom: 4px;border: 1px solid #eee;}
.footer-content .qr-popup p {font-size:14px;color: #2783c5;margin: 2px 0;font-weight: 600;}


/*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;}



/*导航下拉小箭头*/
.navbar-light .navbar-nav .nav-item>.nav-link::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.navbar-light .navbar-nav .home>.nav-link::after {
	display:none;
}