html,body{overflow-x:hidden ;}
body {
    scroll-behavior: smooth;  
}
.bg-light {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color:rgba(0, 104, 183, 1)!important;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
}
.navbar-nav .nav-item .nav-link {
color: #ffffff;
}
.navbar-nav .nav-item .nav-link:hover {
color: #ffffff;
}
.navbar-nav .nav-item .nav-link:visited,
.navbar-nav .nav-item .nav-link:active {
    color: #ffffff;
}
.navbar-brand {
margin-right:5rem;
}

.navbar-light .navbar-toggler-icon {
background-image: url('../imgs/nav.png');
}
.navbar-light .navbar-toggler {
border-color: rgba(255,255,255,.1);
}



/* 大屏幕海报样式 */
.banner_box .mobile {
    display: none;
}
.banner_box .banner_pic {
position: relative;
width: 100%;
height: 850px;
background-image: url('../imgs/banner.jpg');
background-size: cover; /* 保持图像比例并覆盖整个元素 */
background-position: center center; /* 图像居中显示 */
overflow: hidden;

}
.bannerText {
    color: #ffffff;
    margin-top: 150px;
   padding: 0 30px;
   
}
.bannerText h2{
    font-size: 28px;
    margin-bottom: 20px; 
    font-weight: 700;   
}
.bannerText h6 {
    font-size: 18px;
    line-height: 1.5rem;
}

.bannerText .moreInfo {
    display: inline-block;
    margin-top: 50px;
    background-color: #ffffff;
    color: #0a2373;
    padding: 15px 20px;
    border-radius: 8px;
}
.bannerQrcode {
    padding:  30px 0 0 30px;
}
.bannerQrcode img {
    width: 120px;
    height: 120px;

}
.pcQrcode {
    position: absolute;
    right: 30%;
    bottom: 120px;
}
.pcQrcode img {
    width: 220px;
    vertical-align: middle;
    
}
.pcQrcode a {
    display: inline-block;
    padding: 15px 20px;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-size: 20px;
    text-decoration: none;
    margin-right: 125px;
   transition: all 0.5s;
      
}
.pcQrcode a:hover {
    color: #0a2373;
    border: 0;
    background-color: #ffffff;
    
}
/* 案例样式 */
.case {
    background-color: #fafafa;
    padding: 50px 0;
    
}
.case h2 {
    font-size: 32px;
    color: #0a2373;
    font-weight: 700;
    margin-bottom: 20px;
}
.case p {
    color: #666;
}
.listBox {
    margin-top: 50px;
}
li[class*=col-] {  
    padding: 10px; 
}
li[class*=col-] .miniBox {
    background-color: #ffffff;
    height: 120px;
    text-align: center;
    padding: 20px 0;
}
li[class*=col-] .miniBox img {
    width: 100%;
    height: auto;
    max-width: 100px;
    max-height: 35px;
    margin: auto;
    margin-bottom: 20px;
}

li[class*=col-] .miniBox h6 {
    font-size: 1.0625rem;
    color: #0a2373;
    font-weight: 600;
}
.moreCase {
    text-align: center;
    margin-top: 40px;   
}
.moreCase a {
    display: inline-block;
    padding: 15px 20px;
    /* border: 1px solid #0a2373; */
    background-color: #0a2373;
    color: #ffffff;
    text-decoration: none;
    border-radius: 8px;
}
/* 底部样式#2e3238 */
footer {
    width: 100%;
    height: auto;
    background-color: #2e3238;
    color: #afafaf;
    
}
footer .footCon {
    padding: 50px 0;
}
.comInfo {
    margin-bottom: 30px;
}
.comInfo h6 {
    font-size: 30px;
    font-weight: 400;
    margin: 20px 0;
}
.comInfo p {
    font-size: 16px;
    line-height: 2rem;
}
.footNav {margin-bottom: 30px;}
.footNav h6{
    font-weight: 600;
    margin-bottom: 20px;
}

.footNav li {
    color: #afafaf;
    text-decoration: none;
    line-height: 2rem;
}
.qrCode img {
    max-width: 150px;
}
.beianInfo {
    width: 100%;
    border-top: 1px solid rgba(255,255,255,.1);
    font-size: 12px;
}
.beianInfo p {padding: 30px 0;}

.beianInfo a {
    text-decoration:none;
    color:white;
    font-weight:bold;
}

.beianInfo p i {
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
    width: 14px;
    height: 16px;
    background: url(../imgs/icon.png) no-repeat center / cover;
}


/* 媒体查询 */
@media screen and (max-width: 991px){
.banner_box .mobile {
        display: block;
    }
.pcQrcode {display: none;}
.banner_box .banner_pic {
height: 650px;
background-image: url('../imgs/banner_mini.png');
}
a.navbar-brand {
    margin-right:0;
    }
 .navbar-brand img {
    margin-left:-10px ;
} 
.footCon {
    margin-left: 20px;
}
.footCon .footfLogo {
    margin-left: -10px;
}
}