@-webkit-keyframes slideLeft{
  0%{
    opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)
  }
  100%{
    opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)
  }
}
@keyframes slideLeft{
  0%{
    opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)
  }
  100%{
    opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)
  }
}
@-webkit-keyframes slideRight{
  0%{
    opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)
  }
  100%{
    opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)
  }
}
@keyframes slideRight{
  0%{
    opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)
  }
  100%{
    opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)
  }
}
html{
  font-size:100%;-webkit-box-sizing:border-box;box-sizing:border-box;scroll-behavior:smooth
}
*,*::before,*::after{
  padding:0;margin:0;-webkit-box-sizing:inherit;box-sizing:inherit;list-style:none;list-style-type:none;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility
}
body{
  font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif!important;font-size:1rem;font-weight:400;line-height:1.5;overflow-x:hidden;color:#121212;background:#fff
}
a,button{
  font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;border:0;outline:0;background:0;text-decoration:none
}
/* @media only screen and (max-width:768px){
  a,button{
    cursor:default!important;border:0;outline:0
  }
} */
img,video{
  display:inline-block;max-width:100%;height:auto;-o-object-fit:cover;object-fit:cover
}
.container{
  max-width:80rem;width:100%;height:auto;padding:0 2rem;margin:0 auto;font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif!important;
}
/* @media only screen and (max-width:992px){
  .container{
    padding:0 1rem;margin:0 auto
  }
} */
.brand{
  font-family:inherit;font-size:1.75rem;font-weight:700;line-height:inherit;color:#FFA641;border:0;outline:0;text-transform:uppercase;text-rendering:optimizeLegibility
}
.header{
  position:fixed;display:block;top:0;left:0;width:100%;height:auto;margin:0 auto;z-index:999;border:0;outline:0;
}
.header .wrapper{
  display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center
}
.header-item-left{
  display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;
  -ms-flex:0 0 67%;flex:0 0 67%
}
.header-item-center{
  display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;
  /* -ms-flex:0 0 66%;flex:0 0 66% */
}
.header-item-right{
  display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 17%;flex:0 0 17%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end
}
.header-item-right .menu-icon{
  font-size:1.35rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1rem;margin-left:1rem;border:0;outline:0;color:#121212;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease
}
.header .menu>ul>li{
  display:inline-block;line-height:3.125rem;margin-left:1.2rem;
}
.header .menu>ul>li>a{
  position:relative;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.25;border:0;outline:0;color:#fff;text-transform:capitalize;text-rendering:optimizeLegibility;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out
}
.header .menu>ul>li>.active {
  color: #FFA641;
}
.header .menu>ul>li .menu-subs{
  position:absolute;left: -46px; width:100%;height:auto;padding:1rem 1.5rem;border:0;outline:0;z-index:500;opacity:0;text-align: center;
  visibility:hidden;
  border-radius:.25rem;background:#fff;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);
  
  /* -webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out */
}
.menu-item-has-children{
  position: relative;
}
.header .menu>ul>li .menu-subs::before{
  content: ""; position: absolute; top: -5px; right: 50%; margin: 0;background: #fff; border-top: 1px solid transparent;transform: translate(-50%,-50%); border-right: 1px solid transparent; width: 10px; height: 10px; transform: rotate(-45deg);-o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);
}

.header .menu>ul>li .menu-subs>ul>li{
  line-height:1
}
.header .menu>ul>li .menu-subs>ul>li>a{
  display:inline-block;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.25;padding:.75rem 0;border:0;outline:0;color:#333;text-transform:capitalize;text-rendering:optimizeLegibility;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out
}
.header .menu>ul>li .menu-column-1{
  /* min-width:16rem;max-width:20rem;background-color: #f00; */
  width: 10rem;
}
.header .menu>ul>li .menu-subs.menu-mega{
  left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)
}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li{
  display:block;line-height:1
}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a{
  display:inline-block;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.25;padding:.5rem 0;border:0;outline:0;color:#121212;text-transform:capitalize;text-rendering:optimizeLegibility;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out
}
.header .menu>ul>li .menu-subs.menu-column-4{
  display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:68rem;width:100%;padding:1.25rem 1rem
}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item{
  -webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;padding:0 1rem
}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item .title{
  font-family:inherit;font-size:1rem;font-weight:500;line-height:1;padding:.75rem 0;border:0;outline:0;color:#FFA641;text-transform:uppercase;text-rendering:optimizeLegibility;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out
}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center .title{
  text-align:center
}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item img.responsive{
  max-width:100%;width:100%;height:auto;margin-top:.75rem;-o-object-fit:cover;object-fit:cover;vertical-align:middle
}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a:hover,.header .menu>ul>li .menu-subs>ul>li>a:hover{
  color:#2c4579;
}
.header-item-right a:hover,.header .menu>ul>li:hover>a{
  color:#FFA641
}
.header .menu>ul>li.menu-item-has-children a.active {
  color:#FFA641
}
/* @media only screen and (min-width:993px){ */
  .header .menu>ul>li.menu-item-has-children:hover .menu-subs{
    margin-top:1rem;opacity:1;visibility:visible;
  }
