@charset "UTF-8";
/**
 * Swiper 11.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 26, 2023
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, 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");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.8);
  transition: opacity 0.5s ease;
  z-index: 100000000000000000000000000000000000000;
}

#baguetteBox-overlay.visible {
  opacity: 1;
}

#baguetteBox-overlay .full-image {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}

#baguetteBox-overlay .full-image figure {
  display: inline;
  margin: 0;
  height: 100%;
}

#baguetteBox-overlay .full-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#baguetteBox-overlay .full-image figcaption {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 1.8;
  color: #ccc;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  font-family: Verdana, Geneva, sans-serif;
}

#baguetteBox-overlay .full-image:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  transition: left 0.4s ease, transform 0.4s ease;
}

#baguetteBox-slider.bounce-from-right {
  animation: bounceFromRight 0.4s ease-out;
}

#baguetteBox-slider.bounce-from-left {
  animation: bounceFromLeft 0.4s ease-out;
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px;
}

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: 0;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 15%;
  background-color: #323232;
  background-color: rgba(50, 50, 50, 0.5);
  color: #ddd;
  font: 1.6em sans-serif;
  transition: background-color 0.4s ease;
}

.baguetteBox-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}

.baguetteBox-button#next-button {
  right: 2%;
  display: block !important;
}

.baguetteBox-button#previous-button {
  left: 2%;
  display: block !important;
}

.baguetteBox-button#close-button {
  top: 20px;
  right: 2%;
  right: calc(2% + 6px);
  width: 30px;
  height: 30px;
}

.baguetteBox-button svg {
  position: absolute;
  left: 0;
  top: 0;
}

.wap-hd-nav {
  display: none;
}

@media screen and (max-width: 991px) {
  .wap-hd-nav {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    background-color: #005ba1;
  }
  .wap-hd-nav-item {
    width: 25%;
  }
  .wap-hd-nav-item a {
    display: block;
    padding: 5px 0;
    line-height: 20px;
    font-size: 14px;
    color: white;
    text-align: center;
    background-color: #363636;
  }
  .wap-hd-nav-item a.active {
    color: white;
    background-color: #005ba1;
  }
}
.m-mobilenav {
  display: none;
}

@media screen and (max-width: 991px) {
  .m-mobilenav {
    position: fixed;
    z-index: 11;
    padding-top: 25px;
    top: 0;
    right: 0;
    display: block;
    box-sizing: border-box;
  }
  .m-mobilenav .mbnav-btn {
    position: absolute;
    z-index: 2;
    top: 15px;
    right: 17px;
    width: 26px;
    transition: all 550ms;
  }
  .m-mobilenav .mbnav-btn .line {
    width: 100%;
    height: 2px;
    background-color: #fff;
  }
  .m-mobilenav .mbnav-btn .line2 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .m-mobilenav .mbnav-btn.active {
    transform: rotate(90deg);
  }
  .m-mobilenav .mbnav-bd {
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
    height: 100%;
    top: 0;
    visibility: hidden;
    z-index: 1;
  }
  .m-mobilenav .mbnav-bd.show {
    visibility: visible;
  }
  .m-mobilenav .mbnav-bd.show .mbnav-wp {
    height: 100%;
    opacity: 1;
  }
  .m-mobilenav .mbnav-bd.show .mbnav-item > a {
    opacity: 1;
    transform: scale(1) translate(0, 0);
  }
  .m-mobilenav .mbnav-wp {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 0;
    background-color: #333;
    top: 0;
    transition: all 550ms;
    opacity: 0;
  }
  .m-mobilenav .mbnav-fix {
    position: absolute;
    right: 0;
    top: 60px;
    height: calc(100% - 60px);
    width: 100%;
    box-sizing: border-box;
    overflow-y: scroll;
  }
  .m-mobilenav .mbnav-item {
    position: relative;
    padding-left: 44px;
    padding-right: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .m-mobilenav .mbnav-item i {
    position: absolute;
    left: 13px;
    top: 12px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #333;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    cursor: pointer;
  }
  .m-mobilenav .mbnav-item > a {
    display: block;
    line-height: 26px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    transform: scale(1.1) translate(60px, -35px);
    opacity: 0;
    transition: 0.5s 0.1s;
  }
  .m-mobilenav .mbnav-item > a.current:after {
    content: "";
    margin-left: 5px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
    transition: all 550ms;
  }
  .m-mobilenav .mbnav-item > a.active {
    color: #005ba1;
  }
  .m-mobilenav .mbnav-item > a.active:after {
    background-color: #005ba1;
  }
  .m-mobilenav .mbnav-item:nth-child(1) > a {
    transition-delay: 250ms;
  }
  .m-mobilenav .mbnav-item:nth-child(2) > a {
    transition-delay: 300ms;
  }
  .m-mobilenav .mbnav-item:nth-child(3) > a {
    transition-delay: 350ms;
  }
  .m-mobilenav .mbnav-item:nth-child(4) > a {
    transition-delay: 400ms;
  }
  .m-mobilenav .mbnav-item:nth-child(5) > a {
    transition-delay: 450ms;
  }
  .m-mobilenav .mbnav-item:nth-child(6) > a {
    transition-delay: 500ms;
  }
  .m-mobilenav .mbnav-item:nth-child(7) > a {
    transition-delay: 550ms;
  }
  .m-mobilenav .mbsbnav-list {
    padding: 10px 0;
    display: none;
  }
  .m-mobilenav .mbsbnav-item {
    position: relative;
    padding-left: 20px;
    padding-right: 5px;
  }
  .m-mobilenav .mbsbnav-item i {
    left: 0;
    top: 6px;
    line-height: 24px;
  }
  .m-mobilenav .mbsbnav-item a {
    display: block;
    padding: 5px 5px;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
  }
  .m-mobilenav .mbsbnav-item a.active {
    color: #005ba1;
  }
}
.slideshow {
  position: relative;
}

.slideshow .wp {
  position: absolute;
  left: 50%;
  margin-left: -600px;
  top: 50%;
  margin-top: -166.5px;
}

.slideshow .wp img {
  max-width: 100%;
  max-height: 80%;
}

.slideshow .item a img {
  width: 100%;
  transition: all 6s ease-out;
  transform: scale(1.1);
}

.slideshow .item.slick-active img {
  transform: scale(1);
}

@media screen and (max-width: 1219px) {
  .slideshow .wp {
    margin-left: -490px;
  }
}
@media screen and (max-width: 999px) {
  .slideshow:hover .slick-prev,
  .slick-next {
    display: none !important;
  }
  .slideshow .wp {
    width: 100%;
    left: 0;
    margin-left: 0;
    height: 80%;
    top: 0;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .slick-dots {
    bottom: 10px;
  }
}
.slideshow .item.slick-active.item_one img {
  transform: scale(1.1);
}

.slideshow .item.slick-active.item_one.on img {
  transform: scale(1);
}

.slick-list,
.slick-slider,
.slick-track {
  position: relative;
  display: block;
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  top: 0;
  left: 0;
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.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-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-slide iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.slick-slide video {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 101%;
  min-height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 50% 50%;
  display: none \9 ;
  display: block \9 \0 ;
}

.slick-dots .slide-count {
  display: none;
}

@media screen and (max-width: 991px) {
  .slick-slide video {
    object-position: inherit;
    object-fit: inherit;
    width: 100%;
    height: 100%;
    transform: translate(0, 0);
    left: 0;
    top: 0;
  }
}
::selection {
  color: #fff;
  background: #005ba1;
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  height: 100%;
  scroll-behavior: smooth;scroll-padding-top: 80px;
}

body {
  margin: 0 auto;
  width: 100%;
  overflow-x: hidden;
  font-family: "PoppinsRegular", arial, helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
  line-height: 1.2;
  background-color: #fff;
}

@media screen and (max-device-width: 320px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}
@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}
a {
  color: #333;
  text-decoration: none;
  outline: none;
  tap-highlight-color: transparent;
  focus-ring-color: transparent;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
  -moz-tap-highlight-color: transparent;
  -moz-focus-ring-color: transparent;
  transition: all 550ms;
}

a:hover {
  color: #005ba1;
}

ol, ul {
  list-style: none;
}

img {
  max-width: 100%;
  border: 0px solid #ccc;
  height: auto;
}

table, embed, video {
  max-width: 100%;
}

input, textarea {
  border: none;
  background: none;
  font-family: inherit;
}

input:focus, textarea:focus {
  outline: none;
}

input[type=submit] {
  cursor: pointer;
}

input[type=checkbox] {
  cursor: pointer;
}

input[type=radio] {
  cursor: pointer;
}

input[type=submit], input[type=reset], input[type=button], button {
  -webkit-appearance: none; /*鍘绘帀鑻规灉鐨勯粯璁I鏉ユ覆鏌撴寜閽�*/
}

textarea {
  resize: none;
}

button {
  border: none;
  background: none;
  cursor: pointer;
}

em, i {
  font-style: normal;
}

/* .c-xx start */
.c-fl {
  float: left;
}

.c-fr {
  float: right;
}

.c-cb {
  clear: both;
}

.c-clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.c-mg {
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}

.c-oh {
  overflow: hidden;
}

.c-wd {
  width: 1400px;
}

.c-tsn {
  transition: all 550ms;
}

.c-bbx {
  box-sizing: border-box;
}

.c-pr {
  position: relative;
}

.c-mt-5 {
  margin-top: 5px;
}

.c-mt-10 {
  margin-top: 10px;
}

.c-mt-15 {
  margin-top: 15px;
}

.c-mt-20 {
  margin-top: 20px;
}

.c-mt-25 {
  margin-top: 25px;
}

.c-mt-30 {
  margin-top: 30px;
}

.c-mt-35 {
  margin-top: 35px;
}

.c-mt-40 {
  margin-top: 40px;
}

.c-mt-45 {
  margin-top: 45px;
}

.c-mt-50 {
  margin-top: 50px;
}

.c-nomt {
  margin-top: 0 !important;
}

.c-nomr {
  margin-right: 0 !important;
}

.c-nomb {
  margin-bottom: 0 !important;
}

.c-noml {
  margin-left: 0 !important;
}

.c-nomg {
  margin: 0 !important;
}

.c-nopt {
  padding-top: 0 !important;
}

.c-nopr {
  padding-right: 0 !important;
}

.c-nopb {
  padding-bottom: 0 !important;
}

.c-nopl {
  padding-left: 0 !important;
}

.c-nopd {
  padding: 0 !important;
}

.c-nofont {
  line-height: 0;
  font-size: 0;
}

.c-nobg {
  background: none !important;
}

.c-scrollbar {
  padding-right: 10px;
}

.c-scrollbar::-webkit-scrollbar {
  width: 4px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.2);
}

.c-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #fff;
}

/* .c-xx end */
/* .f-xx start */
.f-czjz {
  position: relative;
  top: 50%;
  transform: translate(0px, -50%);
}

.f-box {
  width: calc(100% - 120px);
  max-width: 1400px;
  margin: auto;
}

@media screen and (max-width: 991px) {
  .f-box {
    max-width: 96%;
    width: 100%;
  }
}
/* .f-xx end */
/* @keyframes start */
@keyframes boxshadown {
  0% {
    box-shadow: 0 0 0 1px rgba(51, 51, 51, 0.2);
  }
  100% {
    box-shadow: 0 0 0 15px rgba(51, 51, 51, 0);
  }
}
/* @keyframes end */
/* .an-xx start */
.an-hoverimg-xy {
  position: relative;
  overflow: hidden;
}

.an-hoverimg-xy:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  z-index: 2;
  transform: scaleX(0);
  transition: all 550ms;
  visibility: hidden;
}

.an-hoverimg-xy:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  z-index: 1;
  transform: scaleY(0);
  transition: all 550ms;
  visibility: hidden;
}

.an-hoverimg-xy img {
  transition: all 550ms;
}

.an-hoverimg-xy:hover img {
  transform: scale(1.1);
}

.an-hoverimg-xy:hover:before {
  visibility: visible;
  transform: scaleX(1);
}

.an-hoverimg-xy:hover:after {
  visibility: visible;
  transform: scaleX(1);
}

.an-hoverimg-beforex {
  position: relative;
  overflow: hidden;
}

.an-hoverimg-beforex:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  z-index: 2;
  transform: scaleX(0);
  transition: all 550ms;
  visibility: hidden;
}

.an-hoverimg-beforex img {
  transition: all 550ms;
}

.an-hoverimg-beforex:hover img {
  transform: scale(1.1);
}

.an-hoverimg-beforex:hover:before {
  visibility: visible;
  transform: scaleX(1);
}

.an-hoverimg-beforey {
  position: relative;
  overflow: hidden;
}

.an-hoverimg-beforey:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  z-index: 2;
  transform: scaleY(0);
  transition: all 550ms;
  visibility: hidden;
}

.an-hoverimg-beforey img {
  transition: all 550ms;
}

.an-hoverimg-beforey:hover img {
  transform: scale(1.1);
}

.an-hoverimg-beforey:hover:before {
  visibility: visible;
  transform: scaleY(1);
}

.an-hoverbtn-beforey {
  position: relative;
}

.an-hoverbtn-beforey > * {
  position: relative;
}

.an-hoverbtn-beforey:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scaleY(0);
  background-color: #005ba1;
  transition: all 550ms;
}

.an-hoverbtn-beforey:hover {
  color: #fff;
}

.an-hoverbtn-beforey:hover:before {
  transform: scaleY(1);
}

.an-hoverbtn-beforex {
  position: relative;
}

.an-hoverbtn-beforex > * {
  position: relative;
}

.an-hoverbtn-beforex:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  background-color: #005ba1;
  transition: all 550ms;
}

.an-hoverbtn-beforex:hover {
  color: #fff;
}

.an-hoverbtn-beforex:hover:before {
  transform: scaleX(1);
}

.an-hoverbtn-beforer {
  position: relative;
  overflow: hidden;
}

.an-hoverbtn-beforer > * {
  position: relative;
}

.an-hoverbtn-beforer:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #005ba1;
  transition: all 550ms;
}

.an-hoverbtn-beforer:hover {
  color: #fff;
}

.an-hoverbtn-beforer:hover:before {
  right: 0;
}

.an-boxsd:hover {
  animation: boxshadown 1s infinite cubic-bezier(0.66, 0, 0, 1);
}

/* .an-xx end */
/* .m-xx start */
.m-desc {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 30px;
}

.m-desc a {
  color: #005ba1;
}

.m-desc a:hover {
  text-decoration: underline;
}

.m-desc p {
  min-height: 30px;
}

.m-desc img {
  max-width: 100%;
}

