html, body {
  min-width: 1200px; }

ul, li {
  margin: 0;
  padding: 0;
  list-style: none; }

a {
  color: #000; }
  a:hover {
    text-decoration: none; }

.w1000 {
  width: 1000px;
  margin: 0 auto; }

.w1100 {
  width: 1100px;
  margin: 0 auto; }

.w1200 {
  width: 1200px;
  margin: 0 auto; }

.w1600 {
  width: 1600px;
  margin: 0 auto; }

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-10px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(15px); }
  to {
    opacity: 1;
    transform: translateX(0); } }
.header {
  background: #fff; }
  .header .header-top-nav {
    font-size: 13px;
    line-height: 45px;
    background: #f1f1f1;
    height: 45px; }
    .header .header-top-nav a {
      display: inline-block;
      padding: 0 5px;
      color: #2d71b3;
      letter-spacing: 1px; }
      .header .header-top-nav a:hover {
        text-decoration: none; }
    .header .header-top-nav .login-wrap {
      display: inline-block; }
      .header .header-top-nav .login-wrap:hover .login-btn i {
        transform: rotate(180deg); }
      .header .header-top-nav .login-wrap:hover .login-menu {
        display: block;
        opacity: 0;
        animation: fadeInDown .3s forwards; }
      .header .header-top-nav .login-wrap .login-btn i {
        margin-left: 3px;
        display: inline-block;
        width: 16px;
        line-height: 45px;
        height: 10px;
        background: url("../img/arrow-down.svg") no-repeat center center;
        background-size: 12px;
        transition: all .2s ease-in-out; }
      .header .header-top-nav .login-wrap .login-menu {
        display: none;
        position: absolute;
        background: #f1f1f1;
        margin-left: -20px;
        padding: 0 20px;
        padding-bottom: 5px;
        z-index: 2;
        transition: all .1s ease-in-out; }
        .header .header-top-nav .login-wrap .login-menu .menu-item {
          display: block;
          line-height: 30px;
          color: #333; }
          .header .header-top-nav .login-wrap .login-menu .menu-item:hover {
            text-decoration: underline; }
    .header .header-top-nav .service_tel {
      display: inline-block;
      line-height: 30px;
      padding-left: 32px;
      background: url("../img/header-tel.svg") no-repeat left center;
      background-size: 22px;
      color: #2d71b3;
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 2px; }
  .header .header-middle-nav {
    height: 116px; }
    .header .header-middle-nav .logo {
      margin-top: 23px;
      display: inline-block; }
    .header .header-middle-nav .nav-list {
      margin-top: 38px; }
      .header .header-middle-nav .nav-list ul {
        padding: 0;
        height: 40px; }
        .header .header-middle-nav .nav-list ul li {
          float: left;
          margin-right: 1px;
          transition: all .2s ease-in-out; }
          .header .header-middle-nav .nav-list ul li a {
            display: inline-block;
            color: #fff;
            line-height: 40px;
            font-size: 14px;
            padding-right: 9px;
            height: 40px;
            padding-left: 40px;
            background: #2d71b3 no-repeat left 6px center;
            background-size: 30px;
            text-shadow: 1px 1px 3px #1c4b79; }
          .header .header-middle-nav .nav-list ul li:hover {
            opacity: 0.8; }
          .header .header-middle-nav .nav-list ul li.home a {
            background-image: url("../img/home.svg");
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px; }
          .header .header-middle-nav .nav-list ul li.export a {
            background-image: url("../img/export.png"); }
          .header .header-middle-nav .nav-list ul li.credit a {
            background-image: url("../img/credit.png"); }
          .header .header-middle-nav .nav-list ul li.link a {
            background-image: url("../img/link.png"); }
          .header .header-middle-nav .nav-list ul li.news a {
            background-image: url("../img/news.png"); }
          .header .header-middle-nav .nav-list ul li.contact a {
            background-image: url("../img/contact.png"); }
          .header .header-middle-nav .nav-list ul li:last-child a {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px; }

.footer {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #ffffff url("../img/footer-img.jpg") no-repeat center bottom; }
  .footer .footer-wrap {
    border-top: 1px solid #e8e8e8; }
  .footer .footer-nav {
    width: 1200px;
    padding: 50px 30px;
    padding-left: 60px; }
    .footer .footer-nav dl {
      padding-left: 40px; }
    .footer .footer-nav dt h6 {
      position: relative;
      display: inline-block;
      font-size: 15px;
      color: #000;
      font-weight: bold;
      border-bottom: 1px solid #cfcfcf;
      margin-bottom: 20px;
      line-height: 30px;
      padding-right: 5px; }
      .footer .footer-nav dt h6:after {
        content: "";
        display: inline-block;
        border-top: 1px solid #2d71b3;
        width: 25px;
        position: absolute;
        bottom: -1px;
        left: 0; }
    .footer .footer-nav dd a {
      font-size: 13px;
      color: #909090; }
    .footer .footer-nav dd .tel {
      color: #2d71b3;
      font-size: 18px;
      font-style: italic;
      letter-spacing: 1px;
      font-weight: 500; }
  .footer .footer-bottom {
    margin-top: 30px; }
  .footer .subscribe * {
    transition: all .1s ease-in-out; }
  .footer .subscribe .tit {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-left: 15px; }
  .footer .subscribe .subscribe-box {
    position: relative;
    display: inline-block;
    width: 375px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #d5d5d5;
    background: #fff; }
    .footer .subscribe .subscribe-box .text {
      color: #c5c0c0;
      line-height: 38px;
      font-size: 13px;
      letter-spacing: 1px;
      padding-left: 20px; }
    .footer .subscribe .subscribe-box .icon {
      position: absolute;
      right: 2px;
      top: 2px;
      display: inline-block;
      width: 34px;
      height: 34px;
      background: #2d71b3;
      border-radius: 17px;
      text-align: center; }
    .footer .subscribe .subscribe-box:hover {
      background: #2d71b3;
      border-color: #2d71b3; }
      .footer .subscribe .subscribe-box:hover .text {
        color: #fff; }
      .footer .subscribe .subscribe-box:hover .svg-icon {
        transform: translateX(-5px); }
  .footer .icp {
    margin-top: 35px;
    color: #b9b8b8;
    font-size: 13px;
    text-align: center; }
    .footer .icp a {
      color: #b9b8b8; }
  .footer .qr-code-list {
    padding-left: 20px; }
    .footer .qr-code-list dd {
      margin: 0 20px; }
    .footer .qr-code-list .tit {
      padding-left: 7px;
      font-size: 13px;
      color: #b2b2b2; }
    .footer .qr-code-list .qr-code {
      width: 120px; }

.float-service {
  position: fixed;
  top: 200px;
  right: 5px;
  width: 150px;
  z-index: 3; }
  .float-service .service-wrap {
    position: relative;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: 0 0 10px rgba(162, 158, 158, 0.5); }
  .float-service .tit {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #2d71b3;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    letter-spacing: 5px; }
  .float-service .avatar {
    background: #fff;
    padding-top: 20px;
    text-align: center; }
    .float-service .avatar img {
      width: 100px; }
  .float-service .online-service {
    line-height: 30px;
    font-size: 13px;
    color: #000;
    letter-spacing: 1px; }
  .float-service .service-list {
    background: #fff;
    padding: 10px;
    padding-bottom: 0; }
  .float-service .service-item {
    padding: 12px 0;
    border-top: 1px solid #e8e8e8;
    cursor: pointer; }
    .float-service .service-item * {
      vertical-align: top; }
    .float-service .service-item .icon {
      display: inline-block;
      width: 25px;
      height: 25px;
      margin-right: 3px; }
    .float-service .service-item span {
      display: inline-block;
      color: #000;
      font-size: 15px;
      line-height: 25px; }
    .float-service .service-item:hover .hidden-box {
      display: block; }
  .float-service .wx-qrcode {
    display: none;
    position: absolute;
    top: 205px;
    left: -205px;
    box-shadow: 0 0 10px rgba(162, 158, 158, 0.5); }
    .float-service .wx-qrcode img {
      width: 200px; }
    .float-service .wx-qrcode.show {
      display: block;
      animation: fadeInLeft .3s forwards; }

.page-banner {
  margin: 0 auto;
  max-width: 1920px;
  display: block;
  height: 450px;
  background: no-repeat center top; }

.btn.btn-blue {
  background: #2d71b3;
  color: #fff;
  letter-spacing: 1px; }

.pages {
  padding: 30px 0; }
  .pages .pagination li, .pages .pagination span {
    margin: 0 5px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #eee;
    text-align: center; }
  .pages .pagination span {
    padding: 0 15px;
    color: #666; }
  .pages .pagination li a {
    display: inline-block;
    min-width: 40px;
    padding: 0 10px; }
  .pages .pagination li:hover {
    background: #eee; }
  .pages .pagination li.active {
    border-color: #2d71b3;
    background: #2d71b3; }
    .pages .pagination li.active a {
      color: #fff; }

/*# sourceMappingURL=common2.css.map */