* { margin: 0; padding: 0;}
html {font-size: 93px; box-sizing: border-box;
  overflow-x: hidden;
    
  scrollbar-width: none;
}
html::-webkit-scrollbar {
  display: none;
}
body {
  -ms-overflow-style: none;
}




.dashboard-content{position: absolute; width: 100%; height: 100%;}

.content-box{width: 100%;height: 100%; min-height: 100%; }
.swiper-container {width: 100%;height: 100%; }
.swiper-slide{width: 100%;height: 100%; position: relative;}
.swiper-slide::after{content: ""; width: 100%; height: 100%;display: block; position: absolute; left: 0;top: 0; background: #031944; opacity: .4;}
.swiper-slide img{width:100%;height:100%;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);}
.swiper-slide-active img,.swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}
.swiper-pagination-bullet{width: 20px; height: 20px; background: #ccc;}
.swiper-pagination-bullet-active{background: #E41D14;}

.swiper-slide-content {position: absolute; top: 50%; left: 8%; transform: translate(0%,-50%); z-index: 10;}
.swiper-slide-content h2{font-size: .56rem; color: #fff; font-weight: 500;}
.swiper-slide-content p{font-size: .16rem; color: #fff; font-weight: 500; margin-top: 10px;}

.flex-box{width: 100%; height: 100%; padding: .4rem .8rem 0 .8rem; box-sizing: border-box;}
.iocn{width: 36px; height: 35px; margin-right: 20px;}

.about-us-box {position: relative; background: #031944 url(../image/7.png) no-repeat center center; background-size: cover; width: 100%;height: auto; padding-bottom: .4rem;}
.ant-image{position: absolute; left: 0; top: 0;width: 100%; height: 100%;}
.ant-image img{width: 100%; height: 100%; display: block; object-fit: cover;}
.content-info-box{height: 90%;width: 60%; position: relative; z-index: 99;}
.content-info-box_x{ box-sizing: border-box; width: 100%; height: 100%;}

.title-prefix-box{display: flex; align-items: center;  margin-bottom: .24rem;}

.title-box{font-size: .56rem; color: #fff; border-bottom: 4px solid #E41D14; font-weight: 500;}
.content-intro-box{color: #fff; line-height: 1.5; font-weight: 500;font-size: .19rem; margin-bottom: .24rem;  }  
.statics-title-box{display: flex; color: #fff; font-size: .56rem;    font-weight: 500;   align-items: baseline;}
.content-data-statics-box{width: 80%;}
.content-data-statics-box ul{display: flex; width: 100%; flex-wrap: wrap;}
.content-data-statics-box ul li{width: 50%;padding-right: .8rem; box-sizing: border-box; }
.operator{margin-right: .04rem;}
.unit{margin-left: .08rem;font-size: .24rem;}
.statics-desc-box{font-size: .16rem; color: #ffffff80; margin-top: .08rem; line-height: 1.5; font-weight: 400;}
.map-remarks-box{position: absolute; right: 0; bottom: .5rem; z-index: 10;font-size: 12px; color: #ffffff80;}
.map-remarks-box p{line-height: 2;}




.support{padding-bottom: .4rem; width: 100%; height: auto; position: relative;}
.support .title-box{color: rgba(0, 0, 0, 0.88);}
.support  .content-intro-box{ color: rgba(0, 0, 0, 0.88);}
.attr-type-title-box{display: flex; justify-content: space-between;}
.attr-type-title-box >div{width: 49%;}
.attr-type-title-boxs{padding: .04rem .2rem; width: 100%; line-height: 56px; box-sizing: border-box; background: linear-gradient(to right,#ce0e2d,#faaebb,#fff);font-size: .19rem; color: #fff;}

.attributes_von_list_ionc{width: 200px;}
.attributes_von_list_ionc_box{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;}
.attributes_von_list_ionc_box_image img{width: 60px; height: 60px;}
.attributes_von_list_ionc_box_image{display: flex; flex-direction: column;  justify-content: center ;align-items: center;}
.attributes_von_list {margin-top: .25rem;}
.attributes_von_list ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.attributes_von_list ul li{width: 100%; border-radius: 8px; box-sizing: border-box; padding-right: .4rem; border: 1px dashed rgba(0,0,0,.5); display: flex; margin-bottom: .19rem;}
.attributes_von_list_ionc_box_image p{font-size: .15rem;}
.attr-child{width: 100%; padding-bottom: 8px;  border-bottom: 1px dashed rgba(0,0,0,.5);}
.attributes_von_list_text{padding: .2rem; line-height: 1.5; box-sizing: border-box; font-size: .16rem;  width: calc(100% - 200px); border-left: 1px dashed rgba(0,0,0,.5);}


.viMapPosition{padding-bottom: .4rem; width: 100%; height: auto; position: relative; background:  url(../image/14.png) no-repeat center center;}
.content-unify{width: 100%; padding: .4rem .8rem 0 .8rem; box-sizing: border-box;}

.position-info-box{display: flex; justify-content: space-between; margin-top: .4rem;}
.vi-map-box{width: 4.84rem; height: auto;margin-left: .8rem; position: relative;}
.top-position{position: absolute;right: 0; top: .7rem;font-size: .19rem; color: #fff; padding: .15rem; box-sizing: border-box; transform: translate(16px, 0);}
.bottom-position{position: absolute;right: .70rem; bottom: 0;font-size: .19rem; color: #fff; padding: .15rem; box-sizing: border-box; transform: translate(16px, 0);}
.top-position:hover{background: #f34f69; transition: background-color .6s ease-in-out; border-radius: 8px;}
.bottom-position:hover{background: #f34f69; transition: background-color .6s ease-in-out; border-radius: 8px;}
.vi-map-box img{width: 100%; height: 100%; display: block; object-fit: cover;}
.info-box{width: calc(100% - 4.84rem); padding:  0 .34rem 0 .44rem; box-sizing: border-box;}
.viMapPosition .content-intro-box_text{font-size: .204rem; line-height: 1.5; font-weight: 450;   padding-bottom: .24rem; color: #fff; margin-bottom: .4rem;}

.vi-statics-item-box{display: flex;}
.vi-title-box{width: 2.25rem; line-height: 40px; color: #fff; font-weight: 500;}
.beveled-div.box3{width: 100%; background: linear-gradient(-135deg,transparent 30px,rgba(206,14,45,.2) 0) top right;}
.beveled-div.box2{width: calc(100% - .25rem);  background: linear-gradient(-135deg,transparent 30px,rgba(206,14,45,.6) 0) top right;}
.beveled-div.box1{width: calc(100% - .25rem); font-size: .19rem; background: linear-gradient(-135deg,transparent 30px,rgb(206,14,45) 0) top right; padding-left: .18rem;} 
.vi-data-box{display: flex; align-items: center; padding:  0 .34rem 0 .44rem; line-height: .69rem;}
.vi-data-box div{font-size: .44rem; color: #fff;display: inline-block;  font-weight: 500;}
.unitx{display: inline-block;font-size: .19rem; color: #fff; margin-left: .04rem; font-weight: 500; }
.vi-statics-item-box{margin-bottom: .2rem;}


.projects{padding-bottom: .4rem; width: 100%; height: auto; position: relative;}
.ant-flex {width: 100%; padding: .4rem .8rem 0 .8rem; box-sizing: border-box;}
.projects  .title-box{color: rgba(0, 0, 0, 0.88);}
.projects_box{padding: .25rem; box-sizing: border-box;}
.projects_box .attr-type-title-boxs a{width: 100%; color: #fff; display: block;}
.projects_list{margin-top: .20rem;}
.projects_list ul{display: flex; justify-content: space-between;}
.projects_list ul li{width: 100%;}
.projects_list ul li:hover img{ transform: scale(1.1);}
.projects_list ul li img{  transition: transform 2s ease-in-out;}
.projects_list ul li a{width: 100%; height: 100%; overflow: hidden; position: relative;}
.projects_list ul li a .ant-flex-vertical{position: absolute; bottom: 0; left: 0; padding: 8px; box-sizing: border-box; z-index: 1;}
.desc-text{font-size: .14rem; display: block; color: #fff;}
.desc-date{font-size: .24rem; display: block; color: #fff; line-height: 1; font-weight: 500;}
.project-info-more-box{position: absolute; right: 0; bottom: 0; z-index: 1; width: 2.2rem; line-height: 40px;}
.project-info-more-box .beveled-div.box2{width: calc(100% - .2rem);}
.project-info-more-box .beveled-div.box1{width: calc(100% - .2rem); font-size: .14rem; color: #fff; display: flex; align-items: center;}
.project-info-more-box .beveled-div.box1 svg{margin-left: .04rem;}


.clients{padding-bottom: .4rem; width: 100%; height: auto; position: relative; background:url(../image/18.png) no-repeat center center;}
.clients ul {display: flex; flex-wrap: wrap;}
.clients ul li{width: 20%; height:1.5rem; display: flex; align-items: center; margin: .3rem;  background: #fff; border-radius: 8px;}

.clients ul li:nth-child(1){background: url("../image/clients1.png") center center / 60% no-repeat rgb(255, 255, 255);}
.clients ul li:nth-child(2){background: url("../image/clients2.png") center center / 60% no-repeat rgb(255, 255, 255);}
.clients ul li:nth-child(3){background: url("../image/clients3.png") center center / 60% no-repeat rgb(255, 255, 255);}
.clients ul li:nth-child(4){background: url("../image/clients4.png") center center / 60% no-repeat rgb(255, 255, 255);}
.clients ul li:nth-child(5){background: url("../image/clients5.png") center center / 60% no-repeat rgb(255, 255, 255);}
.clients ul li:nth-child(6){background: url("../image/clients6.png") center center / 60% no-repeat rgb(255, 255, 255);}
.clients ul li:nth-child(7){background: url("../image/clients7.png") center center / 60% no-repeat rgb(255, 255, 255);}



@media screen and (max-width: 768px) {
  
   .content-data-statics-box ul li{width: 100%;}
   .statics-title-box{font-size: .3rem; font-weight: 400;}

   .attributes_von_list ul li{width: 100%;}
  
   .position-info-box{flex-wrap: wrap; height: 100%;}
   .vi-map-box{width: 100%; height: 100%; display: block; object-fit: cover; margin-left: 0;}
   .info-box{width: 100%; padding: .21rem;}
   .ant-flex{padding: .21rem;}
   .projects_list ul li{width: 100%; margin-bottom: .5rem;}
   .projects_list ul{flex-wrap: wrap;}
   .clients{background-size: 100% 100%;}
   .clients ul li{width: 100%; }
   body{overflow-x: hidden;}
   .projects_box{padding: 0;}
   .projects_list ul li{margin-bottom: 0;}


}