html {



  -webkit-text-size-adjust: 100%;



  line-height: 1.15



}



body {



  margin: 0;



  background-color: #000;	



}





main {



  display: block



}



h1 {



  font-size: 2em;



  margin: .67em 0



}



hr {



  box-sizing: content-box;



  height: 0;



  overflow: visible



}



pre {



  font-family: monospace, monospace;



  font-size: 1em



}



a {



  background-color: transparent



}



abbr[title] {



  border-bottom: none;



  text-decoration: underline;



  -webkit-text-decoration: underline dotted;



  -moz-text-decoration: underline dotted;



  text-decoration: underline dotted



}



b, strong {



  font-weight: bolder



}



code, kbd, samp {



  font-family: monospace, monospace;



  font-size: 1em



}



small {



  font-size: 80%



}



sub, sup {



  font-size: 75%;



  line-height: 0;



  position: relative;



  vertical-align: baseline



}



sub {



  bottom: -.25em



}



sup {



  top: -.5em



}



img {



  border-style: none



}



button, input, optgroup, select, textarea {



  font-family: inherit;



  font-size: 100%;



  line-height: 1.15;



  margin: 0



}



button, input {



  overflow: visible



}



button, select {



  text-transform: none



}



[type=button], [type=reset], [type=submit], button {



  -webkit-appearance: button



}



[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {



  border-style: none;



  padding: 0



}



[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {



  outline: 1px dotted ButtonText



}



fieldset {



  padding: .35em .75em .625em



}



legend {



  box-sizing: border-box;



  color: inherit;



  display: table;



  max-width: 100%;



  padding: 0;



  white-space: normal



}



progress {



  vertical-align: baseline



}



textarea {



  overflow: auto



}



[type=checkbox], [type=radio] {



  box-sizing: border-box;



  padding: 0



}



[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {



  height: auto



}



[type=search] {



  -webkit-appearance: textfield;



  outline-offset: -2px



}



[type=search]::-webkit-search-decoration {



  -webkit-appearance: none



}



::-webkit-file-upload-button {



  -webkit-appearance: button;



  font: inherit



}



details {



  display: block



}



summary {



  display: list-item



}



[hidden], template {



  display: none



}



body.compensate-for-scrollbar {



  overflow: hidden



}



.fancybox-active {



  height: auto



}



.fancybox-is-hidden {



  left: -9999px;



  margin: 0;



  position: absolute !important;



  top: -9999px;



  visibility: hidden



}



.fancybox-container {



  -webkit-tap-highlight-color: transparent;



  -webkit-backface-visibility: hidden;



  height: 100%;



  left: 0;



  outline: none;



  position: fixed;



  top: 0;



  -ms-touch-action: manipulation;



  touch-action: manipulation;



  -webkit-transform: translateZ(0);



  transform: translateZ(0);



  width: 100%;



  z-index: 99992



}



.fancybox-container * {



  box-sizing: border-box



}



.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {



  bottom: 0;



  left: 0;



  position: absolute;



  right: 0;



  top: 0



}



.fancybox-outer {



  -webkit-overflow-scrolling: touch;



  overflow-y: auto



}



.fancybox-bg {



  background: #1e1e1e;



  opacity: 0;



  -webkit-transition-duration: inherit;



  transition-duration: inherit;



  -webkit-transition-property: opacity;



  transition-property: opacity;



  -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);



  transition-timing-function: cubic-bezier(.47, 0, .74, .71)



}



.fancybox-is-open .fancybox-bg {



  opacity: .9;



  -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);



  transition-timing-function: cubic-bezier(.22, .61, .36, 1)



}



.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {



  direction: ltr;



  opacity: 0;



  position: absolute;



  -webkit-transition: opacity .25s ease, visibility 0s ease .25s;



  transition: opacity .25s ease, visibility 0s ease .25s;



  visibility: hidden;



  z-index: 99997



}



.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {



  opacity: 1;



  -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;



  transition: opacity .25s ease 0s, visibility 0s ease 0s;



  visibility: visible



}



.fancybox-infobar {



  -webkit-font-smoothing: subpixel-antialiased;



  -webkit-touch-callout: none;



  color: #ccc;



  font-size: 13px;



  height: 44px;



  left: 0;



  line-height: 44px;



  min-width: 44px;



  mix-blend-mode: difference;



  padding: 0 10px;



  pointer-events: none;



  top: 0;



  -webkit-user-select: none;



  -moz-user-select: none;



  -ms-user-select: none;



  user-select: none



}



.fancybox-toolbar {



  right: 0;



  top: 0



}



.fancybox-stage {



  direction: ltr;



  overflow: visible;



  -webkit-transform: translateZ(0);



  transform: translateZ(0);



  z-index: 99994



}



.fancybox-is-open .fancybox-stage {



  overflow: hidden



}



.fancybox-slide {



  -webkit-overflow-scrolling: touch;



  -webkit-backface-visibility: hidden;



  display: none;



  height: 100%;



  left: 0;



  outline: none;



  overflow: auto;



  padding: 44px;



  position: absolute;



  text-align: center;



  top: 0;



  -webkit-transition-property: opacity, -webkit-transform;



  transition-property: opacity, -webkit-transform;



  transition-property: transform, opacity;



  transition-property: transform, opacity, -webkit-transform;



  white-space: normal;



  width: 100%;



  z-index: 99994



}



.fancybox-slide:before {



  content: "";



  display: inline-block;



  font-size: 0;



  height: 100%;



  vertical-align: middle;



  width: 0



}



.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {



  display: block



}



.fancybox-slide--image {



  overflow: hidden;



  padding: 44px 0



}



.fancybox-slide--image:before {



  display: none



}



.fancybox-slide--html {



  padding: 6px



}



.fancybox-content {



  -webkit-overflow-scrolling: touch;



  background: #fff;



  display: inline-block;



  margin: 0;



  max-width: 100%;



  overflow: auto;



  padding: 44px;



  position: relative;



  text-align: left;



  vertical-align: middle



}



.fancybox-slide--image .fancybox-content {



  -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);



  animation-timing-function: cubic-bezier(.5, 0, .14, 1);



  -webkit-backface-visibility: hidden;



  background: transparent;



  background-repeat: no-repeat;



  background-size: 100% 100%;



  left: 0;



  max-width: none;



  overflow: visible;



  padding: 0;



  position: absolute;



  top: 0;



  -ms-transform-origin: top left;



  -webkit-transform-origin: top left;



  transform-origin: top left;



  -webkit-transition-property: opacity, -webkit-transform;



  transition-property: opacity, -webkit-transform;



  transition-property: transform, opacity;



  transition-property: transform, opacity, -webkit-transform;



  -webkit-user-select: none;



  -moz-user-select: none;



  -ms-user-select: none;



  user-select: none;



  z-index: 99995



}



.fancybox-can-zoomOut .fancybox-content {



  cursor: -webkit-zoom-out;



  cursor: zoom-out



}



.fancybox-can-zoomIn .fancybox-content {



  cursor: -webkit-zoom-in;



  cursor: zoom-in



}



.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {



  cursor: -webkit-grab;



  cursor: grab



}



.fancybox-is-grabbing .fancybox-content {



  cursor: -webkit-grabbing;



  cursor: grabbing



}



.fancybox-container [data-selectable=true] {



  cursor: text



}



.fancybox-image, .fancybox-spaceball {



  background: transparent;



  border: 0;



  height: 100%;



  left: 0;



  margin: 0;



  max-height: none;



  max-width: none;



  padding: 0;



  position: absolute;



  top: 0;



  -webkit-user-select: none;



  -moz-user-select: none;



  -ms-user-select: none;



  user-select: none;



  width: 100%



}



.fancybox-spaceball {



  z-index: 1



}



.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {



  height: 100%;



  overflow: visible;



  padding: 0;



  width: 100%



}



.fancybox-slide--video .fancybox-content {



  background: #000



}



.fancybox-slide--map .fancybox-content {



  background: #e5e3df



}



.fancybox-slide--iframe .fancybox-content {



  background: #fff



}



.fancybox-iframe, .fancybox-video {



  background: transparent;



  border: 0;



  display: block;



  height: 100%;



  margin: 0;



  overflow: hidden;



  padding: 0;



  width: 100%



}



.fancybox-iframe {



  left: 0;



  position: absolute;



  top: 0



}



.fancybox-error {



  background: #fff;



  cursor: default;



  max-width: 400px;



  padding: 40px;



  width: 100%



}



.fancybox-error p {



  color: #444;



  font-size: 16px;



  line-height: 20px;



  margin: 0;



  padding: 0



}



.fancybox-button {



  background: rgba(30, 30, 30, .6);



  border: 0;



  border-radius: 0;



  box-shadow: none;



  cursor: pointer;



  display: inline-block;



  height: 44px;



  margin: 0;



  padding: 10px;



  position: relative;



  -webkit-transition: color .2s;



  transition: color .2s;



  vertical-align: top;



  visibility: inherit;



  width: 44px



}



.fancybox-button, .fancybox-button:link, .fancybox-button:visited {



  color: #ccc



}



.fancybox-button:hover {



  color: #fff



}



.fancybox-button:focus {



  outline: none



}



.fancybox-button.fancybox-focus {



  outline: 1px dotted



}



.fancybox-button[disabled], .fancybox-button[disabled]:hover {



  color: #888;



  cursor: default;



  outline: none



}



.fancybox-button div {



  height: 100%



}



.fancybox-button svg {



  display: block;



  height: 100%;



  overflow: visible;



  position: relative;



  width: 100%



}



.fancybox-button svg path {



  fill: currentColor;



  stroke-width: 0



}



.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {



  display: none



}



.fancybox-progress {



  background: #ff5268;



  height: 2px;



  left: 0;



  position: absolute;



  right: 0;



  top: 0;



  -ms-transform: scaleX(0);



  -webkit-transform: scaleX(0);



  transform: scaleX(0);



  -ms-transform-origin: 0;



  -webkit-transform-origin: 0;



  transform-origin: 0;



  -webkit-transition-property: -webkit-transform;



  transition-property: -webkit-transform;



  transition-property: transform;



  transition-property: transform, -webkit-transform;



  -webkit-transition-timing-function: linear;



  transition-timing-function: linear;



  z-index: 99998



}



.fancybox-close-small {



  background: transparent;



  border: 0;



  border-radius: 0;



  color: #ccc;



  cursor: pointer;



  opacity: .8;



  padding: 8px;



  position: absolute;



  right: -12px;



  top: -44px;



  z-index: 401



}



.fancybox-close-small:hover {



  color: #fff;



  opacity: 1



}



.fancybox-slide--html .fancybox-close-small {



  color: currentColor;



  padding: 10px;



  right: 0;



  top: 0



}



.fancybox-slide--image.fancybox-is-scaling .fancybox-content {



  overflow: hidden



}



.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {



  display: none



}



.fancybox-navigation .fancybox-button {



  background-clip: content-box;



  height: 100px;



  opacity: 0;



  position: absolute;



  top: calc(50% - 50px);



  width: 70px



}



.fancybox-navigation .fancybox-button div {



  padding: 7px



}



.fancybox-navigation .fancybox-button--arrow_left {



  left: 0;



  left: env(safe-area-inset-left);



  padding: 31px 26px 31px 6px



}



.fancybox-navigation .fancybox-button--arrow_right {



  padding: 31px 6px 31px 26px;



  right: 0;



  right: env(safe-area-inset-right)



}



.fancybox-caption {



  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .85), rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);



  background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);



  bottom: 0;



  color: #eee;



  font-size: 14px;



  font-weight: 400;



  left: 0;



  line-height: 1.5;



  padding: 75px 44px 25px;



  pointer-events: none;



  right: 0;



  text-align: center;



  z-index: 99996



}



@supports (padding:max(0px)) {



  .fancybox-caption {



    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))



  }



}



.fancybox-caption--separate {



  margin-top: -50px



}



.fancybox-caption__body {



  max-height: 50vh;



  overflow: auto;



  pointer-events: all



}



.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {



  color: #ccc;



  text-decoration: none



}



.fancybox-caption a:hover {



  color: #fff;



  text-decoration: underline



}



.fancybox-loading {



  -webkit-animation: fancybox-rotate 1s linear infinite;



  animation: fancybox-rotate 1s linear infinite;



  background: transparent;



  border: 4px solid;



  border-color: #888 #888 #fff;



  border-radius: 50%;



  height: 50px;



  left: 50%;



  margin: -25px 0 0 -25px;



  opacity: .7;



  padding: 0;



  position: absolute;



  top: 50%;



  width: 50px;



  z-index: 99999



}



@-webkit-keyframes fancybox-rotate {



  to {



    -webkit-transform: rotate(1turn);



    transform: rotate(1turn)



  }



}



@keyframes fancybox-rotate {



  to {



    -webkit-transform: rotate(1turn);



    transform: rotate(1turn)



  }



}



.fancybox-animated {



  -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);



  transition-timing-function: cubic-bezier(0, 0, .25, 1)



}



.fancybox-fx-slide.fancybox-slide--previous {



  opacity: 0;



  -webkit-transform: translate3d(-100%, 0, 0);



  transform: translate3d(-100%, 0, 0)



}



.fancybox-fx-slide.fancybox-slide--next {



  opacity: 0;



  -webkit-transform: translate3d(100%, 0, 0);



  transform: translate3d(100%, 0, 0)



}



.fancybox-fx-slide.fancybox-slide--current {



  opacity: 1;



  -webkit-transform: translateZ(0);



  transform: translateZ(0)



}



.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {



  opacity: 0;



  -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);



  transition-timing-function: cubic-bezier(.19, 1, .22, 1)



}



.fancybox-fx-fade.fancybox-slide--current {



  opacity: 1



}



.fancybox-fx-zoom-in-out.fancybox-slide--previous {



  opacity: 0;



  -webkit-transform: scale3d(1.5, 1.5, 1.5);



  transform: scale3d(1.5, 1.5, 1.5)



}



.fancybox-fx-zoom-in-out.fancybox-slide--next {



  opacity: 0;



  -webkit-transform: scale3d(.5, .5, .5);



  transform: scale3d(.5, .5, .5)



}



.fancybox-fx-zoom-in-out.fancybox-slide--current {



  opacity: 1;



  -webkit-transform: scaleX(1);



  transform: scaleX(1)



}



.fancybox-fx-rotate.fancybox-slide--previous {



  opacity: 0;



  -ms-transform: rotate(-1turn);



  -webkit-transform: rotate(-1turn);



  transform: rotate(-1turn)



}



.fancybox-fx-rotate.fancybox-slide--next {



  opacity: 0;



  -ms-transform: rotate(1turn);



  -webkit-transform: rotate(1turn);



  transform: rotate(1turn)



}



.fancybox-fx-rotate.fancybox-slide--current {



  opacity: 1;



  -ms-transform: rotate(0deg);



  -webkit-transform: rotate(0deg);



  transform: rotate(0deg)



}



.fancybox-fx-circular.fancybox-slide--previous {



  opacity: 0;



  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);



  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)



}



.fancybox-fx-circular.fancybox-slide--next {



  opacity: 0;



  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);



  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)



}



.fancybox-fx-circular.fancybox-slide--current {



  opacity: 1;



  -webkit-transform: scaleX(1) translateZ(0);



  transform: scaleX(1) translateZ(0)



}



.fancybox-fx-tube.fancybox-slide--previous {



  -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);



  transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)



}



.fancybox-fx-tube.fancybox-slide--next {



  -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);



  transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)



}



.fancybox-fx-tube.fancybox-slide--current {



  -webkit-transform: translateZ(0) scale(1);



  transform: translateZ(0) scale(1)



}



@media (max-height:576px) {



  .fancybox-slide {



    padding-left: 6px;



    padding-right: 6px



  }



  .fancybox-slide--image {



    padding: 6px 0



  }



  .fancybox-close-small {



    right: -6px



  }



  .fancybox-slide--image .fancybox-close-small {



    background: #4e4e4e;



    color: #f2f4f6;



    height: 36px;



    opacity: 1;



    padding: 6px;



    right: 0;



    top: 0;



    width: 36px



  }



  .fancybox-caption {



    padding-left: 12px;



    padding-right: 12px



  }



  @supports (padding:max(0px)) {



    .fancybox-caption {



      padding-left: max(12px, env(safe-area-inset-left));



      padding-right: max(12px, env(safe-area-inset-right))



    }



  }



}



.fancybox-share {



  background: #f4f4f4;



  border-radius: 3px;



  max-width: 90%;



  padding: 30px;



  text-align: center



}



.fancybox-share h1 {



  color: #222;



  font-size: 35px;



  font-weight: 700;



  margin: 0 0 20px



}



.fancybox-share p {



  margin: 0;



  padding: 0



}



.fancybox-share__button {



  border: 0;



  border-radius: 3px;



  display: inline-block;



  font-size: 14px;



  font-weight: 700;



  line-height: 40px;



  margin: 0 5px 10px;



  min-width: 130px;



  padding: 0 15px;



  text-decoration: none;



  -webkit-transition: all .2s;



  transition: all .2s;



  -webkit-user-select: none;



  -moz-user-select: none;



  -ms-user-select: none;



  user-select: none;



  white-space: nowrap



}



.fancybox-share__button:link, .fancybox-share__button:visited {



  color: #fff



}



.fancybox-share__button:hover {



  text-decoration: none



}



.fancybox-share__button--fb {



  background: #3b5998



}



.fancybox-share__button--fb:hover {



  background: #344e86



}



.fancybox-share__button--pt {



  background: #bd081d



}



.fancybox-share__button--pt:hover {



  background: #aa0719



}



.fancybox-share__button--tw {



  background: #1da1f2



}



.fancybox-share__button--tw:hover {



  background: #0d95e8



}



.fancybox-share__button svg {



  height: 25px;



  margin-right: 7px;



  position: relative;



  top: -1px;



  vertical-align: middle;



  width: 25px



}



.fancybox-share__button svg path {



  fill: #fff



}



.fancybox-share__input {



  background: transparent;



  border: 0;



  border-bottom: 1px solid #d7d7d7;



  border-radius: 0;



  color: #5d5b5b;



  font-size: 14px;



  margin: 10px 0 0;



  outline: none;



  padding: 10px 15px;



  width: 100%



}



.fancybox-thumbs {



  -webkit-overflow-scrolling: touch;



  -ms-overflow-style: -ms-autohiding-scrollbar;



  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);



  background: #ddd;



  bottom: 0;



  display: none;



  margin: 0;



  padding: 2px 2px 4px;



  position: absolute;



  right: 0;



  top: 0;



  width: 212px;



  z-index: 99995



}



.fancybox-thumbs-x {



  overflow-x: auto;



  overflow-y: hidden



}



.fancybox-show-thumbs .fancybox-thumbs {



  display: block



}



.fancybox-show-thumbs .fancybox-inner {



  right: 212px



}



.fancybox-thumbs__list {



  font-size: 0;



  height: 100%;



  list-style: none;



  margin: 0;



  overflow-x: hidden;



  overflow-y: auto;



  padding: 0;



  position: absolute;



  position: relative;



  white-space: nowrap;



  width: 100%



}



.fancybox-thumbs-x .fancybox-thumbs__list {



  overflow: hidden



}



.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {



  width: 7px



}



.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {



  background: #fff;



  border-radius: 10px;



  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)



}



.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {



  background: #2a2a2a;



  border-radius: 10px



}



.fancybox-thumbs__list a {



  -webkit-tap-highlight-color: transparent;



  -webkit-backface-visibility: hidden;



  backface-visibility: hidden;



  background-color: rgba(0, 0, 0, .1);



  background-position: 50%;



  background-repeat: no-repeat;



  background-size: cover;



  cursor: pointer;



  float: left;



  height: 75px;



  margin: 2px;



  max-height: calc(100% - 8px);



  max-width: calc(50% - 4px);



  outline: none;



  overflow: hidden;



  padding: 0;



  position: relative;



  width: 100px



}



.fancybox-thumbs__list a:before {



  border: 6px solid #ff5268;



  bottom: 0;



  content: "";



  left: 0;



  opacity: 0;



  position: absolute;



  right: 0;



  top: 0;



  -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);



  transition: all .2s cubic-bezier(.25, .46, .45, .94);



  z-index: 99991



}



.fancybox-thumbs__list a:focus:before {



  opacity: .5



}



.fancybox-thumbs__list a.fancybox-thumbs-active:before {



  opacity: 1



}



@media (max-width:576px) {



  .fancybox-thumbs {



    width: 110px



  }



  .fancybox-show-thumbs .fancybox-inner {



    right: 110px



  }



  .fancybox-thumbs__list a {



    max-width: calc(100% - 10px)



  }



}



[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {



  -webkit-transition-duration: 50ms;



  transition-duration: 50ms



}



[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {



  -webkit-transition-delay: 50ms;



  transition-delay: 50ms



}



[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {



  -webkit-transition-duration: .1s;



  transition-duration: .1s



}



[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {



  -webkit-transition-delay: .1s;



  transition-delay: .1s



}



[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {



  -webkit-transition-duration: .15s;



  transition-duration: .15s



}



[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {



  -webkit-transition-delay: .15s;



  transition-delay: .15s



}



[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {



  -webkit-transition-duration: .2s;



  transition-duration: .2s



}



[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {



  -webkit-transition-delay: .2s;



  transition-delay: .2s



}



[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {



  -webkit-transition-duration: .25s;



  transition-duration: .25s



}



[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {



  -webkit-transition-delay: .25s;



  transition-delay: .25s



}



[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {



  -webkit-transition-duration: .3s;



  transition-duration: .3s



}



[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {



  -webkit-transition-delay: .3s;



  transition-delay: .3s



}



[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {



  -webkit-transition-duration: .35s;



  transition-duration: .35s



}



[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {



  -webkit-transition-delay: .35s;



  transition-delay: .35s



}



[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {



  -webkit-transition-duration: .4s;



  transition-duration: .4s



}



[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {



  -webkit-transition-delay: .4s;



  transition-delay: .4s



}



[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {



  -webkit-transition-duration: .45s;



  transition-duration: .45s



}



[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {



  -webkit-transition-delay: .45s;



  transition-delay: .45s



}



[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {



  -webkit-transition-duration: .5s;



  transition-duration: .5s



}



[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {



  -webkit-transition-delay: .5s;



  transition-delay: .5s



}



[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {



  -webkit-transition-duration: .55s;



  transition-duration: .55s



}



[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {



  -webkit-transition-delay: .55s;



  transition-delay: .55s



}



[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {



  -webkit-transition-duration: .6s;



  transition-duration: .6s



}



[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {



  -webkit-transition-delay: .6s;



  transition-delay: .6s



}



[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {



  -webkit-transition-duration: .65s;



  transition-duration: .65s



}



[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {



  -webkit-transition-delay: .65s;



  transition-delay: .65s



}



[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {



  -webkit-transition-duration: .7s;



  transition-duration: .7s



}



[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {



  -webkit-transition-delay: .7s;



  transition-delay: .7s



}



[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {



  -webkit-transition-duration: .75s;



  transition-duration: .75s



}



[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {



  -webkit-transition-delay: .75s;



  transition-delay: .75s



}



[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {



  -webkit-transition-duration: .8s;



  transition-duration: .8s



}



[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {



  -webkit-transition-delay: .8s;



  transition-delay: .8s



}



[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {



  -webkit-transition-duration: .85s;



  transition-duration: .85s



}



[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {



  -webkit-transition-delay: .85s;



  transition-delay: .85s



}



[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {



  -webkit-transition-duration: .9s;



  transition-duration: .9s



}



[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {



  -webkit-transition-delay: .9s;



  transition-delay: .9s



}



[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {



  -webkit-transition-duration: .95s;



  transition-duration: .95s



}



[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {



  -webkit-transition-delay: .95s;



  transition-delay: .95s



}



[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {



  -webkit-transition-duration: 1s;



  transition-duration: 1s



}



[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {



  -webkit-transition-delay: 1s;



  transition-delay: 1s



}



[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {



  -webkit-transition-duration: 1.05s;



  transition-duration: 1.05s



}



[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {



  -webkit-transition-delay: 1.05s;



  transition-delay: 1.05s



}



[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {



  -webkit-transition-duration: 1.1s;



  transition-duration: 1.1s



}



[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {



  -webkit-transition-delay: 1.1s;



  transition-delay: 1.1s



}



[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {



  -webkit-transition-duration: 1.15s;



  transition-duration: 1.15s



}



[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {



  -webkit-transition-delay: 1.15s;



  transition-delay: 1.15s



}



[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {



  -webkit-transition-duration: 1.2s;



  transition-duration: 1.2s



}



[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {



  -webkit-transition-delay: 1.2s;



  transition-delay: 1.2s



}



[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {



  -webkit-transition-duration: 1.25s;



  transition-duration: 1.25s



}



[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {



  -webkit-transition-delay: 1.25s;



  transition-delay: 1.25s



}



[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {



  -webkit-transition-duration: 1.3s;



  transition-duration: 1.3s



}



[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {



  -webkit-transition-delay: 1.3s;



  transition-delay: 1.3s



}



[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {



  -webkit-transition-duration: 1.35s;



  transition-duration: 1.35s



}



[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {



  -webkit-transition-delay: 1.35s;



  transition-delay: 1.35s



}



[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {



  -webkit-transition-duration: 1.4s;



  transition-duration: 1.4s



}



[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {



  -webkit-transition-delay: 1.4s;



  transition-delay: 1.4s



}



[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {



  -webkit-transition-duration: 1.45s;



  transition-duration: 1.45s



}



[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {



  -webkit-transition-delay: 1.45s;



  transition-delay: 1.45s



}



[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {



  -webkit-transition-duration: 1.5s;



  transition-duration: 1.5s



}



[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {



  -webkit-transition-delay: 1.5s;



  transition-delay: 1.5s



}



[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {



  -webkit-transition-duration: 1.55s;



  transition-duration: 1.55s



}



[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {



  -webkit-transition-delay: 1.55s;



  transition-delay: 1.55s



}



[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {



  -webkit-transition-duration: 1.6s;



  transition-duration: 1.6s



}



[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {



  -webkit-transition-delay: 1.6s;



  transition-delay: 1.6s



}



[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {



  -webkit-transition-duration: 1.65s;



  transition-duration: 1.65s



}



[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {



  -webkit-transition-delay: 1.65s;



  transition-delay: 1.65s



}



[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {



  -webkit-transition-duration: 1.7s;



  transition-duration: 1.7s



}



[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {



  -webkit-transition-delay: 1.7s;



  transition-delay: 1.7s



}



[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {



  -webkit-transition-duration: 1.75s;



  transition-duration: 1.75s



}



[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {



  -webkit-transition-delay: 1.75s;



  transition-delay: 1.75s



}



[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {



  -webkit-transition-duration: 1.8s;



  transition-duration: 1.8s



}



[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {



  -webkit-transition-delay: 1.8s;



  transition-delay: 1.8s



}



[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {



  -webkit-transition-duration: 1.85s;



  transition-duration: 1.85s



}



[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {



  -webkit-transition-delay: 1.85s;



  transition-delay: 1.85s



}



[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {



  -webkit-transition-duration: 1.9s;



  transition-duration: 1.9s



}



[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {



  -webkit-transition-delay: 1.9s;



  transition-delay: 1.9s



}



[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {



  -webkit-transition-duration: 1.95s;



  transition-duration: 1.95s



}



[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {



  -webkit-transition-delay: 1.95s;



  transition-delay: 1.95s



}



[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {



  -webkit-transition-duration: 2s;



  transition-duration: 2s



}



[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {



  -webkit-transition-delay: 2s;



  transition-delay: 2s



}



[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {



  -webkit-transition-duration: 2.05s;



  transition-duration: 2.05s



}



[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {



  -webkit-transition-delay: 2.05s;



  transition-delay: 2.05s



}



[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {



  -webkit-transition-duration: 2.1s;



  transition-duration: 2.1s



}



[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {



  -webkit-transition-delay: 2.1s;



  transition-delay: 2.1s



}



[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {



  -webkit-transition-duration: 2.15s;



  transition-duration: 2.15s



}



[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {



  -webkit-transition-delay: 2.15s;



  transition-delay: 2.15s



}



[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {



  -webkit-transition-duration: 2.2s;



  transition-duration: 2.2s



}



[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {



  -webkit-transition-delay: 2.2s;



  transition-delay: 2.2s



}



[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {



  -webkit-transition-duration: 2.25s;



  transition-duration: 2.25s



}



[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {



  -webkit-transition-delay: 2.25s;



  transition-delay: 2.25s



}



[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {



  -webkit-transition-duration: 2.3s;



  transition-duration: 2.3s



}



[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {



  -webkit-transition-delay: 2.3s;



  transition-delay: 2.3s



}



[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {



  -webkit-transition-duration: 2.35s;



  transition-duration: 2.35s



}



[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {



  -webkit-transition-delay: 2.35s;



  transition-delay: 2.35s



}



[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {



  -webkit-transition-duration: 2.4s;



  transition-duration: 2.4s



}



[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {



  -webkit-transition-delay: 2.4s;



  transition-delay: 2.4s



}



[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {



  -webkit-transition-duration: 2.45s;



  transition-duration: 2.45s



}



[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {



  -webkit-transition-delay: 2.45s;



  transition-delay: 2.45s



}



[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {



  -webkit-transition-duration: 2.5s;



  transition-duration: 2.5s



}



[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {



  -webkit-transition-delay: 2.5s;



  transition-delay: 2.5s



}



[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {



  -webkit-transition-duration: 2.55s;



  transition-duration: 2.55s



}



[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {



  -webkit-transition-delay: 2.55s;



  transition-delay: 2.55s



}



[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {



  -webkit-transition-duration: 2.6s;



  transition-duration: 2.6s



}



[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {



  -webkit-transition-delay: 2.6s;



  transition-delay: 2.6s



}



[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {



  -webkit-transition-duration: 2.65s;



  transition-duration: 2.65s



}



[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {



  -webkit-transition-delay: 2.65s;



  transition-delay: 2.65s



}



[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {



  -webkit-transition-duration: 2.7s;



  transition-duration: 2.7s



}



[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {



  -webkit-transition-delay: 2.7s;



  transition-delay: 2.7s



}



[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {



  -webkit-transition-duration: 2.75s;



  transition-duration: 2.75s



}



[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {



  -webkit-transition-delay: 2.75s;



  transition-delay: 2.75s



}



[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {



  -webkit-transition-duration: 2.8s;



  transition-duration: 2.8s



}



[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {



  -webkit-transition-delay: 2.8s;



  transition-delay: 2.8s



}



[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {



  -webkit-transition-duration: 2.85s;



  transition-duration: 2.85s



}



[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {



  -webkit-transition-delay: 2.85s;



  transition-delay: 2.85s



}



[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {



  -webkit-transition-duration: 2.9s;



  transition-duration: 2.9s



}



[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {



  -webkit-transition-delay: 2.9s;



  transition-delay: 2.9s



}



[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {



  -webkit-transition-duration: 2.95s;



  transition-duration: 2.95s



}



[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {



  -webkit-transition-delay: 2.95s;



  transition-delay: 2.95s



}



[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {



  -webkit-transition-duration: 3s;



  transition-duration: 3s



}



[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {



  -webkit-transition-delay: 0;



  transition-delay: 0



}



[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {



  -webkit-transition-delay: 3s;



  transition-delay: 3s



}



[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {



  -webkit-transition-timing-function: cubic-bezier(.25, .25, .75, .75);



  transition-timing-function: cubic-bezier(.25, .25, .75, .75)



}



[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {



  -webkit-transition-timing-function: ease;



  transition-timing-function: ease



}



[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {



  -webkit-transition-timing-function: ease-in;



  transition-timing-function: ease-in



}



[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {



  -webkit-transition-timing-function: ease-out;



  transition-timing-function: ease-out



}



[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {



  -webkit-transition-timing-function: ease-in-out;



  transition-timing-function: ease-in-out



}



[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {



  -webkit-transition-timing-function: cubic-bezier(.6, -.28, .735, .045);



  transition-timing-function: cubic-bezier(.6, -.28, .735, .045)



}



[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {



  -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);



  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)



}



[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {



  -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);



  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)



}



[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {



  -webkit-transition-timing-function: cubic-bezier(.47, 0, .745, .715);



  transition-timing-function: cubic-bezier(.47, 0, .745, .715)



}



[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {



  -webkit-transition-timing-function: cubic-bezier(.39, .575, .565, 1);



  transition-timing-function: cubic-bezier(.39, .575, .565, 1)



}



[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {



  -webkit-transition-timing-function: cubic-bezier(.445, .05, .55, .95);



  transition-timing-function: cubic-bezier(.445, .05, .55, .95)



}



[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {



  -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);



  transition-timing-function: cubic-bezier(.55, .085, .68, .53)



}



[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {



  -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);



  transition-timing-function: cubic-bezier(.25, .46, .45, .94)



}



[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {



  -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);



  transition-timing-function: cubic-bezier(.455, .03, .515, .955)



}



[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {



  -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);



  transition-timing-function: cubic-bezier(.55, .085, .68, .53)



}



[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {



  -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);



  transition-timing-function: cubic-bezier(.25, .46, .45, .94)



}



[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {



  -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);



  transition-timing-function: cubic-bezier(.455, .03, .515, .955)



}



[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {



  -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);



  transition-timing-function: cubic-bezier(.55, .085, .68, .53)



}



[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {



  -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);



  transition-timing-function: cubic-bezier(.25, .46, .45, .94)



}



[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {



  -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);



  transition-timing-function: cubic-bezier(.455, .03, .515, .955)



}



[data-aos^=fade][data-aos^=fade] {



  opacity: 0;



  -webkit-transition-property: opacity, -webkit-transform;



  transition-property: opacity, -webkit-transform;



  transition-property: opacity, transform;



  transition-property: opacity, transform, -webkit-transform



}



[data-aos^=fade][data-aos^=fade].aos-animate {



  opacity: 1;



  -webkit-transform: translateZ(0);



  transform: translateZ(0)



}



[data-aos=fade-up] {



  -webkit-transform: translate3d(0, 100px, 0);



  transform: translate3d(0, 100px, 0)



}



[data-aos=fade-down] {



  -webkit-transform: translate3d(0, -100px, 0);



  transform: translate3d(0, -100px, 0)



}



[data-aos=fade-right] {



  -webkit-transform: translate3d(-100px, 0, 0);



  transform: translate3d(-100px, 0, 0)



}



[data-aos=fade-left] {



  -webkit-transform: translate3d(100px, 0, 0);



  transform: translate3d(100px, 0, 0)



}



[data-aos=fade-up-right] {



  -webkit-transform: translate3d(-100px, 100px, 0);



  transform: translate3d(-100px, 100px, 0)



}



[data-aos=fade-up-left] {



  -webkit-transform: translate3d(100px, 100px, 0);



  transform: translate3d(100px, 100px, 0)



}



[data-aos=fade-down-right] {



  -webkit-transform: translate3d(-100px, -100px, 0);



  transform: translate3d(-100px, -100px, 0)



}



[data-aos=fade-down-left] {



  -webkit-transform: translate3d(100px, -100px, 0);



  transform: translate3d(100px, -100px, 0)



}



[data-aos^=zoom][data-aos^=zoom] {



  opacity: 0;



  -webkit-transition-property: opacity, -webkit-transform;



  transition-property: opacity, -webkit-transform;



  transition-property: opacity, transform;



  transition-property: opacity, transform, -webkit-transform



}



[data-aos^=zoom][data-aos^=zoom].aos-animate {



  opacity: 1;



  -webkit-transform: translateZ(0) scale(1);



  transform: translateZ(0) scale(1)



}



[data-aos=zoom-in] {



  -webkit-transform: scale(.6);



  -ms-transform: scale(.6);



  transform: scale(.6)



}



[data-aos=zoom-in-up] {



  -webkit-transform: translate3d(0, 100px, 0) scale(.6);



  transform: translate3d(0, 100px, 0) scale(.6)



}



[data-aos=zoom-in-down] {



  -webkit-transform: translate3d(0, -100px, 0) scale(.6);



  transform: translate3d(0, -100px, 0) scale(.6)



}



[data-aos=zoom-in-right] {



  -webkit-transform: translate3d(-100px, 0, 0) scale(.6);



  transform: translate3d(-100px, 0, 0) scale(.6)



}



[data-aos=zoom-in-left] {



  -webkit-transform: translate3d(100px, 0, 0) scale(.6);



  transform: translate3d(100px, 0, 0) scale(.6)



}



[data-aos=zoom-out] {



  -webkit-transform: scale(1.2);



  -ms-transform: scale(1.2);



  transform: scale(1.2)



}



[data-aos=zoom-out-up] {



  -webkit-transform: translate3d(0, 100px, 0) scale(1.2);



  transform: translate3d(0, 100px, 0) scale(1.2)



}



[data-aos=zoom-out-down] {



  -webkit-transform: translate3d(0, -100px, 0) scale(1.2);



  transform: translate3d(0, -100px, 0) scale(1.2)



}



[data-aos=zoom-out-right] {



  -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);



  transform: translate3d(-100px, 0, 0) scale(1.2)



}



[data-aos=zoom-out-left] {



  -webkit-transform: translate3d(100px, 0, 0) scale(1.2);



  transform: translate3d(100px, 0, 0) scale(1.2)



}



[data-aos^=slide][data-aos^=slide] {



  -webkit-transition-property: -webkit-transform;



  transition-property: -webkit-transform;



  transition-property: transform;



  transition-property: transform, -webkit-transform



}



[data-aos^=slide][data-aos^=slide].aos-animate {



  -webkit-transform: translateZ(0);



  transform: translateZ(0)



}



[data-aos=slide-up] {



  -webkit-transform: translate3d(0, 100%, 0);



  transform: translate3d(0, 100%, 0)



}



[data-aos=slide-down] {



  -webkit-transform: translate3d(0, -100%, 0);



  transform: translate3d(0, -100%, 0)



}



[data-aos=slide-right] {



  -webkit-transform: translate3d(-100%, 0, 0);



  transform: translate3d(-100%, 0, 0)



}



[data-aos=slide-left] {



  -webkit-transform: translate3d(100%, 0, 0);



  transform: translate3d(100%, 0, 0)



}



[data-aos^=flip][data-aos^=flip] {



  -webkit-backface-visibility: hidden;



  backface-visibility: hidden;



  -webkit-transition-property: -webkit-transform;



  transition-property: -webkit-transform;



  transition-property: transform;



  transition-property: transform, -webkit-transform



}



[data-aos=flip-left] {



  -webkit-transform: perspective(2500px) rotateY(-100deg);



  transform: perspective(2500px) rotateY(-100deg)



}



[data-aos=flip-left].aos-animate {



  -webkit-transform: perspective(2500px) rotateY(0);



  transform: perspective(2500px) rotateY(0)



}



[data-aos=flip-right] {



  -webkit-transform: perspective(2500px) rotateY(100deg);



  transform: perspective(2500px) rotateY(100deg)



}



[data-aos=flip-right].aos-animate {



  -webkit-transform: perspective(2500px) rotateY(0);



  transform: perspective(2500px) rotateY(0)



}



[data-aos=flip-up] {



  -webkit-transform: perspective(2500px) rotateX(-100deg);



  transform: perspective(2500px) rotateX(-100deg)



}



[data-aos=flip-up].aos-animate {



  -webkit-transform: perspective(2500px) rotateX(0);



  transform: perspective(2500px) rotateX(0)



}



[data-aos=flip-down] {



  -webkit-transform: perspective(2500px) rotateX(100deg);



  transform: perspective(2500px) rotateX(100deg)



}



[data-aos=flip-down].aos-animate {



  -webkit-transform: perspective(2500px) rotateX(0);



  transform: perspective(2500px) rotateX(0)



}



.swiper-container {



  list-style: none;



  margin-left: auto;



  margin-right: auto;



  overflow: hidden;



  padding: 0;



  position: relative;



  z-index: 1



}



.swiper-container-no-flexbox .swiper-slide {



  float: left



}



.swiper-container-vertical > .swiper-wrapper {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column



}



.swiper-wrapper {



  box-sizing: content-box;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 100%;



  position: relative;



  -webkit-transition-property: -webkit-transform;



  transition-property: -webkit-transform;



  transition-property: transform;



  transition-property: transform, -webkit-transform;



  width: 100%;



  z-index: 1



}



.swiper-container-android .swiper-slide, .swiper-wrapper {



  -webkit-transform: translateZ(0);



  transform: translateZ(0)



}



.swiper-container-multirow > .swiper-wrapper {



  -webkit-flex-wrap: wrap;



  -ms-flex-wrap: wrap;



  flex-wrap: wrap



}



.swiper-container-free-mode > .swiper-wrapper {



  margin: 0 auto;



  -webkit-transition-timing-function: ease-out;



  transition-timing-function: ease-out



}



.swiper-slide {



  -ms-flex-negative: 0;



  -webkit-flex-shrink: 0;



  flex-shrink: 0;



  height: 100%;



  position: relative;



  -webkit-transition-property: -webkit-transform;



  transition-property: -webkit-transform;



  transition-property: transform;



  transition-property: transform, -webkit-transform;



  width: 100%



}



.swiper-slide-invisible-blank {



  visibility: hidden



}



.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {



  height: auto



}



.swiper-container-autoheight .swiper-wrapper {



  -webkit-box-align: start;



  -ms-flex-align: start;



  -webkit-align-items: flex-start;



  align-items: flex-start;



  -webkit-transition-property: height, -webkit-transform;



  transition-property: height, -webkit-transform;



  transition-property: transform, height;



  transition-property: transform, height, -webkit-transform



}



.swiper-container-3d {



  -webkit-perspective: 1200px;



  perspective: 1200px



}



.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {



  -webkit-transform-style: preserve-3d;



  transform-style: preserve-3d



}



.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {



  height: 100%;



  left: 0;



  pointer-events: none;



  position: absolute;



  top: 0;



  width: 100%;



  z-index: 10



}



.swiper-container-3d .swiper-slide-shadow-left {



  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));



  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);



  background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)



}



.swiper-container-3d .swiper-slide-shadow-right {



  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));



  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);



  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)



}



.swiper-container-3d .swiper-slide-shadow-top {



  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));



  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);



  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)



}



.swiper-container-3d .swiper-slide-shadow-bottom {



  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));



  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);



  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)



}



.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {



  -ms-touch-action: pan-y;



  touch-action: pan-y



}



.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {



  -ms-touch-action: pan-x;



  touch-action: pan-x



}



.swiper-button-next, .swiper-button-prev {



  background-position: 50%;



  background-repeat: no-repeat;



  background-size: 27px 44px;



  cursor: pointer;



  height: 44px;



  margin-top: -22px;



  position: absolute;



  top: 50%;



  width: 27px;



  z-index: 10



}



.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {



  cursor: auto;



  opacity: .35;



  pointer-events: none



}



.swiper-button-prev, .swiper-container-rtl .swiper-button-next {



  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");



  left: 10px;



  right: auto



}



.swiper-button-next, .swiper-container-rtl .swiper-button-prev {



  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");



  left: auto;



  right: 10px



}



.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {



  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")



}



.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {



  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")



}



.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {



  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")



}



.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {



  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")



}



.swiper-button-lock {



  display: none



}



.swiper-pagination {



  position: absolute;



  text-align: center;



  -webkit-transform: translateZ(0);



  transform: translateZ(0);



  -webkit-transition: opacity .3s;



  transition: opacity .3s;



  z-index: 10



}



.swiper-pagination.swiper-pagination-hidden {



  opacity: 0



}



.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {



  bottom: 10px;



  left: 0;



  width: 100%



}



.swiper-pagination-bullets-dynamic {



  font-size: 0;



  overflow: hidden



}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {



  position: relative;



  -webkit-transform: scale(.33);



  -ms-transform: scale(.33);



  transform: scale(.33)



}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {



  -webkit-transform: scale(1);



  -ms-transform: scale(1);



  transform: scale(1)



}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {



  -webkit-transform: scale(.66);



  -ms-transform: scale(.66);



  transform: scale(.66)



}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {



  -webkit-transform: scale(.33);



  -ms-transform: scale(.33);



  transform: scale(.33)



}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {



  -webkit-transform: scale(.66);



  -ms-transform: scale(.66);



  transform: scale(.66)



}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {



  -webkit-transform: scale(.33);



  -ms-transform: scale(.33);



  transform: scale(.33)



}



.swiper-pagination-bullet {



  background: #000;



  border-radius: 100%;



  display: inline-block;



  height: 8px;



  opacity: .2;



  width: 8px



}



button.swiper-pagination-bullet {



  -webkit-appearance: none;



  -moz-appearance: none;



  appearance: none;



  border: none;



  box-shadow: none;



  margin: 0;



  padding: 0



}



.swiper-pagination-clickable .swiper-pagination-bullet {



  cursor: pointer



}



.swiper-pagination-bullet-active {



  background: #007aff;



  opacity: 1



}



.swiper-container-vertical > .swiper-pagination-bullets {



  right: 10px;



  top: 50%;



  -webkit-transform: translate3d(0, -50%, 0);



  transform: translate3d(0, -50%, 0)



}



.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {



  display: block;



  margin: 6px 0



}



.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {



  top: 50%;



  -webkit-transform: translateY(-50%);



  -ms-transform: translateY(-50%);



  transform: translateY(-50%);



  width: 8px



}



.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {



  display: inline-block;



  -webkit-transition: top .2s, -webkit-transform .2s;



  transition: top .2s, -webkit-transform .2s;



  transition: transform .2s, top .2s;



  transition: transform .2s, top .2s, -webkit-transform .2s



}



.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {



  margin: 0 4px



}



.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {



  left: 50%;



  -webkit-transform: translateX(-50%);



  -ms-transform: translateX(-50%);



  transform: translateX(-50%);



  white-space: nowrap



}



.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {



  -webkit-transition: left .2s, -webkit-transform .2s;



  transition: left .2s, -webkit-transform .2s;



  transition: transform .2s, left .2s;



  transition: transform .2s, left .2s, -webkit-transform .2s



}



.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {



  -webkit-transition: right .2s, -webkit-transform .2s;



  transition: right .2s, -webkit-transform .2s;



  transition: transform .2s, right .2s;



  transition: transform .2s, right .2s, -webkit-transform .2s



}



.swiper-pagination-progressbar {



  background: rgba(0, 0, 0, .25);



  position: absolute



}



.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {



  background: #007aff;



  height: 100%;



  left: 0;



  position: absolute;



  top: 0;



  -webkit-transform: scale(0);



  -ms-transform: scale(0);



  transform: scale(0);



  -webkit-transform-origin: left top;



  -ms-transform-origin: left top;



  transform-origin: left top;



  width: 100%



}



.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {



  -webkit-transform-origin: right top;



  -ms-transform-origin: right top;



  transform-origin: right top



}



.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {



  height: 4px;



  left: 0;



  top: 0;



  width: 100%



}



.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {



  height: 100%;



  left: 0;



  top: 0;



  width: 4px



}



.swiper-pagination-white .swiper-pagination-bullet-active {



  background: #fff



}



.swiper-pagination-progressbar.swiper-pagination-white {



  background: hsla(0, 0%, 100%, .25)



}



.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {



  background: #fff



}



.swiper-pagination-black .swiper-pagination-bullet-active {



  background: #000



}



.swiper-pagination-progressbar.swiper-pagination-black {



  background: rgba(0, 0, 0, .25)



}



.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {



  background: #000



}



.swiper-pagination-lock {



  display: none



}



.swiper-scrollbar {



  background: rgba(0, 0, 0, .1);



  border-radius: 10px;



  position: relative;



  -ms-touch-action: none



}



.swiper-container-horizontal > .swiper-scrollbar {



  bottom: 3px;



  height: 5px;



  left: 1%;



  position: absolute;



  width: 98%;



  z-index: 50



}



.swiper-container-vertical > .swiper-scrollbar {



  height: 98%;



  position: absolute;



  right: 3px;



  top: 1%;



  width: 5px;



  z-index: 50



}



.swiper-scrollbar-drag {



  background: rgba(0, 0, 0, .5);



  border-radius: 10px;



  height: 100%;



  left: 0;



  position: relative;



  top: 0;



  width: 100%



}



.swiper-scrollbar-cursor-drag {



  cursor: move



}



.swiper-scrollbar-lock {



  display: none



}



.swiper-zoom-container {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 100%;



  -webkit-justify-content: center;



  justify-content: center;



  text-align: center;



  width: 100%



}



.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {



  max-height: 100%;



  max-width: 100%;



  object-fit: contain



}



.swiper-slide-zoomed {



  cursor: move



}



.swiper-lazy-preloader {



  -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;



  animation: swiper-preloader-spin 1s steps(12) infinite;



  height: 42px;



  left: 50%;



  margin-left: -21px;



  margin-top: -21px;



  position: absolute;



  top: 50%;



  -webkit-transform-origin: 50%;



  -ms-transform-origin: 50%;



  transform-origin: 50%;



  width: 42px;



  z-index: 10



}



.swiper-lazy-preloader:after {



  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");



  background-position: 50%;



  background-repeat: no-repeat;



  background-size: 100%;



  content: "";



  display: block;



  height: 100%;



  width: 100%



}



.swiper-lazy-preloader-white:after {



  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")



}



@-webkit-keyframes swiper-preloader-spin {



  to {



    -webkit-transform: rotate(1turn);



    transform: rotate(1turn)



  }



}



@keyframes swiper-preloader-spin {



  to {



    -webkit-transform: rotate(1turn);



    transform: rotate(1turn)



  }



}



.swiper-container .swiper-notification {



  left: 0;



  opacity: 0;



  pointer-events: none;



  position: absolute;



  top: 0;



  z-index: -1000



}



.swiper-container-fade.swiper-container-free-mode .swiper-slide {



  -webkit-transition-timing-function: ease-out;



  transition-timing-function: ease-out



}



.swiper-container-fade .swiper-slide {



  pointer-events: none;



  -webkit-transition-property: opacity;



  transition-property: opacity



}



.swiper-container-fade .swiper-slide .swiper-slide {



  pointer-events: none



}



.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {



  pointer-events: auto



}



.swiper-container-cube {



  overflow: visible



}



.swiper-container-cube .swiper-slide {



  -webkit-backface-visibility: hidden;



  backface-visibility: hidden;



  height: 100%;



  pointer-events: none;



  -webkit-transform-origin: 0 0;



  -ms-transform-origin: 0 0;



  transform-origin: 0 0;



  visibility: hidden;



  width: 100%;



  z-index: 1



}



.swiper-container-cube .swiper-slide .swiper-slide {



  pointer-events: none



}



.swiper-container-cube.swiper-container-rtl .swiper-slide {



  -webkit-transform-origin: 100% 0;



  -ms-transform-origin: 100% 0;



  transform-origin: 100% 0



}



.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {



  pointer-events: auto



}



.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {



  pointer-events: auto;



  visibility: visible



}



.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {



  -webkit-backface-visibility: hidden;



  backface-visibility: hidden;



  z-index: 0



}



.swiper-container-cube .swiper-cube-shadow {



  background: #000;



  bottom: 0;



  -webkit-filter: blur(50px);



  filter: blur(50px);



  height: 100%;



  left: 0;



  opacity: .6;



  position: absolute;



  width: 100%;



  z-index: 0



}



.swiper-container-flip {



  overflow: visible



}



.swiper-container-flip .swiper-slide {



  -webkit-backface-visibility: hidden;



  backface-visibility: hidden;



  pointer-events: none;



  z-index: 1



}



.swiper-container-flip .swiper-slide .swiper-slide {



  pointer-events: none



}



.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {



  pointer-events: auto



}



.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {



  -webkit-backface-visibility: hidden;



  backface-visibility: hidden;



  z-index: 0



}



.swiper-container-coverflow .swiper-wrapper {



  -ms-perspective: 1200px



}



.slick-slider {



  -webkit-touch-callout: none;



  -webkit-tap-highlight-color: transparent;



  box-sizing: border-box;



  -ms-touch-action: pan-y;



  touch-action: pan-y;



  -webkit-user-select: none;



  -moz-user-select: none;



  -ms-user-select: none;



  user-select: none;



  -khtml-user-select: none



}



.slick-list, .slick-slider {



  display: block;



  position: relative



}



.slick-list {



  margin: 0;



  overflow: hidden;



  padding: 0



}



.slick-list:focus {



  outline: none



}



.slick-list.dragging {



  cursor: pointer;



  cursor: hand



}



.slick-slider .slick-list, .slick-slider .slick-track {



  -webkit-transform: translateZ(0);



  -ms-transform: translateZ(0);



  transform: translateZ(0)



}



.slick-track {



  display: block;



  left: 0;



  margin-left: auto;



  margin-right: auto;



  position: relative;



  top: 0



}



.slick-track:after, .slick-track:before {



  content: "";



  display: table



}



.slick-track:after {



  clear: both



}



.slick-loading .slick-track {



  visibility: hidden



}



.slick-slide {



  display: none;



  float: left;



  height: 100%;



  min-height: 1px



}



[dir=rtl] .slick-slide {



  float: right



}



.slick-slide img {



  display: block



}



.slick-slide.slick-loading img {



  display: none



}



.slick-slide.dragging img {



  pointer-events: none



}



.slick-initialized .slick-slide {



  display: block



}



.slick-loading .slick-slide {



  visibility: hidden



}



.slick-vertical .slick-slide {



  border: 1px solid transparent;



  display: block;



  height: auto



}



.slick-arrow.slick-hidden {



  display: none



}



html {



  font-size: 14px



}



@media (min-width:668px) and (max-width:1919px) {



  html {



    font-size: 19.5px;



    font-size: calc(8.13099px + .87859vw)



  }



}



@media (min-width:1920px) {



  html {



    font-size: 25px



  }



}



svg {



  fill: currentColor;



  display: inline-block;



  overflow: hidden



}



.hidden-svg {



  display: block;



  height: 0;



  overflow: hidden;



  width: 0



}



[data-aos=fade-up] {



  -webkit-transform: translate3d(0, 1.2rem, 0);



  transform: translate3d(0, 1.2rem, 0)



}



*, :after, :before {



  box-sizing: border-box



}



@font-face {



  font-family: Montserrat-Regular;



  src: url(../font/Montserrat-Regular.eot);



  src: url(../font/Montserrat-Regular.eot) format("embedded-opentype"), url(../font/Montserrat-Regular.woff2) format("woff2"), url(../font/Montserrat-Regular.woff) format("woff"), url(../font/Montserrat-Regular.ttf) format("truetype"), url(https://www.whatsapp998.com/style/fonts/Montserrat-Regular.svg) format("svg")



}



@font-face {



  font-family: Montserrat-Bold;



  src: url(../font/Montserrat-Regular.eot);



  src: url(../font/Montserrat-Regular.eot) format("embedded-opentype"), url(../font/Montserrat-Regular.woff2) format("woff2"), url(../font/Montserrat-Regular.woff) format("woff"), url(../font/Montserrat-Regular.ttf) format("truetype"), url(../font/Montserrat-Bold.svg) format("svg")



}



@font-face {



  font-family: TwCenMT-Regular;



  src: url(../font/Montserrat-Regular.eot);



  src: url(../font/Montserrat-Regular.eot) format("embedded-opentype"), url(../font/Montserrat-Regular.woff2) format("woff2"), url(../font/Montserrat-Regular.woff) format("woff"), url(../font/Montserrat-Regular.ttf) format("truetype"), url(../font/TwCenMT-Regular.svg) format("svg")



}



body {



  color: #333;



  font-family: Helvetica Neue, Helvetica, Arial, Microsoft YaHei, "sans-serif";



  font-size: 16px;



  line-height: 1.5em



}



#wraper {



  margin-left: auto;



  margin-right: auto;



  max-width: 1920px;



  overflow: hidden



}



a {



  color: #333;



  text-decoration: none



}



.w {



  margin-left: auto;



  margin-right: auto;



  max-width: 80%



}



@media (max-width:1201px) {



  .w {



    max-width: 100%;



    padding-left: 20px;



    padding-right: 20px



  }



}



.mt {



  margin-top: 90px



}



@media (max-width:1201px) {



  .mt {



    margin-top: 60px



  }



}



.pt {



  margin-top: 90px



}



@media (max-width:1201px) {



  .pt {



    margin-top: 60px



  }



}



a .btn01 {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-align-items: center;



  align-items: center;



  border-radius: 19px;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 38px;



  -webkit-justify-content: center;



  justify-content: center;



  overflow: hidden;



  padding: 0 25px;



  position: relative



}



@media (max-width:1440px) {



  a .btn01 {



    border-radius: 17px;



    height: 34px;



    padding: 0 20px



  }



}



@media (max-width:1288px) {



  a .btn01 {



    border-radius: 15px;



    height: 30px



  }



}



a .btn01:after, a .btn01:before {



  content: "";



  display: block;



  height: 100%;



  overflow: hidden;



  position: absolute;



  right: 0;



  top: 0;



  width: 100%;



  z-index: 1



}



a .btn01:before {



  background: -webkit-linear-gradient(left, #C9A712, #CEAB10);



  background: linear-gradient(90deg, #C9A712, #CEAB10);



  opacity: 0



}



a .btn01 em {



  color: #D18C3D;



  font-size: 14px;



  font-style: normal;



  font-weight: 700;



  line-height: 1em;



  position: relative;



  white-space: nowrap;



  z-index: 2



}



@media (max-width:1440px) {



  a .btn01 em {



    font-size: 12px



  }



}



a .btn01 svg {



  color: #D18C3D;



  height: 16px;



  margin-left: 8px;



  position: relative;



  width: 16px;



  z-index: 2



}



@media (max-width:1440px) {



  a .btn01 svg {



    height: 13px;



    margin-left: 5px;



    width: 13px



  }



}



a .btn01_border:after {



  border: 1px solid #D18C3D;



  border-radius: 19px



}



@media (max-width:1440px) {



  a .btn01_border:after {



    border-radius: 17px



  }



}



a .btn01_border_white:before {



  background: #fff



}



a .btn01_border_white:after {



  border: 1px solid #fff;



  border-radius: 19px



}



@media (max-width:1440px) {



  a .btn01_border_white:after {



    border-radius: 17px



  }



}



a .btn01_border_white em, a .btn01_border_white svg {



  color: #fff



}



a .btn01_linear:before {



  background: -webkit-linear-gradient(left, #C9A712, #CEAB10);



  background: linear-gradient(90deg, #C9A712, #CEAB10);



  opacity: 1;



  width: 100%



}



a .btn01_linear:after {



  border: 1px solid #D18C3D;



  border-radius: 19px;



  opacity: 0



}



@media (max-width:1440px) {



  a .btn01_linear:after {



    border-radius: 17px



  }



}



a .btn01_linear em, a .btn01_linear svg {



  color: #fff



}



a:hover .btn01_border:before {



  opacity: 1



}



a:hover .btn01_border:after {



  opacity: 0



}



a:hover .btn01_border em, a:hover .btn01_border svg {



  color: #fff



}



a:hover .btn01_border_white:before {



  opacity: 1



}



a:hover .btn01_border_white em, a:hover .btn01_border_white svg {



  color: #D18C3D



}



a:hover .btn01_linear:before {



  opacity: 0



}



a:hover .btn01_linear:after {



  opacity: 1



}



a:hover .btn01_linear em, a:hover .btn01_linear svg {



  color: #D18C3D



}



.more_qr_qiwei {



  display: block;



  position: relative



}



.more_qr_qiwei .qr_qiwei {



  background-color: #fff;



  border: 1px solid #ddd;



  bottom: 40px;



  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);



  display: none;



  left: 50%;



  position: absolute;



  -webkit-transform: translateX(-50%);



  -ms-transform: translateX(-50%);



  transform: translateX(-50%);



  width: 120px;



  z-index: 20



}



.more_qr_qiwei .qr_qiwei img {



  display: block;



  width: 100%



}



.more_qr_qiwei .qr_qiwei i {



  color: #666;



  display: block;



  font-size: 14px;



  font-style: normal;



  line-height: 22px;



  text-align: center



}



.common_txt {



  font-size: 16px;



  line-height: 2em



}



@media (max-width:1681px) {



  .common_txt {



    font-size: 14px



  }



}



@media (max-width:668px) {



  .common_txt {



    line-height: 1.6em



  }



}



.common_txt p {



  margin: 0 0 .8rem



}



.common_txt p:last-of-type {



  margin: 0



}



.common_txt img {



  height: auto !important;



  max-width: 100% !important



}



.title01 {



  font-weight: 400;



  margin: 0;



  padding: 0;



  text-align: center



}



.title01 b.t {



  display: block;



  font-size: 2.44rem;



  font-weight: 700;



  line-height: 1.3em;



  color:#FFF;	



}



@media (max-width:668px) {



  .title01 b.t {



    font-size: 20px



  }



}



.title01 .des {



  color: #999;



  margin-top: .8rem



}



@media (max-width:668px) {



  .title01 .des {



    margin-top: 10px



  }



}



.title02 {



  margin: 0;



  padding: 0



}



.title02 b {



  color: #FFF;



  display: block;



  font-size: 1.84rem;



  line-height: 1em



}



@media (max-width:1681px) {



  .title02 b {



    font-size: 1.6rem



  }



}



@media (max-width:1288px) {



  .title02 b {



    font-size: 30px



  }



}



@media (max-width:1201px) {



  .title02 b {



    font-size: 30px



  }



}



@media (max-width:668px) {



  .title02 b {



    font-size: 22px



  }



}



.title02.center {



  text-align: center



}



.title02 p {



  color:#fff;



  font-weight: 400;



}



.title02.line:after {



  background: -webkit-linear-gradient(left, #C9A712, #CEAB10);



  background: linear-gradient(90deg, #C9A712, #CEAB10);



  content: "";



  display: block;



  height: 2px;



  line-height: 2px;



  margin: .8rem auto 0;



  width: 2.8rem



}



.title_des {



  color: #787878;



  font-size: .72rem;



  line-height: 1.75em;



  margin: .8rem auto 0;



  max-width: 37.6rem;



  text-align: center



}



@media (max-width:1201px) {



  .title_des {



    font-size: 14px;



    line-height: 2em;



    max-width: 100%;



    padding: 0 20px



  }



}



@media (max-width:668px) {



  .title_des.phone_nopadding {



    padding: 0



  }



}



.swiper_arrows .swiper_arrow {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  border: 1px solid #fff;



  background-color: #fff;	



  border-radius: 100%;



  cursor: pointer;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 1.84rem;



  -webkit-justify-content: center;



  justify-content: center;



  margin-top: -.92rem;



  outline: none;



  position: absolute;



  top: 50%;



  -webkit-user-select: none;



  -moz-user-select: none;



  -ms-user-select: none;



  user-select: none;



  width: 1.84rem;



  z-index: 2



}



@media (max-width:668px) {



  .swiper_arrows .swiper_arrow {



    height: 36px;



    width: 36px



  }



}



.swiper_arrows .swiper_arrow svg {



  color: #555;



  height: .48rem;



  width: .48rem



}



@media (max-width:668px) {



  .swiper_arrows .swiper_arrow svg {



    height: 12px;



    width: 12px



  }



}



.swiper_arrows .swiper_arrow.prev {



  left: 0



}



.swiper_arrows .swiper_arrow.prev svg {



  -webkit-transform: rotate(180deg);



  -ms-transform: rotate(180deg);



  transform: rotate(180deg)



}



.swiper_arrows .swiper_arrow.next {



  right: 0



}



.swiper_arrows .swiper_arrow:hover {



  background-color: #D18C3D;



  border-color: #D18C3D



}



.swiper_arrows .swiper_arrow:hover svg {



  color: #fff



}



.pagenation, .pagenation .page-numbers {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-justify-content: center;



  justify-content: center



}



.pagenation .page-numbers {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  border: 1px solid #ddd;



  border-radius: 100%;



  color: #999;



  font-size: 16px;



  height: 1.84rem;



  line-height: 1em;



  margin: 0 5px;



  width: 1.84rem



}



@media (max-width:1201px) {



  .pagenation .page-numbers {



    font-size: 14px;



    height: 32px;



    width: 32px



  }



}



.pagenation .page-numbers svg {



  color: #999;



  height: 12px;



  width: 12px



}



.pagenation .page-numbers.prev svg {



  -webkit-transform: rotate(180deg);



  -ms-transform: rotate(180deg);



  transform: rotate(180deg)



}



.pagenation .page-numbers.current, .pagenation .page-numbers:hover {



  background: -webkit-linear-gradient(left, #C9A712, #CEAB10);



  background: linear-gradient(90deg, #C9A712, #CEAB10);



  border-color: transparent;



  color: #fff



}



.pagenation .page-numbers.current svg, .pagenation .page-numbers:hover svg {



  color: #fff



}



.n_banner {



  height: 26rem;



  position: relative;



  width: 100%



}



@media (max-width:668px) {



  .n_banner {



    height: 380px



  }



}



.n_banner_txt {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  height: 100%;



  -webkit-justify-content: center;



  justify-content: center;



  left: 50%;



  padding-top: 90px;



  position: absolute;



  top: 0;



  -webkit-transform: translateX(-50%);



  -ms-transform: translateX(-50%);



  transform: translateX(-50%);



  width: 100%;



  z-index: 2



}



@media (max-width:1201px) {



  .n_banner_txt {



    padding: 60px 20px 20px



  }



}



@media (max-width:668px) {



  .n_banner_txt {



    -webkit-box-pack: start;



    -ms-flex-pack: start;



    -webkit-justify-content: flex-start;



    justify-content: flex-start;



    padding-top: 80px



  }



}



.n_banner_txt .inner {



  max-width: 100%;



  text-align: center;	



}



@media (max-width:668px) {



  .n_banner_txt .inner {



    max-width: 100%



  }



	.n_banner_txt .inner img{width: 100%}	



}







.n_banner_txt .title h1 {



  color: #D18C3D;



  font-size: 2.54rem;



  line-height: 1em;



  margin: 0;



  padding: 0



}



@media (max-width:1201px) {



  .n_banner_txt .title h1 {



    font-size: 26px



  }



}



@media (max-width:668px) {



  .n_banner_txt .title h1 {



    font-size: 22px



  }



}



.n_banner_txt .title p {



  color: #FFF;



  font-size: 1.64rem;



  line-height: 3.5em;



  margin: .4rem 0 0



}



.n_banner_txt .title p.supply {



  color: #FFF;



  font-size: 1.44rem;



  line-height: 2.1em;



  margin: .4rem 0 0



}



@media (max-width:1201px) {



  .n_banner_txt .title p {



    font-size: 18px



  }



}



@media (max-width:668px) {



  .n_banner_txt .title p {



    font-size: 16px



  }



}



.n_banner_txt .des {



  color: #fff;



  font-size: .64rem;



  line-height: 1.75em;



  margin: 1rem 0 2rem



}



@media (max-width:1201px) {



  .n_banner_txt .des {



    font-size: 14px;



    margin: 15px 0 25px



  }



}



@media (max-width:668px) {



  .n_banner_txt .des {



    font-size: 13px



  }



}



.n_banner_txt .more {



  display: inline-block



}



.n_banner_txt .more .btn01 {



  border-radius: 23px;



  height: 46px;



  padding: 0 35px



}



@media (max-width:1380px) {



  .n_banner_txt .more .btn01 {



    border-radius: 18px;



    height: 36px;



    padding: 0 25px



  }



}



.n_banner_txt .more .btn01:after {



  border-radius: 23px



}



@media (max-width:1380px) {



  .n_banner_txt .more .btn01:after {



    border-radius: 18px



  }



}



.n_banner_txt .more .btn01 em {



  font-size: 16px



}



@media (max-width:1380px) {



  .n_banner_txt .more .btn01 em {



    font-size: 14px



  }



}



.n_banner_img, .n_banner_img img {



  height: 100%;



  width: 100%



}



.n_banner_img img {



  object-fit: cover



}



.bg_color {



  background-color: #f8fbfd



}



.link > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -10px;



  padding: 0



}



.link > ul > li {



  padding: 0 10px



}



.link.link_center > ul {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-justify-content: center;



  justify-content: center



}



.link.mt30 {



  margin-top: 1.2rem



}



.link.mt40 {



  margin-top: 1.6rem



}



.link.mt50 {



  margin-top: 2rem



}



.list_circle_dot > ul {



  list-style: none;



  margin: 0;



  padding: 0



}



.list_circle_dot > ul > li {



  display: block;



  margin-bottom: .6rem



}



.list_circle_dot .item_list .t {



  color: #D18C3D;



  display: block;



  font-size: .8rem;



  line-height: 31px;



  padding-left: 1.4rem;



  position: relative;



  -webkit-transition: all .5s;



  transition: all .5s



}



@media (max-width:1201px) {



  .list_circle_dot .item_list .t {



    font-size: 18px



  }



}



@media (max-width:668px) {



  .list_circle_dot .item_list .t {



    font-size: 16px



  }



}



.list_circle_dot .item_list .t:before {



  border: 1px solid #D18C3D;



  border-radius: 100%;



  content: "";



  display: block;



  height: 15px;



  left: 0;



  position: absolute;



  top: 8px;



  width: 15px



}



.list_circle_dot .item_list .t:after {



  background: -webkit-linear-gradient(left, #06c09e, #06e2a0);



  background: linear-gradient(90deg, #06c09e, #06e2a0);



  border-radius: 100%;



  content: "";



  display: block;



  height: 7px;



  left: 4px;



  position: absolute;



  top: 12px;



  width: 7px



}



.list_circle_dot .item_list p {



  color: #FFF;



  font-size: .72rem;



  font-weight: lighter;



  line-height: 2em;



  margin: 0;



  padding-left: 1.4rem



}



@media (max-width:1201px) {



  .list_circle_dot .item_list p {



    font-size: 16px;



    font-weight: 400



  }



}



@media (max-width:668px) {



  .list_circle_dot .item_list p {



    font-size: 14px



  }



}







.list_circle_dot.list_circle_dot_line2 > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-wrap: wrap;



  -ms-flex-wrap: wrap;



  flex-wrap: wrap;



  list-style: none;



  margin: 0 -.4rem;



  padding: 0



}



.list_circle_dot.list_circle_dot_line2 > ul > li {



  margin-bottom: 1.6rem;



  padding: 0 .4rem;



  width: 50%



}



.img_s img {



  max-width: 90%



}



@media (max-width:1201px) {



  .img_s img {



    max-width: 100%



  }



}



.img_s.center {



  text-align: center



}



.aligncenter {



  display: block;



  margin-left: auto;



  margin-right: auto



}



.wp-block-image img {



  height: auto !important;



  max-width: 100% !important



}



.wp-block-image .aligncenter {



  text-align: center



}



.related_cases {



  overflow: hidden;



  padding-bottom: 2.4rem;



  padding-top: 4rem;



  position: relative



}



@media (max-width:968px) {



  .related_cases {



    padding-bottom: 20px;



    padding-top: 40px



  }



}



.related_cases .swiper-container {



  margin-left: -35px;



  overflow: hidden;



  padding: 0 35px;



  width: calc(100% + 70px)



}



.related_cases .related_cases_slide {



  position: relative



}



.related_cases .related_cases_slide .item {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  padding: 2rem 0



}



@media (max-width:968px) {



  .related_cases .related_cases_slide .item {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    padding: 20px 0



  }



}



.related_cases .related_cases_slide .item .img {



  padding-right: 1.4rem;



  width: 50%



}



@media (max-width:968px) {



  .related_cases .related_cases_slide .item .img {



    padding: 0;



    width: 100%



  }



}



.related_cases .related_cases_slide .item .img img {



  border-radius: 10px;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 100%



}



.related_cases .related_cases_slide .item .img:hover img {



  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .3)



}



.related_cases .related_cases_slide .item .txt {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  padding: 10px 0 10px 1.4rem;



  width: 50%



}



@media (max-width:968px) {



  .related_cases .related_cases_slide .item .txt {



    padding: 20px 0;



    width: 100%



  }



}



.related_cases .related_cases_slide .item .txt .t {



  color: #D18C3D;



  display: block;



  font-size: 1.36rem;



  font-weight: 700;



  line-height: 1.2em



}



@media (max-width:1201px) {



  .related_cases .related_cases_slide .item .txt .t {



    font-size: 18px



  }



}



.related_cases .related_cases_slide .item .txt .sub_t {



  color: #000;



  font-size: .88rem;



  line-height: 1.5em;



  margin: 10px 0 0



}



@media (max-width:1201px) {



  .related_cases .related_cases_slide .item .txt .sub_t {



    font-size: 16px



  }



}



.related_cases .related_cases_slide .item .txt .des {



  color: #666;



  font-size: .72rem;



  line-height: 1.5em;



  margin: .8rem 0



}



@media (max-width:1201px) {



  .related_cases .related_cases_slide .item .txt .des {



    font-size: 14px;



    margin: 20px 0



  }



}



.related_cases .related_cases_slide .item .txt .des strong {



  color: #000



}



.related_cases .related_cases_slide .item .txt .des p {



  margin: 0 0 .6rem



}



.related_cases .related_cases_slide .item .txt .des p:last-of-type {



  margin: 0



}



.related_cases .related_cases_slide .item .txt .link {



  margin-top: auto



}



.related_cases .related_cases_slide .related_cases_slide_page {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 12px;



  -webkit-justify-content: center;



  justify-content: center;



  text-align: center;



  width: 100%



}



.related_cases .related_cases_slide .related_cases_slide_page .swiper-pagination-bullet {



  background-color: #D18C3D;



  height: 12px;



  opacity: .3;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 12px



}



.related_cases .related_cases_slide .related_cases_slide_page .swiper-pagination-bullet-active {



  opacity: 1



}



.related_cases .related_cases_slide .swiper_arrows .swiper_arrow {



  position: absolute;



  top: 50%;



  -webkit-transform: translateY(-50%);



  -ms-transform: translateY(-50%);



  transform: translateY(-50%);



  z-index: 2



}



@media (max-width:668px) {



  .related_cases .related_cases_slide .swiper_arrows .swiper_arrow {



    bottom: -12px;



    top: auto;



    -webkit-transform: translateY(0);



    -ms-transform: translateY(0);



    transform: translateY(0)



  }



}



.related_cases .related_cases_slide .swiper_arrows .swiper_arrow.prev {



  left: -4.8rem



}



@media (max-width:1681px) {



  .related_cases .related_cases_slide .swiper_arrows .swiper_arrow.prev {



    left: -3.2rem



  }



}



@media (max-width:1440px) {



  .related_cases .related_cases_slide .swiper_arrows .swiper_arrow.prev {



    left: -2.4rem



  }



}



@media (max-width:1201px) {



  .related_cases .related_cases_slide .swiper_arrows .swiper_arrow.prev {



    left: 0



  }



}



.related_cases .related_cases_slide .swiper_arrows .swiper_arrow.next {



  right: -4.8rem



}



@media (max-width:1681px) {



  .related_cases .related_cases_slide .swiper_arrows .swiper_arrow.next {



    right: -3.2rem



  }



}



@media (max-width:1440px) {



  .related_cases .related_cases_slide .swiper_arrows .swiper_arrow.next {



    right: -2.4rem



  }



}



@media (max-width:1201px) {



  .related_cases .related_cases_slide .swiper_arrows .swiper_arrow.next {



    right: 0



  }



}



.related_cases .related_logos {



  margin-top: 2.4rem



}



@media (max-width:1201px) {



  .related_cases .related_logos {



    margin-top: 20px



  }



}



@media (max-width:668px) {



  .related_cases .related_logos {



    margin-top: 40px



  }



}



.related_cases .related_logos > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-wrap: wrap;



  -ms-flex-wrap: wrap;



  flex-wrap: wrap;



  list-style: none;



  margin: 0 -.8rem;



  padding: 0



}



@media (max-width:1201px) {



  .related_cases .related_logos > ul {



    margin: 0 -10px



  }



}



.related_cases .related_logos > ul > li {



  margin-bottom: 1.6rem;



  padding: 0 .8rem;



  width: 14.28%



}



@media (max-width:1201px) {



  .related_cases .related_logos > ul > li {



    margin-bottom: 20px;



    padding: 0 10px



  }



}



@media (max-width:968px) {



  .related_cases .related_logos > ul > li {



    width: 20%



  }



}



@media (max-width:668px) {



  .related_cases .related_logos > ul > li {



    width: 33.33%



  }



}



.related_cases .related_logos > ul > li .img {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  background-color: #fff;



  border: 1px solid #eee;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 4.6rem;



  -webkit-justify-content: center;



  justify-content: center;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 100%



}



.related_cases .related_logos > ul > li .img img {



  max-height: 80%;



  max-width: 80%



}



@media (max-width:668px) {



  .related_cases .related_logos > ul > li .img img {



    max-height: 60%;



    max-width: 60%



  }



}



.related_cases .related_logos > ul > li .img:hover {



  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .06)



}



.related_industry {



  overflow: hidden;



  padding-bottom: 2.4rem;



  padding-top: 4rem;



  position: relative



}



@media (max-width:1201px) {



  .related_industry {



    padding-bottom: 20px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .related_industry {



    padding-bottom: 0



  }



}



.related_industry .related_industry_slide {



  margin-top: .8rem;



  position: relative



}



.related_industry .related_industry_slide .swiper-container {



  margin-left: -1.6rem;



  overflow: hidden;



  padding: 1.6rem;



  width: calc(100% + 3.2rem)



}



.related_industry .related_industry_slide .swiper-slide .item {



  background-color: #fff;



  border-radius: 5px;



  padding: 2rem;



  text-align: center;



  -webkit-transition: all .5s;



  transition: all .5s



}



.related_industry .related_industry_slide .swiper-slide .item .icon {



  height: 6.8rem;



  margin: 0 auto;



  width: 6.8rem



}



.related_industry .related_industry_slide .swiper-slide .item .icon img {



  max-height: 100%;



  max-width: 100%



}



.related_industry .related_industry_slide .swiper-slide .item .t {



  color: #000;



  display: block;



  font-size: .96rem;



  font-weight: 400;



  line-height: 1.2em;



  margin-top: 1.6rem;



  -webkit-transition: all .5s;



  transition: all .5s



}



@media (max-width:1201px) {



  .related_industry .related_industry_slide .swiper-slide .item .t {



    font-size: 18px;



    margin-top: 20px



  }



}



.related_industry .related_industry_slide .swiper-slide .item .des {



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



  color: #666;



  display: -webkit-box;



  font-size: .64rem;



  height: 3em;



  line-height: 1.5em;



  margin: .8rem 0 1.2rem;



  min-width: 0;



  overflow: hidden;



  text-overflow: ellipsis



}



@media (max-width:1201px) {



  .related_industry .related_industry_slide .swiper-slide .item .des {



    font-size: 14px



  }



}



.related_industry .related_industry_slide .swiper-slide .item .des strong {



  color: #000



}



.related_industry .related_industry_slide .swiper-slide .item .more {



  display: inline-block



}



.related_industry .related_industry_slide .swiper-slide .item:hover {



  -webkit-transform: translateY(-10px);



  -ms-transform: translateY(-10px);



  transform: translateY(-10px)



}



.related_industry .related_industry_slide .swiper-slide .item:hover .t {



  color: #D18C3D



}



.related_industry .related_industry_slide .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .item, .related_industry .related_industry_slide .swiper-slide-active + .swiper-slide + .swiper-slide .item, .related_industry .related_industry_slide .swiper-slide-active + .swiper-slide .item, .related_industry .related_industry_slide .swiper-slide-active .item {



  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1)



}



.related_industry .related_industry_slide .related_cases_slide_page {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 12px;



  -webkit-justify-content: center;



  justify-content: center;



  margin-top: 2rem;



  text-align: center;



  width: 100%



}



.related_industry .related_industry_slide .related_cases_slide_page .swiper-pagination-bullet {



  background-color: #D18C3D;



  height: 12px;



  opacity: .3;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 12px



}



.related_industry .related_industry_slide .related_cases_slide_page .swiper-pagination-bullet-active {



  opacity: 1



}



.related_industry .related_industry_slide .swiper_arrows .swiper_arrow {



  position: absolute;



  top: 50%;



  -webkit-transform: translateY(-50%);



  -ms-transform: translateY(-50%);



  transform: translateY(-50%);



  z-index: 2



}



.related_industry .related_industry_slide .swiper_arrows .swiper_arrow.prev {



  left: -4.8rem



}



@media (max-width:1681px) {



  .related_industry .related_industry_slide .swiper_arrows .swiper_arrow.prev {



    left: -3.2rem



  }



}



@media (max-width:1440px) {



  .related_industry .related_industry_slide .swiper_arrows .swiper_arrow.prev {



    left: -2.4rem



  }



}



@media (max-width:1201px) {



  .related_industry .related_industry_slide .swiper_arrows .swiper_arrow.prev {



    left: 0



  }



}



.related_industry .related_industry_slide .swiper_arrows .swiper_arrow.next {



  right: -4.8rem



}



@media (max-width:1681px) {



  .related_industry .related_industry_slide .swiper_arrows .swiper_arrow.next {



    right: -3.2rem



  }



}



@media (max-width:1440px) {



  .related_industry .related_industry_slide .swiper_arrows .swiper_arrow.next {



    right: -2.4rem



  }



}



@media (max-width:1201px) {



  .related_industry .related_industry_slide .swiper_arrows .swiper_arrow.next {



    right: 0



  }



}



.recommend_related_products {



  overflow: hidden;



  padding-bottom: 4rem;



  padding-top: 4rem;



  position: relative



}



@media (max-width:1201px) {



  .recommend_related_products {



    padding-bottom: 20px;



    padding-top: 40px



  }



}



.recommend_related_products_list {



  margin-top: 2rem



}



@media (max-width:1201px) {



  .recommend_related_products_list {



    margin-top: 20px



  }



}



.recommend_related_products_list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -3.2rem;



  padding: 0



}



@media (max-width:1201px) {



  .recommend_related_products_list > ul {



    margin: 0 -10px



  }



}



@media (max-width:668px) {



  .recommend_related_products_list > ul {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column



  }



}



.recommend_related_products_list > ul > li {



  padding: 0 3.2rem;



  width: 33.33%



}



@media (max-width:1201px) {



  .recommend_related_products_list > ul > li {



    padding: 0 10px



  }



}



@media (max-width:668px) {



  .recommend_related_products_list > ul > li {



    width: 100%



  }



}



.recommend_related_products_list > ul > li .item {



  border-radius: 10px;



  padding: 3.2rem 2rem;



  text-align: center



}



@media (max-width:1201px) {



  .recommend_related_products_list > ul > li .item {



    padding: 40px 20px



  }



}



.recommend_related_products_list > ul > li .item_t {



  color: #D18C3D;



  display: block;



  font-size: .96rem;



  line-height: 1em



}



@media (max-width:1201px) {



  .recommend_related_products_list > ul > li .item_t {



    font-size: 18px



  }



}



.recommend_related_products_list > ul > li .item_icon {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 4rem;



  -webkit-justify-content: center;



  justify-content: center;



  margin: .8rem auto .4rem;



  width: 6rem



}



@media (max-width:668px) {



  .recommend_related_products_list > ul > li .item_icon {



    height: 80px;



    margin: 20px auto;



    width: 120px



  }



}



.recommend_related_products_list > ul > li .item_icon img {



  max-height: 100%;



  max-width: 100%



}



.recommend_related_products_list > ul > li .item_des {



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



  color: #666;



  display: -webkit-box;



  font-size: .64rem;



  height: 4em;



  line-height: 2em;



  min-width: 0;



  overflow: hidden;



  text-overflow: ellipsis



}



@media (max-width:1201px) {



  .recommend_related_products_list > ul > li .item_des {



    font-size: 14px



  }



}



.recommend_related_products_list > ul > li .item .link {



  margin-top: 2.4rem



}



@media (max-width:668px) {



  .recommend_related_products_list > ul > li .item .link {



    margin-top: 20px



  }



}



.recommend_related_products_list > ul > li .item:hover {



  background-color: #fff;



  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1)



}



.index_banner {



  height: calc(100vh - 90px);



  overflow: hidden;



  position: relative;



  width: 100%;



  border-bottom: #222 solid 1px;



}



@media (max-width:1201px) {



  .index_banner {



    height: calc(100vh - 60px)



  }



}



@media (max-width:968px) {



  .index_banner {



    height: 600px



  }



}



@media (max-width:668px) {



  .index_banner {



    height: 400px



  }



}



.index_banner_txt {



  left: 50%;



  position: absolute;



  text-align: center;



  top: 5.2rem;



  -webkit-transform: translateX(-50%);



  -ms-transform: translateX(-50%);



  transform: translateX(-50%);



  width: 36rem;



  z-index: 10



}



@media (max-width:1681px) {



  .index_banner_txt {



    top: 3.2rem



  }



}



@media (max-width:1440px) {



  .index_banner_txt {



    top: 4.8rem



  }



}



@media (max-width:1380px) {



  .index_banner_txt {



    top: 2rem;



    width: 30rem



  }



}



@media (max-width:1288px) {



  .index_banner_txt {



    top: 25px



  }



}



@media (max-width:1201px) {



  .index_banner_txt {



    top: 100px



  }



}



@media (max-width:668px) {



  .index_banner_txt {



    padding: 0 20px;



    top: 20px;



    width: 100%



  }



}



.index_banner_txt .t {



  color: #FFF;



  font-size: 2.44rem;



  font-weight: 700;



  line-height: 1.5em;



  margin: 0;



  padding: 0



}



@media (max-width:668px) {



  .index_banner_txt .t {



    font-size: 24px



  }



}



.index_banner_txt .t br {



  display: none



}



@media (max-width:668px) {



  .index_banner_txt .t br {



    display: block



  }



}



.index_banner_txt .des {



  color: #999;



  font-size: .72rem;



  line-height: 2em;



  margin: .8rem 0 1.2rem



}



@media (max-width:1681px) {



  .index_banner_txt .des {



    margin: .6rem 0



  }



}



@media (max-width:1288px) {



  .index_banner_txt .des {



    margin: 5px 0 10px



  }



}



@media (max-width:668px) {



  .index_banner_txt .des {



    font-size: 14px;



    line-height: 1.5em



  }



}



.index_banner_txt .more {



  display: inline-block



}



.index_banner_txt .more .btn01 {



  border-radius: 23px;



  height: 46px;



  padding: 0 35px



}



@media (max-width:1380px) {



  .index_banner_txt .more .btn01 {



    border-radius: 18px;



    height: 36px;



    padding: 0 25px



  }



}



.index_banner_txt .more .btn01:after {



  border-radius: 23px



}



@media (max-width:1380px) {



  .index_banner_txt .more .btn01:after {



    border-radius: 18px



  }



}



.index_banner_txt .more .btn01 em {



  font-size: 16px



}



@media (max-width:1380px) {



  .index_banner_txt .more .btn01 em {



    font-size: 14px



  }



}



.index_banner_blocks {



  bottom: 0;



  height: 20.76rem;



  left: 50%;



  position: absolute;



  -webkit-transform: translateX(-50%);



  -ms-transform: translateX(-50%);



  transform: translateX(-50%);



  width: 20.56rem;



  z-index: 2



}



@media (max-width:1380px) {



  .index_banner_blocks {



    height: 18.8rem



  }



}



@media (max-width:668px) {



  .index_banner_blocks {



    height: 230px;



    width: 100%



  }



}



.index_banner_blocks > .inner {



  height: 100%;



  position: relative;



  width: 100%



}



.index_banner_blocks_wdg {



  left: 50%;



  position: absolute;



  bottom: 0;



  -webkit-transform: translateX(-50%);



  -ms-transform: translateX(-50%);



  transform: translateX(-50%);



  z-index: 5



}



@media (max-width:1380px) {



  .index_banner_blocks_wdg {



    height: 27.2rem;



    width: 15.76rem



  }



}



@media (max-width:668px) {



  .index_banner_blocks_wdg {



    height: 245px;



    width: 340px



  }



}



.index_banner_blocks_cube {



  height: 8.92rem;



  left: 50%;



  position: absolute;



  top: 3.4rem;



  -webkit-transform: translateX(-50%);



  -ms-transform: translateX(-50%);



  transform: translateX(-50%);



  width: 7.6rem;



  z-index: 4



}



.index_banner_blocks_cube_small {



  height: 4.76rem;



  position: absolute;



  top: 7.6rem;



  width: 4.08rem;



  z-index: 6



}



.index_banner_blocks_cube_small.small01 {



  left: 0



}



@media (max-width:668px) {



  .index_banner_blocks_cube_small.small01 {



    left: 20px



  }



}



.index_banner_blocks_cube_small.small02 {



  right: 0



}



@media (max-width:668px) {



  .index_banner_blocks_cube_small.small02 {



    right: 20px



  }



}



.index_banner_bgsvg {



  height: 100%;



  left: 0;



  position: absolute;



  top: 0;



  width: 100%;



  z-index: 1;



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



}



.index_banner_bgsvg img {



  display: block;



  height: 1020px;



  width: 100%



}



@media (max-height:900px) {



  .index_banner_bgsvg img {



    height: 900px



  }



}



@media (max-width:1440px) and (max-height:900px) {



  .index_banner_bgsvg img {



    height: 880px



  }



}



@media (max-width:1380px) and (max-height:800px) {



  .index_banner_bgsvg img {



    height: 750px



  }



}



@media (max-width:1201px) {



  .index_banner_bgsvg img {



    height: 1100px



  }



}



@media (max-width:968px) {



  .index_banner_bgsvg img {



    height: 1000px



  }



}



@media (max-width:668px) {



  .index_banner_bgsvg img {



    height: 900px



  }



}



.index_whitepaper {



  margin-bottom: -3.2rem;



  position: relative;



  -webkit-transform: translateY(-3.2rem);



  -ms-transform: translateY(-3.2rem);



  transform: translateY(-3.2rem);



  z-index: 20



}



@media (max-width:968px) {



  .index_whitepaper {



    margin-bottom: 0;



    margin-top: 20px;



    -webkit-transform: translateY(0);



    -ms-transform: translateY(0);



    transform: translateY(0)



  }



}



.index_whitepaper > ul {



  -webkit-box-pack: justify;



  -ms-flex-pack: justify;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-justify-content: space-between;



  justify-content: space-between;



  list-style: none;



  margin: 0 -.84rem;



  padding: 0



}



@media (max-width:1201px) {



  .index_whitepaper > ul {



    margin: 0 -10px



  }



}



@media (max-width:668px) {



  .index_whitepaper > ul {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-box-pack: start;



    -ms-flex-pack: start;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-justify-content: flex-start;



    justify-content: flex-start



  }



}



.index_whitepaper > ul > li {



  padding: 0 .84rem;



  width: 33.33%



}



@media (max-width:1201px) {



  .index_whitepaper > ul > li {



    padding: 0 10px



  }



}



@media (max-width:668px) {



  .index_whitepaper > ul > li {



    margin-bottom: 20px;



    width: 100%



  }



}



.index_whitepaper > ul > li .item {



  display: block;



  position: relative;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 100%



}



@media (max-width:1681px) {



  .index_whitepaper > ul > li .item {



    width: 100%



  }



}



.index_whitepaper > ul > li .item .txt {



  height: 100%;



  left: 0;



  position: absolute;



  top: 0;



  width: 100%;



  z-index: 2



}



.index_whitepaper > ul > li .item .txt_inner {



  height: 100%;



  padding: 1.6rem 20px 0 1.2rem;



  position: relative;



  width: 100%



}



@media (max-width:1288px) {



  .index_whitepaper > ul > li .item .txt_inner {



    padding: 1.4rem 20px 0 .8rem



  }



}



@media (max-width:668px) {



  .index_whitepaper > ul > li .item .txt_inner {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-box-pack: center;



    -ms-flex-pack: center;



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-justify-content: center;



    justify-content: center;



    padding: 0 20px



  }



}



.index_whitepaper > ul > li .item .txt b.t {



  color: #D18C3D;



  display: block;



  font-size: .8rem;



  line-height: 1.2em;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap



}



@media (max-width:968px) {



  .index_whitepaper > ul > li .item .txt b.t {



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;



    display: -webkit-box;



    font-size: 14px;



    height: 2.4em;



    min-width: 0;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: pre-wrap



  }



}



@media (max-width:668px) {



  .index_whitepaper > ul > li .item .txt b.t {



    font-size: 16px;



    height: auto



  }



}



.index_whitepaper > ul > li .item .txt .des {



  color: #666;



  display: block;



  font-size: .64rem;



  font-style: normal;



  height: 1.2em;



  line-height: 1.2em;



  margin-top: .6rem;



  overflow: hidden;



  padding-left: .4rem;



  text-overflow: ellipsis;



  white-space: nowrap



}



@media (max-width:968px) {



  .index_whitepaper > ul > li .item .txt .des {



    font-size: 14px



  }



}



.index_whitepaper > ul > li .item .txt .more {



  bottom: 1.2rem;



  display: inline-block;



  position: absolute;



  right: 1rem;



  z-index: 2



}



@media (max-width:1288px) {



  .index_whitepaper > ul > li .item .txt .more {



    bottom: 1rem



  }



}



@media (max-width:968px) {



  .index_whitepaper > ul > li .item .txt .more {



    -ms-flex-item-align: start;



    -webkit-align-self: flex-start;



    align-self: flex-start;



    margin-top: 10px;



    position: static



  }



}



.index_whitepaper > ul > li .item .bg img {



  -webkit-filter: drop-shadow(5px 0 30px rgba(0, 184, 205, .2));



  filter: drop-shadow(5px 0 30px rgba(0, 184, 205, .2));



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 100%



}



@media (max-width:968px) {



  .index_whitepaper > ul > li .item .bg img {



    -webkit-filter: drop-shadow(5px 0 20px rgba(0, 184, 205, .2));



    filter: drop-shadow(5px 0 20px rgba(0, 184, 205, .2))



  }



}



.index_whitepaper > ul > li .item:hover {



  -webkit-transform: translateY(-10px);



  -ms-transform: translateY(-10px);



  transform: translateY(-10px)



}



.index_whitepaper > ul > li .item:hover .bg img {



  -webkit-filter: drop-shadow(5px 0 20px rgba(0, 154, 172, .5));



  filter: drop-shadow(5px 0 20px rgba(0, 154, 172, .5))



}



.index_solution {



  padding-bottom: 2rem;



  padding-top: 4rem



}



@media (max-width:968px) {



  .index_solution {



    padding-bottom: 40px;



    padding-top: 20px



  }



}



.index_solution_hd {



  margin: 0 0 1.6rem



}



@media (max-width:1288px) {



  .index_solution_hd {



    margin-bottom: 20px



  }



}



@media (max-width:668px) {



  .index_solution_hd {



    margin: 20px 0



  }



}



.index_solution_hd > ul {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-justify-content: center;



  justify-content: center;



  list-style: none;



  margin: 0 -2rem;



  padding: 0



}



@media (max-width:668px) {



  .index_solution_hd > ul {



    margin: 0 -10px



  }



}



.index_solution_hd > ul > li {



  padding: 0 1rem



}



@media (max-width:668px) {



  .index_solution_hd > ul > li {



    padding: 0 10px;



    width: 25%



  }



}



.index_solution_hd > ul > li .item {



  cursor: pointer;



  height: 9.8rem;



  margin-top: 1.6rem;



  position: relative;



  width: 8.2rem



}



@media (max-width:668px) {



  .index_solution_hd > ul > li .item {



    height: 120px;



    margin-top: 10px;



    width: 100%



  }



}



.index_solution_hd > ul > li .item img {



  height: 5.8rem;



  left: 52%;



  opacity: 0;



  position: absolute;



  top: 0;



  -webkit-transform: translate(-50%, 2rem);



  -ms-transform: translate(-50%, 2rem);



  transform: translate(-50%, 2rem);



  -webkit-transition: all .3s;



  transition: all .3s;



  width: 5rem;



  z-index: 1



}



@media (max-width:668px) {



  .index_solution_hd > ul > li .item img {



    height: 70px;



    -webkit-transform: translate(-50%, 40px);



    -ms-transform: translate(-50%, 40px);



    transform: translate(-50%, 40px);



    width: 60px



  }



}



.index_solution_hd > ul > li .item:before {



  background-image: url(../image/index_solution_hd_base.png);



  background-position: 50%;



  background-repeat: no-repeat;



  background-size: cover;



  bottom: 0;



  content: "";



  display: block;



  height: 5rem;



  left: 0;



  position: absolute;



  width: 8.48rem;



  z-index: 1



}



@media (max-width:668px) {



  .index_solution_hd > ul > li .item:before {



    height: 50px;



    width: 100%



  }



}



.index_solution_hd > ul > li .item .t {



  color: #fff;



  display: block;



  font-size: .8rem;



  font-weight: 700;



  left: 0;



  line-height: 1.2em;



  position: absolute;



  text-align: center;



  width: 100%;



  z-index: 2



}



.index_solution_hd > ul > li .item .t.t01 {



  top: 2.4rem



}



.index_solution_hd > ul > li.on .item img {



  opacity: 1;



  -webkit-transform: translate(-50%, 1.2rem);



  -ms-transform: translate(-50%, 1.2rem);



  transform: translate(-50%, 1.2rem)



}



@media (max-width:668px) {



  .index_solution_hd > ul > li.on .item img {



    -webkit-transform: translate(-50%, 30px);



    -ms-transform: translate(-50%, 30px);



    transform: translate(-50%, 30px)



  }



}



.index_solution_hd > ul > li.on .item .t.t01 {



  -webkit-transform: translateY(-2.8rem);



  -ms-transform: translateY(-2.8rem);



  transform: translateY(-2.8rem)



}



.index_solution_bd {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex



}



@media (max-width:1201px) {



  .index_solution_bd {



    -webkit-box-align: center;



    -ms-flex-align: center;



    -webkit-align-items: center;



    align-items: center



  }



}



@media (max-width:668px) {



  .index_solution_bd {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-box-align: start;



    -ms-flex-align: start;



    -webkit-align-items: flex-start;



    align-items: flex-start;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column



  }



}



.index_solution_bd .img {



  width: 57.25%



}



@media (max-width:1288px) {



  .index_solution_bd .img {



    width: 55%



  }



}



@media (max-width:668px) {



  .index_solution_bd .img {



    width: 100%



  }



}



.index_solution_bd .img img {



  max-width: 100%



}



.index_solution_bd .img img.img_shadow {



  -webkit-filter: drop-shadow(0 0 20px rgba(0, 0, 0, .1));



  filter: drop-shadow(0 0 20px rgba(0, 0, 0, .1))



}



.index_solution_bd .txt {



  -ms-flex-item-align: center;



  -ms-grid-row-align: center;



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -webkit-align-self: center;



  align-self: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  margin-left: auto;



  padding-top: 2.8rem;



  position: relative;



  width: 430px



}



@media (max-width:1288px) {



  .index_solution_bd .txt {



    padding: 40px 0 0 40px;



    width: 45%



  }



}



@media (max-width:668px) {



  .index_solution_bd .txt {



    padding-left: 0;



    width: 100%



  }



}



.index_solution_bd .txt:before {



  background-image: url(../image/quote.png);



  background-position: 50%;



  background-repeat: no-repeat;



  background-size: cover;



  content: "";



  display: block;



  height: 2rem;



  left: -2rem;



  position: absolute;



  top: -1rem;



  width: 2rem



}



@media (max-width:1288px) {



  .index_solution_bd .txt:before {



    left: 20px



  }



}



@media (max-width:1201px) {



  .index_solution_bd .txt:before {



    height: 30px;



    left: 20px;



    width: 30px



  }



}



@media (max-width:668px) {



  .index_solution_bd .txt:before {



    height: 20px;



    left: 0;



    top: 10px;



    width: 20px



  }



}



.index_solution_bd .txt .title {



  font-size: 1.2rem;



  line-height: 1.5em;



  color: #D9AE00;	



}



.index_solution_bd .txt .des {



  color: #fff;



  margin: 1.2rem 0



}



.index_solution_bd .txt .link {



  margin-top: auto



}



.index_solution_bd .txt .link > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -10px;



  padding: 0



}



.index_solution_bd .txt .link > ul > li {



  padding: 0 10px



}



.index_operational_services_col {



  margin-top: 3.2rem;



  position: relative



}



@media (max-width:668px) {



  .index_operational_services_col {



    margin-top: 20px



  }



}



.index_operational_services_list {



  height: 100%;



  left: 0;



  position: absolute;



  top: 0;



  width: 100%;



  z-index: 2



}



@media (max-width:668px) {



  .index_operational_services_list {



    position: static



  }



}



.index_operational_services_list > ul {



  display: block;



  height: 100%;



  list-style: none;



  margin: 0;



  padding: 0;



  position: relative;



  width: 100%



}



.index_operational_services_list > ul > li {



  display: block;



  position: absolute



}



@media (max-width:668px) {



  .index_operational_services_list > ul > li {



    position: static



  }



}



.index_operational_services_list > ul > li:first-of-type {



  left: 0;



  top: 0



}



.index_operational_services_list > ul > li:nth-of-type(2) {



  right: 0;



  top: 0



}



.index_operational_services_list > ul > li:nth-of-type(3) {



  bottom: 0;



  left: 0



}



.index_operational_services_list > ul > li:nth-of-type(4) {



  bottom: 0;



  right: 0



}



.index_operational_services_list > ul > li .item {



  position: relative;



  width: 472px



}



@media (max-width:1440px) {



  .index_operational_services_list > ul > li .item {



    width: 377px



  }



}



@media (max-width:1380px) {



  .index_operational_services_list > ul > li .item {



    width: 332px



  }



}



@media (max-width:668px) {



  .index_operational_services_list > ul > li .item {



    width: 100%



  }



}



.index_operational_services_list > ul > li .item .img_bg {



  position: relative;



  width: 100%



}



.index_operational_services_list > ul > li .item .img_bg img {



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 100%



}



.index_operational_services_list > ul > li .item .img_bg .b {



  left: 0;



  opacity: 1;



  position: absolute;



  top: 0;



  z-index: 1



}



.index_operational_services_list > ul > li .item .img_bg .a {



  opacity: 0



}



.index_operational_services_list > ul > li .item .item_col {



  left: 0;



  overflow: hidden;



  padding: 0 40px;



  position: absolute;



  top: 20px;



  width: 100%;



  z-index: 2



}



@media (max-width:1440px) {



  .index_operational_services_list > ul > li .item .item_col {



    padding: 0 30px;



    top: 40px



  }



}



@media (max-width:1380px) {



  .index_operational_services_list > ul > li .item .item_col {



    padding: 0 20px;



    top: 30px



  }



}



@media (max-width:668px) {



  .index_operational_services_list > ul > li .item .item_col {



    top: 50%;



    -webkit-transform: translateY(-50%);



    -ms-transform: translateY(-50%);



    transform: translateY(-50%)



  }



}



.index_operational_services_list > ul > li .item .item_col .inner {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 100%;



  position: relative;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 588px;



  z-index: 2



}



@media (max-width:1440px) {



  .index_operational_services_list > ul > li .item .item_col .inner {



    width: 480px



  }



}



@media (max-width:1380px) {



  .index_operational_services_list > ul > li .item .item_col .inner {



    width: 438px



  }



}



@media (max-width:668px) {



  .index_operational_services_list > ul > li .item .item_col .inner {



    width: 420px



  }



}



.index_operational_services_list > ul > li .item .item_col .inner > * {



  width: 33.33%



}



.index_operational_services_list > ul > li .item .item_col .inner .icon {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-justify-content: center;



  justify-content: center;



  -webkit-transition: all .5s;



  transition: all .5s



}



.index_operational_services_list > ul > li .item .item_col .inner .icon img {



  max-height: 100%;



  max-width: 100%



}



@media (max-width:1440px) {



  .index_operational_services_list > ul > li .item .item_col .inner .icon img {



    max-height: 65%;



    max-width: 65%



  }



}



@media (max-width:1380px) {



  .index_operational_services_list > ul > li .item .item_col .inner .icon img {



    max-height: 50%;



    max-width: 50%



  }



}



.index_operational_services_list > ul > li .item .item_col .inner .txt {



  padding-left: .8rem;



  -webkit-transition: all .5s;



  transition: all .5s



}



.index_operational_services_list > ul > li .item .item_col .inner .txt b.t {



  color: #D18C3D;



  display: block;



  font-size: .96rem;



  font-weight: 400;



  line-height: 1.5em;



  -webkit-transition: all .5s;



  transition: all .5s



}



@media (max-width:1440px) {



  .index_operational_services_list > ul > li .item .item_col .inner .txt b.t {



    font-size: 18px



  }



}



@media (max-width:1380px) {



  .index_operational_services_list > ul > li .item .item_col .inner .txt b.t {



    font-size: 14px



  }



}



@media (max-width:668px) {



  .index_operational_services_list > ul > li .item .item_col .inner .txt b.t {



    font-size: 16px



  }



}



.index_operational_services_list > ul > li .item .item_col .inner .txt .des {



  color: #FFF;



  line-height: 1.4em;



  margin-top: 5px;



  -webkit-transition: all .5s;



  transition: all .5s



}



@media (max-width:1440px) {



  .index_operational_services_list > ul > li .item .item_col .inner .txt .des {



    font-size: 14px



  }



}



@media (max-width:1380px) {



  .index_operational_services_list > ul > li .item .item_col .inner .txt .des {



    font-size: 14px



  }



}



.index_operational_services_list > ul > li .item .item_col .inner .link {



  height: 100%;



  opacity: 0;



  -webkit-transition: all .5s;



  transition: all .5s



}



.index_operational_services_list > ul > li .item .item_col .inner .link > ul {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -webkit-box-pack: end;



  -ms-flex-pack: end;



  -webkit-box-align: end;



  -ms-flex-align: end;



  -webkit-align-items: flex-end;



  align-items: flex-end;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  height: 100%;



  -webkit-justify-content: flex-end;



  justify-content: flex-end;



  list-style: none;



  margin: 0;



  padding: 0;



  width: 100%



}



.index_operational_services_list > ul > li .item .item_col .inner .link > ul > li {



  margin-top: 20px



}



@media (max-width:1440px) {



  .index_operational_services_list > ul > li .item .item_col .inner .link > ul > li {



    margin-top: 10px



  }



}



.index_operational_services_list > ul > li .item .item_col .inner .link > ul > li a {



  display: inline-block



}



.index_operational_services_list > ul > li .item:hover .img_bg .b {



  opacity: 0



}



.index_operational_services_list > ul > li .item:hover .img_bg .a {



  opacity: 1



}



.index_operational_services_list > ul > li .item:hover .inner {



  -webkit-transform: translateX(-33%);



  -ms-transform: translateX(-33%);



  transform: translateX(-33%)



}



.index_operational_services_list > ul > li .item:hover .inner .icon {



  opacity: 0



}



.index_operational_services_list > ul > li .item:hover .inner .txt {



  padding-left: 0



}



.index_operational_services_list > ul > li .item:hover .inner .txt .des, .index_operational_services_list > ul > li .item:hover .inner .txt b.t {



  color: #fff



}



.index_operational_services_list > ul > li .item:hover .inner .link {



  opacity: 1



}



.index_operational_services_img {



  display: block;



  height: 20rem;



  margin: 0 auto;



  width: 22.08rem



}



@media (max-width:1380px) {



  .index_operational_services_img {



    height: 22rem;



    width: 19.36rem



  }



}



@media (max-width:968px) {



  .index_operational_services_img {



    height: 341px;



    width: 300px



  }



}



@media (max-width:668px) {



  .index_operational_services_img {



    height: 284px;



    width: 250px



  }



}



.index_marketing_scenario {



  padding-bottom: 4.8rem;



  padding-top: 5.6rem



}



@media (max-width:1201px) {



  .index_marketing_scenario {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .index_marketing_scenario {



    padding-bottom: 20px



  }



}



.index_marketing_scenario_col {



  margin-top: 3.2rem



}



@media (max-width:1201px) {



  .index_marketing_scenario_col {



    margin-top: 20px



  }



}



.index_marketing_scenario_col > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-wrap: wrap;



  -ms-flex-wrap: wrap;



  flex-wrap: wrap;



  list-style: none;



  margin: 0 -.8rem;



  padding: 0



}



@media (max-width:1201px) {



  .index_marketing_scenario_col > ul {



    margin: 0 -10px



  }



}



.index_marketing_scenario_col > ul > li {



  margin-bottom: 1.6rem;



  padding: 0 .8rem;



  width: 33.33%



}



@media (max-width:1201px) {



  .index_marketing_scenario_col > ul > li {



    margin-bottom: 20px;



    padding: 0 10px



  }



}



@media (max-width:668px) {



  .index_marketing_scenario_col > ul > li {



    width: 100%



  }



}



.index_marketing_scenario_col > ul > li .item {



  background-color: #fff;



  border-radius: 10px;



  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .1);



  height: 100%;



  min-height: 9.2rem;



  overflow: hidden;



  padding: 1.6rem 3.6rem 1.2rem 1.6rem;



  position: relative



}



@media (max-width:1380px) {



  .index_marketing_scenario_col > ul > li .item {



    min-height: 10rem



  }



}



@media (max-width:968px) {



  .index_marketing_scenario_col > ul > li .item {



    min-height: 220px



  }



}



@media (max-width:668px) {



  .index_marketing_scenario_col > ul > li .item {



    min-height: 180px;



    padding: 20px



  }



}



.index_marketing_scenario_col > ul > li .item:after {



  background: -webkit-linear-gradient(left, #CF8F00, #485000);



  background: linear-gradient(90deg, #CF8F00, #485000);



  content: "";



  display: block;



  height: 100%;



  left: 0;



  opacity: 0;



  position: absolute;



  top: 0;



  width: 100%;



  z-index: 1



}



.index_marketing_scenario_col > ul > li .item .txt {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  height: 100%;



  position: relative;



  width: 80%;



  z-index: 2



}



@media (max-width:668px) {



  .index_marketing_scenario_col > ul > li .item .txt {



    padding-right: 90px;



    width: 100%



  }



}



.index_marketing_scenario_col > ul > li .item .txt b.t {



  color: #000;



  display: block;



  font-size: .88rem;



  line-height: 1.5em



}



@media (max-width:1380px) {



  .index_marketing_scenario_col > ul > li .item .txt b.t {



    font-size: 16px



  }



}



.index_marketing_scenario_col > ul > li .item .txt .des {



  color: #999;



  font-size: 14px;



  line-height: 1.8em;



  margin-top: 5px



}



@media (max-width:1380px) {



  .index_marketing_scenario_col > ul > li .item .txt .des {



    font-size: 12px;



    line-height: 1.5em



  }



}



@media (max-width:668px) {



  .index_marketing_scenario_col > ul > li .item .txt .des {



    font-size: 14px



  }



}



.index_marketing_scenario_col > ul > li .item .txt .link {



  margin-top: auto



}



.index_marketing_scenario_col > ul > li .item .txt .link > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -10px;



  padding: 0



}



.index_marketing_scenario_col > ul > li .item .txt .link > ul > li {



  padding: 0 10px



}



.index_marketing_scenario_col > ul > li .item .txt .link > ul > li a {



  display: inline-block



}



.index_marketing_scenario_col > ul > li .item .txt .link > ul > li a .btn01 {



  border-radius: 15px;



  height: 30px;



  padding: 0 20px



}



.index_marketing_scenario_col > ul > li .item .txt .link > ul > li a .btn01 em {



  font-size: 12px



}



.index_marketing_scenario_col > ul > li .item .icon {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  bottom: 1.6rem;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 4.6rem;



  -webkit-justify-content: center;



  justify-content: center;



  position: absolute;



  right: 1.6rem;



  width: 4.6rem;



  z-index: 2



}



@media (max-width:668px) {



  .index_marketing_scenario_col > ul > li .item .icon {



    bottom: 20px;



    height: 70px;



    right: 20px;



    width: 70px



  }



}



.index_marketing_scenario_col > ul > li .item .icon img {



  max-height: 100%;



  max-width: 100%



}



.index_marketing_scenario_col > ul > li .item:hover:after {



  opacity: 1



}



.index_marketing_scenario_col > ul > li .item:hover .txt .des, .index_marketing_scenario_col > ul > li .item:hover .txt b.t {



  color: #fff



}



.index_marketing_scenario_col > ul > li .item:hover .icon {



  opacity: 0



}



.index_bottom_block {



  background: url(../image/index_bottom_block.png) center 1.6rem no-repeat #000;



  padding-bottom: 1.2rem



}



@media (max-width:968px) {



  .index_bottom_block {



    background: none;



    position: relative



  }



  .index_bottom_block > * {



    position: relative;



    z-index: 5



  }



  .index_bottom_block:after {



    background-image: url(../image/index_bottom_block.png);



    background-position: 50%;



    background-repeat: no-repeat;



    background-size: cover;



    content: "";



    display: block;



    height: 500px;



    left: 50%;



    position: absolute;



    top: 50%;



    -webkit-transform: translate(-50%, -50%);



    -ms-transform: translate(-50%, -50%);



    transform: translate(-50%, -50%);



    width: 100%;



    z-index: 2



  }



}



@media (max-width:668px) {



  .index_bottom_block:after {



    height: 350px;



    -webkit-transform: translate(-50%, -70%);



    -ms-transform: translate(-50%, -70%);



    transform: translate(-50%, -70%)



  }



  .index_bottom_block .index_partner {



    padding-top: 140px



  }



}



.index_industry_slide {



  margin-top: 2.4rem;



  padding: 0 5.4rem;



  position: relative



}



@media (max-width:1681px) {



  .index_industry_slide {



    padding: 0 3.2rem



  }



}



@media (max-width:1288px) {



  .index_industry_slide {



    padding: 0 50px



  }



}



@media (max-width:1201px) {



  .index_industry_slide {



    margin-top: 20px;



    padding: 0 60px



  }



}



@media (max-width:668px) {



  .index_industry_slide {



    padding: 0 30px



  }



}



.index_industry_slide .swiper-slide .item {



  padding: 10px 0;



  -webkit-transition: all .5s;



  transition: all .5s;



}



.index_industry_slide .swiper-slide .item_img {



  display: block;



  width: 100%



}



.index_industry_slide .swiper-slide .item_inner {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  background: url("../image/supbj.png")	0 0 no-repeat;	



  background-size: cover;	



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  margin: -1.2rem 0 -.8rem;



  padding: 0 .8rem;



  text-align: center



}



@media (max-width:668px) {



  .index_industry_slide .swiper-slide .item_inner {



    margin: -40px 0



  }



}



.index_industry_slide .swiper-slide .item_inner .icon {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 5rem;



  -webkit-justify-content: center;



  justify-content: center;



  width: 5rem



}



@media (max-width:668px) {



  .index_industry_slide .swiper-slide .item_inner .icon {



    height: 80px;



    width: 80px



  }



}



.index_industry_slide .swiper-slide .item_inner .icon img {



  max-height: 100%;



  max-width: 100%;



  -webkit-transition: all 1s;



  transition: all 1s



}



.index_industry_slide .swiper-slide .item_inner .t {



  color: #CEAB10;



  font-size: 1.2rem;



  font-weight: 400;



  line-height: 1.5em;



  position: relative



}



@media (max-width:1380px) {



  .index_industry_slide .swiper-slide .item_inner .t {



    font-size: 18px



  }



}



.index_industry_slide .swiper-slide .item_inner .t:after {



  background-color: #D18C3D;



  bottom: 0;



  content: "";



  display: block;



  height: 1px;



  left: 50%;



  line-height: 1px;



  opacity: 0;



  position: absolute;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 0;



  z-index: 2



}



.index_industry_slide .swiper-slide .item_inner .des {



  color: #FFF;



  height: 4.875em !important;



  line-height: 1.625em;



  margin: 1.2rem 0 .8rem



}



@media (max-width:1288px) {



  .index_industry_slide .swiper-slide .item_inner .des {



    font-size: 12px



  }



}



@media (max-width:668px) {



  .index_industry_slide .swiper-slide .item_inner .des {



    font-size: 14px;



    margin: 20px 0;



    padding: 0 10px



  }



}



.index_industry_slide .swiper-slide .item_inner .list > ul {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  list-style: none;



  margin: 0;



  padding: 0;



  text-align: left



}



.index_industry_slide .swiper-slide .item_inner .list > ul > li {



  color: #fff;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  font-size: 14px;



  line-height: 30px



}



@media (max-width:1288px) {



  .index_industry_slide .swiper-slide .item_inner .list > ul > li {



    font-size: 12px



  }



}



.index_industry_slide .swiper-slide .item_inner .list > ul > li:before {



  background-image: url(../image/icon_hook.png);



  background-position: 50%;



  background-repeat: no-repeat;



  background-size: cover;



  content: "";



  height: 18px;



  margin-right: .4rem;



  margin-top: 6px;



  width: 18px



}



@media (max-width:1380px) {



  .index_industry_slide .swiper-slide .item_inner .list > ul > li:before {



    height: 16px;



    width: 16px



  }



}



.index_industry_slide .swiper-slide .item_inner .link {



  margin-top: 1.6rem



}



.index_industry_slide .swiper-slide .item_inner .link > ul {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-justify-content: center;



  justify-content: center;



  list-style: none;



  margin: 0 -8px;



  padding: 0



}



@media (max-width:1380px) {



  .index_industry_slide .swiper-slide .item_inner .link > ul {



    margin: 0 -5px



  }



}



.index_industry_slide .swiper-slide .item_inner .link > ul > li {



  padding: 0 8px



}



@media (max-width:1380px) {



  .index_industry_slide .swiper-slide .item_inner .link > ul > li {



    padding: 0 5px



  }



}



.index_industry_slide .swiper-slide .item_inner .link > ul > li a {



  display: inline-block;



  max-width: 100px



}



.index_industry_slide .swiper-slide .item_inner:hover .icon img {



  -webkit-transform: scale(.8);



  -ms-transform: scale(.8);



  transform: scale(.8)



}



.index_industry_slide .swiper-slide .item_inner:hover .t:after {



  left: 0;



  opacity: 1;



  width: 100%



}



.index_industry_slide .swiper-slide .item:hover {



  -webkit-transform: translateY(-10px);



  -ms-transform: translateY(-10px);



  transform: translateY(-10px)



}



.index_partner {



  padding-top: 3.2rem;



  padding-bottom: 3rem;	



}



@media (max-width:1380px) {



  .index_partner {



    padding-top: 5.2rem



  }



}



@media (max-width:968px) {



  .index_partner {



    padding-top: 20px



  }



}



@media (max-width:668px) {



  .index_partner {



    padding-top: 100px



  }



}



.index_partner .title01 b.t br {



  display: none



}



@media (max-width:668px) {



  .index_partner .title01 b.t br {



    display: block



  }



}



.index_partner_slide {



  margin: 2rem 0 1rem;



  padding: 0 4rem;



  position: relative



}



@media (max-width:668px) {



  .index_partner_slide {



    margin-top: 0;



    padding: 0



  }



  .index_partner_slide .swiper_arrows .swiper_arrow.prev {



    left: 10px



  }



  .index_partner_slide .swiper_arrows .swiper_arrow.next {



    right: 10px



  }



}



.index_partner_slide .swiper-container {



  margin-left: -40px;



  overflow: hidden;



  padding: 10px 40px 35px;



  width: calc(100% + 80px)



}



@media (max-width:668px) {



  .index_partner_slide .swiper-container {



    margin-left: -20px;



    padding: 20px;



    width: calc(100% + 40px)



  }



}



.index_partner_slide .swiper-slide .item {



  background-color: #fff;



  border-radius: 10px;



  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .1);



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex



}



@media (max-width:668px) {



  .index_partner_slide .swiper-slide .item {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-box-align: center;



    -ms-flex-align: center;



    -webkit-align-items: center;



    align-items: center;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    padding: 20px



  }



}



.index_partner_slide .swiper-slide .item .img {



  -ms-flex-negative: 0;



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-shrink: 0;



  flex-shrink: 0;



  -webkit-justify-content: center;



  justify-content: center;



  position: relative;



  width: 11.6rem



}



.index_partner_slide .swiper-slide .item .img:after {



  background-color: #e4e4e4;



  content: "";



  display: block;



  height: 80px;



  position: absolute;



  right: 0;



  top: 50%;



  -webkit-transform: translateY(-50%);



  -ms-transform: translateY(-50%);



  transform: translateY(-50%);



  width: 1px



}



@media (max-width:668px) {



  .index_partner_slide .swiper-slide .item .img:after {



    display: none



  }



  .index_partner_slide .swiper-slide .item .img {



    height: 80px;



    width: 100%



  }



}



.index_partner_slide .swiper-slide .item .img img {



  max-height: 100%;



  max-width: 60%



}



@media (max-width:668px) {



  .index_partner_slide .swiper-slide .item .img img {



    max-width: 100%



  }



}



.index_partner_slide .swiper-slide .item .txt {



  -webkit-box-flex: 1;



  -webkit-flex: 1;



  -ms-flex: 1;



  flex: 1;



  padding: 1.8rem 4rem 1.6rem



}



@media (max-width:968px) {



  .index_partner_slide .swiper-slide .item .txt {



    padding: 20px



  }



}



@media (max-width:668px) {



  .index_partner_slide .swiper-slide .item .txt {



    margin: 20px 0 0;



    padding: 0



  }



}



.index_partner_slide .swiper-slide .item .txt .des {



  -webkit-line-clamp: 4;



  -webkit-box-orient: vertical;



  color: #999;



  display: -webkit-box;



  height: 8em;



  min-width: 0;



  overflow: hidden;



  text-overflow: ellipsis



}



@media (max-width:1380px) {



  .index_partner_slide .swiper-slide .item .txt .des {



    -webkit-line-clamp: 3;



    -webkit-box-orient: vertical;



    display: -webkit-box;



    font-size: 12px;



    height: 6em;



    min-width: 0;



    overflow: hidden;



    text-overflow: ellipsis



  }



}



@media (max-width:668px) {



  .index_partner_slide .swiper-slide .item .txt .des {



    font-size: 14px;



    padding: 0 30px



  }



}



.index_partner_slide .swiper-slide .item .txt .link {



  margin-top: 1.2rem



}



@media (max-width:1380px) {



  .index_partner_slide .swiper-slide .item .txt .link {



    margin-top: .4rem



  }



}



@media (max-width:668px) {



  .index_partner_slide .swiper-slide .item .txt .link {



    margin-top: 20px



  }



}



.index_partner_slide .swiper-slide .item .txt .link > ul {



  -webkit-box-pack: end;



  -ms-flex-pack: end;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-justify-content: flex-end;



  justify-content: flex-end;



  list-style: none;



  margin: 0 -10px;



  padding: 0



}



@media (max-width:668px) {



  .index_partner_slide .swiper-slide .item .txt .link > ul {



    -webkit-box-pack: center;



    -ms-flex-pack: center;



    -webkit-justify-content: center;



    justify-content: center



  }



}



.index_partner_slide .swiper-slide .item .txt .link > ul > li {



  padding: 0 10px



}



.index_partner_slide .swiper-slide .item .txt .link > ul > li a {



  display: inline-block



}



.index_logos .index_logos_slide ul {



  list-style: none;



  margin: 0;



  padding: 0



}



.index_logos .index_logos_slide ul > li {



  display: block;



  padding: 0 10px 20px 0;



  width: 8.4rem



}

.index_logos .index_logos_slide ul li img{width:100%;}

.index_logos .index_logos_slide ul > li .img {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  border: 1px solid #eee;



  background-color: #fff;	



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 4.6rem;



  -webkit-justify-content: center;



  justify-content: center;



  padding: 1.8rem;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 100%



}



@media (max-width:1440px) {



  .index_logos .index_logos_slide ul > li .img {



    height: 4rem



  }



}



.index_logos .index_logos_slide ul > li .img img {



  max-height: 100%;



  max-width: 100%



}



.index_logos .index_logos_slide ul > li:hover .img {



  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .06)



}



.intro_banner img {



  width: 100%



}



.intro_about {



  overflow: hidden;



  padding-bottom: 4rem;



  padding-top: 4rem;



  position: relative



}



@media (max-width:1201px) {



  .intro_about {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .intro_about {



    padding-bottom: 0



  }



}



.intro_about:after {



  background-image: url(../image/intro_about_bg.png);



  background-position: 50%;



  background-repeat: no-repeat;



  background-size: cover;



  content: "";



  display: block;



  height: 32.6rem;



  position: absolute;



  right: 0;



  top: 50%;



  -webkit-transform: translateY(-50%);



  -ms-transform: translateY(-50%);



  transform: translateY(-50%);



  width: 19.56rem;



  z-index: 1



}



.intro_about > .w {



  position: relative;



  z-index: 2



}



.intro_about_col {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex



}



@media (max-width:668px) {



  .intro_about_col {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column



  }



}



.intro_about_col .txt {



  -webkit-box-flex: 1;



  -webkit-flex: 1;



  -ms-flex: 1;



  flex: 1;



  padding-right: 4.4rem



}



@media (max-width:1440px) {



  .intro_about_col .txt {



    padding-right: 3.2rem



  }



}



@media (max-width:1201px) {



  .intro_about_col .txt {



    padding-right: 40px



  }



}



@media (max-width:668px) {



  .intro_about_col .txt {



    padding-right: 0



  }



}



.intro_about_col .txt .des {



  color: #999;



  margin-top: 2rem



}



@media (max-width:1201px) {



  .intro_about_col .txt .des {



    margin-top: 20px



  }



}



.intro_about_col .video {



  border-radius: 10px;



  overflow: hidden;



  width: 24.4rem



}



@media (max-width:668px) {



  .intro_about_col .video {



    height: 200px;



    margin-top: 20px;



    width: 100%



  }



}



.intro_about_col .video a {



  display: block;



  height: 100%;



  position: relative;



  width: 100%



}



.intro_about_col .video a:after {



  background-color: #D18C3D;



  content: "";



  display: block;



  height: 100%;



  left: 0;



  opacity: .3;



  position: absolute;



  top: 0;



  width: 100%;



  z-index: 2



}



.intro_about_col .video a .icon {



  height: 1.84rem;



  left: 50%;



  position: absolute;



  top: 50%;



  -webkit-transform: translate(-50%, -50%);



  -ms-transform: translate(-50%, -50%);



  transform: translate(-50%, -50%);



  width: 1.84rem;



  z-index: 5



}



.intro_about_col .video a .icon svg {



  color: #fff;



  height: 100%;



  width: 100%



}



.intro_about_col .video a .img {



  background-position: 50%;



  background-repeat: no-repeat;



  background-size: cover;



  height: 100%;



  -webkit-transition: all 1s;



  transition: all 1s;



  width: 100%



}



.intro_about_col .video a:hover .img {



  -webkit-transform: scale(1.1);



  -ms-transform: scale(1.1);



  transform: scale(1.1)



}



.intro_about_num {



  margin-top: 3.6rem



}



@media (max-width:668px) {



  .intro_about_num {



    margin-top: 20px



  }



}



.intro_about_num > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0;



  padding: 0



}



@media (max-width:668px) {



  .intro_about_num > ul {



    -webkit-flex-wrap: wrap;



    -ms-flex-wrap: wrap;



    flex-wrap: wrap



  }



}



.intro_about_num > ul > li {



  text-align: center;



  width: 25%



}



@media (max-width:668px) {



  .intro_about_num > ul > li {



    margin-bottom: 20px;



    width: 50%



  }



}



.intro_about_num > ul > li p {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  color: #D18C3D;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  font-family: Montserrat-Bold;



  -webkit-justify-content: center;



  justify-content: center;



  margin: 0;



  padding: 0



}



.intro_about_num > ul > li p span {



  -webkit-text-fill-color: transparent;



  background: -webkit-linear-gradient(180deg, #CEAB10, #C9A712);



  -webkit-background-clip: text;



  font-size: 2.8rem;



  line-height: .8em



}



@media (max-width:1288px) {



  .intro_about_num > ul > li p span {



    font-size: 2rem



  }



}



.intro_about_num > ul > li p em {



  -ms-flex-item-align: start;



  -webkit-align-self: flex-start;



  align-self: flex-start;



  color: #00ddaf;



  font-size: 1.2rem;



  font-style: normal;



  line-height: .8em



}



.intro_about_num > ul > li p em.s {



  font-size: 16px



}



.intro_about_num > ul > li i {



  color: #666;



  display: block;



  font-size: .72rem;



  font-style: normal;



  line-height: 1em;



  margin-top: .8rem



}



@media (max-width:1288px) {



  .intro_about_num > ul > li i {



    font-size: 12px



  }



}



@media (max-width:1201px) {



  .intro_about_num > ul > li i {



    font-size: 14px



  }



}



.intro_culture {



  border-bottom: 1px solid #ddd;



  border-top: 1px solid #ddd



}



.intro_culture > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0;



  padding: 0



}



@media (max-width:668px) {



  .intro_culture > ul {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column



  }



}



.intro_culture > ul > li {



  -webkit-box-flex: 1;



  border-right: 1px solid #ddd;



  -webkit-flex: 1;



  -ms-flex: 1;



  flex: 1



}



.intro_culture > ul > li:last-of-type {



  border-right: none



}



@media (max-width:668px) {



  .intro_culture > ul > li {



    border-bottom: 1px solid #ddd;



    border-right: none



  }



  .intro_culture > ul > li:last-of-type {



    border-bottom: none



  }



}



.intro_culture .item {



  padding: 5.6rem 20px 4.4rem;



  text-align: center



}



@media (max-width:1288px) {



  .intro_culture .item {



    padding: 60px 20px



  }



}



@media (max-width:1201px) {



  .intro_culture .item {



    padding: 20px



  }



}



.intro_culture .item b.t {



  color: #000;



  display: block;



  font-size: 1.36rem;



  font-weight: 400;



  line-height: 1em



}



@media (max-width:1201px) {



  .intro_culture .item b.t {



    font-size: 22px



  }



}



.intro_culture .item .des {



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



  color: #999;



  display: -webkit-box;



  font-size: .8rem;



  height: 4em;



  line-height: 2em;



  margin-top: .4rem;



  min-width: 0;



  overflow: hidden;



  text-overflow: ellipsis



}



@media (max-width:1201px) {



  .intro_culture .item .des {



    font-size: 14px



  }



}



@media (max-width:668px) {



  .intro_culture .item .des {



    height: auto



  }



}



.intro_culture .item .icon {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 2.4rem;



  -webkit-justify-content: center;



  justify-content: center;



  margin: 2rem auto 0;



  width: 2.4rem



}



@media (max-width:1288px) {



  .intro_culture .item .icon {



    margin-top: 20px



  }



}



.intro_culture .item .icon img {



  max-height: 100%;



  max-width: 100%



}



.intro_history {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .intro_history {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .intro_history {



    padding-bottom: 20px



  }



}



.intro_history_for {



  padding: 2.8rem 20px 4rem



}



@media (max-width:1201px) {



  .intro_history_for {



    padding: 20px



  }



}



.intro_history_for .slick-slide .item {



  color: #333;



  font-size: .88rem;



  font-weight: lighter;



  line-height: 2em;



  text-align: center



}



@media (max-width:1201px) {



  .intro_history_for .slick-slide .item {



    font-size: 14px;



    font-weight: 400



  }



}



.intro_history_nav_col {



  padding: 3.6rem 0 6.8rem;



  position: relative



}



@media (max-width:1288px) {



  .intro_history_nav_col {



    padding: 40px 0 80px



  }



}



@media (max-width:1201px) {



  .intro_history_nav_col {



    padding: 40px 0



  }



}



.intro_history_nav_col:after {



  background-color: #ddd;



  content: "";



  display: block;



  height: 1px;



  left: 0;



  line-height: 1px;



  position: absolute;



  top: 3.76rem;



  width: 100%;



  z-index: 1



}



@media (max-width:1288px) {



  .intro_history_nav_col:after {



    top: 44px



  }



}



.intro_history_nav_col .w {



  position: relative;



  z-index: 2



}



.intro_history_nav_col .inner {



  padding: 0 2.4rem;



  position: relative



}



.intro_history_nav_col .inner .swiper_arrow {



  background-color: #f5f5f5;



  margin-top: 0;



  top: -.8rem



}



.intro_history_nav_col .inner .swiper_arrow:hover {



  background-color: #D18C3D



}



.intro_history_nav_col .inner .nav .slick-slide .item {



  cursor: pointer;



  padding-top: 4px



}



.intro_history_nav_col .inner .nav .slick-slide .item span {



  color: #999;



  display: block;



  font-family: Montserrat-Bold;



  font-size: 18px;



  line-height: 40px;



  position: relative;



  text-align: center



}



.intro_history_nav_col .inner .nav .slick-slide .item span:before {



  background: #ddd;



  border-radius: 100%;



  content: "";



  display: block;



  height: 9px;



  left: 50%;



  position: absolute;



  top: -4px;



  -webkit-transform: translateX(-50%);



  -ms-transform: translateX(-50%);



  transform: translateX(-50%);



  width: 9px



}



.intro_history_nav_col .inner .nav .slick-slide.slick-current .item span {



  color: #D18C3D



}



.intro_history_nav_col .inner .nav .slick-slide.slick-current .item span:before {



  background: #D18C3D



}



.intro_history_nav_col .intro_history_bgyear {



  bottom: 0;



  color: rgba(0, 0, 0, .03);



  display: block;



  font-family: Montserrat-Bold;



  font-size: 16rem;



  left: 0;



  line-height: .8em;



  position: absolute;



  text-align: center;



  width: 100%;



  z-index: 1



}



@media (max-width:1288px) {



  .intro_history_nav_col .intro_history_bgyear {



    font-size: 12rem



  }



}



@media (max-width:1201px) {



  .intro_history_nav_col .intro_history_bgyear {



    font-size: 150px



  }



}



.intro_honor {



  padding: 4rem 0 2.6rem



}



@media (max-width:1201px) {



  .intro_honor {



    padding: 40px 40px 20px



  }



}



@media (max-width:668px) {



  .intro_honor {



    padding-bottom: 20px



  }



}



.intro_honor .w {



  margin-top: 1.8rem;



  position: relative



}



@media (max-width:1201px) {



  .intro_honor .w {



    margin-top: 0



  }



}



.intro_honor_slide {



  position: relative



}



.intro_honor_slide .swiper-container {



  margin-left: -40px;



  overflow: hidden;



  padding: 1.4rem;



  width: calc(100% + 80px)



}



.intro_honor_slide .item {



  padding: 1rem;



  position: relative



}



.intro_honor_slide .item .img {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 5.2rem;



  -webkit-justify-content: center;



  justify-content: center;



  width: 100%



}



@media (max-width:1288px) {



  .intro_honor_slide .item .img {



    height: 80px



  }



}



@media (max-width:968px) {



  .intro_honor_slide .item .img {



    height: 100px



  }



}



.intro_honor_slide .item .img img {



  max-height: 100%;



  max-width: 100%



}



.intro_honor_slide .item .t {



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



  color: #000;



  display: block;



  display: -webkit-box;



  font-size: 16px;



  height: 4em;



  line-height: 2em;



  margin-bottom: 10px;



  margin-top: 1.2rem;



  min-width: 0;



  overflow: hidden;



  text-align: center;



  text-overflow: ellipsis



}



@media (max-width:1440px) {



  .intro_honor_slide .item .t {



    font-size: 14px



  }



}



@media (max-width:1288px) {



  .intro_honor_slide .item .t {



    font-size: 12px



  }



}



@media (max-width:1201px) {



  .intro_honor_slide .item .t {



    font-size: 14px



  }



}



.intro_honor_slide .swiper_arrows .swiper_arrow.prev {



  left: -3.2rem



}



@media (max-width:1440px) {



  .intro_honor_slide .swiper_arrows .swiper_arrow.prev {



    left: -1.4rem



  }



}



@media (max-width:1288px) {



  .intro_honor_slide .swiper_arrows .swiper_arrow.prev {



    left: -1.6rem



  }



}



@media (max-width:1201px) {



  .intro_honor_slide .swiper_arrows .swiper_arrow.prev {



    left: -3.2rem



  }



}



@media (max-width:668px) {



  .intro_honor_slide .swiper_arrows .swiper_arrow.prev {



    left: -55px



  }



}



.intro_honor_slide .swiper_arrows .swiper_arrow.next {



  right: -3.2rem



}



@media (max-width:1440px) {



  .intro_honor_slide .swiper_arrows .swiper_arrow.next {



    right: -1.4rem



  }



}



@media (max-width:1288px) {



  .intro_honor_slide .swiper_arrows .swiper_arrow.next {



    right: -1.6rem



  }



}



@media (max-width:1201px) {



  .intro_honor_slide .swiper_arrows .swiper_arrow.next {



    right: -3.2rem



  }



}



@media (max-width:668px) {



  .intro_honor_slide .swiper_arrows .swiper_arrow.next {



    right: -55px



  }



}



.intro_contact_block {



  background: url(../image/intro_contact_block.png) center 21.6rem no-repeat #fff;



  padding-bottom: 1.2rem



}



.intro_contact_block .index_partner {



  padding-top: 3.4rem



}



.intro_contact {



  padding: 4rem 0 0



}



@media (max-width:1201px) {



  .intro_contact {



    margin-bottom: -30px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .intro_contact {



    padding-left: 20px;



    padding-right: 20px



  }



}



.intro_contact_slide {



  margin-top: 1.8rem;



  position: relative



}



@media (max-width:1201px) {



  .intro_contact_slide {



    margin-top: 0



  }



}



.intro_contact_slide .swiper-container {



  margin-left: -40px;



  overflow: hidden;



  padding: 1.4rem;



  width: calc(100% + 80px)



}



@media (max-width:668px) {



  .intro_contact_slide .swiper-container {



    margin-left: -20px;



    padding: 20px;



    width: calc(100% + 40px)



  }



}



.intro_contact_slide .swiper-slide {



  width: 18rem



}



@media (max-width:1201px) {



  .intro_contact_slide .swiper-slide {



    width: 300px



  }



}



@media (max-width:668px) {



  .intro_contact_slide .swiper-slide {



    width: 100%



  }



}



.intro_contact_slide .swiper-slide .item {



  background-color: #fff;



  border-radius: 10px;



  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1);



  padding: 2.4rem 0;



  text-align: center



}



.intro_contact_slide .swiper-slide .item .t {



  display: block;



  font-size: 1.04rem;



  font-weight: 400;



  line-height: 1em



}



@media (max-width:1201px) {



  .intro_contact_slide .swiper-slide .item .t {



    font-size: 18px



  }



}



.intro_contact_slide .swiper-slide .item .des {



  color: #666;



  line-height: 1.5em;



  margin: 1.2rem auto 2.8rem;



  max-width: 12.8rem



}



@media (max-width:668px) {



  .intro_contact_slide .swiper-slide .item .des {



    max-width: 250px



  }



}



.intro_contact_slide .swiper-slide .item .des p {



  margin-bottom: .6rem



}



.intro_contact_slide .swiper-slide .item .des a {



  color: #666;



  -webkit-transition: all .5s;



  transition: all .5s



}



.intro_contact_slide .swiper-slide .item .des a:hover {



  color: #D18C3D



}



.intro_contact_slide .swiper-slide .item .icon {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: end;



  -ms-flex-align: end;



  -webkit-align-items: flex-end;



  align-items: flex-end;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 3.2rem;



  -webkit-justify-content: center;



  justify-content: center;



  margin: 0 auto;



  width: auto



}



.intro_contact_slide .swiper-slide .item .icon img {



  max-height: 100%;



  max-width: 100%



}



.intro_contact_slide .swiper_arrows .swiper_arrow {



  background-color: #fff



}



.intro_contact_slide .swiper_arrows .swiper_arrow.prev {



  left: 7.2rem



}



@media (max-width:1440px) {



  .intro_contact_slide .swiper_arrows .swiper_arrow.prev {



    left: 4.2rem



  }



}



@media (max-width:1380px) {



  .intro_contact_slide .swiper_arrows .swiper_arrow.prev {



    left: 3.4rem



  }



}



@media (max-width:1288px) {



  .intro_contact_slide .swiper_arrows .swiper_arrow.prev {



    left: 2.4rem



  }



}



@media (max-width:668px) {



  .intro_contact_slide .swiper_arrows .swiper_arrow.prev {



    left: 10px



  }



}



.intro_contact_slide .swiper_arrows .swiper_arrow.next {



  right: 7.2rem



}



@media (max-width:1440px) {



  .intro_contact_slide .swiper_arrows .swiper_arrow.next {



    right: 4.2rem



  }



}



@media (max-width:1380px) {



  .intro_contact_slide .swiper_arrows .swiper_arrow.next {



    right: 3.4rem



  }



}



@media (max-width:1288px) {



  .intro_contact_slide .swiper_arrows .swiper_arrow.next {



    right: 2.4rem



  }



}



@media (max-width:668px) {



  .intro_contact_slide .swiper_arrows .swiper_arrow.next {



    right: 10px



  }



}



.intro_contact_slide .swiper_arrows .swiper_arrow:hover {



  background-color: #D18C3D



}



.partner_strategy {



  overflow: hidden;



  padding-bottom: 4rem;



  padding-top: 4rem;



  position: relative



}



@media (max-width:1201px) {



  .partner_strategy {



    padding-bottom: 60px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .partner_strategy {



    padding-bottom: 40px



  }



}



.partner_strategy:after {



  background-image: url(../image/intro_about_bg.png);



  background-position: 50%;



  background-repeat: no-repeat;



  background-size: cover;



  content: "";



  display: block;



  height: 32.6rem;



  position: absolute;



  right: 0;



  top: 50%;



  -webkit-transform: translateY(-50%);



  -ms-transform: translateY(-50%);



  transform: translateY(-50%);



  width: 19.56rem;



  z-index: 1



}



.partner_strategy .title_des {



  color: #999;



  font-size: 16px



}



@media (max-width:1440px) {



  .partner_strategy .title_des {



    font-size: 14px



  }



}



.partner_strategy_list {



  margin-top: 2.8rem;



  position: relative;



  z-index: 2



}



@media (max-width:1440px) {



  .partner_strategy_list {



    margin-top: 1.6rem



  }



}



.partner_strategy_list > ul {



  border-left: 1px solid #ddd;



  border-top: 1px solid #ddd;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0;



  padding: 0



}



@media (max-width:668px) {



  .partner_strategy_list > ul {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column



  }



}



.partner_strategy_list > ul > li {



  -webkit-box-flex: 1;



  border-bottom: 1px solid #ddd;



  border-right: 1px solid #ddd;



  -webkit-flex: 1;



  -ms-flex: 1;



  flex: 1



}



.partner_strategy_list > ul > li .item {



  background-color: #fff;



  padding: 2.4rem 2.8rem 2.8rem;



  position: relative;



  text-align: center



}



@media (max-width:1440px) {



  .partner_strategy_list > ul > li .item {



    padding: 1.6rem



  }



}



.partner_strategy_list > ul > li .item_title h3 {



  color: #000;



  font-size: 1.12rem;



  font-weight: 400;



  line-height: 1em;



  margin: 0;



  padding: 0



}



@media (max-width:1201px) {



  .partner_strategy_list > ul > li .item_title h3 {



    font-size: 18px



  }



}



.partner_strategy_list > ul > li .item_title p {



  color: #666;



  font-size: .8rem;



  line-height: 1.5em;



  margin: .6rem 0 0



}



@media (max-width:1201px) {



  .partner_strategy_list > ul > li .item_title p {



    font-size: 16px



  }



}



.partner_strategy_list > ul > li .item_des {



  color: #999;



  font-weight: lighter;



  margin: 1.2rem 0 0



}



@media (max-width:1201px) {



  .partner_strategy_list > ul > li .item_des {



    font-size: 14px;



    font-weight: 400



  }



}



.partner_strategy_list > ul > li .item_icon {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 5.6rem;



  -webkit-justify-content: center;



  justify-content: center;



  margin: 2.8rem auto 0;



  width: 5.6rem



}



@media (max-width:1440px) {



  .partner_strategy_list > ul > li .item_icon {



    margin-top: 1.6rem



  }



}



@media (max-width:668px) {



  .partner_strategy_list > ul > li .item_icon {



    margin: 20px auto



  }



}



.partner_strategy_list > ul > li .item_icon img {



  max-height: 100%;



  max-width: 100%



}



.partner_strategy_list > ul > li .item_more {



  bottom: -19px;



  display: inline-block;



  left: 50%;



  position: absolute;



  -webkit-transform: translateX(-50%);



  -ms-transform: translateX(-50%);



  transform: translateX(-50%);



  z-index: 3



}



@media (max-width:668px) {



  .partner_strategy_list > ul > li .item_more {



    margin: 0 auto;



    position: static;



    -webkit-transform: translateX(0);



    -ms-transform: translateX(0);



    transform: translateX(0)



  }



}



.partner_strategy_list > ul > li .item_more a .btn01_linear:after {



  background-color: #fff



}



.partner_support {



  padding-bottom: 4rem;



  position: relative



}



@media (max-width:1201px) {



  .partner_support {



    padding-bottom: 40px



  }



}



@media (max-width:668px) {



  .partner_support {



    padding-bottom: 20px



  }



}



.partner_support:before {



  background-image: url(../image/partner_support_bg.png);



  background-position: 50%;



  background-repeat: no-repeat;



  background-size: cover;



  content: "";



  display: block;



  height: 22.4rem;



  left: 0;



  position: absolute;



  top: 0;



  width: 21.2rem;



  z-index: 1



}



.partner_support > .w {



  position: relative;



  z-index: 2



}



.partner_support_list {



  margin-top: 2.2rem;



  padding-bottom: .8rem



}



@media (max-width:1201px) {



  .partner_support_list {



    margin-top: 20px



  }



}



.partner_support_list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-wrap: wrap;



  -ms-flex-wrap: wrap;



  flex-wrap: wrap;



  list-style: none;



  margin: 0 -1.2rem;



  padding: 0



}



@media (max-width:1201px) {



  .partner_support_list > ul {



    margin: 0 -10px



  }



}



.partner_support_list > ul > li {



  margin-bottom: 2.4rem;



  padding: 0 1.2rem;



  width: 33.33%



}



@media (max-width:1201px) {



  .partner_support_list > ul > li {



    margin-bottom: 20px;



    padding: 0 10px



  }



}



@media (max-width:668px) {



  .partner_support_list > ul > li {



    width: 50%



  }



}



.partner_support_list > ul > li .item {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  background-color: #fff;



  border-radius: 10px;



  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1);



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  height: 100%;



  padding: 4.4rem 2.6rem;



  text-align: center



}



@media (max-width:1201px) {



  .partner_support_list > ul > li .item {



    padding: 20px



  }



}



.partner_support_list > ul > li .item_t {



  color: #D18C3D;



  font-size: .96rem;



  line-height: 1.5em



}



@media (max-width:1201px) {



  .partner_support_list > ul > li .item_t {



    font-size: 16px



  }



}



.partner_support_list > ul > li .item_des {



  color: #666;



  font-size: .72rem;



  line-height: 1.5em;



  margin: 1.2rem 0 1.6rem



}



@media (max-width:1201px) {



  .partner_support_list > ul > li .item_des {



    font-size: 14px



  }



}



.partner_support_list > ul > li .item_num {



  -webkit-text-stroke: 1px #000;



  color: transparent;



  font-family: Montserrat-Bold;



  font-size: 4rem;



  font-style: normal;



  line-height: .8em;



  margin-top: auto;



  opacity: .2



}



.partner_support_list > ul > li .item:hover {



  background-color: #D18C3D;



  box-shadow: 0 0 0 0 transparent



}



.partner_support_list > ul > li .item:hover .item_des, .partner_support_list > ul > li .item:hover .item_t {



  color: #fff



}



.partner_support_list > ul > li .item:hover .item_num {



  -webkit-text-stroke: 1px #fff;



  color: hsla(0, 0%, 100%, 0)



}



.partner_support_more {



  text-align: center



}



.partner_support_more .more {



  display: inline-block;



  margin: 0 auto



}



.partner_join {



  padding-bottom: 4rem;



  padding-top: 4rem



}



@media (max-width:1201px) {



  .partner_join {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .partner_join {



    padding-bottom: 20px



  }



}



.partner_join > .w {



  position: relative;



  z-index: 2



}



.partner_join_list {



  margin-top: 2.2rem;



  padding-bottom: 3.2rem



}



@media (max-width:1201px) {



  .partner_join_list {



    margin-top: 20px;



    padding-bottom: 20px



  }



}



@media (max-width:668px) {



  .partner_join_list {



    padding-bottom: 0



  }



}



.partner_join_list > ul {



  -webkit-box-pack: justify;



  -ms-flex-pack: justify;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-justify-content: space-between;



  justify-content: space-between;



  list-style: none;



  margin: 0;



  padding: 0



}



@media (max-width:668px) {



  .partner_join_list > ul {



    -webkit-box-pack: start;



    -ms-flex-pack: start;



    -webkit-flex-wrap: wrap;



    -ms-flex-wrap: wrap;



    flex-wrap: wrap;



    -webkit-justify-content: flex-start;



    justify-content: flex-start;



    margin: 0 -10px



  }



}



.partner_join_list > ul > li {



  width: 20%



}



@media (max-width:668px) {



  .partner_join_list > ul > li {



    -webkit-box-flex: 1;



    -ms-flex-preferred-size: 50%;



    -webkit-flex: 1;



    -ms-flex: 1;



    flex: 1;



    -webkit-flex-basis: 50%;



    flex-basis: 50%;



    margin-bottom: 20px;



    padding: 0 10px;



    width: auto



  }



}



.partner_join_list > ul > li .item {



  height: 100%;



  margin: 0 auto;



  text-align: center;



  width: 9.2rem



}



@media (max-width:668px) {



  .partner_join_list > ul > li .item {



    width: 100%



  }



}



.partner_join_list > ul > li .item_icon {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  border: 1px solid #D18C3D;



  border-radius: 100%;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 4.8rem;



  -webkit-justify-content: center;



  justify-content: center;



  margin: 0 auto;



  width: 4.8rem



}



.partner_join_list > ul > li .item_icon img {



  max-height: 1.8rem;



  max-width: 1.8rem



}



.partner_join_list > ul > li .item_t {



  color: #333;



  display: block;



  font-size: .88rem;



  font-weight: 400;



  line-height: 1.5em;



  margin: 1rem 0 .4rem



}



@media (max-width:1201px) {



  .partner_join_list > ul > li .item_t {



    font-size: 16px



  }



}



.partner_join_list > ul > li .item_des {



  color: #666;



  font-size: .64rem;



  line-height: 1.5em



}



@media (max-width:1201px) {



  .partner_join_list > ul > li .item_des {



    font-size: 14px



  }



}



.partner_join_more {



  text-align: center



}



.partner_join_more .more {



  display: inline-block;



  margin: 0 auto



}



.news_wrap {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  padding-bottom: 3.2rem;



  padding-top: 2.8rem



}



@media (max-width:1201px) {



  .news_wrap {



    padding-bottom: 20px;



    padding-top: 20px



  }



}



@media (max-width:968px) {



  .news_wrap {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column



  }



}



.news_wrap_content {



  padding-right: 2.8rem;



  width: 75%



}



@media (max-width:1201px) {



  .news_wrap_content {



    padding-right: 40px



  }



}



@media (max-width:968px) {



  .news_wrap_content {



    padding: 0;



    width: 100%



  }



}



.news_wrap_side {



  width: 25%



}



@media (max-width:968px) {



  .news_wrap_side {



    margin-top: 20px;



    width: 100%



  }



}



.news_wrap_side .marketingFarme {



  height: 410px;



  overflow: hidden;



  width: 100%



}



@media (max-width:1681px) {



  .news_wrap_side .marketingFarme {



    height: 380px



  }



}



@media (max-width:1440px) {



  .news_wrap_side .marketingFarme {



    height: 350px



  }



}



@media (max-width:1380px) {



  .news_wrap_side .marketingFarme {



    height: 330px



  }



}



@media (max-width:1288px) {



  .news_wrap_side .marketingFarme {



    height: 300px



  }



}



@media (max-width:668px) {



  .news_wrap_side .marketingFarme {



    height: 350px



  }



}



.news_slide {



  border-radius: 10px;



  margin-bottom: 1.6rem;



  overflow: hidden;



  position: relative



}



@media (max-width:668px) {



  .news_slide {



    margin-bottom: 20px



  }



}



.news_slide .swiper-slide a {



  display: block;



  position: relative



}



.news_slide .swiper-slide a .img {



  height: 14rem;



  overflow: hidden;



  width: 100%



}



@media (max-width:668px) {



  .news_slide .swiper-slide a .img {



    height: 200px



  }



}



.news_slide .swiper-slide a .img span {



  background-position: 50%;



  background-repeat: no-repeat;



  background-size: cover;



  display: block;



  height: 100%;



  width: 100%



}



.news_slide .swiper-slide a .title {



  background-color: rgba(0, 0, 0, .5);



  bottom: -2.4rem;



  color: #fff;



  display: block;



  left: 0;



  opacity: 0;



  padding: 0 1.2rem;



  position: absolute;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 100%;



  z-index: 2



}



@media (max-width:668px) {



  .news_slide .swiper-slide a .title {



    padding: 0 70px 0 10px



  }



}



.news_slide .swiper-slide a .title b {



  display: block;



  font-size: .8rem;



  font-weight: 400;



  line-height: 2.4rem;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap



}



@media (max-width:668px) {



  .news_slide .swiper-slide a .title b {



    font-size: 14px;



    line-height: 40px



  }



}



.news_slide .swiper-slide-active a .title {



  bottom: 0;



  opacity: 1



}



.news_slide .news_slide_page {



  -webkit-box-pack: end;



  -ms-flex-pack: end;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  bottom: 0;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 2.4rem;



  -webkit-justify-content: flex-end;



  justify-content: flex-end;



  position: absolute;



  right: 1.2rem;



  width: auto;



  z-index: 3



}



.news_slide .news_slide_page .swiper-pagination-bullet {



  background-color: #fff;



  height: 10px;



  margin: 0 0 0 .4rem;



  opacity: .8;



  width: 10px



}



.news_slide .news_slide_page .swiper-pagination-bullet-active {



  background-color: #D18C3D



}



.news_slide .swiper_arrows .swiper_arrow.prev {



  left: 1.2rem



}



@media (max-width:668px) {



  .news_slide .swiper_arrows .swiper_arrow.prev {



    left: 10px



  }



}



.news_slide .swiper_arrows .swiper_arrow.next {



  right: 1.2rem



}



@media (max-width:668px) {



  .news_slide .swiper_arrows .swiper_arrow.next {



    right: 10px



  }



}



.news_subnv {



  margin-bottom: .8rem



}



@media (max-width:668px) {



  .news_subnv {



    margin-bottom: 10px



  }



}



.news_subnv > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -.4rem;



  padding: 0



}



@media (max-width:668px) {



  .news_subnv > ul {



    -webkit-flex-wrap: wrap;



    -ms-flex-wrap: wrap;



    flex-wrap: wrap;



    margin: 0 -5px



  }



}



.news_subnv > ul > li {



  padding: 0 .4rem



}



@media (max-width:668px) {



  .news_subnv > ul > li {



    -webkit-box-flex: 1;



    -ms-flex-preferred-size: 33.33%;



    -webkit-flex: 1;



    -ms-flex: 1;



    flex: 1;



    -webkit-flex-basis: 33.33%;



    flex-basis: 33.33%;



    margin-bottom: 10px;



    padding: 0 5px



  }



}



.news_subnv > ul > li a {



  color: #999;



  display: block;



  font-size: 16px;



  line-height: 38px;



  min-width: 130px;



  padding: 0 .8rem;



  position: relative;



  text-align: center



}



@media (max-width:1440px) {



  .news_subnv > ul > li a {



    font-size: 14px;



    line-height: 34px;



    min-width: 110px



  }



}



@media (max-width:668px) {



  .news_subnv > ul > li a {



    min-width: auto



  }



}



.news_subnv > ul > li a > * {



  position: relative;



  z-index: 2



}



.news_subnv > ul > li a:before {



  border: 1px solid #999;



  border-radius: 19px;



  opacity: 1



}



.news_subnv > ul > li a:after, .news_subnv > ul > li a:before {



  content: "";



  display: block;



  height: 100%;



  left: 0;



  position: absolute;



  top: 0;



  width: 100%;



  z-index: 0



}



.news_subnv > ul > li a:after {



  background: -webkit-linear-gradient(left, #C9A712, #CEAB10);



  background: linear-gradient(90deg, #C9A712, #CEAB10);



  border-radius: 19px;



  opacity: 0



}



.news_subnv > ul > li a.cur, .news_subnv > ul > li a:hover {



  color: #fff



}



.news_subnv > ul > li a.cur:before, .news_subnv > ul > li a:hover:before {



  opacity: 0



}



.news_subnv > ul > li a.cur:after, .news_subnv > ul > li a:hover:after {



  opacity: 1



}



.news_bread {



  color: #999;



  font-size: 14px;



  line-height: 1em



}



@media (max-width:1440px) {



  .news_bread {



    font-size: 12px



  }



}



.news_bread a {



  color: #999;



  -webkit-transition: all .5s;



  transition: all .5s



}



.news_bread a:hover {



  color: #D18C3D



}



.news_list {



  padding: 1.6rem 0



}



@media (max-width:668px) {



  .news_list {



    padding: 20px 0



  }



}



.news_list > ul {



  list-style: none;



  margin: 0;



  padding: 0



}



.news_list > ul > li {



  border-bottom: 1px solid #ddd;



  display: block;



  margin-bottom: 1.2rem;



  padding-bottom: 1.2rem



}



@media (max-width:668px) {



  .news_list > ul > li {



    margin-bottom: 20px;



    padding-bottom: 20px



  }



}



.news_list > ul > li .item {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex



}



@media (max-width:668px) {



  .news_list > ul > li .item {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column



  }



}



.news_list > ul > li .item .img {



  -ms-flex-negative: 0;



  background-color: #f5f5f5;



  border-radius: 10px;



  -webkit-flex-shrink: 0;



  flex-shrink: 0;



  height: 7.2rem;



  overflow: hidden;



  position: relative;



  width: 12.96rem



}



@media (max-width:668px) {



  .news_list > ul > li .item .img {



    height: auto;



    width: 100%



  }



}



.news_list > ul > li .item .img.icon_video .icon {



  background-image: url(../image/icon_video.png);



  background-position: 50%;



  background-repeat: no-repeat;



  background-size: cover;



  height: 2rem;



  left: 50%;



  position: absolute;



  top: 50%;



  -webkit-transform: translate(-50%, -50%);



  -ms-transform: translate(-50%, -50%);



  transform: translate(-50%, -50%);



  width: 2rem;



  z-index: 2



}



.news_list > ul > li .item .img img {



  height: 100%;



  object-fit: cover;



  width: 100%



}



@media (max-width:668px) {



  .news_list > ul > li .item .img img {



    height: auto;



    object-fit: contain



  }



}



.news_list > ul > li .item .txt {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  min-width: 0;



  padding: 0 0 0 2.4rem;



  width: 100%



}



@media (max-width:1201px) {



  .news_list > ul > li .item .txt {



    padding: 0 0 0 20px



  }



}



@media (max-width:668px) {



  .news_list > ul > li .item .txt {



    padding: 10px 0 0



  }



}



.news_list > ul > li .item .txt .title {



  -webkit-box-align: start;



  -ms-flex-align: start;



  -webkit-align-items: flex-start;



  align-items: flex-start;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  line-height: 30px



}



@media (max-width:1201px) {



  .news_list > ul > li .item .txt .title {



    line-height: 25px



  }



}



@media (max-width:668px) {



  .news_list > ul > li .item .txt .title {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-box-align: start;



    -ms-flex-align: start;



    -webkit-align-items: flex-start;



    align-items: flex-start;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column



  }



}



.news_list > ul > li .item .txt .title a {



  color: #000;



  font-size: .96rem;



  font-weight: 700;



  line-height: 1.3em;



  padding-right: 10px



}



@media (max-width:1201px) {



  .news_list > ul > li .item .txt .title a {



    font-size: 16px;



    line-height: 25px



  }



}



.news_list > ul > li .item .txt .title a:hover {



  color: #D18C3D



}



.news_list > ul > li .item .txt .title span {



  color: #999;



  font-size: 14px;



  margin-left: auto;



  white-space: nowrap



}



.news_list > ul > li .item .txt .des {



  color: #999;



  font-size: .72rem;



  line-height: 1.5em;



  margin-top: .8rem;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap



}



@media (max-width:1201px) {



  .news_list > ul > li .item .txt .des {



    font-size: 14px



  }



}



@media (max-width:668px) {



  .news_list > ul > li .item .txt .des {



    margin: 0 0 10px



  }



}



.news_list > ul > li .item .txt .info {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  line-height: 20px;



  margin-top: auto



}



.news_list > ul > li .item .txt .info .tags {



  color: #999;



  font-size: 12px



}



.news_list > ul > li .item .txt .info .tags > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-wrap: wrap;



  -ms-flex-wrap: wrap;



  flex-wrap: wrap;



  list-style: none;



  margin: 0 -2px;



  padding: 0



}



.news_list > ul > li .item .txt .info .tags > ul > li {



  margin-top: 4px;



  padding: 0 2px



}



.news_list > ul > li .item .txt .info .tags > ul > li:last-of-type {



  margin-right: 0



}



.news_list > ul > li .item .txt .info .tags a {



  background-color: #eee;



  border-radius: 13px;



  color: #666;



  display: inline-block;



  font-size: 12px;



  height: 26px;



  line-height: 26px;



  padding: 0 10px;



  white-space: nowrap



}



.news_list > ul > li .item .txt .info .tags a:hover {



  background-color: #D18C3D;



  color: #fff



}



.news_list > ul > li .item .txt .info .more {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  margin-left: auto



}



.news_list > ul > li .item .txt .info .more span {



  color: #D18C3D;



  font-size: 12px;



  font-weight: 700;



  line-height: 26px;



  margin-right: 10px;



  white-space: nowrap



}



.news_list > ul > li .item .txt .info .more svg {



  color: #D18C3D;



  height: 14px;



  width: 14px



}



.news_list_zhuanti {



  padding: 1.6rem 0



}



@media (max-width:668px) {



  .news_list_zhuanti {



    padding: 20px 0



  }



}



.news_list_zhuanti > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-wrap: wrap;



  -ms-flex-wrap: wrap;



  flex-wrap: wrap;



  list-style: none;



  margin: 0 -.4rem;



  padding: 0



}



.news_list_zhuanti > ul > li {



  margin-bottom: 1.6rem;



  padding: 0 .4rem;



  width: 33.33%



}



@media (max-width:668px) {



  .news_list_zhuanti > ul > li {



    margin-bottom: 20px;



    width: 100%



  }



}



.news_list_zhuanti > ul > li .item .img {



  border-radius: 10px;



  display: block;



  height: 8.32rem;



  overflow: hidden;



  position: relative;



  width: 100%



}



@media (max-width:668px) {



  .news_list_zhuanti > ul > li .item .img {



    height: 220px



  }



}



.news_list_zhuanti > ul > li .item .img.icon_video .icon {



  background-image: url(../image/icon_video.png);



  background-position: 50%;



  background-repeat: no-repeat;



  background-size: cover;



  height: 2rem;



  left: 50%;



  position: absolute;



  top: 50%;



  -webkit-transform: translate(-50%, -50%);



  -ms-transform: translate(-50%, -50%);



  transform: translate(-50%, -50%);



  width: 2rem;



  z-index: 2



}



.news_list_zhuanti > ul > li .item .img img {



  background-color: #f5f5f5;



  height: 100%;



  object-fit: cover;



  -webkit-transition: all 1s;



  transition: all 1s;



  width: 100%



}



.news_list_zhuanti > ul > li .item .img:hover img {



  -webkit-transform: scale(1.1);



  -ms-transform: scale(1.1);



  transform: scale(1.1)



}



.news_list_zhuanti > ul > li .item .txt .title {



  color: #000;



  display: block;



  font-size: .8rem;



  font-weight: 700;



  height: 1.1em;



  line-height: 1.1em;



  margin: .8rem 0;



  overflow: hidden;



  text-overflow: ellipsis;



  -webkit-transition: all .5s;



  transition: all .5s;



  white-space: nowrap



}



@media (max-width:668px) {



  .news_list_zhuanti > ul > li .item .txt .title {



    font-size: 16px



  }



}



.news_list_zhuanti > ul > li .item .txt .title:hover {



  color: #D18C3D



}



.news_list_zhuanti > ul > li .item .txt .des {



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



  color: #999;



  display: -webkit-box;



  font-size: 16px;



  height: 3em;



  line-height: 1.5em;



  margin-bottom: .8rem;



  min-width: 0;



  overflow: hidden;



  text-overflow: ellipsis



}



@media (max-width:1440px) {



  .news_list_zhuanti > ul > li .item .txt .des {



    font-size: 14px



  }



}



@media (max-width:1380px) {



  .news_list_zhuanti > ul > li .item .txt .des {



    font-size: 12px



  }



}



.news_list_zhuanti > ul > li .item .txt .info {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  line-height: 20px;



  margin-top: auto



}



.news_list_zhuanti > ul > li .item .txt .info .date {



  color: #999;



  font-family: Montserrat-Regular;



  font-size: .56rem



}



.news_list_zhuanti > ul > li .item .txt .info .more {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  margin-left: auto



}



.news_list_zhuanti > ul > li .item .txt .info .more span {



  color: #D18C3D;



  font-size: 12px;



  font-weight: 700;



  line-height: 1em;



  margin-right: 10px;



  white-space: nowrap



}



.news_list_zhuanti > ul > li .item .txt .info .more svg {



  color: #D18C3D;



  height: 14px;



  width: 14px



}



.news_side_whitepaper {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  background: -webkit-linear-gradient(left, #C9A712, #CEAB10);



  background: linear-gradient(90deg, #C9A712, #CEAB10);



  border-radius: 1.12rem;



  display: block;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 2.24rem;



  -webkit-justify-content: center;



  justify-content: center;



  margin-bottom: 1.6rem;



  text-align: center;



  width: 100%



}



@media (max-width:1201px) {



  .news_side_whitepaper {



    margin-bottom: 20px



  }



}



.news_side_whitepaper span {



  color: #fff;



  font-size: .72rem;



  font-weight: 700;



  line-height: 2.24rem



}



.news_side_whitepaper svg {



  color: #fff;



  height: .64rem;



  margin-left: 10px;



  width: .64rem



}



.news_side_search form {



  border: 1px solid #ddd;



  border-radius: 1.12rem;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 2.24rem;



  width: 100%



}



.news_side_search form .btn01 {



  -webkit-box-flex: 1;



  background: none;



  border: none;



  color: #333;



  -webkit-flex: 1;



  -ms-flex: 1;



  flex: 1;



  font-size: 14px;



  line-height: 1em;



  margin: 0;



  outline: 0;



  padding: 0 1.12rem



}



.news_side_search form .btn01::-webkit-input-placeholder {



  color: #999;



  font-size: 14px



}



.news_side_search form .btn01:-moz-placeholder, .news_side_search form .btn01::-moz-placeholder {



  color: #999;



  font-size: 14px



}



.news_side_search form .btn01:-ms-input-placeholder {



  color: #999;



  font-size: 14px



}



.news_side_search form .btn02 {



  background: none;



  border: none;



  cursor: pointer;



  height: 100%;



  margin: 0;



  outline: 0;



  padding: 0;



  width: 2.8rem



}



.news_side_search form .btn02 svg {



  color: #999;



  height: .72rem;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: .72rem



}



.news_side_search form .btn02:hover svg {



  color: #D18C3D



}



.news_side_box01 {



  border: 1px solid #ddd;



  border-radius: 10px;



  margin-top: 1.6rem;



  padding: 1.6rem 1.6rem 1.2rem



}



@media (max-width:1201px) {



  .news_side_box01 {



    margin-top: 20px;



    padding: 20px



  }



}



.news_side_box01 .box_title {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  margin-bottom: .8rem



}



.news_side_box01 .box_title h6 {



  color: #000;



  font-size: .8rem;



  line-height: 1em;



  margin: 0;



  padding: 0



}



@media (max-width:1201px) {



  .news_side_box01 .box_title h6 {



    font-size: 18px



  }



}



.news_side_box01 .list01 > ul {



  list-style: none;



  margin: 0;



  padding: 0



}



.news_side_box01 .list01 > ul > li {



  border-bottom: 1px solid #ddd



}



.news_side_box01 .list01 > ul > li a {



  color: #666;



  display: block;



  font-size: .64rem;



  line-height: 2.4rem;



  overflow: hidden;



  padding-left: .88rem;



  position: relative;



  text-overflow: ellipsis;



  white-space: nowrap



}



.news_side_box01 .list01 > ul > li a:before {



  background-color: #D18C3D;



  border-radius: 100%;



  content: "";



  display: block;



  height: .24rem;



  left: 0;



  position: absolute;



  top: 50%;



  -webkit-transform: translateY(-50%);



  -ms-transform: translateY(-50%);



  transform: translateY(-50%);



  width: .24rem



}



.news_side_box01 .list01 > ul > li a:hover {



  color: #D18C3D



}



.news_side_box01 .list_tags {



  margin-bottom: -.8rem;



  padding-top: .4rem



}



.news_side_box01 .list_tags > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-wrap: wrap;



  -ms-flex-wrap: wrap;



  flex-wrap: wrap;



  list-style: none;



  margin: 0 -.4rem;



  padding: 0



}



@media (max-width:1288px) {



  .news_side_box01 .list_tags > ul {



    margin: 0 -5px



  }



}



.news_side_box01 .list_tags > ul > li {



  -webkit-box-flex: 1;



  -ms-flex-preferred-size: 25%;



  -webkit-flex: 1;



  -ms-flex: 1;



  flex: 1;



  -webkit-flex-basis: 25%;



  flex-basis: 25%;



  margin-bottom: .8rem;



  padding: 0 .4rem



}



@media (max-width:1288px) {



  .news_side_box01 .list_tags > ul > li {



    -ms-flex-preferred-size: 25%;



    -webkit-flex-basis: 25%;



    flex-basis: 25%;



    margin-bottom: 10px;



    padding: 0 5px



  }



}



.news_side_box01 .list_tags > ul > li a {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  background: #eee;



  border-radius: .8rem;



  color: #666;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  font-size: .56rem;



  height: 1.6rem;



  -webkit-justify-content: center;



  justify-content: center;



  line-height: 1em;



  padding: 0 .4rem;



  white-space: nowrap;



  width: 100%



}



.news_side_box01 .list_tags > ul > li a:hover {



  background: -webkit-linear-gradient(left, #C9A712, #CEAB10);



  background: linear-gradient(90deg, #C9A712, #CEAB10);



  color: #fff



}



.news_side_box01_qrbox {



  padding: .8rem 1.6rem .4rem



}



@media (max-width:1201px) {



  .news_side_box01_qrbox {



    padding: 20px



  }



}



.news_side_box01 .list_qr > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -.4rem;



  padding: 0



}



@media (max-width:1201px) {



  .news_side_box01 .list_qr > ul {



    margin: 0 -5px



  }



}



.news_side_box01 .list_qr > ul > li {



  padding: 0 .4rem;



  width: 50%



}



@media (max-width:1201px) {



  .news_side_box01 .list_qr > ul > li {



    padding: 0 5px



  }



}



.news_side_box01 .list_qr > ul > li .item img {



  display: block;



  width: 100%



}



.news_side_box01 .list_qr > ul > li .item span {



  color: #999;



  display: block;



  font-size: .56rem;



  line-height: 2em;



  text-align: center



}



.news_side_box02 {



  margin-top: 1.6rem



}



@media (max-width:1201px) {



  .news_side_box02 {



    margin-top: 20px



  }



}



.news_side_box02 .box_title {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  margin-bottom: 1.2rem



}



@media (max-width:1201px) {



  .news_side_box02 .box_title {



    margin-bottom: 20px



  }



}



.news_side_box02 .box_title h6 {



  color: #000;



  font-size: 1.2rem;



  font-weight: 400;



  line-height: 1em;



  margin: 0;



  padding: 0;



  white-space: nowrap



}



@media (max-width:1201px) {



  .news_side_box02 .box_title h6 {



    font-size: 16px



  }



}



.news_side_box02 .box_title a {



  margin-left: auto



}



.news_side_box02 .box_title a span {



  color: #D18C3D;



  font-size: .64rem;



  font-weight: 700;



  line-height: 1em;



  white-space: nowrap



}



.news_side_box02 .box_title a svg {



  color: #D18C3D;



  height: .56rem;



  width: .56rem



}



.news_side_box02 .list_withimg > ul {



  list-style: none;



  margin: 0;



  padding: 0



}



.news_side_box02 .list_withimg > ul > li {



  display: block;



  margin-bottom: 1.2rem



}



.news_side_box02 .list_withimg > ul > li:last-of-type {



  margin-bottom: 0



}



.news_side_box02 .list_withimg > ul > li a {



  border-radius: 10px;



  display: block;



  height: 11rem;



  overflow: hidden;



  position: relative;



  width: 100%



}



@media (max-width:1380px) {



  .news_side_box02 .list_withimg > ul > li a {



    height: 9.2rem



  }



}



.news_side_box02 .list_withimg > ul > li a img {



  background-color: #f5f5f5;



  height: 100%;



  object-fit: cover;



  width: 100%



}



.news_side_box02 .list_withimg > ul > li a span {



  background-color: rgba(0, 0, 0, .5);



  bottom: 0;



  color: #fff;



  display: block;



  font-size: .72rem;



  height: 2.4rem;



  left: 0;



  line-height: 2.4rem;



  overflow: hidden;



  padding: 0 10px;



  position: absolute;



  text-overflow: ellipsis;



  white-space: nowrap;



  width: 100%;



  z-index: 2



}



.news_side_box02 .list_withimg > ul > li a:hover span {



  background: -webkit-linear-gradient(left, #C9A712, #CEAB10);



  background: linear-gradient(90deg, #C9A712, #CEAB10)



}



.news_detail_wrap {



  border-top: 1px solid #ddd;



  margin-top: .8rem;



  padding: 1.2rem 0



}



.news_detail_title {



  font-size: .88rem;



  line-height: 2em;



  margin: 0;



  padding: 0;



  text-align: center



}



@media (max-width:1201px) {



  .news_detail_title {



    font-size: 20px



  }



}



.news_detail_info {



  border-bottom: 1px solid #ddd;



  color: #999;



  font-size: 12px;



  line-height: 2em;



  padding-bottom: 10px;



  text-align: center



}



.news_detail_txt {



  padding-top: 20px



}



.news_detail_txt blockquote {



  margin: 0;



  padding: 0



}



.news_detail_page {



  border-top: 1px solid #ddd;



  color: #999;



  font-size: 12px;



  line-height: 2em;



  margin-top: .8rem;



  padding-top: .8rem



}



.news_detail_page a {



  color: #999;



  -webkit-transition: all .5s;



  transition: all .5s



}



.news_detail_page a:hover {



  color: #D18C3D



}



.news_marketing_school_title {



  -webkit-box-pack: justify;



  -ms-flex-pack: justify;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-justify-content: space-between;



  justify-content: space-between



}



.news_marketing_school_title .t {



  color: #000;



  font-size: 1.2rem;



  font-weight: 400;



  line-height: 1em;



  margin: 0;



  padding: 0



}



.news_marketing_school_title .more {



  color: #999;



  font-size: 14px;



  line-height: 1em;



  -webkit-transition: all .5s;



  transition: all .5s



}



@media (max-width:1440px) {



  .news_marketing_school_title .more {



    font-size: 12px



  }



}



.news_marketing_school_title .more:hover {



  color: #D18C3D



}



.news_marketing_school_hot {



  margin: 1.6rem 0;



  padding-bottom: .8rem



}



.news_marketing_school_hot > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-wrap: wrap;



  -ms-flex-wrap: wrap;



  flex-wrap: wrap;



  list-style: none;



  margin: 0 -.4rem;



  padding: 0



}



.news_marketing_school_hot > ul > li {



  margin-bottom: .8rem;



  padding: 0 .4rem;



  width: 33.33%



}



.news_marketing_school_hot > ul > li .item .img {



  border-radius: 10px;



  display: block;



  height: 8.32rem;



  overflow: hidden;



  position: relative;



  width: 100%



}



.news_marketing_school_hot > ul > li .item .img.icon_video .icon {



  background-image: url(../image/icon_video.png);



  background-position: 50%;



  background-repeat: no-repeat;



  background-size: cover;



  height: 2rem;



  left: 50%;



  position: absolute;



  top: 50%;



  -webkit-transform: translate(-50%, -50%);



  -ms-transform: translate(-50%, -50%);



  transform: translate(-50%, -50%);



  width: 2rem;



  z-index: 2



}



.news_marketing_school_hot > ul > li .item .img img {



  background-color: #f5f5f5;



  height: 100%;



  object-fit: cover;



  -webkit-transition: all 1s;



  transition: all 1s;



  width: 100%



}



.news_marketing_school_hot > ul > li .item .img:hover img {



  -webkit-transform: scale(1.1);



  -ms-transform: scale(1.1);



  transform: scale(1.1)



}



.news_marketing_school_hot > ul > li .item .txt .title {



  color: #000;



  display: block;



  font-size: .8rem;



  font-weight: 700;



  height: 1em;



  line-height: 1em;



  margin: .8rem 0;



  overflow: hidden;



  text-overflow: ellipsis;



  -webkit-transition: all .5s;



  transition: all .5s;



  white-space: nowrap



}



.news_marketing_school_hot > ul > li .item .txt .title:hover {



  color: #D18C3D



}



.news_marketing_school_hot > ul > li .item .txt .des {



  -webkit-line-clamp: 2;



  -webkit-box-orient: vertical;



  color: #999;



  display: -webkit-box;



  font-size: 16px;



  height: 3em;



  line-height: 1.5em;



  margin-bottom: .8rem;



  min-width: 0;



  overflow: hidden;



  text-overflow: ellipsis



}



@media (max-width:1440px) {



  .news_marketing_school_hot > ul > li .item .txt .des {



    font-size: 14px



  }



}



@media (max-width:1380px) {



  .news_marketing_school_hot > ul > li .item .txt .des {



    font-size: 12px



  }



}



.news_marketing_school_hot > ul > li .item .txt .info {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  line-height: 20px;



  margin-top: auto



}



.news_marketing_school_hot > ul > li .item .txt .info .date {



  color: #999;



  font-family: Montserrat-Regular;



  font-size: .56rem



}



.news_marketing_school_hot > ul > li .item .txt .info .more {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  margin-left: auto



}



.news_marketing_school_hot > ul > li .item .txt .info .more span {



  color: #D18C3D;



  font-size: 12px;



  font-weight: 700;



  line-height: 1em;



  margin-right: 10px;



  white-space: nowrap



}



.news_marketing_school_hot > ul > li .item .txt .info .more svg {



  color: #D18C3D;



  height: 14px;



  width: 14px



}



.news_side_marketing_category > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-wrap: wrap;



  -ms-flex-wrap: wrap;



  flex-wrap: wrap;



  list-style: none;



  margin: 0 -.6rem;



  padding: 0



}



.news_side_marketing_category > ul > li {



  margin-bottom: 1.2rem;



  padding: 0 .6rem;



  width: 50%



}



.news_side_marketing_category > ul > li a {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  background-color: #666;



  border-radius: 10px;



  display: block;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  height: 6.4rem;



  overflow: hidden;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 100%



}



.news_side_marketing_category > ul > li a, .news_side_marketing_category > ul > li a .icon {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-justify-content: center;



  justify-content: center;



  position: relative



}



.news_side_marketing_category > ul > li a .icon {



  height: 2.4rem;



  width: 2.4rem;



  z-index: 2



}



.news_side_marketing_category > ul > li a .icon img {



  max-height: 100%;



  max-width: 100%



}



.news_side_marketing_category > ul > li a span {



  color: #fff;



  font-size: .8rem;



  font-weight: 700;



  line-height: 1em;



  margin-top: .8rem;



  position: relative;



  z-index: 2



}



.news_side_marketing_category > ul > li a:hover {



  background-color: #D18C3D



}



.news_side_marketing_category > ul > li a:hover:before {



  background-color: #D18C3D;



  opacity: .8



}



.case_list {



  padding-bottom: 4rem;



  padding-top: 4rem



}



@media (max-width:1201px) {



  .case_list {



    padding-bottom: 20px;



    padding-top: 20px



  }



}



@media (max-width:668px) {



  .case_list {



    padding-bottom: 20px



  }



}



.case_list .list {



  margin-bottom: 2rem



}



@media (max-width:1201px) {



  .case_list .list {



    margin-bottom: 0



  }



}



.case_list .list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-wrap: wrap;



  -ms-flex-wrap: wrap;



  flex-wrap: wrap;



  list-style: none;



  margin: 0 -1rem;



  padding: 0



}



@media (max-width:1201px) {



  .case_list .list > ul {



    margin: 0 -10px



  }



}



.case_list .list > ul > li {



  margin-bottom: 2rem;



  padding: 0 1rem;



  width: 33.33%



}



@media (max-width:1201px) {



  .case_list .list > ul > li {



    margin-bottom: 20px;



    padding: 0 10px



  }



}



@media (max-width:668px) {



  .case_list .list > ul > li {



    width: 100%



  }



}



.case_list .list > ul > li .item .img {



  border-radius: 10px;



  display: block;



  overflow: hidden;



  width: 100%



}



.case_list .list > ul > li .item .img img {



  width: 100%



}



.case_list .list > ul > li .item .title {



  color: #000;



  display: block;



  font-size: .72rem;



  font-weight: 700;



  line-height: 1.5em;



  margin-top: 1rem;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap



}



@media (max-width:1201px) {



  .case_list .list > ul > li .item .title {



    font-size: 16px



  }



}



.case_list .list > ul > li .item .title:hover {



  color: #D18C3D



}



.case_list .list > ul > li .item .des {



  color: #333;



  font-size: .64rem;



  line-height: 1.5em;



  margin: .4rem 0 1.2rem;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap



}



@media (max-width:1201px) {



  .case_list .list > ul > li .item .des {



    font-size: 14px



  }



}



.case_list .list > ul > li .item .link > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -10px;



  padding: 0



}



.case_list .list > ul > li .item .link > ul > li {



  padding: 0 10px



}



.case_list .list > ul > li .item .link > ul > li a {



  display: inline-block



}



.solutions_67_01 {



  padding-bottom: 5.2rem;



  padding-top: 4rem



}



@media (max-width:1201px) {



  .solutions_67_01 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:968px) {



  .solutions_67_01 .link {



    margin-top: 0



  }



}



@media (max-width:668px) {



  .solutions_67_01 .title_des {



    padding: 0



  }



}



.solutions_67_01 .list {



  margin-top: 2.8rem



}



@media (max-width:1201px) {



  .solutions_67_01 .list {



    margin-top: 20px



  }



}



.solutions_67_01 .list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -.6rem;



  padding: 0



}



@media (max-width:1201px) {



  .solutions_67_01 .list > ul {



    margin: 0 -10px



  }



}



@media (max-width:968px) {



  .solutions_67_01 .list > ul {



    -webkit-flex-wrap: wrap;



    -ms-flex-wrap: wrap;



    flex-wrap: wrap



  }



}



.solutions_67_01 .list > ul > li {



  padding: 0 .6rem;



  width: 20%



}



@media (max-width:1201px) {



  .solutions_67_01 .list > ul > li {



    padding: 0 10px



  }



}



@media (max-width:968px) {



  .solutions_67_01 .list > ul > li {



    -webkit-box-flex: 1;



    -ms-flex-preferred-size: 33.33%;



    -webkit-flex: 1;



    -ms-flex: 1;



    flex: 1;



    -webkit-flex-basis: 33.33%;



    flex-basis: 33.33%;



    margin-bottom: 20px;



    width: auto



  }



}



@media (max-width:668px) {



  .solutions_67_01 .list > ul > li {



    -ms-flex-preferred-size: 100%;



    -webkit-flex-basis: 100%;



    flex-basis: 100%



  }



}



.solutions_67_01 .list > ul > li .item {



  background-color: #fff;



  border-radius: 10px;



  box-shadow: 0 5px .8rem 0 rgba(0, 0, 0, .1);



  height: 100%;



  overflow: hidden;



  padding: 2rem 20px;



  position: relative;



  text-align: center;



  -webkit-transition: all .5s;



  transition: all .5s



}



@media (max-width:1201px) {



  .solutions_67_01 .list > ul > li .item {



    padding: 20px



  }



}



.solutions_67_01 .list > ul > li .item:after {



  background: -webkit-linear-gradient(318deg, #00d8c1, #006aa7);



  background: linear-gradient(132deg, #00d8c1, #006aa7);



  content: "";



  display: block;



  height: 100%;



  left: 0;



  opacity: 0;



  position: absolute;



  top: 0;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 100%;



  z-index: 1



}



.solutions_67_01 .list > ul > li .item b.t {



  color: #D18C3D;



  display: block;



  font-size: .96rem;



  line-height: 1em;



  position: relative;



  -webkit-transition: all .5s;



  transition: all .5s;



  z-index: 2



}



@media (max-width:1201px) {



  .solutions_67_01 .list > ul > li .item b.t {



    font-size: 16px



  }



}



.solutions_67_01 .list > ul > li .item .des {



  color: #666;



  margin: 1.6rem 0 2.8rem;



  position: relative;



  -webkit-transition: all .5s;



  transition: all .5s;



  z-index: 2



}



@media (max-width:1380px) {



  .solutions_67_01 .list > ul > li .item .des {



    font-size: 12px;



    margin: .8rem 0 1.6rem



  }



}



@media (max-width:1201px) {



  .solutions_67_01 .list > ul > li .item .des {



    font-size: 14px



  }



}



.solutions_67_01 .list > ul > li .item .num {



  -webkit-text-stroke: 1px #000;



  color: transparent;



  font-family: Montserrat-Bold;



  font-size: 2.88rem;



  font-style: normal;



  line-height: .8em;



  opacity: .2;



  position: relative;



  -webkit-transition: all .5s;



  transition: all .5s;



  z-index: 2



}



.solutions_67_01 .list > ul > li .item:hover {



  box-shadow: 0 0 0 0 transparent



}



.solutions_67_01 .list > ul > li .item:hover:after {



  opacity: 1



}



.solutions_67_01 .list > ul > li .item:hover .des, .solutions_67_01 .list > ul > li .item:hover b.t {



  color: #fff



}



.solutions_67_01 .list > ul > li .item:hover .num {



  -webkit-text-stroke: 1px #fff;



  color: hsla(0, 0%, 100%, 0)



}



.solutions_67_02 {



  padding-bottom: 3.6rem;



  position: relative



}



@media (max-width:1201px) {



  .solutions_67_02 {



    padding-bottom: 20px



  }



  .solutions_67_02 .link {



    margin-top: 20px



  }



}



.solutions_67_02 .list {



  margin-top: 2.8rem;



  position: relative



}



@media (max-width:1201px) {



  .solutions_67_02 .list {



    margin-top: 20px



  }



}



.solutions_67_02 .list:after {



  background-image: url(../image/solutions_67_02_bg.jpg);



  background-position: 50%;



  background-repeat: no-repeat;



  background-size: cover;



  content: "";



  display: block;



  height: 22.48rem;



  left: 0;



  position: absolute;



  top: 50%;



  -webkit-transform: translateY(-50%);



  -ms-transform: translateY(-50%);



  transform: translateY(-50%);



  width: 20.6rem;



  z-index: 1



}



.solutions_67_02 .list .w {



  position: relative;



  z-index: 2



}



.solutions_67_02 .list .w > ul {



  border-left: 1px solid #ddd;



  border-top: 1px solid #ddd;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0;



  padding: 0



}



@media (max-width:668px) {



  .solutions_67_02 .list .w > ul {



    -webkit-flex-wrap: wrap;



    -ms-flex-wrap: wrap;



    flex-wrap: wrap



  }



}



.solutions_67_02 .list .w > ul > li {



  border-bottom: 1px solid #ddd;



  border-right: 1px solid #ddd;



  padding: 0;



  width: 25%



}



@media (max-width:668px) {



  .solutions_67_02 .list .w > ul > li {



    width: 50%



  }



}



.solutions_67_02 .list .w > ul > li .item {



  background-color: #fff;



  height: 100%;



  overflow: hidden;



  padding: 2.4rem 20px 4.4rem;



  position: relative;



  text-align: center;



  -webkit-transition: all .5s;



  transition: all .5s



}



@media (max-width:1201px) {



  .solutions_67_02 .list .w > ul > li .item {



    padding: 20px



  }



}



.solutions_67_02 .list .w > ul > li .item:after {



  background: -webkit-linear-gradient(318deg, #006aa7, #00d8c1);



  background: linear-gradient(132deg, #006aa7, #00d8c1);



  content: "";



  display: block;



  height: 100%;



  left: 0;



  opacity: 0;



  position: absolute;



  top: 0;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 100%;



  z-index: 1



}



.solutions_67_02 .list .w > ul > li .item .icon {



  height: 2.8rem;



  margin: 0 auto;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 2.8rem



}



.solutions_67_02 .list .w > ul > li .item .icon img {



  height: 100%;



  width: 100%



}



.solutions_67_02 .list .w > ul > li .item b.t {



  color: #D18C3D;



  display: block;



  font-size: .96rem;



  line-height: 1em;



  margin: 2.4rem 0 1.2rem;



  position: relative;



  -webkit-transition: all .5s;



  transition: all .5s;



  z-index: 2



}



@media (max-width:1201px) {



  .solutions_67_02 .list .w > ul > li .item b.t {



    font-size: 16px;



    margin: 15px 0 10px



  }



}



.solutions_67_02 .list .w > ul > li .item .des {



  color: #515151;



  font-size: .72rem;



  line-height: 2em;



  position: relative;



  -webkit-transition: all .5s;



  transition: all .5s;



  z-index: 2



}



@media (max-width:1380px) {



  .solutions_67_02 .list .w > ul > li .item .des {



    font-size: 12px



  }



}



@media (max-width:1201px) {



  .solutions_67_02 .list .w > ul > li .item .des {



    font-size: 14px



  }



}



.solutions_67_02 .list .w > ul > li .item .icon_a {



  bottom: 0;



  height: 2.8rem;



  left: 50%;



  opacity: 0;



  position: absolute;



  -webkit-transform: translateX(-50%);



  -ms-transform: translateX(-50%);



  transform: translateX(-50%);



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 2.8rem;



  z-index: 2



}



.solutions_67_02 .list .w > ul > li .item .icon_a img {



  height: 100%;



  width: 100%



}



.solutions_67_02 .list .w > ul > li .item:hover {



  padding-top: 0



}



.solutions_67_02 .list .w > ul > li .item:hover:after {



  opacity: 1



}



.solutions_67_02 .list .w > ul > li .item:hover .icon {



  opacity: 0;



  -webkit-transform: translateY(-2.8rem);



  -ms-transform: translateY(-2.8rem);



  transform: translateY(-2.8rem)



}



.solutions_67_02 .list .w > ul > li .item:hover .des, .solutions_67_02 .list .w > ul > li .item:hover b.t {



  color: #fff;



  -webkit-transform: translateY(-2.4rem);



  -ms-transform: translateY(-2.4rem);



  transform: translateY(-2.4rem)



}



.solutions_67_02 .list .w > ul > li .item:hover .icon_a {



  bottom: 2rem;



  opacity: 1;



  -webkit-transition-delay: .2s;



  transition-delay: .2s



}



.solutions_67_03 {



  padding-bottom: 2.8rem;



  padding-top: 2.8rem



}



@media (max-width:1201px) {



  .solutions_67_03 {



    padding: 40px 0



  }



}



@media (max-width:668px) {



  .solutions_67_03 {



    padding: 20px 0



  }



}



.solutions_67_03 .inner {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex



}



@media (max-width:668px) {



  .solutions_67_03 .inner {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-box-pack: start;



    -ms-flex-pack: start;



    -webkit-box-align: start;



    -ms-flex-align: start;



    -webkit-align-items: flex-start;



    align-items: flex-start;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-justify-content: flex-start;



    justify-content: flex-start



  }



}



.solutions_67_03 .inner .txt {



  width: 50%



}



@media (max-width:668px) {



  .solutions_67_03 .inner .txt {



    padding: 0;



    width: 100%



  }



}



.solutions_67_03 .inner .txt .list_circle_dot {



  margin: 1.6rem 0



}



.solutions_67_03 .inner .img {



  margin-left: auto;



  width: 42%



}



@media (max-width:668px) {



  .solutions_67_03 .inner .img {



    -webkit-box-ordinal-group: 0;



    -ms-flex-order: -1;



    margin-bottom: 20px;



    -webkit-order: -1;



    order: -1;



    text-align: center;



    width: 100%



  }



}



.solutions_67_03 .inner .img img {



  max-width: 100%



}



@media (max-width:668px) {



  .solutions_67_03 .inner .img img {



    max-width: 80%



  }



}



.solutions_67_04 {



  padding-bottom: 2.8rem;



  padding-top: 2.8rem



}



@media (max-width:1201px) {



  .solutions_67_04 {



    padding: 40px 0



  }



}



@media (max-width:668px) {



  .solutions_67_04 {



    padding: 20px 0



  }



}



.solutions_67_04 .inner {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex



}



@media (max-width:668px) {



  .solutions_67_04 .inner {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-box-pack: start;



    -ms-flex-pack: start;



    -webkit-box-align: start;



    -ms-flex-align: start;



    -webkit-align-items: flex-start;



    align-items: flex-start;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-justify-content: flex-start;



    justify-content: flex-start



  }



}



.solutions_67_04 .inner .img {



  text-align: center;



  width: 50%



}



@media (max-width:668px) {



  .solutions_67_04 .inner .img {



    margin-bottom: 20px;



    width: 100%



  }



}



.solutions_67_04 .inner .img img {



  max-width: 100%



}



@media (max-width:668px) {



  .solutions_67_04 .inner .img img {



    max-width: 80%



  }



}



.solutions_67_04 .inner .txt {



  padding-left: 4.4rem;



  width: 50%



}



@media (max-width:668px) {



  .solutions_67_04 .inner .txt {



    padding: 0;



    width: 100%



  }



}



.solutions_67_04 .inner .txt .list_circle_dot {



  margin: 1.6rem 0



}



.solutions_66_01 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_66_01 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_66_01 {



    padding-bottom: 20px



  }



}



.solutions_66_01 .w {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex



}



@media (max-width:668px) {



  .solutions_66_01 .w {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-box-pack: start;



    -ms-flex-pack: start;



    -webkit-box-align: start;



    -ms-flex-align: start;



    -webkit-align-items: flex-start;



    align-items: flex-start;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-justify-content: flex-start;



    justify-content: flex-start



  }



}



.solutions_66_01 .txt {



  width: 45%



}



@media (max-width:668px) {



  .solutions_66_01 .txt {



    width: 100%



  }



}



.solutions_66_01 .txt .list_circle_dot {



  margin: 1rem 0 2rem



}



.solutions_66_01 .img {



  width: 55%



}



@media (max-width:1288px) {



  .solutions_66_01 .img {



    padding-left: 40px



  }



}



@media (max-width:668px) {



  .solutions_66_01 .img {



    -webkit-box-ordinal-group: 0;



    -ms-flex-order: -1;



    margin-bottom: 20px;



    -webkit-order: -1;



    order: -1;



    padding: 0;



    text-align: center;



    width: 100%



  }



}



.solutions_66_01 .img img {



  width: 100%



}



@media (max-width:668px) {



  .solutions_66_01 .img img {



    max-width: 80%



  }



}



.solutions_66_02 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_66_02 {



    padding-bottom: 20px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_66_02 {



    padding-bottom: 20px



  }



  .solutions_66_02 .title_des {



    padding: 0



  }



}



.solutions_66_02 .img {



  margin: 2.8rem 0;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_66_02 .img {



    margin: 20px 0



  }



}



.solutions_66_bottom {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_66_bottom {



    padding-bottom: 20px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_66_bottom {



    padding-bottom: 20px



  }



}



.solutions_66_bottom .list {



  margin: 2.8rem 0 0



}



@media (max-width:1201px) {



  .solutions_66_bottom .list {



    margin-top: 20px



  }



}



.solutions_66_bottom .list > ul {



  -webkit-box-pack: end;



  -ms-flex-pack: end;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-wrap: wrap;



  -ms-flex-wrap: wrap;



  flex-wrap: wrap;



  -webkit-justify-content: flex-end;



  justify-content: flex-end;



  list-style: none;



  margin: 0;



  padding: 0



}



@media (max-width:1201px) {



  .solutions_66_bottom .list > ul {



    margin: 0 -20px



  }



}



@media (max-width:968px) {



  .solutions_66_bottom .list > ul {



    margin: 0 -10px



  }



}



.solutions_66_bottom .list > ul li {



  margin-bottom: 3.2rem;



  width: 25%



}



@media (max-width:1201px) {



  .solutions_66_bottom .list > ul li {



    margin-bottom: 20px;



    padding: 0 20px



  }



}



@media (max-width:968px) {



  .solutions_66_bottom .list > ul li {



    padding: 0 10px



  }



}



@media (max-width:668px) {



  .solutions_66_bottom .list > ul li {



    width: 50%



  }



}



.solutions_66_bottom .list > ul li .item {



  margin: 0 auto;



  text-align: center;



  width: 11rem



}



@media (max-width:1201px) {



  .solutions_66_bottom .list > ul li .item {



    width: 100%



  }



}



.solutions_66_bottom .list > ul li .item .icon {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  border: 1px solid #D18C3D;



  border-radius: 100%;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 4.8rem;



  -webkit-justify-content: center;



  justify-content: center;



  margin: 0 auto;



  position: relative;



  width: 4.8rem



}



.solutions_66_bottom .list > ul li .item .icon img {



  height: 2rem;



  left: 50%;



  position: absolute;



  top: 50%;



  -webkit-transform: translate(-50%, -50%);



  -ms-transform: translate(-50%, -50%);



  transform: translate(-50%, -50%);



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 2rem;



  z-index: 2



}



.solutions_66_bottom .list > ul li .item .icon .b {



  opacity: 1



}



.solutions_66_bottom .list > ul li .item .icon .a {



  opacity: 0



}



.solutions_66_bottom .list > ul li .item b.t {



  color: #333;



  display: block;



  font-size: .88rem;



  font-weight: 400;



  line-height: 1em;



  margin: 1.2rem 0 .6rem



}



@media (max-width:1201px) {



  .solutions_66_bottom .list > ul li .item b.t {



    font-size: 16px;



    margin: 20px 0 10px



  }



}



.solutions_66_bottom .list > ul li .item p {



  color: #666;



  font-size: .64rem;



  line-height: 1.5em;



  margin: 0



}



@media (max-width:1201px) {



  .solutions_66_bottom .list > ul li .item p {



    font-size: 14px



  }



}



.solutions_65_01 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_65_01 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_65_01 {



    padding-bottom: 20px



  }



}



.solutions_65_01 .w {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex



}



@media (max-width:668px) {



  .solutions_65_01 .w {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-box-pack: start;



    -ms-flex-pack: start;



    -webkit-box-align: start;



    -ms-flex-align: start;



    -webkit-align-items: flex-start;



    align-items: flex-start;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-justify-content: flex-start;



    justify-content: flex-start



  }



}



.solutions_65_01 .txt {



  padding-right: 1.6rem;



  width: 42%



}



@media (max-width:668px) {



  .solutions_65_01 .txt {



    margin-top: 20px;



    width: 100%



  }



}



.solutions_65_01 .txt .list_circle_dot {



  margin: 1rem 0 2rem



}



@media (max-width:668px) {



  .solutions_65_01 .txt .list_circle_dot {



    margin: 20px 0



  }



}



.solutions_65_01 .img {



  width: 58%



}



@media (max-width:668px) {



  .solutions_65_01 .img {



    -webkit-box-ordinal-group: 0;



    -ms-flex-order: -1;



    -webkit-order: -1;



    order: -1;



    text-align: center;



    width: 100%



  }



}



.solutions_65_01 .img img {



  width: 100%



}



@media (max-width:668px) {



  .solutions_65_01 .img img {



    max-width: 80%



  }



}



.solutions_65_02 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_65_02 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_65_02 {



    padding-bottom: 20px



  }



}



.solutions_65_02 .w {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex



}



@media (max-width:668px) {



  .solutions_65_02 .w {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-box-pack: start;



    -ms-flex-pack: start;



    -webkit-box-align: start;



    -ms-flex-align: start;



    -webkit-align-items: flex-start;



    align-items: flex-start;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-justify-content: flex-start;



    justify-content: flex-start



  }



}



.solutions_65_02 .txt {



  padding-left: 4.8rem;



  width: 55.4%



}



@media (max-width:668px) {



  .solutions_65_02 .txt {



    margin-top: 20px;



    padding: 0;



    width: 100%



  }



}



.solutions_65_02 .txt .list_circle_dot {



  margin: 1rem 0 2rem



}



@media (max-width:668px) {



  .solutions_65_02 .txt .list_circle_dot {



    margin: 20px 0



  }



}



.solutions_65_02 .img {



  -webkit-box-ordinal-group: 0;



  -ms-flex-order: -1;



  -webkit-order: -1;



  order: -1;



  width: 44.6%



}



@media (max-width:668px) {



  .solutions_65_02 .img {



    -webkit-box-ordinal-group: 0;



    -ms-flex-order: -1;



    -webkit-order: -1;



    order: -1;



    text-align: center;



    width: 100%



  }



}



.solutions_65_02 .img img {



  width: 100%



}



@media (max-width:668px) {



  .solutions_65_02 .img img {



    max-width: 80%



  }



}



.solutions_65_03 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_65_03 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_65_03 {



    padding-bottom: 20px



  }



}



.solutions_65_03 .w {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex



}



@media (max-width:668px) {



  .solutions_65_03 .w {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-box-pack: start;



    -ms-flex-pack: start;



    -webkit-box-align: start;



    -ms-flex-align: start;



    -webkit-align-items: flex-start;



    align-items: flex-start;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-justify-content: flex-start;



    justify-content: flex-start



  }



}



.solutions_65_03 .txt {



  padding-right: 4.8rem;



  width: 49%



}



@media (max-width:668px) {



  .solutions_65_03 .txt {



    margin-top: 20px;



    padding: 0;



    width: 100%



  }



}



.solutions_65_03 .txt .list_circle_dot {



  margin: 1rem 0 2rem



}



@media (max-width:668px) {



  .solutions_65_03 .txt .list_circle_dot {



    margin: 20px 0



  }



}



.solutions_65_03 .img {



  width: 51%



}



@media (max-width:668px) {



  .solutions_65_03 .img {



    -webkit-box-ordinal-group: 0;



    -ms-flex-order: -1;



    -webkit-order: -1;



    order: -1;



    text-align: center;



    width: 100%



  }



}



.solutions_65_03 .img img {



  width: 100%



}



.solutions_65_04 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_65_04 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_65_04 {



    padding-bottom: 20px



  }



}



.solutions_65_04 .w {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex



}



@media (max-width:668px) {



  .solutions_65_04 .w {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-box-pack: start;



    -ms-flex-pack: start;



    -webkit-box-align: start;



    -ms-flex-align: start;



    -webkit-align-items: flex-start;



    align-items: flex-start;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-justify-content: flex-start;



    justify-content: flex-start



  }



}



.solutions_65_04 .txt {



  padding-left: 8.8rem;



  width: 55.4%



}



@media (max-width:668px) {



  .solutions_65_04 .txt {



    padding: 0;



    width: 100%



  }



}



.solutions_65_04 .txt .list_circle_dot {



  margin: 1rem 0 2rem



}



@media (max-width:668px) {



  .solutions_65_04 .txt .list_circle_dot {



    margin: 20px 0



  }



}



.solutions_65_04 .img {



  -webkit-box-ordinal-group: 0;



  -ms-flex-order: -1;



  -webkit-order: -1;



  order: -1;



  width: 44.6%



}



@media (max-width:668px) {



  .solutions_65_04 .img {



    margin-bottom: 20px;



    text-align: center;



    width: 100%



  }



}



.solutions_65_04 .img img {



  width: 100%



}



@media (max-width:668px) {



  .solutions_65_04 .img img {



    width: 80%



  }



}



.solutions_65_05 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_65_05 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_65_05 {



    padding-bottom: 20px



  }



}



.solutions_65_05 .img {



  margin: 2.8rem 0;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_65_05 .img {



    margin: 20px 0



  }



}



.solutions_63_01 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_63_01 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_63_01 {



    padding-bottom: 20px



  }



}



.solutions_63_01 .w {



  -webkit-box-pack: justify;



  -ms-flex-pack: justify;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-justify-content: space-between;



  justify-content: space-between



}



@media (max-width:668px) {



  .solutions_63_01 .w {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-box-pack: start;



    -ms-flex-pack: start;



    -webkit-box-align: start;



    -ms-flex-align: start;



    -webkit-align-items: flex-start;



    align-items: flex-start;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-justify-content: flex-start;



    justify-content: flex-start



  }



}



.solutions_63_01 .txt {



  width: 38.6%



}



@media (max-width:668px) {



  .solutions_63_01 .txt {



    padding: 0;



    width: 100%



  }



}



.solutions_63_01 .txt .list_circle_dot {



  margin: 1rem 0 2rem



}



@media (max-width:668px) {



  .solutions_63_01 .txt .list_circle_dot {



    margin: 20px 0



  }



}



.solutions_63_01 .img {



  text-align: right;



  width: 44.2%



}



@media (max-width:668px) {



  .solutions_63_01 .img {



    -webkit-box-ordinal-group: 0;



    -ms-flex-order: -1;



    margin-bottom: 20px;



    -webkit-order: -1;



    order: -1;



    text-align: center;



    width: 100%



  }



}



.solutions_63_01 .img img {



  width: 100%



}



@media (max-width:668px) {



  .solutions_63_01 .img img {



    width: 80%



  }



}



.solutions_63_02 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_63_02 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_63_02 {



    padding-bottom: 20px



  }



}



.solutions_63_02 .w {



  -webkit-box-pack: justify;



  -ms-flex-pack: justify;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-justify-content: space-between;



  justify-content: space-between



}



@media (max-width:668px) {



  .solutions_63_02 .w {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-box-pack: start;



    -ms-flex-pack: start;



    -webkit-box-align: start;



    -ms-flex-align: start;



    -webkit-align-items: flex-start;



    align-items: flex-start;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-justify-content: flex-start;



    justify-content: flex-start



  }



}



.solutions_63_02 .txt {



  width: 40%



}



@media (max-width:668px) {



  .solutions_63_02 .txt {



    padding: 0;



    width: 100%



  }



}



.solutions_63_02 .txt .list_circle_dot {



  margin: 1rem 0 2rem



}



@media (max-width:668px) {



  .solutions_63_02 .txt .list_circle_dot {



    margin: 20px 0



  }



}



.solutions_63_02 .img {



  -webkit-box-ordinal-group: 0;



  -ms-flex-order: -1;



  -webkit-order: -1;



  order: -1;



  width: 40%



}



@media (max-width:668px) {



  .solutions_63_02 .img {



    margin-bottom: 20px;



    text-align: center;



    width: 100%



  }



}



.solutions_63_02 .img img {



  width: 100%



}



@media (max-width:668px) {



  .solutions_63_02 .img img {



    width: 80%



  }



}



.solutions_63_03 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_63_03 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_63_03 {



    padding-bottom: 20px



  }



}



.solutions_63_03 .w {



  -webkit-box-pack: justify;



  -ms-flex-pack: justify;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-justify-content: space-between;



  justify-content: space-between



}



@media (max-width:668px) {



  .solutions_63_03 .w {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-box-pack: start;



    -ms-flex-pack: start;



    -webkit-box-align: start;



    -ms-flex-align: start;



    -webkit-align-items: flex-start;



    align-items: flex-start;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-justify-content: flex-start;



    justify-content: flex-start



  }



}



.solutions_63_03 .txt {



  width: 42%



}



@media (max-width:668px) {



  .solutions_63_03 .txt {



    padding: 0;



    width: 100%



  }



}



.solutions_63_03 .txt .list_circle_dot {



  margin: 1rem 0 2rem



}



@media (max-width:668px) {



  .solutions_63_03 .txt .list_circle_dot {



    margin: 20px 0



  }



}



.solutions_63_03 .img {



  text-align: right;



  width: 50%



}



@media (max-width:668px) {



  .solutions_63_03 .img {



    -webkit-box-ordinal-group: 0;



    -ms-flex-order: -1;



    margin-bottom: 20px;



    -webkit-order: -1;



    order: -1;



    text-align: center;



    width: 100%



  }



}



.solutions_63_03 .img img {



  width: 100%



}



@media (max-width:668px) {



  .solutions_63_03 .img img {



    width: 80%



  }



}



.solutions_63_04 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_63_04 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_63_04 {



    padding-bottom: 20px



  }



}



.solutions_63_04 .img {



  margin: 2.8rem 0;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_63_04 .img {



    margin: 20px 0



  }



}



.solutions_133_01 {



  padding: 2rem 0



}



@media (max-width:1201px) {



  .solutions_133_01 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_133_01 {



    padding-bottom: 20px



  }



  .solutions_133_01 .link {



    margin-top: 0



  }



}



.solutions_133_01 .list {



  margin: 2.8rem 0 0



}



@media (max-width:1201px) {



  .solutions_133_01 .list {



    margin-top: 20px



  }



}



.solutions_133_01 .list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  flex-wrap: wrap;	



  list-style: none;



  margin: 0 -1rem;



  padding: 0



}



@media (max-width:1201px) {



  .solutions_133_01 .list > ul {



    margin: 0 -10px



  }



}



@media (max-width:668px) {



  .solutions_133_01 .list > ul {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column



  }



}



.solutions_133_01 .list > ul > li {



  width: 33.3%;



  padding: 0 1rem;



  margin-bottom: 1.6rem;	



}



@media (max-width:1201px) {



  .solutions_133_01 .list > ul > li {



    padding: 0 10px



  }



}



@media (max-width:668px) {



  .solutions_133_01 .list > ul > li {



    margin-bottom: 20px;



	width: 100%;  



  }



}



.solutions_133_01 .list > ul > li .item {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  background-color: #fff;



  border-radius: 10px;



  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1);



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  height: 100%;



  padding: 2.4rem 1.6rem



}



@media (max-width:1201px) {



  .solutions_133_01 .list > ul > li .item {



    padding: 20px



  }



}



.solutions_133_01 .list > ul > li .item b.t {



  color: #D18C3D;



  display: block;



  font-size: .96rem;



  line-height: 1.5em;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_133_01 .list > ul > li .item b.t {



    font-size: 16px



  }



}



.solutions_133_01 .list > ul > li .item .des {



  color: #666;



  font-size: .72rem;



  line-height: 1.5em;



  margin: 1rem 0 2rem;



  padding: 0;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_133_01 .list > ul > li .item .des {



    font-size: 14px;



    margin: 20px 0 40px



  }



}



.solutions_133_01 .list > ul > li .item p {



  font-weight: lighter



}



.solutions_133_01 .list > ul > li .item .icon {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 3.6rem;



  -webkit-justify-content: center;



  justify-content: center;



  margin-top: auto;



  position: relative;



  width: 3.6rem



}



.solutions_133_01 .list > ul > li .item .icon img {



  left: 50%;



  max-height: 100%;



  max-width: 100%;



  position: absolute;



  top: 50%;



  -webkit-transform: translate(-50%, -50%);



  -ms-transform: translate(-50%, -50%);



  transform: translate(-50%, -50%);



  z-index: 2



}



.solutions_133_01 .list > ul > li .item .icon img.b {



  opacity: 1



}



.solutions_133_01 .list > ul > li .item .icon img.a {



  opacity: 0



}



.solutions_133_01 .list > ul > li .item:hover {



    background: -webkit-linear-gradient(left, #00cbd3, #002d50);



    background: linear-gradient(90deg, #00cbd3, #002d50);



}



.solutions_133_01 .list > ul > li .item:hover b.t, .solutions_133_01 .list > ul > li .item:hover p {



  color: #fff



}



.solutions_133_01 .list > ul > li .item:hover .icon img.b {



  opacity: 0



}



.solutions_133_01 .list > ul > li .item:hover .icon img.a {



  opacity: 1



}



.solutions_133_02 {



  padding: 2rem 0



}



@media (max-width:1201px) {



  .solutions_133_02 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_133_02 {



    padding-bottom: 20px



  }



  .solutions_133_02 .link {



    margin-top: 0



  }



}



.solutions_133_02 .list {



  margin: 2.8rem 0 0



}



@media (max-width:1201px) {



  .solutions_133_02 .list {



    margin-top: 20px



  }



}



.solutions_133_02 .list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -2rem;



  padding: 0



}



@media (max-width:968px) {



  .solutions_133_02 .list > ul {



    margin: 0 -10px



  }



}



@media (max-width:668px) {



  .solutions_133_02 .list > ul {



    -webkit-flex-wrap: wrap;



    -ms-flex-wrap: wrap;



    flex-wrap: wrap



  }



}



.solutions_133_02 .list > ul > li {



  -webkit-box-flex: 1;



  -webkit-flex: 1;



  -ms-flex: 1;



  flex: 1;



  padding: 0 2rem



}



@media (max-width:968px) {



  .solutions_133_02 .list > ul > li {



    padding: 0 10px



  }



}



@media (max-width:668px) {



  .solutions_133_02 .list > ul > li {



    -ms-flex-preferred-size: 50%;



    -webkit-flex-basis: 50%;



    flex-basis: 50%;



    margin-bottom: 20px



  }



}



.solutions_133_02 .list > ul > li .item {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  height: 100%



}



.solutions_133_02 .list > ul > li .item, .solutions_133_02 .list > ul > li .item .icon {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex



}



.solutions_133_02 .list > ul > li .item .icon {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  height: 9.2rem;



  -webkit-justify-content: center;



  justify-content: center;



  width: 6.72rem



}



.solutions_133_02 .list > ul > li .item .icon img {



  max-height: 100%;



  max-width: 100%



}



.solutions_133_02 .list > ul > li .item b.t {



  color: #D18C3D;



  font-size: .96rem;



  line-height: 1.5em;



  margin: .8rem 0 0;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_133_02 .list > ul > li .item b.t {



    font-size: 16px



  }



}



.solutions_133_02 .list > ul > li .item p {



  color: #fff;



  font-size: .72rem;



  line-height: 1.5em;



  margin: .8rem 0 0;



  padding: 0;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_133_02 .list > ul > li .item p {



    font-size: 14px



  }



}



.solutions_133_03 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_133_03 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_133_03 {



    padding-bottom: 20px



  }



  .solutions_133_03 .title_des {



    padding: 0



  }



  .solutions_133_03 .link {



    margin-top: 20px



  }



}



.solutions_133_03 .img {



  margin: 2.8rem 0 0;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_133_03 .img {



    margin-top: 20px



  }



}



.solutions_133_04 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_133_04 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_133_04 {



    padding-bottom: 20px



  }



  .solutions_133_04 .link {



    margin: 20px 0 0



  }



}



.solutions_133_04 .solutions_133_04_hd {



  margin-bottom: 2.8rem



}



.solutions_133_04 .solutions_133_04_hd > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0;



  padding: 0



}



@media (max-width:668px) {



  .solutions_133_04 .solutions_133_04_hd > ul {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column



  }



}



.solutions_133_04 .solutions_133_04_hd > ul > li {



  position: relative;



  width: 33.33%



}



@media (max-width:668px) {



  .solutions_133_04 .solutions_133_04_hd > ul > li {



    margin-bottom: 20px;



    width: 100%



  }



}



.solutions_133_04 .solutions_133_04_hd > ul > li:after {



  background-color: rgba(8, 180, 148, .2);



  content: "";



  display: block;



  height: 100%;



  position: absolute;



  right: 0;



  top: 50%;



  -webkit-transform: translateY(-50%);



  -ms-transform: translateY(-50%);



  transform: translateY(-50%);



  width: 1px



}



@media (max-width:668px) {



  .solutions_133_04 .solutions_133_04_hd > ul > li:after {



    display: none



  }



  .solutions_133_04 .solutions_133_04_hd > ul > li:last-of-type {



    margin-bottom: 0



  }



}



.solutions_133_04 .solutions_133_04_hd > ul > li:last-of-type:after {



  display: none



}



.solutions_133_04 .solutions_133_04_hd > ul > li .item {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  cursor: pointer;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  height: 3.4rem;



  -webkit-justify-content: center;



  justify-content: center;



  text-align: center



}



@media (max-width:968px) {



  .solutions_133_04 .solutions_133_04_hd > ul > li .item {



    height: 100%;



    padding: 0 10px



  }



}



@media (max-width:668px) {



  .solutions_133_04 .solutions_133_04_hd > ul > li .item {



    border: 1px solid #ddd;



    padding: 10px



  }



}



.solutions_133_04 .solutions_133_04_hd > ul > li .item b {



  color: #aaa;



  display: block;



  font-size: 1.2rem;



  font-weight: 400;



  line-height: 1em



}



@media (max-width:1380px) {



  .solutions_133_04 .solutions_133_04_hd > ul > li .item b {



    font-size: 1.04rem



  }



}



@media (max-width:668px) {



  .solutions_133_04 .solutions_133_04_hd > ul > li .item b {



    font-size: 18px



  }



}



.solutions_133_04 .solutions_133_04_hd > ul > li .item p {



  color: #666;



  display: none;



  font-size: 16px;



  line-height: 1em;



  margin: 0



}



@media (max-width:1380px) {



  .solutions_133_04 .solutions_133_04_hd > ul > li .item p {



    font-size: 14px



  }



}



@media (max-width:968px) {



  .solutions_133_04 .solutions_133_04_hd > ul > li .item p {



    line-height: 1.5em;



    margin-top: 20px



  }



}



@media (max-width:668px) {



  .solutions_133_04 .solutions_133_04_hd > ul > li .item p {



    display: block;



    margin-top: 10px



  }



  .solutions_133_04 .solutions_133_04_hd > ul > li.on {



    background-color: #D18C3D



  }



}



.solutions_133_04 .solutions_133_04_hd > ul > li.on .item {



  -webkit-box-pack: justify;



  -ms-flex-pack: justify;



  -webkit-justify-content: space-between;



  justify-content: space-between



}



@media (max-width:668px) {



  .solutions_133_04 .solutions_133_04_hd > ul > li.on .item {



    border-color: #D18C3D



  }



}



.solutions_133_04 .solutions_133_04_hd > ul > li.on .item b {



  color: #000;



  font-size: 1.6rem;



  font-weight: 700



}



@media (max-width:1380px) {



  .solutions_133_04 .solutions_133_04_hd > ul > li.on .item b {



    font-size: 1.36rem



  }



}



@media (max-width:668px) {



  .solutions_133_04 .solutions_133_04_hd > ul > li.on .item b {



    color: #fff;



    font-size: 18px



  }



}



.solutions_133_04 .solutions_133_04_hd > ul > li.on .item p {



  display: block



}



@media (max-width:668px) {



  .solutions_133_04 .solutions_133_04_hd > ul > li.on .item p {



    color: #fff



  }



}



.solutions_133_04 .solutions_133_04_bd .img {



  text-align: center



}



.solutions_73_01 {



  padding: 2rem 0



}



@media (max-width:1201px) {



  .solutions_73_01 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_73_01 {



    padding-bottom: 20px



  }



  .solutions_73_01 .link {



    margin-top: 20px



  }



}



.solutions_73_01 .img {



  margin: 2.8rem 0 0;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_73_01 .img {



    margin-top: 20px



  }



}



.solutions_73_01 .img img {



  max-width: 100%



}



.solutions_735_01 {



  padding: 0rem 0



}



@media (max-width:1201px) {



  .solutions_735_01 {



    padding-bottom: 40px;



    padding-top: 10px



  }



}



@media (max-width:668px) {



  .solutions_735_01 {



    padding-bottom: 20px



  }



  .solutions_735_01 .link {



    margin-top: 10px



  }



}



.solutions_735_01 .img {



  margin: 2.8rem 0 0;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_735_01 .img {



    margin-top: 10px



  }



}



.solutions_735_01 .img img {



  max-width: 100%



}





.solutions_73_04 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_73_04 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_73_04 {



    padding-bottom: 20px



  }



  .solutions_73_04 .link {



    margin-top: 0



  }



}



.solutions_73_04 .list {



  margin: 2.8rem 0 0



}



@media (max-width:1201px) {



  .solutions_73_04 .list {



    margin-top: 20px



  }



}



.solutions_73_04 .list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -1.2rem;



  padding: 0



}



@media (max-width:1201px) {



  .solutions_73_04 .list > ul {



    margin: 0 -10px



  }



}



@media (max-width:668px) {



  .solutions_73_04 .list > ul {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column



  }



}



.solutions_73_04 .list > ul > li {



  padding: 0 1.2rem;



  width: 33.33%



}



@media (max-width:1201px) {



  .solutions_73_04 .list > ul > li {



    margin-bottom: 20px;



    padding: 0 10px



  }



}



@media (max-width:668px) {



  .solutions_73_04 .list > ul > li {



    width: 100%



  }



}



.solutions_73_04 .list > ul > li .item {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  background-color: #fff;



  border-radius: 10px;



  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1);



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  height: 100%;



  padding: 2.4rem 1.6rem



}



@media (max-width:1201px) {



  .solutions_73_04 .list > ul > li .item {



    padding: 20px



  }



}



.solutions_73_04 .list > ul > li .item b.t {



  color: #D18C3D;



  display: block;



  font-size: .96rem;



  line-height: 1em



}



@media (max-width:1201px) {



  .solutions_73_04 .list > ul > li .item b.t {



    font-size: 18px



  }



}



.solutions_73_04 .list > ul > li .item .sub_t {



  color: #666;



  font-size: .72rem;



  line-height: 1em;



  margin: .8rem 0 1rem



}



@media (max-width:1201px) {



  .solutions_73_04 .list > ul > li .item .sub_t {



    font-size: 16px



  }



}



.solutions_73_04 .list > ul > li .item .list_icon > ul {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-justify-content: center;



  justify-content: center;



  list-style: none;



  margin: 0 -.4rem;



  padding: 0



}



.solutions_73_04 .list > ul > li .item .list_icon > ul > li {



  padding: 0 .4rem



}



.solutions_73_04 .list > ul > li .item .list_icon > ul > li span {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  background: -webkit-linear-gradient(left, #C9A712, #CEAB10);



  background: linear-gradient(90deg, #C9A712, #CEAB10);



  border-radius: 100%;



  color: #fff;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  font-size: .64rem;



  height: 2.4rem;



  -webkit-justify-content: center;



  justify-content: center;



  line-height: 1.2em;



  width: 2.4rem;



  -webkit-writing-mode: tb-rl;



  -ms-writing-mode: tb-rl;



  writing-mode: tb-rl



}



@media (max-width:1201px) {



  .solutions_73_04 .list > ul > li .item .list_icon > ul > li span {



    font-size: 12px



  }



}



.solutions_73_04 .list > ul > li .item .img {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 12rem;



  -webkit-justify-content: center;



  justify-content: center;



  width: 100%



}



.solutions_73_04 .list > ul > li .item .img img {



  max-height: 100%;



  max-width: 100%



}



.solutions_73_04 .list > ul > li .item p {



  color: #666;



  font-size: .64rem;



  line-height: 1.5em;



  padding: 0 1.2rem;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_73_04 .list > ul > li .item p {



    font-size: 14px



  }



}



.solutions_73_05 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_73_05 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_73_05 {



    padding-bottom: 20px



  }



  .solutions_73_05 .title_des {



    padding: 0



  }



}



.solutions_73_05 .img {



  margin: 2.8rem 0 0;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_73_05 .img {



    margin-top: 20px



  }



}



.solutions_72_03 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_72_03 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_72_03 {



    padding-bottom: 20px



  }



  .solutions_72_03 .link {



    margin-top: 20px



  }



}



.solutions_72_03 .img {



  margin: 2.8rem 0 0;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_72_03 .img {



    margin-top: 20px



  }



}



.solutions_72_04 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_72_04 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_72_04 {



    padding-bottom: 20px



  }



  .solutions_72_04 .link {



    margin-top: 0



  }



  .solutions_72_04 .link > ul {



    -webkit-box-pack: center;



    -ms-flex-pack: center;



    -webkit-justify-content: center;



    justify-content: center



  }



}



.solutions_72_04 .inner {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex



}



@media (max-width:668px) {



  .solutions_72_04 .inner {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column



  }



}



.solutions_72_04 .txt {



  -webkit-box-flex: 1;



  -webkit-flex: 1;



  -ms-flex: 1;



  flex: 1;



  padding-right: 2.4rem



}



@media (max-width:668px) {



  .solutions_72_04 .txt {



    padding: 0



  }



}



.solutions_72_04 .txt .list_circle_dot {



  margin: 1.6rem 0 2rem



}



.solutions_72_04 .txt .list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0;



  padding: 0



}



@media (max-width:668px) {



  .solutions_72_04 .txt .list > ul {



    -webkit-flex-wrap: wrap;



    -ms-flex-wrap: wrap;



    flex-wrap: wrap;



    margin: 0 -10px



  }



}



.solutions_72_04 .txt .list > ul > li {



  -webkit-box-flex: 1;



  -webkit-flex: 1;



  -ms-flex: 1;



  flex: 1;



  padding-right: 1.6rem



}



@media (max-width:668px) {



  .solutions_72_04 .txt .list > ul > li {



    -ms-flex-preferred-size: 50%;



    -webkit-flex-basis: 50%;



    flex-basis: 50%;



    margin-bottom: 20px;



    padding: 0 10px



  }



}



.solutions_72_04 .txt .list > ul > li .item {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  -webkit-justify-content: center;



  justify-content: center;



  text-align: center



}



.solutions_72_04 .txt .list > ul > li .item .icon {



  height: 3.2rem;



  width: 3.2rem



}



.solutions_72_04 .txt .list > ul > li .item .t {



  font-size: .72rem;



  line-height: 1em;



  margin: .8rem 0 .4rem



}



@media (max-width:1201px) {



  .solutions_72_04 .txt .list > ul > li .item .t {



    font-size: 16px



  }



}



.solutions_72_04 .txt .list > ul > li .item p {



  color: #666;



  font-size: .56rem;



  line-height: 1.5em;



  margin: 0



}



@media (max-width:1201px) {



  .solutions_72_04 .txt .list > ul > li .item p {



    font-size: 14px



  }



}



.solutions_72_04 .img {



  -ms-flex-negative: 0;



  -webkit-flex-shrink: 0;



  flex-shrink: 0;



  text-align: center;



  width: 32.8%



}



@media (max-width:668px) {



  .solutions_72_04 .img {



    -webkit-box-ordinal-group: 0;



    -ms-flex-order: -1;



    margin-bottom: 20px;



    -webkit-order: -1;



    order: -1;



    width: 100%



  }



}



.solutions_72_04 .img img {



  max-width: 100%



}



@media (max-width:668px) {



  .solutions_72_04 .img img {



    max-width: 80%



  }



}



.solutions_72_05 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_72_05 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_72_05 {



    padding-bottom: 20px



  }



}



.solutions_72_05 .img {



  margin: 2.8rem 0 0;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_72_05 .img {



    margin-top: 20px



  }



}



.solutions_72_06 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_72_06 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_72_06 {



    padding-bottom: 20px



  }



}



.solutions_72_06 .img {



  margin: 2.8rem 0 0;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_72_06 .img {



    margin-top: 20px



  }



}



.solutions_single_top {



  overflow: hidden;



  padding: 6.8rem 0 6.4rem;



  position: relative



}



@media (max-width:1201px) {



  .solutions_single_top {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_single_top {



    padding-bottom: 20px



  }



  .solutions_single_top .link {



    margin-top: 20px



  }



}



.solutions_single_top:after, .solutions_single_top:before {



  background-position: 50%;



  background-repeat: no-repeat;



  background-size: cover;



  content: "";



  display: block;



  position: absolute;



  top: 50%;



  -webkit-transform: translateY(-50%);



  -ms-transform: translateY(-50%);



  transform: translateY(-50%);



  z-index: 1



}



.solutions_single_top:before {



  background-image: url(../image/solutions_single_top_01.jpg);



  height: 21.12rem;



  left: 0;



  width: 20.24rem



}



.solutions_single_top:after {



  background-image: url(../image/solutions_single_top_02.jpg);



  height: 21.6rem;



  right: 0;



  width: 21.32rem



}



.solutions_single_top .w {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  -webkit-justify-content: center;



  justify-content: center;



  position: relative;



  text-align: center;



  z-index: 5



}



@media (max-width:668px) {



  .solutions_single_top .w .icon {



    width: 80px



  }



}



.solutions_single_top .w .icon img {



  max-width: 100%



}



.solutions_single_top .w .title02 {



  margin: 2rem 0 1.2rem



}



@media (max-width:1201px) {



  .solutions_single_top .w .title02 {



    margin: 20px 0



  }



}



.solutions_single_top .w .txt {



  color: #666;



  font-size: .72rem;



  line-height: 1.8em;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_single_top .w .txt {



    font-size: 14px



  }



}



.solutions_single_top_71 {



  max-width: 40.8rem



}



@media (max-width:1201px) {



  .solutions_single_top_71 {



    max-width: 85%



  }



}



@media (max-width:668px) {



  .solutions_single_top_71 {



    max-width: 100%



  }



}



.solutions_71_01 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_71_01 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_71_01 {



    padding-bottom: 20px



  }



  .solutions_71_01 .link {



    margin-top: 0



  }



}



.solutions_71_01 .list {



  margin: 2.8rem 0 0



}



@media (max-width:1201px) {



  .solutions_71_01 .list {



    margin-top: 20px



  }



}



.solutions_71_01 .list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -2rem;



  padding: 0



}



@media (max-width:1201px) {



  .solutions_71_01 .list > ul {



    margin: 0 -10px



  }



}



@media (max-width:668px) {



  .solutions_71_01 .list > ul {



    -webkit-flex-wrap: wrap;



    -ms-flex-wrap: wrap;



    flex-wrap: wrap



  }



}



.solutions_71_01 .list > ul > li {



  -webkit-box-flex: 1;



  -webkit-flex: 1;



  -ms-flex: 1;



  flex: 1;



  padding: 0 2rem



}



@media (max-width:1201px) {



  .solutions_71_01 .list > ul > li {



    padding: 0 10px



  }



}



@media (max-width:668px) {



  .solutions_71_01 .list > ul > li {



    -ms-flex-preferred-size: 50%;



    -webkit-flex-basis: 50%;



    flex-basis: 50%;



    margin-bottom: 20px



  }



}



.solutions_71_01 .list > ul > li .item {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  height: 100%



}



.solutions_71_01 .list > ul > li .item, .solutions_71_01 .list > ul > li .item .icon {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex



}



.solutions_71_01 .list > ul > li .item .icon {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  height: 3.6rem;



  -webkit-justify-content: center;



  justify-content: center;



  width: 3.36rem



}



.solutions_71_01 .list > ul > li .item .icon img {



  max-height: 100%;



  max-width: 100%



}



.solutions_71_01 .list > ul > li .item b.t {



  color: #333;



  font-size: .8rem;



  line-height: 1em;



  margin: 1.6rem 0 0



}



@media (max-width:1201px) {



  .solutions_71_01 .list > ul > li .item b.t {



    font-size: 16px



  }



}



.solutions_71_01 .list > ul > li .item p {



  color: #666;



  font-size: .72rem;



  line-height: 1.5em;



  margin: .6rem 0 0;



  padding: 0;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_71_01 .list > ul > li .item p {



    font-size: 14px



  }



}



.solutions_71_02 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_71_02 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_71_02 {



    padding-bottom: 20px



  }



  .solutions_71_02 .link {



    margin-top: 20px



  }



}



.solutions_71_02 .img {



  margin: 2.8rem 0 0;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_71_02 .img {



    margin-top: 20px



  }



}



.solutions_71_03 {



  padding-bottom: 2.8rem;



  padding-top: 2.8rem



}



@media (max-width:1201px) {



  .solutions_71_03 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_71_03 {



    padding-bottom: 20px



  }



}



.solutions_71_03 .inner {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex



}



@media (max-width:668px) {



  .solutions_71_03 .inner {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-box-pack: start;



    -ms-flex-pack: start;



    -webkit-box-align: start;



    -ms-flex-align: start;



    -webkit-align-items: flex-start;



    align-items: flex-start;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-justify-content: flex-start;



    justify-content: flex-start



  }



}



.solutions_71_03 .inner .txt {



  width: 50%



}



@media (max-width:668px) {



  .solutions_71_03 .inner .txt {



    padding: 0;



    width: 100%



  }



}



.solutions_71_03 .inner .txt .list_circle_dot {



  margin: 1.6rem 0



}



@media (max-width:668px) {



  .solutions_71_03 .inner .txt .list_circle_dot {



    margin: 20px 0



  }



}



.solutions_71_03 .inner .img {



  margin-left: auto;



  width: 42%



}



@media (max-width:668px) {



  .solutions_71_03 .inner .img {



    -webkit-box-ordinal-group: 0;



    -ms-flex-order: -1;



    margin-bottom: 20px;



    -webkit-order: -1;



    order: -1;



    text-align: center;



    width: 100%



  }



}



.solutions_71_03 .inner .img img {



  width: 100%



}



@media (max-width:668px) {



  .solutions_71_03 .inner .img img {



    width: 80%



  }



}



.solutions_69_02 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_69_02 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_69_02 {



    padding-bottom: 20px



  }



  .solutions_69_02 .link {



    margin-top: 0



  }



}



.solutions_69_02 .list {



  margin: 2.8rem 0 0



}



@media (max-width:1201px) {



  .solutions_69_02 .list {



    margin-top: 20px



  }



}



.solutions_69_02 .list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -1.2rem;



  padding: 0



}



@media (max-width:1201px) {



  .solutions_69_02 .list > ul {



    margin: 0 -10px



  }



}



@media (max-width:668px) {



  .solutions_69_02 .list > ul {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column



  }



}



.solutions_69_02 .list > ul > li {



  -webkit-box-flex: 1;



  -webkit-flex: 1;



  -ms-flex: 1;



  flex: 1;



  padding: 0 1.2rem



}



@media (max-width:1201px) {



  .solutions_69_02 .list > ul > li {



    padding: 0 10px



  }



}



@media (max-width:668px) {



  .solutions_69_02 .list > ul > li {



    margin-bottom: 20px



  }



}



.solutions_69_02 .list > ul > li .item {



  background-color: #fff;



  border-radius: 10px;



  box-shadow: 0 5px .8rem 0 rgba(0, 0, 0, .1);



  height: 100%;



  overflow: hidden;



  padding: 2.8rem 1.6rem;



  position: relative;



  text-align: center;



  -webkit-transition: all .5s;



  transition: all .5s



}



@media (max-width:1201px) {



  .solutions_69_02 .list > ul > li .item {



    padding: 40px 20px



  }



}



@media (max-width:668px) {



  .solutions_69_02 .list > ul > li .item {



    padding: 20px



  }



}



.solutions_69_02 .list > ul > li .item .icon {



  height: 8.64rem;



  margin: 0 auto;



  width: 6.2rem



}



.solutions_69_02 .list > ul > li .item .icon img {



  max-height: 100%;



  max-width: 100%



}



.solutions_69_02 .list > ul > li .item b.t {



  color: #333;



  display: block;



  font-size: .8rem;



  line-height: 1em;



  margin: 3.2rem 0 .8rem;



  -webkit-transition: all .5s;



  transition: all .5s



}



@media (max-width:1201px) {



  .solutions_69_02 .list > ul > li .item b.t {



    font-size: 16px;



    margin: 40px 0 20px



  }



}



@media (max-width:668px) {



  .solutions_69_02 .list > ul > li .item b.t {



    margin: 20px 0



  }



}



.solutions_69_02 .list > ul > li .item p {



  color: #666;



  font-size: .72rem;



  line-height: 1.5em;



  margin: 0



}



@media (max-width:1201px) {



  .solutions_69_02 .list > ul > li .item p {



    font-size: 14px



  }



}



.solutions_68_02 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_68_02 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_68_02 {



    padding-bottom: 20px



  }



}



.solutions_68_02_t {



  margin-top: 1.6rem;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_68_02_t {



    margin-top: 20px



  }



}



.solutions_68_02_t b.t {



  color: #000;



  display: block;



  font-size: 1.2rem;



  line-height: 1.5em



}



@media (max-width:1201px) {



  .solutions_68_02_t b.t {



    font-size: 22px



  }



}



.solutions_68_02_t .des {



  color: #333;



  font-size: .72rem;



  line-height: 2em



}



@media (max-width:1201px) {



  .solutions_68_02_t .des {



    font-size: 14px



  }



}



.solutions_68_02 .list01 {



  margin: 1.6rem 0 0;



  padding-bottom: 1.6rem



}



@media (max-width:1201px) {



  .solutions_68_02 .list01 {



    margin: 20px 0 0;



    padding-bottom: 0



  }



}



.solutions_68_02 .list01 > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -1.2rem;



  padding: 0



}



@media (max-width:1201px) {



  .solutions_68_02 .list01 > ul {



    margin: 0 -10px



  }



}



@media (max-width:668px) {



  .solutions_68_02 .list01 > ul {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column



  }



}



.solutions_68_02 .list01 > ul > li {



  -webkit-box-flex: 1;



  -webkit-flex: 1;



  -ms-flex: 1;



  flex: 1;



  padding: 0 1.2rem



}



@media (max-width:1201px) {



  .solutions_68_02 .list01 > ul > li {



    padding: 0 10px



  }



}



@media (max-width:668px) {



  .solutions_68_02 .list01 > ul > li {



    margin-bottom: 20px



  }



}



.solutions_68_02 .list01 > ul > li .item {



  background-color: #fff;



  border-radius: 10px;



  box-shadow: 0 5px .8rem 0 rgba(0, 0, 0, .1);



  height: 100%;



  overflow: hidden;



  padding: 2.8rem 1.6rem;



  position: relative;



  text-align: center;



  -webkit-transition: all .5s;



  transition: all .5s



}



@media (max-width:1201px) {



  .solutions_68_02 .list01 > ul > li .item {



    padding: 20px



  }



}



.solutions_68_02 .list01 > ul > li .item .icon {



  height: 8.64rem;



  margin: 0 auto;



  width: 6.2rem



}



.solutions_68_02 .list01 > ul > li .item .icon img {



  max-height: 100%;



  max-width: 100%



}



.solutions_68_02 .list01 > ul > li .item b.t {



  color: #333;



  display: block;



  font-size: .8rem;



  line-height: 1em;



  margin: 3.2rem 0 .8rem;



  -webkit-transition: all .5s;



  transition: all .5s



}



@media (max-width:1201px) {



  .solutions_68_02 .list01 > ul > li .item b.t {



    font-size: 16px



  }



}



.solutions_68_02 .list01 > ul > li .item p {



  color: #666;



  font-size: .72rem;



  line-height: 1.5em;



  margin: 0



}



@media (max-width:1201px) {



  .solutions_68_02 .list01 > ul > li .item p {



    font-size: 14px



  }



}



.solutions_68_02 .list02 {



  margin: 1.6rem 0 0;



  padding-bottom: 1.6rem



}



@media (max-width:1201px) {



  .solutions_68_02 .list02 {



    margin: 20px 0 0;



    padding-bottom: 0



  }



}



.solutions_68_02 .list03 {



  margin: 1.6rem 0 0;



  padding: 0 0 1.6rem



}



@media (max-width:1201px) {



  .solutions_68_02 .list03 {



    margin: 20px 0 0;



    padding-bottom: 0



  }



}



@media (max-width:668px) {



  .solutions_68_02_jjfa2 {



    display: none



  }



}



.solutions_68_02_jjfa2 * {



  -webkit-text-size-adjust: none;



  border: none;



  font-style: normal;



  list-style: none;



  margin: 0;



  padding: 0



}



.solutions_68_02_jjfa2 .dcfa2 {



  display: table;



  margin: 2rem auto;



  width: 1080px



}



@media (max-width:1201px) {



  .solutions_68_02_jjfa2 .dcfa2 {



    margin: 20px auto



  }



}



.solutions_68_02_jjfa2 .dcfa2 .tu {



  display: table-cell;



  width: 480px



}



.solutions_68_02_jjfa2 .yuan {



  height: 480px;



  position: relative;



  width: 480px



}



.solutions_68_02_jjfa2 .dcfa2 .yuan p {



  background-color: #2c7e7c;



  border-radius: 50%;



  color: #fff;



  display: table;



  height: 114px;



  left: 50%;



  margin-left: -57px;



  margin-top: -57px;



  padding: 0;



  position: absolute;



  text-align: center;



  top: 50%;



  width: 114px



}



.solutions_68_02_jjfa2 .yuan em {



  display: table-cell;



  font-size: 1.2em;



  vertical-align: middle



}



.solutions_68_02_jjfa2 .yuan li {



  cursor: pointer;



  display: block;



  position: absolute



}



.solutions_68_02_jjfa2 .yuan li img {



  box-shadow: 10px 10px 5px #edeff1



}



.solutions_68_02_jjfa2 .yuan li:first-child {



  background: url(../image/fn_dichan_301.png) no-repeat;



  height: 212px;



  left: 0;



  top: 0;



  width: 236px



}



.solutions_68_02_jjfa2 .yuan li:nth-child(2) {



  background: url(../image/fn_dichan_301.png) no-repeat;



  height: 212px;



  right: 0;



  top: 0;



  width: 236px



}



.solutions_68_02_jjfa2 .yuan li:nth-child(3) {



  background: url(../image/fn_dichan_301.png) no-repeat;



  height: 255px;



  left: 0;



  top: 174px;



  width: 236px



}



.solutions_68_02_jjfa2 .yuan li:nth-child(4) {



  background: url(../image/fn_dichan_301.png) no-repeat;



  height: 255px;



  right: 0;



  top: 174px;



  width: 236px



}



.solutions_68_02_jjfa2 .yuan li:nth-child(5) {



  background: url(../image/fn_dichan_301.png) no-repeat;



  bottom: 0;



  height: 175px;



  left: 105px;



  width: 269px



}



.solutions_68_02_jjfa2 .yuan li:first-child:hover {



  background: url(../image/fn_dichan_301.png) no-repeat



}



.solutions_68_02_jjfa2 .yuan li:nth-child(2):hover {



  background: url(../image/fn_dichan_301.png) no-repeat



}



.solutions_68_02_jjfa2 .yuan li:nth-child(3):hover {



  background: url(../image/fn_dichan_301.png) no-repeat



}



.solutions_68_02_jjfa2 .yuan li:nth-child(4):hover {



  background: url(../image/fn_dichan_301.png) no-repeat



}



.solutions_68_02_jjfa2 .yuan li:nth-child(5):hover {



  background: url(../image/fn_dichan_301.png) no-repeat



}



.solutions_68_02_jjfa2 .yuan li dl {



  display: block;



  text-align: center



}



.solutions_68_02_jjfa2 .yuan li dt {



  color: #2c7e7c;



  font-size: 1.125em;



  padding-bottom: .5em;



  width: 100%



}



.solutions_68_02_jjfa2 .yuan li dd i {



  color: grey;



  display: block;



  float: left;



  font-size: .875em;



  font-style: normal;



  line-height: 170%;



  padding-left: 5%;



  position: relative;



  text-align: left;



  white-space: nowrap;



  width: 45%



}



.solutions_68_02_jjfa2 .yuan li dd i:before {



  background-color: grey;



  content: "";



  display: block;



  height: 3px;



  left: 0;



  margin-top: -1.5px;



  position: absolute;



  top: 50%;



  width: 3px



}



.solutions_68_02_jjfa2 .yuan li:first-child dl {



  float: left;



  padding: 70px 0 0 60px;



  width: 220px



}



.solutions_68_02_jjfa2 .yuan li:nth-child(2) dl {



  float: right;



  padding: 70px 60px 0 0;



  width: 220px



}



.solutions_68_02_jjfa2 .yuan li:nth-child(3) dl {



  float: left;



  padding: 60px 0 0 23px;



  width: 163px



}



.solutions_68_02_jjfa2 .yuan li:nth-child(4) dl {



  float: right;



  padding: 60px 48px 0 0;



  width: 158px



}



.solutions_68_02_jjfa2 .yuan li:nth-child(5) dl {



  margin: 50px auto 0;



  width: 160px



}



.solutions_68_02_jjfa2 .yuan li:hover dl dd i, .solutions_68_02_jjfa2 .yuan li:hover dl dt {



  color: #fff



}



.solutions_68_02_jjfa2 .yuan li:hover dd i:before {



  background-color: #fff



}



.solutions_68_02_jjfa2 .dcfa2 .zi {



  display: table-cell;



  padding-left: 10%;



  vertical-align: middle;



  width: calc(100% - 480px)



}



.solutions_68_02_jjfa2 .dcfa2 .zi span {



  border: 2px solid #2c7e7c;



  border-radius: 7px;



  color: #2c7e7c;



  display: block;



  font-size: 1.125em;



  margin: 1em 0;



  padding: 1.3em 0;



  text-align: center;



  width: calc(100% - 4px)



}



@media (max-width:1201px) {



  .solutions_68_02_jjfa2 .dcfa2 {



    width: 100%



  }



  .solutions_68_02_jjfa2 .dcfa2 .tu {



    display: block;



    height: 750px;



    margin: 0 auto 1em;



    width: 100%



  }



}



@media (max-width:1201px) and (max-width:668px) {



  .solutions_68_02_jjfa2 .dcfa2 .tu {



    display: none



  }



}



@media (max-width:1201px) {



  .solutions_68_02_jjfa2 .dcfa2 .tu .yuan {



    height: 750px;



    margin: 0 auto;



    width: 750px



  }



  .solutions_68_02_jjfa2 .dcfa2 .yuan p {



    height: 177px;



    margin-left: -88px;



    margin-top: -88px;



    width: 177px



  }



  .solutions_68_02_jjfa2 .yuan li:first-child {



    background: url(../image/fn_dichan_301.png) no-repeat;



    height: 332px;



    left: 0;



    top: 0;



    width: 368px



  }



  .solutions_68_02_jjfa2 .yuan li:nth-child(2) {



    background: url(../image/fn_dichan_301.png) no-repeat;



    height: 332px;



    right: 0;



    top: 0;



    width: 367px



  }



  .solutions_68_02_jjfa2 .yuan li:nth-child(3) {



    background: url(../image/fn_dichan_301.png) no-repeat;



    height: 400px;



    left: 0;



    top: 270px;



    width: 298px



  }



  .solutions_68_02_jjfa2 .yuan li:nth-child(4) {



    background: url(../image/fn_dichan_301.png) no-repeat;



    height: 400px;



    right: 0;



    top: 270px;



    width: 296px



  }



  .solutions_68_02_jjfa2 .yuan li:nth-child(5) {



    background: url(../image/fn_dichan_301.png) no-repeat;



    bottom: 0;



    height: 274px;



    left: 165px;



    width: 419px



  }



  .solutions_68_02_jjfa2 .yuan li:first-child:hover {



    background: url(../image/fn_dichan_301.png) no-repeat



  }



  .solutions_68_02_jjfa2 .yuan li:nth-child(2):hover {



    background: url(../image/fn_dichan_301.png) no-repeat



  }



  .solutions_68_02_jjfa2 .yuan li:nth-child(3):hover {



    background: url(../image/fn_dichan_301.png) no-repeat



  }



  .solutions_68_02_jjfa2 .yuan li:nth-child(4):hover {



    background: url(../image/fn_dichan_301.png) no-repeat



  }



  .solutions_68_02_jjfa2 .yuan li:nth-child(5):hover {



    background: url(../image/fn_dichan_301.png) no-repeat



  }



  .solutions_68_02_jjfa2 .yuan li:first-child dl {



    float: left;



    padding: 100px 0 0 90px;



    width: 330px



  }



  .solutions_68_02_jjfa2 .yuan li:nth-child(2) dl {



    float: right;



    padding: 100px 90px 0 0;



    width: 330px



  }



  .solutions_68_02_jjfa2 .yuan li:nth-child(3) dl {



    float: left;



    padding: 95px 0 0 33px;



    width: 273px



  }



  .solutions_68_02_jjfa2 .yuan li:nth-child(4) dl {



    float: right;



    padding: 95px 30px 0 0;



    width: 240px



  }



  .solutions_68_02_jjfa2 .yuan li:nth-child(5) dl {



    margin: 50px auto 0;



    width: 240px



  }



  .solutions_68_02_jjfa2 .dcfa2 .zi {



    display: block;



    padding: 0;



    width: 100%



  }



  .solutions_68_02_jjfa2 .dcfa2 .zi span {



    float: left;



    margin: 20px 20px 0 0;



    width: calc(50% - 14px)



  }



  .solutions_68_02_jjfa2 .dcfa2 .zi span.last {



    margin-right: 0



  }



  .solutions_68_02_jjfa2 .dichan04 .center ul.dcfa3 {



    margin-top: 2em



  }



  .solutions_68_02_jjfa2 .dichan04 .center ul.dcfa3 li {



    display: table;



    float: left;



    margin: 20px 0 0;



    width: calc(100% - 4px)



  }



  .solutions_68_02_jjfa2 .dichan04 .center ul.dcfa3 li.blank {



    display: none



  }



  .solutions_68_02_jjfa2 .dichan04 .center ul.dcfa3 li em {



    display: table-cell;



    padding: 1em 20px;



    vertical-align: middle;



    width: 40%



  }



  .solutions_68_02_jjfa2 .dichan04 .center ul.dcfa3 li span {



    display: table-cell;



    padding: 1em 20px 1em 0;



    vertical-align: top;



    width: 60%



  }



  .solutions_68_02_jjfa2 .dichan04 .center ul.dcfa3 li img {



    padding-top: 0



  }



}



.solutions_68_02_jjfa2_mobile {



  display: none



}



@media (max-width:668px) {



  .solutions_68_02_jjfa2_mobile {



    display: block



  }



  .solutions_68_02_jjfa2_mobile img {



    width: 100%



  }



}



.solutions_68_02_jjfa3 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_68_02_jjfa3 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_68_02_jjfa3 {



    padding-bottom: 20px



  }



  .solutions_68_02_jjfa3 .link {



    margin-top: 0



  }



}



.solutions_68_02_jjfa3 .list {



  margin: 2.8rem 0 0



}



@media (max-width:1201px) {



  .solutions_68_02_jjfa3 .list {



    margin-top: 20px



  }



}



.solutions_68_02_jjfa3 .list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -.6rem;



  padding: 0



}



@media (max-width:1201px) {



  .solutions_68_02_jjfa3 .list > ul {



    margin: 0 -10px



  }



}



@media (max-width:668px) {



  .solutions_68_02_jjfa3 .list > ul {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column



  }



}



.solutions_68_02_jjfa3 .list > ul > li {



  -webkit-box-flex: 1;



  -webkit-flex: 1;



  -ms-flex: 1;



  flex: 1;



  padding: 0 .6rem



}



@media (max-width:1201px) {



  .solutions_68_02_jjfa3 .list > ul > li {



    padding: 0 10px



  }



}



@media (max-width:668px) {



  .solutions_68_02_jjfa3 .list > ul > li {



    margin-bottom: 20px



  }



}



.solutions_68_02_jjfa3 .list > ul > li .item {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  background-color: #fff;



  border-radius: 10px;



  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1);



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  height: 100%;



  padding: 2.4rem 1.6rem



}



@media (max-width:1288px) {



  .solutions_68_02_jjfa3 .list > ul > li .item {



    padding: 20px



  }



}



.solutions_68_02_jjfa3 .list > ul > li .item b.t {



  color: #D18C3D;



  display: block;



  font-size: .96rem;



  line-height: 1.5em;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_68_02_jjfa3 .list > ul > li .item b.t {



    font-size: 16px



  }



}



.solutions_68_02_jjfa3 .list > ul > li .item .des {



  color: #666;



  font-size: 16px;



  line-height: 30px;



  margin: 1rem 0 2rem;



  padding: 0



}



@media (max-width:1681px) {



  .solutions_68_02_jjfa3 .list > ul > li .item .des {



    font-size: 14px



  }



}



@media (max-width:1288px) {



  .solutions_68_02_jjfa3 .list > ul > li .item .des {



    font-size: 12px;



    margin: 10px 0



  }



}



@media (max-width:1201px) {



  .solutions_68_02_jjfa3 .list > ul > li .item .des {



    margin: 20px 0 40px



  }



}



@media (max-width:668px) {



  .solutions_68_02_jjfa3 .list > ul > li .item .des {



    font-size: 14px



  }



}



.solutions_68_02_jjfa3 .list > ul > li .item .des ul {



  list-style: none;



  margin: 0;



  padding: 0



}



.solutions_68_02_jjfa3 .list > ul > li .item .des ul li {



  padding-left: 10px;



  position: relative



}



.solutions_68_02_jjfa3 .list > ul > li .item .des ul li:before {



  background-color: #666;



  border-radius: 50%;



  content: "";



  height: 4px;



  left: 0;



  position: absolute;



  top: .82em;



  width: 4px



}



.solutions_68_02_jjfa3 .list > ul > li .item .icon {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 2.6rem;



  -webkit-justify-content: center;



  justify-content: center;



  margin-top: auto;



  position: relative;



  width: 2.6rem



}



.solutions_68_02_jjfa3 .list > ul > li .item .icon img {



  left: 50%;



  max-height: 100%;



  max-width: 100%;



  position: absolute;



  top: 50%;



  -webkit-transform: translate(-50%, -50%);



  -ms-transform: translate(-50%, -50%);



  transform: translate(-50%, -50%);



  z-index: 2



}



.solutions_68_02_jjfa3 .list > ul > li .item .icon img.b {



  opacity: 1



}



.solutions_68_02_jjfa3 .list > ul > li .item .icon img.a {



  opacity: 0



}



.solutions_68_02_jjfa3 .list > ul > li .item:hover {



  background: -webkit-linear-gradient(left, #C9A712, #CEAB10);



  background: linear-gradient(90deg, #C9A712, #CEAB10)



}



.solutions_68_02_jjfa3 .list > ul > li .item:hover .des, .solutions_68_02_jjfa3 .list > ul > li .item:hover b.t {



  color: #fff



}



.solutions_68_02_jjfa3 .list > ul > li .item:hover .des ul li:before {



  background-color: #fff



}



.solutions_68_02_jjfa3 .list > ul > li .item:hover .icon img.b {



  opacity: 0



}



.solutions_68_02_jjfa3 .list > ul > li .item:hover .icon img.a {



  opacity: 1



}



.pro_single_list {



  padding-top: 1.2rem



}



@media (max-width:1201px) {



  .pro_single_list {



    padding-top: 0



  }



}



.pro_single_list > ul {



  list-style: none;



  margin: 0;



  padding: 0



}



.pro_single_list > ul > li {



  display: block;



  padding: 2.8rem 0;



  background-color: #191a1a;	



}



@media (max-width:1201px) {



  .pro_single_list > ul > li {



    padding: 40px 0



  }



}



@media (max-width:668px) {



  .pro_single_list > ul > li {



    padding: 20px 0



  }



}



.pro_single_list > ul > li .item {



  -webkit-box-pack: justify;



  -ms-flex-pack: justify;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-justify-content: space-between;



  justify-content: space-between



}



@media (max-width:668px) {



  .pro_single_list > ul > li .item {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-box-pack: start;



    -ms-flex-pack: start;



    -webkit-box-align: start;



    -ms-flex-align: start;



    -webkit-align-items: flex-start;



    align-items: flex-start;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-justify-content: flex-start;



    justify-content: flex-start



  }



}



.pro_single_list > ul > li .item .img {



  text-align: center;



  width: 50%



}



@media (max-width:668px) {



  .pro_single_list > ul > li .item .img {



    margin-bottom: 20px;



    width: 100%



  }



}



.pro_single_list > ul > li .item .img img {



  max-width: 100%



}



@media (max-width:668px) {



  .pro_single_list > ul > li .item .img img {



    max-width: 80%



  }



}



.pro_single_list > ul > li .item .txt {



  padding: 0 2.8rem 0 0;



  width: 50%



}



.pro_single_list > ul > li .item .txt22 {



  padding: 0 2.8rem 0 0;



  width: 100%



}



@media (max-width:668px) {



  .pro_single_list > ul > li .item .txt {



    padding: 0;



    width: 100%



  }



}



.pro_single_list > ul > li .item .txt .title_sub {



  display: block;



  font-size: .72rem;



  line-height: 1.5em;



  margin-top: 1.2rem



}



@media (max-width:1201px) {



  .pro_single_list > ul > li .item .txt .title_sub {



    color: #666;



    font-size: 14px



  }



}



.pro_single_list > ul > li .item .txt .list_circle_dot {



  margin: 1.2rem 0 0



}



.pro_single_list > ul > li .item .txt .link {



  margin-top: 1.2rem



}



.pro_single_list > ul > li:nth-of-type(2n) {



  background-color: #000



}



.pro_single_list > ul > li:nth-of-type(2n) .txt {



  padding: 0 0 0 2.8rem



}



@media (max-width:668px) {



  .pro_single_list > ul > li:nth-of-type(2n) .txt {



    padding: 0



  }



}



@media (min-width:668px) {



  .pro_single_list > ul > li:nth-of-type(odd) .item .txt, .pro_single_list_innerlist > ul > li:nth-of-type(2n) .item .txt {



    -webkit-box-ordinal-group: 0;



    -ms-flex-order: -1;



    -webkit-order: -1;



    order: -1



  }



  .pro_single_list_innerlist > ul > li:nth-of-type(2n) .item .txt {



    padding: 0 2.8rem 0 0



  }



  .pro_single_list_innerlist > ul > li:nth-of-type(odd) .item .txt {



    -webkit-box-ordinal-group: 3;



    -ms-flex-order: 2;



    -webkit-order: 2;



    order: 2;



    padding: 0 0 0 2.8rem



  }



}



.pro_single_list_justify_img > ul > li:nth-of-type(2n) .item .img {



  text-align: right



}



@media (max-width:668px) {



  .pro_single_list_justify_img > ul > li:nth-of-type(2n) .item .img {



    text-align: center



  }



}



.pro_single_list_justify_img > ul > li:nth-of-type(odd) .item .img {



  text-align: left



}



@media (max-width:668px) {



  .pro_single_list_justify_img > ul > li:nth-of-type(odd) .item .img {



    text-align: center



  }



  .pro_syql_security {



    padding-top: 20px



  }



}



.pro_syql_security .list {



  margin: 2rem 0 2.8rem



}



@media (max-width:668px) {



  .pro_syql_security .list {



    margin: 20px 0 0



  }



}



.pro_syql_security .list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -.8rem;



  padding: 0



}



@media (max-width:668px) {



  .pro_syql_security .list > ul {



    -webkit-flex-wrap: wrap;



    -ms-flex-wrap: wrap;



    flex-wrap: wrap;



    margin: 0 -10px



  }



}



.pro_syql_security .list > ul > li {



  padding: 0 .8rem;



  width: 25%



}



@media (max-width:668px) {



  .pro_syql_security .list > ul > li {



    margin-bottom: 20px;



    padding: 0 10px;



    width: 100%



  }



}



.pro_syql_security .list > ul > li .item {



  background-color: #fff;



  border-radius: 10px;



  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1);



  height: 100%;



  padding: 2rem;



  text-align: center



}



@media (max-width:668px) {



  .pro_syql_security .list > ul > li .item {



    padding: 20px



  }



}



.pro_syql_security .list > ul > li .item .icon {



  height: 2.8rem;



  margin: 0 auto;



  position: relative;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 2.8rem



}



@media (max-width:668px) {



  .pro_syql_security .list > ul > li .item .icon {



    height: 50px;



    width: 50px



  }



}



.pro_syql_security .list > ul > li .item .icon img {



  height: 100%;



  left: 0;



  position: absolute;



  top: 0;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 100%;



  z-index: 1



}



.pro_syql_security .list > ul > li .item .icon .b {



  opacity: 1



}



.pro_syql_security .list > ul > li .item .icon .a {



  opacity: 0



}



.pro_syql_security .list > ul > li .item b.t {



  display: block;



  font-size: .96rem;



  margin: 2rem 0 .8rem;



  -webkit-transition: all .5s;



  transition: all .5s



}



@media (max-width:668px) {



  .pro_syql_security .list > ul > li .item b.t {



    font-size: 18px;



    margin: 20px 0 10px



  }



}



.pro_syql_security .list > ul > li .item p {



  color: #666;



  font-size: .72rem;



  line-height: 1.6em;



  margin: 0;



  -webkit-transition: all .5s;



  transition: all .5s



}



@media (max-width:668px) {



  .pro_syql_security .list > ul > li .item p {



    font-size: 14px



  }



}



@media (min-width:668px) {



  .pro_syql_security .list > ul > li .item:hover .icon {



    -webkit-transform: translateY(-1.2rem);



    -ms-transform: translateY(-1.2rem);



    transform: translateY(-1.2rem)



  }



  .pro_syql_security .list > ul > li .item:hover .icon .b {



    opacity: 0



  }



  .pro_syql_security .list > ul > li .item:hover .icon .a {



    opacity: 1



  }



  .pro_syql_security .list > ul > li .item:hover b.t {



    color: #D18C3D;



    margin: 1.6rem 0 1.2rem



  }



  .pro_syql_security .list > ul > li .item:hover b.t, .pro_syql_security .list > ul > li .item:hover p {



    -webkit-transform: translateY(-1.2rem);



    -ms-transform: translateY(-1.2rem);



    transform: translateY(-1.2rem)



  }



}



.pro_syql_down {



  padding-bottom: 3.2rem;



  padding-top: 3.2rem



}



@media (max-width:1201px) {



  .pro_syql_down {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .pro_syql_down {



    padding-bottom: 20px;



    padding-top: 20px



  }



}



.pro_syql_down .item {



  -webkit-box-pack: justify;



  -ms-flex-pack: justify;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  background-image: url(../image/pro_syql_down_bg.jpg);



  background-position: 50%;



  background-repeat: no-repeat;



  background-size: cover;



  border-radius: 10px;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-justify-content: space-between;



  justify-content: space-between;



  padding: 1.2rem 9.6rem 1.2rem 4.4rem;



  width: 100%



}



@media (max-width:968px) {



  .pro_syql_down .item {



    padding: 20px 50px



  }



}



@media (max-width:668px) {



  .pro_syql_down .item {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    padding: 20px



  }



}



.pro_syql_down .item .txt {



  -webkit-box-flex: 1;



  color: #fff;



  -webkit-flex: 1;



  -ms-flex: 1;



  flex: 1



}



.pro_syql_down .item .txt b.t {



  display: block;



  font-size: 1.44rem;



  font-weight: 400;



  line-height: 1.5em



}



@media (max-width:668px) {



  .pro_syql_down .item .txt b.t {



    font-size: 18px;



    margin: 20px 0 10px



  }



}



.pro_syql_down .item .txt .des {



  font-size: .72rem;



  line-height: 1.5em;



  margin: 0



}



@media (max-width:668px) {



  .pro_syql_down .item .txt .des {



    font-size: 14px



  }



}



.pro_syql_down .item .txt a.down {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  background-color: #fff;



  border-radius: 1.08rem;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 2.16rem;



  -webkit-justify-content: center;



  justify-content: center;



  margin-top: 1.6rem;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 8.56rem



}



@media (max-width:668px) {



  .pro_syql_down .item .txt a.down {



    border-radius: 15px;



    height: 30px;



    margin-top: 20px;



    width: 100px



  }



}



.pro_syql_down .item .txt a.down span {



  color: #D18C3D;



  font-size: .88rem;



  font-weight: 700



}



.pro_syql_down .item .txt a.down:hover {



  box-shadow: 5px 5px .8rem 0 rgba(0, 0, 0, .2)



}



.pro_syql_down .item .img {



  height: 9.72rem;



  width: 6.64rem



}



@media (max-width:668px) {



  .pro_syql_down .item .img {



    -webkit-box-ordinal-group: 0;



    -ms-flex-order: -1;



    height: 243px;



    -webkit-order: -1;



    order: -1;



    width: 166px



  }



}



.pro_syql_down .item .img img {



  height: 100%;



  width: 100%



}



@media (max-width:668px) {



  .pro_syql_pass {



    padding-top: 20px



  }



}



.pro_syql_pass .list {



  margin: 1.6rem 0 -1.6rem



}



@media (max-width:668px) {



  .pro_syql_pass .list {



    margin-bottom: -20px



  }



}



.pro_syql_pass .list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-wrap: wrap;



  -ms-flex-wrap: wrap;



  flex-wrap: wrap;



  list-style: none;



  margin: 0 -.8rem;



  padding: 0



}



@media (max-width:668px) {



  .pro_syql_pass .list > ul {



    margin: 0 -10px



  }



}



.pro_syql_pass .list > ul > li {



  margin-bottom: 1.6rem;



  padding: 0 .8rem;



  width: 50%



}



@media (max-width:668px) {



  .pro_syql_pass .list > ul > li {



    margin-bottom: 20px;



    padding: 0 10px;



    width: 100%



  }



}



.pro_syql_pass .list > ul > li .item {



  -webkit-box-pack: justify;



  -ms-flex-pack: justify;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  background-color: #fff;



  border-radius: 5px;



  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1);



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 100%;



  height: 10rem;



  -webkit-justify-content: space-between;



  justify-content: space-between;



  padding: 0 4rem



}



@media (max-width:968px) {



  .pro_syql_pass .list > ul > li .item {



    height: 140px;



    padding: 0 20px



  }



}



.pro_syql_pass .list > ul > li .item .txt b.t {



  color: #000;



  display: block;



  font-size: 1.04rem;



  -webkit-transition: all .5s;



  transition: all .5s



}



@media (max-width:668px) {



  .pro_syql_pass .list > ul > li .item .txt b.t {



    font-size: 18px



  }



}



.pro_syql_pass .list > ul > li .item .txt .des {



  color: #666;



  font-size: .64rem;



  line-height: 1.5em;



  margin-top: .6rem



}



@media (max-width:668px) {



  .pro_syql_pass .list > ul > li .item .txt .des {



    font-size: 14px;



    margin-top: 10px



  }



}



.pro_syql_pass .list > ul > li .item .icon {



  -ms-flex-negative: 0;



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-shrink: 0;



  flex-shrink: 0;



  height: 4.8rem;



  -webkit-justify-content: center;



  justify-content: center;



  margin-left: 4rem;



  width: 4.8rem



}



@media (max-width:668px) {



  .pro_syql_pass .list > ul > li .item .icon {



    height: 60px;



    margin-left: 20px;



    width: 60px



  }



}



.pro_syql_pass .list > ul > li .item .icon img {



  max-height: 100%;



  max-width: 100%



}



.pro_syql_pass .list > ul > li .item:hover .txt b.t {



  color: #D18C3D



}



.sjyj_col {



  overflow: hidden;



  padding-bottom: 4rem;



  padding-top: 4rem;



  position: relative



}



@media (max-width:1201px) {



  .sjyj_col {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .sjyj_col {



    padding-bottom: 20px



  }



}



.sjyj_col_list {



  margin-top: 2rem



}



@media (max-width:1201px) {



  .sjyj_col_list {



    margin-top: 20px



  }



}



.sjyj_col_list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -1.4rem;



  padding: 0



}



@media (max-width:1201px) {



  .sjyj_col_list > ul {



    margin: 0 -10px



  }



}



@media (max-width:668px) {



  .sjyj_col_list > ul {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column



  }



}



.sjyj_col_list > ul > li {



  padding: 0 1.4rem;



  width: 33.33%



}



@media (max-width:1201px) {



  .sjyj_col_list > ul > li {



    padding: 0 10px



  }



}



@media (max-width:668px) {



  .sjyj_col_list > ul > li {



    margin-bottom: 20px;



    width: 100%



  }



}



.sjyj_col_list > ul > li .item {



  background-color: #fff;



  border-radius: 10px;



  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1);



  height: 100%;



  overflow: hidden;



  text-align: center;



  -webkit-transition: all .5s;



  transition: all .5s



}



.sjyj_col_list > ul > li .item_top {



  background-position: 50%;



  background-repeat: no-repeat;



  background-size: cover;



  color: #fff;



  padding: 2.2rem 1.6rem 2rem;



  width: 100%



}



.sjyj_col_list > ul > li .item_top b.t {



  display: block;



  font-size: 1.6rem;



  line-height: 1.5em



}



@media (max-width:1201px) {



  .sjyj_col_list > ul > li .item_top b.t {



    font-size: 24px



  }



}



.sjyj_col_list > ul > li .item_top .sub_t {



  display: block;



  font-size: .8rem;



  line-height: 1.5em;



  margin: 5px 0 1.4rem



}



@media (max-width:1201px) {



  .sjyj_col_list > ul > li .item_top .sub_t {



    font-size: 16px



  }



}



.sjyj_col_list > ul > li .item_top .des {



  -webkit-line-clamp: 3;



  -webkit-box-orient: vertical;



  display: -webkit-box;



  font-size: .64rem;



  height: 4.5em;



  line-height: 1.5em;



  margin: 0;



  min-width: 0;



  overflow: hidden;



  padding: 0;



  text-overflow: ellipsis



}



@media (max-width:1201px) {



  .sjyj_col_list > ul > li .item_top .des {



    font-size: 14px



  }



}



.sjyj_col_list > ul > li .item_info {



  padding: 2.4rem 20px 3.2rem



}



.sjyj_col_list > ul > li .item_info .price {



  display: block;



  height: 2.08rem;



  margin: 0 auto 1.4rem;



  width: auto



}



.sjyj_col_list > ul > li .item_info a.more {



  display: inline-block



}



.sjyj_col_list > ul > li .item_info a.more.more01 .btn01_linear:before {



  background: -webkit-linear-gradient(left, #005398, #1dced9);



  background: linear-gradient(90deg, #005398, #1dced9)



}



.sjyj_col_list > ul > li .item_info a.more.more01 .btn01_linear:after {



  border-color: #005398



}



.sjyj_col_list > ul > li .item_info a.more.more01:hover .btn01_linear em {



  color: #005398



}



.sjyj_col_list > ul > li .item_info a.more.more02 .btn01_linear:before {



  background: -webkit-linear-gradient(left, #C9A712, #CEAB10);



  background: linear-gradient(90deg, #C9A712, #CEAB10)



}



.sjyj_col_list > ul > li .item_info a.more.more02 .btn01_linear:after {



  border-color: #C9A712



}



.sjyj_col_list > ul > li .item_info a.more.more02:hover .btn01_linear em {



  color: #C9A712



}



.sjyj_col_list > ul > li .item_info a.more.more03 .btn01_linear:before {



  background: -webkit-linear-gradient(left, #1879df, #81deee);



  background: linear-gradient(90deg, #1879df, #81deee)



}



.sjyj_col_list > ul > li .item_info a.more.more03 .btn01_linear:after {



  border-color: #1879df



}



.sjyj_col_list > ul > li .item_info a.more.more03:hover .btn01_linear em {



  color: #1879df



}



.sjyj_col_list > ul > li .item:hover {



  -webkit-transform: translateY(-10px);



  -ms-transform: translateY(-10px);



  transform: translateY(-10px)



}



.sjyj_col .link {



  margin-top: 3.2rem



}



@media (max-width:1201px) {



  .sjyj_col .link {



    margin-top: 40px



  }



}



@media (max-width:668px) {



  .sjyj_col .link {



    margin-top: 0



  }



}



.syyj_col {



  overflow: hidden;



  padding-bottom: 4rem;



  padding-top: 4rem;



  position: relative



}



@media (max-width:1201px) {



  .syyj_col {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .syyj_col {



    padding-bottom: 20px



  }



}



.syyj_col_list {



  margin-top: 2rem



}



@media (max-width:1201px) {



  .syyj_col_list {



    margin-top: 20px



  }



}



.syyj_col .link {



  margin-top: 2.4rem



}



@media (max-width:1201px) {



  .syyj_col .link {



    margin-top: 40px



  }



}



@media (max-width:668px) {



  .syyj_col .link {



    margin-top: 20px



  }



}



.syyj_col01_list {



  text-align: center



}



.syyj_col01_list img {



  max-width: 100%



}



.syyj_col02_list {



  position: relative



}



.syyj_col02_list:before {



  background: -webkit-linear-gradient(left, #f8fbfd, rgba(248, 251, 253, 0), #f8fbfd);



  background: linear-gradient(90deg, #f8fbfd, rgba(248, 251, 253, 0), #f8fbfd);



  content: "";



  display: block;



  height: 1px;



  left: 0;



  position: absolute;



  top: 1.32rem;



  width: 100%;



  z-index: 3



}



@media (max-width:668px) {



  .syyj_col02_list:before {



    display: none



  }



}



.syyj_col02_list:after {



  border-bottom: 1px dashed #D18C3D;



  content: "";



  display: block;



  height: 1px;



  left: 0;



  position: absolute;



  top: 1.32rem;



  width: 100%;



  z-index: 2



}



@media (max-width:668px) {



  .syyj_col02_list:after {



    display: none



  }



}



.syyj_col02_list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -.8rem;



  padding: 0;



  position: relative;



  z-index: 5



}



@media (max-width:668px) {



  .syyj_col02_list > ul {



    -webkit-flex-wrap: wrap;



    -ms-flex-wrap: wrap;



    flex-wrap: wrap;



    margin: 0 -10px



  }



}



.syyj_col02_list > ul > li {



  padding: 0 .8rem;



  width: 25%



}



@media (max-width:668px) {



  .syyj_col02_list > ul > li {



    margin-bottom: 20px;



    padding: 0 10px;



    width: 50%



  }



}



.syyj_col02_list > ul > li .item {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  height: 100%



}



.syyj_col02_list > ul > li .item .icon {



  margin: 0 auto;



  width: 2.64rem



}



@media (max-width:668px) {



  .syyj_col02_list > ul > li .item .icon {



    width: 60px



  }



}



.syyj_col02_list > ul > li .item .icon img {



  width: 100%



}



.syyj_col02_list > ul > li .item .txt {



  border: 1px solid;



  border-image-slice: 1;



  border-image-source: linear-gradient(0deg, #c4c4c4, hsla(0, 0%, 77%, 0));



  border-radius: 5px;



  overflow: hidden;



  padding: 0 .8rem 2rem;



  text-align: center



}



@media (max-width:668px) {



  .syyj_col02_list > ul > li .item .txt {



    border: none;



    padding: 0



  }



}



.syyj_col02_list > ul > li .item .txt b.t {



  color: #333;



  display: block;



  font-size: .88rem;



  line-height: 1em;



  margin: 2rem 0



}



@media (max-width:668px) {



  .syyj_col02_list > ul > li .item .txt b.t {



    font-size: 16px;



    margin: 20px 0



  }



}



.syyj_col02_list > ul > li .item .txt .des {



  color: #383838;



  font-size: .68rem;



  line-height: 1.5em;



  text-align: justify;



  -moz-text-align-last: center;



  text-align-last: center



}



@media (max-width:668px) {



  .syyj_col02_list > ul > li .item .txt .des {



    font-size: 14px



  }



}



.syyj_col02 .title_des02 {



  color: #333;



  font-size: .88rem;



  margin-top: 1.6rem;



  max-width: 100%



}



@media (max-width:668px) {



  .syyj_col02 .title_des02 {



    font-size: 16px;



    margin-top: 0



  }



}



.syyj_syyj {



  padding-bottom: 4rem;



  padding-top: 4rem



}



@media (max-width:1201px) {



  .syyj_syyj {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .syyj_syyj {



    padding-bottom: 20px



  }



}



.syyj_syyj_img {



  margin-top: 2rem;



  text-align: center



}



.syyj_syyj_img img {



  max-width: 100%



}



.syyj_syyj_des {



  color: #D18C3D;



  font-size: .8rem;



  line-height: 1.5em;



  margin: .8rem 0 2.4rem;



  text-align: center



}



@media (max-width:1201px) {



  .syyj_syyj_des {



    font-size: 14px;



    margin: 20px 0;



    padding: 0 20px



  }



}



.syyj_yunjia {



  padding-bottom: 2.4rem;



  padding-top: 4rem



}



@media (max-width:1201px) {



  .syyj_yunjia {



    padding-bottom: 0;



    padding-top: 40px



  }



}



.syyj_yunjia_list {



  margin-top: 2rem



}



@media (max-width:1201px) {



  .syyj_yunjia_list {



    margin-top: 20px



  }



}



.syyj_yunjia_list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-wrap: wrap;



  -ms-flex-wrap: wrap;



  flex-wrap: wrap;



  list-style: none;



  margin: 0 -.8rem;



  padding: 0;



  position: relative;



  z-index: 5



}



@media (max-width:1201px) {



  .syyj_yunjia_list > ul {



    margin: 0 -10px



  }



}



.syyj_yunjia_list > ul > li {



  -webkit-box-flex: 1;



  -ms-flex-preferred-size: 25%;



  -webkit-flex: 1;



  -ms-flex: 1;



  flex: 1;



  -webkit-flex-basis: 25%;



  flex-basis: 25%;



  margin-bottom: 1.6rem;



  padding: 0 .8rem



}



@media (max-width:1201px) {



  .syyj_yunjia_list > ul > li {



    margin-bottom: 20px;



    padding: 0 10px



  }



}



@media (max-width:668px) {



  .syyj_yunjia_list > ul > li {



    -ms-flex-preferred-size: 100%;



    -webkit-flex-basis: 100%;



    flex-basis: 100%



  }



}



@media (min-width:1201px) {



  .syyj_yunjia_list > ul > li:first-of-type .item .des, .syyj_yunjia_list > ul > li:nth-of-type(2) .item .des, .syyj_yunjia_list > ul > li:nth-of-type(3) .item .des, .syyj_yunjia_list > ul > li:nth-of-type(4) .item .des {



    margin-bottom: 4rem



  }



}



@media (min-width:1201px) and (max-width:1288px) {



  .syyj_yunjia_list > ul > li:first-of-type .item .des, .syyj_yunjia_list > ul > li:nth-of-type(2) .item .des, .syyj_yunjia_list > ul > li:nth-of-type(3) .item .des, .syyj_yunjia_list > ul > li:nth-of-type(4) .item .des {



    margin-top: 2rem



  }



}



.syyj_yunjia_list > ul > li .item {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  border-radius: 5px;



  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1);



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  height: 100%;



  padding: 2.4rem 2rem;



  text-align: center;



  -webkit-transition: all .5s;



  transition: all .5s



}



@media (max-width:1288px) {



  .syyj_yunjia_list > ul > li .item {



    padding: 1.6rem



  }



}



@media (max-width:1201px) {



  .syyj_yunjia_list > ul > li .item {



    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1);



    padding: 20px



  }



}



.syyj_yunjia_list > ul > li .item b.t {



  color: #000;



  display: block;



  font-size: .96rem;



  line-height: 1em;



  -webkit-transition: all .5s;



  transition: all .5s



}



@media (max-width:1201px) {



  .syyj_yunjia_list > ul > li .item b.t {



    font-size: 18px



  }



}



.syyj_yunjia_list > ul > li .item .des {



  color: #666;



  font-size: .64rem;



  line-height: 1.5em;



  margin-bottom: 1.2rem;



  margin-top: .6rem;



  -webkit-transition: all .5s;



  transition: all .5s



}



@media (max-width:1201px) {



  .syyj_yunjia_list > ul > li .item .des {



    font-size: 14px;



    margin: 10px 0 20px



  }



}



.syyj_yunjia_list > ul > li .item .icon {



  height: 2.4rem;



  margin-top: auto;



  position: relative;



  width: 2.4rem



}



@media (max-width:1201px) {



  .syyj_yunjia_list > ul > li .item .icon {



    height: 60px;



    width: 60px



  }



}



.syyj_yunjia_list > ul > li .item .icon img {



  height: 100%;



  left: 0;



  position: absolute;



  top: 0;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 100%



}



.syyj_yunjia_list > ul > li .item .icon .b {



  opacity: 1



}



.syyj_yunjia_list > ul > li .item .icon .a {



  opacity: 0



}



.syyj_yunjia_list > ul > li .item:hover {



  background-color: #D18C3D



}



.syyj_yunjia_list > ul > li .item:hover .des, .syyj_yunjia_list > ul > li .item:hover b.t {



  color: #fff



}



.syyj_yunjia_list > ul > li .item:hover .icon .b {



  opacity: 0



}



.syyj_yunjia_list > ul > li .item:hover .icon .a {



  opacity: 1



}



.syyj_jd {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .syyj_jd {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .syyj_jd {



    padding-bottom: 20px



  }



}



.syyj_jd_hd {



  margin: .8rem 0 2.4rem



}



@media (max-width:668px) {



  .syyj_jd_hd {



    margin: 20px 0



  }



}



.syyj_jd_hd > ul {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-justify-content: center;



  justify-content: center;



  list-style: none;



  margin: 0 1rem;



  padding: 0



}



@media (max-width:668px) {



  .syyj_jd_hd > ul {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    margin: 0



  }



}



.syyj_jd_hd > ul > li {



  padding: 0 1rem



}



@media (max-width:668px) {



  .syyj_jd_hd > ul > li {



    margin-bottom: 10px;



    padding: 0



  }



}



.syyj_jd_hd > ul > li .item {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  cursor: pointer;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 2.4rem;



  padding: 0 .8rem;



  position: relative



}



@media (max-width:668px) {



  .syyj_jd_hd > ul > li .item {



    height: 40px;



    padding-left: 0



  }



}



.syyj_jd_hd > ul > li .item:after {



  background-color: #ddd;



  bottom: 0;



  content: "";



  display: block;



  height: 1px;



  left: 0;



  line-height: 1px;



  position: absolute;



  width: 100%;



  z-index: 1



}



.syyj_jd_hd > ul > li .item .icon {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: .8rem;



  -webkit-justify-content: center;



  justify-content: center;



  width: .8rem



}



@media (max-width:668px) {



  .syyj_jd_hd > ul > li .item .icon {



    height: 16px;



    width: 16px



  }



}



.syyj_jd_hd > ul > li .item .icon svg {



  color: #828282;



  height: 100%;



  width: 100%



}



.syyj_jd_hd > ul > li .item span {



  color: #666;



  font-size: .8rem;



  line-height: 1em;



  padding: 0 10px



}



@media (max-width:668px) {



  .syyj_jd_hd > ul > li .item span {



    font-size: 14px



  }



}



.syyj_jd_hd > ul > li .item .arrow {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: .56rem;



  -webkit-justify-content: center;



  justify-content: center;



  position: absolute;



  right: 0;



  top: 50%;



  -webkit-transform: translateY(-50%);



  -ms-transform: translateY(-50%);



  transform: translateY(-50%);



  width: .56rem



}



.syyj_jd_hd > ul > li .item .arrow svg {



  height: 100%;



  width: 100%



}



.syyj_jd_hd > ul > li.on .item:after {



  background-color: #D18C3D;



  height: 2px;



  line-height: 2px



}



.syyj_jd_hd > ul > li.on .item .icon svg {



  color: #D18C3D



}



.syyj_jd_hd > ul > li.on .item span {



  color: #D18C3D;



  font-weight: 700



}



.syyj_jd_hd > ul > li.on .item .arrow svg {



  color: #D18C3D



}



.syyj_jd_bd .item {



  -webkit-box-pack: justify;



  -ms-flex-pack: justify;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-justify-content: space-between;



  justify-content: space-between



}



@media (max-width:668px) {



  .syyj_jd_bd .item {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-box-pack: start;



    -ms-flex-pack: start;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-justify-content: flex-start;



    justify-content: flex-start



  }



}



.syyj_jd_bd .item .img {



  text-align: center;



  width: 48%



}



@media (max-width:668px) {



  .syyj_jd_bd .item .img {



    width: 100%



  }



}



.syyj_jd_bd .item .img img {



  max-width: 100%



}



.syyj_jd_bd .item .txt {



  padding-left: 3.2rem;



  width: 52%



}



@media (max-width:668px) {



  .syyj_jd_bd .item .txt {



    padding: 0;



    width: 100%



  }



}



.syyj_jd_bd .item .txt .title {



  color: #000;



  display: block;



  font-size: 1.44rem;



  font-weight: 400;



  line-height: 1.5em;



  margin-top: 1.2rem



}



@media (max-width:668px) {



  .syyj_jd_bd .item .txt .title {



    font-size: 22px;



    margin-top: 0



  }



}



.syyj_jd_bd .item .txt .list_circle_dot {



  margin: 1.2rem 0 0



}



.syyj_jd_bd .item .txt .link {



  margin-top: 1.2rem



}



.syyj_hdyj {



  padding-bottom: 2.4rem;



  padding-top: 4rem



}



@media (max-width:1201px) {



  .syyj_hdyj {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .syyj_hdyj {



    padding-bottom: 20px



  }



}



.syyj_hdyj_col {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  margin-top: 2rem



}



@media (max-width:668px) {



  .syyj_hdyj_col {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    margin-top: 20px



  }



}



.syyj_hdyj_col .txt {



  padding-right: 3.2rem;



  width: 45.4%



}



@media (max-width:668px) {



  .syyj_hdyj_col .txt {



    padding: 0;



    width: 100%



  }



}



.syyj_hdyj_col .txt .title {



  color: #000;



  display: block;



  font-size: 1.44rem;



  font-weight: 400;



  line-height: 1.5em;



  margin-top: 1.2rem



}



@media (max-width:668px) {



  .syyj_hdyj_col .txt .title {



    font-size: 22px;



    margin-top: 20px



  }



}



.syyj_hdyj_col .txt .list_circle_dot {



  margin: 1.2rem 0 0



}



.syyj_hdyj_col .txt .link {



  margin-top: 1.2rem



}



.syyj_hdyj_col .img {



  width: 54.6%



}



@media (max-width:668px) {



  .syyj_hdyj_col .img {



    -webkit-box-ordinal-group: 0;



    -ms-flex-order: -1;



    -webkit-order: -1;



    order: -1;



    width: 100%



  }



}



.syyj_hdyj_col .img img {



  width: 100%



}



.syyj_nengli {



  padding-bottom: 4rem;



  padding-top: 4rem



}



@media (max-width:1201px) {



  .syyj_nengli {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .syyj_nengli {



    padding-bottom: 20px



  }



}



.syyj_nengli_col {



  margin-top: 1.6rem



}



@media (max-width:968px) {



  .syyj_nengli_col {



    margin: 20px 0 0



  }



}



.service_operations01 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .service_operations01 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .service_operations01 {



    padding-bottom: 20px



  }



}



.service_operations01 .title_des {



  max-width: 48rem



}



.service_operations01 .img {



  margin-top: 1.2rem;



  text-align: center



}



.service_operations01 .link {



  margin-top: 1.2rem



}



.service_operations_slide {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .service_operations_slide {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .service_operations_slide {



    padding-bottom: 20px



  }



  .service_operations_slide .link {



    margin-top: 20px



  }



  .service_operations_slide .title_des {



    padding: 0



  }



}



.service_operations_slide_hd {



  margin: 2rem 0



}



@media (max-width:1201px) {



  .service_operations_slide_hd {



    margin: 20px 0



  }



}



.service_operations_slide_hd > ul {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-justify-content: center;



  justify-content: center;



  list-style: none;



  margin: 0 1rem;



  padding: 0



}



@media (max-width:1201px) {



  .service_operations_slide_hd > ul {



    margin: 0 -10px



  }



}



@media (max-width:668px) {



  .service_operations_slide_hd > ul {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column



  }



}



.service_operations_slide_hd > ul > li {



  padding: 0 1rem



}



@media (max-width:1201px) {



  .service_operations_slide_hd > ul > li {



    padding: 0 10px



  }



}



.service_operations_slide_hd > ul > li .item {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  cursor: pointer;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 2.4rem;



  padding: 0 .8rem;



  position: relative



}



@media (max-width:1201px) {



  .service_operations_slide_hd > ul > li .item {



    padding: 0



  }



}



@media (max-width:668px) {



  .service_operations_slide_hd > ul > li .item {



    height: 40px



  }



}



.service_operations_slide_hd > ul > li .item:after {



  background-color: #ddd;



  bottom: 0;



  content: "";



  display: block;



  height: 1px;



  left: 0;



  line-height: 1px;



  position: absolute;



  width: 100%;



  z-index: 1



}



.service_operations_slide_hd > ul > li .item .icon {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: .8rem;



  width: .8rem



}



@media (max-width:668px) {



  .service_operations_slide_hd > ul > li .item .icon {



    height: 16px;



    width: 16px



  }



}



.service_operations_slide_hd > ul > li .item .icon svg {



  color: #828282;



  height: 100%;



  width: 100%



}



.service_operations_slide_hd > ul > li .item span {



  color: #666;



  font-size: .8rem;



  line-height: 1em;



  padding: 0 10px;



  white-space: nowrap



}



@media (max-width:1288px) {



  .service_operations_slide_hd > ul > li .item span {



    font-size: 14px



  }



}



.service_operations_slide_hd > ul > li .item .arrow {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: .56rem;



  -webkit-justify-content: center;



  justify-content: center;



  position: absolute;



  right: 0;



  top: 50%;



  -webkit-transform: translateY(-50%);



  -ms-transform: translateY(-50%);



  transform: translateY(-50%);



  width: .56rem



}



.service_operations_slide_hd > ul > li .item .arrow svg {



  height: 100%;



  width: 100%



}



.service_operations_slide_hd > ul > li.on .item:after {



  background-color: #D18C3D;



  height: 2px;



  line-height: 2px



}



.service_operations_slide_hd > ul > li.on .item .icon svg {



  color: #D18C3D



}



.service_operations_slide_hd > ul > li.on .item span {



  color: #D18C3D;



  font-weight: 700



}



.service_operations_slide_hd > ul > li.on .item .arrow svg {



  color: #D18C3D



}



.service_operations_slide_bd {



  text-align: center



}



.service_operations_slide_bd .t {



  color: #D18C3D;



  display: block;



  font-size: 1.28rem;



  font-weight: 400;



  line-height: 1em



}



.service_operations_slide_bd .des {



  color: #666;



  font-size: .72rem;



  line-height: 2em;



  margin: .8rem 0 1.2rem



}



@media (max-width:1201px) {



  .service_operations_slide_bd .des {



    font-size: 14px;



    margin: 20px 0



  }



}



.service_operations_help {



  padding: 4rem 0 2.8rem



}



@media (max-width:1201px) {



  .service_operations_help {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .service_operations_help {



    padding-bottom: 20px



  }



}



.service_operations_help .list {



  margin-top: 2rem



}



@media (max-width:1201px) {



  .service_operations_help .list {



    margin-top: 20px



  }



}



.service_operations_help .list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-wrap: wrap;



  -ms-flex-wrap: wrap;



  flex-wrap: wrap;



  list-style: none;



  margin: 0 -.6rem;



  padding: 0



}



@media (max-width:1201px) {



  .service_operations_help .list > ul {



    margin: 0 -10px



  }



}



.service_operations_help .list > ul > li {



  margin-bottom: 1.2rem;



  padding: 0 .6rem;



  width: 25%



}



@media (max-width:1201px) {



  .service_operations_help .list > ul > li {



    margin-bottom: 20px;



    padding: 0 10px



  }



}



@media (max-width:968px) {



  .service_operations_help .list > ul > li {



    width: 33.33%



  }



}



@media (max-width:668px) {



  .service_operations_help .list > ul > li {



    width: 100%



  }



}



.service_operations_help .list > ul > li .item {



  display: block;



  height: 9.76rem;



  position: relative;



  width: 100%



}



@media (max-width:1201px) {



  .service_operations_help .list > ul > li .item {



    height: 200px



  }



}



@media (max-width:668px) {



  .service_operations_help .list > ul > li .item {



    height: 160px



  }



}



.service_operations_help .list > ul > li .item .after, .service_operations_help .list > ul > li .item .before {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  height: 100%;



  -webkit-justify-content: center;



  justify-content: center;



  left: 0;



  position: absolute;



  top: 0;



  width: 100%;



  z-index: 2



}



.service_operations_help .list > ul > li .item .before {



  background-color: #f8fbfd;



  border: 1px solid #efefef;



  border-radius: 10px



}



.service_operations_help .list > ul > li .item .before .icon {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 4rem;



  -webkit-justify-content: center;



  justify-content: center;



  width: 4rem



}



.service_operations_help .list > ul > li .item .before .icon img {



  max-height: 100%;



  max-width: 100%



}



.service_operations_help .list > ul > li .item .before .t {



  color: #333;



  font-size: .72rem;



  line-height: 1.5em;



  margin-top: .8rem



}



@media (max-width:1201px) {



  .service_operations_help .list > ul > li .item .before .t {



    font-size: 16px



  }



}



.service_operations_help .list > ul > li .item .after {



  background: -webkit-linear-gradient(left, #C9A712, #CEAB10);



  background: linear-gradient(90deg, #C9A712, #CEAB10);



  border-radius: 10px;



  color: #fff;



  opacity: 0;



  padding: 0 1.6rem;



  text-align: center;



  z-index: 3



}



@media (max-width:1201px) {



  .service_operations_help .list > ul > li .item .after {



    padding: 0 20px



  }



}



.service_operations_help .list > ul > li .item .after .t {



  font-size: .72rem;



  line-height: 1.5em



}



@media (max-width:1201px) {



  .service_operations_help .list > ul > li .item .after .t {



    font-size: 16px



  }



}



.service_operations_help .list > ul > li .item .after p {



  font-size: .56rem;



  line-height: 1.6em;



  margin: .6rem 0 1.2rem



}



@media (max-width:1201px) {



  .service_operations_help .list > ul > li .item .after p {



    font-size: 13px;



    line-height: 1.5em;



    margin: 10px 0 15px



  }



}



.service_operations_help .list > ul > li .item:hover .before {



  opacity: 0



}



.service_operations_help .list > ul > li .item:hover .after {



  opacity: 1



}



.service_operations_help .list > ul > li .item:hover .after .btn01_border_white:before {



  background: none



}



.service_operations_help .list > ul > li .item:hover .after .btn01_border_white em, .service_operations_help .list > ul > li .item:hover .after .btn01_border_white svg {



  color: #fff



}



.service_software_item {



  background-color: #fff;



  border-radius: 10px;



  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1);



  height: 100%;



  padding: 1.6rem 1.6rem .8rem



}



.service_software_item b.title {



  color: #D18C3D;



  display: block;



  font-size: .96rem;



  font-weight: 400;



  line-height: 1em



}



@media (max-width:1288px) {



  .service_software_item b.title {



    font-size: 16px



  }



}



.service_software_item .list_circle_dot {



  margin: 1.2rem 0 0



}



.service_software_item .list_circle_dot > ul > li {



  margin-bottom: .4rem



}



.service_software_item .list_circle_dot .item_list .t {



  color: #666;



  font-size: .64rem;



  padding-left: 1.2rem



}



@media (max-width:1288px) {



  .service_software_item .list_circle_dot .item_list .t {



    font-size: 12px;



    padding-left: 19px



  }



}



.service_software01_col > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -1.8rem;



  padding: 0



}



@media (max-width:1201px) {



  .service_software01_col > ul {



    margin: 0 -10px



  }



}



@media (max-width:668px) {



  .service_software01_col > ul {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column



  }



}



.service_software01_col > ul > li {



  padding: 0 1.8rem;



  position: relative;



  text-align: left;



  width: 33.33%



}



@media (max-width:1201px) {



  .service_software01_col > ul > li {



    padding: 0 10px



  }



}



@media (max-width:668px) {



  .service_software01_col > ul > li {



    margin-bottom: 20px;



    width: 100%



  }



}



.service_software01_col > ul > li:after {



  background-image: url(../image/software_col_arrow.png);



  background-position: 50%;



  background-repeat: no-repeat;



  background-size: cover;



  content: "";



  display: block;



  height: .88rem;



  position: absolute;



  right: -.72rem;



  top: 50%;



  -webkit-transform: translateY(-50%);



  -ms-transform: translateY(-50%);



  transform: translateY(-50%);



  width: 1.48rem;



  z-index: 2



}



@media (max-width:668px) {



  .service_software01_col > ul > li:after {



    left: 50%;



    margin-top: 14px;



    right: auto;



    top: auto;



    -webkit-transform: rotate(90deg) translate(-50%);



    -ms-transform: rotate(90deg) translate(-50%);



    transform: rotate(90deg) translate(-50%)



  }



}



.service_software01_col > ul > li:last-of-type:after {



  display: none



}



.service_software02 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .service_software02 {



    padding-bottom: 20px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .service_software02 {



    padding-bottom: 20px



  }



}



.service_software02_list {



  margin: 3.2rem 0



}



@media (max-width:1201px) {



  .service_software02_list {



    margin: 20px 0



  }



}



.service_software02_list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -1rem;



  padding: 0



}



@media (max-width:1201px) {



  .service_software02_list > ul {



    margin: 0 -10px



  }



}



@media (max-width:968px) {



  .service_software02_list > ul {



    -webkit-flex-wrap: wrap;



    -ms-flex-wrap: wrap;



    flex-wrap: wrap



  }



}



.service_software02_list > ul > li {



  padding: 0 1rem;



  position: relative;



  text-align: left;



  width: 25%



}



@media (max-width:1201px) {



  .service_software02_list > ul > li {



    padding: 0 10px



  }



}



@media (max-width:968px) {



  .service_software02_list > ul > li {



    margin-bottom: 20px;



    width: 50%



  }



}



@media (max-width:668px) {



  .service_software02_list > ul > li {



    width: 100%



  }



}



.service_software02_list > ul > li .service_software_item {



  padding: 2.4rem 1.6rem



}



@media (max-width:668px) {



  .service_software02_list > ul > li .service_software_item {



    padding: 20px



  }



}



.service_software02_list > ul > li .service_software_item b.title {



  font-weight: 700;



  text-align: center



}



.service_software03 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .service_software03 {



    padding-bottom: 20px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .service_software03 {



    padding-bottom: 20px



  }



  .service_software03 .link {



    margin-top: 0



  }



}



.service_software03_list {



  margin: 2.8rem 0 0



}



@media (max-width:1201px) {



  .service_software03_list {



    margin-top: 20px



  }



}



.service_software03_list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -1.2rem;



  padding: 0



}



@media (max-width:1201px) {



  .service_software03_list > ul {



    margin: 0 -10px



  }



}



@media (max-width:668px) {



  .service_software03_list > ul {



    -webkit-flex-wrap: wrap;



    -ms-flex-wrap: wrap;



    flex-wrap: wrap



  }



}



.service_software03_list > ul > li {



  padding: 0 1.2rem;



  position: relative;



  width: 50%



}



@media (max-width:1201px) {



  .service_software03_list > ul > li {



    padding: 0 10px



  }



}



@media (max-width:668px) {



  .service_software03_list > ul > li {



    margin-bottom: 20px;



    width: 100%



  }



}



.service_software03_list > ul > li .item {



  border-radius: 10px;



  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1);



  height: 100%;



  padding: 2.4rem 8.8rem 2.4rem 2.4rem;



  position: relative



}



@media (max-width:668px) {



  .service_software03_list > ul > li .item {



    padding: 30px 100px 20px 20px



  }



}



.service_software03_list > ul > li .item .txt b.t {



  color: #000;



  display: block;



  font-size: 1.2rem;



  line-height: 1em



}



@media (max-width:1201px) {



  .service_software03_list > ul > li .item .txt b.t {



    font-size: 20px



  }



}



.service_software03_list > ul > li .item .txt .sub_t {



  color: #333;



  display: block;



  font-size: .8rem;



  line-height: 1.5em;



  margin: 1rem 0 2rem



}



@media (max-width:1201px) {



  .service_software03_list > ul > li .item .txt .sub_t {



    font-size: 16px



  }



}



.service_software03_list > ul > li .item .txt p {



  color: #666;



  display: block;



  font-size: .72rem;



  line-height: 2em



}



@media (max-width:1201px) {



  .service_software03_list > ul > li .item .txt p {



    font-size: 14px



  }



}



.service_software03_list > ul > li .item .icon {



  -webkit-box-pack: end;



  -ms-flex-pack: end;



  -webkit-box-align: end;



  -ms-flex-align: end;



  -webkit-align-items: flex-end;



  align-items: flex-end;



  bottom: .8rem;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 12rem;



  -webkit-justify-content: flex-end;



  justify-content: flex-end;



  position: absolute;



  right: 1.2rem;



  width: 8.4rem;



  z-index: 1



}



@media (max-width:668px) {



  .service_software03_list > ul > li .item .icon {



    height: 160px;



    width: 100px



  }



}



.service_software03_list > ul > li .item .icon img {



  max-height: 100%;



  max-width: 100%



}







.qr_code_recognition {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  color: #000;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  -webkit-justify-content: center;



  justify-content: center;



  text-align: center



}



@media (max-width:668px) {



  .qr_code_recognition {



    -webkit-box-pack: start;



    -ms-flex-pack: start;



    -webkit-justify-content: flex-start;



    justify-content: flex-start;



    padding-top: 90px



  }



}



.qr_code_recognition .title {



  font-size: 1.68rem;



  line-height: 1.5em



}



.qr_code_recognition .sub_title {



  font-size: .72rem;



  line-height: 1.5em;



  margin-top: 1rem



}



.qr_code_recognition .qr {



  margin: 1.2rem 0;



  width: 10.4rem



}



@media (max-width:668px) {



  .qr_code_recognition .qr {



    margin: 15px 0



  }



}



.qr_code_recognition .qr img {



  width: 100%



}



.qr_code_recognition .btn01 {



  border-radius: 23px;



  height: 46px;



  padding: 0 35px



}



@media (max-width:1380px) {



  .qr_code_recognition .btn01 {



    border-radius: 18px;



    height: 36px;



    padding: 0 25px



  }



}



.qr_code_recognition .btn01:after {



  border-radius: 23px



}



@media (max-width:1380px) {



  .qr_code_recognition .btn01:after {



    border-radius: 18px



  }



}



.qr_code_recognition .btn01 em {



  font-size: 16px



}



@media (max-width:1380px) {



  .qr_code_recognition .btn01 em {



    font-size: 14px



  }



}



.header {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 90px;



  left: 0;



  background-color: #000;	



  padding: 0 10px;



  position: fixed;



  top: 0;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 100%;



  z-index: 50;



  border-bottom: #121212 solid 1px;	



}



@media (max-width:1440px) {



  .header {



    padding-left: 60px;



    padding-right: 60px



  }



}



@media (max-width:1288px) {



  .header {



    height: 80px



  }



}



@media (max-width:1201px) {



  .header {



    height: 60px;



    padding: 0 20px



  }



}



.scrolled .header {



  background-color: #000;



  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1)



}



@media (max-width:1288px) {



  .scrolled .header {



    height: 60px



  }



}



.menuActived .header {



  background-color: #000;



  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1)



}



.header_logo {



  height: 60px;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 94px



}



@media (max-width:1380px) {



  .header_logo {



    height: 50px;



    width: 78px



  }



}



@media (max-width:1201px) {



  .header_logo {



    height: 50px;



    width: 100px



  }



	.header_logo img{width: 100%; margin-top: 0.5rem}	



}



.header_logo svg {



  height: 100%;



  width: 100%



}



.header_white .header_logo svg .st0, .header_white .header_logo svg .st1 {



  fill: #fff



}



.scrolled .header_white .header_logo svg .st0 {



  fill: #559534



}



.scrolled .header_white .header_logo svg .st1 {



  fill: #b5b5b6



}



.header_nav {



  margin-left: auto;



  margin-right: 2.2rem



}



@media (max-width:1380px) {



  .header_nav {



    margin-right: 2rem



  }



}



@media (max-width:1201px) {



  .header_nav {



    display: none



  }



}



.header_nav > ul {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -1.4rem;



  padding: 0



}



@media (max-width:1681px) {



  .header_nav > ul {



    margin: 0 -1rem



  }



}



.header_nav > ul > li {



  padding: 0 0.8rem;



  position: relative



}



@media (max-width:1681px) {



  .header_nav > ul > li {



    padding: 0 .25rem



  }



}



.header_nav > ul > li > a span {



  color: #FFF;



  display: block;



  font-size: 0.92rem;



  line-height: 60px;



  position: relative;



  white-space: nowrap



}



@media (max-width:1440px) {



  .header_nav > ul > li > a span {



    font-size: 14px



  }



}



@media (max-width:1380px) {



  .header_nav > ul > li > a span {



    font-size: 14px



  }



}



.header_white .header_nav > ul > li > a span {



  color: #fff



}



.scrolled .header_white .header_nav > ul > li > a span {



  color: #000



}



.header_nav > ul > li > a span:after {



  background-color: #D18C3D;



  bottom: 10px;



  content: "";



  display: block;



  height: 1px;



  left: 50%;



  line-height: 1px;



  opacity: 0;



  position: absolute;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 0;



  z-index: 2



}



.header_nav > ul > li .sub {



  background-color: #fff;



  border-radius: 10px;



  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .1);



  display: none;



  left: 50%;



  position: absolute;



  top: 60px;



  -webkit-transform: translateX(-50%);



  -ms-transform: translateX(-50%);



  transform: translateX(-50%);



  z-index: 30



}



@media (max-width:1440px) {



  .header_nav > ul > li .sub.sub_pro {



    -webkit-transform: translateX(-45%);



    -ms-transform: translateX(-45%);



    transform: translateX(-45%)



  }



}



@media (max-width:1380px) {



  .header_nav > ul > li .sub.sub_pro {



    -webkit-transform: translateX(-40%);



    -ms-transform: translateX(-40%);



    transform: translateX(-40%)



  }



  .header_nav > ul > li .sub.sub_small > ul > li > a {



    font-size: 14px



  }



}



.header_nav > ul > li .sub > ul {



  list-style: none;



  margin: 0;



  padding: 2.4rem 3rem



}



@media (max-width:1681px) {



  .header_nav > ul > li .sub > ul {



    padding: 1rem



  }



}



@media (max-width:1440px) {



  .header_nav > ul > li .sub > ul {



    padding: 1.6rem



  }



}



.header_nav > ul > li .sub > ul > li {



  display: block;



  margin-bottom: 1.6rem



}



@media (max-width:1440px) {



  .header_nav > ul > li .sub > ul > li {



    margin-bottom: 1.2rem



  }



}



.header_nav > ul > li .sub > ul > li:last-of-type {



  margin-bottom: 0



}



.header_nav > ul > li .sub > ul > li > a {



  color: #D18C3D;



  display: block;



  font-size: 18px;



  line-height: 1em;



  padding-left: 1.1rem;



  position: relative;



  -webkit-transition: all .5s;



  transition: all .5s;



  white-space: nowrap



}



@media (max-width:1681px) {



  .header_nav > ul > li .sub > ul > li > a {



    font-size: 18px



  }



}



@media (max-width:1440px) {



  .header_nav > ul > li .sub > ul > li > a {



    font-size: 16px



  }



}



.header_nav > ul > li .sub > ul > li > a:before {



  border: 1px solid #D18C3D;



  border-radius: 100%;



  height: 15px;



  left: 0;



  width: 15px



}



.header_nav > ul > li .sub > ul > li > a:after, .header_nav > ul > li .sub > ul > li > a:before {



  content: "";



  display: block;



  position: absolute;



  top: 50%;



  -webkit-transform: translateY(-50%);



  -ms-transform: translateY(-50%);



  transform: translateY(-50%)



}



.header_nav > ul > li .sub > ul > li > a:after {



  background: -webkit-linear-gradient(left, #06c09e, #06e2a0);



  background: linear-gradient(90deg, #06c09e, #06e2a0);



  border-radius: 100%;



  height: 7px;



  left: 4px;



  width: 7px



}



.header_nav > ul > li .sub > ul > li > a:hover {



  color: #CEAB10



}



.header_nav > ul > li .sub > ul > li .third {



  margin-bottom: -1rem;



  margin-top: 1.2rem



}



@media (max-width:1440px) {



  .header_nav > ul > li .sub > ul > li .third {



    margin-bottom: -10px;



    margin-top: 10px



  }



}



.header_nav > ul > li .sub > ul > li .third.third_normal {



  min-width: 13.2rem



}



.header_nav > ul > li .sub > ul > li .third.third_wide {



  min-width: 32rem



}



@media (max-width:1681px) {



  .header_nav > ul > li .sub > ul > li .third.third_wide {



    min-width: 28rem



  }



}



.header_nav > ul > li .sub > ul > li .third > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-wrap: wrap;



  -ms-flex-wrap: wrap;



  flex-wrap: wrap;



  list-style: none;



  margin: 0;



  padding: 0



}



.header_nav > ul > li .sub > ul > li .third > ul > li {



  margin-bottom: 1rem;



  padding-left: 1.4rem;



  width: 50%



}



@media (max-width:1440px) {



  .header_nav > ul > li .sub > ul > li .third > ul > li {



    margin-bottom: 10px



  }



}



.header_nav > ul > li .sub > ul > li .third > ul > li > a .t {



  color: #666;



  display: block;



  font-size: .72rem;



  line-height: 2em;



  -webkit-transition: all .5s;



  transition: all .5s;



  white-space: nowrap



}



@media (max-width:1380px) {



  .header_nav > ul > li .sub > ul > li .third > ul > li > a .t {



    font-size: 14px



  }



}



.header_nav > ul > li .sub > ul > li .third > ul > li > a .t:hover {



  color: #D18C3D



}



.header_nav > ul > li .sub > ul > li .third > ul > li > a p {



  color: #999;



  font-size: 14px;



  line-height: 1.5em;



  margin: 0



}



@media (max-width:1380px) {



  .header_nav > ul > li .sub > ul > li .third > ul > li > a p {



    font-size: 12px



  }



}



.header_nav > ul > li.on > a span {



  color: #D18C3D;



  font-weight: 700



}



.scrolled .header_white .header_nav > ul > li.on > a span {



  color: #D18C3D



}



.header_nav > ul > li.on > a span:after {



  left: 0;



  opacity: 1;



  width: 100%



}



@media (max-width:1201px) {



  .header_apply {



    margin-left: auto



  }



}



.header_white .header_apply .btn01_border:after {



  border-color: #fff



}



.header_white .header_apply .btn01_border em, .header_white .header_apply .btn01_border svg {



  color: #fff



}



.scrolled .header_white .header_apply .btn01_border:after {



  border-color: #D18C3D



}



.scrolled .header_white .header_apply .btn01_border em, .scrolled .header_white .header_apply .btn01_border svg {



  color: #D18C3D



}



.scrolled .header_white .header_apply:hover:after {



  border-color: #fff



}



.scrolled .header_white .header_apply:hover em, .scrolled .header_white .header_apply:hover svg {



  color: #fff



}



.header_phone {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex



}



@media (max-width:1201px) {



  .header_phone {



    margin-left: 20px;



    margin-right: 50px



  }



}



@media (max-width:668px) {



  .header_phone {



    margin-right: 40px



  }



}



.header_phone em {



  color: #D18C3D;



  font-family: Montserrat-Bold;



  font-size: 18px;



  font-style: normal;



  line-height: 1em;



  margin: 0 .8rem 0 1rem;



  white-space: nowrap



}



@media (max-width:1201px) {



  .header_phone em {



    display: none



  }



}



.header_white .header_phone em {



  color: #fff



}



.scrolled .header_white .header_phone em {



  color: #D18C3D



}



.header_phone .icon {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  border: 1px solid #D18C3D;



  border-radius: 100%;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 38px;



  -webkit-justify-content: center;



  justify-content: center;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 38px



}



@media (max-width:1380px) {



  .header_phone .icon {



    height: 34px;



    width: 34px



  }



}



.header_white .header_phone .icon {



  border-color: #fff



}



.scrolled .header_white .header_phone .icon {



  border-color: #D18C3D



}



.header_phone .icon svg {



  color: #D18C3D;



  height: 50%;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 50%



}



.header_white .header_phone .icon svg {



  color: #fff



}



.header_white .header_phone:hover em, .scrolled .header_white .header_phone .icon svg {



  color: #D18C3D



}



.header_phone:hover .icon {



  background: #D18C3D



}



.header_white .header_phone:hover .icon {



  border-color: #D18C3D



}



.header_phone:hover .icon svg, .scrolled .header_phone:hover .icon svg {



  color: #fff



}



.header_bar_nav {



  background: none;



  border: none;



  display: none;



  height: 22px;



  margin: 0;



  outline: 0;



  padding: 0;



  position: fixed;



  right: 20px;



  top: 19px;



  width: 30px;



  z-index: 101



}



@media (max-width:1201px) {



  .header_bar_nav {



    display: block



  }



}



@media (max-width:668px) {



  .header_bar_nav {



    height: 16px;



    top: 22px;



    width: 20px



  }



}



.header_bar_nav i {



  background-color: #D18C3D;



  display: block;



  height: 2px;



  left: 0;



  line-height: 2px;



  position: absolute;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 100%



}



.header_bar_nav i.line01 {



  top: 0



}



.header_bar_nav i.line02 {



  margin-top: -1px;



  top: 50%



}



.header_bar_nav i.line03 {



  bottom: 0



}



.header_bar_nav.on i.line01 {



  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);



  transform: translate3d(0, 10px, 0) rotate(45deg)



}



@media (max-width:668px) {



  .header_bar_nav.on i.line01 {



    -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);



    transform: translate3d(0, 7px, 0) rotate(45deg)



  }



}



.header_bar_nav.on i.line02 {



  opacity: 0;



  width: 0



}



.header_bar_nav.on i.line03 {



  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);



  transform: translate3d(0, -10px, 0) rotate(-45deg)



}



@media (max-width:668px) {



  .header_bar_nav.on i.line03 {



    -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);



    transform: translate3d(0, -7px, 0) rotate(-45deg)



  }



}



.header_nav_mobile {



  background-color: #fff;



  display: none;



  height: calc(100vh - 60px);



  left: 0;



  overflow: hidden;



  position: fixed;



  top: 60px;



  width: 100%;



  z-index: 49



}



.header_nav_mobile > ul {



  height: 100%;



  list-style: none;



  margin: 0;



  overflow: hidden;



  overflow-y: scroll;



  padding: 20px;



  width: 100%



}



.header_nav_mobile > ul > li.m {



  display: block;



  position: relative



}



.header_nav_mobile > ul > li.m:after {



  background-color: #e6e6e6;



  content: "";



  display: block;



  height: 1px;



  left: 0;



  position: absolute;



  top: 44px;



  width: 100%



}



.header_nav_mobile > ul > li.m > a {



  color: rgba(51, 51, 51, .6);



  display: inline-block;



  font-size: 16px;



  line-height: 43px



}



.header_nav_mobile > ul > li.m .toggle_sub {



  background: none;



  border: none;



  display: block;



  height: 13px;



  margin: 0;



  outline: 0;



  padding: 0;



  position: absolute;



  right: 0;



  top: 50%;



  top: 15px;



  width: 13px;



  z-index: 20



}



.header_nav_mobile > ul > li.m .toggle_sub i {



  display: block;



  height: 100%;



  position: relative;



  width: 100%



}



.header_nav_mobile > ul > li.m .toggle_sub i:after, .header_nav_mobile > ul > li.m .toggle_sub i:before {



  background-color: #c7c7c7;



  content: "";



  display: block;



  height: 100%;



  position: absolute;



  width: 100%



}



.header_nav_mobile > ul > li.m .toggle_sub i:before {



  height: 1px;



  left: 0;



  line-height: 1px;



  top: 6px;



  width: 13px



}



.header_nav_mobile > ul > li.m .toggle_sub i:after {



  height: 16px;



  left: 6px;



  line-height: 16px;



  top: 0;



  width: 1px



}



.header_nav_mobile > ul > li.m .toggle_sub.on i:after {



  display: none



}



.header_nav_mobile > ul > li.m > .sub {



  display: none;



  padding: 0 20px



}



.header_nav_mobile > ul > li.m > .sub > ul {



  list-style: none;



  margin: 0;



  padding: 0



}



.header_nav_mobile > ul > li.m > .sub > ul > li {



  position: relative



}



.header_nav_mobile > ul > li.m > .sub > ul > li:after {



  background-color: #e6e6e6;



  content: "";



  display: block;



  height: 1px;



  left: 0;



  position: absolute;



  top: 44px;



  width: 100%



}



.header_nav_mobile > ul > li.m > .sub > ul > li > a {



  color: rgba(51, 51, 51, .6);



  display: inline-block;



  font-size: 12px;



  line-height: 43px



}



.header_nav_mobile > ul > li.m > .sub > ul .toggle_third {



  background: none;



  border: none;



  display: block;



  height: 13px;



  margin: 0;



  outline: 0;



  padding: 0;



  position: absolute;



  right: 0;



  top: 50%;



  top: 15px;



  width: 13px;



  z-index: 20



}



.header_nav_mobile > ul > li.m > .sub > ul .toggle_third i {



  display: block;



  height: 100%;



  position: relative;



  width: 100%



}



.header_nav_mobile > ul > li.m > .sub > ul .toggle_third i:after, .header_nav_mobile > ul > li.m > .sub > ul .toggle_third i:before {



  background-color: #c7c7c7;



  content: "";



  display: block;



  height: 100%;



  position: absolute;



  width: 100%



}



.header_nav_mobile > ul > li.m > .sub > ul .toggle_third i:before {



  height: 1px;



  left: 0;



  line-height: 1px;



  top: 6px;



  width: 13px



}



.header_nav_mobile > ul > li.m > .sub > ul .toggle_third i:after {



  height: 13px;



  left: 6px;



  line-height: 13px;



  top: 0;



  width: 1px



}



.header_nav_mobile > ul > li.m > .sub > ul .toggle_third.on i:after {



  display: none



}



.header_nav_mobile > ul > li.m > .sub .third {



  display: none;



  padding: 0 20px



}



.header_nav_mobile > ul > li.m > .sub .third > ul {



  list-style: none;



  margin: 0;



  padding: 0



}



.header_nav_mobile > ul > li.m > .sub .third > ul > li {



  display: block



}



.header_nav_mobile > ul > li.m > .sub .third > ul > li > a {



  border-bottom: 1px solid #e6e6e6;



  color: rgba(51, 51, 51, .6);



  display: block;



  font-size: 12px;



  line-height: 43px



}



.header_nav_mobile > ul > li.m > .sub .third > ul > li > a p {



  display: none



}



.footer_box {



  padding: 2.4rem 20px 2rem;



  position: relative;



  width: 100%



}



.footer_box:after {



  background-image: url(../image/footer_box.png);



  background-position: top;



  background-repeat: no-repeat;



  background-size: cover;



  content: "";



  display: block;



  height: 100%;



  left: 0;



  position: absolute;



  top: 0;



  width: 100%;



  z-index: 2



}



@media (min-width:668px) {



  .footer_box:after {



    background-attachment: fixed



  }



}



.footer_box_inner {



  color: #fff;



  position: relative;



  text-align: center;



  z-index: 3



}



.footer_box_inner .t {



  font-size: 1.44rem;



  line-height: 1.5em;



  margin: 0;



  padding: 0



}



@media (max-width:1380px) {



  .footer_box_inner .t {



    font-size: 24px



  }



}



.footer_box_inner .des {



  font-size: 18px;



  line-height: 2em;



  margin: 10px 0 30px



}



@media (max-width:1380px) {



  .footer_box_inner .des {



    font-size: 14px



  }



}



.footer_box_inner a {



  display: inline-block



}



.footer_box_inner a .btn01 {



  border-radius: 27px;



  height: 54px;



  padding: 0 1.6rem



}



@media (max-width:1380px) {



  .footer_box_inner a .btn01 {



    border-radius: 20px;



    height: 40px;



    padding: 0 20px



  }



}



.footer_box_inner a .btn01:after {



  background-color: #fff;



  opacity: 1



}



.footer_box_inner a .btn01 em {



  color: #535353;



  font-size: 16px;



  font-weight: 700;



  -webkit-transition: all .5s;



  transition: all .5s



}



@media (max-width:1380px) {



  .footer_box_inner a .btn01 em {



    font-size: 13px



  }



}



.footer_box_inner a:hover .btn01 {



  box-shadow: 10px 10px 30px 0 rgba(0, 146, 137, .5)



}



.footer_box_inner a:hover em {



  color: #D18C3D



}



.footer {



  background-color: #444;



  color: #fff



}



.footer_top {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  padding: 1.2rem 0 2.8rem



}



@media (max-width:968px) {



  .footer_top {



    padding: 20px 0



  }



}



.footer_top_side {



  -ms-flex-negative: 0;



  -webkit-flex-shrink: 0;



  flex-shrink: 0;



  width: 280px



}



@media (max-width:1380px) {



  .footer_top_side {



    width: 250px



  }



}



@media (max-width:968px) {



  .footer_top_side {



    margin: 0 auto



  }



}



.footer_top_side a.logo {



  display: block;



  height: 60px;



  width: 94px



}



@media (max-width:1380px) {



  .footer_top_side a.logo {



    height: 50px;



    width: 80px



  }



}



@media (max-width:968px) {



  .footer_top_side a.logo {



    margin: 0 auto



  }



}



.footer_top_side a.logo svg {



  height: 100%;



  width: 100%



}



.footer_top_side a.logo svg .st0, .footer_top_side a.logo svg .st1 {



  fill: #fff



}



.footer_top_side .txt {



  font-size: 16px;



  line-height: 30px;



  margin: 1.2rem 0 0



}



@media (max-width:1380px) {



  .footer_top_side .txt {



    font-size: 14px



  }



}



@media (max-width:968px) {



  .footer_top_side .txt {



    margin: 20px 0 0



  }



}



.footer_top_side .txt a {



  color: #fff;



  font-family: Montserrat-Bold;



  font-size: 18px



}



@media (max-width:1380px) {



  .footer_top_side .txt a {



    font-size: 16px



  }



}



.footer_top_side .qr_list {



  margin: 2rem 0



}



@media (max-width:968px) {



  .footer_top_side .qr_list {



    margin: 20px 0



  }



}



.footer_top_side .qr_list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -20px;



  padding: 0



}



.footer_top_side .qr_list > ul > li {



  padding: 0 20px;



  width: 50%



}



.footer_top_side .qr_list > ul > li .item img {



  display: block;



  width: 100%



}



.footer_top_side .qr_list > ul > li .item span {



  color: hsla(0, 0%, 100%, .3);



  display: block;



  font-size: 14px;



  line-height: 2em;



  text-align: center



}



@media (max-width:1380px) {



  .footer_top_side .qr_list > ul > li .item span {



    font-size: 12px



  }



}



.footer_top_side .social_list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -5px;



  padding: 0



}



@media (max-width:968px) {



  .footer_top_side .social_list > ul {



    -webkit-box-pack: center;



    -ms-flex-pack: center;



    -webkit-justify-content: center;



    justify-content: center



  }



}



.footer_top_side .social_list > ul > li {



  padding: 0 5px



}



.footer_top_side .social_list > ul > li .item, .footer_top_side .social_list > ul > li a {



  display: block;



  height: 1.2rem;



  width: 1.2rem



}



@media (max-width:968px) {



  .footer_top_side .social_list > ul > li .item, .footer_top_side .social_list > ul > li a {



    height: 30px;



    width: 30px



  }



}



.footer_top_side .social_list > ul > li .item img.icon, .footer_top_side .social_list > ul > li a img.icon {



  width: 100%



}



.footer_top_side .social_list > ul > li .item {



  position: relative



}



.footer_top_side .social_list > ul > li .item .item_box {



  background-color: #fff;



  bottom: 1.2rem;



  display: none;



  left: 50%;



  position: absolute;



  -webkit-transform: translateX(-50%);



  -ms-transform: translateX(-50%);



  transform: translateX(-50%);



  width: 120px;



  z-index: 2



}



@media (max-width:968px) {



  .footer_top_side .social_list > ul > li .item .item_box {



    bottom: 30px;



    width: 110px



  }



}



.footer_top_side .social_list > ul > li .item .item_box img {



  width: 100%



}



.footer_top_side .social_list > ul > li .item .item_box span {



  color: #333;



  display: block;



  font-size: 12px;



  line-height: 1em;



  padding-bottom: 10px;



  text-align: center



}



.footer_top_side .social_list > ul > li .item:hover .item_box {



  display: block



}



.footer_top_nav {



  -webkit-box-flex: 1;



  -webkit-flex: 1;



  -ms-flex: 1;



  flex: 1;



  padding-left: 2.6rem



}



@media (max-width:968px) {



  .footer_top_nav {



    display: none



  }



}



.footer_top_nav > ul {



  -webkit-box-pack: justify;



  -ms-flex-pack: justify;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-justify-content: space-between;



  justify-content: space-between;



  list-style: none;



  margin: 0;



  padding: 0



}



.footer_top_nav > ul > li > a {



  color: #fff;



  display: block;



  font-size: 18px;



  line-height: 1em



}



@media (max-width:1440px) {



  .footer_top_nav > ul > li > a {



    font-size: 16px



  }



}



@media (max-width:1380px) {



  .footer_top_nav > ul > li > a {



    font-size: 14px



  }



}



.footer_top_nav > ul > li > a:after {



  background-color: #fff;



  content: "";



  display: block;



  height: 1px;



  line-height: 1px;



  margin: 1.2rem 0 .8rem;



  opacity: .3;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 1.8rem



}



.footer_top_nav > ul > li > a:hover:after {



  opacity: 1



}



.footer_top_nav > ul > li > ul {



  list-style: none;



  margin: 0;



  padding: 0



}



.footer_top_nav > ul > li > ul > li {



  display: block



}



.footer_top_nav > ul > li > ul > li a {



  color: #aaa;



  font-size: 14px;



  line-height: 2em;



  -webkit-transition: all .5s;



  transition: all .5s



}



@media (max-width:1380px) {



  .footer_top_nav > ul > li > ul > li a {



    font-size: 12px



  }



}



.footer_top_nav > ul > li > ul > li a.b {



  color: #fff;



  font-weight: 700



}



.footer_top_nav > ul > li > ul > li a:hover {



  color: #fff



}



.footer_top_nav > ul > li > ul > li.mb {



  margin-bottom: 10px



}



.footer_top_nav > ul > li > ul > li ul {



  margin: 0;



  padding: 0



}



.footer_top_nav > ul > li > ul > li ul li {



  display: block



}



.footer_copyright {



  border-top: 1px solid #616161;



  color: hsla(0, 0%, 100%, .6);



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  font-size: 14px;



  line-height: 2em;



  padding: 1.4rem 0



}



@media (max-width:1380px) {



  .footer_copyright {



    font-size: 12px



  }



}



@media (max-width:668px) {



  .footer_copyright {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    text-align: center;



    width: 100%



  }



}



.footer_copyright a {



  color: hsla(0, 0%, 100%, .6);



  -webkit-transition: all .5s;



  transition: all .5s



}



.footer_copyright a:hover {



  color: #fff



}



.footer_copyright br {



  display: none



}



@media (max-width:668px) {



  .footer_copyright br {



    display: block



  }



}



.footer_copyright p {



  margin: 0



}



.footer_flink {



  color: hsla(0, 0%, 100%, .6);



  font-size: 14px;



  line-height: 2em;



  margin-top: -.6rem;



  padding-bottom: 1.4rem



}



@media (max-width:1380px) {



  .footer_flink {



    font-size: 12px



  }



}



.footer_flink a {



  color: hsla(0, 0%, 100%, .6);



  margin-right: 10px;



  -webkit-transition: all .5s;



  transition: all .5s



}



.footer_flink a:hover {



  color: #fff



}



.side_service_bar {



  bottom: 20px;



  height: 64px;



  position: fixed;



  right: 10px;



  width: 62px;



  z-index: 50



}



.side_service_bar > .inner, .side_service_bar_cartoon {



  height: 100%;



  position: relative;



  width: 100%



}



.side_service_bar_cartoon {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  background: -webkit-linear-gradient(left, #C9A712, #CEAB10);



  background: linear-gradient(90deg, #C9A712, #CEAB10);



  border: none;



  border-radius: 50%;



  cursor: pointer;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-justify-content: center;



  justify-content: center;



  margin: 0;



  outline: 0;



  overflow: hidden;



  padding: 0



}



.side_service_bar_cartoon:before {



  background-color: #000;



  content: "";



  display: block;



  height: 100%;



  left: 0;



  opacity: 0;



  position: absolute;



  top: 0;



  -webkit-transition: all .5s;



  transition: all .5s;



  width: 100%;



  z-index: 2



}



.side_service_bar_cartoon img {



  height: 46px;



  width: 40px



}



.side_service_bar_cartoon:hover:before {



  opacity: .3



}



.side_service_bar_box {



  background-color: #fff;



  border-radius: 5px;



  bottom: 0;



  box-shadow: 0 5px 15px 0 rgba(8, 180, 148, .15);



  display: none;



  position: absolute;



  right: 72px;



  width: 260px;



  z-index: 2



}



@media (max-width:668px) {



  .side_service_bar_box {



    width: 220px



  }



}



.side_service_bar_box.show {



  display: block



}



.side_service_bar_box.hide {



  display: none



}



.side_service_bar_box .close {



  background: none;



  border: none;



  cursor: pointer;



  display: block;



  height: 22px;



  left: -25px;



  margin: 0;



  outline: 0;



  padding: 0;



  position: absolute;



  top: 0;



  width: 22px



}



.side_service_bar_box .box {



  color: #666;



  display: none;



  font-size: 14px;



  line-height: 1.5em;



  padding: 15px 20px;



  text-align: center



}



@media (max-width:668px) {



  .side_service_bar_box .box {



    font-size: 12px



  }



}



.side_service_bar_box .box.box_default {



  display: block;



  font-size: 16px;



  line-height: 1em



}



@media (max-width:668px) {



  .side_service_bar_box .box.box_default {



    font-size: 14px



  }



}



.side_service_bar_box .box.box_default .list {



  margin-top: 15px



}



.side_service_bar_box .box.box_default .list > ul {



  -webkit-box-pack: justify;



  -ms-flex-pack: justify;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-justify-content: space-between;



  justify-content: space-between;



  list-style: none;



  margin: 0;



  padding: 0



}



.side_service_bar_box .box.box_default .list > ul > li button {



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  background: none;



  border: none;



  cursor: pointer;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  margin: 0;



  outline: 0;



  padding: 0



}



.side_service_bar_box .box.box_default .list > ul > li button img {



  height: 22px;



  margin-right: 5px;



  width: 22px



}



@media (max-width:668px) {



  .side_service_bar_box .box.box_default .list > ul > li button img {



    height: 18px;



    width: 18px



  }



}



.side_service_bar_box .box.box_default .list > ul > li button em {



  color: #475669;



  font-size: 14px;



  font-style: normal;



  line-height: 1em;



  -webkit-transition: all .5s;



  transition: all .5s;



  white-space: nowrap



}



@media (max-width:668px) {



  .side_service_bar_box .box.box_default .list > ul > li button em {



    font-size: 12px



  }



}



.side_service_bar_box .box.box_default .list > ul > li button:hover em, .side_service_bar_box .box.box_phone .phone {



  color: #D18C3D



}



.side_service_bar_box .box.box_qr {



  text-align: center



}



.side_service_bar_box .box.box_qr img {



  display: block;



  margin: 0 auto;



  width: 160px



}



.fancybox-slide--iframe .fancybox-content {



  height: 700px;



  margin: 0;



  max-height: 100%;



  max-width: 100%;



  overflow-y: hidden;



  width: 550px



}



@media (max-width:668px) {



  .fancybox-slide--iframe .fancybox-content {



    height: 450px



  }



  .fancybox-slide {



    padding: 20px



  }



}







/*短视频出海*/



.solutions_videos_01 {



  padding: 4rem 0



}



@media (max-width:1201px) {



  .solutions_videos_01 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_videos_01 {



    padding-bottom: 20px



  }



  .solutions_videos_01 .link {



    margin-top: 0



  }



}



.solutions_videos_01 .list {



  margin: 2.8rem 0 0



}



@media (max-width:1201px) {



  .solutions_videos_01 .list {



    margin-top: 20px



  }



}



.solutions_videos_01 .list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  list-style: none;



  margin: 0 -1rem;



  padding: 0



}



@media (max-width:1201px) {



  .solutions_videos_01 .list > ul {



    margin: 0 -10px



  }



}



@media (max-width:668px) {



  .solutions_videos_01 .list > ul {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column



  }



}



.solutions_videos_01 .list > ul > li {



  -webkit-box-flex: 1;



  -webkit-flex: 1;



  -ms-flex: 1;



  flex: 1;



  padding: 0 1rem



}



@media (max-width:1201px) {



  .solutions_videos_01 .list > ul > li {



    padding: 0 10px



  }



}



@media (max-width:668px) {



  .solutions_videos_01 .list > ul > li {



    margin-bottom: 20px



  }



}



.solutions_videos_01 .list > ul > li .item {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  background-color: #fff;



  border-radius: 10px;



  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1);



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  height: 100%;



  padding: 2.4rem 1.6rem



}



@media (max-width:1201px) {



  .solutions_videos_01 .list > ul > li .item {



    padding: 20px



  }



}



.solutions_videos_01 .list > ul > li .item b.t {



  color: #D18C3D;



  display: block;



  font-size: .96rem;



  line-height: 1.5em;



  text-align: center



}



.solutions_videos_01 .list > ul > li .itemhover b.t {color:#fff}



@media (max-width:1201px) {



  .solutions_videos_01 .list > ul > li .item b.t {



    font-size: 16px



  }



}



.solutions_videos_01 .list > ul > li .item .des {



  color: #666;



  font-size: .72rem;



  line-height: 1.5em;



  margin: 1rem 0 2rem;



  padding: 0;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_videos_01 .list > ul > li .item .des {



    font-size: 14px;



    margin: 20px 0 40px



  }



}



.solutions_videos_01 .list > ul > li .item p {



  font-weight: lighter



}



.solutions_videos_01 .list > ul > li .item .icon {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 3.6rem;



  -webkit-justify-content: center;



  justify-content: center;



  margin-top: auto;



  position: relative;



  width: 3.6rem



}



.solutions_videos_01 .list > ul > li .item .icon img {



  left: 50%;



  max-height: 100%;



  max-width: 100%;



  position: absolute;



  top: 55%;



  -webkit-transform: translate(-50%, -50%);



  -ms-transform: translate(-50%, -50%);



  transform: translate(-50%, -50%);



  z-index: 2



}



.solutions_videos_01 .list > ul > li .item .icon img.b {



  opacity: 1



}



.solutions_videos_01 .list > ul > li .item .icon img.a {



  opacity: 0



}



.solutions_videos_01 .list > ul > li .item:hover,.solutions_videos_01 .list > ul > li .itemhover  {



    background: -webkit-linear-gradient(left, #00cbd3, #002d50);



    background: linear-gradient(90deg, #00cbd3, #002d50);



}



.solutions_videos_01 .list > ul > li .item:hover b.t, .solutions_videos_01 .list > ul > li .item:hover p,.solutions_videos_01 .list > ul > li .itemhover p {



  color: #fff



}



.solutions_videos_01 .list > ul > li .item:hover .icon img.b ,.solutions_videos_01 .list > ul > li .itemhover .icon img.b{



  opacity: 0



}



.solutions_videos_01 .list > ul > li .item:hover .icon img.a ,.solutions_videos_01 .list > ul > li .itemhover .icon img.a {



  opacity: 1



}







/*第二板*/



.solutions_ideos_02 {



  padding: 2rem 0



}



@media (max-width:1201px) {



  .solutions_ideos_02 {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .solutions_ideos_02 {



    padding-bottom: 20px



  }



  .solutions_ideos_02 .link {



    margin-top: 0



  }



}



.solutions_ideos_02 .list {



  margin: 2.8rem 0 0



}



@media (max-width:1201px) {



  .solutions_ideos_02 .list {



    margin-top: 20px



  }



}



.solutions_ideos_02 .list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  flex-wrap: wrap;	



  list-style: none;



  margin: 0 -1rem;



  padding: 0



}



@media (max-width:1201px) {



  .solutions_ideos_02 .list > ul {



    margin: 0 -10px



  }



}



@media (max-width:668px) {



  .solutions_ideos_02 .list > ul {



    -webkit-box-orient: vertical;



    -webkit-box-direction: normal;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column



  }



}



.solutions_ideos_02 .list > ul > li {



  width: 25%;



  padding: 0 1rem;



  margin-bottom: 1.6rem;	



}



@media (max-width:1201px) {



  .solutions_ideos_02 .list > ul > li {



    padding: 0 10px



  }



}



@media (max-width:668px) {



  .solutions_ideos_02 .list > ul > li {



    margin-bottom: 20px;



	width: 100%;   



  }



}



.solutions_ideos_02 .list > ul > li .item {



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  background-color: #fff;



  border-radius: 10px;



  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1);



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  height: 100%;



  padding: 2.4rem 1.6rem



}



@media (max-width:1201px) {



  .solutions_ideos_02 .list > ul > li .item {



    padding: 20px



  }



}



.solutions_ideos_02 .list > ul > li .item b.t {



  color: #D18C3D;



  display: block;



  font-size: .96rem;



  line-height: 1.5em;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_ideos_02 .list > ul > li .item b.t {



    font-size: 16px



  }



}



.solutions_ideos_02 .list > ul > li .item .des {



  color: #666;



  font-size: .72rem;



  line-height: 1.5em;



  margin: 1rem 0 2rem;



  padding: 0;



  text-align: center



}



@media (max-width:1201px) {



  .solutions_ideos_02 .list > ul > li .item .des {



    font-size: 14px;



    margin: 20px 0 40px



  }



}



.solutions_ideos_02 .list > ul > li .item p {



  font-weight: lighter



}



.solutions_ideos_02 .list > ul > li .item .icon {



  -webkit-box-pack: center;



  -ms-flex-pack: center;



  -webkit-box-align: center;



  -ms-flex-align: center;



  -webkit-align-items: center;



  align-items: center;



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  height: 3.6rem;



  -webkit-justify-content: center;



  justify-content: center;



  margin-top: auto;



  position: relative;



  width: 3.6rem



}



.solutions_ideos_02 .list > ul > li .item .icon img {



  left: 50%;



  max-height: 100%;



  max-width: 100%;



  position: absolute;



  top: 50%;



  -webkit-transform: translate(-50%, -50%);



  -ms-transform: translate(-50%, -50%);



  transform: translate(-50%, -50%);



  z-index: 2



}



.solutions_ideos_02 .list > ul > li .item .icon img.b {



  opacity: 1



}



.solutions_ideos_02 .list > ul > li .item .icon img.a {



  opacity: 0



}



.solutions_ideos_02 .list > ul > li .item:hover {



    background: -webkit-linear-gradient(left, #00cbd3, #002d50);



    background: linear-gradient(90deg, #00cbd3, #002d50);



}



.solutions_ideos_02 .list > ul > li .item:hover b.t, .solutions_ideos_02 .list > ul > li .item:hover p {



  color: #fff



}



.solutions_ideos_02 .list > ul > li .item:hover .icon img.b {



  opacity: 0



}



.solutions_ideos_02 .list > ul > li .item:hover .icon img.a {



  opacity: 1



}



.grey{background-color: #333535;}







.supply_list > ul {



  display: -webkit-box;



  display: -webkit-flex;



  display: -ms-flexbox;



  display: flex;



  -webkit-flex-wrap: wrap;



  -ms-flex-wrap: wrap;



  flex-wrap: wrap;



  list-style: none;



  margin: 0 -.8rem;



  padding: 0



}



.supply_list > ul > li{



	margin-bottom: 2.6rem;



    padding: 0 .8rem;



    width: 25%;



}







@media (max-width: 668px)



{



.supply_list > ul > li{



	margin-bottom: 2.6rem;



    padding: 0 .8rem;



    width: 50%;



}	



	.supply_list > ul > li img{width: 100%;}	



}







/* -- about -- */



.row {



    margin: 0 0 3% 0;



}



.row:after, .row:before {



    display: table;



    content: " ";



}



.row:after{



clear: both;



}



.col-md-4 {



    padding: 0;



}



.col-md-8 {



    padding-left: 4%;



    box-sizing: border-box;



    padding-right: 0;



}



@media (min-width: 992px){



.col-md-4 {



    width: 33.33333333%;



}



.col-md-8 {



    width: 66.66666667%;



}







}



@media (min-width: 992px){



.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {



    float: left;



}}



.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {



    position: relative;



    min-height: 1px;



    padding-right: 15px;



    padding-left: 15px;



}







.about{background:#F0F0F0;margin-top: 3%}



.col-md-4{padding:0;}



.col-md-8{padding-left:9%; box-sizing: border-box;padding-right:0;}



.about .img img {



 



}



.about h2 {



 color: #555151;



 font-size: 1.4rem;



 font-weight: 700;



 margin-top: 4%;



}



.about .desc {



 color: #555151;



 margin: 0 0 10px 0;



 line-height: 140%;



}



.about .more {



 text-align: left;



}



@media (max-width:992px) {



 .about .img {



  margin-bottom: 20px;



 }



 .about .more {



  text-align: center;



 }



}











.about .more a {



 display: inline-block;



 padding: 5px 30px;



 border: 1px solid #2cbf95;



 color: #2cbf95;



}



.about .more a:hover {



 border: 1px solid #2cbf95;



 background-color: #2cbf95;



 color: #FFF;



}







.table {



  width: 100%;



  max-width: 100%;



  margin-bottom: 20px;



 border-collapse: collapse; border: none;	



}



.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {



  padding: 1% 1%;



  line-height: 1.42857143;



  vertical-align: top;



  border-top: 1px solid #29e0ac;



  font-size: 120%;



}



.table > thead > tr > th {



  vertical-align: bottom;



  border-bottom: 2px solid #ddd



}



.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {



  border-top: 0



}



.table > tbody + tbody {



  border-top: 2px solid #ddd



}



.table .table {



  



}



.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {



  padding: 10px



}



.table-bordered {



  border: 1px solid #29e0ac



}



.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {



  border: 1px solid #29e0ac



}



.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {



  border-bottom-width: 2px



}



.table-striped > tbody > tr:nth-of-type(odd) {



  



}



.table-hover > tbody > tr:hover {



  



}



table col[class*=col-] {



  position: static;



  display: table-column;



  float: none



}



table td[class*=col-], table th[class*=col-] {



  position: static;



  display: table-cell;



  float: none



}



.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {



  



}



.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {



  



}



.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {



  



}



.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {



  background-color: #d0e9c6



}



.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {



  background-color: #d9edf7



}



.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {



  background-color: #c4e3f3



}



.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {



  background-color: #fcf8e3



}



.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {



  background-color: #faf2cc



}



.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {



  background-color: #f2dede



}



.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {



  background-color: #ebcccc



}



.table-responsive {



  min-height: .01%;



  overflow-x: auto



}



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



  .table-responsive {



    width: 100%;



    margin-bottom: 15px;



    overflow-y: hidden;



    -ms-overflow-style: -ms-autohiding-scrollbar;



    border: 1px solid #ddd



  }



  .table-responsive > .table {



    margin-bottom: 0



  }



  .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {



    white-space: nowrap



  }



  .table-responsive > .table-bordered {



    border: 0



  }



  .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {



    border-left: 0



  }



  .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {



    border-right: 0



  }



  .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {



    border-bottom: 0



  }



}



.comparision-price-1 {



    color: #FFF;



    font-size: 1.4rem;



    font-weight: 700;



}



.py-4{



	text-align: center;



}



.w1200{



	margin-left: auto;



    margin-right: auto;



    max-width: 1200px;}



.comparision-table-head .active .h5 {



    font-size: 1.3rem;



    color: #fff;



    font-weight: 500;



}



.solutions_pro_01 {



  padding: 1rem 0



}



















.index_our_advantage{margin: 115px auto 0px; width: 92%; max-width: 1200px; clear: both}



.index_our_advantage .main_title{font-size: 38px; line-height: 38px; color: #D18C3D; font-weight: bold; text-align: center;}



.index_our_advantage .list{width: 100%; display: flex; justify-content:space-around; margin-top: 90px;}



.index_our_advantage .list .item{display: inline-block;}



.index_our_advantage .list .item .pic_box{width: 127px; padding-top: 144px; height: 0px; position: relative; margin: auto}



.index_our_advantage .list .item .pic_box img{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto;}



.index_our_advantage .list .item .item_title{font-size: 28px; line-height: 28px; color: #D18C3D; margin-top: 25px; text-align: center;}



.index_our_advantage .list .item .item_desc{font-size: 16px; line-height: 30px; color: #FFF; margin-top: 10px; text-align: center;}



.index_promote_mode{width: 92%; max-width: 1200px; margin: 110px auto 0px;}



.index_promote_mode .main_title{font-size: 38px; line-height: 38px; color: #D18C3D; font-weight: bold; text-align: center;}



.index_promote_mode .promote_list{margin-top: 95px; font-size: 0px; text-align: center;}



.index_promote_mode .promote_list .promote_item{display: inline-block; vertical-align: top; width: 17.91667%; margin-right: 2.5833%; position: relative;}



.index_promote_mode .promote_list .promote_item .step{display:block; width: 123px; height: 123px; border:1px solid #D18C3D; box-sizing:border-box; text-align: center; line-height: 123px; color: #0cba91; font-size: 97px; border-radius:62px;margin:  auto;font-family: 'langdon' !important; position: relative; background-color: #fff;z-index: 3}



.index_promote_mode .promote_list .promote_item .title{font-size: 28px; color: #D18C3D; line-height: 28px; margin-top: 25px;}



.index_promote_mode .promote_list .promote_item .desc{font-size: 16px; line-height: 30px; color: #FFF; margin-top: 7px;}



.index_promote_mode .promote_list .promote_item:last-child{margin-right: 0px;}



.index_promote_mode .promote_list .promote_item:nth-child(2n){margin-top: 90px;}







.index_promote_mode .promote_list .promote_item:nth-child(1) .step:before{content: ''; width: 12px; height: 12px; background:url('../image/index_promote_point.png') no-repeat center center; background-size: cover; position: absolute; right: 4px; bottom: 20px;}



.index_promote_mode .promote_list .promote_item:nth-child(1) .step:after{content: ''; width:145px; height: 0px; border-top: 1px solid #16bd96; position: absolute; transform:rotate(14deg); top: 110px; right: -127px; z-index: 0;}







.index_promote_mode .promote_list .promote_item:nth-child(2) .step:before{content: ''; width: 12px; height: 12px; background:url('../image/index_promote_point.png') no-repeat center center; background-size: cover; position: absolute; left: -2px; top: 33px; z-index: 2;}



.index_promote_mode .promote_list .promote_item:nth-child(2) .step:after{content: ''; width: 12px; height: 12px; background:url('../image/index_promote_point.png') no-repeat center center; background-size: cover; position: absolute; right: -2px; top: 33px; z-index: 2;}







.index_promote_mode .promote_list .promote_item:nth-child(3) .step:before{content: ''; width:125px; height: 0px; border-top: 1px solid #16bd96; position: absolute; transform:rotate(-14deg); top: 109px; left: -108px; z-index: -1;}



.index_promote_mode .promote_list .promote_item:nth-child(3) .step:after{content: ''; width: 12px; height: 12px; background:url('../image/index_promote_point.png') no-repeat center center; background-size: cover; position: absolute; right: 5px; top: 90px; z-index: 2;}







.index_promote_mode .promote_list .promote_item:nth-child(4) .step:before{content: ''; width:125px; height: 0px; border-top: 1px solid #16bd96; position: absolute; transform:rotate(14deg); top: 23px; left: -116px; z-index: -1;}



.index_promote_mode .promote_list .promote_item:nth-child(4) .step:after{content: ''; width: 12px; height: 12px; background:url('../image/index_promote_point.png') no-repeat center center; background-size: cover; position: absolute; left: -2px; top: 35px; z-index: 2;}







.index_promote_mode .promote_list .promote_item:nth-child(5) .step:before{content: ''; width:115px; height: 0px; border-top: 1px solid #16bd96; position: absolute; transform:rotate(-14deg); top: 112px; left: -105px; z-index: -1;}



.index_promote_mode .promote_list .promote_item:nth-child(5) .step:after{content: ''; width: 12px; height: 12px; background:url('../image/index_promote_point.png') no-repeat center center; background-size: cover; position: absolute; left: 4px; top: 90px; z-index: 2;}







.index_promote_mode .promote_more{display: block;width: 506px; height: 70px; line-height: 70px; font-size: 18px; text-align: center; color: #fff; text-decoration: none; margin: 75px auto 0px; border-radius: 10px; background-color: #000000;}



.index_promote_mode .promote_more:hover{background-color: #0039f4;}



.combo_server{margin-top: 60px; }



.combo_server .server_title{text-align: center; font-size: 26px; color: #D18C3D; font-weight: bold;}



.combo_server .server_list{margin-top: 30px; width: 100%;}



.combo_server .server_list .server_item{border-top: 1px solid #0db083; border-bottom: 1px solid #0db083; margin-top: -1px; font-size: 0px;}



.combo_server .server_list .server_item .title{display: inline-block; vertical-align: middle; width: 18%; font-size: 18px; line-height: 54px; color: #D18C3D; font-weight: bold; text-indent: 16px;}



.combo_server .server_list .server_item .key{display: inline-block; vertical-align: top; width: 17%; font-size: 18px; color: #D18C3D; line-height: 54px; }



.combo_server .server_list .server_item .value{display: inline-block; vertical-align: middle; width: 65%; font-size: 18px; color: #fff; line-height: 54px; }







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



	.index_our_advantage{margin-top: 14.66667vw;}



	.index_our_advantage .main_title{font-size: 7.2vw; line-height: 9.6vw;}



	.index_our_advantage .list{margin-top: 0vw; flex-wrap:wrap;}



	.index_our_advantage .list .item{width: 50%; margin-top: 11.33333vw;}



	.index_our_advantage .list .item .item_title{font-size: 5.6vw; line-height: 5.6vw; margin-top: 5.33333vw;}



	.index_our_advantage .list .item .item_desc{font-size: 3.73333vw; line-height: 8vw; margin-top: 4vw;}



	.index_promote_mode{margin-top: 14.66667vw;}



	.index_promote_mode .main_title{font-size: 7.2vw; line-height: 6.66667vw;}



	.index_promote_mode .promote_list{margin: 9.33333vw auto 0px; width: 81.15942%; position: relative;}



	.index_promote_mode .promote_list:before{content:'' ; width: 0px; height: 100%; border-right: 1px solid #0cba91; position: absolute; top: 0px; left: 8.2vw; z-index: -1;}



	.index_promote_mode .promote_list .promote_item{width:100%; margin-right: 0px; text-align: left; margin-top: 10vw;}



	.index_promote_mode .promote_list .promote_item:nth-child(2n){margin-top: 10vw;}



	.index_promote_mode .promote_list .promote_item:first-child{margin-top: 0px;}



	



	.index_promote_mode .promote_list .promote_item .step{display: inline-block; vertical-align: top; width: 16.4vw; height: 16.4vw; line-height: 16.4vw; border-radius: 8.2vw; font-size: 12.8vw;}



	.index_promote_mode .promote_list .promote_item .info_box{display: inline-block; vertical-align: top; width: calc(100% - 22.8vw); margin-left: 6vw;}



	.index_promote_mode .promote_list .promote_item .info_box .title{font-size: 5.06666vw; line-height: 5.06666vw; margin-top: 3.33333vw; }



	.index_promote_mode .promote_list .promote_item .info_box .desc{font-size: 3.73333vw; line-height: 7.46667vw; margin-top: 4vw;}







	.index_promote_mode .promote_list .promote_item:nth-child(1) .step:before{ width:6px; height:6px; bottom: -3px; right:50%; margin-right: -3px;}



	.index_promote_mode .promote_list .promote_item:nth-child(1) .step:after{content: none;}







	.index_promote_mode .promote_list .promote_item:nth-child(2) .step:before{width:6px; height:6px; top: -3px; right:50%; margin-right: -3px; left: unset;}



	.index_promote_mode .promote_list .promote_item:nth-child(2) .step:after{width:6px; height:6px; bottom: -3px; right:50%; margin-right: -3px; top: unset;}



	.index_promote_mode .promote_list .promote_item:nth-child(3) .step:before{content: none;}



	.index_promote_mode .promote_list .promote_item:nth-child(3) .step:after{width:6px; height:6px; top: -3px; right:50%; margin-right: -3px;}







	.index_promote_mode .promote_list .promote_item:nth-child(4) .step:before{width: 6px; height: 6px; background:url('https://www.whatsapp998.com/theme/default/static/images/index_promote_point.png') no-repeat center center; background-size: cover; position: absolute; top: -3px; left:50%; margin-left: -3px; z-index: 2; border-top:0px; transform:unset;}



	.index_promote_mode .promote_list .promote_item:nth-child(4) .step:after{width:6px; height:6px; bottom: -3px; top: unset; left:50%; margin-left: -3px;}







	.index_promote_mode .promote_list .promote_item:nth-child(5) .step:before{content: none;}



	.index_promote_mode .promote_list .promote_item:nth-child(5) .step:after{width:6px; height:6px; top: -3px; left:50%; margin-left: -3px;}







	.index_promote_mode .promote_more{width: 78.66667vw; height: 13.46667vw; line-height:13.46667vw; font-size: 4.53333vw; margin-top: 11.33333vw; border-radius: 2.67777vw; font-size: 4.53333vw; max-width: unset;}



	.index_promote_mode .promote_more:hover{background-color: #000;}



	  .combo_server{margin-top: 8vw;}



  .combo_server .server_title{font-size: 6.66667vw; line-height:7.46667vw;}



  .combo_server .server_list{margin-top: 6vw; overflow-x:auto;}



  .combo_server .server_list .server_item{min-width: 750px;}



  .combo_server .server_list .server_item .title{font-size: 12px; line-height:35px; text-indent: 0px;}



  .combo_server .server_list .server_item .key{font-size: 12px; line-height:35px;}



  .combo_server .server_list .server_item .value{font-size: 12px; line-height:35px;}



}















.server_team_box{margin-top: 100px;}



	.server_team_box .team_title{font-size: 50px; color: #fff; ;line-height: 56px; text-align: center;font-weight:700 }



	.server_team_box .team_list{margin-top: 95px; font-size: 0px; text-align: center;}



	.server_team_box .team_list .team_item{display: inline-block;  width: 17.66666%; vertical-align: top; margin-right: 15%; position: relative;}



	.server_team_box .team_list .team_item:last-child{margin-right: 0px;}



	.server_team_box .team_list .team_item .pic{display:block; width: 100%; height: 0px; padding-top: 100%; position: relative;}



	.server_team_box .team_list .team_item .pic img{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto;}



	.server_team_box .team_list .team_item .title{margin-top: 15px; font-size: 18px; line-height: 26px; color: #FFF; margin-bottom: 20px}



	.server_team_box .team_list .team_item:before{content: ''; position: absolute; width: 35%; height: 3px; background-color: #FFF; right: -58%; top: 42%;}



	.server_team_box .team_list .team_item:after{content: ''; position: absolute; right: -74%; top: 39.12%;  width: 0; height: 0;border-top: 8px solid transparent; border-left: 35px solid #FFF; border-bottom: 8px solid transparent;}



	.server_team_box .team_list .team_item:last-child:after,.server_team_box .team_list .team_item:last-child:before{content: none;}







@media (min-width: 768px){



.container {



    width: 750px;



}}



@media (min-width: 992px){



.container {



    width: 970px;



}}



@media (min-width: 1200px){



.container {



    width: 1170px;



}}











.container {



    padding-right: 15px;



    padding-left: 15px;



    margin-right: auto;



    margin-left: auto;



}







.adv_list div{width:50%; float:left}



@media (max-width: 750px){



	.adv_list div img{width: 100%}



}







.index_pic_lc {



  padding-bottom: 4.8rem;



  padding-top: 0.6rem



}



@media (max-width:1201px) {



  .index_pic_lc {



    padding-bottom: 40px;



    padding-top: 40px



  }



}



@media (max-width:668px) {



  .index_pic_lc {



    padding-bottom: 20px



  }



}



.index_pic_lc {



  margin-top: 0.2rem



}



@media (max-width:1201px) {



  .index_marketing_scenario_col {



    margin-top: 20px



  }



}



/*弹出*/



.black_overlay{ 



	display: none; 



	position: fixed; 



	top: 0; 



	left: 0; 



	bottom: 0;



	width: 100%; 



	height: 100%; 



	background-color: black; 



	z-index:1001; 



	-moz-opacity: 0.8; 



	opacity:.80; 



	filter: alpha(opacity=80); 



} 



.white_content { 



	display: none; 



	position: fixed; 



	top: calc( 50% - 135px); 



	left: calc( 50% - 107px); 



	width: 214px; 



	height: 270px; 



	border: 2px solid #D18C3D; 



	background-color: white; 



	z-index:1002; 



	text-align: center;



	overflow: auto; 



	-webkit-transition: all 1s;



} 



.white_content a{display: block; background-color: #D18C3D; line-height: 100%; text-align: right; padding: 5px;color:#FFF}







 .st {



    background: linear-gradient(to right, #0098e7, #88c608);



    -webkit-background-clip: text;



    color: transparent;



    font-size: 53px;



    text-align: center;



    display: block;



    margin-top: 50px;



	line-height: 200%; 



}







.index_marketing_scenario_col .lirun .st{background: linear-gradient(to right, #0098e7, #88c608);-webkit-background-clip: text;color: transparent; 



        					font-size: 53px; text-align: center; display: block; margin-top: 50px;}



.index_marketing_scenario_col   ul.lrul {margin:20px 0; }



.index_marketing_scenario_col   ul.lrul>li{float:left; border:2px solid ; border-radius:5px ; text-align: center;font-size: 1.5rem; padding: 0px 6px;margin-left: 48px;color: #FFFFFF;



                background: -webkit-linear-gradient(left, #0098e7, #88c608); 



							  background: -o-linear-gradient(right, #0098e7, #88c608); 



 							  background: -moz-linear-gradient(right, #0098e7, #88c608); 



							  background: linear-gradient(to right, #0098e7, #88c608); 



 width: calc(( 100% / 6 ) - 48px);



line-height: 180%;}



@media (max-width: 668px){



.index_marketing_scenario_col ul.lrul>li{



   width: calc(( 100% / 2 ) - 18px);



   font-size: 1.5rem;



   margin-left: 18px;	



}



}



.index_marketing_scenario_col ul.lrul>li:last-child{float:right; margin-right:0; }







.index_marketing_scenario_col .rq{display: table; width: 100%}



.index_marketing_scenario_col .rq ul{ padding: 0; margin: 0}



.index_marketing_scenario_col .rq ul>li{float:left; text-align: center; list-style: none; width: 20%; display: block; padding: 0; margin: 0}



.index_marketing_scenario_col .rq ul>li:last-child{float:right; margin-right:0;}



.index_marketing_scenario_col .rq ul>li p{font-size: 20px;  font-weight: bold; display: block; width: 100%}



.index_marketing_scenario_col .rq ul>li .p1{color: #ffcaac;}



.index_marketing_scenario_col .rq ul>li .p2{color: #f68cb2;}



.index_marketing_scenario_col .rq ul>li .p3{color: #798ed1;}



.index_marketing_scenario_col .rq ul>li .p4{color: #f4b350;}



.index_marketing_scenario_col .rq ul>li .p5{color: #c0b2da;}



@media (max-width: 668px){



.index_marketing_scenario_col .rq ul>li{float:left; text-align: center; list-style: none; width: 50%; display: block; }	



	.index_marketing_scenario_col .rq ul>li img{width:90%}	



}



.index_marketing_scenario_col .cy{display: table;}



.index_marketing_scenario_col .cy .cytxt{font-size: 50px; color:#ff3839;font-weight:700;text-align: center;}



.index_marketing_scenario_col .cy ul li {float:left;text-align: center; margin-bottom: 20px;margin-right: 10px;  list-style: none}



.index_marketing_scenario_col .cy ul li:last-child{float:right; margin-right:0;}



.index_marketing_scenario_col .cy ul li p{font-size: 15px; color:#a9a8aa ;font-weight: 600;display: table; line-height: 73px; text-indent: 60px; margin-top: 20px;width: 220px; height: 73px;}



.index_marketing_scenario_col .cy ul li .p1{background:url("../image/cy1.png"); }



.index_marketing_scenario_col .cy ul li .p2{background:url(../image/cy2.png) ;}



.index_marketing_scenario_col .cy ul li .p3{background:url(../image/cy3.png) ;}



.index_marketing_scenario_col .cy ul li .p4{background:url(../image/cy4.png) ;}



.index_marketing_scenario_col .cy ul li .p5{background:url(../image/cy5.png) ;}



.index_marketing_scenario_col .cy ul li .p6{background:url(../image/cy6.png) ;}



.index_marketing_scenario_col .cy ul li .p7{background:url(../image/cy7.png) ;}



.index_marketing_scenario_col .cy ul li .p8{background:url(../image/cy8.png) ;}



.index_marketing_scenario_col .cy ul li .p9{background:url(../image/cy9.png) ;}



.index_marketing_scenario_col .cy ul li .p10{background:url(../image/cy10.png);margin-bottom: 30px;}



@media (max-width: 668px){



	.index_marketing_scenario_col .cy ul li p{font-size: 15px; color:#a9a8aa ;font-weight: 600;display: table; line-height: 73px; text-indent: 60px; margin-top: 20px;width: 100%; height: 73px; background-size:contain;}



	.index_marketing_scenario_col .cy ul li ,.index_marketing_scenario_col .cy ul{list-style: none; padding: 0; margin: 1%}



	.index_marketing_scenario_col .cy ul li {width:48%}



}



.sc {display:block;}



.sc .tit{color:#ff3839;font-size:56px;font-weight:700;text-align: center;margin-top: 40px;line-height: 180%}



.sc .titi{color:#ff3839; font-size:30px ;text-align: center; font-weight:normal; margin-bottom: 20px; line-height: 180%} 



.sc .titi strong{font-weight:normal;}



.m1180{width:1180px; height:863px; margin:50px auto; position:relative}



.m1180 .i2{position:absolute; top:42px; left:178px;-webkit-animation:run 6s linear 0s infinite;}



.m1180 .i2:hover{-webkit-animation-play-state:paused;}



.m1180 .i3 {



    position: absolute;



    top: 161px;



    left: 300px;



}



@-webkit-keyframes run{ from{ -webkit-transform:rotate(0deg);} to{-webkit-transform:rotate(360deg);}}







@media (max-width:668px) {



	.wap{width: 100%}



}







.article-list{padding-top:20px;}



.article-list .position{padding-top:15px;color: #fff;}



.article-list .position a{color: #fff;}



.article-list h2{font-size:20px;line-height: 24px;}



.article-list .about{padding:10px;}



.article-list .about h2{margin-top:0;}



.article-list .about .img img{}







.pagination{display:inline-block;text-align: center;border-radius:4px;padding:0;margin:0;}



.pagination>li{display:inline;}



.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px;}



.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}



.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px;}



.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd;}



.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default;}



.article-show{margin-top:15px;padding:20px;background: #fff;}



.article-show h2{text-align: center}



.article-show h3{text-align: center;font-weight: normal;font-size: 16px;}



.article-show h3 span{padding:0 15px;}



.article-content {



    font-size: 16px;



    line-height: 1.8;



    word-break: break-all;



    word-wrap: break-word;



    padding-bottom: 1px;



    text-align: justify;



}