/* varilble */
/* common */
body {
  background-color: #fff;
  font-size: 14px; }

p {
  text-indent: 2em; }

.widely,
.www {
  width: 100%;
  min-width: 1200px; }

.container {
  width: 1200px;
  margin: auto;
  position: relative;
  min-width: 1200px; }

.text {
  text-align: justify;
  line-height: 22px;
  color: #646464;
  text-indent: 2em; }

.title-1 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px; }

p {
  margin-bottom: 10px; }

/* ----------------------- */
/* banner */
.banner {
  width: 100%;
  max-width: 1920px;
  margin: auto; }
  .banner .container {
    height: 400px; }

/* ------ */
.head {
  position: relative; }
  .head .logo {
    width: 120px;
    height: 120px;
    position: absolute;
    z-index: 10;
    top: 20px;
    left: 40px; }
    .head .logo img {
      height: 100%;
      max-width: 1200px;
      margin: auto;
      display: inline-block; }

.footer {
  margin: 15px 0px;
  color: gray; }
  .footer .container {
    text-align: center;
    padding: 20px 0; }
    .footer .container .line {
      margin-top: 10px; }

/* menu */
.menuBar {
  font-size: 16px; }
  .menuBar .items {
    overflow: hidden;
    position: relative;
    padding-left: 200px; }
    .menuBar .items .item {
      float: left;
      padding: 5px 25px;
      cursor: pointer;
      color: #1e6684;
      border-left: 1px solid #1e6684;
      -webkit-transition: color 0.3s;
      transition: color 0.3s;
      margin: 25px; }
      .menuBar .items .item .en {
        color: #1e6684;
        margin-top: 10px; }
      .menuBar .items .item:hover {
        color: #df7914;
        -webkit-transition: color 0.3s;
        transition: color 0.3s;
        border-left-color: #df7914; }
        .menuBar .items .item:hover .en {
          color: #df7914; }

/* ------------------------------- */
.home .slide .unslider {
  position: relative; }
  .home .slide .unslider .my-slider {
    width: 100%;
    max-width: 1440px;
    margin: auto; }
    .home .slide .unslider .my-slider .item {
      height: 300px;
      background-color: white; }
    .home .slide .unslider .my-slider .item1 {
      background: url(/public/images/banner-2.jpg) no-repeat center; }
    .home .slide .unslider .my-slider .item2 {
      background: url(/public/images/banner-1.jpg) no-repeat center; }
    .home .slide .unslider .my-slider .item3 {
      background: url(/public/images/banner-3.jpg) no-repeat center; }
  .home .slide .unslider .unslider-arrow {
    display: none !important; }
  .home .slide .unslider .unslider-nav {
    position: absolute;
    text-align: center;
    margin-left: 45%;
    width: 100px;
    top: 275px;
    z-index: 100; }
    .home .slide .unslider .unslider-nav li {
      display: inline-block;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      margin: 0 5px;
      border: 2px solid white;
      text-indent: -999em;
      background: transparent;
      opacity: .5; }
      .home .slide .unslider .unslider-nav li.unslider-active {
        opacity: 1;
        background-color: white; }

.home .content {
  background: white;
  overflow: hidden;
  text-align: justify; }
  .home .content .item {
    width: 33.3%;
    float: left;
    display: block; }
    .home .content .item .wrap {
      padding: 40px; }
    .home .content .item .avatar {
      width: 100%;
      height: 200px;
      overflow: hidden;
      margin: auto; }
      .home .content .item .avatar img {
        width: 100%; }
    .home .content .item .title {
      font-size: 17px;
      font-weight: bold;
      color: #134cc1;
      margin: 10px 0; }
    .home .content .item .info {
      line-height: 22px;
      color: gray; }

.home .shadow {
  width: 1200px;
  margin: auto; }
  .home .shadow img {
    width: 100%; }

/* resolve */
.resolve {
  /* background */
  /* special */
  /* purpose */
  /* purpose */ }
  .resolve .banner {
    background: #1e2a44;
    max-width: 100%; }
    .resolve .banner .bg-2 .container {
      background: url(/public/images/banner_1.jpg) no-repeat center; }
  .resolve .actions {
    background: #d2d2d2; }
    .resolve .actions a {
      color: #5D6467; }
    .resolve .actions .container {
      overflow: hidden; }
      .resolve .actions .container .item {
        width: 25%;
        float: left;
        background: #e6e6e6; }
        .resolve .actions .container .item:nth-child(2n) {
          background: #e7f2ff; }
        .resolve .actions .container .item .wrap {
          text-align: left;
          position: relative;
          cursor: pointer;
          padding: 30px;
          padding-left: 110px; }
          .resolve .actions .container .item .wrap:hover {
            color: #1e6684; }
          .resolve .actions .container .item .wrap .icon {
            position: absolute;
            left: 35px;
            top: 20px;
            width: 58px;
            height: 58px; }
            .resolve .actions .container .item .wrap .icon img {
              width: 100%; }
          .resolve .actions .container .item .wrap .value {
            margin-bottom: 10px;
            font-size: 18px; }
          .resolve .actions .container .item .wrap .en {
            font-size: 14px; }
  .resolve #background {
    overflow: hidden; }
    .resolve #background .container {
      padding: 30px; }
      .resolve #background .container .content {
        float: right;
        margin-right: 60px; }
        .resolve #background .container .content .text {
          width: 500px;
          line-height: 26px; }
  .resolve #special {
    overflow: hidden; }
    .resolve #special .title-1 {
      text-align: center;
      padding: 15px;
      background: #f0f0f0; }
    .resolve #special .content .text {
      line-height: 26px;
      font-weight: normal; }
      .resolve #special .content .text .item {
        width: 33.33333%;
        float: left;
        text-align: center; }
        .resolve #special .content .text .item:first-child .wrap {
          border-left: none; }
        .resolve #special .content .text .item .wrap {
          padding: 40px;
          border-left: 20px solid white; }
          .resolve #special .content .text .item .wrap .index {
            text-align: center;
            width: 50px;
            height: 50px;
            display: inline-block;
            margin: auto;
            background: gray;
            border-radius: 50%;
            font-size: 25px;
            margin-bottom: 15px;
            text-indent: 0em; }
            .resolve #special .content .text .item .wrap .index .value {
              position: relative;
              top: 10px;
              color: white; }
          .resolve #special .content .text .item .wrap .title {
            text-align: center;
            font-size: 16px;
            color: black;
            font-weight: bold;
            margin-bottom: 10px; }
      .resolve #special .content .text .item1 .wrap {
        background: #d7f9ff; }
        .resolve #special .content .text .item1 .wrap .index {
          background: #0da4bf; }
      .resolve #special .content .text .item2 .wrap {
        background: #c8ffd2; }
        .resolve #special .content .text .item2 .wrap .index {
          background: #0dbf2d; }
      .resolve #special .content .text .item3 .wrap {
        background: #fbe1b9; }
        .resolve #special .content .text .item3 .wrap .index {
          background: #bf790d; }
  .resolve #purpose {
    color: white;
    background: #151d3b;
    text-align: center;
    position: relative; }
    .resolve #purpose .banner {
      width: 100%;
      max-width: 1920px;
      height: 400px;
      background: url(/public/images/ban-1.png) no-repeat center; }
    .resolve #purpose .container {
      top: 90px;
      margin: 0 auto;
      width: 600px;
      height: 200px;
      min-width: 600px; }
      .resolve #purpose .container .title {
        font-size: 35px;
        margin-bottom: 20px; }
      .resolve #purpose .container .text {
        color: white;
        font-size: 17px;
        line-height: 40px;
        margin: auto; }
  .resolve #advantage {
    color: white;
    background: #151d3b;
    text-align: left;
    position: relative;
    margin-top: 20px;
    background: #03132d; }
    .resolve #advantage .banner {
      width: 100%;
      max-width: 1920px;
      height: 300px;
      background: url(/public/images/ban-3.jpg) no-repeat center; }
    .resolve #advantage .container {
      position: relative; }
      .resolve #advantage .container .title {
        font-size: 35px;
        margin-bottom: 20px;
        position: absolute;
        top: 50px;
        left: 60px; }
      .resolve #advantage .container .text {
        color: white;
        font-size: 16px;
        line-height: 30px;
        width: 500px;
        position: absolute;
        top: 100px;
        left: 60px; }

