@charset "UTF-8";
@import url("common.css");
/* 移动 */
/* PC */
.title {
  background: url(../images/icon7.png) bottom center no-repeat;
  height: 95px;
  text-align: center;
  padding: 20px 0;
  line-height: 33px;
  margin-bottom: 80px; }
  @media screen and (max-width: 1024px) {
    .title {
      margin-bottom: 1.3333333333rem;
      padding: 0.5333333333rem 0;
      height: 2.5333333333rem;
      line-height: 0.88rem; } }
  .title .en {
    font-family: Verdana,Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #0251ae;
    font-size: 30px;
    font-weight: bold;
    display: block; }
  .title .cn {
    font-size: 35px;
    color: #000; }
    @media screen and (max-width: 1024px) {
      .title .cn {
        font-size: 0.6666666667rem; } }

.productsBanner {
  height: 654px;
  background: url("../images/bgProduct.jpg") center;
  display: block;
  overflow: hidden;
  position: relative;
  color: #fff; }
  @media screen and (max-width: 1024px) {
    .productsBanner {
      height: auto; } }
  .productsBanner .text {
    margin-top: 200px;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .productsBanner .text {
        padding: 0.8rem;
        margin-top: 0.5333333333rem; } }
    .productsBanner .text .h1 {
      font-size: 39px;
      color: #00c0ff;
      border: 1px dashed #00c0ff;
      padding: 10px 50px;
      display: inline-block;
      border-radius: 10px; }
      @media screen and (max-width: 1024px) {
        .productsBanner .text .h1 {
          font-size: 0.7466666667rem;
          padding: 10px;
          display: block; } }
    .productsBanner .text .descretion {
      font-size: 20px; }
      @media screen and (max-width: 1024px) {
        .productsBanner .text .descretion {
          font-size: 0.4rem; } }
      .productsBanner .text .descretion p {
        text-align: left;
        opacity: .85;
        margin-top: 20px;
        font-size: 17px; }
        @media screen and (max-width: 1024px) {
          .productsBanner .text .descretion p {
            font-size: 0.4533333333rem; } }
      .productsBanner .text .descretion ul {
        margin-left: 20px; }
        .productsBanner .text .descretion ul li {
          text-align: left;
          opacity: .8;
          margin-top: 10px; }
  .productsBanner .ani1 {
    position: absolute;
    width: 28px;
    height: 166px;
    left: 50%;
    top: -170px;
    margin-left: -345px;
    -webkit-animation: banner1 1.2s linear 600ms infinite;
            animation: banner1 1.2s linear 600ms infinite; }
  .productsBanner .ani2 {
    position: absolute;
    width: 5px;
    height: 99px;
    left: 50%;
    margin-left: 334px;
    -webkit-animation: banner1 1.2s linear 1ms infinite;
            animation: banner1 1.2s linear 1ms infinite; }
  .productsBanner .ani3 {
    position: absolute;
    width: 20px;
    height: 255px;
    left: 50%;
    margin-left: 420px;
    -webkit-animation: banner2 1.2s linear 1ms infinite;
            animation: banner2 1.2s linear 1ms infinite; }
@-webkit-keyframes banner1 {
  0% {
    top: -170px; }
  50% {
    top: 650px; }
  100% {
    top: 650px; } }
@keyframes banner1 {
  0% {
    top: -170px; }
  50% {
    top: 650px; }
  100% {
    top: 650px; } }
@-webkit-keyframes banner2 {
  0% {
    top: 650px; }
  50% {
    top: -255px; }
  100% {
    top: -255px; } }
@keyframes banner2 {
  0% {
    top: 650px; }
  50% {
    top: -255px; }
  100% {
    top: -255px; } }
.productService {
  background: #1b2e66;
  height: 600px;
  overflow: hidden;
  color: #fff; }
  @media screen and (max-width: 1024px) {
    .productService {
      height: auto; } }
  .productService .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 1024px) {
      .productService .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .productService .container img {
      margin-top: -20px; }
      @media screen and (max-width: 1024px) {
        .productService .container img {
          position: absolute;
          opacity: .2;
          margin-top: 30%;
          width: 100%; } }
    .productService .container .text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media screen and (max-width: 1024px) {
        .productService .container .text {
          padding: 0.8rem;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      .productService .container .text .bigTitle {
        font-size: 39px;
        margin-bottom: 50px;
        width: 100%;
        border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
        padding-bottom: 10px; }
        @media screen and (max-width: 1024px) {
          .productService .container .text .bigTitle {
            font-size: 0.8rem;
            margin-bottom: 0.8rem;
            padding-bottom: 0.2666666667rem; } }
      .productService .container .text .item {
        width: 40%;
        margin: 20px 30px; }
        @media screen and (max-width: 1024px) {
          .productService .container .text .item {
            width: 100%; } }
        .productService .container .text .item .itemTitle {
          font-size: 20px;
          margin-bottom: 10px; }
          @media screen and (max-width: 1024px) {
            .productService .container .text .item .itemTitle {
              font-size: 0.5333333333rem; } }
        .productService .container .text .item .descretion {
          opacity: .75; }
          @media screen and (max-width: 1024px) {
            .productService .container .text .item .descretion {
              font-size: 0.4rem; } }