/* } */
.menu-mobile-header,.menu-mobile-trigger{
  display:none
}
/* @media only screen and (max-width:992px){
  .header-item-center{
    -webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3
  }
  .header-item-left,.header-item-right{
    -webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto
  }
  .wrapper{
    -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between
  }
  .header .menu-mobile-trigger{
    position:relative;display:block;cursor:pointer;width:1.75rem;height:1rem;border:0;outline:0;margin-left:1.25rem;background:0;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.35s ease-in-out;-o-transition:.35s ease-in-out;transition:.35s ease-in-out
  }
  .header .menu-mobile-trigger span{
    display:block;position:absolute;width:100%;height:2px;left:0;border:0;outline:0;opacity:1;border-radius:.25rem;background:#fff;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out
  }
  .header .menu-mobile-trigger span:nth-child(1){
    top:0
  }
  .header .menu-mobile-trigger span:nth-child(2),.header .menu-mobile-trigger span:nth-child(3){
    top:.5rem
  }
  .header .menu-mobile-trigger span:nth-child(4){
    top:1rem
  }
  .header-item-right{
    -webkit-box-align:center;-ms-flex-align:center;align-items:center
  }
  .header .menu{
    position:fixed;top:0;left:0;width:20rem;height:100%;z-index:1099;overflow:hidden;background:#fff;-webkit-transform:translate(-100%);-ms-transform:translate(-100%);transform:translate(-100%);-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out
  }
  .header .menu.active{
    -webkit-transform:translate(0%);-ms-transform:translate(0%);transform:translate(0%)
  }
  .header .menu>ul>li{
    display:block;line-height:1;margin:0
  }
  .header .menu>ul>li>a{
    display:block;line-height:3.125rem;height:3.125rem;padding:0 3.125rem 0 1rem;border-bottom:1px solid rgba(0,0,0,0.1); color: #333;
  }
  .header .menu>ul>li>a i.ion{
    position:absolute;font-size:1.25rem;line-height:3.125rem;top:0;right:0;width:3.125rem;height:3.125rem;text-align:center;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)
  }
  .header .menu .menu-mobile-header{
    position:relative;position:-webkit-sticky;position:sticky;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;top:0;height:3.125rem;z-index:501;border-bottom:1px solid rgba(0,0,0,0.1);background:#fff
  }
  .header .menu .menu-mobile-header .menu-mobile-arrow{
    display:none;font-size:1.25rem;line-height:3.125rem;width:3.125rem;height:3.125rem;cursor:pointer;border-right:1px solid rgba(0,0,0,0.1);color:#121212;text-align:center
  }
  .header .menu .menu-mobile-header.active .menu-mobile-arrow{
    display:block
  }
  .header .menu .menu-mobile-header .menu-mobile-title{
    font-family:inherit;font-size:1rem;font-weight:500;line-height:inherit;color:#121212;text-transform:capitalize;text-rendering:optimizeLegibility
  }
  .header .menu .menu-mobile-header .menu-mobile-close{
    font-size:2.25rem;line-height:3.125rem;cursor:pointer;width:3.125rem;height:3.125rem;border-left:1px solid rgba(0,0,0,0.1);color:#121212;text-align:center
  }
  .header .menu .menu-section{
    height:100%;overflow-y:auto;overflow-x:hidden
  }
  .header .menu>ul>li .menu-subs{
    position:absolute;display:none;top:0;left:0; max-width:none;min-width:auto;width:100%;height:100%;margin:0;padding:1rem;padding-top:4rem;opacity:1;overflow-y:auto;visibility:visible;-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);-webkit-box-shadow:none;box-shadow:none
  }
  .header .menu>ul>li .menu-subs.menu-mega{
    position:absolute;display:none;top:0;left:0;max-width:none;min-width:auto;width:100%;height:100%;margin:0;padding:1rem;padding-top:4rem;opacity:1;overflow-y:auto;visibility:visible;-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);-webkit-box-shadow:none;box-shadow:none
  }
  .header .menu>ul>li .menu-subs.active{
    display:block
  }
  .header .menu>ul>li .menu-subs.menu-column-4>.list-item{
    -webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:0rem
  }
  .header .menu>ul>li .menu-subs.menu-column-4>.list-item img.responsive{
    margin-top:0
  }
  .header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center .title{
    margin-bottom:1.25rem
  }
  .header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center:last-child .title{
    margin-bottom:0rem
  }
  .header .menu>ul>li .menu-subs>ul>li>a{
    display:block
  }
  .header .menu>ul>li .menu-subs.menu-mega>.list-item>ul{
    margin-bottom:1rem
  }
  .header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a{
    display:block
  }
  .overlay{
    position:fixed;top:0;left:0;width:100%;height:100%;z-index:1098;opacity:0;visibility:hidden;background:rgba(0,0,0,0.55);-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out
  }
  .overlay.active{
    opacity:1;visibility:visible
  }

} */
.main{
  display:block;width:100%;min-height:100vh
}

