@charset "UTF-8";

/*rgba(31, 82, 152, .9)*/

a, .transition, .g-head, .g-nav, .g-nav .btn, .g-nav-all, .g-search, .g-nav-all li, .g-search .form .submit, .index-product li .layer a.name:after, .index-product li .layer a.name h3, .index-product li .layer a.name div, .index-product li .layer dl, .index-service .wal .list .img div, .index-service .wal .list li, .index-service .wal .list li:after, .index-maintenance .wal .list-wrapper li .layer, .index-search .wal .form .submit, .index-search .wal .form .submit input, .index-news .wal .list a .time, .index-news .wal .list a .time2, .index-news .wal .list a .img:after, .side-bar li .layer, .join li .title, .join li .title div, .p-num2 li a i, .news a:after, .news a .bg, .news a .time, .news a .more, :before, img, .nav {

  transition: All 0.5s ease;

  -webkit-transition: All 0.5s ease;

  -moz-transition: All 0.5s ease;

  -o-transition: All 0.5s ease; }



.ellipsis, .index-product li .layer dl a, .index-news .wal .list a h3, .partner li .name, .product2 li .name, .maintenance a .name, .news a .name {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis; }



.flex, .g-nav a.name, .g-foot .wal .list li h3, .g-foot .wal .ewm ul, .indexFlash .dots, .index-about .wal, .index-product li .layer a.name h3, .index-search .wal .list li, .index-news .wal, .index-news .wal .col .arrow, .g-arrow, .index-partner, .side-bar li .layer, .p-banner .wal, .honor li .img, .join li .title, .product a .name, .p-num2 ul, .p-num2 li a, .maintenanceShow .img-list .dots {

  display: flex;

  display: -webkit-flex;

  display: -ms-flex; }



.flexColumn, .g-nav, .g-nav-all li, .g-search .wal, .index-about .list li, .index-product li .layer, .index-service .wal, .index-service .wal .list li, .index-maintenance .wal, .index-maintenance .wal .list-wrapper li .layer, .index-search .wal, .index-news .wal .list a, .side-bar li a.name, .about-1 .list li, .about-2 .list-wrapper li, .contact .list li, .news a .time {

  display: flex;

  display: -webkit-flex;

  display: -ms-flex;

  flex-direction: column;

  -webkit-flex-direction: column;

  -ms-flex-direction: column; }



.itemsCenter, .g-nav a.name, .g-nav-all li, .g-foot .wal .list li h3, .index-about .wal, .index-product li .layer, .index-product li .layer a.name h3, .index-news .wal, .g-arrow, .index-partner, .side-bar li a.name, .side-bar li .layer, .p-banner .wal, .about-2 .list-wrapper li, .honor li .img, .join li .title, .product-1 .container, .product a .name, .p-num2 li a, .news a .time {

  align-items: center;

  -webkit-align-items: center; }



.justifyCenter, .g-nav, .g-nav-all li, .g-search .wal, .g-foot .msg, .index-about .list li, .index-product li .layer, .index-product li .layer a.name h3, .index-service .wal, .index-service .wal .list li, .index-maintenance .wal, .index-maintenance .wal .list-wrapper li .layer, .index-search .wal, .index-news .wal .list a, .side-bar li a.name, .side-bar li .layer, .honor li .img, .contact .list li, .product a .name, .news a .time {

  justify-content: center;

  -webkit-justify-content: center; }



.flexAround {

  justify-content: space-around;

  -webkit-justify-content: space-around; }



.flexBetween, .index-news .wal, .index-news .wal .col .arrow, .g-arrow, .index-partner, .contact .list, .product-1 .container {

  justify-content: space-between;

  -webkit-justify-content: space-between; }



.flexWrap, .g-nav-all ul, .g-foot .wal, .g-foot .wal .list ul, .g-foot .msg, .index-product ul, .index-search .wal .list ul, .index-partner .list-wrapper dl, .about-1 .list ul, .honor ul, .partner ul, .contact .list, .product-1 .container, .product ul, .product2 ul, .maintenance ul {

  display: flex;

  display: -webkit-flex;

  display: -ms-flex;

  flex-wrap: wrap;

  -webkit-flex-wrap: wrap; }



* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box; }



html {

  font-size: 100px; }



body {

  font-size: 12px;

  font-family: Arial, "微软雅黑";

  color: #333;

  -webkit-text-size-adjust: none;

  opacity: 0; }

  body.show {

    opacity: 1;

    transition: opacity 0.5s ease;

    -webkit-transition: opacity 0.5s ease;

    -moz-transition: opacity 0.5s ease;

    -o-transition: opacity 0.5s ease; }



a {

  color: #333;

  text-decoration: none;

  outline: none; }

  a:active {

    star: expression(this.onFocus=this.blur()); }

  a:link {

    text-decoration: none;

    outline: none; }

  a:visited {

    text-decoration: none;

    outline: none; }

  a:hover {

    text-decoration: none;

    color: #16629e;

    outline: none; }



li {

  list-style: outside none; }



h1 {

  font-size: 16px; }



h2, h3, h4, h5 {

  font-size: 14px; }



h5 {

  font-size: 12px; }



textarea, input {

  background: transparent;

  font-size: 12px;

  font-family: Arial, "微软雅黑";

  color: #888;

  outline: none;

  border: 0; }



em {

  font-style: normal; }



img {

  vertical-align: middle;

  max-width: 100%;

  border: 0; }



.fl {

  float: left; }



.fr {

  float: right; }



.clear {

  clear: both;

  height: 0;

  display: block;

  _display: inherit; }



.before {

  content: "";

  display: block;

  position: absolute;

  left: 50%;

  top: 0; }



.h10 {

  height: 0.1rem;

  overflow: hidden;

  clear: both; }



.h50 {

  height: 0.5rem;

  overflow: hidden;

  clear: both; }



.wal {

  max-width: 12rem;

  margin: 0 auto; }



@font-face {

  font-family: "CargoD";

  src: url("fonts/CargoD.woff2") format("woff2"), url("fonts/CargoD.woff") format("woff"), url("fonts/CargoD.ttf") format("truetype"), url("fonts/CargoD.eot") format("embedded-opentype"), url("fonts/CargoD.svg") format("svg");

  font-weight: normal;

  font-style: normal; }

.g-headD {

  height: 1.6rem; }



