@charset "utf-8";
*,*::after,*::before{box-sizing:border-box;}
*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
*:focus{outline: none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button,figure{margin: 0;padding: 0;}
html,body{width: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; overflow-x: hidden;}
body{position:relative;background-color: #fff;color: #000;font-size:14px;font-family:"Microsoft YaHei", "PingFang SC", apple-system, "Helvetica Neue", "Source Han Sans SC","WenQuanYi Micro Hei", sans-serif;line-height: 1.5;outline:none;}
ol,ul,li{list-style:none;}
img{box-sizing:border-box;vertical-align:top;border:0; object-fit: cover;}
em,i{font-style: normal;}
a{text-decoration:none;color:#000;}
a:hover{color:#573b2d;text-decoration:none;}
a:focus{outline:0px dotted;}
a:focus, input:focus{-moz-outline-style: none;}
::selection{background:#001559;color:#fff;}
::-moz-selection{background:#001559;color:#fff;}
::-webkit-selection{background:#001559;color:#fff;}
input[type="button"],
input[type="submit"],
input[type="reset"],
select{-webkit-appearance: none;}
input,textarea,select,button{background: transparent;}
input, textarea, button{border:0;font-family:"Microsoft YaHei", "PingFang SC", apple-system, "Helvetica Neue", "Source Han Sans SC","WenQuanYi Micro Hei", sans-serif;}
textarea{resize: none;overflow: auto;}
select{-webkit-box-sizing: border-box;box-sizing: border-box;white-space: nowrap;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 0;color: #999 !important;}
select::-ms-expand{display: none;}
input::-webkit-input-placeholder,
input::-ms-input-placeholder,
textarea::-webkit-input-placeholder,
textarea::-ms-input-placeholder{color: #999;}
input:-moz-placeholder,
input::-moz-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder{color: #999;opacity: 1;}
audio, canvas, video{display: block;}
section, article, aside, header, footer, nav, dialog, figure{display: block;}
::-webkit-scrollbar{height:10px;width:10px}
::-webkit-scrollbar-button{height:0;width:0}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:block}
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement{display:none}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-style:solid;border-color:transparent}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{background-clip:padding-box;background-color:#fff;}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);background-clip:padding-box;background-color:rgba(0,0,0,.2);min-height:28px;padding-top:100}
::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);background-color:#d61518;}
::-webkit-scrollbar-thumb:active{-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);background-color:#d61518;}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-width:0;}
::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);background-color:rgba(0,0,0,.05)}
::-webkit-scrollbar-track:active{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);background-color:rgba(0,0,0,.05)}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content: '\20';display: block;height: 0;clear: both;}
.clearfix{*zoom:1;}
.g-in{position: relative;width: 1440px; max-width: 1920px; margin: 0 auto;}




  
.iconfont {
  font-family: "iconfont" !important;
  font-size: 30px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
  
.loaderBox{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #e8e8e8;z-index: 999; display: flex; justify-content: center; align-items: center; flex-direction: column}
.loaderBox .txt{font-size: 0.3rem; margin-top: 0.6rem;}
.loader {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 400px;
    width: 400px;
    border-radius: 50%;
    box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 1),
      inset 10px 10px 10px rgba(0, 0, 0, 0.1);
  }
  
  .loader::before {
    content: "";
    position: absolute;
    height: 320px;
    width: 320px;
    border-radius: 50%;
    box-shadow: -10px -10px 15px rgba(255, 255, 255, 1),
      10px 10px 10px rgba(0, 0, 0, 0.1);
  }
  
  .blue {
    height: 253px;
    width: 310px;
    position: absolute;
    animation: rotate 5s linear infinite;
  }
  
  @keyframes rotate {
    100% {
      transform: rotate(360deg);
    }
  }
  
  .blue::before {
    content: "";
    position: absolute;
    height: 30px;
    border-radius: 50%;
    width: 30px;
    background: linear-gradient(45deg, #336dff, #5c89ff);
    box-shadow: 0 5px 10px rgb(0 0 0 / 30%);
  }


#wifi-loader{--background: #62abff;--front-color: #001559;--back-color: #c3c8de;--text-color: #414856;width: 180px;height: 270px;border-radius: 50px;position: relative;display: flex;justify-content: center;align-items: center;}
#wifi-loader svg{position: absolute;display: flex;justify-content: center;align-items: center;}
#wifi-loader svg circle{position: absolute;fill: none;stroke-width: 6px;stroke-linecap: round;stroke-linejoin: round;transform: rotate(-100deg);transform-origin: center;}
#wifi-loader svg circle.back{stroke: var(--back-color);}
#wifi-loader svg circle.front{stroke: var(--front-color);}
#wifi-loader svg.circle-outer{height: 186px;width: 186px;top: 0;}
#wifi-loader svg.circle-outer circle{stroke-dasharray: 62.75 188.25;}
#wifi-loader svg.circle-outer circle.back{animation: circle-outer135 1.8s ease infinite 0.3s;}
#wifi-loader svg.circle-outer circle.front{animation: circle-outer135 1.8s ease infinite 0.15s;}
#wifi-loader svg.circle-middle{height: 130px;width: 130px;top: 35px;}
#wifi-loader svg.circle-middle circle{stroke-dasharray: 42.5 127.5;}
#wifi-loader svg.circle-middle circle.back{animation: circle-middle6123 1.8s ease infinite 0.25s;}
#wifi-loader svg.circle-middle circle.front{animation: circle-middle6123 1.8s ease infinite 0.1s;}
#wifi-loader svg.circle-inner{height: 70px;width: 70px;top: 70px;}
#wifi-loader svg.circle-inner circle{stroke-dasharray: 22 66;}
#wifi-loader svg.circle-inner circle.back{animation: circle-inner162 1.8s ease infinite 0.2s;}
#wifi-loader svg.circle-inner circle.front{animation: circle-inner162 1.8s ease infinite 0.05s;}
#wifi-loader .text{position: absolute;bottom: -40px;display: flex;justify-content: center;align-items: center;text-transform: lowercase;font-weight: 500;font-size: 14px;letter-spacing: 0.2px;}
#wifi-loader .text-logo{position: absolute;bottom: 0;overflow: hidden;}
#wifi-loader .text-logo::before{content: '\20';position: absolute;right: 100%;top: 0;width: 300%;height: 100%;background: #001559;z-index: -1;animation: colormove 3.6s linear infinite;}
#wifi-loader .text-logo::after{content: '\20';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #ffffff;z-index: -2;}
#wifi-loader .text::before, #wifi-loader .text::after{content: attr(data-text);}
#wifi-loader .text::before{color: var(--text-color);}
#wifi-loader .text::after{color: var(--front-color);animation: text-animation76 3.6s ease infinite;position: absolute;left: 0;}
@keyframes circle-outer135{
  0%{stroke-dashoffset: 25;}
  25%{stroke-dashoffset: 0;}
  65%{stroke-dashoffset: 301;}
  80%{stroke-dashoffset: 276;}
  100%{stroke-dashoffset: 276;}
}
@keyframes colormove{
  0%{}
  75%{right: -300%;}
  100%{right: -300%;}
}
@keyframes circle-middle6123{
  0%{stroke-dashoffset: 17;}
  25%{stroke-dashoffset: 0;}
  65%{stroke-dashoffset: 204;}
  80%{stroke-dashoffset: 187;}
  100%{stroke-dashoffset: 187;}
}
@keyframes circle-inner162{
  0%{stroke-dashoffset: 9;}
  25%{stroke-dashoffset: 0;}
  65%{stroke-dashoffset: 106;}
  80%{stroke-dashoffset: 97;}
  100%{stroke-dashoffset: 97;}
}
@keyframes text-animation76{
  0%{clip-path: inset(0 100% 0 0);}
  50%{clip-path: inset(0);}
  100%{clip-path: inset(0 0 0 100%);}
}   

/* @media screen and (max-width: 1200px) {
  .loader{width: 300px; height: 300px;}
  .loader::before{width: 220px; height: 220px;}
  .blue{width: 240px; height: 180px;}
  .loader .logo img{width: 200px;}
  .loaderBox .txt{font-size: 0.42rem;}
} */

.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pt80{padding-top: 80px;}
.pt90{padding-top: 90px;}
.pt100{padding-top: 100px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb70{padding-bottom: 70px;}
.pb80{padding-bottom: 80px;}
.pb90{padding-bottom: 90px;}
.pb100{padding-bottom: 100px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}
.fontSize50{font-size: 0.5rem;}
.alignCenter{text-align: center;}
.display-flex{display: flex;}
/* 清除分享错位*/
#bsPanelHolder,
#bsPanelHolder *,
#bsBox,
#bsBox *,
#bsWXBox,
#bsWXBox *{box-sizing: initial!important;}
/* 下载说明*/
.doc{position: fixed;right: 1vw;top: 50%;width: 50px;height: 50px;border-radius: 50px;border: 1px solid #a00;background-color: #a00;text-align: center;line-height: 50px;color: #fff;transform: translateY(-50%);z-index: 99;}
.doc:hover{color: #ff0;}
.more{display: flex; align-items: center;}
.more .arr{width: 44px; height: 44px; border-radius: 50%; background: #001559; position: relative; margin-right: 11px;}
.more .arr::before{content: '\20'; position: absolute; top: 50%; left: 16px; width: 10px; height: 10px; border-right: 2px solid #fff; border-bottom: 3px solid #fff; transform: translateY(-50%) rotate(-45deg);}

.more:hover .arr{-webkit-animation: pin02 3s ease-in-out 0s infinite;animation: pin02 3s ease-in-out 0s infinite;}
.more:hover .arr::after{content: "";position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;border-radius: 50%;background-color: rgba(0, 112, 217, 0.1);-webkit-animation: circlepulse 1.5s ease 0s infinite;animation: circlepulse 1.5s ease 0s infinite;}


.more .txt{font-size: 16px; color: #3f4150;}
.m-title .tit{font-size: 0.24rem; font-weight: bold; color: #8c94a3;}
.m-title .tip{font-size: 0.36rem; font-weight: bold; color: #222222; line-height: 0.6rem; margin-top: 0.1rem;}
.m-title .tip span{color: #001559;}
.m-title .txt{margin: 0 auto; font-size: 16px; line-height: 32px; color: #3f4150; margin-top: 0.3rem;}

/* @media screen and (max-width: 1400px) {
    .m-title .tit{font-size: 0.3rem;}
}

@media screen and (max-width: 1200px) {
  .m-title .tip{font-size: 20px; line-height: 1.8;}
  .m-title .txt{font-size: 14px; line-height: 1.8; margin-top: 20px;}
}

@media screen and (max-width: 1000px) {
  .m-title .tit{font-size: 20px;}
  .m-title .tip{font-size: 16px;}
}

@media screen and (max-width: 700px) {
  .more .txt{font-size: 0.28rem;}
  .m-title .tit{font-size: 0.32rem;}
  .m-title .tip{margin-top: 0.3rem; font-size: 0.24rem;}
  .m-title .txt{font-size: 0.28rem; line-height: 1.8; margin-top: 0.4rem; text-align: justify;}
} */

.header{position: relative;}
.topArea{position: fixed; width: 100%; left: 0; right: 0; top: 0; z-index: 9999; transition: all 0.6s;}
.topArea.c-head-move{top: -170px;}
.topArea .cont{display: flex; justify-content: space-between; align-items: center; height: 100px;}
.topArea .logo .img2{display: none;}
.topArea .logo .sjBox{height: 1.1rem;}
.topArea .link{display: flex; align-items: center;}
.topArea .nav ul{display: flex;}
.topArea .nav ul li{ margin-right: 85px; position: relative;}
.topArea .nav ul li:last-child{margin-right: 0;}
/* .topArea .nav .subNav{position: absolute;background: #ffffff;width: 100vw;left: 50%;transform: translateX(-50%);top: 90px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);background: #f8f8f8 url(snavBg.png) center top no-repeat;background-size: cover;opacity: 0;visibility: hidden;transition: all 0.6s; z-index: -1;} */
/* .topArea .nav ul li:hover .subNav{opacity: 1; visibility: visible; top: 100px; z-index: 2;}
.topArea .nav .subNav .textBox{position: relative;display: flex;padding: 45px 0;justify-content: center;left: 0!important;}
.topArea .nav .subNav .textBox dl{margin-right: 40px;transform: translateY(-40px);opacity: 0;visibility: hidden;transition: all 0.5s 0.2s;box-sizing: border-box;}
.topArea .nav .subNav .textBox dl:nth-child(2){transition-delay: 0.3s;}
.topArea .nav .subNav .textBox dl:nth-child(3){transition-delay: 0.4s;}
.topArea .nav .subNav .textBox dl:nth-child(4){transition-delay: 0.5s;}
.topArea .nav .subNav .textBox dl:nth-child(5){transition-delay: 0.6s;}
.topArea .nav .subNav .textBox dl:nth-child(6){transition-delay: 0.7s;}
.topArea .nav .subNav .textBox dl:nth-child(7){transition-delay: 0.8s;}
.topArea .nav .subNav .textBox dl:nth-child(8){transition-delay: 0.9s;}
.topArea .nav .subNav .textBox dl:nth-child(9){transition-delay: 1s;}
.topArea .nav .subNav .textBox dl:nth-child(10){transition-delay: 1.1s;}
.topArea .nav ul li:hover .textBox dl{transform: translateY(0); opacity: 1; visibility: visible;}
.topArea .nav .subNav .textBox dl:last-child{width: auto;margin-right: 0;}
.topArea .nav .subNav .textBox dl dt a{display: block;font-size: 18px;line-height: 1.5;color: #333;font-weight: bold;}
.topArea .nav .subNav .textBox dl dt a:hover {color: #001559;}
.topArea .nav .subNav .textBox dl dd a{font-size: 16px;display: block;color: #333;margin-top: 26px;}
.topArea .nav .subNav .textBox dl dd a:hover{color: #001559;} */

.topArea .nav .subNav {position:absolute;left: 50%;min-width: 160px;visibility:hidden;opacity: 0; font-size:16px;z-index:1;top: 110px;border-radius: 5px;padding: 12px 0;background: #fff;left: 50%;box-shadow: 0 0 14px rgba(0,0,0,.2); transition: all 0.5s;}
.topArea .nav .subNav .slide-hd{padding: 10px 0; position: relative;}
.topArea .nav .subNav .slide-hd::before{content: '\20'; position: absolute; left: 50%; top: -22px; width: 11px; transform: translateX(-50%); height: 11px; background: url(pic45.png) no-repeat center center; z-index: 2;}
.topArea .nav .subNav::after{content: '\20'; position: absolute; left: 0; bottom: 100%; width: 100%; height: 40px;}
.topArea .nav .subNav a {display: block;padding: 12px 10px;color:#333333;line-height:20px;text-align:center;white-space: nowrap;}
.topArea .nav .subNav
.topArea .nav .subNav { opacity: 0; }
.topArea .nav .subNav a:hover { color:#001559; font-weight: bold;}
.nav li:hover .subNav { visibility:visible; z-index:10; opacity: 1; top: 120px;}
.nav li:hover .subNav a{transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; }
/* .nav li:hover .subNav a:nth-child(1){ transition-delay:0s}
.nav li:hover .subNav a:nth-child(2){ transition-delay:50ms}
.nav li:hover .subNav a:nth-child(3){ transition-delay:.1s}
.nav li:hover .subNav a:nth-child(4){ transition-delay:150ms}
.nav li:hover .subNav a:nth-child(5){ transition-delay:.2s}
.nav li:hover .subNav a:nth-child(6){ transition-delay:250ms}
.nav li:hover .subNav a:nth-child(7){ transition-delay:.3s}
.nav li:hover .subNav a:nth-child(8){ transition-delay:350ms}
.nav li:hover .subNav a:nth-child(9){ transition-delay:.4s}
.nav li:hover .subNav a:nth-child(10){ transition-delay:450ms}
.nav li:hover .subNav a:nth-child(11){ transition-delay:.5s}
.nav li:hover .subNav a:nth-child(12){ transition-delay:550ms}
.nav li:hover .subNav a:nth-child(13){ transition-delay:600ms}
.nav li:hover .subNav a:nth-child(14){ transition-delay:650ms}
.nav li:hover .subNav a:nth-child(15){ transition-delay:700ms}
.nav li:hover .subNav a:nth-child(16){ transition-delay:750ms}
.nav li:hover .subNav a:nth-child(17){ transition-delay:800ms}
.nav li:hover .subNav a:nth-child(18){ transition-delay:850ms}
.nav li:hover .subNav a:nth-child(19){ transition-delay:900ms}
.nav li:hover .subNav a:nth-child(20){ transition-delay:950ms} */
.nav .subNav .slideBox{display: flex;}
.nav .subNav .slideBox .slide-hd .item{padding: 0 40px; position: relative;}
.nav .subNav .slideBox .slide-hd .item::before{content: '\20'; position: absolute; right: 0; top: 50%; width:2px; height: 16px; transform: translateY(-50%); background: #001559; opacity: 0;}
.nav .subNav .slideBox .slide-hd .item.on::before{opacity: 1;}
.nav .subNav .slideBox .slide-hd .item.on a{font-weight:bold; color: #001559;}
.nav .subNav .slideBox .slide-bd{padding: 10px 0;}
.nav .subNav .slideBox .slide-bd .item{ display: none;}
.nav .subNav .slideBox .slide-bd .item .item-link{padding: 0 44px 0 28px;}
.nav .subNav .slideBox .slide-bd .item a{padding: 12px 0;padding-right: 22px;color: #666666;border-bottom: 1px solid #dcdcdc;display: flex;align-items: center;}
.nav .subNav .slideBox .slide-bd .item a .arrow{margin-left: 20px;width: 10px;height: 10px;border-right: 3px solid #b1b4b7;border-bottom: 3px solid #b1b4b7;transform: rotate(-45deg); transition: all 0.3s;}
.nav .subNav .slideBox .slide-bd .item a:last-child{border-bottom: none; padding-bottom: 0;}
.nav .subNav .slideBox .slide-bd .item a:hover{color: #001559;}
.nav .subNav .slideBox .slide-bd .item a:hover .arrow{border-color: #001559;}
.topArea .nav .m1{font-size: 16px; color: #ffffff; display: block; height: 100px; line-height: 100px;}
.topArea .nav ul li:hover .m1{color: #001559;}





.topArea .r-link{margin-left: 24px; display: flex; align-items: center;}
.topArea .r-link .sea .top{width: 15px;height: 15px;position: relative;cursor: pointer;}
.topArea .r-link .sea .top::before{ content: ""; position: absolute; left: 0; top: 0; width: 15px; height: 15px; box-sizing: border-box;  background:url(ico1.png)no-repeat center; background-size:15px 15px!important;  }
/* .topArea .r-link .sea .top::after{content: '\20';position: absolute;right: 3px;bottom: -2px;width: 3px;height: 10px;box-sizing: border-box;border-radius: 5px;background: #fff;transform: rotate(-45deg);transition: all 0.3s;} */
.topArea .r-link .lang{position: relative; }
.topArea .r-link .lang .top{display: flex; justify-content: center; align-items: center; cursor: pointer;}
.topArea .r-link .lang .top .txt{font-size: 16px; color: #fff; position: relative; margin-left: 26px; }
/* .topArea .r-link .lang .top .txt::before{ content: ''; position: absolute; left: -13px; top: 50%; width: 1px; height: 17px; border-left: 1px solid #B2D4ED; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } */
.topArea .r-link .lang .bot{position: absolute;top: 100px;left:-10px;opacity: 0;visibility: hidden;border-radius: 10px;transition: all 0.5s;text-align: center;padding: 5px 0 0 0;width:100px;background: #ffffff;box-shadow: 0 0 14px rgba(0,0,0,.2);}
.topArea .r-link .lang .bot::before{content: '\20';position: absolute;z-index: 2;top: -19px;left: 50%;transform: translateX(-50%);border: 10px solid transparent;border-bottom-color: #ffffff;}
.topArea .r-link .lang .bot a{display: flex;justify-content: center;align-items: center;color: #333;font-size: 16px;padding: 8px 10px;transition: all 0.3s;}
.topArea .r-link .lang .bot a:hover{color: #001559;}
.topArea .r-link .lang .bot a .pic{margin-right: 8px; }
.topArea .r-link .lang .bot a .pic img{width: 26px; display: block;}
.topArea .r-link .lang .bot a .txt{width: 40px;}
.topArea .r-link .lang:hover .bot{top: 60px; opacity: 1; visibility: visible;}

.topArea.c-style2{box-shadow: 0 0 14px rgba(0,112,217,.5);}
.topArea.c-style2 .logo .img1{display: none;}
.topArea.c-style2 .logo .img2{display: block;}
.topArea.c-style2{background: #fff;}
.topArea.c-style2 .nav .m1{color: #333;}
.topArea.c-style2 .r-link .sea .top::before{border-color: #333;}
.topArea.c-style2 .r-link .sea .top::after{background: #333;}
.topArea.c-style2 .r-link .lang .top .txt{color: #333;}
.topArea.c-style2 .r-link .lang .top .txt::before{border-left: 1px solid #333;}
.topArea.c-style2 .r-link .sea .top::before{background: url(ico17.png) no-repeat center;}
/* .topArea.c-style2 .r-link .lang .top{border-color: #001559; background: #001559;} */


.topArea.on .logo .img1{display: none;}
.topArea.on .logo .img2{display: block;}
.topArea.on{background: #fff;}
.topArea.on .nav .m1{color: #333;}
.topArea.on .r-link .sea .top::before{border-color: #333;}
.topArea.on .r-link .sea .top::after{background: #333;}
.topArea.on .r-link .lang .top .txt{color: #333;}
.topArea.on .r-link .lang .top .txt::before{border-left: 1px solid #333;}
.topArea.on .r-link .sea .top::before{background: url(ico17.png) no-repeat center;}
/* .topArea.on .r-link .lang .top{border-color: #001559; background: #001559;} */
/* @media screen and (max-width: 1600px) {
    .topArea .nav ul li{margin-right: 0.5rem;}
}
@media screen and (max-width: 1400px) {
    .topArea .cont{width: 100%; padding: 0 3%;}
    .topArea .nav ul li{margin-right: 0.3rem;}
}
@media screen and (max-width: 1200px) {
    .topArea .cont{width: 92%; padding: 0;}
    .topArea .logo .img1{display: none;}
    .topArea .logo .img2{display: block; height: 70px;}

}
@media screen and (max-width: 700px) {
  .topArea .logo .img2{display: none;}
  .topArea.on .logo .img2{display: none;}
} */
.topArea .r-link .lang .top{display: flex; justify-content: center; align-items: center; border-radius: 30px; border: 1px solid rgba(255,255,255,.5); padding: 5px 10px; cursor: pointer;}
.topArea.on .r-link .lang .top{background: #001559;border: 1px solid #001559;}
.topArea.on .r-link .lang .top .txt{color: white;}
.topArea .r-link .lang .top .txt{margin-left: 10px;}
.topArea .r-link .lang{margin-left: 24px;}

.search{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); display:none; z-index:10000;}
.search .searchp{position:absolute;left:50%;width:600px;background:#fff;font-size:16px;z-index:9;top: 50%;transform: translate(-50%,-50%);}
.search form .txt{float:left; height:60px; line-height:60px; padding-left:15px; width:75%;}
.search form .btn{float:right;height:60px;line-height:60px;width:25%;text-align:center;background: #001559;color:#fff;cursor:pointer;-webkit-appearance:none;border-radius: 0;}
.serclose{position:absolute; right:-50px; top:-50px; color:#fff; font-size:30px; cursor:pointer;}
.search01{display:block;}
.search .searchpb{width: 100%;background: #fff;padding: 10px 15px;box-sizing: border-box;}
.search .searchpb .searchpba{padding-bottom: 10px;color: #9a9999;font-size: 16px;line-height: 2.1;}
.search .searchpb ul li{line-height: 2.1;}
.search .searchpb ul li a{color: #333;font-size: 16px;}
@media screen and (max-width: 750px) {
    .search .searchp{width: 92vw;}
    .search form .txt{height: 40px; line-height: 40px;}
    .search form .btn{height: 40px; line-height: 40px;}
    .serclose{right: 0;}
    .serclose img{width: 30px; height: 30px;}
}
.m-nav{position: fixed; left: 0; right: 0; width: 100%; height: 0; background: #f9f9f9; z-index: 80; transition: all 0.8s; top: 60px; overflow: hidden;}
.m-nav ul{padding-top: 24px;}
.m-nav ul li{position: relative; border-bottom: 1px solid #dfdfdf;}
.m-nav .m1Box{display: flex; justify-content: space-between; align-items: center; padding: 10px 10px;}
.m-nav .m1Box .m1{display: block; font-size: 20px; color: #333; width: 85%;}
.m-nav .current .m1Box .m1{color: #001559;}
.m-nav .m1Box .arr{display: none; width: 16px; height:16px; border-right: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(-45deg); transition: all 0.3s;}
.m-nav .hasSecondMenu .m1Box .arr{display: block;}
.m-nav .showSubNav .m1Box .arr{transform: rotate(45deg);}
.m-nav .subNav{padding: 0 60px; background: #f3f3f3; display: none;}
.m-nav .subNav .subNav-item{border-bottom: 1px dashed #999;}
.m-nav .subNav .subNav-item:last-child{border-bottom: none;}
.m-nav .subNav .subNav-item .m2Box{display: flex; justify-content: space-between; align-items: center; padding: 10px 0;}
.m-nav .subNav .subNav-item .m2Box .m2{display: block; font-size: 16px; color: #333; width: 85%;}
.m-nav .subNav .subNav-item .m2Box .arr{display: none; width: 16px; height: 16px; border-right: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(45deg); transition: all 0.3s;}
.m-nav .subNav .subNav-item.hasThirdMenu .m2Box .arr{display: block;} 
.m-nav .subNav .subNav-item.hasThirdMenu .thirdNav{padding-bottom: 30px;}
.m-nav .subNav .subNav-item .thirdNav .m3{display: block; font-size: 26px; padding: 10px 60px;}

.m-nav .lang{ margin-top: 50px;}
.m-nav .lang .bot{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 20px;}
.m-nav .lang .bot a{display: block; border-right: 1px solid #ccc; flex: 1; text-align: center;}
.m-nav .lang .bot a:last-child{border-right: none;}
.m-nav .lang .bot a .pic img{width: 70px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);}
.m-nav .lang .bot a .txt{color: #333; font-size: 18px; margin-top: 20px; line-height: 1;}

body.z-open .m-nav{height: calc(100% - 60px); overflow: auto;}
.search-navbar .seaBox{display: flex; align-items: center; margin-right: 40px;}
.search-navbar .sea{width: 40px; height: 40px; border-radius: 50%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1683540914430' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5327' width='30' height='30'%3E%3Cpath d='M862.609 816.955L726.44 680.785l-0.059-0.056a358.907 358.907 0 0 0 56.43-91.927c18.824-44.507 28.369-91.767 28.369-140.467 0-48.701-9.545-95.96-28.369-140.467-18.176-42.973-44.19-81.56-77.319-114.689-33.13-33.129-71.717-59.144-114.69-77.32-44.507-18.825-91.767-28.37-140.467-28.37-48.701 0-95.96 9.545-140.467 28.37-42.973 18.176-81.56 44.19-114.689 77.32-33.13 33.129-59.144 71.717-77.32 114.689-18.825 44.507-28.37 91.767-28.37 140.467 0 48.7 9.545 95.96 28.37 140.467 18.176 42.974 44.19 81.561 77.32 114.69 33.129 33.129 71.717 59.144 114.689 77.319 44.507 18.824 91.767 28.369 140.467 28.369 48.7 0 95.96-9.545 140.467-28.369 32.78-13.864 62.997-32.303 90.197-54.968 0.063 0.064 0.122 0.132 0.186 0.195l136.169 136.17c6.25 6.25 14.438 9.373 22.628 9.373 8.188 0 16.38-3.125 22.627-9.372 12.496-12.496 12.496-32.758 0-45.254z m-412.274-69.466c-79.907 0-155.031-31.118-211.534-87.62-56.503-56.503-87.62-131.627-87.62-211.534s31.117-155.031 87.62-211.534c56.502-56.503 131.626-87.62 211.534-87.62s155.031 31.117 211.534 87.62c56.502 56.502 87.62 131.626 87.62 211.534s-31.118 155.031-87.62 211.534c-56.503 56.502-131.627 87.62-211.534 87.62z' fill='%23ffffff' p-id='5328'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 26px; background-color: #b0b0b0;}
.navbar{height: 70px; width: 40px;}
.navbar .naviconBox{height: 100%; position: relative;}
.navbar .icon-bar{position: absolute; width: 100%; height: 4px; background: #001559; border-radius: 6px;}
.navbar .icon-bar:nth-child(1){top: 22px; transition: top .3s ease .4s, transform .3s ease;}
.navbar .icon-bar:nth-child(2){top: 35px; transition: background .3s ease 0.4s;}
.navbar .icon-bar:nth-child(3){top: 48px; transition: top .3s ease .4s, transform .3s ease;}
body.z-open .navbar .icon-bar:nth-child(1){transition: top .3s ease, transform .3s ease .4s; top: 35px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
body.z-open .navbar .icon-bar:nth-child(2){transition: background .3s ease 0s; background: transparent;}
body.z-open .navbar .icon-bar:nth-child(3){transition: top .3s ease, transform .3s ease .4s; top: 35px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
/* @media screen and (max-width: 1200px) {
    .header{padding-top: 70px;}
    .topArea{position: fixed; top: 0; left: 0; right: 0; width: 100%; background: #fff; z-index: 80; box-shadow: 0 0 12px rgba(0,0,0,.2);}
    .topArea .cont{height: 70px;}
    .topArea .link{display: none;}
    .topArea .search-navbar{display: block;}
    .wrapper .m-nav{display: block;}
}

@media screen and (max-width: 700px) {
  .search-navbar .sea{width: 0.6rem; height: 0.6rem; background-size: 0.4rem;}
  .header{padding-top: 1.1rem;}
  .topArea .cont{height: 1.1rem;}
  .navbar{height: 1.1rem; width: 0.48rem;}
  .navbar .icon-bar:nth-child(1){top: 0.38rem;}
  .navbar .icon-bar:nth-child(2){top: 0.54rem;}
  .navbar .icon-bar:nth-child(3){top: 0.7rem;}
  body.z-open .navbar .icon-bar:nth-child(1){top: 0.54rem;}
  body.z-open .navbar .icon-bar:nth-child(3){top: 0.54rem;}
  body.z-open .m-nav{height: calc(100% - 1.05rem);}
  .m-nav{top: 1.05rem}
} */



.swift:hover{-webkit-animation: pin02 3s ease-in-out 0s infinite;animation: pin02 3s ease-in-out 0s infinite;}
.swift:hover::after{content: "";position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;border-radius: 50%;background-color: rgba(0, 112, 217, 0.1);-webkit-animation: circlepulse 1.5s ease 0s infinite;animation: circlepulse 1.5s ease 0s infinite;}


.swift-outer:hover .swift-inner{-webkit-animation: pin02 3s ease-in-out 0s infinite;animation: pin02 3s ease-in-out 0s infinite;}
.swift-outer:hover .swift-inner::after{content: "";position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;border-radius: 50%;background-color: rgba(0, 112, 217, 0.1);-webkit-animation: circlepulse 1.5s ease 0s infinite;animation: circlepulse 1.5s ease 0s infinite;}

@-webkit-keyframes pin02 {
    0% {-webkit-box-shadow: 0px 0px 0 0px rgba(0, 112, 217, 0.2);box-shadow: 0px 0px 0 0px rgba(0, 112, 217, 0.2);}
    50% {-webkit-box-shadow: 0px 0px 0 20px rgba(0, 112, 217, 0.2);box-shadow: 0px 0px 0 20px rgba(0, 112, 217, 0.2);}
    100% {-webkit-box-shadow: 0px 0px 0 0px rgba(0, 112, 217, 0.2);box-shadow: 0px 0px 0 0px rgba(0, 112, 217, 0.2);}
}
@keyframes pin02 {
    0% {-webkit-box-shadow: 0px 0px 0 0px rgba(0, 112, 217, 0.2);box-shadow: 0px 0px 0 0px rgba(0, 112, 217, 0.2);}
    50% {-webkit-box-shadow: 0px 0px 0 20px rgba(0, 112, 217, 0.2);box-shadow: 0px 0px 0 20px rgba(0, 112, 217, 0.2);}
    100% {-webkit-box-shadow: 0px 0px 0 0px rgba(0, 112, 217, 0.2);box-shadow: 0px 0px 0 0px rgba(0, 112, 217, 0.2);}
}

@keyframes circlepulse {
    0% {-webkit-transform: scale(1);opacity: 1;}
    100% {-webkit-transform: scale(3);opacity: 0;}
}

@-webkit-keyframes circlepulse {
    0% {-webkit-transform: scale(1);opacity: 1;}
    100% {-webkit-transform: scale(3);opacity: 0;}
}

.pageBg{ position:fixed; z-index:6; width:100%; height:100%; display:none; background:rgba(0,0,0,0.5); left:0px; top:0px; cursor:pointer;}


.zzNav{ position: fixed; right: 0; top: -100%; width: 7.7rem; background: #fafafa; height: 100%; z-index: 10; overflow: hidden;}
.zzNav.on{ opacity: 1; height: 100%; }
.zzNav .main{ padding: 1.4rem 0 0 0.65rem;}
.zzNav .scroll{ overflow: auto; height: 80vh; padding-right: 100px; }

.zzNav .scroll::-webkit-scrollbar {
  width: 4px;
}
.zzNav .scroll::-webkit-scrollbar-track {
  background-color: #e5e5e5;
}
.zzNav .scroll::-webkit-scrollbar-thumb {
  background-color: #001559;
}

.zzNav .title{ font-size: 0.32rem; color: #001559; line-height: 0.32rem; font-weight: bold; padding-bottom: 0.15rem;  display: flex; justify-content: space-between; align-items: center;}
.zzNav .title-close{width: 0.4rem;height: 0.4rem;background: #001559;position: relative;cursor: pointer; border-radius: 50%; transition: all 0.5s;}
.zzNav .title-close:hover{transform: rotate(180deg);}
.zzNav .title-close::before,
.zzNav .title-close::after{content: '\20'; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #ffffff;}
.zzNav .title-close::before{width: 0.3rem;height: 2px;transform: translate(-50%,-50%) rotate(45deg);}
.zzNav .title-close::after{width: 2px;height: 0.3rem;transform: translate(-50%,-50%) rotate(45deg);}

.zzNav .msg{ font-size: 14px; color: #999; padding-bottom: 0.45rem; }
.zzNav .txt{ font-size: 14px; color: #999; font-weight: bold; padding-bottom: 0.15rem;}
.zzNav .txt em{ color: #001559; padding-left: 0.15rem;}
.zzNav .multiple li{ float: left; width: 33.33%; font-size: 0.18rem; padding-bottom: 0.12rem; }
.zzNav .multiple li .lbox{ position: relative; cursor: pointer; padding-left: 0.28rem; height: 0.36rem; line-height: 0.36rem; color: #000; background: url(../images/limg16_1.jpg) left center no-repeat; background-size: 0.16rem; }
.zzNav .multiple .liNow .lbox{ background: url(../images/limg16_1on.jpg) left center no-repeat; background-size: 0.16rem;}
.zzNav .form{ padding-top: 0.1rem; overflow: hidden; }
.zzNav .form ul{ margin-right: -0.4rem; }
.zzNav .form li{ float: left; width: 50%; padding-bottom: 0.15rem; }
.zzNav .form li .box{ margin-right: 0.4rem; }
.zzNav .form li p{ height: 24px; font-size: 14px; color: #888; font-weight: bold; }
.zzNav .form li p em{ color: #001559; padding-left: 0.15rem;}
.zzNav .form li .input1{ width: 100%; height: 0.5rem; line-height: 0.5rem; background: #eee; font-size: 14px; }
.zzNav .form2 h2{ color: #888; padding-bottom: 0.1rem; }
.zzNav .form2 textarea{ width: 100%; height: 0.8rem; background: #eee; }
.zzNav .btnDiv{ padding-top: 0.15rem; }
.zzNav .btnDiv a{ display: block; width: 1.92rem; height: 0.5rem; line-height: 0.5rem; background: #001559; color: #fff; font-size: 0.16rem; font-weight: bold; text-indent: 0.35rem; position: relative; }
.zzNav .btnDiv a:before{ content: ''; position: absolute; right: 0.42rem; top: 50%; margin-top: -0.04rem; width: 0.17rem; height: 0.07rem; background: url(../images/nimg17_1on.png) center no-repeat; background-size: 0.17rem; }

.zzNav .selectBox{ margin-right: -0.4rem; }
.zzNav .selectBox .leftDiv, .zzNav .selectBox .rightDiv{width: 100%;}
.zzNav .selectBox .ddan{ margin-right: 0.4rem; }
.zzNav .selectBox .bdc{ margin-right: -10px; }
.zzNav .selectBox .liDiv{ width: 50%; float: left; padding-bottom: 10px; position:relative;}
.zzNav .selectBox .liDiv2{ width: 100%; }
.zzNav .selectBox .liDiv p{ height: 24px; font-size: 14px; color: #888; font-weight: bold; }
.zzNav .selectBox .liDiv p em{ color: #001559; padding-left: 0.15rem;}

.zzNav .selectBox .liDiv .box{ margin-right: 10px;}
.zzNav .selectBox .select{ width: 100%; position: relative; height: 50px;}
.zzNav .selectBox .select dt{height: 0.5rem;line-height: 0.5rem; border: #001559 solid 2px; display: inline-block; width: 100%; background: #fafafa url(../images/selectIco.jpg) no-repeat right center; box-sizing: border-box; cursor: pointer; overflow: hidden; position: relative; }
.zzNav .selectBox .select dt a{ font-size: 0.18rem; color: #000; position: relative; padding-left: 0.18rem; display: block; text-align: left; overflow: hidden;} 
.zzNav .selectBox .select dd{ margin: 0;position: absolute;left: 0px;top: 0.5rem; z-index: 10; width: 100%; box-sizing: border-box;} 
.zzNav .selectBox .select dd ul {list-style: none; overflow: auto; padding: 0 0.18rem; background: #fff; height:2.05rem;overflow-x:auto;} 
.zzNav .selectBox .select dd ul li{ width:100%; text-align:left; line-height: 0.4rem; height: 0.4rem; cursor: pointer; border-bottom: 1px solid #eee; color: #999; font-size: 14px;}
.zzNav .selectBox .select dd ul li:last-child{ border-bottom:none;}
.zzNav .selectBox .select dd ul li:hover{ color: #001559; }
.zzNav .selectBox .select.on dt{ color: #001559;}

.zzNav .selectBox .select dd ul::-webkit-scrollbar {
  width: 4px;
}
.zzNav .selectBox .select dd ul::-webkit-scrollbar-track {
  background-color: #e5e5e5;
}
.zzNav .selectBox .select dd ul::-webkit-scrollbar-thumb {
  background-color: #001559;
}

@media screen and (max-width: 750px) {
  .zzNav{width: 100%;}
  .zzNav .main{padding: 1.6rem 4vw 0 4vw;}
  .zzNav .scroll{padding-right: 0;}
  .zzNav .selectBox{margin-right: 0;}
  .zzNav .selectBox .liDiv .box{margin-right: 0;}
  .zzNav .selectBox .select dt{height: 0.8rem; display: flex; align-items: center;}
  .zzNav .selectBox .select dt a{font-size: 0.28rem;}
  .zzNav .selectBox .select dd{top: 0.8rem;}
  .zzNav .selectBox .select dd ul li{height: 0.6rem; line-height: 0.6rem; font-size: 0.28rem;}
  .zzNav .form2 h2{font-size: 0.36rem;}
  .zzNav .btnDiv a{width: 2rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.28rem;}
  .zzNav .btnDiv a:before{right: 0.12rem; margin-top: -0.08rem; width: 0.34rem; height: 0.14rem; background-size: 0.34rem;}
}

.section-ft{border-top: 1px solid #e7e8ec;}
.section-ft .a1{display: flex; justify-content: center; align-items: center; padding: 40px 0 35px;}
.section-ft .a1 .b1{margin-right: 1.9rem;}
.section-ft .a1 .b1 .tit{font-size: 40px; font-weight: bold; color: #191c22;}
.section-ft .a1 .b2{display: flex;}
.section-ft .a1 .b2 .item{margin-right: 22px; position: relative; overflow: hidden;}
.section-ft .a1 .b2 .item:last-child{margin-right: 0;}
.section-ft .a1 .b2 .item::before{content: "";position: absolute;z-index: 1;background: #001559;height: 200%;width: 200%;border-radius: 50%;top: 100%;left: 100%;transition: all .7s;}
.section-ft .a1 .b2 .item a{display: flex; border: 1px solid #001559; position: relative; z-index: 4; transition: all 0.4s; justify-content: center; align-items: center; padding: 0 30px; height: 70px; color: #001559;}
.section-ft .a1 .b2 .item .txt{font-size: 24px; margin-right: 26px;}
.section-ft .a1 .b2 .item a:hover{ color: #ffffff;}
.section-ft .a1 .b2 .item:hover::before{top: -60%;left: -60%;}

/* @media screen and (max-width: 1600px) {
    .section-ft .a1 .b1 .tit{font-size: 0.4rem;}
    .section-ft .a1 .b2 .item .txt{font-size: 20px;}
    .section-ft .a1 .b2 .item a{height: 60px;}
}

@media screen and (max-width: 1200px) {
  .section-ft .a1 .b1{margin-right: 50px;}
  .section-ft .a1 .b1 .tit{font-size: 24px;}
  .section-ft .a1 .b2 .item .txt{margin-right: 20px;}
  .section-ft .a1 .b2 .item a{padding: 0 20px;}
}

@media screen and (max-width: 1000px) {
  .section-ft .a1{padding: 30px 0; justify-content: space-between;}
  .section-ft .a1 .b1{margin-right: 0;}
  .section-ft .a1 .b1 .tit{font-size: 20px;}
  .section-ft .a1 .b2 .item{margin-right: 14px;}
  .section-ft .a1 .b2 .item a{padding: 0 10px; height: 48px;}
  .section-ft .a1 .b2 .item .txt{font-size: 16px; margin-right: 10px;}
}

@media screen and (max-width: 700px) {
  .section-ft .a1{flex-wrap: wrap; text-align: center; padding: 0.6rem 0;}
  .section-ft .a1 .b1{width: 100%; margin-right: 0;}
  .section-ft .a1 .b1 .tit{font-size: 0.36rem;}
  .section-ft .a1 .b2{width: 100%; justify-content: space-between; margin-top: 0.4rem; padding: 0 0.2rem;}
  .section-ft .a1 .b2 .item{margin-right: 0; width: 48%;}
  .section-ft .a1 .b2 .item a{padding: 0.1rem 0; height: auto;}
  .section-ft .a1 .b2 .item .txt{font-size: 0.32rem; margin-right: 0.4rem;}
} */

.footer .ft01 .a1 {display: flex; justify-content: space-between; align-items: center; padding: 0.46rem 0 0.1rem 0;}
.footer .ft01 .a1 .ftlink{display: flex;}
.footer .ft01 .a1 .item{position: relative; margin-right: 16px;}
.footer .ft01 .a1 .item:last-child{margin-right: 0;}
.footer .ft01 .a1 .item .top{width: 38px; height: 38px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: #494949;}
.footer .ft01 .a1 .item .bot{position: absolute; right: 100px; top: 50%; transform: translateY(-50%); transition: all 0.4s; opacity: 0; visibility: hidden;}
.footer .ft01 .a1 .item:hover .bot{right: 50px; opacity: 1; visibility: visible;}
.footer .ft01 .a2 {border-top: 1px solid rgba(255,255,255,.2); display: flex; justify-content: space-between; padding: 35px 0 45px 0;}
.footer .ft01 .a2 .b1{font-size: 16px; color: rgba(255,255,255,.5); line-height: 38px; width:35%}
.footer .ft01 .a2 .b1 span{color: #fff;}
.footer .ft01 .a2 .b2{display: flex; width:65%}
.footer .ft01 .a2 .b2 dl{margin-right: 0.7rem;}
.footer .ft01 .a2 .b2 dl:last-child{margin-right: 0;}
.footer .ft01 .a2 .b2 dt{margin-bottom: 16px;}
.footer .ft01 .a2 .b2 dt a{font-size: 18px; font-weight: bold; color: #fff;}
.footer .ft01 .a2 .b2 dd a{font-size: 14px; color: rgba(255,255,255,.5); transition: all 0.3s; line-height: 28px;}
.footer .ft01 .a2 .b2 dd a:hover{color: #fff;}
.footer .ft02{font-size: 14px; color: rgba(255,255,255,.33);}
.footer .ft02 a{color: rgba(255,255,255,.33); transition: all 0.3s;}
.footer .ft02 a:hover{color: #fff;}
.footer .ft02 .cont{border-top: 1px solid rgba(255,255,255,.2); display: flex; justify-content: space-between; line-height: 2; padding: 23px 0;}



@keyframes scaleqqq{
	0%{-webkit-transform: scale(1.08);transform: scale(1.08);}
	50%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
	100%{opacity: 1;-webkit-transform: scale(1.08);transform: scale(1.08);}
}


.col-video{display: none;position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 999;background: rgba(0, 0, 0, 0.6);transition: all 0.5s;}
.col-video.on{display: block;}
.col-video .videoBox{position: absolute;left: 50%;top: 50%;width: 60%;transform: translate(-50%, -50%);}
.col-video .videoBox .close{position: absolute;top: 0;right: 0;font-size: 30px;text-align: center;line-height: 30px;width: 30px;height: 30px;color: #fff;cursor: pointer;z-index: 999;}
.col-video .videoBox video{width: 100%;height: auto;max-height: 80vh;}
.col-video.on .videoBox video{-webkit-animation: zoomIn 0.4s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);animation: zoomIn 0.4s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
@media screen and (max-width: 1200px){.col-video .videoBox{width: 92%;}}
.fixed-right{position: fixed; right: 4px; top: 50%; transform: translateY(-50%); z-index: 20;}
.fixed-right .server-center a{display: block; position: relative;}
.fixed-right .server-center .picBox img{width: 70px; height: 76px; border-radius: 50%;}
.fixed-right .server-center .textBox{font-size: 14px; color: #fff; width: 76px; height: 24px; border-radius: 30px; background: #001559; text-align: center; line-height: 24px; position: absolute; bottom: -6px; z-index: 2;}
.fixed-right .zixun{width: 76px; margin: 0 auto; margin-top: 20px; border: 1px solid #c8def3; border-radius: 20px; background: #f3f9ff;}
.fixed-right .zixun .item{position: relative;}
.fixed-right .zixun .item::before{content: '\20'; position: absolute; left: 50%; bottom: 0; width: 25px; height: 1px; background: #cfdbe5; transform: translateX(-50%);}
.fixed-right .zixun .item:last-child::before{display: none;}
.fixed-right .zixun .item a{display: block; text-align: center; padding: 15px 0; font-size: 14px; color: #6a8096; transition: all 0.4s;}
.fixed-right .zixun .item a:hover{color: #001559;}
.fixed-right .zixun .item .picBox img{transition: 0.4s;}
.fixed-right .zixun .item a:hover .picBox img{animation: jello 2s;}
.fixed-right .zixun .item .textBox{margin-top: 5px;}
.fixed-right .go-top{width: 68px; height: 68px; margin: 0 auto; margin-top: 10px; border-radius: 14px; background: #001559; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; visibility: hidden; transition: all 1s; transform: translateY(60px);}
.fixed-right .go-top.on{opacity: 1; visibility: visible; transform: translateY(0);}
.fixed-right .go-top .line{width: 20px; height: 1px; background: #fff;}
.fixed-right .go-top .arr{width: 4px; height: 22px; background: #fff; margin-top: 10px; position: relative;}
.fixed-right .go-top .arr::before{content: '\20'; position: absolute; left: 50%; top: 0; width: 18px; height: 18px; border-right: 4px solid #fff; border-bottom: 4px solid #fff; transform: translateX(-50%) rotate(-135deg);}


.banner{position: relative;}
.banner .picBox{position: relative;overflow: hidden;}
.banner .swiper-slide .picBox img{width: 100% !important;}
/* .banner .swiper-slide-active img{-webkit-animation: scale 7s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);animation: scale 7s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); width: 100%;animation-iteration-count:infinite} */

/* .banner .swiper-slide-active .picBox img{ -webkit-animation: scaleqqq 7s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleqqq 7s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); width: 100%; animation-iteration-count:infinite; } */

.banner .textBox{position: absolute;width: 100%;left: 0;right: 0;top: 50%;transform: translateY(-50%);}
.banner .swiper-slide-active .textBox .tit0{ animation: fadeInUp 0.7s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-animation: fadeInUp 0.7s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.banner .swiper-slide .textBox .tit{ font-weight: bold; color: #fff;}
.banner .swiper-slide .textBox .tip{font-size: 24px; font-weight: 100; color: #fff;margin-top: 20px;}
.banner .swiper-slide .textBox .tit{color: #ffffff;font-size: 48px;font-style: italic;font-family: PingFang-SC-Bold;font-weight: 400;margin-top: -80px;}
.banner .swiper-slide-active .textBox .tip{opacity: 0.75;color: #ffffff;font-size: 32px;font-style: italic;font-family: PingFang-SC-Bold;}

.banner .swiper-slide-active .textBox .tit{animation: fadeInUp 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-animation: fadeInUp 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.banner .swiper-slide-active .textBox .tip{animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);}

.swiper-num{position: absolute;width: 1440px;margin-left: -720px;left: 50%;display: flex;bottom: 48px;z-index: 9;align-items: flex-end;}
.swiper-num .act{color: #ffffff;font-size: 32px;line-height: 32px;margin-right: 6px;}
.swiper-num .tot{color: #ffffff;opacity: 0.76;font-size: 18px;line-height: 18px;}
.banner .swiper-slide .picBox img{ transition:all 0.6s ease ; -webkit-transition:all 0.6s ease ; -moz-transition:all 0.6s ease ; -ms-transition:all 0.6s ease ; -o-transition:all 0.6s ease ; }
.banner .swiper-slide:hover .picBox img{ transform:scale(1.1) !important; -webkit-transform:scale(1.1) !important; -moz-transform:scale(1.1) !important; -ms-transform:scale(1.1) !important; -o-transform:scale(1.1) !important; }
.banner .swiper-slide .textBox .tit{width: 1000px;font-size: 38px;}


.footer{background: #F5F5F5;}
.footer .bd2 .footer_form{display: flex;	width: 340px;height: 55px;background-color: #e4e4e4;border-radius: 27px;padding: 0 17px;box-sizing: border-box;justify-content: space-between;}
.footer .bd2 .footer_form .txt{height: 55px;line-height: 55px;width: calc(100% - 70px);}
.footer .bd2 .footer_form .btn{width: 19px;height: 55px;background: url(ico17.png)no-repeat center;}
.footer .ft1 .bd{display: flex;justify-content: space-between;}
.footer .ft1{border-bottom: 1px solid #dedede;padding: 56px 0 37px;}
.footer .ft2{padding: 45px 0 66px;}
.footer .ft2 .bd{display: flex;justify-content: space-between;}
.footer .ft2 .bd .bd1{width: 773px;}
.footer .ft2 .bd .bd2{width: calc(100% - 773px);}
.footer .ft2 .bd .bd1 .t1{color: #333333;font-weight: bold;font-size: 18px;line-height: 28px;}
.footer .ft2 .bd .bd1 .t{color: #333333;font-weight: normal;font-size: 18px;line-height: 28px;width: 540px;}
.footer .ft2 .bd .bd1 .t i{font-style: normal;font-size: 16px;color: #666666;}
.footer .ft2 .bd .bd1 .t p{margin-top: 12px;}
.footer .ft2 .bd .bd1 .t p:nth-child(1){margin-top: 10px;}
.footer .ft2 .bd .bd1 ul{display: flex;margin-top: 20px;}
.footer .ft2 .bd .bd1 ul li { position:relative; margin-right: 40px; cursor:pointer; }
.footer .ft2 .bd .bd1 ul li:last-child{margin-right: 0;}
.footer .ft2 .bd .bd1 ul li .img01 { position:absolute; width:120px; left:50%; margin-left:-60px; bottom:50px; z-index:2; display:none; }
.footer .ft2 .bd .bd1 ul li:hover .img01 { display:block; }



.footer .ft2 .bd .bd2 {display: flex;justify-content: space-between;}
.footer .ft2 .bd .bd2 dt a{color: #333333;font-size: 16px;line-height: 26px;display: block;}
.footer .ft2 .bd .bd2 dd a{color: #999999;font-size: 16px;line-height: 26px;display: block;}
.footer .ft2 .bd .bd2 dd {margin-top: 10px;}
.footer .ft2 .bd .bd2 dd:nth-child(1){margin-top: 15px;}
.footer .ft3{color: #999999;font-size: 14px;border-top: 1px solid #dedede;line-height: 70px;}
.footer .ft3 a{color: #999999;}
.footer .ft3 .bd{display: flex;justify-content: space-between;}


.fixed{position: fixed;right: 0;top: 50%;    box-shadow: 0 0 14px rgba(0, 0, 0, .1);z-index: 99;background: white;}
    .fixed ul {z-index: 9;position: relative;}
    .fixed ul li a{display: flex;width: 56px;height: 56px;flex-direction: column;align-items: center;justify-content: center;position: relative;border-bottom: 1px solid #e9e9e9;}
    .fixed ul li a .sp{position: absolute;right: 56px;top: 0;line-height: 56px;color: white;font-size: 18px;font-weight: bold;background: #001559;padding: 0 10px;width: unset;width: 150px;display: none;}
    .fixed ul li:hover a .sp{display: block;}
    .fixed::after{content: "";left: 50%;transform: translateX(-50%);background: url(ico160.png) no-repeat center;width: 57px;height: 67px;top: -67px;position: absolute;}



.sjBox{display: none;}

.box_button{left: 50%; position: absolute;width: 1440px;margin-left: -720px;bottom: 48px;flex-direction: row-reverse;z-index: 8;text-align: right;}
.box_button div{width: 8px;height: 15px;background:url(ico100.png)no-repeat center;display: inline-block;cursor: pointer;} 
.box_button .prev{ transform:rotateY(180deg) ; -webkit-transform:rotateY(180deg) ; -moz-transform:rotateY(180deg) ; -ms-transform:rotateY(180deg) ; -o-transform:rotateY(180deg) ; margin-right: 24px;}

.lxArea { background:url(lxArea.png) no-repeat center bottom; margin-top:60px; background-size:100% 100%; z-index:5; }
.lxArea .g-in {  position:relative; min-height:230px; }
.lxArea .txt { padding-top:60px; text-align:center; color: #333; font-size: 36px; font-weight: bold; }
.lxArea .pic { position:absolute; left:50%; bottom:-63px; width:127px; transform: translateX(-50%); z-index:2; }
.lxArea .pic .pic01 {  animation: yuan 10s infinite linear; -webkit-animation: yuan 10s infinite linear; }
.lxArea .pic .pic02 {    text-align: center; position:absolute; left:50%; top:50%; font-size:18px; color:#fff; transform: translate(-50%,-50%); z-index:2; }

@keyframes yuan {
    100% {
      transform: rotate(-360deg);
      -webkit-transform: rotate(-360deg);
      -moz-transform: rotate(-360deg);
      -ms-transform: rotate(-360deg);
      -o-transform: rotate(-360deg);
}
 }






@media screen and (max-width: 1440px) {
  .g-in{width: 1100px;}
  .lxArea { margin-top:40px; }
	.lxArea .g-in { min-height:180px; }
	.lxArea .txt { padding-top:50px; font-size:28px; }

  .swiper-num{width: 1200px;margin-left: -600px;}
  .footer .ft2{padding: 40px 0;}
  .banner .swiper-slide .textBox .tit{font-size: 30px;line-height: 40px;}
  .banner .swiper-slide-active .textBox .tip{font-size: 18px;line-height: 28px;}
  .banner .swiper-slide-active .textBox .tit0 img{width: 200px;}
.box_button{margin-left: -550px;width: 1100px;}
.topArea .nav ul li{margin-right: 40px;}
.banner .swiper-slide .textBox .tit{width: 800px;}
.footer .ft2 .bd .bd1{width: 600px;}
.footer .ft2 .bd .bd2{width: calc(100% - 600px);}

}
@media screen and (max-width: 1100px) {
  .g-in{ width:92%; }
  .pcBox{display: none;} .sjBox{display: block;}
  .lxArea { margin-top:20px; }
	.lxArea .g-in { min-height:150px; }
	.lxArea .txt { padding-top:20px; font-size:20px; }
	.lxArea .txt i { display:block; }
	.fixed-right{display: none;}
	.lxArea .pic { bottom:-40px; width:80px; }
	.lxArea .pic .pic01 img { width:80px; height:80px; }
	.lxArea .pic .pic02 { font-size:14px; }
  .topArea .link .nav{display: none;}
  .search-navbar .seaBox{display: none;}

  .topArea .cont{height: 65px;}
  .topArea{background: white;}
  .topArea .logo .img2{display: block !important;height: 30px;}
  .topArea .logo .sjBox{display: none !important;}
  .topArea .logo .img1{display: none !important;}
  .topArea .r-link .sea .top::before{background: url(ico17.png) no-repeat center !important; background-size: 100% !important;}
  .topArea .r-link .lang .top .txt{color: #333;}
  .navbar{width: 30px;}
  .fixed{display: none;}
  .footer .ft2 .bd .bd2{display: none;}
  .footer .ft1 .bd{flex-direction: column;}
  .footer .ft1  .bd2{margin-top: 20px;}
  .footer .bd2 .footer_form {width: 100%;}
  .footer .bd2 .footer_form{height: 45px;}
  .footer .bd2 .footer_form .txt{line-height: 45px;height: 45px;}
  .footer .bd2 .footer_form .btn{height: 45px;}
  .footer .ft1{padding-bottom: 30px;}
  .footer .ft2{padding: 30px 0;}
  .footer .ft2 .bd .bd1 .t{font-size: 16px;}
  .footer .ft3 .bd{flex-direction: column;}
  .footer .ft3{line-height: 24px;padding: 20px 0;text-align: center;}
  .swiper-num{ width: 90%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);margin-left: 0; }
  .banner{margin-top: 60px;}
  .topArea .r-link{position: absolute;right: 50px;top: 22px;}

  .swiper-num .act{font-size: 18px;line-height: 18px;}
  .swiper-num .tot{font-size: 14px;line-height: 14px;}
  .banner .swiper-slide .textBox .tit{font-size: 18px;line-height: 28px;margin-top: -54px;}
  .banner .swiper-slide .textBox .tip{font-size: 14px;line-height: 24px;margin-top: 10px;}
  .banner .swiper-slide-active .textBox .tit0 img{width: 150px;}
  .footer .ft2 .bd .bd1 ul li .img01{width: 90px;margin-left: -45px;}
  .banner .swiper-slide .textBox .tit{width: 100%;}
  .topArea .r-link .lang{display: none;}
}