/*banner背景图片动画*/
@-webkit-keyframes scale-bg{
    from{
        -webkit-transform:scale(1.2);
        transform:scale(1.2);
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}
@keyframes scale-bg{
    from{
        -webkit-transform:scale(1.2);
        transform:scale(1.2);
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}

.mySwipers .swiper-slide-active img,.neibanner .swiper-slide-active img{
  -webkit-animation:scale-bg 6s linear forwards;
  animation:scale-bg 6s linear forwards;
}





.new-home-title{margin-bottom:15px;color:#727171;font-size:22px;}
.new-home-title b{font-weight:normal;color:#000;}
.new-home-title p{position:relative;font-size:12px;font-weight:normal;color:var(--red-color);margin-bottom:0;padding:13px 0 8px}
.new-home-title p:after{content:'';height:3px;background:var(--red-color);position:absolute;top:0;left:50%;top:0;width:60px;border-radius:10px;margin-left:-30px;}


.home-about{background:#f8f8f8;padding-top:20px;padding-bottom:20px;color:#727171;}
.home-about-title{color:var(--red-color);margin-bottom:20px;font-size:14px;}
.home-about-title em,.home-about-title b{display:block;font-style:normal;font-weight:normal;}
.home-about-title b{font-size:1.3em;padding:5px 0}
.home-about-title p{color:#727171;margin:0}

.home-about p{line-height:1.5em;}

.aboutmore{margin-bottom:15px;}
.aboutmore a{display:inline-block;border-radius:30px;padding:5px 30px;font-size:12px;color:#fff;border:1px solid var(--red-color);color:var(--red-color)}

.homemap-title {margin-bottom:20px;}
.homemap-title h3{margin-bottom:15px;color:var(--red-color);font-size:25px;}
.homemap-title b{display:block;font-weight:normal;color:#888;font-size:0.8em;padding-top:5px;}
.homemap-title p{margin:0;font-weight:normal;font-size:0.9em}

.mapul li{float:left;width:50%;text-align:center;font-size:30px;color:#d91b36;font-weight:bold;padding:5px 0;}
.mapul li p{font-size:14px;color:#888;font-weight:normal;}
.mapul li sup{font-weight:normal;font-size:0.5em;}

.hbanner{position:relative;}
.banner_font{position:absolute;z-index:9;top:20%;padding:0 10%;}


.home-bg-1{background:url(../images/2024/home-bg-1.jpg) no-repeat;background-position:center center;background-size:cover;color:#fff;padding-top:40px;padding-bottom:40px;}
  .homeadbox p{margin:0}
.homeadbox h3{padding:8px 0}


.bgserver{background:url(../images/2024/home-bg-2.jpg) no-repeat;background-position:center center;background-size:cover;color:#fff;text-align:center;padding-top:40px;padding-bottom:40px;}
.bgserver p{margin:0}
.bgserver h3{color:var(--red-color);margin-bottom:10px;}
.bgserver h4{margin-bottom:10px;}
.bgserver h5{font-weight:normal;margin-bottom:5px;}
.server-sub a{background:var(--red-color);color:#fff;display:inline-block;padding:5px 30px;border-radius:20px;}
.server-sub{padding-top:15px;}


.advbox{padding:20px 10px;}
.case-item{box-shadow:0 5px 10px rgba(0,0,0,0.2)}


.home-adv-box{padding-top:15px;padding-bottom:15px;}
.home-adv-box p{margin:0;}
.home-adv-box h3{color:var(--red-color);margin-bottom:5px;}
.home-adv-box h4{color:#888;margin-bottom:10px;}
.cored{color:var(--red-color);}

.point,.point::before,.point::after{width: 5px; height: 5px; }
    .dian_1{left: 15.2%;top:27.3%;}
    .dian_2{left: 15.2%;top:55.2%;}
    .dian_3{left: 17.7%;top:57.9%;}
    .dian_4{left: 22.7%;top:72.4%;}
    .dian_5{left: 25.2%;top:82.6%;}
    .dian_6{left: 58.9%;top:36.3%;}
    .dian_7{left: 63.1%;top:36.3%;}
    .dian_8{left: 62.3%;top:39.2%;}
    .dian_9{left: 58.1%;top:65.3%;}
    .dian_10{left: 61.4%;top:75.4%;}

    .dian_11{left: 70.6%;top:29.1%;}
    .dian_12{left: 74.1%;top:35%;}
    .dian_13{left: 70.6%;top:39.3%;}
    .dian_14{left: 69%;top:45%;}
    .dian_15{left: 69.9%;top:45%;}
    .dian_16{left: 69.9%;top:48%;}
    .dian_17{left: 69.9%;top:50.9%;}
    .dian_19{left: 74.1%;top:49.5%;}
    .dian_20{left: 74.9%;top:46.5%;}

    .dian_21{left: 76.6%;top:46.5%;}
    .dian_22{left: 77.4%;top:46.5%;}
    .dian_23{left: 75.8%;top:47.9%;}
    .dian_24{left: 78.2%;top:43.5%;}
    .dian_25{left: 76.6%;top:43.5%;}
    .dian_26{left: 76.6%;top:42%;}
    .dian_27{left: 78.2%;top:42%;}
    .dian_28{left: 79.9%;top:42%;}
    .dian_29{left: 80.8%;top:42%;}

    .dian_30{left: 79.9%;top:39.3%;}
    .dian_31{left: 80.8%;top:39.3%;}
    .dian_32{left: 79.9%;top:43.5%;}
    .dian_33{left: 80.8%;top:45%;}
    .dian_34{left: 79.1%;top:45%;}
    .dian_35{left: 80.8%;top:47.9%;}
    .dian_36{left: 79.1%;top:47.9%;}
    .dian_37{left: 78.2%;top:47.9%;}
    .dian_38{left: 79.9%;top:49.4%;}
    .dian_39{left: 78.2%;top:50.9%;}
    .dian_40{left: 78.2%;top:49.4%;}

    .dian_41{left: 80.8%;top:50.9%;}
    .dian_42{left: 75.8%;top:52.1%;}
    .dian_43{left: 76.6%;top:53.8%;}
    .dian_44{left: 74.9%;top:53.8%;}
    .dian_45{left: 77.4%;top:56.6%;}
    .dian_46{left: 79.1%;top:59.6%;}
    .dian_47{left: 80.8%;top:53.8%;}
    .dian_48{left: 79.1%;top:50.9%;}


.swiper-button-red{color:red;}
.gallery-thumbs .swiper-button-next:after, .gallery-thumbs .swiper-button-prev:after{font-size:14px;}
.gallery-top,.gallery-thumbs{overflow:hidden;position:relative;}
.prod-title span{display:block;border-radius:20px;color:#555;text-align:center;padding:10px 20px;font-size:12px;line-height:150%;text-decoration:none;background:#f4f4f4}
.prod-title .swiper-slide-thumb-active span{background:var(--red-color);color:#fff;}
.prodcate-img{text-align:center;}
.prodcate-img img{margin:0 auto;width:auto}
@media (min-width: 768px) {
  .home-bg-1,.bgserver{background-attachment: fixed;}
   .new-home-title{font-size:25px;margin-bottom:25px;}
   .new-home-title p{font-size:15px;}

   .home-about{padding:30px 10px;}
   .home-about-title{fot-size:15px;}
   .home-about-title b{font-size:2em}
   .home-about-title p{font-size:1.6em}


   .homemap-title {padding-right:25%}
   .homemap-title h3{font-size:30px;}

  .bgserver,.home-bg-1{padding-top:60px;padding-bottom:60px;}
  .bgserver h3{font-size:35px;}
  .bgserver h4{font-size:28px;}
  .bgserver h5{font-size:16px;}
  .bgserver p{padding:0 15%}

  .prodcate-img{padding:50px 0 30px}
  .banner_font{top:30%;}
  .banner_font img{width:350px;}

  .prod-title span{padding:10px 20px;font-size:14px;}

.prodcate-img img{height:300px}
} 
@media (min-width: 992px) {
   .new-home-title{font-size:30px;margin-bottom:30px;}
   .new-home-title p{font-size:16px;}

   .home-about{padding:40px 20px;}
   .home-about-title{margin-bottom:10px;font-size:16px;}

   .aboutmore{margin-bottom:0}
   .cont-vart,.fl-col-height,.cont-vart-cont{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .cont-vart-cont{
        justify-content: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        flex-shrink: 1;
        min-width: 1px;
    }
    .homemap-title{font-size:16px;margin-bottom:30px;}
   .homemap-title h3{font-size:35px;}

   .mapul li{font-size:35px;}

   .bgserver,.home-bg-1{padding-top:100px;padding-bottom:100px;}
   .bgserver h3{font-size:40px;}
  .bgserver h4{font-size:35px;}
  .bgserver p{padding:0 20%}
.bgserver p a{padding:10px 30px;border-radius:40px;}


  .home-adv-box{padding-left:30px;padding-right:30px}
  .home-adv-box p{font-size:16px;}
  .home-adv-box h3{padding:5px 0;font-size:30px;}


  .homeadbox{line-height:170%}
  .homeadbox p{font-size:14px;}
  .homeadbox h3{font-size:35px;}


  .prodcate-img{padding:80px 0 50px}
  .banner_font img{width:450px;}
.prodcate-img img{height:350px}
}

@media (min-width: 1200px) {
   .new-home-title{margin-bottom:40px;font-size:33px;}
   .new-home-title p{padding:18px 0 15px;}

   .home-about{padding:50px 30px;}
   .home-about-title b{font-size:2.3em;}

    .homemap-title{font-size:16px;margin-bottom:50px;}
   .homemap-title h3{font-size:40px;}
   .mapul li{font-size:50px;padding-top:10px;padding-bottom:10px;}

   .bgserver,.home-bg-1{padding-top:140px;padding-bottom:140px;}
    .homeadbox p{font-size:16px;}
  .homeadbox h3{font-size:40px;padding:15px 0}
  .prodcate-img{padding:100px 0 50px}
  .banner_font img{width:auto;}
  .hbanner{height:85vh;overflow:hidden;}
.prodcate-img img{height:400px}

}
@media (min-width: 1300px) {
  .home-about{padding:60px 40px;}
   .mapul li{padding-top:15px;padding-bottom:15px;}
    .bgserver,.home-bg-1{padding-top:160px;padding-bottom:160px;}
.prodcate-img img{height:450px}

}

@media (min-width: 1400px) {
  .home-about{padding:80px 50px;}
   .mapul li{padding-top:20px;padding-bottom:20px;}
  
 .prodcate-img img{height:450px;width:auto}
    .bgserver,.home-bg-1{padding-top:180px;padding-bottom:180px;}
.prodcate-img img{height:500px}
}

@media (min-width: 1500px) {
 
 .mapul li{font-size:55px;}
 .prodcate-img img{height:500px;width:auto}
}