.g-head {

  position: fixed;

  z-index: 50;

  left: 0;

  top: 0;

  width: 1.6rem;

  bottom: 0;

  background: rgba(0, 0, 0, 0.5); }

  .g-head a.logo {

    display: block;

    background: url("../image/logo.png") center no-repeat;

    background-size: .8rem;

    width: 100%;

    height: 1.3rem;

    position: absolute;

    z-index: 1;

    left: 0;

    right: auto;

    top: 0.6rem;

    bottom: auto; }

  .g-head .search {

    position: absolute;

    z-index: 1;

    left: 0;

    right: 0;

    top: auto;

    bottom: 0.6rem; }

    .g-head .search a {

      display: block;

      width: .6rem;

      height: .6rem;

      -moz-border-radius: 50%;

      -webkit-border-radius: 50%;

      border-radius: 50%;

      margin: 0 auto;

      border: #fff solid 1px;

      background: url("../image/btn58.png") center no-repeat;

      background-size: 100%; }

      .g-head .search a:hover {

        background-color: #ffaa00;

        border-color: #ffaa00; }



.g-nav {

  position: absolute;

  z-index: 1;

  left: 0;

  right: 0;

  top: 1.7rem;

  bottom: 1.2rem; }

  .g-nav ul {

    padding-bottom: .3rem; }

  .g-nav a.name {

    height: .6rem;

    font-size: .16rem;

    color: #fff;

    padding-left: .3rem; }

    .g-nav a.name .ico {

      width: .2rem;

      margin-right: .08rem;

      position: relative; }

      .g-nav a.name .ico img:nth-child(2) {

        position: absolute;

        z-index: 1;

        left: 0;

        right: auto;

        top: 0;

        bottom: auto;

        opacity: 0; }

    .g-nav a.name:hover, .g-nav a.name.on {

      color: #ffaa00; }

      .g-nav a.name:hover .ico img:nth-child(1), .g-nav a.name.on .ico img:nth-child(1) {

        opacity: 0; }

      .g-nav a.name:hover .ico img:nth-child(2), .g-nav a.name.on .ico img:nth-child(2) {

        opacity: 1; }

  .g-nav .btn {

    background: url("../image/img36.png") center top no-repeat;

    background-size: .36rem;

    cursor: pointer;

    padding-top: .38rem;

    text-align: center;

    font-size: .12rem;

    text-transform: uppercase;

    color: #fff; }

    .g-nav .btn em {

      opacity: 0;

      visibility: hidden;

      display: block; }

    .g-nav .btn:hover {

      background-image: url("../image/img36on.png"); }

      .g-nav .btn:hover em {

        color: #ffaa00; }



.g-nav-all, .g-search {

  position: fixed;

  z-index: 50;

  left: 1.6rem;

  top: 0;

  right: 0;

  bottom: 0;

  background: rgba(0, 11, 26, 0.95);

  opacity: 0;

  visibility: hidden; }

  .g-nav-all.show, .g-search.show {

    opacity: 1;

    visibility: visible; }

  .g-nav-all a.close, .g-search a.close {

    display: block;

    width: .49rem;

    height: .49rem;

    background: url("../image/close49.png") center no-repeat;

    background-size: 100%;

    position: absolute;

    z-index: 1;

    left: auto;

    right: 0.6rem;

    top: 0.6rem;

    bottom: auto; }

    .g-nav-all a.close:hover, .g-search a.close:hover {

      background-image: url("../image/close49on.png"); }

  .g-nav-all .title, .g-search .title {

    position: absolute;

    z-index: 1;

    left: auto;

    right: 100%;

    top: 50%;

    bottom: auto;

    width: 1.6rem;

    text-align: center;

    color: #fff;

    margin-top: -.24rem; }

    .g-nav-all .title div, .g-search .title div {

      font-size: .14rem;

      text-transform: uppercase;

      opacity: .5; }

    .g-nav-all .title h2, .g-search .title h2 {

      font-size: .24rem; }



.g-nav-all li {

  width: 20%;

  height: 100vh;

  border-left: rgba(255, 255, 255, 0.3) solid 1px;

  text-align: center; }

  .g-nav-all li:hover {

    background: rgba(31, 82, 152, 0.5); }

  .g-nav-all li .ico {

    width: .6rem; }

  .g-nav-all li a.name {

    display: block;

    position: relative;

    color: #fff;

    letter-spacing: .02rem;

    padding: .35rem 0 .4rem 0; }

    .g-nav-all li a.name:before {

      content: "";

      display: block;

      position: absolute;

      left: 50%;

      bottom: 0;

      width: 1.6rem;

      height: 1px;

      background: rgba(255, 255, 255, 0.5);

      margin-left: -.8rem; }

    .g-nav-all li a.name:after {

      content: "";

      display: block;

      position: absolute;

      left: 50%;

      bottom: -1px;

      width: .3rem;

      height: 3px;

      background: #fff;

      margin-left: -.15rem; }

    .g-nav-all li a.name span {

      font-size: .14rem;

      text-transform: uppercase;

      display: block;

      opacity: .5; }

    .g-nav-all li a.name h2 {

      font-size: .3rem; }

    .g-nav-all li a.name:hover {

      color: #ffaa00; }

  .g-nav-all li dl {

    min-height: 2.9rem;

    padding-top: .35rem; }

    .g-nav-all li dl a {

      display: block;

      font-size: .16rem;

      line-height: .48rem;

      color: #fff; }

      .g-nav-all li dl a:hover {

        color: #ffaa00; }



.g-search {

  color: #fff;

  border-left: rgba(255, 255, 255, 0.3) solid 1px; }

  .g-search .wal {

    height: 100vh; }

  .g-search .index-title {

    padding-bottom: .7rem; }

    .g-search .index-title h3 {

      color: #fff; }

  .g-search .form {

    position: relative;

    border-bottom: #fff solid 1px;

    height: .8rem; }

    .g-search .form .input {

      position: relative; }

      .g-search .form .input .tips {

        position: absolute;

        z-index: 1;

        left: 0;

        right: auto;

        top: 0;

        bottom: auto;

        font-size: .18rem; }

        .g-search .form .input .tips em {

          display: block;

          opacity: .5;

          font-size: .14rem;

          text-transform: uppercase;

          padding-bottom: .1rem; }

      .g-search .form .input input {

        position: relative;

        z-index: 2;

        width: 100%;

        height: .8rem;

        line-height: .8rem;

        color: #fff;

        font-size: .18rem; }

      .g-search .form .input.on .tips {

        display: none; }

    .g-search .form .submit {

      position: absolute;

      z-index: 5;

      left: auto;

      right: 0;

      top: 0;

      bottom: 0;

      width: .3rem;

      background: url("../image/img30.png") center no-repeat;

      background-size: 100%; }

      .g-search .form .submit input {

        width: 100%;

        height: .8rem;

        cursor: pointer; }

      .g-search .form .submit:hover {

        background-image: url("../image/img30on.png"); }



body.g-nav-hide .g-head {

  background: rgba(0, 11, 26, 0.95); }

body.g-nav-hide .g-nav {

  opacity: 0;

  visibility: hidden; }



.g-foot {

  background: url("../image/foot.jpg") center no-repeat;

  background-size: cover;

  color: #fff;

  position: relative;

  font-size: 14px;

  padding: 0 0.2rem 0 1.8rem; }

  .g-foot .wal {

    min-height: 3.56rem;

    position: relative;

    padding-top: .8rem; }

    .g-foot .wal .tel {

      background: url("../image/img68.png") left top no-repeat;

      background-size: .68rem;

      padding-left: .88rem;

      width: 35%; }

      .g-foot .wal .tel h3 {

        font-size: .18rem;

        line-height: 1em; }

      .g-foot .wal .tel div {

        font-family: 'CargoD';

        font-size: .36rem;

        line-height: .48rem;

        letter-spacing: .02rem;

        padding-top: .06rem; }

    .g-foot .wal .list {

      width: 50%; }

      .g-foot .wal .list li {

        width: 50%;

        position: relative;

        min-height: .9rem;

        padding-left: .45rem; }

        .g-foot .wal .list li .ico {

          position: absolute;

          z-index: 1;

          left: 0;

          right: auto;

          top: 0;

          bottom: auto; }

          .g-foot .wal .list li .ico img {

            height: .3rem; }

        .g-foot .wal .list li h3 {

          font-size: .18rem;

          line-height: 1em; }

          .g-foot .wal .list li h3 a {

            font-weight: 400;

            margin-left: .1rem;

            -moz-border-radius: 0.2rem;

            -webkit-border-radius: 0.2rem;

            border-radius: 0.2rem;

            font-size: .12rem;

            color: #002a66;

            height: .2rem;

            line-height: .2rem;

            padding: 0 .13rem;

            background: rgba(255, 255, 255, 0.5); }

          .g-foot .wal .list li h3 a:hover {

            background: #fff; }

        .g-foot .wal .list li p {

          font-size: 12px;

          padding-top: .1rem; }

    .g-foot .wal .ewm {

      position: absolute;

      z-index: 1;

      left: auto;

      right: 0;

      top: 0.8rem;

      bottom: auto; }

      .g-foot .wal .ewm li {

        width: 1.16rem;

        margin-left: .4rem; }

      .g-foot .wal .ewm p {

        text-align: center;

        color: #fff;

        padding-top: .08rem; }

  .g-foot .msg {

    position: absolute;

    z-index: 1;

    left: 0;

    right: 0;

    top: auto;

    bottom: 0;

    padding-left: 1.6rem;

    line-height: .55rem;

    border-top: rgba(255, 255, 255, 0.3) solid 1px; }

    .g-foot .msg p {

      padding: 0 .1rem; }



/*index*/

#index {

  height: 100vh;

  overflow: hidden;

  position: relative; }

  #index .index-slide {

    height: 100vh;

    background: center no-repeat;

    background-size: cover;

    position: relative;

    padding: 0 0.2rem 0 1.8rem; }

  #index .wal {

    max-width: 15.6rem; }

  #index .g-foot {

    position: absolute;

    z-index: 1;

    left: 0;

    right: 0;

    top: auto;

    bottom: 0; }



.indexIco {

  position: fixed;

  z-index: 10;

  left: 50%;

  bottom: .3rem;

  width: .26rem;

  height: .66rem;

  margin-left: 0.67rem;

  background: url("../image/img26.png") center no-repeat;

  background-size: 100%;

  animation: upDown 1s infinite linear;

  -webkit-animation: upDown 1s infinite linear; }

  .indexIco.hide {

    opacity: 0;

    visibility: hidden; }



@keyframes upDown {

  from {

    transform: translateY(0); }

  to {

    transform: translateY(0.3rem); } }

@-webkit-keyframes upDown {

  from {

    -webkit-transform: translateY(0); }

  to {

    -webkit-transform: translateY(0.3rem); } }

.indexFlash {

  margin-left: -1.8rem;

  margin-right: -.2rem; }

  .indexFlash li {

    height: 100vh;

    background: center no-repeat;

    background-size: cover;

    padding-left: 1.8rem; }

    .indexFlash li .img-1 {

      width: 9.34rem;

      padding-top: 1.8rem; }

    .indexFlash li .img-2 {

      padding-top: 14.5vh; }

  .indexFlash .dots {

    position: absolute;

    z-index: 1;

    left: 50%;

    right: auto;

    top: auto;

    bottom: 0.5rem;

    margin-left: -6.2rem; }

    .indexFlash .dots span {

      width: .6rem;

      height: .04rem;

      background: #fff;

      margin-right: .1rem; }

    .indexFlash .dots span.swiper-pagination-bullet-active {

      background: #ffaa00; }



.index-title {

  letter-spacing: .02rem; }

  .index-title h3 {

    font-size: .8rem;

    color: #16629e;

    font-family: 'CargoD';

    text-transform: uppercase;

    line-height: 1em;

    padding-bottom: .16rem;

    letter-spacing: .04rem; }

    .index-title h3 em {

      color: #ffaa00; }

  .index-title h2 {

    font-size: .32rem;

    line-height: 1em; }



a.g-more {

  display: block;

  background: #16629e;

  color: #fff;

  -moz-border-radius: 0.3rem;

  -webkit-border-radius: 0.3rem;

  border-radius: 0.3rem;

  font-size: .16rem;

  width: 1.2rem;

  height: .44rem;

  line-height: .44rem;

  text-align: center; }

  a.g-more:hover {

    background: #ffaa00; }



a.g-more2 {

  display: block;

  width: .72rem;

  height: .72rem;

  background: #ffaa00 url("../image/img26_1.png") center no-repeat;

  background-size: .26rem;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%; }

  a.g-more2:hover {

    box-shadow: 0 0.08rem 0.2rem #ffaa00;

    -webkit-box-shadow: 0 0.08rem 0.2rem #ffaa00;

    -moz-box-shadow: 0 0.08rem 0.2rem #ffaa00; }



.index-about .img {

  width: 50%;

  position: absolute;

  z-index: 1;

  left: 0;

  right: auto;

  top: 0;

  bottom: 0; }

  .index-about .img div {

    position: absolute;

    z-index: 1;

    left: 0;

    right: -0.8rem;

    top: 0;

    bottom: 0;

    background: center no-repeat;

    background-size: cover; }

.index-about .wal {

  height: 100vh;

  position: relative;

  z-index: 2; }

.index-about .container {

  width: 7rem;

  margin-left: auto; }

.index-about .content {

  font-size: 14px;

  line-height: 2em;

  color: #666;

  text-align: justify;

  min-height: 1.3rem;

  padding: .25rem 0; }

.index-about .more {

  padding-bottom: .4rem; }

.index-about .list li {

  margin-top: .2rem;

  height: 1rem;

  background: #f5f5f5;

  -moz-border-radius: 1rem;

  -webkit-border-radius: 1rem;

  border-radius: 1rem;

  padding-left: 1.2rem;

  position: relative; }

  .index-about .list li .ico {

    width: .8rem;

    position: absolute;

    z-index: 1;

    left: 0.1rem;

    right: auto;

    top: auto;

    bottom: auto; }

  .index-about .list li h3 {

    color: #16629e;

    font-size: .2rem;

    line-height: 1em;

    padding-bottom: .1rem; }

  .index-about .list li p {

    font-size: 14px;

    color: #666; }



.index-product ul {

  margin-right: -.2rem;

  margin-left: -.2rem; }

.index-product li {

  width: 25%;

  position: relative; }

  .index-product li:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: #16629e;

    opacity: 0; }

  .index-product li .bg {

    height: 100vh;

    background: center no-repeat;

    background-size: cover; }

  .index-product li .img {

    position: absolute;

    z-index: 1;

    left: 0;

    right: 0;

    top: auto;

    bottom: 0;

    text-align: center; }

  .index-product li .layer {

    position: absolute;

    z-index: 1;

    left: 0;

    right: 0;

    top: 0;

    bottom: 2.4rem;

    text-align: center;

    color: #fff; }

    .index-product li .layer a {

      color: #fff; }

    .index-product li .layer .ico {

      width: 1rem; }

    .index-product li .layer a.name {

      display: block;

      height: 1.12rem;

      line-height: 1.1rem;

      position: relative; }

      .index-product li .layer a.name:before {

        content: "";

        display: block;

        position: absolute;

        left: 50%;

        top: 100%;

        width: 3rem;

        height: 1px;

        background: rgba(255, 255, 255, 0.5);

        margin-left: -1.5rem; }

      .index-product li .layer a.name:after {

        content: "";

        display: block;

        position: absolute;

        left: 50%;

        top: 100%;

        width: .6rem;

        height: .04rem;

        background: #fff;

        margin-left: -.3rem;

        margin-top: -.015rem; }

      .index-product li .layer a.name h3 {

        text-transform: uppercase;

        font-family: 'CargoD';

        font-size: .3rem;

        line-height: 1.2em;

        font-weight: 400;

        letter-spacing: .02rem;

        height: 1.1rem; }

      .index-product li .layer a.name div {

        font-size: .24rem;

        position: absolute;

        z-index: 1;

        left: 0;

        right: 0;

        top: 100%;

        bottom: auto; }

    .index-product li .layer dl {

      min-height: 1.82rem;

      padding-top: .33rem;

      width: 1.6rem;

      opacity: 0;

      visibility: hidden;

      position: relative;

      top: 1rem; }

      .index-product li .layer dl dd {

        padding-bottom: .08rem; }

      .index-product li .layer dl a {

        display: block;

        height: .34rem;

        line-height: .34rem;

        font-size: 14px;

        padding: 0 .1rem;

        -moz-border-radius: 0.3rem;

        -webkit-border-radius: 0.3rem;

        border-radius: 0.3rem; }

      .index-product li .layer dl a:hover {

        background: rgba(0, 0, 0, 0.2); }

    .index-product li .layer .more a {

      opacity: 0;

      visibility: hidden;

      position: relative;

      top: 1rem; }

.index-product li:hover:before {

  opacity: .9; }

.index-product li:hover .img img {

  opacity: .5; }

.index-product li:hover .layer a.name:before {

  margin-left: 0;

  width: 0; }

.index-product li:hover .layer a.name:after {

  height: .02rem; }

.index-product li:hover .layer a.name h3 {

  opacity: 0; }

.index-product li:hover .layer a.name div {

  top: 0;

  font-size: .3rem;

  font-weight: bold; }

.index-product li:hover .layer dl, .index-product li:hover .layer .more a {

  opacity: 1;

  visibility: visible;

  top: 0; }

.index-product li:nth-child(1) .bg {

  margin-left: -1.6rem; }



.index-service .wal {

  height: 100vh; }

  .index-service .wal .index-title h3 {

    color: #fff; }

  .index-service .wal .list {

    position: relative;

    width: 5.6rem;

    margin: 0 auto;

    min-height: 5.6rem; }

    .index-service .wal .list:before {

      content: "";

      display: block;

      position: absolute;

      left: 0;

      top: 0;

      right: 0;

      height: 5.6rem;

      background: url("../image/img560.png") center no-repeat;

      background-size: 100%;

      animation: rotate-animation 26s infinite linear;

      -webkit-animation: rotate-animation 26s infinite linear; }

    .index-service .wal .list .img div {

      width: 4.6rem;

      position: absolute;

      z-index: 1;

      left: 0.5rem;

      right: auto;

      top: 0.5rem;

      bottom: auto;

      opacity: 0;

      visibility: hidden; }

      .index-service .wal .list .img div img {

        -moz-border-radius: 50%;

        -webkit-border-radius: 50%;

        border-radius: 50%;

        border: #16629e solid 0.1rem; }

    .index-service .wal .list .img div.on {

      opacity: 1;

      visibility: visible; }

    .index-service .wal .list li {

      position: absolute;

      width: 3.8rem;

      height: 1.2rem;

      -moz-border-radius: 0.16rem;

      -webkit-border-radius: 0.16rem;

      border-radius: 0.16rem;

      color: #fff;

      background: rgba(31, 82, 152, 0.9); }

      .index-service .wal .list li:before {

        content: "";

        display: block;

        position: absolute;

        left: 100%;

        top: 0;

        bottom: 0;

        width: .14rem;

        background: url("../image/img14.png") center no-repeat;

        background-size: 100%; }

      .index-service .wal .list li:after {

        content: "";

        display: block;

        position: absolute;

        right: -.58rem;

        top: 0;

        bottom: 0;

        width: .28rem;

        background: url("../image/img28.png") center no-repeat;

        background-size: 100%; }

      .index-service .wal .list li .ico {

        width: .6rem;

        height: .6rem;

        position: absolute;

        z-index: 1;

        left: auto;

        right: auto;

        top: auto;

        bottom: auto; }

        .index-service .wal .list li .ico img:nth-child(2) {

          position: absolute;

          z-index: 1;

          left: 0;

          right: auto;

          top: 0;

          bottom: auto;

          opacity: 0; }

      .index-service .wal .list li h3 {

        font-size: .18rem;

        padding-bottom: .06rem; }

      .index-service .wal .list li p {

        font-size: .14rem;

        line-height: 1.5em; }

    .index-service .wal .list li.on {

      background: #ffaa00; }

      .index-service .wal .list li.on:before {

        background-image: url("../image/img14on.png"); }

      .index-service .wal .list li.on:after {

        background-image: url("../image/img28on.png"); }

      .index-service .wal .list li.on .ico img:nth-child(1) {

        opacity: 0; }

      .index-service .wal .list li.on .ico img:nth-child(2) {

        opacity: 1; }



@media screen and (max-width: 1600px) {

  .index-service .wal .list li p {

    font-size: 12px; } }

@media screen and (min-width: 800px) {

  .index-service .wal .list li.li_01, .index-service .wal .list .li_02 {

    top: 1.05rem; }

  .index-service .wal .list li.li_03, .index-service .wal .list .li_04 {

    top: 3.36rem; }

  .index-service .wal .list li:nth-child(odd) {

    left: 50%;

    margin-left: -6.75rem;

    padding: 0 .2rem 0 1.3rem; }

    .index-service .wal .list li:nth-child(odd) .ico {

      left: .4rem; }

  .index-service .wal .list li:nth-child(even) {

    right: 50%;

    margin-right: -6.75rem;

    text-align: right;

    padding: 0 1.3rem 0 .2rem; }

    .index-service .wal .list li:nth-child(even):before {

      left: -.14rem;

      transform: rotate(180deg);

      -webkit-transform: rotate(180deg);

      -moz-transform: rotate(180deg); }

    .index-service .wal .list li:nth-child(even):after {

      right: auto;

      left: -.58rem; }

    .index-service .wal .list li:nth-child(even) .ico {

      right: .4rem; } }

@keyframes rotate-animation {

  from {

    transform: rotate(0deg); }

  to {

    transform: rotate(360deg); } }

@-webkit-keyframes rotate-animation {

  from {

    -webkit-transform: rotate(0deg); }

  to {

    -webkit-transform: rotate(360deg); } }

.index-maintenance .wal {

  height: 100vh; }

  .index-maintenance .wal .index-title {

    position: relative; }

    .index-maintenance .wal .index-title .g-more {

      position: absolute;

      z-index: 1;

      left: auto;

      right: 0;

      top: auto;

      bottom: 0; }

  .index-maintenance .wal .msg {

    font-size: 14px;

    line-height: 2em;

    color: #666;

    text-align: justify;

    padding: .3rem 0; }

  .index-maintenance .wal .list {

    width: 100%;

    overflow: hidden;

    position: relative; }

  .index-maintenance .wal .arrow a {

    display: block;

    width: .5rem;

    height: 1rem;

    background: rgba(0, 0, 0, 0.5) center no-repeat;

    background-size: .3rem;

    position: absolute;

    z-index: 1;

    left: auto;

    right: auto;

    top: 50%;

    bottom: auto;

    margin-top: -.825rem; }

    .index-maintenance .wal .arrow a:hover {

      background-color: #16629e; }

    .index-maintenance .wal .arrow a.prev {

      left: 0;

      background-image: url("../image/prev30.png"); }

    .index-maintenance .wal .arrow a.next {

      right: 0;

      background-image: url("../image/next30.png"); }

  .index-maintenance .wal .list-wrapper {

    width: 26.4rem;

    position: relative;

    left: 50%;

    margin-left: -13.2rem; }

    .index-maintenance .wal .list-wrapper li {

      position: relative;

      padding-bottom: .65rem; }

      .index-maintenance .wal .list-wrapper li .img {

        background: #fff; }

        .index-maintenance .wal .list-wrapper li .img img {

          opacity: .6; }

      .index-maintenance .wal .list-wrapper li .layer {

        position: absolute;

        z-index: 1;

        left: 0.6rem;

        right: 0.6rem;

        top: auto;

        bottom: 0;

        background: rgba(31, 82, 152, 0.9);

        min-height: 1.3rem;

        color: #fff;

        padding: 0 1.2rem 0 .4rem;

        opacity: 0;

        visibility: hidden;

        font-size: .14rem; }

        .index-maintenance .wal .list-wrapper li .layer h3 a {

          color: #fff;

          font-size: .24rem;

          display: block;

          padding-bottom: .1rem; }

        .index-maintenance .wal .list-wrapper li .layer a.g-more2 {

          position: absolute;

          z-index: 1;

          left: auto;

          right: 0.4rem;

          top: auto;

          bottom: auto; }

    .index-maintenance .wal .list-wrapper li.swiper-slide-active .img img {

      opacity: 1; }

    .index-maintenance .wal .list-wrapper li.swiper-slide-active .layer {

      opacity: 1;

      visibility: visible; }



.index-search .wal {

  height: 100vh;

  color: #fff; }

  .index-search .wal .index-title h3 {

    color: #fff; }

  .index-search .wal .msg {

    font-size: .24rem;

    padding: .65rem 0 .26rem 0; }

  .index-search .wal .form {

    position: relative;

    padding-right: 2rem; }

    .index-search .wal .form .input {

      background: rgba(0, 0, 0, 0.5);

      -moz-border-radius: 0.5rem;

      -webkit-border-radius: 0.5rem;

      border-radius: 0.5rem;

      height: .7rem;

      position: relative; }

      .index-search .wal .form .input:before {

        content: "";

        display: block;

        position: absolute;

        left: .3rem;

        top: 0;

        bottom: 0;

        width: .2rem;

        background: url("../image/img20.png") center no-repeat;

        background-size: 100%;

        opacity: .5; }

      .index-search .wal .form .input input {

        width: 100%;

        height: .7rem;

        line-height: .7rem;

        font-size: .18rem;

        padding-left: .62rem;

        color: #fff; }

      .index-search .wal .form .input input::-webkit-input-placeholder {

        color: rgba(255, 255, 255, 0.5); }

      .index-search .wal .form .input input::-ms-input-placeholder {

        color: rgba(255, 255, 255, 0.5); }

      .index-search .wal .form .input.on:before {

        opacity: 1; }

      .index-search .wal .form .input.on input::-webkit-input-placeholder {

        color: #fff; }

      .index-search .wal .form .input.on input::-ms-input-placeholder {

        color: #fff; }

    .index-search .wal .form .submit {

      position: absolute;

      z-index: 1;

      left: auto;

      right: 0;

      top: 0;

      bottom: auto;

      background: #fff;

      -moz-border-radius: 0.5rem;

      -webkit-border-radius: 0.5rem;

      border-radius: 0.5rem;

      width: 1.8rem;

      height: .7rem; }

      .index-search .wal .form .submit input {

        width: 100%;

        height: .7rem;

        font-size: .24rem;

        color: #16629e;

        cursor: pointer; }

      .index-search .wal .form .submit:hover {

        background: #ffaa00; }

        .index-search .wal .form .submit:hover input {

          color: #fff; }

  .index-search .wal .result {

    display: none; }

  .index-search .wal .list {

    border: #fff solid 1px; }

    .index-search .wal .list ul {

      margin-left: -1px;

      margin-top: -1px; }

    .index-search .wal .list li {

      width: 33.333%;

      border-top: rgba(255, 255, 255, 0.5) solid 1px;

      border-left: rgba(255, 255, 255, 0.5) solid 1px;

      line-height: .78rem;

      font-size: .18rem;

      color: #fff; }

      .index-search .wal .list li .name {

        background: #0a4989;

        text-align: center;

        width: 1.8rem; }

      .index-search .wal .list li p {

        padding-left: .4rem; }



.index-news .wal {

  height: 100vh; }

  .index-news .wal .col {

    width: 2.6rem;

    min-height: 4.8rem; }

    .index-news .wal .col .more {

      padding: .3rem 0; }

    .index-news .wal .col .arrow {

      width: 1.18rem; }

      .index-news .wal .col .arrow a {

        width: .48rem;

        height: .4rem;

        background: center no-repeat;

        background-size: 100%; }

        .index-news .wal .col .arrow a.prev {

          background-image: url("../image/prev48.png"); }

          .index-news .wal .col .arrow a.prev:hover {

            background-image: url("../image/prev48on.png"); }

        .index-news .wal .col .arrow a.next {

          background-image: url("../image/next48.png"); }

          .index-news .wal .col .arrow a.next:hover {

            background-image: url("../image/next48on.png"); }

  .index-news .wal .list {

    width: 13.5rem;

    position: relative;

    left: 1rem;

    overflow: hidden; }

    .index-news .wal .list a {

      border-left: #d6d5d6 solid 1px;

      height: 100vh;

      padding: .2rem; }

      .index-news .wal .list a .time {

        font-size: .72rem;

        color: #bbb;

        font-weight: bold;

        font-family: 'CargoD';

        line-height: 1em;

        padding-bottom: 1.3rem; }

      .index-news .wal .list a .time2 {

        color: #999;

        font-size: .2rem; }

      .index-news .wal .list a h3 {

        font-size: .2rem;

        height: .5rem;

        line-height: .5rem; }

      .index-news .wal .list a .img {

        max-width: 3.8rem;

        position: relative;

        margin-top: .58rem; }

        .index-news .wal .list a .img:before {

          content: "";

          display: block;

          position: absolute;

          left: 0;

          top: -.48rem;

          background: url("../image/img48.png") center no-repeat;

          background-size: 100%;

          width: .48rem;

          height: .1rem; }

        .index-news .wal .list a .img:after {

          content: "";

          display: block;

          position: absolute;

          left: 0;

          top: 0;

          right: 0;

          bottom: 0;

          background: rgba(31, 82, 152, 0.3) url("../image/img70.png") center no-repeat;

          background-size: .7rem;

          opacity: 0; }

      .index-news .wal .list a p {

        font-size: 14px;

        line-height: .28rem;

        max-width: 3.8rem;

        margin-top: .15rem;

        height: .84rem;

        overflow: hidden; }

    .index-news .wal .list a:hover .time {

      color: #ffaa00; }

    .index-news .wal .list a:hover .time2 {

      color: #16629e; }

    .index-news .wal .list a:hover .img:before {

      background-image: url("../image/img48on.png"); }

    .index-news .wal .list a:hover .img:after {

      opacity: 1; }



.g-arrow {

  width: 1.88rem;

  padding-bottom: 1rem;

  margin: 0 auto; }

  .g-arrow a {

    width: .48rem;

    height: .4rem;

    background: center no-repeat;

    background-size: 100%; }

    .g-arrow a.prev {

      background-image: url("../image/prev48.png"); }

      .g-arrow a.prev:hover {

        background-image: url("../image/prev48on.png"); }

    .g-arrow a.next {

      background-image: url("../image/next48.png"); }

      .g-arrow a.next:hover {

        background-image: url("../image/next48on.png"); }

  .g-arrow .num {

    font-size: .18rem;

    color: #999; }

    .g-arrow .num em {

      font-size: .36rem;

      color: #16629e; }



.index-partner {

  padding-bottom: 3.56rem;

  height: 100vh; }

  .index-partner .col {

    width: 4rem; }

    .index-partner .col .g-arrow {

      padding: .5rem 0 0 0;

      margin: 0; }

  .index-partner .list {

    width: 10.4rem;

    position: relative; }

    .index-partner .list .line-lt {

      width: .24rem;

      height: .24rem;

      border-top: #16629e solid 3px;

      border-left: #16629e solid 3px;

      position: absolute;

      z-index: 1;

      left: -1px;

      right: auto;

      top: -1px;

      bottom: auto; }

    .index-partner .list .line-rt {

      width: .24rem;

      height: .24rem;

      border-top: #16629e solid 3px;

      border-right: #16629e solid 3px;

      position: absolute;

      z-index: 1;

      left: auto;

      right: -1px;

      top: -1px;

      bottom: auto; }

    .index-partner .list .line-lb {

      width: .24rem;

      height: .24rem;

      border-bottom: #16629e solid 3px;

      border-left: #16629e solid 3px;

      position: absolute;

      z-index: 1;

      left: -1px;

      right: auto;

      top: auto;

      bottom: -1px; }

    .index-partner .list .line-rb {

      width: .24rem;

      height: .24rem;

      border-bottom: #16629e solid 3px;

      border-right: #16629e solid 3px;

      position: absolute;

      z-index: 1;

      left: auto;

      right: -1px;

      top: auto;

      bottom: -1px; }

  .index-partner .list-wrapper {

    width: 100%;

    overflow: hidden;

    position: relative; }

    .index-partner .list-wrapper dl {

      border-bottom: #bbcbe0 solid 1px;

      border-right: #bbcbe0 solid 1px; }

    .index-partner .list-wrapper dd {

      width: 25%;

      border-left: #bbcbe0 solid 1px;

      border-top: #bbcbe0 solid 1px; }



.side-bar {

  position: fixed;

  z-index: 20;

  top: 50%;

  right: .04rem;

  width: .7rem;

  margin-top: -1.1rem; }

  .side-bar li {

    padding-bottom: .04rem;

    position: relative; }

    .side-bar li a.name {

      height: .7rem;

      font-size: 12px;

      background: rgba(0, 56, 102, 0.5);

      position: relative;

      z-index: 2;

      color: #fff; }

      .side-bar li a.name img {

        width: .32rem;

        margin-bottom: .04rem; }

    .side-bar li .layer {

      position: absolute;

      z-index: 1;

      left: auto;

      right: 0;

      top: 0;

      bottom: 0.04rem;

      background: #16629e;

      color: #fff;

      width: 1.5rem;

      font-size: 14px;

      line-height: .26rem;

      opacity: 0;

      visibility: hidden;

      margin-right: .04rem; }

  .side-bar li:hover a.name {

    background: #16629e; }

  .side-bar li:hover .layer {

    right: 100%;

    opacity: 1;

    visibility: visible; }



/*page*/

.p-box {

  padding-left: 1.6rem;

  min-height: 3rem; }



.p-banner {

  background: center no-repeat;

  background-size: cover; }

  .p-banner .wal {

    height: 4rem; }

  .p-banner .title {

    text-align: center;

    color: #fff;

    width: 100%;

    letter-spacing: .03rem; }

    .p-banner .title h3 {

      font-size: .6rem;

      text-transform: uppercase;

      font-family: 'CargoD';

      padding-bottom: .6rem;

      position: relative; }

      .p-banner .title h3:before {

        content: "";

        display: block;

        position: absolute;

        left: 50%;

        bottom: .3rem;

        width: .4rem;

        height: .02rem;

        background: #fff;

        margin-left: -.2rem; }

    .p-banner .title h2 {

      font-size: .36rem; }



.about-1 {

  padding: .9rem 0 1rem 0;

  font-size: .14rem;

  line-height: .26rem;

  color: #666; }

  .about-1 .content {

    padding-bottom: .7rem;

    text-align: justify; }

    .about-1 .content p {

      padding-bottom: .1rem; }

  .about-1 .list li {

    width: 33.333%; }

    .about-1 .list li .img {

      background: center no-repeat;

      background-size: cover;

      height: 2rem; }

    .about-1 .list li .box {

      height: 2rem;

      text-align: center;

      padding-top: .58rem;

      position: relative; }

      .about-1 .list li .box:before {

        content: "";

        display: block;

        position: absolute;

        left: 50%;

        top: .18rem;

        width: 2px;

        height: .24rem;

        margin-left: -1px;

        background: #8ab0ce; }

      .about-1 .list li .box h2 {

        font-size: .24rem;

        line-height: 1em;

        padding-bottom: .15rem;

        color: #333; }

  .about-1 .list li:nth-child(even) .box {

    order: -1; }

    .about-1 .list li:nth-child(even) .box:before {

      top: auto;

      bottom: .18rem; }



.about-2 {

  background: url("../image/about-2.jpg") center no-repeat;

  background-size: cover;

  min-height: 6.52rem;

  color: #fff; }

  .about-2 .title {

    padding-top: .95rem; }

    .about-2 .title h2 {

      font-size: .36rem;

      line-height: 1em;

      padding-bottom: .24rem;

      background: url("../image/img94.png") left bottom no-repeat;

      background-size: .94rem; }

  .about-2 .list {

    background: url("../image/img1758.png") center no-repeat;

    background-size: auto .02rem; }

    .about-2 .list .wal {

      position: relative; }

  .about-2 .arrow a {

    display: block;

    position: absolute;

    z-index: 1;

    left: auto;

    right: auto;

    top: 0;

    bottom: 0;

    width: .2rem;

    background: center no-repeat;

    background-size: 100%; }

    .about-2 .arrow a.prev {

      background-image: url("../image/prev20.png");

      left: 0; }

      .about-2 .arrow a.prev:hover {

        background-image: url("../image/prev20on.png"); }

    .about-2 .arrow a.next {

      background-image: url("../image/next20.png");

      right: 0; }

      .about-2 .arrow a.next:hover {

        background-image: url("../image/next20on.png"); }

  .about-2 .list-wrapper {

    width: 100%;

    overflow: hidden;

    position: relative; }

    .about-2 .list-wrapper li {

      height: 5.3rem;

      position: relative;

      text-align: center;

      background: url("../image/img20_6.png") center no-repeat;

      background-size: .2rem; }

      .about-2 .list-wrapper li .ico {

        width: .42rem;

        padding: .15rem 0; }

      .about-2 .list-wrapper li h3 {

        color: #ffaa00;

        font-size: .3rem;

        font-family: 'CargoD';

        line-height: 1em;

        padding-bottom: .1rem;

        font-weight: 400;

        letter-spacing: .02rem; }

      .about-2 .list-wrapper li .msg {

        font-size: .14rem;

        line-height: .26rem; }

    .about-2 .list-wrapper li:nth-child(odd) {

      padding-top: 2.3rem; }

    .about-2 .list-wrapper li:nth-child(even) {

      padding-bottom: 2.3rem;

      justify-content: flex-end;

      -webkit-justify-content: flex-end; }

      .about-2 .list-wrapper li:nth-child(even) .ico {

        order: 10; }



.honor {

  padding: 1rem 0 .6rem 0; }

  .honor ul {

    margin-left: -.6rem; }

  .honor li {

    width: 25%;

    padding-left: .6rem; }

    .honor li .img {

      height: 3.5rem;

      border: #ddd solid 1px;

      overflow: hidden;

      position: relative; }

      .honor li .img img {

        max-height: 100%; }

    .honor li .name {

      height: .92rem;

      font-size: .14rem;

      color: #666;

      text-align: center;

      padding: .14rem 0; }



.join {

  padding: 1rem 0; }

  .join li {

    padding-bottom: .2rem; }

    .join li .title {

      height: .8rem;

      background: #f5f5f5;

      -moz-border-radius: 0.4rem;

      -webkit-border-radius: 0.4rem;

      border-radius: 0.4rem;

      position: relative;

      cursor: pointer; }

      .join li .title:before {

        content: "";

        display: block;

        position: absolute;

        top: 0;

        right: .4rem;

        bottom: 0;

        width: .24rem;

        background: url("../image/img24.png") center no-repeat;

        background-size: 100%; }

      .join li .title h2 {

        width: 6.55rem;

        padding-left: .5rem;

        font-size: .24rem; }

      .join li .title div {

        line-height: .4rem;

        padding-left: .35rem;

        font-size: .16rem;

        color: #666;

        background: left center no-repeat;

        background-size: .25rem;

        width: 2rem; }

        .join li .title div.info-1 {

          background-image: url("../image/img25_1.png"); }

        .join li .title div.info-2 {

          background-image: url("../image/img25_2.png"); }

    .join li .box {

      background: #f0f5fa;

      margin-top: -.4rem;

      border-bottom-right-radius: 0.4rem;

      -webkit-border-bottom-right-radius: 0.4rem;

      border-bottom-left-radius: 0.4rem;

      -webkit-border-bottom-left-radius: 0.4rem;

      padding: .75rem .6rem 0 .6rem;

      display: none; }

      .join li .box h3 {

        color: #16629e;

        font-size: .18rem;

        padding-bottom: .12rem; }

      .join li .box .content {

        font-size: .14rem;

        line-height: .28rem;

        color: #666;

        padding-bottom: .3rem; }

      .join li .box .msg {

        color: #16629e;

        padding: .28rem 0 .38rem 0;

        border-top: #c4d8e8 solid 1px;

        font-size: .14rem; }

  .join li.on .title {

    background: #16629e;

    color: #fff; }

    .join li.on .title:before {

      background-image: url("../image/img24on.png");

      transform: rotate(180deg);

      -webkit-transform: rotate(180deg);

      -moz-transform: rotate(180deg); }

    .join li.on .title div {

      color: #fff; }

      .join li.on .title div.info-1 {

        background-image: url("../image/img25_1on.png"); }

      .join li.on .title div.info-2 {

        background-image: url("../image/img25_2on.png"); }



.partner {

  padding-top: 1rem; }

  .partner ul {

    margin-left: -.53rem; }

  .partner li {

    width: 25%;

    padding: 0 0 .6rem .53rem; }

    .partner li .img {

      background: #fff; }

    .partner li .name {

      border-bottom: #dcdcdc solid 1px;

      height: .49rem;

      line-height: .48rem;

      text-align: center;

      font-size: .14rem;

      color: #666; }



.contact {

  padding: .95rem 0 1.2rem 0;

  min-height: 6rem;

  position: relative; }

  .contact .title {

    padding-bottom: .62rem; }

    .contact .title h2 {

      font-size: .36rem;

      line-height: 1em;

      background: url("../image/img94.png") left bottom no-repeat;

      background-size: .94rem;

      padding-bottom: .25rem; }

  .contact .list {

    min-height: 2.65rem;

    max-width: 9.05rem; }

    .contact .list li {

      position: relative;

      padding: 0 0 .55rem .8rem;

      height: 1.19rem;

      font-size: .14rem; }

      .contact .list li .ico {

        position: absolute;

        z-index: 1;

        left: 0;

        right: auto;

        top: auto;

        bottom: auto;

        width: .64rem; }

      .contact .list li h3 {

        font-size: .18rem;

        line-height: 1em;

        padding-bottom: .1rem; }

  .contact .ewm {

    position: absolute;

    z-index: 1;

    left: auto;

    right: 0;

    top: 1rem;

    bottom: auto;

    width: 1.66rem;

    padding-left: .5rem;

    min-height: 3.13rem; }

    .contact .ewm:before {

      content: "";

      display: block;

      position: absolute;

      left: 0;

      top: 0;

      width: 1px;

      height: 3.13rem;

      background: #e5e5e5; }

    .contact .ewm .img {

      border: #ddd solid 1px; }

    .contact .ewm p {

      text-align: center;

      padding: .08rem 0 .3rem 0;

      font-size: .14rem;

      color: #666; }

  .contact .map {

    height: 6rem; }



.side-nav {

  width: 1.2rem;

  padding-top: .9rem; }

  .side-nav li {

    border-bottom: #dcdcdc solid 1px; }

  .side-nav .name {

    display: block;

    position: relative;

    font-size: .18rem;

    height: .59rem;

    line-height: .59rem; }

    .side-nav .name.on {

      color: #16629e; }

  .side-nav div.name {

    cursor: pointer; }

    .side-nav div.name:before {

      content: "";

      display: block;

      position: absolute;

      top: 0;

      right: 0;

      bottom: 0;

      width: .14rem;

      background: url("../image/img14_1.png") center no-repeat;

      background-size: 100%; }

    .side-nav div.name.on:before {

      background-image: url("../image/img14_1on.png"); }

  .side-nav dl {

    display: none; }

    .side-nav dl a {

      display: block;

      font-size: .14rem;

      line-height: .36rem;

      height: .36rem;

      position: relative;

      color: #666;

      padding-left: .2rem;

      top: -.1rem; }

      .side-nav dl a:before {

        content: "";

        display: block;

        position: absolute;

        left: .07rem;

        top: 0;

        bottom: 0;

        background: url("../image/img5.png") center no-repeat;

        background-size: 100%;

        width: .05rem;

        opacity: 0; }

      .side-nav dl a:hover, .side-nav dl a.on {

        color: #16629e; }

        .side-nav dl a:hover span, .side-nav dl a.on span {

          background: url("../image/img6.png") center bottom repeat-x;

          background-size: auto .06rem;

          padding-right: .05rem; }

        .side-nav dl a:hover:before, .side-nav dl a.on:before {

          opacity: 1; }



@media screen and (min-width: 800px) {

  .side-nav li.on div.name {

    color: #16629e; }

    .side-nav li.on div.name:before {

      background-image: url("../image/img14_1on.png"); } }

.w960 {

  width: 9.6rem; }



.product-1 {

  padding: 1rem 0 .6rem 0; }

  .product-1 .title {

    font-size: .3rem;

    line-height: 1em;

    padding-bottom: .3rem;

    text-align: center; }

  .product-1 .container {

    background: #e6ecf0;

    padding: .4rem; }

    .product-1 .container .img {

      width: 3rem; }

    .product-1 .container .content {

      font-size: .14rem;

      line-height: .26rem;

      color: #666;

      width: 5.35rem; }



.product ul {

  margin-left: -.6rem; }

.product li {

  width: 33.333%;

  padding: 0 0 .6rem .6rem; }

.product a {

  display: block;

  position: relative;

  color: #666; }

  .product a:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    height: 1px;

    background: #dcdcdc; }

  .product a .img {

    position: relative; }

    .product a .img:before {

      content: "";

      display: block;

      position: absolute;

      left: 0;

      top: 0;

      right: 0;

      bottom: 0;

      opacity: 0;

      background: rgba(31, 82, 152, 0.5) url("../image/img50.png") center no-repeat;

      background-size: .5rem; }

  .product a .name {

    font-size: .14rem;

    line-height: .26rem;

    text-align: center;

    height: .74rem; }

.product a:hover {

  color: #16629e; }

  .product a:hover:before {

    background: #16629e;

    height: 2px; }

  .product a:hover .img:before {

    opacity: 1; }

  .product a:hover .name {

    font-weight: bold; }



.product-search a .img img {

  width: 100%; }

.product-search a .name {

  height: .5rem; }

  .product-search a .name em {

    color: #16629e; }

.product-search a:hover .name em {

  color: #ffaa00; }



.productShow h2.title {

  text-align: center;

  font-size: .3rem;

  line-height: .42rem;

  padding: .95rem 0 .35rem 0; }

.productShow .img-list {

  width: 100%;

  overflow: hidden;

  position: relative;

  background: #f5f5f5;

  margin-bottom: .7rem; }

  .productShow .img-list li {

    padding: .3rem;

    text-align: center; }

.productShow .arrow a {

  display: block;

  width: .5rem;

  height: .5rem;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  position: absolute;

  z-index: 1;

  left: auto;

  right: auto;

  top: 50%;

  bottom: auto;

  margin-top: -.25rem;

  background: rgba(31, 82, 152, 0.5) center no-repeat;

  background-size: .2rem; }

  .productShow .arrow a:hover {

    background-color: #16629e; }

  .productShow .arrow a.prev {

    left: .3rem;

    background-image: url("../image/prev30.png"); }

  .productShow .arrow a.next {

    right: .3rem;

    background-image: url("../image/next30.png"); }

.productShow div.title h3 {

  font-size: .24rem;

  padding-left: .38rem;

  background: url("../image/img28_1.png") left center no-repeat;

  background-size: .28rem; }

.productShow .content {

  font-size: .14rem;

  line-height: .3rem;

  color: #666;

  padding: .22rem 0 .68rem 0; }



.p-num2 {

  padding-bottom: .7rem; }

  .p-num2 li {

    width: 50%;

    border-bottom: #e5e5e5 solid 1px;

    border-top: #e5e5e5 solid 1px;

    position: relative; }

    .p-num2 li a {

      height: .58rem;

      font-size: .16rem;

      color: #999; }

      .p-num2 li a i {

        background: center no-repeat;

        width: .48rem;

        background-size: 100%;

        height: .3rem; }

      .p-num2 li a:hover {

        color: #16629e; }

  .p-num2 li.prev:before {

    content: "";

    display: block;

    position: absolute;

    top: 50%;

    right: 0;

    width: 1px;

    height: .2rem;

    margin-top: -.1rem;

    background: #e5e5e5; }

  .p-num2 li.prev a {

    justify-content: flex-end;

    -webkit-justify-content: flex-end;

    padding-right: .4rem; }

    .p-num2 li.prev a i {

      background-image: url("../image/prev48.png");

      margin-right: .12rem; }

    .p-num2 li.prev a:hover i {

      background-image: url("../image/prev48on.png"); }

  .p-num2 li.next a {

    padding-left: .4rem; }

    .p-num2 li.next a i {

      background-image: url("../image/next48.png");

      margin-left: .12rem; }

    .p-num2 li.next a:hover i {

      background-image: url("../image/next48on.png"); }



.product2 .title {

  font-size: .3rem;

  line-height: 1em;

  padding: 1rem 0 .4rem 0;

  text-align: center; }

.product2 ul {

  margin-left: -.6rem; }

.product2 li {

  width: 33.333%;

  padding: 0 0 .6rem .6rem; }

  .product2 li .name {

    font-size: .14rem;

    color: #666;

    height: .48rem;

    line-height: .47rem;

    text-align: center;

    border-bottom: #dcdcdc solid 1px; }



.maintenance {

  padding-top: 1rem; }

  .maintenance ul {

    margin-left: -.72rem; }

  .maintenance li {

    width: 33.333%;

    padding: 0 0 .6rem .72rem; }

  .maintenance a {

    display: block;

    color: #666;

    font-size: .14rem;

    border-bottom: #e5e5e5 solid 1px; }

    .maintenance a .img {

      position: relative; }

      .maintenance a .img:before {

        content: "";

        display: block;

        position: absolute;

        left: 0;

        top: 0;

        right: 0;

        bottom: 0;

        background: rgba(31, 82, 152, 0.5) url("../image/img50.png") center no-repeat;

        background-size: .5rem;

        opacity: 0; }

    .maintenance a .name {

      height: .49rem;

      line-height: .49rem;

      text-align: center; }

    .maintenance a:hover {

      color: #16629e;

      border-color: #16629e; }

      .maintenance a:hover .img:before {

        opacity: 1; }



a.g-back {

  display: block;

  border: #16629e solid 1px;

  color: #16629e;

  -moz-border-radius: 0.5rem;

  -webkit-border-radius: 0.5rem;

  border-radius: 0.5rem;

  font-size: .16rem;

  width: 1.2rem;

  height: .4rem;

  line-height: .38rem;

  text-align: center; }

  a.g-back em {

    padding-left: .17rem;

    background: url("../image/img7.png") left center no-repeat;

    background-size: .07rem; }

  a.g-back:hover {

    background: #16629e;

    color: #fff; }

    a.g-back:hover em {

      background-image: url("../image/img7on.png"); }



.maintenanceShow {

  position: relative;

  min-height: 5rem; }

  .maintenanceShow .title {

    padding: 1rem 0 .25rem 0;

    font-size: .3rem;

    border-bottom: #e5e5e5 solid 1px;

    margin-bottom: .6rem; }

  .maintenanceShow a.g-back {

    position: absolute;

    z-index: 1;

    left: auto;

    right: 0;

    top: 1rem;

    bottom: auto; }

  .maintenanceShow .img-list {

    width: 100%;

    overflow: hidden;

    position: relative;

    background: #f5f5f5; }

    .maintenanceShow .img-list li {

      padding: .4rem .4rem 0;

      text-align: center; }

      .maintenanceShow .img-list li .name {

        line-height: .3rem;

        padding: .15rem 0;

        font-size: .14rem;

        color: #666; }

    .maintenanceShow .img-list .arrow a {

      display: block;

      width: .5rem;

      height: .5rem;

      -moz-border-radius: 50%;

      -webkit-border-radius: 50%;

      border-radius: 50%;

      position: absolute;

      z-index: 1;

      left: auto;

      right: auto;

      top: 50%;

      bottom: auto;

      margin-top: -.25rem;

      background: rgba(31, 82, 152, 0.5) center no-repeat;

      background-size: .2rem; }

      .maintenanceShow .img-list .arrow a:hover {

        background-color: #16629e; }

      .maintenanceShow .img-list .arrow a.prev {

        left: .3rem;

        background-image: url("../image/prev30.png"); }

      .maintenanceShow .img-list .arrow a.next {

        right: .3rem;

        background-image: url("../image/next30.png"); }

    .maintenanceShow .img-list .dots {

      position: absolute;

      z-index: 1;

      left: auto;

      right: 50%;

      top: auto;

      bottom: 0.27rem;

      margin-right: -4.4rem; }

      .maintenanceShow .img-list .dots span {

        width: .1rem;

        height: .1rem;

        background: #16629e;

        margin-left: .1rem;

        opacity: .5;

        -moz-border-radius: 50%;

        -webkit-border-radius: 50%;

        border-radius: 50%; }

      .maintenanceShow .img-list .dots span.swiper-pagination-bullet-active {

        opacity: 1; }

  .maintenanceShow .content {

    font-size: .14rem;

    line-height: .26rem;

    text-align: justify;

    color: #666;

    padding: .35rem 0 .7rem 0; }



.news {

  padding: .6rem 0; }

  .news a {

    display: block;

    min-height: 2.41rem;

    position: relative;

    padding: .4rem .35rem .3rem 4.4rem;

    font-size: .14rem; }

    .news a:before {

      content: "";

      display: block;

      position: absolute;

      left: 0;

      bottom: 0;

      right: 0;

      height: 1px;

      background: #e9eef2; }

    .news a:after {

      content: "";

      display: block;

      position: absolute;

      left: 0;

      top: 0;

      right: 0;

      height: .03rem;

      background: #16629e;

      z-index: 5;

      opacity: 0; }

    .news a .bg {

      position: absolute;

      z-index: 1;

      left: 0;

      right: 0;

      top: 0;

      bottom: 0;

      background: center right no-repeat;

      background-size: auto 100%;

      opacity: 0; }

      .news a .bg:before {

        content: "";

        display: block;

        position: absolute;

        left: 0;

        top: 0;

        right: 0;

        bottom: 0;

        background: url("../image/news-bg.png") right repeat-y;

        background-size: auto .1rem; }

    .news a .time {

      position: absolute;

      z-index: 1;

      left: 0;

      right: auto;

      top: 0;

      bottom: 0;

      width: 1.3rem;

      color: #999; }

      .news a .time em {

        font-size: .48rem;

        font-family: 'CargoD'; }

    .news a .img {

      position: absolute;

      z-index: 1;

      left: 1.3rem;

      right: auto;

      top: 0.39rem;

      bottom: auto;

      width: 2.7rem; }

    .news a .name {

      font-weight: bold;

      font-size: .18rem;

      height: .5rem;

      line-height: .5rem; }

      .news a .name em {

        color: #16629e; }

    .news a p {

      line-height: .26rem;

      opacity: .7;

      padding-bottom: .15rem; }

      .news a p em {

        color: #16629e; }

    .news a .more {

      border: #16629e solid 1px;

      color: #16629e;

      -moz-border-radius: 0.3rem;

      -webkit-border-radius: 0.3rem;

      border-radius: 0.3rem;

      text-align: center;

      width: .84rem;

      height: .28rem;

      line-height: .26rem; }

      .news a .more:hover {

        background: #16629e;

        color: #fff; }

    .news a .name, .news a p, .news a .more {

      position: relative;

      z-index: 2; }

  .news a:hover {

    box-shadow: 0 0.12rem 0.3rem rgba(31, 54, 76, 0.1);

    -webkit-box-shadow: 0 0.12rem 0.3rem rgba(31, 54, 76, 0.1);

    -moz-box-shadow: 0 0.12rem 0.3rem rgba(31, 54, 76, 0.1);

    background: #fff; }

    .news a:hover:before {

      opacity: 0; }

    .news a:hover:after {

      opacity: 1; }

    .news a:hover .bg {

      opacity: .2; }

    .news a:hover .time {

      color: #ffaa00; }

    .news a:hover .name em, .news a:hover p em {

      color: #ffaa00; }



.newShow {

  position: relative;

  min-height: 5rem; }

  .newShow .title {

    padding: 1rem 0 0 0;

    font-size: .3rem; }

  .newShow .time {

    padding-bottom: .2rem;

    line-height: .42rem;

    border-bottom: #e5e5e5 solid 1px;

    font-size: .16rem;

    color: #999; }

    .newShow .time span {

      background: url("../image/img16.png") left center no-repeat;

      background-size: .16rem;

      padding-left: .26rem; }

  .newShow a.g-back {

    position: absolute;

    z-index: 1;

    left: auto;

    right: 0;

    top: 1rem;

    bottom: auto; }

  .newShow .content {

    font-size: .14rem;

    line-height: .26rem;

    text-align: justify;

    color: #666;

    padding: .6rem 0 .7rem 0; }

    .newShow .content .img {

      text-align: center;

      padding-bottom: .35rem; }



.search-msg {

  padding-top: .95rem;

  font-size: .14rem; }

  .search-msg em {

    color: #16629e; }



.search-title {

  padding: .55rem 0 .4rem 0; }

  .search-title h2 {

    font-size: .3rem;

    background: url("../image/img94.png") left bottom no-repeat;

    background-size: .94rem;

    line-height: 1em;

    padding-bottom: .25rem; }



.search-more {

  padding-bottom: .4rem; }

  .search-more a {

    display: block;

    text-align: center;

    margin: 0 auto;

    width: 2rem;

    height: .5rem;

    line-height: .48rem;

    border-top: #949494 solid 1px;

    border-bottom: #949494 solid 1px;

    font-size: .18rem;

    color: #999;

    letter-spacing: .02rem; }

    .search-more a em {

      padding-right: .28rem;

      background: url("../image/img16_1.png") right center no-repeat;

      background-size: .16rem; }

    .search-more a:hover {

      color: #16629e;

      border-color: #16629e; }

      .search-more a:hover em {

        background-image: url("../image/img16_1on.png"); }



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

.cxi h1{ text-align:center; font-size:35px; color:#fff; font-weight:normal; margin-bottom:4%}
.cxi h1 span{ display:block; font-size:16px; margin-top:1%}
.cxi-1{ overflow:hidden;}
.cxi-1 p{ float:left; width:48%; overflow:hidden; margin-bottom:2%; font-size:16px}
.cxi-1 p:nth-child(2){ margin-left:4%}
.cxi-1 p:nth-child(3){ width:100%; clear:both; float:none}
.cxi-1 p:nth-child(3) span{ width:7%}
.cxi-1 p:nth-child(3) textarea{ width:93%}
.cxi-1 h2{ width:100%}
.cxi-1 p span{ float:left; width:15%; line-height:40px; color:#fff}
.cxi-1 p input,.cxi-1 p textarea{ float:right; width:85%; height:40px; line-height:40px; padding:0 15px; background:#fff; font-size:16px}
.cxi-1 p textarea{ height:170px; padding:15px; line-height:24px;resize:none}
.cxi-1 h2 input{ width:93%; margin-left:7%; height:40px; line-height:40px; background:#FFAA00; display:block; border-radius:30px; font-size:16px; text-align:center; color:#fff}

.zzr1-bt{ font-size: .36rem; font-weight:bold; text-align:center; margin-bottom:6%}
.zzr1 ul{ overflow:hidden; margin-left:-2%; margin-top:-2%}
.zzr1 ul li{ float:left; width:18%; margin-left:2%; margin-top:2%}
.zzr1 ul li img{ width:100%}
.zzr1{ margin-bottom:8%}

@media (max-width: 1024px){
.cxi-1 p span{ width:21%}
.cxi-1 p input, .cxi-1 p textarea{ width:79%}
.cxi-1 p:nth-child(3) span{ width:10%}
.cxi-1 p:nth-child(3) textarea{ width:90%}
.cxi-1 h2 input{ margin-left:10%; width:90%}
}
@media (max-width:640px){
.cxi-1 p{ width:100%}	
.cxi-1 p:nth-child(2){ margin-left:0}
.cxi h1{ font-size:20px}
.cxi h1 span,.cxi-1 p,.cxi-1 p input, .cxi-1 p textarea,.cxi-1 h2 input{ font-size:14px}
.cxi-1 p:nth-child(3) span{ width:21%}
.cxi-1 p:nth-child(3) textarea{ width:79%}
.cxi-1 h2 input{ margin-left:21%; width:79%}
.cxi-1 p span{ line-height:35px}
.cxi-1 p input,.cxi-1 h2 input{ height:35px; line-height:35px}
.zzr1 ul li{ width:48%}
}