/*滚动条整体样式*/
::-webkit-scrollbar {
  background: transparent;
  width: 7px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 7px;
}

/*滚动条里面的滚动的块样式*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #6d6d6d;
  
}

/*滚动条里面轨道*/
::-webkit-scrollbar-track {
  background: #3e3e3e;;
}

*{
  user-select: none;
}

img{max-width: 100%;}
.full-height header{height: auto;}

@media (min-width: 1200px) and (max-width: 1366px){
  .container{max-width: 1140px;}
}
@media (min-width: 1367px){
  .container{max-width: 88%;}
}
.navbar{width: 100%; padding-left: 6%; padding-right: 6%; padding-bottom: 0!important;}
.nav-container{width:100%; display: flex; align-items: center; justify-content: space-between;}
.navbar-brand{display: inline-block; width: 180px; height: 84px; margin-right: 3rem; vertical-align: middle; background: url('../img/logo-black.png') no-repeat;}
.nav-item{margin-right: 30px; }
.nav-item>a{line-height: 84px; white-space: nowrap;}

/* 导航栏横向无缝滚动 */
.nav-marquee{width: 100%; flex: 1 1 auto; min-width: 0;}
.nav-marquee-track{display: flex; width: max-content;}
.nav-marquee-track > .navbar-nav{display: flex; flex-direction: row; flex-shrink: 0; padding-left: 0; margin-bottom: 0; list-style: none;}
.nav-marquee.rolling{overflow: hidden;}
.nav-marquee.rolling .nav-marquee-track{animation: nav-marquee-scroll linear infinite;}
.nav-marquee.rolling:hover .nav-marquee-track{animation-play-state: paused;}
.nav-marquee.rolling:hover{overflow: visible;}
/* 让 navbar-collapse 占满 logo 右侧剩余空间，覆盖 ml-auto 的靠右效果 */
.navbar-collapse{flex: 1 1 auto; margin-left: 0 !important;}
/* 让下拉菜单以 navbar 为宽度基准，从而撑满导航栏内容区 */
.sub-nav{width: 100%; left: 0;}
@keyframes nav-marquee-scroll{
  0%{transform: translateX(0);}
  100%{transform: translateX(-50%);}
}

