@charset "UTF-8";
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, iframe, input, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0; }

dl, ol, ul {
  list-style-type: none; }

address, b, caption, cite, code, dfn, em, i, th, var {
  font-style: normal;
  font-weight: 400; }

button, input, optgroup, option, select, textarea {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

button, input {
  overflow: visible;
  vertical-align: middle;
  outline: 0; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 400; }

a, area {
  outline: 0;
  blr: expression(this.onFocus=this.blur()); }

a:active, a:focus, a:hover {
  outline: 0;
  blr: expression(this.onFocus=this.blur()); }

sub, sup {
  vertical-align: baseline; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

textarea {
  resize: none; }

input[type=button], input[type=submit] {
  cursor: pointer; }

img {
  border: 0;
  vertical-align: middle; }

a img, img {
  -ms-interpolation-mode: bicubic; }

a {
  text-decoration: none;
  color: #666; }

a:hover {
  text-decoration: none; }

body, button, input, select, td, textarea, th {
  font-family: Arial,"微软雅黑";
  font-size: 12px;
  color: #000; }

button:focus {
  outline: none 0; }

.clearLink, .clearLink:hover {
  cursor: text;
  text-decoration: none; }

.layout {
  width: 1200px;
  margin: 0 auto;
  clear: both; }

.fl {
  float: left; }

.fr {
  float: right; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0; }

body {
  min-width: 1220px; }

.ellipsis_2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.xcx {
  min-width: 1340px; }
  .xcx_1200 {
    width: 1200px;
    margin: auto; }
  .xcx_title {
    text-align: center;
    padding: 90px 0 60px;
    width: 1200px;
    margin: auto; }
    .xcx_title h1 {
      font-size: 48px;
      color: #21212c;
      margin-bottom: 8px; }
    .xcx_title p {
      font-size: 18px;
      color: #999; }
    .xcx_title_2 h1 {
      color: #fff; }
    .xcx_title_2 p {
      color: rgba(255, 255, 255, 0.5); }
  .xcx_banner {
    display: block;
    height: 760px;
    background: no-repeat center; }
  .xcx_one {
    padding-bottom: 78px; }
  .xcx_swiper-hl {
    text-align: center;
    padding-bottom: 50px;
    position: relative;
    width: 1340px;
    margin: auto; }
    .xcx_swiper-hl .item {
      width: 300px;
      margin-top: 10px;
      position: relative;
      float: left; }
      .xcx_swiper-hl .item h2 {
        font-size: 18px;
        color: #333;
        margin-top: 8px; }
      .xcx_swiper-hl .item p {
        line-height: 22px;
        font-size: 12px;
        color: #666;
        margin-top: 11px;
        height: 95px;
        padding: 0 30px; }
      .xcx_swiper-hl .item:hover img {
        animation: bounceIn 1s; }
      .xcx_swiper-hl .item:after {
        content: "";
        position: absolute;
        right: -1px;
        top: 72px;
        height: 140px;
        width: 1px;
        background: #ccc; }
      .xcx_swiper-hl .item:nth-of-type(4n):after {
        display: none; }
    .xcx_swiper-hl .swiper-pagination {
      bottom: 0; }
  .xcx .swiper-button-next, .xcx .swiper-button-prev {
    width: 20px;
    height: 38px;
    -webkit-background-size: 20px 38px;
    background-size: 20px 38px; }
  .xcx .swiper-button-next.swiper-button-disabled {
    background-image: url(../images/xcx_right.png);
    opacity: 1; }
  .xcx .swiper-button-prev.swiper-button-disabled {
    background-image: url(../images/xcx_left.png);
    opacity: 1; }
  .xcx .swiper-button-next {
    background-image: url(../images/xcx_right_on.png); }
  .xcx .swiper-button-prev {
    background-image: url(../images/xcx_left_on.png); }
  .xcx .swiper-pagination {
    text-align: center;
    width: 100%; }
  .xcx .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: 1px solid #cdcdcd;
    opacity: 1;
    background: none;
    margin: 0 10px; }
  .xcx .swiper-pagination-bullet-active {
    background-color: #a80b28;
    border-color: #a80b28; }
  .xcx .swiper-scrollbar-drag {
    background: #df1313; }
  .xcx_two {
    background: #222742; }
  .xcx_swiper-case {
    padding-top: 30px;
    padding-bottom: 110px;
    text-align: center;
    color: #fff; }
    .xcx_swiper-case .swiper-slide {
      width: 224px;
      border-radius: 18px;
      overflow: hidden;
      padding-top: 40px; }
      .xcx_swiper-case .swiper-slide h2 {
        font-size: 18px;
        margin-top: 26px; }
        .xcx_swiper-case .swiper-slide h2:after {
          content: "";
          width: 20px;
          height: 2px;
          background: rgba(255, 255, 255, 0.2);
          display: block;
          margin: 10px auto 0; }
      .xcx_swiper-case .swiper-slide p {
        line-height: 20px;
        font-size: 12px;
        padding: 6px 25px 0;
        height: 138px; }
      .xcx_swiper-case .swiper-slide:hover img {
        animation: heartBeat 1s; }
      .xcx_swiper-case .swiper-slide .txt {
        transition: all .3s; }
      .xcx_swiper-case .swiper-slide .txt2 {
        position: absolute;
        bottom: -20%;
        left: 0;
        width: 100%;
        opacity: 0; }
        .xcx_swiper-case .swiper-slide .txt2 p {
          text-align: left; }
      .xcx_swiper-case .swiper-slide:hover .txt1 {
        transform: translate(0, -20%);
        opacity: 0; }
      .xcx_swiper-case .swiper-slide:hover .txt2 {
        bottom: 0;
        opacity: 1; }
    .xcx_swiper-case .icon {
      width: 113px;
      height: 113px; }
  .xcx_three {
    padding-bottom: 73px; }
  .xcx_swiper-indust {
    text-align: center;
    position: relative;
    width: 1340px;
    margin: auto;
    padding-top: 20px; }
    .xcx_swiper-indust .item {
      margin-top: 10px;
      position: relative;
      padding: 0 32px;
      float: left;
      width: 236px; }
      .xcx_swiper-indust .item h2 {
        font-size: 16px;
        color: #333;
        margin-top: 11px;
        height: 44px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; }
      .xcx_swiper-indust .item .pic {
        overflow: hidden;
        height: 140px;
        border-radius: 10px; }
        .xcx_swiper-indust .item .pic img {
          transition: all .5s; }
      .xcx_swiper-indust .item:hover img {
        transform: scale(1.2); }
    .xcx_swiper-indust .swiper-pagination {
      bottom: -9px; }
  .xcx_four {
    background: #e9eef2;
    text-align: center;
    padding-bottom: 84px; }
    .xcx_four .list li {
      width: calc(100% / 6);
      float: left; }
      .xcx_four .list li .pic {
        width: 105px;
        height: 105px;
        overflow: hidden;
        border-radius: 20px;
        margin: auto; }
        .xcx_four .list li .pic img {
          width: 100%; }
      .xcx_four .list li:hover img {
        animation: heartBeat 1s; }
      .xcx_four .list li h2 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 16px;
        color: #333;
        height: 42px;
        margin-top: 23px;
        margin-bottom: 57px; }
    .xcx_four .more {
      font-size: 16px;
      color: #666;
      padding-top: 17px;
      cursor: pointer; }
  .xcx_five {
    padding-bottom: 85px; }
  .xcx_swiper-module {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 110px;
    position: relative;
    width: 1340px;
    margin: auto; }
    .xcx_swiper-module .item {
      position: relative;
      float: left;
      width: 240px; }
      .xcx_swiper-module .item .pic {
        width: 90px;
        height: 90px;
        margin: auto; }
        .xcx_swiper-module .item .pic img {
          width: 100%; }
      .xcx_swiper-module .item h2 {
        font-size: 18px;
        color: #333;
        margin-top: 15px;
        height: 83px; }
      .xcx_swiper-module .item:hover .pic {
        animation: heartBeat 1s; }
    .xcx_swiper-module .swiper-pagination {
      bottom: 0; }
    .xcx_swiper-module .swiper-button-prev, .xcx_swiper-module .swiper-button-next {
      top: 36%; }
  .xcx_six {
    background: #e9eef2;
    padding-bottom: 85px; }
  .xcx_swiper-anli {
    text-align: center;
    padding-bottom: 90px;
    position: relative;
    width: 1340px;
    margin: auto; }
    .xcx_swiper-anli .item .pic {
      border-radius: 15px;
      overflow: hidden;
      position: relative;
      transition: all .3s; }
      .xcx_swiper-anli .item .pic .qr_wrap {
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.95);
        text-align: center;
        line-height: 327px;
        transition: all .3s; }
        .xcx_swiper-anli .item .pic .qr_wrap img {
          width: 100px;
          border-radius: 50%; }
    .xcx_swiper-anli .item:hover .pic {
      box-shadow: 3px 6px 5px 0 #999; }
      .xcx_swiper-anli .item:hover .pic .qr_wrap {
        opacity: 1; }
        .xcx_swiper-anli .item:hover .pic .qr_wrap img {
          animation: bounceIn 1s; }
    .xcx_swiper-anli .item h2 {
      font-size: 18px;
      color: #666;
      margin-top: 16px;
      height: 48px; }
    .xcx_swiper-anli .swiper-pagination {
      bottom: 0; }
    .xcx_swiper-anli .swiper-button-prev, .xcx_swiper-anli .swiper-button-next {
      top: 36%; }
  .xcx_seven {
    background: center; }
    .xcx_seven .xcx_title {
      padding-bottom: 0; }
    .xcx_seven .cnt {
      height: 670px;
      background: url(../images/xcx_bg_line.png) no-repeat center top; }
      .xcx_seven .cnt .ul {
        position: relative; }
        .xcx_seven .cnt .ul li {
          position: absolute; }
          .xcx_seven .cnt .ul li .num {
            background: #fff;
            color: #227aea;
            font-size: 18px;
            border-radius: 50%;
            text-align: center;
            width: 28px;
            height: 28px;
            line-height: 28px; }
          .xcx_seven .cnt .ul li .txt {
            width: 190px;
            min-height: 120px;
            position: absolute;
            left: -80px;
            bottom: 38px;
            background: rgba(34, 122, 234, 0.5);
            color: #fff;
            border-radius: 10px; }
            .xcx_seven .cnt .ul li .txt h3 {
              font-size: 18px;
              padding: 12px 18px 0; }
            .xcx_seven .cnt .ul li .txt p {
              font-size: 13px;
              line-height: 18px;
              margin-top: 9px;
              padding: 0 18px; }
            .xcx_seven .cnt .ul li .txt:after {
              content: '';
              position: absolute;
              border: 10px solid transparent;
              border-top-color: rgba(34, 122, 234, 0.5);
              bottom: -20px;
              left: 85px; }
          .xcx_seven .cnt .ul li:nth-of-type(2n) .txt {
            bottom: auto;
            top: 38px; }
            .xcx_seven .cnt .ul li:nth-of-type(2n) .txt:after {
              bottom: auto;
              top: -20px;
              border-top-color: transparent;
              border-bottom-color: rgba(34, 122, 234, 0.5); }
  .xcx_eight {
    padding-bottom: 45px; }
    .xcx_eight .cnt {
      padding-top: 30px;
      background: center top no-repeat;
      min-height: 430px;
      width: 1120px;
      margin: auto; }
      .xcx_eight .cnt .box {
        width: 260px; }
        .xcx_eight .cnt .box li {
          margin-top: 4px; }
          .xcx_eight .cnt .box li h3 {
            font-size: 18px;
            color: #333; }
          .xcx_eight .cnt .box li p {
            font-size: 12px;
            color: #666;
            line-height: 20px;
            margin-top: 11px;
            height: 94px; }
  .xcx_nine {
    background: center top;
    padding-bottom: 94px; }
    .xcx_nine .hn-ly .fl {
      width: 546px; }
      .xcx_nine .hn-ly .fl label {
        display: block;
        height: 50px;
        background: url(../images/ly-bg.png) repeat;
        border-radius: 4px;
        margin-bottom: 20px;
        position: relative; }
        .xcx_nine .hn-ly .fl label i {
          font-size: 18px;
          color: red;
          position: absolute;
          top: 18px;
          left: 7px; }
        .xcx_nine .hn-ly .fl label input {
          background-color: transparent;
          border: none;
          width: 100%;
          height: 50px;
          line-height: 50px;
          box-sizing: border-box;
          padding-left: 60px;
          padding-right: 8px;
          font-size: 16px;
          color: #fff; }
          .xcx_nine .hn-ly .fl label input::-webkit-input-placeholder {
            color: #98a0aa; }
        .xcx_nine .hn-ly .fl label.cc-1 {
          width: 100%; }
          .xcx_nine .hn-ly .fl label.cc-1 input {
            background: url(../images/ly_1.png) no-repeat 18px center;
            width: 100%; }
        .xcx_nine .hn-ly .fl label.cc-2 {
          width: 100%; }
          .xcx_nine .hn-ly .fl label.cc-2 input {
            background: url(../images/ly_2.png) no-repeat 18px center;
            width: 100%; }
        .xcx_nine .hn-ly .fl label.cc-3 {
          width: 264px;
          float: left; }
          .xcx_nine .hn-ly .fl label.cc-3 input {
            background: transparent url(../images/ly_3.png) no-repeat 18px center;
            width: 264px;
            float: left; }
        .xcx_nine .hn-ly .fl label.cc-4 {
          width: 264px;
          float: right; }
          .xcx_nine .hn-ly .fl label.cc-4 input {
            background: url(../images/ly_4.png) no-repeat 18px center;
            width: 264px;
            float: right; }
        .xcx_nine .hn-ly .fl label.cc-5 {
          width: 372px;
          float: left; }
          .xcx_nine .hn-ly .fl label.cc-5 input {
            background: url(../images/ly_5.png) no-repeat 18px center;
            width: 372px;
            float: left; }
      .xcx_nine .hn-ly .fl .p2 span.yzm {
        float: left;
        margin-left: 15px;
        border-radius: 4px;
        overflow: hidden;
        background: #fff; }
        .xcx_nine .hn-ly .fl .p2 span.yzm img {
          max-height: 100%;
          max-width: 100%; }
      .xcx_nine .hn-ly .fl .p3 {
        font-size: 14px;
        color: #98a0aa;
        text-align: left; }
    .xcx_nine .hn-ly .fr {
      width: 542px;
      position: relative; }
      .xcx_nine .hn-ly .fr label {
        display: block;
        background: url(../images/ly_6.png) no-repeat center;
        width: 60px;
        height: 50px;
        position: absolute;
        top: 0;
        left: 0; }
      .xcx_nine .hn-ly .fr textarea {
        width: 100%;
        height: 260px;
        background: url(../images/ly-bg.png) repeat;
        box-sizing: border-box;
        padding: 15px 10px 10px 60px;
        font-size: 16px;
        color: #fff;
        border-radius: 4px;
        border: none;
        overflow: hidden;
        outline: none; }
        .xcx_nine .hn-ly .fr textarea::-webkit-input-placeholder {
          color: #98a0aa; }
      .xcx_nine .hn-ly .fr p {
        text-align: right;
        margin-top: 20px; }
      .xcx_nine .hn-ly .fr input {
        width: 182px;
        height: 50px;
        border: none;
        border-radius: 5px;
        background: #009efe;
        font-size: 16px;
        color: #fff; }

.Validform_checktip {
  margin-left: 8px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  color: #999;
  font-size: 16px; }

.Validform_right {
  color: #71b83d;
  padding-left: 30px;
  background: url(../images/right.png) no-repeat left center; }

.Validform_wrong {
  color: red;
  padding-left: 30px;
  white-space: nowrap;
  background: url(../images/error.png) no-repeat left center; }

.Validform_loading {
  padding-left: 30px;
  background: url(../images/onLoad.gif) no-repeat left center; }

.Validform_error {
  background-color: #ffe7e7; }

#Validform_msg {
  color: #7d8289;
  font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
  width: 280px;
  -webkit-box-shadow: 2px 2px 3px #aaa;
  -moz-box-shadow: 2px 2px 3px #aaa;
  background: #fff;
  position: absolute;
  top: 0;
  right: 50px;
  z-index: 99999;
  display: none;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=135,Color='#999999'); }

#Validform_msg .iframe {
  position: absolute;
  left: 0;
  top: -1px;
  z-index: -1; }

#Validform_msg .Validform_title {
  line-height: 25px;
  height: 25px;
  text-align: left;
  font-weight: 700;
  color: #fff;
  position: relative;
  background-color: #000;
  padding: 0 8px; }

#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {
  line-height: 22px;
  position: absolute;
  right: 8px;
  top: 0;
  color: #fff;
  text-decoration: none; }

#Validform_msg a.Validform_close:hover {
  color: #cc0; }

#Validform_msg .Validform_info {
  border: 1px solid #000;
  border-top: none;
  text-align: left;
  padding: 8px; }

.info {
  margin-left: 8px;
  border: 1px solid #ccc;
  color: #666;
  float: left;
  position: relative;
  display: none;
  line-height: 20px;
  padding: 8px 20px 8px 10px; }

.dec {
  top: 9px;
  display: block;
  height: 17px;
  overflow: hidden;
  position: absolute;
  left: -8px;
  width: 8px; }

.dec s {
  font-family: simsun;
  font-size: 16px;
  height: 19px;
  left: 0;
  line-height: 21px;
  position: absolute;
  text-decoration: none;
  top: 0;
  width: 17px; }

.dec .dec1 {
  color: #ccc; }

.dec .dec2 {
  color: #fff;
  left: 1px; }

.Validform_checktip {
  top: 15px;
  right: 18px;
  position: absolute;
  display: inline;
  padding-left: 20px; }

.Validform_right {
  background: url(../images/Yes.png) no-repeat left center; }

.Validform_wrong {
  background: url(../images/Wrong.png) no-repeat left center; }

.cc-3 .Validform_checktip {
  left: 231px; }

.cc-5 .Validform_checktip {
  left: 340px; }

.cc-cntent .Validform_checktip {
  top: -25px;
  left: 510px; }

.thisfrom .Validform_checktip {
  position: relative;
  top: 1px;
  left: 365px; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #455161 inset;
  -webkit-color: #fff; }