@charset "UTF-8";
/*产品首页*/
.home {
  min-width: 1240px; }
  .home .module1 {
    background-color: #ffffff;
    padding-bottom: 170px; }
    .home .module1 .container {
      width: 1240px;
      margin: 0 auto;
      text-align: center;
      overflow: hidden; }
      .home .module1 .container h2 {
        font-size: 44px;
        color: #353a3f;
        margin-top: 56px; }
      .home .module1 .container .introduction {
        margin-top: 30px;
        font-size: 22px;
        color: #606b76;
        line-height: 30px;
        padding: 0 350px; }
      .home .module1 .container .list {
        margin-top: 80px;
        font-size: 0; }
        .home .module1 .container .list .item {
          margin: 0 10px;
          display: inline-block;
          vertical-align: top;
          width: 228px;
          height: 398px;
          background: url("../images/home/1.png") no-repeat 0 top;
          -webkit-background-size: 228px 143px;
          background-size: 228px 143px;
          overflow: hidden;
          text-align: center;
          border: 1px solid #dbe1e7; }
          .home .module1 .container .list .item:nth-child(1) {
            background: url("../images/home/1.png") no-repeat 0 top;
            -webkit-background-size: 228px 143px;
            background-size: 228px 143px; }
          .home .module1 .container .list .item:nth-child(2) {
            background: url("../images/home/2.png") no-repeat 0 top;
            -webkit-background-size: 228px 143px;
            background-size: 228px 143px; }
          .home .module1 .container .list .item:nth-child(3) {
            background: url("../images/home/3.png") no-repeat 0 top;
            -webkit-background-size: 228px 143px;
            background-size: 228px 143px; }
          .home .module1 .container .list .item:nth-child(4) {
            background: url("../images/home/4.png") no-repeat 0 top;
            -webkit-background-size: 228px 143px;
            background-size: 228px 143px; }
          .home .module1 .container .list .item:nth-child(5) {
            background: url("../images/home/5.png") no-repeat 0 top;
            -webkit-background-size: 228px 143px;
            background-size: 228px 143px; }
          .home .module1 .container .list .item img {
            margin-top: 95px;
            display: inline-block;
            width: 64px;
            height: 64px;
            border-radius: 64px; }
          .home .module1 .container .list .item h3 {
            margin-top: 15px;
            margin-bottom: 10px;
            font-size: 19px;
            color: #353a3f; }
          .home .module1 .container .list .item .describe {
            padding: 0 18px; }
            .home .module1 .container .list .item .describe p {
              font-size: 14px;
              color: #606b76;
              line-height: 30px;
              text-align: left; }
          .home .module1 .container .list .item button {
            float: left;
            width: 80px;
            height: 29px;
            border: 2px solid #f9b52c;
            font-size: 14px;
            margin-top: 16px;
            margin-left: 18px;
            background-color: #FFFFFF;
            outline: none; }
            .home .module1 .container .list .item button a {
              color: #f9b52c; }
          .home .module1 .container .list .item:hover {
            border: 3px solid #f9b52c; }
            .home .module1 .container .list .item:hover img {
              border: 4px solid #f9b52c; }
            .home .module1 .container .list .item:hover button {
              background-color: #f9b52c; }
              .home .module1 .container .list .item:hover button a {
                color: #FFFFFF; }
  .home .module2 {
    background: url("../images/home/kucun.png");
    background-size: 100% 100%;
    height: 968px; }
    .home .module2 .container {
      width: 1240px;
      margin: 0 auto;
      text-align: center;
      overflow: hidden; }
      .home .module2 .container h2 {
        font-size: 70px;
        color: #ededed;
        margin-top: 78px; }
      .home .module2 .container .introduction {
        margin-top: 30px;
        font-size: 46px;
        color: #a8a8a8; }
      .home .module2 .container .list {
        margin-top: 200px;
        font-size: 0;
        padding: 0 20px; }
        .home .module2 .container .list .item {
          display: inline-block;
          vertical-align: top;
          width: 400px;
          overflow: hidden;
          text-align: center; }
          .home .module2 .container .list .item img {
            display: inline-block; }
          .home .module2 .container .list .item h3 {
            margin-top: 40px;
            font-size: 21px;
            color: #e9e9e9; }
          .home .module2 .container .list .item .describe {
            margin-top: 25px; }
            .home .module2 .container .list .item .describe p {
              font-size: 14px;
              color: #888888;
              line-height: 30px;
              text-align: center; }
  .home .module3 {
    background-color: #ffffff;
    padding-bottom: 150px; }
    .home .module3 .container {
      width: 1240px;
      margin: 0 auto;
      text-align: center;
      overflow: hidden; }
      .home .module3 .container h2 {
        font-size: 48px;
        color: #353a3f;
        margin-top: 134px; }
      .home .module3 .container .list {
        margin-top: 128px;
        font-size: 0;
        padding: 0 5px; }
        .home .module3 .container .list .item {
          margin: 0 25px;
          display: inline-block;
          vertical-align: top;
          width: 360px;
          overflow: hidden;
          font-size: 0; }
          .home .module3 .container .list .item > div {
            display: inline-block;
            vertical-align: top; }
          .home .module3 .container .list .item .image {
            width: 63px;
            margin-right: 24px; }
          .home .module3 .container .list .item .describe {
            width: 273px; }
            .home .module3 .container .list .item .describe h3 {
              font-size: 30px;
              color: #353a3f;
              text-align: left; }
            .home .module3 .container .list .item .describe p {
              font-size: 18px;
              color: #888888;
              line-height: 30px;
              text-align: left; }
  .home .module4 {
    background-color: #ffffff;
    padding-bottom: 150px; }
    .home .module4 .container {
      width: 1240px;
      margin: 0 auto;
      font-size: 0;
      overflow: hidden;
      padding: 0 90px; }
      .home .module4 .container > div {
        display: inline-block;
        vertical-align: top; }
      .home .module4 .container .left {
        width: 500px;
        padding-top: 164px; }
        .home .module4 .container .left h2 {
          font-size: 48px;
          color: #353a3f; }
        .home .module4 .container .left p {
          margin-top: 78px;
          font-size: 18px;
          color: #777777; }
      .home .module4 .container .right {
        width: 500px;
        padding-top: 130px;
        margin-left: 60px; }
        .home .module4 .container .right > p {
          font-size: 24px;
          color: #ff9e1e;
          text-indent: 40px; }
        .home .module4 .container .right .item {
          border-left: 1px solid #d4d4d4;
          position: relative;
          font-size: 0;
          height: 140px; }
          .home .module4 .container .right .item em {
            position: absolute;
            top: 55px;
            left: -10px;
            width: 20px;
            height: 20px;
            display: inline-block;
            background: #ffffff;
            border-radius: 10px;
            border: 2px solid #cccccc; }
          .home .module4 .container .right .item > div {
            display: inline-block;
            vertical-align: top; }
          .home .module4 .container .right .item .leftTitle {
            font-size: 20px;
            color: #ffffff;
            height: 55px;
            width: 55px;
            line-height: 55px;
            text-align: center;
            background-color: #FF6900;
            border-radius: 15px;
            margin-left: 20px;
            margin-top: 40px; }
          .home .module4 .container .right .item .rightContent {
            margin-top: 40px;
            margin-left: 24px;
            width: 400px; }
            .home .module4 .container .right .item .rightContent .title {
              font-size: 24px;
              color: #353a3f; }
            .home .module4 .container .right .item .rightContent .content {
              font-size: 14px;
              color: #353a3f; }
  .home .module5 {
    background-color: #ffffff;
    padding-bottom: 150px; }
    .home .module5 .container {
      width: 1240px;
      margin: 0 auto;
      text-align: center;
      overflow: hidden; }
      .home .module5 .container h2 {
        font-size: 48px;
        color: #353a3f;
        margin-top: 134px; }
      .home .module5 .container button {
        width: 80px;
        height: 29px;
        border: 2px solid #f9b52c;
        color: #f9b52c;
        font-size: 14px;
        margin-top: 16px;
        margin-left: 30px;
        background-color: #FFFFFF; }
        .home .module5 .container button:hover {
          background-color: #f9b52c;
          color: #FFFFFF; }
      .home .module5 .container .list {
        margin-top: 128px;
        font-size: 0;
        padding: 0 5px; }
        .home .module5 .container .list .cl {
          display: inline-block;
          width: 25%;
          vertical-align: top; }
          .home .module5 .container .list .cl > div {
            padding: 5px; }
          .home .module5 .container .list .cl img {
            display: block;
            width: 100%; }
  .home .agent {
    min-width: 1240px; }
    .home .agent .form {
      width: 1240px;
      height: 713px;
      margin: 0 auto;
      text-align: center;
      overflow: hidden; }
      .home .agent .form h2 {
        margin-top: 58px;
        margin-bottom: 50px;
        font-size: 48px;
        color: #353a3f; }
      .home .agent .form > div {
        width: 420px;
        margin: 20px auto; }
        .home .agent .form > div label {
          display: block;
          text-align: left;
          color: #353a3f;
          font-size: 16px;
          line-height: 30px; }
        .home .agent .form > div input {
          text-indent: 20px;
          height: 50px;
          width: 420px;
          line-height: 50px;
          outline: none;
          border-radius: 5px;
          border: 1px solid #000000; }
          .home .agent .form > div input:hover {
            border-radius: 5px;
            border: 2px solid #f9b52c; }
          .home .agent .form > div input:focus {
            border-radius: 5px;
            border: 2px solid #f9b52c; }
        .home .agent .form > div select {
          height: 50px;
          width: 130px;
          font-size: 18px;
          line-height: 50px;
          outline: none;
          border-radius: 5px;
          border: 1px solid #000000; }
          .home .agent .form > div select:hover {
            border-radius: 5px;
            border: 2px solid #f9b52c; }
          .home .agent .form > div select:focus {
            border-radius: 5px;
            border: 2px solid #f9b52c; }
        .home .agent .form > div input[type='button'] {
          margin-top: 23px;
          width: 420px;
          height: 60px;
          font-size: 20px;
          color: #FFFFFF;
          background-color: #FF6900;
          border: none;
          border-radius: 5px;
          outline: none; }

/*用户分享*/
.share {
  min-width: 1240px;
  overflow: hidden;
  background: url("../images/share-bg.png") no-repeat 0 top;
  background-size: 100% auto; }
  .share .container {
    width: 1240px;
    margin: 150px auto;
    text-align: center;
    overflow: hidden; }
    .share .container .content {
      width: 1122px;
      margin: 0 auto;
      overflow: hidden;
      border: 1px solid #777777; }
      .share .container .content .title {
        font-size: 36px;
        color: #ffffff;
        background-color: #515151;
        height: 160px;
        line-height: 160px;
        text-align: left;
        text-indent: 36px; }
      .share .container .content .list {
        text-align: left; }
        .share .container .content .list .item {
          height: 387px;
          width: 100%;
          overflow: hidden;
          font-size: 0; }
          .share .container .content .list .item .image {
            display: inline-block;
            margin: 34px 0 34px 20px;
            vertical-align: top; }
            .share .container .content .list .item .image img {
              width: 520px;
              height: 100%; }
          .share .container .content .list .item .info {
            display: inline-block;
            width: 580px;
            vertical-align: top;
            font-size: 19px;
            margin: 34px 0; }
            .share .container .content .list .item .info .top {
              height: 81px;
              width: 100%;
              margin-top: 10px; }
              .share .container .content .list .item .info .top img {
                vertical-align: top;
                display: inline-block;
                margin-top: 10px;
                margin-left: 50px;
                width: 62px;
                height: 62px;
                border-radius: 62px; }
              .share .container .content .list .item .info .top .describe {
                vertical-align: top;
                display: inline-block;
                padding-top: 20px; }
                .share .container .content .list .item .info .top .describe .company {
                  font-size: 18px;
                  color: #353a3f; }
                .share .container .content .list .item .info .top .describe .name {
                  font-size: 14px;
                  color: #959595; }
            .share .container .content .list .item .info .des {
              font-size: 14px;
              color: #353a3f;
              line-height: 25px;
              margin-top: 54px;
              padding: 0 40px; }
          .share .container .content .list .item .line {
            height: 1px;
            background-color: #d9d9d9;
            margin: 0 30px; }

/*优秀案例*/
.cases {
  min-width: 1240px; }
  .cases .container {
    width: 1180px;
    margin: 0 auto; }
    .cases .container .title {
      margin-top: 30px;
      font-size: 40px;
      color: #353a3f; }
    .cases .container .subNav {
      margin-top: 30px;
      width: 270px;
      height: 40px;
      font-size: 0;
      border-bottom: 2px solid #dcdcdc; }
      .cases .container .subNav a {
        display: inline-block;
        width: 90px;
        font-size: 22px;
        line-height: 40px;
        height: 40px;
        text-align: center;
        color: #606b76; }
      .cases .container .subNav .currentNav {
        border-bottom: 2px solid #FF6900;
        font-weight: bold;
        color: #FF6900; }
    .cases .container ul {
      font-size: 0;
      margin-top: 20px; }
      .cases .container ul li {
        display: inline-block;
        width: 364px;
        margin: 0 10px;
        border-bottom: 1px solid #dddddd;
        position: relative;
        vertical-align: top; }
        .cases .container ul li > img {
          margin-top: 32px;
          width: 100%;
          height: 244px; }
        .cases .container ul li > div {
          position: absolute;
          width: 100%;
          height: 244px;
          top: 32px;
          background-color: #00afec;
          opacity: 0.7;
          display: none; }
        .cases .container ul li .search-icon {
          width: 100%;
          height: 100%;
          background: url(../images/case/search-icon.png) no-repeat center center;
          cursor: pointer; }
        .cases .container ul li h2 {
          font-size: 18px;
          margin: 15px 15px;
          color: #262626;
          cursor: pointer;
          overflow: hidden;
          line-height: 26px;
          height: 52px; }
        .cases .container ul li p {
          font-size: 12px;
          line-height: 18px;
          height: 54px;
          overflow: hidden;
          margin: 0 15px 20px 15px;
          color: #747474; }
        .cases .container ul li:hover > h2 {
          color: #00afec; }
        .cases .container ul li:hover > div {
          display: block; }
    .cases .container .index-page {
      margin: 50px auto;
      width: 280px;
      height: 40px;
      font-size: 0;
      border-top: 2px solid #dcdcdc; }
      .cases .container .index-page a {
        display: inline-block;
        width: 40px;
        font-size: 20px;
        line-height: 40px;
        text-align: center;
        margin-top: -2px;
        color: #3e3e3e; }
    .cases .container .currentpage {
      border-top: 2px solid #00afec;
      font-weight: bold; }

/*施工眼产品*/
.product {
  font-size: 0;
  width: 100%;
  min-width: 1240px; }
  .product .subNav {
    height: 60px;
    background-color: #f5f2f2; }
    .product .subNav > div {
      width: 1240px;
      margin: 0 auto; }
      .product .subNav > div a {
        display: inline-block;
        margin: 0 20px;
        line-height: 60px;
        color: #353a3f;
        font-size: 24px; }
        .product .subNav > div a.current {
          color: #ff6900; }
  .product .contentDes {
    display: none; }
    .product .contentDes.current {
      display: block; }
    .product .contentDes .itemTop {
      width: 100%;
      height: 840px; }
      .product .contentDes .itemTop > div {
        display: inline-block;
        vertical-align: top; }
      .product .contentDes .itemTop .text {
        width: 60%;
        height: 100%; }
        .product .contentDes .itemTop .text h2 {
          font-size: 55px;
          color: #ffffff;
          margin-top: 109px;
          margin-right: 44px;
          width: 700px;
          float: right;
          line-height: 60px; }
        .product .contentDes .itemTop .text p {
          margin: 32px 44px 32px 0;
          font-size: 24px;
          color: #ffffff;
          width: 700px;
          float: right; }
        .product .contentDes .itemTop .text .btn {
          margin-top: 87px;
          margin-right: 44px;
          height: 68px;
          width: 700px;
          float: right; }
        .product .contentDes .itemTop .text button {
          font-size: 20px;
          color: #ffffff;
          width: 280px;
          height: 68px;
          border: 2px solid #ffffff;
          background: none;
          border-radius: 5px; }
          .product .contentDes .itemTop .text button:hover {
            opacity: 0.6; }
      .product .contentDes .itemTop .pic {
        width: 40%;
        height: 100%; }
    .product .contentDes .item {
      width: 100%;
      height: 812px; }
      .product .contentDes .item > div {
        display: inline-block;
        vertical-align: top; }
      .product .contentDes .item .text {
        width: 50%;
        height: 100%; }
        .product .contentDes .item .text h3 {
          font-size: 55px;
          color: #353a3f;
          width: 620px;
          margin-top: 154px; }
        .product .contentDes .item .text h4 {
          font-size: 36px;
          color: #353a3f;
          width: 620px; }
        .product .contentDes .item .text .line-coarse {
          height: 5px;
          width: 620px;
          margin-top: 98px; }
          .product .contentDes .item .text .line-coarse span {
            display: inline-block;
            height: 100%;
            width: 150px;
            background-color: #ff6900; }
        .product .contentDes .item .text .line-fine {
          height: 3px;
          width: 620px;
          margin-top: 10px; }
          .product .contentDes .item .text .line-fine span {
            display: inline-block;
            height: 100%;
            width: 100px;
            background-color: #ff6900;
            margin-left: 25px; }
        .product .contentDes .item .text p {
          width: 620px;
          font-size: 22px;
          color: #777777;
          margin-top: 66px;
          padding-right: 84px; }
        .product .contentDes .item .text.right {
          padding-left: 84px; }
        .product .contentDes .item .text.left p, .product .contentDes .item .text.left h3, .product .contentDes .item .text.left h4, .product .contentDes .item .text.left .line-coarse, .product .contentDes .item .text.left .line-fine {
          float: right; }
        .product .contentDes .item .text.right p, .product .contentDes .item .text.right h3, .product .contentDes .item .text.right h4, .product .contentDes .item .text.right .line-coarse, .product .contentDes .item .text.right .line-fine {
          float: left; }
      .product .contentDes .item .pic {
        width: 50%;
        height: 100%; }
        .product .contentDes .item .pic img {
          margin-top: 106px; }
        .product .contentDes .item .pic.left {
          padding-right: 34px; }
        .product .contentDes .item .pic.right {
          padding-left: 34px; }
        .product .contentDes .item .pic.left img {
          float: right; }
        .product .contentDes .item .pic.right img {
          float: left; }
    .product .contentDes .itemType2 {
      width: 100%;
      height: 812px; }
      .product .contentDes .itemType2 > div {
        display: inline-block;
        vertical-align: top; }
      .product .contentDes .itemType2 .text {
        width: 50%;
        height: 100%;
        padding-left: 84px; }
        .product .contentDes .itemType2 .text h3 {
          font-size: 55px;
          color: #353a3f;
          width: 620px;
          margin-top: 99px; }
        .product .contentDes .itemType2 .text .subItem {
          width: 620px; }
          .product .contentDes .itemType2 .text .subItem h4 {
            font-size: 36px;
            color: #353a3f; }
          .product .contentDes .itemType2 .text .subItem p {
            font-size: 28px;
            color: #777777;
            margin-top: 10px; }
        .product .contentDes .itemType2 .text .line-coarse {
          height: 5px;
          width: 620px;
          margin-top: 98px; }
          .product .contentDes .itemType2 .text .line-coarse span {
            display: inline-block;
            height: 100%;
            width: 150px;
            background-color: #ff6900; }
        .product .contentDes .itemType2 .text .line-fine {
          height: 3px;
          width: 620px;
          margin-top: 10px; }
          .product .contentDes .itemType2 .text .line-fine span {
            display: inline-block;
            height: 100%;
            width: 100px;
            background-color: #ff6900;
            margin-left: 25px; }
        .product .contentDes .itemType2 .text.right .subItem {
          padding-left: 64px; }
        .product .contentDes .itemType2 .text.left h3, .product .contentDes .itemType2 .text.left .subItem {
          float: right; }
        .product .contentDes .itemType2 .text.right .subItem, .product .contentDes .itemType2 .text.right h3 {
          float: left; }
      .product .contentDes .itemType2 .pic {
        width: 50%;
        height: 100%; }
        .product .contentDes .itemType2 .pic img {
          margin-top: 106px; }
        .product .contentDes .itemType2 .pic .pic-btns {
          height: 16px;
          font-size: 0;
          text-align: center;
          width: 503px;
          margin-top: 44px; }
          .product .contentDes .itemType2 .pic .pic-btns em {
            display: inline-block;
            margin: 0 6px;
            width: 16px;
            height: 16px;
            border-radius: 16px;
            vertical-align: top;
            border: 2px solid #FF6900;
            background-color: #FFFFFF; }
            .product .contentDes .itemType2 .pic .pic-btns em:hover {
              background-color: #FF6900; }
            .product .contentDes .itemType2 .pic .pic-btns em.current {
              background-color: #FF6900; }
        .product .contentDes .itemType2 .pic.left {
          padding-right: 34px; }
        .product .contentDes .itemType2 .pic.right {
          padding-left: 34px; }
        .product .contentDes .itemType2 .pic.left img, .product .contentDes .itemType2 .pic.left .pic-btns {
          float: right; }
        .product .contentDes .itemType2 .pic.right img, .product .contentDes .itemType2 .pic.right .pic-btns {
          float: left; }
    .product .contentDes .itemType-web {
      width: 100%;
      height: 812px; }
      .product .contentDes .itemType-web > div {
        display: inline-block;
        vertical-align: top; }
      .product .contentDes .itemType-web .text {
        width: 50%;
        height: 100%;
        padding-left: 84px;
        position: relative; }
        .product .contentDes .itemType-web .text h2 {
          font-size: 55px;
          color: #222222;
          width: 620px; }
        .product .contentDes .itemType-web .text h3 {
          font-size: 36px;
          color: #222222;
          width: 620px;
          margin-top: 20px; }
        .product .contentDes .itemType-web .text p {
          font-size: 28px;
          color: #777777;
          width: 620px;
          margin-top: 40px; }
        .product .contentDes .itemType-web .text .pic-btns {
          height: 24px;
          font-size: 0;
          width: 620px;
          position: absolute;
          bottom: 130px; }
          .product .contentDes .itemType-web .text .pic-btns em {
            display: inline-block;
            margin: 0 6px;
            width: 24px;
            height: 24px;
            border-radius: 24px;
            vertical-align: top;
            border: 2px solid #FF6900;
            background-color: #FFFFFF; }
            .product .contentDes .itemType-web .text .pic-btns em:hover {
              background-color: #FF6900; }
            .product .contentDes .itemType-web .text .pic-btns em.current {
              background-color: #FF6900; }
        .product .contentDes .itemType-web .text.left .pic-btns {
          text-align: left;
          right: 0; }
        .product .contentDes .itemType-web .text.right .pic-btns {
          text-align: left;
          left: 84px; }
        .product .contentDes .itemType-web .text.left h2, .product .contentDes .itemType-web .text.left h3, .product .contentDes .itemType-web .text.left p {
          float: right; }
        .product .contentDes .itemType-web .text.right h2, .product .contentDes .itemType-web .text.right h3, .product .contentDes .itemType-web .text.right p {
          float: left; }
      .product .contentDes .itemType-web .pic {
        width: 50%;
        height: 100%; }
        .product .contentDes .itemType-web .pic img {
          margin-top: 106px; }
        .product .contentDes .itemType-web .pic.left {
          padding-right: 34px; }
        .product .contentDes .itemType-web .pic.right {
          padding-left: 34px; }
        .product .contentDes .itemType-web .pic.left img {
          float: right; }
        .product .contentDes .itemType-web .pic.right img {
          float: left; }
    .product .contentDes .downLoad {
      height: 430px;
      font-size: 0; }
      .product .contentDes .downLoad > div {
        display: inline-block;
        vertical-align: top; }
      .product .contentDes .downLoad .QRCode {
        width: 55%;
        height: 430px;
        overflow: hidden; }
        .product .contentDes .downLoad .QRCode ul {
          font-size: 0;
          margin-top: 110px;
          float: right;
          margin-right: 180px; }
          .product .contentDes .downLoad .QRCode ul li {
            display: inline-block;
            width: 180px;
            *zoom: 1;
            *display: inline;
            height: 240px;
            margin: 0 35px; }
            .product .contentDes .downLoad .QRCode ul li#ios {
              background: url("../images/product/mobile/icon-iOS.png") no-repeat center 0;
              background-size: 180px 180px; }
              .product .contentDes .downLoad .QRCode ul li#ios:hover {
                background: url("../images/product/mobile/iOS-QR.png") no-repeat center 0;
                background-size: 180px 180px; }
            .product .contentDes .downLoad .QRCode ul li#android {
              background: url("../images/product/mobile/icon-Android.png") no-repeat center 0;
              background-size: 180px 180px; }
              .product .contentDes .downLoad .QRCode ul li#android:hover {
                background: url("../images/product/mobile/Android-QR.png") no-repeat center 0;
                background-size: 180px 180px; }
            .product .contentDes .downLoad .QRCode ul li span {
              display: block;
              text-align: center;
              margin-top: 210px;
              font-size: 18px;
              color: #FFFFFF; }
      .product .contentDes .downLoad .text {
        width: 45%;
        line-height: 430px;
        font-size: 72px;
        color: #fefefe;
        text-indent: 202px; }
    .product .contentDes .more {
      height: 354px;
      background-color: #888888;
      text-align: center;
      overflow: hidden; }
      .product .contentDes .more .first {
        font-size: 55px;
        color: #ffffff;
        margin-top: 55px; }
      .product .contentDes .more .second {
        font-size: 30px;
        color: #00afec;
        margin-top: 30px; }
      .product .contentDes .more button {
        font-size: 20px;
        color: #ffffff;
        width: 280px;
        height: 68px;
        border: 2px solid #ffffff;
        background: none;
        border-radius: 5px;
        margin-top: 40px; }
        .product .contentDes .more button:hover {
          opacity: 0.6; }

/*解决方案*/
.solution {
  font-size: 0;
  width: 100%;
  min-width: 1240px; }
  .solution .subNav {
    height: 60px;
    background-color: #f5f2f2; }
    .solution .subNav > div {
      width: 1240px;
      margin: 0 auto; }
      .solution .subNav > div a {
        display: inline-block;
        margin: 0 20px;
        line-height: 60px;
        color: #353a3f;
        font-size: 24px; }
  .solution .contentDes {
    display: none; }
    .solution .contentDes.current {
      display: block; }
    .solution .contentDes .itemTop {
      width: 100%;
      height: 789px; }
      .solution .contentDes .itemTop > div {
        display: inline-block;
        vertical-align: top; }
      .solution .contentDes .itemTop .text {
        width: 55%;
        height: 100%;
        background-color: #506d8d; }
        .solution .contentDes .itemTop .text h2 {
          font-size: 55px;
          color: #ffffff;
          margin-top: 186px;
          margin-right: 44px;
          width: 600px;
          float: right;
          line-height: 60px; }
        .solution .contentDes .itemTop .text .des {
          margin-top: 99px;
          width: 600px;
          float: right;
          margin-right: 44px; }
          .solution .contentDes .itemTop .text .des p {
            margin: 16px 0 24px 0;
            font-size: 24px;
            color: #ffffff;
            line-height: 42px; }
      .solution .contentDes .itemTop .pic {
        width: 45%;
        height: 100%; }
        .solution .contentDes .itemTop .pic img {
          display: block;
          width: 100%;
          height: 100%; }
    .solution .contentDes .item {
      width: 100%;
      height: 812px; }
      .solution .contentDes .item > div {
        display: inline-block;
        vertical-align: top; }
      .solution .contentDes .item .text {
        width: 50%;
        height: 100%; }
        .solution .contentDes .item .text h3 {
          font-size: 55px;
          color: #353a3f;
          width: 620px;
          margin-top: 154px; }
        .solution .contentDes .item .text .line-coarse {
          height: 5px;
          width: 620px;
          margin-top: 98px; }
          .solution .contentDes .item .text .line-coarse span {
            display: inline-block;
            height: 100%;
            width: 150px;
            background-color: #ff6900; }
        .solution .contentDes .item .text .line-fine {
          height: 3px;
          width: 620px;
          margin-top: 10px; }
          .solution .contentDes .item .text .line-fine span {
            display: inline-block;
            height: 100%;
            width: 100px;
            background-color: #ff6900;
            margin-left: 25px; }
        .solution .contentDes .item .text p {
          width: 620px;
          font-size: 22px;
          color: #777777;
          margin-top: 66px;
          padding-right: 84px; }
        .solution .contentDes .item .text.right {
          padding-left: 84px; }
        .solution .contentDes .item .text.left p, .solution .contentDes .item .text.left h3, .solution .contentDes .item .text.left .line-coarse, .solution .contentDes .item .text.left .line-fine {
          float: right; }
        .solution .contentDes .item .text.right p, .solution .contentDes .item .text.right h3, .solution .contentDes .item .text.right .line-coarse, .solution .contentDes .item .text.right .line-fine {
          float: left; }
      .solution .contentDes .item .pic {
        width: 50%;
        height: 100%; }
        .solution .contentDes .item .pic img {
          margin-top: 106px; }
        .solution .contentDes .item .pic.left {
          padding-right: 34px; }
        .solution .contentDes .item .pic.right {
          padding-left: 34px; }
        .solution .contentDes .item .pic.left img {
          float: right; }
        .solution .contentDes .item .pic.right img {
          float: left; }
    .solution .contentDes .itemTopBottom {
      width: 100%;
      text-align: center;
      padding-bottom: 127px; }
      .solution .contentDes .itemTopBottom .text {
        height: 100%;
        display: inline-block; }
        .solution .contentDes .itemTopBottom .text h3 {
          font-size: 55px;
          color: #353a3f;
          margin-top: 95px;
          text-align: left; }
        .solution .contentDes .itemTopBottom .text p {
          font-size: 22px;
          color: #777777;
          margin-top: 38px;
          text-align: left; }
      .solution .contentDes .itemTopBottom .pic {
        text-align: center;
        margin-top: 98px; }
        .solution .contentDes .itemTopBottom .pic img {
          display: block;
          margin: 0 auto; }
    .solution .contentDes .more {
      height: 354px;
      background-color: #888888;
      text-align: center;
      overflow: hidden; }
      .solution .contentDes .more .first {
        font-size: 55px;
        color: #ffffff;
        margin-top: 55px; }
      .solution .contentDes .more .second {
        font-size: 30px;
        color: #00afec;
        margin-top: 30px; }
      .solution .contentDes .more button {
        font-size: 20px;
        color: #ffffff;
        width: 280px;
        height: 68px;
        border: 2px solid #ffffff;
        background: none;
        border-radius: 5px;
        margin-top: 40px; }
        .solution .contentDes .more button:hover {
          opacity: 0.6; }

/*诚招代理*/
.agentView {
  min-width: 1240px;
  overflow: hidden; }
  .agentView .container {
    width: 1240px;
    margin: 150px auto;
    overflow: hidden;
    font-size: 0; }
    .agentView .container > div {
      display: inline-block;
      vertical-align: top;
      width: 50%; }
    .agentView .container .form h2 {
      margin-bottom: 30px;
      font-size: 30px;
      color: #7d7d7d; }
    .agentView .container .form > div {
      margin: 35px auto;
      font-size: 16px; }
      .agentView .container .form > div label {
        display: block;
        text-align: left;
        color: #353a3f;
        font-size: 16px;
        line-height: 30px; }
      .agentView .container .form > div input {
        text-indent: 20px;
        height: 50px;
        width: 420px;
        line-height: 50px;
        outline: none;
        border-radius: 5px;
        border: 1px solid #000000;
        font-size: 15px; }
        .agentView .container .form > div input:hover {
          border-radius: 5px;
          border: 2px solid #f9b52c; }
        .agentView .container .form > div input:focus {
          border-radius: 5px;
          border: 2px solid #f9b52c; }
      .agentView .container .form > div select {
        height: 50px;
        width: 130px;
        font-size: 18px;
        line-height: 50px;
        outline: none;
        border-radius: 5px;
        border: 1px solid #000000;
        padding-left: 10px; }
        .agentView .container .form > div select:hover {
          border-radius: 5px;
          border: 2px solid #f9b52c; }
        .agentView .container .form > div select:focus {
          border-radius: 5px;
          border: 2px solid #f9b52c; }
      .agentView .container .form > div input[type='button'] {
        margin-top: 85px;
        padding: 0;
        width: 220px;
        height: 60px;
        font-size: 20px;
        color: #FFFFFF;
        background-color: #FF6900;
        border: none;
        border-radius: 5px;
        outline: none; }
    .agentView .container .text h2 {
      font-size: 30px;
      color: #666666; }
    .agentView .container .text p {
      font-size: 18px;
      color: #8a8a8a; }

/*发展愿景*/
.futures {
  min-width: 1240px; }
  .futures .container {
    width: 1240px;
    margin: 150px auto;
    overflow: hidden; }
    .futures .container .content {
      width: 1122px;
      margin: 0 auto;
      overflow: hidden;
      border: 1px solid #dfdfdf; }
      .futures .container .content .title {
        font-size: 36px;
        color: #ffffff;
        background-color: #515151;
        height: 160px;
        line-height: 160px;
        text-align: left;
        text-indent: 36px; }
      .futures .container .content .list .img {
        padding: 28px; }
        .futures .container .content .list .img img {
          width: 100%; }
      .futures .container .content .list .text {
        padding: 28px; }
        .futures .container .content .list .text p {
          font-size: 24px;
          color: #777777;
          margin-bottom: 25px; }

/*视频教程*/
.video {
  min-width: 1240px; }
  .video .container {
    width: 1180px;
    margin: 0 auto; }
    .video .container .title {
      margin-top: 30px;
      font-size: 40px;
      color: #353a3f; }
    .video .container .subNav {
      margin-top: 30px;
      width: 270px;
      height: 40px;
      font-size: 0;
      border-bottom: 2px solid #dcdcdc; }
      .video .container .subNav a {
        display: inline-block;
        width: 90px;
        font-size: 22px;
        line-height: 40px;
        height: 40px;
        text-align: center;
        color: #606b76; }
      .video .container .subNav .currentNav {
        border-bottom: 2px solid #FF6900;
        font-weight: bold;
        color: #FF6900; }
    .video .container ul {
      font-size: 0;
      margin-top: 20px; }
      .video .container ul li {
        display: inline-block;
        width: 364px;
        margin: 0 10px;
        border-bottom: 1px solid #dddddd;
        position: relative;
        vertical-align: top; }
        .video .container ul li > img {
          margin-top: 32px;
          width: 100%;
          height: 244px; }
        .video .container ul li > div {
          position: absolute;
          width: 100%;
          height: 244px;
          top: 32px;
          background-color: #00afec;
          opacity: 0.7;
          display: none; }
        .video .container ul li .search-icon {
          width: 100%;
          height: 100%;
          background: url(../images/case/search-icon.png) no-repeat center center;
          cursor: pointer; }
        .video .container ul li h2 {
          font-size: 18px;
          margin: 15px 15px;
          color: #262626;
          cursor: pointer;
          overflow: hidden;
          line-height: 26px;
          height: 52px; }
        .video .container ul li:hover > h2 {
          color: #00afec; }
        .video .container ul li:hover > div {
          display: block; }
    .video .container .index-page {
      margin: 50px auto;
      width: 280px;
      height: 40px;
      font-size: 0;
      border-top: 2px solid #dcdcdc; }
      .video .container .index-page a {
        display: inline-block;
        width: 40px;
        font-size: 20px;
        line-height: 40px;
        text-align: center;
        margin-top: -2px;
        color: #3e3e3e; }
    .video .container .currentpage {
      border-top: 2px solid #00afec;
      font-weight: bold; }

/*申请试用*/
.taste {
  width: 100%;
  min-width: 1240px;
  overflow: hidden;
  padding: 100px 0; }
  .taste input,
  .taste button,
  .taste textarea,
  .taste select {
    outline: none; }
  .taste input:focus,
  .taste textarea:focus,
  .taste select:focus {
    border: 1px solid #FF6900 !important; }
  .taste .container {
    width: 1240px;
    overflow: hidden;
    margin: 0 auto; }
    .taste .container .server {
      padding-left: 60px; }
      .taste .container .server h2 {
        height: 90px;
        color: #353a3f;
        font-size: 18px;
        font-weight: normal;
        line-height: 90px; }
      .taste .container .server .formContent {
        width: 1120px; }
        .taste .container .server .formContent .top {
          height: 187px;
          background-color: #323232;
          padding-left: 70px; }
          .taste .container .server .formContent .top button {
            width: 146px;
            height: 70px;
            margin-top: 117px;
            background-color: #5c5c5c;
            color: #ffffff;
            font-size: 22px;
            border: none; }
            .taste .container .server .formContent .top button.current {
              background-color: #FF6900; }
        .taste .container .server .formContent .bottom {
            background: url("../images/img.png") no-repeat left top;
            background-size: 100% 100%;
            overflow: hidden;
            border: 1px solid #c7c7c7;
        }
          .taste .container .server .formContent .bottom h3 {
            height: 44px;
            line-height: 50px;
            color: #FF6900;
            font-size: 16px;
            border-bottom: 1px solid #e2e2e2;
            margin: 0 22px;
            text-indent: 22px; }
          .taste .container .server .formContent .bottom .line {
            font-size: 0;
            margin: 20px 0;
            padding: 0 30px; }
            .taste .container .server .formContent .bottom .line p {
              font-size: 15px;
              color: #777777;
              padding-left: 10px; }
            .taste .container .server .formContent .bottom .line > div {
              display: inline-block;
              margin: 0 10px;
              overflow: hidden;
              font-size: 15px; }
              .taste .container .server .formContent .bottom .line > div input[type='text'] {
                height: 34px;
                width: 150px;
                vertical-align: top;
                font-size: 15px;
                padding-left: 10px; }
              .taste .container .server .formContent .bottom .line > div input[type='radio'] {
                margin: 0 10px; }
              .taste .container .server .formContent .bottom .line > div input[type='button'] {
                width: 120px;
                height: 52px;
                background-color: #FF6900;
                color: #ffffff;
                font-size: 22px;
                border: none; }
              .taste .container .server .formContent .bottom .line > div label {
                line-height: 34px;
                font-size: 15px;
                color: #353a3f;
                margin-right: 5px; }
                .taste .container .server .formContent .bottom .line > div label span {
                  color: red; }
              .taste .container .server .formContent .bottom .line > div select {
                font-size: 15px;
                width: 143px;
                vertical-align: top;
                height: 34px;
                border-radius: 0;
                margin-right: 10px; }
              .taste .container .server .formContent .bottom .line > div textarea {
                font-size: 15px;
                height: 106px;
                width: 1042px;
                border: 1px solid #e2e2e2;
                padding: 10px; }

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