html,
body {
  position: relative;
  height: 100%;
}
ul,li{list-style-type: none;padding: 0;margin: 0;}
a{color: #222;text-decoration: none;}

body {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}
.container{
  max-width: 1420px;
}
.swiper {
  width: 100%;
  height: 100%;
  
}
.mySwiper{
  height: calc(100% - 70px);
}
.swiper.mySwiper{
  --swiper-pagination-bullet-width: 24px;
  --swiper-pagination-bullet-height: 2px;
  --swiper-pagination-color: #58595B;/* 两种都可以 */
  --swiper-pagination-right: 24px;
  --swiper-pagination-bullet-vertical-gap: 20px;
  --swiper-pagination-bullet-border-radius: 0;
}
.swiper.mySwiper2{
  --swiper-pagination-bullet-width: 20px;
  --swiper-pagination-bullet-height: 20px;
  --swiper-pagination-color: #F5F5F5;/* 两种都可以 */
  --swiper-pagination-bullet-border-radius: 50%;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-v {
  background: #eee;
}

.autoplay-progress {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--swiper-theme-color);
}

.autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: var(--swiper-theme-color);
  fill: none;
  stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}
.navbar{
  box-shadow: 1px 2px 5px #eee;
}
.nav-link{
  font-size: 1.125rem;
}
.section02 {
    background: url(/skin/img/bj1.png);
    transition: all 1s;
    background-size: 2880px 1620px;
}

.section02.active {
    background: url(/skin/img/bj1.jpg);
    background-size: 1920px 1080px;
    transition-delay: 0s;
}
.adorn-line{
  width: 80px;
  height: 8px;
  border-radius: 4px;
  background: #FF5500;
}
.subtitle{
  color: #FF5500;
}

