body{font-size: 16px;} 
.w90{ width:min(90%,1600px);   margin: 0 auto;  }
.w80{ width:min(90%,1420px);   margin: 0 auto;  }

header{  position: absolute; left: 0; top: 0; width: 100%; z-index: 100;}
header .con{  width: 90%; margin: 0 auto;}
.logoImg{filter: grayscale(100%) brightness(500%);  transition: all 0s;}
nav li{ padding-right: 3vw;  position: relative;}
nav li:last-child{ margin-right: 0;}
nav li .oneNav>span::after{ width:0; height: 3px; display: block; content: ''; position: absolute; left: 0; bottom: 0; background: var(--blue); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.oneNav{ white-space: nowrap;  font-size: 18px;   line-height: 100px; display: flex; align-items: center; justify-content: center; } 
nav li:hover .oneNav>span::after{ width: 100%;}
nav li dl{ position: absolute; left: 0; top: 100%; height: 0; transform: scale(1,.5); opacity: 0; transition: all .5s; -webkit-transform-origin: top center; pointer-events: none;     box-shadow: 2px 23px 25px rgb(0 0 0 / 10%);}
nav li dl dd{ background: rgba(255, 255, 255, .85);line-height: 50px; padding: 0 10px; color: #333; font-size: 16px; display: flex;align-items: center;  min-width: 180px;}
nav li  dd a{ transition: all .36s;  -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
nav li  dl dd:hover{  background: #fff;  }
nav li  dl dd:hover a{ color: var(--blue); transform:translateX(8px); -webkit-transform:translateX(8px); -moz-transform:translateX(8px); -ms-transform:translateX(8px); -o-transform:translateX(8px); }
nav li:hover dl{ height: auto; transform: scale(1); opacity: 1; pointer-events: unset; }


.h_nav{ height: 60px; width: 60px; background-color:var(--blue); padding: 18px 8px ;    align-items: flex-end;   }
.h_nav.close{align-items: center; justify-content: center;}
.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite; }
.h_nav .burger:nth-of-type(2){  width: 50%;}
.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #fff;      opacity: 0;      z-index: 1;}
.h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }



.nav{ color: #fff !important; width: 100%; height: calc(100vh - 60px) ; max-height: calc(100vh - 60px) ; transition:all .6s ; transform: translateX(100%); background-color: #000; position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; 
    overflow-y: scroll;
}
.nav::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 2px;}
.nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #333; width: 2px; }
.nav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: transparent; width: 2px; }
.nav.show{ transform:translateX(0) ;  -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
.nav li.go-child{ border-top: 1px solid rgba(255, 255, 255, 0.25); position: relative;}
.nav li.go-child>a{ line-height: 60px; padding: 0 20px; font-size: 16px;}

.erji{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
 background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
 .nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
.nav-down li a{ line-height: 50px; border-top: 1px solid rgba(255, 255, 255, 0.25); display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; }

header.bg{ background: #fff;}
header.bg .logoImg{filter: none;}

.neibanImg{ width: 100%; min-height: 260px; object-fit: cover;}
.neiBan .text{ background: rgba(0, 0, 0, .25);}

.prolist li{ width: calc((100% - 120px)/4); margin-right: 40px; margin-bottom: 30px;}
.prolist li:nth-child(4n){ margin-right: 0;}
.prolist li:hover{ color: var(--blue);}
.prolist li:hover .border{ border-color: var(--blue);}
.prolist li:hover .box { transform: scale(0.95); box-shadow:  0 0 15px rgba(13, 92, 171, .2);}
 

footer a:hover{ opacity: .8;}
.constactStyle li{ width: 22%;}
.constactStyle li .round{  width: 150px; height: 150px;}
.constactStyle li .round img{ max-height: 40%; max-width: 40%;}

.contactBottom .left{ background-image: linear-gradient( to bottom,#0c4aa0,#2b73cc); padding-left: 10%;}

.contactBottom .measages{ background: url(../images/contactBottomBg.jpg) no-repeat center center; background-size: cover; padding-right: 10%;}
.contactBottom .measages .con{ background: rgba(255, 255, 255, .7);}

.aircraftUl li{ position: absolute;}

.aircraftUl li .dot {width: 20px;height: 20px;  display: block; }
.aircraftUl li .dot .dot-bg01 {width: 200%;height: 200%;  position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: rgba(13, 92, 171 , 21%);
    animation: dots 2s cubic-bezier(1, 2, 0.66, 3) infinite;animation-delay: 0s;}
.aircraftUl li .dot .dot-bg02 {width: 200%;height: 200%;   position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: rgba(13, 92, 171 , 10%);animation: dots 2s cubic-bezier(1, 2, 0.66, 3) infinite;animation-delay: 0.5s;}

.aircraftUl li:nth-child(1){ left: 5%; bottom: 5%;}
.aircraftUl li:nth-child(2){ left: 50%; ; top:33%;}
.aircraftUl li:nth-child(3){ left: 56%; ; bottom:1%;}
.aircraftUl li:nth-child(4){ left: 80%; ; bottom:15.8%;}

.aircraftUl li .text{ transition: all .36s; animation: rightFloat .3s; display: none;  position: absolute; right: calc(100% + 80px); top: 50%;transform: translateY(-50%);  background-image: linear-gradient(to right, rgba(13, 92, 171 , .9),rgba(13, 92, 171 , .2) ); }
.aircraftUl li .line{  transition: all .36s;animation: rightFloat .3s; display: none;  width: 100px; position:absolute ; right: 0; top: 50%;transform: translateY(-50%); height: 2px;}

.aircraftUl li:nth-child(2n) .text{ left: calc(100% + 80px) ; right: auto;}
.aircraftUl li:nth-child(2n) .line{right: auto; left: 0;}
.aircraftUl li:hover .text,.aircraftUl li:hover .line{ display: block;}

.subNav li{flex: 1;}
.subNav a{ white-space: nowrap;}
.subNav li a.fistNav{ line-height: 80px; display: block; }
.subNav .on a.fistNav{ background: var(--blue) ; color: #fff;}

 .subNav .on .senNav, .subNav li:hover .senNav{ display: block;}
 
.senNav{ position: absolute; left: 0; top: 100%; width: 100%; background: #f4f4f4; display:none}
.senNav a{ margin: 0 2vw; line-height: 3; display: inline-block; background: #fff; padding: 0 2vw; }
.senNav a.on{ background: var(--blue) ; color: #fff;}
.subNav:hover li:not(:hover) .senNav{ display:none
}


.infoTab li{ display: none;}
            .infoTab li.on{ display: block;}

main{ min-height: calc(100vh - 100px);}

.caseInfoUl{display: grid; grid-gap: 3vw; grid-template-columns: repeat(3,1fr);}
.caseInfoUl li {min-width:0}
.caseInfoUl li .img{ width: 100%; padding-bottom: 80%; height: 0;}