html { font-size: 16px;}
@media (max-width: 768px) {
    html { font-size: 14px;}
}
@media (max-width: 480px) {
    html {font-size: 16px;}
}

.navbar {height: 60px; }
.navbar-nav .nav-link:hover{color: #0d6efd !important}
a{text-decoration: none; color: #333}
a:hover{color: #0d6efd}
@media(min-width:1200px){
  .navbar{padding: 0 2rem}
}
.navbar-nav .nav-link.active {color: #0d6efd !important; font-weight: 600}
.navbar-brand{margin-right: 0 !important}
.cityname{color: #666;}
.rounded-6 {border-radius: 0.75rem !important; margin-right: 1.5rem}
.pt-6 {padding-top: 6rem !important;}
.offcanvas{width: 300px!important;}
.navbar-toggler {border: none !important;outline: none !important;box-shadow: none !important;padding: 0.25rem 0.5rem;}
.navbar-toggler:focus {box-shadow: none !important;}
.dropdown .dropdown-toggle::after {display: none;}
.dropdown-menu i{font-size: 18px; margin-right: 6px;color: #0d6efd;}
.dropdown-menu li{padding: .2rem 0}
.dropdown-menu{border: none;}


.bg_pic{background-repeat: no-repeat; background-size: cover; background-image: url(../images/bg-img.webp);background-position: top center;}

@media (min-width: 1200px) {
  .bg_pic {
    height: 580px;
  }
}

@media (max-width: 480px) {
  .bg_pic {
    left:-1rem;
    top:3.8rem;
  }
}

.bg_banner_img{height: 460px; margin-top: 60px; background-image: url(../images/beian/bannerbg.jpg);background-repeat: no-repeat; background-position: top center; }
@media (max-width: 480px) {
  .bg_banner_img{height: 500px;}
}

.bg_news_img{height: 280px; margin-top: 60px; background-image: url(../images/beian/bannerbg.jpg);background-repeat: no-repeat; background-position: top center; }


#svg-intro { height: 400px; z-index: -10; }
@media (min-width: 1200px) {
  #svg-intro {
    height: 610px;
  }
}
@media (max-width: 480px) {
  #svg-intro {
    left:0rem;
    top:3.8rem;
  }
}

@media (min-width: 992px) {
  .dropdown:hover .dropdown-menu {
    display: block !important;
  }
  .dropdown .dropdown-toggle::after {
    display: none;
  }
  .dropdown-menu{box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
}



#main-navbar {transition: background-color 0.3s, box-shadow 0.3s; z-index: 1030;/* 高于其他元素 */}
#main-navbar.navbar-after-scroll {background-color: #fff;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}

/* 文字淡入 + 上浮动画 */
.fade-up {opacity: 0;transform: translateY(20px); animation: fadeUp 0.8s ease-out forwards;}
/* 让每个子元素依次出现 */
.fade-up > * { opacity: 0;animation: fadeChild 0.8s ease-out forwards;}
/* 标题延迟 */
.fade-up h2 { animation-delay: 0.1s; }
.fade-up h1 { animation-delay: 0.25s; }
/* 列表基本延迟 */
.fade-up ol li:nth-child(1) { animation-delay: 0.4s; }
.fade-up ol li:nth-child(2) { animation-delay: 0.55s; }
.fade-up ol li:nth-child(3) { animation-delay: 0.7s; }
/* 按钮延迟出现 */
.fade-up .btn { animation-delay: 0.9s; }
@keyframes fadeUp {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes fadeChild {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}

/*产品服务*/
.card {border: 0; box-shadow:0 2px 15px -3px rgba(0,0,0, 0.07), 0 10px 20px -2px rgba(0,0,0, 0.04);;}
.card .mask {position: absolute;top: 0;right: 0; bottom: 0; left: 0; width: 100%; height: 100%;overflow: hidden;background-attachment: fixed;}
.card .card-text{font-size: 0.95rem; color: rgba(79, 79, 79, 0.9)}
.card .bg-image {position: relative; overflow: hidden;background-repeat: no-repeat;background-size: cover; background-position: center center;}
.card .mt-n3 {margin-top: -1rem !important;}
.mb-6 {margin-bottom: 3.5rem !important;}
.card .btn-rounded{border-radius: 10rem;}
.card .btn-secondary {background-color: #e2eaf7;color: #294f8d; border: none; font-size: 0.8rem; }
.card .btn-secondary:hover {background-color: #294f8d; color: #d7deeb;border: none;}

/*解决方案*/
/* Tab 栏样式 */
.nav-tabs {border-bottom: none;justify-content: center;}
.nav-tabs .nav-link {border: none;color: #555;font-weight: 600;padding: 0.5rem 0rem;margin: 0 .7rem;border-radius: 0;transition: color 0.3s;}
.nav-tabs .nav-link.active {background-color: transparent !important;border-bottom: 3px solid #007bff; color: #007bff;}
.nav-tabs .nav-link:hover {color: #007bff;}
.tab-pane {backdrop-filter: blur(10px);background: hsla(0, 0%, 100%, .5);border: 1px solid hsla(0, 0%, 100%, .48); padding: 19px ;display: flex;flex-wrap: wrap; box-sizing: border-box;}

/*首页新闻*/
.news-card {background: #fff; border-radius: 12px;box-shadow: 0 4px 12px rgba(0,0,0,0.06); padding: 20px;}
.news-title { font-size: 1.2rem;font-weight: 700;}
.first-post img { width: 130px;height: 100px; object-fit: cover; border-radius: 8px;}
.article-item {padding: 12px 0;border-bottom: 1px solid #eee;}
.article-item:last-child {border-bottom: none;}
.article-meta {text-align: right;font-size: 0.9rem;color: #666;}
.more-btn i {margin-left: 4px;}
.article-title a {text-decoration: none;color: #333; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; display: block;max-width: 280px;  }
.article-title a:hover {color: #0d6efd;}


.license-card {border: 1px solid #e5e7eb;padding: 20px 20px 40px;border-radius: 8px;background: #fff; position: relative; transition: 0.25s;}
.license-card:hover {box-shadow: 0 6px 20px rgba(0,0,0,0.08); transform: translateY(-2px);}
.license-card h5 {font-size: 18px;font-weight: 600;}
.license-card p {color: #6b7280; margin: 8px 0 16px;}
.license-card a {color: #0d6efd;font-weight: 600; text-decoration: none;}
.icon-rb {position: absolute;bottom: 12px;right: 12px; font-size: 40px; opacity: 0.25;color: #0d6efd; pointer-events: none;}


/* 轮播容器 */
.fancy-carousel { position: relative;border-radius: 18px;overflow: hidden;box-shadow: 0 8px 28px rgba(0,0,0,0.12);}
/* 每张图片包装：用于标题定位 */
.carousel-img-wrapper { position: relative;}
/* 图片圆角 */
.fancy-carousel img {border-radius: 18px;}

/* 底部标题覆盖层 */
.carousel-title {position: absolute;bottom: 0;width: 100%;padding: 10px 14px;background: rgba(0, 0, 0, 0.55); color: #fff; font-size: 14px;text-align: center;border-bottom-left-radius: 18px;border-bottom-right-radius: 18px;backdrop-filter: blur(3px);}

/* 左右按钮 */
.fancy-carousel .fancy-prev,
.fancy-carousel .fancy-next {width: 32px;height: 32px;border-radius: 50%; background: rgba(0,0,0,0.4);border: none;top: 50%; transform: translateY(-50%); opacity: 0.85; transition: 0.25s; margin: 0 20px;}
.fancy-carousel .fancy-prev:hover,.fancy-carousel .fancy-next:hover {background: rgba(0,0,0,0.65);}
.fancy-carousel i {color: #fff;font-size: 20px;}
.bg-title{ background-image: url(../images/cert/filebg.jpg); background-position: center;background-size: cover;background-repeat: no-repeat;height: 80px;padding-top: 15px;text-indent: 20px;}
.bg-title-2{background-image: url(../images/cert/filebg1.jpg); background-position: center;background-size: cover; background-repeat: no-repeat; height: 80px; padding-top: 15px; text-indent: 20px;}
.list li{line-height: 2.2rem; text-indent: 1rem; margin: 0.5rem 0}
.icon-circle {width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center;justify-content: center;}

.c_nav {position: fixed;right: 10px;z-index: 9999;width: 72px;top: 50%;margin-top: -158px; list-style: none;}
.c_nav li {float: right; list-style: none;}
.c_nav li a {background: #FFFFFF;box-shadow: 0px 1px 3px 0px #5090fb;display: block;width: 62px;height: 62px;border-radius: 5px;border: #2b78f8 1px solid;font-size: 12px;text-align: center; margin-bottom: 9px; line-height: 1;}
.c_nav li a i {display: inline-block;width: 28px;height: 22px;padding: 11px 0 9px 0;transition: all 0.5s;}
.c_nav li.li1 a {background: linear-gradient(0deg, #1869f0, #2b78f8);color: #fff;transition: all 0.5s; height: 120px; padding-top: 13px;}
.c_nav li.li1 a p {letter-spacing: 3px;line-height: 24px;font-size: 16px; margin-bottom: 0!important}
.c_nav li.li1 i {background: url('../images/side_icon_01.png') center no-repeat;width: 40px;height: 40px;}
.c_nav li.li2 a {overflow: hidden;position: relative;transition: all 0.5s; padding-top: 10px;}
.c_nav li.li2 .hides {width: 230px;height: 70px; position: absolute;left: 0px;top: -5px;background: url(../images/side_tel_02.png) 20px center no-repeat;padding: 0 15px; text-align: left; display: none;text-indent: 50px;}
.c_nav li.li2 .hides h2 {font-size: 12px;color: #fff;padding: 17px 0 0px 0;}
.c_nav li.li2 .hides p {font-size: 22px;color: #fff;font-family: "Arial";}
.c_nav li.li2 i {background: url('../images/side_tel_01.png') center no-repeat; margin-bottom: 5px;}
.c_nav li a:hover i {transform: rotate(360deg);}
.c_nav li.li2 a:hover {background: linear-gradient(0deg, #1869f0, #2b78f8);}
.c_nav li.li2 a:hover .hides {display: block;}
.c_nav li.li2 a:hover .shows {display: none;}
.c_nav li.li2 a:hover {width: 230px;}
.c_nav li.li4 a {overflow: hidden;position: relative;transition: all 0.5s; padding-top: 10px;}
.c_nav li.li4 a:hover {background: linear-gradient(0deg, #1869f0, #2b78f8);color: #FFFFFF;}
.c_nav li.li4 a:hover i {background: url('../images/side_wx_02.png') center no-repeat;}
.c_nav li.li4 i {background: url('../images/side_wx_01.png') center no-repeat;margin-bottom: 5px;}
.c_nav li.li4:hover .ewm_div {display: block;}
.c_nav li.li4 .ewm_div {display: none;height: 160px;width: 140px;position: absolute;right: 84px;min-height: 90px;border-radius: 3px;box-shadow: 0px 5px 10px 0px rgba(25, 33, 49, 0.18);text-align: center; background: linear-gradient(0deg, #1869f0, #2b78f8);font-size: 13px;color: #ffffff;line-height: 30px;top: -51px;}
.c_nav li.li4 .ewm_div .arrow {position: absolute;width: 9px;height: 18px;background: url(../images/side_bg_arrow1.png) no-repeat; right: -8px;top: 70px;}
.c_nav li.li4 .ewm_div .img_div {width: 119px;height: 119px;margin: 11px 11px auto;}
.c_nav li.li2 {-webkit-animation: rotateInDownLeft 1.5s 1.5s ease both; -moz-animation: rotateInDownLeft 1.5s 1.5s ease both;}
.c_nav li.li4 {position: relative;-webkit-animation: rotateInDownRight 1.5s 2s ease both; -moz-animation: rotateInDownRight 1.5s 2s ease both;}
.c_nav li.li6 .out {background: url(../images/side_icon_05.png) center no-repeat #FFFFFF;}
.c_nav li.li6 .top_return { box-shadow: 0px 5px 10px 0px #d4c5c54f;display: block; width: 62px; height: 30px; border-radius: 5px;}
.c_nav li.li6 .over {display: none;background: linear-gradient(0deg, #1869f0, #2b78f8);line-height: 35px;color: #ffffff;text-align: center;}
.c_nav li.li6:hover .over { display: block; font-size: 12px;}
.c_nav li.li6:hover .out {display: none;}
.c_nav li.li6 {-webkit-animation: rotateInDownRight 1.5s 3.5s ease both;-moz-animation: rotateInDownRight 1.5s 3.5s ease both;cursor: pointer;}
.c_nav .d {display: none; width: 320px; background: #fff;position: absolute;right: 84px; min-height: 90px; border-radius: 3px;box-shadow: 0px 5px 10px 0px rgba(25, 33, 49, 0.18);}
.c_nav .d .arrow {position: absolute; width: 9px;height: 18px;background: url(../images/side_bg_arrow.png) no-repeat;right: -8px;top: 190px;}

.flex-auto { flex: 0 0 auto;}
.h-250 { height: 250px; }
@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
}
/*Blog posts*/
.blog-pagination {margin-bottom: 4rem;}
.blog-post {margin-bottom: 2rem;padding: .8rem 1.5rem 0 1.5rem;}
.blog-post-title {font-size: 1.2rem;}
.blog-post-title {color: #333; font-weight: 600;}
.blog-post-meta {margin-bottom: 1.25rem;color: #727272;}

.pages { font-size: 0;}
.pages .pagination {width: 100%; padding: 20px 0 20px 0;text-align: center;}
.pages .pagination li { display: inline-block;font-size: 15px; padding: 15px 10px;}
.pages .pagination li span,.pages .pagination li a {border-radius: 5px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #0a6de7;border-color: #0a6de7; color: #fff; padding: 5px 10px;}
.label-list .item {line-height: 24px;height: 24px; border-radius: 15px;font-size: 14px;display: inline-block;background: #ffffff; margin: 0 10px 10px 0;padding: 0 10px; max-width: 106px;overflow: hidden;text-overflow: ellipsis;}
.label-list .item:hover {background: linear-gradient(90deg, rgba(49, 133, 254, 1), rgba(76, 148, 251, 1));color: #fff;}
.article_detile h1{font-size: 1.6rem; font-weight: 600}
.article_detile h2{font-size: 1.4rem; font-weight: 600}
.article_detile h3{font-size: 1.2rem}
.article_detile h4{font-size: 1.2rem}
.tags-list ul li{float: left; list-style: none;}
.tags-list ul li .item { border-radius: 15px; display: inline-block; background: #F7F7F7; margin: 0 20px 10px 0;padding: 5px 10px;  overflow: hidden; text-overflow: ellipsis; font-size: 14px;}
.tags-list ul li .item:hover {background: linear-gradient(90deg, rgba(49, 133, 254, 1), rgba(76, 148, 251, 1));color: #fff;}

/*Footer*/
.footer a{color: #cccccc}
.footer a:hover{color: #fff; text-decoration:underline;}

/*软件服务*/
.bg_soft_pic{background-repeat: no-repeat; background-size: cover; background-image: url(../images/soft/banner.webp); background-position: top center; }

@media (min-width: 1200px) {
  .bg_soft_pic {height: 600px;}
}

@media (max-width: 480px) {
  .bg_soft_pic { height: 520px;background-position: center;}
}

.bg_dtc_pic{background-repeat: no-repeat; background-size: cover; background-image: url(../images/soft/banner-dtc.webp); background-position: top center; }

@media (min-width: 1200px) {
  .bg_dtc_pic {height: 600px;}
}

@media (max-width: 480px) {
  .bg_dtc_pic { height: 520px;background-position: center;}
}

.bg_email_pic{height: 520px; background-repeat: no-repeat; background-size: cover; background-image: url(../images/soft/banner_email.webp); background-position: top center; }


@media (max-width: 480px) {
  .bg_email_pic { height: 300px;background-position: center;}
}