@charset "UTF-8";
.header .top-hd {
  margin-bottom: -120px;
  z-index: 10; }
.header .banner {
  height: 873px;
  background: url("../img/ssjj/ban_jjzh.jpg") no-repeat center; }

.tgyy-box {
  padding: 75px 0 0 0;
  background-color: #f1f5f8; }
  .tgyy-box .g-title {
    margin-bottom: 58px; }
  .tgyy-box .p-title {
    text-align: center;
    margin-bottom: 60px; }
  .tgyy-box .bd {
    padding-bottom: 65px; }

.krwt-box {
  background: url("../img/ssjj/krwt_bg.jpg") no-repeat center;
  height: 638px; }
  .krwt-box .hd {
    padding: 60px 0 32px 0; }
  .krwt-box .bd .ld {
    padding: 25px 0 0 73px; }
    .krwt-box .bd .ld ul li {
      font-size: 22px;
      line-height: 56px;
      height: 56px;
      color: #fff;
      background: url("../img/ssjj/icon_6bx.png") no-repeat left center;
      padding-left: 30px; }

.jjjjnt-box .g-title {
  padding: 55px 0 50px 0; }
.jjjjnt-box .bd {
  padding: 20px 0;
  height: 326px;
  margin-bottom: 30px; }
  .jjjjnt-box .bd ul {
    margin-left: -53px; }
    .jjjjnt-box .bd ul li {
      position: relative;
      display: block;
      float: left;
      margin-left: 53px;
      perspective: 1000px;
      -webkit-perspective: 1000px;
      /*父类容器中 perspective 子类允许透视*/
      -moz-perspective: 1000px;
      -ms-perspective: 1000px;
      -o-perspective: 1000px;
      perspective: 1000px; }
      .jjjjnt-box .bd ul li, .jjjjnt-box .bd ul li a, .jjjjnt-box .bd ul li .front, .jjjjnt-box .bd ul li .back {
        display: block;
        width: 209px;
        height: 326px; }
      .jjjjnt-box .bd ul li .front,
      .jjjjnt-box .bd ul li .back {
        backface-visibility: hidden;
        transition: 0.6s ease-out;
        -webkit-transition: .6s ease-out;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        position: absolute;
        top: 0;
        left: 0; }
        .jjjjnt-box .bd ul li .front img,
        .jjjjnt-box .bd ul li .back img {
          width: 209px;
          height: 326px;
          overflow: hidden; }
      .jjjjnt-box .bd ul li .front {
        z-index: 2;
        transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg); }
      .jjjjnt-box .bd ul li .back {
        z-index: 1;
        transform: rotateY(-180deg);
        transform: rotateY(-180deg);
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg); }
      .jjjjnt-box .bd ul li a {
        transition: transform 0.6s ease-out;
        transition: transform .5s ease-in-out;
        -webkit-transition: transform .5s ease-in-out;
        -moz-transition: transform .5s ease-in-out;
        -ms-transition: transform .5s ease-in-out;
        -o-transition: transform .5s ease-in-out;
        -webkit-transform-style: preserve-3d;
        /*使其子类变换后得以保留 3d转换后的位置*/
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        display: block;
        position: relative; }
        .jjjjnt-box .bd ul li a:hover .back {
          transform: rotateY(0deg);
          -webkit-transform: rotateY(0deg);
          -moz-transform: rotateY(0deg);
          -ms-transform: rotateY(0deg);
          -o-transform: rotateY(0deg);
          z-index: 2; }
        .jjjjnt-box .bd ul li a:hover .front {
          transform: rotateY(180deg);
          -webkit-transform: rotateY(180deg);
          -moz-transform: rotateY(180deg);
          -ms-transform: rotateY(180deg);
          -o-transform: rotateY(180deg);
          z-index: 1; }

.fxfw-box .g-title {
  padding: 5px 0 50px 0; }
.fxfw-box .bd {
  padding-bottom: 80px; }
  .fxfw-box .bd ul li {
    width: 20%;
    float: left;
    text-align: center; }
    .fxfw-box .bd ul li a {
      display: block;
      padding: 0 8px; }
      .fxfw-box .bd ul li a h3 {
        display: block;
        font-size: 22px;
        color: #353434;
        padding: 7px 0 5px 0; }
      .fxfw-box .bd ul li a p {
        font-size: 14px;
        color: #5f5d58; }

.xgzr-box {
  background: #caba7a;
  margin-bottom: 50px; }
  .xgzr-box .g-title {
    padding: 65px 0 25px 0; }
  .xgzr-box .bd {
    background: #242432;
    padding: 60px 0; }
    .xgzr-box .bd ul {
      display: block;
      margin: 0 36px;
      height: 295px; }
    .xgzr-box .bd ul li {
      float: left;
      width: 188px;
      height: 293px;
      border: 1px solid #e9d68a;
      margin: 0 21px;
      text-align: center;
      background-color: #454551; }
      .xgzr-box .bd ul li a {
        padding: 0 17px;
        display: block; }
      .xgzr-box .bd ul li .icon {
        padding-top: 25px; }
      .xgzr-box .bd ul li h3 {
        display: block;
        font-size: 22px;
        color: #353434;
        padding: 10px 0 10px 0;
        color: #fff; }
      .xgzr-box .bd ul li p {
        font-size: 15px;
        color: #5f5d58;
        line-height: 26px;
        color: #fff;
        text-align: left; }

.djys-box .bd {
  padding: 22px 0 65px 0; }

.xgsj-box {
  padding-top: 68px;
  background: #f1f5f8; }
  .xgsj-box .bd {
    padding: 60px 0 85px 0; }
  .xgsj-box .fd {
    background: #fff;
    padding: 80px 0; }

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