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

html,
body {
  width: 100%;
  font-size: 14px;
  color: #333;
  font-family: \5FAE\8F6F\96C5\9ED1; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
  font-size: 16px; }

ul,
ol,
dl,
p {
  list-style: none;
  margin: 0; }

input {
  outline: none; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset; }

img,
video {
  max-width: 100%;
  height: auto; }

time {
  font-family: Arial; }

input[type="button"],
input[type="submit"] {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all; }

a {
  color: #333;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all; }
  a:hover {
    text-decoration: none;
    color: #1a6ebc; }
  a:focus {
    color: #333;
    text-decoration: none;
    outline: none; }
  a[href]:after {
    content: normal; }

span {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none; }

a,
a:hover,
a:active,
a:visited,
a:link,
a:focus,
span {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none; }

.clear {
  clear: both; }

html,
body,
.cnicMobi-wrapper {
  width: 100%;
  height: 100%;
  background: #fff; }

.cnicMobi-wrapper.noScroll {
  overflow: hidden; }

.loginFrame {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9; }
  .loginFrame .login-main {
    width: 90%;
    margin: 10% auto;
    background: #fff;
    border-radius: 5px; }
  .loginFrame .loginFrame_close {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 13px 0;
    text-align: center; }
    .loginFrame .loginFrame_close:hover {
      background: #F6F7F7; }
  .loginFrame .iframeBox {
    width: 300px;
    position: relative;
    left: 0;
    right: 0;
    margin: auto; }
  .loginFrame .loginUser {
    padding: 10px 20px 20px;
    text-align: center; }
  .loginFrame .tab-title {
    text-align: center;
    white-space: nowrap;
    border-bottom: 1px solid #ddd; }
    .loginFrame .tab-title .tit {
      display: inline-block;
      margin: 0 10px;
      font-size: 14px;
      line-height: 30px;
      color: #666;
      border-bottom: 2px solid transparent; }
      .loginFrame .tab-title .tit.active {
        color: #333;
        border-color: #d70429; }
  .loginFrame .tab-slide {
    display: none; }
    .loginFrame .tab-slide:first-child {
      display: block; }

.userLogin {
  padding-top: 15px; }
  .userLogin .hasError {
    display: block;
    padding-top: 5px;
    font-style: normal;
    font-size: 12px;
    color: #d70429;
    clear: both; }
    .userLogin .hasError .error_yzm {
      display: block;
      padding-left: 80px; }
  .userLogin .input-group {
    margin-bottom: 12px;
    padding: 5px 0;
    overflow: hidden; }
    .userLogin .input-group label {
      float: left;
      text-align: right;
      width: 80px;
      height: 30px;
      line-height: 30px;
      color: #666; }
    .userLogin .input-group input {
      float: left;
      width: calc(100% - 100px);
      height: 30px;
      line-height: 30px;
      border: 1px solid #ddd;
      text-indent: 5px; }
    .userLogin .input-group .input_yzm {
      width: calc(100% - 180px); }
    .userLogin .input-group .yzmBox {
      float: right;
      margin-right: 20px;
      width: 70px;
      height: 30px;
      line-height: 30px; }
    .userLogin .input-group .loginBtn {
      width: 80%;
      height: 30px;
      line-height: 30px;
      border-radius: 15px;
      background: #f00;
      color: #fff;
      margin: auto;
      display: block;
      box-shadow: none;
      outline: none;
      border: none; }

.navigation-content {
  position: relative;
  background-color: #00052a; }
  .navigation-content .navigation-top {
    height: 65px; }
    .navigation-content .navigation-top .navigation-left {
      padding: 15px 0 15px 15px;
      width: 150px;
      position: absolute;
      left: 0; }
    .navigation-content .navigation-top .navigation-user {
      min-width: 60px;
      height: 100%;
      line-height: 65px;
      color: #ddd;
      font-size: 12px;
      position: absolute;
      right: 60px; }
      .navigation-content .navigation-top .navigation-user span {
        padding: 0 3px; }
    .navigation-content .navigation-top .navigation-userMsgBox {
      display: none;
      background-color: rgba(46, 46, 46, 0.9);
      position: absolute;
      z-index: 9;
      top: 65px;
      padding: 10px 0;
      width: 100%; }
      .navigation-content .navigation-top .navigation-userMsgBox .userMenu a {
        display: block;
        padding: 0 25px;
        height: 40px;
        line-height: 40px;
        color: #ddd;
        border-bottom: 1px solid #444;
        background: url("../images/icon_right-5568463cc301293d36e78821b3f631d3.png") no-repeat right 25px center; }
      .navigation-content .navigation-top .navigation-userMsgBox .userMenu .num {
        position: relative;
        top: -2px;
        display: inline-block;
        min-width: 16px;
        text-align: center;
        height: 16px;
        color: #ddd;
        font-weight: bold;
        font-size: 12px;
        background: #d70429;
        margin-left: 3px;
        border-radius: 8px;
        padding: 0 2px;
        line-height: 16px; }
      .navigation-content .navigation-top .navigation-userMsgBox .loginBox {
        padding: 15px 25px 5px;
        text-align: center; }
        .navigation-content .navigation-top .navigation-userMsgBox .loginBox .btn {
          display: inline-block;
          color: #ddd;
          width: 30%;
          padding: 5px 15px;
          border: 1px solid #ddd;
          margin: 0 5%;
          font-size: 14px; }
        .navigation-content .navigation-top .navigation-userMsgBox .loginBox .btn-register {
          background: #eaeaea;
          color: #333; }
      .navigation-content .navigation-top .navigation-userMsgBox .loggedInBox {
        padding: 15px 25px 5px;
        text-align: left; }
        .navigation-content .navigation-top .navigation-userMsgBox .loggedInBox span {
          color: #ddd;
          font-size: 14px; }
        .navigation-content .navigation-top .navigation-userMsgBox .loggedInBox .userName {
          margin-right: 20px; }
    .navigation-content .navigation-top .navigation-right {
      width: 60px;
      height: 100%;
      position: absolute;
      right: 0; }
    .navigation-content .navigation-top .icon {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }

.navigation-rightside-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99; }
  .navigation-rightside-menu.active {
    display: block; }
    .navigation-rightside-menu.active .dropdown-close-box {
      background-color: rgba(55, 61, 65, 0.4); }
    .navigation-rightside-menu.active .dropdown-wrap {
      left: 0; }
  .navigation-rightside-menu .dropdown-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    z-index: 399;
    opacity: 1; }
    .navigation-rightside-menu .dropdown-wrap .dropdown {
      height: 100%; }
  .navigation-rightside-menu .dropdown-close-box {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all .3s; }
  .navigation-rightside-menu .dropdown-content {
    margin-left: 20%;
    padding-bottom: 20px;
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
    background-color: rgba(46, 46, 46, 0.9);
    display: block;
    position: relative; }
    .navigation-rightside-menu .dropdown-content .dropdown-main {
      padding: 20px 0;
      height: 100%; }
      .navigation-rightside-menu .dropdown-content .dropdown-main .item {
        width: 100%;
        border-bottom: 1px solid #444;
        position: relative;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .navigation-rightside-menu .dropdown-content .dropdown-main .item .item_tit {
          height: 40px;
          line-height: 40px; }
          .navigation-rightside-menu .dropdown-content .dropdown-main .item .item_tit .t_menu {
            display: block;
            padding: 0 25px;
            color: #fff;
            font-size: 15px; }
          .navigation-rightside-menu .dropdown-content .dropdown-main .item .item_tit .t_right {
            display: inline-block;
            width: 14px;
            height: 40px;
            position: absolute;
            top: 0;
            right: 25px;
            font-size: 14px;
            line-height: 40px;
            background: url("../images/icon_down-9bd643a27ac05e337c781009c4385863.png") no-repeat center center; }
            .navigation-rightside-menu .dropdown-content .dropdown-main .item .item_tit .t_right.active {
              -webkit-transform: rotate(180deg);
              -moz-transform: rotate(180deg);
              -o-transform: rotate(180deg);
              transform: rotate(180deg); }
        .navigation-rightside-menu .dropdown-content .dropdown-main .item .item_box {
          display: none;
          display: inline-block;
          width: 100%;
          padding: 10px 25px;
          height: auto;
          background-color: rgba(59, 59, 59, 0.9);
          white-space: normal; }
          .navigation-rightside-menu .dropdown-content .dropdown-main .item .item_box a {
            display: inline-block;
            max-width: 100%;
            padding: 0 10px;
            color: #9B9EA0;
            height: 40px;
            line-height: 40px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }

.banner-content {
  min-height: 100px;
  background-color: #040929; }
  .banner-content .logoBox {
    padding-top: 35px; }
  .banner-content .swiper-wrapper .swiper-slide img {
    display: block; }
  .banner-content .swiper-pagination-bullet {
    width: 20px;
    height: 4px;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 5px;
    border-radius: 0;
    opacity: 1; }
    .banner-content .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 20px;
      height: 4px;
      background: #d70429; }
  .banner-content .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 20px; }

.contentBox {
  padding: 20px 0; }
  .contentBox .contentBox-title {
    overflow: hidden;
    padding: 10px 15px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    text-align: center; }
    .contentBox .contentBox-title .title {
      position: relative;
      display: inline-block;
      padding: 0 50px;
      max-width: 100%; }
      .contentBox .contentBox-title .title::before, .contentBox .contentBox-title .title::after {
        content: "";
        display: block;
        width: 33px;
        height: 24px;
        position: absolute;
        top: 50%;
        margin-top: -12px;
        background: url("../images/icon-tit-19ec5a896526fc79c28402794bd99ce3.png") no-repeat; }
      .contentBox .contentBox-title .title::before {
        left: 0; }
      .contentBox .contentBox-title .title::after {
        right: 0; }
  .contentBox .contentBox-main {
    overflow: hidden;
    padding: 15px; }

.service-content .tab-group .tab-title {
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
  text-align: center; }
  .service-content .tab-group .tab-title .tit {
    display: inline-block;
    margin: 0 20px;
    padding: 0 15px 3px;
    font-size: 16px;
    line-height: 30px; }
    .service-content .tab-group .tab-title .tit.active {
      color: #d70429;
      border-bottom: 2px solid #d70429; }
.service-content .tab-group .tab-main {
  overflow: hidden; }
  .service-content .tab-group .tab-main .tab-slide {
    display: none; }
    .service-content .tab-group .tab-main .tab-slide:first-child {
      display: block; }
  .service-content .tab-group .tab-main .list {
    float: left;
    margin-bottom: 10px;
    padding: 5px 10px;
    width: 25%;
    height: 85px;
    text-align: center; }
    .service-content .tab-group .tab-main .list:hover {
      background: #F6F7F7; }
    .service-content .tab-group .tab-main .list .imgBox {
      height: 35px; }
      .service-content .tab-group .tab-main .list .imgBox img {
        width: 40px; }
    .service-content .tab-group .tab-main .list .txt {
      padding-top: 5px;
      height: 40px;
      font-size: 12px;
      color: #666;
      overflow: hidden;
      display: -webkit-box;
      display: -moz-box;
      display: -o-box;
      display: box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      white-space: normal; }

.brand-content {
  background: url("../images/pp_pice01.png") no-repeat center center;
  background-size: 100% 100%; }
  .brand-content .brand-title {
    color: #fff; }
  .brand-content .contentBox-main {
    /* background: url("../images/pp_pice01.jpg") no-repeat center center; */
    background-size: 100% 100%; }
  .brand-content .list {
    float: left;
    margin-bottom: 10px;
    padding: 10px;
    width: 33.333333%;
    height: 145px;
    text-align: center; }
    .brand-content .list .imgBox {
      height: 80px; }
      .brand-content .list .imgBox img {
        width: 80px; }
    .brand-content .list .txt {
      padding-top: 10px;
      height: 50px;
      font-size: 14px;
      color: #fff;
      overflow: hidden;
      display: -webkit-box;
      display: -moz-box;
      display: -o-box;
      display: box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      white-space: normal; }

.business-content .textList li {
  overflow: hidden;
  line-height: 30px;
  background: url("../images/news-list-icon-0b9515e53ae4ac2774e26dc3de01405a.png") no-repeat 0 center;
  background-size: 14px;
  padding: 5px 0 5px 25px; }
  .business-content .textList li:hover .text,
  .business-content .textList li:hover .time {
    color: #d70429; }
.business-content .textList .text {
  float: left;
  width: 70%;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.business-content .textList .time {
  float: right;
  color: #999;
  font-size: 12px; }
.business-content .btn-more {
  padding-top: 5px;
  text-align: right; }
  .business-content .btn-more .btn {
    padding: 5px 0 5px 5px;
    color: #999;
    font-size: 12px; }
    .business-content .btn-more .btn:hover {
      color: #d70429; }

.information-content .list {
  float: left;
  padding: 15px 10px;
  width: 33.3333%;
  height: 115px;
  text-align: center; }
  .information-content .list:nth-child(odd) {
    background: #f8f8f8; }
  .information-content .list .imgBox {
    height: 40px;
    position: relative; }
    .information-content .list .imgBox img {
      max-width: 100%;
      max-height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      margin: auto; }
  .information-content .list .txt {
    padding-top: 5px;
    height: 45px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal; }

.develop-content .list {
  float: left;
  padding: 15px;
  width: 50%;
  background-size: cover;
  background-repeat: no-repeat; }
  .develop-content .list .imgBox {
    height: 40px;
    margin-bottom: 15px; }
  .develop-content .list .txt {
    padding-top: 5px;
    height: 45px;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal; }

.link-content .list {
  position: relative;
  float: left;
  text-align: center;
  padding: 10px;
  width: 50%;
  height: 60px; }
  .link-content .list img {
    max-width: 90%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }

.footer-content {
  padding: 20px 0;
  text-align: center;
  color: #9c9c9c;
  background: #040929;
  font-size: 12px;
  line-height: 20px; }
  .footer-content span {
    display: inline-block;
    padding: 0 8px; }
  .footer-content a {
    color: #9c9c9c; }
    .footer-content a:hover {
      color: #d70429; }
  .footer-content .footer2 .circle-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 36px;
    border: 1px solid #9c9c9c;
    border-radius: 50%;
    margin: 18px 10px 0;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none; }
    .footer-content .footer2 .circle-icon.conic {
      background: url("../images/unit-0ff0e8b8f5a209c87d08f3ddca069cf4.png") center center no-repeat; }
    .footer-content .footer2 .circle-icon.wechat {
      position: relative;
      background: url("../images/wechat-4dfaea6b034e5eb551ea7f1616893db2.png") center center no-repeat; }
      .footer-content .footer2 .circle-icon.wechat .footer-qecod {
        position: absolute;
        left: 100px;
        bottom: 0;
        padding: 4px;
        width: 100px;
        height: 100px;
        background: #fff;
        transform: translateX(-50%);
        opacity: 0; }
        .footer-content .footer2 .circle-icon.wechat .footer-qecod.active {
          opacity: 1; }
        .footer-content .footer2 .circle-icon.wechat .footer-qecod::after {
          content: '\200B';
          display: block;
          width: 0;
          height: 0;
          border: 4px solid transparent;
          border-right: 4px solid #fff;
          position: absolute;
          bottom: 15px;
          left: 0px;
          margin-left: -8px; }

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