@charset "UTF-8";
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
  /*behavior: url(css/iecss3.htc); */ }

.Box12 {
  max-width: 1280px;
  margin: 0 auto; }

.BigTitle {
  width: 100%;
  float: left; }

.BigTitle .title {
  font-size: 28px;
  font-weight: bold;
  float: left; }

.BigTitle .desc {
  float: left;
  margin-top: 15px;
  margin-left: 15px; }

.Bigdesc {
  text-align: center;
  margin-top: 10px;
  color: #666;
  width: 100%;
  float: left; }

.footer {
  float: left;
  width: 100%; }

.Slide {
  width: 100%;
  float: left;
  height: auto;
  position: relative;
  margin-top: 0px; }
  .Slide img {
    width: 100%; }
  .Slide .phone {
    display: none; }

.BigTitle {
  text-align: center; }
  .BigTitle .title {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    display: block; }
  .BigTitle .desc {
    text-align: center;
    width: 100%;
    float: left;
    height: auto;
    margin: 0;
    font-size: 14px;
    margin-top: 10px; }
  .BigTitle h2 {
    font-size: 36px; }

.advertiseInfo {
  background: #fafafa;
  width: 100%;
  float: left;
  height: auto;
  padding-bottom: 50px; }
  .advertiseInfo .list {
    background: #fff;
    width: 100%;
    float: left;
    height: auto;
    margin-top: -30px;
    position: relative;
    padding: 20px; }
    .advertiseInfo .list li {
      width: 25%;
      float: left;
      display: flex;
      justify-content: center; }
      .advertiseInfo .list li img {
        float: left; }
      .advertiseInfo .list li .content {
        float: left;
        margin-left: 20px; }
        .advertiseInfo .list li .content .title {
          font-weight: bold;
          font-size: 18px;
          color: #696969; }
        .advertiseInfo .list li .content .desc {
          color: #999999; }

.Explain {
  width: 100%;
  float: left;
  height: auto;
  background: #fafafa url(../images/Bg_14.jpg) bottom no-repeat;
  padding: 30px 30px 50px 30px; }
  .Explain .tabList {
    margin-top: 50px;
    width: 100%;
    float: left;
    height: auto; }
    .Explain .tabList .tabTitle {
      width: 100%;
      float: left;
      height: auto;
      flex-shrink: 0;
      margin-bottom: 30px;
      width: 100%;
      position: relative;
      z-index: 1; }
      .Explain .tabList .tabTitle:before {
        width: 1270px;
        height: 15px;
        background: #e4582d;
        position: absolute;
        top: -15px;
        content: "";
        right: 0px; }
      .Explain .tabList .tabTitle:after {
        width: 15px;
        height: 98%;
        background: #e4582d;
        position: absolute;
        top: -15px;
        content: "";
        right: 0px; }
      .Explain .tabList .tabTitle ul {
        width: 100%;
        float: left;
        height: auto;
        width: 1265px;
        background: #fff;
        padding: 30px 20px;
        padding-right: 0px;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
        z-index: 9999;
        position: relative; }
        .Explain .tabList .tabTitle ul li {
          line-height: 40px;
          font-size: 16px;
          padding: 0 20px;
          color: #333;
          float: left;
          width: auto;
          background: #f8f8f8;
          margin-right: 20px;
          margin-bottom: 10px;
          cursor: pointer; }
        .Explain .tabList .tabTitle ul .hover {
          background: #e4582d;
          color: #fff;
          font-weight: normal; }
    .Explain .tabList .tabContent {
      background: #fff;
      padding: 0px 0;
      width: 100%;
      float: left;
      height: auto;
      width: 100%; }
      .Explain .tabList .tabContent .block {
        width: 100%;
        float: left;
        height: auto;
        display: none; }
        .Explain .tabList .tabContent .block .box {
          display: flex;
          justify-content: space-between;
          padding: 30px 100px 0 100px; }
          .Explain .tabList .tabContent .block .box .fl {
            width: 50%;
            flex-shrink: 0;
            float: left;
            padding: 30px 30px;
            border-bottom: 2px solid #f0f0f0; }
            .Explain .tabList .tabContent .block .box .fl .content .title {
              font-size: 18px;
              font-weight: bold; }
            .Explain .tabList .tabContent .block .box .fl .content .desc {
              color: #999999;
              margin-top: 10px;
              line-height: 1.8;
              font-size: 14px; }
            .Explain .tabList .tabContent .block .box .fl .img {
              width: 100%;
              text-align: center;
              margin-top: 20px; }
          .Explain .tabList .tabContent .block .box .fr {
            border-bottom: 2px solid #f0f0f0;
            flex-shrink: 0;
            width: 50%;
            padding: 30px 30px;
            background: url(../images/Bg_20.jpg) left no-repeat; }
            .Explain .tabList .tabContent .block .box .fr .title {
              font-size: 18px;
              font-weight: bold; }
            .Explain .tabList .tabContent .block .box .fr ul li {
              width: 100%;
              margin-top: 20px;
              position: relative;
              padding-left: 20px;
              font-size: 14px; }
              .Explain .tabList .tabContent .block .box .fr ul li:before {
                background: #b39186;
                content: "";
                width: 7px;
                height: 7px;
                position: absolute;
                left: 0;
                top: 7px; }
        .Explain .tabList .tabContent .block .more {
          display: block;
          text-align: center;
          padding: 40px 0 30px 0;
          float: left;
          width: 100%; }
          .Explain .tabList .tabContent .block .more a {
            display: inline-block;
            background: #e4582e;
            padding: 0px 80px;
            color: #fff;
            line-height: 50px;
            font-size: 20px;
            border-radius: 4px; }
      .Explain .tabList .tabContent .hover {
        display: block; }

@keyframes myfirst {
  0% {
    top: 0px; }
  25% {
    top: -5px; }
  50% {
    top: 5px; }
  75% {
    top: -5px; }
  100% {
    top: 0; } }
.Server {
  width: 100%;
  float: left;
  height: auto;
  padding: 50px 0; }

.Server .list {
  margin-top: 30px;
  float: left;
  width: 100%; }

.Server li {
  width: 33.3333%;
  position: relative;
  background-size: 100%;
  float: left;
  padding: 20px 10px 0 10px; }
  .Server li .block {
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
    padding: 40px 30px 30px 30px;
    float: left;
    width: 370px;
    border: 1px solid #f0f0f0;
    position: relative; }
    .Server li .block:before {
      width: 330px;
      position: absolute;
      top: -10px;
      height: 10px;
      background: #e4582e;
      content: "";
      right: -10px; }
    .Server li .block:after {
      width: 10px;
      position: absolute;
      top: -10px;
      height: 140px;
      background: #e4582e;
      content: "";
      right: -10px; }
    .Server li .block .img {
      width: 70px;
      float: left; }
      .Server li .block .img img {
        height: 90px; }
    .Server li .block .content {
      float: right;
      width: 230px; }
      .Server li .block .content .title {
        color: #76625c;
        font-size: 18px;
        font-weight: bold; }
      .Server li .block .content .desc {
        font-size: 14px;
        margin-top: 5px;
        line-height: 1.8;
        color: #8c8c8c; }

.Step {
  width: 100%;
  float: left;
  height: auto;
  background: url(../images/Bg_22.jpg) no-repeat;
  padding: 50px 0; }
  .Step .BigTitle {
    color: #fff; }
  .Step .list {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 50px; }
    .Step .list li {
      float: left;
      position: relative;
      width: 20%; }
      .Step .list li img {
        width: 100%; }
      .Step .list li .content {
        position: absolute;
        bottom: 80px;
        width: 100%;
        text-align: center;
        color: #fff; }
        .Step .list li .content .title {
          font-weight: bold; }
        .Step .list li .content .desc {
          color: #d9c9c5;
          font-size: 14px;
          margin-top: 10px; }

.Case {
  padding: 50px 0;
  width: 100%;
  float: left;
  height: auto; }
  .Case .list {
    position: relative;
    float: left;
    margin-top: 30px; }
  .Case .Box_con {
    position: relative; }
  .Case .Box_con .btnl {
    position: absolute; }
  .Case .Box_con .btn {
    display: block;
    width: 41px;
    height: 41px;
    position: absolute;
    top: 80px;
    cursor: pointer; }
  .Case .Box_con .btnl {
    background: url(img/jtl02.png) no-repeat center;
    left: -72px; }
  .Case .Box_con .btnr {
    background: url(img/jtr02.png) no-repeat center;
    right: -72px; }
  .Case .Box_con .conbox {
    position: relative;
    overflow: hidden; }
  .Case .Box_con .conbox ul {
    position: relative;
    list-style: none; }
  .Case .Box_con .conbox ul li {
    float: left;
    width: 285px;
    height: 200px;
    margin-left: 20px;
    overflow: hidden;
    text-align: center; }
  .Case .Box_con .conbox ul li:first-child {
    margin-left: 0; }
  .Case .Box_con .conbox ul li img {
    display: block;
    width: 285px;
    height: 200px;
    transition: all 0.5s; }
  .Case .BoxSwitch {
    margin-top: 30px;
    text-align: center; }
  .Case .BoxSwitch span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 30px;
    height: 3px;
    background: #ccc;
    margin: 0 5px;
    cursor: pointer; }
  .Case .BoxSwitch span.cur {
    background: red; }

/*
  
 主色 #EC8617 
 高亮色 #ff6600
 字体颜色 #515151  文本颜色#626262
 线颜色 #dedede
 点缀色 #517fff

*/

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