/* -------------------------------- 公共 --------------------------------------- */
body { color: #3a3a3a; transition: all 0.3s ease 0s; font: 14px 'Open Sans', sans-serif; }

.mt-55 { margin-top: 55px; }

/* ------------------------------- icon ----------------------------------------- */
[class^="icon-"], [class*=" icon"] { display: inline-block; width: 14px; height: 14px; line-height: 14px; vertical-align: text-top; opacity: 1; background: url("../images/glyphicons-mini.png") no-repeat  14px 14px; }
.icon-large { height: 48px; width: 48px; line-height: 48px; background: url("../images/glyphicons.png") no-repeat  48px 48px; }
.icon-email { background-position: -72px 0; }


/* -------------------------------- btn ------------------------------------ */
.btn { padding: 8px 12px; background-color: #fff; font-size: 16px; cursor: pointer; }
.btn.blue { background-image: linear-gradient(rgb(91, 143, 229), rgb(71, 121, 203) 99%); color: #fff; }
.btn:hover {
  opacity: 0.96;
}
.btn.download-btn { padding: 12px 22px; color: #fff; position: relative; font-weight: 600; box-shadow: rgb(0 0 0 / 30%) 0px 15px 20px -10px; font-size: 20px; background: linear-gradient(rgb(250, 84, 0) -7%, rgb(250, 62, 0) 105%); }

/* -------------------------------- header -------------------------------------------- */
.header { height: 1.1rem; position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 999; }
.header .header-main { width: 100%; max-width: 1200px; padding: 0 .2rem; margin: 0 auto; }
.header .logo { height: 100%; max-width: 3rem; flex: 1; }
.header h1 { height: 100%; }
.header h1 a { height: 100%;}
.header h1 a img { display: block; height: .68rem; }

.header .nav { flex: auto; height: 100%; }
.header .nav ul { height: 100%; }
.header .nav ul li { height: 100%; line-height: 100%; }
.header .nav li a { display: block; height: 100%; line-height: 1.1rem; padding-left: .2rem; font-size: .18rem; color: #666; }


.footer { width: 100%;  }
.footer-wraper-1 { background-color: #093459; }
.footer-wraper-2 { background-color: #062845; }
.footer .footer-main { width: 100%; max-width: 1200px; padding: .6rem .1rem .8rem .2rem; margin: 0 auto; }
.footer .footer-main .footer-logo { height: .5rem; flex: 1; }
.footer .footer-main .footer-logo a img  { display: block; height: .5rem; width: auto;}
.footer .footer-main .footer-share { flex: auto; }

.footer .footer-bottom { width: 100%; max-width: 1200px; padding: .1rem .2rem; margin: 0 auto; color: #a2a2a2; }

@media screen and (max-width: 768px) {
  .header .logo strong { display: none;}
  .footer .footer-main .scoll-top-btn { display: none;}
}