html {
  font-size: 16px; }

@media screen and (min-width: 350px) {
  html {
    font-size: 18.75px; } }
@media screen and (min-width: 410px) {
  html {
    font-size: 20.7px; } }
body {
  background-color: #fff;
  padding-bottom: 3rem;
  padding-top: 2.346rem; }

button {
  border: none;
  outline: none; }

li {
  list-style: none; }

* {
  margin: 0 0;
  padding: 0 0;
  font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; }

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0; }

.logo {
  width: 100%;
  height: 1.346rem;
  padding: 0.5rem 0;
  position: fixed;
  top: 0;
  z-index: 5000;
  background-color: #FFF;
  box-shadow: 0 5px 10px rgba(150, 150, 150, 0.25); }
  .logo .logoImg {
    width: 8.93rem;
    float: left;
    margin-left: .64rem; }
  .logo .menu {
    height: 80%;
    padding-top: 0.14rem;
    float: right;
    margin-right: .64rem; }
  .logo .try {
    float: right;
    height: 100%;
    width: 2.88rem;
    background-color: transparent;
    border: 1px solid #333;
    border-radius: 3px;
    margin-right: .8rem;
    color: #333; }
  .logo .menu-content {
    display: none;
    position: absolute;
    top: 2.346rem;
    left: 0;
    width: 100%;
    background-color: #FFF;
    text-align: left;
    padding-top: 0.533rem;
    z-index: 10; }
    .logo .menu-content a {
      text-decoration: none;
      color: #666; }
    .logo .menu-content li {
      padding-left: 0.8rem;
      line-height: 2.133rem;
      font-size: 0.693rem; }
    .logo .menu-content li:hover, .logo .menu-content li:active {
      background-color: #e12229;
      color: #fff; }
  .logo .shadow {
    display: none;
    z-index: 5;
    position: absolute;
    top: 2.346rem;
    left: 0;
    height: 50rem;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2); }

.logo.index {
  background-color: rgba(0, 0, 0, 0.6);
  transition: all .3s ease; }

.logo.index.none {
  background-color: transparent;
  box-shadow: none;
  transition: all .3s ease; }

.banner-button {
  width: 40%;
  line-height: 2.14rem;
  color: #fff;
  font-size: 0.96rem;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 1.07rem;
  font-weight: bold; }
  .banner-button a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none; }

.banner-button:active {
  background-color: rgba(255, 255, 255, 0.3); }

.banner {
  
  width: 100%;
  position: relative;
  text-align: center; }
  .banner .bannerimg {
    width: 100%; }
  .banner .login-now {
    position: absolute;
    bottom: 3.5rem;
    width: 8rem;
    line-height: 2.14rem;
    color: #fff;
    font-size: 0.96rem;
    background-color: transparent;
    border: 1px solid #fff;
    left: 6rem;
    border-radius: 1.07rem;
    font-weight: bold;
    box-shadow: 0 0.16rem rgba(30, 30, 30, 0.25);
    z-index: 100; }
  .banner .login-now:active {
    background-color: rgba(255, 255, 255, 0.3); }
  .banner .logo .try {
    float: right;
    height: 100%;
    width: 2.88rem;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 3px;
    margin-right: .8rem;
    color: #fff; }

.advertising {
  width: 100%;
  height: 28px;
  line-height:28px;
  padding: 0.00rem 0;
  margin-bottom: .22rem;
  background-color: #FFF; }
  .advertising .advert {
    float: left;
    height: 24px;
	margin-top:0.12rem;
    padding-top: 0;
    padding: 0 .64rem; }
  .advertising p {
    float: left;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold; }
  .advertising span {
    display: inline-block;
    float: right;
    cursor: pointer;
    font-size: 12px;
    color: #e12229;
    padding: 11px .267rem 11px 0;
    line-height: 1; }
  .advertising .more {
    cursor: pointer;
    float: right;
    margin-right: .64rem;
    display: inline-block;
    padding-top: 11px;
    height: 12px;
    vertical-align: bottom; }

.content {
  background-color: #FFF; }
  .content .title {
    text-align: center; }
    .content .title h3 {
      padding-top: 2.13rem;
      font-size: .96rem;
      color: #333;
      line-height: 1;
      font-weight: 600; }
    .content .title h5 {
      padding-top: .8rem;
      padding-bottom: 1.33rem;
      font-size: .69rem;
      font-weight: normal;
padding-left:1rem;
padding-right:1rem;	  
line-height:22px;}
.content .title h4{padding-bottom:20px;}
  .content ul {
    width: 91%;
    padding: 0 4.5%; }
    .content ul li {
      float: left;
      width: 78.274%;
      padding-bottom: 1.33rem;
      padding-left: 21.725%;
      position: relative; }
      .content ul li h5 {
        font-size: .72rem;
        color: #333;
        line-height: 1;
        padding-bottom: 0.53rem;
        padding-right: .8rem; }
      .content ul li p {
        line-height: 0.7rem;
        font-size: 0.586rem;
        padding-right: .38rem; }
      .content ul li img {
        position: absolute;
        left: 0.02rem;
        right: 0.02rem;
        width: 3.46rem;
        top: 0.04rem; }
  .content .more-module {
    text-align: center;
    padding-bottom: 2.133rem; }
    .content .more-module button {
      line-height: 1.5rem;
      width: 4.8rem;
      background-color: #e12229;
      color: #fff;
      font-size: 0.64rem;
      border-radius: 0.75rem;
      font-weight: bold;
      box-shadow: 0 0.16rem rgba(226, 226, 226, 0.25); }

.modules {
  background: url(../images/bg.png) no-repeat 0 0;
  background-size: 100%;
  background-color: #FFF; }
  .modules .title {
    text-align: center; }
    .modules .title h3 {
      padding-top: 2.13rem;
      font-size: .96rem;
      color: #fff;
      line-height: 1;
      font-weight: 600; }
    .modules .title h5 {
      padding-top: .8rem;
      padding-bottom: 1.33rem;
      color: #fff;
      font-size: .69rem;
      font-weight: normal; }
  .modules ul {
    padding: 0 3.2%;
    padding-bottom: 1.333rem;
    width: 93.6%; }
    .modules ul li {
      float: left;
      width: 32.761%;
      margin-right: 0.854%;
      position: relative;
      height: 4.48rem; }
      .modules ul li img {
        width: 100%; }
      .modules ul li img.small {
        position: absolute;
        width: 20%;
        left: 40%;
        top: .9rem; }
      .modules ul li p {
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 1rem;
        font-size: 0.746rem;
        color: #fff;
        line-height: 1; }
    .modules ul li:last-child {
      margin-right: 0; }
  .modules .more-module {
    text-align: center;
    padding-bottom: 2.133rem; }
    .modules .more-module button {
      line-height: 1.5rem;
      width: 4.8rem;
      background-color: #fff;
      color: #e12229;
      font-size: 0.64rem;
      border-radius: 0.75rem;
      font-weight: bold;
      box-shadow: 0 0.16rem rgba(48, 129, 255, 0.25); }

.scenes {
  background-color: #FFF; }
  .scenes .title {
    text-align: center; }
    .scenes .title h3 {
      padding-top: 2.13rem;
      font-size: .96rem;
      color: #333;
      line-height: 1;
      font-weight: 600; }
    .scenes .title h5 {
      padding-top: .8rem;
      padding-bottom: 1.33rem;
      color: #333;
      font-size: .69rem;
      font-weight: normal; }
  .scenes ul {
    padding: 0 1.17rem; }
    .scenes ul li {
      width: 17.66rem;
      position: relative;
      padding-bottom: 1.226rem; }
      .scenes ul li img {
        position: absolute;
        width: 5.07rem;
	}
      .scenes ul li .content-li {
        padding-left: 5.866rem; }
        .scenes ul li .content-li h2 {
          font-size: 0.693rem;
          line-height: 1;
          color: #333;
          margin-bottom: .533rem; }
        .scenes ul li .content-li p {
          font-size: .586rem;
          line-height: 1.15rem; }
    .scenes ul li.management {
      padding-bottom: 1.86rem; }
      .scenes ul li.management h2 {
        text-align: right;
        padding-right: 0.25rem; }
      .scenes ul li.management img {
        position: absolute;
        width: 5.07rem;
        right: 0; }
      .scenes ul li.management .content-li {
        padding-left: 0;
        padding-right: 5.166rem; }
  .scenes .more-module {
    text-align: center;
    padding-bottom: 2.133rem;padding-top: 1rem; }
    .scenes .more-module button {
      line-height: 1.5rem;
      width: 4.8rem;
      background-color: #e12229;
      color: #fff;
      font-size: 0.64rem;
      border-radius: 0.75rem;
      font-weight: bold;
      box-shadow: 0 0.16rem rgba(226, 226, 226, 0.25); }

.cases {
  background-color: #F4F4F4; }
  .cases > a {
    text-decoration: none; }
  .cases .title {
    text-align: center; }
    .cases .title h3 {
      padding-top: 1.53rem;
      font-size: .96rem;
      color: #333;
      line-height: 1;
      font-weight: 600; }
    .cases .title h5 {
      padding-top: .8rem;
      padding-bottom: 1.33rem;
      color: #333;
      font-size: .69rem;
      font-weight: normal; }
  .cases ul {
    padding: 0 3.2%;
    width: 93.6%;
    padding-bottom: 2.133rem; }
    .cases ul li {
      width: 32.761%;
      height: 4.64rem;
      position: relative;
      float: left;
      margin-right: 0.854%;
      margin-bottom: .26rem; }
      .cases ul li img {
        position: absolute;
        width: 100%; }
      .cases ul li img.small {
        position: absolute;
        width: 31%;
        left: 34.5%;
        top: .9rem; }
      .cases ul li p {
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 1rem;
        font-size: 0.746rem;
        color: #fff;
        line-height: 1;
        font-weight: bold; }
      .cases ul li p.more {
        font-size: .8rem;
        bottom: 1.92rem; }
      .cases ul li img.arrow {
        width: 10%;
        right: 25%;
        top: 45%;
        height: 10%; }
    .cases ul li:nth-child(3n) {
      margin-right: 0; }

.footer {
  background-color: #163143;
  color: #f0f0f0; }
  .footer .nav {
    padding: 0 5.865%;
    line-height: 2.347rem;
    font-size: .64rem;
    width: 88.27%;
    border-bottom: 1px solid #999; }
    .footer .nav li {
      float: left;
      width: 20%;
      text-align: center; }
      .footer .nav li a {
        color: #f0f0f0;
        text-decoration: none; }
  .footer .footer-content {
    padding: .8rem 1.7rem;
    font-size: .64rem;
    line-height: 1; }
    .footer .footer-content h6 {
      font-size: .64rem; }
    .footer .footer-content img {
      width: 1.09rem;
      margin-right: .53rem;
      float: left; }
    .footer .footer-content .nav-bar {
      padding-top: .53rem; }
      .footer .footer-content .nav-bar span {
        display: inline-block;
        line-height: 1.09rem; }
      .footer .footer-content .nav-bar a {
        color: #e12229;
        font-weight: bold;
        font-size: .693rem;
        line-height: 1.09rem; }

.fixed-foot {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9999; }
  .fixed-foot div {
    float: left;
    width: 33.333%;
    height: 3rem;
    font-size: 0.8rem;
    background-color: #e12229;
    position: relative;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
    padding: 0.5rem 0; }
    .fixed-foot div img {
      height: 1rem; }
    .fixed-foot div p {
      text-align: center;
      line-height: 1rem; }
  .fixed-foot div:active {
    background-color: #d3d3d3; }
  .fixed-foot div.bg-blue {
    background-color: #f35700; }
    .fixed-foot div.bg-blue img {
      top: 1rem; }
    .fixed-foot div.bg-blue a {
      color: #fff; }
    .fixed-foot div.bg-blue span {
      color: #fff; }
  .fixed-foot div.bg-blue:active {
    background-color: #2e65ff; }
.bg-blue2{width:20%}
.document {
  background-color: #FFF; }
  .document .logo {
    background-color: #FFF;
    border-top: none; }
    .document .logo .try {
      border: 1px solid #333;
      color: #333; }
  .document div.menu {
    padding: 0 3.2%;
    width: 93.6%; }
    .document div.menu h2 {
      font-size: 1.066rem;
      line-height: 1;
      padding-bottom: 1.333rem;
      padding-top: 2.133rem;
      text-align: center; }
    .document div.menu .type {
      width: 100%;
      padding-bottom: 1.867rem; }
      .document div.menu .type li {
        width: 30%;
        text-align: center;
        font-size: .693rem;
        border-radius: 5px;
        float: left;
        margin-right: 5%;
        color: #fff;
        line-height: 1.6rem; }
      .document div.menu .type .personnel {
        margin-right: 0;
        background-color: #9df4d7; }
      .document div.menu .type .knowledge {
        background-color: #FFcd00; }
      .document div.menu .type .flow {
        background-color: #9fd4ff; }
      .document div.menu .type li.active {
        color: #333; }
  .document .detailone {
    padding: 0 1%;
    width: 98%;
    text-align: center; }
    .document .detailone a {
      text-decoration: none; }
    .document .detailone div {
      float: left;
      width: 25%;
      text-align: center;
      padding-bottom: 1.226rem; }
      .document .detailone div img {
        padding: 0 20%;
        width: 60%; }
      .document .detailone div img.active {
        display: none; }
      .document .detailone div img.normal {
        display: inline-block; }
      .document .detailone div span {
        color: #cecece;
        font-size: .693rem;
        line-height: 1; }
    .document .detailone div.active img.active {
      display: inline-block; }
    .document .detailone div.active img.normal {
      display: none; }
    .document .detailone div.active span {
      color: #333; }
  .document .detailtwo {
    padding: 0 11.8%;
    width: 77.4%; }
    .document .detailtwo div {
      width: 33.33%; }
      .document .detailtwo div img {
        padding: 0 21%;
        width: 58%; }
    .document .detailtwo div.active img.active {
      display: inline-block; }
    .document .detailtwo div.active img.normal {
      display: none; }
    .document .detailtwo div.active span {
      color: #333; }
  .document .detailthree {
    padding: 0 25%;
    width: 50%; }
    .document .detailthree div {
      width: 50%; }
  .document .bottom-arrow {
    text-align: center;
    padding-bottom: 1rem; }
    .document .bottom-arrow img {
      width: 1rem; }
  .document .details li {
    text-align: center;
    padding-bottom: 2.4rem;
    padding-top: 1.08rem; }
    .document .details li .title {
      width: 100%;
      padding-bottom: .693rem; }
      .document .details li .title img {
        display: block;
        margin-left: 42.7%;
        width: 14.67%;
        padding-bottom: .533rem; }
      .document .details li .title h2 {
        font-size: .96rem;
        line-height: 1;
        padding-bottom: .533rem; }
      .document .details li .title div {
        height: .133rem;
        width: 4.3%;
        margin-left: 47.85%;
        background-color: #03aaf3;
        display: block; }
    .document .details li p {
      padding: 0 8.5%;
      width: 83%;
      font-size: .64rem;
      color: #666;
      line-height: 1.6;
      padding-bottom: 1.067rem; }
    .document .details li .product {
      padding: 0 5.8%;
      width: 88.2%; }
  .document .details li:nth-child(even) {
    background-color: #F5F5F5; }

.register {
  background-color: #FFF;
  margin-top: -2.39rem; }
  .register .login {
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    line-height: 44px;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 1.4rem; }
    .register .login img {
      position: absolute;
      height: 22px;
      padding: 11px;
      padding-right: 20px;
      left: 0; }
  .register h2 {
    font-size: .96rem;
    line-height: 0;
    font-weight: normal;
    padding: 1.44rem 0;
    text-align: center; }
  .register .logo {
    background-color: #FFF;
    border-top: none;
    box-shadow: 0 5px 10px rgba(150, 150, 150, 0.25); }
    .register .logo .try {
      border: 1px solid #333;
      color: #333; }
  .register .content {
    padding: 0 8.9%;
    width: 82.6%; }
    .register .content input {
      border: none;
      outline: none; }
    .register .content .option {
      margin-top: 1rem;
      padding: .5rem 0;
      border-bottom: 1px #afafaf solid;
      width: 100%;
      clear: both; }
      .register .content .option img {
        width: 8.5%;
        padding: 0 5%;
        float: left;
        height: 1.386rem; }
      .register .content .option input {
        width: 81.5%;
        padding-left: 10px;
        line-height: 1.386rem;
        font-size: .693rem;
        vertical-align: bottom; }
    .register .content .code.option {
      width: 61.3%;
      margin-right: 1.5%;
      display: inline-block;
      float: left; }
      .register .content .code.option img {
        width: 14%;
        padding: 0 8%;
        float: left;
        height: 1.386rem; }
      .register .content .code.option input {
        width: 70%; }
    .register .content button.get-code, .register .content img.get-code {
      width: 34%;
      line-height: 2.386rem;
      font-size: .693rem;
      background-color: #0086ff;
      color: #fff;
      border-radius: 3px;
      margin-top: 1.4rem; }
    .register .content img.get-code {
      height: 2.386rem; }
    .register .content button.regist {
      margin-top: 1.87rem;
      font-size: .96rem;
      line-height: 2.386rem;
      background-color: #2c9cfe;
      color: #fff;
      width: 100%;
      border-radius: 3px; }
    .register .content button.regist.try-it-now {
      margin-top: 0.5rem; }
    .register .content .verification {
      margin-top: 1.87rem;
      font-size: .96rem;
      line-height: 2.386rem;
      background-color: #33cc66;
      color: #fff;
      width: 70%;
      margin-left: 15%;
      border-radius: 3px; }
    .register .content .phone-code {
      text-align: center;
      margin: 26px -5% 0;
      border-top: 1px solid #cecece; }
      .register .content .phone-code h2, .register .content .phone-code h4 {
        font-weight: normal; }
      .register .content .phone-code h3 {
        font-size: 15px;
        color: #000;
        line-height: 1;
        padding: 30px 0 40px; }
      .register .content .phone-code h4 {
        font-size: 15px;
        color: #2c9dff;
        line-height: 1; }
      .register .content .phone-code .option-div {
        padding: 0 5%; }
        .register .content .phone-code .option-div img.get-code {
          margin-top: 1rem; }
        .register .content .phone-code .option-div button.get-code {
          margin-top: 1rem; }
    .register .content .loginbtn {
      text-align: center;
      color: #999;
      font-size: 13px;
      padding-top: 10px; }
      .register .content .loginbtn a {
        color: #e12229; }

.blue-font {
  font-size: .693rem;
  padding-top: .693rem;
  text-align: center; }
  .blue-font a {
    color: #e12229;
    text-decoration: none; }
  .blue-font a.forget {
    float: right; }

.mobile .logo {
  background-color: #FFF;
  border-top: none;
  box-shadow: 0 5px 10px rgba(150, 150, 150, 0.25); }
  .mobile .logo .try {
    border: 1px solid #333;
    color: #333; }
.mobile .banner {
  background: url(../images/banner.png) no-repeat 0 0;
  background-size: 100% 100%;
  height: 13.88rem;
  position: relative; }
  .mobile .banner button {
    width: 29.3%;
    line-height: 1.813rem;
    border-radius: 0.906rem;
    background-color: #e12229;
    color: #fff;
    position: absolute;
    left: 12.6%;
    top: 7.36rem;
    font-size: 0.587rem;
    font-weight: bold; }
.mobile .nav {
  padding: 0 15.7% 1.6rem;
  width: 68.6%;
  background-color: #FFF; }
  .mobile .nav li {
    float: left;
    width: 15%;
    margin-right: 27.5%;
    text-align: center; }
    .mobile .nav li a {
      text-decoration: none; }
    .mobile .nav li img {
      width: 76.5%; }
    .mobile .nav li span {
      color: #b2b2b2;
      font-size: .64rem;
      font-weight: bold; }
    .mobile .nav li span.active {
      color: #e12229; }
  .mobile .nav li:last-child {
    margin-right: 0; }
.mobile .content {
  background-color: #fff;
  text-align: center; }
  .mobile .content h2 {
    font-size: .8rem;
    padding-bottom: .533rem; }
  .mobile .content .text-decoration {
    display: block;
    margin-left: 46.5%;
    width: 7%;
    background-color: #e12229;
    height: .133rem; }
  .mobile .content p {
    padding: 0 1.2rem;
    padding-top: .8rem;
    line-height: 1.6;
    font-size: .64rem;
    color: #666;
    padding-bottom: 1.067rem; }
  .mobile .content img {
    display: inline-block;
    width: 68.6%; }
.mobile ul.details {
  background-color: #FFF; }
  .mobile ul.details li {
    background-color: #ccf4ff;
    position: relative;
    padding-left: 48%;
    width: 52%;
    padding-top: 3.1rem; }
    .mobile ul.details li .bg {
      position: absolute;
      left: 0; }
    .mobile ul.details li .icon {
      width: 15.7%;
      display: block; }
    .mobile ul.details li h4 {
      padding-top: .433rem;
      font-size: .747rem;
      color: #333;
      font-weight: bold;
      line-height: 1; }
    .mobile ul.details li .text-decoration {
      margin-top: 1.17rem;
      width: 13.33%;
      height: 0.107rem;
      background-color: #2b9FFF;
      margin-bottom: 0.7rem; }
    .mobile ul.details li p {
      font-size: 0.586rem;
      color: #666;
      line-height: 1.4;
      padding-bottom: 1.33rem;
      padding-right: 17.3%; }
    .mobile ul.details li .phone-img {
      width: 32.5%;
      position: absolute;
      left: 8.75%;
      bottom: -1.55rem;
      z-index: 50; }
  .mobile ul.details li:nth-child(even) {
    width: 43.25%;
    padding-right: 48%;
    padding-left: 0;
    background-color: #FFF;
    padding-left: 8.75%; }
    .mobile ul.details li:nth-child(even) .phone-img {
      left: auto;
      right: 8.75%; }
    .mobile ul.details li:nth-child(even) p {
      padding-right: 0; }
.mobile .regist-now {
  width: 100%;
  background: #fff;
  height: 4.05rem;
  padding-top: 1.6rem;
  text-align: center; }
  .mobile .regist-now .logo-img {
    width: 14.8%;
    display: block;
    padding-left: 42.6%;
    padding-bottom: .533rem; }
  .mobile .regist-now .regist-button {
    width: 24%;
    font-size: 0.587rem;
    background-color: #e12229;
    color: #fff;
    line-height: 1.333rem;
    border-radius: 0.667rem; }
    .mobile .regist-now .regist-button a {
      display: inline-block;
      width: 100%;
      height: 100%;
      color: #fff;
      text-decoration: none; }

.case .logo {
  background-color: #FFF;
  border-top: none;
  box-shadow: 0 5px 10px rgba(150, 150, 150, 0.25); }
  .case .logo .try {
    border: 1px solid #333;
    color: #333; }
.case .banner {
  background: url(../images/banner.png) no-repeat 0 0;
  background-size: 100% 100%;
  width: 100%;
  height: 13.87rem;
  position: relative;
  text-align: center; }
  .case .banner button {
    position: absolute;
    bottom: 2.88rem;
    left: 30%; }
.case .industry {
  background-color: #FFF;
  width: 100%; }
  .case .industry li {
    width: 38%;
    padding: 1.333rem 6%;
    float: left;
    text-align: center; }
    .case .industry li img.icon {
      width: 35%; }
    .case .industry li h4 {
      font-size: .72rem;
      line-height: 1;
      padding-top: .48rem;
      color: #e12229; }
    .case .industry li p {
      font-size: .586rem;
      line-height: 1.6;
      color: #666;
      text-align: left;
      padding-top: 0.5rem;
      height: 8.93rem; }
    .case .industry li button {
      background-color: #e12229;
      color: #fff;
      font-size: .586rem;
      line-height: 1.28rem;
      border-radius: 0.64rem;
      width: 4.53rem; }

.case-detail .banner.estate {
  background: url(../images/estate.png) no-repeat 0 0;
  background-size: 100% 100%; }
.case-detail .nav {
  width: 82%;
  border-bottom: 1px solid #d8d8d8;
  color: #666;
  font-size: .64rem;
  line-height: 2.347rem;
  padding: 0 13.33% 0 4.67%;
  background-color: #FFF;
  position: relative; }
  .case-detail .nav li {
    float: left;
    width: 25%;
    text-align: center;
    transform: translateY(1px); }
    .case-detail .nav li a {
      color: #666;
      text-decoration: none; }
  .case-detail .nav li.active {
    border-bottom: 2px #e12229 solid; }
    .case-detail .nav li.active a {
      color: #e12229; }
  .case-detail .nav .icon {
    position: absolute;
    width: 4.26%;
    right: 3.2%;
    top: .8rem; }
.case-detail .nav-ab {
  position: absolute;
  top: 2.6rem;
  margin-left: -5%;
  display: none;
  border-bottom: 1px solid #aaa; }
  .case-detail .nav-ab li {
    border: none; }
  .case-detail .nav-ab li.active {
    border: none; }
.case-detail .case-content {
  width: 100%;
  background-color: #FFF;
  padding-top: 1.6rem; }
  .case-detail .case-content li {
    padding-left: 5.87%;
    width: 94.13%;
    padding-bottom: 1.6rem; }
    .case-detail .case-content li h4 {
      border-left: 2px solid #e12229;
      font-size: .693rem;
      font-weight: bold;
      padding-left: 3%;
      line-height: 1.227rem; }
    .case-detail .case-content li p {
      padding-top: .533rem;
      font-size: .693rem;
      line-height: 1.6;
      color: #666;
      padding-left: 3.5%;
      padding-right: 9.06%; }
    .case-detail .case-content li ul {
      display: block;
      padding-top: .533rem;
      font-size: .693rem;
      line-height: 1.6;
      color: #666;
      padding-left: 3.5%;
      padding-right: 9.06%; }
      .case-detail .case-content li ul li {
        padding: 0 0;
        width: 100%; }
.case-detail .success-case {
  background-color: #FFF; }
  .case-detail .success-case h5 {
    font-size: .667rem;
    line-height: 1;
    padding: 0.533rem 0 0.8rem 0;
    text-align: center; }
    .case-detail .success-case h5 small {
      font-weight: normal;
      font-size: .427rem;
      line-height: 0;
      padding-top: .533rem;
      display: inline-block; }
  .case-detail .success-case img {
    padding: 0 5.86%;
    width: 88.28%; }
  .case-detail .success-case ul.names {
    padding: 0.8rem 5.86% 1.333rem;
    width: 88.28%; }
    .case-detail .success-case ul.names li {
      width: 50%;
      font-size: .533rem;
      line-height: .96rem;
      float: left; }
.case-detail .banner.medical {
  background: url(../images/medical.png) no-repeat 0 0;
  background-size: 100% 100%; }
.case-detail .banner.finance {
  background: url(../images/finance.png) no-repeat 0 0;
  background-size: 100% 100%; }
.case-detail .banner.catering {
  background: url(../images/catering.png) no-repeat 0 0;
  background-size: 100% 100%; }
.case-detail .banner.logistics {
  background: url(../images/logistics.png) no-repeat 0 0;
  background-size: 100% 100%; }
.case-detail .banner.government {
  background: url(../images/government.png) no-repeat 0 0;
  background-size: 100% 100%; }
.case-detail .banner.manufacture {
  background: url(../images/manufacture.png) no-repeat 0 0;
  background-size: 100% 100%; }
.case-detail .banner.food {
  background: url(../images/food.png) no-repeat 0 0;
  background-size: 100% 100%; }
.case-detail .banner.education {
  background: url(../images/education.png) no-repeat 0 0;
  background-size: 100% 100%; }
.case-detail .banner.clothing {
  background: url(../images/clothing.png) no-repeat 0 0;
  background-size: 100% 100%; }
.case-detail .banner.construction {
  background: url(../images/construction.png) no-repeat 0 0;
  background-size: 100% 100%; }

.integrate .banner {
  background: url(../images/integrate.png) no-repeat 0 0;
  background-size: 100% 100%; }
.integrate .nav {
  width: 82%;
  border-bottom: 1px solid #d8d8d8;
  color: #666;
  font-size: .64rem;
  line-height: 2.347rem;
  padding: 0 13.33% 0 4.67%;
  background-color: #FFF;
  position: relative; }
  .integrate .nav li {
    float: left;
    width: 25%;
    text-align: center;
    transform: translateY(1px); }
    .integrate .nav li a {
      color: #666;
      text-decoration: none; }
  .integrate .nav li.active {
    border-bottom: 2px #e12229 solid; }
    .integrate .nav li.active a {
      color: #e12229; }
  .integrate .nav .icon {
    position: absolute;
    width: 4.26%;
    right: 3.2%;
    top: .8rem; }
.integrate .nav-ab {
  position: absolute;
  top: 2.6rem;
  margin-left: -5%;
  border-bottom: 1px solid #aaa; }
  .integrate .nav-ab li {
    border: none; }
  .integrate .nav-ab li.active {
    border: none; }
.integrate .detail {
  background-color: #FFF; }
  .integrate .detail li {
    text-align: center;
    padding-bottom: 1.6rem; }
    .integrate .detail li h2 {
      font-size: .96rem;
      color: #333;
      padding-top: 1.6rem;
      line-height: 1;
      padding-bottom: .533rem; }
    .integrate .detail li .content-pre {
      font-size: .64rem;
      padding: 0.8rem 9.3%; }
    .integrate .detail li .content-after {
      font-size: .64rem;
      padding: 0 9.3%;
      color: #666;
      padding-top: .8rem; }
    .integrate .detail li .analysis {
      width: 56.53%; }
    .integrate .detail li .datebase {
      width: 88%; }
    .integrate .detail li .decoration {
      width: 8%;
      margin-left: 46%;
      height: 2px;
      background-color: #e12229; }
    .integrate .detail li ul.img-group {
      padding: 0 8.53%; }
      .integrate .detail li ul.img-group li {
        width: 45.9%;
        margin-right: 8.2%;
        float: left;
        text-align: center;
        background-color: #FFF;
        height: 6.4rem;
        margin-bottom: 1.07rem;
        padding-bottom: 0; }
        .integrate .detail li ul.img-group li img {
          padding-top: 0.533rem;
          width: 41.5%;
          padding-left: 29.25%;
          display: block; }
        .integrate .detail li ul.img-group li p {
          font-size: .587rem;
          padding: 0 10.7%;
          padding-top: .85rem; }
      .integrate .detail li ul.img-group li:nth-child(even) {
        margin-right: 0; }
    .integrate .detail li ul.date-ul {
      padding: 0 8.53%; }
      .integrate .detail li ul.date-ul li {
        float: left;
        margin-right: 2.6%;
        width: 31.53%;
        background-color: #F4F4F4;
        padding-bottom: 0;
        height: 5.07rem; }
        .integrate .detail li ul.date-ul li img {
          width: 36.72%;
          display: block;
          padding-left: 31.64%;
          padding-top: .587rem; }
        .integrate .detail li ul.date-ul li p {
          font-size: .48rem;
          padding: .5rem .427rem 0; }
      .integrate .detail li ul.date-ul li:last-child {
        margin-right: 0; }
    .integrate .detail li p.ta-left {
      text-align: left;
      padding: .4rem 9.3%; }
    .integrate .detail li ul.feature {
      padding: 0 5.87%;
      margin-top: .8rem; }
      .integrate .detail li ul.feature li {
        width: 24.17%;
        float: left;
        font-size: .587rem;
        text-align: center;
        line-height: 1.387rem;
        background-color: #F4F4F4;
        padding-bottom: 0;
        margin-right: 1.1%;
        color: #989898; }
      .integrate .detail li ul.feature li:last-child {
        margin-right: 0; }
      .integrate .detail li ul.feature li.active {
        background-color: #02a5ef;
        color: #fff; }
    .integrate .detail li .feature-p {
      font-size: .533rem;
      background-color: #F4F4F4;
      width: 82.4%;
      margin: 1.07rem 5.87% 0;
      color: #666;
      padding: 0.75rem 2.93%;
      text-align: left;
      line-height: 1rem;
      border-radius: 5px;
      position: relative; }
    .integrate .detail li .feature-p:before {
      position: absolute;
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: .48rem solid transparent;
      border-bottom: .8rem solid #f4f4f4;
      top: -1.25rem; }
    .integrate .detail li .feature-p:nth-child(1):before {
      left: 9%; }
    .integrate .detail li .feature-p:nth-child(2):before {
      left: 34%; }
    .integrate .detail li .feature-p:nth-child(3):before {
      left: 60%; }
    .integrate .detail li .feature-p:nth-child(4):before {
      left: 85%; }
  .integrate .detail li:nth-child(even) {
    background-color: #F4F4F4; }

.experience .logo {
  background-color: #FFF;
  border-top: none;
  box-shadow: 0 5px 10px rgba(150, 150, 150, 0.25); }
  .experience .logo .try {
    border: 1px solid #333;
    color: #333; }
.experience .banner {
  background: url(../images/banner.png) no-repeat 0 0;
  background-size: 100% 100%;
  width: 100%;
  height: 13.87rem;
  position: relative;
  text-align: center; }
  .experience .banner button {
    position: absolute;
    bottom: 4.7rem;
    left: 13.33%;
    width: 29.3%;
    line-height: 1.87rem;
    font-size: .746rem;
    border-radius: .94rem; }
.experience .nav {
  width: 82%;
  border-bottom: 1px solid #d8d8d8;
  color: #666;
  font-size: .693rem;
  line-height: 2.347rem;
  padding: 0 13.33% 0 4.67%;
  background-color: #FFF;
  position: relative; }
  .experience .nav li {
    float: left;
    width: 25%;
    text-align: center;
    transform: translateY(1px); }
    .experience .nav li a {
      color: #666;
      text-decoration: none; }
  .experience .nav li.active {
    border-bottom: 2px #e12229 solid; }
    .experience .nav li.active a {
      color: #e12229; }
  .experience .nav .icon {
    position: absolute;
    width: 4.26%;
    right: 3.2%;
    top: .8rem; }
  .experience .nav .nav-ab {
    position: absolute;
    top: 2.6rem;
    margin-left: -5%;
    display: none;
    border-bottom: 1px solid #aaa; }
    .experience .nav .nav-ab li {
      border: none; }
    .experience .nav .nav-ab li.active {
      border: none; }
.experience .icons {
  padding: 0 5.87%;
  width: 88.26%;
  background-color: #FFF; }
  .experience .icons li {
    float: left;
    width: 31.73%;
    margin-right: 2.4%;
    text-align: center; }
    .experience .icons li img {
      padding: 1.333rem 0 1.226rem;
      width: 70%;
      display: block;
      margin-left: 15%; }
    .experience .icons li p {
      font-size: .64rem;
      line-height: 1.6;
      padding-bottom: .8rem; }
  .experience .icons li:last-child {
    margin-right: 0; }
.experience .banner.finance {
  background: url(../images/banner.png) no-repeat 0 0;
  background-size: 100% 100%; }
.experience .banner.manager {
  background: url(../images/banner.png) no-repeat 0 0;
  background-size: 100% 100%; }
.experience .banner.newworker {
  background: url(../images/banner.png) no-repeat 0 0;
  background-size: 100% 100%; }
.experience .banner.personnel {
  background: url(../images/banner.png) no-repeat 0 0;
  background-size: 100% 100%; }
.experience .banner.project {
  background: url(../images/banner.png) no-repeat 0 0;
  background-size: 100% 100%; }
.experience .banner.sales {
  background: url(../images/banner.png) no-repeat 0 0;
  background-size: 100% 100%; }
.experience .regist-now {
  width: 100%;
  background: #fff;
  height: 4.05rem;
  padding-top: .6rem;
  text-align: center; }
  .experience .regist-now .logo-img {
    width: 14.8%;
    display: block;
    padding-left: 42.6%;
    padding-bottom: .533rem; }
  .experience .regist-now .regist-button {
    width: 24%;
    font-size: 0.587rem;
    background-color: #e12229;
    color: #fff;
    line-height: 1.333rem;
    border-radius: 0.667rem;
    box-shadow: 0 0.16rem rgba(30, 30, 30, 0.25); }
    .experience .regist-now .regist-button a {
      display: inline-block;
      width: 100%;
      height: 100%;
      color: #fff;
      text-decoration: none; }
.experience .content li {
  background-color: #fff;
  text-align: center;
  padding-top: 1.6rem; }
  .experience .content li h2 {
    font-size: .8rem;
    padding-bottom: .533rem; }
  .experience .content li .text-decoration {
    display: block;
    margin-left: 46.5%;
    width: 7%;
    background-color: #e12229;
    height: .133rem; }
  .experience .content li p {
    padding: 0 1.2rem;
    padding-top: .8rem;
    line-height: 1.6;
    font-size: .64rem;
    color: #666;
    padding-bottom: 1.067rem; }
  .experience .content li img {
    display: block;
    width: 97.3%;
    padding-left: 1.85%; }
.experience .content li:nth-child(odd) {
  background-color: #F5F5F5; }

.partner .banner {
  background: url(../images/banner.jpg) no-repeat 0 0;
  background-size: 100% 100%;
  width: 100%;
  height: 13.87rem;
  position: relative;
  text-align: center; }
  .partner .banner button {
    position: absolute;
    bottom: 2.88rem;
    left: 30%; }
.partner .nav {
  font-size: .693rem;
  line-height: 2.237rem;
  color: #999;
  border-bottom: 1px solid #d8d8d8;
  font-weight: bold;
  width: 49.4%;
  padding: 0 25.3%;
  background-color: #FFF; }
  .partner .nav li {
    float: left;
    width: 37.8%;
    margin-right: 24.4%;
    text-align: center;
    color: #999; }
    .partner .nav li a {
      color: #999;
      text-decoration: none; }
  .partner .nav li.active {
    color: #2b9FFF;
    border-bottom: 2px solid #2b9FFF;
    transform: translateY(1px); }
    .partner .nav li.active a {
      color: #2b9FFF; }
  .partner .nav li:last-child {
    margin-right: 0; }
.partner .description {
  background-color: #fff;
  width: 88.26%;
  padding: 1.333rem 5.87% 1.6rem;
  font-size: .64rem; }
.partner .color {
  width: 71.8%;
  padding: .8rem 14.1%;
  background-color: #F4F4F4; }
  .partner .color img {
    width: 100%; }
.partner .flow {
  background-color: #FFF;
  padding-top: 1.6rem;
  position: relative;
  padding-bottom: 2rem; }
  .partner .flow .title {
    font-size: .8rem;
    color: #333;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding-bottom: .8rem; }
  .partner .flow .content {
    width: 93.6%;
    margin: 0 3.2%;
    border: 2px solid #c6c6c6;
    border-radius: 17px;
    position: relative; }
    .partner .flow .content li {
      text-align: center;
      font-size: .533rem;
      color: #666; }
      .partner .flow .content li .left, .partner .flow .content li .right {
        float: left;
        width: 36%;
        margin-left: 5%; }
        .partner .flow .content li .left img, .partner .flow .content li .right img {
          padding: .533rem 0;
          width: 40%; }
        .partner .flow .content li .left img.bottom, .partner .flow .content li .right img.bottom {
          width: 11%;
          padding: 0 0;
          display: block;
          padding-left: 44.5%; }
        .partner .flow .content li .left p, .partner .flow .content li .right p {
          height: 3.2rem; }
      .partner .flow .content li .middle-img {
        float: left;
        width: 18%;
        text-align: center; }
        .partner .flow .content li .middle-img img {
          width: 45%;
          padding-top: 1.4rem; }
      .partner .flow .content li .right {
        float: right;
        margin-right: 5%;
        margin-left: 0; }
  .partner .flow .content-logo {
    position: absolute;
    z-index: 50;
    left: 37%;
    top: 50%;
    width: 26%; }
  .partner .flow .banner-button {
    position: absolute;
    width: 22.6%;
    left: 38.7%;
    font-size: .533rem;
    line-height: 1.333rem;
    bottom: 1.333rem;
    background-color: #e12229;
    border: none; }
.partner .construct-us {
  padding: .96rem 3.2%;
  background: url(../images/legend.jpg) no-repeat 0 0;
  background-size: 100% 100%; }
  .partner .construct-us li {
    width: 31.46%;
    margin-right: 2.8%;
    float: left;
    text-align: center;
    height: 3.733rem;
    background-color: #FFF;
    font-size: 0.48rem;
    color: #666; }
    .partner .construct-us li .direction {
      width: 28%;
      margin-left: 36%;
      height: 2px;
      background-color: #e12229; }
    .partner .construct-us li p {
      margin-top: 5px; }
    .partner .construct-us li img {
      padding-top: .533rem;
      width: 21%; }
  .partner .construct-us li:last-child {
    margin-right: 0; }
.partner .partner-ul {
  background-color: #FFF;
  text-align: center;
  padding-bottom: 2.03rem; }
  .partner .partner-ul li {
    background-color: #F5F5F5;
    border-radius: 10px;
    position: relative;
    margin: 0 5.86%;
    margin-bottom: 2.03rem; }
    .partner .partner-ul li img {
      position: absolute;
      top: -1rem;
      width: 11.33%;
      left: 44.33%; }
    .partner .partner-ul li h4 {
      padding-top: 1.53rem;
      font-size: .64rem;
      line-height: 1;
      padding-bottom: .8rem; }
    .partner .partner-ul li p {
      font-size: .64rem;
      padding: 0 5%;
      padding-bottom: .96rem; }
  .partner .partner-ul li:last-child {
    margin-bottom: 0; }
  .partner .partner-ul .banner-button {
    background-color: #e12229;
    border: none; }

.news {
  background-color: #fff; }
  .news .login {
    margin-bottom: 0; }
  .news .banner {
    background: url(../images/banner.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 100%;
    height: 13.87rem;
    position: relative;
    text-align: center; }
  .news .banner.detail {
    background: url(../images/banner1.png) no-repeat 0 0;
    position: absolute; }
  .news .nav {
    width: 82%;
    border-bottom: 1px solid #d8d8d8;
    color: #666;
    font-size: .693rem;
    line-height: 2.347rem;
    padding: 0 13.33% 0 4.67%;
    background-color: #FFF;
    position: relative; }
    .news .nav li {
      float: left;
      width: 25%;
      text-align: center; }
      .news .nav li a {
        color: #666;
        text-decoration: none; }
    .news .nav li.active {
      border-bottom: 2px solid #e12229; }
      .news .nav li.active a {
        color: #e12229; }
    .news .nav .icon {
      position: absolute;
      width: 4.26%;
      right: 3.2%;
      top: .8rem; }
    .news .nav .nav-ab {
      position: absolute;
      top: 2.6rem;
      margin-left: -5%;
      display: none;
      border-bottom: 1px solid #aaa; }
      .news .nav .nav-ab li {
        border: none; }
      .news .nav .nav-ab li.active {
        border: none; }
  .news .content {
    background-color: #f5f5f5;
    padding: 1.333rem 5.86% 0; }
    .news .content li {
      width: 44.2%;
      margin-right: 4%;
      float: left;
      background-color: #FFF;
      padding: 0.64rem 1.9%;
      margin-bottom: 1.067rem;
      border-bottom: 4px solid #e12229; }
      .news .content li a {
        color: #333;
        text-decoration: none; }
      .news .content li img {
        width: 100%;
        display: block;
        height: 4.9rem; }
      .news .content li h2 {
        font-size: 1.067rem;
        line-height: 1;
        padding: 1.173rem 0 .533rem; }
        .news .content li h2 small {
          font-size: .48rem;
          font-weight: normal;
          color: #999;
          padding-left: .64rem; }
      .news .content li p {
        font-size: .64rem;
        padding-bottom: .4rem;
        height: 1.9rem; }
    .news .content li:nth-child(even) {
      margin-right: 0; }
  .news .banner-button {
    width: 22.6%;
    margin-left: 38.7%;
    font-size: .533rem;
    line-height: 1.333rem;
    margin-bottom: .8rem;
    background-color: #e12229;
    border: none; }
  .news .news-detail {
    margin-top: 3rem;
    position: relative;
    background-color: transparent;
    padding: 0 5.87%;
    margin-bottom: 1rem; }
    .news .news-detail img.insert {
      width: 100%; }
    .news .news-detail h3 {
      font-size: .96rem;
      padding-top: .5rem;
      text-align: center; }
    .news .news-detail .time {
      text-align: center;
      font-size: .533rem;
      color: #c6c6c6;
      padding: .533rem 0 .266rem;
      line-height: 1; }
    .news .news-detail p {
      font-size: .64rem;
      color: #666;
      background-color: transparent !important; }
      .news .news-detail p img {
        width: 100% !important;
        height: auto !important; }
    .news .news-detail .banner-button {
      margin-top: 1.066rem; }

.weaver {
  background-color: #fff; }
  .weaver .banner {
    background: url(../images/weaver.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 100%;
    height: 13.87rem;
    position: relative;
    text-align: center; }
  .weaver .weaver-choice {
    font-size: .693rem;
    line-height: 2.237rem;
    border-bottom: 1px solid #d8d8d8;
    font-weight: bold;
    padding: 0 15.6%;
    background-color: #FFF; }
    .weaver .weaver-choice li {
      float: left;
      width: 24%;
      margin-right: 14%;
      text-align: center;
      transform: translateY(1px); }
      .weaver .weaver-choice li a {
        color: #999;
        text-decoration: none; }
    .weaver .weaver-choice li:last-child {
      margin-right: 0; }
    .weaver .weaver-choice li.active {
      border-bottom: 2px solid #e12229; }
      .weaver .weaver-choice li.active a {
        color: #e12229; }
  .weaver .weaver-content {
    padding: 0 5.57%;
    padding-bottom: .266rem; }
    .weaver .weaver-content h2 {
      text-align: center;
      font-size: .8rem;
      color: #333;
      line-height: 1;
      padding-top: 1.6rem;
      padding-bottom: .533rem; }
    .weaver .weaver-content .direction {
      width: 7.2%;
      margin-left: 46.4%;
      height: 2px;
      background-color: #e12229;
      margin-bottom: .8rem; }
    .weaver .weaver-content p {
      font-size: .64rem;
      color: #666;
      padding-bottom: 1.333rem; }
      .weaver .weaver-content p span {
        display: inline-block;
        width: .32rem;
        height: .32rem;
        margin-right: .8rem;
        transform: translate(0.1rem, -0.05rem);
        border-radius: 0.16rem; }
      .weaver .weaver-content p span.blue {
        background-color: #03a6ee; }
      .weaver .weaver-content p span.yellow {
        background-color: #f8b551; }
      .weaver .weaver-content p span.green {
        background-color: #8fc31f; }
  .weaver .number {
    background-color: #F5F5F5; }
    .weaver .number ul {
      width: 100%;
      padding: 0 0; }
      .weaver .number ul li {
        width: 40%;
        padding: 0 0;
        margin-right: 28%;
        float: left; }
        .weaver .number ul li h3 {
          font-size: 1.6rem;
          line-height: 1;
          padding-bottom: .266rem;
          color: #333; }
        .weaver .number ul li h4 {
          font-size: .64rem;
          line-height: 1;
          padding-bottom: .64rem;
          color: #333;
          font-weight: normal; }
        .weaver .number ul li p {
          font-size: .587rem;
          color: #666;
          padding: 0 0;
          padding-bottom: 1.867rem; }
      .weaver .number ul li:nth-child(even) {
        margin-right: 0;
        width: 32%; }
  .weaver .sevice {
    background: url(../images/banner-bottom.png) no-repeat 0 0;
    background-size: 100% 100%;
    padding: 0 3.2%;
    padding-bottom: 1.227rem; }
    .weaver .sevice h2 {
      color: #fff; }
    .weaver .sevice ul {
      padding-bottom: .426rem; }
      .weaver .sevice ul li {
        background-color: #FFF;
        float: left;
        width: 32%;
        text-align: center;
        border-radius: 8px;
        margin-right: 2%;
        height: 5.1rem; }
        .weaver .sevice ul li p {
          font-size: .533rem;
          color: #999;
          padding: 0 .2rem;
          line-height: 1.2; }
        .weaver .sevice ul li h5 {
          font-size: .587rem;
          line-height: 1;
          padding: .8rem 0;
          color: #e12229; }
      .weaver .sevice ul li:last-child {
        margin-right: 0; }
    .weaver .sevice ul.service-ul-two {
      padding: 0 13.1%; }
      .weaver .sevice ul.service-ul-two li {
        margin-right: 3.6%;
        width: 48.2%;
        height: 5.5rem; }
      .weaver .sevice ul.service-ul-two li:last-child {
        margin-right: 0; }
  .weaver .history {
    padding: 0 0; }
    .weaver .history ul {
      padding-left: 23.4%; }
      .weaver .history ul li {
        font-size: .533rem;
        line-height: 1;
        color: #333;
        padding-top: .033rem;
        padding-bottom: .5rem;
        padding-left: 5%;
        background: url(../images/champ.png) no-repeat 0 0;
        background-size: .533rem; }
  .weaver .contact .map {
    width: 100%; }
  .weaver .contact h3 {
    font-size: .8rem;
    line-height: 1;
    padding-top: 1.067rem;
    padding-bottom: .693rem; }
    .weaver .contact h3 span {
      display: inline-block;
      width: .693rem;
      height: .693rem;
      margin-right: 6px;
      transform: translate(0, 1px); }
    .weaver .contact h3 span.blue {
      background-color: #03a6ee; }
    .weaver .contact h3 span.yellow {
      background-color: #f8c82e; }
    .weaver .contact h3 span.green {
      background-color: #32ce99; }
    .weaver .contact h3 span.Indigo {
      background-color: #00e6f6; }
    .weaver .contact h3 span.orange {
      background-color: #f4743e; }
    .weaver .contact h3 span.dark-green {
      background-color: #25a899; }
  .weaver .contact .city {
    font-size: .587rem;
    line-height: 1; }
    .weaver .contact .city li {
      float: left;
      padding-bottom: .533rem;
      padding-right: .427rem; }
  .weaver .welcome {
    text-align: center;
    font-size: 12px;
    color: #666; }
    .weaver .welcome h5 {
      color: #333;
      font-size: 13px;
      line-height: 1;
      margin-top: 30px;
      margin-bottom: 15px; }
    .weaver .welcome p {
      line-height: 1.4;
      margin-bottom: 15px; }
  .weaver .Headquarters {
    margin: 0 12px;
    background: url(../images/map-detail.png) no-repeat 0 0;
    background-size: 100% 100%;
    margin-bottom: 30px; }
    .weaver .Headquarters .information {
      background-color: #16a9ea;
      color: #fff;
      display: inline-block;
      font-size: .64rem;
      padding: 0 2.6%;
      height: 20rem;
      text-align: center; }
      .weaver .Headquarters .information a {
        color: #fff;
        text-decoration: none; }
      .weaver .Headquarters .information h3 {
        margin-top: 1.333rem;
        font-size: .96rem;
        line-height: 1;
        text-align: left; }
      .weaver .Headquarters .information small {
        font-size: .48rem;
        font-weight: normal;
        margin-top: 3px;
        display: inline-block;
        text-align: left;
        width: 100%; }
      .weaver .Headquarters .information .nav-bar {
        margin-top: 25px;
        text-align: left; }
        .weaver .Headquarters .information .nav-bar img {
          height: .853rem;
          float: left;
          padding-right: 0.1rem; }
        .weaver .Headquarters .information .nav-bar a, .weaver .Headquarters .information .nav-bar span {
          padding-top: 1px;
          float: left;
          display: inline-block;
          line-height: 1.2; }
        .weaver .Headquarters .information .nav-bar .location {
          padding-top: .3rem; }
      .weaver .Headquarters .information .code {
        width: 6.2rem;
        margin-top: 20px; }
  .weaver .input-array input, .weaver .input-array textarea {
    width: 100%;
    padding: 0 5%;
    font-size: .746rem;
    line-height: 2.4rem;
    border: 1px solid #666;
    margin-bottom: 1.6rem;
    border-radius: 5px;
    outline: none; }
  .weaver .input-array textarea {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    line-height: 1.2rem;
    height: 4rem;
    margin-bottom: 0; }
  .weaver .banner-button {
    text-align: center;
    width: 37.2%;
    margin-left: 31.4%;
    margin-top: 1rem;
    margin-bottom: 1.6rem;
    background-color: #e12229; }
  .weaver .recruit {
    font-size: .64rem;
    padding: 0 5.87%;
    background-color: #f2f2f2;
    padding-bottom: 1.6rem; }
    .weaver .recruit .top {
      padding-top: 1.6rem;
      padding-bottom: .8rem;
      color: #666;
      text-align: center; }
    .weaver .recruit h4 {
      font-size: .693rem;
      color: #333;
      text-align: center;
      line-height: 1;
      padding-bottom: .8rem; }
    .weaver .recruit .email {
      color: #e12229;
      padding-bottom: 1.6rem;
      font-size: .693rem;
      text-align: center;
      font-weight: bold; }
    .weaver .recruit .part-nav {
      padding-bottom: 1.6rem; }
      .weaver .recruit .part-nav li {
        background-color: #FFF;
        color: #999;
        width: 31.7%;
        margin-right: 2.45%;
        float: left;
        text-align: center;
        font-size: .693rem;
        line-height: 2.24rem; }
      .weaver .recruit .part-nav li:last-child {
        margin-right: 0; }
      .weaver .recruit .part-nav li.active {
        color: #e12229; }
    .weaver .recruit .post-nav {
      background-color: #FFF;
      padding: 1.333rem 2.27% 1.6rem;
      color: #333;
      margin-bottom: 1.6rem; }
      .weaver .recruit .post-nav h5 {
        font-size: .8rem;
        line-height: 1;
        margin-bottom: .8rem; }
      .weaver .recruit .post-nav h6 {
        font-size: .693rem;
        font-weight: normal;
        padding-left: 10px;
        border-left: 4px solid #e12229;
        line-height: 1.1;
        margin-bottom: 1.066rem;
        margin-top: 0.533rem; }
      .weaver .recruit .post-nav .post p {
        color: #666;
        font-size: .693rem; }
      .weaver .recruit .post-nav .post p:last-child {
        padding-bottom: .8rem; }
      .weaver .recruit .post-nav .bottom {
        color: #333;
        font-size: .693rem;
        line-height: 1; }
        .weaver .recruit .post-nav .bottom span {
          color: #e12229; }
    .weaver .recruit .post-nav:last-child {
      margin-bottom: 0; }
  .weaver .float-shadow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20000;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    display: none; }
    .weaver .float-shadow .float-info {
      position: absolute;
      top: 40%;
      left: 16%;
      right: 16%;
      border-radius: 15px;
      background-color: #FFF;
      overflow: hidden;
      font-size: 13px;
      padding-bottom: 25px; }
      .weaver .float-shadow .float-info .title {
        background-color: #e12229;
        text-align: center;
        color: #fff;
        font-size: 18px;
        line-height: 35px;
        margin-bottom: 5px; }
      .weaver .float-shadow .float-info .nav-bar {
        padding: 0 25px;
        padding-right: 50px;
        position: relative;
        padding-top: 15px; }
        .weaver .float-shadow .float-info .nav-bar img {
          position: absolute;
          width: 22px; }
        .weaver .float-shadow .float-info .nav-bar a, .weaver .float-shadow .float-info .nav-bar span {
          padding-left: 30px;
          display: inline-block;
          line-height: 22px; }
      .weaver .float-shadow .float-info .nav-bar:last-child img {
        transform: translateY(11px); }

.copyright {
  font-size: 10px;
  text-align: center;
  background-color: #122b3a;
  padding: 5px 0; }
  .copyright a {
    color: #565656;
    text-decoration: none; }
    .copyright a img {
      height: 10px;
      transform: translateY(2px); }

.openbeta {
  position: relative; }
  .openbeta .swiper-slide {
    position: absolute;
    top: 0;
    height: auto;
    z-index: -10; }
  .openbeta .content {
    background: #fff;
    box-shadow: 0 0 10px 5px rgba(150, 150, 150, 0.25);
    padding: 0 16px; }
    .openbeta .content h2 {
      font-size: 15px;
      color: #333;
      padding: 20px 0 15px;
      text-align: center; }
    .openbeta .content h3 {
      font-size: 13px;
      color: #333;
      margin-top: 20px;
      margin-bottom: 2px; }
    .openbeta .content p {
      font-size: 12px;
      color: #666;
      line-height: 1.5; }
    .openbeta .content p.top {
      margin-bottom: 5px; }
    .openbeta .content p.bottom {
      margin-top: 20px;
      margin-bottom: 5px; }
    .openbeta .content input {
      outline: none;
      border: 1px solid #ccc;
      border-radius: 5px;
      line-height: 43px;
      font-size: 13px;
      color: #d3d3d3; }
    .openbeta .content .name {
      margin-left: 3%;
      width: 29%;
      padding-left: 4%;
      float: left; }
    .openbeta .content .phone {
      float: right;
      width: 53%;
      padding-left: 4%;
      margin-right: 1%; }
    .openbeta .content .company {
      margin-left: 3%;
      margin-top: 15px;
      margin-right: 1%;
      padding-left: 4%;
      width: 92%; }
    .openbeta .content textarea {
      margin-left: 3%;
      margin-top: 15px;
      margin-right: 1%;
      padding: 5px 0;
      padding-left: 4%;
      width: 92%;
      border: 1px solid #ccc;
      border-radius: 5px;
      height: 50px;
      font-size: 13px;
      outline: none; }
    .openbeta .content p.tips {
      font-size: 8px;
      color: #999; }
    .openbeta .content button {
      margin-left: 3%;
      width: 95px;
      line-height: 29px;
      border: none;
      border-radius: 14.5px;
      font-size: 13px;
      color: #fff;
      background-color: #03a6f0;
      margin-top: 20px;
      margin-bottom: 35px; }
    .openbeta .content .clearfix {
      position: relative; }
      .openbeta .content .clearfix span {
        color: #f62c33;
        position: absolute; }
      .openbeta .content .clearfix span.one {
        left: 0;
        top: 0; }
      .openbeta .content .clearfix span.two {
        left: 38%;
        top: 0; }
  .openbeta .content-bg {
    background: transparent;
    padding-top: 67px;
    padding: 67px 6% 0;
    margin-bottom: 30px; }

#newBridge .nb-icon-wrap-0.nb-icon-right-center {
  bottom: 0;
  top: auto;
  transform: translateY(0);
  height: 3rem !important;
  background: #0086FF;
  border-radius: 0;
  right: 0; }

#newBridge .nb-icon-wrap-0.nb-icon-right-center .nb-icon-wrap-base {
  background: url(../images/baidu_white.png) center center no-repeat #0086FF;
  background-size: 2rem auto; }
.col-md-6{margin:0 auto;text-align:center;width:100%;padding-bottom:10px;}

.col-md-6 h3{text-align:center;font-size: .96rem;padding-top:30px;padding-bottom:20px;#333}
.form-control {
    width: 85%;
    height: 1.7rem;
    padding: 4px 12px;
    font-size: 14px;
	margin-top:1px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.btn {
	line-height: 1.5rem;
    background-color: #e12229;
    color: #fff;
    font-size: 0.64rem;
    border-radius: 0.75rem;
    font-weight: bold;
	margin-top:20px;

    box-shadow: 0 0.16rem rgba(226, 226, 226, 0.25);
    display: inline-block;
    padding: 8px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
/*wapClass*/
.wapClass{ overflow:hidden; padding-bottom:0.2rem; margin-bottom:.12rem; background-color:#fff;}
.wapClass ul li{ width:25%; float:left; overflow:hidden;}
.wapClass ul li a{ display:block; overflow:hidden; text-align:center; cursor:pointer;}
.wapClass ul li a i{ display:block; width:50px; height:50px; margin:0 auto; margin-bottom:.06rem; background:url(../images/wapclass.png) no-repeat; background-size:50px 450px; position:relative; margin-top:.2rem;}
.wapClass ul li a i ins{ display:block; position:absolute; height:16px; border-radius:8px; background-color:#FF5837; font-size:0.75em; line-height:16px; padding:0 5px; color:#fff; text-decoration:none; left:25px; width:34px; top:-8px; text-align:center;}
.wapClass ul li a span{ display:block; font-size:12px; height:1.6rem; line-height:1.6rem; overflow:hidden;}
.wapClass ul li a i.wc_hlal{ background-position: 0 -50px;}
.wapClass ul li a i.wc_zxhd{ background-position: 0 -100px;}
.wapClass ul li a i.wc_hlkt{ background-position: 0 -150px;}
.wapClass ul li a i.wc_chs{ background-position: 0 -200px;}
.wapClass ul li a i.wc_hlbj{ background-position: 0 -250px;}
.wapClass ul li a i.wc_mffa{ background-position: 0 -300px;}
.wapClass ul li a i.wc_waga{ background-position: 0 -350px;}
.wapClass ul li a i.wc_gyxp{ background-position: 0 -400px;}