/* custom */
.logoContainer {
  /* background:#2C4597; */
  background: url('../img/logo_bg.png') no-repeat #2C4597;
  background-size: 400px;
  background-position: center -25px;
  height: 90px; padding-top: 13px;
}
.navContainer {
  background: #2c4579; opacity: .8;
  /* box-shadow: 10px 0px 80px rgb(0 0 0 / 90%); */
  /* background: rgba(0,0,0,0.4);
  background: #000000; 
  background:-moz-linear-gradient(bottom,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.8));  
  background:-webkit-linear-gradient(bottom,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.8));   
  background: -o-linear-gradient(bottom,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.8)); 
  background: -ms-linear-gradient(bottom,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.8)); 
  background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 100%, rgba(0, 0, 0, 0) 0%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 0)', endColorstr='#000000',GradientType=0 );  */
}
.header-item-left{
  position: relative;

}
.platform{
  position: absolute;
  left:330px;
  bottom: 2px;
}
.platform h6{
  color: rgba(255, 255, 255, .8);
  font-weight: normal;
  font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif!important;font-size:12px;
}
.platform h6:first-child{
  font-size: 14px;
}
.header-right-link p {
  color: rgba(255, 255, 255, .8);
}


/* @media only screen and (min-width:992px){ */
  .header-item-center {
    -ms-flex: 0 0 100%; flex: 0 0 100%;
  }
  .header-item-center .menu {
    width: 100%;
  }
  @media only screen and (min-width:992px){
    .header-item-center .menu .menu-section {
      width: 100%; display: flex;margin-top: 5px;margin-bottom: 5px;
    }
  }
  .header-item-center .menu .menu-section li {
    flex: 1;
  }
  .header-right-link {
    -webkit-box-flex:0;-ms-flex:0 0 32%;flex:0 0 32%; text-align: right; color: rgba(255, 255, 255, .8); font-size: 13px;
    position: relative;
  }
  .header-right-link p {
    font-size: 13px;
    
  }
  .header-right-link a {
    color: rgba(255, 255, 255, .8); padding: 0 10px; position: relative;
  }
  .header-right-link a:before {
    position: absolute; content: ''; height: 10px; width: 1px; background-color: rgba(255, 255, 255, .6); right: 0; top: 0; bottom: 0; margin: auto;
  }
  .header-right-link a:last-child:before {
    background: none;
  }
  .header-right-link img {
    width: 14px; display: inline-block;
  }
  .header-right-link input{
    height: 32px;
    width: 240px;
    border: none;
    outline: none;
    font-size: 12px;
    border-radius: 3px;
    margin-bottom: 10px;
    padding-left: 14px;
    background-color: rgba(255,255,255,.7);
  }
  .header-right-link .search{
    position: absolute;
    right: 0;
    top:0;
    cursor: pointer;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    width: 40px;
    height: 32px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header-right-link .search img{
    width: 18px;
    vertical-align: middle;
  }
  .header-right-link #append {
    color: #2C4597;
    width: 240px;
    height: 220px;
    overflow: scroll;
    border: solid #c7c7c7 1px;
    position: absolute;
    z-index: 100;
    right: 0;
    top: 33px;
    background: rgba(255,255,255,0.8);
    display: none;
  }
  .header-right-link #kw{
    padding: 0 8px;
    color: #2c4579;
    outline: none;
  }
  #append .item {
    /* position: absolute; */
    padding: 5px 8px;
    text-align: left;
    cursor: pointer;
    background: rgba(255,255,255,0.8);
  }
  #append .item:hover{
    background: #2c4579;
    color: #000;
  }






/* } */
/* @media only screen and (max-width:992px){ */
  .header-right-link,.platform {
    display: block;
  /* } */
}
.logo img{
  width: 320px;
}
.header-item-left h1 {
  margin-top: 0;
}