@charset "utf-8";
/* CSS Document */
a{ color: #333}
    :root{--bg:#0b1220;--card:#0f172a;--muted:#94a3b8;--text:#e2e8f0;--brand:#38bdf8;--brand2:#22d3ee;--accent:#a78bfa;--radius:16px;--shadow:0 10px 30px rgba(2,8,23,.35);--max:1160px}
    *{box-sizing:border-box}
    /* hero */
    .hero{}
    .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
    .badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.25);color:#b9ecff;font-size:13px}
    h1{font-size:40px;line-height:1.3; font:bold;margin:14px 0 10px}
    .sub{color:var(--muted);max-width:54ch}
    .pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
    .pill{font-size:13px;padding:6px 10px;border:1px solid rgba(148,163,184,.25);border-radius:999px;color:#dbeafe;background:rgba(56,189,248,.08)}
    .panel{background:linear-gradient(180deg,rgba(15,23,42,.8),rgba(2,8,23,.8));border:1px solid rgba(148,163,184,.18);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
    .hero-form{display:grid;gap:10px}
    .hero-form input{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(148,163,184,.28);background:#0b1220;color:var(--text)}
    .hint{font-size:12px;color:var(--muted)}
	.white{ color: #fff;}
	.top-style-ten .about-content .content .main-title, .main-title{ font-size:36px; line-height: 40px;}
	.section-content h5{line-height: 40px}
	.section-content h5,.section-content .btn{ margin-bottom: 10px;}
#blogconent{padding: 20px 0}
.single-blog-item .blog-main-content{padding: 18px 20px 30px;}
.blog-content h2{ font-size:28px;margin:28px 0; line-height: 1.3}
.header-section {padding: 0;}
.btn-img span{ display: none}
.btn-img{ display: block; width: 120px; height: 120px; border-radius: 50%; margin: 0 auto; background-color: aqua;  background-size: auto 120px; background-position: center; background-repeat: no-repeat}
.address{ font-size: 12px; color: #666;}
.code img{ width:60px;}
.product-type{font-size: 14px; line-height: 30px;}
#pagestyle a.page-num-current {color: #fff; background-color:#00b4db;}
#pagestyle a.page-num,#pagestyle span.page-num {
    border: none;
    background-color: #f7fbff;
    border-radius: 0;
    font-size: 20px;
    color: #0d1f35;
    font-weight: 700;
    font-family: "Heebo", sans-serif;
    height: 63px;
    width: 63px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	margin-right: 20px;
}
.blog-content img,.product-img img{ max-width: 100%;}
.subnav{ border-top: 1px solid #eceff1;border-bottom: 1px solid #eceff1; line-height: 25px; font-size: 14px; padding: 10px 0}
.slider-title,.slider-breadcrumb { text-align: left}
#topbg,.pt-0{ padding: 20px 0; background-color:#eceff1; margin-bottom: 0}
.product-single.single-blog-item{padding: 0}
.widget-title h3{font-size: 22px; line-height: 50px;}
.categori-list a{line-height: 40px; display: block}
.about-content .content .main-title,.main-title{
    color: #1e2843;
    font-family: "Heebo", sans-serif;
    font-weight: bold;
    font-size: 36px;
    margin: 15px 0 25px;
}
.section-header{ text-align: center; margin-bottom: 30px;}
.section-header h3{ font-size: 16px;}
.lab-content{ padding: 10px 20px}
.lab-content p{ font-size: 14px;}
.lab-content{}
#typemenu .main-title,#typemenu h3,#typemenu,.service-section_one .header-title .title{color: #fff}
.btnbg{ padding:20px 10px 10px;}
.sidebar-item .categoris .categori-list ul.listdot li a{ text-align: left;}
.stepnav {
    background: url(/static/picture/number-ico1.png);
    background-repeat: no-repeat;
    background-size:22px 22px;
    background-position:17px top;
}
	#step02{ background-image: url(/static/picture/number-ico2.png)}
	#step03{ background-image: url(/static/picture/number-ico3.png)}
	#step04{ background-image: url(/static/picture/number-ico4.png)}
.service-section_one {
    position: relative;
    background-image: url(/static/upload/image/20251003/1759497444322800.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    padding: 100px 0;
    background-size: auto; margin: 0px;
}
.contact-info-tips{background-image: url(/static/picture/tips.png);
    background-position:center;
    background-repeat: no-repeat;}
.service-section_one:before {
    background-color: rgba(16,152,218, 0.85);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
    display: block;
}
.Features-Products{ background-color:#eceff1;}
.single-products{ background-color:#fff;}
	.slider{
    background-image: linear-gradient(110deg, #5cc4e9, #169cdb);
    box-sizing: border-box;
    color: #fff;
    display: flex
;
    height: 280px;
    justify-content: center;
    overflow-x: hidden;
    padding-left: 30px;
    padding-right: 30px;
    padding-top:100px;
}
.slider .slider-title h2.title{font-size:48px; color: #fff}
.style-ten{background-image: linear-gradient(133deg,#3ac5e6, #9817f3); padding:50px 0 70px}
.style-ten .main-title.white,.style-ten .simple-content.white{color: #fff}
.call-to-action.style-two.style-four {padding:100px 0 50px;}
.contact-info-bg{background-color: #fafafc;}
#stepnav .shop-single-features{background-image: linear-gradient(133deg,#3ac5e6, #9817f3); border: 1px solid #3ac5e6; border-radius: 10px; padding:20px 10px}
#stepnav dt,#stepnav dd{ color: #fff; font-size: 14px; text-align: left}
	#stepnav dt{ line-height: 30px; margin-bottom: 10px; font-size: 20px;}
#stepnav dt i {background-color: #fff; display: block;
    color: #1098da;
    height:30px;
    width:30px;
    border-radius: 50%;
    line-height: 30px;
    font-size:18px;text-align: center; margin: 0 0 20px 0 }
.style-dt .shop-single-features{background-image: linear-gradient(133deg,#3ac5e6, #9817f3); border: 1px solid #3ac5e6; border-radius: 10px; padding:20px 10px; margin-bottom: 10px;}
.style-dt dt,.style-dt dd{ color: #fff; text-align: left; font-size: 16px}
.style-dt dt{ font-size:24px; margin-bottom: 10px;}
.style-dt dt span.label-default{ background-color: #fff; border: 1px solid #fff; font-weight: 100; color: #3ac5e6; border-radius: 30px; padding: 0 10px; margin-right: 10px;}
.style-dt i {background-color: #fff; display: block;
    color: #1098da;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    line-height: 60px;
    font-size:25px; margin: 10px auto 30px;
}
	.style-dt i{float: left; margin-right:20px;}	


.single-item .info-icon i {
    background-color: #1098da;
    color: #fff;
    height:50px;
    width:50px;
    border-radius: 50%;
    line-height:50px;
    font-size: 35px; text-align: center; margin-right: 10px; float: left;
}
	.single-item .info-icon span{  line-height: 50px; height: 50px}

.style-dt-one .shop-single-features{background-image: linear-gradient(133deg,#5cb85c, #5bc0de); border: 1px solid #5cb85c; border-radius: 10px; padding:20px 10px; margin-bottom: 10px;}
.style-dt-one .shop-single-bg-a{background-image: linear-gradient(133deg,#4cb5fa, #5fd9fa); border: 1px solid #4cb5fa; }
.style-dt-one .shop-single-bg-b{background-image: linear-gradient(133deg,#8cdee2, #81def0); border: 1px solid #8cdee2; }
.style-dt-one .shop-single-bg-c{background-image: linear-gradient(133deg,#ff9190, #ffaea5); border: 1px solid #ff9190; }
.style-dt-one .shop-single-bg-d{background-image: linear-gradient(133deg,#ffcd5c, #ffdb79); border: 1px solid #ffcd5c; }
.style-dt-one .shop-single-bg-e{background-image: linear-gradient(133deg,#6dd270, #98e686); border: 1px solid #6dd270; }
.style-dt-one .shop-single-bg-f{background-image: linear-gradient(133deg,#909dee, #ba9afe); border: 1px solid #909dee; }
.style-dt-one .shop-single-bg-g{background-image: linear-gradient(133deg,#9be07e, #bce784); border: 1px solid #9be07e; }
.style-dt-one .shop-single-bg-h{background-image: linear-gradient(133deg,#cd8787, #d79e9e); border: 1px solid #cd8787; }
.style-dt-one .style-dt .shop-single-bg-a i{ color:#4cb5fa; }
.style-dt-one .style-dt .shop-single-bg-b i{ color:#8cdee2; }
.style-dt-one .style-dt .shop-single-bg-c i{ color:#ff9190; }
.style-dt-one .style-dt .shop-single-bg-d i{ color:#ffcd5c; }
.style-dt-one .style-dt .shop-single-bg-e i{ color:#6dd270; }
.style-dt-one .style-dt .shop-single-bg-f i{ color:#909dee;}
.style-dt-one .style-dt .shop-single-bg-g i{ color:#9be07e;}
.style-dt-one .style-dt .shop-single-bg-h i{ color:#cd8787;}
   /* 悬浮按钮样式 */
    .float-btn {
      position: fixed;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      background: linear-gradient(135deg,#5cc4e9, #169cdb);
      color: #fff;
      border: none;
      border-radius: 50px;
      padding: 14px 36px;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 1px;
      cursor: pointer;
      box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
      z-index: 999;
      animation: pulse 2.2s infinite;
      transition: all 0.2s ease;
    }

    /* 触摸反馈 */
    .float-btn:active {
      transform: translateX(-50%) scale(0.95);
      box-shadow: 0 2px 6px rgba(0, 123, 255, 0.3);
    }

    /* 呼吸动画 */
    @keyframes pulse {
      0% {
        box-shadow: 0 0 0 0 rgba(0, 195, 255, 0.4);
      }
      70% {
        box-shadow: 0 0 0 15px rgba(0, 195, 255, 0);
      }
      100% {
        box-shadow: 0 0 0 0 rgba(0, 195, 255, 0);
      }
    }

    /* 防止iPhone底部安全区遮挡 */
    @supports(padding: env(safe-area-inset-bottom)) {
      .float-btn {
        bottom: calc(20px + env(safe-area-inset-bottom));
      }
    }
.joddl span{margin-right: 20px;}
.jobcontent h5{ margin-bottom: 10px;}
.jobnav{ margin-bottom: 20px;}