.section02 .img{
  float: right;
}
.content-text,.content-info{
  font-size: 1.125rem;
  color: #4D4D4D;
  text-indent: 2.25rem;
}
.content-info{
  line-height: 2rem;
}
.section02-box{width: 100%;height: calc(100% - 15rem)}
.img2{display: flex;align-items: center;height: 15rem;justify-content: space-between;}
.img2 img{
  max-width: 20%;
  height: auto;
}
h2.z-title{
  color: #2a2a2a;
  letter-spacing: 2px;
}
h2.z-title  span{
  font-size: 1.225rem;
}
.navbar-nav li{line-height: 40px;}
.navbar-nav .dropdown:hover .dropdown-menu{display: block;}
.navbar-nav .dropdown-menu{border-radius: 0;top: 56px;border: 0;padding: 0;}
.navbar-nav .dropdown-menu li{position: relative;}
.navbar-nav .dropdown-menu li a{background: #004E9D;padding: 20px 30px;color: #fff;text-align: center;}
.navbar-nav .dropdown-menu li:hover>a,.dropdown-menu li ul li:hover>a{background: #ffffff;color: #004E9D;}

.dropdown-menu li ul{position: absolute;left: 100%;top: 0;width: max-content;display: none;}
.dropdown-menu li:hover ul{display: block;}

.navbar-nav .dropdown-menu li>a.item-li::after{
    position: absolute;
    top: 50%;
    right: 10px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    content: "";
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}

/*imglist_001*/
.imglist_001{max-width:100%;}
.imglist_001 .left{width: 70%;}
.imglist_001 .right{width: 28%;}
.imglist_001 .left,.imglist_001 .right{border-radius: 1rem;overflow: hidden;}
.imglist_001 .right ul li:nth-of-type(4){display: none;}
.imglist_001 .img{position: relative;}
.imglist_001 img{height: auto;width:100%;}
.imglist_001 .tjpic{max-width: 977px;max-height: 712px;}
.imglist_001 .litpic{max-width: 390px;max-height: 224px;}
.imglist_001 .info{position: absolute;bottom: 0;width: 100%;background: #fff;}
.imglist_001 .info h4{color: #000;padding: 8px;margin: 0;}
.toggle-button{}
.toggle-button .swiper-button-next,.toggle-button .swiper-button-prev{width: 68px;height: 68px;position: initial;border: 1px solid #FF6A20;background-color: #FF6A20;color: #fff; border-radius: 50%;margin: 0 5px;}
.toggle-button .swiper-button-next:after,.toggle-button .swiper-button-prev:after{font-size: 1rem;color: #fff;}
.toggle-button .swiper-button-next.swiper-button-disabled,.toggle-button .swiper-button-prev.swiper-button-disabled{border-color: #DEDEDE;background-color: #ffffff;opacity: 1;}
.toggle-button .swiper-button-next.swiper-button-disabled:after,.toggle-button .swiper-button-prev.swiper-button-disabled:after{color: #000;}

.section03{max-width: 1920px;background:#F5F5F5;}
.section03 .container-fluid{padding: 0;}
/*imglist_002*/
.imglist_002 li{padding: 0 5px;position: relative;transition: all 0.8s}
.imglist_002 li:hover{margin-top: -20px;}
.imglist_002 li .img{overflow: hidden;position: relative;}
.imglist_002 li .img img{width: 100%;height: auto;}
.imglist_002 li .img:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 78, 157, 0.95));transition: all 0s ease-out;}
.imglist_002 li:hover .img:before{height: 0;}
.imglist_002 li .img:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(248, 90, 6, 0.95));transition: all 0.5s ease-out;}
.imglist_002 li:hover .img:after{height: 100%;}
.imglist_002 li .info{position: absolute;bottom: 15%;left: 0;width: 100%;text-align: center;color: #fff;}
.imglist_002 li .info h4{font-size: 2rem;margin-bottom: 4rem;}
.imglist_002 li .info a{color: #fff;font-size: 1rem;text-decoration: none;border: 1px solid #fff;padding: 1rem 2rem;}

/*case*/
.case{background: linear-gradient(to right, #0059B3 30%, transparent 30%);/*background: url(/skin/img/img11.jpg) no-repeat;*/}
/*.case .left{width: 23%;display: flex;justify-content: center;flex-direction: column;align-items: flex-start;}*/
.case .left{display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;background: #0059B3;}
.section04 h2.z-title{color: #fff;}
.section04 .left p{color: #fff;font-size: 1.25rem;}

.case .right{padding: 50px 0 50px 12px;}
.articlelist_001 .lis004:nth-of-type(4){display: none;}
.articlelist_001 .title{text-align: right;}
.articlelist_001 .title h4{text-align: left;}
.articlelist_001 .title span{color: #fff;background: #F39938;border-radius: 4px;padding: 2px 6px;font-size: 12px;font-weight: 700;}
.articlelist_001 .title span:nth-of-type(2){background: #0068B7;}
.articlelist_001 .img{overflow: hidden;}
.articlelist_001 .img img{width: 100%;height: auto;}
.articlelist_001 .info{line-height: 1.5rem;}
.articlelist_001 .info a{font-size: 1rem;}
.articlelist_001 a:hover{color: #0068b7;}

.section05{}
.section05 .box{position: absolute;top: 0;left: 0;z-index: -1;}
.lxani img{max-width: 100%;height: auto;}
.lxani img:nth-child(2) {margin-top: 100px;}
.lxani img:nth-child(3) {display: none;}
.lxani a{color: #fff;}
.lxani a:hover{color: #0068b7;}
@media screen and (max-width: 991px) {
  .swiper.mySwiper2{
    --swiper-pagination-bullet-width: 10px;
    --swiper-pagination-bullet-height: 10px;
  }
  .toggle-button .swiper-button-next,.toggle-button .swiper-button-prev{
    width: 45px;
    height: 45px;
  }
}


.floating_ck{position:fixed;right:0px;top:30%;border: 1px solid #ddd;border-radius: 10px;background: #fff;z-index:99999999999}
.floating_ck dl dd{position:relative;width:80px;height:80px;border-bottom:solid 0px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;background-color: #fff;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult{background-image:url(/skin/img/icon1.png);}
.consult:hover{background-image:url(/skin/img/icon1H.webp);}
.quote{background-image:url(/skin/img/icon3.png);}
.quote:hover{background-image:url(/skin/img/icon3H.webp);}
.qrcord{background-image:url(/skin/img/icon2.png);}
.qrcord:hover{background-image:url(/skin/img/icon2H.webp);}
.return{background-image:url(/skin/img/icon4.png);}
.return:hover{background-image:url(/skin/img/icon4H.webp);}
.floating_ck dd span{color:#000;display:block;padding-top:54px;}
.floating_ck dd:hover span{color:#2a42cc;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-250px;top:0px;width:250px;height:70px;background-color:#f0f0f0;border-bottom:solid 0px #a40324;display:none;border-radius: 10px;}
.floating_left a{color:#000;line-height:70px;font-size:28px;}
.floating_ewm{height: 100px;top: -25px;width: 100px;left: -130px;background: none;}
.floating_ewm i{display:block;width:100px;height:100px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}

@media (max-width: 576px){
  .imglist_001 .info h4{
    font-size: 1rem;
  }
}
@media (max-width: 767px){
  .imglist_001 .right{
    width: 100%;
  }
  .imglist_001 .right ul{
  }
  .imglist_001 .right ul li{
    width: 50%; 
    float: left;
    padding: 10px;
  }
  .imglist_001 .right ul li:nth-of-type(4){
    display: block;
  }
  .articlelist_001 .lis004:nth-of-type(4){
    display: block;
  }
  
}
@media (max-width: 991px){
  .section04{
     background: #0059B3;
  }
  .case{
   
    background-size: cover;
  }
  .case .left{
    display: block;
  }
  .section04 .left p{
    font-size: 1rem;
    margin-bottom: 8px;
  }
  .case .right{
    padding: 20px 12px;
  }
  .articlelist_001 .title h4{
    color: #fff;
    font-size: 1rem;
  }
  .articlelist_001 .title span{
    display: none;
  }
  .articlelist_001 .info{
    display: none;
  }
    .floating_ck{
        display:none;
    }
}
@media (max-width: 1199px){
    .imglist_001 .tjpic {
        max-width: 754px;
        max-height: 549px;
    }
    .imglist_001 .litpic {
        max-width: 300px;
        max-height: 172px;
    }
}