.mobile i,.divBox,.nav li a:after,.nav,span,.BannerBtn span::after,.menu-fixed{
    transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
}

input:-moz-placeholder,
textarea:-moz-placeholder { 
    color: #333;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { 
		color: #333;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { 
		color: #333;
}


header{font-size: 0;box-sizing: border-box;position: fixed;width: 100%;z-index: 9;left: 0;top: 0;background: rgba(0, 56, 148, 1);line-height: 100px;height: 100px;}

header.menu-fixed{position: fixed;top: 0;}

.logo{display: inline-block;vertical-align: middle;width: 20%;}
.logo a{display: inline-block;vertical-align: middle;}
.logo img{max-width: 100%;}
.nav{display: inline-block;position: relative;vertical-align: middle;text-align: right;width: 80%;box-sizing: border-box;text-align: right;}
.nav ul{font-size: 0;}
.nav ul li{display: inline-block;box-sizing: border-box;color: #d1d1d1;vertical-align: middle;margin-right: 20px;position: relative;}
.nav ul li:last-of-type{margin-right: 0;}
.nav ul li a{font-size: 18px;position: relative;color: #fff;display: block;}
.nav ul li a::after{content: '';display: block;width: 0;height: 2px;background: #fff;position: absolute;left: 50%;bottom: -10px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
}
.nav ul li a:hover::after,.nav ul li.ac a::after{width: 100%;}

.ftb{padding: 30px 0 0;border-top: 1px solid rgba(255,255,255,.3);font-size: 0;margin-top: 30px;}
.ftb p{display: inline-block;vertical-align: middle;box-sizing: border-box;width: 50%;}
.ftb p,.ftb p a{font-size: 12px;color: #D4CDCD;}
.ftb p:last-of-type{text-align: right;}
.ftb p a:hover{color: #fff;}




footer{position: relative;background: #003894;font-size: 0;padding: 54px 0 65px;}
.ftl,.ftr{display: inline-block;vertical-align: middle;box-sizing: border-box;}
.ftl{width: 70%;}
.ftr{width: 30%;text-align: right;}
.ftl img{max-width: 28%;}
.ftl h6{padding: 17px 0 22px;font-size: 16px;color: rgba(255,255,255,.9);display: inline-block;border-bottom: 1px solid rgba(255,255,255,.4);
  margin-bottom: 16px;padding-right: 28px;font-family: ssb;
}
.ftl ul{font-size: 0;}
.ftl ul li{display: inline-block;vertical-align: top;box-sizing: border-box;margin-right: 53px;}
.ftl ul li:last-of-type{margin-right: 0;}
.ftl ul li a{display: block;font-size: 12px;color: #D4CDCD;}
.ftl ul li a:first-of-type{font-size: 16px;color: #fff;margin-bottom: 10px;font-family: ssb;}
.ftl ul li a:hover{color: #fff;}
.ftr img{width: 118px;}
.ftr p{font-size: 16px;color: #fff;margin: 14px 0 2px;}
.ftr h3{color: rgba(214,214,214,.5);font-size: 18px;}
.ftr h3 strong{color: #fff;font-family: ssb;font-size: 18px;}












.mobile{width: 40px;height: 40px;border-radius: 2px;cursor: pointer;text-align: center;line-height: 3px;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);
    box-sizing: border-box;padding-top: 2px;transition: 0.4s ease-in-out;display: none;}
.mobile i{display: block;margin: 0 auto;width: 23px;height: 2px;background: #fff;margin-top: 7px;border-radius: 5px;}
.mobile i:nth-child(1){transition: 0.4s ease-in-out 0.3s;}
.mobile i:nth-child(2){transition: 0.4s ease-in-out;}
.mobile i:nth-child(3){transition: 0.4s ease-in-out 0.3s}
.mobile.active i:nth-child(1){transform: rotate(45deg) translateY(4px) translateX(5px);}
.mobile.active i:nth-child(2){transform: translateX(40px);opacity: 0;}
.mobile.active i:nth-child(3){transform: rotate(-45deg) translateY(-8px) translateX(8px);}



.cbl{position: fixed;right: 0;bottom: 20%;z-index: 2;}
.cbllist{width: 50px;height: 50px;line-height: 50px;text-align: center;background: #fff;margin-bottom: 5px;cursor: pointer;position: relative;border: 1px solid #003894;border-radius: 10px;box-sizing: border-box;}
.cbllist span{font-size: 22px;color: #003894;}
.cbllist h3{position: absolute;top: -1px;right: -210px;width: 200px;font-size: 18px;font-family: ssb;background: #003894;line-height: 50px;color: #fff;border-radius: 10px;}
.cbllist:hover h3{right: 72%;}
.cbllist:hover{background: #003894;}
.cbllist:hover span{color: #fff;}
.cbllist h6{position: absolute;top: 0;right: 110%;border: 2px solid #003894;display: none;}
.cbllist:hover h6{display: block;}
.cbllist:last-of-type span{display: block;font-size: 26px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: rgba(40,40,40,.6);
  }
 
input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(40,40,40,.6);
  }
 
input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(40,40,40,.6);
  }
 
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: rgba(40,40,40,.6);
  }


  .navlist{position: absolute;top: 200%;font-size: 0;background: #003894;padding: 20px;width: 220px;box-sizing: border-box;opacity: 0;visibility: hidden;text-align: center;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
  }
  .navlist a{font-size: 16px !important;margin-bottom: 20px;}
  .navlist a::after{width: 0 !important;}
  .nav ul li .navlist a:hover::after{width: 100% !important;}
  .nav ul li:hover .navlist_l a{background: none !important;color: #595757;}

  .nav ul li:hover .navlist{top: 100%;opacity: 1;visibility: visible;}
  .ftb p a:last-of-type{margin-left: 10px;}