.m-desc iframe {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.m-desc table {
  width: 100%;
  border-collapse: collapse;
  line-height: 22px;
  border: 1px solid #ccc;
  margin-left: auto;
  margin-right: auto;
}

.m-desc table tr td {
  padding: 10px;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (max-width: 1219px) {
  .m-desc {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
  }
  .m-desc a {
    color: #005ba1;
  }
  .m-desc a:hover {
    text-decoration: underline;
  }
  .m-desc p {
    min-height: 24px;
  }
}
.table table {
  width: 100%;
  border-collapse: collapse;
  line-height: 22px;
  border: 1px solid #ccc;
}

.table table tr td {
  padding: 10px;
  height: 30px;
  border: 1px solid #ccc;
}

@media screen and (max-width: 991px) {
  .table {
    width: 100%;
    overflow-x: auto;
  }
}
/* .m-xx end */
/* .j-xx start */
.j-offset-top {
  transition: all 750ms;
  transform: translateY(100px);
  opacity: 0;
}

.j-offset-top.run {
  transform: translateY(0);
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .j-offset-top {
    transform: none !important;
  }
}
.j-offset-left {
  transition: all 750ms;
  transform: translateX(100px);
  opacity: 0;
}

.j-offset-left.run {
  transform: translateX(0);
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .j-offset-left {
    transform: none !important;
  }
}
.j-offset-right {
  transition: all 750ms;
  transform: translateX(-100px);
  opacity: 0;
}

.j-offset-right.run {
  transform: translateX(0);
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .j-offset-right {
    transform: none !important;
  }
}
.j-fadein {
  transition: all 750ms;
  opacity: 0;
}

.j-fadein.run {
  transform: translateX(0);
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .j-fadein {
    transform: none !important;
  }
}
.j-lazy {
  min-width: 100%;
}

/* .j-xx end */
[class*=-item] .item-pic {
  position: relative;
  display: block;
  line-height: 0;
  font-size: 0;
  text-align: center;
  overflow: hidden;
}

[class*=-item] .item-pic img {
  transition: all 550ms;
}

[class*=-item] .item-pic:hover img {
  transform: scale(1.1);
}

[class*=-item] .item-title {
  overflow: hidden;
}

[class*=-item] .item-title a:hover {
  color: #005ba1;
}

[class*=-item] .item-desc {
  overflow: hidden;
}

[class*=-item] .item-desc a {
  display: block;
}

[class*=-item] .item-desc a:hover {
  color: #005ba1;
}

.at-resp-share-element .at4-share-count-container {
  text-decoration: none;
  float: right;
  padding-right: 15px;
  line-height: 25px !important;
}

.at-resp-share-element .at-icon {
  width: 24px !important;
  height: 24px !important;
}

.at-style-responsive .at-share-btn {
  padding: 0 !important;
  border-radius: 2px !important;
}

.at-resp-share-element .at-share-btn .at-icon-wrapper {
  width: 24px !important;
  height: 24px !important;
}

.at-resp-share-element .at-share-btn {
  margin-bottom: 0 !important;
  margin-right: 3px !important;
}

.at-resp-share-element .at-icon {
  width: 24px !important;
  height: 24px !important;
}

.at-style-responsive .at-share-btn {
  padding: 0 !important;
  border-radius: 2px !important;
}

.at-resp-share-element .at-share-btn .at-icon-wrapper {
  width: 24px !important;
  height: 24px !important;
}

.at-resp-share-element .at-share-btn {
  margin-bottom: 0 !important;
  margin-right: 3px !important;
}

.m-crm {
  padding-top: 190px;
  padding-bottom: 90px;
  color: #fff;
}

.m-crm a {
  color: #fff;
}

.m-crm a:hover {
  color: #005ba1;
}

.m-crm .active {
  text-decoration: underline;
}

.m-crm .box-title {
  line-height: 50px;
  font-size: 40px;
  font-size: 4rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif; text-transform:uppercase;
}

.m-crm .box-crm {
  margin-top: 14px;
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
}

@media screen and (max-width: 1219px) {
  .m-crm .box-title {
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-crm .box-crm {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 991px) {
  .m-crm {
   padding-top: 50px;
padding-bottom: 50px;
  }
  .m-crm .box-title {
  line-height: 28px;
  font-size: 18px;
  font-size: 1.8rem;
}
}
@media screen and (max-width: 767px) {

  .m-crm .box-title {
  line-height: 24px;
  font-size: 16px;
  font-size: 1.6rem;
}
.m-crm .box-crm {
  font-size: 12px;
  font-size: 1.2rem;
}
}
.m-oths {
  margin-top: 30px;
  padding-top: 40px;
  border-top: 1px solid rgba(195, 196, 199, 0.4);
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.m-oths .oths-item {
  position: relative;
  width: 49%;
  padding-top: 3px;
  padding-bottom: 3px;
}

.m-oths .oths-item i {
  position: absolute;
  top: 0;
  width: 56px;
  line-height: 54px;
  font-size: 20px;
  font-size: 2rem;
  color: #005ba1;
  text-align: center;
  border: 1px solid #005ba1;
}

.m-oths .oths-item .item-name {
  line-height: 28px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-oths .oths-item .item-title {
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m-oths .oths-item .item-title a {
  color: #666;
}

.m-oths .oths-item .item-title a:hover {
  color: #005ba1;
}

.m-oths .oths-item-1 {
  padding-left: 78px;
}

.m-oths .oths-item-1 i {
  left: 0;
}

.m-oths .oths-item-2 {
  padding-right: 78px;
  text-align: right;
}

.m-oths .oths-item-2 i {
  right: 0;
}

.m-oths a {
  color: #666666;
}

@media screen and (max-width: 1219px) {
  .m-oths {
    margin-top: 30px;
    padding-top: 30px;
  }
  .m-oths .oths-item .item-name, .m-oths .oths-item .item-title {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 991px) {
  .m-oths .oths-item {
    padding: 0;
  }
  .m-oths .oths-item i {
    display: none;
  }
}
.m-page {
  margin-top: 60px;
  letter-spacing: 0;
  font-size: 0;
  text-align: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
}

.m-page a, .m-page span {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  min-width: 35px;
  height: 30px;
  line-height: 28px;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  color: #333;
  text-align: center;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  transition: all 550ms;
  padding: 0 5px;
}

.m-page a.big, .m-page span.big {
  min-width: 84px;
}

.m-page a:hover {
  color: white;
  border-color: #005ba1;
  background-color: #005ba1;
}
.m-page a.no:hover{ color: #333 !important; border-color: #e5e5e5 !important;
  background-color: #fff !important;}
.m-page a.active {
  color: white;
  border-color: #005ba1;
  background-color: #005ba1;
}

.m-page .page-form {
  margin-left: 8px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.m-page .form-btn {
  min-width: 150px;
  line-height: 30px;
  height: 30px;
  padding: 0 20px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  box-sizing: border-box;
  background-color: #005ba1;
}

.m-page2 {
  position: relative;
}

@media screen and (max-width: 991px) {
  .m-page {
    margin-top: 35px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }
  .m-page a {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
  }
}
.m-kf {
  position: fixed;
  z-index: 10;
  right: 0;
  top: 30%;
}

.m-kf .kf-item {
  position: relative;
  display: block;
  line-height: 0;
  font-size: 0;
  width: 50px;
  line-height: 50px;
  margin-bottom: 1px;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  text-align: center;
  background-color: #2d2d27;
  border-radius: 5px;
}

.m-kf .kf-item:hover {
  color: #fff;
  background-color: #005ba1;
}

.m-kf .kf-item.active {
  background-color: #005ba1;
}

.m-kf .kf-wx {
  position: absolute;
  display: none;
  bottom: 0;
  right: 100%;
  width: 120px;
  font-size: 0;
  line-height: 0;
}

.m-kf .gotop {
  display: none;
}

@media screen and (max-width: 991px) {
  .m-kf {
    right: 0;
    top: auto;
    bottom: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    width: 100%;
    background-color: #2d2d27;
  }
  .m-kf .kf-item {
    width: 20%;
    text-align: center;
    line-height: 60px;
    font-size: 26px;
    font-size: 2.6rem;
    background-color: #2d2d27 !important;
  }
  .m-kf .kf-item2 {
    position: relative;
  }
  .m-kf .kf-wx {
    bottom: 100%;
    right: 0;
  }
  .m-kf .gotop {
    width: 20%;
    line-height: 50px;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    text-align: center;
    display: block;
  }
  .g-ft {
    padding-bottom: 63px;
  }
}
.returntop {
  position: fixed;
  *position: absolute;
  z-index: 9;
  right: 6px;
  bottom: 150px;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
  background-color: #005ba1;
  border-radius: 5px;
  display: none;
}

.returntop:hover {
  color: #fff;
  background-color: #005ba1;
}

@media screen and (max-width: 991px) {
  .returntop {
    display: none !important;
  }
}
.j-videomodal {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.j-videomodal iframe {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1200px;
  height: 600px;
  max-width: 90%;
  max-height: 80%;
}

.g-habt {
  position: relative;
  z-index: 3;
  background-color: #f1f1f1;
}

.g-habt .bg1 {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 66.6666666667%;
  height: 100%;
  /* background: url("../../images/habt-bg1.jpg") no-repeat left bottom; */
  background-color: #fff;
}

.g-habt .bg2 {
  position: absolute;
  right: 0;
  top: -50px;
  z-index: 1;
  width: 800px;
  height: 150px;
  background: url("../../images/fthelp.jpg") no-repeat center right;
  background-color: #0f60a1;
}

@media screen and (max-width: 991px) {
  .g-habt {
    background-color: #fff;
  }
  .g-habt .bg1, .g-habt .bg2 {
    display: none;
  }
}
.m-habt {
  position: relative;
  z-index: 3;
  padding-top: 72px;
  padding-bottom: 80px;
  /*display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;*/
}

.m-habt .box-left {
  width: 51.0714285714%;
}

.m-habt .box-right {
  width: 40.1428571429%;
/*  padding-top: 88px;*/
}

.m-habt .box-title {
  line-height: 50px;
  font-size: 40px;
  font-size: 4rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-habt .box-desc {
 /* margin-top: 30px;*/
  max-height: 310px;
  line-height: 30px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
}

.m-habt .box-desc a {
  display: block;
  color: #666;
}

.m-habt .box-desc a:hover {
  color: #005ba1;
}

.m-habt .box-desc p {
  min-height: 5px;
}

.m-habt .box-link {
  margin-top: 29px;
  line-height: 28px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  color: #005ba1;
}

.m-habt .box-link a {
  color: #005ba1;
}

.m-habt .box-link a:hover {
  text-decoration: underline;
}

.m-habt .box-logo {
  margin-top: 54px;
  margin-bottom: -10px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}

.m-habt .logo-item {
  margin-right: 7.972027972%;
  margin-bottom: 10px;
  width: 27.972027972%;
  filter: grayscale(100%);
}

.m-habt .logo-item:nth-child(3n) {
  margin-right: 0;
}

.m-habt .logo-item:hover {
  filter: grayscale(0%);
}

@media screen and (max-width: 1219px) {
  .m-habt .box-title {
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-habt .box-desc {
    max-height: 168px;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-habt .box-desc p {
    min-height: 0;
  }
  .m-habt .box-link {
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-habt .box-desc, .m-habt .box-link {
    margin-top: 15px;
  }
  .m-habt .box-logo {
    margin-top: 20px;
  }
}
@media screen and (max-width: 991px) {
  .m-habt {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .m-habt .box-right {
    width: 100%;
    padding-top: 0;
  }
  .m-habt .box-left {
    width: 100%;
    order: 2;
    margin-top: 20px;
  }
}
.g-hsolu {
  background: url("../../images/hsolu-bg1.png") no-repeat center, radial-gradient(circle farthest-corner at center, rgba(0, 128, 205, 0.76) 0%, #005ba1 100%);
  background-size: 100%;
  background-color: #005ba1;
}

.m-hsolu {
  padding-top: 66px;
}

.m-hsolu .box-hd {
  margin-bottom: 36px;
  position: relative;
  color: #fff;
}

.m-hsolu .box-hd a {
  color: #fff;
}

.m-hsolu .box-hd a:hover {
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}

.m-hsolu .hd-title {
  padding-right: 130px;
  line-height: 56px;
  font-size: 40px;
  font-size: 4rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-hsolu .hd-desc {
  margin-top: 21px;
  max-height: 84px;
  line-height: 28px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.m-hsolu .btn-wp {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
}

.m-hsolu .box-btn {
  width: 56px;
  line-height: 54px;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border: 1px solid #fff;
}

.m-hsolu .box-btn:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.m-hsolu .prev {
  margin-right: 10px;
}

.m-hsolu .box-slide {
  position: relative;
  z-index: 2;
  padding-left: 36px;
  padding-right: 36px;
}

.m-hsolu .box-slide .box-item {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}

.m-hsolu .box-slide .item-title {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  line-height: 76px;
  padding: 0 10px;
  font-size: 20px;
  font-size: 2rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
}
.item-pic .item-title a {
  max-width: 200px;
  word-wrap: break-word;
}
.m-hsolu .box-slide .item-title a {
  color: #fff;
}

.m-hsolu .box-slide .item-title:hover {
  color: #005ba1;
}

.m-hsolu .box-slide .item-title:hover a {
  color: #005ba1;
}

@media screen and (max-width: 1219px) {
  .m-hsolu {
    padding-top: 40px;
  }
  .m-hsolu .hd-title {
    padding-right: 80px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-hsolu .hd-desc {
    margin-top: 10px;
    max-height: 72px;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-hsolu .box-btn {
    width: 32px;
    line-height: 30px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-hsolu .box-hd {
    margin-bottom: 20px;
  }
  .m-hsolu .box-slide {
    padding-left: 20px;
    padding-right: 20px;
  }
  .m-hsolu .box-slide .item-title {
    line-height: 40px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 991px) {
  .m-hsolu {
    padding-bottom: 40px;
  }
  .m-hsolu .box-slide {
    padding-left: 2%;
    padding-right: 2%;
  }
}
.g-hsost {
  position: relative;
 /* margin-top: -70px;*/
  padding-top: 151px;
  background: url("../../images/hsost-bg1.jpg") no-repeat center;
  background-attachment: fixed;
}

@media screen and (max-width: 1219px) {
  .g-hsost {
    margin-top: 0px;
    padding-top: 100px;
  }
}
@media screen and (max-width: 991px) {
  .g-hsost {
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.m-hsost .box-hd {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

.m-hsost .hd-title {
  margin-right: 20px;
  flex: 0 1 auto;
  line-height: 54px;
  font-size: 40px;
  font-size: 4rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-hsost .hd-link {
  flex: 0 0 auto;
}

.m-hsost .hd-link a {
  display: inline-block;
  min-width: 176px;
  line-height: 24px;
  padding: 15px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  border-radius: 8px;
  color: #fff;
  text-align: center;
  background-color: #005ba1;
}

.m-hsost .hd-link a:hover {
  color: #fff;
  background-color: #333;
}

.m-hsost .box-img {
  line-height: 0;
  font-size: 0;
}

.m-hsost {
  padding-bottom: 1px;
}
.m-hsost .box-wp {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 53px;
  margin-bottom: 80px;
  max-width: 1155px;
  line-height: 0;
  font-size: 0;
}
.m-hsost .box-text {
  position: absolute;
  right: -22px;
  top: 10.7476635514%;
  width: 21.3852813853%;
  padding-left: 22px;
  padding-right: 20px;
  padding-top: 21px;
  padding-bottom: 21px;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
}
.m-hsost .box-text .title {
  position: relative;
  line-height: 30px;
  font-size: 16px;
  font-size: 1.6rem;
}
.m-hsost .box-text .link {
  position: relative;
  margin-top: 14px;
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #005ba1;
}
.m-hsost .box-text .link a {
  color: #005ba1;
}
.m-hsost .box-text .link a:hover {
  text-decoration: underline;
}
.m-hsost .box-text:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(0deg, rgb(255, 255, 255) 0%, #d5e4f0 100%);
  box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.03), inset 0px 1px 4px 0px #f6fdff, inset 0px 1px 21px 0px rgba(246, 253, 255, 0.46);
  opacity: 0.9;
}
.m-hsost .box-item {
  position: absolute;
  width: 2.5974025974%;
  padding-top: 1.2121212121%;
}
.m-hsost .box-item .dot1 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 320%;
  padding-top: 273.3333333333%;
  background: url("../../images/hsost-dot1.png") no-repeat center;
  background-size: 100%;
}
.m-hsost .box-item .dot2 {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 30%);
  width: 480%;
  padding-top: 460%;
  background: url("../../images/hsost-dot2.png") no-repeat center;
  background-size: 100%;
  opacity: 0;
  visibility: hidden;
}
.m-hsost .box-item:hover .dot1 {
  opacity: 0;
  visibility: hidden;
}
.m-hsost .box-item:hover .dot2 {
  opacity: 1;
  visibility: visible;
}
.m-hsost .box-item1 {
  left: 27.7056277056%;
  top: 42.9906542056%;
}
.m-hsost .box-item2 {
  left: 46.3203463203%;
  top: 49.7663551402%;
}
.m-hsost .box-item3 {
  left: 68.3116883117%;
  top: 12.1495327103%;
}
.m-hsost .box-item4 {
  left: 69.3506493506%;
  top: 72.1962616822%;
}
.m-hsost .box-item5 {
  left: 80%;
  top: 71.261682243%;
}
.m-hsost .box-item6 {
  left: 87.7922077922%;
  top: 67.0560747664%;
}
@media screen and (max-width: 1219px) {
  .m-hsost .box-text {
    padding: 20px 15px;
  }
  .m-hsost .box-text .title, .m-hsost .box-text .link {
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-hsost .box-text .link {
    margin-top: 10px;
  }
}
@media screen and (max-width: 991px) {
  .m-hsost .box-text {
    display: none;
  }
  .m-hsost .box-wp {
    margin-top: 30px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1219px) {
  .m-hsost .hd-title {
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
    align-self: center;
  }
  .m-hsost .hd-link a {
    min-width: 100px;
    padding: 8px 15px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.g-hserv {
  background-color: #f5f6f7;
  padding-top: 85px;
  padding-bottom: 80px;
}

@media screen and (max-width: 1219px) {
  .g-hserv {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.m-hserv {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.m-hserv .box-fix {
  flex: 0 0 auto;
  width: 43.5714285714%;
}

.m-hserv .box-num {
  position: relative;
  padding-left: 23px;
}

.m-hserv .box-num:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: calc(100% - 13px);
  background-color: #005ba1;
}

.m-hserv .box-num .num {
  line-height: 46px;
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  color: #005ba1;
}

.m-hserv .box-num .title {
  margin-top: 5px;
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  color: #666;
}

.m-hserv .box-hd {
  margin-top: 153px;
}

.m-hserv .hd-title {
  max-width: 320px;
  line-height: 46px;
  font-size: 40px;
  font-size: 4rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-hserv .hd-title a {
  display: block;
}

.m-hserv .hd-desc {
  margin-top: 42px;
  line-height: 32px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  color: #666;
  max-height: 96px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.m-hserv .hd-desc a {
  color: #666;
}

.m-hserv .hd-desc a:hover {
  color: #005ba1;
}

.m-hserv .box-map {
  position: relative;
  flex: 0 0 auto;
  margin-left: -12.7142857143%;
  width: 72.7142857143%;
  padding-top: 35.2142857143%;
}

.m-hserv .map-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  line-height: 0;
  font-size: 0;
}

.m-hserv .map-item {
  position: absolute;
  width: 2.1428571429%;
  padding-top: 2.1428571429%;
}

.m-hserv .map-item .dot {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding-top: 100%;
  background: url("../../images/hserv-dot1.png") no-repeat center;
  background-size: 100%; cursor:pointer;
}

.m-hserv .map-item .text {
  position: absolute;
  margin-right: 20px;
  margin-bottom: -20px;
  right: 100%;
  bottom: 0;
  width: 338px;
  z-index: 3;
  background-color: rgba(0, 91, 161, 0.9);
  padding: 30px;
  display: none;
}

.m-hserv .map-item .info {
  max-height: 240px;
  overflow-y: auto;
  line-height: 30px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  color: #fff;
}

.m-hserv .map-item .info a {
  color: #fff;
}

.m-hserv .map-item .info p {
  position: relative;
  padding-left: 24px;
}

.m-hserv .map-item .info p:before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50%;
}

.m-hserv .map-item.show .dot {
  width: 440%;
  padding-top: 210%;
  background-image: url("../../images/hserv-dot2.png");
}

.m-hserv .map-item.show .text {
  display: block;
}

.m-hserv .map-item1 {
  left: 17.4852652259%;
  top: 36.9168356998%;
}

.m-hserv .map-item2 {
  left: 84.4793713163%;
  top: 77.0791075051%;
}

.m-hserv .map-item3 {
  left: 57.9567779961%;
  top: 27.1805273834%;
}

.m-hserv .map-item4 {
  left: 59.2337917485%;
  top: 48.275862069%;
}

.m-hserv .map-item5 {
  left: 76.1296660118%;
  top: 38.5395537525%;
}

.m-hserv .map-item6 {
  left: 30.0589390963%;
  top: 67.5456389452%;
}

.m-hserv .map-item7 {
  left: 52.8487229862%;
  top: 56.5922920892%;
}

@media screen and (max-width: 1219px) {
  .m-hserv .box-num .num {
    line-height: 28px;
    font-size: 22px;
    font-size: 2.2rem;
  }
  .m-hserv .box-num .title {
    margin-top: 10px;
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-hserv .box-hd {
    margin-top: 10%;
  }
  .m-hserv .hd-title {
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-hserv .hd-desc {
    margin-top: 10px;
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
    max-height: 66px;
  }
  .m-hserv .map-item .text {
    width: 200px;
    padding: 10px;
  }
  .m-hserv .map-item .info {
    line-height: 24px;
    font-size: 12px;
    font-size: 1.2rem;
    max-height: 120px;
  }
  .m-hserv .map-item .info p {
    padding-left: 10px;
  }
  .m-hserv .map-item .info p:before {
    top: 8px;
  }
}
@media screen and (max-width: 991px) {
  .m-hserv {
    display: block;
  }
  .m-hserv .box-fix {
    width: 100%;
  }
  .m-hserv .box-map {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
    padding-top: 47.214286%;
  }
  .m-hserv .map-item .text {
    display: none !important;
  }
}
.g-hbrand {
  padding-top: 52px;
  padding-bottom: 80px;
  background: url("../../images/hbrand-bg1.jpg") no-repeat center top; display:none
}

@media screen and (max-width: 1219px) {
  .g-hbrand {
    padding-top: 40px;
    padding-bottom: 30px;
  }
}
.m-hbrand .box-hd {
  margin-bottom: 50px;
  text-align: center;
}

.m-hbrand .hd-title {
  line-height: 50px;
  font-size: 40px;
  font-size: 4rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  color: #fff;
}

.m-hbrand .hd-title a {
  color: #fff;
}

.m-hbrand .hd-title a:hover {
  color: #fff;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}

.m-hbrand .hd-link {
  margin-top: 16px;
  color: #35def7;
  text-align: center;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-hbrand .hd-link a {
  color: #35def7;
}

.m-hbrand .hd-link a:hover {
  text-decoration: underline;
  color: #fff;
}

.m-hbrand .box-slide {
  width: 96%;
  max-width: 1687px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 16px 16px 0px 0px;
  overflow: hidden;
}

.m-hbrand .box-slide .box-item {
  padding-left: 13px;
  padding-right: 13px;
}

.m-hbrand .box-slide .swiper-wrapper {
  transition-timing-function: linear;
}

@media screen and (max-width: 1219px) {
  .m-hbrand .hd-title {
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-hbrand .hd-link {
    margin-top: 10px;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-hbrand .box-hd {
    margin-bottom: 20px;
  }
  .m-hbrand .box-slide {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .m-hbrand .box-slide .box-item {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.g-ft {
  background-color: #1a1a1a;
  color: #fff;
}

.g-ft a {
  color: #fff;
}

.g-ft a:hover {
  color: #005ba1;
}

.m-ftfix1 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.m-ftlogo {
  padding-top: 30px;
  padding-bottom: 38px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.m-ftlogo .box-title {
  flex: 0 1 auto;
  margin-right: 20px;
  max-width: 870px;
  line-height: 36px;
  font-size: 20px;
  font-size: 2rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  overflow: hidden;
}

.m-ftlogo .box-logo {
  flex: 0 0 auto;
  line-height: 0;
  font-size: 0;
}

.m-ftfix2 {
  padding-top: 54px;
  padding-bottom: 62px;
  line-height: 32px;
  font-size: 16px;
  font-size: 1.6rem;
}

.m-ftt {
  margin-bottom: 21px;
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  color: #999;
}

.m-ftt a {
  color: #999;
}

.m-ftt a:hover {
  color: #005ba1;
}

.m-ftb1 {
  float: left;
  width: 32.8571428571%;
  padding-right: 30px;
}

.m-ftb2 {
  float: left;
  width: 29.2857142857%;
  padding-right: 30px;
}

.m-ftb3 {
  float: left;
  width: 21.4285714286%;
  padding-right: 30px;
}

.m-ftb4 {
  overflow: hidden;
}

.m-ftinfo .info-item {
  position: relative;
  padding-left: 30px;
  word-break: break-word;
}

.m-ftinfo .info-item i {
  position: absolute;
  color: rgba(255, 255, 255, 0.6);
  top: 0;
  left: 0;
}

.m-ftfix3 {
  background-color: #151515;
  padding-top: 22px;
  padding-bottom: 22px;
  line-height: 28px;
  font-size: 16px;
  font-size: 1.6rem;
}

.m-ftfix4 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.m-ftfix5 {
  flex: 0 1 auto;
  margin-right: 20px;
  overflow: hidden;
}

.m-ftlnk span, .m-ftlnk a {
  margin-right: 10px;
}

.m-ftlnk span {
  text-transform: uppercase;
}

.m-ftshare {
  flex: 0 0 auto;
  max-width: 47%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  order: 2;
}

.m-ftshare .share-item {
  margin-bottom: 5px;
  margin-right: 30px;
  line-height: 1;
  font-size: 20px;
  font-size: 2rem;
}

.m-ftshare .share-item:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1219px) {
  .m-ftfix2 {
    line-height: 26px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-ftfix3 {
    line-height: 26px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-ftlogo .box-title {
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-ftshare .share-item {
    margin-right: 15px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .m-ftb1, .m-ftb2 {
    width: 28%;
  }
}
@media screen and (max-width: 991px) {
  .m-ftfix1, .m-ftfix2, .m-ftlnk {
    display: none;
  }
  .g-ft {
    background-color: #151515;
  }
  .m-ftfix4 {
    display: block;
  }
  .m-ftfix5 {
    margin-top: 10px;
    margin-right: 0;
    text-align: center;
  }
  .m-ftshare {
    max-width: 100%;
    justify-content: center;
  }
}
.banner {
  position: relative;
  z-index: 2;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.banner .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 54px;
  line-height: 52px;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9;
}

.banner .slick-arrow:hover {
  color: #005ba1;
  background-color: #fff;
}

.banner .slick-prev {
  left: 60px;
}

.banner .slick-next {
  right: 60px;
}

.banner .slick-dots {
  position: absolute;
  left: 0;
  bottom: 25px;
  width: 100%;
  letter-spacing: 0;
  text-align: center;
  display: none !important;
}

.banner .slick-dots li {
  display: inline-block;
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 5px;
  width: 12px;
  height: 12px;
  position: relative;
  cursor: pointer;
  border-radius: 50%;
  background-color: #fff;
}

.banner .slick-dots li button {
  display: none;
}

.banner .slick-dots .slick-active {
  background-color: #005ba1;
}

.banner .slick-dots .slide-count {
  display: none;
}

.banner .mouse {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  cursor: pointer;
}

.banner .mouse img {
  display: block;
  margin: 0 auto;
  height: 52px;
}

.banner .mouse:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 52px;
  background: url(../../images/mouses.png) center top no-repeat;
  animation: touchtip 3s infinite;
}

@keyframes touchtip {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  50% {
    opacity: 0.8;
    transform: translate(0, 8px);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
@media screen and (max-width: 991px) {
  .banner .slick-arrow {
    display: none !important;
  }
  .banner .slick-dots {
    bottom: 20px;
    display: block !important;
  }
  .banner .slick-dots li {
    width: 10px;
    height: 10px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .banner .slick-dots li:before {
    width: 8px;
    height: 8px;
  }
  .banner .mouse {
    display: none;
  }
}
.g-hd {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9;
}

@media screen and (min-width: 992px) {
  .g-hd.fixed {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .g-hd.fixed .m-hdfix1 {
    border-bottom: transparent;
  }
  .g-hd.fixed .m-hdnav2_1 {
    display: flex;
  }
  .g-hd.fixed .m-hdnav2_1 .nav-item > a {
    line-height: 80px;
  }
  .g-hd.fixed .m-hdnav1 {
    position: relative;
  }
  .g-hd.fixed .m-hdnav1 .nav-btn {
    display: block;
  }
  .g-hd.fixed .m-hdnav1 .nav-list {
    position: absolute;
    right: 0;
    top: 100%;
    width: 200px;
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
    padding: 20px 0;
    display: none;
  }
  .g-hd.fixed .m-hdnav1 .nav-list.show {
    display: block;
  }
  .g-hd.fixed .m-hdnav1 .nav-line {
    display: none;
  }
  .g-hd.fixed .m-hdnav1 .nav-item > a {
    padding: 10px 15px;
    line-height: 24px;
  }
  .g-hd.fixed .m-hdfix3, .g-hd.fixed .m-hdshare {
    display: none;
  }
  .g-hd.fixed .m-hdnav1 .sbnav-list {
    left: auto;
    right: 100%;
    transform: none;
    top: 0;
    width: 220px;
    background-color: rgba(0, 0, 0, 0.5);
	
  }
  .g-hd.fixed .m-hdnav1 .sbnav-item > a {
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
  }
  .g-hd.fixed .m-hdnav1 .sbnav-item > a:hover {
    color: #005ba1;
  }
}
.m-hdfix1 {
  padding-left: 60px;
  padding-right: 60px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.m-hdfix3 {
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  max-width: calc(100% - 120px);
  width: 1400px;
}

.m-hdfix1, .m-hdfix2, .m-hdfix3, .m-hdnav2, .m-hdshare {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

.m-hdlogo {
  line-height: 64px;
}

.m-hdlogo a {
  display: inline-block;
}

.m-hdlogo img {
  vertical-align: middle;
}

.m-hdnav1 .nav-btn {
  display: none;
  cursor: pointer;
  line-height: 80px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #fff;
}

.m-hdnav1 .nav-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}

.m-hdnav1 .nav-item {
  position: relative;
}

.m-hdnav1 .nav-item > a {
  position: relative;
  display: block;
  color: #fff;
  line-height: 64px;
  font-size: 14px;
  font-size: 1.4rem;
}

.m-hdnav1 .nav-item > a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}

.m-hdnav1 .nav-item > a:hover, .m-hdnav1 .nav-item > a.active, .m-hdnav1 .nav-item > a.current {
  color: #fff;
}

.m-hdnav1 .nav-item > a:hover:before, .m-hdnav1 .nav-item > a.active:before, .m-hdnav1 .nav-item > a.current:before {
  background-color: #fff;
}

.m-hdnav1 .nav-line {
  margin-left: 35px;
  margin-right: 35px;
  line-height: 64px;
  transform: translateY(4px);
  font-size: 20px;
  font-size: 2rem;
  opacity: 0.2;
  color: #fff;
  vertical-align: middle;
}

.m-hdnav1 .nav-line:first-child, .m-hdnav1 .nav-line:last-child {
  display: none;
}

.m-hdnav1 .sbnav-list {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  width: 372px;
  background-color: #fff;
  padding: 18px 10px;
  display: none;
  z-index:99;
}

.m-hdnav1 .sbnav-list.show {
  display: block;
}

.m-hdnav1 .sbnav-item > a {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 28px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  text-align: center;
}

.m-hdnav1 .sbnav-item > a.active {
  color: #005ba1;
}

@media screen and (max-width: 1440px) {
  .m-hdnav1 .sbnav-list {
    width: 220px;
  }
  .m-hdnav1 .sbnav-item > a {
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.m-hdshare {
  margin-left: 35px;
}

.m-hdshare .share-item {
  margin-right: 30px;
  line-height: 60px;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
}

.m-hdshare .share-item:hover {
  color: #005ba1;
}

.m-hdshare .share-item:last-child {
  margin-right: 0;
}

.m-hdnav2 .nav-item {
  position: relative;
  margin-right: 60px;
}

.m-hdnav2 .nav-item > a {
  display: block;
  line-height: 54px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  color: #fff;
}

.m-hdnav2 .nav-item > a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 1px;
}

.m-hdnav2 .nav-item > a:hover, .m-hdnav2 .nav-item > a.active, .m-hdnav2 .nav-item > a.current {
  color: #fff;
}

.m-hdnav2 .nav-item > a:hover:before, .m-hdnav2 .nav-item > a.active:before, .m-hdnav2 .nav-item > a.current:before {
  background-color: #fff;
}

.m-hdnav2 .nav-item:last-child {
  margin-right: 0;
}

.m-hdnav2 .sbnav-list {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  width: 372px;
  background-color: #fff;
  padding: 18px 10px;
  display: none;
}

.m-hdnav2 .sbnav-list.show {
  display: block;
}

.m-hdnav2 .sbnav-item > a {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 28px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  text-align: center;
}

.m-hdnav2 .sbnav-item > a.active {
  color: #005ba1;
}

@media screen and (max-width: 1440px) {
  .m-hdnav2 .sbnav-list {
    width: 220px;
  }
  .m-hdnav2 .sbnav-item > a {
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.m-hdnav2_1 {
  display: none;
}

.m-hdnav2_1 .nav-item {
  margin-right: 90px;
}

.m-hdlang {
  position: relative;
  padding-top: 12px;
  padding-bottom: 12px;
}

.m-hdlang .lang-btn {
  cursor: pointer;
  line-height: 28px;
  min-width: 54px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  color: #fff;
  text-align: center;
  background-color: #52533e;
  cursor: pointer;
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.16);
  border-radius: 14px;
}

.m-hdlang .lang-btn i {
  font-size: 10px;
  font-size: 1rem;
  margin-left: 0;
}

.m-hdlang .lang-list {
  position: absolute;
  right: 0;
  top: 100%;
  width: 80px;
  background-color: #fff;
  padding: 5px;
  display: none;
}

.m-hdlang .lang-item {
  display: block;
  line-height: 22px;
  padding: 5px 10px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #333;
}

.m-hdlang .lang-item:hover, .m-hdlang .lang-item.active {
  color: #fff;
  background-color: #005ba1;
}

@media screen and (max-width: 1800px) {
  .m-hdnav2 .nav-item {
    margin-right: 30px;
  }
}
@media screen and (max-width: 1500px) {
  .m-hdnav2 .nav-item {
    margin-right: 20px;
  }
  .m-hdnav2 .nav-item > a {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-hdnav1 .nav-line {
    margin-left: 20px;
    margin-right: 20px;
  }
  .m-hdfix1 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .m-hdfix3 {
    width: calc(100% - 60px);
  }
  .m-hdnav1 .nav-btn {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1219px) {
  .m-hdlogo img {
    width: 80px;
  }
  .m-hdnav2 .nav-item {
    margin-right: 10px;
  }
  .m-hdnav2 .nav-item > a {
    font-family: "PoppinsRegular", arial, helvetica, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 991px) {
  .g-hd {
    background-color: #005ba1;
  }
  .m-hdnav1, .m-hdnav2, .m-hdshare, .m-hdfix2 {
    display: none;
  }
  .m-hdfix1 {
    padding-left: 2%;
    padding-right: 2%;
  }
  .m-hdlogo {
    line-height: 50px;
  }
  .m-hdlang {
    position: absolute;
    right: 50px;
    top: 0;
    padding-top: 11px;
    padding-bottom: 11px;
  }
  .m-hdlang .lang-btn {
    font-size: 12px;
    font-size: 1.2rem;
    background-color: transparent;
    box-shadow: none;
  }
  .m-hdfix1 {
    border-bottom: none;
  }
}
@media screen and (max-width: 991px) {
  .f-hdpt {
    padding-top: 50px;
  }
}
.g-wp {
  padding-top: 52px;
  padding-bottom: 70px;
}

@media screen and (max-width: 1219px) {
  .g-wp {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.m-solul .list-item {
  margin-top: 30px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

.m-solul .list-item .item-pic {
  width: 50%;
  flex: 0 0 auto;
  line-height: 0;
}

.m-solul .list-item .item-fix {
  display: flex;
  width: 55%;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 72px;
  padding-bottom: 88px;
  background-color: #f5f6f7;
}

.m-solul .list-item .item-text {
  max-width: 550px;
  width: 100%;
}

.m-solul .list-item .item-title {
  line-height: 42px;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m-solul .list-item .item-desc {
  margin-top: 22px;
  line-height: 30px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #666;
  height: 300px;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.m-solul .list-item .item-desc a {
  color: #666;
}

.m-solul .list-item .item-desc a:hover {
  color: #005ba1;
}

.m-solul .list-item .item-link {
  margin-top: 47px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}

.m-solul .list-item .item-link a {
  margin-right: 30px;
  margin-bottom: 10px;
}

.m-solul .list-item .item-link a:last-child {
  margin-right: 0;
}

.m-solul .list-item .item-link .btn {
  display: inline-block;
  min-width: 176px;
  line-height: 30px;
  padding: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  color: #fff;
  text-align: center;
  background-color: #005ba1;
  border-radius: 8px;
}

.m-solul .list-item .item-link .btn:hover {
  color: #fff;
  background-color: #333;
}

.m-solul .list-item:first-child {
  margin-top: 0;
}

.m-solul .list-item1 .item-pic {
  order: 2;
  margin-left: -5%;
}

.m-solul .list-item1 .item-fix {
  padding-right: 6.4285714286%;
}

.m-solul .list-item2 .item-pic {
  margin-right: -5%;
}

.m-solul .list-item2 .item-fix {
  justify-content: flex-end;
  padding-left: 6.4285714286%;
}

@media screen and (max-width: 1219px) {
  .m-solul .list-item .item-title {
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-solul .list-item .item-desc {
    margin-top: 10px;
    height: 96px;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-solul .list-item .item-link {
    margin-top: 20px;
  }
  .m-solul .list-item .item-link a {
    margin-right: 10px;
  }
  .m-solul .list-item .item-link .btn {
    min-width: 100px;
    line-height: 24px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .m-solul .list-item .item-fix {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .m-solul .list-item {
    display: block;
  }
  .m-solul .list-item .item-pic {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .m-solul .list-item .item-fix {
    width: 100%;
    justify-content: flex-start;
    padding: 30px 20px;
  }
  .m-solul .list-item .item-desc {
    max-height: 96px;
    height: auto;
  }
}
.m-mhelp {
  padding-top: 74px;
  padding-bottom: 94px;
  background: url("../../images/fthelp.jpg") no-repeat center;
  background-size: cover;
}

.m-mhelp .box-wp {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.m-mhelp .box-text {
  flex: 0 1 auto;
  overflow: hidden;
  max-width: 900px;
  margin-right: 20px;
  color: #fff;
}

.m-mhelp .box-text a {
  color: #fff;
}

.m-mhelp .box-title {
  line-height: 42px;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-mhelp .box-desc {
  margin-top: 14px;
  line-height: 28px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
}

.m-mhelp .box-link {
  flex: 0 0 auto;
}

.m-mhelp .box-link a {
  display: inline-block;
  min-width: 176px;
  line-height: 30px;
  padding: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  color: #005ba1;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
}

.m-mhelp .box-link a:hover {
  color: #fff;
  background-color: #005ba1;
}

@media screen and (max-width: 1219px) {
  .m-mhelp {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .m-mhelp .box-title {
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-mhelp .box-desc {
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-mhelp .box-link a {
    min-width: 120px;
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 8px 10px;
  }
}
@media screen and (max-width: 640px) {
  .m-mhelp .box-wp {
    display: block;
  }
  .m-mhelp .box-text {
    margin-right: 0;
  }
  .m-mhelp .box-link {
    margin-top: 20px;
  }
}
.m-solub1 .box-text {
  margin-bottom: 47px;
  text-align: center;
}

.m-solub1 .box-title {
  line-height: 46px;
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-solub1 .box-desc {
  margin-left: auto;
  margin-right: auto;
  margin-top: 13px;
  max-width: 1340px;
  color: #666;
}

.m-solub1 .box-link {
  margin-top: 28px;
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  color: #005ba1;
}

.m-solub1 .box-link a {
  color: #005ba1;
}

.m-solub1 .box-link a:hover {
  text-decoration: underline;
}

.m-solub1 .box-wp {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: -40px;
}

.m-solub1 .box-item {
  margin-bottom: 40px;
  width: 48.5714285714%;
}

@media screen and (max-width: 1219px) {
  .m-solub1 .box-text {
    margin-bottom: 30px;
  }
  .m-solub1 .box-title {
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-solub1 .box-desc {
    margin-top: 15px;
  }
  .m-solub1 .box-link {
    margin-top: 10px;
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-solub1 .box-wp {
    margin-bottom: -20px;
  }
  .m-solub1 .box-item {
    margin-bottom: 20px;
  }
}
.m-solucase {
  padding-top: 66px;
  padding-bottom: 92px;
  background-color: #f5f6f7;
}

.m-solucase .box-title {
  padding-right: 130px;
  line-height: 56px;
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-solucase .box-title span {
  color: #005ba1;
}

.m-solucase .btn-wp {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
}

.m-solucase .box-btn {
  width: 56px;
  line-height: 54px;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  border: 1px solid #005ba1;
  cursor: pointer;
  color: #005ba1;
}

.m-solucase .box-btn:hover {
  color: #fff;
  background-color: #005ba1;
}

.m-solucase .prev {
  margin-right: 10px;
}

.m-solucase .box-slide {
  margin-top: 30px;
}

.m-solucase .box-list {
  width: 10000%;
  overflow: hidden;
}

.m-solucase .list-item {
  position: relative;
  float: left;
  margin-right: 0.0214285714%;
  width: 0.3185714286%;
}

.m-solucase .item-pic:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-bottom: 57.6233183857%;
  background: url("../../images/solucase-bg1.png") no-repeat center;
  background-size: 100%;
}

.m-solucase .item-title {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
  z-index: 2;
  text-align: center;
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m-solucase .item-title a {
  color: #fff;
}

@media screen and (max-width: 1219px) {
  .m-solucase {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .m-solucase .box-title {
    padding-right: 80px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-solucase .box-btn {
    width: 30px;
    line-height: 28px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .m-solucase .item-title {
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
    bottom: 10px;
  }
  .m-solucase .box-slide {
    margin-top: 20px;
  }
}
@media screen and (max-width: 640px) {
  .m-solucase .list-item {
    margin-right: 0.02%;
    width: 0.49%;
  }
}
.m-msolu {
  padding-top: 68px;
  padding-bottom: 60px;
  background-color: #f5f6f7;
}

.m-msolu .box-title {
  padding-right: 130px;
  line-height: 56px;
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-msolu .box-title span {
  color: #005ba1;
}

.m-msolu .btn-wp {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
}

.m-msolu .box-btn {
  width: 56px;
  line-height: 54px;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  border: 1px solid #005ba1;
  cursor: pointer;
  color: #005ba1;
}

.m-msolu .box-btn:hover {
  color: #fff;
  background-color: #005ba1;
}

.m-msolu .prev {
  margin-right: 10px;
}

.m-msolu .box-slide {
  margin-top: 30px;
}

.m-msolu .box-slide .box-item {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
}

.m-msolu .box-slide .item-pic {
  width: 47.8571428571%;
}

.m-msolu .box-slide .item-fix {
  width: 52.1428571429%;
  padding-left: 4.2857142857%;
  padding-right: 3.5714285714%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.m-msolu .box-slide .item-title {
  line-height: 42px;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m-msolu .box-slide .item-desc {
  margin-top: 32px;
  line-height: 30px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #666;
  height: 300px;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.m-msolu .box-slide .item-desc a {
  color: #666;
}

.m-msolu .box-slide .item-desc a:hover {
  color: #005ba1;
}

.m-msolu .box-slide .item-link {
  margin-top: 37px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}

.m-msolu .box-slide .item-link a {
  margin-right: 30px;
  margin-bottom: 10px;
}

.m-msolu .box-slide .item-link a:last-child {
  margin-right: 0;
}

.m-msolu .box-slide .item-link .btn {
  display: inline-block;
  min-width: 176px;
  line-height: 30px;
  padding: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  color: #fff;
  text-align: center;
  background-color: #005ba1;
  border-radius: 8px;
}

.m-msolu .box-slide .item-link .btn:hover {
  color: #fff;
  background-color: #333;
}

.m-msolu .box-slide .swiper-pagination {
  margin-top: 40px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.m-msolu .box-slide .swiper-pagination-bullet {
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 5px;
  width: 10px;
  height: 10px;
  border: 1px solid #005ba1;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
}

.m-msolu .box-slide .swiper-pagination-bullet-active {
  background-color: #005ba1;
}

@media screen and (max-width: 1219px) {
  .m-msolu {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .m-msolu .box-title {
    padding-right: 80px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-msolu .box-btn {
    width: 30px;
    line-height: 28px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .m-msolu .box-slide .item-title {
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-msolu .box-slide .item-desc {
    margin-top: 10px;
    height: auto;
    max-height: 300px;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-msolu .box-slide .item-link {
    margin-top: 20px;
  }
  .m-msolu .box-slide .item-link a {
    margin-right: 10px;
  }
  .m-msolu .box-slide .item-link .btn {
    min-width: 100px;
    line-height: 24px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .m-msolu .box-slide .swiper-pagination {
    margin-top: 30px;
  }
  .m-msolu .box-slide .swiper-pagination-bullet {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 640px) {
  .m-msolu .box-slide .item-pic {
    width: 100%;
  }
  .m-msolu .box-slide .item-fix {
    width: 100%;
    padding: 20px 15px;
  }
}
.m-msolu2 {
  background-color: #fff;
}

.m-msolu2 .box-slide .box-item {
  background-color: #f5f6f7;
}

.m-abtb1 {
  position: relative;
  padding-top: 63px;
  padding-bottom: 80px;
}

.m-abtb1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6.5625%;
  padding-top: 29.7916666667%;
  background: url("../../images/abtb1-bg1.png") no-repeat center;
  background-size: 100%;
}

.m-abtb1:after {
  content: "";
  position: absolute;
  bottom: 104px;
  right: 0;
  width: 8.2291666667%;
  padding-top: 28.75%;
  background: url("../../images/abtb1-bg2.png") no-repeat center;
  background-size: 100%;
}

.m-abtb1 .box-wp {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
}

.m-abtb1 .box-wp:first-child {
  margin-top: 0;
}

.m-abtb1 .box-video {
  order: 2;
  width: 50%;
  line-height: 0;
  font-size: 0;
}

.m-abtb1 .box-video a {
  display: block;
  position: relative;
}

.m-abtb1 .box-video .play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 11.4285714286%;
  padding-top: 11.4285714286%;
  background: url("../../images/play1.png") no-repeat center;
  background-size: 100%;
}

.box-video .play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 11.4285714286%;
  padding-top: 11.4285714286%;
  background: url("../../images/play1.png") no-repeat center;
  background-size: 100%;
}

.m-abtb1 .box-text1 {
  width: 42.8571428571%;
}

.m-abtb1 .box-title {
  margin-bottom: 40px;
  position: relative;
  padding-left: 25px;
  line-height: 50px;
  font-size: 40px;
  font-size: 4rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-abtb1 .box-title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 5px;
  height: 45px;
  background-color: #005ba1;
  max-height: 100%;
}

.m-abtb1 .box-desc {
  line-height: 32px;
  color: #666;
}

.m-abtb1 .box-desc p {
  min-height: 32px;
}

.m-abtb1 .box-pic {
  width: 42.8571428571%;
  line-height: 0;
  font-size: 0;
}

.m-abtb1 .box-text2 {
  width: 50%;
  order: 2;
}

.m-abtb1 .box-link {
  margin-top: 64px;
}

.m-abtb1 .box-link a {
  display: inline-block;
  min-width: 176px;
  line-height: 30px;
  padding: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  color: #fff;
  text-align: center;
  background-color: #005ba1;
  border-radius: 8px;
}

.m-abtb1 .box-link a:hover {
  color: #fff;
  background-color: #333;
}

@media screen and (max-width: 1219px) {
  .m-abtb1 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .m-abtb1 .box-title {
    margin-bottom: 20px;
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-abtb1 .box-desc {
    line-height: 24px;
  }
  .m-abtb1 .box-desc p {
    min-height: 24px;
  }
  .m-abtb1 .box-link {
    margin-top: 20px;
  }
  .m-abtb1 .box-link a {
    min-width: 120px;
    padding: 8px 10px;
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-abtb1 .box-wp {
    margin-top: 30px;
  }
}
@media screen and (max-width: 991px) {
  .m-abtb1 {
    padding-top: 0;
  }
  .m-abtb1:before, .m-abtb1:after {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .m-abtb1 .box-pic, .m-abtb1 .box-video, .m-abtb1 .box-text1, .m-abtb1 .box-text2 {
    width: 100%;
  }
  .m-abtb1 .box-text1, .m-abtb1 .box-text2 {
    order: 2;
    margin-top: 20px;
  }
}
.m-abtb2 {
  background: url("../../images/abtb2-bg1.jpg") no-repeat center top;
  padding-top: 62px;
  padding-bottom: 82px;
  background-size: 100%;
}

.m-abtb2 .box-title {
  line-height: 50px;
  font-size: 40px;
  font-size: 4rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  color: #fff;
}

.m-abtb2 .box-tab {
  margin-top: 30px;
}

.m-abtb2 .box-tabhd {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 120px);
  max-width: 1480px;
  background-color: #ffffff;
  border-radius: 8px;
  padding-top: 26px;
  padding-bottom: 26px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}

.m-abtb2 .tabhd-item {
  position: relative;
  width: 33.33%;
  cursor: pointer;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

.m-abtb2 .tabhd-item .item-icon {
  display: inline-block;
  line-height: 0;
  font-size: 0;
  filter: grayscale(100%);
}

.m-abtb2 .tabhd-item:before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 2px;
  height: 65px;
  max-height: 100%;
  background-color: #e6e8eb;
}

.m-abtb2 .tabhd-item:nth-child(3n):before {
  display: none;
}

.m-abtb2 .tabhd-item.active .item-icon, .m-abtb2 .tabhd-item:hover .item-icon{
  filter: grayscale(0);
}

.m-abtb2 .box-tabbd {
  margin-top: 30px;
}

.m-abtb2 .tabbd-item {
  display: none;
}

.m-abtb2 .tabbd-item.show {
  display: block;
}

.m-abtb2 .tabbd-item .item-wp {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

.m-abtb2 .tabbd-item .item-pic {
  width: 50%;
  border-radius: 16px;
  order: 2;
}

.m-abtb2 .tabbd-item .item-text {
  width: 47.1428571429%;
}

.m-abtb2 .tabbd-item .item-title {
  line-height: 38px;
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m-abtb2 .tabbd-item .item-desc {
  margin-top: 34px;
  max-height: 128px;
  line-height: 32px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.m-abtb2 .tabbd-item .item-link {
  margin-top: 57px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}

.m-abtb2 .tabbd-item .item-link a {
  margin-right: 20px;
  margin-bottom: 10px;
}

.m-abtb2 .tabbd-item .item-link a:last-child {
  margin-right: 0;
}

.m-abtb2 .tabbd-item .item-link .btn {
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  color: #005ba1;
}

.m-abtb2 .tabbd-item .item-link .btn:hover {
  text-decoration: underline;
}

.m-abtb2 .tabbd-item .item-link .img {
  width: 117px;
  text-align: center;
  padding: 5px 0;
  line-height: 0;
  font-size: 0;
  background-color: #f5f6f7;
  border-radius: 8px;
  filter: grayscale(100%);
}

.m-abtb2 .tabbd-item .item-link .img:hover {
  filter: grayscale(0);
}

@media screen and (max-width: 1219px) {
  .m-abtb2 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .m-abtb2 .box-title {
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-abtb2 .box-tabhd {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .m-abtb2 .tabbd-item .item-title {
    line-height: 26px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .m-abtb2 .tabbd-item .item-desc {
    margin-top: 10px;
    max-height: 96px;
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-abtb2 .tabbd-item .item-link {
    margin-top: 20px;
  }
  .m-abtb2 .tabbd-item .item-link .btn {
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-abtb2 .tabbd-item .item-link .img {
    width: 120px;
    padding: 0;
  }
  .m-abtb2 .tabhd-item .item-icon {
    max-width: 100px;
  }
}
@media screen and (max-width: 991px) {
  .m-abtb2 {
    background: none;
    padding-top: 0;
  }
  .m-abtb2 .box-title {
    color: #005ba1;
  }
  .m-abtb2 .box-tabhd {
    width: 96%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  }
}
@media screen and (max-width: 640px) {
  .m-abtb2 .tabbd-item .item-pic {
    width: 100%;
  }
  .m-abtb2 .tabbd-item .item-text {
    width: 100%;
    order: 2;
    margin-top: 20px;
  }
}
.m-abtb3 {
  position: relative;
  height: 43.3vw;
  background: url("../../images/abtb3-bg1.jpg") no-repeat center;
  background-size: 100%;
}

.m-abtb3 .box-title {
  position: absolute;
  left: 13.6979166667vw;
  top: 3.75vw;
  line-height: 1;
  font-size: 2.0833333333vw;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  color: #fff;
}

.m-abtb3 .box-tabbd {
  position: absolute;
  left: 13.6979166667vw;
  top: 10.0520833333vw;
  width: 33.2291666667vw;
  background-color: rgba(255, 255, 255, 0.2);
}

.m-abtb3 .tabbd-item {
  display: none;
  padding-left: 1.5625vw;
  padding-right: 1.5625vw;
  padding-top: 1.8229166667vw;
  padding-bottom: 3.0208333333vw;
}

.m-abtb3 .tabbd-item .item-num {
  line-height: 1.9791666667vw;
  font-size: 1.4583333333vw;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  color: #fff;
}

.m-abtb3 .tabbd-item .item-desc {
  max-height: 6.6666666667vw;
  overflow-y: auto;
  line-height: 1.6666666667vw;
  font-size: 0.8333333333vw;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  color: #fff;
}

.m-abtb3 .tabbd-item .item-desc a {
  display: inline;
}

.m-abtb3 .tabbd-item.show {
  display: block;
}

.m-abtb3 .tabhd-item {
  position: absolute;
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  cursor: pointer;
}

.m-abtb3 .tabhd-item .item-dot {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  background-color: #fff;
  border-radius: 50%;
}

.m-abtb3 .tabhd-item .item-num {
  position: absolute;
  left: 50%;
  top: 100%;
  margin-top: 0.78125vw;
  transform: translateX(-50%);
  width: 3.125vw;
  line-height: 1;
  font-size: 1.0416666667vw;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  color: #fff;
  text-align: center;
}

.m-abtb3 .tabhd-item.active .item-dot {
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  background: url("../../images/abtb3-dot1.png") no-repeat center;
  background-size: 100%;
}

.m-abtb3 .tabhd-item1 {
  left: 13.4375vw;
  top: 35.46875vw;
}

.m-abtb3 .tabhd-item2 {
  left: 25.4166666667vw;
  top: 35.3125vw;
}

.m-abtb3 .tabhd-item3 {
  left: 37.5520833333vw;
  top: 31.6666666667vw;
}

.m-abtb3 .tabhd-item4 {
  left: 49.4791666667vw;
  top: 27.2395833333vw;
}

.m-abtb3 .tabhd-item5 {
  left: 61.875vw;
  top: 20.7291666667vw;
}

.m-abtb3 .tabhd-item6 {
  left: 73.9583333333vw;
  top: 16.4583333333vw;
}

.m-abtb3 .tabhd-item7 {
  left: 86.09375vw;
  top: 13.0729166667vw;
}

.m-abtb4 {
  background-color: #f5f6f7;
  padding-top: 70px;
  padding-bottom: 70px;
}

.m-abtb4 .box-wp {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.m-abtb4 .box-title {
  position: relative;
  flex: 0 0 auto;
  margin-right: 20px;
  padding-right: 130px;
  line-height: 46px;
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-abtb4 .box-title:after {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  width: 96px;
  height: 63px;
  background: url("../../images/abtb4-sy1.png") no-repeat center;
  background-size: 100%;
}

.m-abtb4 .box-title span {
  color: #005ba1;
}

.m-abtb4 .box-desc {
  flex: 1 1 auto;
  max-width: 810px;
  line-height: 32px;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  color: #666;
}

@media screen and (max-width: 1219px) {
  .m-abtb4 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .m-abtb4 .box-title {
    padding-right: 60px;
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-abtb4 .box-title:after {
    width: 48px;
    height: 31px;
  }
  .m-abtb4 .box-desc {
    line-height: 24px;
  }
}
@media screen and (max-width: 640px) {
  .m-abtb4 .box-wp {
    display: block;
  }
  .m-abtb4 .box-title {
    width: auto;
    display: inline-block;
    margin-right: 0;
  }
  .m-abtb4 .box-desc {
    margin-top: 20px;
  }
}
.m-abtb5 {
  padding-top: 72px;
}

.m-abtb5 .box-title {
  line-height: 50px;
  font-size: 40px;
  font-size: 4rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-abtb5 .box-wp {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

.m-abtb5 .box-wp1 {
  margin-top: 60px;
}

.m-abtb5 .box-wp1 .box-left {
  width: 35.7142857143%;
}

.m-abtb5 .box-wp1 .box-name {
  line-height: 30px;
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  color: #005ba1;
}

.m-abtb5 .box-wp1 .box-desc {
  margin-top: 27px;
  line-height: 32px;
  color: #666;
}

.m-abtb5 .box-wp1 .box-right {
  width: 60.7142857143%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}

.m-abtb5 .box-wp1 .box-item {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 22px;
  padding-bottom: 34px;
  border-radius: 8px;
  background-color: #005ba1;
}

.m-abtb5 .box-wp1 .item-title {
  line-height: 34px;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  color: #fff;
}

.m-abtb5 .box-wp1 .item-desc {
  margin-top: 24px;
  line-height: 28px;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
}

.m-abtb5 .box-wp1 .item-desc p {
  min-height: 28px;
}

.m-abtb5 .box-wp1 .item-desc a {
  display: inline;
  color: #fff;
}

.m-abtb5 .box-wp1 .box-item1 {
  width: 60.7058823529%;
}

.m-abtb5 .box-wp1 .box-item2 {
  width: 37.1764705882%;
}

.m-abtb5 .box-wp2 {
  margin-top: 70px;
}

.m-abtb5 .box-wp2 .box-left {
  width: 50%;
  line-height: 0;
  font-size: 0;
}

.m-abtb5 .box-wp2 .box-left img {
  border-radius: 16px;
}

.m-abtb5 .box-wp2 .box-right {
  width: 45.7142857143%;
}

.m-abtb5 .box-wp2 .box-name {
  line-height: 38px;
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-abtb5 .box-wp2 .box-desc {
  margin-top: 42px;
  line-height: 32px;
  color: #666;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
}

@media screen and (max-width: 1219px) {
  .m-abtb5 {
    padding-top: 30px;
  }
  .m-abtb5 .box-title {
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-abtb5 .box-wp {
    margin-top: 20px;
  }
  .m-abtb5 .box-wp .box-name {
    line-height: 24px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .m-abtb5 .box-wp .box-desc {
    margin-top: 10px;
    line-height: 24px;
  }
  .m-abtb5 .box-wp .box-item {
    padding: 20px 15px;
  }
  .m-abtb5 .box-wp .item-title {
    line-height: 24px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .m-abtb5 .box-wp .item-desc {
    margin-top: 10px;
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 640px) {
  .m-abtb5 .box-wp .box-left, .m-abtb5 .box-wp .box-right {
    width: 100%;
  }
  .m-abtb5 .box-wp .box-right {
    margin-top: 20px;
  }
  .m-abtb5 .box-wp .box-item {
    width: 100%;
    margin-top: 20px;
  }
  .m-abtb5 .box-wp .box-item:first-child {
    margin-top: 0;
  }
}
.m-abtb6 {
  margin-top: 80px;
  padding-top: 77px;
  padding-bottom: 72px;
  background-color: #f5f6f7;
}

.m-abtb6 .box-hd {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 38px;
}

.m-abtb6 .hd-title {
  flex: 1 1 auto;
  margin-right: 20px;
  line-height: 50px;
  font-size: 40px;
  font-size: 4rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-abtb6 .hd-link a {
  display: inline-block;
  min-width: 176px;
  line-height: 30px;
  padding: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  background-color: #005ba1;
  border-radius: 8px;
}

.m-abtb6 .hd-link a:hover {
  color: #fff;
  background-color: #333;
}

.m-abtb6 .box-desc {
  line-height: 32px;
  color: #666;
}

.m-abtb6 .box-desc p {
  min-height: 32px;
}

@media screen and (max-width: 1219px) {
  .m-abtb6 {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .m-abtb6 .box-hd {
    margin-bottom: 20px;
  }
  .m-abtb6 .hd-title {
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-abtb6 .hd-link a {
    min-width: 120px;
    line-height: 22px;
    padding: 3px 10px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .m-abtb6 .box-desc {
    line-height: 24px;
  }
  .m-abtb6 .box-desc p {
    min-height: 24px;
  }
}
@media screen and (max-width: 480px) {
  .m-abtb6 .box-hd {
    display: block;
  }
  .m-abtb6 .hd-link {
    margin-top: 10px;
  }
}
.m-abtb7 {
  padding-top: 64px;
  padding-bottom: 66px;
  background: url("images/abtb6-bg1.jpg") no-repeat center;
  background-size: cover;
}

.m-abtb7 .box-hd {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.m-abtb7 .hd-title {
  flex: 1 1 auto;
  margin-right: 20px;
  line-height: 50px;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  color: #fff;
}

.m-abtb7 .hd-link a {
  display: inline-block;
  min-width: 176px;
  line-height: 30px;
  padding: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #005ba1;
  text-align: center;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  background-color: #fff;
  border-radius: 8px;
}

.m-abtb7 .hd-link a:hover {
  color: #fff;
  background-color: #333;
}

.m-abtb7 .box-desc {
  line-height: 32px;
  color: #fff;
}

.m-abtb7 .box-desc p {
  min-height: 32px;
}

.m-abtb7 .box-desc a {
  color: #fff;
}

@media screen and (max-width: 1219px) {
  .m-abtb7 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .m-abtb7 .box-hd {
    margin-bottom: 20px;
  }
  .m-abtb7 .hd-title {
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-abtb7 .hd-link a {
    min-width: 120px;
    line-height: 22px;
    padding: 3px 10px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .m-abtb7 .box-desc {
    line-height: 24px;
  }
  .m-abtb7 .box-desc p {
    min-height: 24px;
  }
}
@media screen and (max-width: 480px) {
  .m-abtb7 .box-hd {
    display: block;
  }
  .m-abtb7 .hd-link {
    margin-top: 10px;
  }
}
.m-htnews {
  margin-bottom: 50px;
}

.m-htnews .list-item {
  margin-top: 20px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

.m-htnews .list-item:first-child {
  margin-top: 0;
}

.m-htnews .item-pic {
  width: 44.2857142857%;
}

.m-htnews .item-text {
  width: 50.7142857143%;
}

.m-htnews .item-title {
  line-height: 36px;
  font-size: 26px;
  font-size: 2.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m-htnews .item-time {
  margin-top: 16px;
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #005ba1;
}

.m-htnews .item-desc {
  margin-top: 25px;
  max-height: 90px;
  line-height: 30px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.m-htnews .item-desc a {
  color: #666;
}

.m-htnews .item-desc a:hover {
  color: #005ba1;
}

.m-htnews .item-link {
  margin-top: 80px;
}

.m-htnews .item-link a {
  display: inline-block;
  min-width: 177px;
  line-height: 30px;
  padding: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  background-color: #005ba1;
}

.m-htnews .item-link a:hover {
  color: #fff;
  background-color: #333;
}

@media screen and (max-width: 1440px) {
  .m-htnews .item-link {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1219px) {
  .m-htnews {
    margin-bottom: 30px;
  }
  .m-htnews .item-title {
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-htnews .item-desc, .m-htnews .item-time {
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 10px;
  }
  .m-htnews .item-desc {
    max-height: 66px;
  }
  .m-htnews .item-link {
    margin-top: 20px;
  }
  .m-htnews .item-link a {
    min-width: 120px;
    line-height: 22px;
    padding: 8px 10px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 640px) {
  .m-htnews .item-pic {
    width: 100%;
  }
  .m-htnews .item-text {
    margin-top: 10px;
    width: 100%;
  }
}
.m-newsl .list-item {
  margin-top: 30px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

.m-newsl .list-item:first-child {
  margin-top: 0;
}

.m-newsl .item-pic {
  width: 28.5714285714%;
}

.m-newsl .item-text {
  width: 67.8571428571%;
}

.m-newsl .item-title {
  line-height: 30px;
  font-size: 20px;
  font-size: 2rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m-newsl .item-time {
  margin-top: 8px;
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #005ba1;
}

.m-newsl .item-desc {
  margin-top: 8px;
  height: 60px;
  line-height: 30px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.m-newsl .item-desc a {
  color: #666;
}

.m-newsl .item-desc a:hover {
  color: #005ba1;
}

.m-newsl .item-link {
  margin-top: 34px;
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
}

.m-newsl .item-link a {
  color: #005ba1;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-newsl .item-link a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 1440px) {
  .m-newsl .item-link {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1219px) {
  .m-newsl {
    margin-bottom: 30px;
  }
  .m-newsl .item-title {
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-newsl .item-desc, .m-newsl .item-time {
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 10px;
  }
  .m-newsl .item-desc {
    height: auto;
    max-height: 44px;
  }
  .m-newsl .item-link {
    margin-top: 10px;
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 991px) {
  .m-newsl .item-link {
    display: none;
  }
  .m-newsl .item-desc, .m-newsl .item-time, .m-newsl .item-link {
    margin-top: 5px;
  }
}
@media screen and (max-width: 480px) {
  .m-newsl .item-pic {
    width: 100%;
  }
  .m-newsl .item-text {
    margin-top: 10px;
    width: 100%;
  }
}
.g-hsolufix {
  padding-top: 160px;
  margin-top: -70px;
  background-color: #fff;
}

@media screen and (max-width: 1219px) {
  .g-hsolufix {
    margin-top: -40px;
    padding-top: 100px;
  }
}
@media screen and (max-width: 991px) {
  .g-hsolufix {
    margin-top: 0;
    padding-top: 40px;
  }
}
.m-news .box-title {
  line-height: 40px;
  font-size: 30px;
  font-size: 3rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-news .box-info {
  padding-top: 14px;
  padding-bottom: 12px;
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  color: #005ba1;
  border-bottom: 1px solid rgba(195, 196, 199, 0.4);
}

.m-news .box-desc {
  margin-top: 30px;
  color: #666;
  line-height: 32px;
}

.m-news .box-desc p {
  min-height: 32px;
}

.m-news .box-link {
  margin-top: 38px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}

.m-news .box-link a {
  margin-right: 20px;
  margin-bottom: 10px;
}

.m-news .box-link a:last-child {
  margin-right: 0;
}

.m-news .box-link .btn {
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  color: #005ba1;
}

.m-news .box-link .btn:hover {
  text-decoration: underline;
}

.m-news .box-link .img {
  width: 117px;
  text-align: center;
  padding: 5px 0;
  line-height: 0;
  font-size: 0;
  background-color: #f5f6f7;
  border-radius: 8px;
  filter: grayscale(100%);
}

.m-news .box-link .img:hover {
  filter: grayscale(0);
}

@media screen and (max-width: 1219px) {
  .m-news .box-title {
    line-height: 26px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-news .box-info {
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-news .box-desc {
    line-height: 24px;
  }
  .m-news .box-desc p {
    min-height: 24px;
  }
  .m-news .box-link {
    margin-top: 20px;
  }
  .m-news .box-link .btn {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
  }
  .m-news .box-link .img {
    width: 100px;
    padding: 0;
  }
}
.m-mnews {
  padding-top: 68px;
  padding-bottom: 75px;
}

.m-mnews .box-title {
  padding-right: 130px;
  line-height: 56px;
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-mnews .box-title span {
  color: #005ba1;
}

.m-mnews .btn-wp {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
}

.m-mnews .box-btn {
  width: 56px;
  line-height: 54px;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  border: 1px solid #005ba1;
  cursor: pointer;
  color: #005ba1;
}

.m-mnews .box-btn:hover {
  color: #fff;
  background-color: #005ba1;
}

.m-mnews .prev {
  margin-right: 10px;
}

.m-mnews .box-slide {
  margin-top: 30px;
}

.m-mnews .box-list {
  width: 10000%;
  overflow: hidden;
}

.m-mnews .list-item {
  position: relative;
  float: left;
  margin-right: 0.0214285714%;
  width: 0.3185714286%;
}

.m-mnews .item-text {
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 14px;
}

.m-mnews .item-title {
  line-height: 28px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m-mnews .item-time {
  margin-top: -1px;
  line-height: 24px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #005ba1;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
}

.m-mnews .item-desc {
  max-height: 52px;
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.m-mnews .item-desc a {
  color: #666;
}

.m-mnews .item-desc a:hover {
  color: #005ba1;
}

.m-mnews .item-link {
  margin-top: 15px;
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
}

.m-mnews .item-link a {
  color: #005ba1;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-mnews .item-link a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 1219px) {
  .m-mnews .item-title {
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-mnews .item-desc, .m-mnews .item-time {
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 10px;
  }
  .m-mnews .item-desc {
    height: auto;
    max-height: 44px;
  }
  .m-mnews .item-link {
    margin-top: 10px;
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-mnews .item-text {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
  }
}
@media screen and (max-width: 991px) {
  .m-mnews .item-link {
    display: none;
  }
  .m-mnews .item-desc, .m-mnews .item-time, .m-mnews .item-link {
    margin-top: 5px;
  }
}
@media screen and (max-width: 480px) {
  .m-mnews .item-pic {
    width: 100%;
  }
  .m-mnews .item-text {
    width: 100%;
  }
}
@media screen and (max-width: 1219px) {
  .m-mnews {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .m-mnews .box-title {
    padding-right: 80px;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-mnews .box-btn {
    width: 30px;
    line-height: 28px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .m-mnews .box-slide {
    margin-top: 20px;
  }
}
@media screen and (max-width: 640px) {
  .m-mnews .list-item {
    margin-right: 0.02%;
    width: 0.49%;
  }
}
.m-capb1 {
  text-align: center;
}

.m-capb1 .box-title {
  line-height: 46px;
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-capb1 .box-info {
  margin-top: 12px;
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  color: #005ba1;
}

.m-capb1 .box-desc {
  margin-top: 24px;
  color: #666;
}

@media screen and (max-width: 1219px) {
  .m-capb1 .box-title {
    line-height: 26px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-capb1 .box-info {
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.m-capb2 {
  margin-top: 80px;
  padding-top: 80px;
  padding-bottom: 130px;
  background-color: #f5f6f7;
}

.m-capb2 .box-item {
  margin-top: 130px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

.m-capb2 .box-item .item-pic {
  width: 47.1428571429%;
}

.m-capb2 .box-item .item-text {
  width: 47.8571428571%;
}

.m-capb2 .box-item .item-title {
  line-height: 46px;
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-capb2 .box-item .item-desc {
  margin-top: 42px;
  line-height: 32px;
  color: #666;
}

.m-capb2 .box-item .item-desc a {
  display: inline;
}

.m-capb2 .box-item .item-desc p {
  min-height: 32px;
}

.m-capb2 .box-item:first-child {
  margin-top: 0;
}

.m-capb2 .box-item2 .item-pic {
  order: 2;
}

@media screen and (max-width: 1219px) {
  .m-capb2 {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .m-capb2 .box-item {
    margin-top: 30px;
  }
  .m-capb2 .box-item .item-title {
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-capb2 .box-item .item-desc {
    margin-top: 20px;
    line-height: 24px;
  }
  .m-capb2 .box-item .item-desc p {
    min-height: 24px;
  }
}
@media screen and (max-width: 640px) {
  .m-capb2 .box-item .item-pic {
    width: 100%;
  }
  .m-capb2 .box-item .item-text {
    width: 100%;
    margin-top: 20px;
    order: 2;
  }
}
.m-capb3 {
  padding-top: 70px;
  padding-bottom: 73px;
  background: url("../../images/capb3-bg1.jpg") no-repeat center;
  background-size: cover;
}

.m-capb3 .box-hd {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 26px;
}

.m-capb3 .hd-title {
  flex: 1 1 auto;
  margin-right: 20px;
  line-height: 50px;
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  color: #fff;
}

.m-capb3 .hd-link a {
  display: inline-block;
  min-width: 176px;
  line-height: 30px;
  padding: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #005ba1;
  text-align: center;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  background-color: #fff;
  border-radius: 8px;
}

.m-capb3 .hd-link a:hover {
  color: #fff;
  background-color: #333;
}

.m-capb3 .box-desc {
  color: #fff;
}

.m-capb3 .box-desc a {
  color: #fff;
}

@media screen and (max-width: 1219px) {
  .m-capb3 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .m-capb3 .box-hd {
    margin-bottom: 20px;
  }
  .m-capb3 .hd-title {
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-capb3 .hd-link a {
    min-width: 120px;
    line-height: 22px;
    padding: 3px 10px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .m-capb3 .box-hd {
    display: block;
  }
  .m-capb3 .hd-link {
    margin-top: 10px;
  }
}
.m-casel {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -30px;
}

.m-casel .list-item {
  position: relative;
  margin-right: 2.1428571429%;
  margin-bottom: 30px;
  width: 31.8571428571%;
}

.m-casel .list-item:nth-child(3n) {
  margin-right: 0;
}

@media screen and (min-width: 992px) {
  .m-casel .list-item:hover .item-title {
    display: none;
  }
  .m-casel .list-item:hover .item-modal {
    opacity: 1;
    visibility: visible;
  }
}
.m-casel .item-pic:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-bottom: 57.6233183857%;
  background: url("../../images/solucase-bg1.png") no-repeat center;
  background-size: 100%;
}

.m-casel .item-title {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
  z-index: 2;
  text-align: center;
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m-casel .item-title a {
  color: #fff;
}

.m-casel .item-title a:hover {
  color: #005ba1;
}

.m-casel .item-modal {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  text-align: center;
  color: #fff;
  opacity: 0;
  visibility: hidden;
}

.m-casel .item-modal a {
  color: #fff;
}

.m-casel .item-modal a:hover {
  color: #005ba1;
}

.m-casel .modal-title {
  line-height: 28px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.m-casel .modal-desc {
  margin-top: 2px;
  line-height: 26px;
  font-size: 16px;
  font-size: 1.6rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width:96%; margin-left:auto; margin-right:auto;
}

@media screen and (max-width: 1219px) {
  .m-casel {
    margin-bottom: -20px;
  }
  .m-casel .list-item {
    margin-bottom: 20px;
  }
  .m-casel .item-title, .m-casel .modal-title, .m-casel .modal-desc {
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-casel .item-title {
    bottom: 10px;
  }
}
@media screen and (max-width: 640px) {
  .m-casel .list-item {
    margin-left: 1%;
    margin-right: 1% !important;
    width: 48%;
  }
}
.c-dealbg {
  background: url("../../images/dealer-bg1.jpg") no-repeat center bottom;
}

.m-dealb1 {
  text-align: center;
}

.m-dealb1 .box-title {
  line-height: 46px;
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.m-dealb1 .box-desc {
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  max-width: 1300px;
  color: #666;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
}

.m-dealb1 .box-link {
  margin-top: 24px;
}

.m-dealb1 .box-link a {
  display: inline-block;
  min-width: 176px;
  line-height: 30px;
  padding: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  color: #fff;
  text-align: center;
  background-color: #005ba1;
  border-radius: 8px;
}

.m-dealb1 .box-link a:hover {
  color: #fff;
  background-color: #333;
}

.m-dealb1 .box-img {
  line-height: 0;
  font-size: 0;
  margin-top: 60px;
}

@media screen and (max-width: 1219px) {
  .m-dealb1 .box-title {
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-dealb1 .box-link {
    margin-top: 20px;
  }
  .m-dealb1 .box-link a {
    min-width: 120px;
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 5px 10px;
  }
  .m-dealb1 .box-img {
    margin-top: 20px;
  }
}
.c-ctusbg {
  background-color: #f5f6f7;
}

.m-ctusform .box-title {
  margin-bottom: 38px;
  line-height: 42px;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  text-transform: uppercase;
}

.m-ctusform .box-form {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.m-ctusform .form-item {
  margin-bottom: 20px;
}

.m-ctusform .form-item1 {
  width: 49.2857142857%;
}

.m-ctusform .form-item2 {
  width: 53.5714285714%;
}

.m-ctusform .form-item3 {
  width: 100%;
}

.m-ctusform .form-item4 {
  position: relative;
  width: 49.2857142857%;
}

.m-ctusform .form-item4 .form-text {
  padding-right: 120px;
}

.m-ctusform .form-item5 {
  width: 49.2857142857%;
}

.m-ctusform .star .form-text {
  background: url("../../images/star1.png") no-repeat 10px 25px;
  background-color: #fff;
}

.m-ctusform .form-text {
  display: block;
  width: 100%;
  height: 60px;
  line-height: 30px;
  padding-left: 28px;
  padding-right: 10px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #ffffff;
  border: solid 1px #dcdfe5;
}

.m-ctusform .form-text::-webkit-input-placeholder {
  color: #666;
  opacity: 1;
}

.m-ctusform .form-text:-moz-placeholder {
  color: #666;
  opacity: 1;
}

.m-ctusform .form-text::-moz-placeholder {
  color: #666;
  opacity: 1;
}

.m-ctusform .form-text:-ms-input-placeholder {
  color: #666;
  opacity: 1;
}

.m-ctusform .form-text2 {
  height: 150px;
}

.m-ctusform .form-code {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 100px;
  height: 58px;
  line-height: 58px;
  overflow: hidden;
  text-align: center;
}

.m-ctusform .form-code img {
  max-height: 58px;
  vertical-align: middle;
}

.m-ctusform .form-btn {
  width: 100%;
  height: 60px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  text-align: center;
  background-color: #005ba1;
  text-transform: uppercase;
}

.m-ctusform .form-btn:hover {
  color: #fff;
  background-color: #333;
}

@media screen and (max-width: 1219px) {
  .m-ctusform .box-title {
    margin-bottom: 20px;
    line-height: 28px;
    font-size: 20px;
    font-size: 2rem;
  }
  .m-ctusform .form-item {
    margin-bottom: 15px;
  }
  .m-ctusform .form-text {
    height: 44px;
    line-height: 24px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-ctusform .star .form-text {
    background-position-y: 15px;
  }
  .m-ctusform .form-text2 {
    height: 150px;
  }
  .m-ctusform .form-btn {
    height: 44px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-ctusform .form-code {
    height: 42px;
    line-height: 42px;
  }
  .m-ctusform .form-code img {
    max-height: 42px;
  }
}
@media screen and (max-width: 640px) {
  .m-ctusform .form-item {
    width: 100%;
  }
}
.m-ctusinfo {
  padding-top: 40px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}

.m-ctusinfo .box-fix {
  width: 49.2857142857%;
  background-color: #fff;
  padding-left: 3.5714285714%;
  padding-right: 3.5714285714%;
  padding-top: 48px;
  padding-bottom: 25px;
}

.m-ctusinfo .box-title {
  line-height: 42px;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.m-ctusinfo .box-info {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}

.m-ctusinfo .info-item {
  margin-bottom: 20px;
  background-color: #f7f8f9;
  word-break: break-word;
}

.m-ctusinfo .info-item .icon {
  width: 36px;
  line-height: 36px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #005ba1;
  text-align: center;
  background-color: rgba(0, 91, 161, 0.1);
  border-radius: 50%;
}

.m-ctusinfo .info-item .info {
  line-height: 28px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "PoppinsMedium", arial, helvetica, sans-serif;
  color: #005ba1;
}

.m-ctusinfo .info-item .info a {
  color: #005ba1;
}

.m-ctusinfo .info-item .info a:hover {
  text-decoration: underline;
}

.m-ctusinfo .info-item:hover {
  background-color: rgba(0, 91, 161, 0.1);
}

.m-ctusinfo .info-item:hover .icon {
  background-color: #005ba1;
  color: #fff;
}

.m-ctusinfo .info-item1 {
  width: 48.1355932203%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  padding-top: 19px;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
}

.m-ctusinfo .info-item1 .info {
  margin-top: 14px;
  text-align: center;
}

.m-ctusinfo .info-item2 {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  min-height: 114px;
  padding: 10px;
}

.m-ctusinfo .info-item2 .icon {
  flex: 0 0 auto;
  margin-right: 10px;
}

.m-ctusinfo .info-item2 .info {
  flex: 0 1 auto;
  overflow: hidden;
}

.m-ctusinfo .box-map {
  width: 49.2857142857%;
  line-height: 0;
  font-size: 0;
}

@media screen and (max-width: 1219px) {
  .m-ctusinfo {
    padding-top: 10px;
  }
  .m-ctusinfo .box-fix {
    padding: 20px 15px 5px;
  }
  .m-ctusinfo .box-title {
    line-height: 26px;
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 10px;
  }
  .m-ctusinfo .info-item .icon {
    width: 32px;
    line-height: 32px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-ctusinfo .info-item .info {
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .m-ctusinfo .info-item2 {
    min-height: 80px;
  }
}
@media screen and (max-width: 991px) {
  .m-ctusinfo .box-fix, .m-ctusinfo .box-map {
    width: 100%;
  }
}
@media screen and (max-width: 375px) {
  .m-ctusinfo .info-item {
    width: 100%;
  }
}
@font-face {
  font-family: "PoppinsBold";
  src: url("../fonts/PoppinsBold.eot");
  src: url("../fonts/PoppinsBold.eot") format("embedded-opentype"), url("../fonts/PoppinsBold.woff2") format("woff2"), url("../fonts/PoppinsBold.woff") format("woff"), url("../fonts/PoppinsBold.ttf") format("truetype"), url("../fonts/PoppinsBold.svg#PoppinsBold") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "PoppinsMedium";
  src: url("../fonts/PoppinsMedium.eot");
  src: url("../fonts/PoppinsMedium.eot") format("embedded-opentype"), url("../fonts/PoppinsMedium.woff2") format("woff2"), url("../fonts/PoppinsMedium.woff") format("woff"), url("../fonts/PoppinsMedium.ttf") format("truetype"), url("../fonts/PoppinsMedium.svg#PoppinsMedium") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "PoppinsRegular";
  src: url("../fonts/PoppinsRegular.eot");
  src: url("../fonts/PoppinsRegular.eot") format("embedded-opentype"), url("../fonts/PoppinsRegular.woff2") format("woff2"), url("../fonts/PoppinsRegular.woff") format("woff"), url("../fonts/PoppinsRegular.ttf") format("truetype"), url("../fonts/PoppinsRegular.svg#PoppinsRegular") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "iconfont"; /* Project id 4399196 */
  src: url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url("../fonts/iconfont.woff?t=1704424810828") format("woff"), url("../fonts/iconfont.ttf?t=1704424810828") format("truetype");
  font-display: swap;
}
.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-up13:before {
  content: "\e73a";
}

.icon-bottom13:before {
  content: "\e73b";
}

.icon-left13:before {
  content: "\e73c";
}

.icon-right13:before {
  content: "\e73d";
}

.icon-ego-menu:before {
  content: "\e605";
}

.icon-home:before {
  content: "\e624";
}

.icon-edit:before {
  content: "\e611";
}

.icon-facebook:before {
  content: "\e620";
}

.icon-pinterest:before {
  content: "\e8ab";
}

.icon-linkedin:before {
  content: "\e648";
}

.icon-youtube:before {
  content: "\e6d6";
}

.icon-twitter:before {
  content: "\e607";
}

.icon-bigger:before {
  content: "\e647";
}

.icon-left:before {
  content: "\e72c";
}

.icon-right:before {
  content: "\e72d";
}

.icon-up1:before {
  content: "\e72e";
}

.icon-bottom1:before {
  content: "\e72f";
}

.icon-left1:before {
  content: "\e730";
}

.icon-right1:before {
  content: "\e731";
}

.icon-up:before {
  content: "\e73e";
}

.icon-bottom:before {
  content: "\e73f";
}

.icon-instagram:before {
  content: "\e79d";
}

.icon-tumblr:before {
  content: "\e79e";
}

.icon-download:before {
  content: "\e7a0";
}

.icon-download1:before {
  content: "\e7a7";
}

.icon-search4:before {
  content: "\e7b2";
}

.icon-address:before {
  content: "\e7bc";
}

.icon-email:before {
  content: "\e7bd";
}

.icon-contact:before {
  content: "\e7be";
}

.icon-whatsapp:before {
  content: "\e7bf";
}

.icon-fax:before {
  content: "\e7c2";
}

.icon-mobile:before {
  content: "\e7c6";
}

.icon-phone:before {
  content: "\e7c8";
}

.icon-tel:before {
  content: "\e7c7";
}

.icon-phone1:before {
  content: "\e7cb";
}

.icon-skype:before {
  content: "\e7cc";
}

.icon-whatsapp1:before {
  content: "\e7c1";
}

.icon-address1:before {
  content: "\e7c3";
}

.icon-contact1:before {
  content: "\e7c4";
}

.icon-email1:before {
  content: "\e7c5";
}

.icon-skype1:before {
  content: "\e7c9";
}

.icon-fax1:before {
  content: "\e7ca";
}

.icon-qq:before {
  content: "\e7ce";
}

.icon-tel1:before {
  content: "\e7cd";
}

.icon-wechat:before {
  content: "\e7cf";
}

.icon-phone2:before {
  content: "\e7d0";
}

.icon-message:before {
  content: "\e7da";
}

.icon-calendar:before {
  content: "\e7e1";
}

.icon-calendar1:before {
  content: "\e7e3";
}

.icon-top:before {
  content: "\e7ed";
}

.icon-youbian:before {
  content: "\e60f";
}

.icon-jian2:before {
  content: "\e600";
}

.icon-jia2:before {
  content: "\e608";
}

.icon-vk:before {
  content: "\e735";
}

.icon-instagram1:before {
  content: "\e640";
}

.icon-up7:before {
  content: "\e722";
}

.icon-bottom7:before {
  content: "\e723";
}

.icon-left7:before {
  content: "\e724";
}

.icon-right7:before {
  content: "\e725";
}

.icon-sousuo4:before {
  content: "\e610";
}

.icon-sousuo:before {
  content: "\e616";
}

.icon-sousuo1:before {
  content: "\e65b";
}

.icon-shangchuan:before {
  content: "\e602";
}

.icon-top2:before {
  content: "\e637";
}

.icon-biaoqian:before {
  content: "\e649";
}

.icon-twitter3:before {
  content: "\e7fd";
}

.icon-twitter4:before {
  content: "\e7fe";
}

.icon-twitter-new2:before {
  content: "\e800";
}

.icon-twitter-new:before {
  content: "\e7ff";
}

.icon-jiantou_qiehuanyou_o:before {
  content: "\eb8d";
}

.icon-jiantou_qiehuanzuo_o:before {
  content: "\eb90";
}

/*20240713*/
.syab1{ display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start; align-items: center; }
.syab1 a{ display:block; padding-top:7px; padding-bottom:6px; padding-right:40px; margin-right:40px;}
.syab1 a img{ display:block;}
.syab1 a:first-child{ border-right:solid 1px #b5b5b5;}

.slide{    position: relative;}
.slide .carouse{width:100%;overflow:hidden;position:relative; cursor: pointer;  margin-top:51px;}
.slide .slideItem .banner-img{width:100%;}
.slide .carouse .slideItem{	width:100%;	position:absolute;}
.slide .slideItem{display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;width:100%;}
.slide .dotList{ position: absolute; left: 0; bottom:0px; width: 100%; text-align: left; }
.slide .dotList ul li{ display: inline-block; width: 167px; height: 70px; background-position:-12px 0px; margin-right: 103px; cursor:pointer;	border-radius: 5px;border: none;outline: none; cursor: pointer;
/*border: solid 1px #e5e5e5; */
font-size: 0px; background:#fff;     }
.slide .dotList ul li.active,.slide .dotList ul li:hover{ box-shadow: 0px 0px 14px 0px 
		rgba(0, 0, 0, 0.1);
	border-radius: 5px; border:none;     }

.syab1z{ display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;width:100%; max-width:960px; align-items: center;}
.slide .scroll-btns {     display: flex; }
.slide .scroll-btns .carousel-control { width: 56px;
    line-height: 54px;
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    border: 1px solid #0e60a1;
    cursor: pointer;
    color: #0e60a1; background:#fff;}
.slide .scroll-btns .carousel-control i{ color:#0e60a1; font-weight:bold;}
.slide .scroll-btns .carousel-control.prev { margin-right: 10px; }
.slide .scroll-btns .carousel-control:hover {   color: #fff;
  background: #0e60a1; border: 1px solid #0e60a1;}
.slide  .scroll-btns .carousel-control:hover i{ color:#fff;}
.slide  .scroll-btns .carousel-control.next{ transform: rotateY(180deg);}

.slide .slidedetail{display:none;}
.slide .slide-count { display: none; }

.synewpybt{ padding-top:73px; padding-bottom:38px; border-bottom:#e8e8e8 solid 1px;font-family: "PoppinsBold", arial, helvetica, sans-serif;	font-size: 40px;	 }
.synewpybt a{ }
.synewpyul{ margin-top:36px; display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; padding-bottom:80px; }
.synewpyul li{ width:32.14%;}
.synewpyul1{ position:relative;}
.synewpyul1 a{ display:block; width:100%;}
.synewpyul1 a img{ display:block; width:100%; max-width:450px; margin:0 auto;} 
.synewpyul2{ position:absolute; background: #000000;	border-radius: 10px;	opacity: 0.7; color:#fff; display:block; padding:10px 20px; top:20px; left:20px; z-index:9;}
.synewpyul3{position:absolute; background:#ffffff; line-height:60px; text-align:center; display:block; width:60px; height:60px; bottom:0px; right:0px; z-index:9;}
.synewpyul4{ font-family: "PoppinsBold", arial, helvetica, sans-serif;	font-size: 22px; line-height:28px; color: #333333; display:block; margin-top:30px; overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;}
.synewpyul5{ font-size: 16px;	line-height: 30px;	color: #666666; margin-top:15px;}
.synewpyul5 a{ overflow: hidden;    display: -webkit-box;    -webkit-box-orient: vertical;    text-overflow: ellipsis;
    -webkit-line-clamp: 3;}
.synewpyul6{font-size: 16px;	color: #0d60a1; display:inline-block; border-bottom:#0d60a1 solid 1px; padding-bottom:2px;}
.synewpyul6z{ margin-top:17px; display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between;     align-items: center;  width:100%; }
.synewpyul6z i{font-size: 20px;    font-size: 2rem;    color: #9a9a9a;    text-align: center;     transform: rotateY(180deg);}
.synewpyul6z:hover .synewpyul6{ border-bottom:#fff solid 1px;}
.synewpyul6z:hover i{ color: #0d60a1;}

.sytez{ background:url(../../images/sytebg1.jpg) no-repeat center top; background-size:cover; padding-top:80px; padding-bottom:45px;} 
.sytez1{font-family: "PoppinsBold", arial, helvetica, sans-serif;	font-size: 40px; line-height:1.2;}
.sytez2{ margin-top:46px;display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between;position:relative; }
.sytez2:before{content:""; position:absolute; top:0px; left:0px; width:1px; height:100%; background:#e8e8e8; }
.sytez2 li{ width:24%; position:relative; }
.sytez2 li:before{ content:""; position:absolute; top:0px; right:0px; width:1px; height:100%; background:#e8e8e8;}
.sytez2linei{padding-top:32px; padding-bottom:48px; padding-left:38px; padding-right:38px; text-align:center;}
.sytez2li1{ font-size: 20px;font-family: "PoppinsBold", arial, helvetica, sans-serif;	line-height: 26px;	color: #333333; text-transform:uppercase;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2; }
.sytez2li2{ display:block; margin:0 auto; margin-top:50px;}
.sytez2li3{ font-size: 16px;	line-height: 30px; margin-top:50px;	color: #666666; padding-bottom:57px; position:relative;}
.sytez2li3 p{overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5; }
.sytez2li3:before{content:""; position:absolute; bottom:0px; right:0px; width:30px; height:2px; background: #005ba1;  left: 50%;  transform: translateX(-50%); }
.syforz1{  font-family: "PoppinsBold", arial, helvetica, sans-serif;	font-size: 40px; line-height:1.2; text-align:center; margin-top:65px;}
.syforz2{font-size: 18px;	line-height: 30px;	color: #005ba1; text-align:center;font-family: "PoppinsBold", arial, helvetica, sans-serif; margin:0 auto; display:block; margin-top:12px;}
.syforz3{ width:100%; display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start;}
.syforz3 li{ width:24.739583%; position:relative; margin-top:6px; margin-left:0.34722%;}
.syforz3 li:nth-child(4n+1){ margin-left:0px;}
.syforz3 li a{ display:block;}
.syforz3 li a img{ width:100%; display:block; margin:0 auto; max-width:475px;}
.syforz3 li .syforz3lizi{ position:absolute; width:100%; bottom:0px; left:0px; background:rgba(0, 0, 0, .5); text-align:center;}
.syforz3 li .syforz3lizi a{white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis; display:block; color:#fff;font-size: 20px; padding-right:10px; padding-left:10px; padding-top:12px; padding-bottom:12px;}
.syforz3 li:hover .syforz3lizi,.syforz3 li .syforz3lizi:hover{ background:#333;}


/*.sypropy1lie{ width:16.71875%; float:left; position:relative; overflow:hidden; transition: 0.5s;}
.on{ width:33.125%;}*/
.sypropy1{ display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start; }
.sypropy1lie{ width:14.28571428571429%; float:left; position:relative; overflow:hidden; 
/*transition: 0.5s;*/
    
}
.on{ width:28.57142857142857%;}
.sypropy1lietu{ display:block; overflow:hidden; width:100%;max-height:518px;}
.sypropy1lietu img{ width:200%; max-width:636px; max-height:518px; margin-left:-50%; display:block;}

.on .sypropy1lietu img{ width:100%; max-width:636px;  max-height:518px; display:block; margin-left:0px;}
.sypropy2{ position:absolute; left:0px; top:0px; z-index:9;     width: 100%;
    background: rgba(0, 0, 0, 0.36);
    height: 100%;}
.sypropy21{ padding:63px 30px 20px 30px;}
.sypropy21tt{ font-size: 20px;	color: #ffffff; line-height:1.4; text-transform:uppercase;font-family: "PoppinsBold", arial, helvetica, sans-serif;}
.sypropy21span{font-family: "PoppinsBold", arial, helvetica, sans-serif; font-size: 40px;position:relative; display:block; padding-left:7px;}
.sypropy21span b{  	color: #ffffff;	opacity: 0.3;  font-weight:inherit;}
/* .sypropy21span:after{ display:block; position:absolute; content:"";background-color: #ffffff;	opacity: 0.5; width:30px; height:1px; top:50%; left:0px; z-index:999;} */
/* .sypropy21span:before{  display:block; position:absolute;  content:"";background-color: #ffffff; width:3px; height:3px; top:50%; left:27px;z-index:99999; margin-top:-2px;} */
.sypropy2hui{ top:100%; width:100%;  height:100%; position:absolute;  left:0px; background: rgba(0,0,0,0.7);transition: 0.5s; }
.on .sypropy2{ display:none;}
.on .sypropy2hui{ top:0px;}
.on .sypropy2hui1{ margin:82px 88px 10px 60px; position:relative; padding-bottom:150px; height:-webkit-fill-available;}
.sypropy2hui1tt{ padding-top:31px; line-height:1.4; font-size: 20px;	color: #ffffff; font-family: "PoppinsBold", arial, helvetica, sans-serif; text-transform:uppercase; 
white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.sypropy2hui1ms{ margin-top:20px; font-size: 16px;	line-height: 30px;	color: #ffffff; width:100%; max-width:360px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6; }
	.sypropy21huispanz{position:absolute; right:0px; bottom:0px; }
.sypropy21huispan{  font-family: "PoppinsBold", arial, helvetica, sans-serif; font-size: 140px;position:relative; display:block; padding-left:17px; 
    margin: 0px; }
.sypropy21huispan b{display:block;  padding: 0px;    margin: 0px;	color: #ffffff;	opacity: 0.3;  font-weight:inherit;}
/* .sypropy21huispan:after{ display:block; position:absolute; content:"";background-color: #ffffff;	opacity: 0.2; width:100px; height:2px; top:50%; left:0px; z-index:999; margin-top:-1px;}
.sypropy21huispan:before{  display:block; position:absolute;  content:"";background-color: #ffffff;	 width:4px; height:4px; top:50%; left:100px;z-index:99999; margin-top:-4px;} */

.syproanniui{display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; align-items: center; }
.sypro-scroll .scroll-btns {     display: flex; }
.sypro-scroll .scroll-btns .scroll-btn { width: 56px;
    line-height: 54px;
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    border: 1px solid #ffffff;
    cursor: pointer;
    color: #ffffff;}
	.sypro-scroll .scroll-btns .scroll-btn i{ color:#ffffff; font-weight:bold;}
.sypro-scroll .scroll-btns .scroll-btn.prev { margin-right: 10px; }
.sypro-scroll .scroll-btns .scroll-btn:hover {   color: #fff;
  background: #3d90c8; border: 1px solid #ffffff;}
  .sypro-scroll .scroll-btns .scroll-btn:hover i{ color:#fff;}
   .sypro-scroll .scroll-btns .next{ transform: rotateY(180deg);}
.sypro-scroll .scroll-list-box { width: 100%; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; margin-top:26px; }
.sypro-scroll .scroll-list-box .scroll-list { width: 1000%; }
.sypro-scroll .scroll-list-box .scroll-list li { float: left; width: 10%; margin-right: 0%; }



.newslpy1{ padding:70px 0px; }
.newslpy2{ font-size: 40px;	color: #333333; line-height:1.4;font-family: "PoppinsBold", arial, helvetica, sans-serif;}
.newslpy3{font-size: 16px;	line-height: 30px;	color: #333333; margin-top:7px; padding-bottom:5px;}
.solupro{ background:url(../../images/soprobgqiu.jpg) no-repeat left 30px; padding-top:80px; padding-bottom:80px;}
.solupro1{ display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between;}
.solupro2{ width:45%;}
.solupro21{ font-size: 36px;	color: #333333; line-height:1.6; margin-top:30px;font-family: "PoppinsBold", arial, helvetica, sans-serif;}
.solupro22{ font-size: 16px;	line-height: 30px;	color: #666666; margin-top:30px;}
.solupro23{ display:flex; flex-wrap:wrap; flex-direction:row;justify-content:flex-start; margin-top:45px; }
.solupro231{  display:flex; flex-wrap:wrap; flex-direction:row;justify-content:flex-start; align-items: center; padding:9px 27px; border-radius: 25px; background: #0d60a1;border: solid 1px #0d60a1; }
.solupro231 span{ color:#fff; font-size: 16px; font-family: "PoppinsBold", arial, helvetica, sans-serif; line-height:22px;}
.solupro231 img{ max-width:67px; margin-left:19px;filter: brightness(0) invert(1);}
.solupro231:hover{ background:#fff;}
.solupro231:hover span{ color: #0d60a1; }
.solupro231:hover img{filter:inherit; }
.solupro232{ display:flex; flex-wrap:wrap; flex-direction:row;justify-content:flex-start; align-items: center; padding:9px 27px; border-radius: 25px; background: #fff; border: solid 1px #0d60a1;color: #0d60a1;  font-family: "PoppinsBold", arial, helvetica, sans-serif; margin-left:46px;}
.solupro232:hover{ background: #0d60a1; color:#fff;}
.solupro3{ width:51%;}
.solupro3 .owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.solupro3 .owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.solupro3 .owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.solupro3 .owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.solupro3 .owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.solupro3 .owl-carousel .owl-item {
	float: left;	
		width:100%;
}
.solupro3 .owl-carousel .owl-item {
width:100%;
}
.solupro3 .owl-carousel .owl-item img {
	width:100%;
}
.solupro3 .owl-controls{ position:absolute; width:100%;left: 50%;  transform: translateX(-50%); bottom:10px;text-align: center;}
.solupro3 .owl-controls .owl-page, .solupro3 .owl-controls .owl-buttons div {
	cursor: pointer;
}
.solupro3 .owl-theme .owl-controls .owl-page {
	display: inline-block;
	vertical-align: top;
	margin-right:9px;
}
.solupro3 .owl-theme .owl-controls .owl-page span {
	display: block;
	width: 8px;
	height: 8px;
	font-size: 0;
	border: 0 !important;
	background:  rgba(255, 255, 255, 0.5);
	border-radius:50%;
}
.solupro3 .owl-theme .owl-controls .owl-page.active span, .solupro3 .owl-theme .owl-controls.clickable .owl-page:hover span {
	background-color: #c0e4ff;
}
.solupro4{ margin-top:53px;}
.solupro4 .box-title {
  padding-right: 130px;
  line-height: 56px;
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "PoppinsBold", arial, helvetica, sans-serif;
}

.solupro4 .box-title span {
  color: #005ba1;
}


/* pro-scrollbox */
.pro-scroll { position: relative; /* overflow: hidden; */ }
.pro-scroll .scroll-btns { position: absolute;    right: 0;    top: 0;    display: flex; }
.pro-scroll .scroll-btns .scroll-btn { width: 56px;
    line-height: 54px;
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    border: 1px solid #005ba1;
    cursor: pointer;
    color: #005ba1;}
	.pro-scroll .scroll-btns .scroll-btn i{ color:#005ba1; font-weight:bold;}
.pro-scroll .scroll-btns .scroll-btn.prev { margin-right: 10px; }
.pro-scroll .scroll-btns .scroll-btn:hover {   color: #fff;
  background: #005ba1; }
  .pro-scroll .scroll-btns .scroll-btn:hover i{ color:#fff;}
   .pro-scroll .scroll-btns .next{ transform: rotateY(180deg);}
.pro-scroll .scroll-list-box { width: 100%; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; margin-top:30px; }
.pro-scroll .scroll-list-box .scroll-list { width: 1000%; }
.pro-scroll .scroll-list-box .scroll-list li { float: left; width: 2.426%; margin-right: 0.1%; position: relative;background:#fff; cursor:pointer;}
.pro-scroll .scroll-list-box .scroll-list li .item-pic { 	border: solid 1px #efefef; padding-bottom:35px;}
.pro-scroll .scroll-list-box .scroll-list li .item-pica { display:block; margin-top:28px;}
.pro-scroll .scroll-list-box .scroll-list li .item-pic img { width: 100%; display: block; max-width: 219px; margin: 0 auto; }
.pro-scroll .scroll-list-box .scroll-list li .item-pic .item-title { border-top:#ededed solid 1px; padding-top:16px; margin-top:47px; font-size: 18px; text-align:center; color: #333333; font-family:"PoppinsMedium", arial, helvetica, sans-serif;}
.pro-scroll .scroll-list-box .scroll-list li .item-pic .item-title a{white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
.item-titlemore{ display: flex;
    flex-wrap: wrap;
    justify-content: center;align-items: center; color: #0d60a1; margin-top:10px;}
	.item-titlemore1{    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right:5px solid transparent;
    border-bottom: 6px solid #e5e5e5;transform: rotate(90deg); display:block; margin-right:4px;}
.item-titlemore2{    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right:5px solid transparent;
    border-bottom: 8px solid #cccccc;transform: rotate(90deg); display:block; margin-right:6px;}
	.pro-scroll .scroll-list-box .scroll-list li:hover{box-shadow: 0px 0px 10px 0px 
		rgba(0, 0, 0, 0.07);}
	.pro-scroll .scroll-list-box .scroll-list li .item-pic:hover .item-title{ border-top:#fff solid 1px;}
	.pro-scroll .scroll-list-box .scroll-list li .item-pic:hover .item-titlemore1{ border-bottom: 6px solid #7fadd0;}
	.pro-scroll .scroll-list-box .scroll-list li .item-pic:hover .item-titlemore2{ border-bottom: 6px solid #005ba1;}

@media only screen and (max-width: 999px) { 
  .pro-scroll .scroll-list-box .scroll-list li > .item-title { display: block; } }
@media screen and (max-width: 1600px) {
	.on .sypropy2hui1{ margin:40px 40px 10px 30px}
	.sypropy2hui1tt{ padding-top:0px;}
	.sypropy21{ padding:30px 20px 20px 20px}
	}
@media screen and (max-width: 1333px) {
	.slide .dotList ul li{ margin-right:20px;}
	.syab1 a img{ max-width:200px;}
	.syab1 a{ padding-right:20px; margin-right:20px;}
	 .syab1z{ max-width:560px;}
	}
@media screen and (max-width: 1219px) {
   .solupro22{
        font-size: 14px;
        font-size: 1.4rem;
		margin-top:20px;
		line-height:24px;
    }
	.newslpy3{
        font-size: 14px;
        font-size: 1.4rem;
		margin-top:10px;
		line-height:24px;
    }
	.newslpy1{ padding:20px 0px;}
	.solupro21,.newslpy2{font-size: 20px;        font-size: 2rem; }
	.solupro23{ margin-top:20px;}
	.solupro4 .box-title{        line-height: 30px;        font-size: 20px;        font-size: 2rem;}
	.pro-scroll .scroll-btns .scroll-btn {
        width: 30px;
        line-height: 28px;
        font-size: 12px;
        font-size: 1.2rem; height:30px;
    }
	.solupro231,.solupro232{ padding:5px 12px;}
	.solupro231 span,.solupro232{font-size: 12px;        font-size: 1.2rem;}
	.solupro{ padding-top:30px; padding-bottom:30px;}
	.solupro4{ margin-top:30px;}
	.pro-scroll .scroll-list-box .scroll-list li .item-pic .item-title{ margin-top:20px;}
	.pro-scroll .scroll-list-box .scroll-list li .item-pic{ padding-bottom:20px;}
	.pro-scroll .scroll-list-box .scroll-list li .item-pic .item-title{ font-size:16px;}
	.item-titlemore{ font-size:14px; margin-top:10px;}
	.pro-scroll .scroll-list-box .scroll-list li .item-pica{ margin-top:15px;}
	.solupro1{align-items: center;}
	.synewpybt{font-size: 20px;        font-size: 2rem; padding-top:30px; padding-bottom:20px;}
	.synewpyul4{ font-size:16px; line-height:24px; margin-top:20px;}
	.synewpyul5{ font-size:14px; line-height:24px; margin-top:5px;}
	.synewpyul6z{ margin-top:10px;}
	.synewpyul6{font-size:14px; }
	.synewpyul2{ font-size:14px; padding:7px 14px;}
	.synewpyul3{ width:40px; height:40px; line-height:40px; font-size:14px;}
	.synewpyul{ margin-top:20px; padding-bottom:40px;}
	.syforz1{ font-size:20px; margin-top:20px;}
	.sytez{ padding-bottom:20px; padding-top:30px;}
	.syforz2{ font-size:16px; margin-top:5px;}	
	.syforz3 li .syforz3lizi a{ font-size:16px;}
	.sytez1{ font-size:20px;}
	.sytez2{ margin-top:20px;}
	.sytez2li1{ font-size:16px;}
	.sytez2linei{ padding:15px;}
	.sytez2li2{ margin-top:20px;}
	.sytez2li3{font-size:14px; line-height:24px; margin-top:10px; padding-bottom:20px;}
	.slide .scroll-btns .carousel-control,.sypro-scroll .scroll-btns .scroll-btn {
        width: 30px;
        line-height: 28px;
        font-size: 12px;
        font-size: 1.2rem;
		height:30px;
    }
	.slide .dotList ul li{ margin-right:10px;}
	.slide .carouse{ margin-top:20px;}
	.m-habt{ padding-top: 22px;    padding-bottom: 40px;}
	.m-habt .box-desc{ margin-top:0px;}
	.sypropy2hui1tt{ font-size:16px; padding-top:0px;}
	.sypropy2hui1ms{ font-size:14px; line-height:24px; margin-top:10px;}
	.on .sypropy2hui1{ margin:30px;}
	.sypropy21huispan{ font-size:40px;}
	.sypropy21huispan:after{ width:20px;}
	.sypropy21huispan:before{ left:20px;}
	.sypropy21span{ font-size:18px;}
	.sypropy21span:after{ width:10px;}
	.sypropy21span:before{ left:7px;}
	.sypropy21tt{ font-size:14px;}
	.sypropy21{ padding:20px;}
}
@media screen and (max-width: 1160px) {
.slide .dotList{ position:static;}
.slide .dotList ul li{ width:130px; height:54px;}
}
@media screen and (max-width: 999px) {
	.solupro21{ margin-top:0px;}
	.syforz3 li{ width:32.33333333333333%; margin-left:0.5% !important; margin-right:0.5% !important;}
	.syforz3 li .syforz3lizi a{ font-size:14px;}
	.sytez2 li{ width:49%; margin-bottom:20px;}
	.sytez2 li:before,.sytez2:before{ display:none;}
	.sytez2linei{ padding:0px;} 
	.sypropy1lie{ width:48%; margin-left:1%; margin-right:1%;}
	.sypropy1lietu img{ width:100%; margin-left:0px;}
	.sypropy21huispan,.sypropy2{ display:none;}
	.on .sypropy2hui,.sypropy2hui{ display:block; position:static; background:none;}
	.on .sypropy2hui1{ padding:0px; margin:0px; }
	.sypropy2hui{ padding-top:20px; padding-bottom:20px;} 
}
@media screen and (max-width: 814px) {
	.syab1 a img{ max-width:115px;}
	.syforz3 li{ width:49%;}
	.solupro2,.solupro3{ width:100%;}	
	.solupro3{ max-width:679px; margin:0 auto; margin-top:20px;}
	.pro-scroll .scroll-list-box .scroll-list li{ width:3.2666666666666666666666%;}
	.synewpyul li{     width: 48%; margin-bottom:20px;}
}
@media screen and (max-width: 640px) {
	.m-habt .box-left{ width:100%;}
	.m-habt .box-right{ width:100%; margin-top:10px;}
	.pro-scroll .scroll-list-box .scroll-list li{ width:4.95%;}
	.slide .dotList ul li{ width:100px; height:42px;}
	.sypropy1lie{ width:98%;}
}
@media screen and (max-width: 480px) {	
	.sytez2 li{ width:100%; }
	.syforz3 li{ width:99%;}
	.synewpyul li{ width: 100%;}
	.pro-scroll .scroll-list-box .scroll-list li{ width:10%; margin-right:0px;}
}
.box-img .j-videoshow{ position: relative;    display: block;}
.box-img .j-videoshow:after{ background:url(../../images/bofang.png) center center no-repeat; content:""; position:absolute; top:0px; left:0px;z-index:9999; width:100%; height:100%;  }
.m-hvideomodal {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999999;
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.5);
	display:none;
}
.m-hvideomodal iframe {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:80%;
	height:80%;
}

.xioalanzipy{     padding-top: 20px;
    color: #005ba1;
    font-size: 14px;}



.container {
      max-width: 1280px;
      margin: 0 auto;
      padding: 0 24px;
  }
  /* header */
  .site-header {
      background: #fff7ed;
      border-bottom: 1px solid #e9dfd1;
      padding: 20px 0;
      position: sticky;
      top: 0;
      background: rgba(255,247,237,0.96);
      backdrop-filter: blur(5px);
      z-index: 10;
  }
  .header-inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
  }
  .logo a {
      font-size: 1.8rem;
      font-weight: 800;
      text-decoration: none;
      color: #2d6a2b;
      letter-spacing: -0.3px;
  }
  .logo span {
      color: #e17b2e;
  }
  .nav-links a {
      margin-left: 28px;
      text-decoration: none;
      color: #4a5e3f;
      font-weight: 500;
      transition: 0.2s;
  }
  .nav-links a:hover, .nav-links a.active {
      color: #e17b2e;
  }
  /* breadcrumb */
  .breadcrumb {
      margin: 24px 0 12px 0;
      font-size: 0.85rem;
      color: #7b6e5b;
  }
  .breadcrumb a {
      color: #5a6e47;
      text-decoration: none;
  }
  .breadcrumb a:hover {
      text-decoration: underline;
  }
  h1 {
      font-size: 2.4rem;
      margin: 16px 0 8px 0;
      color: #2c4b2c;
      border-left: 5px solid #e17b2e;
      padding-left: 20px;
  }
  .subhead {
      font-size: 1.1rem;
      margin-bottom: 32px;
      color: #5f5b52;
      max-width: 800px;
  }
  /* faq list grid */
  .faq-list {
      display: flex;
      flex-direction: column;
      gap: 24px;
      margin-bottom: 40px;
  }
  .faq-card {
      background: white;
      border-radius: 28px;
      padding: 24px 32px;
      box-shadow: 0 6px 14px rgba(0,0,0,0.02), 0 2px 8px rgba(0,0,0,0.05);
      transition: all 0.2s ease;
      border: 1px solid #f0e4d4;
  }
  .faq-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 20px 30px -12px rgba(0,0,0,0.1);
      border-color: #e0cfbb;
  }
  .faq-category-tag {
      display: inline-block;
      background: #eef2e6;
      color: #44633e;
      font-size: 0.7rem;
      font-weight: 600;
      padding: 4px 12px;
      border-radius: 40px;
      margin-bottom: 12px;
      letter-spacing: 0.3px;
  }
  .faq-title {
      font-size: 1.6rem;
      font-weight: 700;
      margin-bottom: 12px;
      line-height: 1.3;
  }
  .faq-title a {
      text-decoration: none;
      color: #2b4829;
      transition: color 0.2s;
  }
  .faq-title a:hover {
      color: #e17b2e;
      text-decoration: underline;
  }
  .faq-summary {
      color: #5c5548;
      margin-bottom: 20px;
      font-size: 1rem;
  }
  .read-more {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: none;
      border: none;
      font-weight: 600;
      color: #e17b2e;
      text-decoration: none;
      font-size: 0.9rem;
  }
  .read-more:hover {
      gap: 10px;
      color: #b85e1a;
  }
  /* pagination styles */
  .pagination {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
      margin: 20px 0 50px 0;
  }
  .pagination button, .pagination .page-number {
      background: white;
      border: 1px solid #e0cfbb;
      padding: 8px 16px;
      border-radius: 40px;
      font-size: 0.9rem;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.2s;
      color: #4a5e3f;
  }
  .pagination button:hover:not(:disabled) {
      background: #e17b2e;
      border-color: #e17b2e;
      color: white;
  }
  .pagination .page-number {
      background: white;
      min-width: 44px;
      text-align: center;
  }
  .pagination .page-number.active {
      background: #2d6a2b;
      border-color: #2d6a2b;
      color: white;
      cursor: default;
  }
  .pagination button:disabled {
      opacity: 0.5;
      cursor: not-allowed;
      background: #f5efe7;
  }
  .page-info {
      text-align: center;
      font-size: 0.85rem;
      color: #7f7567;
      margin-bottom: 20px;
  }
  footer {
      background: #2a3b29;
      color: #e2dacf;
      text-align: center;
      padding: 32px 0;
      border-radius: 32px 32px 0 0;
      margin-top: 48px;
  }
  footer a {
      color: #f3c68e;
  }
  @media (max-width: 680px) {
      .faq-card {
          padding: 20px;
      }
      .faq-title {
          font-size: 1.3rem;
      }
      .nav-links a {
          margin-left: 16px;
      }
      .pagination button, .pagination .page-number {
          padding: 6px 12px;
          font-size: 0.8rem;
      }
  }


.site-header {
    background: #fff7ed;
    border-bottom: 1px solid #e9dfd1;
    padding: 20px 0;
    position: sticky;
    top: 0;
    background: rgba(255,247,237,0.96);
    backdrop-filter: blur(5px);
    z-index: 10;
}
.header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
}
.logo a {
    font-size: 1.8rem;
    font-weight: 800;
    text-decoration: none;
    color: #2d6a2b;
}
.logo span {
    color: #e17b2e;
}
.nav-links a {
    margin-left: 28px;
    text-decoration: none;
    color: #4a5e3f;
    font-weight: 500;
}
.nav-links a:hover {
    color: #e17b2e;
}
.breadcrumb {
    margin: 28px 0 12px 0;
    font-size: 0.85rem;
}
.breadcrumb a {
    color: #5a6e47;
    text-decoration: none;
}
.faq-detail-card {
    background: white;
    border-radius: 32px;
    padding: 36px 40px;
    margin: 24px 0 48px 0;
    box-shadow: 0 12px 28px rgba(0,0,0,0.05);
    border: 1px solid #f0e4d4;
}
h1 {
    font-size: 2.2rem;
    color: #2c4b2c;
    margin-bottom: 24px;
    line-height: 1.3;
}
.answer-content p {
    margin-bottom: 1.2rem;
}
.answer-content h2 {
    font-size: 1.6rem;
    margin: 1.8rem 0 1rem 0;
    color: #3b6a39;
}
.answer-content ul, .answer-content ol {
    margin: 0.8rem 0 1.2rem 2rem;
}
.back-to-list {
    display: inline-block;
    margin-top: 32px;
    background: #eef2e6;
    padding: 10px 24px;
    border-radius: 40px;
    text-decoration: none;
    color: #2d6a2b;
    font-weight: 500;
}
footer {
    background: #2a3b29;
    color: #e2dacf;
    text-align: center;
    padding: 32px 0;
    margin-top: 32px;
}
@media (max-width: 680px) {
    .faq-detail-card {
        padding: 24px;
    }
    h1 {
        font-size: 1.8rem;
    }
}


.faq-intro {
  font-size: 1.1rem;
  margin-bottom: 32px;
  color: #4a5b3f;
  border-left: 3px solid #e17b2e;
  padding-left: 20px;
}
.faq-item {
  margin-bottom: 48px;
  border-bottom: 1px solid #efe2d2;
  padding-bottom: 32px;
}
.faq-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.question-title {
  font-size: 1.7rem;
  color: #2c4b2c;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.answer-content p {
  margin-bottom: 1rem;
}
.answer-content h3 {
  font-size: 1.3rem;
  margin: 1.2rem 0 0.5rem 0;
  color: #3b6a39;
}
.answer-content ul, .answer-content ol {
  margin: 0.8rem 0 1.2rem 2rem;
}
.answer-content li {
  margin-bottom: 0.3rem;
}
.vet-note {
  background: #fef1e0;
  padding: 12px 18px;
  border-radius: 20px;
  margin-top: 20px;
  font-size: 0.9rem;
  border-left: 4px solid #e17b2e;
}

</style>