@charset "utf-8";
.container {
  width: 100%;
  min-width: 1200px; }

.container-inner {
  width: 1200px;
  margin: 0 auto; }

.header {
  position: absolute;
  width: 100%;
  margin-top: 50px; }
  .header .container-inner {
    display: flex;
    align-items: center; }
  .header .logo {
    background-image: url(/uploads/image/simage/logo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100px;
    height: 60px; }
  .header .nav {
    width: 1070px;
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    margin-right: auto; }
  .header .nav-list {
    width: 100%;
    display: flex;
    justify-content: space-between; }
  .header .nav-item {
    user-select: none; }
    .header .nav-item a {
      color: #ffffff;
      display: block;
      border-radius: 3px; }
  .header .nav-module {
    position: relative; }
    .header .nav-module .nav-item {
      position: relative; }
      .header .nav-module .nav-item a {
        font-size: 16px;
        font-weight: bold;
        padding: 5px 10px; }
        .header .nav-module .nav-item a:hover {
          background-color: rgba(255, 255, 255, 0.5); }
      .header .nav-module .nav-item.hover a {
        background-color: rgba(255, 255, 255, 0.5); }
    .header .nav-module .tips {
      position: absolute;
      width: 340px;
      font-size: 12px;
      background-color: #ffffff;
      padding: 5px;
      border-radius: 5px;
      display: none;
      z-index: 99;
      user-select: none;
      cursor: pointer;
      left: -128px;
      top: 41px; }
      .header .nav-module .tips::after {
        content: '';
        position: absolute;
        top: -7px;
        left: 165px;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #fff; }
  .header .nav-lib {
    margin-top: 5px;
    background-color: rgba(128, 255, 255, 0.3);
    border-radius: 3px; }
    .header .nav-lib .nav-item a {
      color: #80ffff;
      font-size: 14px;
      padding: 2px 5px; }
      .header .nav-lib .nav-item a:hover {
        /*background-color: $a-bgc;*/
        color: #ffffff; }
    .header .nav-lib .nav-item.hover a {
      /*background-color: $a-bgc;*/ }
    .header .nav-lib .info {
      position: absolute;
      left: 0;
      background-color: rgba(9, 41, 114, 0.85);
      width: 100%;
      min-width: 1200px;
      color: #ffffff;
      display: none;
      cursor: pointer;
      z-index: 999; }
      .header .nav-lib .info a {
        color: #ffffff; }
    .header .nav-lib .info-container {
      width: 1060px;
      margin: 0 auto;
      display: flex; }
      .header .nav-lib .info-container .title {
        margin-top: 30px;
        margin-bottom: 15px;
        font-size: 20px;
        font-weight: bold; }
      .header .nav-lib .info-container p {
        line-height: 25px;
        padding-left: 30px;
        background-repeat: no-repeat;
        background-position-y: 5px;
        margin-bottom: 10px;
        letter-spacing: 1px; }
        .header .nav-lib .info-container p.position {
          background-image: url(/uploads/image/sibubble/info-position.png); }
        .header .nav-lib .info-container p.resource {
          background-image: url(/uploads/image/sibubble/info-resource.png); }
        .header .nav-lib .info-container p.function {
          background-image: url(/uploads/image/sibubble/info-function.png); }
  .header .func {
    display: flex;
    flex-direction: column; }
  .header .func-list {
    width: 100%;
    display: flex; }
  .header .func-item {
    user-select: none;
    position: relative;
    width: 58px; }
    .header .func-item .user-list {
      position: absolute;
      min-width: 100px;
      background-color: #ffffff;
      border-radius: 5px;
      z-index: 999;
      display: none; }
      .header .func-item .user-list a {
        color: #333;
        display: block;
        text-align: left;
        height: 34px;
        line-height: 34px;
        padding-left: 30px;
        margin: 0;
        background: url(/uploads/image/simage/user_icon.png) no-repeat 5px 14px; }
        .header .func-item .user-list a.link2 {
          background-position: 5px -18px; }
        .header .func-item .user-list a.link3 {
          background-position: 5px -50px; }
        .header .func-item .user-list a.link4 {
          background-position: 5px -82px; }
        .header .func-item .user-list a.link5 {
          background-position: 5px -114px; }
        .header .func-item .user-list a.link6 {
          background-position: 5px -146px; }
        .header .func-item .user-list a.link7 {
          background-position: 5px -178px; }
        .header .func-item .user-list a.link8 {
          background-position: 5px -210px; }
        .header .func-item .user-list a.link9 {
          background-position: 5px -242px; }
        .header .func-item .user-list a.link10 {
          background-position: 5px -273px; }
        .header .func-item .user-list a.link11 {
          background-position: 5px -303px; }
        .header .func-item .user-list a.link12 {
          background-position: 5px -334px; }
        .header .func-item .user-list a:hover {
          color: #0c71b4; }
        .header .func-item .user-list a:hover {
          background: url(/uploads/image/simage/user_icon_hover.png) no-repeat 5px 14px; }
        .header .func-item .user-list a.link2:hover {
          background-position: 5px -18px; }
        .header .func-item .user-list a.link3:hover {
          background-position: 5px -50px; }
        .header .func-item .user-list a.link4:hover {
          background-position: 5px -82px; }
        .header .func-item .user-list a.link5:hover {
          background-position: 5px -113px; }
        .header .func-item .user-list a.link6:hover {
          background-position: 5px -145px; }
        .header .func-item .user-list a.link7:hover {
          background-position: 5px -177px; }
        .header .func-item .user-list a.link8:hover {
          background-position: 5px -213px; }
        .header .func-item .user-list a.link9:hover {
          background-position: 5px -241px; }
        .header .func-item .user-list a.link10:hover {
          background-position: 5px -272px; }
        .header .func-item .user-list a.link11:hover {
          background-position: 5px -302px; }
        .header .func-item .user-list a.link12:hover {
          background-position: 5px -333px; }
        .header .func-item .user-list a:hover {
          color: #25a7fe; }
    .header .func-item a {
      color: #ffffff;
      padding: 5px;
      display: block;
      font-size: 12px;
      /*&:hover {
                background-color: brown;
                border-radius: 3px;
            }*/ }
    .header .func-item#usreinfo {
      flex-grow: 1; }

.search {
  width: 100%;
  height: 1058px;
  padding-top: 200px;
  background-image: url(/uploads/image/simage/section-search.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #173f85; }
  .search .container-inner {
    height: 100%;
    position: relative; }
  .search .module-list {
    display: flex;
    margin-bottom: 25px;
    align-self: flex-start;
    width: 100%; }
  .search .module-item {
    font-size: 16px;
    font-weight: bold;
    color: #80ffff;
    cursor: pointer;
    margin-right: 30px;
    position: relative; }
    .search .module-item .tips {
      position: absolute;
      left: 0px;
      display: none;
      font-size: 12px;
      margin-top: 5px;
      width: 625px; }
    .search .module-item.active {
      color: #ffffff;
      border-bottom: 2px solid #ffffff; }
    .search .module-item:hover {
      color: #ffffff;
      border-bottom: 2px solid #ffffff; }
    .search .module-item:last-child {
      margin-right: 0px; }
  .search .search-container-list {
    flex-grow: 1;
    align-self: flex-start; }
    .search .search-container-list .search-container-item {
      position: relative;
      display: none; }
      .search .search-container-list .search-container-item .all-c {
        display: flex;
        position: relative;
        align-items: center; }
      .search .search-container-list .search-container-item .input-container {
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #ffffff;
        padding: 0px 10px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        position: relative; }
        .search .search-container-list .search-container-item .input-container .deleteinputicon {
          position: absolute;
          top: 19px;
          right: 18px;
          cursor: pointer;
          display: none; }
      .search .search-container-list .search-container-item .keyword-text {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border: 0px;
        line-height: 30px;
        width: 660px;
        padding: 0 10px;
        color: #666; }
      .search .search-container-list .search-container-item .search-btn-style {
        width: 150px;
        height: 50px;
        background-color: #ffffff;
        background-size: 100%;
        border: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        /*font-weight: bold;*/
        color: #209ad5;
        cursor: pointer;
        height: 50px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px; }
        .search .search-container-list .search-container-item .search-btn-style > div {
          width: 140px;
          height: 40px;
          padding-left: 16px;
          border-radius: 5px;
          background-color: #2976aa;
          color: #fff;
          line-height: 40px;
          font-size: 16px;
          background-image: url(/uploads/image/simages/search-general.png);
          background-repeat: no-repeat;
          background-position-y: 14px;
          background-position-x: 40px; }
        .search .search-container-list .search-container-item .search-btn-style:hover > div {
          background-color: #498fb8; }
        .search .search-container-list .search-container-item .search-btn-style.advance {
          margin-left: 10px;
          border-radius: 5px;
          background-color: initial; }
          .search .search-container-list .search-container-item .search-btn-style.advance > div {
            background-color: #fe955a;
            background-image: url(/uploads/image/simages/search-advance.png);
            background-repeat: no-repeat;
            background-position-y: 14px;
            background-position-x: 23px; }
          .search .search-container-list .search-container-item .search-btn-style.advance:hover > div {
            background-color: #ffb482; }
    .search .search-container-list .search-module-all .wh {
      width: 18px;
      height: 18px;
      margin-left: 20px;
      cursor: pointer; }
    .search .search-container-list .search-module-all {
      display: block; }
    .search .search-container-list .search-module-case {
      width: 1200px; }
      .search .search-container-list .search-module-case iframe {
        width: 100%;
        height: 740px;
        border: 0px; }
    .search .search-container-list .search-module-flfg > div:not(.advance-param) {
      display: flex; }
    .search .search-container-list .search-module-flfg .keyword-text {
      width: 560px; }
    .search .search-container-list .dropdown {
      position: relative;
      width: 100px;
      display: flex;
      align-items: center;
      height: 100%;
      cursor: pointer; }
      .search .search-container-list .dropdown span {
        width: 80px;
        display: block;
        text-align: center; }
      .search .search-container-list .dropdown .dropdown-list {
        position: absolute;
        top: 100%;
        text-align: center;
        background-color: #ffffff;
        border: 1px solid #666;
        width: 110px;
        border-radius: 10px;
        display: none;
        left: -10px; }
        .search .search-container-list .dropdown .dropdown-list li {
          line-height: 40px;
          cursor: pointer;
          border-radius: 10px; }
          .search .search-container-list .dropdown .dropdown-list li:hover, .search .search-container-list .dropdown .dropdown-list li.active {
            background-color: #dbe6f8;
            color: cornflowerblue; }
    .search .search-container-list .search-type {
      margin-top: 10px;
      display: flex;
      color: #ffffff;
      align-items: center; }
      .search .search-container-list .search-type li {
        font-size: 12px;
        display: flex;
        align-items: center;
        cursor: pointer;
        margin-right: 10px; }
        .search .search-container-list .search-type li.active div {
          background-image: url(/uploads/image/simage/checked-checked.png); }
      .search .search-container-list .search-type .interval {
        margin: 0px 15px; }
      .search .search-container-list .search-type div {
        background-image: url(/uploads/image/simage/checked-unchecked.png);
        width: 19px;
        height: 19px;
        background-repeat: no-repeat;
        background-position: center; }
    .search .search-container-list .search-tips {
      width: 930px;
      width: 680px;
      z-index: 9999;
      text-align: left;
      position: absolute;
      border: 1px solid #0c71b4;
      fill-opacity: 0.8;
      border-radius: 5px;
      background-color: #fff;
      line-height: normal;
      top: 55px;
      display: none;
      padding: 10px; }
      .search .search-container-list .search-tips li {
        cursor: pointer;
        font-size: 14px;
        padding: 4px 10px;
        color: #515151;
        overflow: hidden; }
        .search .search-container-list .search-tips li.active, .search .search-container-list .search-tips li:hover {
          background-color: #ebebeb; }
        .search .search-container-list .search-tips li.remove:hover {
          background-color: #ffffff;
          color: #515151; }
      .search .search-container-list .search-tips .classurl {
        width: auto !important; }
      .search .search-container-list .search-tips #spkeyword {
        width: 490px !important; }
  .search .version-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgba(128, 255, 255, 0.3);
    bottom: 200px;
    position: absolute;
    width: 100%; }
  .search .version-item {
    padding: 15px 35px;
    position: relative;
    font-size: 16px;
    color: #80ffff;
    width: 250px;
    text-align: center; }
    .search .version-item a {
      color: #80ffff;
      font-size: 16px; }
    .search .version-item .inner-version-list .inner-version-item a {
      color: #80ffff; }
      .search .version-item .inner-version-list .inner-version-item a:hover.notlink {
        cursor: default;
        color: #80ffff !important; }
    .search .version-item:hover {
      cursor: pointer;
      color: #ffffff; }
      .search .version-item:hover > a {
        color: #ffffff;
        font-size: 16px; }
  .search .inner-version-list {
    position: absolute;
    background-color: rgba(128, 255, 255, 0.3);
    display: none; }
    .search .inner-version-list.faxin-version {
      top: -165px;
      left: 0px; }
    .search .inner-version-list.east-version {
      top: -271px;
      left: 0px; }
    .search .inner-version-list.culture-version {
      top: -112px;
      left: 0px; }
    .search .inner-version-list.library-version {
      top: -112px;
      left: 0px; }
    .search .inner-version-list .inner-version-item {
      width: 250px; }
  .search .inner-version-item {
    border-bottom: 2px solid #80ffff;
    text-align: center;
    width: 160px; }
    .search .inner-version-item a {
      padding: 15px;
      color: #80ffff;
      font-size: 16px;
      display: block; }
      .search .inner-version-item a:hover {
        /*font-weight: bold !important;*/
        color: #ffffff !important; }
    .search .inner-version-item:last-child {
      margin-bottom: 6px; }
  .search .news {
    width: 900px;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    bottom: 170px;
    position: absolute; }
    .search .news a {
      color: #ffffff;
      cursor: pointer;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block; }
  .search .news-list {
    width: 800px;
    position: relative;
    overflow: hidden;
    height: 19px; }
  .search .news-item {
    position: absolute;
    top: -19px;
    display: flex; }

.module {
  width: 100%;
  min-width: 1200px;
  height: 739px;
  background-image: url(/uploads/image/simage/section-module.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #173f85; }
  .module .container-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: center; }
  .module .title {
    font-size: 35px;
    font-weight: bold;
    user-select: none;
    color: #ffffff; }
  .module .description {
    color: #80ffff;
    margin-top: 10px;
    display: flex; }
    .module .description div,
    .module .description span {
      font-size: 24px; }
    .module .description div {
      margin: 0 15px; }
  .module .module-list {
    margin-top: 80px;
    display: flex;
    width: 1200px;
    flex-wrap: wrap; }
  .module .module-item {
    width: 20%;
    padding: 10px 30px; }
    .module .module-item a {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 130px;
      color: #80ffff;
      border-bottom: 2px solid #80ffff; }
      .module .module-item a:hover {
        border-color: #ffffff;
        color: #ffffff; }
    .module .module-item .total .num,
    .module .module-item .total .unit {
      font-size: 35px;
      font-weight: bold; }
    .module .module-item .name {
      font-size: 24px;
      font-weight: bold; }

.case {
  width: 100%;
  min-width: 1200px;
  height: 947px;
  background-image: url(/uploads/image/simage/section-case.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #173f85; }
  .case iframe {
    width: 100%;
    height: 100%;
    border: 0px; }

.business {
  width: 100%;
  min-width: 1200px;
  height: 1128px;
  background-image: url(/uploads/image/simage/section-business.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #173f85; }
  .business .container-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: center; }
  .business .title {
    font-size: 35px;
    font-weight: bold;
    user-select: none;
    color: #ffffff; }
  .business .business-container {
    display: flex;
    width: 1100px;
    justify-content: space-between;
    margin-top: 60px; }
  .business .organization {
    width: 600px;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 15px; }
    .business .organization .inner-header {
      width: 580px;
      height: 180px;
      background-image: ;
      display: flex;
      justify-content: space-between;
      padding: 0 20px;
      background-size: 100%; }
    .business .organization .left,
    .business .organization .right {
      overflow: hidden;
      margin-top: 20px; }
    .business .organization .inner-title {
      font-size: 30px;
      font-weight: bold;
      color: #222; }
    .business .organization .inner-content {
      margin-top: 30px;
      display: flex; }
    .business .organization .consult {
      font-size: 18px;
      font-weight: bold;
      width: 40px;
      margin-right: 20px;
      margin-left: 20px;
      color: #222; }
    .business .organization .phone-item {
      font-size: 14px;
      color: #222; }
      .business .organization .phone-item:first-child {
        margin-left: 2px; }
    .business .organization .right {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center; }
    .business .organization .consult-img {
      width: 100px;
      border-radius: 5px;
      margin-bottom: 5px; }
    .business .organization .text {
      color: #222;
      font-weight: bold;
      width: 84px;
      text-align: center; }
    .business .organization .inner-middle {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 280px;
      padding: 0 40px; }
      .business .organization .inner-middle .getyzm {
        position: absolute;
        right: 0px;
        background-color: #ffffff;
        border: 0px;
        cursor: pointer; }
      .business .organization .inner-middle #m_code {
        padding-right: 80px;
        width: 10px; }
      .business .organization .inner-middle .business-submit {
        font-size: 14px;
        border-radius: 0px;
        border: 1px solid #999;
        cursor: pointer;
        height: 30px;
        width: 120px; }
        .business .organization .inner-middle .business-submit:hover {
          background-color: #ff965c; }
    .business .organization .description {
      color: #222;
      font-size: 12px;
      align-self: flex-start; }
    .business .organization .form-list {
      display: flex;
      flex-wrap: wrap;
      margin-top: 20px;
      align-self: flex-start; }
    .business .organization .form-item {
      width: 45%;
      display: flex;
      font-size: 18px;
      font-weight: bold;
      color: #666;
      margin-bottom: 30px;
      position: relative; }
      .business .organization .form-item .name {
        display: flex;
        font-size: 14px;
        color: #666;
        width: 75px;
        flex-shrink: 0; }
      .business .organization .form-item span {
        display: block;
        width: 10px;
        font-size: 18px;
        color: #666; }
      .business .organization .form-item input {
        border: 0px;
        border-bottom: 2px solid #666;
        color: #666;
        flex-grow: 1;
        width: 150px; }
      .business .organization .form-item:nth-child(2n) {
        margin-left: 10%; }
    .business .organization .inner-footer {
      background-color: #e0e0e0;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;
      padding: 20px 20px 0px;
      height: 265px; }
      .business .organization .inner-footer .footer—inner-title {
        font-size: 14px;
        color: #222;
        font-weight: bold; }
      .business .organization .inner-footer .lib-list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 10px; }
      .business .organization .inner-footer .lib-item {
        font-size: 12px;
        position: relative;
        cursor: pointer;
        margin-bottom: 10px; }
        .business .organization .inner-footer .lib-item:nth-child(3n-2) {
          width: 210px; }
        .business .organization .inner-footer .lib-item:nth-child(3n-1) {
          width: 230px; }
        .business .organization .inner-footer .lib-item:nth-child(3n), .business .organization .inner-footer .lib-item:nth-child(3n-1) {
          margin-left: 2px; }
      .business .organization .inner-footer .tips {
        display: none;
        position: absolute;
        background-color: #ffffff;
        z-index: 99;
        width: 400px;
        padding: 5px 10px;
        border-radius: 5px;
        left: -80px;
        border: 1px solid #666;
        line-height: 20px;
        top: 30px; }
        .business .organization .inner-footer .tips::before {
          border: 10px solid transparent;
          border-bottom-color: #666;
          content: '';
          position: absolute;
          left: 100px;
          top: -21px; }
        .business .organization .inner-footer .tips::after {
          border: 10px solid transparent;
          border-bottom-color: #ffffff;
          content: '';
          position: absolute;
          left: 100px;
          top: -20px; }
  .business .individual {
    width: 420px;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 15px; }
    .business .individual .inner-header {
      width: 400px;
      height: 180px;
      background-image: url(/uploads/image/simage/individual-header.png);
      overflow: hidden;
      background-size: 100%; }
    .business .individual .inner-title {
      font-size: 30px;
      font-weight: bold;
      color: #ffffff;
      margin-top: 20px;
      margin-left: 20px; }
    .business .individual .price {
      font-size: 30px;
      font-weight: bold;
      color: #ffffff;
      margin-left: 40px;
      margin-top: 30px; }
      .business .individual .price span {
        font-size: 20px;
        margin-left: 10px; }
        .business .individual .price span:first-child {
          margin-left: 0px;
          margin-right: 5px; }
    .business .individual .inner-middle {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      height: 280px; }
      .business .individual .inner-middle .buy-list {
        margin-top: 80px; }
      .business .individual .inner-middle .buy-item {
        margin-bottom: 20px; }
        .business .individual .inner-middle .buy-item label {
          display: flex; }
          .business .individual .inner-middle .buy-item label input {
            margin-right: 20px; }
          .business .individual .inner-middle .buy-item label img {
            width: 100px; }
      .business .individual .inner-middle .buy-submit {
        font-size: 14px;
        border-radius: 0px;
        border: 1px solid #999;
        cursor: pointer;
        height: 30px;
        width: 120px;
        margin-bottom: 30px; }
        .business .individual .inner-middle .buy-submit:hover {
          background-color: #4dddff; }
    .business .individual .inner-footer {
      height: 265px;
      background-color: #95dffa;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;
      padding: 20px 20px 0px; }
      .business .individual .inner-footer .footer—inner-title {
        font-size: 14px;
        color: #222;
        font-weight: bold; }
      .business .individual .inner-footer .lib-list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 10px; }
      .business .individual .inner-footer .lib-item {
        font-size: 12px;
        position: relative;
        cursor: pointer;
        margin-bottom: 10px; }
        .business .individual .inner-footer .lib-item:nth-child(2n-1) {
          width: 240px; }
        .business .individual .inner-footer .lib-item:nth-child(2n) {
          margin-left: 2px; }
      .business .individual .inner-footer .tips {
        display: none;
        position: absolute;
        background-color: #ffffff;
        z-index: 99;
        width: 400px;
        padding: 5px 10px;
        border-radius: 5px;
        left: -80px;
        border: 1px solid #666;
        line-height: 20px;
        top: 30px; }
        .business .individual .inner-footer .tips::before {
          border: 10px solid transparent;
          border-bottom-color: #666;
          content: '';
          position: absolute;
          left: 100px;
          top: -21px; }
        .business .individual .inner-footer .tips::after {
          border: 10px solid transparent;
          border-bottom-color: #ffffff;
          content: '';
          position: absolute;
          left: 100px;
          top: -20px; }

.product {
  width: 100%;
  min-width: 1200px;
  height: 936px;
  background-image: url(/uploads/image/simage/section-product.jpg);
  background-position: center center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-color: #173f85; }
  .product .container-inner {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center; }
    .product .container-inner .title {
      font-size: 35px;
      font-weight: bold;
      user-select: none;
      color: #ffffff; }
    .product .container-inner .product-conteiner {
      height: 684px;
      width: 100%;
      background-image: url(/uploads/image/simage/product-bg.png);
      padding-top: 45px; }
    .product .container-inner .product-list {
      height: 591px;
      width: 100%;
      display: flex;
      flex-wrap: wrap; }
    .product .container-inner .product-item {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 392px;
      height: 189px;
      margin-right: 12px;
      margin-bottom: 12px;
      color: #ffffff; }
      .product .container-inner .product-item a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        width: 100%;
        height: 100%; }
        .product .container-inner .product-item a:hover {
          color: #80ffff;
          background-color: rgba(128, 255, 255, 0.3); }
      .product .container-inner .product-item .product-title {
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 10px; }
      .product .container-inner .product-item:nth-child(3n) {
        margin-right: 0px; }

.footer {
  width: 100%;
  min-width: 1200px;
  height: 740px;
  background-image: url(/uploads/image/simage/section-footer.jpg);
  background-position: center center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-color: #173f85;
  position: relative; }
  .footer .container-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
  .footer .inner-top {
    display: flex;
    justify-content: space-between;
    width: 100%; }
  .footer .nav-container {
    display: flex; }
  .footer .nav-list {
    margin-right: 100px; }
  .footer .nav-item {
    color: #ffffff;
    padding: 10px 0; }
    .footer .nav-item span {
      cursor: pointer; }
    .footer .nav-item a {
      color: #ffffff; }
  .footer .nav-title {
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 20px; }
  .footer .wechart-container {
    display: flex; }
  .footer .wechart-list {
    margin-left: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #ffffff; }
    .footer .wechart-list .title {
      margin: 5px 0px 15px; }
    .footer .wechart-list .phone a {
      border: 2px solid #ffffff;
      display: flex;
      justify-content: space-around;
      align-items: center;
      padding: 5px 10px;
      color: #ffffff; }
      .footer .wechart-list .phone a span {
        font-size: 12px; }
      .footer .wechart-list .phone a img {
        margin-right: 10px; }
  .footer .inner-bottom {
    width: 100%;
    margin-top: 80px;
    display: flex;
    justify-content: space-between; }
  .footer .left-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #ffffff;
    margin-bottom: 10px; }
    .footer .left-list .left-title {
      font-size: 18px;
      font-weight: bold;
      margin-right: 80px; }
    .footer .left-list .left-item {
      margin-right: 50px; }
    .footer .left-list a {
      color: #ffffff; }
  .footer .right-list {
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center; }
  .footer .right-item {
    font-size: 12px;
    margin-bottom: 5px; }
    .footer .right-item a {
      font-size: 12px;
      color: #ffffff;
      display: flex;
      justify-content: center;
      align-items: center; }
      .footer .right-item a img {
        margin-right: 5px; }
  .footer .certify {
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.3);
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#80ffffff, endcolorstr=#80ffffff);
    display: flex;
    justify-content: center;
    align-items: center; }
  .footer .certify-list {
    color: #ffffff;
    display: flex;
    align-items: flex-end;
    justify-content: center; }
  .footer .certify-item {
    font-size: 12px;
    margin: 0px 15px; }
    .footer .certify-item a {
      font-size: 12px;
      color: #ffffff;
      display: flex;
      justify-content: center;
      align-items: center; }
      .footer .certify-item a img {
        margin-right: 5px; }

.alertdivtoggleclass {
  width: 400px;
  padding: 40px;
  border: 1px solid #d8d8d8;
  background-color: white;
  z-index: 1003;
  text-align: center; }

.nav-lib .container-fmd {
  width: 1300px;
  margin: 30px auto 0; }

.nav-lib .container-fmd .title {
  margin-top: 10px;
  font-size: 24px;
  font-weight: bold;
  color: #ffffff; }

.nav-lib .container-fmd .description {
  margin-top: 10px;
  font-size: 14px;
  color: #ffffff;
  background-image: url(/uploads/image/iheader/content-icon1.png);
  background-repeat: no-repeat;
  background-position-y: center;
  padding-left: 30px;
  line-height: 25px; }

.nav-lib .container-fmd .lib-list {
  margin-top: 20px; }

.nav-lib .container-fmd .lib-item {
  float: left;
  width: 20%; }

.nav-lib .container-fmd .lib-item a {
  background-repeat: no-repeat;
  background-size: 100% 182px;
  display: block;
  height: 202px;
  width: 100%;
  position: relative;
  background-color: unset !important; }
  .nav-lib .container-fmd .lib-item a:hover {
    background-color: unset; }

.nav-lib .container-fmd .lib-item a div {
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  display: none; }

.nav-lib .container-fmd .lib-item:hover {
  margin-top: -30px; }

.nav-lib .container-fmd .lib-item:hover a div {
  display: block; }

.nav-lib .container-fmd .lib-item-1 a {
  background-image: url(/uploads/image/siihmfd/mfd.png); }

.nav-lib .container-fmd .lib-item-2 a {
  background-image: url(/uploads/image/siihmfd/mfd-zscq.png); }

.nav-lib .container-fmd .lib-item-3 a {
  background-image: url(/uploads/image/siihmfd/mfd-sthj.png); }

.nav-lib .container-fmd .lib-item-4 a {
  background-image: url(/uploads/image/siihmfd/mfd-ss.png); }

.nav-lib .container-fmd .lib-item-5 a {
  background-image: url(/uploads/image/siihmfd/mfd-sw.png); }

.nav-lib .container-fmd .lib-item-1:hover a {
  background-image: url(/uploads/image/siihmfd/mfd-hover.png); }

.nav-lib .container-fmd .lib-item-2:hover a {
  background-image: url(/uploads/image/siihmfd/mfd-zscq-hover.png); }

.nav-lib .container-fmd .lib-item-3:hover a {
  background-image: url(/uploads/image/siihmfd/mfd-sthj-hover.png); }

.nav-lib .container-fmd .lib-item-4:hover a {
  background-image: url(/uploads/image/siihmfd/mfd-ss-hover.png); }

.nav-lib .container-fmd .lib-item-5:hover a {
  background-image: url(/uploads/image/siihmfd/mfd-sw-hover.png); }

.advance-param {
  width: 1000px;
  padding: 30px 15px 15px;
  border: 1px solid #bdccdc;
  border-radius: 5px;
  border-top: 3px solid #0c71b4;
  border-bottom: 3px solid #bdccdc;
  background: #f5fafd;
  display: none;
  z-index: 9999;
  margin-top: 10px; }
  .advance-param .advance-param-list {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap; }
  .advance-param .advance-param-item {
    width: 30%;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .advance-param .advance-param-item .label {
      width: 70px;
      text-align: right;
      color: #999; }
    .advance-param .advance-param-item .content.dropdown-advance, .advance-param .advance-param-item .content.dropdown-list-advance {
      cursor: pointer;
      position: relative; }
      .advance-param .advance-param-item .content.dropdown-advance input, .advance-param .advance-param-item .content.dropdown-list-advance input {
        cursor: pointer; }
      .advance-param .advance-param-item .content.dropdown-advance .icon-droupdown, .advance-param .advance-param-item .content.dropdown-list-advance .icon-droupdown {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 5px;
        right: 5px; }
    .advance-param .advance-param-item .content.dropdown-list-advance > ul {
      position: absolute;
      background-color: #fff;
      width: 100%;
      border: 1px solid #bcb9b9;
      border-radius: 3px;
      z-index: 99999;
      display: none; }
      .advance-param .advance-param-item .content.dropdown-list-advance > ul li {
        /*line-height: 30px;*/
        color: #71767d;
        padding: 10px; }
        .advance-param .advance-param-item .content.dropdown-list-advance > ul li:hover, .advance-param .advance-param-item .content.dropdown-list-advance > ul li.active {
          background-color: #e6f4ff; }
        .advance-param .advance-param-item .content.dropdown-list-advance > ul li.indent {
          text-indent: 2em; }
    .advance-param .advance-param-item .content.time {
      display: flex;
      align-items: center; }
      .advance-param .advance-param-item .content.time input {
        width: 100px; }
      .advance-param .advance-param-item .content.time .wave {
        width: 14px;
        height: 14px;
        margin: 0px 3px; }
      .advance-param .advance-param-item .content.time .time-c {
        position: relative; }
        .advance-param .advance-param-item .content.time .time-c .icon-time {
          position: absolute;
          width: 15px;
          height: 15px;
          top: 8px;
          right: 5px; }
    .advance-param .advance-param-item .content.radio {
      display: flex;
      align-items: center; }
      .advance-param .advance-param-item .content.radio label {
        display: flex;
        align-items: center;
        color: #999; }
      .advance-param .advance-param-item .content.radio input {
        width: 15px;
        margin-left: 15px;
        margin-right: 5px; }
    .advance-param .advance-param-item input {
      width: 220px;
      height: 30px;
      line-height: 30px;
      border: 1px #bcb9b9 solid;
      padding: 0px 5px;
      color: #71767d;
      outline: none;
      border-radius: 3px;
      font-size: 12px; }
  .advance-param .advance-footer {
    margin-top: -15px;
    padding-top: 15px;
    border-top: 2px solid #bdccdc;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .advance-param .advance-footer > * {
      margin-left: 10px;
      cursor: pointer; }
    .advance-param .advance-footer button {
      width: 100px;
      height: 30px;
      font-size: 14px;
      line-height: 30px;
      text-align: center;
      color: white;
      font-weight: 900;
      background: #bdccdc;
      border-radius: 3px;
      border: 0px; }
      .advance-param .advance-footer button:hover {
        background: #2496cc; }
    .advance-param .advance-footer .advance-close {
      background:  no-repeat 0 0;
      width: 26px;
      height: 16px; }

#dialogbyshf {
  background-color: #e6f0fa; }
  #dialogbyshf #container {
    margin: 0 auto; }

.cxcalendar {
  font-size: 12px !important; }
  .cxcalendar li {
    font-size: 12px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 27px !important;
    height: 27px !important; }
  .cxcalendar .cxcalendar_hd {
    height: 35px !important; }
    .cxcalendar .cxcalendar_hd .prev, .cxcalendar .cxcalendar_hd .next {
      width: auto !important;
      height: auto !important; }

.update {
  background-image: url(/uploads/image/sicontent/point_red.png);
  background-repeat: no-repeat;
  background-position: 53px 3px;
  background-size: 5px; }