/* about */
.about .bg-1 {
  background: #1e2a44;
  background: url(/public/images/bg-4.jpg) no-repeat center; }

.about .company {
  line-height: 25px; }
  .about .company .container {
    text-align: justify;
    overflow: hidden;
    padding: 30px 0px; }
    .about .company .container .intro {
      background: #ebebeb;
      padding: 10px;
      overflow: hidden; }
      .about .company .container .intro .info {
        float: right;
        width: 640px;
        margin-right: 40px; }
        .about .company .container .intro .info .title {
          font-size: 22px;
          margin-bottom: 15px;
          font-weight: bold; }
      .about .company .container .intro .avatar {
        width: 480px;
        border: 1px solid #e6e6e6;
        overflow: hidden; }
        .about .company .container .intro .avatar img {
          width: 100%; }
    .about .company .container .hezuo {
      padding: 20px; }
      .about .company .container .hezuo .title {
        text-align: center;
        font-size: 20px;
        padding: 15px; }
      .about .company .container .hezuo .colleage .item {
        width: 150px;
        height: 150px;
        overflow: hidden;
        margin: 5px;
        float: left; }
        .about .company .container .hezuo .colleage .item img {
          width: 100%; }

/* device */
.device .container .pics {
  margin-top: 5px;
  width: 1200px;
  overflow: hidden; }
  .device .container .pics .pic {
    width: 25%;
    height: 170px;
    overflow: hidden;
    float: left; }
    .device .container .pics .pic .imgw {
      padding: 5px; }
      .device .container .pics .pic .imgw img {
        width: 100%; }

.device .container .intro .title {
  font-size: 23px;
  font-weight: bold;
  padding: 20px 0;
  text-align: center; }

.device .container .intro table td {
  padding: 20px;
  font-size: 14px;
  line-height: 25px;
  color: #646464;
  text-align: justify;
  position: relative;
  vertical-align: top; }

.device .container .intro table td.h {
  width: 50px;
  text-align: center; }
  .device .container .intro table td.h .icon {
    width: 52px;
    height: 52px;
    background: url(/public/images/ico.png); }
  .device .container .intro table td.h .icon2 {
    background-position: 0 -52px; }
  .device .container .intro table td.h .icon3 {
    background-position: 0 -104px; }
  .device .container .intro table td.h .icon4 {
    background-position: 0 -156px; }
  .device .container .intro table td.h .icon5 {
    background-position: 0 -208px; }
  .device .container .intro table td.h .icon6 {
    background-position: 0 -260px; }