html, body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    font-size: 16px;
    /* font-family: 'Source Sans Pro'; */
}
.loader-spin{
    position: fixed;
    text-align: center;
    justify-content: center;
    z-index: 99999;
    color: #2a8fe9;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 70px;
    margin-left: -40px;
    margin-top: -35px;
}
.loader-spin > .tipTxt{
    font-size: 14px;
    width: 100%;
    height: 20px;
    line-height: 20px;
}
.loader-spin>.double{
    width:60px;
    height:36px;
    margin:0px auto;
    position: relative;     
  }
  .double .focus{
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #2a8fe9;
    position: absolute;
    left:20px;
    top: 50%;
    margin-top: -5px;
    animation: double_lt_size 1s infinite linear;
  }
  .double::before,.double::after{
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #2a8fe9;
    position: absolute;
    top: 50%;
    margin-top: -5px;
  }
  .double::before{
    left:0;
    animation: double_gt_size 1s infinite linear;
  }
  .double::after{
    left:40px; 
    animation: double_gt_size 1s infinite linear;
  }
  @keyframes bg{
    0% {background:red}
    50% {background:yellow}
    100% {background:red}
  }

  @keyframes double_lt_size {
    0% { transform: scale(1) }
    25% { transform: scale(0.5)  }
    50% { transform: scale(1) }
    75% { transform: scale(1.5)  }
    100% { transform: scale(1) }
  }

  @keyframes double_gt_size {
    0% { transform: scale(1) }
    25% { transform: scale(1.5)  }
    50% { transform: scale(1) }
    75% { transform: scale(0.5)  }
    100% { transform: scale(1) }
  }


  /*header*/
  .header-template-wrap{
    height:76px;
    width: 100%; 
    min-width: 1280px !important;   
    background:#ffffff;
    position: fixed;
    left:0%;
    top: 0px; 
    z-index: 1000;
    box-shadow: 1px 1px 5px #e9e9e9;
  }
  .nav-template-wrap{
    width: 100%;
    height: 100%;
    max-width: 1560px;
    margin:0 auto;
    position: relative;
  }
  .nav-box{
    width: 100%; 
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:space-between;
    align-items: center;
    padding-left:calc(50% - 640px) !important;
    box-sizing: border-box;
    margin:0 auto;
  }

  .nav-box>.logo{
    width: 30%;
    height: 100%;
    display: flex;
    justify-content:flex-start;
    align-items: center; 
  }
  .nav-box>.logo>img{
    height: 100%;
    width: auto;
   }
   .nav-list{
    width: 70%;
    height: 76px;
    padding: 0;
    margin: 0;
    background: #ffffff;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
   }
   .nav-list>li{
    display:inline-flex;
    align-items: center;
    min-width: 100px;
    height: 100%;
    font-size: 16px;
    position: relative;
    line-height: 76px;
    text-align: center; 
   }

  .nav-list>li>span{
    display: block;
    width: 100%;
    height:76px; 
    cursor: pointer;
  }
  .nav-list> li:hover span a{
    position: relative;
    background: url(../images/nav-bottom.png) bottom center no-repeat;
    /* border-bottom: 4px solid #c4a156; */
    z-index: 15;
    color:#c4a156 !important;
  }
  .nav-list> li:hover span a.nav-active{
    background: #d53235 !important;
    color: #fff !important;
    border-bottom: none !important;
  }
  .nav-list>li>span>a:hover{
    position: relative;
    color:#c4a156 !important;
    background:#fff;
    background: url(../images/nav-bottom.png) bottom center no-repeat;
    /* border-bottom: 4px solid #c4a156; */
    z-index: 15;
  }
  .nav-list>li>span>a.nav-active:hover{
    color: #fff !important;
    border-bottom: none !important;
  }
  .sub-nav{
    display: none;
    position: absolute;
    left: 50%;  
    bottom: 0px;
    height:45px;
    transform: translate(-50%,100%); 
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .sub-nav>a, .sub-nav>a:active{
    display: inline-block;
    padding: 0px 10px;
    height: 100%;
    min-width: 100px;
    line-height:45px;
    text-decoration: none;
    color: #333333;
    
  }
  .sub-nav>a:hover{
    color: #d53235;
    font-weight: bold;
    text-decoration: underline !important;
  }
  .nav-list>li:last-child{
    width: 140px;
    display: flex;
    justify-content: flex-end;
    padding-right: 10px;
    box-sizing: border-box;
    border-bottom: none !important;
  }

.nav-list > li:last-child:hover {
    color: black !important;
    border-bottom: none !important;
}
.nav-list > li:last-child a:hover , .nav-list> li:last-child span a{
  border-bottom: none !important;
  color: #b4b4b4 !important;
  background: none !important;

}
.nav-list>  li:last-child  span:hover a.nav-active{
  background: none !important;
  color: #b4b4b4 !important;
}