@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2018-6-25, 11:03:24
    Author     : Administrator
*/
body {
  font-size: 14px;
  font-family: \5FAE\8F6F\96C5\9ED1; }

body, div, p, span, ul, li, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

.banna {
  height: 272px;
  width: 100%;
  min-width: 1000px;
  background: linear-gradient(to bottom, #003399 0%, #247BCA 25%, #247BCA 100%);
  margin-bottom: 40px; }

@keyframes toleft {
  0% {
    left: 1200px;
    top: -20px;
    opacity: 0.7; }
  25% {
    left: 900px;
    top: 20px;
    opacity: 0.7; }
  50% {
    left: 600px;
    top: -20px;
    opacity: 0.7; }
  75% {
    left: 300px;
    top: 20px;
    opacity: 0.7; }
  100% {
    left: 0px;
    top: -20px;
    opacity: 1; } }
@keyframes toTop {
  0% {
    left: 0px;
    top: 400px;
    opacity: 0; }
  100% {
    left: 0;
    top: 0;
    opacity: 1; } }
.productNav {
  width: 100%;
  min-width: 1000px;
  margin-bottom: 20px;
  font-family: "微软雅黑"; }
  .productNav .productTitle {
    width: 1000px;
    margin: 0 auto;
    height: 80px;
    box-sizing: border-box;
    vertical-align: bottom;
    border-bottom: 1px solid #DFEDFD; }
    .productNav .productTitle .titleLeft {
      float: left;
      box-sizing: border-box; }
      .productNav .productTitle .titleLeft p {
        display: inline-block;
        width: 7px;
        vertical-align: bottom; }
      .productNav .productTitle .titleLeft p:nth-child(1) {
        height: 80px;
        width: 80px;
        text-align: center;
        line-height: 80px;
        /*font-weight:bold;*/
        font-size: 28px;
        color: #fff;
        background-color: #0A54AB; }
      .productNav .productTitle .titleLeft p:nth-child(2) {
        height: 58px;
        background-color: #0A54AB; }
      .productNav .productTitle .titleLeft p:nth-child(3) {
        height: 35px;
        background-color: #398CF2; }
      .productNav .productTitle .titleLeft p:nth-child(4) {
        height: 17px;
        background-color: #77B0F7; }
      .productNav .productTitle .titleLeft p:nth-child(5) {
        height: 7px;
        background-color: #DFEDFD; }
    .productNav .productTitle .titleRight {
      float: right;
      line-height: 80px;
      height: 80px;
      box-sizing: border-box;
      width: calc(100% - 130px);
      text-align: right; }
      .productNav .productTitle .titleRight ul {
        vertical-align: bottom; }
        .productNav .productTitle .titleRight ul li {
          vertical-align: bottom;
          list-style: none;
          display: inline-block;
          cursor: pointer; }
          .productNav .productTitle .titleRight ul li a {
            text-decoration: none;
            /*padding:5px 10px;*/
            font-size: 16x;
            margin: 0 10px;
            padding: 0px 5px;
            color: #0A54AB;
            cursor: pointer; }
          .productNav .productTitle .titleRight ul li .active {
            transition: all 0.5s linear 0s;
            background-color: #0A54AB;
            color: #fff;
            padding-bottom: 2px; }

.productDetail .contentBox ul {
  list-style: none;
  position: relative;
  height: 1000px;
  transition: all 0.2s ease-in-out 0.2s; }
  .productDetail .contentBox ul li {
    width: 100%;
    min-width: 1000px;
    position: absolute;
    opacity: 0;
    z-index: 1; }
    .productDetail .contentBox ul li .top {
      width: 1000px;
      margin: 0 auto;
      margin-bottom: 20px; }
      .productDetail .contentBox ul li .top .productIntroduc > .title, .productDetail .contentBox ul li .top .productProcess > .title {
        font-size: 24px;
        color: #B8202C;
        margin-bottom: 20px; }
      .productDetail .contentBox ul li .top .productIntroduc .content p, .productDetail .contentBox ul li .top .productProcess .content p {
        padding-left: 10px;
        color: #333333;
        font-size: 16px;
        line-height: 35px;
        position: relative; }
      .productDetail .contentBox ul li .top .productIntroduc .picture, .productDetail .contentBox ul li .top .productProcess .picture {
        margin: 30px 0;
        width: 100%;
        text-align: center; }
        .productDetail .contentBox ul li .top .productIntroduc .picture img, .productDetail .contentBox ul li .top .productProcess .picture img {
          width: 80%; }
      .productDetail .contentBox ul li .top .productIntroduc .content p {
        text-indent: 25px; }
      .productDetail .contentBox ul li .top .productProcess .list {
        margin-bottom: 20px;
        position: relative; }
        .productDetail .contentBox ul li .top .productProcess .list h3 {
          font-size: 16px;
          color: #333333;
          font-weight: bold;
          font-family: "微软雅黑";
          margin-bottom: 10px;
          margin-top: 10px; }
          .productDetail .contentBox ul li .top .productProcess .list h3 i {
            background-color: #0A54AB;
            vertical-align: bottom;
            width: 5px;
            height: 22px;
            display: inline-block;
            margin-right: 5px; }
    .productDetail .contentBox ul li .bottom {
      width: 100%;
      min-width: 1000px;
      background-color: #F6F6F6;
      text-align: center;
      height: 100px;
      line-height: 100px; }
      .productDetail .contentBox ul li .bottom span {
        display: inline-block;
        font-size: 24px; }
      .productDetail .contentBox ul li .bottom span:last-child {
        padding: 0 20px;
        font: bold 24px/30px Arial,Helvetica,sans-serif;
        /*background: no-repeat 25px center #d43e3d;*/
        /*border-radius: 4px;*/
        color: #d43e3d !important;
        font-size: 28px;
        /* color: #177EE9 !important; */ }
  .productDetail .contentBox ul .show {
    transition: all 0.3s ease-in-out 0.2s;
    opacity: 1;
    display: block;
    z-index: 100; }