@charset "UTF-8";
@font-face {
  font-family: "hm-r";
  src: url("../fonts/HarmonyOS/HarmonyOS_SansSC_Medium.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "hm-l";
  src: url("../fonts/HarmonyOS/HarmonyOS_SansSC_Light.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

.hm-l {
  font-family: 'hm-l';
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    width: 1170px;
  }
}

@media (min-width: 1390px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    width: 1200px;
  }
}

:root {
  --textActiveColor: #0F2966;
}

.color-white {
  color: #fff;
}

.temp-color {
  color: var(--textActiveColor) !important;
}

td {
  padding: 8px;
}

* {
  padding: 0;
  margin: 0;
  list-style-type: none;
  outline: none;
  text-decoration: none;
}

p {
  margin: 0;
}

.hidden {
  overflow: hidden;
}

a {
  color: #1a1a1a;
  transition: color 0.3s;
  text-decoration: none !important;
}

a:hover, a.active {
  color: var(--textActiveColor) !important;
  text-decoration: none !important;
}

.imgs img {
  max-width: 100%;
}

.imgfd {
  overflow: hidden;
}

.imgfd img {
  transition: all .8s;
  transform: scale(1);
}

.imgfd:hover img {
  transform: scale(1.05);
}

.bg-white {
  background-color: #fff;
}

.t {
  color: #0B2054;
}

.t-c {
  text-align: center;
}

.f-b {
  font-weight: 600;
}

.f-10 {
  font-size: 10px;
}

@media (max-width: 980px) {
  .f-10 {
    font-size: 9.09091px;
  }
}

.f-11 {
  font-size: 11px;
}

@media (max-width: 980px) {
  .f-11 {
    font-size: 10px;
  }
}

.f-12 {
  font-size: 12px;
}

@media (max-width: 980px) {
  .f-12 {
    font-size: 10.90909px;
  }
}

.f-13 {
  font-size: 13px;
}

@media (max-width: 980px) {
  .f-13 {
    font-size: 11.81818px;
  }
}

.f-14 {
  font-size: 14px;
}

@media (max-width: 980px) {
  .f-14 {
    font-size: 12.72727px;
  }
}

.f-15 {
  font-size: 15px;
}

@media (max-width: 980px) {
  .f-15 {
    font-size: 13.63636px;
  }
}

.f-16 {
  font-size: 16px;
}

@media (max-width: 980px) {
  .f-16 {
    font-size: 14.54545px;
  }
}

.f-17 {
  font-size: 17px;
}

@media (max-width: 980px) {
  .f-17 {
    font-size: 15.45455px;
  }
}

.f-18 {
  font-size: 18px;
}

@media (max-width: 980px) {
  .f-18 {
    font-size: 16.36364px;
  }
}

.f-19 {
  font-size: 19px;
}

@media (max-width: 980px) {
  .f-19 {
    font-size: 14.61538px;
  }
}

.f-20 {
  font-size: 20px;
}

@media (max-width: 980px) {
  .f-20 {
    font-size: 15.38462px;
  }
}

.f-21 {
  font-size: 21px;
}

@media (max-width: 980px) {
  .f-21 {
    font-size: 16.15385px;
  }
}

.f-22 {
  font-size: 22px;
}

@media (max-width: 980px) {
  .f-22 {
    font-size: 16.92308px;
  }
}

.f-23 {
  font-size: 23px;
}

@media (max-width: 980px) {
  .f-23 {
    font-size: 17.69231px;
  }
}

.f-24 {
  font-size: 24px;
}

@media (max-width: 980px) {
  .f-24 {
    font-size: 18.46154px;
  }
}

.f-25 {
  font-size: 25px;
}

@media (max-width: 980px) {
  .f-25 {
    font-size: 19.23077px;
  }
}

.f-26 {
  font-size: 26px;
}

@media (max-width: 980px) {
  .f-26 {
    font-size: 20px;
  }
}

.f-27 {
  font-size: 27px;
}

@media (max-width: 980px) {
  .f-27 {
    font-size: 20.76923px;
  }
}

.f-28 {
  font-size: 28px;
}

@media (max-width: 980px) {
  .f-28 {
    font-size: 21.53846px;
  }
}

.f-29 {
  font-size: 29px;
}

@media (max-width: 1600px) {
  .f-29 {
    font-size: 24.16667px;
  }
}

@media (max-width: 980px) {
  .f-29 {
    font-size: 17.05882px;
  }
}

.f-30 {
  font-size: 30px;
}

@media (max-width: 1600px) {
  .f-30 {
    font-size: 25px;
  }
}

@media (max-width: 980px) {
  .f-30 {
    font-size: 17.64706px;
  }
}

.f-31 {
  font-size: 31px;
}

@media (max-width: 1600px) {
  .f-31 {
    font-size: 25.83333px;
  }
}

@media (max-width: 980px) {
  .f-31 {
    font-size: 18.23529px;
  }
}

.f-32 {
  font-size: 32px;
}

@media (max-width: 1600px) {
  .f-32 {
    font-size: 26.66667px;
  }
}

@media (max-width: 980px) {
  .f-32 {
    font-size: 18.82353px;
  }
}

.f-33 {
  font-size: 33px;
}

@media (max-width: 1600px) {
  .f-33 {
    font-size: 27.5px;
  }
}

@media (max-width: 980px) {
  .f-33 {
    font-size: 19.41176px;
  }
}

.f-34 {
  font-size: 34px;
}

@media (max-width: 1600px) {
  .f-34 {
    font-size: 28.33333px;
  }
}

@media (max-width: 980px) {
  .f-34 {
    font-size: 20px;
  }
}

.f-35 {
  font-size: 35px;
}

@media (max-width: 1600px) {
  .f-35 {
    font-size: 29.16667px;
  }
}

@media (max-width: 980px) {
  .f-35 {
    font-size: 20.58824px;
  }
}

.f-36 {
  font-size: 36px;
}

@media (max-width: 1600px) {
  .f-36 {
    font-size: 30px;
  }
}

@media (max-width: 980px) {
  .f-36 {
    font-size: 21.17647px;
  }
}

.f-37 {
  font-size: 37px;
}

@media (max-width: 1600px) {
  .f-37 {
    font-size: 30.83333px;
  }
}

@media (max-width: 980px) {
  .f-37 {
    font-size: 21.76471px;
  }
}

.f-38 {
  font-size: 38px;
}

@media (max-width: 1600px) {
  .f-38 {
    font-size: 31.66667px;
  }
}

@media (max-width: 980px) {
  .f-38 {
    font-size: 22.35294px;
  }
}

.f-39 {
  font-size: 39px;
}

@media (max-width: 1600px) {
  .f-39 {
    font-size: 32.5px;
  }
}

@media (max-width: 980px) {
  .f-39 {
    font-size: 19.5px;
  }
}

.f-40 {
  font-size: 40px;
}

@media (max-width: 1600px) {
  .f-40 {
    font-size: 33.33333px;
  }
}

@media (max-width: 980px) {
  .f-40 {
    font-size: 20px;
  }
}

.f-41 {
  font-size: 41px;
}

@media (max-width: 1600px) {
  .f-41 {
    font-size: 34.16667px;
  }
}

@media (max-width: 980px) {
  .f-41 {
    font-size: 20.5px;
  }
}

.f-42 {
  font-size: 42px;
}

@media (max-width: 1600px) {
  .f-42 {
    font-size: 35px;
  }
}

@media (max-width: 980px) {
  .f-42 {
    font-size: 21px;
  }
}

.f-43 {
  font-size: 43px;
}

@media (max-width: 1600px) {
  .f-43 {
    font-size: 35.83333px;
  }
}

@media (max-width: 980px) {
  .f-43 {
    font-size: 21.5px;
  }
}

.f-44 {
  font-size: 44px;
}

@media (max-width: 1600px) {
  .f-44 {
    font-size: 36.66667px;
  }
}

@media (max-width: 980px) {
  .f-44 {
    font-size: 22px;
  }
}

.f-45 {
  font-size: 45px;
}

@media (max-width: 1600px) {
  .f-45 {
    font-size: 37.5px;
  }
}

@media (max-width: 980px) {
  .f-45 {
    font-size: 22.5px;
  }
}

.f-46 {
  font-size: 46px;
}

@media (max-width: 1600px) {
  .f-46 {
    font-size: 38.33333px;
  }
}

@media (max-width: 980px) {
  .f-46 {
    font-size: 23px;
  }
}

.f-47 {
  font-size: 47px;
}

@media (max-width: 1600px) {
  .f-47 {
    font-size: 39.16667px;
  }
}

@media (max-width: 980px) {
  .f-47 {
    font-size: 23.5px;
  }
}

.f-48 {
  font-size: 48px;
}

@media (max-width: 1600px) {
  .f-48 {
    font-size: 40px;
  }
}

@media (max-width: 980px) {
  .f-48 {
    font-size: 24px;
  }
}

.f-49 {
  font-size: 49px;
}

@media (max-width: 1600px) {
  .f-49 {
    font-size: 40.83333px;
  }
}

@media (max-width: 980px) {
  .f-49 {
    font-size: 24.5px;
  }
}

.f-50 {
  font-size: 50px;
}

@media (max-width: 1600px) {
  .f-50 {
    font-size: 41.66667px;
  }
}

@media (max-width: 980px) {
  .f-50 {
    font-size: 25px;
  }
}

.f-51 {
  font-size: 51px;
}

@media (max-width: 1600px) {
  .f-51 {
    font-size: 42.5px;
  }
}

@media (max-width: 980px) {
  .f-51 {
    font-size: 25.5px;
  }
}

.f-52 {
  font-size: 52px;
}

@media (max-width: 1600px) {
  .f-52 {
    font-size: 43.33333px;
  }
}

@media (max-width: 980px) {
  .f-52 {
    font-size: 26px;
  }
}

.f-53 {
  font-size: 53px;
}

@media (max-width: 1600px) {
  .f-53 {
    font-size: 44.16667px;
  }
}

@media (max-width: 980px) {
  .f-53 {
    font-size: 26.5px;
  }
}

.f-54 {
  font-size: 54px;
}

@media (max-width: 1600px) {
  .f-54 {
    font-size: 45px;
  }
}

@media (max-width: 980px) {
  .f-54 {
    font-size: 27px;
  }
}

.f-55 {
  font-size: 55px;
}

@media (max-width: 1600px) {
  .f-55 {
    font-size: 45.83333px;
  }
}

@media (max-width: 980px) {
  .f-55 {
    font-size: 27.5px;
  }
}

.f-56 {
  font-size: 56px;
}

@media (max-width: 1600px) {
  .f-56 {
    font-size: 46.66667px;
  }
}

@media (max-width: 980px) {
  .f-56 {
    font-size: 28px;
  }
}

.f-57 {
  font-size: 57px;
}

@media (max-width: 1600px) {
  .f-57 {
    font-size: 47.5px;
  }
}

@media (max-width: 980px) {
  .f-57 {
    font-size: 28.5px;
  }
}

.f-58 {
  font-size: 58px;
}

@media (max-width: 1600px) {
  .f-58 {
    font-size: 48.33333px;
  }
}

@media (max-width: 980px) {
  .f-58 {
    font-size: 29px;
  }
}

.f-59 {
  font-size: 59px;
}

@media (max-width: 1600px) {
  .f-59 {
    font-size: 49.16667px;
  }
}

@media (max-width: 980px) {
  .f-59 {
    font-size: 29.5px;
  }
}

.f-60 {
  font-size: 60px;
}

@media (max-width: 1600px) {
  .f-60 {
    font-size: 50px;
  }
}

@media (max-width: 980px) {
  .f-60 {
    font-size: 30px;
  }
}

.f-61 {
  font-size: 61px;
}

@media (max-width: 1600px) {
  .f-61 {
    font-size: 50.83333px;
  }
}

@media (max-width: 980px) {
  .f-61 {
    font-size: 30.5px;
  }
}

.f-62 {
  font-size: 62px;
}

@media (max-width: 1600px) {
  .f-62 {
    font-size: 51.66667px;
  }
}

@media (max-width: 980px) {
  .f-62 {
    font-size: 31px;
  }
}

.f-63 {
  font-size: 63px;
}

@media (max-width: 1600px) {
  .f-63 {
    font-size: 52.5px;
  }
}

@media (max-width: 980px) {
  .f-63 {
    font-size: 31.5px;
  }
}

.f-64 {
  font-size: 64px;
}

@media (max-width: 1600px) {
  .f-64 {
    font-size: 53.33333px;
  }
}

@media (max-width: 980px) {
  .f-64 {
    font-size: 32px;
  }
}

.f-65 {
  font-size: 65px;
}

@media (max-width: 1600px) {
  .f-65 {
    font-size: 54.16667px;
  }
}

@media (max-width: 980px) {
  .f-65 {
    font-size: 32.5px;
  }
}

.f-66 {
  font-size: 66px;
}

@media (max-width: 1600px) {
  .f-66 {
    font-size: 55px;
  }
}

@media (max-width: 980px) {
  .f-66 {
    font-size: 33px;
  }
}

.f-67 {
  font-size: 67px;
}

@media (max-width: 1600px) {
  .f-67 {
    font-size: 55.83333px;
  }
}

@media (max-width: 980px) {
  .f-67 {
    font-size: 33.5px;
  }
}

.f-68 {
  font-size: 68px;
}

@media (max-width: 1600px) {
  .f-68 {
    font-size: 56.66667px;
  }
}

@media (max-width: 980px) {
  .f-68 {
    font-size: 34px;
  }
}

.f-69 {
  font-size: 69px;
}

@media (max-width: 1600px) {
  .f-69 {
    font-size: 57.5px;
  }
}

@media (max-width: 980px) {
  .f-69 {
    font-size: 34.5px;
  }
}

.f-70 {
  font-size: 70px;
}

@media (max-width: 1600px) {
  .f-70 {
    font-size: 58.33333px;
  }
}

@media (max-width: 980px) {
  .f-70 {
    font-size: 35px;
  }
}

.f-71 {
  font-size: 71px;
}

@media (max-width: 1600px) {
  .f-71 {
    font-size: 59.16667px;
  }
}

@media (max-width: 980px) {
  .f-71 {
    font-size: 35.5px;
  }
}

.f-72 {
  font-size: 72px;
}

@media (max-width: 1600px) {
  .f-72 {
    font-size: 60px;
  }
}

@media (max-width: 980px) {
  .f-72 {
    font-size: 36px;
  }
}

.f-73 {
  font-size: 73px;
}

@media (max-width: 1600px) {
  .f-73 {
    font-size: 60.83333px;
  }
}

@media (max-width: 980px) {
  .f-73 {
    font-size: 36.5px;
  }
}

.f-74 {
  font-size: 74px;
}

@media (max-width: 1600px) {
  .f-74 {
    font-size: 61.66667px;
  }
}

@media (max-width: 980px) {
  .f-74 {
    font-size: 37px;
  }
}

.f-75 {
  font-size: 75px;
}

@media (max-width: 1600px) {
  .f-75 {
    font-size: 62.5px;
  }
}

@media (max-width: 980px) {
  .f-75 {
    font-size: 37.5px;
  }
}

.f-76 {
  font-size: 76px;
}

@media (max-width: 1600px) {
  .f-76 {
    font-size: 63.33333px;
  }
}

@media (max-width: 980px) {
  .f-76 {
    font-size: 38px;
  }
}

.f-77 {
  font-size: 77px;
}

@media (max-width: 1600px) {
  .f-77 {
    font-size: 64.16667px;
  }
}

@media (max-width: 980px) {
  .f-77 {
    font-size: 38.5px;
  }
}

.f-78 {
  font-size: 78px;
}

@media (max-width: 1600px) {
  .f-78 {
    font-size: 65px;
  }
}

@media (max-width: 980px) {
  .f-78 {
    font-size: 39px;
  }
}

.f-79 {
  font-size: 79px;
}

@media (max-width: 1600px) {
  .f-79 {
    font-size: 65.83333px;
  }
}

@media (max-width: 980px) {
  .f-79 {
    font-size: 39.5px;
  }
}

.f-80 {
  font-size: 80px;
}

@media (max-width: 1600px) {
  .f-80 {
    font-size: 66.66667px;
  }
}

@media (max-width: 980px) {
  .f-80 {
    font-size: 40px;
  }
}

.f-81 {
  font-size: 81px;
}

@media (max-width: 1600px) {
  .f-81 {
    font-size: 67.5px;
  }
}

@media (max-width: 980px) {
  .f-81 {
    font-size: 40.5px;
  }
}

.f-82 {
  font-size: 82px;
}

@media (max-width: 1600px) {
  .f-82 {
    font-size: 68.33333px;
  }
}

@media (max-width: 980px) {
  .f-82 {
    font-size: 41px;
  }
}

.f-83 {
  font-size: 83px;
}

@media (max-width: 1600px) {
  .f-83 {
    font-size: 69.16667px;
  }
}

@media (max-width: 980px) {
  .f-83 {
    font-size: 41.5px;
  }
}

.f-84 {
  font-size: 84px;
}

@media (max-width: 1600px) {
  .f-84 {
    font-size: 70px;
  }
}

@media (max-width: 980px) {
  .f-84 {
    font-size: 42px;
  }
}

.f-85 {
  font-size: 85px;
}

@media (max-width: 1600px) {
  .f-85 {
    font-size: 70.83333px;
  }
}

@media (max-width: 980px) {
  .f-85 {
    font-size: 42.5px;
  }
}

.f-86 {
  font-size: 86px;
}

@media (max-width: 1600px) {
  .f-86 {
    font-size: 71.66667px;
  }
}

@media (max-width: 980px) {
  .f-86 {
    font-size: 43px;
  }
}

.f-87 {
  font-size: 87px;
}

@media (max-width: 1600px) {
  .f-87 {
    font-size: 72.5px;
  }
}

@media (max-width: 980px) {
  .f-87 {
    font-size: 43.5px;
  }
}

.f-88 {
  font-size: 88px;
}

@media (max-width: 1600px) {
  .f-88 {
    font-size: 73.33333px;
  }
}

@media (max-width: 980px) {
  .f-88 {
    font-size: 44px;
  }
}

.f-89 {
  font-size: 89px;
}

@media (max-width: 1600px) {
  .f-89 {
    font-size: 74.16667px;
  }
}

@media (max-width: 980px) {
  .f-89 {
    font-size: 44.5px;
  }
}

.f-90 {
  font-size: 90px;
}

@media (max-width: 1600px) {
  .f-90 {
    font-size: 75px;
  }
}

@media (max-width: 980px) {
  .f-90 {
    font-size: 45px;
  }
}

.f-91 {
  font-size: 91px;
}

@media (max-width: 1600px) {
  .f-91 {
    font-size: 75.83333px;
  }
}

@media (max-width: 980px) {
  .f-91 {
    font-size: 45.5px;
  }
}

.f-92 {
  font-size: 92px;
}

@media (max-width: 1600px) {
  .f-92 {
    font-size: 76.66667px;
  }
}

@media (max-width: 980px) {
  .f-92 {
    font-size: 46px;
  }
}

.f-93 {
  font-size: 93px;
}

@media (max-width: 1600px) {
  .f-93 {
    font-size: 77.5px;
  }
}

@media (max-width: 980px) {
  .f-93 {
    font-size: 46.5px;
  }
}

.f-94 {
  font-size: 94px;
}

@media (max-width: 1600px) {
  .f-94 {
    font-size: 78.33333px;
  }
}

@media (max-width: 980px) {
  .f-94 {
    font-size: 47px;
  }
}

.f-95 {
  font-size: 95px;
}

@media (max-width: 1600px) {
  .f-95 {
    font-size: 79.16667px;
  }
}

@media (max-width: 980px) {
  .f-95 {
    font-size: 47.5px;
  }
}

.f-96 {
  font-size: 96px;
}

@media (max-width: 1600px) {
  .f-96 {
    font-size: 80px;
  }
}

@media (max-width: 980px) {
  .f-96 {
    font-size: 48px;
  }
}

.f-97 {
  font-size: 97px;
}

@media (max-width: 1600px) {
  .f-97 {
    font-size: 80.83333px;
  }
}

@media (max-width: 980px) {
  .f-97 {
    font-size: 48.5px;
  }
}

.f-98 {
  font-size: 98px;
}

@media (max-width: 1600px) {
  .f-98 {
    font-size: 81.66667px;
  }
}

@media (max-width: 980px) {
  .f-98 {
    font-size: 49px;
  }
}

.f-99 {
  font-size: 99px;
}

@media (max-width: 1600px) {
  .f-99 {
    font-size: 82.5px;
  }
}

@media (max-width: 980px) {
  .f-99 {
    font-size: 49.5px;
  }
}

.f-100 {
  font-size: 100px;
}

@media (max-width: 1600px) {
  .f-100 {
    font-size: 83.33333px;
  }
}

@media (max-width: 980px) {
  .f-100 {
    font-size: 50px;
  }
}

.table-wrapper {
  width: 100%;
  overflow-x: auto;
}

td,
th {
  padding: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: #eee;
}

@media (max-width: 980px) {
  td,
  th {
    width: 30%;
    text-wrap: nowrap;
  }
  td p,
  th p {
    text-wrap: nowrap;
  }
}

.flex {
  display: flex;
}

.flex.j-c-c {
  justify-content: center;
}

.flex.j-c-s-b {
  justify-content: space-between;
}

.flex.j-c-e {
  justify-content: end;
  justify-content: flex-end;
}

.flex.f-w-w {
  flex-wrap: wrap;
}

.flex.a-i-c {
  align-items: center;
}

.flex.a-i-e {
  align-items: end;
  align-items: flex-end;
}

.a-line {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.b-line {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

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

body,
html {
  margin: 0;
  padding: 0;
  font-family: "hm-r", "Microsoft YaHei", "微软雅黑";
  font-size: 16px;
  line-height: 1.5;
  color: #5a5a5a;
}

@media (max-width: 980px) {
  body,
  html {
    font-size: 15px;
  }
}

input,
select,
textarea {
  padding: 0;
  margin: 0;
  outline: none;
  font-family: "hm-r", "Microsoft YaHei", "微软雅黑";
}

.site-header {
  position: relative;
  z-index: 999;
}

@media only screen and (max-width: 1200px) {
  .site-header .container {
    width: auto;
  }
}

.site-header ul,
.site-header ol {
  margin-bottom: 0;
}

.site-header .navbar-toggler {
  display: none;
}

.home .sticky-wrapper,
.dpang .sticky-wrapper {
  height: auto !important;
}

@media only screen and (max-width: 991px) {
  .sticky-wrapper {
    height: auto !important;
  }
}

.dpang .sticky-header .main-bar {
  background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 980px) {
  .dpang .sticky-header .main-bar {
    background-color: white;
  }
}

.main-bar .container {
  max-width: 1000px;
}

.dpang .header-nav .nav > li > a {
  color: #fff !important;
}

.dpang .header-nav .nav > li > a::after {
  background-color: #fff !important;
}

/*-------------------------------------
	header full screen
-------------------------------------*/
.sticky-header {
  position: absolute;
  top: 0;
  width: 100%;
}

@media (max-width: 1000px) {
  .sticky-header {
    position: fixed;
    background-color: #fff;
  }
}

.nav-wide .container {
  width: 100%;
}

/*-------------------------------------
	without top bar
-------------------------------------*/
.extra-nav {
  display: table;
  float: right;
  height: 70px;
  position: relative;
  z-index: 9;
}

.extra-nav .extra-cell {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle;
}

.extra-nav .extra-cell > a {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.extra-nav .extra-cell > a:hover {
  color: #0082CA;
}

.extra-nav .extra-cell > a i.arrow-animation {
  font-size: 24px;
}

/*-------------------------------------
	map page header
-------------------------------------*/
#header-part.fix-map-header {
  height: 90px;
}

@media only screen and (max-width: 480px) {
  #header-part.fix-map-header {
    height: 160px;
  }
}

#header-part.fix-map-header .main-bar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}

/*____ LOGO ( company identify  symbol )
======================================*/
/*-------------------------------------
	logo for header 
-------------------------------------*/
.logo-header {
  display: table;
  float: left;
  width: 80px;
  height: 50px;
  vertical-align: middle;
  padding: 0;
  font-size: 36px;
  color: #1bbce8;
  margin-top: 6px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  z-index: 11;
}

@media only screen and (max-width: 991px) {
  .logo-header {
    width: 80px;
  }
}

@media only screen and (max-width: 480px) {
  .logo-header {
    width: 80px;
  }
}

.logo-header-inner {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

.logo-header-inner a {
  line-height: initial;
}

.logo-header-inner a:nth-child(1) {
  display: block;
}

@media (max-width: 980px) {
  .logo-header-inner a:nth-child(1) {
    display: none;
  }
}

.logo-header-inner a:nth-child(2) {
  display: none;
}

@media (max-width: 980px) {
  .logo-header-inner a:nth-child(2) {
    display: block;
  }
}

.logo-header-inner img {
  max-width: 100%;
  max-height: 100%;
}

/*-------------------------------------
	when header is sticky 
-------------------------------------*/
.is-fixed .logo-header {
  height: 50px;
}

/*____MAIN BAR ( place logo & main-navigation )
======================================*/
@media only screen and (max-width: 980px) {
  .appint-btn {
    display: flex;
    justify-content: space-between;
  }
}

.appint-btn a {
  margin: 0 7px;
  color: #fff;
  letter-spacing: 1px;
  background: transparent;
}

.header-style-1.header-dark-1 .appint-btn a {
  border: 1px solid #000;
}

/*-------------------------------------
	eamil-phone (left) 
-------------------------------------*/
.e-p-bx {
  padding: 7px 0px;
}

.e-p-bx li {
  display: inline;
  font-size: 12px;
  padding-right: 10px;
  font-weight: 500;
}

.e-p-bx li a {
  color: #FFF;
}

.e-p-bx li i {
  margin-right: 5px;
  vertical-align: middle;
}

/*-------------------------------------
	social-links (right) 
-------------------------------------*/
.social-bx,
.login-bx {
  margin: 0 0 0 15px;
  float: right;
}

@media only screen and (max-width: 480px) {
  .social-bx,
  .e-p-bx,
  .login-bx {
    margin-top: 5px;
    margin-bottom: 5px !important;
  }
}

.social-bx li,
.login-bx li {
  font-size: 12px;
  margin: 0;
  position: relative;
}

.social-bx li a,
.login-bx li a {
  color: #000;
  font-size: 14px;
}

.social-bx li i,
.login-bx li i {
  vertical-align: baseline;
  margin: 0 5px 0 0;
}

.social-bx li span,
.login-bx li span {
  vertical-align: baseline;
  margin: 0 2px 0;
  font-size: 8px;
}

.social-bx li {
  padding-left: 2px;
  padding-right: 2px;
}

.login-bx li ul {
  top: 25px;
  left: auto;
  right: 0;
  border: none;
  padding: 0;
}

.login-bx li ul li {
  border-bottom: 1px solid #F7F7F7;
}

.login-bx li ul li a {
  color: #767676;
  padding: 9px 15px;
}

.arrow-up-border:before,
.arrow-up:after {
  position: absolute;
  display: inline-block;
  content: '';
}

.arrow-up-border:before {
  top: -7px;
  right: 19px;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #F00;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}

.arrow-up:after {
  top: -6px;
  right: 20px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
}

.arrow-left:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.arrow-left:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

/*------------- top share icon block ----------------------*/
.share-icon-btn {
  display: block;
}

.share-icon-btn .dropdown-menu {
  padding: 0px 20px;
  min-width: 60px;
  top: 53px;
  left: -10px;
}

.share-icon-btn .social-bx {
  clear: both;
  float: none;
  margin-left: 0px;
}

.share-icon-btn .social-bx.list-inline > li {
  display: block;
  margin: 10px 0px 15px 0px;
}

.share-icon-btn2 {
  display: block;
}

.share-icon-btn2 .dropdown-menu {
  padding: 0px 20px;
  min-width: 60px;
  top: 53px;
  left: -10px;
}

.share-icon-btn2 .social-bx {
  clear: both;
  float: none;
  margin-left: 0px;
}

.share-icon-btn2 .social-bx.list-inline > li {
  display: block;
  margin: 10px 0px;
}

@media only screen and (max-width: 991px) {
  .header-top-info .mt-topbar-right {
    padding-left: 0px;
    padding-right: 0px;
  }
  .header-top-info .social-bx {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 480px) {
  .header-top-info {
    display: none;
  }
}

/*-----------------------------------*/
.main-bar {
  position: relative;
  width: 100%;
  padding: 30px 0px;
  transition: all 0.5s ease;
}

@media only screen and (max-width: 480px) {
  .main-bar {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.main-bar::after {
  clear: both;
  content: "";
  display: table;
}

.main-bar.bg-white .header-nav .nav > li > a {
  color: #0F2966 !important;
}

.main-bar.bg-white .header-nav .nav > li > a::after {
  background-color: #487EFF !important;
}

.main-bar.bg-white .header-nav .pc-so .fa {
  color: #0F2966;
}

.main-bar.bg-white .header-nav .pc-so .fa:hover {
  color: var(--textActiveColor);
}

.main-bar.bg-white .logo-header-inner a:nth-child(1) {
  display: none;
}

.main-bar.bg-white .logo-header-inner a:nth-child(2) {
  display: block;
}

/*header info css*/
.header-style-2 .header-info {
  float: none;
}

.header-info {
  float: right;
  padding: 10px 0;
}

.header-info > ul {
  list-style: none;
  display: table;
}

.header-info > ul li {
  display: table-cell;
  padding: 15px 10px;
  vertical-align: middle;
}

.header-info > ul li .icon-sm {
  float: left;
  margin-right: 15px;
}

.header-info > ul li strong {
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  color: #1a1a1a;
}

@media only screen and (max-width: 767px) {
  .header-info > ul li.btn-col-last,
  .header-info {
    display: none;
  }
}

.header-botton {
  background-color: #222;
}

.header-botton .header-nav .nav {
  float: none;
}

.header-botton .header-nav .nav > li > a {
  padding: 20px 12px;
  color: #000;
}

.header-botton .extra-nav {
  padding: 13px 0;
}

.header-botton .extra-nav .site-search-btn {
  color: #fff;
  padding: 7px 15px;
}

.header-botton .extra-nav .mt-cart .woo-cart-count {
  border: 2px solid #fff;
  color: #fff;
  min-width: 36px;
  padding: 5px 5px 5px;
}

.header-botton .extra-nav .mt-cart .woo-cart-count::before {
  border-color: #fff;
}

.header-style-1 .is-fixed.color-fill .main-bar {
  background: #fff;
}

.top-bar.bg-gray {
  color: inherit;
  padding: 6px 0;
  background-color: #00a0e9;
}

.top-bar.bg-gray .fa {
  color: #fff;
}

.mt-topbar-left,
.mt-topbar-right,
.mt-topbar-center {
  padding-left: 0;
  padding-right: 0;
  width: auto;
}

.mt-topbar-left a,
.mt-topbar-right a,
.mt-topbar-center a {
  color: #fff !important;
}

.mt-topbar-center {
  text-align: center;
}

.header-style-1 .header-nav .nav {
  float: right;
  display: flex;
  justify-content: flex-end;
  flex-direction: inherit;
}

.header-style-1 .header-nav .nav > li > a {
  display: block;
  position: relative;
}

.header-style-1 .header-nav .has-child.nav-active > a + .submenu-toogle.fa.fa-angle-right:before {
  content: "\f107";
}

.header-style-1 .header-middle .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-style-1 .navbar-toggler .icon-bar {
  background: var(--textActiveColor);
  height: 3px;
  border-radius: 0;
  display: block;
  width: 22px;
}

.header-style-1 .navbar-toggler .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media only screen and (max-width: 991px) {
  .header-style-1 .mt-topbar-left,
  .header-style-1 .mt-topbar-right {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .header-style-1 .mt-topbar-left ul li:last-child {
    display: none;
  }
  .site-header .navbar-toggler {
    display: block;
  }
  .site-header .navbar-toggler {
    float: right;
    padding: 0px 0px 0px 30px;
    position: relative;
    margin: 26px 0px;
  }
  .header-style-1 .is-fixed .navbar-toggler {
    margin: 26px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .header-style-1 .mt-topbar-left ul li {
    display: block;
    padding-bottom: 1px;
  }
  .header-style-1 .mt-topbar-left ul li:last-child {
    padding-bottom: 0px;
  }
  .header-style-1 .top-bar .row {
    display: table;
    width: 100%;
    float: none;
    margin: 0px;
  }
  .header-style-1 .top-bar .row .mt-topbar-left,
  .header-style-1 .top-bar .row .mt-topbar-right {
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 0px;
  }
  .header-style-1 .top-bar .row .mt-topbar-left {
    text-align: left;
  }
}

@media only screen and (max-width: 767px) and (max-width: 480px) {
  .header-style-1 .top-bar .row .mt-topbar-left {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .header-style-1 .top-bar .row .mt-topbar-left .e-p-bx {
    float: none !important;
  }
  .header-style-1 .top-bar .row .mt-topbar-right {
    text-align: right;
  }
}

@media only screen and (max-width: 767px) and (max-width: 480px) {
  .header-style-1 .top-bar .row .mt-topbar-right {
    display: block;
    float: none;
    padding: 0px;
    margin-bottom: 10px;
    text-align: left;
    margin-top: 10px;
  }
}

.top-bar.bg-gray {
  color: inherit;
}

/*____ NAVIGATIONS 
======================================*/
/*-------------------------------------
	mega-menu
-------------------------------------*/
.navbar-toggler {
  border: none;
  margin-top: 24px;
  margin-bottom: 24px;
  margin-left: 15px;
  margin-right: -10px;
  padding: 12px 10px;
}

.navbar-toggler .icon-bar {
  background: #000;
  height: 3px;
  border-radius: 0;
  -webkit-border-radius: 0;
}

.navbar-toggler .icon-bar {
  background: #000;
  height: 3px;
  border-radius: 0;
  -webkit-border-radius: 0;
}

@media only screen and (max-width: 480px) {
  .navbar-toggler {
    margin-left: 10px;
  }
  .extra-nav .extra-cell {
    margin-left: 0;
  }
}

.is-fixed .navbar-toggler {
  margin-top: 14px;
  margin-bottom: 14px;
}

.header-nav {
  position: relative;
  padding: 0px;
  z-index: 7;
  display: flex !important;
  justify-content: end;
}

.header-nav .nav {
  float: right;
  display: flex;
  justify-content: flex-end;
  flex-direction: inherit;
}

.header-nav .nav i {
  font-size: 9px;
  margin-left: 3px;
  margin-top: -3px;
  vertical-align: middle;
  opacity: 0.7;
}

.header-nav .nav > li {
  font-weight: 500;
  position: relative;
  text-transform: capitalize;
  margin: -10px 3px;
  padding: 10px 5px;
}

.header-nav .nav > li > a {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  color: #0F2966;
  font-size: 14px;
  padding: 32px 25px;
  cursor: pointer;
  margin: -10px 0;
}

.header-nav .nav > li > a::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #487EFF;
  left: calc(50% - 3px);
  bottom: 15px;
  opacity: 0;
  transition: all .5s;
}

@media only screen and (max-width: 980px) {
  .header-nav .nav > li > a {
    font-weight: 500;
  }
}

.header-nav .nav > li > a:hover {
  background-color: transparent;
  color: #0F2966;
}

.header-nav .nav > li > a:active, .header-nav .nav > li > a:focus {
  background-color: transparent;
}

.header-nav .nav > li.active > a,
.header-nav .nav > li.current-menu-item > a {
  background-color: transparent;
  color: var(--textActiveColor);
  font-weight: 600;
}

.header-nav .nav > li.active > a::after,
.header-nav .nav > li.current-menu-item > a::after {
  opacity: 1;
}

.header-nav .nav > li:hover a {
  color: var(--textActiveColor);
}

.header-nav .nav > li:hover a::after {
  opacity: 1;
}

.header-nav .nav > li:hover > .sub-menu,
.header-nav .nav > li:hover > .mega-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
  transition: all 0.3s ease;
}

.header-nav .nav > li .sub-menu {
  background-color: #ffffff;
  border: 1px solid #f4f4f4;
  display: block;
  left: 0;
  top: 100%;
  list-style: none;
  margin: 20px 0 0;
  opacity: 0;
  padding: 0px;
  position: absolute;
  visibility: hidden;
  width: 100%;
  z-index: 10;
}

.header-nav .nav > li .sub-menu li {
  position: relative;
  text-transform: none;
}

.header-nav .nav > li .sub-menu li a {
  color: #000;
  display: block;
  font-size: 14px;
  padding: 14px 20px;
  font-weight: 400;
  border-left: 0px solid transparent;
  transition: all 0.2s linear;
}

@media (max-width: 980px) {
  .header-nav .nav > li .sub-menu li a {
    padding: 7px 20px;
  }
}

.header-nav .nav > li .sub-menu li a > i {
  font-size: 13px;
  margin-right: 5px;
  min-width: 20px;
}

.header-nav .nav > li .sub-menu li a:hover {
  color: #000;
  text-decoration: none;
  border-left: 4px solid var(--textActiveColor);
}

.header-nav .nav > li .sub-menu li a:hover:after {
  width: 4px;
  left: -1px;
}

.header-nav .nav > li .sub-menu li a:hover > a {
  color: #000;
  background-color: #f6f6f6;
}

.header-nav .nav > li .sub-menu li:last-child {
  border-bottom: 0px;
}

.header-nav .nav > li .sub-menu li .fa {
  color: #000;
  display: block;
  float: right;
  position: absolute;
  right: 0px;
  top: 10px;
  width: 40px;
  height: 30px;
  text-align: center;
  line-height: 10px;
  z-index: -1;
}

.header-nav .nav > li .sub-menu li > .sub-menu {
  left: 240px;
  top: 0px;
  margin: 0 0 0 20px;
  transition: all 0.3s ease;
}

.header-nav .nav > li .sub-menu li:hover .fa {
  color: #000;
}

.header-nav .nav > li .sub-menu li:hover > .sub-menu {
  left: 240px;
  margin: 0px;
  opacity: 1;
  top: -1px;
  visibility: visible;
}

.header-nav .nav > li .sub-menu li:hover > .sub-menu:before {
  background-color: transparent;
  bottom: 0px;
  content: '';
  display: block;
  height: 100%;
  left: -6px;
  position: absolute;
  top: 0px;
  width: 6px;
}

.header-nav .nav > li .sub-menu li.active > a {
  color: var(--textActiveColor);
}

.header-nav .nav > li.has-mega-menu {
  position: inherit;
}

.header-nav .nav > li .mega-menu {
  background-color: #ffffff;
  border: 1px solid #e9e9e9;
  display: table;
  left: 0px;
  list-style: none;
  opacity: 0;
  position: absolute;
  right: 0px;
  visibility: hidden;
  width: 100%;
  margin-top: 20px;
  z-index: 10;
}

.header-nav .nav > li .mega-menu > li {
  display: table-cell;
  padding: 10px 0;
  position: relative;
  vertical-align: top;
  width: 25%;
  text-transform: none;
}

.header-nav .nav > li .mega-menu > li:after {
  content: "";
  background-color: rgba(204, 204, 204, 0.4);
  position: absolute;
  right: 0px;
  top: 0px;
  display: block;
  width: 1px;
  height: 100%;
}

.header-nav .nav > li .mega-menu > li:last-child:after {
  display: none;
}

.header-nav .nav > li .mega-menu > li > a {
  color: #555555;
  display: block;
  font-size: 14px;
  padding: 0 20px;
}

.header-nav .nav > li .mega-menu > li ul {
  list-style: none;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}

.header-nav .nav > li .mega-menu > li ul a {
  color: #474747;
  display: block;
  font-size: 13px;
  line-height: 34px;
  padding: 2px 20px;
}

.header-nav .nav > li .mega-menu > li ul a:hover {
  color: var(--textActiveColor);
  background-color: #F2F2F2;
}

.header-nav .nav > li.menu-item-has-children:before {
  content: "\f078";
  display: block;
  font-family: "FontAwesome";
  right: 4px;
  position: absolute;
  top: 50%;
  color: #999;
  margin-top: -8px;
  font-size: 8px;
}

.header-nav .nav > li.submenu-direction .sub-menu {
  left: auto;
  right: 0;
}

.header-nav .nav > li.submenu-direction .sub-menu li > .sub-menu {
  left: auto;
  right: 220px;
  margin: 0 20px 0 0;
}

.header-nav .nav > li.submenu-direction .sub-menu li > .sub-menu li:hover.sub-menu {
  left: auto;
  right: 220px;
  margin: 0 0 0 0;
}

.header-nav .nav > .has-child > a .fa-angle-down {
  margin-left: 10px;
}

@media only screen and (max-width: 991px) {
  .header-nav .nav > .has-child > a .fa-angle-down {
    display: none;
  }
}

/*-- Submenu direction---*/
.has-child .submenu-toogle {
  position: absolute;
  right: 4px;
  top: 4px;
  color: #000;
  background-color: transparent;
  z-index: 900;
  cursor: pointer;
  padding: 10px;
  display: none;
}

@media only screen and (max-width: 980px) {
  .has-child .submenu-toogle {
    display: flex;
    justify-content: space-between;
  }
}

.header-nav .has-child li .submenu-toogle {
  opacity: 0.9;
}

.header-nav .has-child.nav-active > a + .submenu-toogle.fa.fa-angle-right:before {
  content: "\f107";
}

/*.header-nav .nav > li:last-child{display:none;}*/
@media only screen and (max-width: 991px) {
  header .logo {
    display: block;
    padding: 4px 0;
  }
  .header-nav .nav i {
    margin-top: 6px;
  }
  .header-nav .nav li.has-child.nav-active > a {
    color: var(--textActiveColor);
  }
}

@media only screen and (max-width: 991px) {
  /* responsive strat when media screen [991px] css START*/
  .navbar-header {
    float: none;
  }
  .navbar-toggler {
    display: block;
    margin-top: 14px;
    margin-bottom: 14px;
  }
  /* Responsive strat when medai screen [991px] css END*/
  .header-nav {
    clear: both;
    border-bottom: 1px solid #E9E9E9;
  }
  .header-nav .nav {
    float: none;
    margin: 0;
    background: #fff;
  }
  .header-nav .nav li {
    float: none;
  }
  .header-nav .nav li .sub-menu > li,
  .header-nav .nav li .mega-menu > li {
    float: none;
    display: block;
    width: auto;
  }
  .header-nav .nav li .sub-menu > li a {
    padding-left: 30px;
  }
  .header-nav .nav li.has-child {
    position: relative;
  }
  .header-nav .nav li .sub-menu,
  .header-nav .nav li .mega-menu {
    opacity: 1;
    margin: 0 !important;
  }
  .header-nav .nav > li .sub-menu > li,
  .header-nav .nav > li .mega-menu > li {
    float: none;
    display: block;
    width: auto;
  }
  .header-nav .nav > li > a {
    padding: 12px 15px;
    border-top: 1px solid #E9E9E9;
    color: #777;
  }
  .header-nav .nav > li.active > a, .header-nav .nav > li.current-menu-itema > a {
    color: #000;
  }
  .header-nav .nav > li > a:hover, .header-nav .nav > li > a:active, .header-nav .nav > li > a:focus {
    background-color: #f0f0f0;
    text-decoration: none;
  }
  .header-nav .nav > li .mega-menu > li:after {
    display: none;
  }
  .header-nav .nav > li ul,
  .header-nav .nav > li .sub-menu,
  .header-nav .nav > li .mega-menu {
    display: none;
    position: static;
    visibility: visible;
    width: auto;
    background: #f9f9f9;
  }
  .header-nav .nav > li ul.mega-menu ul {
    display: block;
  }
  .header-nav .nav > li ul.mega-menu ul li:hover ul {
    display: block;
  }
  .header-nav .nav > li .mega-menu > li {
    padding: 0px;
  }
  .header-nav .nav i {
    float: right;
  }
  .has-child .submenu-toogle {
    display: block;
  }
}

.right-nav-header {
  display: table-header-group;
  vertical-align: top;
}

.right-nav-header .r-nav-h-content {
  vertical-align: middle;
  display: table-cell;
}

.right-nav-footer {
  display: table-footer-group;
}

.right-nav-footer .r-nav-f-content {
  vertical-align: bottom;
  display: table-cell;
}

.social-rounded {
  text-align: center;
}

.social-rounded li a {
  font-size: 12px;
  color: #000;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

.social-rounded li a:hover {
  background-color: #000;
  color: #fff;
}

@media only screen and (max-width: 360px) {
  .social-rounded.list-inline > li {
    padding-right: 0px;
  }
}

.vertical-content-wrap .right-nav-header,
.vertical-content-wrap .vertical-content-area,
.vertical-content-wrap .right-nav-footer {
  position: relative;
  top: 20px;
  opacity: 0;
}

.vertical-content-wrap .right-nav-header {
  transition: all 0.5s ease-in;
}

.vertical-content-wrap .vertical-content-area {
  transition: all 1s ease-in;
}

.vertical-content-wrap .right-nav-footer {
  transition: all 1.5s ease-in;
}

/*-------------------------------------
	header dark
-------------------------------------*/
.header-dark-1 .main-bar {
  background-color: #1a1a1a;
}

.header-dark-1 .main-bar .header-nav .nav > li.active > a {
  color: var(--textActiveColor);
}

.header-dark-1 .main-bar .header-nav .nav > li > a {
  color: #fff;
}

.header-dark-1 .main-bar .header-nav .nav > li:hover > a {
  color: var(--textActiveColor);
}

.header-dark-1 .main-bar .header-nav .nav > li .sub-menu li .fa {
  color: #fff;
}

@media only screen and (max-width: 991px) {
  .header-dark-1 .main-bar .header-nav .nav > li > a {
    color: #000;
  }
  .header-dark-1 .main-bar .header-nav .nav > li .sub-menu li .fa {
    color: #000;
  }
}

.header-dark-1 .main-bar .header-nav .nav > li .sub-menu li:hover > a {
  background-color: #121212;
}

.header-dark-1 .main-bar .extra-cell a {
  color: #fff;
}

.header-dark-1 .main-bar .navbar-toggler .icon-bar {
  background-color: #fff;
}

.header-style-1.header-dark-1 .is-fixed.color-fill .main-bar {
  background: #1a1a1a !important;
}

/*-------------------------------------
	nav dark version
-------------------------------------*/
.nav-dark.header-nav .nav > li .sub-menu,
.nav-dark.header-nav .nav > li .mega-menu {
  background-color: #1a1a1a;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.nav-dark.header-nav .nav > li .sub-menu li {
  border-bottom: 1px solid #23282f;
}

.nav-dark.header-nav .nav > li .sub-menu li:last-child {
  border-bottom: 0px;
}

.nav-dark.header-nav .nav > li .sub-menu li a,
.nav-dark.header-nav .nav > li .mega-menu > li ul a,
.nav-dark.header-nav .nav > li .mega-menu > li > a {
  color: #fff;
}

.nav-dark.header-nav .nav > li .mega-menu > li ul a:hover {
  background-color: #23282f;
  color: #FFBC13;
}

.nav-dark.header-nav .nav > li .mega-menu > li:after {
  background-color: rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 991px) {
  .nav-dark.header-nav {
    border-bottom: 1px solid rgba(0, 0, 0, 0.8);
  }
  .nav-dark.header-nav .nav {
    background-color: #0f0f0f;
  }
  .nav-dark.header-nav .nav > li > a {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
  .nav-dark.header-nav .nav > li > a {
    color: #fff;
  }
  .nav-dark.header-nav .nav > li > a:hover,
  .nav-dark.header-nav .nav > li > a:active,
  .nav-dark.header-nav .nav > li > a:focus {
    background-color: #1a1a1a;
    color: #FFBC13;
  }
  .nav-dark.header-nav .nav > li ul,
  .nav-dark.header-nav .nav > li .sub-menu,
  .nav-dark.header-nav .nav > li .mega-menu {
    background-color: #1a1a1a;
  }
  .nav-dark .has-child .submenu-toogle {
    color: #000;
  }
}

/*-------------------------------------
	when header is sticky
-------------------------------------*/
.sticky-no .main-bar {
  position: static !important;
}

/*-------------------------------------
	when header is sticky
-------------------------------------*/
.is-fixed .main-bar {
  position: fixed;
  top: 0;
  left: 0;
}

/*-------------------------------------
 header id Fixed
-------------------------------------*/
/*.is-fixed.color-fill .main-bar {    padding:0px 64px;}*/
.is-fixed.color-fill .header-nav .nav > li {
  margin: 0;
  padding: 0;
}

.is-fixed.color-fill .header-nav .nav > li > a {
  margin: 0;
  padding: 25px 12px;
}

@media only screen and (max-width: 767px) {
  .main-bar,
  .is-fixed .main-bar,
  .is-fixed.color-fill .main-bar {
    padding: 0px;
    background-color: #fff;
  }
}

/*-------------------------------------
	header with bg primary color 1
-------------------------------------*/
.site-bg-primary .header-nav .nav > li > a {
  color: #fff;
}

.site-bg-primary .header-nav .nav > li:hover > a,
.site-bg-primary .header-nav .nav > li.active > a,
.site-bg-primary .header-nav .nav > li.current-menu-item > a {
  color: #1a1a1a;
}

.site-bg-primary .site-search-btn,
.site-bg-primary .mt-cart .woo-cart-total,
.site-bg-primary .mt-cart .woo-cart-count {
  color: #fff;
}

.site-bg-primary .mt-cart .woo-cart-count,
.site-bg-primary .mt-cart .woo-cart-count::before {
  border-color: #fff;
}

.site-bg-primary .navbar-toggler .icon-bar {
  background-color: #fff;
}

@media only screen and (max-width: 991px) {
  .site-bg-primary .header-nav .nav > li > a {
    color: #777;
  }
  .site-bg-primary .header-nav .nav > li:hover > a,
  .site-bg-primary .header-nav .nav > li.active > a,
  .site-bg-primary .header-nav .nav > li.current-menu-item > a {
    color: #FFBC13;
  }
  .header-nav .nav > li {
    margin: 0;
    padding: 0;
  }
  .header-nav .nav > li > a {
    margin: 0;
    padding: 10px 12px;
    font-weight: 500;
    color: #000;
  }
  .is-fixed.color-fill .header-nav .nav > li {
    margin: 0;
    padding: 0;
  }
  .is-fixed.color-fill .header-nav .nav > li > a {
    margin: 0;
    padding: 10px 12px;
  }
}

/*-------------------------------------
	 header style 2 
-------------------------------------*/
.header-style-2 .top-bar {
  padding: 10px 0;
}

.header-style-2 .top-bar .e-p-bx {
  padding: 0px;
}

.header-style-2 .main-bar {
  max-width: 1146px;
  margin: 0 auto -60px;
}

.header-style-2 .header-nav .nav > li .sub-menu {
  top: calc(100% + 8px);
}

.header-style-2 .is-fixed .header-nav .nav > li .sub-menu {
  top: calc(100% + 18px);
}

.header-style-2 .is-fixed .header-nav .nav > li > a {
  padding: 20px 12px;
}

.header-style-2 .is-fixed .navbar-toggler {
  margin-top: 10px;
  margin-bottom: 10px;
}

.header-style-2 .main-bar .container {
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.header-style-2 .main-bar .container .header-nav {
  justify-content: inherit;
}

.header-style-2 .header-middle {
  position: relative;
  display: block;
}

.header-style-2 .header-middle .container {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 991px) {
  .header-style-2 .header-middle .container {
    display: block;
    max-width: 100%;
  }
}

.header-style-2 .is-fixed .main-bar {
  margin: 0px -573px;
  left: 50%;
  padding: 0px;
}

.header-style-2 .is-fixed .extra-nav {
  padding: 15px 0px;
}

.header-style-2 .logo-header {
  height: 90px;
}

.header-style-2 .logo-header a {
  display: table-cell;
  vertical-align: middle;
}

.header-style-2 .extra-nav .extra-cell {
  display: table-cell;
  padding: 0px 15px;
  vertical-align: middle;
}

.header-style-2 .extra-nav {
  padding: 5px 0px;
  display: table;
  float: right;
  height: auto;
  position: relative;
  z-index: 9;
}

.header-style-2 .extra-cell > a {
  color: #fff;
}

.header-style-2 .extra-cell > a {
  color: #fff;
}

@media only screen and (max-width: 1200px) {
  .header-style-2 .main-bar,
  .header-style-2 .is-fixed .main-bar {
    max-width: 100%;
    margin: 0;
    left: 0;
  }
}

@media only screen and (max-width: 991px) {
  .header-style-2 .logo-header {
    float: none;
    text-align: center;
    width: 100%;
    height: 60px;
    padding: 10px 0px;
  }
  .header-style-2 .logo-header a img {
    max-width: 160px;
  }
  .header-style-2 .header-info {
    float: none;
    padding: 0px 0px 10px 0px;
  }
  .header-style-2 .header-info > ul {
    list-style: none;
    display: table;
    width: 100%;
  }
}

.header-style-2 .navbar-toggler .icon-bar {
  background: #010e2a;
  height: 3px;
  border-radius: 0;
  display: block;
  width: 22px;
}

.header-style-2 .navbar-toggler .icon-bar + .icon-bar {
  margin-top: 4px;
}

.header-style-2 .header-nav .has-child.nav-active > a + .submenu-toogle.fa.fa-angle-right:before {
  content: "\f107";
}

@media only screen and (max-width: 991px) {
  .header-style-2 .header-botton .navbar-toggler {
    float: left;
    margin: 0px 0px;
  }
  .header-style-2 .header-botton .navbar-toggler span {
    background-color: #fff;
    width: 22px;
    display: block;
    height: 3px;
  }
  .header-style-2 .header-botton .header-nav .nav > li > a {
    padding: 12px 12px;
    color: #777;
  }
  .header-style-2 .is-fixed .header-botton .navbar-toggler {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .header-style-2 .header-info > ul li.btn-col-last {
    text-align: right;
  }
  .header-style-2 .header-info > ul li.btn-col-last .site-button-secondry.btn-effect {
    font-size: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .header-middle .logo-header {
    float: none;
    margin: 9px auto;
  }
  .header-style-2 .main-bar {
    padding: 10px 0px;
  }
}

/*Mobile Navigation*/
/*Header style 1 mobile navigation*/
@media only screen and (max-width: 991px) {
  .header-style-1 .navbar-toggler {
    display: block;
    background: #fff;
  }
  .has-child .submenu-toogle {
    background: none;
  }
  .header-style-1 .header-nav .nav {
    float: none;
    margin: 0px;
    background: #fff;
    background-color: white;
    width: 100%;
    display: block;
    height: 100%;
  }
  .header-style-1 .header-nav .nav > li > a .fa {
    display: none;
  }
  .header-nav .nav > li .sub-menu li .fa {
    top: 8px;
    z-index: 1;
  }
  .header-nav .nav > li .sub-menu li > .sub-menu {
    transition: none !important;
  }
  .header-style-1.mobile-sider-drawer-menu .header-nav {
    position: fixed;
    width: 250px !important;
    z-index: 999;
    height: 100vh !important;
    overflow-y: inherit !important;
    left: -250px;
    top: 0px;
    transition: all 0.5s linear;
    background-color: #fff;
    margin: 0;
  }
  .header-style-1.mobile-sider-drawer-menu .header-nav .nav > li:hover > .sub-menu {
    transition: none;
  }
  .header-style-1.mobile-sider-drawer-menu .header-nav .nav > li .sub-menu li:hover > .sub-menu {
    transition: none;
  }
  .header-style-1.mobile-sider-drawer-menu.active .header-nav {
    left: 0%;
  }
  .header-style-1.mobile-sider-drawer-menu .icon-bar {
    transition: all 0.5s linear;
    position: relative;
  }
  #mobile-side-drawer:focus {
    box-shadow: none;
  }
  .header-style-1.mobile-sider-drawer-menu.active .icon-bar.icon-bar-first {
    transform: rotate(45deg) translateX(3px) translateY(2px);
  }
  .header-style-1.mobile-sider-drawer-menu.active .icon-bar.icon-bar-three {
    transform: rotate(-45deg) translateX(3px) translateY(-2px);
  }
  .header-style-1.mobile-sider-drawer-menu .icon-bar.icon-bar-two {
    position: relative;
    right: 0%;
  }
  .header-style-1.mobile-sider-drawer-menu.active .icon-bar.icon-bar-two {
    position: absolute;
    right: 100px;
    opacity: 0;
  }
  .header-style-1.mobile-sider-drawer-menu .is-fixed .header-nav .nav {
    overflow: auto;
    max-height: 100%;
  }
  .header-style-1.mobile-sider-drawer-menu .header-fixed .header-nav .nav {
    overflow: auto;
    max-height: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .header-style-2 .navbar-toggler {
    display: block;
  }
  .header-style-2 .header-nav .nav {
    float: none;
    margin: 0px;
    background: #fff;
    background-color: white;
    width: 100%;
    display: block;
    height: 100%;
  }
  .header-style-2 .header-nav .nav > li > a {
    display: block;
  }
  .header-style-2 .header-nav .nav > li > a .fa {
    display: none;
  }
  .header-style-2.mobile-sider-drawer-menu .header-nav {
    position: fixed;
    width: 250px !important;
    z-index: 999;
    height: 100vh !important;
    overflow-y: inherit !important;
    left: -250px;
    top: 0px;
    transition: all 0.5s linear;
    background-color: #fff;
  }
  .header-style-2.mobile-sider-drawer-menu .header-nav .nav > li:hover > .sub-menu {
    transition: none;
  }
  .header-style-2.mobile-sider-drawer-menu .header-nav .nav > li .sub-menu li:hover > .sub-menu {
    transition: none;
  }
  .header-style-2.mobile-sider-drawer-menu.active .header-nav {
    left: 0%;
  }
  .header-style-2.mobile-sider-drawer-menu .icon-bar {
    transition: all 0.5s linear;
    position: relative;
    background-color: #fff;
  }
  .header-style-2.mobile-sider-drawer-menu.active .icon-bar.icon-bar-first {
    transform: rotate(45deg) translateX(3px) translateY(2px);
  }
  .header-style-2.mobile-sider-drawer-menu.active .icon-bar.icon-bar-three {
    transform: rotate(-45deg) translateX(3px) translateY(-2px);
  }
  .header-style-2.mobile-sider-drawer-menu .icon-bar.icon-bar-two {
    position: relative;
    right: 0%;
  }
  .header-style-2.mobile-sider-drawer-menu.active .icon-bar.icon-bar-two {
    position: absolute;
    right: 100px;
    opacity: 0;
  }
  .header-style-2.mobile-sider-drawer-menu .is-fixed .header-nav .nav {
    overflow: auto;
    max-height: 100%;
  }
  .header-style-2.mobile-sider-drawer-menu .header-fixed .header-nav .nav {
    overflow: auto;
    max-height: 100%;
  }
}

.sou-con {
  position: fixed;
  top: -200px;
  width: 100%;
  left: 0;
  background-color: #fff;
  z-index: 9999;
  transition: top .5s;
}

.sou-con.show {
  top: 0;
}

.sou-con .guanbi {
  float: right;
}

.sou-con .guanbi .fa {
  margin-top: 10px;
  color: #ccc;
  font-size: 28px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .sou-con .form-inline {
    display: flex;
    width: 100%;
  }
}

.sou-con .form-inline .form-control {
  width: 280px;
  height: 45px;
}

@media (max-width: 768px) {
  .sou-con .form-inline .form-control {
    width: 200px;
  }
}

.sou-con .btn {
  opacity: 1;
  transition: all .5s;
  background-image: initial;
  color: #fff;
  text-shadow: none;
  font-size: 17px;
  border-radius: 4px;
  text-shadow: none;
  font-weight: 600;
  padding: 10px 25px;
  transition: 0.4s;
  background-color: var(--textActiveColor);
}

@media (max-width: 768px) {
  .sou-con .btn {
    height: 44px;
  }
}

.sou-con .btn:hover {
  border-radius: 8px;
  box-shadow: 7px 5px 56px -14px var(--textActiveColor);
}

.sou-con .btn:active {
  transform: scale(0.97);
  box-shadow: 7px 5px 56px -10px var(--textActiveColor);
}

.sou-con .container {
  padding-top: 30px;
  padding-bottom: 30px;
}

.banner {
  width: 100%;
  position: relative;
  height: auto;
  background: #ccc;
}

@media (max-width: 1000px) {
  .banner {
    margin-top: 68px;
  }
  .banner {
    height: 240px;
  }
  .banner .swiper-button-next,
  .banner .swiper-button-prev {
    display: none;
  }
}

.banner .swp-banner {
  height: 100%;
  width: 100%;
}

.banner .swp-banner .swiper-wrapper {
  height: 100%;
}

.banner .swp-banner .swiper-wrapper .swiper-slide {
  height: 100%;
  width: 100%;
  position: relative;
}

.banner .swp-banner .swiper-wrapper .swiper-slide .info {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99;
}

.banner .swp-banner .swiper-wrapper .swiper-slide .info .container {
  height: 100%;
  color: #fff;
}

@media (max-width: 980px) {
  .banner .swp-banner .swiper-wrapper .swiper-slide .info .container {
    text-align: center;
    justify-content: center;
    width: 100%;
  }
}

.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .rows {
  transition: all .65s;
}

.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .gs {
  font-size: 25px;
  color: #fff;
  font-weight: 600;
}

@media (max-width: 980px) {
  .banner .swp-banner .swiper-wrapper .swiper-slide .info .container .gs {
    font-size: 18px;
    font-weight: 500;
  }
}

.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .ban-title {
  position: relative;
  font-weight: 600;
}

@media (max-width: 1000px) {
  .banner .swp-banner .swiper-wrapper .swiper-slide .info .container .ban-title {
    font-size: 16px;
    width: 100%;
  }
}

.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .b-desc {
  margin-top: 28px;
  width: 80%;
}

.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .b-desc > div {
  width: calc(100% / 2);
  margin-bottom: 15px;
}

@media (max-width: 980px) {
  .banner .swp-banner .swiper-wrapper .swiper-slide .info .container .b-desc > div {
    width: calc(100% - 30px);
    margin: 0 auto;
    text-align: left;
    margin-bottom: 10px;
  }
}

@media (max-width: 980px) {
  .banner .swp-banner .swiper-wrapper .swiper-slide .info .container .b-desc {
    font-size: 13px;
    font-weight: 500;
    width: 100%;
  }
}

.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .b-desc span {
  font-size: 20px;
  margin-right: 12px;
}

@media (max-width: 1000px) {
  .banner .swp-banner .swiper-wrapper .swiper-slide .info .container .b-desc {
    margin: 0 auto;
    margin-top: 10px;
  }
}

.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .link-ban {
  margin-top: 30px;
}

.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .link-ban .btn {
  background-image: initial;
  color: #fff;
  text-shadow: none;
  font-size: 17px;
  border-radius: 6px;
  text-shadow: none;
  font-weight: 600;
  padding: 10px 25px;
  transition: 0.4s;
}

@media (max-width: 980px) {
  .banner .swp-banner .swiper-wrapper .swiper-slide .info .container .link-ban .btn {
    font-size: 14px;
  }
}

.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .link-ban .btn:hover {
  border-radius: 8px;
  box-shadow: 7px 5px 56px -14px var(--textActiveColor);
}

.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .link-ban .btn:active {
  transform: scale(0.97);
  box-shadow: 7px 5px 56px -10px var(--textActiveColor);
}

.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .link-ban .btn:nth-child(1) {
  background-color: var(--textActiveColor);
}

.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .link-ban .btn:nth-child(1):hover {
  color: #fff !important;
}

.banner .swp-banner .swiper-wrapper .swiper-slide .info .container .link-ban .btn:nth-child(2) {
  margin-left: 25px;
  background-color: #fff;
  color: var(--textActiveColor);
}

.banner .swp-banner .swiper-wrapper .swiper-slide .imgcon {
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}

.banner .swp-banner .swiper-wrapper .swiper-slide .imgcon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1000px) {
  .banner .swp-banner .swiper-wrapper .swiper-slide .imgcon img {
    display: block;
  }
}

.banner .swp-banner .swiper-wrapper .swiper-slide .video {
  width: 100%;
  height: 100%;
  position: relative;
}

.banner .swp-banner .swiper-wrapper .swiper-slide .video .banner-video {
  height: 100%;
  width: 100%;
  z-index: 1;
  object-fit: cover;
}

@media (max-width: 980px) {
  .banner .swp-banner .swiper-wrapper .swiper-slide .video .banner-video {
    position: initial;
    transform: initial;
    left: initial;
  }
}

.banner .swp-banner .s-wp {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 99;
}

.banner .swp-banner .s-wp .container {
  position: relative;
  display: flex;
  justify-content: end;
  margin-bottom: 60px;
}

@media (max-width: 1000px) {
  .banner .swp-banner .s-wp .container {
    position: absolute;
    bottom: 60px;
    width: 100%;
  }
}

.banner .swp-banner .s-wp .container .swiper-button-next,
.banner .swp-banner .s-wp .container .swiper-button-prev {
  width: 60px;
  height: 60px;
  position: relative;
  border-radius: 50%;
  margin-left: 40px;
  border: 1px solid #fff;
}

.banner .swp-banner .s-wp .container .swiper-button-next::after,
.banner .swp-banner .s-wp .container .swiper-button-prev::after {
  color: #fff;
  font-size: 28px;
}

.m-t {
  margin-top: 10px;
}

.m-t-5 {
  margin-top: 5px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-t-40 {
  margin-top: 40px;
}

@media (max-width: 980px) {
  .m-t-40 {
    margin-top: 20px;
  }
}

.m-t-60 {
  margin-top: 60px;
}

@media (max-width: 980px) {
  .m-t-60 {
    margin-top: 30px;
  }
}

.m-r {
  margin-right: 10px;
}

.m-l {
  margin-left: 10px;
}

.m-b {
  margin-bottom: 10px;
}

.p-tb {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media (max-width: 980px) {
  .p-tb {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.index-news .news-box {
  background-color: var(--textActiveColor);
  border-radius: 30px;
  background-color: #0033AD;
  padding: 60px;
  height: 400px;
  margin-top: -14%;
  position: relative;
  z-index: 33;
  position: relative;
}

@media (max-width: 980px) {
  .index-news .news-box {
    padding: 20px;
    border-radius: 10px;
    margin-top: -25px;
    height: auto;
  }
}

.index-news .news-box .news-t {
  line-height: 1;
  color: #fff;
}

.index-news .news-box .news-t div {
  margin-bottom: 20px;
}

.index-news .news-box .news-t i {
  font-style: initial;
  padding-bottom: 5px;
  opacity: 0.5;
}

.index-news .news-box .more {
  position: absolute;
  bottom: 0;
}

@media (max-width: 980px) {
  .index-news .news-box .more {
    right: 20px;
    top: 0;
    bottom: initial;
  }
}

.index-news .news-box .more a {
  color: #fff;
}

.index-news .news-box .more a:hover {
  color: #fff !important;
}

.index-news .news-box .news-items {
  padding-left: 60px;
}

@media (max-width: 980px) {
  .index-news .news-box .news-items {
    padding-left: 0;
  }
}

.index-news .news-box .news-items a .item {
  margin-bottom: 50px;
  color: #fff;
}

@media (max-width: 980px) {
  .index-news .news-box .news-items a .item {
    margin-bottom: 10px;
  }
}

.index-news .news-box .news-items a .item > div {
  margin: 0 10px;
}

@media (max-width: 980px) {
  .index-news .news-box .news-items a .item > div {
    margin: 0;
  }
}

.index-news .news-box .news-items a .item .num {
  width: 60px;
}

@media (max-width: 980px) {
  .index-news .news-box .news-items a .item .num {
    width: 100%;
    font-size: 18px;
  }
}

.index-news .news-box .news-items a .item .title {
  width: calc(100% - 280px);
}

@media (max-width: 980px) {
  .index-news .news-box .news-items a .item .title {
    width: 100%;
  }
}

.index-news .news-box .news-items a .item .time {
  width: 100px;
}

.index-news .news-box .news-items a .item .link {
  width: 40px;
}

@media (max-width: 980px) {
  .index-news .news-box .news-items a .item .link {
    display: none;
  }
}

.index-news .news-box .news-items a:last-child .item {
  margin-bottom: 0;
}

.index-mosi {
  margin-top: -120px;
  padding-top: 220px;
  background: linear-gradient(276.12deg, #B7CFE6 25.2%, #F3F9FF 98.84%);
  padding-bottom: 80px;
}

@media (max-width: 980px) {
  .index-mosi {
    padding-top: 160px;
    padding-bottom: 20px;
  }
}

.index-mosi .items-box .item {
  width: calc(100% / 5 - 30px);
  margin: 0 15px;
  color: #0B2054;
}

@media (max-width: 980px) {
  .index-mosi .items-box .item {
    width: calc(100% / 2 - 30px);
    margin-bottom: 30px;
  }
  .index-mosi .items-box .item:nth-child(5) {
    width: 100%;
  }
}

.index-mosi .items-box .item .ico {
  width: 70px;
  height: 70px;
  margin-bottom: 20px;
}

.index-mosi .items-box .item .ico svg {
  max-width: 100%;
  max-height: 100%;
}

.index-xuexi {
  padding: 60px 0;
  color: #0B2054;
}

@media (max-width: 980px) {
  .index-xuexi {
    padding: 30px 0;
  }
}

.index-xuexi .xuexi-box {
  position: relative;
  padding: 80px 0;
  padding-bottom: 180px;
}

@media (max-width: 980px) {
  .index-xuexi .xuexi-box {
    padding: 30px 0;
    padding-bottom: 110px;
  }
}

.index-xuexi .xuexi-box .item {
  position: absolute;
  border-radius: 30px;
  width: 30%;
  padding: 15px;
  background: linear-gradient(90deg, rgba(187, 208, 255, 0.2) 0%, #BBD0FF 100%);
}

@media (max-width: 980px) {
  .index-xuexi .xuexi-box .item {
    border-radius: 10px;
    padding: 8px;
    width: 40%;
  }
}

.index-xuexi .xuexi-box .item:nth-child(1), .index-xuexi .xuexi-box .item:nth-child(3) {
  left: 5%;
}

.index-xuexi .xuexi-box .item:nth-child(2), .index-xuexi .xuexi-box .item:nth-child(4) {
  top: 200px;
}

@media (max-width: 980px) {
  .index-xuexi .xuexi-box .item:nth-child(2), .index-xuexi .xuexi-box .item:nth-child(4) {
    top: 110px;
  }
}

.index-xuexi .xuexi-box .item:nth-child(3), .index-xuexi .xuexi-box .item:nth-child(6) {
  top: 330px;
}

@media (max-width: 980px) {
  .index-xuexi .xuexi-box .item:nth-child(3), .index-xuexi .xuexi-box .item:nth-child(6) {
    top: 179px;
  }
}

.index-xuexi .xuexi-box .item .info {
  position: relative;
  text-align: right;
  padding-right: 30%;
}

@media (max-width: 980px) {
  .index-xuexi .xuexi-box .item .info {
    font-size: 12px;
    padding-right: 10%;
  }
}

.index-xuexi .xuexi-box .item .ico {
  position: absolute;
  right: -40px;
  top: -38px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #2753BE;
}

@media (max-width: 980px) {
  .index-xuexi .xuexi-box .item .ico {
    width: 30px;
    height: 30px;
    right: -20px;
    top: -18px;
  }
}

.index-xuexi .xuexi-box .item .ico svg {
  max-width: 50%;
  max-height: 50%;
}

.index-xuexi .xuexi-box .item:nth-child(4), .index-xuexi .xuexi-box .item:nth-child(5), .index-xuexi .xuexi-box .item:nth-child(6) {
  right: 5%;
  background: linear-gradient(90deg, #BBD0FF 0%, rgba(187, 208, 255, 0.2) 100%);
}

.index-xuexi .xuexi-box .item:nth-child(4) .ico, .index-xuexi .xuexi-box .item:nth-child(5) .ico, .index-xuexi .xuexi-box .item:nth-child(6) .ico {
  left: -40px;
  right: initial;
}

@media (max-width: 980px) {
  .index-xuexi .xuexi-box .item:nth-child(4) .ico, .index-xuexi .xuexi-box .item:nth-child(5) .ico, .index-xuexi .xuexi-box .item:nth-child(6) .ico {
    left: -15px;
  }
}

.index-xuexi .xuexi-box .item:nth-child(4) {
  right: 0%;
}

.index-xuexi .xuexi-box .item:nth-child(7) {
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  padding: 25px 0;
  border-radius: 45px;
}

@media (max-width: 980px) {
  .index-xuexi .xuexi-box .item:nth-child(7) {
    border-radius: 10px;
  }
}

.index-xuexi .xuexi-box .item:nth-child(7) .ico {
  top: initial;
  left: 50%;
  bottom: 115%;
  right: initial;
  transform: translateX(-50%);
}

.index-xuexi .xuexi-box .ico-bg {
  width: 300px;
  height: 300px;
  margin: 0 auto;
}

@media (max-width: 980px) {
  .index-xuexi .xuexi-box .ico-bg {
    width: 180px;
    height: 180px;
  }
}

.index-xuexi .xuexi-box .ico-bg img {
  max-width: 100%;
  max-height: 100%;
}

.index-ys {
  padding: 60px 0;
  background: linear-gradient(276.12deg, #B7CFE6 25.2%, #F3F9FF 98.84%);
}

@media (max-width: 980px) {
  .index-ys {
    padding: 20px 0;
  }
}

.index-ys .title {
  color: #0B2054;
}

.index-ys .ys-box {
  margin-top: 20px;
}

@media (max-width: 980px) {
  .index-ys .ys-box {
    margin-top: 10px;
  }
}

@media (max-width: 980px) {
  .index-ys .ys-box .row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .index-ys .ys-box .row [class*="col-lg-"] {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.index-ys .ys-box .item {
  background-color: #fff;
  padding: 15px;
  margin-top: 30px;
}

@media (max-width: 980px) {
  .index-ys .ys-box .item {
    margin-top: 10px;
  }
}

.index-ys .ys-box .item .ico {
  width: 40px;
  height: 40px;
}

.index-ys .ys-box .item .ico svg {
  width: 100%;
}

.index-ys .ys-box .item .desc {
  height: 40px;
}

@media (max-width: 980px) {
  .index-ys .ys-box .item .desc {
    height: 60px;
  }
}

.index-duibi {
  padding: 60px 0;
  padding-bottom: 160px;
}

@media (max-width: 980px) {
  .index-duibi {
    padding: 30px 0;
    padding-bottom: 30px;
  }
}

.index-duibi .duibi-box {
  position: relative;
  margin-top: 50px;
}

.index-duibi .duibi-box .item-l {
  width: 50%;
  position: relative;
  padding: 60px 0;
  top: 60px;
}

.index-duibi .duibi-box .item-l .info {
  position: relative;
  z-index: 11;
}

.index-duibi .duibi-box .item-l .info .t {
  padding-left: 140px;
}

.index-duibi .duibi-box .item-l .info .tag {
  color: #606060;
  margin-top: 20px;
}

.index-duibi .duibi-box .item-l .info .tag .txt {
  margin-left: 95px;
  color: #0B2054;
}

.index-duibi .duibi-box .item-l::after {
  content: "";
  position: absolute;
  top: 0;
  left: 100px;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: linear-gradient(138.56deg, #F3F3F3 10.31%, #BABABA 82.82%);
}

.index-duibi .duibi-box .item-r {
  position: absolute;
  right: 0;
  width: 73%;
  height: calc(100% + 60px);
  background-image: url("../img/ys-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  top: 0;
}

.index-duibi .duibi-box .item-r .info {
  padding: 50px 80px;
  padding-left: 140px;
  color: #fff;
}

.index-duibi .duibi-box .item-r .info .t {
  color: #fff;
  margin-bottom: 65px;
}

.index-duibi .duibi-box .item-r .info .tag {
  margin-top: 15px;
}

.index-duibi .duibi-box .item-r .info .tag span {
  margin-right: 15px;
}

.index-duibi .m-info {
  width: 100%;
  margin-top: 20px;
}

.index-duibi .m-info img {
  width: 100%;
}

.index-lj {
  padding: 60px 0;
  background: linear-gradient(276.12deg, #B7CFE6 25.2%, #F3F9FF 98.84%);
}

@media (max-width: 980px) {
  .index-lj {
    padding: 30px 0;
  }
}

.index-lj .lj-box {
  margin-top: 50px;
}

@media (max-width: 980px) {
  .index-lj .lj-box {
    margin-top: 20px;
  }
}

.index-lj .lj-box .swiper-slide .item {
  padding: 20px;
  background-color: #EEF2FB;
  width: 100%;
  height: 250px;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right bottom;
}

.index-lj .lj-box .swiper-slide .item::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

@supports (aspect-ratio: 1/1.5) {
  .index-lj .lj-box .swiper-slide .item::before {
    display: none;
  }
  .index-lj .lj-box .swiper-slide .item {
    aspect-ratio: 1/1.5;
    height: auto;
  }
}

@media (max-width: 980px) {
  .index-lj .lj-box .swiper-slide .item {
    border-radius: 10px;
  }
}

.index-lj .lj-box .swiper-slide:nth-child(1) .item {
  background-image: url("../img/bz-a.png");
}

.index-lj .lj-box .swiper-slide:nth-child(2) .item {
  background-image: url("../img/bz-b.png");
}

.index-lj .lj-box .swiper-slide:nth-child(3) .item {
  background-image: url("../img/bz-c.png");
}

.index-lj .lj-box .swiper-slide:nth-child(4) .item {
  background-image: url("../img/bz-d.png");
}

.index-lj .lj-box .swiper-slide:nth-child(5) .item {
  background-image: url("../img/bz-e.png");
}

.index-by {
  padding-top: 80px;
  position: relative;
}

@media (max-width: 980px) {
  .index-by {
    padding-top: 100px;
  }
}

.index-by .butt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
}

@media (max-width: 980px) {
  .index-by .butt {
    top: 10%;
  }
}

.index-by .butt .btn {
  background-color: #0033AD;
  color: #fff;
  text-shadow: none;
  line-height: 1;
  border-radius: 30px;
  text-shadow: none;
  padding: 18px 50px;
  transition: 0.4s;
}

@media (max-width: 980px) {
  .index-by .butt .btn {
    font-size: 14px;
  }
}

.index-by .butt .btn:hover {
  color: #fff !important;
  box-shadow: 7px 5px 56px -14px #0033AD;
}

.index-by .butt .btn:active {
  transform: scale(0.97);
  box-shadow: 7px 5px 56px -10px var(--textActiveColor);
}

.index-by .bg {
  width: 100%;
  vertical-align: bottom;
}

.foot {
  background-color: #0B273F;
  padding: 60px 0;
  color: white;
}

@media only screen and (max-width: 980px) {
  .foot {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.foot .bq {
  color: #546778;
}

.foot .bq a {
  color: #546778;
}

.foot .bq a:hover {
  color: #fff !important;
}

.foot .f-logo {
  text-align: right;
}

@media only screen and (max-width: 980px) {
  .foot .f-logo {
    display: none;
  }
}

.foot .f-logo img {
  width: 86px;
}

@media only screen and (max-width: 980px) {
  .foot .ewm-box {
    justify-content: center;
  }
}

.foot .ewm-box .item {
  margin-right: 15px;
}

.foot .ewm-box .item:last-child {
  margin-right: 0;
}

.foot .ewm-box .item:nth-child(1) {
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #626262;
}

.foot .ewm-box .item .ewm {
  width: 130px;
}

@media only screen and (max-width: 980px) {
  .foot .ewm-box .item .ewm {
    width: 80px;
  }
}

.foot .ewm-box .item .ewm img {
  width: 100%;
}

.foot .ewm-box .item .ewm p {
  text-align: center;
  margin-top: 10px;
}

.dht {
  padding: 15px;
  border: 1px solid #D9D9D9;
  color: #0B2054;
}

.dht span {
  margin: 0 5px;
}

.dht a {
  color: #0B2054;
}

.dht a:last-child {
  padding: 5px 15px;
  background-color: #0B2054;
  color: #fff;
  border-radius: 5px;
}

.dht a:last-child:hover {
  color: #fff !important;
}

.n-ban {
  padding: 62px 0;
  background: linear-gradient(90deg, #FFFFFF 0%, #99CCFF 32.21%, #99CCFF 70.19%, #FFFFFF 97.12%);
}

.n-ban .container {
  position: relative;
}

.n-ban .container .img {
  position: absolute;
  right: 0;
  bottom: -60px;
}

.n-ban .container .img img {
  width: 235px;
}

@media only screen and (max-width: 980px) {
  .n-ban .container .img img {
    width: 100px;
  }
}

@media only screen and (max-width: 980px) {
  .n-ban-a {
    padding-top: 60px;
  }
}

.n-ban-a img {
  width: 100%;
}

@media only screen and (max-width: 980px) {
  .n-ban-img {
    padding-top: 60px;
  }
}

.n-ban-img .info-box {
  position: absolute;
  top: calc(50% - 70px);
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  z-index: 3;
  padding-top: 90px;
  overflow: hidden;
}

@media only screen and (max-width: 980px) {
  .n-ban-img .info-box {
    top: calc(30%);
  }
}

.n-ban-img .info {
  color: #fff;
  padding: 30px 0;
  position: relative;
  background: linear-gradient(90deg, #2A88E6 0%, rgba(42, 136, 230, 0) 100%);
}

@media only screen and (max-width: 980px) {
  .n-ban-img .info {
    padding: 20px 0;
  }
}

.n-ban-img .info .f-title {
  width: 100%;
  position: absolute;
  bottom: 90%;
  padding: 20px;
  background: linear-gradient(90deg, #0033AD 0%, rgba(42, 136, 230, 0) 100%);
}

.n-ban-img .bg {
  width: 100%;
  height: 600px;
}

@media only screen and (max-width: 980px) {
  .n-ban-img .bg {
    height: auto;
  }
}

.n-ban-img .bg img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

@media only screen and (max-width: 980px) {
  .n-ban-img.max-h .bg {
    height: 300px;
  }
}

.dpform-box {
  margin-top: 60px;
}

@media only screen and (max-width: 980px) {
  .dpform-box {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 980px) {
  .dpform-box .t {
    margin-bottom: 10px;
  }
}

.dpform-box .form-item {
  margin-bottom: 60px;
}

@media only screen and (max-width: 980px) {
  .dpform-box .form-item {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 980px) {
  .dpform-box .form-item .input-item {
    margin-top: 0;
  }
  .dpform-box .form-item .input-item > div > div {
    margin-bottom: 10px;
  }
}

.dpform-box .form-item .input-item label {
  width: 130px;
  font-weight: 500;
  margin-bottom: 0;
  color: #0B2054;
  text-align: right;
  margin-right: 8px;
}

.dpform-box .form-item .input-item label span {
  color: red;
}

.dpform-box .form-item .input-item .input {
  width: 100%;
}

.dpform-box .form-item .input-item .input input {
  background-color: #F7F7F7;
  padding: 9px 15px;
  border-radius: 5px;
  font-size: 16px;
  border: none;
  width: 100%;
}

.dpform-box .form-item .input-item.updata-img {
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  padding: 20px;
}

.dpform-box .form-item .input-item.updata-img .updata-items {
  padding-left: 30px;
}

@media only screen and (max-width: 980px) {
  .dpform-box .form-item .input-item.updata-img .updata-items {
    padding-left: 0;
    justify-content: flex-start;
  }
}

.dpform-box .form-item .input-item.updata-img .updata-items .item {
  width: calc(100% / 6 - 20px);
  margin: 10px;
  cursor: pointer;
}

@media only screen and (max-width: 980px) {
  .dpform-box .form-item .input-item.updata-img .updata-items .item {
    width: calc(100% / 3 - 20px);
  }
}

.dpform-box .form-item .input-item.updata-img .updata-items .item .img {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 10px;
  overflow: hidden;
}

.dpform-box .form-item .input-item.updata-img .updata-items .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dpform-box .form-item .input-item.updata-img .updata-items .item .txt {
  transition: all .5s;
}

.dpform-box .form-item .input-item.updata-img .updata-items .item .txt span {
  color: red;
}

.dpform-box .form-item .input-item.updata-img .updata-items .item:hover .txt {
  color: var(--textActiveColor);
}

.dpform-box .form-item .input-item .wap-form {
  border: 1px solid #EBEBEB;
}

.dpform-box .form-item .input-item .wap-form .rem {
  width: 130px;
  height: 130px;
  background-color: #EBEBEB;
}

.dpform-box .form-item .input-item .wap-form .rem img {
  width: 100%;
}

.dpform-box .form-item .input-item .wap-form .msg {
  padding: 10px 20px;
}

.dpform-box .form-item .input-item .wap-form .msg .ico {
  width: 60px;
}

.dpform-box .form-item .input-item .wap-form .msg .ico svg {
  width: 100%;
}

@media only screen and (max-width: 980px) {
  .dpform-box .form-item .input-item .sub {
    text-align: center;
    margin-top: 20px;
    width: 100%;
  }
}

.dpform-box .form-item .input-item .sub button {
  padding: 20px 40px;
  background-color: #0033AD;
  text-shadow: none;
  border-radius: 40px;
  text-shadow: none;
  color: #fff;
  transition: 0.4s;
  border: none;
}

@media (max-width: 980px) {
  .dpform-box .form-item .input-item .sub button {
    font-size: 14px;
  }
}

.dpform-box .form-item .input-item .sub button:hover {
  color: #fff !important;
  box-shadow: 7px 5px 56px -14px var(--textActiveColor);
}

.dpform-box .form-item .input-item .sub button:active {
  transform: scale(0.97);
  box-shadow: 7px 5px 56px -10px var(--textActiveColor);
}

.xieyi-con {
  opacity: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}

.scc {
  margin: 60px 0;
  display: none;
}

.scc .msg {
  color: #61B112;
}

.scc .kf-info .img {
  width: 212px;
  margin: 18px auto;
  height: 212px;
}

.scc .kf-info .img img {
  width: 100%;
}

.dp-content .title {
  color: #313131;
}

.dp-content .title h1 {
  line-height: 1.5;
}

.dp-content .content {
  padding: 60px 0;
}

.dp-content .content table,
.dp-content .content img,
.dp-content .content video {
  max-width: 100%;
}

.dp-content .link {
  text-align: center;
  margin-bottom: 60px;
}

.dp-content .link .btn {
  background-color: var(--textActiveColor);
  color: #fff;
  text-shadow: none;
  border-radius: 30px;
  text-shadow: none;
  padding: 10px 25px;
  transition: 0.4s;
}

@media (max-width: 980px) {
  .dp-content .link .btn {
    font-size: 14px;
  }
}

.dp-content .link .btn:hover {
  color: #fff !important;
  box-shadow: 7px 5px 56px -14px var(--textActiveColor);
}

.dp-content .link .btn:active {
  transform: scale(0.97);
  box-shadow: 7px 5px 56px -10px var(--textActiveColor);
}

.support .box {
  padding: 60px 0;
}

@media (max-width: 980px) {
  .support .box {
    padding: 30px 0;
  }
}

.support .box:nth-child(even) {
  background: linear-gradient(276.03deg, #D3EAFF 25.08%, #F3F9FF 98.84%);
}

.support .box .item {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}

.support .box .item .img-box {
  width: 100%;
  aspect-ratio: 1/0.6;
  overflow: hidden;
  position: relative;
}

.support .box .item .img-box .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.support .box .item .img-box .img::before {
  height: 45%;
  width: 100%;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 6;
  background: linear-gradient(180deg, rgba(102, 102, 102, 0) 0%, #000000 100%);
}

.support .box .item .img-box .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.support .box .item .img-box::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

@supports (aspect-ratio: 1/0.6) {
  .support .box .item .img-box::before {
    display: none;
  }
  .support .box .item .img-box {
    aspect-ratio: 1/0.6;
    height: auto;
  }
  .support .box .item .img-box .img {
    position: static;
  }
}

.support .box .item .title {
  position: absolute;
  bottom: 0;
  padding: 10px;
  color: #fff;
  z-index: 7;
}

.support .box.b .t a {
  color: var(--textActiveColor);
}

.support .box.b .t a span {
  color: var(--textActiveColor);
}

.support .box.b .item {
  width: 100%;
  position: relative;
}

.support .box.b .item .img-box {
  aspect-ratio: 1/1.5;
}

@supports (aspect-ratio: 1/1.5) {
  .support .box.b .item .img-box {
    aspect-ratio: 1/1.5;
  }
}

.support .box.b .item .title {
  padding-bottom: 20px;
}

.support .box.b .item .title::after {
  width: 20px;
  height: 2px;
  background-color: #2A88E6;
  content: "";
  position: absolute;
  left: 10px;
  bottom: 15px;
  z-index: 7;
}

.support .box .items {
  padding: 10px;
  background-color: #BBD1FF3D;
  margin-bottom: 30px;
}

@media (max-width: 980px) {
  .support .box .items {
    margin-bottom: 16px;
  }
}

.support .box .items .t {
  width: calc(100% - 135px);
  padding-left: 40px;
}

@media (max-width: 980px) {
  .support .box .items .t {
    width: calc(100% - 40px);
    padding-left: 0;
  }
}

.support .box .items .ico {
  width: 135px;
  height: 135px;
}

@media (max-width: 980px) {
  .support .box .items .ico {
    width: 40px;
    height: 40px;
  }
}

.support .box .items .ico img {
  max-width: 90%;
  max-height: 90%;
}

.support .box .item-b {
  padding: 20px;
  background-color: #fff;
  margin-bottom: 30px;
}

.support .box .item-b .desc {
  color: #939db3;
}

.support .box .item-c-box {
  margin-top: 30px;
}

.support .box .item-c {
  border: 1px solid #D9D9D9;
  padding: 10px;
  width: calc(100% / 5 - 30px);
  margin: 15px;
}

@media (max-width: 980px) {
  .support .box .item-c {
    width: calc(100% / 1 - 30px);
  }
}

.support .box .item-c .ico {
  width: 70px;
  height: 70px;
}

.support .box .item-c .ico img {
  max-width: 90%;
  max-height: 90%;
}

.support .box .item-c .ico svg {
  width: 70px;
}

.support .box .item-c .desc {
  color: #939db3;
}

.support .box .list-item {
  padding: 40px 0;
  border-bottom: 1px solid #f2f2f2;
}

@media (max-width: 980px) {
  .support .box .list-item {
    padding: 20px 0;
  }
}

.support .box .list-item .img {
  width: 100%;
  aspect-ratio: 1/0.7;
  overflow: hidden;
  border-radius: 5px;
}

.support .box .list-item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 980px) {
  .support .box .list-item .info .title {
    margin-top: 20px;
  }
}

.support .box .list-item .info .timex {
  text-align: left;
  margin-top: 10px;
  color: #555;
}

.support .box .list-item .info .desc {
  margin-top: 10px;
  font-size: 16px;
  margin-top: 15px 0;
  color: #0B2054;
}

@media (max-width: 980px) {
  .support .box .list-item .info .desc {
    font-size: 14px;
  }
}

.support .box .list-item .link {
  margin-top: 20px;
}

.support .box .list-item .link .btn {
  transition: all .5s;
  background-image: initial;
  color: var(--textActiveColor);
  text-shadow: none;
  border-radius: 30px;
  text-shadow: none;
  padding: 8px 25px;
  transition: 0.4s;
  border: 1px solid var(--textActiveColor);
  line-height: 1;
}

.support .box .list-item .link .btn:hover {
  color: #fff;
  background-color: var(--textActiveColor);
}

.support .box .link-item {
  padding: 10px;
  border: 1px solid #487EFF;
  width: 100%;
  height: 155px;
  color: #0033AD;
}

@media (max-width: 980px) {
  .support .box .link-item {
    height: 60px;
  }
}

@media (max-width: 980px) {
  .support .box .xs-w {
    margin-left: -10px;
    margin-right: -10px;
  }
  .support .box .xs-w [class*="col-lg-"] {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.about-box {
  padding: 60px 0;
}

.about-box .ta {
  color: #92949C;
}

.webhua-box {
  padding: 60px 0;
  background: linear-gradient(276.12deg, #D3EAFF 25.2%, #F3F9FF 98.84%);
}

@media (max-width: 980px) {
  .webhua-box {
    padding: 30px 0;
  }
}

.webhua-box .wh-img {
  margin-top: 60px;
  width: 60%;
  float: right;
}

@media (max-width: 980px) {
  .webhua-box .wh-img {
    margin-top: 30px;
    width: 80%;
  }
}

.webhua-box .wh-img img {
  width: 100%;
}

.zheren-box {
  padding: 60px 0;
}

@media (max-width: 980px) {
  .zheren-box {
    padding: 30px 0;
  }
}

.zheren-box .row > div {
  height: auto;
  margin-top: 30px;
}

.zheren-box .item {
  height: 100%;
  border: 1px solid #EBEBEB;
}

.zheren-box .item .img {
  width: 100%;
  aspect-ratio: 1/0.25;
  overflow: hidden;
}

.zheren-box .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zheren-box .item .info {
  padding: 20px;
}

.zheren-box .item .info .desc {
  color: #0B2054;
}

.huoban {
  background: linear-gradient(276.12deg, #B7CFE6 25.2%, #F3F9FF 98.84%);
  padding: 60px 0;
}

@media (max-width: 980px) {
  .huoban {
    padding: 30px 0;
  }
}

.huoban > div {
  height: auto;
}

.huoban .t {
  width: 32%;
}

.huoban .hb-item-box {
  width: calc(60%);
}

.huoban .hb-item-box .hb-item {
  background-color: #fff;
  aspect-ratio: 1/0.28;
}

.huoban .hb-item-box .hb-item img {
  max-width: 90%;
  max-height: 90%;
}

.huoban .gd {
  width: 8%;
}

.i-service {
  padding-top: 60px;
  padding-bottom: 30px;
}

@media (max-width: 980px) {
  .i-service {
    padding-top: 30px;
    padding-bottom: 10px;
  }
}

.i-service .service-nav {
  margin-top: 40px;
}

@media (max-width: 980px) {
  .i-service .service-nav {
    margin-top: 20px;
  }
}

.i-service .service-nav .col-lg-4 {
  position: relative;
  margin-bottom: 30px;
}

.i-service .service-nav .col-lg-4 .img {
  width: 100%;
  aspect-ratio: 1/0.7;
  overflow: hidden;
}

.i-service .service-nav .col-lg-4 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.i-service .service-nav .col-lg-4 .title {
  position: absolute;
  bottom: 0;
  padding: 15px;
  width: calc(100% - 30px);
  text-transform: uppercase;
}

.i-hezuo {
  background-image: url("../images/hz-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.i-hezuo .item {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  width: 65%;
}

.i-hezuo .item .num sup {
  position: relative;
  top: -22px;
  margin-left: 5px;
}

.i-about .a-hj-img-box {
  overflow: hidden;
  position: relative;
}

.i-about .a-hj-img-box .a-hj-img {
  white-space: nowrap;
  position: relative;
  will-change: transform;
  animation: first-line-scroll-left 30s linear infinite;
}

.i-about .a-hj-img-box .a-hj-img .img {
  flex-shrink: 0;
  display: inline-block;
  width: calc(100% / 4);
  aspect-ratio: 1/0.7;
  overflow: hidden;
}

@media (max-width: 980px) {
  .i-about .a-hj-img-box .a-hj-img .img {
    width: calc(100% / 2);
  }
}

.i-about .a-hj-img-box .a-hj-img .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@keyframes first-line-scroll-left {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-1*var(--first-line-scroll-distance, 26.666em)));
  }
}

.i-about .about {
  margin-top: 80px;
  background-image: url("../images/map-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

@media (max-width: 980px) {
  .i-about .about {
    margin-top: 40px;
  }
}

.i-about .about .row > div {
  height: auto;
}

.i-about .about .row > div .img-box {
  height: 100%;
}

.i-about .about .img-box {
  position: relative;
}

.i-about .about .img-box::before {
  content: "";
  position: absolute;
  right: -30px;
  top: -30px;
  width: 130px;
  height: 130px;
  background-image: url("../images/p-ico.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 980px) {
  .i-about .about .img-box::before {
    width: 70px;
    height: 70px;
    right: 10px;
    top: 10px;
  }
}

.i-about .about .img-box .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.i-about .about .img-box .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.i-about .about .info {
  margin-left: 50px;
  height: 100%;
  align-items: flex-end;
}

@media (max-width: 980px) {
  .i-about .about .info {
    margin-left: 0px;
    margin-top: 20px;
  }
}

.i-about .about .info > div {
  width: 100%;
}

.i-about .about .info .itmes {
  margin-top: 40px;
}

.i-about .about .info .itmes .item {
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.i-about .about .info .itmes .item .ico {
  width: 60px;
  height: 60px;
}

.i-about .about .info .itmes .item .ico img {
  max-width: 90%;
  max-height: 90%;
}

.i-about .about .info .itmes .item .con {
  width: calc(100% - 80px);
}

.i-about .about .info .link-ban {
  margin-top: 50px;
}

@media (max-width: 980px) {
  .i-about .about .info .link-ban {
    margin-top: 20px;
  }
}

.i-about .about .info .link-ban .btn {
  background-color: var(--textActiveColor);
  color: #fff;
  text-shadow: none;
  font-size: 17px;
  border-radius: 0;
  text-shadow: none;
  padding: 10px 25px;
  transition: 0.4s;
}

@media (max-width: 980px) {
  .i-about .about .info .link-ban .btn {
    font-size: 14px;
  }
}

.i-about .about .info .link-ban .btn:hover {
  color: #fff !important;
  box-shadow: 7px 5px 56px -14px var(--textActiveColor);
}

.i-about .about .info .link-ban .btn:active {
  transform: scale(0.97);
  box-shadow: 7px 5px 56px -10px var(--textActiveColor);
}

.i-cases .swp-q {
  position: relative;
}

.i-cases .swp-q .cases-prev,
.i-cases .swp-q .cases-next {
  width: 45px;
  height: 45px;
  border: 1px solid var(--textActiveColor);
  position: initial;
  margin-left: 10px;
}

@media (max-width: 980px) {
  .i-cases .swp-q .cases-prev,
  .i-cases .swp-q .cases-next {
    width: 35px;
    height: 35px;
  }
}

.i-cases .swp-q .cases-prev::after,
.i-cases .swp-q .cases-next::after {
  font-size: 20px;
  color: var(--textActiveColor);
}

@media (max-width: 980px) {
  .i-cases .swp-q .cases-prev::after,
  .i-cases .swp-q .cases-next::after {
    font-size: 17px;
  }
}

.i-cases .cases-box {
  margin-top: 40px;
}

.i-cases .cases-box .swiper-slide .item {
  width: 100%;
}

.i-cases .cases-box .swiper-slide .item .img {
  width: 100%;
  aspect-ratio: 1/1.1;
  overflow: hidden;
  background-color: #f7f7f7;
}

.i-cases .cases-box .swiper-slide .item .img img {
  max-width: 85%;
  max-height: 85%;
}

.link-ban .btn {
  background-color: var(--textActiveColor);
  color: #fff;
  text-shadow: none;
  font-size: 17px;
  border-radius: 5px;
  text-shadow: none;
  padding: 10px 25px;
  transition: 0.4s;
}

@media (max-width: 980px) {
  .link-ban .btn {
    font-size: 14px;
  }
}

.link-ban .btn:hover {
  color: #fff !important;
  box-shadow: 7px 5px 56px -14px var(--textActiveColor);
}

.link-ban .btn:active {
  transform: scale(0.97);
  box-shadow: 7px 5px 56px -10px var(--textActiveColor);
}

.temp-title {
  text-align: center;
}

.temp-title div.b {
  display: inline-block;
  position: relative;
  color: #1f1f1f;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.temp-title div.b::after {
  width: 50px;
  border-bottom: 4px solid var(--textActiveColor);
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.i-advantage {
  background-image: url("../images/advantage-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.i-advantage .temp-title .b {
  color: #fff;
}

.i-advantage .temp-title .b::after {
  border-bottom-color: #fff;
}

.i-advantage .adv-box {
  margin-top: 40px;
}

@media (max-width: 980px) {
  .i-advantage .adv-box {
    margin-top: 0;
  }
}

.i-advantage .adv-box .item {
  width: calc(100% / 3);
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 60px 30px;
  color: #fff;
}

@media (max-width: 980px) {
  .i-advantage .adv-box .item {
    width: calc(100%);
    border-left: none;
    border-right: none;
    padding: 30px 30px;
  }
}

.i-advantage .adv-box .item:nth-child(1), .i-advantage .adv-box .item:nth-child(4) {
  border-left: none;
}

.i-advantage .adv-box .item:nth-child(3), .i-advantage .adv-box .item:nth-child(6) {
  border-right: none;
}

.i-advantage .adv-box .item:nth-child(1), .i-advantage .adv-box .item:nth-child(2), .i-advantage .adv-box .item:nth-child(3) {
  border-top: none;
}

.i-advantage .adv-box .item:nth-child(4), .i-advantage .adv-box .item:nth-child(5), .i-advantage .adv-box .item:nth-child(6) {
  border-bottom: none;
}

.i-advantage .adv-box .item .ico {
  width: 60px;
  height: 60px;
  overflow: hidden;
  margin: 0 auto;
}

.i-advantage .adv-box .item .ico img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.i-gbook {
  background-image: url("../images/map-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  padding-top: 90px;
  padding-bottom: 50px;
}

@media (max-width: 980px) {
  .i-gbook {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}

.i-gbook .form-box {
  margin: 60px 0;
}

@media (max-width: 980px) {
  .i-gbook .form-box {
    margin: 30px 0;
  }
}

.i-gbook .form-box .input {
  padding: 10px;
  background-color: #f6f5f5;
  line-height: 1;
  margin-bottom: 30px;
}

@media (max-width: 980px) {
  .i-gbook .form-box .input {
    margin-bottom: 20px;
  }
}

.i-gbook .form-box .input label {
  font-weight: 500;
  margin: 0;
  margin-right: 10px;
}

.i-gbook .form-box .input label span {
  color: red;
  margin-right: 5px;
}

.i-gbook .form-box .input input,
.i-gbook .form-box .input textarea {
  width: 100%;
  padding: 5px;
  background-color: initial;
  border: none;
}

.i-gbook .form-box .input.file span {
  margin-right: 5px;
}

.i-gbook .form-box .input.code {
  position: relative;
}

.i-gbook .form-box .input.code img {
  position: absolute;
  right: 5px;
  top: 5px;
  height: 38px;
}

@media (max-width: 980px) {
  .i-gbook .form-box .input.code img {
    height: 33px;
  }
}

.i-gbook .form-box .submit {
  margin-top: 30px;
}

.i-gbook .form-box .submit .btn {
  background-color: var(--textActiveColor);
  color: #fff;
  text-shadow: none;
  font-size: 17px;
  border-radius: 6px;
  text-shadow: none;
  font-weight: 600;
  padding: 10px 25px;
  transition: 0.4s;
}

@media (max-width: 980px) {
  .i-gbook .form-box .submit .btn {
    font-size: 14px;
  }
}

.i-gbook .form-box .submit .btn:hover {
  border-radius: 8px;
  box-shadow: 7px 5px 56px -14px var(--textActiveColor);
}

.i-gbook .form-box .submit .btn:active {
  transform: scale(0.97);
  box-shadow: 7px 5px 56px -10px var(--textActiveColor);
}

.n-ban-info {
  height: 400px;
  background: #dddddd;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.n-ban-info.bg {
  position: relative;
}

.n-ban-info.bg::after {
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 980px) {
  .n-ban-info {
    height: 250px;
  }
}

.n-ban-info .container {
  height: 100%;
}

@media (max-width: 980px) {
  .n-ban-info .container {
    justify-content: center;
    text-align: center;
  }
}

.n-ban-info .b-info {
  width: 100%;
  position: relative;
  z-index: 2;
}

.n-ban-info .b-info .titlex {
  margin-bottom: 20px;
  color: #fff;
  position: relative;
}

.n-ban-info .b-info .sname {
  color: #fff;
}

.n-ban-info .b-info .navigation {
  color: #fff;
}

.n-ban-info .b-info .navigation a {
  color: #fff;
}

.danhangt {
  background-color: #f2f2f2;
}

.danhangt .dh {
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
}

.danhangt .dh a {
  display: inline-block;
  padding: 20px 30px;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: -1px;
  color: #3a3a3a;
}

@media (max-width: 980px) {
  .danhangt .dh a {
    padding: 10px;
    margin-right: 10px;
  }
}

.danhangt .dh a.ac, .danhangt .dh a:hover {
  color: #fff !important;
  background-color: var(--textActiveColor);
}

.danhangt .wz {
  padding-top: 25px;
  text-align: right;
  color: #666666;
}

.danhangt .wz a {
  color: #666666;
}

.ser-h {
  background-image: url("../images/logo-bg.png");
  background-position: center;
  background-repeat: no-repeat;
}

.ser-h .row .col-lg-5 {
  float: right;
}

.ser-h .info p {
  margin-bottom: 5px;
  /* 标准属性 */
  overflow-wrap: break-word;
  /* 旧版浏览器支持 */
  word-wrap: break-word;
}

.ser-h .serv-swp {
  background-color: #fff;
  border: 1px solid #f2f2f2;
}

@media (max-width: 980px) {
  .ser-h .serv-swp {
    margin-bottom: 30px;
  }
}

.ser-h .serv-swp .swiper-slide .item {
  width: 100%;
  aspect-ratio: 1/0.7;
}

.ser-h .serv-swp .swiper-slide .item .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ser-h .serv-swp .swiper-slide .item .img img {
  max-width: 90%;
  max-height: 90%;
}

.ser-h .serv-swp .ser-prev::after,
.ser-h .serv-swp .ser-next::after {
  font-size: 30px;
  color: var(--textActiveColor);
}

.bg-f {
  background-color: #f8f8f8;
}

.serv-con {
  padding: 80px 0;
  word-wrap: break-word;
}

@media (max-width: 980px) {
  .serv-con {
    padding: 40px 0;
  }
}

.serv-con .temp-title {
  text-align: left;
}

.serv-con .temp-title .t::after {
  left: 0;
  transform: initial;
}

@media (min-width: 980px) {
  .serv-con .row {
    margin-left: -20px;
    margin-right: -20px;
  }
  .serv-con .row [class*="col-lg-"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.serv-con .row:nth-child(even) .col-lg-5 {
  float: right;
}

.serv-con .img {
  width: 100%;
  aspect-ratio: 1/0.7;
  overflow: hidden;
}

@media (max-width: 980px) {
  .serv-con .img {
    margin-bottom: 20px;
  }
}

.serv-con .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.serv-cona {
  padding: 80px 0;
}

@media (max-width: 980px) {
  .serv-cona {
    padding: 40px 0;
  }
}

@media (min-width: 980px) {
  .serv-cona .row {
    margin-left: 0;
    margin-right: 0;
  }
  .serv-cona .row [class*="col-lg-"] {
    padding-left: 0;
    padding-right: 0;
    height: auto;
  }
}

.serv-cona .row:nth-child(even) .info {
  margin-left: 60px;
}

@media (max-width: 980px) {
  .serv-cona .row:nth-child(even) .info {
    margin-left: 0;
    margin-top: 30px;
  }
}

@media (min-width: 980px) {
  .serv-cona .row:nth-child(odd) {
    flex-flow: row-reverse;
  }
}

.serv-cona .row:nth-child(odd) .info {
  margin-right: 60px;
}

@media (max-width: 980px) {
  .serv-cona .row:nth-child(odd) .info {
    margin-right: 0;
    margin-top: 30px;
  }
}

.serv-cona.so .row:nth-child(odd) .info {
  margin-left: 60px;
}

@media (max-width: 980px) {
  .serv-cona.so .row:nth-child(odd) .info {
    margin-left: 0;
    margin-top: 30px;
  }
}

@media (min-width: 980px) {
  .serv-cona.so .row:nth-child(odd) {
    flex-flow: row;
  }
}

.serv-cona.so .row:nth-child(odd) .info {
  margin-right: 0;
}

@media (min-width: 980px) {
  .serv-cona.so .row:nth-child(even) {
    flex-flow: row-reverse;
  }
}

.serv-cona.so .row:nth-child(even) .info {
  margin-left: 0;
  margin-right: 60px;
}

@media (max-width: 980px) {
  .serv-cona.so .row:nth-child(even) .info {
    margin-right: 0;
    margin-top: 30px;
  }
}

.serv-cona .img {
  width: 100%;
  aspect-ratio: 1/0.5;
  overflow: hidden;
}

.serv-cona .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cnc-td .td-items .item {
  width: calc(100% / 4);
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  aspect-ratio: 1/0.7;
  position: relative;
}

@media (max-width: 980px) {
  .cnc-td .td-items .item {
    width: calc(100%);
    border-left: none;
    border-right: none;
  }
}

.cnc-td .td-items .item .bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.cnc-td .td-items .item .bg::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 160, 233, 0.8);
}

.cnc-td .td-items .item .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cnc-td .td-items .item .info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 70px 30px;
}

.cnc-td .td-items .item:nth-child(1), .cnc-td .td-items .item:nth-child(5) {
  border-left: none;
}

.cnc-td .td-items .item:nth-child(4), .cnc-td .td-items .item:nth-child(8) {
  border-right: none;
}

.cnc-td .td-items .item:nth-child(1), .cnc-td .td-items .item:nth-child(2), .cnc-td .td-items .item:nth-child(3), .cnc-td .td-items .item:nth-child(4) {
  border-top: none;
}

.cnc-td .td-items .item:nth-child(5), .cnc-td .td-items .item:nth-child(6), .cnc-td .td-items .item:nth-child(7), .cnc-td .td-items .item:nth-child(8) {
  border-bottom: none;
}

.img-cv {
  width: 100%;
  aspect-ratio: 1/0.9;
  overflow: hidden;
}

@media (max-width: 980px) {
  .img-cv {
    margin-bottom: 30px;
  }
}

.img-cv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 980px) {
  .shipei .item {
    margin-bottom: 30px;
  }
}

.shipei .item .ico {
  width: 120px;
  height: 120px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

@media (max-width: 980px) {
  .shipei .item .ico {
    width: 80px;
    height: 80px;
  }
}

.shipei .item .ico img {
  max-width: 70%;
  max-height: 70%;
}

.shipei .item .info {
  width: calc(100% - 140px);
}

@media (max-width: 980px) {
  .shipei .item .info {
    width: calc(100% - 100px);
  }
}

.shipei .sp-con {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #c4c4c4;
}

@media (max-width: 980px) {
  .shipei .sp-con {
    margin-top: 20px;
    padding-top: 20px;
  }
}

.shipei.hx .item .ico {
  margin: 0 auto;
}

.shipei.hx .item .info {
  width: 100%;
  margin-top: 30px;
  text-align: center;
}

.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cnc-prod .item .img {
  width: 100%;
  aspect-ratio: 1/1.2;
  overflow: hidden;
  border: 1px solid #f2f2f2;
  background-color: #fff;
}

.cnc-prod .item .img img {
  max-width: 90%;
  max-height: 90%;
}

.cnc-prod .mat-prod-swp {
  padding-bottom: 50px;
}

.cnc-prod .mat-prod-swp .swiper-pagination {
  bottom: 0;
}

.cnc-prod .mat-prod-swp .swiper-pagination .swiper-pagination-bullet {
  background-color: var(--textActiveColor);
}

.cnc-prod .mat-prod-swp .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--textActiveColor);
}

.cnc-youshi {
  background-image: url("../images/cnc-youhsi.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 80px 0;
}

.cnc-youshi .temp-title {
  text-align: left;
}

.cnc-youshi .temp-title .t::after {
  left: 0;
  transform: initial;
}

.service-type .item {
  box-shadow: 0 0 10px 3px #f3f3f3;
  background-color: #fff;
}

.service-type .item .img {
  width: 100%;
  aspect-ratio: 1/0.6;
  overflow: hidden;
}

.service-type .item .info {
  padding: 15px;
}

.ser-box-mold .temp-title {
  text-align: left;
}

.ser-box-mold .temp-title .t::after {
  left: 0;
  transform: initial;
}

.ser-box-mold .row > div .img {
  width: 100%;
  aspect-ratio: 1/1.3;
  overflow: hidden;
}

.modl-gy {
  background-image: url("../images/mold-7.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 80px 0;
}

.modl-gy .temp-title {
  text-align: left;
}

.modl-gy .temp-title .b {
  color: #fff;
  position: relative;
}

.modl-gy .temp-title .b::after {
  left: 0;
  transform: translate(0);
}

.modl-gy .gy-items .item {
  margin-bottom: 30px;
  border-radius: 10px;
  background-color: #fff;
  padding: 10px 20px;
  display: inline-block;
  margin-right: 25px;
}

@media (max-width: 980px) {
  .modl-gy .gy-items .item {
    margin-right: 5px;
  }
}

.modl-gy .gy-items .item .fa {
  margin-right: 10px;
}

.servic-c .box .row > div {
  height: auto;
}

.servic-c .box .row > div .img-box {
  height: 100%;
}

.servic-c .box .img-box {
  position: relative;
}

.servic-c .box .img-box .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #f2f2f2;
}

.servic-c .box .img-box .img img {
  max-width: 70%;
  max-height: 70%;
  object-fit: cover;
}

.servic-c .box .info {
  margin-left: 80px;
  height: 100%;
  align-items: flex-end;
}

@media (max-width: 980px) {
  .servic-c .box .info {
    margin-left: 0;
    margin-top: 15px;
  }
}

.servic-c .box .info > div {
  width: 100%;
}

.servic-c .box .info .itmes {
  margin-top: 40px;
}

.servic-c .box .info .itmes .item {
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.servic-c .box .info .itmes .item:last-child {
  margin-bottom: 0;
}

.servic-c .box .info .itmes .item .ico {
  width: 60px;
  height: 60px;
}

.servic-c .box .info .itmes .item .ico img {
  max-width: 90%;
  max-height: 90%;
}

.servic-c .box .info .itmes .item .con {
  width: calc(100% - 80px);
}

.servic-c .box .info .link-ban {
  margin-top: 50px;
}

.servic-c .box .info .link-ban .btn {
  background-color: var(--textActiveColor);
  color: #fff;
  text-shadow: none;
  font-size: 17px;
  border-radius: 0;
  text-shadow: none;
  font-weight: 600;
  padding: 10px 25px;
  transition: 0.4s;
}

@media (max-width: 980px) {
  .servic-c .box .info .link-ban .btn {
    font-size: 14px;
  }
}

.servic-c .box .info .link-ban .btn:hover {
  color: #fff !important;
  box-shadow: 7px 5px 56px -14px var(--textActiveColor);
}

.servic-c .box .info .link-ban .btn:active {
  transform: scale(0.97);
  box-shadow: 7px 5px 56px -10px var(--textActiveColor);
}

.servic-d {
  background-image: url("../images/inj-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 30px;
}

@media (max-width: 980px) {
  .servic-d {
    padding-top: 40px;
    padding-bottom: 10px;
  }
}

.servic-d .item {
  color: #fff;
  margin-bottom: 50px;
}

@media (max-width: 980px) {
  .servic-d .item {
    margin-bottom: 20px;
  }
}

.servic-d .item .ico {
  width: 60PX;
  height: 60px;
  overflow: hidden;
  margin: 0 auto;
}

.servic-d .item .ico img {
  max-width: 90%;
  max-height: 90%;
}

.servic-d .item .t {
  color: #fff;
}

.vacuum {
  background-image: url("../images/inj-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 80px 0;
}

@media (max-width: 980px) {
  .vacuum {
    padding: 40px 0;
  }
  .vacuum .row > div {
    margin-bottom: 30px;
  }
}

.vacuum .t {
  color: #fff;
}

.vacuum .item {
  background-color: #fff;
  padding: 50px 30px;
  height: 100%;
  margin-bottom: 30px;
}

@media (max-width: 980px) {
  .vacuum .item {
    padding: 10px;
    margin-bottom: 0;
  }
}

.vac-con {
  background-image: url("../images/logo-bg.png");
  background-position: center;
  background-repeat: no-repeat;
}

.vac-con .row > div {
  height: auto;
}

@media (max-width: 980px) {
  .vac-con .img-cv {
    margin-bottom: 30px;
  }
}

.vac-con .img {
  background-color: #fff;
  border: 1px solid #f2f2f2;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.vac-con .info p {
  margin-bottom: 5px;
}

.conact-em {
  background-color: var(--textActiveColor);
  color: #fff;
}

.conact-em a {
  color: #FFF;
  border-bottom: 1px solid #fff;
}

.conact-em a:hover {
  color: #fff !important;
}

.conact-em .fa {
  margin-right: 30px;
}

.sdlc {
  padding-top: 80px;
}

@media (max-width: 980px) {
  .sdlc {
    padding-top: 40px;
  }
}

.sdlc .temp-title {
  text-align: left;
}

.sdlc .temp-title .b {
  position: relative;
}

.sdlc .temp-title .b::after {
  left: 0;
  transform: translate(0);
}

.sdlc .item {
  margin-bottom: 30px;
}

@media (max-width: 980px) {
  .sdlc .item {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.sdlc .item .ico {
  width: 60px;
  height: 60px;
  overflow: hidden;
  margin: 0 auto;
}

.sdlc .item .ico img {
  max-width: 80%;
  max-height: 80%;
}

@media (max-width: 980px) {
  .sdlc .item .t {
    height: 70px;
  }
}

@media (max-width: 980px) {
  .serv-al .row .img-cv {
    margin-bottom: 30px;
  }
}

@media (min-width: 980px) {
  .serv-al .row {
    margin-left: -30px;
    margin-right: -30px;
  }
  .serv-al .row [class*="col-lg-"] {
    padding-left: 30px;
    padding-right: 30px;
  }
  .serv-al .row .col-md-5 {
    float: right;
  }
}

.mat-prod {
  background-image: url("../images/ma-prod-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0;
}

@media (max-width: 980px) {
  .mat-prod {
    padding: 40px 0;
  }
}

.mat-prod .mat-prod-swp {
  padding-bottom: 60px;
}

.mat-prod .mat-prod-swp .swiper-slide .item {
  width: 100%;
  aspect-ratio: 1/1.05;
  border-radius: 15px;
  background-color: #fff;
}

.mat-prod .mat-prod-swp .swiper-slide .item .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.mat-prod .mat-prod-swp .swiper-slide .item .img img {
  max-width: 70%;
  max-height: 70%;
}

.mat-prod .mat-prod-swp .swiper-pagination {
  bottom: 0;
}

.mat-prod .mat-prod-swp .swiper-pagination .swiper-pagination-bullet {
  background-color: var(--textActiveColor);
}

.mat-prod .mat-prod-swp .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--textActiveColor);
}

.mat-table table {
  width: 100%;
}

.prodlist {
  padding: 80px 0;
}

@media (max-width: 980px) {
  .prodlist {
    padding: 30px 0;
  }
}

.prodlist .item {
  border-radius: 8px;
  overflow: hidden;
  transition: all .5s;
  margin-bottom: 30px;
}

@media (max-width: 980px) {
  .prodlist .item {
    margin-bottom: 20px;
  }
}

.prodlist .item .img {
  width: 100%;
  aspect-ratio: 1/0.9;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #f2f2f2;
}

.prodlist .item .img img {
  max-width: 80%;
  max-height: 80%;
  object-fit: cover;
}

.prodlist .item .info {
  padding: 15px;
}

@media (max-width: 980px) {
  .prodlist .item .info {
    padding: 10px;
  }
}

.prodlist .item .info .title {
  line-height: initial;
  height: 60px;
}

@media (max-width: 980px) {
  .prodlist .item .info .title {
    height: 33px;
  }
}

.rigth-nav {
  border-top: 1px solid #f2f2f2;
  padding-top: 10px;
}

.rigth-nav li {
  padding: 15px;
  border-bottom: 1px solid #f2f2f2;
}

.rigth-nav li span {
  padding-right: 10px;
}

.rigth-nav li.ac a {
  color: var(--textActiveColor) !important;
}

.prod-con {
  padding-top: 80px;
}

@media (max-width: 980px) {
  .prod-con {
    padding-top: 40px;
  }
}

.prod-con .prod-head .prod-img {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
}

.prod-con .prod-head .prod-img img {
  width: 100%;
}

.prod-con .prod-head .max-prod-img {
  width: 100%;
  aspect-ratio: 1/1;
  border: 1px solid #f2f2f2;
}

.prod-con .prod-head .max-prod-img .max-img {
  width: 100%;
  height: 100%;
}

.prod-con .prod-head .max-prod-img .max-img img {
  max-width: 100%;
  max-height: 100%;
}

.prod-con .prod-head .min-prod {
  position: relative;
}

.prod-con .prod-head .min-prod .swiper-button-next::after,
.prod-con .prod-head .min-prod .swiper-button-prev::after {
  font-size: 18px;
  color: #444;
}

.prod-con .prod-head .min-prod .min-prod-prev {
  left: -5px;
}

.prod-con .prod-head .min-prod .min-prod-next {
  right: -5px;
}

.prod-con .prod-head .min-prod-img {
  margin: 10px 20px;
}

.prod-con .prod-head .min-prod-img .swiper-slide .item {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  border: 1px solid #f2f2f2;
  background-color: #fff;
}

.prod-con .prod-head .min-prod-img .swiper-slide .item img {
  max-width: 100%;
  max-height: 100%;
}

.prod-con .prod-head .min-prod-img .swiper-slide.ac .item {
  border: 1px solid var(--textActiveColor);
}

.prod-con .prod-head .title {
  color: #1f1f1f;
  margin-bottom: 20px;
}

.prod-con .prod-head .desc {
  color: #494949;
  margin-bottom: 30px;
}

.prod-con .content {
  margin-top: 50px;
  border: 1px solid #f2f2f2;
}

@media (max-width: 980px) {
  .prod-con .content {
    margin-top: 20px;
  }
}

.prod-con .content .title-tabs .tab {
  padding: 10px 20px;
  border: 1px solid #f2f2f2;
  border-left: none;
  margin-top: -1px;
  position: relative;
  cursor: pointer;
}

@media (max-width: 980px) {
  .prod-con .content .title-tabs .tab {
    padding: 10px 15px;
    font-size: 13px;
    width: 50%;
  }
}

.prod-con .content .title-tabs .tab::before {
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: var(--textActiveColor);
  content: "";
  top: 1px;
  left: 0;
  opacity: 0;
}

.prod-con .content .title-tabs .tab.ac {
  border-bottom: none;
}

.prod-con .content .title-tabs .tab.ac::before {
  opacity: 1;
}

.prod-con .content .info-tabs .info {
  padding: 30px;
  display: none;
}

.prod-con .content .info-tabs .info.ac {
  display: block;
}

.prod-con .content .info-tabs .info video,
.prod-con .content .info-tabs .info img,
.prod-con .content .info-tabs .info table {
  max-width: 100%;
}

.prod-con .next-pr .link {
  max-width: 45%;
}

.prod-con .i-gbook {
  background-image: initial;
  padding-top: 60px;
  padding-bottom: 20px;
}

@media (max-width: 980px) {
  .prod-con .i-gbook {
    padding-top: 30px;
    padding-bottom: 10px;
  }
}

.prod-con .i-gbook .temp-title {
  text-align: left;
}

.prod-con .i-gbook .temp-title .b {
  position: relative;
}

.prod-con .i-gbook .temp-title .b::after {
  left: 0;
  transform: translate(0);
}

.prod-con .i-gbook .form-box .input {
  background-color: #fff;
}

.list-more-page {
  text-align: center;
  margin: 60px 0;
}

@media (max-width: 980px) {
  .list-more-page {
    margin: 10px 0;
  }
}

.list-more-page a {
  width: 45px;
  height: 45px;
  border: 1px solid #f2f2f2;
  color: var(--textActiveColor);
  transition: all .5s;
  margin: 0 5px;
  display: inline-block;
  line-height: 45px;
}

.list-more-page a.page-num {
  background-color: initial;
  font-size: 17px;
  font-weight: 600;
  color: #000;
}

@media (max-width: 980px) {
  .list-more-page a.page-num {
    display: none;
  }
}

.list-more-page a:hover, .list-more-page a.page-num-current {
  color: var(--textActiveColor) !important;
  background-color: var(--textActiveColor);
  color: #fff !important;
}

.about-con .i-about .about {
  background-image: none;
}

.about-con .i-about .sj .item {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 30px;
}

@media (max-width: 980px) {
  .about-con .i-about .sj .item {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}

.about-con .i-about .sj .item .num {
  position: relative;
  display: inline-block;
  padding-right: 20px;
}

.about-con .i-about .sj .item .num span {
  position: absolute;
  top: 0;
  right: 0;
}

.about-con .i-about .sj .item .info {
  height: 70px;
}

@media (max-width: 980px) {
  .about-con .i-about .sj .item .info {
    height: initial;
  }
}

.newslist {
  padding: 40px 0;
}

@media (max-width: 980px) {
  .newslist {
    padding: 20px 0;
  }
}

.newslist .item {
  margin-bottom: 30px;
}

.newslist .item .t {
  transition: all .5s;
}

.newslist .item:hover .t {
  color: var(--textActiveColor);
}

.newslist .item .time {
  color: #929292;
}

.news-con {
  padding: 80px 0;
}

@media (max-width: 980px) {
  .news-con {
    padding: 30px 0;
  }
}

@media (max-width: 980px) {
  .news-con .titles h1 {
    font-size: 23px;
  }
}

.news-con .time {
  margin-top: 10px;
}

.news-con .content {
  margin: 30px 0;
  padding: 30px 0;
  border-top: 1px solid #f2f2f2;
}

.news-con .content video,
.news-con .content img,
.news-con .content table {
  max-width: 100%;
}

.news-con .next-pr .link {
  max-width: 45%;
}

.contact-con {
  padding-top: 60px;
}

@media (max-width: 980px) {
  .contact-con {
    padding-top: 30px;
  }
}

.contact-con .con-info .ico {
  width: 160px;
  height: 160px;
  border: 2px solid #fff;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto;
}

.contact-con .con-info .ico img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact-con .con-info .desc {
  border-top: 1px solid #f2f2f2;
  padding-top: 30px;
  width: 80%;
  margin: 40px auto;
}

@media (max-width: 980px) {
  .contact-con .con-info .desc {
    padding-top: 15px;
    margin: 20px auto;
  }
}

.contact-con .i-gbook {
  background-color: #fff;
  border-radius: 30px;
  padding: 40px;
  background-image: initial;
}

@media (max-width: 980px) {
  .contact-con .i-gbook {
    padding: 20px;
  }
}

.contact-con .i-gbook .form-box {
  margin-bottom: 0;
}

.contact-con .i-gbook .form-box .submit {
  margin-top: 0;
}

.contact-con .i-gbook .form-box .submit button {
  width: 100%;
}

.contact-con .map-box .map {
  width: 100%;
  aspect-ratio: 1/0.25;
}

@media (max-width: 980px) {
  .contact-con .map-box .map {
    aspect-ratio: 1/0.9;
  }
}

.contact-con .map-box .map .map-con {
  width: 100%;
  height: 100%;
}

.teamlist {
  padding: 80px 0;
}

@media (max-width: 980px) {
  .teamlist {
    padding: 30px 0;
  }
}

.teamlist .item {
  padding: 50px 40px;
  border: 1px solid #f2f2f2;
  border-radius: 8px;
  background-color: #fff;
  transition: all .5s;
  box-shadow: 0 0 5px 1px #f2f2f2;
  margin-bottom: 30px;
}

@media (max-width: 980px) {
  .teamlist .item {
    padding: 30px 20px;
  }
}

.teamlist .item .img {
  width: 40%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  margin: 30px auto;
}

.teamlist .item .img img {
  width: 100%;
}

.teamlist .item .info {
  transition: all .5s;
}

.teamlist .item .info .zw {
  color: var(--textActiveColor);
  margin-bottom: 20px;
  transition: all .5s;
}

.teamlist .item .info .link {
  margin-top: 20px;
}

.teamlist .item .info .link span {
  padding: 5px 12px;
  border-radius: 30px;
  border: 1px solid var(--textActiveColor);
  color: var(--textActiveColor);
  display: inline-block;
  line-height: initial;
  transition: all .5s;
}

.teamlist .item:hover {
  background-color: var(--textActiveColor);
}

.teamlist .item:hover .info {
  color: #fff;
}

.teamlist .item:hover .info .zw {
  color: #fff;
}

.teamlist .item:hover .info .link span {
  background-color: #fff;
  border-color: --textActiveColor;
}

.team-con {
  padding: 80px 0;
}

@media (max-width: 980px) {
  .team-con {
    padding: 30px 0;
  }
}

@media (min-width: 980px) {
  .team-con .row .col-lg-4 {
    position: sticky;
    top: 120px;
  }
}

.team-con .item {
  padding: 50px 40px;
  border: 1px solid #f2f2f2;
  border-radius: 8px;
  background-color: #fff;
  transition: all .5s;
  box-shadow: 0 0 5px 1px #f2f2f2;
  margin-bottom: 30px;
}

.team-con .item .img {
  width: 40%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  margin: 30px auto;
}

.team-con .item .img img {
  width: 100%;
}

.team-con .item .info {
  transition: all .5s;
}

.team-con .item .info .zw {
  color: var(--textActiveColor);
  margin-bottom: 20px;
  transition: all .5s;
}

.team-con .content .title {
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f2f2f2;
  color: #1f1f1f;
}

.team-con .content .info {
  margin-top: 30px;
}

.team-con .content .info video,
.team-con .content .info img,
.team-con .content .info table {
  max-width: 100%;
}

.transactilist {
  padding: 80px 0;
}

@media (max-width: 980px) {
  .transactilist {
    padding: 30px 0;
  }
}

.transactilist .list-item {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #f2f2f2;
  box-shadow: 0 0 3px 2px #f2f2f2;
  margin-bottom: 50px;
}

@media (min-width: 980px) {
  .transactilist .list-item {
    margin-bottom: 20px;
  }
}

@media (min-width: 980px) {
  .transactilist .list-item .row .col-lg-6:nth-child(1) {
    float: right;
  }
}

.transactilist .list-item .row .col-lg-6 .img {
  width: 100%;
  aspect-ratio: 1/0.7;
  overflow: hidden;
}

.transactilist .list-item .row .col-lg-6 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.transactilist .list-item .info {
  padding: 60px;
}

@media (max-width: 980px) {
  .transactilist .list-item .info {
    padding: 15px;
  }
}

.transactilist .list-item .info .s-time {
  color: var(--textActiveColor);
  font-weight: 600;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f2f2f2;
}

@media (max-width: 980px) {
  .transactilist .list-item .info .s-time {
    margin-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}

.transactilist .list-item .info .desc {
  color: #7a7a7a;
}

.transactilist .list-item .info .link {
  margin-top: 30px;
}

@media (max-width: 980px) {
  .transactilist .list-item .info .link {
    margin-top: 10px;
  }
}

.transactilist .list-item .info .link .btn {
  padding: 5px 12px;
  border-radius: 30px;
  border: 1px solid var(--textActiveColor);
  color: var(--textActiveColor);
  display: inline-block;
  line-height: initial;
  transition: all .5s;
}

.youshi {
  margin: 40px 0;
  padding: 100px 0;
  background-image: url("../images/about-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
}

@media (max-width: 980px) {
  .youshi {
    margin: 0px 0;
    padding: 30px 0;
  }
}

.youshi .youshi-box {
  margin-top: 50px;
  width: 100%;
}

@media (max-width: 980px) {
  .youshi .youshi-box {
    margin-top: 30px;
  }
}

@media (min-width: 980px) {
  .youshi .youshi-box .row {
    margin-left: -40px;
    margin-right: -40px;
  }
}

.youshi .youshi-box .item {
  width: calc(100% / 3);
  padding: 40px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 980px) {
  .youshi .youshi-box .item {
    width: 100%;
    padding: 15px;
    margin-bottom: 10px;
    border-right: none;
  }
}

.youshi .youshi-box .item:last-child {
  border-right: none;
}

.youshi .youshi-box .item .ico {
  width: 50px;
  height: 50px;
  overflow: hidden;
}

@media (max-width: 980px) {
  .youshi .youshi-box .item .ico {
    width: 30px;
    height: 40px;
  }
}

.youshi .youshi-box .item .ico img {
  max-width: 100%;
  max-height: 100%;
}

.youshi .youshi-box .item .t {
  margin-top: 30px;
}

@media (max-width: 980px) {
  .youshi .youshi-box .item .t {
    margin-top: 10px;
  }
}

.youshi .youshi-box .item .desc {
  margin-top: 15px;
  color: #ebc8c2;
}

.zzzs-box {
  padding: 50px 0;
}

@media (max-width: 980px) {
  .zzzs-box {
    padding-bottom: 20px;
  }
}

.zzzs-box .temp-title {
  text-align: left;
}

.zzzs-box .temp-title .b {
  position: relative;
}

.zzzs-box .temp-title .b::after {
  left: 0;
  transform: translate(0);
}

.zzzs-box .temp-title .swp-q {
  position: relative;
}

.zzzs-box .temp-title .swp-q .zzzs-prev,
.zzzs-box .temp-title .swp-q .zzzs-next {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid var(--textActiveColor);
  position: initial;
  margin-left: 10px;
}

@media (max-width: 980px) {
  .zzzs-box .temp-title .swp-q .zzzs-prev,
  .zzzs-box .temp-title .swp-q .zzzs-next {
    width: 35px;
    height: 35px;
  }
}

.zzzs-box .temp-title .swp-q .zzzs-prev::after,
.zzzs-box .temp-title .swp-q .zzzs-next::after {
  font-size: 20px;
  color: var(--textActiveColor);
}

@media (max-width: 980px) {
  .zzzs-box .temp-title .swp-q .zzzs-prev::after,
  .zzzs-box .temp-title .swp-q .zzzs-next::after {
    font-size: 17px;
  }
}

.zzzs-box .zs-swp-box {
  margin-top: 50px;
}

@media (max-width: 980px) {
  .zzzs-box .zs-swp-box {
    margin-top: 20px;
  }
}

.zzzs-box .zs-swp-box .sz-swp {
  padding-bottom: 50px;
}

@media (max-width: 980px) {
  .zzzs-box .zs-swp-box .sz-swp {
    padding-bottom: 10px;
  }
}

.zzzs-box .zs-swp-box .sz-swp .swiper-slide {
  padding: 5px;
}

.zzzs-box .zs-swp-box .sz-swp .swiper-slide .item {
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px 1px #f2f2f2;
  padding: 10px;
}

.zzzs-box .zs-swp-box .sz-swp .swiper-slide .item .img {
  width: 100%;
  aspect-ratio: 1/1.3;
  overflow: hidden;
}

.zzzs-box .zs-swp-box .sz-swp .swiper-slide .item .img img {
  max-height: 100%;
  max-width: 100%;
}

.zzzs-box .zs-swp-box .sz-swp .swiper-slide .item .t {
  border-top: 1px solid #f2f2f2;
  line-height: initial;
  color: #000;
  margin: 10px 0;
  padding-top: 10px;
}

@media (max-width: 980px) {
  .zzzs-box .zs-swp-box .sz-swp .paginationx {
    display: none;
  }
}

.zzzs-box .zs-swp-box .sz-swp .paginationx .swiper-pagination-bullet {
  border-radius: 3px;
  width: 30px;
  height: 5px;
}

.zzzs-box .zs-swp-box .sz-swp .paginationx .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--textActiveColor);
}

.joblist {
  width: 100%;
  margin-top: 60px;
  margin-bottom: 30px;
  padding: 60px;
  box-shadow: 0 0 5px 2px #f2f2f2;
}

@media (max-width: 980px) {
  .joblist {
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 10px;
  }
}

.joblist .msg {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f2f2f2;
}

@media (max-width: 980px) {
  .joblist .msg {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}

.joblist .job-item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f2f2f2;
}

@media (max-width: 980px) {
  .joblist .job-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}

.joblist .job-item .title {
  color: #000;
  cursor: pointer;
  position: relative;
  transition: all .5s;
}

.joblist .job-item .title:hover {
  color: var(--textActiveColor);
}

.joblist .job-item .title .t .more {
  width: 15px;
  height: 15px;
  position: relative;
  display: inline-block;
}

.joblist .job-item .title .t .more::after, .joblist .job-item .title .t .more::before {
  content: "";
  position: absolute;
  background-color: var(--textActiveColor);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.joblist .job-item .title .t .more::after {
  width: 100%;
  height: 1px;
}

.joblist .job-item .title .t .more::before {
  width: 1px;
  height: 100%;
}

.joblist .job-item .title .t div {
  margin: 0 5px;
}

.joblist .job-item .content {
  margin-top: 30px;
  padding: 25px;
  background-color: #fafafa;
  display: none;
}

.joblist .job-item:last-child {
  margin-bottom: 0;
  padding-bottom: 40px;
  border-bottom: none;
}

.joblist .job-item.ac .title {
  color: var(--textActiveColor);
}

.joblist .job-item.ac .title .t .more::before {
  display: none;
}

.rig-box {
  position: fixed;
  right: 50px;
  top: 45%;
  z-index: 99;
}

@media (max-width: 980px) {
  .rig-box {
    right: 5px;
  }
}

.rig-box ul li {
  position: relative;
  margin-bottom: 20px;
}

.rig-box ul li > a {
  width: 50px;
  height: 50px;
  display: inline-block;
  border-radius: 50%;
  background-color: var(--textActiveColor);
  color: #fff;
  font-size: 25px;
  line-height: 50px;
  text-align: center;
  position: relative;
  z-index: 2;
}

.rig-box ul li > a:hover {
  color: #fff !important;
}

.rig-box ul li > a svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 60%;
}

.rig-box ul li > a svg path {
  fill: #fff;
}

.rig-box ul li.txt .info {
  overflow: hidden;
  width: 0;
  height: 50px;
  border-radius: 30px 0 0 30px;
  line-height: 50px;
  white-space: nowrap;
  position: absolute;
  padding: 0 15px;
  top: 0;
  right: 25px;
  background-color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: all .5s;
}

.rig-box ul li.txt:hover .info {
  width: 250px;
  opacity: 1;
  pointer-events: initial;
}

.rig-box ul li.ewm .ewm-img {
  position: absolute;
  width: 130px;
  height: 130px;
  border-radius: 5px;
  background-color: #fff;
  padding: 10px;
  overflow: hidden;
  right: 60px;
  top: 0;
  transform: translateY(-50%);
  opacity: 0;
  pointer-events: none;
  transition: all .5s;
}

.rig-box ul li.ewm .ewm-img img {
  width: 100%;
}

.rig-box ul li.ewm:hover .ewm-img {
  opacity: 1;
  pointer-events: initial;
}

.layui-layer-btn .layui-layer-btn0:hover {
  color: var(--textActiveColor) !important;
}