.top-nav-collapse {
  background-color: #fff !important;
}
.navbar-right a{display: inline-block; padding: 10px 20px; background: #267CFF; color: #fff; border-radius: 6px; white-space: nowrap;}
.navbar-right img{margin-right: 10px;}

.navbar:not(.top-nav-collapse) {
  background: none !important; box-shadow: none; 
}
.navbar:not(.top-nav-collapse) .navbar-brand{background: url('../img/logo.png')!important;}
.navbar:not(.top-nav-collapse) .nav-item>a{color: #fff!important;}



.hidden{display: none;}
.sub-nav{display: none; position: absolute; left: 50%; top: 100%; width: 100vw; transform: translateX(-50%); background: #fff; padding: 40px; margin: 0; box-sizing: border-box;}


.sub-nav h3{font-size: 24px; font-weight: bold; color: #010302;}
.sub-nav .sub-items{padding-left: 40px; overflow: hidden; width: 100%;}
.sub-nav .sub-items .sub-items-track{display: flex; width: max-content;}
.sub-nav .sub-items .sub-items-track a{white-space: nowrap; flex-shrink: 0; color: #010302; margin: 0 40px;}
.sub-nav .sub-items.rolling .sub-items-track{animation: sub-items-marquee-scroll linear infinite;}
.sub-nav .sub-items.rolling:hover .sub-items-track{animation-play-state: paused;}
@keyframes sub-items-marquee-scroll{
  0%{transform: translateX(0);}
  100%{transform: translateX(-50%);}
}
/* display: flex; justify-content: space-between; align-items: center; */
.sub-nav .sub-items a:hover{color: #267CFF;}
.sub-nav .sub-items.flex-column{flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.marLeft10{margin-left: 10%;}

.section1{ background-size: cover; height:100vh; position: relative; z-index: 20;}

.white-text h1{font-size: 5rem; font-weight: bold;}
.white-text p{font-size: 1.8rem; margin: 20px 0 50px;}
.white-text a{display: inline-block; vertical-align: middle;text-align: center; font-weight: 600; font-size: 1.4rem; padding: 1rem 4rem; margin-right: 40px; background: #fff; color: #267CFF;}
.white-text a.btn-left{background: #FA7A18; color: #fff; }

.se-bottom{position: absolute; bottom: 0; left:0; width: 100%; padding: 1rem 6%; background: rgba(35,68,133,.7); backdrop-filter: blur(10px); display: flex; align-items: center;}
.se-bottom span{color: #fff; font-size: 1.2rem; margin-right: 40px;}
.se-bottom span img{margin-right: 20px; display: inline-block; width: 16px; vertical-align: super;}

.app-carousel-item:hover>div>img{transform: scale(1.2); transition: all 1s;}

.view-padding{padding: 0 6%;}
.num-box{padding: 8% 0;}
.num-items{text-align: center;}
.num-items h4{font-weight: bold; margin-top: 20px;}
.num-items p{color: #333333;}

.section3{background-color: #EDF1FB; background-image: url('../img/index/sec1-bacground.png'); background-size: cover;}
.section-title{margin: 5% 0; text-align: center;}
.section-title h2{font-weight: bold; font-size: 2.2rem; }
.section-title p{color: #333;}
.imgs-box{padding: 3% 0 6%;}
.left-box{width: 32%;}
.img-text{position: relative; }
.img-text .it-text{position: absolute; width: 100%; left:0; top: 0;  padding: 20px 40px; color: #fff;}
.img-text .it-text h3{font-weight: bold; margin: 10% 0 40px; font-size: 2.2rem;}
.img-text .it-text p{font-size: 1.2rem;}
.img-text .it-text a{display: inline-block; width: 180px; height: 60px; margin-top: 20%; background: #fff; color: #267CFF; text-align: center; font-size: 1.2rem; font-weight: 600; line-height: 60px;}
.img-text .it-text img{display: inline; margin-left: 20px;}
.img-text>a{display: block;}
.img-text span{position: absolute; bottom: 20px; width:100%; text-align: center; padding: 0 20px; font-size: 1.15rem; color: #fff; font-weight: bold;}

.home-product-wrapper button{outline: none; position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border: none; background: rgba(255,255,255,.5); color: #000; border-radius: 50%; cursor: pointer; z-index: 10; font-size: 30px; display: flex; justify-content: center; align-items: end;}
.home-product-wrapper button.home-product-prev{left: -30px; }
.home-product-wrapper button.home-product-next{right: -30px;}

.section-slide{position: relative;}
.section-slide .section-title{position: absolute; width:100%; top:-5%; left: 0; z-index: 5;}


.section-slide .carousel-indicators li{width: 80px; height: 6px; border-radius: 6px; background: rgba(154,190,217,.5);}
.section-slide .carousel-indicators li.active{background: #267CFF;}



.carousel-item{transition: all 2s!important;}
/* 1. 统一限制轮播图区域的视觉高度 */
.section-slide .carousel,
.section-slide .carousel-inner,
.section-slide .carousel-item {
  height: 45vw;
  max-height: 800px;
  position: relative;
}

@media (max-width: 768px) {
  .section-slide .carousel,
  .section-slide .carousel-inner,
  .section-slide .carousel-item {
    height: 60vw;
    max-height: 550px;
  }
}

/* 2. 核心：让背景图无死角完美撑满、居中裁剪 */
.section-slide .carousel-item {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover !important; /* 🌟 核心：强制撑满整个屏幕宽度和高度 */
}

/* 3. 让文字重新以绝对定位浮动在背景图的合适位置 */
.carousel-item .carousel-caption {
  position: absolute !important;
  top: 30%;
  left: 12%;
  width: 35% !important; /* 📊 稍微加宽一点，防止第一张图的文字被挤成单字一列 */
  text-align: left;
  padding: 0;
  margin: 0;
  background: transparent;
}

/* 4. 样式美化 */
.carousel-item .carousel-caption h5 {
  color: #121212;
  font-size: 2.2rem !important;
  font-weight: bold;
  margin-bottom: 20px;
}

.carousel-item .carousel-caption p {
  color: #666;
  font-size: 1.2rem !important;
  line-height: 1.8;
  white-space: normal; /* 确保文字允许正常换行 */
}


.advantage-box{padding-bottom: 5%; margin: 0 -20px;}
.advantage-item{position: relative; height: 380px; background: #EFF4FF; padding: 30px;margin: 0 20px; flex: 1;}
.advantage-item h4{position: relative; z-index: 1; font-weight: bold; color: #111827;}
.advantage-item p{position: relative; z-index: 1;}
.advantage-item img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;}


.news-box{padding-bottom: 5%;}
.news-images{height: 408px; width: 45%;}
.news-images img{height: 100%;}
.news-list{width: 50%;}
.news-item{position: relative; }
.news-item:before{content:''; width: 6px; height: 24px; background: #226ddd; position: absolute; top: 5px; left: -20px;}
.news-item a{display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 1.4rem; font-weight: bold; color: #121212;}
.news-item a:hover{color: #267CFF;}
.news-item p{width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.discovery-box{background: #226ddd; padding: 4% 0; color: #fff;}
.discovery-box h2{font-size: bold; margin-bottom: 20px;}
.discovery-box p{margin-bottom: 20px;}
.discovery-box a{padding: 10px 2%; border: 2px solid #fff; color: #fff; display: inline-block;}
.discovery-box a.btn-left{background: #fff; color: #267CFF; margin-right: 30px;}


.page-footer{background: #0D1228; padding: 5% 6% 2%;}
.page-footer hr{border-color: #1F2937;margin:30px 0 0;}
.footer-logo{width: 200px;}
.footer-logo p{color: rgba(255,255,255,.7)}
.footer-text{display: flex; flex-direction: column;}
.footer-text h5{color: #fff;}
.footer-text a{color: rgba(255,255,255,.5)!important; display: block; margin: 10px 0;}
.footer-text a:hover{color: rgba(255,255,255,1)!important;}
.footer-text p{color: rgba(255,255,255,.7); margin: 10px 0;}
.bottom-text{color: rgba(255,255,255,.5); font-size: 0.75rem; padding: 10px 0;}
.bottom-text .text-center{margin: 10px auto; padding: 0 20px;}
.bottom-text .text-center.copy-right{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 28px;}
.bottom-text .text-center.copy-right p{display: inline; margin: 0;}
.copy-right img{margin-right: 10px;}
.bottom-text .text-center.copy-right .copyright-record{display: inline;}
.bottom-text .text-center.copy-right .gongan-record{position: relative; top: -1px;}
.page-footer .bottom-text .gongan-record a{color: inherit!important; font-weight: inherit!important; display: inline-block; text-decoration: none;}
.page-footer .bottom-text .gongan-record a:hover{color: rgba(255,255,255,.6)!important;}
.page-footer .bottom-text .gongan-record img{display: inline-block; width: 17px; height: 18px; object-fit: contain; margin-right: 5px; vertical-align: middle; opacity: 1;}
@media (max-width:991px){
  .bottom-text .text-center.copy-right{width: 100%;}
}

.sidebar{width: 70px; position: fixed; top: 50%; right: 0; }
.sidebar a{display: flex; flex-direction: column; justify-content: center; align-items: center;
   width: 70px; height: 70px; margin-bottom: 8px; background: #267CFF; color: #fff; font-size: 12px;}
.sidebar a:hover{background: #1969e1;}
.sidebar a img{transform: scale(0.9); margin-bottom: 5px;}

.inner-banner{position: relative;}
.inner-banner img{width: 100%;}
.co-img img{transform: scale(0.9);}

.inner-banner .container{height: 100%; position: absolute; left: 12%; top: 5%; z-index: 1;}
.inner-banner h3{color: #fff; font-size: 2.2rem; font-weight: bold;}


.position-list{margin: 40px 20px;}
.position-item{border: 1px solid #ddd;  margin-bottom: 20px; }
.po-title{cursor: pointer;padding: 20px;}
.po-title h4{padding-left: 40px; width:20%; background: url('../img/contact/men1.png') no-repeat 0 center; background-size: 28px; font-weight: bold; color: #121212; }
.po-title .title-center{font-size: 0.85rem; color: #666; width: 45%;}
.po-title .collaspe-icon{display: block; width:12px; height: 12px; border-right: 2px solid #333; border-bottom: 2px solid #333; transform: rotate(45deg);}
.po-content{display: none; padding: 20px 30px;}
.po-content a{display: inline-block; padding: 12px 30px; background: #267CFF; color: #fff; border-radius: 30px; margin-top: 20px; font-weight: bold;}

.position-item.active {border-color: #267CFF;}
.position-item.active .po-title{background: #267CFF;}
.position-item.active .po-title h4{color: #fff; background: url('../img/contact/men2.png') no-repeat 0 center; background-size: 28px;}
.position-item.active .po-title .title-center{color: #fff;}
.position-item.active .po-title .collaspe-icon{border-color: #fff; transform: rotate(-135deg); transition: all 0.3s;}

.position-list .more{color: #267CFF; text-align: center; display: block; width: 120px; margin: 20px auto;}
.position-list .more img{display: inline-block; vertical-align: middle; transform: scale(0.8);}


.form-container{width: 1200px; margin: -40px auto 40px; padding: 20px 40px;}
.form-container h4{font-size: 24px; color: #000; margin-bottom: 80px; font-weight: 400;}
.contact-form{display: flex; padding: 0 40px;}
.contact-form .form-content{flex: 1;}
.form-content .input-box{margin: 0 -5px; display: flex;}
.form-content .form-control{margin:0 5px 10px; flex: 1;}
.form-content .btn{box-shadow: none; border-radius: 0; background: #267CFF; color: #fff; font-size: 1.2rem;}

.pro-img{position: relative;}
.pro-img .section-title{position: absolute; width:100%; top:-3%; left: 0; z-index: 5;}
.pro-img img{width: 100%;}

.pro-content{padding: 5% 0;}
.pro-content .pro-text{ padding: 30px 40px; background: #EDF7FF;  line-height: 30px; border-radius: 20px; flex: 1; margin-right: 6%;}
.pro-content .pro-text p{text-indent: 2em; }
.pro-ul{flex: 1;}
.pro-ul .ul-item{margin-bottom: 30px; overflow: hidden;}
.pro-ul .ul-item .pro-tip{width: 80px; float: left; margin-right: 30px;}
.pro-ul h3{color: #267CFF; font-weight: bold;}


.company-info{margin: 0 auto 15%;  position: relative;}
.info-carousel{width: 45%; margin-right: 5%; z-index: 2; position:absolute; top: 0; left: 0;}
.info-carousel .carousel-item img{}
.info-list{display: flex; flex-direction: column; justify-content: space-between;}
.il-item{flex: 1; display: flex;}
.il-item label{font-weight: bold; color: #121212; font-size: 1.25rem}
.il-item label img{width: 20px; margin-right: 20px; display: inline-block; vertical-align: middle;}
.il-item p{font-size: 1.1rem; font-weight: 500;}

.info-right{z-index: 0;width: 100%;}
.info-right .right-text{padding-left: 48%;}
.info-right h4{font-weight: bold; color: #121212; font-size: 1.5rem;}
.info-right p{text-indent: 2em; font-size: 1rem; margin: 5% 0;}
.info-right .d-flex{color: #fff;}

.info-img{ width: 100%;position: relative;}
.info-img img{width: auto; max-width: none;}
.info-nums{display: inline-flex; width: 52%; margin: 2% 0 0; justify-content: space-between; color: #fff; position: absolute; top: 0; right: 0;  z-index: 2;}
.info-nums h2{font-weight: bold; font-size: 2.4rem;}
.info-nums h2 span{font-weight: normal; font-size: 1rem;}
.info-nums p{text-indent: 0;}

@media (max-width: 1366px){
  .info-img img{height: 20%;}
}

.culture-section{height: 700px; width: 100%; background: url('../img/about/culture-bg.png') no-repeat; background-size: cover;}
.culture-section .section-title h2{color: #fff;}
.culture-section .container img{transform: scale(0.8); flex:1;}

.news-tab{margin: 5% 0 40px;}
.news-tab .nav-link{border: 0; padding: 12px 3rem; display: inline-block; font-size: 1.5rem; background: #E3EEFF; color: #4967B4; outline: none; cursor: pointer;}
.news-tab .nav-link.active{font-weight: bold; background: #267CFF;}

.news-tab-scroll{display: flex; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; cursor: grab; user-select: none;}
.news-tab-scroll::-webkit-scrollbar{display: none;}
.news-tab-scroll .nav-item{flex-shrink: 0;}
.news-tab-scroll .nav-link{white-space: nowrap;}
.news-tab-scroll:active{cursor: grabbing;}

.news-content{margin-bottom: 30px;}
.nc-item{ border-bottom: 1px dashed #ddd; height: 200px;}
.nc-item .item-time{display: flex; flex-direction: column; justify-content: center; align-items: center; color: #666; width: 140px; height: 100%;}
.nc-item .item-time span{font-weight: bold; font-size: 3rem;}
.nc-item .item-time p{font-size: 1.4rem; font-weight: bold;}
.nc-item .item-imgs{width: 280px; height: 160px; background: url('../img/news/img-bg.png') no-repeat; background-size: 100% 100%;}
.nc-item .item-imgs img{width: 100%; height: 100%; border: 0;}

.nc-item .item-content{flex: 2; margin: 0 40px; display: flex; flex-direction: column; justify-content: center;}
.nc-item .item-content>.title{display: block; color: #232323;font-size: 1.3rem; font-weight: bold;}
.nc-item .item-content p{ color: #666; margin: 1% 0 3%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box; 
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.nc-item .item-content .d-flex{font-size: 14px; color: #999;}
.nc-item .item-content .d-flex p{margin: 0 40px 0 0; }
.nc-item .item-content .d-flex p img{display: inline-block; vertical-align: middle; width: 20px;}
.nc-item .item-content .d-flex .share{color: #999; display:flex; align-items: center;}
.nc-item .item-content .d-flex a svg{width: 18px; height: 18px; margin-right: 5px;}
.nc-item .item-content .d-flex a:hover{color: #267CFF;}
.nc-item .item-content .d-flex a:hover .share-icon{fill: #267CFF;}

.nc-item:hover .item-time{background: #267CFF; color: #fff;}
.nc-item:hover .item-content>.title{color: #267CFF!important;}

.pagination .page-item{ margin: 0 5px;}
.pagination .page-item .page-link{background-color: #f3f3f3!important;}
.pagination .page-item .page-link:hover{background: #eaeaea!important;}
.pagination .page-item.active .page-link{background: #267CFF!important;}

.application-title{font-weight: bold; font-size: 1.5rem; margin-bottom: 2%;}
.application-carousel{position: relative;}
.carousel-track{display: flex; flex-wrap: nowrap;}
.carousel-item .cover{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,49,133,.5); display: flex; color: #fff; padding: 20px 0; justify-content: center; align-items: end; font-size: 1.3rem; font-weight: bold;}
.carousel-prev, .carousel-next{position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border: none; border-radius: 50%; background: rgba(255,255,255,.75); cursor: pointer; z-index: 10; font-size: 24px; color: #333; display: flex; align-items: center; justify-content: center;}
.carousel-prev{left: -22px;}
.carousel-next{right: -22px;}

.flickity-enabled{position:relative}
.flickity-enabled:focus{outline:0}
.flickity-viewport{overflow:hidden;position:relative;height:100%}
.flickity-slider{position:absolute;width:100%;height:100%}
.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:#fff;background:hsla(0,0%,100%,.75);cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.flickity-prev-next-button:hover{background:#fff}
.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09F}
.flickity-prev-next-button:active{filter:alpha(opacity=60);opacity:.6}
.flickity-prev-next-button.previous{left:-55px}
.flickity-prev-next-button.next{right:-40px}
.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}
.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}
.flickity-prev-next-button:disabled{filter:alpha(opacity=30);opacity:.3;cursor:auto}
.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}
.flickity-prev-next-button .arrow{fill:#333}
.flickity-prev-next-button.no-svg{color:#333;font-size:26px}
.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}
.flickity-rtl .flickity-page-dots{direction:rtl}
.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;filter:alpha(opacity=25);opacity:.25;cursor:pointer}
.flickity-page-dots .dot.is-selected{filter:alpha(opacity=100);opacity:1}



.app-container{flex-wrap: wrap; margin: 0 -20px;}

.app-carousel-wrapper{/* min-height: 400px; */}
.app-carousel-item{/* min-height: 400px;*/ width: 25%;} 


.app-horizontal{
  display: flex !important;
  flex-direction: row !important; /* 强制横向排列 */
  flex-wrap: nowrap !important;   /* 强制绝不换行 */
  overflow-x: auto !important;    /* 允许横向溢出滚动 */
  padding: 10px 0;
  -webkit-overflow-scrolling: touch; /* 优化手机端滑动体验 */
  margin: 0 -20px;
}
.app-horizontal .ah-item{
  margin: 0 20px 20px; 
  min-width: 300px; /* 📊 给一个固定的最小宽度，防止被弹性挤压变形 */
  max-width: 33.333%;
  flex-shrink: 0;   /* 防止宽度被缩放 */
}
.app-horizontal .ah-item-img{
  width: 100%;
  height: 249px;
  overflow: hidden;
  background: rgba(0, 49, 133, 0.35);
}
.app-horizontal .ah-item-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.app-horizontal .ah-item-img-placeholder{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.85);
  font-size: 14px;
}
.app-horizontal .ah-item p{text-align: center; font-size: 1rem; padding: 1rem 0; border: 1px solid #ddd; border-top: 0; font-weight: bold;}

.inner-container{width: 65%;}

.inner-title{border-bottom: 1px solid #dddd; padding: 40px 0 1rem;}
.inner-title h3{font-weight: bold; margin-bottom: 30px;}
.inner-title .d-flex img{display: inline-block; margin-right: 5px; vertical-align: middle; width: 20px;}
.inner-title .d-flex{font-size: 0.85rem;}
.inner-title .d-flex p{margin: 0; white-space: nowrap;}
.inner-title .d-flex .share{color: #999; display:flex; align-items: center; white-space: nowrap;}
.inner-title .d-flex a svg{width: 18px; height: 18px; margin-right: 5px;}
.inner-title .d-flex a:hover{color: #267CFF;}
.inner-title .d-flex a:hover .share-icon{fill: #267CFF;}

.inner-content{padding: 40px 0;}
.inner-content img{width: 100%; margin: 10px auto;}
.inner-content p{text-indent: 2em;}

.news-content{margin-top:20px}

/* 让图片向左物理浮动 */
.float-left-img {
  float: left !important;
  width: 40%;               /* 📊 控制图片占整个屏幕宽度的比例 */
  max-width: 450px;
  margin-right: 30px;       /* 🌟 核心：给右侧的文字留出舒服的间距，防止文字贴着图片 */
  margin-bottom: 20px;      /* 给下方环绕上来的文字留出间距 */
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  display: block;
}

/* 清除浮动对下方页脚（Footer）带来的连锁影响 */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

@media (max-width: 1366px) and (min-width: 992px) {
  .form-container{width: 80%;}
  
}
@media (max-width: 1400px){
  .culture-section{height: 400px;}
}


@media (min-width: 1920px){
  
}


@media all
and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 1.18),
(-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-ratio: 1.18),
(min-resolution: 1.09dppx) and (max-resolution: 1.18dppx) {
    :root {
        font-size: 8px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
(-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
(min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {
    :root {
        font-size: 16px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.29) and (-moz-max-device-pixel-ratio: 1.4),
(-webkit-min-device-pixel-ratio: 1.29) and (-webkit-max-device-pixel-ratio: 1.4),
(min-resolution: 1.29dppx) and (max-resolution: 1.4dppx) {
    :root {
        font-size: 18px;
    }
    .nc-item{height: 260px;}
}
@media all
and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
(-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
(min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
    :root {
        font-size: 20px;
    }
    .nc-item{height: 260px;}
    .info-carousel .carousel-item img{height: auto;}
}
@media all
and (-moz-min-device-pixel-ratio: 1.61) and (-moz-max-device-pixel-ratio: 1.8),
(-webkit-min-device-pixel-ratio: 1.61) and (-webkit-max-device-pixel-ratio: 1.8),
(min-resolution: 1.61dppx) and (max-resolution: 1.8dppx) {
    :root {
        font-size: 21px;
    }
    .nc-item{height: 260px;}
    .info-carousel .carousel-item img{height: auto;}
}
@media all
and (-moz-min-device-pixel-ratio: 1.81) and (-moz-max-device-pixel-ratio: 2.1),
(-webkit-min-device-pixel-ratio: 1.81) and (-webkit-max-device-pixel-ratio: 2.1),
(min-resolution: 1.81dppx) and (max-resolution: 2.1dppx) {
    :root {
        font-size: 22px;
    }
    .nc-item{height: 260px;}
    .info-carousel .carousel-item img{height: auto;}
}



@media (max-width: 1440px){
  :root{
    font-size: 14px;
  }
}

@media (max-width: 1200px){
  .info-img img{width: 100%; height: 26vh;}
  .info-img .info-nums{width: 100%; padding: 20px 40px;}
}

@media (max-width:991px){
  .view-padding{padding: 0;}
  .container{max-width: 95%;}
  .navbar{padding-left: 0; padding-right: 0;}
  .navbar .container{width: 100%; max-width: 100%; }
  .navbar .container .navbar-brand{order: 2; margin: 0 auto;}
  .navbar .container .navbar-toggler{order: 1; position: absolute; left: 10px; top: 10px;}
  .navbar-toggler svg path{fill: #000;}
  .navbar .container .navbar-collapse{order:4;}
  .navbar:not(.top-nav-collapse) .navbar-brand{background-size: cover!important;}
  .navbar-brand{width: 126px; height: 60px; background-size: cover;}
  .navbar .container .navbar-collapse{position: relative; background: #fff!important; width: 100%;}
  .navbar:not(.top-nav-collapse) .nav-item>a{color: #121212!important; }
  .navbar:not(.top-nav-collapse) .navbar-toggler svg path{fill: #fff;}
  .navbar .nav-item{margin: 0;}
  .nav-item a{font-size: 1.2rem; padding-left: 20px!important; display: inline-block!important;}
  .sub-nav{top: 68px; left: 0; width: 100%; height: auto; max-height: calc(100vh - 128px); transform: none; overflow-x: hidden; overflow-y: auto; border-left: 0; z-index: 5; background: #fff; padding: 8px 0 10px;}
  .sub-nav .sub-items{padding-left: 0;}
  .sub-nav .sub-items a{margin: 0 20px; display: inline-block!important; font-size: 1.1rem;}
  
  .marLeft10{margin-left: 0;}
  
  .form-container{width: 100%; padding: 20px 10px;}
  .form-container h4{font-size: 20px;}
  .contact-form{flex-direction: column; padding: 0;}
  .contact-form .form-content{margin-left: 0;}

  .sidebar{transform: scale(0.6); transform-origin: top right; top:auto; bottom: 0;}

  .imgs-box{flex-direction: column;}
  .left-box{width: 100%; height: 150px; margin: 0 0 40px 0!important;}
  .left-box img{object-fit: none; object-position: 0 60%;}
  .left-box .it-text{display: flex; align-items: center; justify-content: space-between; height: 100%; padding: 20px;}
  .left-box .it-text h3{ font-size:1.9rem; margin: 10px 0 20px;}
  .left-box .it-text a{ margin:0 0 0 40px;padding: 0 10px; height:44px; line-height: 44px; overflow: hidden;}

  #homeProductList{height: 380px; flex:auto!important;}

  .page-footer .d-flex{flex-wrap: wrap;}
  .page-footer .footer-logo{width: 100%; display: flex; align-items: center; margin-bottom: 20px;}
  .page-footer .footer-logo p{margin: 0 0 0 20px;}
  .page-footer .footer-text{margin-bottom: 20px;}
  .page-footer .footer-text h5{font-size: 1.1rem;}
  .page-footer .footer-text a{font-size: 0.9rem;}
  .page-footer .footer-text p{font-size: 0.9rem; margin: 5px 0;}

  .nc-item{height: auto; padding-bottom: 20px; margin-bottom: 10px;}
  .nc-item .item-content .d-flex p{margin: 0 20px 0 0;}
  .news-tab{margin: 5% 0 10px;}
  .nc-item .item-imgs{width: 200px; height: 120px;}

  .inner-container{width: 90%;}

  .position-list{margin: 40px 0;}
  .po-title{position: relative; flex-wrap: wrap; flex-direction: column;align-items: flex-start!important;}
  .po-title h4{width: 100%; font-size: 1.2rem;}
  .po-title .title-center{width: 100%;}
  .po-title .collaspe-icon{position: absolute; right: 20px; top: 25%;}

}


@media (max-width: 990px) and (min-width: 601px){
  .section1{background-position: 80% 100%;}
  .white-text h1{text-shadow: 0 1px 3px rgba(0,0,0,.4); }
  .white-text p{ text-shadow: 0 1px 3px rgba(0,0,0,.4);}

  .advantage-box{flex-wrap: wrap;}
  .advantage-item{width: calc(50% - 60px); margin: 20px 10px; flex: auto; height: 260px;}
}

@media (max-width: 768px){
  :root{
    font-size: 14px;
  }
  .section1 .full-bg-img{background-position: 90% 100%; background-size: auto 70%;}
  .section1:after{content:''; width: 100%; height: 31%; position: absolute; top: 0; left: 0; background: linear-gradient(to right, #53a1f7, #4482d1); z-index: -2;}
  .section1 .align-items-center{align-items: flex-start!important; }
  .section1 .white-text{padding: 90px 10% 0;}
  .white-text h1{text-shadow: 0 1px 3px rgba(0,0,0,.4); }
  .white-text p{ text-shadow: 0 2px 3px rgba(0,0,0,.5); font-weight: bold;}

  .news-box{flex-wrap: wrap;}
  .news-images{width: 100%; order: 2; height: auto;}
  .news-list{width: 100%;order: 1; padding-left: 20px;}
  .news-item a{font-size: 1.1rem;}
  .news-item p{font-size: 0.9rem;}

  .page-footer{padding: 5% 4% 2%;}
  .page-footer .footer-logo img{width: 120px;}

  .inner-banner{height: 25vh;display: flex; justify-content: center; align-items: center;}
  .inner-banner img{width: auto; height: 100%; max-width: none;}
  .inner-banner h3{font-size: 1.6rem;}

  .application-title{font-size: 1.25rem; margin-bottom: 20px;}
  .app-carousel-item{width: 50%;}

  .pro-img{height: 30vh; display: flex; justify-content: center; align-items: center;}
  .pro-img img{width: auto; height: 100%; max-width: none;}

  .pro-content{flex-wrap: wrap;}
  .pro-content .pro-text{padding: 20px; width: 100%; flex: auto; margin:0 0 20px 0;}
  .pro-content .pro-text p{margin: 0;}
  .pro-content .pro-text span{font-size: 1rem!important;}
  .pro-content .pro-ul{width: 100%; flex: auto;}
  .pro-ul .ul-item{display: flex; margin-bottom: 15px;}
  .pro-ul .ul-item .pro-tip{width: 40px; margin-right: 20px;}
  .ul-item div:last-child{flex: 1;}
  .pro-ul h3{font-size: 1.5rem; }
  .pro-ul p span{font-size: 1rem!important;}

  .news-tab .nav-link{padding: 12px 2rem; font-size: 1.15rem;}
  .nc-item{flex-wrap: wrap;}
  .nc-item .item-time{width: 100%; height: auto; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 5px; color: #999!important; background: none!important;}
  .nc-item .item-time span{order: 2; font-size: 1rem; position: relative; padding-left:8px;}
  .nc-item .item-time span:before{content:"-"; position: absolute; left: 0; top: 0;}
  .nc-item .item-time p{margin: 0; font-size: 1rem;}
  .nc-item .item-content{margin: 0 20px 0 0; flex: 1;}
  .nc-item .item-content>.title{font-size:1.1rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%;}
  .nc-item .item-content p{font-size: 0.9rem;}
  .nc-item .item-content div p{font-size: 0.85rem;}
  .nc-item .item-content .d-flex p img{width: 14px;}
  .nc-item .item-content .share{font-size: 0.85rem;}
  .nc-item .item-content .share svg{width: 14px; height: 14px;}

  .company-info{display: block!important;}
  .info-carousel{position: inherit; float: left;}
  .info-right .right-text{padding: 0;}
  .info-img .info-nums{padding: 10px 20px;}
  .info-nums h2{font-size: 1.8rem;}
}

@media (max-width: 768px) and (min-width: 690px){
  .inner-banner img{min-width: 100%;}
  .pro-img img{min-width: 100%;}
}

@media (min-width: 367px) and (max-width: 600px) and (max-height: 1000px) {
  .navbar{padding: 0;}
  .section1{height: 70vh; }
  
  .white-text h1{font-size: 3.6rem; }
  .white-text p{font-size: 1.2rem;}


  .section-title h2{font-size: 1.6rem;}
  
 
  .left-box .it-text h3{ font-size:1.4rem; margin: 10px 0 20px; white-space: nowrap;}
  .left-box .it-text p{font-size: 0.875rem;}
  .left-box .it-text a{ margin:0 0 0 40px;padding: 0 10px; font-size: 1rem; height:44px; line-height: 44px; overflow: hidden;}
  .img-text span{font-size: 1rem;}

  #homeProductList{height: 280px; flex:auto!important;}
  #homeProductList .img-text{flex: 0 0 calc(100% /2)!important; padding: 0 5px!important;}

  .advantage-box{flex-wrap: wrap;}
  .advantage-item{width: calc(50% - 40px); margin:10px; flex: auto; height: 260px;}
  .advantage-item p span{font-size: 0.95rem!important;}

  .app-carousel-item{width: 50%;}


  .nc-item .item-imgs{width: 120px; height: 80px;}
  .nc-item .item-content{width: calc(100% - 140px);}

  .info-right h4{font-size: 1.2rem;}0
  .info-img .info-nums{padding: 10px 20px;}
  .info-nums h2{font-size: 1.2rem;}
  .info-img img{height: 18vh;}

  .culture-section{height: 30vh;}
}
 
@media (max-width: 389px){
  .navbar{padding: 0;}
  .nav-item a{font-size: 1rem;}
  .sub-nav .sub-items a{font-size: 0.95rem;}
  .white-text h1{font-size: 3rem;}
  .white-text p{font-size: 1.2rem;}

  .section-title h2{font-size: 1.5rem;}
  .section-title p{font-size: 0.875rem;}

  .left-box .it-text h3{ font-size:1.4rem; margin: 10px 0 20px; white-space: nowrap;}
  .left-box .it-text p{font-size: 0.8rem;}
  .left-box .it-text a{ margin:0 0 0 40px;padding: 0 10px; font-size: 1rem; height:44px; line-height: 44px; overflow: hidden;}
  .img-text span{font-size: 1rem;}

  #homeProductList{height: 280px; flex:auto!important;}
  #homeProductList .img-text{flex: 0 0 calc(100% /2)!important; padding: 0 5px!important;}

  .advantage-box{flex-wrap: wrap;}
  .advantage-item{width: calc(50% - 40px); margin: 10px; padding: 20px; flex: auto; height: 260px;}
  .advantage-item p span{font-size: 0.95rem!important;}

  .app-carousel-item{width: 50%;}


  .pro-content .pro-text span{font-size: 0.875rem!important;}
  .nc-item .item-imgs{width: 120px; height: 80px;}
  .nc-item .item-content p{font-size: 0.85rem;}

  .company-info{display: flex; flex-wrap: wrap;}
  .info-carousel{position: inherit; float: none;width: 100%; margin-bottom: 10px;}
  .info-right .right-text h4{text-align: center;}
  .info-nums h2{font-size: 1.1rem;}
  .info-img img{height: 16vh;}

  .culture-section{height: 30vh;}
}

@media (max-width: 376px) {
  .section1{height: 70vh;}
  .white-text h1{font-size: 3.6rem; text-shadow: 0 1px 3px rgba(0,0,0,.4); }
  .white-text p{font-size: 1.2rem; margin-bottom: 30px; text-shadow: 0 2px 3px rgba(0,0,0,.5); font-weight: bold;}
  .white-text a{padding: 10px 30px; font-size: 1rem; margin-right: 0;}
  .left-box .it-text a{font-size: 0.9rem;}

  .section-title h2{font-size: 1.6rem;}

  .news-tab .nav-item{margin-right: 10px;}
  .nc-item .item-imgs{width: 100px; height: 70px;}
  .nc-item .item-content{width: calc(100% - 120px);}
  .nc-item .item-content>.title{font-size:1rem; }
  .nc-item .item-content p{font-size: 0.875rem;}
}
@media (max-height: 680px){
  .section1{height: 100vh;}
}