@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
  animation-duration: 1.5s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, .95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  animation-name: shake;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}

.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
  from {
    transform: none;
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: none;
  }
}

.wobble {
  animation-name: wobble;
}

@keyframes jello {
  from, 11.1%, to {
    transform: none;
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}

.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: none;
  }
}

.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: none;
  }
}

.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  20% {
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 30%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(.95, .95, .95);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {

  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }

  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  animation-name: hinge;
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;

    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}

.zoomOutLeft {
  animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}

.zoomOutRight {
  animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  animation-name: zoomOutUp;
}

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 40%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  animation-name: slideOutUp;
}

@import "https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900";
/*@import "https://fonts.googleapis.com/css?family=PingFang+SC:100,200,300,400,500,600,700,900";*/
body{ margin:0; padding:0;font-size:0; line-height:100%; width:100%;font-family:"Noto Sans SC","PingFang SC","sans-serif","Microsoft YaHei"; background:#fff; overflow-x:hidden;-webkit-text-size-adjust:none; color:#555}
img,input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}
a{text-decoration:none; color:#555}
a:active,a:focus,a:hover{outline:none; color:#194e98}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance:none;}
div,ul,li,span,p,i,a,h1,h2,h3,h4,h5,h6,img,input,submit,textarea{box-sizing:border-box;outline:none;}

.toTop{ position:fixed;bottom:0; right:0; display:block; width:32px; height:32px; background:url(https://www.yongfu.com.cn/images/toTop.png) no-repeat; background-size:100% 100%; z-index:999; display:none; opacity:0.7}
.toTop:hover{background:url(https://www.yongfu.com.cn/images/toTopHover.png) no-repeat;background-size:100% 100%;opacity:1.0}


.myScroll{transform:translateY(70px);transition:transform 0.8s, opacity 0.8s;opacity:0;}
.myScroll.on{transform:none;opacity:1;}

.boxTop{ position:fixed; top:0; left:0;width:100%; z-index:1000;height:80px;}
.boxTop1{position:relative;box-sizing:border-box; width:90%;max-width:1440px; text-align:right; display:block; margin:0 auto}
/*.logo{position:absolute; left:0; top:50%; margin-top:-0.9375vw; height:1.875vw; }*/
.logo{position:absolute; left:0; top:50%; margin-top:-18px; height:36px; }


@font-face {
  font-family: "DINCond";
  src: url("../css/font/DINCond/DINCond.woff2") format("woff2"),
       url("../css/font/DINCond/DINCond.woff") format("woff"),
       url("../css/font/DINCond/DINCond.ttf") format("truetype"),
       url("../css/font/DINCond/DINCond.eot") format("embedded-opentype"),
       url("../css/font/DINCond/DINCond.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}


@keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0;}}
.boxNav{height:80px; text-align:center;display:inline-block;  vertical-align:middle;}
.boxNav li{display:inline-block;position:relative; padding:0 0.7vw; margin:0 0.4vw;}
.boxNav li span a{display:block;font-size:0.85vw;line-height:80px; color:#555; font-weight:400}
.boxNav li span a:hover{color:#1163aa}
.boxNav li span i{ height:4px; background:#1163aa; width:100%; position:absolute; top:0; left:0; display:none}
.boxNav li .on i{ display:none;animation:ANavI 0.3s}

.boxNav li div{position:absolute; top:80px; left:0;width:11vw; max-width:180px;text-align:left;padding:0 10px;border-radius:3px; z-index:2; display:none;background:rgba(255,255,255,0.98);box-shadow:0 0 10px rgba(0,0,0,0.1);}
.boxNav li div a{display:block;font-size:0.7vw;line-height:26px; padding:0.8vw 0.6vw; border-bottom:1px solid rgba(0,0,0,0.1); }
.boxNav li div a:hover{ color:#15499c}
.boxNav li div a:last-child{ border:none}
.boxNav li:nth-child(4) div{}


.icoTop{display:inline-block;height:80px;vertical-align:middle; float:right;}
.icoTop a{position:relative;display:inline-block; vertical-align:middle; margin:0 0 0 20px}
.icoTop a i{display:block;height:80px;}
.icoTop a div{position:absolute; top:80px; right:-45px; background:#fff;  box-shadow:0 2px 10px rgba(0,0,0,0.2);text-align:center; display:none; padding:10px 0; width:110px}
.icoTop a span{display:inline-block; width:90px;}
.icoTop a div img{width:90px}
.icoTop a div h1{display:block; font-size:12px; color:#444; padding:0; line-height:12px; margin-top:5px}


.topWx{}
.topWx i{background:url(https://www.yongfu.com.cn/images/icoTopWx.png) center no-repeat; width:17px;}
.topWx:hover i{background:url(https://www.yongfu.com.cn/images/icoTopWxHover.png) center no-repeat;}

.topSearch i{background:url(https://www.yongfu.com.cn/images/icoTopSearch.png) center no-repeat; width:15px;}
.topSearch:hover i{background:url(https://www.yongfu.com.cn/images/icoTopSearchHover.png) center no-repeat;}

.topLng font{font-size:0.75vw; color:#555;line-height:80px; }



.bgTop{background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);/*background:rgba(255,255,255,0.9)!important;box-shadow:0 0 10px rgba(0,0,0,0.1);backdrop-filter:blur(40px)*/}

/*.whiteCon{background:url(https://www.yongfu.com.cn/images/bgTopBlack.png) no-repeat center/100% 100%!important;} */
.whiteCon{background:none!important;} 
.whiteCon .boxNav li span a{color:#fff!important}
.whiteCon .boxNav li span a:hover{color:#fff!important}
.whiteCon .topWx i{background:url(https://www.yongfu.com.cn/images/icoTopWxWhite.png) center no-repeat!important; }
.whiteCon .topSearch i{background:url(https://www.yongfu.com.cn/images/icoTopSearchWhite.png) center no-repeat!important; }
.whiteCon .topLng font{color:#fff;}



.searchTop{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); text-align:center; z-index:1002; display:none}
.searchTop span{display:inline-block; width:700px; height:52px;  overflow:hidden; background:#fff; position:absolute; top:50%; left:50%; margin:-30px 0 0 -350px; font-size:0;}
.searchTop a{ width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(https://www.yongfu.com.cn/images/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.searchTop a:hover{ transform:rotateZ(180deg);}
.inputTop{width:600px; height:52px; line-height:52px; font-size:13px; color:#444; text-indent:15px;}
.submitTop{ width:100px; height:52px; background:#00b4ff; font-size:14px;  color:#fff;cursor:pointer}  
.submitTop:hover{ background:#00c9ff}




/*--------------------mTop------------------------*/
.boxTopM{ width:100vw; height:70px; position:fixed;top:0; left:0; z-index:100; display:none;}
.logoM{ position:absolute;left:15px; top:21px; height:28px;}

.openMenu{width:60px; height:70px; position:absolute; top:0; right:0;background:url(https://www.yongfu.com.cn/images/openMenu.png) no-repeat center/cover;}
.closeMenu{width:60px; height:60px; position:absolute; top:0; left:-60px;background:#fff url(https://www.yongfu.com.cn/images/closeMenu.png) no-repeat center; background-size:cover;}

.topLngM{ position:absolute; top:25px; right:60px;height:20px; line-height:20px; font-size:12px; padding:0 16px 0 0; color:#aaa; border-right:1px solid rgba(0,0,0,0.1);}

.navTopM{position:fixed; top:0; left:0; width:100vw;height:100vh; z-index:1001; background:rgba(0,0,0,0.8); display:none}
.boxNavM{ width:calc(100vw - 60px); height:100%;background:#1c4d98 url(https://www.yongfu.com.cn/images/bgNavM.png) no-repeat right top/100% auto;overflow-y:auto; padding:60px 0 0 30px; box-sizing:border-box; position:relative; left:100%;}
.boxNavM li{ position:relative}
.boxNavM li span{display:block; position:relative; width:120px;}
.boxNavM li span a{display:block;font-size:13px;line-height:50px; color:rgba(255,255,255,0.7); }
.boxNavM li span a:hover{ color:#fff}
.boxNavM li .on a{color:#fff!important}
.boxNavM li div{position:absolute; top:0; left:140px; display:none; z-index:100}
.boxNavM li div a{display:block; line-height:20px; padding:15px 0; font-size:13px; text-align:left; color:rgba(255,255,255,0.7);}
.boxNavM li div a:hover{color:#fff}
.boxNavM li div .on{color:#fff}

.whiteConM{background:none!important;}
.whiteConM .openMenu{background:url(https://www.yongfu.com.cn/images/openMenuWhite.png) no-repeat center/cover!important;}
.whiteConM .topLngM{color:#fff!important; border-right:1px solid rgba(255,255,255,0.15)!important;}
/*--------------------mTop------------------------*/








.banner{width:100%;height:clamp(50vw,100vh,75vw); max-height:100vh;overflow:hidden; position:relative; /*margin:0 0 0 calc((100% - 100vw)/2)*/}
.banner .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important; background:#000; }
.banner .swiper-pagination{bottom:30px!important;z-index:1; text-align:center;}
.banner .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px;}
.banner .swiper-pagination-bullet-active{background:#fff; width:20px;}
/*.banner .swiper-button-prev{left:2%;margin-top:-18px; width:20px; height:36px; background:url(https://www.yongfu.com.cn/images/bannerJtLeft.png) no-repeat center/cover;opacity:0.5; z-index:101}
.banner .swiper-button-prev:hover{background:url(https://www.yongfu.com.cn/images/bannerJtLeft.png) no-repeat center/cover;opacity:1.0}
.banner .swiper-button-next{right:2%;margin-top:-18px;width:20px; height:36px;  background:url(https://www.yongfu.com.cn/images/bannerJtRight.png) no-repeat center/cover;opacity:0.5; z-index:101}
.banner .swiper-button-next:hover{background:url(https://www.yongfu.com.cn/images/bannerJtRight.png) no-repeat center/cover;opacity:1.0}*/


.bannerBtnLeft{ width:4vw; height:4vw;position:absolute; z-index:101; left:2%; top:50%; margin:-2vw 0 0 0;transition:all 0.2s ease 0.1s; opacity:0.5}
.bannerBtnLeft div{ width:100%; height:100%; position:relative; padding:0.5vw;transition:all 0.2s ease 0.1s;}
.bannerBtnLeft div span{width:100%; height:100%;display:block;border:1px solid #fff; border-radius:100%}
.bannerBtnLeft div i{display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url(https://www.yongfu.com.cn/images/bannerBtnLeft.png) no-repeat center/cover}
.bannerBtnLeft:hover{left:calc(2% - 10px);opacity:1}
.bannerBtnLeft:hover div{padding:0}

.bannerBtnRight{ width:4vw; height:4vw;position:absolute; z-index:101; right:2%; top:50%; margin:-2vw 0 0 0;transition:all 0.2s ease 0.1s; opacity:0.5}
.bannerBtnRight div{ width:100%; height:100%; position:relative; padding:0.4vw;transition:all 0.2s ease 0.1s;}
.bannerBtnRight div span{width:100%; height:100%;display:block;border:1px solid #fff; border-radius:100%}
.bannerBtnRight div i{display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url(https://www.yongfu.com.cn/images/bannerBtnRight.png) no-repeat center/cover}
.bannerBtnRight:hover{right:calc(2% - 10px); opacity:1}
.bannerBtnRight:hover div{padding:0}


.banner video{display:none;position:absolute;z-index:1;left:0;top:50%; width:100%;height:auto;transform:translateY(-50%);object-fit:cover}
.banner .btnVideo{width:40px; height:40px; background:url(https://www.yongfu.com.cn/images/icoVideo.png) no-repeat center/cover; position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px; z-index:4; display:none}
.bannerVideo{left:50%!important;top:0!important; width:auto!important;height:100%!important;transform:translateX(-50%)!important;}

.bannerSlogan{position:absolute; z-index:101; width:100%;  /*padding:0 12vw;*/ color:#fff; }
.bannerSlogan div{width:90%; padding:0; max-width:1440px; display:block;margin:0 auto;}
/*.bannerSlogan h1{ font-size:2.8vw; line-height:3.2vw; font-weight:400; margin:0 0 1vw 0}
.bannerSlogan h2{ font-size:1vw; line-height:1vw;}*/
.bannerSlogan h1{ font-size:2.6vw; line-height:1.3em;font-weight:500; }
.bannerSlogan h2{ font-size:0.9vw; line-height:1.75em; margin:15px 0 0 0; letter-spacing:0.08vw}
.bannerSlogan h3{ margin-top:20px; padding:0 0 0 5px}
.bannerSlogan h3 a{display:inline-block; border:1px solid #fff; padding:0 12px; border-radius:12px;height:24px;line-height:20px; overflow:hidden}
.bannerSlogan h3 a span{display:inline-block; vertical-align:middle;color:#555; width:0; opacity:0; font-size:0; overflow:hidden;transition:all 0.3s ease; }
.bannerSlogan h3 a i{display:inline-block; vertical-align:middle; background:url(https://www.yongfu.com.cn/images/icoMore.png) no-repeat center; width:10px; height:100%; float:right}
.bannerSlogan h3 a:hover{background:#fff}
.bannerSlogan h3 a:hover span{ width:58px; opacity:1; font-size:12px;}
.bannerSlogan h3 a:hover i{background:url(https://www.yongfu.com.cn/images/icoMore1.png) no-repeat center;}

.bannerLB{left:0;bottom:18vh;}
.bannerLC{left:110px; top:23vh;}

.bannerImg{width:100%;height:100%;background-size:cover!important;}
.bannerMask{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; background:url(https://www.yongfu.com.cn/images/blackBanner1.png) no-repeat top center/100% 100%; }



.bannerM{width:100vw;height:100vh;overflow:hidden;position:relative; display:none}
.bannerM .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important}
.bannerM .swiper-slide a{display:block; width:100%; height:100%}
.bannerM .swiper-pagination{bottom:20px!important;z-index:1; text-align:center; margin:0 2px}
.bannerM .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px; }
.bannerM .swiper-pagination-bullet-active{background:#fff; width:20px;}







/*---------------------indexSol---------------------*/
.boxIndSol{position:relative;}
.indSol{ width:100%;overflow:hidden; position:relative; margin:0 0 100px 0; z-index:1}
.indSol .swiper-slide{width:calc((100% - 60px)/4); position:relative; overflow:hidden;  margin:0 20px 0 0;color:#fff; text-align:center}
.indSol .swiper-slide a{color:#fff}
.indSol .swiper-slide div{width:100%;height:calc((90vw - 60px)/4*1.739); max-height:600px;background-size:cover!important; position:relative; overflow:hidden}
.indSol .swiper-slide span{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; z-index:1;opacity:0;transition:all .3s;}
.indSol .swiper-slide h1{position:absolute; top:10%; left:0; width:100%; font-size:clamp(18px,1.2vw,24px); line-height:1em; font-weight:500; z-index:2}
.indSol .swiper-slide h2{position:absolute; top:26%; left:0; width:100%;z-index:2; opacity:0;transition:all 1s;}
.indSol .swiper-slide h2 img{width:30%; max-width:100px;}
.indSol .swiper-slide h3{position:absolute; top:60%; left:0; width:100%; font-size:clamp(14px,1vw,18px); line-height:1.75em; padding:0 20%; z-index:2; opacity:0;transition:all .5s; }
.indSol .swiper-slide h4{position:absolute; bottom:-80px; left:0; width:100%; background:#194d97; height:80px; z-index:2; transition:all .5s}
.indSol .swiper-slide h4 i{display:inline-block; margin:0 auto; font-size:14px; line-height:81px; padding:0 24px 0 0; background:url(https://www.yongfu.com.cn/images/icoJtRHover.png) no-repeat right center;}

.indSol .swiper-slide:hover span{opacity:0.5}
.indSol .swiper-slide:hover h2{opacity:1}
.indSol .swiper-slide:hover h3{top:46%;opacity:1}
.indSol .swiper-slide:hover h4{bottom:0;}


.indSol .swiper-pagination{display:none}

.swiperBtn{ text-align:center}
.swiperBtn a{width:31px; height:31px; display:inline-block; vertical-align:middle; border:1px solid #777; border-radius:50%; overflow:hidden}
.swiperBtn .btnPre{background:url(https://www.yongfu.com.cn/images/icoJtL.png) no-repeat center}
.swiperBtn .btnPre:hover{background:#194d97 url(https://www.yongfu.com.cn/images/icoJtLHover.png) no-repeat center; border:1px solid #194d97}
.swiperBtn .btnNext{background:url(https://www.yongfu.com.cn/images/icoJtR.png) no-repeat center}
.swiperBtn .btnNext:hover{background:#194d97 url(https://www.yongfu.com.cn/images/icoJtRHover.png) no-repeat center; border:1px solid #194d97}
.swiperBtn .swiperNum{display:inline-block; width:auto; padding:0 20px; font-size:12px; line-height:31px; vertical-align:middle}

/*.boxIndSol .swiperBtn{position:absolute; top:-92px; right:0;}*/
.boxIndSol .swiperBtn{}
.boxIndSol .swiperBtn a{ position:absolute; top:50%; margin:-15px 0 0 0}
.boxIndSol .swiperBtn .btnPre{ left:-50px;}
.boxIndSol .swiperBtn .btnNext{ right:-50px;}
.boxIndSol .swiperBtn .swiperNum{display:none!important}
/*---------------------indexSol---------------------*/

.bgGray{ width:100%; background:url(https://www.yongfu.com.cn/images/bgGray.jpg) no-repeat center/cover; overflow:hidden; }



/*---------------------indexPro---------------------*/
.indPro{width:90%;max-width:1440px; display:block; margin:0 auto 100px auto; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.05); overflow:hidden}
.indPro .swiper-slide{width:100%; position:relative; overflow:hidden;}

.indProL{ display:inline-block; vertical-align:middle; width:50%; padding:0 5%}
.indProL h1{font-size:clamp(15px,1vw,21px); line-height:1.75em;color:#555; text-align:justify}
.indProL h2{ padding:3vh 0 5vh 0; text-align:center}
.indProL h2 i{display:inline-block; vertical-align:top; text-align:center; width:33.3%}
.indProL h2 i font{display:block; font-size:clamp(16px,1vw,21px); line-height:1em; color:#194d97}

.indProR{ display:inline-block; vertical-align:middle; width:50%;}
.indProR img{width:100%}
/*---------------------indexPro---------------------*/



/*---------------------indexNews---------------------*/
/*.indNews{width:100%; overflow:hidden;margin:0 auto 0 auto;}
.indNews a{width:calc((100% - 80px)*0.28); height:calc((90vw - 80px)*0.44*0.66);max-height:400px;  margin:0 40px 0 0; display:inline-block; vertical-align:top; position:relative}
.indNews a:last-child{margin-right:0}
.indNews a h1{display:none}

.indNews a span{display:block; width:100%; overflow:hidden}
.indNews a span h2{float:left;width:80px; height:60px;}
.indNews a span h2 i{font-size:24px; line-height:30px; font-weight:500}
.indNews a span h2 font{ font-size:14px;line-height:1em; display:block; margin:6px 0 0 0}
.indNews a span h3{float:left;width:calc(100% - 80px); font-size:20px; line-height:30px; font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.indNews a h4{ font-size:14px; line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical; color:#999; margin:10px 0 0 0}
.indNews a h5{width:100%;height:calc((90vw - 80px)*0.28*0.66);max-height:253px; overflow:hidden;position:absolute; top:0; left:0}
.indNews a h5 img{width:100%;transition:transform 0.5s; }


.indNews a:nth-child(1){width:calc((100% - 80px)*0.44)}
.indNews a:nth-child(1) div{position:absolute; left:0; bottom:0; color:#fff; width:100%; padding:25px; background:url(https://www.yongfu.com.cn/images/bgNewsTitle.png) no-repeat center/100% 100%;}
.indNews a:nth-child(1) h1{display:block; font-size:20px; line-height:30px; font-weight:500}
.indNews a:nth-child(1) h2{display:none}
.indNews a:nth-child(1) h3{width:100%}
.indNews a:nth-child(1) h4{display:none}
.indNews a:nth-child(1) h5{height:100%; max-height:100%;}

.indNews a:nth-child(2) h5{top:auto; bottom:0}
.indNews a:nth-child(3) div{position:absolute; left:0; bottom:0;}

.indNews a:hover h5 img{transform:scale(1.2);}
*/

/*.indNews{width:100%; overflow:hidden;margin:0 auto 0 auto;}
.indNews a{width:calc((100% - 80px)*0.28); height:calc((90vw - 80px)*0.44*0.66/2);max-height:200px;  margin:0 40px 0 0; display:inline-block; vertical-align:top; position:relative; float:left; border-top:1px solid #eee; padding:calc((90vw - 80px)*0.44*0.66/2*0.13) 0 0 0}
.indNews a:nth-child(3),.indNews a:nth-child(5){margin-right:0}
.indNews a:nth-child(4),.indNews a:nth-child(5){border-bottom:1px solid #eee;}
.indNews a h1{display:none}

.indNews a span{display:block; width:100%; overflow:hidden}
.indNews a span h2{float:left;width:80px; height:60px;color:#1f529a;}
.indNews a span h2 i{font-size:clamp(18px,1.25vw,24px); line-height:1.5em;font-weight:bold;}
.indNews a span h2 font{ font-size:clamp(12px,0.72vw,14px);line-height:1em; display:block; margin:6px 0 0 0;font-weight:bold;}
.indNews a span h3{float:left;width:calc(100% - 80px); font-size:clamp(18px,1.15vw,22px); line-height:1.5em; font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.indNews a h4{font-size:clamp(12px,0.83vw,16px); line-height:1.8em; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical; color:#999; margin:10px 0 0 0; padding:0 0 0 80px;}
.indNews a h5{width:100%;height:calc((90vw - 80px)*0.28*0.66);max-height:253px; overflow:hidden;position:absolute; top:0; left:0; display:none}
.indNews a h5 img{width:100%;transition:transform 0.5s; }


.indNews a:nth-child(1){width:calc((100% - 80px)*0.44);height:calc((90vw - 80px)*0.44*0.66);max-height:400px; border:none}
.indNews a:nth-child(1) div{position:absolute; left:0; bottom:0; color:#fff; width:100%; padding:25px; background:url(https://www.yongfu.com.cn/images/bgNewsTitle.png) no-repeat center/100% 100%;}
.indNews a:nth-child(1) h1{display:block; font-size:clamp(18px,1.04vw,20px); line-height:1.5em; font-weight:500}
.indNews a:nth-child(1) h2{display:none}
.indNews a:nth-child(1) h3{width:100%;-webkit-line-clamp:1;line-clamp:1;}
.indNews a:nth-child(1) h4{display:none}
.indNews a:nth-child(1) h5{height:100%; max-height:100%; display:block}

.indNews a:nth-child(2) h5{top:auto; bottom:0}
.indNews a:nth-child(3) div{}

.indNews a:hover h5 img{transform:scale(1.2);}*/

.indNews{width:100%; overflow:hidden}

.indNewLeft{width:41.6%;height:24.75vw;max-height:400px; display:inline-block; vertical-align:top; overflow:hidden; position:relative}
.indNewLeft .swiper-slide{width:100%; height:100%; position:relative; overflow:hidden;}
.indNewLeft .swiper-slide a{display:block; width:100%; height:100%; overflow:hidden; position:relative}
.indNewLeft .swiper-slide img{width:100%; height:100%;transition:transform 0.5s}
.indNewLeft .swiper-slide span{ display:block; width:100%; position:absolute; z-index:1; color:#fff; left:0; bottom:0; padding:25px;}
.indNewLeft .swiper-slide span h1{display:block; font-size:clamp(18px,1.04vw,20px); line-height:1.5em; font-weight:500}
.indNewLeft .swiper-slide span h3{font-size:clamp(18px,1.15vw,22px); line-height:1.5em; font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;}
.indNewLeft .swiper-pagination{z-index:100}
.indNewLeft .swiper-pagination-bullet{background:#fff!important; opacity:0.6}
.indNewLeft .swiper-pagination-bullet-active{background:#1f529a!important; opacity:1}
.indNewLeft a:hover img{transform:scale(1.1);}

.indNewRight{width:58.4%; overflow:hidden;display:inline-block; vertical-align:top}
.indNewRight a{width:calc((100% - 80px)/2); height:12.375vw;max-height:200px;  margin:0 0 0 40px; display:inline-block; vertical-align:top; position:relative; float:left; border-top:1px solid #eee; padding:1.60875vw 0 0 0}
.indNewRight a:nth-child(3),.indNewRight a:nth-child(4){border-bottom:1px solid #eee;}
.indNewRight a span{display:block; width:100%; overflow:hidden}
.indNewRight a span h2{float:left;width:80px; height:60px;color:#1f529a;}
.indNewRight a span h2 i{font-size:clamp(18px,1.25vw,24px); line-height:1.5em;font-weight:bold;}
.indNewRight a span h2 font{ font-size:clamp(12px,0.72vw,14px);line-height:1em; display:block; margin:6px 0 0 0;font-weight:bold;}
.indNewRight a span h3{float:left;width:calc(100% - 80px); font-size:clamp(18px,1.15vw,22px); line-height:1.5em; font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.indNewRight a h4{font-size:clamp(12px,0.83vw,16px); line-height:1.8em; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical; color:#999; margin:10px 0 0 0; padding:0 0 0 80px;}







.indNewsMore{padding:80px 0 100px 0; text-align:center}
.indNewsMore .btnMore{margin:0 auto}

.centerMore{ padding:60px 0 100px 0; text-align:center}
.centerMore .btnMore{margin:0 auto}
/*---------------------indexNews---------------------*/




.btnMore{line-height:50px; height:50px; width:150px;}
.btnMore a{width:100%; height:100%;display:block; position:relative; overflow:hidden; margin:0 auto; text-align:center;}
.btnMore i{display:inline-block; padding:0 26px 0 0; font-size:14px; color:#666; background:url(https://www.yongfu.com.cn/images/icoJtR.png) no-repeat right center; position:relative; z-index:2;transition:all 0.3s ease;}
.btnMore span{border:1px solid #777;position:absolute; width:100%; height:100%; display:block}
.btnMore div{position:absolute; left:0; top:0; width:0; height:100%; background:#194d97;z-index:1;transition:all 0.3s ease;}
.btnMore:hover i{color:#fff; background:url(https://www.yongfu.com.cn/images/icoJtRHover.png) no-repeat right center;}
.btnMore:hover div{width:100%;}



/*---------------------foot---------------------*/
.footCon{ background:#f9f9f9; padding:70px 0}
.footCon1{ width:90%; max-width:1440px; margin:0 auto; position:relative}

.footLogo{display:inline-block; vertical-align:middle}
.footLogo img{ height:1.875vw;}
.footGp{display:inline-block; vertical-align:middle; padding:30px 50px; margin:0 50px 0 0; border-right:1px solid #e0e0e0}
.footGp h1{font-size:clamp(12px,0.9375vw,18px); line-height:1em; font-weight:500}

.footGp h2{padding:10px 0 10px 0;color:#1b4f99}
.footGp h2 i{font-size:clamp(30px,2.4vw,46px); line-height:1em; display:inline-block; vertical-align:bottom; font-weight:500}
.footGp h2 span{width:15px;height:13px;display:inline-block; vertical-align:bottom; margin:0 5px 5px 5px}
.footGp h2 font{display:inline-block; vertical-align:bottom;font-size:clamp(12px,1.04vw,20px); line-height:1em; margin-bottom:5px}

.footGp h3{font-size:12px; color:#bbb; line-height:12px}
.footGp h3 i{font-size:12px;}

.footGp .gpUp{ color:#1b4f99}
.footGp .gpUp span{ background:url(https://www.yongfu.com.cn/images/icoGpUp.png) no-repeat center right/auto 100%; }
.footGp .gpDown{ color:#1b4f99}
.footGp .gpDown span{ background:url(https://www.yongfu.com.cn/images/icoGpDown.png) no-repeat center right/auto 100%;}

.footContact{display:inline-block; vertical-align:middle; font-size:clamp(12px,0.83vw,16px); line-height:2em;}
.footContact i{display:block}

.footEwm{position:absolute; right:0; top:50%; margin-top:-55px; width:30%;}
.footEwm a{ width:calc((100% - 3vw)/2); display:inline-block; position:relative; margin:0 0 1.5vw 1.5vw;}
.footEwm a div{ display:inline-block; vertical-align:top; padding:0 5px 0 0; opacity:0.4}
.footEwm a span{ display:inline-block; vertical-align:top}
.footEwm a span h1{ font-size:clamp(12px,0.73vw,14px); line-height:20px; font-weight:500; display:block; margin:0 0 5px 0}
.footEwm a span h2{ font-size:12px; line-height:16px; background:#fff; border:1px solid #e2e2e2; border-radius:8px; display:inline-block; color:#999; padding:0 10px;}
.footEwm a i{position:absolute; top:-120px; left:-10px; width:138px; height:147px; padding:19px 19px 0 19px; background:url(https://www.yongfu.com.cn/images/bgEwm.png) no-repeat center/100% 100%;transition:all .5s; opacity:0;pointer-events:none; z-index:1}
.footEwm a i img{ width:100px; height:100px;}

.footEwm a:hover div{opacity:1}
.footEwm a:hover i{opacity:1; top:-150px;}



.boxFoot{ background:#404a56; color:rgba(255,255,255,0.8); font-size:12px; line-height:22px; padding:30px 0; background:#404a56; text-align:center; }
.boxFoot a{color:rgba(255,255,255,0.8)}
.boxFoot a:hover{color:#fff}

.boxEwm{position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.8);z-index:1000; display:none}
.boxEwm div{width:100%; height:100%;display:flex; align-items:center;justify-content:center; }
.boxEwm img{ width:50%; max-width:200px;}
.boxEwm a{ width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(https://www.yongfu.com.cn/images/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.boxEwm a:hover{ transform:rotateZ(180deg);}
/*---------------------foot---------------------*/























.subBanner{width:100vw; height:32.291vw; background-position:center!important; background-repeat:no-repeat!important;background-size:cover!important;margin:0 0 0 calc((100% - 100vw)/2);position:relative; }
.subBanner div{position:absolute; bottom:3vw; left:0;  color:#fff; width:100%; z-index:2}
.subBanner div span{ width:90%;max-width:1440px; display:block; margin:0 auto}
.subBanner div h1{ font-size:14px; line-height:14px; }
.subBanner div h2{font-size:2.6vw; line-height:1.3em;font-weight:500;margin:15px 0 0 0}
.subBanner h1 a{ display:inline-block; vertical-align:middle;padding:0 17px 0 0; margin:0 12px 0 0; background:url(https://www.yongfu.com.cn/images/icoCurJt.png) no-repeat center right; color:#fff}
.subBanner h1 a:last-child{ background:none; margin:0; padding:0}
.subBanner h1 a:hover{color:#fff}
.subBanner .btnVideo{position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px;z-index:1; display:inline-block; width:60px; height:60px;  background:url(https://www.yongfu.com.cn/images/icoVideo.png) no-repeat center/cover; z-index:1; border-radius:50%;}
.subBanner .btnVideo:hover{background:rgba(20,87,158,0.5) url(https://www.yongfu.com.cn/images/icoVideo.png) no-repeat center/60px 60px; padding:10px; width:80px; height:80px;margin:-40px 0 0 -40px;}


.bannerAbout{background:url(https://www.yongfu.com.cn/images/bannerAbout.jpg)}
.bannerQywh{background:url(https://www.yongfu.com.cn/images/bannerQywh.jpg)}
.bannerQydj{background:url(https://www.yongfu.com.cn/images/bannerQydj.jpg)}
.bannerNews{background:url(https://www.yongfu.com.cn/images/bannerNews.jpg?v=1.0)}
.bannerSolution{background:url(https://www.yongfu.com.cn/images/bannerSolution.jpg)}
.bannerSolution1{background:url(https://www.yongfu.com.cn/images/bannerSolution1.jpg)}
.bannerSolution2{background:url(https://www.yongfu.com.cn/images/bannerSolution2.jpg)}
.bannerSolution3{background:url(https://www.yongfu.com.cn/images/bannerSolution3.jpg?v=1.1)}
.bannerSolution4{background:url(https://www.yongfu.com.cn/images/bannerSolution4.jpg)}
.bannerSolution5{background:url(https://www.yongfu.com.cn/images/bannerSolution5.jpg?v=1.1)}
.bannerPro{background:url(https://www.yongfu.com.cn/images/bannerPro.jpg)}
.bannerPro1{background:url(https://www.yongfu.com.cn/images/bannerPro1.jpg)}
.bannerYfcx{background:url(https://www.yongfu.com.cn/images/bannerYfcx.jpg?v=1.0)}
.bannerJoin{background:url(https://www.yongfu.com.cn/images/bannerJoin.jpg)}
.bannerInv{background:url(https://www.yongfu.com.cn/images/bannerInv.jpg)}
.bannerContact{background:url(https://www.yongfu.com.cn/images/bannerContact.jpg)}


@media(max-width:768px){
.subBanner{height:80vw;}
.subBanner div{bottom:20px; }
.subBanner div h1{ font-size:10px; line-height:10px; }
.subBanner div h2{font-size:26px; line-height:26px;margin:10px 0 0 0}
.subBanner h1 a{padding:0 12px 0 0; margin:0 8px 0 0; background:url(https://www.yongfu.com.cn/images/icoCurJt.png) no-repeat center right/4px auto;}

.subBanner .btnVideo{margin:-20px 0 0 -20px;z-index:1;width:40px; height:40px;}
.subBanner .btnVideo:hover{background:rgba(20,87,158,0.5) url(https://www.yongfu.com.cn/images/icoVideo.png) no-repeat center/40px 40px; padding:10px; width:60px; height:60px;margin:-30px 0 0 -30px;}
	
.bannerAbout{background:url(https://www.yongfu.com.cn/images/bannerAboutM.jpg)}
.bannerQywh{background:url(https://www.yongfu.com.cn/images/bannerQywhM.jpg)}
.bannerQydj{background:url(https://www.yongfu.com.cn/images/bannerQydjM.jpg)}
.bannerNews{background:url(https://www.yongfu.com.cn/images/bannerNewsM.jpg?v=1.0)}
.bannerSolution{background:url(https://www.yongfu.com.cn/images/bannerSolution.jpg)}
.bannerSolution1{background:url(https://www.yongfu.com.cn/images/bannerSolution1M.jpg)}
.bannerSolution2{background:url(https://www.yongfu.com.cn/images/bannerSolution2M.jpg)}
.bannerSolution3{background:url(https://www.yongfu.com.cn/images/bannerSolution3M.jpg?v=1.1)}
.bannerSolution4{background:url(https://www.yongfu.com.cn/images/bannerSolution4M.jpg)}
.bannerSolution5{background:url(https://www.yongfu.com.cn/images/bannerSolution5M.jpg?v=1.1)}
.bannerPro{background:url(https://www.yongfu.com.cn/images/bannerProM.jpg)}
.bannerPro1{background:url(https://www.yongfu.com.cn/images/bannerPro1M.jpg)}
.bannerYfcx{background:url(https://www.yongfu.com.cn/images/bannerYfcxM.jpg?v=1.0)}
.bannerJoin{background:url(https://www.yongfu.com.cn/images/bannerJoin.jpg)}
.bannerInv{background:url(https://www.yongfu.com.cn/images/bannerInvM.jpg)}
.bannerContact{background:url(https://www.yongfu.com.cn/images/bannerContactM.jpg)}
}


.curNav{ width:1200px; border-bottom:1px solid #ccc; display:block; margin:0 auto; padding:0 0 30px 0;}
.curNav a{ font-size:14px; color:#999; padding:0 0 0 20px; margin:0 15px 0 0; background:url(https://www.yongfu.com.cn/images/icoCurJt.png) no-repeat center left; }
.curNav a:hover{color:#194d97}
.curNav a:first-child{background:url(https://www.yongfu.com.cn/images/icoHome.png) no-repeat center left;padding:0 0 0 25px;}


/*------------------------zhezhao------------------------*/
.boxZhezhao{background:rgba(0,0,0,1); position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; text-align:center; display:none}
.boxZhezhao video{width:100%; height:100%;}
.closeZhezhao{display:block;width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(https://www.yongfu.com.cn/images/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.closeZhezhao:hover{ transform:rotateZ(180deg);}
/*------------------------zhezhao------------------------*/


.aboutCon{ padding:0 0 150px 0;}
.aboutConL{width:50%; font-size:clamp(16px,1vw,21px); line-height:1.75em;color:#555; padding:0 5% 0 0; text-align:justify;display:inline-block; vertical-align:middle}

.aboutConVideo{ position:relative; width:50%;  overflow:hidden; background:#000;display:inline-block; vertical-align:middle}
.aboutConVideo span{display:block; width:100%; height:22.5vw; max-height:360px;transition:transform 1s;}
.aboutConVideo i{ display:block;position:absolute; top:50%; left:50%; margin:-35px 0 0 -35px; width:70px; height:70px; background:url(https://www.yongfu.com.cn/images/icoVideo.png) no-repeat center/cover; z-index:1; border-radius:50%;}
.aboutConVideo a:hover span{transform:scale(1.2); opacity:0.9}
.aboutConVideo a:hover i{background:#14579e url(https://www.yongfu.com.cn/images/icoVideo.png) no-repeat center/80% 80%;}


/*------------------------fzlc------------------------*/
.bgFzlc{width:100%; height:730px; background:url(https://www.yongfu.com.cn/images/bgFzlc.jpg) no-repeat center/cover;}
.boxFzlc{float:right; display:block;width:95%;max-width:calc((100% - 1440px)/2 + 1440px);height:380px; position:relative; margin:40px 0 0 0; }
.boxFzlcCon{width:100%; height:100%;position:relative;overflow:hidden}
.boxFzlcCon .swiper-slide{width:22%; min-width:310px; height:100%; position:relative; overflow:hidden; background:url(https://www.yongfu.com.cn/images/bgLineFzlc.png) no-repeat 5px 15px/1px 100%; padding:0 40px; display:inline-block;overflow:hidden;overflow-y:auto}
.boxFzlcCon .swiper-slide i{display:inline-block; width:11px; height:11px; background:#14579e; border-radius:50%; position:absolute; top:15px; left:0}
.boxFzlcCon .swiper-slide h1{font-size:38px;line-height:1em; font-weight:bold; color:#14579e;margin:0 0 40px 0}
.boxFzlcCon .swiper-slide h2{font-size:clamp(18px,1.2vw,22px);line-height:1em; font-weight:500; margin:20px 0 10px 0}
.boxFzlcCon .swiper-slide h3{font-size:clamp(16px,1vw,18px);line-height:1.5em; }
.boxFzlcCon .swiper-slide h3 p{ display:block; padding:0 0 10px 15px; background:url(https://www.yongfu.com.cn/images/bgLi1.png) no-repeat 0 10px; text-align:justify}

.boxFzlc .swiperBtn{position:absolute; top:-142px; right:0;margin-right:clamp(5vw,calc((100vw - 1440px)/2 - 10px),calc((100vw - 1440px)/2 - 10px))}
.boxFzlc .swiperBtn a{margin-left:10px}
.boxFzlc .swiperBtn .swiperNum{display:none}
/*------------------------fzlc------------------------*/


/*------------------------横向幻灯片------------------------*/
.boxPic{width:calc(90% + 40px); max-width:1480px; margin:-20px auto 100px auto; display:block;position:relative;}
.picList{width:100%; padding:20px; position:relative; margin:0 0 40px 0; overflow:hidden}
.picList .swiper-slide{width:calc((100% - 90px)/4); margin:0; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); padding:20px 20px 0 20px; }
.picList .swiper-slide:last-child{ margin-right:0}
.picList .swiper-slide div{width:100%; height:calc((90vw - 250px)/4*0.667); max-height:200px; overflow:hidden}
.picList .swiper-slide div img{width:100%; height:100%;transition:transform 0.5s;}
.picList .swiper-slide i{font-size:clamp(16px,1vw,18px)/*font-size:clamp(15px,0.9vw,17px)*/;line-height:1.5em; text-align:center; height:90px;display:flex; align-items:center;justify-content:center;}
.picList .swiper-slide:hover img{transform:scale(1.2);}

.picList1{width:calc(90% + 40px); max-width:1480px; margin:0 auto -45px auto; display:block;position:relative; padding:100px 20px 100px 20px}
.picList1 a{display:inline-block; vertical-align:top;width:calc((100% - 90px)/3); margin:0 45px 45px 0; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); padding:30px 30px 0 30px; }
.picList1 a:nth-child(3n+3){ margin-right:0}
.picList1 a div{width:100%; height:calc((90vw - 270px)/3*0.667); max-height:257px; overflow:hidden}
.picList1 a div img{width:100%; height:100%;transition:transform 0.5s;}
.picList1 a i{font-size:clamp(16px,1vw,18px);line-height:1.5em; text-align:center; height:110px;display:flex; align-items:center;justify-content:center; padding:0 20px;}
.picList1 a:hover img{transform:scale(1.2);}

/*------------------------横向幻灯片------------------------*/

/*------------------------hxln------------------------*/
.hxlnCon{width:100%; position:relative; margin:-15px 0 100px 0; overflow:hidden}
.hxlnCon .swiper-slide{width:100%;}
.hxlnCon .swiper-slide div{width:40%;display:inline-block; vertical-align:middle; padding:15px 80px 35px 65px; background:url(https://www.yongfu.com.cn/images/icoYh.png) no-repeat left top; text-align:justify}
.hxlnCon .swiper-slide div h1{font-size:clamp(26px,1.7vw,32px);line-height:1.3em; color:#1959a1}
.hxlnCon .swiper-slide div p{font-size:clamp(16px,1vw,18px);line-height:1.75em;color:#999; margin:15px 0 0 0}
.hxlnCon .swiper-slide span{width:60%;display:inline-block;vertical-align:middle}
.hxlnCon .swiper-slide span img{width:100%}
/*------------------------hxln------------------------*/

/*------------------------znln------------------------*/
.bgZnln{width:100%;background:url(https://www.yongfu.com.cn/images/bgZnln.jpg) no-repeat top center;height:840px;/*background-attachment:fixed; */ position:relative}
.znlnCon{width:90%; max-width:900px; position:relative; margin:0 auto 0 auto; overflow:hidden}
.znlnCon .swiper-slide{width:900px;}
.znlnCon .swiper-slide h1{font-size:clamp(26px,1.7vw,32px);line-height:1.3em; margin:0 0 20px 0}
.znlnCon .swiper-slide p{font-size:clamp(16px,1vw,18px);line-height:1.75em;color:#888; margin:0}
.bgZnln .swiperBtn{ position:absolute;width:100%;bottom:330px;}

.tabZnln{position:absolute; top:200px; left:0; margin-left:clamp(5vw,calc((100vw - 1440px)/2 - 10px),calc((100vw - 1440px)/2 - 10px))}
.tabZnln a{display:block; line-height:16px;opacity:0.75; color:#555;transition:all 0.2s ease 0.1s;}
.tabZnln a i{display:inline-block; vertical-align:middle;height:1px; width:16px; margin:0 5px 0 0; background:#555;transition:all 0.2s ease 0.1s;}
.tabZnln a font{ vertical-align:middle; font-size:12px; display:none}
.tabZnln a:hover{opacity:1}
.tabZnln a:hover i{width:26px;}

.tabZnln:hover a{line-height:26px;}
.tabZnln:hover a font{display:inline-block}
.tabZnln .on font{display:inline-block!important}
/*------------------------znln------------------------*/

/*------------------------picNewsList------------------------*/
.picNewsList{width:calc(90% + 40px); max-width:1480px; margin:0 auto; display:block;position:relative; padding:0 20px}
.picNewsList a{display:inline-block; vertical-align:top;width:calc((100% - 90px)/3); margin:0 45px 0 0; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); }
.picNewsList a:last-child{ margin-right:0}
.picNewsList a div{width:100%; height:calc((90vw - 90px)/3*0.667); max-height:300px; overflow:hidden}
.picNewsList a div img{width:100%; height:100%;transition:transform 0.5s;}
.picNewsList a i{font-size:clamp(16px,1vw,18px);line-height:1.5em; text-align:center; line-height:100px;/*height:110px;display:flex; align-items:center;justify-content:center;*/ padding:0 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align:center; width:100%; display:block}
.picNewsList a:hover img{transform:scale(1.2);}

.picNewsList1{width:calc(90% + 40px); max-width:1480px; margin:0 auto -45px auto; display:block;position:relative; padding:100px 20px 0 20px}
.picNewsList1 a{display:inline-block; vertical-align:top;width:calc((100% - 90px)/3); margin:0 45px 45px 0; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); }
.picNewsList1 a:nth-child(3n+3){ margin-right:0}
.picNewsList1 a div{width:100%; height:calc((90vw - 90px)/3*0.667); max-height:300px; overflow:hidden}
.picNewsList1 a div img{width:100%; height:100%;transition:transform 0.5s;}
.picNewsList1 a i{font-size:clamp(16px,1vw,18px);line-height:1.5em; text-align:center; line-height:100px; /*height:110px;display:flex; align-items:center;justify-content:center;*/padding:0 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; width:100%; display:block}
.picNewsList1 a:hover img{transform:scale(1.2);}
/*------------------------picNewsList------------------------*/



/*------------------------newsList------------------------*/
.newsList{ padding:40px 0 0 0}
.newsList a{display:block; padding:50px 0; border-bottom:1px solid #eee;}
.newsImg{display:inline-block; vertical-align:top; width:28%; overflow:hidden}
.newsImg img{width:100%;transition:transform 0.5s;}

.newsList span{display:inline-block;vertical-align:top; margin:20px 0 0 0;  width:72%; position:relative; padding:0 0 0 14%;}

.newsDate{ position:absolute; left:6%; top:0;}
.newsDate h1{ font-size:clamp(22px,1.5vw,28px);line-height:1.5em}
.newsDate h2{ font-size:clamp(14px,0.9vw,16px);line-height:1.5em}

.newsTitle{display:inline-block; vertical-align:middle; width:100%}
.newsTitle h1{font-size:clamp(22px,1.5vw,28px);line-height:1.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newsTitle h2{font-size:clamp(14px,0.9vw,16px);line-height:1.75em;color:#999; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; text-align:justify; margin:15px 0 30px 0}
.newsTitle h3{ font-size:14px; line-height:30px;}
.newsTitle h3 i{display:inline-block; width:30px; height:30px; border:1px solid #777; background:url(https://www.yongfu.com.cn/images/icoJtR.png) no-repeat center; border-radius:50%; vertical-align:middle; margin:0 10px 0 0}

.newsTitle h4{display:none}


.newsList a:hover .newsTitle h3 i{border:1px solid #194d97; background:#194d97 url(https://www.yongfu.com.cn/images/icoJtRHover.png) no-repeat center;}
.newsList a:hover img{transform:scale(1.1);}
/*------------------------newsList------------------------*/


/*-----------------分页-----------------*/
.boxPage{width:100%; max-width:1440px; overflow:hidden; margin:50px auto 100px auto; font-size:0; font-family:Arial, Helvetica, sans-serif}
.boxPage a{ display:inline-block;font-size:16px;color:#555;background-color:#fff;width:40px; height:40px;text-align:center; line-height:40px; margin-right:8px; border-radius:50%;vertical-align:middle}
.boxPage a:hover{ color:#fff; background-color:#194d97;}
.curPage{color:#fff!important; background-color:#194d97!important;}
.numPage{float:left;}

.btnPage{float:right; }
.prePage{background:url(https://www.yongfu.com.cn/images/pagePre.png) no-repeat center; border:2px solid #194d97}
.prePage:hover{background:url(https://www.yongfu.com.cn/images/pagePreHover.png) no-repeat center}
.nextPage{background:url(https://www.yongfu.com.cn/images/pageNext.png) no-repeat center; margin-right:0!important;border:2px solid #194d97}
.nextPage:hover{background:url(https://www.yongfu.com.cn/images/pageNextHover.png) no-repeat center}
.boxPage span{font-size:16px;line-height:40px;margin:0 15px 0 7px;display:none; vertical-align:middle}

/*-----------------分页-----------------*/


/*--------------------------------show--------------------------------*/
.boxShow{width:100%; margin:80px 0 80px 0;  background:url(https://www.yongfu.com.cn/images/bgShow.jpg) no-repeat top center/100% auto; overflow:hidden}
.boxShow1{width:90%; max-width:900px; display:block; margin:50px auto 0 auto}
.showLeft{display:inline-block; vertical-align:top;  width:100%;overflow:hidden}
.showTitle{padding:0 0 10px 0;font-size:clamp(26px,1.67vw,32px);line-height:1.5em; font-weight:500; text-align:center} 
.showInfo{color:#999; font-size:13px; line-height:20px; border-bottom:2px solid #ebebeb; padding-bottom:32px; margin-bottom:30px;text-align:center}
.showInfo i{ margin-right:10px}
.showCon{width:100%;font-size:clamp(14px,0.9vw,18px);line-height:1.75em; overflow:hidden;text-align:justify}
.showCon img{width:auto!important; max-width:100%;height:auto!important; }

.showTitleJob{}
.showTitleJob h1{font-size:clamp(18px,1.14vw,22px);line-height:1.5em; font-weight:500;}
.showTitleJob h2{font-size:clamp(26px,1.67vw,32px);line-height:1.75em; font-weight:500;}
.showInfoJob{color:#999; font-size:13px; line-height:20px; border-bottom:2px solid #ebebeb; padding:10px 0 32px 0;}
.showInfoJob i{ margin-right:10px; border-right:1px solid #eee; padding:0 10px 0 0}
.showInfoJob i:last-child{margin:0; padding:0; border:none}
.showJobNav{margin:30px 0 20px 0}
.showJobNav i{font-size:14px;line-height:1.5em; display:inline-block; border:1px solid #aaa; padding:10px 20px; border-radius:6px;}


.showVideo{ width:100%; height:auto;display:block; margin:0 0 30px 0}

.showRight{display:inline-block; vertical-align:top; width:100%;overflow:hidden;border-top:1px solid rgba(0,0,0,0.1); margin:60px 0 0 0; display:none}
.showRight a{display:block; width:100%; border-bottom:1px solid rgba(0,0,0,0.1); padding:40px 0; font-size:16px; line-height:26px}
/*.showRight a:last-child{ border:none}*/
.showRight a h1{width:100px; line-height:36px; font-size:12px;color:#fff; background:#1859a0; border-radius:3px; text-align:center; margin:0 0 10px 0}
.showRight a h2{ color:#999}
/*--------------------------------show--------------------------------*/

/*--------------------------------showPro--------------------------------*/
.boxShowPro{ background:url(https://www.yongfu.com.cn/images/bgProShow.jpg) no-repeat top center/100% auto; }
.showProTitle{padding:4.6vw 0 3.6vw 0;font-size:clamp(26px,1.875vw,36px);line-height:1.5em; font-weight:500; text-align:center; color:#fff} 

.boxShowPro1{ width:100%; max-width:900px; background:#fff; border-radius:14px; box-shadow:10px 10px 10px rgba(0,0,0,0.1); border:20px solid #fff; border-radius:14px; display:block; margin:0 auto}

.showProSwiper{width:100%;overflow:hidden; position:relative; }
.showProSwiper .swiper-slide{width:100%; position:relative; overflow:hidden; }
.showProSwiper .swiper-slide img{width:100%}
.showProSwiper .swiper-pagination{bottom:30px!important;z-index:1; text-align:center;}
.showProSwiper .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px;}
.showProSwiper .swiper-pagination-bullet-active{background:#fff; width:20px;}
.showProSwiper .btnProPre{ top:50%;left:2%;margin-top:-18px; width:20px; height:36px; background:url(https://www.yongfu.com.cn/images/bannerJtLeft.png) no-repeat center/cover;opacity:0.5; z-index:101; position:absolute;}
.showProSwiper .btnProPre:hover{background:url(https://www.yongfu.com.cn/images/bannerJtLeft.png) no-repeat center/cover;opacity:1.0}
.showProSwiper .btnProNext{top:50%;right:2%;margin-top:-18px;width:20px; height:36px;  background:url(https://www.yongfu.com.cn/images/bannerJtRight.png) no-repeat center/cover;opacity:0.5; z-index:101; position:absolute}
.showProSwiper .btnProNext:hover{background:url(https://www.yongfu.com.cn/images/bannerJtRight.png) no-repeat center/cover;opacity:1.0}


.showProText{width:100%; max-width:900px; padding:4.6vw 20px 0 20px; margin:0 auto; text-align:justify}
.showProText p{font-size:clamp(15px,0.9375vw,18px); line-height:1.75em;}
.showProText img{width:100%}
.showProNav{padding:4.6vw 0 3.6vw 0;font-size:clamp(26px,1.875vw,36px);line-height:1.5em;  text-align:center;}

.showProList{ width:100%;}
.showProList li{ margin:0 0 3.6vw 0}
.showProList li h1{ margin:0 0 10px 0}
.showProList li h1 i{font-size:clamp(18px,1.145vw,22px); line-height:1em; padding:10px 20px; display:inline-block; border-radius:4px; background:#197bcd; color:#fff}
.showProList li h2{font-size:clamp(15px,0.9375vw,18px); line-height:1.75em;}
.showProList li h2 i{display:inline-block; width:50%; vertical-align:top; border:1px solid #d8edff; padding:20px; margin:20px 0 0 -1px; }
.showProList li h2 font{font-size:clamp(26px,1.875vw,36px);}
/*--------------------------------showPro--------------------------------*/



.showCur{ background:#f9f9f9; line-height:80px; font-size:12px; color:#999}
.showCur div{ width:90%; max-width:1440px; margin:0 auto; display:block}
.showCur a{ display:inline-block; vertical-align:middle;padding:0 0 0 20px; margin:0 0 0 15px; background:url(https://www.yongfu.com.cn/images/icoCurLine.png) no-repeat center left; color:#999}
.showCur a:first-child{background:url(https://www.yongfu.com.cn/images/icoHome1.png) no-repeat center left;  margin:0; padding:0 0 0 16px}
.showCur a:hover{color:#194e98}

/*--------------------------------search--------------------------------*/
.searchNav{ font-size:15px; color:#999; padding:50px 0 20px 10px; border-bottom:1px solid #eee}
.searchNav i{ font-size:40px; line-height:40px;  color:#15499a; margin:0 5px}
.searchList{ margin-bottom:30px}
.searchList a{display:block; border-bottom:1px dotted #eee; overflow:hidden; padding:25px 0 25px 14px; font-size:18px; line-height:26px; background:url(https://www.yongfu.com.cn/images/bgLi.png) no-repeat 0 36px; }
.searchList a i{float:right; display:inline-block; font-size:16px; color:#999}
/*--------------------------------search--------------------------------*/


.myScroll{transform:translateY(150px);
	transition:transform 1s, opacity 1s;
	opacity:0;}
.myScroll.on{transform:none;opacity:1;}


/*------------share------------*/
.btnShare1{ position:fixed; top:240px; right:10px;width:26px; text-align:center}
.btnShare1 i{font-size:14px; display:block; color:#999; line-height:14px; vertical-align:middle;background:url(https://www.yongfu.com.cn/images/icoFx.png) no-repeat top center; padding:20px 6px 0 6px}
.icoShare{ display:inline-block;vertical-align:middle;}
.icoShare a{display:inline-block;  margin-left:5px;  overflow:hidden;vertical-align:middle; margin:10px 0 0 0}
.icoShare div{width:26px; height:26px; line-height:0; font-size:0; text-align:center;display:inline-block; border-radius:50%; overflow:hidden}
.icoShare a img{ margin-top:2px; width:22px;}
.btnShare1 .shareWx div{background-color:#61be42}
.btnShare1 .shareWb div{background-color:#db3636}
.btnShare1 .shareQz div{background-color:#f0cb63}
.btnShare1 .shareQq div{background-color:#367fde}
.btnShare1 .shareMore div{background-color:#4cace3}
.btnShare1 a:hover div{opacity:0.7}
.btnShare1Fixed{}

.boxEwmFx{ position:fixed; width:232px; height:258px; top:50%; margin-top:-129px; left:50%; margin-left:-131px; z-index:1002; background:url(https://www.yongfu.com.cn/images/bgWxEwm.png) no-repeat; padding:5px; font-size:0; line-height:0; display:none}
.boxEwmFx a{display:block;height:26px; width:100%;}
.boxEwmFx img{width:178px; height:178px; display:inline-block; margin:22px 0 0 22px}
.boxBlack{background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; z-index:1001; top:0; left:0; display:none}

.bshare-custom{ display:inline-block; margin-left:5px; vertical-align:middle}
.bsBox,.bsBox div,.bsBox span{box-sizing:content-box}
#bsPanelHolder div,#bsPanelHolder span{box-sizing:content-box}
/*------------share------------*/



/*------------jjfa------------*/
.textQy{text-align:center;font-size:clamp(18px,1.15vw,22px); line-height:1.9em; color:#888; padding:100px 0; border-bottom:1px solid #ebebeb; }
.noBorder{border:none!important; }

.boxIcoList{ margin:0 0 100px 0; position:relative}
.icoList{ width:100%;position:relative;overflow:hidden;}
.icoList .swiper-slide{ width:auto;text-align:center}
.icoList .swiper-slide h1{}
.icoList .swiper-slide h2{font-size:clamp(18px,1.15vw,22px);line-height:1.3em; height:3em; margin:0;display:flex; align-items:center;justify-content:center;}
.icoList .swiper-slide h3{ position:relative; display:inline-block; margin:0 auto; padding:0 20px 0 0;}
.icoList .swiper-slide h3 span{font-size:clamp(50px,3vw,60px);line-height:1em;}
.icoList .swiper-slide h3 i{ position:absolute; top:0; right:5px; font-size:20px; line-height:20px;}
.icoList .swiper-slide h3 font{ position:absolute; bottom:0; right:0; font-size:16px; line-height:16px;}
.space10{ right:-10px!important;}

.row4 .swiper-slide{width:25%}
.row3 .swiper-slide{width:33.3%}
.boxIcoList .swiperBtn{display:none}
.textSmall .swiper-slide h2{font-size:clamp(16px,1.04vw,20px)!important; letter-spacing:-1px}

.btnPrePc{position:absolute; top:50%; left:0; margin:-29px 0 0 0; width:27px; height:58px; background:url(https://www.yongfu.com.cn/images/icoJtL1.png?v=1.0) no-repeat center/cover; opacity:0.3; display:inline-block; z-index:1}
.btnPrePc:hover{opacity:1}
.btnNextPc{position:absolute; top:50%; right:0; margin:-29px 0 0 0; width:27px; height:58px; background:url(https://www.yongfu.com.cn/images/icoJtR1.png?v=1.0) no-repeat center/cover; opacity:0.3; display:inline-block; z-index:1}
.btnNextPc:hover{opacity:1}
/*------------jjfa------------*/


/*------------gzjs------------*/
.zxghBg{width:100%; height:48.61vw; max-height:700px; background:url(https://www.yongfu.com.cn/images/zxghBg.jpg) no-repeat center top/cover}
.zxghBg .navTitle{padding-top:80px!important}
.boxGjjs{height:100%;}
.boxGjjs ul{height:100%}
.boxGjjs li{position:relative;display:inline-block; vertical-align:top; width:16.66%; height:calc(100% - 260px); border-right:1px solid rgba(255,255,255,0.3); text-align:center; color:#fff;transition:all 0.3s ease; overflow:hidden; }
.boxGjjs li:last-child{border:none}
.boxGjjs li h1{width:100%;position:relative; left:0; top:50%; margin:-90px 0 0 0}
.boxGjjs li h1 i{width:100px; height:100px; background:url(https://www.yongfu.com.cn/images/bgQuan.png) no-repeat center/cover; overflow:hidden; display:inline-block; margin:0 auto 20px auto}
.boxGjjs li h1 i img{width:100%;}
.boxGjjs li h1 font{font-size:15px; line-height:1.5em; display:block}
.boxGjjs li h2{position:relative;top:100%; left:0; width:100%; max-width:720px; font-size:clamp(14px,0.9vw,18px); line-height:1.75em; text-align:justify; opacity:0;transition:all .7s; }

.boxGjjs .on{width:50%!important; padding:0 5%; text-align:left}
.boxGjjs .on h1{ top:20%; margin:0}
.boxGjjs .on h1 i{display:none}
.boxGjjs .on h1 font{font-size:clamp(24px,1.45vw,28px);display:inline-block; border-bottom:2px solid #fff; padding:0 0 20px 0}
.boxGjjs .on h2{ top:calc(20% + 30px); opacity:1; }
/*------------gzjs------------*/


/*------------------------case------------------------*/
.boxCase{width:100%; max-width:1480px;  display:block;position:relative; padding:0 0 100px 0; margin:0 auto}
.caseList{width:100%;  position:relative; margin:0; overflow:hidden}
.caseList .swiper-slide{width:calc((100% - 90px)/3); margin:0; }
.caseList .swiper-slide:last-child{ margin-right:0}
.caseList .swiper-slide div{width:100%; height:calc((90vw - 90px)/3*0.667); max-height:300px; overflow:hidden}
.caseList .swiper-slide div img{width:100%; height:100%;transition:transform 0.5s;}
.caseList .swiper-slide i{ display:block;font-size:clamp(16px,1vw,18px);line-height:1.5em; text-align:center; height:100px;/*display:flex; align-items:center;justify-content:center;*/ padding:20px 0 0 0}
.caseList .swiper-slide h1{ font-size:14px; line-height:1.5em; color:#555}
.caseList .swiper-slide h1 font{font-size:clamp(16px,1vw,18px);line-height:1.5em; font-weight:bold; display:block; margin:20px 0 5px 0}
.caseList .swiper-slide:hover img{transform:scale(1.2);}
/*------------------------case------------------------*/


/*------------------------fd------------------------*/
.boxFd{width:100%;height:42.36vw; max-height:610px; overflow:hidden; position:relative}
.boxFd li{width:50%; height:100%; display:inline-block; overflow:hidden;transition:all .7s; position:absolute; left:0; top:0; z-index:1}
.boxFd li:nth-child(2){left:auto; right:0}
.boxFd li div{width:100%; height:100%; position:relative}
.boxFd li h1{ position:absolute; top:50%; left:0; width:100%; margin:-30px 0 0 0; text-align:center; z-index:3}
.boxFd li h1 font{ display:inline-block;font-size:clamp(26px,1.66vw,32px);line-height:1em; border-bottom:2px solid #fff; color:#fff; padding:0 0 30px 0}
.boxFd li h2{width:100%; height:100%;position:absolute; top:0; left:0; }
.boxFd li h2 i{width:100%; height:100%; background:url(https://www.yongfu.com.cn/images/icoVideo.png) no-repeat center/40px 40px; display:none}
.boxFd li h3{width:100%; height:100%; position:relative; display:none; z-index:1}
.boxFd li h3 video{position:absolute;/*top:50%;*/left:0; width:100%;height:100%;/*transform:translateY(-50%);*/object-fit:cover}
.boxFd li h4{font-size:clamp(16px,1vw,18px); line-height:1.5em; color:#fff; position:absolute; left:0; bottom:0; z-index:2; width:100%; padding:0 5% 60px 5%; display:none}
.bgFd1{background:url(https://www.yongfu.com.cn/images/imgFd1.jpg) no-repeat center/cover}
.bgFd2{background:url(https://www.yongfu.com.cn/images/imgFd2.jpg) no-repeat center/cover}


.boxFd li:hover{width:100%; z-index:2}
.boxFd li:hover h1{left:5%; top:10%; margin:0; text-align:left}
.boxFd li:hover h4{ display:block}

.bgGrayFd{ width:100%;background:url(https://www.yongfu.com.cn/images/bgGrayFd.jpg) no-repeat center/cover; padding:0 0 120px 0; overflow:hidden}
.imgFdjgt{width:70%; max-width:1000px; margin:-30px auto 0 auto; display:block}

.icoCon{width:100%; overflow:hidden; text-align:center; margin:10px 0 100px 0}
.icoCon li{ display:inline-block; vertical-align:top; width:25%}
.icoCon li h1{}
.icoCon li h2{font-size:clamp(18px,1.15vw,22px); line-height:1.5em; margin:20px 0 0 0; }
.icoCon li h3{font-size:14px; line-height:1.75em; margin:5px auto 0 auto; color:#999; max-width:80%; display:block;}



.fdListCon{padding:0 0 0 0;}
.fdListCon li{ display:inline-block; vertical-align:top; width:calc((100% - 60px)/2); margin:0 50px 0 0}
.fdListCon li:nth-child(2n){ margin-right:0}
.fdListCon li img{width:100%}
.fdListCon li span{display:block;min-height:130px;}
.fdListCon li h1{font-size:clamp(18px,1.15vw,22px); line-height:1.5em; margin:20px 0 10px 0}
.fdListCon li h2{ font-size:16px; line-height:28px; color:#999}


.hsfdIco{width:100%; overflow:hidden; text-align:center; margin:10px 0 0 0; /*padding:0 0 100px 0; border-bottom:1px solid #ebebeb*/}
.hsfdIco a{ display:inline-block; vertical-align:top; width:16.6%; position:relative; overflow:hidden}
.hsfdIco a h1{}
.hsfdIco a h1 img{width:60%;transition:transform 0.5s;}
.hsfdIco a h2{font-size:clamp(18px,1.15vw,22px); line-height:1.5em;margin:20px 0 0 0;width:100%; text-align:center}
.hsfdIco a:hover h1 img{transform:scale(1.2);}
.hsfdIco a:hover h2{color:#e6c300}
.hsfdIco a:active h2{color:#e6c300}
.hsfdIco a:focus h2{color:#e6c300}

.icoConLsfd{ border-bottom:1px solid #ebebeb; padding:0 0 100px 0; margin:30px 0 0 0!important;}

.hsfdList{width:100%; overflow:hidden; text-align:center; margin:10px 0 0 0; padding:0 0 100px 0; border-bottom:1px solid #ebebeb}
.hsfdList a{width:calc((100% - 60px)/3); height:calc((90vw - 60px)/3*0.87); max-height:400px; display:inline-block; vertical-align:top; overflow:hidden; position:relative; margin:0 30px 0 0 }
.hsfdList a:last-child{ margin-right:0}
.hsfdList a div{width:100%; height:100%; overflow:hidden; background:#000}
.hsfdList a div span{width:100%; height:100%; background-position:center!important; background-repeat:no-repeat!important; background-size:cover!important; display:block;transition:transform 0.5s; opacity:0.85}
.hsfdList a h1{ position:absolute; top:50%; left:0; width:100%; margin:-30px 0 0 0; text-align:center; z-index:3}
.hsfdList a h1 font{ display:inline-block;font-size:clamp(22px,1.35vw,26px);line-height:1em; border-bottom:2px solid #fff; color:#fff; padding:0 0 30px 0}
.hsfdList a:hover span{transform:scale(1.2); opacity:0.7}

/*.gfList{width:100%; padding:0 0 100px 0; border-bottom:1px solid #ebebeb}
.gfList li{width:calc((100% - 60px)/3); height:calc((90vw - 60px)/3*0.87); max-height:400px; display:inline-block; vertical-align:top; overflow:hidden; position:relative; margin:0 30px 0 0}
.gfList li:last-child{ margin:0}

.gfList li h1{ position:absolute; top:50%; left:0; width:100%; margin:-30px 0 0 0; text-align:center; z-index:3}
.gfList li h1 font{ display:inline-block;font-size:clamp(22px,1.35vw,26px);line-height:1em; border-bottom:2px solid #fff; color:#fff; padding:0 0 30px 0}
.gfList li h2{width:100%; height:100%; position:relative; }*/

/*------------------------fd------------------------*/


/*------------------------gf------------------------*/
.gfTitle{ width:100%; height:20.8vw; background:url(https://www.yongfu.com.cn/images/bgGf.jpg) no-repeat center/cover; color:#fff}
.gfTitle h1{font-size:clamp(32px,2vw,42px);line-height:1em; font-weight:500; padding:90px 0 0 0}


.gfList{width:100%; padding:0 0 100px 0; border-bottom:1px solid #ebebeb}
.gfList li{width:calc((100% - 60px)/3); height:calc((90vw - 60px)/3*0.87); max-height:400px; display:inline-block; vertical-align:top; overflow:hidden; position:relative; margin:0 30px 0 0}
.gfList li:last-child{ margin:0}
.gfList li h1{ position:absolute; top:50%; left:0; width:100%; margin:-30px 0 0 0; text-align:center; z-index:3}
.gfList li h1 font{ display:inline-block;font-size:clamp(22px,1.35vw,26px);line-height:1em; border-bottom:2px solid #fff; color:#fff; padding:0 0 30px 0}
.gfList li h2{width:100%; height:100%; position:relative; }

.gfList1{}
.gfList1 li{width:calc((100% - 30px)/2); height:calc((90vw - 30px)/2*0.567); }

.bgGf1{background:url(https://www.yongfu.com.cn/images/imgGf1_1.jpg) no-repeat center/cover}
.bgGf2{background:url(https://www.yongfu.com.cn/images/imgGf1_2.jpg) no-repeat center/cover}
.bgGf3{background:url(https://www.yongfu.com.cn/images/imgGf1_3.jpg) no-repeat center/cover}
.bgGf4{background:url(https://www.yongfu.com.cn/images/imgGf2_1.jpg?v=1.1) no-repeat center/cover}
.bgGf5{background:url(https://www.yongfu.com.cn/images/imgGf2_2.jpg) no-repeat center/cover}

/*------------------------gf------------------------*/



/*------------cn------------*/
.cnfwBg{width:100%; height:48.61vw; max-height:700px; background:url(https://www.yongfu.com.cn/images/cnBg.jpg) no-repeat center top/cover; margin:0 0 100px 0}

.boxCnfw{height:100%;}
.boxCnfw ul{ width:100%;height:100%;}
.boxCnfw li{position:relative;display:inline-block; vertical-align:top; width:25%; height:100%; border-right:1px solid rgba(255,255,255,0.3); text-align:center; color:#fff;transition:all 0.3s ease; overflow:hidden;}
.boxCnfw li:last-child{border:none}
.boxCnfw li h1{width:100%; padding:100px 0 0 0}
.boxCnfw li h1 font{font-size:clamp(26px,1.7vw,32px);line-height:1em; display:inline-block; border-bottom:2px solid #fff; padding:0 0 30px 0}
.boxCnfw li h2{ position:absolute; top:100%; left:10%;width:80%; max-width:720px; font-size:clamp(14px,0.9vw,18px); line-height:1.75em; text-align:justify; opacity:0;transition:all .7s; }

.boxCnfw .on{width:50%!important; padding:0 5%; text-align:left;}
.boxCnfw .on h2{top:30%; opacity:1;}

.bgFwkh{background:#f6f6f6; padding:0 0 75px 0}
.fwkhList{}
.fwkhList a{display:inline-block; width:calc((100% - 140px)/5); margin:0 35px 35px 0; background:#fff}
.fwkhList a:nth-child(5n+5){margin-right:0;}
.fwkhList a img{width:100%}
.fwkhList a h2{ font-size:16px; line-height:16px; padding:0 0 25px 0; text-align:center}
.fwkhList a:hover{ box-shadow:0 0 20px rgba(0,0,0,0.1)}
/*------------cn------------*/



/*------------dw------------*/
.dwBg{width:100%; height:48.61vw; max-height:700px; background:url(https://www.yongfu.com.cn/images/dwBg.jpg) no-repeat center top/cover;}
.dwBg .navTitleSub{padding:70px 0 60px 0!important;}

.boxHxnl{height:57%;}
.boxHxnl ul{ width:100%;height:100%;}
.boxHxnl li{position:relative;display:inline-block; vertical-align:top; width:25%; height:100%; border-right:1px solid rgba(255,255,255,0.3); text-align:center; color:#fff;transition:all 0.3s ease; overflow:hidden;}
.boxHxnl li:last-child{border:none}
.boxHxnl li h1{width:100%; padding:30px 0 0 0}
.boxHxnl li h1 font{font-size:clamp(22px,1.35vw,26px);line-height:1em; display:inline-block; border-bottom:2px solid #fff; padding:0 0 30px 0}
.boxHxnl li h2{ position:absolute; top:100%; left:10%;width:80%; max-width:720px; font-size:clamp(14px,0.9vw,18px); line-height:1.75em; text-align:justify; opacity:0;transition:all .7s; }

.boxHxnl .on{width:50%!important; padding:0 5%; text-align:left;}
.boxHxnl .on h2{top:30%; opacity:1;}

/*------------dw------------*/


/*------------qjny------------*/
.grayBg{background:#f9f9f9; width:100%; overflow:hidden}
.rjList{ width:100%; max-width:100%; display:block; margin:0 auto; padding:20px 0 0 0}
.rjList li{display:inline-block; vertical-align:top; width:25%; text-align:center}
.rjList li i{display:block; font-size:clamp(18px,1.15vw,22px); line-height:1em; font-weight:500; margin:20px 0 0 0}

.jdLogoList{ text-align:center; padding:100px 0 0 0; }
.jdLogoList a{display:inline-block; vertical-align:middle; margin:0 40px;}
/*------------qjny------------*/

/*------------zhny------------*/
.zhnyBg{ background:url(https://www.yongfu.com.cn/images/zhnyBg.jpg) no-repeat center top/cover!important; margin:0 0 100px 0}

.picFocus{position:relative; padding:100px 0 100px 0;width:100%; overflow:hidden; margin:-80px auto 80px auto}
.picFocus .swiper-slide{width:800px; height:533px; position:relative; background:#000;border:1px solid #fff; overflow:hidden}
.picFocus .swiper-slide img{ width:100%; height:100%; opacity:0.6}
.picFocus .swiper-slide h1 {width:100%; position:absolute; left:0; bottom:0; background:url(https://www.yongfu.com.cn/images/bgBlackTitle.png) no-repeat; background-size:100% 100%;padding:40px 20px 20px 20px;text-align:center; font-size:clamp(16px,0.9vw,18px); line-height:1.75em;  color:#fff; z-index:100;display:none; }
.picFocus .swiper-slide h2{ width:100%; height:100%; opacity:1.0; background-size:cover!important;-webkit-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(82%, transparent) , to(rgba(250, 250, 250, 0.3))); }
.picFocus .swiper-slide-active img{opacity:1}
.picFocus .swiper-slide-active h1{display:block}
.picFocus .swiper-slide-active h2{ opacity:1.0}
.picFocus .swiper-pagination{bottom:20px!important;z-index:1}
.picFocus .swiper-pagination-bullet{width:8px; height:8px; background:#bec0c2; border-radius:4px; opacity:1.0}
.picFocus .swiper-pagination-bullet-active{background:#1b3e86; width:24px;}
.picFocus .swiper-button-prev{left:calc((100% - 800px)/4); margin:-25px 0 0 -11px; }
.picFocus .swiper-button-next{right:calc((100% - 800px)/4); margin:-25px -11px 0 0; }

/*------------zhny------------*/

/*------------szny------------*/
.icoSznyTab{ text-align:center; padding:80px 0}
.icoSznyTab a{ display:inline-block; vertical-align:top; width:33.3%; max-width:280px;}
.icoSznyTab a h1{}
.icoSznyTab a h2{display:none}
.icoSznyTab a h3{font-size:clamp(18px,1.15vw,22px);line-height:1.3em; height:3em; margin:0;display:flex; align-items:center;justify-content:center;}
.icoSznyTab .on{color:#1e4f9c}
.icoSznyTab .on h1{display:none}
.icoSznyTab .on h2{display:block}

.boxSzny{width:100%; height:37.5vw; max-height:600px; display:block; margin:0 auto 0 auto;overflow:hidden; color:#fff}
.boxSzny .swiper-slide{width:100%; height:100%;position:relative; overflow:hidden;}
.boxSzny .swiper-slide p{ font-size:clamp(22px,1.35vw,26px); line-height:1.6em; position:absolute; display:block; width:100%; left:0; padding:0 10%; top:22%;text-align:justify}
.boxSzny .swiper-slide img{width:100%;}
/*------------szny------------*/


/*------------hygfcp------------*/
.flList{ width:calc(100% + 10px); height:28.7vw; max-height:460px; overflow:hidden; margin:0 0 0 -5px;}
.flList ul{width:100%; height:100%}
.flList li{display:inline-block; vertical-align:top; width:16.66%; padding:0 5px; height:100%;color:#fff; position:relative;transition:all 0.3s ease; }
.flList li h1{ position:absolute;width:100%; top:10%; font-size:clamp(20px,1.25vw,24px); line-height:1em; text-align:center; z-index:1;transition:width 0.3s ease; z-index:2; font-weight:500}
.flList li h2{ position:absolute;width:100%; min-width:300px;left:0; top:17.5%;padding:0 50px; font-size:clamp(14px,0.9vw,18px); line-height:1.75em;opacity:0;transition:all 1s;z-index:2 }
.flList li h3{ position:absolute;width:100%;left:0; top:100%;padding:0 50px; font-size:clamp(14px,0.9vw,18px); line-height:1.75em;opacity:0;transition:all 0.7s;z-index:2}
.flList li div{ width:100%; height:100%; background-position:center bottom!important; background-size:100% auto!important; background-repeat:no-repeat;}
.flList li div span{width:100%; height:100%; display:block; opacity:0; background:#19428f;}
.flList li:nth-child(1) div{ background:url(https://www.yongfu.com.cn/images/imgFl1.jpg?v=1.0)}
.flList li:nth-child(2) div{ background:url(https://www.yongfu.com.cn/images/imgFl2.jpg?v=1.0)}
.flList li:nth-child(3) div{ background:url(https://www.yongfu.com.cn/images/imgFl3.jpg?v=1.0)}
.flList li:nth-child(4) div{ background:url(https://www.yongfu.com.cn/images/imgFl4.jpg?v=1.0)}

.flList .on{width:50%!important;}
.flList .on h1{text-align:left; padding:0 45px;}
.flList .on h2{opacity:1; ;}
.flList .on h3{opacity:0.8; top:50%;}
.flList .on div{background-position:center 73%!important;}
.flList .on span{opacity:0.7!important;}



.bgGrayMs{ width:100%; background:url(https://www.yongfu.com.cn/images/bgGrayFd.jpg) no-repeat center/cover; padding:0 0 100px 0}

.navMs{ text-align:center; margin:-10px 0 50px 0}
.navMs a{ display:inline-block; width:180px; line-height:50px; font-size:14px; background:#fff; border-radius:25px; margin:0 10px; text-align:center}
.navMs .on{ background:#1e4f9c!important; color:#fff;}

.boxMs{width:100%; height:40vw; max-height:570px; display:block; margin:0 auto 0 auto;overflow:hidden; color:#fff; background:url(https://www.yongfu.com.cn/images/bgMs.jpg) no-repeat center/cover}
.boxMs .swiper-slide{width:100%; height:100%;position:relative; overflow:hidden; padding:0 2%}
.boxMs .swiper-slide h1{ font-size:clamp(26px,1.66vw,32px); line-height:7em; width:100%; text-align:center;}
.boxMs .swiper-slide div{width:100%;}
.boxMs .swiper-slide div li{width:25%; display:inline-block; vertical-align:top; padding:0 3%;}
.boxMs .swiper-slide div li h2{font-size:clamp(18px,1.145vw,22px); line-height:1.75em;}
.boxMs .swiper-slide div li h3{display:inline-block; width:44px; height:2px; background:#fff; margin:5px 0 20px 0}
.boxMs .swiper-slide div li h4{font-size:clamp(14px,0.9vw,18px); line-height:1.5em; text-align:justify}
.boxMs .swiper-slide h5{font-size:clamp(18px,1.25vw,24px); line-height:1.75em; width:60%; text-align:justify; display:block; margin:12% auto 0 auto}



.boxZhyw{width:100%; height:45vw; max-height:720px; overflow:hidden; color:#fff; background:url(https://www.yongfu.com.cn/images/bgZhyw.jpg) no-repeat center/cover}
.boxZhyw h1{ font-size:clamp(26px,1.66vw,32px); line-height:11em; width:100%; text-align:center;}
.boxZhyw div{width:100%; padding:0 3%}
.boxZhyw div li{width:33.3%; display:inline-block; vertical-align:top; padding:0 3%; text-align:center}
.boxZhyw div li h2{ width:100%;}
.boxZhyw div li h3{font-size:clamp(18px,1.15vw,22px); line-height:1.5em; margin:20px 0 0 0;}
.boxZhyw div li h4{font-size:clamp(14px,0.9vw,16px); line-height:1.55em; margin:5px auto 0 auto;  display:block;}
.boxZhyw div li h5{font-size:clamp(16px,1.0vw,18px); line-height:1.55em; margin:5px auto 0 auto;  display:block;}

/*------------hygfcp------------*/


/*------------yfcx------------*/
.boxYfcxpt{ width:100%; height:43.75vw; max-height:700px; background:url(https://www.yongfu.com.cn/images/bgYfcxpt.jpg?v=1.3) no-repeat center/cover; margin:0 0 100px 0}
.boxYfcxpt div{ width:100%; max-width:900px; display:block; margin:0 auto; padding:7.5% 0 0 0}
.boxYfcxpt div p{font-size:clamp(14px,0.9vw,18px); line-height:1.9em; text-align:justify; margin:0 0 15px 0}

.boxYfcxfx{ width:90%; max-width:1440px; display:block; margin:0 auto; padding:0 0 70px 0}
.boxYfcxfx li{width:100%; height:25vw; max-height:400px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden; margin-bottom:30px}
.boxYfcxfx li:last-child{margin:0}
.boxYfcxfx li div{ width:50%; height:100%;display:flex; align-items:center;justify-content:center; float:left}
.boxYfcxfx li div span{display:block; width:100%; padding:0 12%}
.boxYfcxfx li div span h1{font-size:clamp(20px,1.25vw,24px); line-height:l.5em; font-weight:500; margin:0 0 40px 0}
.boxYfcxfx li div span h1 i{display:inline-block;font-size:clamp(26px,2vw,38px);line-height:l.5em; font-weight:500;}
.boxYfcxfx li div span h2{font-size:clamp(14px,0.9vw,18px); line-height:1.75em; text-align:justify}
.boxYfcxfx li img{width:50%; float:left}
.boxYfcxfx li:nth-child(odd) img{float:right;}


.boxYfcxcg{width:100%; height:43.75vw; max-height:700px; background:url(https://www.yongfu.com.cn/images/bgYfcxcg.jpg) no-repeat center/cover; margin:100px 0 100px 0; padding:3% 0 0 8%}
.boxYfcxcg ul{ width:100%; display:block;}
.boxYfcxcg li{background:url(https://www.yongfu.com.cn/images/bgLineWhite.png) no-repeat bottom left; padding:10px 0; color:#fff}
.boxYfcxcg li h1{line-height:70px; font-size:clamp(20px,1.25vw,24px); line-height:l.5em; padding:0 0 0 42px; background:url(https://www.yongfu.com.cn/images/icoAdd.png) no-repeat left center; cursor:pointer}
.boxYfcxcg li div{font-size:clamp(14px,0.9vw,18px); line-height:1.75em; padding:0 0 15px 36px; display:none}
.boxYfcxcg li div i{display:block}
.boxYfcxcg li div i font{display:inline-block; border:1px solid rgba(255,255,255,0.5); font-size:12px; line-height:18px; border-radius:10px; padding:0 10px; margin-right:5px;}
.boxYfcxcg .on h1{background:url(https://www.yongfu.com.cn/images/icoRed.png) no-repeat left center!important;}
.boxYfcxcg .on div{display:block}
.boxYfcxcg li a{ display:block; font-size:12px; color:#fff; opacity:0.7; margin:10px 0 0 0}
.boxYfcxcg li a:hover{ opacity:1}

.boxYfcxcg .btnMoreWhite{ margin:30px 0 0 0}

/*------------yfcx------------*/


/*------------inv------------*/
.invSearch{ padding:60px 0;}
.invSearch i{ font-size:clamp(14px,0.9vw,18px); color:#aaa; display:inline-block; vertical-align:middle; margin:0 20px 0 5px}
.invSearch span{ width:230px; height:45px; border:1px solid #777; border-radius:23px;display:inline-block;background-origin:content-box;-webkit-appearance:none;vertical-align:middle; overflow:hidden}
.invSearch select{ width:100%;height:43px;font-size:clamp(14px,0.9vw,18px);padding:0 20px 0 15px;background:url(https://www.yongfu.com.cn/images/select.png) no-repeat right center;background-origin:content-box;-webkit-appearance:none; color:#555; font-weight:500;}

.invList{ border-top:1px solid #eee}
.invList a{ display:block; border-bottom:1px solid #eee; padding:25px 120px 25px 90px; background:url(https://www.yongfu.com.cn/images/icoPdf.png) no-repeat 35px 30px; position:relative}
.invList a h1{font-size:clamp(18px,1.15vw,22px); line-height:1.75em;}
.invList a h2{ font-size:14px; color:#aaa; line-height:14px; margin:10px 0 10px 0}
.invList a h3{position:absolute; right:35px; top:50%; margin-top:-15px; width:30px; height:30px; border:1px solid #777;background:url(https://www.yongfu.com.cn/images/icoJtR.png) no-repeat center; border-radius:50%}
.invList a:hover{background-color:#f9f9f9}
.invList a:hover h3{background:#194d97 url(https://www.yongfu.com.cn/images/icoJtRHover.png) no-repeat center; border:1px solid #194d97}

.boxTzzll{ margin:100px auto 60px auto}
.boxTzzll li{display:inline-block; vertical-align:top; width:33.3%; text-align:center; border-right:1px solid #eee; padding:60px 0}
.boxTzzll li:last-child{border:none}
.boxTzzll li h1{font-size:clamp(18px,1.15vw,22px); line-height:1.75em;}
.boxTzzll li h2{font-size:clamp(22px,1.35vw,26px); line-height:1.75em; color:#888}
/*------------inv------------*/


/*------------join------------*/
.joinText{ border-bottom:1px solid #eee; padding:80px 0; font-size:clamp(26px,1.66vw,32px);line-height:1.56em; text-align:center}
.joinNav{ text-align:center; padding:80px 0}
.joinNav a{display:inline-block; opacity:0.5; width:50%; max-width:300px}
.joinNav a h1{font-size:clamp(18px,1.15vw,22px); line-height:1.5em; color:#555; margin:15px 0 0 0}
.joinNav a:hover{opacity:1}
.joinNav .on{ opacity:1!important}

.joinList{ margin:0 0 0 0}
.joinList ul{ width:100%; display:block; background:#f4f4f4;}
.joinList li{ padding:30px 50px;}
.joinList li:nth-child(even){background:#f9f9f9}
.joinList li h1{ font-size:clamp(20px,1.25vw,24px); line-height:70px; padding:0 0 0 30px; background:url(https://www.yongfu.com.cn/images/bgLiBlue.png) no-repeat left center; cursor:pointer; position:relative}
.joinList li h1 i{ position:absolute; right:30px; top:50%; margin-top:-15px; width:31px; height:31px; background:url(https://www.yongfu.com.cn/images/icoAdd1.png) no-repeat left center/cover;}
.joinList li div{ padding:0 30px 30px 30px; display:none}
.joinList li div a{display:block; border-bottom:1px solid rgba(0,0,0,0.1); line-height:60px;font-size:clamp(14px,0.9vw,18px); position:relative}
.joinList li div a i{ position:absolute;background:url(https://www.yongfu.com.cn/images/icoJtR.png) no-repeat center; height:100%; right:0; top:0; width:31px; opacity:0.5}
.joinList .on h1 i{background:url(https://www.yongfu.com.cn/images/icoRed1.png) no-repeat left center/cover!important;}
.joinList .on div{display:block}

.joinTips{ font-size:clamp(12px,0.83vw,16px); line-height:1.75em; color:#194e98; padding:40px 0 90px 50px;}
/*------------join------------*/


/*------------contact------------*/
.boxContact{ padding:20px 0 80px 0}
.boxContact a{display:inline-block; width:25%; text-align:center; margin:50px 0 0 0; padding:10px 0 20px 0}
.boxContact a h1{}
.boxContact a h2{font-size:clamp(18px,1.15vw,22px); line-height:1.75em; color:#555; margin:0 0 0 0}
.boxContact a h3{font-size:clamp(14px,0.9vw,16px); line-height:1.75em; color:#888}
.boxContact a h4{font-size:clamp(14px,0.9vw,16px); line-height:1.75em; color:#888}
.boxContact a:hover h4{color:#555}

.contactMap{width:100%; height:500px}

.boxMsg{background:#f9f9f9; padding:0 25% 100px 25%; margin:0 0 100px 0}
.boxMsg h1{font-size:clamp(26px,1.66vw,32px);line-height:1.56em; text-align:center; padding:100px 0 60px 0}
.boxMsg li{color:#999; padding:10px 0}
.boxMsg li i{font-size:clamp(14px,0.9vw,18px); line-height:2em; display:block}
.msgInput{width:100%; border:1px solid #aaa; height:40px; padding:5px;}
.msgInputShort{width:30%; border:1px solid #aaa; height:40px; padding:5px; margin:0 10px 0 0}
.msgTextarea{width:100%; border:1px solid #aaa; height:150px; padding:5px;}
.msgSubmit{ width:100%; max-width:180px; line-height:44px; background:#194e98; font-size:16px; color:#fff; font-weight:bold}
/*------------contact------------*/


.boxMax{width:90%;max-width:1440px; display:block; margin:0 auto; position:relative; }
.boxMax900{width:90%;max-width:900px; display:block; margin:0 auto; position:relative;}
/*---------------------title---------------------*/
.navTitle{display:block; padding:100px 0 60px 0; position:relative; color:#333;}
.navTitle h1{font-size:clamp(32px,2vw,42px);line-height:1.5em; font-weight:500;}
.navTitle h2{font-size:clamp(16px,1vw,21px); line-height:1.75em;color:#555; margin:8px 0 0 0;}
.bottomLine{ border-bottom:1px solid #ebebeb}
.paddingBottom100{ padding-bottom:100px!important}
.paddingBottom0{ padding-bottom:0!important}

.navTitleSub{ width:84%; margin:0 auto;display:block; padding:100px 0 60px 0; position:relative;color:#333; text-align:center}
.navTitleSub h1{font-size:clamp(26px,1.66vw,32px);line-height:1.56em;}
.navTitleSub h2{font-size:clamp(14px,0.9vw,18px);line-height:1.75em; color:#999; padding:30px 0 0 0}



.navTitleTab{width:100%; margin:0 auto;display:block; padding:100px 0 45px 0; position:relative; text-align:center;color:#333; }
.navTitleTab h1{font-size:clamp(32px,2vw,42px);line-height:1em; font-weight:500;}
.navTitleTab h2{margin:25px 0 0 0;}
.navTitleTab h2 a{display:inline-block;  border-top:2px solid #e3e3e3; font-size:14px; line-height:46px; color:#bbb; padding:0 20px;}
.navTitleTab h2 .on{ color:#555; border-top:2px solid #999!important;}
.navTitleTab h3{width:100%; margin:30px 0 0 0}
.navTitleTab h3 a{display:inline-block;border-top:2px solid #e3e3e3; font-size:14px; line-height:74px; color:#bbb; width:16.66%}
.navTitleTab h3 .on{color:#1959a1!important; border-top:2px solid #1959a1!important;}
.navTitleTab h4{font-size:clamp(26px,1.66vw,32px);line-height:1em;line-height:1em;color:#333; }


.navIndProTab{width:90%}
.navIndProTab a{width:200px; padding:0!important}

.tCenter{text-align:center}
.tWhite h1{color:#fff}
.tPc{display:block;}
.tM{display:none;}
.tPcM{display:block;}

.imgPc{width:100%}
.imgM{width:100%; display:none}
.imgPcM{width:100%}
.marginB100{ margin-bottom:100px;}
.paddingTop10{ padding-top:10px!important}
.paddingTop50{ padding-top:50px!important}
/*---------------------title---------------------*/


.btnMoreWhite{line-height:50px; height:50px; width:150px;}
.btnMoreWhite a{width:100%; height:100%;display:block; position:relative; overflow:hidden; margin:0 auto; text-align:center;}
.btnMoreWhite i{display:inline-block; padding:0 26px 0 0; font-size:14px; color:#fff; background:url(https://www.yongfu.com.cn/images/icoJtRHover.png) no-repeat right center; position:relative; z-index:2;transition:all 0.3s ease;}
.btnMoreWhite span{border:1px solid #fff;position:absolute; width:100%; height:100%; display:block}
.btnMoreWhite div{position:absolute; left:0; top:0; width:0; height:100%; background:#fff;z-index:1;transition:all 0.3s ease;}
.btnMoreWhite:hover i{color:#666;background:url(https://www.yongfu.com.cn/images/icoJtR.png) no-repeat right center; }
.btnMoreWhite:hover div{width:100%;}


.icoMark{ text-align:center; padding:0 0 80px 0; border-bottom:1px solid #ebebeb}
.icoMark a{ display:inline-block; vertical-align:top; width:25%; max-width:280px;}
.icoMark a h1{}
.icoMark a h2{display:none}
.icoMark a h3{font-size:clamp(18px,1.15vw,22px);line-height:1.3em; height:3em; margin:0;display:flex; align-items:center;justify-content:center;}
.icoMark a:hover{color:#1e4f9c}
.icoMark a:hover h1{display:none}
.icoMark a:hover h2{display:block}


/*---------------------手风琴样式---------------------*/
.gjjsList{ width:calc(100% + 10px); height:34.7vw; max-height:500px; overflow:hidden; margin:0 0 0 -5px;}
.gjjsList ul{width:100%; height:100%}
.gjjsList li{display:inline-block; vertical-align:top; width:16.66%; padding:0 5px; height:100%;color:#fff; position:relative;transition:all 0.3s ease;}
.gjjsList li h1{ position:absolute;width:100%; top:10%; font-size:clamp(20px,1.25vw,24px); line-height:1.2em; text-align:center; z-index:1;transition:width 0.3s ease; z-index:2; font-weight:500;padding:0 45px;}
.gjjsList li h3{ position:absolute;width:100%;left:0; top:100%;padding:0 50px; font-size:clamp(14px,0.9vw,18px); line-height:1.75em;opacity:0;transition:all 0.7s;z-index:2;text-align:justify}
.gjjsList li div{ width:100%; height:100%; background-position:center bottom!important; background-size:cover!important; background-repeat:no-repeat!important; }
.gjjsList li div span{width:100%; height:100%; display:block; opacity:0; background:#19428f;}
.gjjsList li:nth-child(1) div{ background:url(https://www.yongfu.com.cn/images/imgGjjs1.jpg)}
.gjjsList li:nth-child(2) div{ background:url(https://www.yongfu.com.cn/images/imgGjjs2.jpg)}
.gjjsList li:nth-child(3) div{ background:url(https://www.yongfu.com.cn/images/imgGjjs3.jpg)}
.gjjsList li:nth-child(4) div{ background:url(https://www.yongfu.com.cn/images/imgGjjs4.jpg)}

.gjjsList .on{width:50%!important;}
.gjjsList .on h1{text-align:left; padding:0 45px;}
.gjjsList .on h3{opacity:0.8; top:45%;}
.gjjsList .on div{background-position:center 73%!important;}
.gjjsList .on span{opacity:0.8!important;}


.cnList{ width:calc(100% + 10px); height:38.8vw; max-height:560px; overflow:hidden; margin:0 0 0 -5px;}
.cnList ul{width:100%; height:100%}
.cnList li{display:inline-block; vertical-align:top; width:25%; padding:0 5px; height:100%;color:#fff; position:relative;transition:all 0.3s ease;}
.cnList li h1{ position:absolute;width:100%; top:10%; font-size:clamp(20px,1.25vw,24px); line-height:1.2em; text-align:center; z-index:1;transition:width 0.3s ease; z-index:2; font-weight:500;padding:0 45px;}
.cnList li h3{ position:absolute;width:100%;left:0; top:100%;padding:0 50px; font-size:clamp(14px,0.9vw,18px); line-height:1.75em;opacity:0;transition:all 0.7s;z-index:2; text-align:justify}
.cnList li div{ width:100%; height:100%; background-position:center bottom!important; background-size:cover!important; background-repeat:no-repeat!important; }
.cnList li div span{width:100%; height:100%; display:block; opacity:0; background:#19428f;}
.cnList li:nth-child(1) div{ background:url(https://www.yongfu.com.cn/images/imgCn1.jpg)}
.cnList li:nth-child(2) div{ background:url(https://www.yongfu.com.cn/images/imgCn2.jpg)}
.cnList li:nth-child(3) div{ background:url(https://www.yongfu.com.cn/images/imgCn3.jpg)}


.cnList .on{width:50%!important;}
.cnList .on h1{text-align:left; padding:0 45px;}
.cnList .on h3{opacity:0.8; top:45%;}
.cnList .on div{background-position:center 73%!important;}
.cnList .on span{opacity:0.7!important;}
/*.cnList li:nth-child(3):hover h3{top:35%;}*/


.dwList{ width:calc(100% + 10px); height:38.8vw; max-height:560px; overflow:hidden; margin:0 0 0 -5px;}
.dwList ul{width:100%; height:100%}
.dwList li{display:inline-block; vertical-align:top; width:25%; padding:0 5px; height:100%;color:#fff; position:relative;transition:all 0.3s ease;}
.dwList li h1{ position:absolute;width:100%; top:10%; font-size:clamp(20px,1.25vw,24px); line-height:1.2em; text-align:center; z-index:1;transition:width 0.3s ease; z-index:2; font-weight:500;padding:0 45px;}
.dwList li h3{ position:absolute;width:100%;left:0; top:100%;padding:0 50px; font-size:clamp(14px,0.9vw,18px); line-height:1.75em;opacity:0;transition:all 0.7s;z-index:2;text-align:justify}
.dwList li div{ width:100%; height:100%; background-position:center bottom!important; background-size:cover!important; background-repeat:no-repeat!important; }
.dwList li div span{width:100%; height:100%; display:block; opacity:0; background:#19428f;}
.dwList li:nth-child(1) div{ background:url(https://www.yongfu.com.cn/images/imgDw1.jpg)}
.dwList li:nth-child(2) div{ background:url(https://www.yongfu.com.cn/images/imgDw2.jpg)}
.dwList li:nth-child(3) div{ background:url(https://www.yongfu.com.cn/images/imgDw3.jpg)}


.dwList .on{width:50%!important;}
.dwList .on h1{text-align:left; padding:0 45px;}
.dwList .on h3{opacity:0.8; top:35%;}
.dwList .on div{background-position:center 73%!important;}
.dwList .on span{opacity:0.7!important;}


.sznyList{ width:calc(100% + 10px); height:38.8vw; max-height:560px; overflow:hidden; margin:0 0 0 -5px;}
.sznyList ul{width:100%; height:100%}
.sznyList li{display:inline-block; vertical-align:top; width:25%; padding:0 5px; height:100%;color:#fff; position:relative;transition:all 0.3s ease;}
.sznyList li h1{ position:absolute;width:100%; top:10%; font-size:clamp(20px,1.25vw,24px); line-height:1.2em; text-align:center; z-index:1;transition:width 0.3s ease; z-index:2; font-weight:500;padding:0 45px;}
.sznyList li h3{ position:absolute;width:100%;left:0; top:100%;padding:0 50px; font-size:clamp(14px,0.9vw,18px); line-height:1.75em;opacity:0;transition:all 0.7s;z-index:2; text-align:justify}
.sznyList li div{ width:100%; height:100%; background-position:center bottom!important; background-size:cover!important; background-repeat:no-repeat!important; }
.sznyList li div span{width:100%; height:100%; display:block; opacity:0; background:#19428f;}
.sznyList li:nth-child(1) div{ background:url(https://www.yongfu.com.cn/images/imgSzny1.jpg)}
.sznyList li:nth-child(2) div{ background:url(https://www.yongfu.com.cn/images/imgSzny2.jpg)}
.sznyList li:nth-child(3) div{ background:url(https://www.yongfu.com.cn/images/imgSzny3.jpg)}


.sznyList .on{width:50%!important;}
.sznyList .on h1{text-align:left; padding:0 45px;}
.sznyList .on h3{opacity:0.8; top:45%;}
.sznyList .on div{background-position:center 73%!important;}
.sznyList .on span{opacity:0.7!important;}


.hygfList{ width:calc(100% + 10px); height:30vw; max-height:460px; overflow:hidden; margin:0 0 0 -5px;}
.hygfList ul{width:100%; height:100%}
.hygfList li{display:inline-block; vertical-align:top; width:25%; padding:0 5px; height:100%;color:#fff; position:relative;transition:all 0.3s ease;}
.hygfList li h1{ position:absolute;width:100%; top:10%; font-size:clamp(20px,1.25vw,24px); line-height:1.2em; text-align:center; z-index:1;transition:width 0.3s ease; z-index:2; font-weight:500;padding:0 45px;}
.hygfList li h3{ position:absolute;width:100%;left:0; top:100%;padding:0 50px; font-size:clamp(14px,0.9vw,18px); line-height:1.75em;opacity:0;transition:all 0.7s;z-index:2; text-align:justify}
.hygfList li div{ width:100%; height:100%; background-position:center bottom!important; background-size:cover!important; background-repeat:no-repeat!important; }
.hygfList li div span{width:100%; height:100%; display:block; opacity:0; background:#19428f;}
.hygfList li:nth-child(1) div{ background:url(https://www.yongfu.com.cn/images/imgHygf1.jpg)}
.hygfList li:nth-child(2) div{ background:url(https://www.yongfu.com.cn/images/imgHygf2.jpg)}
.hygfList li:nth-child(3) div{ background:url(https://www.yongfu.com.cn/images/imgHygf3.jpg)}


.hygfList .on{width:50%!important;}
.hygfList .on h1{text-align:left; padding:0 45px;}
.hygfList .on h3{opacity:0.8; top:45%;}
.hygfList .on div{background-position:center 73%!important;}
.hygfList .on span{opacity:0.7!important;}


/*---------------------修改后的海上风电显示页---------------------*/
.showBanner{ width:100%; height:34.375vw; background-position:center!important; background-repeat:no-repeat!important; background-size:cover!important; text-align:center}
.showBanner div{width:90%;max-width:1440px; display:inline-block; margin:0 auto 80px auto; color:#fff; overflow:hidden; text-align:left; vertical-align:middle}
.showBanner div h1{font-size:2.4vw; line-height:1.3em;font-weight:500;margin:0;}
.showBanner div h2{ height:2px; background:#fff; width:5.2vw; margin:15px 0}
.showBanner div h3{font-size:clamp(16px,1vw,20px); line-height:1.7em; width:40%; max-width:500px; text-align:justify}
.showBanner i{display:inline-block; vertical-align:middle; width:1px; height:100%;}


.showNavTitle{display:block; padding:5.2vw 0 3.125vw 0; position:relative; color:#333}
.showNavTitle h1{font-size:clamp(32px,2vw,42px);line-height:1.5em; font-weight:500;}
.showNavTitle h2{font-size:clamp(16px,1.145vw,22px); line-height:1.75em;color:#555; margin:8px 0 0 0;}

.showHsfd{width:90%; max-width:1440px; min-height:300px; padding:70px 0 20px 0; display:block; margin:100px auto 100px auto; border-radius:6px; box-shadow:0 0 8px rgba(0,0,0,0.1); background:#fff url(https://www.yongfu.com.cn/images/bgShowHsfd1_1.png) no-repeat top left/100% 100%; position:relative}

.showHsfdL{display:inline-block; vertical-align:middle; width:66%; padding:0 0 0 5%}
.showHsfdL li{background:url(https://www.yongfu.com.cn/images/icoShowHsfd.png) no-repeat left 13px; padding:0 0 50px 25px} 
.showHsfdL li h1{font-size:clamp(20px,1.67vw,24px);line-height:1.5em; margin:0 0 5px 0}
.showHsfdL li h2{font-size:clamp(14px,1.25vw,18px);line-height:1.5em; color:#888; text-align:justify}

.showHsfdR{ width:34%; text-align:center; background:url(https://www.yongfu.com.cn/images/bgShowHsfd2_1.png) no-repeat bottom right/90% auto; position:absolute; right:0; bottom:0; height:100%;display:flex; align-items:center; }
.showHsfdR img{ width:60%; display:block; margin:0 auto}

.showHsfd1 .showHsfdL{ margin-left:30%; }
.showHsfd1 .showHsfdR{background:url(https://www.yongfu.com.cn/images/bgShowHsfd2_2.png) no-repeat bottom left/90% auto!important;right:auto!important; left:0}

.margin0{margin-bottom:0}

.showNavTitle1{ width:84%; margin:5.2vw auto 0 auto;display:block; padding:4vw 0 3.125vw 0; position:relative;color:#333; text-align:center; border-top:1px solid #ebebeb}
.showNavTitle1 h1{/*font-size:clamp(26px,1.66vw,32px);*/font-size:clamp(22px,1.35vw,26px);line-height:1.56em;}


.showHsfdPicList{ width:90%; max-width:1440px; margin:0 auto 5.2vw auto; display:block;}
.showHsfdPicList li{display:inline-block; vertical-align:top; width:calc((100% - 120px)/4); margin:0 40px 0 0; box-shadow:0 0 10px rgba(0,0,0,0.1); }
.showHsfdPicList li:last-child{ margin-right:0}
.showHsfdPicList li img{width:100%}
.showHsfdPicList li span{display:block;min-height:210px; padding:0 30px}
.showHsfdPicList li h1{font-size:clamp(18px,1.15vw,22px); line-height:1.5em; margin:30px 0 10px 0}
.showHsfdPicList li h2{ font-size:16px; line-height:28px; color:#999}

.width_50{max-height:530px; height:37.5vw;}
.width_50 .showHsfdL{width:55%!important; padding-top:50px}
.width_50 .showHsfdL h1{ margin-bottom:20px}
.width_50 .showHsfdR{width:45%!important;background:url(https://www.yongfu.com.cn/images/bgShowHsfd2_1.png) no-repeat bottom right/70% auto!important; }
.width_50 .showHsfdR img{ width:67%;}
/*---------------------修改后的海上风电显示页---------------------*/




.boxVideo{width:100%; position:relative}
.boxVideo .btnVideo{position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px;z-index:1; display:inline-block; width:60px; height:60px;  background:url(https://www.yongfu.com.cn/images/icoVideo.png) no-repeat center/cover; z-index:1; border-radius:50%;}
.boxVideo .btnVideo:hover{background:rgba(20,87,158,0.5) url(https://www.yongfu.com.cn/images/icoVideo.png) no-repeat center/60px 60px; padding:10px; width:80px; height:80px;margin:-40px 0 0 -40px;}


.boxFajz{background:url(https://www.yongfu.com.cn/images/zhnyBg.jpg) no-repeat center/cover; padding-bottom:100px; margin-bottom:100px; color:#fff}
.boxFajz .icoCon li h3{color:#fff;}

/*.icoCon{width:100%; overflow:hidden; text-align:center; margin:10px 0 100px 0}
.icoCon li{ display:inline-block; vertical-align:top; width:25%}
.icoCon li h1{}
.icoCon li h2{font-size:clamp(18px,1.15vw,22px); line-height:1.5em; margin:20px 0 0 0; }
.icoCon li h3{font-size:14px; line-height:1.75em; margin:5px auto 0 auto; color:#999; max-width:80%; display:block;}*/


.showTable{ width:100%}
.showTable li{text-align:center;border-bottom:1px solid #ddd; padding:15px 0;}
.showTable li i{display:inline-block; vertical-align:middle;font-size:clamp(12px,0.9375vw,18px); line-height:1.5em;}
.showTable li i:nth-child(1){width:50%; text-align:left;background:url(https://www.yongfu.com.cn/images/bgLi.png) no-repeat 10px 0.6em/0.26vw 0.26vw; padding:0 0 0 25px;}
.showTable li i:nth-child(2){width:15%;}
.showTable li i:nth-child(3){width:20%;}
.showTable li i:nth-child(4){width:15%;}
.showTable li:hover{ background:#f9f9f9}
.headTable{background:#1e5199; color:#fff;}
.headTable i{font-weight:bold}
.headTable:hover{background:#1e5199!important;}
.headTable i:nth-child(1){text-align:center!important} 

.marginTop100{ margin-top:80px}

.moreList{position:absolute; right:0; top:-110px;}
.moreList a{ font-size:14px; line-height:14px; text-transform:uppercase}

.moreList1{position:absolute; right:0; top:-90px;}
.moreList1 a{ font-size:14px; line-height:14px; text-transform:uppercase}

.moreList2{position:absolute; right:0; top:-95px;}
.moreList2 a{ font-size:14px; line-height:14px; text-transform:uppercase}

.navTitle .moreList{position:absolute; right:0; top:122px;}
.navTitle .moreList a{ font-size:14px; line-height:14px; text-transform:uppercase}

/*------------------------caseListMore------------------------*/
.caseListMore{width:100%;  position:relative; margin:0; overflow:hidden}
.caseListMore a{width:calc((100% - 90px)/3); margin:0 45px 45px 0; display:inline-block; vertical-align:top}
.caseListMore a:nth-child(3n+3){margin-right:0}
.caseListMore a div{width:100%; height:calc((90vw - 90px)/3*0.667); max-height:300px; overflow:hidden}
.caseListMore a div img{width:100%; height:100%;transition:transform 0.5s;}
.caseListMore a i{ display:block;font-size:clamp(16px,1vw,18px);line-height:1.5em; text-align:center; height:100px;/*display:flex; align-items:center;justify-content:center;*/ padding:20px 0 0 0}
.caseListMore a:hover img{transform:scale(1.2);}
/*------------------------caseListMore------------------------*/

.caseListText{ width:100%; padding:0 0 70px 0; }
.caseListText a{background:#fff; border-radius:6px; width:calc((100% - 30px)/2); margin:0 30px 30px 0; padding:25px 40px 25px 20px; display:inline-block; /*display:flex;align-items:center;justify-content:center;*/ box-shadow:0 0 10px rgba(0,0,0,0.1)}
.caseListText a i{display:block; background:url(https://www.yongfu.com.cn/images/bgLi.png) no-repeat 0 center;font-size:clamp(16px,1vw,18px);line-height:1.5em; padding:0 0 0 15px; text-align:left; width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.caseListText a:nth-child(even){ margin-right:0}


.boxNygh{width:100%;display:block; margin:0 auto; padding:0 0 100px 0}
.boxNygh li{width:100%; height:29vw; max-height:480px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden; margin-bottom:60px}
.boxNygh li:last-child{margin:0}
.boxNygh li div{ width:50%; height:100%;display:flex; align-items:center;justify-content:center; float:left}
.boxNygh li div span{display:block; width:100%; padding:0 8%}
.boxNygh li div span h1{font-size:clamp(24px,1.5625vw,30px); line-height:l.5em; margin:0 0 40px 0}
.boxNygh li div span h2{font-size:clamp(14px,0.9vw,18px); line-height:1.75em; text-align:justify}
.boxNygh li div span h3{font-size:clamp(14px,0.9vw,18px); line-height:1.75em; font-weight:500; margin:20px 0 5px 0}
.boxNygh li div span h4{ width:100%; overflow:hidden; overflow-y:auto; max-height:9.5vw;}
.boxNygh li div span h4 i{display:block; background:url(https://www.yongfu.com.cn/images/bgLi.png) no-repeat 0 0.72vw;font-size:clamp(14px,0.9vw,18px);line-height:1.75em; padding:0 0 0 12px; text-align:left;}
.boxNygh li img{width:50%; float:left}
.boxNygh li:nth-child(even) img{float:right;}




@media(max-width:1680px){

}


@media(max-width:1480px){


}

@media(max-width:1366px){


}

@media(max-width:1280px){
/*.boxNav li:nth-child(3) div{width:230%;}
.boxNav li:nth-child(4) div{width:430%;}
	
.indNews a span h2{height:52px;}
.indNews a span h2 i{line-height:26px;}
.indNews a span h3{font-size:18px; line-height:26px;}
.indNews a h4{line-height:20px;}
.indNews a:nth-child(1) h1{font-size:18px; line-height:26px; }*/
.boxNav li:nth-child(5) div{width:12vw}
.indProL{padding:0 4%}


.footGp{padding:30px 25px; margin:0 25px 0 0; }
.footEwm{width:390px;}
.footEwm a{width:175px;margin:0 0 25px 20px;}
.footEwm a:hover i{opacity:0; display:none}

}

@media(max-width:1200px){
.boxNav li{margin:0 0.2vw;}	
.boxNav li:nth-child(4) div{width:12vw}
.boxNav li:nth-child(5) div{width:13vw}
.boxNav li:nth-child(8) div{width:12vw}

.indProL h1{font-size:13px;}
	
.footGp{padding:20px 20px; margin:0 20px 0 0; }
.footEwm{width:360px;}
.footEwm a{width:160px;margin:0 0 25px 10px;}
}

@media(max-width:768px){
.boxTop{display:none}
.banner{ display:none}
.boxTopM{display:block}
.bannerM{ display:block}





/*---------------------indexSol---------------------*/
.boxIndSol{ padding:0 0 60px 0; margin:0 0 40px 0}
.indSol{ margin:0}
.indSol .swiper-slide{width:calc((100% - 10px)/2);margin:0 10px 0 0;}

.indSol .swiper-slide div{width:100%;height:calc((90vw - 10px)/2*1.739); }

.indSol .swiper-slide h1{font-size:15px; line-height:15px;}
.indSol .swiper-slide h4{bottom:-40px;  height:40px; }
.indSol .swiper-slide h4 i{ font-size:12px; line-height:40px;}

.indSol .swiper-slide:hover span{opacity:0}
.indSol .swiper-slide:hover h2{opacity:0}
.indSol .swiper-slide:hover h3{opacity:0}


.boxIndSol .swiperBtn{top:auto; bottom:0; right:0; width:100%; text-align:center; position:absolute}
.boxIndSol .swiperBtn a{ position:relative; top:0; margin:0}
.boxIndSol .swiperBtn .btnPre{ left:0;}
.boxIndSol .swiperBtn .btnNext{ right:0;}
.boxIndSol .swiperBtn .swiperNum{display:inline-block!important}

/*---------------------indexSol---------------------*/




/*---------------------indexPro---------------------*/
.indPro{margin:0 auto 40px auto;}
.indPro .swiper-slide{ padding-top:60vw}

.indProL{width:100%; padding:20px 20px 40px 20px}
.indProL h1{font-size:16px; line-height:26px;}
.indProL h2{ padding:20px 0 40px 0}
.indProL h2 i img{ width:60%;}
.indProL h2 i font{ font-size:16px; }
.indProL .btnMore{ margin:0 auto}
.i50 i{width:50%!important}
.i50 i img{ width:40%!important}

.indProR{width:100%; position:absolute; top:0; left:0}

/*---------------------indexPro---------------------*/



/*---------------------indexNews---------------------*/
/*.indNews{width:100%; overflow:hidden;margin:0 auto 0 auto;}
.indNews a{width:100%; height:auto;max-height:none; margin:0 0 40px 0; }
.indNews a:last-child{margin:0}
.indNews a h1{display:block; font-size:14px; line-height:26px; color:#999; margin:10px 0 0 0}
.indNews a span{width:100%; }
.indNews a span h2{display:none}
.indNews a span h3{width:100%; font-size:18px; line-height:26px; display:block}
.indNews a h4{display:none}
.indNews a h5{height:auto;max-height:none;position:relative;}


.indNews a:nth-child(1){width:100%}
.indNews a:nth-child(1) div{position:relative; left:0; bottom:0; color:#555;  padding:0; background:none;}
.indNews a:nth-child(1) h1{display:block; font-size:14px; line-height:26px;}
.indNews a:nth-child(1) h2{display:none}


.indNews a:nth-child(2) h5{top:auto; bottom:0}
.indNews a:nth-child(3) div{position:relative;}*/

/*.indNews{width:100%; overflow:hidden;margin:0 auto 0 auto;}
.indNews a{width:100%; height:auto;max-height:none; margin:0 0 30px 0; border:none}
.indNews a:nth-child(3){ margin:0}
.indNews a:nth-child(4),.indNews a:nth-child(5){ display:none}
.indNews a h1{display:block; font-size:14px; line-height:26px; color:#999; margin:10px 0 0 0}
.indNews a span{width:100%; }
.indNews a span h2{display:none}
.indNews a span h3{width:100%; font-size:18px; line-height:26px; display:block}
.indNews a h4{display:none}
.indNews a h5{height:auto;max-height:none;position:relative; display:block}


.indNews a:nth-child(1){width:100%; height:auto}
.indNews a:nth-child(1) div{position:relative; left:0; bottom:0; color:#555;  padding:0; background:none;}
.indNews a:nth-child(1) h1{display:block; font-size:14px; line-height:26px;}
.indNews a:nth-child(1) h2{display:none}


.indNews a:nth-child(2) h5{top:auto; bottom:0}
.indNews a:nth-child(3) div{position:relative;}*/

.indNews{width:100%; overflow:hidden}

.indNewLeft{width:100%;height:60vw;max-height:60vw;}
.indNewLeft .swiper-slide span{padding:25px 15px;}
.indNewLeft .swiper-slide span h1{display:block; font-size:16px; line-height:1.5em; font-weight:500}
.indNewLeft .swiper-slide span h3{font-size:16px; line-height:1.5em; font-weight:500;}
.indNewLeft a:hover img{transform:scale(1.0);}

.indNewRight{width:100%; }
.indNewRight a{width:100%; height:auto;max-height:none;  margin:0; border-top:none;border-bottom:1px solid #eee; padding:20px 0 20px 70px; position:relative}
.indNewRight a span{display:block; width:100%; overflow:hidden}
.indNewRight a span h2{float:left;width:70px; height:50px;color:#1f529a; position:absolute; top:20px; left:0}
.indNewRight a span h2 i{font-size:17px; }
.indNewRight a span h2 font{font-size:12px;margin:3px 0 0 0;}
.indNewRight a span h3{width:100%; font-size:16px; }
.indNewRight a h4{font-size:12px;margin:5px 0 0 0; padding:0 0 0 0;}
.indNewRight a:last-child{ display:none}



.indNewsMore{ padding:40px 0 40px 0;}
.centerMore{ padding:40px 0 40px 0;}
/*---------------------indexNews---------------------*/




.btnMore{ width:180px;}
.btnMore i{font-size:12px; }



/*---------------------foot---------------------*/
.footCon{ padding:40px 0  10px 0}

.footLogo img{ height:28px;}
.footGp{padding:0 0 0 30px; margin:0; border:none}
.footGp h1{ font-size:16px; }
.footGp h2{padding:10px 0 10px 0;color:#1b4f99}
.footGp h2 i{font-size:36px; line-height:36px;}
.footGp h2 span{width:10px;height:9px;margin:0 5px 5px 5px}
.footGp h2 font{font-size:16px; line-height:16px; margin-bottom:5px}


.footContact{ display:block; width:100%;font-size:15px; line-height:26px; padding:30px 0; margin:30px auto; border-top:1px solid rgba(0,0,0,0.05);border-bottom:1px solid rgba(0,0,0,0.05)}


.footEwm{position:relative; right:0; top:auto; margin-top:0; width:100%;}
.footEwm a{ width:50%; display:inline-block; position:relative; margin:0 0 30px 0;}
.footEwm a div{ display:inline-block; vertical-align:top; padding:0 5px 0 0; opacity:0.4}
.footEwm a div img{width:20px}
.footEwm a span{ display:inline-block; vertical-align:top}
.footEwm a span h1{ font-size:13px; line-height:20px; font-weight:500; display:block; margin:0 0 5px 0}
.footEwm a span h2{ font-size:8px; line-height:16px;}
.footEwm a:hover i{pointer-events:auto}

.boxFoot{font-size:10px; line-height:18px; padding:20px 20px; }
/*---------------------foot---------------------*/





.aboutCon{padding:0 0 40px 0;}
.aboutConL{width:100%; font-size:16px; line-height:26px;padding:0 0 20px 0;}

.aboutConVideo{width:100%;}
.aboutConVideo span{width:100%; height:45vw; }
.aboutConVideo i{margin:-20px 0 0 -20px; width:40px; height:40px;}

/*------------------------fzlc------------------------*/
.bgFzlc{width:100%; height:auto; background:url(../images/bgFzlcM.jpg) no-repeat center/100% 100%; padding:0 0 60px 0}
.boxFzlc{float:none;position:relative; margin:40px 0 0 5%;padding:0 0 70px 0}
.boxFzlcCon{}
.boxFzlcCon .swiper-slide{ min-width:310px;padding:0 30px; }
.boxFzlcCon .swiper-slide i{top:12px; }
.boxFzlcCon .swiper-slide h1{font-size:32px;margin:0 0 30px 0}
.boxFzlcCon .swiper-slide h2{font-size:18px;font-weight:500; margin:20px 0 10px 0}
.boxFzlcCon .swiper-slide h3{font-size:16px;}

.boxFzlc .swiperBtn{ margin-right:0}
.boxFzlc .swiperBtn a{margin-left:0}
.boxFzlc .swiperBtn .swiperNum{display:inline-block}

.boxFzlc .swiperBtn{ top:auto; bottom:0; right:0; width:100%;text-align:center;margin-right:0}
.boxFzlc .swiperBtn a{margin-left:0}
.boxFzlc .swiperBtn .swiperNum{display:inline-block}


/*------------------------fzlc------------------------*/


/*------------------------横向幻灯片------------------------*/
.boxPic{width:100%; margin:0 auto 40px auto; }
.picList{width:100%; padding:20px; position:relative; margin:-20px 0 20px 0; overflow:hidden}
.picList .swiper-slide{width:100%; margin:0;  padding:10px 10px 0 10px; }
.picList .swiper-slide div{width:100%; height:calc((90vw - 20px)*0.667);}
.picList .swiper-slide i{font-size:16px;height:100px;}
.picList .swiper-slide:hover img{transform:scale(1.0);}


.picList1{width:90%;margin:0 auto;padding:calc(5vw + 10px) 10px calc(5vw + 10px) 10px}
.picList1 a{width:100%; margin:0 0 20px 0; padding:10px 10px 0 10px; }
.picList1 a:last-child{margin:0}
.picList1 a div{width:100%; height:calc((90vw - 20px)*0.67); max-height:none;}
.picList1 a div img{width:100%; height:100%;transition:transform 0.5s;}
.picList1 a i{font-size:16px; height:100px;}
/*------------------------横向幻灯片------------------------*/


/*------------------------hxln------------------------*/
.hxlnCon{width:100%; position:relative; margin:40px 0 40px 0; overflow:hidden}
.hxlnCon .swiper-slide{width:100%;}
.hxlnCon .swiper-slide div{width:100%; padding:5px 40px 35px 40px; background:url(../images/icoYh.png) no-repeat left top/20px auto;}
.hxlnCon .swiper-slide div h1{font-size:20px; line-height:1.5em }
.hxlnCon .swiper-slide div p{font-size:14px;color:#999; margin:20px 0 0 0}
.hxlnCon .swiper-slide span{width:100%;}
/*------------------------hxln------------------------*/

/*------------------------znln------------------------*/
.bgZnln{ width:100%;background:url(../images/bgZnln.jpg) no-repeat top center;height:840px;/*background-attachment:fixed; */ position:relative; padding:20px 0 0 0}
.znlnCon .swiper-slide{ padding:0 40px;}
.znlnCon .swiper-slide h1{font-size:20px; line-height:1.5em}
.znlnCon .swiper-slide h1 i{display:block}
.znlnCon .swiper-slide p{font-size:14px;color:#999; margin:0 0 20px 0}
.bgZnln .swiperBtn{ bottom:300px;}

.tabZnln{ display:none}

/*------------------------znln------------------------*/

/*------------------------picNewsList------------------------*/
.picNewsList{width:90%;margin:0 auto;padding:0}
.picNewsList a{width:100%; margin:0 0 20px 0; }
.picNewsList a:last-child{ margin:0}
.picNewsList a div{width:100%; height:60vw; max-height:none;}
.picNewsList a div img{width:100%; height:100%;transition:transform 0.5s;}
.picNewsList a i{font-size:16px; /*height:100px;*/ line-height:80px;}


.picNewsList1{width:90%;margin:0 auto;padding:calc(5vw + 10px) 10px 0 10px}
.picNewsList1 a{width:100%; margin:0 0 20px 0; }
.picNewsList1 a:last-child{margin:0}
.picNewsList1 a div{width:100%; height:calc((90vw - 20px)*0.67); max-height:none;}
.picNewsList1 a div img{width:100%; height:100%;transition:transform 0.5s;}
.picNewsList1 a i{font-size:16px; /*height:100px;*/line-height:80px;}
/*------------------------picNewsList------------------------*/


.newsList{padding:calc(5vw - 20px) 10px 0 10px;}
.newsList a{padding:30px 0;}
.newsImg{width:100%;}
.newsList span{width:100%; position:relative; padding:0; margin:15px 0 0 0}

.newsDate{ display:none}

.newsTitle{display:inline-block; vertical-align:middle; width:100%}
.newsTitle h1{font-size:18px; line-height:26px; font-weight:500;white-space:normal; }
.newsTitle h2{ display:none}
.newsTitle h3{display:none}
.newsTitle h4{font-size:14px; line-height:26px; color:#999;  display:block}


/*-----------------分页-----------------*/
.boxPage{text-align:center;margin:30px auto;}
.numPage{display:none}
.btnPage{float:none; margin:0 auto; display:inline-block}
.boxPage span{ display:inline-block;}
/*-----------------分页-----------------*/


/*--------------------------------show--------------------------------*/
.boxShow{padding:0 0 30px 0; margin:70px 0 0 0;}
.boxShow1{margin:20px auto 0 auto}
.showLeft{width:100%; overflow:hidden}
.showTitle{padding:0 0 10px 0;font-size:18px;line-height:26px; text-align:left}
.showInfo{ font-size:12px; line-height:20px;padding-bottom:20px; margin-bottom:20px;text-align:left}
.showCon{font-size:16px; line-height:26px; }


.showTitleJob h1{font-size:14px;line-height:22px;}
.showTitleJob h2{font-size:18px;line-height:26px; }
.showInfoJob{font-size:12px; line-height:20px; padding:10px 0 20px 0;}
.showInfoJob i{margin-right:5px; border-right:1px solid #eee; padding:0 5px 0 0}
.showInfoJob i:last-child{margin:0; padding:0; border:none}



.showRight{width:100%; margin:30px 0 0 0; padding:0 20px}
.showRight a{display:block; width:100%; padding:20px 0; font-size:14px; line-height:24px}
.showRight a h1{width:80px; line-height:30px; font-size:12px;}
/*--------------------------------show--------------------------------*/

/*--------------------------------showPro--------------------------------*/
.boxShowPro{ background:url(../images/bgProShow.jpg) no-repeat top center/100% auto; }
.showProTitle{padding:30px 0 20px 0;font-size:18px;} 

.boxShowPro1{border-radius:8px; box-shadow:10px 10px 10px rgba(0,0,0,0.1); border:8px solid #fff; border-radius:5px; display:block; margin:0 20px; width:auto}


.showProSwiper .swiper-pagination{bottom:10px!important;z-index:1; text-align:center;}
.showProSwiper .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px;}
.showProSwiper .swiper-pagination-bullet-active{background:#fff; width:20px;}
.showProSwiper .btnProPre{ display:none!important}
.showProSwiper .btnProNext{display:none!important}
	


.showProText{padding:30px 20px 0 20px; }
.showProText p{font-size:14px; }
.showProText img{width:100%}
.showProNav{padding:30px 0 30px 0;font-size:20px;}


.showProList li{ margin:0 0 30px 0}
.showProList li h1{ margin:0 0 10px 0}
.showProList li h1 i{font-size:16px; line-height:1em; padding:6px 16px;}
.showProList li h2{font-size:14px; }
.showProList li h2 i{width:100%;margin:20px 0 0 0; }
.showProList li h2 font{font-size:clamp(26px,1.875vw,36px);}
/*--------------------------------showPro--------------------------------*/

.showCur{line-height:60px;}
.showCur a{padding:0 0 0 15px; margin:0 0 0 10px; background:url(../images/icoCurLine.png) no-repeat center left; }
.showCur a:first-child{background:url(../images/icoHome1.png) no-repeat center left;  margin:0; padding:0 0 0 16px}




/*--------------------------------search--------------------------------*/
.searchNav{ font-size:14px; padding:40px 0 20px 10px; }
.searchNav i{ font-size:40px; line-height:40px;  color:#15499a; margin:0 5px}
.searchList{ margin-bottom:30px}
.searchList a{display:block;  overflow:hidden; padding:25px 0 25px 14px; font-size:16px; line-height:26px; background:url(../images/bgLi.png) no-repeat 0 36px; text-align:justify}
.searchList a i{float:none; display:block; font-size:12px; color:#999; text-align:right}
/*--------------------------------search--------------------------------*/



/*------------share------------*/
.btnShare1{ display:none}

/*------------share------------*/


/*------------jjfa------------*/
.textQy{ text-align:justify;font-size:16px; line-height:1.75em;padding:40px 0;}


.boxIcoList{margin:0 0 40px 0;}
.icoList{}
.icoList .swiper-wrapper{height:400px;}
.icoList .swiper-slide{height:200px;}
.icoList .swiper-slide h1 img{ width:70px;}
.icoList .swiper-slide h2{font-size:12px; font-weight:500; padding:0 10%}
.icoList .swiper-slide h3{ position:relative; display:inline-block; margin:0 auto; padding:0 15px 0 0;}
.icoList .swiper-slide h3 span{font-size:36px;line-height:1em;}
.icoList .swiper-slide h3 i{right:3px; font-size:14px; line-height:14px;}
.icoList .swiper-slide h3 font{font-size:12px; line-height:12px;}
.space10{ right:-6px!important;}

.row4 .swiper-slide{width:50%}
.boxIcoList .swiperBtn{display:block}
.textSmall .swiper-slide h2{font-size:12px!important; letter-spacing:0}

.btnPrePc{display:none}
.btnNextPc{display:none}

/*------------jjfa------------*/

/*------------gzjs------------*/
.zxghBg{width:100vw; height:auto; max-height:none; margin:0 0 0 -5vw; background:url(../images/zxghBgM.jpg) no-repeat center top/cover}
.zxghBg .navTitle{padding-top:40px!important}
.boxGjjs{ margin:-30px 0 0 0}
.boxGjjs li{width:100%; height:auto; border-right:none;border-bottom:1px solid rgba(255,255,255,0.3); padding:50px 30px;}
.boxGjjs li:last-child{border:none}
.boxGjjs li h1{width:100%;position:relative; top:0; margin:0 0 0 0}
.boxGjjs li h1 i{width:80px; height:80px;}
.boxGjjs li h1 font{font-size:16px;}
.boxGjjs li h2{position:relative;top:0;width:100%; height:0;}

.boxGjjs .on{width:100%!important; padding:50px 30px;}
.boxGjjs .on h1{top:0; margin:0 0 10px 0}
.boxGjjs .on h1 i{display:none}
.boxGjjs .on h1 font{font-size:20px;display:inline-block; border-bottom:none; padding:0}
.boxGjjs .on h2{top:0; opacity:1; height:auto}
/*------------gzjs------------*/

/*------------------------case------------------------*/
.boxCase{padding:0 0 40px 0}
.caseList{width:100%;}
.caseList .swiper-slide{width:100%;}
.caseList .swiper-slide div{width:100%; height:60vw; max-height:none;}
.caseList .swiper-slide i{font-size:16px; height:auto;padding:20px 0 30px 0}
/*------------------------case------------------------*/

/*------------------------fd------------------------*/
.boxFd{width:100%;height:auto; max-height:none;}
.boxFd li{width:100%; height:auto; min-height:calc(60vw + 38px);transition:all .7s; position:relative; margin:0 0 40px 0}
.boxFd li h1{position:relative; left:0; top:0; margin:0; }
.boxFd li h1 font{font-size:18px;line-height:1em; border-bottom:none; color:#555; padding:0 0 20px 0}
.boxFd li h2{width:100%; height:60vw; top:38px; left:0;}
.boxFd li h2 i{display:block}
.boxFd li h3{width:100%; height:60vw; position:relative;}
.boxFd li h3 video{position:absolute;z-index:1;top:0;left:0; width:100%;height:60vw;transform:translateY(0);object-fit:cover}
.boxFd li h4{font-size:14px; line-height:24px; color:#555; position:relative; left:0; bottom:0; z-index:2; width:100%; padding:20px; margin-top:60vw; background:#f9f9f9; display:block}

.boxFd li:hover{width:100%; z-index:2}
.boxFd li:hover h1{ left:0; top:0; margin:0; text-align:center}


.bgGrayFd{ padding:0 0 60px 0}
.imgFdjgt{margin:-10px auto 0 auto; max-width:90%;width:90%}


.icoCon{width:100%; overflow:hidden; text-align:center; margin:10px 0 40px 0;}
.icoCon li{width:100%; position:relative; padding:30px 20px 30px 100px; text-align:left; background:#f4f4f4}
.icoCon li:nth-child(2n){ background:#f9f9f9}
.icoCon li h1{position:absolute; left:20px; top:50%; margin:-30px 0 0 0;}
.icoCon li h1 img{ width:60px;}
.icoCon li h2{font-size:18px; line-height:1.5em; margin:0;}
.icoCon li h3{max-width:100%; }

.fdListCon{padding:0 0 40px 0; }
.fdListCon li{ width:100%; margin:0 0 40px 0}
.fdListCon li:last-child{margin:0}
.fdListCon li span{display:block;min-height:auto;}
.fdListCon li h1{font-size:18px; line-height:1.5em; margin:20px 0 10px 0}
.fdListCon li h2{font-size:14px; line-height:24px; }


.hsfdIco{margin:0; padding:10px 0 20px 0; }
.hsfdIco a{ width:33.3%;  margin:0 0 40px 0}
.hsfdIco a h1{}
.hsfdIco a h1 img{width:80%;}
.hsfdIco a h2{font-size:12px; line-height:12px; margin-top:10px;}

.icoConLsfd{padding:0 0 40px 0; margin:0 0 0 0!important;}


.hsfdList{ margin:10px 0 0 0; padding:0 0 20px 0;}
.hsfdList a{width:100%; margin:0; }
.hsfdList a:last-child{ margin-right:0}
.hsfdList a div{width:100%; height:calc((100vw - 40px)*0.667); max-height:none;}
.hsfdList a i{height:80px;padding:20px 0 0 0}


.hsfdList{margin:10px 0 0 0; padding:0 0 30px 0;}
.hsfdList a{width:100%; height:50vw; max-height:none; margin:0 0 20px 0 }
.hsfdList a h1{ margin:-17px 0 0 0; }
.hsfdList a h1 font{font-size:20px; padding:0 0 15px 0}

/*------------------------fd------------------------*/


/*------------------------gf------------------------*/
.gfTitle{height:75vw;background:url(../images/bgGfM.jpg) no-repeat center/cover;}
.gfTitle h1{font-size:26px;padding:40px 0 0 0}

.gfList{padding:0 0 40px 0;}
.gfList li{width:100%; height:50vw;  margin:0 0 20px 0}
.gfList li h1{ margin:-17px 0 0 0; }
.gfList li h1 font{font-size:20px; padding:0 0 15px 0}


.gfList1{}
.gfList1 li{width:100%; height:50vw; }
/*------------------------gf------------------------*/


/*------------cn------------*/
.cnfwBg{width:100%; height:auto; max-height:none; background:url(../images/cnBg.jpg) no-repeat center top/cover; margin:0 0 40px 0}

.boxCnfw{height:100%;}
.boxCnfw ul{width:100%;height:100%; background:rgba(0,0,0,0.2)}
.boxCnfw li{position:relative;display:inline-block; vertical-align:top; width:100%; height:auto; padding:40px 0; box-sizing:border-box; border-right:none; border-bottom:1px solid rgba(255,255,255,0.3); text-align:center;}
.boxCnfw li h1{width:100%; padding:0; }
.boxCnfw li h1 font{font-size:20px;line-height:1em; display:inline-block; border-bottom:none; padding:0}
.boxCnfw li h2{ position:relative; top:100%; left:0;width:100%;font-size:14px; line-height:1.75em; height:0;margin-top:15px;}

.boxCnfw .on{width:100%!important; padding:40px 50px; text-align:center;}
.boxCnfw .on h2{top:0; height:auto; opacity:1;}

.bgFwkh{padding:0 0 20px 0}
.fwkhList{}
.fwkhList a{display:inline-block; width:calc((100% - 20px)/2); margin:0 20px 20px 0; background:#fff}
.fwkhList a:nth-child(5n+5){margin:0 20px 20px 0;}
.fwkhList a:nth-child(2n+2){margin-right:0;}
.fwkhList a img{width:100%}
.fwkhList a h2{ font-size:12px; line-height:16px; padding:0 0 10px 0;}

/*------------cn------------*/


/*------------dw------------*/

.dwBg{width:100%; height:auto; max-height:none; background:url(../images/dwBg.jpg) no-repeat -450px top/cover; margin:0 0 40px 0; padding:0 20px}
.dwBg .navTitleSub{padding:40px 0 40px 0!important;}

.boxHxnl{height:100%;}
.boxHxnl ul{width:100%;height:100%; /*background:rgba(0,0,0,0.2)*/}
.boxHxnl li{position:relative;display:inline-block; vertical-align:top; width:100%; height:auto; padding:40px 0; box-sizing:border-box; border-right:none; border-bottom:1px solid rgba(255,255,255,0.3); text-align:center;}
.boxHxnl li:first-child{border-top:1px solid rgba(255,255,255,0.3); }
.boxHxnl li h1{width:100%; padding:0; }
.boxHxnl li h1 font{font-size:20px;line-height:1em; display:inline-block; border-bottom:none; padding:0}
.boxHxnl li h2{ position:relative; top:100%; left:0;width:100%;font-size:14px; line-height:1.75em; height:0;margin-top:15px;}

.boxHxnl .on{width:100%!important; padding:40px 20px; text-align:center;}
.boxHxnl .on h2{top:0; height:auto; opacity:1;}
/*------------dw------------*/


/*------------qjny------------*/

.rjList{ max-width:none; padding:0 0 0 0}
.rjList li{ width:50%; margin:10px 0 30px 0}
/*.rjList li:last-child{margin:0 0 20px 0}*/
.rjList li img{ width:60%;}
.rjList li i{display:block; margin:10px 0 0 0; font-size:14px;}

.jdLogoList{text-align:center; padding:30px 0 30px 0}
.jdLogoList a{display:inline-block; vertical-align:middle; margin:0; width:50%; padding:20px 0}
.jdLogoList a img{max-width:60%; max-height:30px;}
/*------------qjny------------*/


/*------------zhny------------*/
.zhnyBg{ background:url(../images/zhnyBgM.jpg) no-repeat center top/cover!important}

.picFocus{padding:50px 0; margin:-50px auto 50px auto}
.picFocus .swiper-slide{width:80vw; height:53.3vw;}
.picFocus .swiper-slide h1 {padding:40px 10px 10px 10px;font-size:12px; line-height:20px;}
.picFocus .swiper-pagination{bottom:10px!important;}
.picFocus .swiper-pagination-bullet{width:6px; height:6px;}
.picFocus .swiper-pagination-bullet-active{width:24px;}
.picFocus .swiper-button-prev{left:calc((100% - 800px)/4); margin:-25px 0 0 -11px; }
.picFocus .swiper-button-next{right:calc((100% - 800px)/4); margin:-25px -11px 0 0; }
/*------------zhny------------*/


/*------------szny------------*/
.icoSznyTab{padding:40px 0}
.icoSznyTab a img{ width:70px;}
.icoSznyTab a h3{font-size:16px; line-height:2em; font-weight:500}


.boxSzny{width:100%; height:auto; max-height:none; margin:0 auto 0 auto;}
.boxSzny .swiper-slide{width:100%; height:100%;position:relative; overflow:hidden; background:#1e4f9c}
.boxSzny .swiper-slide p{ font-size:14px; line-height:1.75em; position:relative; padding:40px; top:0; }
.boxSzny .swiper-slide img{width:100%;}
/*------------szny------------*/


/*------------hygfcp------------*/
.flList{ width:100%; height:auto; max-height:none; overflow:hidden; margin:0;}
.flList ul{width:100%; height:auto}
.flList li{width:100%; padding:60vw 0 30px 0; height:100%;transition:none; color:#555; margin:0 0 30px 0}
.flList li:last-child{margin:0}
.flList li h1{ position:relative;width:100%; top:0; font-size:clamp(20px,1.25vw,24px); line-height:1em; text-align:left;transition:none; z-index:2; margin:20px 0 0 0;}
.flList li h2{ position:relative;width:100%;left:0; top:0;padding:0; font-size:16px; opacity:1;transition:none; margin:5px 0 5px 0}
.flList li h3{ position:relative;width:100%;left:0; top:0;padding:0; font-size:14px; opacity:1;transition:none; color:#888;}
.flList li div{ position:absolute; top:0; left:0;width:100%; height:60vw; background-position:center 73%!important; }
.flList li div span{ display:none}


.flList .on{width:100%!important;}
.flList .on h1{text-align:left; padding:0;}
.flList .on h2{opacity:1; top:0;}
.flList .on h3{opacity:1; top:0;}
.flList .on div{background-position:center 73%!important;}
.flList .on span{ display:none}


.bgGrayMs{ width:100%; padding:0 0 30px 0}

.navMs{margin:-10px 0 30px 0}
.navMs a{width:31%; line-height:40px; border-radius:20px; font-size:12px; margin:0 1%;}


.boxMs{width:100%; height:auto; max-height:none;background:url(../images/bgMs.jpg) no-repeat center/cover}
.boxMs .swiper-slide{width:100%; height:auto;position:relative; overflow:hidden; /*padding:0 2%*/ padding:30px 30px 110px 30px}
.boxMs .swiper-slide h1{ font-size:20px; line-height:32px; padding:50px 0}
.boxMs .swiper-slide div{width:100%; padding:0 30px; overflow:hidden}
.boxMs .swiper-slide div li{width:100%;  padding:0; margin:0 0 40px 0}
.boxMs .swiper-slide div li h2{font-size:clamp(18px,1.145vw,22px); line-height:1.75em;}
.boxMs .swiper-slide div li h3{display:inline-block; width:44px; height:2px; background:#fff; margin:5px 0 10px 0}
.boxMs .swiper-slide div li h4{font-size:clamp(14px,0.9vw,18px); line-height:1.5em; text-align:justify}
.boxMs .swiper-slide h5{font-size:16px; line-height:1.75em; width:100%; text-align:justify; display:block; margin:20px auto 0 auto}


.boxZhyw{ height:auto; max-height:none; color:#555; background:url(../images/bgZhyw.jpg) no-repeat top center/100% auto;}
.boxZhyw h1{font-size:20px; line-height:45vw; color:#fff}
.boxZhyw div{width:100%; padding:0}
.boxZhyw div li{width:100%; padding:30px 20px 40px 20px;border-bottom:1px solid #eee}
.boxZhyw div li h2 img{ width:70px}
.boxZhyw div li h3{margin:10px 0 0 0;}
.boxZhyw div li h4{color:#999}
.boxZhyw div li h5{}

/*------------hygfcp------------*/



/*------------yfcx------------*/

.boxYfcxpt{ width:100%; height:auto; max-height:none; background:url(../images/bgYfcxptM.jpg?v=1.3) no-repeat center bottom/cover; padding:0 0 130vw 0; margin:0 0 40px 0}
.boxYfcxpt div{ padding:40px;}
.boxYfcxpt div p{font-size:clamp(14px,0.9vw,18px); line-height:1.75em;}


.boxYfcxfx{padding:0 0 30px 0}
.boxYfcxfx li{width:100%; height:auto; max-height:none; margin-bottom:30px}
.boxYfcxfx li div{ width:100%; height:auto;display:block; }
.boxYfcxfx li div span{padding:30px;}
.boxYfcxfx li div span h1{margin:10px 0 30px 0}
.boxYfcxfx li div span h1 i{}
.boxYfcxfx li div span h2{}
.boxYfcxfx li img{width:100%; }


.boxYfcxcg{width:100vw; height:auto; max-height:none; background:url(../images/bgYfcxcgM.jpg) no-repeat center bottom/100% auto; margin:0 0 0 -5vw; padding:40px 30px 80vw 30px}
.boxYfcxcg ul{ width:100%; display:block;}
.boxYfcxcg li{background:url(../images/bgLineWhite.png) no-repeat bottom left; padding:15px 0; color:#fff}
.boxYfcxcg li h1{line-height:50px; font-size:14px; line-height:22px; padding:0 0 0 24px; background:url(../images/icoAdd.png) no-repeat left center/18px 18px; cursor:pointer}
.boxYfcxcg li div{font-size:10px; line-height:24px; padding:10px 0 20px 18px;}
.boxYfcxcg li:last-child div{padding-left:24px;}
.boxYfcxcg li div i{display:block}
.boxYfcxcg li div i font{font-size:8px; line-height:14px; border-radius:10px; padding:0 5px; margin-right:5px;}

.boxYfcxcg .on h1{background:url(../images/icoRed.png) no-repeat left center/18px 18px!important;}
.boxYfcxcg .on div{display:block}

/*------------yfcx------------*/


/*------------inv------------*/
.invSearch{ padding:30px 0;}
.invSearch i{ font-size:14px; color:#aaa; display:inline-block; vertical-align:middle; margin:0 20px 0 5px}
.invSearch span{ width:calc(100% - 90px); height:40px; }
.invSearch select{height:38px;}

.invList{}
.invList a{padding:25px 0 20px 40px; background:url(../images/icoPdf.png) no-repeat 5px 27px/20px auto; }
.invList a h1{line-height:1.5em;}
.invList a h2{ font-size:14px; }
.invList a h3{right:0; top:50%; margin-top:-13px; width:26px; height:26px; display:none}

.boxTzzll{ margin:0 auto 0 auto}
.boxTzzll li{width:100%; text-align:center; border-right:none;border-bottom:1px solid #eee; padding:30px 0}
.boxTzzll li:last-child{border:none}
.boxTzzll li img{width:60px; display:inline-block; vertical-align:middle}
.boxTzzll li span{width:calc(100% - 70px);display:inline-block;  vertical-align:middle; padding:0 0 0 20px; text-align:left}
.boxTzzll li h1{font-size:16px;}
.boxTzzll li h2{font-size:18px; }

/*------------inv------------*/


/*------------join------------*/
.joinText{ padding:50px 30px;font-size:20px;line-height:1.7em;}
.joinNav{ text-align:center; padding:40px 0}
.joinNav a img{width:60px}
.joinNav a h1{font-size:14px;margin:15px 0 0 0}


.joinList{}
.joinList li{ padding:30px 20px;}
.joinList li h1{font-size:16px; line-height:26px; padding:0 30px 0 15px; background:url(../images/bgLiBlue.png) no-repeat left center/6px 6px; cursor:pointer;}
.joinList li h1 i{margin-top:-10px; right:0; width:20px; height:20px; }
.joinList li div{ padding:0 0 0 15px;}
.joinList li div a{line-height:22px; padding:20px 20px 20px 0;}
.joinList li div a i{width:20px;}

.joinTips{padding:40px 0 60px 0;}
/*------------join------------*/

/*------------contact------------*/
.boxContact{ padding:20px 0 0 0}
.boxContact a{width:100%; margin:0; padding:30px 0 40px 0; border-bottom:1px solid #eee}
.boxContact a:last-child{ border:0}
.boxContact a h1 img{ width:60px;}
.boxContact a h2{font-size:clamp(18px,1.15vw,22px); line-height:1.75em; color:#555; margin:0 0 0 0}
.boxContact a h3{font-size:clamp(14px,0.9vw,16px); line-height:1.75em; color:#888}
.boxContact a h4{font-size:clamp(14px,0.9vw,16px); line-height:1.75em; color:#888}


.contactMap{ height:300px}

.boxMsg{padding:0 20px; margin:0 0 40px 0; background:none}
.boxMsg h1{font-size:20px;line-height:1.7em;padding:50px 30px 30px 30px}
.msgSubmit{ max-width:none;}
/*------------contact------------*/



/*---------------------title---------------------*/
.navTitle{ padding:40px 0 30px 0;}
.navTitle h1{font-size:24px;}
.navTitle h2{font-size:16px; line-height:26px; margin:10px 0 0 0;}
.bottomLine{ border-bottom:1px solid #ebebeb}
.paddingBottom100{ padding-bottom:40px!important}

.navTitleSub{ width:80%;display:block; padding:40px 0 30px 0; }
.navTitleSub h1{font-size:22px;line-height:1.5em;}
.navTitleSub h2{font-size:14px;line-height:24px;color:#999; text-align:justify; padding:15px 0 0 0;}



.navTitleTab{padding:40px 0 0 0;}
.navTitleTab h1{font-size:24px}
.navTitleTab h2{margin:25px 0 0 0;}
.navTitleTab h2 a{font-size:12px; line-height:60px}
.navTitleTab h3{width:100%; margin:30px 0 0 0}
.navTitleTab h3 a{font-size:12px; line-height:36px;width:33.33%;border:2px solid #fff; margin:0 0 10px 0}
.navTitleTab h3 .on{color:#1959a1!important; border:2px solid #1959a1!important; border-radius:20px;}
.navTitleTab h4{font-size:22px}

.navIndProTab a{width:50%;}

.tCenterM{text-align:center}
.tPc{display:none;}
.tM{display:block;}
.tPcM{display:block;}

.imgPc{display:none}
.imgM{display:block}
.marginB100{ margin-bottom:40px;}
.paddingTop10{padding-top:30px!important}
.paddingTop50{padding-top:30px!important}
/*---------------------title---------------------*/

.icoMark{ padding:0 0 40px 0; }
.icoMark a img{ width:70%;}
.icoMark a h3{font-size:14px;}



/*---------------------手风琴样式---------------------*/
.gjjsList{ width:100%; height:auto; max-height:none; overflow:hidden; margin:0;}
.gjjsList ul{width:100%; height:auto}
.gjjsList li{width:100%; padding:60vw 0 30px 0; height:100%;transition:none; color:#555; margin:0 0 30px 0}
.gjjsList li:last-child{margin:0}
.gjjsList li h1{ position:relative;width:100%; top:0; font-size:clamp(20px,1.25vw,24px); line-height:1em; text-align:left;transition:none; z-index:2; margin:20px 0 15px 0; padding:0}
.gjjsList li h3{ position:relative;width:100%;left:0; top:0;padding:0; font-size:14px; opacity:1;transition:none; color:#888;}
.gjjsList li div{ position:absolute; top:0; left:0;width:100%; height:60vw; background-position:center 73%!important; }
.gjjsList li div span{ display:none}

.gjjsList .on{width:100%!important;}
.gjjsList .on h1{text-align:left; padding:0;}
.gjjsList .on h3{opacity:1; top:0;}
.gjjsList .on div{background-position:center 73%!important;}
.gjjsList .on span{ display:none}


.cnList{ width:100%; height:auto; max-height:none; overflow:hidden; margin:0 0 0 0;}
.cnList ul{width:100%; height:auto}
.cnList li{width:100%; padding:60vw 0 30px 0; height:100%;transition:none; color:#555; margin:0 0 30px 0}
.cnList li:last-child{margin:0}
.cnList li h1{ position:relative;width:100%; top:0; font-size:clamp(20px,1.25vw,24px); line-height:1em; text-align:left;transition:none; z-index:2; margin:20px 0 15px 0; padding:0}
.cnList li h3{ position:relative;width:100%;left:0; top:0;padding:0; font-size:14px; opacity:1;transition:none; color:#888;}
.cnList li div{ position:absolute; top:0; left:0;width:100%; height:60vw; background-position:center 73%!important; }
.cnList li div span{ display:none}

.cnList .on{width:100%!important;}
.cnList .on h1{text-align:left; padding:0;}
.cnList .on h3{opacity:1; top:0;}
.cnList .on div{background-position:center 73%!important;}
.cnList .on span{ display:none}
.cnList li:nth-child(3):hover h3{top:auto;}


.sznyList{ width:100%; height:auto; max-height:none; overflow:hidden; margin:0 0 0 0;}
.sznyList ul{width:100%; height:auto}
.sznyList li{width:100%; padding:60vw 0 30px 0; height:100%;transition:none; color:#555; margin:0 0 30px 0}
.sznyList li:last-child{margin:0}
.sznyList li h1{ position:relative;width:100%; top:0; font-size:clamp(20px,1.25vw,24px); line-height:1em; text-align:left;transition:none; z-index:2; margin:20px 0 15px 0; padding:0}
.sznyList li h3{ position:relative;width:100%;left:0; top:0;padding:0; font-size:14px; opacity:1;transition:none; color:#888;}
.sznyList li div{ position:absolute; top:0; left:0;width:100%; height:60vw; background-position:center 73%!important; }
.sznyList li div span{ display:none}

.sznyList .on{width:100%!important;}
.sznyList .on h1{text-align:left; padding:0;}
.sznyList .on h3{opacity:1; top:0;}
.sznyList .on div{background-position:center 73%!important;}
.sznyList .on span{ display:none}
.sznyList li:nth-child(3):hover h3{top:auto;}


.hygfList{ width:100%; height:auto; max-height:none; overflow:hidden; margin:0 0 0 0;}
.hygfList ul{width:100%; height:auto}
.hygfList li{width:100%; padding:60vw 0 30px 0; height:100%;transition:none; color:#555; margin:0 0 30px 0}
.hygfList li:last-child{margin:0}
.hygfList li h1{ position:relative;width:100%; top:0; font-size:clamp(20px,1.25vw,24px); line-height:1em; text-align:left;transition:none; z-index:2; margin:20px 0 15px 0; padding:0}
.hygfList li h3{ position:relative;width:100%;left:0; top:0;padding:0; font-size:14px; opacity:1;transition:none; color:#888;}
.hygfList li div{ position:absolute; top:0; left:0;width:100%; height:60vw; background-position:center 73%!important; }
.hygfList li div span{ display:none}

.hygfList .on{width:100%!important;}
.hygfList .on h1{text-align:left; padding:0;}
.hygfList .on h3{opacity:1; top:0;}
.hygfList .on div{background-position:center 73%!important;}
.hygfList .on span{ display:none}
.hygfList li:nth-child(3):hover h3{top:auto;}


.dwList{ width:100%; height:auto; max-height:none; overflow:hidden; margin:0 0 0 0;}
.dwList ul{width:100%; height:auto}
.dwList li{width:100%; padding:60vw 0 30px 0; height:100%;transition:none; color:#555; margin:0 0 30px 0}
.dwList li:last-child{margin:0}
.dwList li h1{ position:relative;width:100%; top:0; font-size:clamp(20px,1.25vw,24px); line-height:1em; text-align:left;transition:none; z-index:2; margin:20px 0 15px 0; padding:0}
.dwList li h3{ position:relative;width:100%;left:0; top:0;padding:0; font-size:14px; opacity:1;transition:none; color:#888;}
.dwList li div{ position:absolute; top:0; left:0;width:100%; height:60vw; background-position:center 73%!important; }
.dwList li div span{ display:none}

.dwList .on{width:100%!important;}
.dwList .on h1{text-align:left; padding:0;}
.dwList .on h3{opacity:1; top:0;}
.dwList .on div{background-position:center 73%!important;}
.dwList .on span{ display:none}




/*---------------------修改后的海上风电显示页---------------------*/
.showBanner{ width:100%; height:100vw;}
.showBanner div{width:90%;margin:30px auto 60px auto; }
.showBanner div h1{font-size:24px; }
.showBanner div h2{width:48px; margin:8px 0}
.showBanner div h3{font-size:12px; line-height:1.5em; width:100%;}
.showBanner i{display:none}


.showNavTitle{padding:40px 0 30px 0; position:relative; color:#333}
.showNavTitle h1{font-size:24px;line-height:1.5em; font-weight:500;}
.showNavTitle h2{font-size:16px; line-height:26px;  margin:0 auto; width:70%}

.showHsfd{width:calc(100% - 40px); padding:0;  margin:30px auto 30px auto; }

.showHsfdL{width:100%; padding:20px 20px 0 20px}
.showHsfdL li{background:url(../images/icoShowHsfd.png) no-repeat left 10px/8px auto; padding:0 0 50px 15px} 
.showHsfdL li h1{font-size:18px;line-height:1.5em;}
.showHsfdL li h2{font-size:14px;line-height:24px; }

.showHsfdR{ width:100%; text-align:center; background:url(../images/bgShowHsfd2_1.png) no-repeat center right/80% auto; position:relative; right:auto; bottom:auto; height:80vw; }
.showHsfdR img{ width:50%; }


.showHsfd1 .showHsfdL{ margin-left:0; }
.showHsfd1 .showHsfdR{background:url(../images/bgShowHsfd2_2.png) no-repeat bottom left/80% auto!important;right:auto!important; left:0}

.showNavTitle1{ width:84%; margin:40px auto 0 auto;display:block; padding:40px 0 30px 0; }
.showNavTitle1 h1{font-size:16px; line-height:26px;}


.showHsfdPicList{margin:0 auto 0 auto;}
.showHsfdPicList li{width:100%; margin:0 0 30px 0;}
.showHsfdPicList li span{min-height:auto; padding:0 20px 30px 20px}
.showHsfdPicList li h1{font-size:clamp(18px,1.15vw,22px); line-height:1.5em; margin:20px 0 10px 0}
.showHsfdPicList li h2{font-size:14px;line-height:24px; }

.width_50{max-height:none; height:auto;}
.width_50 .showHsfdL{width:100%!important;  padding:20px 20px 0 20px}
.width_50 .showHsfdL h1{ margin-bottom:20px}
.width_50 .showHsfdR{width:100%!important;background:url(../images/bgShowHsfd2_1.png) no-repeat bottom right/80% auto!important; }
.width_50 .showHsfdR img{ width:50%;}
/*---------------------修改后的海上风电显示页--------------------*/






.boxVideo .btnVideo{margin:-20px 0 0 -20px;z-index:1;width:40px; height:40px;}
.boxVideo .btnVideo:hover{background:rgba(20,87,158,0.5) url(../images/icoVideo.png) no-repeat center/40px 40px; padding:10px; width:60px; height:60px;margin:-30px 0 0 -30px;}

.boxFajz{background:url(../images/zhnyBg.jpg) no-repeat top center/100% auto; padding-bottom:0; margin-bottom:0; color:#555}
.boxFajz .icoCon li h3{color:#999;}


.showTable{ width:100%;border-top:1px solid #ddd;}
.showTable li{text-align:left;border-bottom:1px solid #ddd; padding:15px 0;background:url(../images/bgLi.png) no-repeat 0 24px/4px 4px;padding:15px 0 15px 12px;line-height:22px;}
.showTable li i{font-size:12px; line-height:14px; text-align:left; color:#999; margin:0 5px 0 0}
.showTable li i:nth-child(1){width:100%; text-align:left; background:none;font-size:16px; line-height:22px; color:#555;padding:0 0 10px 0; margin:0}
.showTable li i:nth-child(2){width:auto;}
.showTable li i:nth-child(3){width:auto;}
.showTable li i:nth-child(4){width:auto;}

.headTable{display:none}

.marginTop100{ margin-top:40px}


.moreList{position:absolute; right:0; top:-67px;}
.moreList a{ font-size:10px; line-height:10px; text-transform:uppercase}

.moreList1{position:absolute; right:0; top:-50px;}
.moreList1 a{ font-size:10px; line-height:10px; text-transform:uppercase}

.moreList2{position:absolute; right:0; top:-53px;}
.moreList2 a{ font-size:10px; line-height:10px; text-transform:uppercase}

.navTitle .moreList{position:absolute; right:0; top:54px;}
.navTitle .moreList a{ font-size:10px; line-height:10px; text-transform:uppercase}

/*------------------------caseListMore------------------------*/
.caseListMore{width:100%;  position:relative; margin:0; overflow:hidden}
.caseListMore a{width:100%; margin:0 0 50px 0;}
.caseListMore a div{width:100%; height:60vw;}
.caseListMore a div img{width:100%; height:100%;transition:transform 0.5s;}
.caseListMore a i{font-size:14px;line-height:1.5em;  height:auto; padding:20px 0 0 0}
/*------------------------caseListMore------------------------*/


.caseListText{ width:100%; padding:0 0 30px 0;}
.caseListText a{ background:#fff; border-radius:6px; width:100%; margin:0 0 10px 0; padding:0 20px 0 15px; height:70px;display:flex;align-items:center;justify-content:center; }
.caseListText a i{display:block; background:url(../images/bgLi.png) no-repeat 0 8px;font-size:14px;line-height:20px;padding:0 0 0 12px;white-space:normal; }
.caseListText a:nth-child(even){ margin-right:0}

.boxNygh{width:100%;display:block; margin:0 auto; padding:0 0 30px 0}
.boxNygh li{width:100%; height:auto; max-height:none; box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden; margin-bottom:30px}
.boxNygh li div{width:100%; height:auto; display:block; padding:30px;}
.boxNygh li div span{display:block; width:100%; padding:0}
.boxNygh li div span h1{font-size:20px; line-height:20px;margin:0 0 15px 0}
.boxNygh li div span h2{font-size:14px; line-height:24px; text-align:justify}
.boxNygh li div span h3{font-size:16px; line-height:24px; font-weight:500; margin:20px 0 5px 0}
.boxNygh li div span h4{ width:100%;max-height:none;}
.boxNygh li div span h4 i{background:url(../images/bgLi.png) no-repeat 0 11px;font-size:14px;line-height:26px; padding:0 0 0 12px;}
.boxNygh li img{width:100%;}


}