body{font-size: 16px;} 
.w90{ width:1500px;  margin: 0 auto;  }
.maxW90{ width: 90%; max-width:1700px;  margin: 0 auto;}
.zwHeader {height: 100px;}
.zw{ padding-top: 100px; margin-top: -100px;}

header{  width: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 100; color: #fff; }
header .con{ padding-left: 6vw;}
header::after{ display: block; transition: all .36s; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, .15); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

.logoImg{ filter: drop-shadow(500px 0 0 #fff); transform: translateX(-500px); transition:all 0s ; -webkit-transition:all 0s ; -moz-transition:all 0s ; -ms-transition:all 0s ; -o-transition:all 0s ; -webkit-transform: translateX(-500px); -moz-transform: translateX(-500px); -ms-transform: translateX(-500px); -o-transform: translateX(-500px); -webkit-filter: drop-shadow(500px 0 0 #fff); }
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: #005aa0; 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: #005aa0; 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; }

header .topright{margin-right: 100px;}
.headerTel{ border-left: 1px solid rgba(255, 255, 255, .15); border-right: 1px solid rgba(255, 255, 255, .15); height: 100px; }
.headerTel .round{ width: 40px; height: 40px;}

.h_nav{ height: 100px; width: 100px;   padding: 35px  20px ;    align-items: flex-end; display: flex; position: absolute; right: 0; top: 0; z-index: 60;}
.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); }
.h_nav.close{align-items: center; justify-content: center; background: #005aa0;}

.in-nav { width: 100%; background: #eee; height: 100vh; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 50; -webkit-clip-path: circle(0% at 100% 0px); clip-path: circle(0% at 100% 0px); transition: -webkit-clip-path 1.5s; transition: clip-path 1.5s; transition: clip-path 1.5s, -webkit-clip-path 1.5s; -webkit-transition: clip-path 1.5s, -webkit-clip-path 1.5s; -moz-transition: clip-path 1.5s, -webkit-clip-path 1.5s; -ms-transition: clip-path 1.5s, -webkit-clip-path 1.5s; -o-transition: clip-path 1.5s, -webkit-clip-path 1.5s;  color: #fff;}
.in-nav.show {-webkit-clip-path: circle(150% at 100% 0px);clip-path: circle(150% at 100% 0px)}
.in-nav .left{ height: 100vh;}
.navImg{   width: 100%; height: 100%; object-fit: cover; } 
.in-nav .right{ padding-left: 9vw;}
.linka a:hover{ color: #005aa0;}
.navUl li{ margin-bottom: 30px;}
.navUl dl{ line-height: 2; color: #666; font-size: 14px;}
.navEwm{ width: 120px;}
.navEwmUl li + li{ margin-left: 15px; }

header.bg{  color: #333;box-shadow: 0 0 15px rgba(0, 0, 0, .15);}
header.bg::after { height: 100%; background: #fff;}
header.bg nav li.on .oneNav{ color: #005aa0;}
header.bg .logoImg{ filter: none; transform: none; -webkit-filter: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
header.bg .h_nav{ background: #005aa0;}
header.bg .headerTel .round{ background: #005aa0; color: #fff; font-weight: normal;}

footer{ background: #232530; color: rgba(255, 255, 255, .3);}
footer dd{ line-height: 2.6;}
.footEwmUl li + li{ margin-left: 15px;}
.footEwmUl li img{ width: 100px;}

@media screen and (max-width:1660px) {
    .w90{ width:1440px;  margin: 0 auto;  }
    .maxW90{ width: 90%; max-width:1440px;  margin: 0 auto;}
    .zwHeader {height: 90px;}
    .zw{ padding-top: 90px; margin-top: -90px;}
    header .topright{margin-right: 90px;}
    .h_nav{ width: 90px; height: 90px;}
    .oneNav{ line-height: 90px;}	
    .headerTel,.headerLanguage{  height: 90px; }
    nav li{padding-right: 2.2vw;}
    header .con{ padding-left: 4vw;}
}

@media screen and (max-width:1440px) {
    body{ font-size: 14px }
    .w90{ width:90%;  margin: 0 auto;  }
    .maxW90{ width: 90%;  margin: 0 auto;}
    .zwHeader {height: 80px;}
    .zw{ padding-top: 80px; margin-top: -80px;}
    header .topright{margin-right: 80px;}
    .h_nav{ width: 80px; height: 80px;}
    .oneNav{ line-height: 80px;}	
    .headerTel{  height: 80px; }
    header .con{ padding-left: 2vw;}
    .h_nav{    padding: 25px 20px;}
    .navEwm{ width: 110px;}
    .oneNav{ font-size: 16px;}
    nav li{ padding-right: 2vw;}
    .logoImg{ height: 50px;margin:10px 0;}
    .footEwmUl li img{ width: 90px;}
}

@media screen and (max-width:1280px) {
    .zwHeader {height: 70px;}
    .zw{ padding-top: 70px; margin-top: -70px;}
    header .topright{margin-right: 70px;}
    .h_nav{ width: 70px; height: 70px;}
    .oneNav{ line-height: 70px;}	
    .headerTel{  height: 70px;display: none !important;}
    .h_nav{ border-left: 1px solid rgba(255, 255, 255, .1);}
    nav li{ padding-right: 3vw;}
    .footEwmUl li img{  width: 80px; }
}

@media screen and (max-width:1040px) {
    .iPad-show{ display: block;}
    .iPad-none{ display: none;}
    .w90{ width:96%;  margin: 0 auto;  }
    .maxW90{ width: 96%;  margin: 0 auto;}
    footer dl{ display: none; }
    .footContact{ padding-left: 0;}
    nav{ display: none !important;}
}

@media screen and (max-width:750px) {
    body{ font-size: 12px;}
    .w90,.maxW90{ width:calc(100% - 40px);   }
    .zwHeader {height: 60px;}
    .zw{ padding-top: 60px; margin-top: -60px;}
    nav,.in-nav .left,.navEwmUl{ display: none !important;}
    .h_nav{ width: 60px; height: 60px;}
    header{ height: 60px;}
    header .con{ height: 60px; padding-left: 20px;}
    .h_nav{padding: 15px 10px;}
    .logoImg{ height: 40px;}
    .headerTel{ height: 60px;}
    .wap-none{ display: none !important;}
    .navUl li{ margin-bottom: 10px;}
    .in-nav .right{ width: 100%; height: 100%; padding: 0;  align-items: flex-start; justify-content: flex-start; padding-bottom: 70px; padding-top: 60px; padding-left: 40px;}
    .navUl li .font18{ font-size: 18px;}
    .navUl li dd a{ font-size: 14px; line-height: 2.4;}
    .in-nav .right{ overflow-y: scroll;     }
    .in-nav .right::-webkit-scrollbar {  width: 2px;}
    .in-nav .right::-webkit-scrollbar-thumb {  background: #003f98; width: 2px; }
    .in-nav .right::-webkit-scrollbar-track {  background: #f2f5f9; width: 2px; }
    .iconfont{ font-size: 16px;}
    footer .bottom .w90{ align-items: center; justify-content: center;}
}