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;}

/*头部*/
.searchBox {background : #004a9a;z-index: 15;transform: translateY(-105%);transition: all .6s ;-webkit-transition: all .6s ;-moz-transition: all .6s ;-ms-transition: all .6s ;-o-transition: all .6s ;-webkit-transform: translateY(-105%);-moz-transform: translateY(-105%);-ms-transform: translateY(-105%);-o-transform: translateY(-105%);}
.searchBox .form {width: calc(100% - 80px);}
.searchBox .keys {width: 80%;background: url(../images/search-w.png) no-repeat left center;}
.searchBox .submit {width: 90px;height: 40px;border: 1px solid #fff;}
.searchBox input::-webkit-input-placeholder {color: rgba(255, 255, 255, .65);}
.searchBox input::-moz-placeholder {color: rgba(255, 255, 255, .65);}
.searchBox input:-ms-input-placeholder {color: rgba(255, 255, 255, .65);}
.searchBox.show {transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);}

header {position: fixed;top: 0;left: 0;width: 100%;z-index: 100 ;color: #fff;}
header .con {padding: 0 5vw;}
.logoImg {height: 60px;transition: all 0s;filter: drop-shadow(300px 0 0 #fff);transform: translateX(-300px);-webkit-filter: drop-shadow(300px 0 0 #fff);-webkit-transform: translateX(-300px);-moz-transform: translateX(-300px);-ms-transform: translateX(-300px);-o-transform: translateX(-300px);-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;-o-transition: all 0s;}
.oneNav {line-height: 100px;white-space: nowrap;display: block;padding: 0 1vw;font-size: 16px;font-weight: bold;}
.oneNav span {position: relative;}
.oneNav span::after {width: 100%;height: 2px;display: block;content: '';background: #fff;transition: all .36s;transform: scale(0,1) ;position: absolute;left: 0;bottom: -10px;-webkit-transition: all .36s;-moz-transition: all .36s;-ms-transition: all .36s;-o-transition: all .36s;-webkit-transform: scale(0,1) ;-moz-transform: scale(0,1) ;-ms-transform: scale(0,1) ;-o-transform: scale(0,1) ;}
nav li {position: relative;}
nav li.on .oneNav span::after,nav li:hover .oneNav span::after {transform: scale(1,1);-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);-o-transform: scale(1,1);}
nav:hover > li:not(:hover) .oneNav {color: #333;}
nav:hover > li:not(:hover) .oneNav span::after {transform: scale(0,1) ;}
nav li dl {position: absolute;text-align: center;min-width: 150px;width: auto;top: 100%;left: 50%;background: #fff;-webkit-box-shadow: 0 13px 42px 11px rgba(0,0,0,.15);box-shadow: 0 13px 42px 11px rgba(0,0,0,.15);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
nav li dl dd {white-space: nowrap;height: 50px;line-height: 50px;border-bottom: 1px solid #eee;transition: all .36s ease;-ms-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;-moz-transition: all .36s ease}
nav li dl dd:last-child {border-bottom: 0}
nav li dl dd a {padding: 0 20px;font-size: 14px;color: #333!important;font-weight: normal!important;transition: all .36s ease;-ms-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;-moz-transition: all .36s ease;display: block}
nav li dl dd:hover {background: #004a9a}
nav li dl dd:hover a {color: #fff!important;}
nav li dl {pointer-events: none;visibility: hidden;opacity: 0;filter: alpha(opacity=0);transform: translateX(-50%) translateY(20px);-ms-transform: translateX(-50%) translateY(20px);-o-transform: translateX(-50%) translateY(20px);-webkit-transform: translateX(-50%) translateY(20px);-moz-transform: translateX(-50%) translateY(20px);transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
nav li:hover dl {pointer-events: auto;visibility: visible;opacity: 1;filter: alpha(opacity=100);transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);}
header::after {position: absolute;left: 0;bottom: 0;display: block;content: '';transition: all .36s;width: 100%;height: 1px;background-color: rgba(255, 255, 255, .15);-webkit-transition: all .36s;-moz-transition: all .36s;-ms-transition: all .36s;-o-transition: all .36s;}
header.scroll,header:hover {box-shadow: 0 0 15px rgba(0, 0, 0, .15);color: #333;}
header.scroll::after,header:hover::after {background-color: #fff;height: 100%;}
header.scroll .oneNav span::after,header:hover .oneNav span::after {background: #004a9a;}
header.scroll nav li.on .oneNav ,header:hover nav li:hover .oneNav {color: #004a9a;}
header.scroll .logoImg,header:hover .logoImg {filter: none;transform: none;-webkit-filter: none;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;}
.h_nav {height: 60px;width: 60px;background-color: #004a9a;padding: 18px 8px ;align-items: flex-end;display: flex;}
.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;padding-bottom: 60px;width: 100%;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 ;}
.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;}
.h_nav.close {align-items: center;justify-content: center;}
.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;}
.nav {overflow-y: scroll;}
.nav::-webkit-scrollbar {width: 1px;}
.nav::-webkit-scrollbar-thumb {border-radius: 3px;background: #555;width: 1px;}
.nav::-webkit-scrollbar-track {border-radius: 3px;background: #000;width: 1px;}

.languageBtn{line-height: 100px;}
.languageBtn dl {line-height: 40px;position: absolute;text-align: center;min-width: 100px;width: auto;top: 100%;left: 50%;background: #fff;-webkit-box-shadow: 0 13px 42px 11px rgba(0,0,0,.15);box-shadow: 0 13px 42px 11px rgba(0,0,0,.15);}
.languageBtn dl a {display: block;border-bottom: 1px solid #e5e5e5;}
.languageBtn dl a:hover {background: #004a9a;color: #fff;}
.languageBtn dl {pointer-events: none;visibility: hidden;opacity: 0;filter: alpha(opacity=0);transform: translateX(-50%) translateY(20px);-ms-transform: translateX(-50%) translateY(20px);-o-transform: translateX(-50%) translateY(20px);-webkit-transform: translateX(-50%) translateY(20px);-moz-transform: translateX(-50%) translateY(20px);transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.languageBtn:hover dl {pointer-events: auto;visibility: visible;opacity: 1;filter: alpha(opacity=100);transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);}
.languageBtn .iconfont {transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);}

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;}
    .logoImg {height: 55px;}
    .oneNav{ line-height: 90px;}
}

@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;}
    .logoImg {height: 50px;}
    .footEwmUl li img{ width: 90px;}
}

@media screen and (max-width:1280px) {
    .zwHeader {height: 70px;}
    .zw{ padding-top: 70px; margin-top: -70px;}
    .logoImg {height: 45px;}
    .footEwmUl li img{  width: 80px; }
}

@media screen and (max-width:1040px) {
    /*body::before {display: block;content: '';width: 100%;height: 60px;background-color: #fff;}*/
    .iPad-show{ display: block;}
    .iPad-none{ display: none;}
    .w90{ width:96%;  margin: 0 auto;  }
    .maxW90{ width: 96%;  margin: 0 auto;}
    header .con {padding: 0 0 0 25px;}
    .logoImg {filter: none;transform: none;-webkit-filter: none;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;}
    .languageBtn{line-height: 60px;}
    footer dl{ display: none; }
    .footContact{ padding-left: 0;}
}

@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;}
    header .con{ padding: 0 0 0 20px;}
    .wap-none{ display: none !important;}
    .languageBtn{line-height: 60px;}
    .iconfont{ font-size: 16px;}
    footer .bottom .w90{ align-items: center; justify-content: center;}
}