.banner img{max-width:100%;display:block}
.modal-dialog .btn{background: linear-gradient(to right, #2783c5, #1a6bb0);border-color: #2783c5;padding:6px 20px;}
body{background:#f5f9fc;}

/*左侧产品导航*/
.product-sidebar {background:#fff; border-radius:16px; box-shadow: 0 10px 30px rgba(0, 100, 255, 0.12); border:1px solid #e1eeff; overflow:hidden;position: sticky; top: 20px; align-self: flex-start; height: fit-content;}
.sidebar-header {background: linear-gradient(135deg, #2783c5 0%, #0d47a1 100%);color:#fff; padding:25px 25px; position:relative; overflow:hidden; }
.sidebar-header h2 { font-size:1.5rem; font-weight:700; margin:0; display:flex; align-items:center; }
.sidebar-header h2 i { margin-right:10px; font-size:22px; }
.sidebar-header h2::before {content: '';width: 24px;height: 24px;background-color: rgba(255, 255, 255, 0.2); border-radius: 50%;position: absolute;left:5px;top:5px;}
.sidebar-header::before {content: '';position: absolute;top: -50%;right: -20%;width: 120px;height: 120px;background-color: rgba(255, 255, 255, 0.1);border-radius: 50%;}
.sidebar-header::after {content: '';position: absolute;bottom: -30%;right: 10%;width: 80px;height: 80px;background-color: rgba(255, 255, 255, 0.08);border-radius: 50%;}	


/* 搜索框 */
.search-container { padding:18px 20px 15px; border-bottom:1px solid #f0f0f0; }
.search-box { position:relative; }
.search-box input { width:100%; border-radius:50px; border:1px solid #e1eeff; padding:10px 20px 10px 42px; font-size:14px; transition:.3s; background-color:#e8f4ff; }
.search-box input:focus { outline:none; border-color:#0d6efd; box-shadow:0 0 0 3px rgba(13,110,253,.25); background-color:#fff;}
.search-icon { position:absolute; left:16px; top:50%; transform:translateY(-50%); color:#2783c5; font-size:15px;}
.search-btn { position:absolute; right:5px; top:50%; transform:translateY(-50%); background: linear-gradient(to right, #2783c5, #0d47a1); color:#fff; border:none; border-radius:50px; padding:7px 16px; font-size:13px; font-weight:500; cursor:pointer; transition:.3s; }

/* 分类 */
.category-container { padding:0; }
.category-list { list-style:none; padding:0; margin:0; }
.category-item { position:relative; border-bottom:1px solid #f9f9f9; transition:.2s; }
.category-item:hover { background-color:#e8f4ff; }
.category-item:last-child { border-bottom:none; }
.category-link {display:block; padding: 18px 25px; color:#455a64;text-decoration:none; font-size:16px; transition:.2s; border-left:4px solid transparent; }
.category-link:hover,.category-link.active{border-left:4px solid #2783c5;color:#0d47a1;font-size:15px;background: linear-gradient(to right, #e8f4ff, #f8fbff);padding-left:22px; }
.category-link i {margin-right:0; margin-top:2px; float:right; font-size:12px; color:#90a4ae; }
.category-link.active i,.category-link:hover i{color:#0d47a1}


/* 二级分类 */
.subcategory-list {list-style:none; padding:0; margin:0; background-color:#f9fbfe; border-left:3px solid #b6d4fe; display:none; }
.category-item.active .subcategory-list {display:block;}
.subcategory-item { border-top:1px solid #f0f0f0; }
.subcategory-item.on a{color:#2783c5;}
.subcategory-link { display:block; padding:10px 20px 10px 50px; color:#6c757d; text-decoration:none; font-size:13px; transition:.2s; position:relative; border-left:4px solid transparent; }
.subcategory-link:before { content:"›"; position:absolute; left:30px; color:#6c757d; font-size:16px; }
.subcategory-link:hover:before,.subcategory-link.active:before { color:#0d6efd; }


/*产品列表*/
#product-list {scroll-margin-top: 200px;} /*产品锚点*/
.pos{font-size:16px;margin:2rem 0}
.pos .iconfont{margin-right:10px;}
.pos a{font-size:16px;}
.swiper-slide img {display:block;width: 100%; height: 100%;object-fit: cover;}
.big-img {height:80%;width:100%;}
.small-img {height:20%;box-sizing: border-box;padding:10px 0;}
.small-img .swiper-slide {width:25%;height:100%;opacity: 0.4;border:solid 1px #ccc;padding:2px;}
.small-img .swiper-slide-thumb-active {opacity: 1;border:solid 1px #2783c5;padding:2px;}
.yzm-title{border-bottom: #e4e3e3 1px solid;margin-bottom:30px;}
.yzm-title h2{font-size: 16px;line-height: 40px;font-weight: normal;border-bottom: 2px solid #2783c5;display: inline-block;padding-right:2px;color:#2783c5}
.pro-list{background:#fff;box-shadow: 0 5px 20px rgba(0, 40, 120, 0.08);padding:30px;border-radius: 12px;}
.pro-list .pro-info h5{padding:5px 0;margin-top:15px;text-align:center}
.pro-list .pro-info h5>a{color:#333;font-size:17px;font-weight:bold;}
.pro-list .pro-info .pro-btn{display:flex;justify-content:space-between;margin-top:5px;}
.pro-list .pro-info button{background:none;margin-top:10px;border-radius:10px;padding:5px 8px;border:solid 1px rgba(0, 130, 200, 0.5);color:#2783c5;font-size:15px;}
.pro-list .pro-info button:hover{border:solid 1px rgba(0, 130, 200, 0.8);background:none;}
.pro-list .pro-info i{margin-right:5px;}
.pro-list .item{margin-bottom:5rem}
.pro-list .big-img .swiper-slide img{display:block;max-width:100%;width:215px;height:215px;object-fit:cover;object-position:center;border: 1px solid rgba(0, 130, 200, 0.15);}
.pro-list .big-img .swiper-slide img:hover{border: 1px solid rgba(0, 130, 200, 0.5)}
.pro-list .small-img .swiper-slide img{display:block;max-width:100%;height:40px;object-fit:cover;object-position:center;}
.pro-list-modal p{font-size:15px;line-height:28px;}
.page{text-align:center;}

/*产品内容*/
.product-box{background:#fff;border-radius:12px;box-shadow: 0 5px 20px rgba(0, 87, 255, 0.08);padding:30px;margin-bottom:20px;}
.product-images .big-img .swiper-slide img{box-shadow: 0 4px 12px rgba(0, 87, 255, 0.15);display:block;max-width:100%;height:465px;width:465px;object-fit:cover;object-position:center;}
.product-images .small-img .swiper-slide img{max-width:100%;}
.product-desc h1{font-size:1.5rem;background:linear-gradient(135deg, #0d47a1 0%, #0d47a1 100%);font-weight:bold;-webkit-background-clip: text;background-clip: text;color: transparent;padding-left:10px;}
.product-tags {display:flex;flex-wrap: wrap;gap:10px;margin: 15px 0;}
.product-tag {background:#f0f7ff;color:#2783c5;font-size:12px;padding:6px 15px;border-radius:15px;font-weight:600;}
.product-text{padding:0 15px 15px 15px;border-bottom: 1px solid #d4d4d4;}
.product-text p{line-height:28px;font-size:16px;}
.product-zixun{margin-top:12px;}
.product-contact{display:flex;font-size:16px;color:rgba(51, 51, 51, 1);padding:0 0 15px 15px;}
.product-contact p+p{margin-left:20px;}
.product-contact i{padding-right:5px;}
.product-btn{display:flex;margin-left:15px;}
.product-btn i{padding-right:5px;}
.product-btn button{padding:10px 25px;display:block;border:0;border-radius:15px;font-size: 16px;text-align: center;background-color: #2783c5;color:#fff;margin-right:20px;}
.product-btn button:hover{background-color: #2783c5;}
.product-btn a{color:#fff;display:block}
.product-details h5{border-bottom:3px solid #e6f0ff;color:#2783c5;font-size:1.5rem;font-weight:bold;padding-bottom:15px;}
.product-details h5 i{font-size:1.5rem;margin-right:5px;}
.product-content{padding:15px 0;}
.product-content p{line-height:28px;font-size:16px;}
.product-content img{max-width:100%;}
.product-card{background:#fff;border-radius: 10px;overflow: hidden;box-shadow: 0 4px 12px rgba(0, 87, 255, 0.08);transition: all 0.3s ease;border:none}
.product-card:hover {transform: translateY(-8px);box-shadow: 0 8px 20px rgba(0, 87, 255, 0.15);}
.product-recommend {padding:20px 0;}
.product-recommend h2{font-size:20px;font-weight:bold;color:#2783c5;margin-bottom:25px;}
.product-recommend h2>i{font-size:22px;margin-right:5px;}
.product-recommend img{width:230px;height:230px;max-width:100%;display:block}
.product-recommend .card-body{text-align:center}
.product-recommend .card-body h5{font-size:20px;color:#000;}
.product-recommend .card-btn{display:block;width:100%;background:#e6f0ff;color:#2783c5;text-align: center;padding:10px;border-radius:6px;margin-top:20px;font-weight:bold;font-size:15px;transition: all 0.3s ease;}
.product-recommend .card-btn:hover {background:linear-gradient(to right, #2783c5, #1a6bb0);color:#fff;}

/*留言弹框*/
.modal-code{display:flex;}
.modal-code img{margin-left:10px;}
.modal-body .form-control::placeholder {color: #9fa2a9;font-size: 14px;}



/*新闻列表*/
.tab_nav ul{display:flex;justify-content:center;gap:15px;padding-bottom:30px;}
.tab_nav ul li a{background-color:#e7f5ff;border:1px solid #a5d8ff;color: #1c7ed6;font-weight:bold;display:block;padding:8px 28px;border-radius:30px;font-size:16px;}
.tab_nav ul li.on a{background: linear-gradient(to right, #2783c5, #1a6bb0);border-color:#2783c5;color:#fff}
.news-list{background:#fff;border-radius:15px;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);padding:40px 40px;position:relative;}
.news-list::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 5px;background: linear-gradient(to right, #0d47a1, #2783c5); border-radius: 15px 15px 0 0;}
.news-list .media{margin-bottom:40px;border-bottom: solid 3px #f5f9fc;padding-bottom:40px;}
.news-list .media img{max-width:100%;height:180px;width:270px;object-fit:cover;object-position:center;border-radius:10px;margin-right:50px;}
.news-list .media-body .date{background:#e7f5ff;color: #2783c5;padding: 6px 15px;border-radius:30px;font-weight:bold;}
.news-list .media-body .date i{margin-right:5px;}
.news-list .media-body h5 a{font-size:1.5rem;color:#0a2647;margin-bottom:10px;margin-top:25px;display:block}
.news-list .media-body p{color:#666;font-size:16px;line-height:1.7}
.read-more{display: inline-block;color:#2783c5;text-decoration: none;margin-top: 15px;position: relative;padding-bottom: 3px;font-size:16px;font-weight:bold;}       
.read-more::after {content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: #2783c5;transition: width 0.3s;}
.read-more:hover::after {width: 100%;}
.read-more i {margin-left: 5px;font-size: 0.9rem;transition: transform 0.3s;}
.read-more:hover i {transform: translateX(5px);}

/*新闻内容*/
.main-content{display:flex;gap:30px;margin-top:50px;}
.article-content{flex:1;background:#fff;border-radius:10px;box-shadow: 0 5px 20px rgba(0, 40, 120, 0.08);}
.article-title{padding:35px 40px 20px;border-bottom:1px solid #eef5ff;}
.article-title h1{font-size:32px;color:#333;margin-bottom:20px;color:#0c2b5e;line-height:1.5}
.article-title .plus{display: flex;gap: 25px;color:#5a7ba7;font-size: 15px;}
.article-title .plus i {margin-right: 8px;color:#5a7ba7;}
.article-text{padding:35px 40px;font-size:16px;text-align:justify;}
.article-text p{margin-bottom:15px;line-height:28px;text-indent:2rem;}
.article-text img{max-width:100%;display:block;margin:0 auto;}
.article-text .desc p{color:#1a56a8;border-left:4px solid #1a56a8;padding-left:15px;text-indent:0}
.article-side{width:320px;align-self:flex-start;background:#fff;border-radius:10px;box-shadow: 0 5px 20px rgba(0, 40, 120, 0.08);padding:25px;}
.article-side h5{color: #0c2b5e;font-size: 20px;margin-bottom: 20px;padding-bottom: 12px;border-bottom: 2px solid #eef5ff;font-weight: 600;}
.article-side ul li{margin-bottom:18px;padding-bottom:18px;border-bottom: 1px solid #f0f5ff;}
.article-side ul li a{color:#333;display:block;transition:color 0.3s;font-size:16px;}
.article-side ul li a:hover{color:#1a56a8}
.article-side ul li>span{display: block;font-size: 14px;color: #5a7ba7;margin-top: 5px;}
.article-side ul li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.article-controls{margin-top:30px;display:flex;justify-content: space-between;align-items: center;}
.article-controls .nav-btn{border:1px solid #d1e3ff;background:#f0f7ff;padding:10px 24px;border-radius:6px;color:#1a56a8;margin-right:10px;}       
.article-controls .nav-btn:hover {background-color:#2783c5;color:#fff;transform: translateY(-2px);box-shadow: 0 5px 15px rgba(26, 86, 168, 0.2);}
.article-controls .btn-home i{margin-right:5px;}

/*about*/
.article-box{background:#fff;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);border-radius: 10px 10px 0 0;position:relative;z-index:999;top:-35px;}
.article-box .article-pos{border-bottom: 1px solid #eee;padding: 22px 30px;}
.article-box .article-pos a{font-size: 16px;}
.article-box .article-pos .iconfont{margin-right:10px;}
.article-tab ul{display:flex;justify-content:center;border-bottom: 1px solid #eee;}
.article-tab ul li a{font-size: 16px;font-weight:bold;padding: 22px 30px;display:block}
.article-tab ul li.on a{color:#0d47a1;border-bottom: 3px solid #2783c5;background-color: #f8fafd;}
.about-title{margin-bottom:70px;text-align:center;position:relative}
.about-title .about-cn{font-size: 1.2rem;color: #2783c5;font-weight: 500;}
.article-tab-content{padding:40px;}
.article-tab-content h1{font-size:2rem;color: #0d47a1;font-weight:bold;margin-bottom: 10px;}
.about-title::after {content: '';position: absolute;bottom: -20px;left: 50%;margin-top:15px;transform: translateX(-50%);width: 80px;height: 4px;background-color: #2783c5;border-radius: 2px;}
.article-tab-content img{max-width:100%;display:block;margin:0 auto;}

/* .about-content{display:flex;gap:50px;}
.about-content .about-text{flex:1;} */
.about-content .about-text p{font-size:16px;line-height:28px;text-indent:2rem;text-align:justify;}
.about-content .about-img{flex:1;}
.about-content .about-img img{max-width:100%;margin-top:20px;}

.licheng .timeline {position: relative;margin: 50px auto;}
.licheng .timeline::after {content: '';position: absolute;width: 6px;background-color: #1a5fb4;top: 0;bottom: 0;left: 50%;margin-left: -3px;border-radius: 3px;z-index:-9999;}
.licheng .timeline-item {padding: 20px 50px;position: relative;width: 50%;margin-bottom: 40px;}
.licheng .left-pos {left: 0;}
.licheng .right-pos {left: 50%;}
.licheng .timeline-content {padding: 25px;background-color: white;border-radius: 15px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);position: relative;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.licheng .timeline-content:hover {transform: translateY(-5px);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);}
.licheng .left-pos .timeline-content::after {content: '';position: absolute;width: 20px;height: 20px;right: -10px;background-color: white;top: 30px;transform: rotate(45deg);box-shadow: 3px -3px 5px rgba(0, 0, 0, 0.05);}
.licheng .right-pos .timeline-content::after {content: '';position: absolute;width: 20px;height: 20px;left: -10px;background-color: white;top: 30px;transform: rotate(45deg);box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.05);}
.licheng .timeline-date {position: absolute;top: 30px;font-weight: bold;font-size: 1.3rem;color: #1a5fb4;z-index: 1;}
.licheng .left-pos .timeline-date {right: -120px;text-align: left;}
.licheng .right-pos .timeline-date {left: -120px;text-align: right;}
.licheng .timeline-icon {position: absolute;width: 50px;height: 50px;background-color: #1a5fb4;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-size: 1.5rem;z-index: 1;top: 20px;}
.licheng .timeline-icon i{font-size:30px;}        
.licheng .left-pos .timeline-icon {right: -25px;}
.licheng .right-pos .timeline-icon {left: -25px;}
.licheng .timeline-content h3 {color: #1a5fb4;margin-bottom: 15px;font-size: 1.5rem;display: flex;align-items: center;}
.licheng .timeline-content h3 i {margin-right: 10px;}
.licheng .timeline-content p {color: #555;margin-bottom: 15px;}
.licheng .timeline-image {width: 100%;height: 200px;object-fit: cover;border-radius: 10px;border: 1px solid #eee;}
.licheng img{max-width:85%}

.zhengshu .item{/* height:300px; */padding:20px;}
/* .zhengshu .item:hover{border:3px solid #d0e2ff;} */
.zhengshu .item img{width:100%;display:block;margin:0 auto;height:200px;object-fit:cover;object-position:top;}
.zhengshu .item-name{text-align:center; margin: 10px 0 30px 0;}
.overlay {position:fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.9);display: none;justify-content: center;align-items: center;z-index:9999;}
.overlay.active {display: flex;}
.overlay .modal-img {max-width: 90%;max-height: 90%;border-radius: 5px;}
.overlay .close-btn {position: absolute;top: 20px;right: 30px;color:#fff;font-size: 40px;cursor: pointer;background: none;border: none;}

.youshi .item{background:rgba(255, 255, 255, 0.95);border-radius: 16px;padding: 35px 30px;box-shadow: rgba(0, 0, 0, 0.15) 5px 5px 30px;transition: all 0.4s ease;position: relative;overflow: hidden;margin-bottom:30px;}       
.youshi .item:hover {transform: translateY(-10px);box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);}        
.youshi .item::before {content: '';position: absolute;top: 0;left: 0;width: 8px;height: 100%; background: linear-gradient(to bottom, #2783c5, #1a5fb4);}
.youshi .item-number {position: absolute;top: 20px;right: 25px;width: 50px;height: 50px;background: linear-gradient(135deg, #2783c5, #1a5fb4);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-size: 24px;font-weight: 700;box-shadow: 0 5px 15px rgba(26, 95, 180, 0.3);}
.youshi .item-icon i{width:70px;height:70px;background: linear-gradient(135deg, #e6f0ff, #c2d6ff);border-radius: 16px;display:flex;align-items: center;justify-content: center;margin-bottom: 25px;color: #1a5fb4;font-size: 32px;}
.youshi .item-content h3 {color: #2783c5;font-size: 26px;font-weight: 700;margin-bottom: 15px;line-height: 1.4;}       
.youshi .item-content p {color: #555;font-size: 18px;line-height: 1.6;text-align:justify;}
.youshi .highlight-tag {display: inline-block;background: linear-gradient(90deg, #2783c5, #1a5fb4);color: white;padding: 6px 15px;border-radius: 30px;font-size: 16px;font-weight: 600; margin-top: 15px;box-shadow: 0 4px 10px rgba(26, 95, 180, 0.2);}		

/*下载*/
.download{border: 1px solid #e1eeff;border-radius:16px;box-shadow: 0 10px 30px rgba(0, 100, 255, 0.12);}
.download .category-list{margin-top:20px;}
.dow-box{box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.4);padding:15px;margin-bottom:20px;height:120px;}
.dow-box h5>a{color:#0d47a1}
.dow-box p{padding-top:5px;}
.dow-box a{padding-top:5px;display:block;color:#000;font-size:16px;}

.show-dow h5{text-align:center;margin-bottom:15px;}
.show-dow p{padding-bottom:10px;}

/*联系我们*/
.contact{color:#fff;}
.contact .row{border-radius:12px;box-shadow: 0 10px 30px rgba(30, 136, 229, 0.1);overflow: hidden;}
.contact-title{text-align:center;margin:50px 0;}
.contact-title h1 {color:#0d47a1;font-size: 2rem;margin-bottom: 10px;position: relative;display: inline-block;font-weight:bold;}
.contact-title h1:after{content: '';position: absolute;width: 70px;height: 4px;background-color: #2783c5;bottom: -15px;left: 50%;transform: translateX(-50%);border-radius: 2px;}
.contact-title p {color: #666;font-size:16px;margin: 20px auto 0;line-height:28px;}
.contact-info{background:#2783c5;padding:2rem;}
.contact-info h2{font-size:22px;}
.contact .item-row{display:flex;align-items:flex-start;margin-top:2rem;}
.contact .item>p{margin-top:1.5rem;font-size:16px;}
.contact .item-icon{background:rgba(255, 255, 255, 0.2);width: 2.5rem;height: 2.5rem;margin-right: 1rem;border-radius:50%;align-items: center;justify-content: center;display: flex;}
.contact .item-row i{font-size:20px;color:#fff}
.contact .item-text{font-size:16px;}
.contact .item-text p span+span{padding-left:15px;}
/* .contact .code{margin-top:3rem;text-align:center}
.contact .code img{display:block;margin-top:1.5rem;margin:1.5rem auto 0 auto;}
.contact .code p{margin-top:10px;font-size: 0.9rem;color: #bbdefb;} */
.contact .code {margin-top:3rem;text-align: center;background: rgba(255, 255, 255, 0.1);border-radius: 48px; padding: 1.8rem 1.5rem;border: 1px solid rgba(255, 255, 255, 0.2);backdrop-filter: blur(5px);}
.contact .code h5 {font-size: 1.3rem;color: white;margin-bottom: 1rem;position: relative;display: inline-block;}
.contact .code h5:after {content: '';display: block;width: 40px;height: 3px;background: white;margin: 0.3rem auto 0;border-radius: 2px;opacity: 0.7;}
.contact .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;}
.contact .code > p {color: rgba(255, 255, 255, 0.9);font-size: 14px;margin-bottom: 1.2rem;}
.contact .social-mini-nav {display: flex;justify-content: center;align-items: center;gap: 2.5rem;margin-top: 1rem;padding-top: 1rem;border-top: 1px solid rgba(255, 255, 255, 0.2);}
.contact .social-item {position: relative;display: flex;flex-direction: column;align-items: center;}
.contact .social-mini-link {display: flex;flex-direction: column;align-items: center;text-decoration: none;color: white;font-size: 14px;gap:5px;cursor: pointer;}
.contact .social-mini-link i {font-size: 1.8rem;color: white;transition: transform 0.15s;text-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.contact .social-mini-link:hover i {transform: translateY(-4px);}
.contact .social-mini-link:hover {color:#fff;}
.contact .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);}
.contact .social-mini-link:hover .mini-xhs {transform: translateY(-4px); background: rgba(255, 255, 255, 0.9);}
.contact .social-mini-link span {opacity: 0.9;text-shadow: 0 1px 2px rgba(0,0,0,0.1);}
.contact .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;}
.contact .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;}
.contact .social-item:hover .qr-popup {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(-15px);}
.contact .qr-popup img {width: 100%;height: auto;border-radius: 8px;display: block;margin-bottom: 4px;border: 1px solid #eee;}
.contact .qr-popup p {font-size: 0.65rem;color: #2783c5;margin: 2px 0;font-weight: 600;}

.contact-form{background:#fff;color:#333;padding:1rem 2rem 2rem 2rem;}
.contact-form h3{font-size:22px;color:#000}
.contact-form label{font-size:16px;margin-bottom:0.5rem;}
.contact-form .form-group{margin-top:1rem;}
.contact-form .form-control::placeholder {color:#9fa2a9;font-size:14px;}
.contact-form .form-control{padding:22px 10px;border: 1px solid #ddd;border-radius:6px;}
.contact-form .submit-btn{background:#2783c5;color:#fff;border: none;padding: 15px 30px;margin-top:15px;font-size:1rem;border-radius: 6px;cursor: pointer;transition: background-color 0.3s, transform 0.2s;font-weight: 600;width: 50%;letter-spacing: 1px;}
.contact .ditu{background:#e3f2fd;height:330px;margin-top:5px;position:relative;}
.contact .ditu .fullscreen-btn {position: absolute;bottom: 0;right: 20px;background: white;border: none;padding: 8px 16px;border-radius: 20px;cursor: pointer;font-size: 14px;box-shadow: 0 2px 6px rgba(0,0,0,0.3);z-index: 999; }
.contact .ditu .fullscreen-btn:hover {background: #f0f0f0;}
.contact .submit-box{display:flex;gap:20px;align-items:center;}
.contact .submit-box .modal-code{padding-top:10px;}

/*服务体系*/
.service-section {margin:60px 0;}
.service-header {text-align: center;margin-bottom:60px;padding-bottom: 20px;position: relative;}		
.service-header:after {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 80px;height: 4px;background: #2783c5;border-radius: 2px;}
.service-title {font-size: 2rem;color: #0d47a1;margin-bottom:10px;font-weight:bold;}
.service-subtitle {font-size: 1.2rem;color: #2783c5;font-weight: 500;}
.service-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:30px;}
.service-card {background:linear-gradient(145deg, #ffffff, #f0f8ff);border-radius:20px;padding: 35px 30px;box-shadow:0 15px 35px rgba(13, 71, 161, 0.1);transition: all 0.4s ease;position: relative;overflow: hidden;}
.service-card:hover:before {transform: scale(1.5);}
.service-card:hover {transform: translateY(-10px);box-shadow: 0 25px 50px rgba(13, 71, 161, 0.15);}
.service-card .card-title {font-size:22px;color:#0d47a1;margin-bottom: 20px;display: flex;align-items: center;position: relative;z-index: 2;}
.service-card .card-title i {margin-right: 15px;color: #fff;background:linear-gradient(135deg, #0d47a1 0%, #2783c5 50%, #42a5f5 100%);;width: 48px;height: 48px;border-radius: 12px;display: flex;align-items: center;justify-content: center;font-size: 1.6rem;flex-shrink: 0;box-shadow: 0 5px 15px rgba(13, 71, 161, 0.2);}
.service-card.highlight-box{background: linear-gradient(135deg, #f8fcff 0%, #e3f2fd 100%);margin-top:30px;}
.service-card.highlight-box:before {content: '';position: absolute;top: 0;right: 0;width: 120px;height: 120px;background:#2783c5;opacity: 0.05;border-radius: 0 0 0 100%;}
.service-card.highlight-box .card-title i {color: #2783c5;background: #fff;}
.service-card .card-content{color: #555;font-size:16px;line-height: 1.8;position: relative;z-index: 2;text-align:justify;}
.support-content{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));}
.support-content .service-card{background:#fff;}
.jishu-list .media{margin-bottom:20px;border-bottom: dotted 1px #ddd;padding:20px;background: linear-gradient(145deg, #ffffff, #f0f8ff);box-shadow: 0 15px 35px rgba(13, 71, 161, 0.1);border-radius: 20px;}
.jishu-list .media img{max-width:100%;height:180px;width:270px;object-fit:cover;object-position:center;border-radius:10px; margin-right:20px;}
.jishu-list .media-body h5 a{font-size:22px;color:#0d47a1;margin-bottom:10px;margin-top:25px;display:block}
.jishu-list .media-body p{color:#555;font-size:16px;line-height:1.8}
.jishu-list .read-more{color:#444;font-size:14px;font-weight:normal}

/*招聘*/
.job-header {margin:32px 0;border-bottom:2px solid #2783c5;padding-bottom:30px;text-align:center;}
.title-section h1 {font-weight:700;font-size:2rem;color:#0d47a1;letter-spacing:-0.02em;margin-bottom:6px;}
.title-section p {color:#4d6272;font-size:1rem;}
.job-content {display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.job-wrapper {display:flex;flex-direction:column;background-color:#fff;border-radius:12px;border:1px solid #e2ecf5;box-shadow:0 4px 12px rgba(13,71,161,0.04);height:fit-content;transition:0.2s ease;}
.job-wrapper:hover {border-color:#2783c5;}
.job-card {padding:24px 26px;display:flex;flex-direction:column;background-color:#fff;border-radius:12px;height:100%;}
.job-wrapper.active .job-card {border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:1px solid #e2ecf5;}
.job-info {flex:1;}
.job-title {font-size:1.4rem;font-weight:700;color:#0d47a1;margin-bottom:14px;}
.job-meta {display:flex;flex-wrap:wrap;gap:20px;color:#4f6579;font-size:0.95rem;margin-bottom:14px;}
.job-meta span {display:inline-flex;align-items:center;}
.job-meta i {color:#2783c5;width:18px;margin-right:6px;}
.job-desc {color:#5f738c;font-size:0.95rem;line-height:1.5;margin-top:8px;margin-bottom:16px;}
.job-action {margin-top:8px;}
.btn-detail {display:inline-block;background-color:transparent;border:2px solid #2783c5;color:#2783c5;font-weight:600;padding:12px 24px;border-radius:40px;text-decoration:none;font-size:0.95rem;transition:0.18s;text-align:center;cursor:pointer;width:100%;}
.btn-detail i {margin-right:6px;}
.btn-detail:hover {background-color:#2783c5;color:#fff;}
.job-wrapper.active .btn-detail {background:linear-gradient(135deg,#2783c5 0%,#0d47a1 100%);color:#fff;}
.detail-dropdown {display:none;padding:24px 26px;background-color:#fafcff;border-radius:0 0 12px 12px;animation:slideDown 0.2s ease;}
.job-wrapper.active .detail-dropdown {display:block;}
.requirements {display:flex;flex-direction:column;gap:20px;}
.requirements-text {color:#2a4055;font-size:0.98rem;line-height:1.6;border-left:4px solid #2783c5;padding-left:18px;}
.dropdown-apply {display:flex;justify-content:flex-end;}
.btn-apply {display:inline-block;background-color:#2783c5;color:#fff;font-weight:600;padding:12px 32px;border-radius:60px;text-decoration:none;font-size:0.95rem;transition:0.2s;}
.btn-apply i {margin-right:8px;}
.btn-apply:hover {background:linear-gradient(135deg,#2783c5 0%,#0d47a1 100%);transform:translateY(-2px);color:#fff;}
@keyframes slideDown {
	from { opacity: 0; transform: translateY(-8px); }
	to { opacity: 1; transform: translateY(0); }
}

/*加盟*/
.company-cooperate{font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:16px;}
.partner-req{background:#f1f8fe;border-radius:28px;padding:28px 32px;margin:32px 0 36px;border:1px solid #b8d9ed;}
.partner-req h3{font-size:26px;font-weight:700;color:#0d47a1;margin-bottom:22px;display:flex;align-items:center;gap:10px;}
.req-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.req-item{display:flex;align-items:baseline;gap:14px;background:white;padding:16px 22px;border-radius:60px;border:1px solid #2783c5;font-weight:500;color:#0a3144;}
.req-index{background:#0d47a1;color:white;width:30px;height:30px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;}
.flow-steps{display:flex;flex-wrap:wrap;justify-content:space-between;margin:42px 0 30px;background:#ffffff;padding:22px 10px;border-radius:48px;border:2px solid #d1e8f2;}
.step-item{display:flex;flex-direction:column;align-items:center;width:100px;flex:1 1 auto;text-align:center;}
.step-circle{background:#2783c5;color:white;width:58px;height:58px;border-radius:58px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-bottom:12px;border:4px solid white;box-shadow:0 6px 0 #0d47a1;}
.step-label{font-weight:600;color:#0d47a1;font-size:16px;}
.qa-section{background:white;border-radius:28px;border:1px solid #cbe1f0;padding:32px 32px 20px;margin:40px 0 32px;}
.qa-section .qa-title{font-size:26px;font-weight:800;color:#0d47a1;margin-bottom:24px;display:flex;align-items:center;gap:12px;}
.qa-section .qa-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;}
.qa-section .qa-item{border-bottom:1px dashed #99c2db;padding-bottom:18px;}
.qa-section .q{font-weight:700;color:#2783c5;font-size:18px;margin-bottom:8px;display:flex;gap:8px;}
.qa-section .q span{background:#0d47a1;color:white;border-radius:30px;padding:2px 14px;font-size:15px;}
.qa-section .a{color:#1c495c;padding-left:6px;font-size:16px;line-height:1.5;}
.form-apply-mini{background:#f1f8fe;border-radius:32px;padding:42px 42px;border:1px solid #b8d9ed;width:100%;transition:0.2s;}
.form-header-mini{display:flex;gap:18px;align-items:center;font-size:28px;font-weight:700;color:#0d47a1;margin-bottom:36px;}
.form-header-mini span{background:#2783c5;color:white;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:20px;font-size:30px;box-shadow:0 8px 0 #0d47a1;transform:translateY(-3px);}
.form-grid-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 35px;}
.field-mini{display:flex;flex-direction:column;gap:8px;}
.field-mini label{font-weight:600;color:#16455b;font-size:16px;display:flex;align-items:center;gap:4px;padding-left:4px;}
.field-mini label span{color:#d32f2f;margin-left:3px;font-size:16px;}
.field-mini input,.field-mini textarea{padding:16px 22px;border:1.5px solid #cee2ed;border-radius:50px;font-size:16px;background:white;transition:all 0.18s ease;width:100%;font-family:inherit;box-shadow:inset 0 2px 6px rgba(0,0,0,0.01);}
.field-mini textarea{border-radius:28px;resize:vertical;min-height:100px;line-height:1.5;}
.field-mini input:focus,.field-mini textarea:focus{border-color:#2783c5;outline:none;box-shadow:0 0 0 4px rgba(39,131,197,0.1),inset 0 1px 6px rgba(13,71,161,0.02);}
.field-span-3{grid-column:span 3;}
.action-row{display:flex;align-items:flex-end;gap:35px;margin-top:30px;width:100%;}
.captcha-wrapper{display:flex;flex-direction:column;gap:8px;flex:0 0 380px;}
.captcha-label{font-weight:600;color:#16455b;font-size:16px;display:flex;align-items:center;gap:4px;padding-left:4px;}
.captcha-input-group{display:flex;align-items:center;gap:14px;width:100%;}
.captcha-input{padding:16px 22px;border:1.5px solid #cee2ed;border-radius:50px;font-size:16px;background:white;transition:all 0.18s ease;flex:1;font-family:inherit;box-shadow:inset 0 2px 6px rgba(0,0,0,0.01);}
.captcha-input:focus{border-color:#2783c5;outline:none;box-shadow:0 0 0 4px rgba(39,131,197,0.1),inset 0 1px 6px rgba(13,71,161,0.02);}
.captcha-hint{font-size:15px;color:#2783c5;background:#e2f0fa;padding:16px 22px;border-radius:50px;white-space:nowrap;cursor:pointer;border:1px dashed #2783c5;font-weight:600;transition:0.12s;user-select:none;height:58px;display:flex;align-items:center;}
.captcha-hint:hover{background:#d0e6f5;border:1px solid #0d47a1;color:#0d47a1;}
.submit-wrapper{display:flex;flex-direction:column;gap:8px;}
.submit-label{font-weight:600;color:#16455b;font-size:16px;display:flex;align-items:center;gap:4px;padding-left:4px;opacity:0;height:24px;}
.btn-submit-mini{background:#2783c5;border:none;padding:16px 32px;border-radius:60px;color:white;font-size:22px;font-weight:700;cursor:pointer;transition:0.2s cubic-bezier(0.2,0.9,0.4,1);border:3px solid white;display:flex;align-items:center;justify-content:center;gap:14px;letter-spacing:3px;transform:translateY(-4px);width:100%;height:58px;}
.btn-submit-mini:hover{transform:translateY(-2px);}
.btn-submit-mini:active{transform:translateY(6px);}
.form-footnote{font-size:16px;color:#0d47a1;margin-top:36px;text-align:right;border-top:1px dashed #aacce0;padding-top:26px;display:flex;justify-content:space-between;align-items:center;}
.footnote-star{color:#d32f2f;font-weight:700;}
.advantage{padding:0 2rem;}
.advantage-title{text-align:center;margin:3.5rem 0;}
.advantage-title h2{font-size:2.6rem;font-weight:700;color:#0d47a1;text-align:center;}
.advantage-title p{color:#2783c5;font-size:1.25rem;font-weight:400;padding-top:10px;}
.advantage-card{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:3.5rem;border-radius:2rem;transition:all 0.2s ease;}
.advantage .card-content{flex:1 1 350px;padding:0.8rem 0.5rem;}
.advantage .content-head{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.2rem;}
@font-face{font-family:'259-cai978regular';src:url('../fonts/259-cai978-webfont.eot');src:url('../fonts/259-cai978-webfont.eot') format('embedded-opentype'),url('../fonts/259-cai978-webfont.woff2') format('woff2'),url('../fonts/259-cai978-webfont.woff') format('woff'),url('../fonts/259-cai978-webfont.ttf') format('truetype'),url('../img/259-cai978-webfont.svg#259-cai978regular') format('svg');font-weight:normal;font-style:normal;}
.advantage .content-num{font-size:148px;color:#2783c5;line-height:1;font-family:"259-cai978regular";font-style:inherit;margin-right:10px;}
.advantage .content-head h2{font-size:2rem;font-weight:650;color:#0d47a1;letter-spacing:-0.01em;border-bottom:3px solid rgba(39,131,197,0.25);padding-bottom:0.2rem;}
.advantage .card-content p{font-size:1.08rem;line-height:1.6;color:#1a3c54;margin-bottom:0.9rem;padding-right:0.8rem;}
.advantage .card-row-reverse .card-image{order:2;}
.advantage .card-row-reverse .card-content{order:1;}
.advantage .image-placeholder img{max-width:90%;display:block;padding:3%;box-shadow:0 20px 28px -18px #0d47a1,inset 0 -3px 8px rgba(39,131,197,0.1);border-radius:50%;}

	
/*园区实景*/	
.siteview-tab {display: flex;justify-content: center;gap: 20px;margin: 40px 0 50px;}
.siteview-tab .tab-item {min-width: 180px;padding: 14px 20px; text-align: center;border-radius: 8px;background: #fff;border: 1px solid #e5eaf3;color: #555;cursor: pointer;transition: all 0.3s ease;font-size: 15px;}
.siteview-tab .tab-item:hover {border-color: #2a5caa;color: #2a5caa;}
.siteview-tab .tab-item.on {background: rgba(39, 131, 197, 0.05);border-color: rgba(39, 131, 197, 0.6);color: #2783c5;font-weight: 500;}
.content-item{display:none;}

	



