@font-face {
  font-family: 'iconfont';
  /* project id 2017262 */
  src: url("iconfont.eot")/*tpa=/static/iconfont/iconfont.eot*/;
  src: url("iconfont-1.eot#iefix")/*tpa=/static/font/iconfont.eot#iefix*/ format("embedded-opentype"), url("iconfont.woff2")/*tpa=/static/iconfont/iconfont.woff2*/ format("woff2"), url("iconfont.woff")/*tpa=/static/iconfont/iconfont.woff*/ format("woff"), url("iconfont.ttf")/*tpa=/static/iconfont/iconfont.ttf*/ format("truetype"), url("iconfont.svg#iconfont")/*tpa=/static/iconfont/iconfont.svg#iconfont*/ format("svg"); }
.iconfont {
  font-family: 'iconfont'; }

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

.head_contain_wrap {
  height: 70px;
  background: #1a62bf; }
  .head_contain_wrap .head_contain {
    width: 1180px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    position: relative; }
    .head_contain_wrap .head_contain .logo {
      width: 180px;
      padding-top: 15px; }
      .head_contain_wrap .head_contain .logo img {
        display: block;
        width: 100%; }
    .head_contain_wrap .head_contain .head_nav {
      margin-left: 10px;
      display: flex; }
      .head_contain_wrap .head_contain .head_nav .nav_item {
        position: relative;
        z-index: 5; }
        .head_contain_wrap .head_contain .head_nav .nav_item a {
          color: #fff;
          text-decoration: none;
          line-height: 52px;
          padding: 8px 11px;
          display: block;
          font-size: 16px;
          text-transform: none;
          letter-spacing: initial;
          cursor: pointer;
          height: 100%;
          display: flex;
          transition: color .3s; }
          .head_contain_wrap .head_contain .head_nav .nav_item a .drop_down {
            margin-top: 2px;
            margin-left: 2px; }
        .head_contain_wrap .head_contain .head_nav .nav_item:hover a.main_item_a {
          color: #fff;
          background: #1a62bf;;
          /*background: -moz-linear-gradient(top, #450e02 0, #551502 50%, #450e02 100%);*/
          /*background: -webkit-linear-gradient(top, #450e02 0, #551502 50%, #450e02 100%);*/
          /*background: linear-gradient(to bottom, #450e02 0, #551502 50%, #450e02 100%);*/
          transition: color .3s; }
        .head_contain_wrap .head_contain .head_nav .nav_item .item_drop_list {
          width: 240px;
          position: absolute;
          top: 100%;
          left: 0;
          background: #1a62bf; !important;
          display: none; }
          .head_contain_wrap .head_contain .head_nav .nav_item .item_drop_list .sp_menu_item a {
            border: 0 !important;
            border-bottom: 1px solid #ccc !important;
            padding: 9px 20px 9px 25px !important;
            width: 100%;
            line-height: 22px;
            position: relative;
            position: relative;
            font-size: 14px;
            color: #9e9e9e !important; }
            .head_contain_wrap .head_contain .head_nav .nav_item .item_drop_list .sp_menu_item a:hover {
              background: #1a62bf;
              color: #fff !important; }
        .head_contain_wrap .head_contain .head_nav .nav_item:hover .item_drop_list {
          display: block; }
    .head_contain_wrap .head_contain .mobile_menu {
      display: none;
      color: #fff;
      font-weight: 700;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 20px;
      font-size: 27px; }
    .head_contain_wrap .head_contain .top_manage_info_part {
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: flex-end; }
      .head_contain_wrap .head_contain .top_manage_info_part .input_wrap input {
        height: 20px;
        font-size: 12px;
        padding: 0 5px;
        display: block;
        color: #555555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        width: 110px;
        outline: none; }
        .head_contain_wrap .head_contain .top_manage_info_part .input_wrap input.username {
          margin-bottom: 5px; }
      .head_contain_wrap .head_contain .top_manage_info_part .login_btn_wrap {
        margin-left: 10px; }
        .head_contain_wrap .head_contain .top_manage_info_part .login_btn_wrap .login_btn {
          font-size: 15px;
          text-shadow: 0 1px 0 #171717;
          font-family: ubuntubold;
          text-transform: capitalize;
          color: #fff;
          border-radius: 3px;
          background: #ffda61;
          background: -moz-linear-gradient(top, #ffda61 0, #be7401 2%, #8e4f00 100%);
          background: -webkit-linear-gradient(top, #ffda61 0, #be7401 2%, #8e4f00 100%);
          background: linear-gradient(to bottom, #ffda61 0, #be7401 2%, #8e4f00 100%);
          text-decoration: none;
          padding: 0 20px;
          border: 1px solid #945300;
          text-align: center;
          line-height: 25px; }
        .head_contain_wrap .head_contain .top_manage_info_part .login_btn_wrap .forget_password {
          font-size: 11px;
          color: #b98c83;
          text-decoration: underline; }

.banner_wrap {
  width: 100%;
  height: 520px;
  position: relative;
  background: #1a62bf;; }
  .banner_wrap .banner_item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .5s; }
    .banner_wrap .banner_item.active {
      opacity: 1; }
  .banner_wrap .banner_01 {
    background: url("big-banner01.jpg")/*tpa=/static/images/big-banner01.jpg*/ no-repeat center center; }
  .banner_wrap .banner_02 {
    background: url("big-banner02.jpg")/*tpa=/static/images/big-banner02.jpg*/ no-repeat center center; }
  .banner_wrap .banner_03 {
    background: url("big-banner03.jpg")/*tpa=/static/images/big-banner03.jpg*/ no-repeat center center; }
  .banner_wrap .banner_04 {
    background: url("big-banner04.jpg")/*tpa=/static/images/big-banner04.jpg*/ no-repeat center center; }
  .banner_wrap .btn {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 44px;
    border-radius: 100%;
    border: 3px solid #ab8181;
    background: rgba(43, 1, 1, 0.5);
    color: #ab8181;
    position: absolute;
    z-index: 2;
    font-weight: 900;
    font-size: 25px;
    cursor: pointer; }
    .banner_wrap .btn:hover {
      color: #fff;
      border-color: #fff;
      background: rgba(43, 1, 1, 0.8); }
  .banner_wrap .left_btn {
    top: 50%;
    transform: translateY(-50%);
    left: 20px; }
  .banner_wrap .right_btn {
    top: 50%;
    transform: translateY(-50%);
    right: 20px; }

.download_wrap {
  padding: 40px 0;
  background: #1a62bf;; }
  .download_wrap .download_content {
    width: 1180px;
    margin: 0 auto;
    display: flex; }
    .download_wrap .download_content .android_btn {
      width: 150px;
      height: 50px;
      background: url("home-sprite.png")/*tpa=/static/images/home-sprite.png*/;
      background-position: -765px -278px;
      float: left; }
      .download_wrap .download_content .android_btn a {
        display: block;
        width: 100%;
        height: 100%; }
    .download_wrap .download_content .download_text {
      color: #fff;
      font-size: 24px;
      padding-right: 30px;
      line-height: 50px;
      float: left; }

.intro_part_wrap {
  padding: 50px 0 20px 0;
  background: #ffffff; }
  .intro_part_wrap .intro_main_content {
    width: 1180px;
    margin: 0 auto; }
    .intro_part_wrap .intro_main_content .title {
      margin: 0;
      padding: 0 0 50px;
      color: #000;
      font-size: 28px;
      width: 100%;
      text-align: center; }
    .intro_part_wrap .intro_main_content .intro_list_wrap {
      padding: 0 15px;
      display: flex;
      flex-wrap: wrap; }
      .intro_part_wrap .intro_main_content .intro_list_wrap .intro_item {
        width: 50%;
        display: flex;
        padding: 0 15px 40px; }
        .intro_part_wrap .intro_main_content .intro_list_wrap .intro_item .icon {
          width: 120px;
          height: 120px;
          margin-right: 10px;
          background: url("home-sprite.png")/*tpa=/static/images/home-sprite.png*/ no-repeat; }
        .intro_part_wrap .intro_main_content .intro_list_wrap .intro_item .icon1 {
          background-position: 5px -260px; }
        .intro_part_wrap .intro_main_content .intro_list_wrap .intro_item .icon2 {
          background-position: -105px -260px; }
        .intro_part_wrap .intro_main_content .intro_list_wrap .intro_item .icon3 {
          background-position: -215px -260px; }
        .intro_part_wrap .intro_main_content .intro_list_wrap .intro_item .icon4 {
          background-position: -335px -260px; }
        .intro_part_wrap .intro_main_content .intro_list_wrap .intro_item .main_intro .item_title {
          color: #000;
          font-size: 20px;
          font-family: ubuntumedium;
          padding-top: 10px;
          padding-left: 10px;
          padding-bottom: 20px;
          display: block;
          line-height: 22px; }
        .intro_part_wrap .intro_main_content .intro_list_wrap .intro_item .main_intro ul {
          padding: 0 0 0 20px;
          color: #474747;
          font-size: 14px; }
          .intro_part_wrap .intro_main_content .intro_list_wrap .intro_item .main_intro ul li {
            list-style: disc;
            margin: 0;
            padding: 0;
            width: 100%;
            display: list-item;
            border: 0; }

.footer_quicklinks {
  background: #1a62bf;;
  padding: 10px 20px;
  text-align: center;
  color: #fff;
  width: 100%;
  font-size: 15px; }
  .footer_quicklinks a {
    text-decoration: none;
    color: #fff; }

.page_footer .foot_contain {
  width: 1180px;
  margin: 0 auto; }
  .page_footer .foot_contain .social_PGlogo {
    width: 100%;
    padding: 15px 0;
    margin: 0;
    display: flex; }
    .page_footer .foot_contain .social_PGlogo a {
      display: block;
      width: 100%;
      height: 100%; }
    .page_footer .foot_contain .social_PGlogo .socialicon {
      display: flex; }
      .page_footer .foot_contain .social_PGlogo .socialicon .icon {
        width: 32px;
        height: 32px;
        margin-right: 10px;
        background: url("home-sprite.png")/*tpa=/static/images/home-sprite.png*/ no-repeat; }
      .page_footer .foot_contain .social_PGlogo .socialicon .icon1 {
        background-position: -5px -133px; }
      .page_footer .foot_contain .social_PGlogo .socialicon .icon2 {
        background-position: -45px -133px; }
      .page_footer .foot_contain .social_PGlogo .socialicon .icon3 {
        background-position: -125px -133px; }
      .page_footer .foot_contain .social_PGlogo .socialicon .icon4 {
        background-position: -165px -133px; }
      .page_footer .foot_contain .social_PGlogo .socialicon .icon5 {
        background-position: -205px -133px; }
      .page_footer .foot_contain .social_PGlogo .socialicon .icon6 {
        background-position: -5px -402px; }
      .page_footer .foot_contain .social_PGlogo .socialicon .icon7 {
        background-position: -46px -402px; }
      .page_footer .foot_contain .social_PGlogo .socialicon .icon8 {
        background-position: -324px -133px; }
      .page_footer .foot_contain .social_PGlogo .socialicon .icon9 {
        background-position: -364px -133px; }
    .page_footer .foot_contain .social_PGlogo .pglogo {
      padding: 5px 0 5px 30px;
      border-left: 1px solid #c7c7c7;
      margin-left: 30px; }
      .page_footer .foot_contain .social_PGlogo .pglogo span {
        background: url("home-sprite.png")/*tpa=/static/images/home-sprite.png*/ no-repeat; }
      .page_footer .foot_contain .social_PGlogo .pglogo .pglogo1 {
        display: inline-block;
        width: 98px;
        height: 30px;
        margin: 0 3px;
        vertical-align: middle;
        background-position: -87px -400px; }
      .page_footer .foot_contain .social_PGlogo .pglogo .pglogo2 {
        display: inline-block;
        width: 100px;
        height: 30px;
        margin: 0 3px;
        vertical-align: middle;
        background-position: -195px -401px; }
      .page_footer .foot_contain .social_PGlogo .pglogo .pglogo3 {
        display: inline-block;
        width: 33px;
        height: 30px;
        margin: 0 3px;
        vertical-align: middle;
        background-position: -310px -401px; }
      .page_footer .foot_contain .social_PGlogo .pglogo .pglogo4 {
        display: inline-block;
        width: 62px;
        height: 30px;
        margin: 0 3px;
        vertical-align: middle;
        background-position: -347px -402px; }
      .page_footer .foot_contain .social_PGlogo .pglogo .pglogo5 {
        display: inline-block;
        width: 93px;
        height: 30px;
        margin: 0 3px;
        vertical-align: middle;
        background-position: -419px -403px; }
      .page_footer .foot_contain .social_PGlogo .pglogo .pglogo6 {
        display: inline-block;
        width: 90px;
        height: 30px;
        margin: 0 3px;
        vertical-align: middle;
        background-position: -608px -404px; }
      .page_footer .foot_contain .social_PGlogo .pglogo .pglogo7 {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin: 0 3px;
        vertical-align: middle;
        background-position: -762px -401px; }
    .page_footer .foot_contain .social_PGlogo .kclogo {
      flex: 1; }
      .page_footer .foot_contain .social_PGlogo .kclogo .ovid {
        float: right;
        padding-left: 30px;
        border-left: 1px solid #c7c7c7; }
      .page_footer .foot_contain .social_PGlogo .kclogo a {
        display: block;
        width: 70px;
        height: 40px;
        background: url("home-sprite.png")/*tpa=/static/images/home-sprite.png*/ no-repeat;
        background-position: -936px -283px; }
  .page_footer .foot_contain .copyright {
    color: #474747;
    font-size: 13px;
    font-family: ubuntumedium;
    line-height: 32px;
    width: 100%;
    text-align: center;
    border-top: 1px solid #c9cbce; }

.page_download_btn {
  background: rgba(0, 0, 0, 0.7);
  padding: 5px 5px 3px 5px;
  width: 100%;
  text-align: center;
  position: fixed;
  bottom: 0;
  display: none;
  z-index: 999;
  left: 0; }
  .page_download_btn img {
    display: inline-block;
    width: 250px; }

.mobile_slid_wrap {
  position: fixed;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
  left: 100%;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); }

.offcanvas_menu {
  width: 280px;
  height: 100%;
  background: #2e2e2e !important;
  color: #999;
  position: fixed;
  top: 0;
  opacity: 0;
  z-index: 9999;
  overflow-y: scroll;
  right: 0;
  display: none;
  transform: translateX(100%);
  transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1); }
  .offcanvas_menu .close_btn {
    color: #ffffff;
    text-align: right;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-right: 15px;
    font-size: 22px; }
  .offcanvas_menu .mobile_slid_ul .mobile_slid_li .link_wrap {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #000;
    transition: background-color .3s; }
    .offcanvas_menu .mobile_slid_ul .mobile_slid_li .link_wrap a {
      display: block;
      color: #888;
      border: 0;
      padding: 10px 20px;
      text-decoration: none;
      font-size: 16px;
      transition: color .3s; }
    .offcanvas_menu .mobile_slid_ul .mobile_slid_li .link_wrap .slid_icon {
      flex: 1;
      text-align: right;
      font-size: 21px;
      padding-right: 10px;
      font-weight: 700; }
      .offcanvas_menu .mobile_slid_ul .mobile_slid_li .link_wrap .slid_icon .iconfont {
        display: inline-block;
        transition: transform .3s; }
  .offcanvas_menu .mobile_slid_ul .mobile_slid_li .sub_ul {
    background-color: #3a3a3a;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s; }
  .offcanvas_menu .mobile_slid_ul .mobile_slid_li .sub_li a {
    border: 0;
    border-bottom: 1px solid #000;
    color: #888;
    padding: 9px 20px;
    display: block;
    font-size: 13px;
    text-decoration: none; }
  .offcanvas_menu .mobile_slid_ul .mobile_slid_li .sub_li:last-child a {
    border: 0; }
  .offcanvas_menu .mobile_slid_ul .mobile_slid_li.expend .link_wrap {
    background: #212121; }
    .offcanvas_menu .mobile_slid_ul .mobile_slid_li.expend .link_wrap a {
      color: #fff; }
    .offcanvas_menu .mobile_slid_ul .mobile_slid_li.expend .link_wrap .slid_icon .iconfont {
      transform: rotate(180deg); }
  .offcanvas_menu .mobile_slid_ul .mobile_slid_li.expend .sub_ul {
    max-height: 200px; }
  .offcanvas_menu .mobile_slid_ul .mobile_slid_li:last-child .link_wrap {
    border: 0; }

@media only screen and (max-width: 700px) {
  .banner_wrap {
    height: 360px !important; }

  .head_contain {
    width: 100% !important; }
    .head_contain .logo {
      padding-left: 10px !important; }
    .head_contain .head_nav {
      display: none !important; }
    .head_contain .mobile_menu {
      display: block !important; }

  .banner_01 {
    background: url("mobile-banner01.jpg")/*tpa=/static/images/mobile-banner01.jpg*/ no-repeat center center !important; }

  .banner_02 {
    background: url("mobile-banner02.jpg")/*tpa=/static/images/mobile-banner02.jpg*/ no-repeat center center !important; }

  .banner_03 {
    background: url("mobile-banner03.jpg")/*tpa=/static/images/mobile-banner03.jpg*/ no-repeat center center !important; }

  .banner_04 {
    background: url("mobile-banner04.jpg")/*tpa=/static/images/mobile-banner04.jpg*/ no-repeat center center !important; }

  .download_content {
    width: 100% !important; }

  .intro_main_content {
    width: 100% !important; }
    .intro_main_content .title {
      padding-bottom: 20px !important; }

  .foot_contain {
    width: 100% !important; }

  .intro_list_wrap .intro_item {
    width: 100% !important;
    display: block !important; }

  .intro_main_content .title {
    font-size: 20px !important; }

  .download_wrap {
    display: none; }

  .page_footer .foot_contain .social_PGlogo {
    display: block; }
    .page_footer .foot_contain .social_PGlogo .socialicon {
      flex-wrap: wrap;
      padding: 0 100px;
      justify-content: center; }
      .page_footer .foot_contain .social_PGlogo .socialicon .icon {
        margin-bottom: 15px; }
    .page_footer .foot_contain .social_PGlogo .pglogo {
      padding: 0 !important;
      border-left: none !important;
      margin-left: 0px !important;
      text-align: center;
      margin-top: 10px; }
      .page_footer .foot_contain .social_PGlogo .pglogo .pglogo_i {
        margin-bottom: 10px; }
    .page_footer .foot_contain .social_PGlogo .kclogo {
      text-align: center; }
      .page_footer .foot_contain .social_PGlogo .kclogo .ovid {
        float: inherit !important;
        padding-left: 0px !important;
        border-left: none !important;
        display: inline-block;
        transform: scale(1.5);
        margin: 30px 0 15px 0; }

  .page_download_btn {
    display: block; }

  body {
    padding-bottom: 63px; }

  .mobile_slid_wrap {
    display: block !important; }

  .offcanvas_menu {
    display: block !important; } }

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