/* body, input, pre, select, table th, table td,textarea{font-family:'hm';font-weight:400; font-size:16px;} */
body, input, pre, select, table th, table td,textarea{font-weight:400; font-size:16px;}

ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address,ol{font-style:normal; list-style:none; padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6{padding:0px;margin:0px;}
@font-face {
	font-family: 'hm';
	src:url('../fonts/HarmonyOS_Sans_SC_Light.woff') format('woff');
    font-display:swap;
    font-weight:100;
}
@font-face {
	font-family: 'hm';
	src:url('../fonts/HarmonyOS_Sans_SC_Regular.woff') format('woff');
    font-display:swap;
    font-weight:400;
}
@font-face {
	font-family: 'hm';
	src:url('../fonts/HarmonyOS_Sans_SC_Medium.woff') format('woff');
    font-display:swap;
    font-weight:500;
}
@font-face {
	font-family:'hm';
	src:url('../fonts/HarmonyOS_Sans_SC_Bold.woff') format('woff');
    font-display:swap;
    font-weight:700;
}
@font-face {
	font-family:'YouSheBiaoTiHei';
	src:url('../fonts/YouSheBiaoTiHei-2.ttf');
    font-display:swap;
}

.w1440{max-width:1440px;margin:0 auto;width:96%}

/*  */
.top_box{ position:absolute; left:0; top:3.5%; width:100%; z-index:9;}
.top_box .logo img{ max-width:220px;}
.top_box .nav-box{ margin-right:.1rem; font-size:18px;}
.top_box .nav-box li{ margin-right:.5rem; position:relative; padding:0 .15rem;}
.top_box .nav-box li>a{ display:block; color:#fff; padding:.15rem 0;}
.top_box .nav-box li dl{ position:absolute; left:50%; top:110%; min-width:100%; width:max-content; text-align:center; transform: translateX(-50%); background:rgba(55,65,81,.55); visibility:hidden; opacity:0; transition:.3s;}
.top_box .nav-box li dd{border-bottom:dashed 1px #ccc;}
.top_box .nav-box li dd a{display:block;padding:8px;font-size:16px;color:#fff;}
.top_box .nav-box li dd a:hover{color:#007ab7;}
.top_box .nav-box li:hover dl{ top:100%; visibility:visible; opacity:1;}
.top_box .nav-box li:hover dd:last-child{ border-bottom:none;}
.top_box .top-search{ position:relative; background:rgba(255,255,255,.8); border-radius:50px; display: none;}
.top_box .top-search input{border:none;margin:0;padding:10px 20px;padding-right:40px;width:170px;background:transparent; color:#007ab7;}
.top_box .top-search input:-moz-placeholder{ color:#007ab7;}
.top_box .top-search input::-moz-placeholder{ color:#007ab7;}
.top_box .top-search input:-ms-input-placeholder{ color:#007ab7;}
.top_box .top-search input::-webkit-input-placeholder{ color:#007ab7;}
.top_box .top-search .but{ position:absolute; right:0; top:0; width:40px; height:100%; background-image: url(../images/search-icon.png); background-repeat:no-repeat; background-position:center; cursor:pointer;}


/*  */
.index-ban .pic img{ width:100%; height: 589px;}
.index-ban .text{ color:#fff; position:absolute; left:0; top:50%; width:100%; z-index:5; transform:translateY(-50%);}
.index-ban .text a{color:#fff;}
/* .index-ban .text .title{ line-height:1; font-size:.8rem; font-family:'YouSheBiaoTiHei';} */
.index-ban .text .title{ line-height:1; font-size:.8rem;}

.index-ban .text .title span{ line-height:1; display:inline-block;}
.index-ban .text .des{ line-height:1.7; margin:.3rem 0 .6rem; font-size:.4rem;}
.index-ban .text .more{ font-size:0;}
.index-ban .text .more .but{display:inline-block;background:#fff;color:#007ab7; padding:13px; min-width:160px; text-align:center; font-size:18px; border-radius:50px; overflow: hidden;}
.index-ban .swiper-pagination{ bottom:6%!important; font-size:0;}
.index-ban .swiper-pagination .swiper-pagination-bullet{ width:30px; height:3px; margin:0 10px!important; background:#fff; border-radius:initial; transition:all .5s; opacity:.5;}
.index-ban .swiper-pagination .swiper-pagination-bullet-active{ width:40px; opacity:1;}
.index-ban .swiper-slide:nth-child(2){background:#3183ff;color:#fff;}
.index-ban .swiper-slide .text .w1440{transform:translateX(-200px);opacity:0;transition:all .4s;}
.index-ban .ani-slide .text .w1440{transform:translateX(0);opacity:1;}


/* 首页 */
.lanmu-tit{ font-size:24px; color:#007ab7;}
.lanmu-tit::after{ margin-left:10px; content:''; display:block; width:20px; height:20px; background:url(../images/logo2.png); background-size:contain; transform:translateY(-50%);}
.lanmu-title{ margin-bottom:50px; color:#1d3541;}
.lanmu-title .tit{ font-size:.6rem; font-weight:500;}
.lanmu-title .more .but{display:inline-block;background:#007ab7;color:#fff; padding:10px 30px; text-align:center; font-size:.18rem; border-radius:50px; overflow: hidden;}
.index-one{ padding:110px 0; background:#f5f7fa;}
.index-one .switc-box{ position:relative;}
.index-one .swiper{ padding:10px 0;}
.index-one .item{box-shadow: 0px 0px 29px 1px rgba(9, 12, 103, 0.02);}
.index-one .item a{ border:solid .03rem #fff; display:block;}
.index-one .item .text{ position:absolute; left:0; top:0; width:100%; height:100%; padding:.56rem; z-index:5;}
.index-one .item .text .tit{ margin-bottom:20px; font-size:24px; color:#1d3541;}
.index-one .item .text .des{ margin-bottom:.4rem; color:#5b5b5b; font-weight:100; line-height:1.7;}
.index-one .item .text .more{ position:absolute; bottom:.6rem;}
.index-one .item .text .more .but{ display:inline-block; color:#007ab7; padding:.1rem .3rem; text-align:center; font-size:.16rem; border-radius:50px; overflow: hidden; border:solid 1px #007ab7; transition:all .5s;}
.index-one .item:hover a{ border-color:#007ab7;}
.index-one .item:hover .text .more .but{ background:#007ab7; color:#fff;}
.index-one .swiper-but,.index-three .swiper-but{ width:50px; height:50px; background-color:#ffffff; box-shadow: 1px 4px 4px 0px rgba(9, 12, 103, 0.06); border-radius:100%; transition:all .5s;}
.index-one .swiper-but:after,.index-three .swiper-but:after{ font-size:14px; font-weight:bold;}
.index-one .swiper-but:hover,.index-three .swiper-but:hover{ background:#007ab7;}
.index-one .swiper-but:hover:after,.index-three .swiper-but:hover{ color:#fff;}
.index-one .swiper-button-prev{ left:-1rem;}
.index-one .swiper-button-next{ right:-1rem;}

.index-two{ background:#fff; position:relative;}
.index-two .ipra{position:absolute;left:0;top:1.2rem;width:100%;z-index:3;}
.index-two .lanmu-title{ margin-bottom:0;}
.index-two .arc-bg>img{ width:14.02rem;}
.index-two .list-box{ width:100vw; position:absolute; left:0; top:2.7rem; height:calc(85% - 3rem);}
.index-two .list-box .io{ border-radius:100%; overflow:hidden; position:absolute; box-shadow:0 5px 20px rgba(0,122,183,.1);}
.index-two .list-box .io .txt{ color:#fff; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,122,183,.95); padding:10%; text-align:center; opacity:0; font-size:.18rem; transition:.5s;}
.index-two .list-box .io:hover .txt{ opacity:1;}
.index-two .list-box .io:nth-child(1){ width:1.45rem; top:0; left:2.4rem;}
.index-two .list-box .io:nth-child(2){ width:1.38rem; top:25%; left:1rem;}
.index-two .list-box .io:nth-child(3){ width:1.3rem; top:65%; left:1rem;}
.index-two .list-box .io:nth-child(4){ width:1.65rem; top:5%; left:4.5rem;}
.index-two .list-box .io:nth-child(5){ width:1.65rem; top:45%; left:2.8rem;}
.index-two .list-box .io:nth-child(6){ width:1.65rem; top:82%; left:4rem;}
.index-two .list-box .io:nth-child(7){ width:1.12rem; top:1%; left:7.2rem;}
.index-two .list-box .io:nth-child(7) .txt{ font-size:.16rem;}
.index-two .list-box .io:nth-child(8){ width:1.71rem; top:38%; left:5.2rem;}
.index-two .list-box .io:nth-child(9){ width:1.71rem; top:77%; left:6.5rem;}
.index-two .list-box .io:nth-child(10){ width:1.67rem; top:0; right:6.8rem;}
.index-two .list-box .io:nth-child(11){ width:1.71rem; top:76.5%; right:7.8rem;}
.index-two .list-box .io:nth-child(12){ width:1.64rem; top:8%; right:4.3rem;}
.index-two .list-box .io:nth-child(13){ width:1.76rem; top:37%; right:4.9rem;}
.index-two .list-box .io:nth-child(14){ width:1.67rem; top:85%; right:4.85rem;}
.index-two .list-box .io:nth-child(15){ width:2.02rem; top:-2%; right:1.15rem;}
.index-two .list-box .io:nth-child(16){ width:2.02rem; top:35%; right:1.75rem;}
.index-two .list-box .io:nth-child(17){ width:1.64rem; top:68%; right:2.75rem;}
.index-two .list-box .io:nth-child(18){ width:1.64rem; top:90%; right:.5rem;}
.index-three{ padding:1.05rem 0; background-image: url(../images/index-news.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
.index-three .item{ margin-right:3.11111%; width:31.25%;}
.index-three .item:nth-child(3n){ margin-right:0;}
.index-three .item .text{ padding:.4rem 0 0;}
.index-three .item .text .title{ font-size:.24rem; color:#2a2b4c; margin-bottom:.2rem;}
.index-three .item .text .tiem{ font-size:.18rem; color:#5a5d6c;}
.index-three .item .pic{ overflow:hidden; width:100%;}
.index-three .item .pic figure{ display:block; width:100%; padding-bottom:66.6667%; transition: .3s linear;}
.index-three .item a:hover .title{ font-size:.24rem; color:#007ab7;}
.index-three .item a:hover .pic figure{ transform:scale(1.1);}

@media (max-width:1440px) {
.index-one .swiper-button-prev{ left:.1rem;}
.index-one .swiper-button-next{ right:.1rem;}
}


/* 底部 */
.fooer{ background-image: url(../images/footer-bg.jpg); color:#fff;}
.footer-one{ padding:.5rem 0 .2rem;}
.footer-one .footer-nav{ width:75%;}
.footer-one dd .oi{ line-height:32px; font-size:0;}
.footer-one dd .wzx{ padding-left:.2rem;}
.footer-one dd .wzx .tit{ font-size:16px; line-height:2; margin-bottom:5px;}
.footer-one dd .wzx .ix{ font-size:18px; font-weight:500;}
.footer-one .code-box{ text-align:center; font-weight:100;}
.footer-one .code-box .wx{ margin-top:10px;}
.footer-one .code-box img{ width:1.12rem;}
.footer-two{ padding:.4rem 0; border-top:solid 1px rgba(242,242,242,0.2); font-weight: 100;}
.footer-two .auxiliary a{ color:#fff;}
.footer-two .auxiliary i{ display:block; padding:0 .1rem;}


/* 内页 */
.Inside-main{ padding:1rem 0;}
.Inside-ban img{width: 100%;}
.Inside-ban {width: 100%;overflow: hidden;position: relative;}
.responsive-img {display: block;height: auto;object-fit: cover;}
@media (max-width: 991px) {.Inside-ban {max-height: 300px; }}

/* 解决方案 */
.solution-list .item{box-shadow:0px 0px 29px 1px rgba(9, 12, 103, 0.02); position:relative; width:31.25%; margin-right:3.111%; margin-bottom:3.111%;}
.solution-list .item:nth-child(3n){ margin-right:0;}
.solution-list .item .pic{ padding-bottom:100%; background-position:center; background-size:cover; background-repeat: no-repeat;}
.solution-list .item a{ border:solid 1px #fff; display:block;}
.solution-list .item .text{ position:absolute; left:0; top:0; width:100%; height:100%; padding:.56rem; z-index:5;}
.solution-list .item .text .tit{ margin-bottom:20px; font-size:24px; color:#1d3541;}
.solution-list .item .text .des{ margin-bottom:.4rem; color:#5a5d6c; font-weight:100; line-height:1.7;}
.solution-list .item .text .more{ position:absolute; bottom:.6rem;}
.solution-list .item .text .more .but{ display:inline-block; color:#007ab7; padding:.1rem .3rem; text-align:center; font-size:.16rem; border-radius:50px; overflow: hidden; border:solid 1px #007ab7; transition:all .5s;}
.solution-list .item:hover a{ border-color:#007ab7;}
.solution-list .item:hover .text .more .but{ background:#007ab7; color:#fff;}


/* 分页 */
.Page002274{ text-align:center; padding:.4rem 0 .2rem;color:#666666;}
.Page002274 .Pages *{ vertical-align:middle;}
.Page002274 .Pages .p_cur,
.Page002274 .Pages .p_count,
.Page002274 .Pages .p_total{ display:none;}
.Page002274 .Pages a{ display:inline-block; text-align:center; width:50px; line-height:50px; background-color:#fff; color:#666666; margin-left:15px; border:solid 1px #f0f0f0; border-radius:4px;}
.Page002274 .Pages a:hover,
.Page002274 .Pages a.a_cur{ color:#fff; background-color:#007ab7;}
.Page002274 .Pages em{ margin:0 .45rem; font-style:normal; display:inline-block; vertical-align:middle;}
.Page002274 .Pages em a:first-child{ margin-left:0;}
.Page002274 .Pages .i_text{width:50px;height:50px;line-height:50px;border:1px solid #ceced5;}
.Page002274 .Pages .i_button{ cursor:pointer;background:none;width:50px;height:50px;border:1px solid #ceced5;}
.Page002274 .Pages .p_jump b{font-weight:normal; margin:0 5px;}
.Page002274 .Pages .a_prev{ margin-left:0;}
.Page002274 .Pages .a_prev,
.Page002274 .Pages .a_next{ font-family:'宋体'; font-weight: bold;}


/* 新闻中心 */
.news-list .item{ margin-right:3.11111%; width:31.25%; margin-bottom:3.1111%;}
.news-list .item:nth-child(3n){ margin-right:0;}
.news-list .item .pic{ overflow:hidden; width:100%;}
.news-list .item .pic figure{ display:block; width:100%; padding-bottom:66.6667%; transition: .3s linear;}
.news-list .item .text{ padding:.4rem 0 0;}
.news-list .item .text .title{ font-size:.24rem; color:#2a2b4c; margin-bottom:.2rem;}
.news-list .item .text .tiem{ font-size:.18rem; color:#5a5d6c;}
.news-list .item a:hover .title{ font-size:.24rem; color:#007ab7;}
.news-list .item a:hover .pic figure{ transform:scale(1.1);}


/* 关于我们 */
.about-box .company-name{font-size:.52rem; color:#1d3541;font-weight:500;}
.about-box .des{ margin:.5rem 0 .45rem; color:#5a5d6c; font-weight:100; line-height:1.7;}
.about-box .video-shell{ position:relative;}
.about-box .video-shell video{ display:block; width:100%;}
.about-box .video-shell .play{ width:100%;height:100%;background-image: url(../images/play.png);background-position:center; background-size:.7rem; background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:10;cursor:pointer;}
.about-box .other-list{ margin-top:.5rem;}
.about-box .other-list .item{ width:32%; margin-right:2%; background:#f5f7fa; padding:.25rem .4rem; position:relative;}
.about-box .other-list .item:nth-child(3n){ margin-right:0;}
.about-box .other-list .item .icon{ position:absolute;top:0;right:.3rem;}
.about-box .other-list .item .icon img{ width:.46rem;}
.about-box .other-list .item .title{ font-weight:500; margin-bottom:.3rem; font-size:24px; color:#1d3541;}
.about-box .other-list .item .title span{ padding:.15rem 0 .2rem; border-bottom:solid 1px #0f2699;}
.about-box .other-list .item .des{ min-height:5em; margin:0; color:#5a5d6c;}
.about-box .intro{ margin-top:.4rem; color:#5a5d6c; line-height:2; font-weight:100; padding-bottom:1rem;}
.about-box .contact .pic{overflow:hidden;width:59.762%;position:relative;z-index:5;}
.about-box .contact .pic figure{display:block;width:100%;height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; transition: .3s linear;}
.about-box .contact .text{position:relative;z-index:1; width:40.3%; padding:.52rem .6rem; background-image: url(../images/about-bg.png); background-repeat:no-repeat;background-position:bottom right; box-shadow:0 0 10px rgba(0,0,0,.1);}
.about-box .contact .text .title{margin-bottom:.4rem;padding-bottom:.4rem;font-size:24px;color:#1d3541;border-bottom:solid 1px #e6e6e6;}
.about-box .contact .text .con{margin-bottom:.2rem;font-weight:100;color:#5a5d6c;line-height:2.2;}
.about-box .contact .code-box .wzx{text-align:center;color:#5a5d6c;font-weight:100;}
.about-box .contact .code-box .txt{margin-top:.1rem;}

/*Menu002937 */
.Menu002937{padding-bottom:3vw;}
.Menu002937 .ul{display: table;line-height: normal;}
.Menu002937 .ul li{float: left;margin: 1px 0;}
.Menu002937 .ul li:not(:last-child){margin-right: 10px;}
.Menu002937 .ul li a{display: block;line-height: 2em;min-width: 141px;padding: 0 1em;font-size: 20px;background: #eee; text-align: center;}
.Menu002937 .ul li.aon a,
.Menu002937 .ul li a:hover{color: #fff;background: #007ab7;}
@media(max-width:768px){
.Menu002937 .ul li a{min-width: 18.36vw;font-size: 3.5vw;}
}
@media(max-width:480px){
.Menu002937 .ul li a{font-size: 4vw;line-height: 2em;}
}
/*
 * .Floor001025 为demo编号
 */
.Floor001025{min-height: 65vh;}
.Floor001025 .slick-slider{ position: relative; display: block; margin-bottom: 30px;min-height: 65vh;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  
  -webkit-touch-callout: none;
      -ms-touch-action: pan-y;
          touch-action: pan-y;
          
  -webkit-tap-highlight-color: transparent;
}
.Floor001025 .slick-list{ position: relative; overflow: hidden; display: block; margin: 0; padding: 0;}
.Floor001025 .slick-list:focus { outline: none;}

.Floor001025 .slick-list.dragging { cursor: pointer; cursor: hand;}
.Floor001025 .slick-slider .slick-track,
.Floor001025 .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.Floor001025 .slick-track { position: relative; left: 0; top: 0; display: block;}
.Floor001025 .slick-track:before,
.Floor001025 .slick-track:after { content: ""; display: table;}
.Floor001025 .slick-track:after { clear: both;}

.Floor001025 .slick-slide { float: left; /*height: 100%;*/ min-height: 1px; display: none;}
[dir="rtl"] .slick-slide { float: right;}

/* .Floor001025 .slick-slide img { display: block; width: 680px; height: 450px;} */
.Floor001025 .slick-slide.slick-loading img { display: none;}

.Floor001025 .slick-slide.dragging img { pointer-events: none;}
.Floor001025 .slick-initialized .slick-slide{ display: block;}
.Floor001025 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.Floor001025 .slick-arrow.slick-hidden { display: none;}

.Floor001025 .slick-loading .slick-slide {visibility: hidden;}
.Floor001025 .slick-loading .slick-track { visibility: hidden;}
.Floor001025 .slick-loading .slick-list { background: #fff url("../images/Floor001025-loader.gif") center center no-repeat;}




.Floor001025 .carousel-center-mode .slick-slide { outline: none; padding: 0 15px;}
.Floor001025 .carousel-center-mode .slick-slide .image-thumbnail { transition: 450ms;}
@media (min-width: 1200px) {
  .Floor001025 .carousel-center-mode .slick-track{ 
  	display: -ms-flexbox; 
  	display: -webkit-flex;
    display: flex;
    
    -ms-flex-align: center;
     -webkit-align-items: center;
             align-items: center;
  }
  
  .Floor001025 .carousel-center-mode .slick-slide{ position: relative; padding: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    
    -webkit-justify-content: center;
            justify-content: center;
              -ms-flex-pack: center;
  }
  .Floor001025 .carousel-center-mode .slick-slide .image-thumbnail{ min-width: 450px;
   -webkit-transform: scale(0.85);
           transform: scale(0.85);
  }
  .Floor001025 .carousel-center-mode .slick-slide h5{ font-size: 16px; transition: 0s;display: block; margin: 0 auto; text-align: center;}
  .Floor001025 .carousel-center-mode .slick-slide p{ font-size: 12px; transition: 0s;}
  .Floor001025 .carousel-center-mode .slick-slide.slick-active{ cursor: pointer;}
  .Floor001025 .carousel-center-mode .slick-slide.slick-center{ z-index: 10; cursor: default;}
  .Floor001025 .carousel-center-mode .slick-slide.slick-center .image-thumbnail{ min-width: 680px;
    -webkit-transform: scale(1);
            transform: scale(1);
    box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.3);
  }
  .Floor001025 .carousel-center-mode .slick-slide.slick-center h5{ font-size: 20px;}
  .Floor001025 .carousel-center-mode .slick-slide.slick-center p{ font-size: 14px;}
}

.Floor001025 .image-thumbnail { max-width: 680px; margin-left: auto; margin-right: auto; position: relative; border-radius: 10px; overflow: hidden;}
.Floor001025 .image-thumbnail img { border-radius: 10px;}
.Floor001025 .image-thumbnail .caption { padding: 20px;color: #000;}

@media (min-width: 768px) {
  /* .Floor001025 .image-thumbnail * { color: #fff;} */
  .Floor001025 .image-thumbnail .caption { left: 0; right: 0; bottom: 0; text-align: left;}
  .Floor001025 .image-thumbnail .caption p { line-height: 21px;}
  .Floor001025 .image-thumbnail .caption h5 + p { margin-top: 12px;}
}

@media (min-width: 1200px) {
  .Floor001025 .image-thumbnail .caption { padding: 20px 35px;}
}




/* Icons */
/* Arrows */
.Floor001025 .slick-prev,
.Floor001025 .slick-next { position: absolute; display: block; height: 60px; width: 60px; line-height: 0; font-size: 0; cursor: pointer; background: #eee; color: transparent; top: 28%; padding: 0; border: none; outline: none; z-index: 9; transition: 350ms;
margin-top: -10px\9; /*lte IE 8*/
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.Floor001025 .slick-prev:hover,
.Floor001025 .slick-prev:focus,
.Floor001025 .slick-next:hover,
.Floor001025 .slick-next:focus { outline: none; background-color: #007ab7;}

.Floor001025 .slick-prev:hover:before,
.Floor001025 .slick-prev:focus:before,
.Floor001025 .slick-next:hover:before,
.Floor001025 .slick-next:focus:before { color: #fff;}

.Floor001025 .slick-prev.slick-disabled:before,
.Floor001025 .slick-next.slick-disabled:before { opacity: 0.5;}

@media (min-width: 768px) {
  .Floor001025 .slick-prev,
  .Floor001025 .slick-next { top: 50%;}
}


.Floor001025 .slick-prev:before,
.Floor001025 .slick-next:before { font-size: 24px; line-height: 1; color: #888; opacity: 0.75;font-family: 'Courier New', Courier, monospace;
   -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.Floor001025 .slick-prev { border-radius: 0 50% 50% 0; left: 0;}
[dir="rtl"] .slick-prev { left: auto; right: 0;}

.Floor001025 .slick-prev:before { content: "<";}
[dir="rtl"] .slick-prev:before { content: "<";}

.Floor001025 .slick-next { border-radius: 50% 0 0 50%; right: 0;}
[dir="rtl"] .slick-next { left: 0; right: auto;}

.Floor001025 .slick-next:before { content: ">";}
[dir="rtl"] .slick-next:before { content: ">";}


/* Dots */
.Floor001025 .slick-dots{ position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%;}
.Floor001025 .slick-dots li{ position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer;}
.Floor001025 .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;}
.Floor001025 .slick-dots li button:hover,
.Floor001025 .slick-dots li button:focus { outline: none;}
.Floor001025 .slick-dots li button:hover:before,
.Floor001025 .slick-dots li button:focus:before { opacity: 1;}
.Floor001025 .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "Open Sans", Arial, sans-serif; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.5;
   -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Floor001025 .slick-dots li.slick-active button:before { color: black; opacity: 0.75;}
.Floor001025 .carousel-center-mode .slick-track { min-height: 460px; padding: 40px 0;}
.Floor001025 .carousel-center-mode .slick-list { margin-left: auto; margin-right: auto;}

@media (min-width: 768px) {
  .Floor001025 .carousel-center-mode .slick-list { width: 750px;}
}

@media (min-width: 992px) {
  .Floor001025 .carousel-center-mode .slick-list { width: 970px;}
}

@media (min-width: 1200px) {
  .Floor001025 .carousel-center-mode .slick-list { width: 1170px;}
}




/*行业应用详情*/
.IndustryDetails{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.IndustryDetails .pic{ width: calc( 720 / 1440 * 100%);}
.IndustryDetails .pic img{ width: 100%;}
.IndustryDetails .textwarp{ width: calc( 660 / 1440 * 100%);}
.IndustryDetails .title{ display: flex; align-items: center; font-size: 38px; color: #1d3541; margin-bottom: .5rem; font-weight:500;}
.IndustryDetails .title .logo{ flex-shrink: 0; width: 86px; margin-right: .25rem;}
.IndustryDetails .stit{ font-size: 24px; color: #1d3541; font-weight:500; margin-bottom: .2rem;}
.IndustryDetails .con{ line-height: calc(30 / 16); color: #5a5d6c; }

/*解决方案详情*/
.Solution_top_title{ text-align: center;color: #1d3541; font-weight: 500; font-size: 52px; margin-bottom: .65rem;}
.Solution_item{ padding: 1.2rem 0;}
.Solution_item:nth-child(2n){ background-color: #f5f7fa;}
.Solution_item .title{ font-size: 24px; color: #1d3541; font-weight: 500; margin-bottom: .15rem;}
.Solution_item .con{ line-height: calc(30 / 16); color: #5a5d6c;font-weight:100;}

.Solution_top .item{ display: flex; align-items: center;}
.Solution_top .pic,
.Solution_top .warp{ width: 50%;}
.Solution_top .pic img{ width: 100%;}
.Solution_top .warp{ padding-left:.6rem;}
.Solution_top .item:nth-child(2n){ flex-direction: row-reverse;}
.Solution_top .item:nth-child(2n) .warp{ padding-left:0; padding-right:.6rem;}

.Solution_two{ }
.Solution_two .list{ position: relative;}
.Solution_two .pic{ position: relative; padding-top: 3rem; overflow: hidden; margin-bottom: .3rem; }
.Solution_two .pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover; }
.Solution_item .swiper-but{ width:50px; height:50px; background-color:#ffffff; box-shadow: 1px 4px 4px 0px rgba(9, 12, 103, 0.06); border-radius:100%; transition:all .5s;}
.Solution_item .swiper-but:after{ font-size:14px; font-weight:bold;}
.Solution_item .swiper-but:hover{ background:#007ab7;}
.Solution_item .swiper-but:hover:after{ color:#fff;}
.Solution_item .swiper-button-prev{ left:-1rem;}
.Solution_item .swiper-button-next{ right:-1rem;}
@media (max-width:1440px) {
	.Solution_item .swiper-button-prev{ left:0;}
	.Solution_item .swiper-button-next{ right:0;}
}

.Solution_three{}
.Solution_three .ul{ display: flex; justify-content:flex-start;}
.Solution_three li{ clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%); margin-right: -2.2%; width: 19%;}
.Solution_three li:first-child{  clip-path: polygon(0% 0, 100% 0%, 85% 100%, 0% 100%); }
.Solution_three li:nth-child(3){ }
.Solution_three li:last-child{  clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0% 100%);}

.Solution_three .box{ position: relative;}
.Solution_three .pic{ position: relative; height: 8.5rem; overflow: hidden; }
.Solution_three .pic::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); opacity: 0.39; z-index: 2; }
.Solution_three .pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover; }
.Solution_three .textwarp{ position: absolute; left: 0; z-index: 3; width: 80%; bottom: 0; padding: 0 .6rem; z-index: 3;  color: #fff; height: 1.6rem; }
.Solution_three .tit{ font-size: 24px;}
.Solution_three .con{ display: none; margin-top: .1rem; color: #fff;}
.Solution_three li:last-child .textwarp{ left: .2rem;}
.Solution_three .on{ flex: 1;  clip-path: polygon(5.5% 0, 100% 0%, 94.5% 100%, 0% 100%);  }
.Solution_three .on .textwarp{ padding: 0 .6rem; width: 90%;}
.Solution_three .on .con{ display: block;}
.Solution_three .on:first-child{  clip-path: polygon(0% 0, 100% 0%, 95% 100%, 0% 100%);  }
.Solution_three .on:last-child{ clip-path: polygon(5% 0, 100% 0%, 100% 100%, 0% 100%);  }

.Solution_four{background-color: #f5f7fa;}
.Solution_four  .ul{display: flex; flex-wrap: nowrap; gap: 45px;}
.Solution_four .tab_li{ justify-content: center; gap: 10px 90px; cursor: pointer;} 
.Solution_four .tab_li .on{ color: #007ab7;}
.Solution_four .list .ul li{ width: calc( ( 100% - 45px * 2  ) / 3 );}
.Solution_four .pic{ position: relative; padding-top: 3rem; overflow: hidden; margin-bottom: .3rem; }
.Solution_four .pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover; }

.Solution_five .w1440{ position: relative; }
.Solution_five .Solution_top_title{ color: #fff; position: absolute; left: .75rem; top: .75rem; text-align: left; z-index: 2; }
.Solution_five .swiper-slide{ display: flex; justify-content: space-between; align-items: flex-start; }
.Solution_five .pic{ width: calc( 820 / 1440 * 100%); padding-top: 1.2rem; }
.Solution_five .pic figure{ position: relative; padding-top: 5.7rem; overflow: hidden; clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%); }
.Solution_five .pic img{  position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover;  }
.Solution_five .textwarp{ width: calc( 530 / 1440 * 100%); position: relative; min-height: 5.7rem; padding-top: 1.9rem; padding-left: .75rem; position: relative;}
.Solution_five .textwarp::before{ content: ''; position: absolute; left: 0; top: 0; width: 203%; height: 100%; background:url(../images/logo_bg.png) no-repeat center bottom #007ab7; background-size: contain;  z-index: -1;clip-path: polygon(0 0, 100% 0, 83% 100%, 0% 100%);  }
.Solution_five .title,
.Solution_five .con{ color: #fff; }
.Solution_five .con{ padding-bottom: 1.2rem;}
.Solution_five .pagebtn{ position: absolute; left: .75rem; bottom: 2.1rem; width: 100%; display: flex; align-items: center; gap: 15px;}
.Solution_five .pagebtn .swiper-but{ position: relative; left: auto; top: auto; margin-top: 0; right: auto;}
.Solution_five .pagebtn .swiper-but:hover{ background-color: #3395c5;}

.Solution_other{ text-align: center;}
.Solution_other .con{ max-width: 1110px; margin: 0 auto;}


.Honor{ position: relative; max-width: 1160px; margin: 0 auto;}
.Honor .swiper{ padding-bottom: 50px; }
.Honor .pic{ border-radius: .1rem; overflow: hidden; position: relative; height: 450px; }
.Honor .pic img{ width: 100%; height: 100%; object-fit: cover; }
.Honor h5{ text-align: center;font-size: 20px;padding: 20px 35px;}
.Honor .swiper-slide-active{box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.3);}
.Honor .swiper-but{ width:50px; height:50px; background-color:#eee; box-shadow: 1px 4px 4px 0px rgba(9, 12, 103, 0.06); border-radius:100%; transition:all .5s;}
.Honor .swiper-but:after{ font-size:14px; font-weight:bold; color: #666;}
.Honor .swiper-but:hover{ background:#007ab7;}
.Honor .swiper-but:hover:after{ color:#fff;}
.Honor .swiper-button-prev{ left:-1rem;}
.Honor .swiper-button-next{ right:-1rem;}
/* 响应式布局 */
/* 顶部导航栏 */
/* 初始隐藏下拉菜单 */

.offcanvas-header {
    border-bottom: 1px solid #f0f0f0;
}
.offcanvas-body {
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
}
.navbar-nav {
            flex-direction: column;
        }

        .nav-item {
            position: relative;
        }

        .solution-dropdown {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }

        .solution-dropdown.show {
            max-height: 500px; /* 足够容纳子菜单内容 */
        }
@media (max-width: 768px) {
   .nav-item:has(.solution-dropdown) > .nav-link {
    position: relative; 
    padding-right: 1.5rem; 
}

.nav-item:has(.solution-dropdown) > .nav-link::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230066cc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

.nav-item:has(.solution-dropdown.show) > .nav-link::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230066cc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3C/svg%3E");
}
  
}
       

@media (max-width:768px) {

.navbar-toggler-icon{--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
}
@media (max-width: 768px) {a.nav-link {text-align: center;padding-right: 1.5rem;}
/* 基础导航栏样式 - 初始隐藏状态 */
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #007ab7 !important; /* 保持背景色一致 */
    transition: all 0.3s ease-in-out; /* 同时过渡transform和opacity */
    transform: translateY(-100%); /* 初始位置：顶部之外 */
    opacity: 0; /* 初始透明度：完全透明 */
    box-shadow: none !important;
}

/* 滚动后显示状态 - 逐渐显现 */
.navbar.scrolled {
    transform: translateY(0); /* 回到正常位置 */
    opacity: 1; /* 完全不透明 */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 显示阴影 */
}
}
@keyframes gentle-pulse {0%, 100% { opacity: 0.8; transform: scale(0.95); }50% { opacity: 1; transform: scale(1.05); }}
  /* footer */
@media (max-width: 768px) {
.mobile-footer {padding: 20px 15px; background-color: #f5f5f5; /}
    /* 联系信息样式 */
    .mobile-nav {display: flex;flex-direction: column; gap: 15px; }
    .mobile-nav .tit {font-size: 14px;color: #666; margin-bottom: 3px;}
    .mobile-nav .ix {font-size: 15px;color: #333; /* 主要信息深色 */font-weight: 500;}
    /* 二维码区域 */
    .mobile-footer-code {padding: 10px 0;flex-shrink: 0;}
    .mobile-footer-code .wx {color: #333;}
    /* 底部链接和版权 */
    .mobile-footer-bottom {padding-top: 15px;border-top: 1px solid #eee; /* 分割线 */}
    .auxiliary a {color: #666;padding: 0 5px;}
    .auxiliary a:hover {color: #ff6700; }
    .Copyright {line-height: 1.6; }
   
}

@media (min-width: 768px) {.mobile-footer {display: none !important;}}
    /* index-one */
@media (max-width: 768px) {.index-one .swiper-button-prev{ left:10px; }  /* 调整按钮位置避免超出屏幕 */.index-one .swiper-button-next{ right:10px; }.index-one .item .text .tit{ font-size:18px; } /* 适当缩小标题字体 */.index-one {padding: 50px 0;}.index-one .lanmu-title {margin-bottom: 10px;}
@media (max-width: 768px) {
  .index-ban .text .title {
    font-size: clamp(0.875rem, 3vw, 1.125rem); /* 移动端标题：最小24px，最大40px，随屏幕缩放 */
    padding-left: 10%;
  }
  .index-ban .text  .des {
    font-size: clamp(0.75rem, 2.5vw, 1rem); /* 移动端描述：最小16px，最大20px */
    /* 可选：移动端文字左对齐（若PC端是居中） */
    text-align: left;
    padding-left: 10%;
  }
  .index-ban .text .more .but {
    font-size: clamp(0.65rem, 2vw, 1rem); 
    padding: 8px 16px; 
    min-width: 80px;
    margin-left: 10%;
  }
  .lanmu-tit {
    /* 最小18px，最大22px，随屏幕宽度按4vw比例自适应 */
    font-size: clamp(1.125rem, 4vw, 1.375rem); /* 18px~22px */
    margin-bottom: 0.5rem; /* 适当缩减与下方内容的间距，适配小屏 */
  }
  .lanmu-title .tit {
    /* 最小14px（0.875rem），最大18px（1.125rem），随屏幕按3.5vw比例自适应 */
    font-size: clamp(0.875rem, 3.5vw, 1.125rem);
    line-height: 1.4; /* 增加行高，提升小屏阅读体验 */
  }
  .lanmu-title .more .but {
    /* 与其他按钮移动端样式统一，14px~16px */
    font-size: clamp(0.875rem, 3.5vw, 1.125rem); /* 14px~16px */
    padding: 6px 12px; /* 同步缩小内边距，适合触摸 */
  }
  .index-one .item .text .tit {
    /* 最小18px，最大22px，随屏幕宽度按4vw比例自适应 */
    font-size: clamp(1.125rem, 4vw, 1.375rem); /* 18px~22px */
    line-height: 1.3; /* 紧凑行高，适配小屏空间 */
  }
   .index-one .item .text .more .but {
    font-size: clamp(0.875rem, 2vw, 1rem); /* 强制14px~16px */
  }
  .lanmu-title{
    margin-bottom: 10px;
   }
   .index-two .list-box .io:nth-child(16){
    width: 2rem;
   }
   .index-two .list-box .io:nth-child(15){
    width: 2rem;
   }
   .index-two .list-box .io:nth-child(14){
    width: 2rem;
   }
   .index-two .list-box .io:nth-child(13){
    width: 2rem;
   }
   .index-two .list-box .io:nth-child(12){
    width: 2rem;
   }
   .index-two .list-box .io:nth-child(11){
    width: 2rem;
   }
   .index-two .list-box .io:nth-child(10){
    width: 2rem;
   }
.index-two .list-box .io:nth-child(9){
    width: 2rem;
   }
   .index-two .list-box .io:nth-child(8){
    width: 2rem;
   }
   .index-two .list-box .io:nth-child(7){
    width: 2rem;
   }
   .index-two .list-box .io:nth-child(6){
    width: 2rem;
   }
   .index-two .list-box .io:nth-child(5){
    width: 2rem;
   }
   .index-two .list-box .io:nth-child(4){
    width: 2rem;
   }
   .index-two .list-box .io:nth-child(3){
    width: 2rem;
   }
   .index-two .list-box .io:nth-child(2){
    width: 2rem;
   }
   .index-two .list-box .io:nth-child(1){
    width: 2rem;
   }
  
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .index-ban .text .title {
    font-size: 0.85rem; /* 比PC端小，比移动端大 */
  }
 .index-ban .text  .des {
    font-size: 0.5rem;
  }
  .index-ban .text .more .but {
    font-size: 16px;
    padding: 9px 18px;
  }
  .lanmu-tit {
    font-size: 20px; /* 介于PC和移动端之间，过渡自然 */
  }

  .lanmu-title .tit {
    font-size: 0.7rem; /* 约11.2px，介于PC和移动端之间 */
  }
  .lanmu-title .more .but {
    font-size: 1rem; /* 16px，介于PC和移动端之间 */
    padding: 7px 14px;
  }
  .index-one .item .text .tit {
    font-size: 20px; /* 介于PC和移动端之间，过渡自然 */
  }
   .index-one .item .text .more .but {
    font-size: 0.5rem; /* 约8px，比PC端大，比移动端小 */
  }
}
  @media (max-width: 768px) {
    .navbar-toggler{
      padding-right: 0px;
    }
    .navbar-toggler:focus {
  box-shadow: none !important;
}
    .index-three .item .text .title {
  font-size: clamp(0.875rem, 3.5vw, 1.125rem);
}
.index-three .item .text .tiem{
  font-size: clamp(0.6rem, 3vw, 0.24rem);
}

    /* .index-three .item .pic figure,
    .news-list .item .pic figure {
      padding-bottom: 50% !important; 
    } */
  }


/* 设备适配断点 - 新增 */
@media (max-width: 991px) {
    /* 隐藏PC端列表，显示移动端叠层容器 */
    .list-box.flex-row:not(.d-none) {
        display: none !important;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .index-three .lanmu-title .tit {
        font-size: 0.3rem;
    }
}
}
/* 返回顶部按钮样式 */
.back-to-top {
  /* 固定定位在底部右侧 */
  position: fixed;
  right: 20px;
  bottom: 30px;
  
  /* 按钮样式 */
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #007ab7; /* 主色调背景 */
  color: white; /* 图标颜色 */
  border: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 阴影增强立体感 */
  
  /* 初始隐藏 */
  opacity: 0;
  visibility: hidden;
  
  /* 过渡动画 */
  transition: all 0.3s ease;
  z-index: 9999; /* 确保在最上层 */
  cursor: pointer;
}

/* 按钮显示状态 */
.back-to-top.visible {
  opacity: .8;
  visibility: visible;
}

/* 点击反馈 */
.back-to-top:active {
  transform: scale(0.95);
  background-color: #005a8c;
}
/* 背景气泡 */
.bubble-container {
  position: fixed; /* 固定在视口，不随内容滚动 */
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none; /* 完全不影响下层交互 */
  z-index: 1; /* 确保在所有内容下方 */
  overflow: hidden;
}

/* 气泡基础样式 */
.bubble {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%; /* 圆形气泡 */
  opacity: 0.25;
  transition: transform 0.3s ease-out;
 
}
 .left{
    left: calc(100% - 150px)
}
 .right{
    left: -150px;
}
.offcanvas-header .logo img{
height:35px;
width: 35px;
}
/* 图片预览 */
/* 修改图片预览组件样式 */
.image-preview {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #5b5b5b;
    z-index: 9999;
    display: none;
    overflow-y: auto; /* 添加垂直滚动 */
}

.image-preview.active {
    display: block; /* 改为block布局 */
}

.image-preview img {
    width: 100%; /* 宽度占满容器 */
    max-width: 800px; 
    height: auto; /* 高度自适应 */
    display: block; /* 设为块级元素 */
    margin: auto;
}

.image-preview .back-btn {
    position: fixed; /* 固定定位 */
    top: 20px;
    left: 20px;
    background: rgba(255, 255, 255, 0.9);
    color: #333;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    transition: all 0.3s ease;
    z-index: 10000;
}

.image-preview .back-btn:hover {
    background: #fff;
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}