.dwcenter{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.dwzycenter{position: absolute;left: 50%;transform: translateX(-50%);}
.dwsxcenter{position: absolute;top: 50%;transform: translateY(-50%);}
.header{position: fixed;left: 0;top: 0;width: 100%;border-bottom: 1px solid #e5e5e5;border-color:rgba(255,255,255,.2);background: none;z-index: 9999;}
.header .logo img{max-height: 70px;filter: invert(100%) grayscale(100%) brightness(500%);}
.header .head-mn{justify-content: space-between;align-items: center;padding: 0 40px 0 130px;margin: 0 auto;}
.header .head-nav li{position: relative; margin:0 35px;}
.header .head-nav li:before{position: absolute;left: 0;bottom: -1px;width: 0px;height: 3px;background: #fff;transition: all .5s;content: "";}
.header .head-nav li:last-child{margin-right: 50px;}
.header .head-nav .nav{position: relative;line-height: 92px;color: #fff;}
.header .head-nav li.active:before{width: 100%;}
.header .head-nav li:hover:before{width: 100%;}
.header .head-nav li:hover .nav{color: #fff;}
.header .head-nav li dl{position:absolute;text-align: center;min-width: 200%; width: auto;top:110px;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;}
.header .head-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}
.header .head-nav li dl dd:last-child{border-bottom:0}
.header .head-nav li dl dd a{ padding: 0 15px;  font-size:16px;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 }
.header .head-nav li dl dd:hover{background:#0054ae}
.header .head-nav li dl dd:hover a{color:#fff!important;}
.header .head-nav li dl:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #ffffff;top:-9px;left:50%;margin-left:-9px}
.header .head-nav li dl{ 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; }
.header .head-nav li:hover dl{ 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 .head-nav .head-mes{border-left:1px solid rgba(255,255,255,.2);align-items: center;}
.header .head-nav .head-mes .lang{position: relative;padding: 0 36px 0 46px;height: 100%; color: #fff;}
.header .head-nav .head-mes .lang .top{height: 100%;align-items: center;cursor: pointer;}
.header .head-nav .head-mes .lang .bot{top: 75px;width: 80px;box-shadow: 0px 0px 10px rgba(0,0,0,.2); background: #fff;opacity: 0;pointer-events: none;}
.header .head-nav .head-mes .lang .bot a{display: block;line-height: 40px;text-align: center;color: #666;}
.header .head-nav .head-mes .lang .bot a:hover{background: #023B98;color: #fff;}
.header .head-nav .head-mes .lang .sj{margin-left: 8px;border-top:6px solid #fff;border-left: 4.5px solid transparent;border-right: 4.5px solid transparent;}
.header .head-nav .head-mes .lang:hover .bot{top: 70px;opacity: 1;pointer-events: auto;}
.header .head-nav .head-mes .search{cursor: pointer;}
.header .head-nav .head-mes .search .iconfont{color:#fff;}
.header.header-small{background: #fff;border-bottom: 1px solid #e5e5e5;}
.header.header-small .logo img{max-height: 70px;filter: grayscale(0%) brightness(100%);-webkit-filter: grayscale(0%) brightness(100%);}
.header.header-small .head-nav .nav{line-height: 80px;}
.header.header-small .head-nav li .nav{color:#333;}
.header.header-small .head-nav li:hover .nav{color: #023B98;}
.header.header-small .head-nav li.active .nav {color: #023B98;}
.header.header-small .head-nav li:before {background: #023B98;}
.header.header-small .head-nav .head-mes .lang{color: #333;}
.header.header-small .head-nav .head-mes .lang .sj {border-top: 6px solid #666;}
.header.header-small .head-nav .head-mes .search .iconfont{color: #666;}
.header.header-small .head-nav .head-mes {border-left: 1px solid #e5e5e5;align-items: center;}
.header.header-small .head-nav li dl{top:95px;}
/*.header.header-small .head-nav .nav-main.show{top: 81px;}*/
.header .head-menu{right: 0;display: none;}
.head-menu .line{display: block;width: 30px;height: 2px;margin: 6px 0;background: #023B98;transition: opacity .2s,margin-top .2s,background-color .2s,-webkit-transform .2s .1s;transition: opacity .2s,margin-top .2s,transform .2s .1s,background-color .2s;transition: opacity .2s,margin-top .2s,transform .2s .1s,background-color .2s,-webkit-transform .2s .1s;}
.head-menu-close .line:nth-child(1){-webkit-transform: translateY(8px)rotate(45deg);transform: translateY(8px)rotate(45deg);}
.head-menu-close .line:nth-child(2){opacity: 0;}
.head-menu-close .line:nth-child(3){-webkit-transform: translateY(-8px)rotate(-45deg);transform: translateY(-8px)rotate(-45deg);}
.header .mhead-main{position: fixed;top: 60px;right: -100%;width: 100%;height: calc(100vh - 60px);padding-bottom: 30px;background: #023B98;overflow-y: scroll;transition: all .5s;box-sizing: border-box;}
.head-open .mhead-main{right: 0;}
.mhead-main .phead-nav .item{border-bottom: 1px solid rgba(222,222,222,.2);}
.mhead-main .phead-nav .item .item-link{position: relative;display: block; padding: 0 3%;line-height: 60px;overflow: hidden;color: #fff;}
.mhead-main .phead-nav .item .item-link .jt{right: 3%;transition: all .5s;}
.mhead-main .phead-nav .item .item-link .jt i{font-size: 18px;display: inline-block;}
.mhead-main .phead-nav .item-link .jt.jt-rotate i{transform:rotate(90deg);transition: .5s;}
.mhead-main .phead-nav .item .item-link .jt svg{display: block;}
.mhead-main .phead-nav .subnav-box{display: none;padding: 0 6% 20px;}
.mhead-main .phead-nav .subnav-box .subnav .sublink{display: block;line-height: 40px;font-size: 14px;color: #fff; text-align: left;}
.mhead-main .head-tool{display: flex;justify-content: space-between;width: 100%;margin-top: 50px;padding: 20px 40% 20px 3%;background: #fff;box-sizing: border-box;}
.mhead-main .head-mes{padding: 30px 3%;align-items: center; font-size: 14px;line-height: 40px;color: #fff;}
.mhead-main .head-mes a{display: block;margin-right: 20px;padding-right: 20px;border-right: 1px solid rgba(222,222,222,.2);font-size: 18px;line-height: 1em;color: #fff;}
.mhead-main .head-mes .search{cursor: pointer;}

.search-main .ant-input{width: calc(100% - 50px);}
.search-main .tj{width: 50px;height: 50px;border: none;cursor: pointer; background: #023B98;}
.search-main .tj span{color: #fff;}
.search-main{position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none; z-index: 9999999;}
.search-main .mengc{position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: rgba(0,0,0,.45);}
.search-main .form{width: 94%;max-width: 1000px;padding: 80px 100px;box-sizing: border-box;background: #fff;z-index: 2;}
.search-main .form .close{position: absolute;right: 0;top: 0;cursor: pointer;z-index: 3;}
.ant-input {position: relative;display: inline-block; width: 100%;height: 50px;padding: 4px 11px;box-sizing: border-box;margin: 0; border: 1px solid #E5E5E5;
            font-variant: tabular-nums;list-style: none;font-feature-settings: 'tnum';font-size: 14px;line-height: 1.5;
            color: #595959;background-color: #FFFFFF;background-image: none;transition: all 0.3s;}
.ant-input:hover {border-color: #023B98;border-right-width: 1px !important;}
.ant-input:focus {border-color: #023B98;border-right-width: 1px !important;outline: 0;box-shadow: 0 0 0 2px rgba(158, 158, 158, 0.2);}
.ant-input::-moz-placeholder {color: #999;opacity: 1;}
.ant-input:-ms-input-placeholder {color: #999;}
.ant-input::-webkit-input-placeholder {color: #999;}
.ant-input:placeholder-shown {text-overflow: ellipsis;}

.footer{border-top: 6px #023B98 solid;background-color: #2F353A;background-size: cover;background-position: bottom center;width: 100%;min-height: 405px;height: auto !important;position: relative;}
.footer .w50 img{width: 200px;}
.footer .w50>h4 {font-size: 18px;line-height: 18px;letter-spacing: 1px;color: #ffffff;margin-bottom: 24px;}
.footer .w50>ul {margin-right: 45px;}
.footer .footerbox {padding: 60px 0 40px;}
.footer .footerbox li {position: relative;color: #FFFFFF;line-height: 30px;}
.footer .footerbox li i {padding-right: 8px;}
.mapbox {position: relative;margin-top: 50px;}
.mapiont {box-sizing: content-box;position: absolute;width: 12px;height: 12px;cursor: pointer;}
.mapiont1 {left: 243px;top: 92px;}
.mapiont2 {left: 400px;top: 111px;}
.mapiont3 {left: 89px;top: 85px;}
.mapiont4 {left: 372px;top: 160px;}
.mapiont5 {left: 382px;top: 113px;}
.mapiont6 {left: 403px;top: 98px;}
.mapiont7 {left: 385px;top: 126px;}
.mapiont8 {left: 119px;top: 97px;}
.mapiont9 {left: 424px;top: 102px;}

.areabox .dot {position: absolute;left: 0;top: 0;width: 6px;height: 6px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #a2a9b4;opacity: 1;filter: alpha(opacity=100)}
.areabox .pulse {position: absolute;top: -28px;left: -28px;height: 66px;width: 66px;border: 2px solid #b7b7b7;-webkit-border-radius: 48px;-moz-border-radius: 48px;border-radius: 48px;-webkit-box-shadow: 0 0 4px #82878f, 0 0 10px #82878f inset;-moz-box-shadow: 0 0 4px #82878f, 0 0 10px #82878f inset;box-shadow: 0 0 4px #82878f, 0 0 10px #82878f inset;opacity: .12;filter: alpha(opacity=0);-webkit-animation: warn 2s ease-out both;-moz-animation: warn 2s ease-out both;-o-animation: warn 2s ease-out both;animation: warn 2s ease-out both;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;animation-iteration-count: infinite;background: 0 0}
.areabox .delay-01 {-webkit-animation-delay: 0;-moz-animation-delay: 0;-o-animation-delay: 0;animation-delay: 0}
.areabox .delay-02 {-webkit-animation-delay: .4s;-moz-animation-delay: .4s;-o-animation-delay: .4s;animation-delay: .4s}
.areabox .delay-03 {-webkit-animation-delay: .8s;-moz-animation-delay: .8s;-o-animation-delay: .8s;animation-delay: .8s}
.areabox .delay-04 {-webkit-animation-delay: 1.2s;-moz-animation-delay: 1.2s;-o-animation-delay: 1.2s;animation-delay: 1.2s}
.areabox .delay-05 {-webkit-animation-delay: 1.6s;-moz-animation-delay: 1.6s;-o-animation-delay: 1.6s;animation-delay: 1.6s}
.areabox .delay-06 {-webkit-animation-delay: 2s;-moz-animation-delay: 2s;-o-animation-delay: 2s;animation-delay: 2s}
.areabox.on .dot {background: #fff}
.areabox.on .pulse {border-color: #F88D02;top: -19px;left: -19px;height: 40px;width: 40px;box-shadow: 0 0 12px #F88D02, 0 0 20px #F88D02 inset}
.areabox.waite .areabox .dot {background: #F88D02}
.areabox.waite .areabox .pulse {border-color: #F88D02}
.footerbot {border-top: 1px #464646 solid;padding: 16px 0;}

@media (max-width: 1600px){
    .header .head-mn{padding:0 40px;}
    .header .head-nav li{margin:0 20px;}
    .header .head-nav .head-mes .lang{padding: 0 10px 0 20px;}
}
@media screen and (max-width:1280px) {
    .header{border-bottom: 1px solid #dedede;box-shadow: 0 0 10px rgb(0 0 0 / 20%);box-sizing: border-box; background: #fff!important;}
    .header .head-mn{position: relative;height: 59px;width: 92%;padding:0;}
    .header .head-mn .logo img{height: 40px;width: auto;filter: grayscale(0%) brightness(100%);-webkit-filter: grayscale(0%) brightness(100%);}
    .header .head-nav{display: none;}
    .header .head-menu{display: block;}
    .header-box{height: 60px;}
}
@media screen and (max-width:991px) {
    .search-main .form{padding:50px 30px 40px;height: auto;display: flex;align-items: center;}
    .search-main .form .sq-form{max-height: 100%;padding: 0 10px;}
    .search-main .form form {width: 100%;}
    .search-main .form .close img{width: 40px;height: auto;}
    .footerbox .w50{width: 100%;}
    .mapbox{display: none;}
}
@media screen and (max-width:750px) {
    body{ font-size: 14px;}
    body::after{ display: block; content: ''; width: 100%; height: 60px; background-color: #023B98;}
    .footer{display: none;}
}
@media screen and (min-width:0\0){
    .header .head-nav li .nav-main{display: none;}
    .header .head-nav li .nav-main.show{display: flex;}
}
@keyframes long {
    0% {
        width: 0
    }
    25% {
        width: 25%
    }
    50% {
        width: 100%
    }
    75% {
        width: 25%
    }
    to {
        width: 0
    }
}
@-webkit-keyframes warn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}
@-moz-keyframes warn {
    0% {
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}
@-o-keyframes warn {
    0% {
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    100% {
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}
@keyframes warn {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}





