@charset "UTF-8";
/*
Theme Name: PATRIOT
*/

@font-face {
  font-family: "HarmonyOSHans-Bold";
  src: url("fonts/HarmonyOSHans-Bold.woff2") format("woff2"), url("fonts/HarmonyOSHans-Bold.woff") format("woff");
}

@font-face {
  font-family: "HarmonyOSHans-Medium";
  src: url("fonts/HarmonyOSHans-Medium.woff2") format("woff2"), url("fonts/HarmonyOSHans-Medium.woff") format("woff");
}

@font-face {
  font-family: "HarmonyOSHans-Regular";
  src: url("fonts/HarmonyOSHans-Regular.woff2") format("woff2"), url("fonts/HarmonyOSHans-Regular.woff") format("woff");
}

@font-face {
  font-family: "Inter-Bold";
  src: url("fonts/Inter-Bold.ttf");
}

@font-face {
  font-family: "Inter-Regular";
  src: url("fonts/Inter-Regular.ttf");
}

@font-face {
  font-family: "Inter-Medium";
  src: url("fonts/Inter-Medium.ttf");
}

@font-face {
  font-family: "Inter-Light";
  src: url("fonts/Inter-Light.ttf");
}

body {
  font-family: "Inter-Medium", "Arial", "Helvetica", sans-serif;
}

@font-face {
  font-family: "SFPro-Bold";
  src: url("fonts/SF-Pro-Display/v3/sf-pro-display_bold.woff2") format("woff2");
}

@font-face {
  font-family: "SFPro-Regular";
  src: url("fonts/SF-Pro-Display/v3/sf-pro-display_regular.woff2") format("woff2");
}

@font-face {
  font-family: "SFPro-SemiBold";
  src: url("fonts/SF-Pro-Display/v3/sf-pro-display_semibold.woff2") format("woff2");
}

body {
  font-family: "Inter-Medium", "Arial", "Helvetica", sans-serif;
}

/* 字体包引入开始 */
@font-face {
  font-family: "PingFangSC-Regular";
  src: local("PingFangSC-Thin");
  font-style: normal;
}

@font-face {
  font-family: "PingFangSC-Regular";
  src: local("PingFangSC-Regular");
  font-style: normal;
}

@font-face {
  font-family: "HuaweiFont-Regular";
  src: url("./fonts/HuaweiSans-Light.ttf");
  font-style: normal;
}

@font-face {
  font-family: "HuaweiFont-Regular";
  src: url("./fonts/HuaweiSans-Bold.ttf");
  font-style: normal;
}

@font-face {
  font-family: "HuaweiFont-Regular";
  src: url("./fonts/HuaweiSans-Regular.ttf");
  font-style: normal;
}

@font-face {
  font-family: "HuaweiFont-Regular";
  src: url("./fonts/HuaweiSans-Medium.ttf");
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Regular";
  src: url("fonts/Manrope-Bold.ttf");
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Regular";
  src: url("fonts/Manrope-SemiBold.ttf");
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Regular";
  src: url("fonts/Manrope-Regular.ttf");
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Regular";
  src: url("fonts/Manrope-Medium.ttf");
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Regular";
  src: url("fonts/Manrope-Light.ttf");
  font-style: normal;
}

@font-face {
  font-family: "HarmonyOSHans-Medium";
  src: url("fonts/HarmonyOSHans-Medium.woff2") format("woff2"), url("fonts/HarmonyOSHans-Medium.woff") format("woff");
}

@font-face {
  font-family: "HarmonyOSHans-Regular";
  src: url("fonts/HarmonyOSHans-Regular.woff2") format("woff2"), url("fonts/HarmonyOSHans-Regular.woff") format("woff");
}

/* _base.scss */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  line-height: 1.15;
  cursor: default;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word;
}

body {
  margin: 0;
  font-size: 100%;
}

html, body {
  font-family: "Inter-Regular", "Arial", "Helvetica", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  font-family: "Inter-Medium", "Arial", "Helvetica", sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
  font-family: "Inter-Regular", "Arial", "Helvetica", sans-serif;
  transition: color .2s ease-in-out;
}

a:active {
  color: #009ADE;
}

a[aria-disabled=true] {
  cursor: not-allowed;
  opacity: 0.6;
}

@media screen and (min-width: 769px) {
  a:hover {
    color: #009ADE;
  }
}

a[href] {
  cursor: pointer;
}

hr {
  display: block;
  height: 1px;
  margin: .2rem 0;
  border: 0;
  border-top: 1px solid #CACACA;
  padding: 0;
}

img {
  width: 100%;
}

ul, li {
  list-style: none;
}

.hide {
  display: none !important;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfix::after {
  content: ' ';
  height: 1px;
  width: 1px;
  visibility: hidden;
  clear: both;
}

:after, :before {
  background-repeat: no-repeat;
  box-sizing: border-box;
}

:after, :before {
  text-decoration: inherit;
  vertical-align: inherit;
}

nav ol, nav ul {
  list-style: none;
}

b, strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}

audio, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

button, input, optgroup, select, textarea {
  margin: 0;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button {
  overflow: visible;
  text-transform: none;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted #dbdbdb;
}

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

fieldset {
  padding: .35em .75em .625em;
}

input {
  overflow: visible;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

.logo-1 {
  display: block;
}

.logo-2 {
  display: none;
}

.scrolled .logo-1 {
  display: none;
}

.scrolled .logo-2 {
  display: block;
}

.white-header .logo-2 {
  display: block;
}
.white-header .logo-1 {
  display: none;
}

progress {
  display: inline-block;
  vertical-align: initial;
}

select {
  text-transform: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details, dialog {
  display: block;
}

dialog {
  background-color: #fff;
  border: solid;
  color: #000;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[tabindex], a, area, button, input, label, select, summary, textarea {
  touch-action: manipulation;
}

[hidden] {
  display: none;
}

/* _common.scss */
.l-pagew {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.l-contentw {
  max-width: 88.54167%;
  margin: 0 auto;
}

@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .l-contentw {
    max-width: 70.27778%;
  }
}

@media screen and (min-width: 1281px) and (max-width: 1440px) {
  .l-contentw {
    max-width: 93.75%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1280px) {
  .l-contentw {
    width: 84.89583%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 768px) {
  .l-contentw {
    padding: 0 calc(0.20 * var(--fs));
    max-width: 100%;
  }
}

@media screen and (min-width: 1921px) {
  .l-contentw {
    max-width: 1700px;
  }
}

@media screen and (max-width: 400px) {
  .hide_phone {
    display: none !important;
  }
}

@media screen and (min-width: 401px) and (max-width: 768px) {
  .hide_tablet {
    display: none !important;
  }
}

@media screen and (min-width: 401px) {
  .hide_tablet-and-up {
    display: none !important;
  }
}

@media screen and (min-width: 401px) {
  .hide_phone-up {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .hide_pocket {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .hide_pad {
    display: none !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1280px) {
  .hide_lap {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .hide_pocket-up {
    display: none !important;
  }
}

@media screen and (min-width: 1025px) {
  .hide_pad-up {
    display: none !important;
  }
}

@media screen and (max-width: 1280px) {
  .hide_desk {
    display: none !important;
  }
}

@media screen and (min-width: 1281px) {
  .hide_desk-up {
    display: none !important;
  }
}

@media screen and (min-width: 1441px) {
  .hide_wide {
    display: none !important;
  }
}

.pichover1 {
  transition: transform .2s ease-in-out;
}

.pichover1:hover {
  transform: scale(1.1);
}

.page-preparing {
  opacity: 0;
  visibility: hidden;
  transition: opacity .1s ease-in-out;
}

.page-prepared {
  opacity: 1;
  visibility: visible;
}

.line-v {
  display: block;
  width: 1px;
  margin: 0 .2rem;
  border: 0;
  border-top: 1px solid #CACACA;
  background-color: #009ADE;
  padding: 0;
  align-self: normal;
  opacity: .3;
}

i.icon {
  display: inline-block;
}

i.icon > svg {
  width: 100%;
  height: 100%;
}

.rte {
  font-size: inherit;
}

.rte p {
  margin-bottom: .2rem;
}

.rte h1, .rte h2, .rte h3 {
  margin-bottom: 0.2rem;
  margin-top: 0.4rem;
  font-size: .24rem;
}

.rte a {
  text-decoration: underline;
}

section {
  font-size: initial;
}

._btn {
  cursor: pointer;
}

body.overflow-hidden {
  overflow: hidden;
}

/* 整站风格 start */
.spacer {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  height: 0;
  width: 100%;
  padding-bottom: 56.25%;
}

.spacer > img, .spacer > video {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.theme-color {
  color: #009ADE;
}

.prodt-name {
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
  color: inherit;
  font-weight: normal;
}

.prodt-name strong {
  font-family: "Inter-Bold", "Arial", "Helvetica", sans-serif;
  font-weight: bold;
}

._bold {
  font-family: "Inter-Bold", "Arial", "Helvetica", sans-serif;
}

._light {
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
}

.fs-theme {
  color: #009ADE;
}

.fs-16 {
  font-size: calc(0.16 * var(--fs));
}

.fs-20 {
  font-size: calc(0.2 * var(--fs));
}

.fs-22 {
  font-size: calc(0.22 * var(--fs));
}

.fs-24 {
  font-size: calc(0.24 * var(--fs));
}

.fs-26 {
  font-size: calc(0.26 * var(--fs));
}

.fs-30 {
  font-size: calc(0.3 * var(--fs));
}

.fs-42 {
  font-size: calc(0.42 * var(--fs));
}

.fs-56 {
  font-size: calc(0.56 * var(--fs));
}

.fs-96 {
  font-size: calc(0.96 * var(--fs));
}

h1 {
  font-size: calc(0.75 * var(--fs));
}

.h1-max {
  font-size: calc(1.2 * var(--fs));
}

h2 {
  font-size: calc(0.64 * var(--fs));
}

h3 {
  font-size: calc(0.48 * var(--fs));
}

h4 {
  font-size: calc(0.3 * var(--fs));
}

h6 {
  font-size: calc(0.18 * var(--fs));
}

@media screen and (max-width: 768px) {
  .h1-max {
    font-size: calc(1 * var(--fs));
  }
  h1 {
    font-size: calc(0.32 * 2 * var(--fs));
  }
  h2 {
    font-size: calc(0.28 * 2 * var(--fs));
  }
  h3 {
    font-size: calc(0.24 * 2 * var(--fs));
  }
  h4 {
    font-size: calc(0.2 * 2 * var(--fs));
  }
}

.non-immersive main {
  padding-top: var(--var-headerH);
}

.page-prodt .contentw {
  width: 61.45833%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .page-prodt .contentw {
    width: inherit;
    margin-left: calc(0.7 * var(--fs));
    margin-right: calc(0.7 * var(--fs));
  }
  .page-prodt .contentw.full-m {
    margin-left: 0;
    margin-right: 0;
  }
}

.page-prodt section {
  position: relative;
  font-size: 5.20833vw;
  line-height: 1.2;
}

.page-prodt .banner_text_1 {
  font-size: calc(0.3 * var(--fs));
  color: #B6C2C8;
  margin-top: calc(0.1 * var(--fs));
}

.page-prodt .banner_text_2 {
  font-size: calc(0.3 * var(--fs));
  color: #E4E3E3;
  margin-top: calc(0.1 * var(--fs));
}

.page-prodt p {
  font-size: calc(0.24 * var(--fs));
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
  font-weight: 300;
  line-height: 1.5;
}

.page-prodt p strong {
  font-weight: bold;
  font-family: "Inter-Bold", "Arial", "Helvetica", sans-serif;
}

.page-prodt h2 {
  font-weight: normal;
  font-family: "Inter-Regular", "Arial", "Helvetica", sans-serif;
}

@media screen and (max-width: 768px) {
  .page-prodt .banner_text_1 {
    font-size: calc(0.2 * 2 * var(--fs));
    color: #B6C2C8;
    margin-bottom: 10px;
  }
  .page-prodt .banner_text_2 {
    font-size: calc(0.24 * 2 * var(--fs));
    color: #E4E3E3;
    margin-top: calc(0.1 * 2 * var(--fs));
  }
  .page-prodt h2 {
    font-size: calc(0.36 * 2 * var(--fs));
  }
  .page-prodt p {
    font-size: 16px;
  }
}

.prodt-form {
  position: relative;
  padding-top: calc(0.6 * var(--fs));
  padding-bottom: calc(1 * var(--fs));
  background-color: #ffffff;
  z-index: 1;
}

.prodt-form h2, .prodt-form h3, .prodt-form .form-title {
  text-align: center;
  font-weight: bold;
  font-family: "Inter-Bold", "Arial", "Helvetica", sans-serif;
  margin-bottom: calc(0.6 * var(--fs));
}

.prodt-form .form-list2 {
  display: flex;
}

@media screen and (max-width: 768px) {
  .prodt-form .form-list2 {
    flex-direction: column;
  }
}

.bg-cover {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.link-more {
  font-size: calc(0.24 * var(--fs));
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
}

@media screen and (max-width: 768px) {
  .link-more {
    font-size: 12px;
  }
}

.page-article {
  font-size: inherit;
  line-height: 1.5;
  --color-67: #676767;
}

.page-article .bg-light-blue {
  background-color: #F6F8FB;
}

.page-article section {
  position: relative;
}

.page-article h1, .page-article h2, .page-article h3, .page-article h4, .page-article h5, .page-article h6 {
  line-height: 1.2;
}

.page-article h1 {
  font-size: calc(0.96 * var(--fs));
}

.page-article h2 {
  font-size: calc(0.8 * var(--fs));
}

.page-article h3 {
  font-size: calc(0.55 * var(--fs));
}

.page-article h4 {
  font-size: calc(0.36 * var(--fs));
}

.page-article h5 {
  font-size: calc(0.3 * var(--fs));
}

.page-article h6 {
  font-size: calc(0.2 * var(--fs));
}

@media screen and (max-width: 768px) {
  .page-article h4 {
    font-size: calc(0.36 * var(--fs));
  }
}

.page-article p {
  color: var(--color-67);
  font-size: calc(0.24 * var(--fs));
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
  font-weight: 300;
}

.page-article .contentw {
  width: 61.45833%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .page-article .contentw {
    width: inherit;
    margin-left: calc(0.7 * var(--fs));
    margin-right: calc(0.7 * var(--fs));
  }
  .page-article .contentw.full-m {
    margin-left: 0;
    margin-right: 0;
  }
}

.page-article a:hover {
  text-decoration: underline;
  color: inherit;
}

.page-article .article-banner {
  background-color: #fff;
  position: relative;
}

.page-article .article-banner .mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
}

.page-article .banner-content {
  text-align: center;
  padding: calc(0.4 * var(--fs)) 0;
  padding: calc(0.4 * var(--fs)) 0;
}

.page-article .banner-content h4 {
  margin-bottom: calc(0.18 * var(--fs));
}

.page-article .banner-content p {
  margin-bottom: calc(0.3 * var(--fs));
}

@media screen and (max-width: 768px) {
  .page-article .banner-content {
    text-align: left;
  }
}

.page-article .banner-text {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-article .link-more {
  font-size: calc(0.24 * var(--fs));
  font-family: "Inter-Medium", "Arial", "Helvetica", sans-serif;
  color: #009ADE;
}

.page-article .articles-main {
  padding-top: calc(0.8 * var(--fs));
  padding-bottom: calc(0.8 * var(--fs));
}

.article-pagination {
  text-align: right;
  font-weight: bold;
  margin: calc(0.32 * var(--fs)) 0;
}

.article-pagination .prev, .article-pagination .next {
  font-size: calc(0.18 * var(--fs));
  color: var(--color-67);
}

.article-pagination .prev.disable, .article-pagination .next.disable {
  opacity: .4;
}

.article-pagination .prev {
  margin-right: calc(0.76 * var(--fs));
}

.article-pagination-more {
  text-align: center;
  font-weight: bold;
  margin: calc(0.32 * var(--fs)) 0;
}

.article-pagination-more .more {
  font-size: calc(0.36 * var(--fs));
  color: var(--color-67);
}

.pic-hover {
  overflow: hidden;
}

.pic-hover img {
  transition: transform .2s ease-in-out;
}

.pic-hover:hover img {
  transform: scale(1.02);
}

.card-hover {
  transition: box-shadow .2s ease-in-out;
}

.card-hover:hover {
  box-shadow: 8px 8px 10px 0px #d5d5d5;
}

.abs {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.page-bottom {
  padding-bottom: calc(2 * var(--fs));
}

.page-privacy {
  padding: 40px 0;
}

.page-privacy span {
  font-size: 16px;
  line-height: 150%;
}

.page-privacy .p1 {
  line-height: 150%;
}

/* 整站风格 end */
/* 组件 _components.scss */
/* 对象类 _objects.scss */
/* 
  注意：对象类不要包含任何这些属性和值
  absolute 和 fixed 定位。
  margin
  padding (除非你用了background-color。 在这种情况下，它不会中断对象外部的对齐)
  float
*/
[class*="c-btn_"] {
  display: inline-block;
  border-radius: 4px;
  background-color: #009ADE;
  color: white;
  line-height: 1;
  line-height: initial;
  line-height: auto;
  transition: color,background-color 0.15s ease-in-out;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  user-select: none;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 1280px) {
  [class*="c-btn_"] {
    font-size: 14px;
    line-height: 22px;
  }
}

[class*="c-btn_"]:hover {
  background-color: rgba(0, 154, 222, 0.8);
  color: white;
}

[class*="c-btn_"]::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #c6fcd3 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .3s, opacity .5s;
}

[class*="c-btn_"]:active::after {
  transform: scale(0, 0);
  opacity: .3;
  transition: 0s;
}

.c-btn_small0 {
  padding: 8px 18px;
}

@media screen and (max-width: 768px) {
  .c-btn_small0 {
    padding: 0.16rem 0.24rem;
    font-size: .28rem;
  }
}

.c-btn_small {
  padding: 8px 18px;
  border-radius: 1px;
}

@media screen and (max-width: 768px) {
  .c-btn_small {
    padding: 8px 20px;
    font-size: 14px;
  }
}

.c-btn_normal {
  padding: 0.12rem 0.24rem;
}

.c-btn_plain {
  background-color: transparent;
  border: 1px solid #FFFFFF;
  font-size: 16px;
  padding: 0.08rem 0.24rem;
  margin-left: auto;
  margin-right: auto;
}

.c-btn_plain:hover {
  background-color: transparent;
  color: white;
  opacity: .6;
}

.c-btn_plain.dark {
  background-color: #000000;
  color: white;
}

.c-btn_m1 {
  font-size: 14px;
  padding: 0.18rem 0.24rem;
  text-align: center;
  width: 100%;
}

.o-icon {
  width: 22px;
  height: 22px;
  font-size: 22px;
  line-height: 1;
  display: inline-block;
  font-style: normal;
}

.o-icon[class*="icon-"] {
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'iconfont';
  font-style: normal;
}

.o-icon[class*="icon-"] > *:first-child {
  margin-left: 0;
}

.o-icon > svg {
  width: 100%;
  height: 100%;
}

.c-link_arrow {
  font-size: 14px;
  color: #009ADE;
  font-family: 'iconfont';
  cursor: pointer;
}

.c-link_arrow::after {
  content: '\e600';
  color: inherit;
}

.c-link_arrow:hover {
  text-decoration: underline;
}

.c-btn_1 {
  background-color: transparent;
  border: 1px solid white;
  border-radius: 4px;
  padding: 7px 16px;
  color: white;
  margin-top: 0.2rem;
}

.c-btn_1:hover {
  background-color: initial;
}

.c-btn_2 {
  padding: calc(0 * var(--fs)) calc(0.12 * var(--fs));
  height: calc(0.3 * var(--fs));
  line-height: calc(0.3 * var(--fs));
  border-radius: 1px;
  background: #F00;
  font-size: calc(0.16 * var(--fs));
  min-width: calc(0.88 * var(--fs));
}

.c-btn_2:hover {
  opacity: 0.6;
  background: #F00;
}

@media screen and (max-width: 768px) {
  .c-btn_2 {
    font-size: calc(0.24 * var(--fs));
    padding: calc(0 * var(--fs)) calc(0.12 * var(--fs));
    height: calc(0.4 * var(--fs));
    line-height: calc(0.4 * var(--fs));
  }
}

.c-btn_3 {
  border: 1px solid #009ADE;
  padding: calc(0.14 * var(--fs)) calc(0.2 * var(--fs));
  color: #009ADE;
  text-align: center;
  background-color: transparent;
  border-radius: 0;
}

.c-btn_3:hover {
  color: rgba(0, 154, 222, 0.8);
  background-color: transparent;
  opacity: .6;
}

/* 进度条 组件 */
.c-progress {
  position: fixed;
  top: 0;
  height: 2px;
  background-color: #009ADE;
  z-index: 9999;
  width: 0;
  transition: width 0.2s;
}

.c-progress.ready {
  display: none;
}

.c-progress.started {
  width: 40%;
  display: block;
}

.c-progress.finished {
  width: 100%;
  display: block;
}

.c-progress .c-progress-mask {
  position: fixed;
  top: 2px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  opacity: 0;
}

.c-progress.started .c-progress-mask {
  opacity: 1;
}

.c-progress.finished .c-progress-mask {
  opacity: 0;
}

/* 图片 */
.c-img {
  display: inline-flex;
  vertical-align: middle;
}

.c-img > img {
  height: 100%;
  width: auto;
}

.c-img_ratio {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  height: 0;
  width: 100%;
  padding-bottom: 56.25%;
}

.c-img_ratio > img, .c-img_ratio > video {
  outline: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

/* Swiper 组件 */
.swiper-type1 {
  position: absolute;
  top: 50%;
}

.swiper-type1 i {
  width: 20px;
}

.swiper-type1.prev {
  left: 20px;
}

.swiper-type1.next {
  right: 20px;
}

/* 标签组件 */
[class*="c-tag_"] {
  color: #009ADE;
  border: 2px solid #009ADE;
  font-weight: 600;
  text-align: center;
}

.c-tag_1 {
  padding: 0.1rem 0.4rem;
  border-radius: 40px;
}

.c-tag_2 {
  padding: 0.1rem 0.4rem;
  border-radius: 40px;
  background-color: #009ADE;
  color: #FFFFFF;
}

/* 表单 */
.c-form {
  flex: 1;
}

@media screen and (min-width: 769px) {
  .c-form:nth-child(1) {
    padding-right: 20px;
  }
  .c-form:nth-child(2) {
    padding-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  .c-form {
    margin-top: 20px;
  }
  .c-form:nth-child(1) {
    margin-top: 0;
  }
}

.c-form_t {
  font-size: 24px;
}

.c-form-item {
  margin-top: 10px;
  position: relative;
}

.c-form-item .c-form-err {
  display: none;
  color: #d9001b;
  margin-top: 4px;
  font-size: 12px;
}

.c-form-item.error .c-form-err {
  display: block;
}

.c-form-item .c-form-label {
  display: inline-flex;
  font-size: 14px;
  margin-bottom: 4px;
}

@media screen and (max-width: 768px) {
  .c-form-item .c-form-label {
    display: none;
  }
}

.c-form-item.required .c-form-label::after {
  display: inline-block;
  content: "*";
  color: #009ade;
  margin-left: 6px;
}

.c-form-item .c-form-dropbox {
  display: none;
  position: absolute;
  width: 100%;
  border: 1px solid #e6e6e6;
  border-top: none;
  background-color: white;
  z-index: 11;
  box-sizing: border-box;
  max-height: 200px;
  overflow-y: auto;
}

.c-form-item .c-form-dropbox .nodata {
  padding: 10px;
  text-align: center;
}

.c-form-item .c-form-dropbox li {
  padding: 6px;
}

.c-form-item .c-form-dropbox li:hover {
  background-color: #F3F3F3;
}

.c-form-box {
  position: relative;
  width: 100%;
  border: 1px solid #c7c7c7;
  display: flex;
  justify-content: space-between;
  height: 38px;
}

.c-form-box.autoh {
  height: auto;
}

.c-form-box:hover {
  width: 100%;
  border: 1px solid rgba(0, 154, 222, 0.2);
  display: flex;
  justify-content: space-between;
}

.c-form-item.error .c-form-box {
  border-color: #b92020;
}

.c-form-box ._input {
  border: none;
  outline: none;
  flex: 1;
  width: 100%;
  text-indent: 10px;
  height: 36px;
  background: inherit;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.c-form-box ._input._select[disabled] {
  background-color: inherit;
}

.c-form-box ._textarea {
  height: initial;
  padding: 10px;
  text-indent: initial;
  position: relative;
}

select._input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /*去掉下拉箭头*/
}

select._input option {
  color: black;
  padding: 2px 4px;
  box-sizing: border-box;
}

select._input::-ms-expand {
  display: none;
}

.c-form-box > i {
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  padding: 8px;
  font-size: 16px;
  color: #979797;
  position: absolute;
  right: 0;
}

.c-form-box.is-open i > svg {
  transform: rotate(180deg);
}

.c-form-box > i > svg {
  height: 100%;
  width: 100%;
  fill: #c3c3c3;
  transition: transform .2s ease-in-out;
}

.c-form-actions {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .c-form-actions {
    width: 100%;
  }
  .c-form-actions [class*="o-btn_"] {
    display: block;
    text-align: center;
  }
}

[class*='c-form-placeholder'] {
  display: none;
}

@media screen and (max-width: 768px) {
  [class*='c-form-placeholder'] {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateX(0%) translateY(-50%);
    color: #CCCCCC;
    font-size: 12px;
    display: flex;
    text-align: left;
    padding: 0 10px;
  }
  [class*='c-form-placeholder'].aside {
    color: #1D1D1F;
    background-color: white;
    transform: translateY(-26px) translateX(2px) scale(0.8);
    transition: transform .2s ease-in-out;
    transform-origin: left top;
    opacity: 1;
    z-index: 1;
  }
}

.c-form-placeholder_1 {
  color: #1D1D1F;
  opacity: 0.6;
}

@media screen and (min-width: 769px) {
  .f-cbox {
    max-width: 800px !important;
    margin-bottom: 40px !important;
  }
  .f-cbox i {
    margin-right: .1rem;
    color: #009ADE;
  }
  .f-info {
    max-width: 800px !important;
  }
  .f-info i {
    margin-right: .1rem;
    color: #009ADE;
  }
}

@media screen and (max-width: 768px) {
  .f-cbox {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 40px !important;
    padding: 0 !important;
  }
  .f-cbox i {
    margin-right: .1rem;
    color: #009ADE;
  }
  .f-info {
    font-size: 14px;
    line-height: 18px;
    padding: 0 !important;
  }
  .f-info i {
    margin-right: .1rem;
    color: #009ADE;
  }
  .f-info span {
    flex: 1;
  }
}

[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  -o-appearance: checkbox;
  appearance: checkbox;
}

._checkbox {
  display: flex;
  align-items: center;
}

._checkbox span {
  margin-left: 8px;
}

._checkbox a {
  color: #009ade;
}

._checkbox a:hover {
  text-decoration: underline;
}

.dark {
  padding: 0 0 30px 0;
  color: white;
  --form-bg: black;
  background: var(--form-bg);
}

.dark .form-wrap {
  padding-top: 30px;
}

.dark h3 {
  font-size: 2vw;
  margin-bottom: 20px;
}

.dark .c-form-item {
  margin-top: 20px;
}

.dark .c-form-box.type2 {
  border-radius: 4px;
}

.dark .c-form-box.type2:hover {
  box-shadow: 0px 0px 4px white;
  border: 1px solid white;
}

.dark .c-form-item .c-form-dropbox {
  background-color: black;
  background-color: var(--form-bg);
}

.dark .c-form-item .c-form-dropbox li:hover {
  background-color: #3a3a3a;
}

.dark .c-form-placeholder_1 {
  color: white;
}

.dark .textarea1 {
  height: 115px;
}

.dark .c-form-item.error .c-form-box {
  border-color: white;
}

.dark .c-form-item .c-form-dropbox.type2 {
  width: 50%;
}

.dark .c-form-item .c-form-dropbox.type2 > li {
  position: relative;
}

.dark .dropbox-sublist {
  position: absolute;
  display: none;
  left: 50%;
  width: 50%;
  border: 1px solid #e6e6e6;
  border-top: none;
  z-index: 11;
  box-sizing: border-box;
  max-height: 200px;
  overflow-y: auto;
  background: black;
}

.dark .dropbox-sublist > li {
  padding: 6px;
}

.dark .dropbox-sublist > li:hover {
  background-color: #3a3a3a;
}

.dark .p2 {
  font-size: 12px;
  line-height: 1.2;
  margin-top: 6px;
}

@media screen and (max-width: 768px) {
  .dark h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .dark [class*='c-form-placeholder'].aside {
    color: white;
    background-color: black;
  }
}

.light {
  background-color: #fff;
}

.light textarea::placeholder {
  opacity: .6;
}

.light h3 {
  margin-bottom: calc(0.4 * var(--fs));
}

.light .c-form-item {
  margin-top: calc(0.2 * var(--fs));
}

.light .c-form-item .c-form-dropbox {
  background-color: white;
}

.light .c-form-item .c-form-dropbox li:hover {
  background-color: #f5f5f5;
}

.light .c-form-placeholder_1 {
  color: #1D1D1F;
}

.light .textarea1 {
  height: 126px;
}

.light .c-form-item.error .c-form-box {
  border-color: #b92020;
}

.light .c-form-item .c-form-dropbox.type2 {
  width: 50%;
}

.light .c-form-item .c-form-dropbox.type2 > li {
  position: relative;
}

.light .dropbox-sublist {
  position: absolute;
  display: none;
  left: 50%;
  width: 50%;
  border: 1px solid #e6e6e6;
  border-top: none;
  z-index: 11;
  box-sizing: border-box;
  max-height: 200px;
  overflow-y: auto;
  background: white;
}

.light .dropbox-sublist > li {
  padding: 6px;
}

.light .dropbox-sublist > li:hover {
  background-color: #f5f5f5;
}

.light .p2 {
  font-size: 12px;
  line-height: 1.2;
  margin-top: 6px;
}

@media screen and (max-width: 768px) {
  .light h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .light [class*='c-form-placeholder'].aside {
    color: #1D1D1F;
    background-color: white;
  }
}

.c-select-mask {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

html {
  --window-height: 1080px;
  --window-width: 1920px;
  --vh: 13.2900px;
  --vw: 19.2000px;
  --scale: 100.0000px;
  --fs: 100.0000px;
}

body {
  --var-headerH: calc(0.67 * var(--fs));
}

@media screen and (min-width: 769px) and (max-width: 1440px) {
  body {
    --var-headerH: calc(0.67 * var(--fs));
  }
}

@media screen and (max-width: 768px) {
  body {
    --var-headerH: 48px;
  }
}

.site-header {
  transition: all .2s ease-in-out;
  --var-a-fontsize: calc(0.2 * var(--fs));
  --var-fs-12: 12px;
  --var-fs-16: 16px;
  --var-fs-15: 15px;
  --var-fs-18: 18px;
  --var-fs-20: 20px;
  --var-fs-24: 24px;
}

.site-header.stiky {
  --var-text-color: white;
  --var-text-color-dark: #f9f9f9;
  --var-background: transparent;
  --var-background2: rgba(0, 0, 0, 0.4);
  --var-mask-bg: inherit;
  --var-border-color: transparent;
  position: fixed;
  z-index: 99;
  width: 100%;
}

.site-header.white-header, .site-header.white-fixed {
  --var-text-color: #000000;
  --var-text-color-dark: #676767;
  --var-background: #ffffff;
  --var-background2: #ffffff;
  --var-mask-bg: rgba(0, 0, 0, 0.4);
  --var-border-color: #f7f7f7;
  background-color: var(--var-background);
}

.site-header > nav {
  position: relative;
  z-index: 1;
  color: var(--var-text-color);
  background-color: var(--var-background);
  border-bottom: 1px solid var(--var-border-color);
}

.top-bar {
  color: white;
  background: black;
  text-align: right;
  font-size: 12px;
  padding: 8px 0px;
}

.top-bar .top-bar-lang {
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.top-bar .btn-language {
  margin-left: 8px;
  font-size: 12px;
}

.top-bar .btn-closeTopBar {
  margin-left: 12px;
  font-size: 12px;
  cursor: pointer;
}

.top-bar .lang-dropdown {
  position: absolute;
  background: rgba(0, 0, 0, 0.78);
  z-index: 11;
  width: 200%;
  text-align: left;
  padding: 10px 6px;
  margin-left: -100%;
  margin-top: 8px;
  transform: translate(10px, -10px);
  transition: transform .2s ease;
  opacity: 0;
  visibility: hidden;
}

.top-bar .lang-dropdown.show {
  transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
}

.top-bar .lang-dropdown > li {
  padding: 4px 0;
  padding-left: 30px;
  position: relative;
}

.top-bar .lang-dropdown > li .icon-selected {
  position: absolute;
  left: 10px;
  font-size: 14px;
}

.navbar-container {
  display: flex;
}

.header-logo {
  width: 20%;
  display: flex;
  align-items: center;
}

.header-logo a {
  display: inline-block;
  width: calc(1.33 * var(--fs));
}

@media screen and (max-width: 768px) {
  .header-logo {
    width: 36%;
  }
  .header-logo a {
    width: calc(3 * var(--fs));
  }
}

.header-navbar {
  flex: 1;
  display: flex;
}

.header-navbar .navbar-category {
  display: flex;
  justify-content: center;
  flex: 1;
}

.category-item {
  margin-right: 60px;
  text-align: center;
  height: var(--var-headerH);
  line-height: var(--var-headerH);
  font-size: var(--var-a-fontsize);
}

.category-item:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .category-item {
    margin-right: 40px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .category-item {
    margin-right: 20px;
  }
}

.category-item .nav-link-wrap {
  position: relative;
  z-index: 2;
}

.category-item .nav-link-wrap::after {
  content: '';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 4px;
  background-color: transparent;
  left: 0;
  bottom: -4px;
  transition: background-color .2s ease-in-out;
}

.category-item .nav-link-wrap a {
  color: var(--var-text-color-dark);
  font-size: inherit;
}

.category-item:hover .nav-link-wrap a, .category-item.active .nav-link-wrap a {
  color: var(--var-text-color);
}

.category-item:hover .nav-link-wrap::after, .category-item.active .nav-link-wrap::after {
  background-color: #009ADE;
}

.navbar-right {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.navbar-right > li {
  cursor: pointer;
  display: flex;
}

.navbar-right > li.nav-contactus .btn-contact i {
  font-size: calc(0.3 * 2 * var(--fs));
}

.navbar-right > li.nav-search {
  margin-left: 20px;
}

.navbar-right > li.nav-search i {
  font-weight: 600;
  font-size: calc(0.16 * var(--fs));
  transition: transform .2s ease-in-out;
}

.navbar-right > li.nav-search i:hover {
  transform: scale(1.1);
}

@media screen and (max-width: 768px) {
  .navbar-right > li.nav-search {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 10px;
  }
}

.navbar-right .mobile-menu {
  height: var(--var-headerH);
  line-height: var(--var-headerH);
  padding-left: calc(0.4 * var(--fs));
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.navbar-right .mobile-menu > *:first-child {
  margin-left: 0;
}

.navbar-right .mobile-menu b {
  width: 20px;
  height: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: relative;
}

.navbar-right .mobile-menu b::before, .navbar-right .mobile-menu b::after,
.navbar-right .mobile-menu b em {
  position: absolute;
  background-color: var(--var-text-color);
  width: 100%;
  height: 2px;
  border-radius: 2px;
  content: "";
  transition: all 0.3s linear;
}

.navbar-right .mobile-menu b::before {
  top: 0;
}

.navbar-right .mobile-menu b em {
  transition: all 0.3s linear;
  top: 8px;
}

.navbar-right .mobile-menu b::after {
  bottom: 0;
}

.navbar-right .mobile-menu.open b::before {
  transform: rotateZ(45deg);
  top: 8px;
}

.navbar-right .mobile-menu.open b em {
  opacity: 0;
}

.navbar-right .mobile-menu.open b::after {
  bottom: 8px;
  transform: rotateZ(-45deg);
}

@media screen and (max-width: 1024px) {
  .navbar-right {
    width: 100%;
  }
}

body.touch .navbar-category {
  display: none !important;
}

body.touch .navbar-right {
  width: 100%;
}

body.touch .mobile-menu {
  display: flex !important;
}

.single-dropdown {
  display: none;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  height: 80vh;
  max-height: 100vh;
  color: #ffffff;
}

.single-dropdown .dropdown-container {
  height: 100%;
}

@media (max-aspect-ratio: 2.28571) {
  .single-dropdown {
    height: 60vh;
  }
}

.abc-dropdown-mask {
  display: none;
  width: 100%;
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  height: 20vh;
}

.abc-dropdown {
  display: none;
  line-height: initial;
  text-align: left;
  padding: 10px;
  border-radius: 4px;
  color: white;
  position: relative;
  z-index: 1;
}

.menu-products {
  display: flex;
  justify-content: space-around;
  height: 100%;
}

.menu-products > li {
  background-image: url(images/menu/prodt-bg.png);
  background-repeat: repeat-x;
  position: relative;
  max-width: calc(3 * var(--fs));
  height: 80%;
  background-size: contain;
  transition: all .2s ease-in-out;
  opacity: .5;
  flex: 1;
  margin: 0 calc(0.3 * var(--fs));
}

.menu-products > li a {
  position: absolute;
  left: 0;
  top: 20%;
}

.menu-products > li img {
  transform: scale(1.5);
  margin-bottom: calc(0.4 * var(--fs));
}

.menu-products > li p {
  text-align: center;
  width: 100%;
  font-size: calc(0.24 * var(--fs));
  color: #676767;
  transition: all .2s ease-in-out;
}

.menu-products > li p strong {
  transition: all .2s ease-in-out;
  color: #676767;
}

.menu-products > li:hover {
  background-image: url(images/menu/prodt-bg-active.png);
  opacity: 1;
}

.menu-products > li:hover p {
  color: #FFFFFF;
}

.menu-products > li:hover p strong {
  color: #009ADE;
}

.menu-submenu {
  padding: 36px 0;
}

.menu-submenu > li {
  padding: 6px 0;
}

@media screen and (min-width: 769px) and (max-width: 1280px) {
  .menu-submenu {
    padding: 16px 0;
  }
}

.header-search {
  display: none;
  align-items: center;
  flex: 1;
  height: var(--var-headerH);
}

.header-search .search-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: var(--var-headerH);
  left: 0;
  opacity: .5;
  background-color: #000;
  z-index: 1;
}

.header-search form {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  height: 100%;
}

.header-search .search-box {
  display: inline-flex;
  background-color: rgba(236, 236, 236, 0.4);
  padding: calc(0.12 * var(--fs)) calc(0.2 * var(--fs));
  margin-left: 10%;
  margin-right: 10%;
  width: 70%;
  position: relative;
}

.header-search .search-box input {
  background: transparent;
  border: none;
  outline: none;
  color: var(--var-text-color);
  flex: 1;
  padding-left: 20px;
}

.header-search .search-box input::placeholder {
  color: var(--var-text-color);
}

@media screen and (max-width: 768px) {
  .header-search .search-box {
    padding: 4px 10px 4px 10px;
    margin-left: 6px;
    margin-right: 12px;
    flex: 1;
  }
  .header-search .search-box input {
    font-size: calc(0.12 * var(--fs));
    width: inherit;
  }
}

@media screen and (max-width: 768px) {
  .header-search {
    padding: 2px 0;
  }
}

.search-quick-wrap {
  display: none;
  position: absolute;
  width: 60%;
  top: var(--var-headerH);
  background: var(--var-background2);
  color: var(--var-text-color);
  padding: calc(0.4 * var(--fs)) calc(0.8 * var(--fs));
  left: 0;
}

.search-quick-wrap .quick-h {
  font-size: calc(0.18 * var(--fs));
}

.search-quick-wrap ul {
  margin-top: calc(0.42 * var(--fs));
}

.search-quick-wrap ul li {
  font-size: calc(0.2 * var(--fs));
  margin-top: calc(0.18 * var(--fs));
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
  cursor: pointer;
}

.search-quick-wrap ul li strong {
  font-family: "Inter-Bold", "Arial", "Helvetica", sans-serif;
}

.search-quick-wrap ul li span {
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .search-quick-wrap {
    width: 80%;
  }
}

@media screen and (max-width: 768px) {
  .search-quick-wrap {
    width: 100%;
    padding: calc(0.4 * var(--fs)) calc(0.3 * var(--fs));
    top: 44px;
  }
  .search-quick-wrap h5 {
    font-size: calc(0.12 * var(--fs));
  }
  .search-quick-wrap ul {
    margin-top: calc(0.3 * var(--fs));
  }
  .search-quick-wrap ul li {
    font-size: calc(0.15 * var(--fs));
    margin-top: calc(0.12 * var(--fs));
  }
}

.side-menu {
  position: fixed;
  z-index: 0;
  height: 100vh;
  width: 100%;
  top: 0;
  padding-top: var(--var-headerH);
  transform: translateX(100%);
  transition: transform .2s ease-in-out;
}

.side-menu.show {
  transform: translateX(0);
}

.side-menu.show .side-menu-mask {
  opacity: 1;
  visibility: visible;
}

.side-menu .side-menu-mask {
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.4);
  background-color: var(--var-mask-bg);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  transition: opacity .2s ease-in-out;
  transition-delay: 0.2s;
}

.side-menu .menu-wrap {
  position: relative;
  z-index: 1;
  --top-line: 6px;
  width: 66%;
  height: 100%;
  margin-left: auto;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding-top: var(--top-line);
  padding-left: 44px;
  padding-top: 80px;
  position: relative;
}

.side-menu .menu-wrap::before {
  content: '';
  height: var(--top-line);
  background-color: #009ADE;
  width: 80%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 10%;
}

@media screen and (min-width: 769px) {
  .side-menu .menu-wrap {
    width: 30%;
  }
}

.navbar-category-phone {
  display: flex;
  flex-direction: column;
      margin-top: -15%;
}

.navbar-category-phone .category-item-m h4 {
  color: inherit;
  font-size: calc(0.36 * var(--fs));
  font-family: "Inter-Bold", "Arial", "Helvetica", sans-serif;
  margin-bottom: calc(0.26 * var(--fs));
}

.navbar-category-phone .submenu-list {
  display: flex;
  flex-direction: column;
  margin-bottom: calc(0.82 * var(--fs));
}

.navbar-category-phone .submenu-list > li {
  margin-bottom: calc(0.26 * var(--fs));
  color: inherit;
  font-size: calc(0.3 * var(--fs));
  font-family: "Inter-Regular", "Arial", "Helvetica", sans-serif;
}

.navbar-category-phone .submenu-list > li:last-child {
  margin-bottom: 0;
}


/* _pages.scss */
.home-video .video-wrap {
  height: 100vh;
  min-height: 69vh;
  position: relative;
  overflow: hidden;
}

.home-video .video-wrap video {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.home-video .video-wrap video.video2 {
  width: 100%;
}

.home-video .video-wrap .video-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.home-video .video-wrap .video-text {
  position: absolute;
  bottom: 20%;
  width: 100%;
  color: white;
  font-size: 5vw;
}

.home-products {
  margin-bottom: calc(1.2 * var(--fs));
}

.home-products ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: calc(0.2 * var(--fs));
}

.home-products ul li {
  width: calc(50% - 0.1*var(--fs));
  margin-bottom: calc(0.2 * var(--fs));
  position: relative;
  color: #000;
  overflow: hidden;
}

.home-products ul li:nth-child(3) {
  margin-bottom: 0;
}

.home-products ul li:nth-child(4) {
  margin-bottom: 0;
}

.home-products ul li img {
  transition: transform .2s ease-in-out;
}

.home-products ul li:hover img {
  transform: scale(1.02);
}

@media screen and (max-width: 768px) {
  .home-products ul {
    flex-direction: column;
    margin-top: 8px;
    margin-bottom: 0;
  }
  .home-products ul li {
    width: 100%;
  }
  .home-products ul li:nth-child(n) {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 8px;
  }
}

.home-products .prodt-pic {
  padding-bottom: 75.55556%;
}

.home-products .color1 {
  background-color: #E3E6EB;
}

.home-products .text-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: calc(0.56 * var(--fs));
}

.home-products .text-box h3 {
  font-size: calc(0.46 * var(--fs));
  margin-bottom: 2px;
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
  font-weight: normal;
}

.home-products .text-box h3 strong {
  color: #009ADE;
}

.home-products .text-box p {
  margin-bottom: calc(0.3 * var(--fs));
  color: #9d9c9a;
    font-size: calc(0.16 * var(--fs));
    margin-top: -7px;
}

.home-products .text-img1 {
  margin-top: -10px;
      height: 59px;
    padding-top: 10px;
    margin-top: -10px;
}

.home-products .text-img2 {
  margin-top: 5px;
      height: 30px; 
    
    margin-top: 5px;
    margin-bottom: 7px;
}

@media screen and (max-width: 768px){
.home-products .text-img1 {
    height: 48px;
}
.home-products .text-box h3 strong {
    color: #009ADE;
    font-size: 32px;
}
}


.home-products .text-box a {
  font-size: calc(0.2 * var(--fs));
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
}

.home-products .text-box a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .home-products .text-box {
    padding-top: 30px;
  }
  .home-products .text-box h3 {
    margin-bottom: 5px;
  }
  .home-products .text-box p {
    font-size: 13px;
    margin-bottom: 5px;
  }
  .home-products .text-box a {
    font-size: 12px;
  }
}

.home-products .darkbg {
  color: white;
}

.home-products .darkbg a {
  color: white;
}

.home-products .lightbg {
  color: #000;
}

.home-products .lightbg a {
  color: #676767;
}

.home-solution {
  text-align: center;
  position: relative;
  margin-bottom: calc(1.2 * var(--fs));
}

.home-solution h1 {
  margin-bottom: calc(0.6 * var(--fs));
}

.home-solution .text-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.home-solution .text-box h1 {
  margin-left: 20%;
}

@media screen and (max-width: 768px) {
  .home-solution .text-box {
    padding-top: 80px;
    align-items: flex-start;
  }
  .home-solution .text-box h1 {
    margin: 0;
    text-align: center;
    width: 100%;
  }
}

.home-news-events {
  text-align: center;
  margin-bottom: calc(1.2 * var(--fs));
}

.home-news-events h1 {
  margin-bottom: calc(0.6 * var(--fs));
}

@media screen and (max-width: 768px) {
  .home-news-events h1 {
    margin-top: 44px;
    margin-bottom: 44px;
  }
}

.home-news-events .list-news {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.home-news-events .list-news li {
  width: 32%;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  .home-news-events .list-news {
    flex-direction: column;
    width: 100%;
  }
  .home-news-events .list-news li {
    width: 100%;
    margin-bottom: 8px;
  }
}

.home-news-events .pic {
  padding-bottom: 89.70874%;
}

.home-news-events .text-box {
  position: relative;
  flex: 1;
  background-color: #2F2F2F;
  color: white;
  padding: calc(0.3 * var(--fs));
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
}

.home-news-events .text-box .top-line {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.home-news-events .text-box .info {
  text-align: right;
  margin-bottom: calc(0.22 * var(--fs));
  line-height: calc(0.24 * var(--fs));
  font-size: calc(0.18 * var(--fs));
}

.home-news-events .text-box .info span {
  display: block;
}

.home-news-events .text-box .title {
  color: #CECECE;
  font-size: calc(0.16 * var(--fs));
  text-align: left;
}

.home-news-events .text-box .link {
  position: absolute;
  bottom: calc(0.1 * var(--fs));
  right: calc(0.3 * var(--fs));
  color: #009ADE;
  transform: translateX(0);
  transition: transform .2s ease-in-out;
}

.home-news-events .text-box .link i {
  font-size: calc(0.24 * var(--fs));
  font-weight: bold;
}

.home-news-events .text-box .link:hover {
  transform: translateX(10px);
}

@media screen and (max-width: 768px) {
  .home-news-events .text-box .info {
    font-size: 10px;
    line-height: 18px;
    margin-bottom: 12px;
  }
  .home-news-events .text-box .title {
    font-size: 11px;
  }
}

.home-news-events .links {
  margin-top: calc(0.66 * var(--fs));
}

.home-news-events .links a {
  min-width: calc(2.9 * var(--fs));
}

.home-news-events .links a:nth-child(1) {
  margin-right: calc(1 * var(--fs));
}

@media screen and (max-width: 768px) {
  .home-news-events .links {
    margin-top: calc(0.3 * var(--fs));
    margin-bottom: calc(0.3 * var(--fs));
  }
  .home-news-events .links a {
    min-width: calc(1.15 * var(--fs));
    padding: calc(0.12 * var(--fs)) calc(0.24 * var(--fs));
    font-size: calc(0.24 * var(--fs));
  }
  .home-news-events .links a:nth-child(1) {
    margin-right: calc(0.5 * var(--fs));
  }
}

.space {
  min-height: 20vh;
  background-color: #000;
}

.prodt-ht-01 {
  text-align: center;
  color: white;
  position: sticky !important;
  top: var(--var-headerH);
  display: flex;
  z-index: -1;
}

.prodt-ht-01 .bg {
  padding-bottom: 42.44792%;
}

@media screen and (max-width: 768px) {
  .prodt-ht-01 .bg {
    padding-bottom: 170.13333%;
  }
}

.prodt-ht-01 .wrap {
  padding-top: 11%;
  padding-right: 40%;
}

@media screen and (max-width: 768px) {
  .prodt-ht-01 .wrap {
    padding-top: 20%;
    padding-right: 0;
  }
}

.prodt-ht-01 .mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.prodt-ht-02-1 {
  color: #fff;
  background-color: #111015;
}

.prodt-ht-02-1 .wrap {
  padding-top: calc(2 * var(--fs));
  padding-bottom: calc(0.8 * var(--fs));
}

.prodt-ht-02-1 .p1 {
  text-align: center;
}

.prodt-ht-02 {
  background-color: #fff;
  text-align: center;
  z-index: 1;
}

.prodt-ht-02 h1 {
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.prodt-ht-02 .d1 {
  position: relative;
  text-align: left;
  padding-left: 30%;
  padding-right: 20%;
  margin-top: calc(0.85 * var(--fs));
}

.prodt-ht-02 .img1 {
  position: absolute;
  right: 24%;
  top: 0;
  width: calc(3.74 * var(--fs));
}

.prodt-ht-02 .img-warn {
  position: absolute;
  left: 0;
  top: 0;
}

.prodt-ht-02 .p2 {
  margin-bottom: calc(0.3 * var(--fs));
  position: relative;
  z-index: 1;
}

.prodt-ht-02 .list1 {
  display: flex;
}

.prodt-ht-02 .list1 li {
  display: flex;
  align-items: center;
}

.prodt-ht-02 .list1 li:nth-child(1) {
  margin-right: calc(1.1 * var(--fs));
}

.prodt-ht-02 .list1 li img {
  width: calc(1.34 * var(--fs));
}

.prodt-ht-02 .list1 li > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.prodt-ht-02 .p3 {
  margin-bottom: calc(0.1 * var(--fs));
  font-size: calc(0.24 * var(--fs));
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
  font-weight: bold;
}

.prodt-ht-02 .p4 {
  font-size: calc(0.56 * var(--fs));
  font-weight: bold;
  font-family: "Inter-Bold", "Arial", "Helvetica", sans-serif;
}

@media screen and (max-width: 768px) {
  .prodt-ht-02 .spacer {
    padding-bottom: calc(8.8 * var(--fs));
  }
  .prodt-ht-02 .d1 {
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    margin-top: 10%;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .prodt-ht-02 .img1 {
    right: 10%;
    top: 0%;
    width: 40%;
  }
  .prodt-ht-02 .p2 {
    margin-bottom: calc(0.4 * var(--fs));
	line-height: 1.1;
  }
  .prodt-ht-02 .list1 {
    flex-direction: column;
    margin-left: 40%;
  }
  .prodt-ht-02 .list1 li:nth-child(1) {
    margin-right: 0;
    margin-bottom: calc(0.3 * var(--fs));
  }
  .prodt-ht-02 .list1 li img {
    width: 12vw;
    margin-right: calc(0.3 * var(--fs));
  }
  .prodt-ht-02 .list1 li > div {
    text-align: left;
  }
  .prodt-ht-02 .p3 {
    font-size: calc(0.2 * var(--fs));
    line-height: 1;
    margin-bottom: calc(0.1 * var(--fs));
  }
  .prodt-ht-02 .p4 {
    font-size: calc(0.36 * var(--fs));
    line-height: 1;
  }
}

.prodt-ht-03 {
  color: white;
  text-align: center;
  background-color: #232426;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .prodt-ht-03 .spacer {
    padding-bottom: 83%;
  }
}

.prodt-ht-03 .wrap {
  padding-top: 10%;
}

@media screen and (max-width: 768px) {
  .prodt-ht-03 .wrap {
    padding-top: 10%;
    width: 100%;
  }
}

.prodt-ht-03 h1 {
  margin-bottom: calc(0.3 * var(--fs));
}

.prodt-ht-03 p {
  width: 66%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .prodt-ht-03 p {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

.prodt-ht-04 {
  color: white;
  text-align: left;
  background-color: #232426;
  z-index: 1;
}

.prodt-ht-04 h1 {
  margin-bottom: 40px;
}

.prodt-ht-04 p {
  width: 60%;
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
}

@media screen and (max-width: 768px) {
  .prodt-ht-04 {
    text-align: center;
  }
  .prodt-ht-04 .spacer {
    padding-bottom: 58%;
  }
  .prodt-ht-04 p {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
	line-height: 1.1;
  }
}

.prodt-ht-05 {
  color: black;
  text-align: center;
  background-color: #E3E6EB;
  z-index: 1;
}

.prodt-ht-05 img {
  position: relative;
  z-index: 1;
}

.prodt-ht-05 .spacer {
  padding-bottom: 22.77083%;
}

.prodt-ht-05 .wrap {
  padding-top: 7%;
  z-index: 0;
}

.prodt-ht-05 h1 {
  margin-bottom: 40px;
}

.prodt-ht-05 p {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
}

@media screen and (max-width: 768px) {
  .prodt-ht-05 {
    text-align: center;
  }
  .prodt-ht-05 img {
    z-index: 0;
  }
  .prodt-ht-05 .wrap {
    padding-top: 10%;
  }
  .prodt-ht-05 .spacer {
    padding-bottom: 75%;
  }
  .prodt-ht-05 p {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
	line-height: 1.1;
  }
}

.prodt-ht-06 {
  color: white;
  text-align: center;
  z-index: 1;
}

.prodt-ht-06 .wrap {
  padding-top: 7%;
}

.prodt-ht-06 h1 {
  margin-bottom: 40px;
}

.prodt-ht-06 p {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
}

.prodt-ht-07 {
  color: black;
  background-color: white;
  text-align: center;
  position: relative;
  z-index: 1;
}

.prodt-ht-07 .spacer {
  padding-bottom: 25%;
}

.prodt-ht-07 .wrap {
  padding-top: 7%;
}

.prodt-ht-07 h1 {
  margin-bottom: 40px;
}

.prodt-ht-07 p {
  width: 68%;
  margin-left: auto;
  margin-right: auto;
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
}

.prodt-ht-07 .p1, .prodt-ht-07 .p2, .prodt-ht-07 .p3 {
  position: absolute;
  top: 0;
  width: auto;
  color: #676767;
  font-size: calc(0.24 * var(--fs));
  font-family: "Inter-Medium", "Arial", "Helvetica", sans-serif;
}

.prodt-ht-07 .p1 {
  top: 53.5%;
  left: 45%;
  transform: rotate(358deg);
}

.prodt-ht-07 .p2 {
  top: 72.5%;
  left: 37%;
  transform: rotate(390deg);
}

.prodt-ht-07 .p3 {
  top: 73.5%;
  left: 60%;
  transform: rotate(331deg);
}

@media screen and (max-width: 768px) {
  .prodt-ht-07 {
    text-align: center;
  }
  .prodt-ht-07 .wrap {
    padding-top: 20%;
  }
  .prodt-ht-07 .spacer {
    padding-bottom: 100%;
  }
  .prodt-ht-07 p {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
	line-height: 1.1;
  }
  .prodt-ht-07 .p1, .prodt-ht-07 .p2, .prodt-ht-07 .p3 {
    font-size: calc(0.14 * var(--fs));
  }
  .prodt-ht-07 .p1 {
    top: 75.5%;
    left: 44%;
    transform: rotate(358deg);
  }
  .prodt-ht-07 .p2 {
    top: 86.5%;
    left: 33%;
    transform: rotate(390deg);
  }
  .prodt-ht-07 .p3 {
    top: 87.5%;
    left: 63%;
    transform: rotate(331deg);
  }
}

.prodt-ht-08 {
  color: black;
  background-color: white;
  text-align: center;
  z-index: 1;
}

.prodt-ht-08 .wrap {
  padding-top: 7%;
}

.prodt-ht-08 h1 {
  margin-bottom: 40px;
}

.prodt-ht-08 p {
  width: 68%;
  margin-left: auto;
  margin-right: auto;
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
}

.prodt-ht-08 .icon4 {
  width: 6%;
  position: absolute;
  top: 47%;
  left: 50%;
}

@media screen and (max-width: 768px) {
  .prodt-ht-08 {
    text-align: center;
  }
  .prodt-ht-08 .wrap {
    padding-top: 20%;
  }
  .prodt-ht-08 .spacer {
    padding-bottom: 70%;
  }
  .prodt-ht-08 p {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
	line-height: 1.1;
  }
}

.prodt-ht-09 {
  color: white;
  background-color: black;
  text-align: center;
  z-index: 1;
}

.prodt-ht-09 .wrap {
  padding-top: 7%;
}

.prodt-ht-09 h1 {
  margin-bottom: 40px;
}

.prodt-ht-09 p {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
}

.prodt-ht-09 > span {
  position: absolute;
  font-size: calc(0.2 * var(--fs));
}

.prodt-ht-09 .text1 {
  top: 41%;
  right: 56%;
}

.prodt-ht-09 .text2 {
  top: 44.5%;
  left: 56.5%;
}

.prodt-ht-09 .text3 {
  top: 75%;
  right: 59%;
}

.prodt-ht-09 .text4 {
  top: 79%;
  left: 49%;
}

.prodt-ht-09 .text5 {
  top: 73.5%;
  left: 63%;
}

.prodt-ht-09 .text6 {
  top: 66.5%;
  left: 63%;
}

.prodt-ht-09 .text7 {
  top: 56.4%;
  left: 69.9%;
}

@media screen and (max-width: 768px) {
  .prodt-ht-09 > span {
    font-size: calc(0.2 * var(--fs));
    text-align: left;
    width: max-content;
  }
  .prodt-ht-09 .text1 {
    top: 30.5%;
    left: 38%;
  }
  .prodt-ht-09 .text2 {
    top: 35.3%;
    left: 49.5%;
  }
  .prodt-ht-09 .text3 {
    top: 64.2%;
    left: 30%;
  }
  .prodt-ht-09 .text4 {
    top: 60.8%;
    left: 34%;
  }
  .prodt-ht-09 .text5 {
    top: 57.5%;
    left: 57%;
  }
  .prodt-ht-09 .text6 {
    top: 52.5%;
    left: 58%;
  }
  .prodt-ht-09 .text7 {
    top: 43.8%;
    left: 69.7%;
  }
}

.prodt-ht-10 {
  color: black;
  background-color: white;
  text-align: center;
  z-index: 1;
}

.prodt-ht-10 .wrap {
  padding-top: 7%;
  padding-bottom: 7%;
}

.prodt-ht-10 h1 {
  margin-bottom: 116px;
}

.prodt-ht-10 .list1 {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
}

.prodt-ht-10 img {
  width: 60%;
  margin-bottom: calc(0.2 * var(--fs));
  transition: transform .2s ease-in-out;
}

.prodt-ht-10 img:hover {
  transform: scale(1.05);
}

.prodt-ht-10 .p1 {
  font-size: calc(0.36 * var(--fs));
  margin-bottom: 10px;
}

.prodt-ht-10 .p2 {
  color: #676767;
  margin-bottom: 40px;
  font-size: calc(0.2 * var(--fs));
}

@media screen and (max-width: 768px) {
  .prodt-ht-10 h1 {
    margin-bottom: 56px;
  }
  .prodt-ht-10 .list1 {
    width: 90%;
  }
  .prodt-ht-10 .list1 li {
    padding: 0 10px;
  }
  .prodt-ht-10 img {
    width: 70%;
    margin-bottom: 20px;
  }
  .prodt-ht-10 .p1 {
    font-size: calc(0.28 * var(--fs));
  }
  .prodt-ht-10 .p2 {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 1.2;
  }
}

.prodt-gd-01 {
  text-align: center;
  color: black;
}

.prodt-gd-01 .wrap {
  padding-top: 11%;
  padding-right: 40%;
}

@media screen and (max-width: 768px) {
  .prodt-gd-01 .wrap {
    padding-top: 20%;
    padding-right: 0;
  }
}

.prodt-gd-01 .banner_text_1 {
  color: #676767;
}

.prodt-gd-01 .banner_text_2 {
  color: #676767;
}

.prodt-gd-02-1 {
  padding-top: 7%;
  padding-bottom: 3%;
  text-align: center;
}

.prodt-gd-02-1 p {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.prodt-gd-02 {
  text-align: center;
  height: 100vh;
  overflow: hidden;
}

.prodt-gd-02 .p1 {
  margin-top: 7%;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  background: rgba(219, 219, 219, 0.29);
  box-shadow: -13px 20px 20px 20px rgba(219, 219, 219, 0.29);
}

.prodt-gd-02 h1 {
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.prodt-gd-02 .d1 {
  position: relative;
  text-align: left;
  padding-left: 50%;
  margin-top: 10%;
}

.prodt-gd-02 .list1 {
  display: flex;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

.prodt-gd-02 .list1 li {
  height: calc(100vh - var(--var-headerH));
}

.prodt-gd-02 .item1 {
  width: 100vw;
  min-width: 100vw;
  height: 100%;
  background-image: url(images/products/guider/prodt-pic-02.jpg);
  background-position: center bottom;
  transform: translateX(0%);
  background-size: cover;
}

@media screen and (min-width: 1441px) {
  .prodt-gd-02 .item1 {
    background-position: center center;
  }
}

.prodt-gd-02 .item1 img {
  height: 100%;
  width: auto;
}

.prodt-gd-02 .item2 {
  padding: calc(1 * var(--fs));
  width: calc(10 * var(--fs));
  min-width: calc(10 * var(--fs));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-aspect-ratio: 2.28571) {
  .prodt-gd-02 .item2 {
    padding: calc(0.4 * var(--fs));
    justify-content: center;
  }
}

@media screen and (max-width: 768px) {
  .prodt-gd-02 .item2 {
    justify-content: center;
  }
}

.prodt-gd-02 .item2 h2 {
  margin-bottom: calc(0.4 * var(--fs));
  font-size: calc(0.48 * var(--fs));
}

.prodt-gd-02 .item2 p {
  margin-bottom: calc(0.3 * var(--fs));
  font-size: calc(0.2 * var(--fs));
  line-height: 1.5;
}

@media screen and (min-width: 1921px) {
  .prodt-gd-02 .item2 p {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

.prodt-gd-02 .item2 .text-box {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

@media (min-aspect-ratio: 2) {
  .prodt-gd-02 .item2 .text-box {
    text-align: center;
  }
}

@media screen and (min-width: 1921px) {
  .prodt-gd-02 .item2 .text-box {
    text-align: center;
  }
}

.prodt-gd-02 .item2 .imgwrap {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

@media (min-aspect-ratio: 1.77778) {
  .prodt-gd-02 .item2 .imgwrap {
    width: 66%;
  }
}

.prodt-gd-02 .item2 .img-box-1 {
  padding: 0;
  padding-bottom: 60.36294%;
  background-color: #E3E6EB;
}

.prodt-gd-02 .item2 .img-box-1 img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.prodt-gd-02 .item2 .img-box-1 .pic1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 8.74525% 13.40304% 7.41445%;
}

.prodt-gd-02 .item2 .img-box-1 .pic1 img {
  position: relative;
  width: 100%;
  height: auto;
}

.prodt-gd-02 .item2 .img-box-2 {
  padding: 0;
  padding-bottom: 60.36294%;
  margin-bottom: calc(0.2 * var(--fs));
}

.prodt-gd-02 .item2 .img-box-2 img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .prodt-gd-02 .d1 {
    padding-left: 0;
    text-align: center;
    margin-top: 25%;
  }
  .prodt-gd-02 .item2 {
    width: 100vw;
    padding: calc(0.2 * var(--fs));
  }
  .prodt-gd-02 .item2 .img-box-1 {
    margin-top: 20%;
  }
  .prodt-gd-02 .item2 .img-box-1 img {
    width: 100%;
  }
  .prodt-gd-02 .item2 .img-box-2 {
    margin-bottom: 20%;
  }
  .prodt-gd-02 .item2 .img-box-2 img {
    width: 100%;
  }
}

.prodt-gd-03 {
  color: white;
  text-align: center;
  background-color: #000;
}

.prodt-gd-03 .wrap {
  padding-top: 7%;
}

.prodt-gd-03 h1 {
  margin-bottom: calc(1 * var(--fs));
}

.prodt-gd-03 h2 {
  margin-bottom: calc(0.5 * var(--fs));
}

.prodt-gd-03 p {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  width: calc(10 * var(--fs));
}

.prodt-gd-03 .icon1b {
  position: absolute;
  top: 47%;
  left: 55%;
  width: calc(2 * var(--scale));
}

@media screen and (max-width: 768px) {
  .prodt-gd-03 .wrap {
    padding-top: 20%;
  }
  .prodt-gd-03 p {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

.prodt-gd-04 {
  color: white;
  text-align: center;
  background-color: #000;
  padding-top: 5%;
  padding-bottom: 5%;
}

.prodt-gd-04 .list1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.prodt-gd-04 .list1 li {
  width: 50%;
  padding: calc(0.2 * var(--fs));
  display: flex;
  align-items: center;
}

.prodt-gd-04 .box1 {
  text-align: right;
}

.prodt-gd-04 .box2 {
  text-align: left;
}

.prodt-gd-04 h3 {
  margin-bottom: calc(0.2 * var(--fs));
}

.prodt-gd-04 img {
  background: #E3E6EB;
}

@media screen and (max-width: 768px) {
  .prodt-gd-04 .list1 li {
    width: 100%;
  }
  .prodt-gd-04 .img2 {
    order: 2;
  }
  .prodt-gd-04 .box1, .prodt-gd-04 .box2 {
    text-align: center;
  }
}

.prodt-gd-05 {
  color: #000;
  background-color: #E3E6EB;
  text-align: center;
}

.prodt-gd-05 .wrap {
  padding-top: 10%;
  padding-bottom: 4%;
}

.prodt-gd-05 h1 {
  margin-bottom: calc(0.4 * var(--fs));
}

.prodt-gd-05 h3 {
  margin-bottom: calc(0.3 * var(--fs));
}

.prodt-gd-05 p {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
  margin-bottom: calc(0.6 * var(--fs));
}

@media screen and (min-width: 769px) and (max-width: 1440px) {
  .prodt-gd-05 p {
    margin-bottom: calc(0.6 * var(--fs));
  }
  .prodt-gd-05 img {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 768px) {
  .prodt-gd-05 {
    text-align: center;
  }
  .prodt-gd-05 .wrap {
    padding-top: 20%;
  }
  .prodt-gd-05 .spacer {
    padding-bottom: 60%;
  }
  .prodt-gd-05 p {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

.prodt-gd-06 {
  color: white;
  text-align: center;
}

.prodt-gd-06 .wrap {
  padding-top: 7%;
}

.prodt-gd-06 h1 {
  margin-bottom: 10px;
}

.prodt-gd-06 .p1 {
  font-size: calc(0.18 * var(--fs));
  margin-bottom: calc(0.2 * var(--fs));
  line-height: 1.2;
}

.prodt-gd-06 .p2 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .prodt-gd-06 {
    text-align: center;
  }
  .prodt-gd-06 .wrap {
    padding-top: 7%;
  }
  .prodt-gd-06 .spacer {
    padding-bottom: 60%;
  }
  .prodt-gd-06 p {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

.prodt-gd-07 {
  color: #fff;
  background-color: #000;
  text-align: center;
  height: calc(100vh - var(--var-headerH));
  min-height: calc(100vh - var(--var-headerH));
  overflow: hidden;
}

.prodt-gd-07 .wrap {
  padding-top: 8vh;
  padding-bottom: 4vh;
}

.prodt-gd-07 h1 {
  margin-bottom: calc(1 * var(--fs));
}

.prodt-gd-07 .img-box {
  width: 55%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .prodt-gd-07 .img-box {
    width: 70vh;
  }
}

@media screen and (min-width: 769px) and (max-width: 1440px) {
  .prodt-gd-07 .img-box {
    width: 30vw;
  }
}

@media screen and (max-width: 768px) {
  .prodt-gd-07 .img-box {
    width: 100%;
    transform: scale(0.6);
  }
}

.prodt-gd-07 .pic {
  padding-bottom: 76.78917%;
}

.prodt-gd-07 .mask1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.prodt-gd-07 p {
  font-size: calc(0.2 * var(--fs));
  line-height: 1.2;
}

.prodt-gd-07 .params1 {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.prodt-gd-07 .params1 .frame {
  width: 100%;
  height: 100%;
  position: relative;
}

.prodt-gd-07 .params1 .item {
  position: absolute;
  display: inline-flex;
  left: -36%;
  align-items: center;
  text-align: right;
  justify-content: flex-end;
  width: 50%;
}

.prodt-gd-07 .params1 .item1 {
  top: 18%;
}

.prodt-gd-07 .params1 .item2 {
  top: 30%;
}

.prodt-gd-07 .params1 .item3 {
  top: 42%;
}

.prodt-gd-07 .params1 .item4 {
  top: 54%;
}

.prodt-gd-07 .params1 .item5 {
  top: 66%;
}

.prodt-gd-07 .params1 .item6 {
  position: absolute;
  right: 10%;
  top: 20%;
  width: calc(1 * var(--fs));
  height: calc(1 * var(--fs));
}

.prodt-gd-07 .params1 .item6 .line2 {
  position: absolute;
  width: 160%;
  height: 66%;
  border-top: 1px solid white;
  border-left: 1px solid white;
  left: 23%;
  bottom: 110%;
}

.prodt-gd-07 .params1 .item6 .line3 {
  position: absolute;
  width: 80%;
  height: 1px;
  border-top: 1px solid white;
  bottom: 78%;
  left: 80%;
}

.prodt-gd-07 .params1 .item6 .p2 {
  position: absolute;
  text-align: left;
  width: 250%;
  left: 202%;
  bottom: 140%;
}

.prodt-gd-07 .params1 .item6 .p3 {
  position: absolute;
  left: 171%;
  bottom: 18%;
  width: 240%;
  text-align: left;
}

.prodt-gd-07 .params1 .item6 .icon1 {
  height: calc(0.5 * var(--fs));
  position: absolute;
  left: 0;
  width: auto;
}

.prodt-gd-07 .params1 .item6 .icon2 {
  height: calc(0.5 * var(--fs));
  position: absolute;
  left: 50%;
  width: auto;
}

.prodt-gd-07 .params1 .icon {
  width: 15%;
}

.prodt-gd-07 .params1 .line1 {
  height: 1px;
  background-color: #fff;
  margin: 0 0.1em;
  width: 20%;
}

.prodt-gd-07 .params2 {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.prodt-gd-07 .params2 .illustration1 {
  position: absolute;
  top: 18%;
  left: 30%;
  width: 30%;
}

.prodt-gd-07 .params2 .illustration1 p {
  width: max-content;
}

.prodt-gd-07 .params2 .illustration1 .p1 {
  position: absolute;
  top: 76%;
  right: 212%;
  text-align: left;
}

.prodt-gd-07 .params2 .illustration1 .p2 {
  position: absolute;
  top: 28%;
  left: 237%;
  text-align: left;
}

.prodt-gd-07 .params2 .illustration1 .line1 {
  position: absolute;
  top: 80%;
  right: 104%;
  height: 1px;
  background-color: #fff;
  width: 100%;
}

.prodt-gd-07 .params2 .illustration1 .line2 {
  position: absolute;
  top: 40%;
  left: 100%;
  height: 1px;
  background-color: #fff;
  width: 132%;
}

.prodt-gd-07 .params2 .illustration1 img {
  width: 100%;
}

.prodt-gd-07 .params2 .illustration2 {
  position: absolute;
  top: 50%;
  left: 63%;
  width: 20%;
  height: 20%;
}

.prodt-gd-07 .params2 .illustration2 .p1 {
  position: absolute;
  top: 31%;
  left: 193%;
  text-align: left;
  width: max-content;
}

.prodt-gd-07 .params2 .illustration2 .icon1 {
  position: absolute;
  left: 64%;
  width: 20%;
  top: 1%;
}

.prodt-gd-07 .params2 .illustration2 .icon2 {
  position: absolute;
  left: 20%;
  width: 20%;
  top: 90%;
}

.prodt-gd-07 .params2 .illustration2 .lines-group {
  width: 88%;
  height: 92%;
  position: absolute;
  left: 44%;
  top: 11%;
}

.prodt-gd-07 .params2 .illustration2 .lines-group > div {
  background-color: white;
}

.prodt-gd-07 .params2 .illustration2 .lines-group .line-top {
  position: absolute;
  top: 0;
  height: 1px;
  background-color: #fff;
  width: 50%;
  left: 50%;
}

.prodt-gd-07 .params2 .illustration2 .lines-group .line-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
}

.prodt-gd-07 .params2 .illustration2 .lines-group .line-bottom {
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 100%;
}

.prodt-gd-07 .params2 .illustration2 .lines-group .line-out {
  position: absolute;
  top: 50%;
  height: 1px;
  width: 58%;
  left: 100%;
}

@media screen and (max-width: 768px) {
  .prodt-gd-07 {
    text-align: center;
  }
  .prodt-gd-07 .wrap {
    padding-top: 20%;
  }
  .prodt-gd-07 h1 {
    margin-bottom: 30%;
  }
  .prodt-gd-07 p {
    font-size: calc(0.24 * var(--fs));
  }
}

.prodt-df-01 {
  text-align: center;
  color: white;
}

.prodt-df-01 .wrap {
  padding-top: 11%;
  padding-right: 40%;
}

@media screen and (max-width: 768px) {
  .prodt-df-01 .wrap {
    padding-top: 20%;
    padding-right: 0;
  }
}

.prodt-df-01 .banner_text_1 {
  color: #B6C2C8;
}

.prodt-df-01 .banner_text_2 {
  color: #E4E3E3;
}

.prodt-df-02 {
  text-align: center;
  color: white;
  background: #000;
}

@media screen and (max-width: 768px) {
  .prodt-df-02 .spacer {
    padding-bottom: 73.46667%;
  }
}

.prodt-df-02 .wrap {
  padding-top: 11%;
}

.prodt-df-02 p {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .prodt-df-02 .wrap {
    padding-top: 10%;
  }
  .prodt-df-02 p {
    width: 100%;
	line-height: 1.1;
  }
}

.prodt-df-02-video {
  background-color: #111015;
}

.prodt-df-02-video.white {
  background-color: #fff;
}

.prodt-df-02-video .spacer {
  padding-bottom: 44.27083%;
}

.prodt-df-02-video video {
  width: 100%;
  transform: scale(0.8);
}

.prodt-df-03 {
  text-align: center;
  color: white;
  overflow: hidden;
}

.prodt-df-03 .wrap {
  padding-top: 10%;
}

.prodt-df-03 h1 {
  margin-bottom: calc(0.4 * var(--fs));
}

.prodt-df-03 p {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.prodt-df-03 .left, .prodt-df-03 .right {
  position: absolute;
  width: calc(3.37 * var(--scale));
  height: calc(2.98 * var(--scale));
  width: 17.55208%;
  height: 26.89531%;
}

.prodt-df-03 .left p, .prodt-df-03 .right p {
  font-size: calc(0.12 * 2 * var(--fs));
  line-height: 1.5;
}

.prodt-df-03 .left {
  top: calc(4.86 * var(--scale));
  left: calc(4.18 * var(--scale));
  text-align: right;
  top: 43.86282%;
  left: 21.77083%;
}

.prodt-df-03 .right {
  top: calc(6.67 * var(--scale));
  left: calc(11.82 * var(--scale));
  text-align: left;
  top: 60.19856%;
  left: 61.5625%;
}

.prodt-df-03 .mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  width: 50%;
  transition: width .2s ease-in-out;
}

.prodt-df-03 .p2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding-right: 44%;
  padding-top: 12%;
}

.prodt-df-03 .p3 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding-left: 44%;
  padding-top: 12%;
}

.prodt-df-03 .bottom {
  position: absolute;
  bottom: calc(0.74 * var(--scale));
  width: 100%;
  text-align: center;
}

.prodt-df-03 .p4 {
  font-size: calc(0.4 * var(--fs));
  font-weight: bold;
  color: #009ADE;
}

@media screen and (max-width: 768px) {
  .prodt-df-03 .wrap {
    padding-top: 6%;
  }
  .prodt-df-03 p {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .prodt-df-03 .left, .prodt-df-03 .right {
    width: 38%;
  }
  .prodt-df-03 .left {
    left: 4%;
    top: 38%;
  }
  .prodt-df-03 .right {
    left: 53%;
    top: 43%;
  }
  .prodt-df-03 .bottom {
    bottom: calc(1.16 * var(--fs));
  }
  .prodt-df-03 .p4 {
    font-size: calc(0.36 * var(--fs));
  }
}

.prodt-df-04 {
  text-align: center;
  color: white;
}

.prodt-df-04 .spacer {
  padding-bottom: 78.125%;
}

.prodt-df-04 .wrap {
  padding-top: 11%;
}

@media screen and (max-width: 768px) {
  .prodt-df-04 .wrap {
    padding-top: 20%;
  }
}

.prodt-df-04 h1 {
  margin-bottom: calc(0.4 * var(--fs));
}

.prodt-df-04 h3 {
  margin-bottom: calc(0.4 * var(--fs));
}

.prodt-df-04 p {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.1;
}

.prodt-df-05 {
  text-align: left;
  color: #000;
}

.prodt-df-05 h3 {
  margin-bottom: calc(0.4 * var(--fs));
}

.prodt-df-05 p {
  color: #2F2F2F;
}

.prodt-df-05 .p1 {
  width: 66%;
}

.prodt-df-05 .p2 {
  width: 80%;
}

.prodt-df-05 .part1 {
  padding-top: 7.08333%;
  padding-left: 19.375%;
  width: 75%;
}

.prodt-df-05 .part2 {
  padding-top: 56.66667%;
  padding-left: 19.375%;
  width: 75%;
}

@media screen and (max-width: 768px) {
  .prodt-df-05 {
    text-align: center;
  }
  .prodt-df-05 .spacer1 {
    padding-bottom: 64.13333%;
  }
  .prodt-df-05 .spacer2 {
    padding-bottom: 72.4%;
  }
  .prodt-df-05 .p1, .prodt-df-05 .p2 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .prodt-df-05 .part1, .prodt-df-05 .part2 {
    padding: 0;
    width: 100%;
  }
  .prodt-df-05 .part1 {
    top: 5%;
  }
  .prodt-df-05 .part2 {
    top: 68%;
  }
}

.prodt-df-06 {
  text-align: center;
  color: #000;
}

.prodt-df-06 .wrap {
  padding-top: 11%;
}

@media screen and (max-width: 768px) {
  .prodt-df-06 .wrap {
    padding-top: 20%;
  }
}

.prodt-df-06 h1 {
  margin-bottom: calc(0.4 * var(--fs));
}

.prodt-df-06 h3 {
  margin-bottom: calc(0.4 * var(--fs));
}

.prodt-df-06 p {
  color: #2F2F2F;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.prodt-df-06 .icon-360 {
  width: calc(1.28 * var(--fs));
  height: calc(1.28 * var(--fs));
  position: absolute;
  top: calc(7.34 * var(--fs));
  left: 65.26042%;
}

.prodt-df-07 {
  text-align: center;
  color: #fff;
}

.prodt-df-07 .wrap {
  padding-top: 11%;
}

@media screen and (max-width: 768px) {
  .prodt-df-07 .wrap {
    padding-top: 10%;
  }
}

.prodt-df-07 h1 {
  margin-bottom: calc(0.4 * var(--fs));
}

.prodt-df-07 p {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.prodt-df-08 {
  text-align: center;
  color: #fff;
}

.prodt-df-08 .wrap {
  padding-top: calc(1.12 * var(--fs));
}

@media screen and (max-width: 768px) {
  .prodt-df-08 .wrap {
    padding-top: 10%;
  }
}

.prodt-df-08 h1 {
  margin-bottom: calc(0.4 * var(--fs));
}

.prodt-df-08 p {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.1;
}

.news-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.news-list > li {
  width: calc(50% - 0.16*var(--fs));
  background-color: #fff;
  height: 100%;
  margin-bottom: calc(0.32 * var(--fs));
}

@media screen and (max-width: 768px) {
  .news-list > li {
    width: 100%;
  }
}

.news-list .pic {
  padding-bottom: 57.71231%;
}

@media screen and (max-width: 768px) {
  .news-list .pic {
    padding-bottom: 49.86667%;
  }
}

.news-list .text-box {
  padding: calc(0.38 * var(--fs)) calc(0.42 * var(--fs));
  text-align: left;
}

.news-list .news-title {
  font-size: calc(0.26 * var(--fs));
  margin-bottom: calc(0.2 * var(--fs));
}

.news-list .news-des {
  font-size: calc(0.16 * var(--fs));
  margin-bottom: calc(0.3 * var(--fs));
}

.news-list .bottom {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
}

.news-list .bottom a {
  font-size: calc(0.2 * var(--fs));
}

.news-list .bottom .date {
  font-size: calc(0.16 * var(--fs));
}

.events-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.events-list > li {
  width: 100%;
  display: flex;
  background-color: #fff;
  margin-bottom: calc(0.32 * var(--fs));
}

@media screen and (max-width: 768px) {
  .events-list > li {
    flex-direction: column;
    height: auto;
  }
}

.events-list .img-box {
  width: 44.19192%;
}

@media screen and (max-width: 768px) {
  .events-list .img-box {
    width: 100%;
  }
}

.events-list .pic {
  padding-bottom: 82.28571%;
}

@media screen and (max-width: 768px) {
  .events-list .pic {
    padding-bottom: 56.26667%;
  }
}

.events-list .text-box {
  flex: 1;
  text-align: left;
  display: flex;
  align-items: center;
}

.events-list .inner {
  padding: 0 calc(0.68 * var(--fs));
}

@media screen and (max-width: 768px) {
  .events-list .inner {
    padding: calc(0.3 * var(--fs)) calc(0.75 * var(--fs));
  }
}

.events-list .event-title {
  font-size: calc(0.32 * var(--fs));
  margin-bottom: calc(0.2 * var(--fs));
}

@media screen and (max-width: 768px) {
  .events-list .event-title {
    font-size: calc(0.36 * var(--fs));
  }
}

.events-list .date-addr {
  font-size: calc(0.22 * var(--fs));
  margin-bottom: calc(0.3 * var(--fs));
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .events-list .date-addr {
    font-size: calc(0.24 * var(--fs));
  }
}

.events-list a {
  font-size: calc(0.2 * var(--fs));
}

@media screen and (max-width: 768px) {
  .events-list a {
    font-size: calc(0.24 * var(--fs));
  }
}

.ev-navs {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 22px;
  border-bottom: 1px solid #f5f5f5;
}

.ev-navs li {
  padding: 16px;
  margin: 0 10px;
  position: relative;
  cursor: pointer;
}

.ev-navs li::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  margin-bottom: -1px;
  background-color: transparent;
}

.ev-navs li.active {
  color: #009ade;
}

.ev-navs li.active::after {
  background-color: #009ade;
}

@media screen and (max-width: 768px) {
  .ev-navs li {
    width: 100%;
    flex: 1;
    text-align: center;
  }
}

.contact-banner .banner-text {
  padding-right: 25%;
}

@media screen and (max-width: 768px) {
  .contact-banner .banner-text {
    padding-right: 20%;
  }
}

.contact-info {
  padding-top: calc(0.84 * var(--fs));
}

.contact-info h6 {
  margin-bottom: calc(0.1 * var(--fs));
}

.contact-info .line-h {
  background-color: #c7c7c7;
  margin-top: calc(0.2 * var(--fs));
  margin-bottom: calc(0.2 * var(--fs));
}

.contact-info .email-phone {
  display: flex;
  margin-top: calc(0.2 * var(--fs));
}

.contact-info .email-phone .email {
  margin-right: calc(2 * var(--fs));
}

@media screen and (max-width: 768px) {
  .contact-info .email-phone {
    flex-direction: column;
  }
  .contact-info .email-phone .email {
    margin-right: 0;
    margin-bottom: calc(0.4 * var(--fs));
  }
}

.aboutus-banner .banner-text {
  color: white;
}

.about-01 {
  text-align: center;
}

.about-01 .spacer {
  padding-bottom: 45.26042%;
}

.about-01 .wrap {
  padding-top: calc(0.78 * var(--scale));
}

.about-01 .p1 {
  margin-bottom: calc(0.8 * var(--scale));
}

.about-01 .h3 {
  margin-bottom: calc(0.8 * var(--scale));
}

.about-01 .p2 {
  font-size: calc(0.2 * var(--scale));
}

.about-01 .list1 {
  display: flex;
  flex-wrap: wrap;
}

.about-01 .list1 > li {
  width: calc(50% - 0.32*var(--fs));
  height: 100%;
  margin-bottom: calc(0.64 * var(--scale));
}

.about-01 .icon {
  width: calc(1.4 * var(--scale));
  height: calc(1.3 * var(--scale));
  margin-bottom: calc(0.1 * var(--scale));
}

.about-01 .h4 {
  margin-bottom: calc(0.1 * var(--scale));
}

.about-01 .p2 {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .about-01 .wrap {
    padding-left: calc(0.75 * var(--fs));
    padding-right: calc(0.75 * var(--fs));
  }
  .about-01 .spacer {
    padding-bottom: 248.8%;
  }
  .about-01 .list1 {
    justify-content: space-between;
  }
  .about-01 .list1 > li {
    box-shadow: 4px 4px 4px #f7f7f7;
    height: auto;
  }
  .about-01 .p1 {
    font-size: calc(0.32 * var(--fs));
  }
  .about-01 .p2 {
    width: 100%;
    font-size: calc(0.2 * var(--fs));
  }
  .about-01 .icon {
    width: 74px;
    height: 60px;
  }
}

.about-02 {
  text-align: center;
  padding-top: calc(1.15 * var(--scale));
  padding-bottom: calc(1.15 * var(--scale));
}

.about-02 .h3 {
  margin-bottom: calc(0.8 * var(--scale));
}

.about-02 .list1 {
  display: flex;
  flex-wrap: wrap;
}

.about-02 .list1 > li {
  width: calc(33% - 0.1*var(--fs));
}

.about-02 .p1 {
  font-size: calc(0.24 * var(--scale));
  color: #009ADE;
  font-family: "Inter-Medium", "Arial", "Helvetica", sans-serif;
  margin-top: calc(0.1 * var(--scale));
}

.about-02 .p1 strong {
  font-size: calc(0.56 * var(--scale));
  font-weight: bold;
  font-family: "Inter-Bold", "Arial", "Helvetica", sans-serif;
}

.about-02 .p2 {
  font-size: calc(0.16 * var(--scale));
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .about-02 {
    padding-bottom: calc(0.66 * var(--fs));
  }
  .about-02 .list1 {
    flex-direction: column;
  }
  .about-02 .list1 > li {
    width: 100%;
  }
  .about-02 .p1 {
    font-size: calc(0.24 * var(--fs));
  }
  .about-02 .p1 strong {
    font-size: calc(0.64 * var(--fs));
    font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
  }
}

.about-03 {
  text-align: center;
  padding-bottom: calc(1.15 * var(--scale));
}

.about-03 .h3 {
  margin-bottom: calc(0.4 * var(--scale));
}

.about-03 .p1 {
  margin-bottom: calc(0.4 * var(--scale));
}

.about-03 .img-box {
  display: flex;
}

.about-03 .left {
  flex: 484;
  margin-right: calc(0.2 * var(--scale));
}

.about-03 .right {
  flex: 678;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .about-03 .h3 {
    margin-bottom: calc(0.62 * var(--fs));
  }
  .about-03 .p1 {
    padding-left: calc(0.75 * var(--fs));
    padding-right: calc(0.75 * var(--fs));
    font-size: calc(0.3 * var(--fs));
  }
  .about-03 .img-box {
    padding-left: calc(0.75 * var(--fs));
    padding-right: calc(0.75 * var(--fs));
  }
  .about-03 .left {
    flex: 190;
    margin-right: calc(0.16 * var(--fs));
  }
  .about-03 .right {
    flex: 395;
  }
  .about-03 .bottom {
    display: flex;
    justify-content: space-between;
  }
  .about-03 .bottom > img {
    width: calc(50% - 0.08*var(--fs));
  }
}

/* 新闻集合页 */
/* Events 列表页 start */
.article-back-line {
  display: inline-flex;
  align-items: center;
  margin: 60px 0 20px 0;
}

.article-back-line i.icon {
  color: black;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.article-back-line i.icon svg {
  width: 100%;
  height: 100%;
}

.article-back-line .link {
  margin: 0 4px;
}

@media screen and (max-width: 768px) {
  .article-back-line {
    margin: 20px 0 20px 0;
  }
}

.ev-title {
  padding: 18px 0;
  border-bottom: 1px solid #dbdbdb;
}

.ev-title h3 {
  font-weight: bold;
  font-size: calc(0.24 * var(--fs));
}

.ev-wrap {
  margin-bottom: 100px;
}

.news-home-banner {
  margin-bottom: 30px;
}

.news-home-banner img {
  color: black;
}

.news-home-top {
  padding-bottom: 30px;
  box-shadow: 0px 14px 14px #e9e9e9;
}

.news-home-top h2 {
  font-size: 24px;
  margin-bottom: 20px;
}

.news-home-top p {
  margin-bottom: 60px;
  line-height: 1.5;
}

.news-home-top .more {
  display: block;
  font-weight: bold;
}

.news-home-top .more:hover {
  text-decoration: underline;
}

.news-wrap {
  color: black;
  padding-bottom: 100px;
  padding-top: 60px;
  line-height: 1.5;
}

.news-wrap h2 {
  text-align: center;
  font-size: 32px;
  margin-bottom: 60px;
}

.news-wrap ul {
  display: flex;
  justify-content: flex-start;
}

.news-wrap ul li {
  width: 25%;
  box-shadow: 1px 4px 13px #d9d9d9;
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
  margin-right: 20px;
}

.news-wrap ul li img {
  color: black;
}

@media screen and (max-width: 768px) {
  .news-wrap ul li {
    width: 100%;
  }
}

.news-wrap .news-text-box {
  padding: 20px;
}

.news-wrap .news-text-box h3 {
  margin-bottom: 10px;
}

.news-wrap .news-text-box .p1 {
  color: #666;
  text-align: left;
  margin-bottom: 20px;
  text-align: justify;
}

.news-wrap .news-text-box .bottom {
  display: flex;
  justify-content: space-between;
}

.news-wrap .news-text-box .bottom a:hover {
  text-decoration: underline;
}

.news-wrap .news-text-box .date {
  color: #bbbbbb;
}

@media screen and (max-width: 768px) {
  .news-wrap {
    margin-bottom: 40px;
  }
  .news-wrap h2 {
    margin: 20px 0;
    font-size: 24px;
  }
}

/* 新闻详情页 start */
.news-topline {
  background-color: #f8f9fc;
}

.news-topline h3 {
  font-size: calc(0.24 * var(--fs));
  font-weight: 600;
  height: calc(0.7 * var(--fs));
  line-height: calc(0.7 * var(--fs));
}

@media screen and (max-width: 768px) {
  .news-topline {
    background-color: #fff;
    padding-left: 20px;
  }
  .news-topline .w1280 {
    margin: 0;
    width: 100%;
  }
  .news-topline h3 {
    font-size: 15px;
  }
}

.news-contentw {
  max-width: 1030px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .news-contentw {
    padding: 0 20px;
    max-width: 100%;
    width: 100%;
  }
}

.news-detail .back-line {
  display: inline-flex;
  align-items: center;
  margin: 60px 0;
}

.news-detail .back-line i.icon {
  color: black;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.news-detail .back-line i.icon svg {
  width: 100%;
  height: 100%;
}

.news-detail .back-line .link {
  margin: 0 4px;
}

@media screen and (max-width: 768px) {
  .news-detail .back-line {
    margin: 0 0 20px 0;
  }
}

.news-detail .news-detail-top {
  margin-bottom: 40px;
}

.news-detail .news-detail-top .p1 {
  font-size: 24px;
  margin-bottom: 14px;
}

.news-detail .news-detail-top ul {
  display: inline-flex;
}

.news-detail .news-detail-top ul li {
  margin-right: 36px;
}

.news-detail .news-detail-top ul li > a {
  display: block;
}

.news-detail .news-detail-top i.icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.news-detail .news-detail-top i.icon svg {
  width: 100%;
  height: 100%;
}

.news-detail .news-detail-top .date {
  color: #858585;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .news-detail .news-detail-top .p1 {
    font-size: 16px;
  }
  .news-detail .news-detail-top ul {
    margin-bottom: 10px;
    display: flex;
  }
}

.news-detail .news-content p, .news-detail .news-content .p2 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 36px;
}

.news-detail .news-content p a, .news-detail .news-content .p2 a {
  text-decoration: underline;
  font-weight: bold;
}

.news-detail .news-content img {
  display: block;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .news-detail .news-content img {
    width: 100%;
  }
}

/* 新闻详情页 end */
/* Events 详情页 start */
.ev-detail {
  color: black;
}

.ev-detail .title-1 {
  text-align: center;
  margin-bottom: 60px;
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .ev-detail .title-1 {
    margin-bottom: 20px;
  }
}

.event-01 .p1 {
  font-size: 18px;
  color: #999;
}

.event-01 .ev-videos {
  display: flex;
  justify-content: space-between;
}

.event-01 .ev-videos li {
  width: 45%;
}

.event-01 .ev-videos li .p1 {
  text-align: center;
  margin: 20px auto;
  width: 68%;
}

@media screen and (max-width: 768px) {
  .event-01 .ev-videos {
    flex-direction: column;
  }
  .event-01 .ev-videos li {
    width: 100%;
  }
}

.event-01 .video-box {
  position: relative;
  padding-bottom: 56.25%;
}

.event-01 .video-box video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.event-01 .event-01-s1 {
  margin-bottom: 100px;
  text-align: center;
}

.event-01 .event-01-s1 .title-1 {
  margin: 20px 0;
}

.event-01 .event-01-s1 .p1 {
  text-align: center;
  margin-bottom: 10px;
}

.event-01 .event-01-s1 .btn {
  margin-top: 20px;
  padding: 4px 30px;
}

@media screen and (max-width: 768px) {
  .event-01 .event-01-s1 {
    margin-bottom: 40px;
  }
}

.event-02 .p1 {
  font-size: 18px;
  color: #999;
}

.event-02 .event-02-s1 {
  margin-bottom: 100px;
  text-align: center;
}

.event-02 .event-02-s1 .title-1 {
  margin: 20px 0;
}

.event-02 .event-02-s1 .p1 {
  text-align: center;
  margin-bottom: 10px;
}

.event-02 .event-02-s1 .btn {
  margin-top: 20px;
  padding: 4px 30px;
}

@media screen and (max-width: 768px) {
  .event-02 .event-02-s1 {
    margin-bottom: 40px;
  }
}

/* Events 详情页 end */
/* animation style custom start */
@-webkit-keyframes fadeInUp1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp1 {
  -webkit-animation-name: fadeInUp1;
  animation-name: fadeInUp1;
}

.shanshuo {
  animation: mydeamon 1s infinite;
  -webkit-animation: mydeamon 1s infinite;
}

@keyframes mydeamon {
  0% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

/* animation style custom end */
.scrollmagic-pin-spacer {
  background-color: inherit;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
}

.header {
  height: 80px;
}

@media screen and (min-width: 1141px) and (max-width: null) {
  .timeline-container {
    margin-left: 820px;
    color: #009ADE;
  }
}

@media screen and (min-width: 1140px) {
  .timeline-container {
    margin-left: 820px;
    color: #34c759;
  }
}

.test {
  margin-top: 100px;
  margin-bottom: 100px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.font1 * {
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
}

.font2 * {
  font-family: "Inter-Regular", "Arial", "Helvetica", sans-serif;
}

.font3 * {
  font-family: "Inter-Medium", "Arial", "Helvetica", sans-serif;
}

.font4 * {
  font-family: "Inter-Bold", "Arial", "Helvetica", sans-serif;
}

.red {
  color: red;
}

.fontx {
  background-color: #c4c4d6;
  color: white;
  padding: 40px 10px;
  font-size: 24px;
}

.fontx strong {
  color: #009ADE;
  font-family: "Inter-Bold", "Arial", "Helvetica", sans-serif;
}

.fontx span {
  font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
}

.widthCenter80 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.test-aspect-ratio .box {
  width: 100px;
  height: 100px;
  background-color: #34c759;
  transition: all .2s ease-in-out;
}

@media (max-aspect-ratio: 0.5) {
  .test-aspect-ratio .box {
    width: 50px;
    height: 100px;
  }
}

@media (min-aspect-ratio: 2) {
  .test-aspect-ratio .box {
    width: 100px;
    height: 50px;
  }
}


.w1280 {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto
}

@media (max-width: 971px){
.w1280 {
    width: 93%;
}
.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight a {
    font-size: 13px;
    line-height: 16px;
}
}

.w1040 {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto
}
.application-spe .problem-left .problem-left-menu li {
    border: none
}

.application-spe {
    min-height:  0px
}

.w84 {
    width: 84%
}
.menu-list>ul>li.cur .h3 a,.menu-list>ul>li.cur h3 a,.menu-list>ul>li:hover .h3 a,.menu-list>ul>li:hover h3 a {
    color: #fff
}

.menu-list>ul>li.cur h3 a::after,.menu-list>ul>li:hover h3 a::after {
    width: 100%
}

.menu-list>ul>li:hover .head-subnav {
    pointer-events: auto;
    opacity: 1
}

.menu-list>ul>li>.h3 a,.menu-list>ul>li>h3 a {
    position: relative;
    font-family: SourceHanSansCN-Regular;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-align: center;
    font-size: 14px;
    display: block;
    line-height: 21px;
    color: #fff;
    padding: 18px 0
}

.menu-list>ul>li>.h3 a::after,.menu-list>ul>li>h3 a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 2px;
    width: 0;
    background-color: #e60012;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.menu-list>ul>li .head-subnav {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    width: 100%;
    background: #fff;
    padding: 54px 130px 115px 130px;
    display: none;
    border-top: solid 1px #e2e2e2
}

.menu-list>ul>li .head-subnav dl {
    width: 25%
}

.menu-list>ul>li .head-subnav dt {
    margin-bottom: 4px
}

.menu-list>ul>li .head-subnav dt a {
    font-size: 18px;
    color: #000;
    line-height: 30px;
    font-family: SourceHanSansCN-Regular
}

.menu-list>ul>li .head-subnav dd a {
    font-size: 16px;
    color: #898a8e;
    line-height: 30px;
    font-family: SourceHanSansCN-Regular;
    position: relative;
    display: inline-block;
    padding-left: 8px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.menu-list>ul>li .head-subnav dd a::before {
    width: 2px;
    height: 2px;
    content: "";
    border-radius: 100%;
    background: #898a8e;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.menu-list>ul>li .head-subnav dd a:hover {
    color: #000
}

.menu-list>ul>li .head-subnav dd a:hover::before {
    background: #000
}

.head-subnav .header-ul {
    width: 100%;
    position: relative
}

.head-subnav .header-ul>li {
    width: 100%;
    z-index: 0
}

.head-subnav .header-ul .hedaer-ulH4 {
    width: 10%;
    z-index: 0
}

.head-subnav .header-ul .hedaer-ulH4 .header-ulA {
    min-width: 100%;
    text-align: center;
    display: inline-block;
    background: 0 0;
    font-family: SourceHanSansCN-Regular;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 6px;
    vertical-align: middle;
    color: #4b4b4b
}

.head-subnav .header-ul .header-ulLi {
    width: 90%;
    position: absolute;
    top: 0;
    left: 10%;
    opacity: 0;
    pointer-events: none
}

.head-subnav .header-ul>li.active .header-ulLi {
    opacity: 1;
    pointer-events: auto;
    height: 100%
}

.head-subnav .header-ul>li.active .header-ulLi>li {
    width: 18.5%
}

.head-subnav .header-ul>li.active .hedaer-ulH4 .header-ulA {
    background-color: #f5f5f5
}

.head-subnav .header-ulLiimg {
    width: 100%;
    height: 75px;
    position: relative
}

.head-subnav .header-ulLiimg img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s
}

.head-subnav .header-ulLi>li h4 {
    font-family: SourceHanSansCN-Regular;
    font-size: 18px;
    text-align: center;
    line-height: 25px;
    color: #000;
    margin-top: 6px
}

.head-subnav .header-ulLi>li:hover h4 {
    color: #e60012
}

.menu-list .lang-box {
    top: 100%;
    width: 100%
}

.menu-list .lang-box a {
    padding: 8px 0
}

.head-subnav .header-ful>li {
    width: 20%
}

.head-subnav .header-fimg {
    height: 60px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center
}

.head-subnav .header-fimg img {
    height: 100%
}

.head-subnav .header-fh4 {
    font-size: 18px;
    color: #000;
    text-align: center;
    line-height: 26px;
    margin-top: 10px;
    font-family: SourceHanSansCN-Regular
}

.head-subnav .header-ful>li:hover .header-fh4 {
    color: #e60012
}

.mainer,.mainer .banner {
    position: relative
}

.mainer .banner .banner-img .swiper-imgpc,.mainer .banner .banner-img .swiper-imgphone {
    width: 100%;
    margin: 0 auto;
    display: block
}

.mainer .banner .banner-img .swiper-imgphone {
    display: none
}

.mainer .banner .swiper-button-next,.mainer .banner .swiper-button-prev {
    width: 55px;
    height: 55px;
    bottom: 25px;
    border-radius: 28px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.mainer .banner .swiper-button-next {
    background: url(../images/next.png) rgba(0,0,0,.1) no-repeat center center;
    right: 60px
}

.mainer .banner .swiper-button-prev {
    background: url(../images/prev.png) rgba(0,0,0,.1) no-repeat center center;
    left: 60px
}

.mainer .banner .swiper-button-next:hover {
    background: url(../images/next.png) rgba(0,0,0,.5) no-repeat center center
}

.mainer .banner .swiper-button-prev:hover {
    background: url(../images/prev.png) rgba(0,0,0,.5) no-repeat center center
}

.mainer .banner .swiper-container-horizontal>.swiper-pagination-bullets,.mainer .banner .swiper-pagination-custom,.mainer .banner .swiper-pagination-fraction {
    bottom: 30px
}

.mainer .banner .swiper-pagination-bullet {
    width: 35px;
    height: 4px;
    opacity: 1;
    border-radius: 0;
    background-color: rgba(255,255,255,.5)
}

.mainer .banner .swiper-pagination-bullet-active span {
    opacity: 1
}

@keyframes width1 {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

@keyframes width1 {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

.mainer .banner .banner-img .swiper-pagination span:after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background-color: #fff
}

.mainer .banner .banner-img .swiper-pagination-bullet-active:after {
    -webkit-animation: width1 4s linear;
    animation: width1 4s linear
}

.mainer .swiper-font {
    position: absolute;
    top: 14%;
    left: 50%;
    transform: translate(-50%,-16%);
    -o-transform: translate(-50%,-16%);
    -webkit-transform: translate(-50%,-16%);
    -ms-transform: translate(-50%,-16%);
    -moz-transform: translate(-50%,-16%);
    color: #fff
}

.mainer .swiper-font1 {
    top: 50%;
    left: 20.6%;
    transform: translate(-20.6%,-50%);
    -o-transform: translate(-20.6%,-50%);
    -webkit-transform: translate(-20.6%,-50%);
    -ms-transform: translate(-20.6%,-50%);
    -moz-transform: translate(-20.6%,-50%)
}

.mainer .swiper-font .swiper-font-img {
    margin: 0 auto
}

.mainer .swiper-font .swiper-a {
    text-align: center;
    transform: translateY(-150px);
    opacity: 0;
    transition: .8s ease-in-out .9s;
    margin: 25px auto 0 auto
}

.mainer .swiper-font .swiper-a a,.mainer .swiper-font .swiper-a img {
    display: inline-block;
    vertical-align: middle;
    color: #0071e3;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.mainer .swiper-font .swiper-a a {
    font-family: SourceHanSansCN-Regular;
    font-size: 22px;
    text-align: center;
    color: #0071e3
}

.mainer .swiper-font .swiper-a img {
    display: inline-block;
    vertical-align: middle
}

.mainer .swiper-font .swiper-a a span {
    font-family: SourceHanSansCN-Regular;
    margin-right: 5px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    display: inline-block;
    vertical-align: middle
}

.mainer .swiper-font .swiper2-a a,.mainer .swiper-font .swiper2-a a span {
    font-size: 18px
}

.mainer .swiper-font .swiper-font-h3 {
    font-size: 54px;
    color: #1d1d1f;
    text-align: center;
    font-weight: 700;
    transform: translateY(-150px);
    opacity: 0;
    transition: 1s ease-in-out 1.2s;
    margin: 0 auto
}

.mainer .swiper-font .swiper-font-img {
    transform: translateY(-150px);
    opacity: 0;
    transition: 1s ease-in-out 1.1s;
    margin-bottom: 25px
}

.mainer .swiper-font .swiper-font-h4 {
    font-family: SourceHanSansCN-Regular;
    font-size: 24px;
    line-height: 21px;
    color: #1d1d1f;
    text-align: center;
    margin-top: 18px;
    transform: translateY(-150px);
    opacity: 0;
    transition: .9s ease-in-out 1s;
    margin: 16px auto 0 auto
}

.mainer .swiper-font .swiper2-font-h4 {
    color: #3e3a39
}

.mainer .swiper-font .swiper-font-h5 {
    font-size: 18px;
    color: #3e3a39;
    text-align: center;
    transform: translateY(-150px);
    opacity: 0;
    transition: .9s ease-in-out 1s;
    margin-top: 20px;
    margin: 20px auto 0 auto
}

.mainer .swiper-font .swiper-a object:first-child a {
    margin-right: 35px
}

.mainer .swiper-font .swiper-a object:last-child a {
    margin-right: 0
}

.mainer .swiper-font .swiper-a a:hover span {
    margin-right: 10px
}

.mainer .banner .banner-img .swiper-slide-active .swiper-a,.mainer .banner .banner-img .swiper-slide-active .swiper-font-h3,.mainer .banner .banner-img .swiper-slide-active .swiper-font-h4,.mainer .banner .banner-img .swiper-slide-active .swiper-font-h5,.mainer .banner .banner-img .swiper-slide-active .swiper-font-img {
    transform: translateX(0);
    opacity: 1
}
.catnav {
    background-color: #1e1e1e;
    height: 50px;
    line-height: 50px;
    color: #b5b5b6;
    background-color: #1e1e1e
}

.catnav.n2 {
    background-color: #f8f9fc
}

.catnav.n2 a {
    color: #595757
}

.catnav img {
    display: inline-block;
    margin-right: 10px;
    color: #b5b5b6;
    transform: translatey(-2px);
    width: 18px
}

.catnav a {
    color: #b5b5b6
}

.catnav a:hover,.catnav a:last-child {
    color: #fff
}

.catnav.n2 a:hover,.catnav.n2 a:last-child {
    color: #27a2ff
}
.flight-list {
    position: relative
}

.flight-list .flight-top {
    background-image: linear-gradient(0deg,#f8f8f8 0,#fff 100%);
    padding: 113px 0 161px 0
}

.flight-list .flight-top-font {
    text-align: center;
    padding-top: 50px
}

.flight-list .flight-top-font .flight-top-h3 {
    font-size: 40px;
    line-height: 55px;
    color: #373737;
    margin-top: 4px;
    margin-bottom: 4px
}

.flight-list .flight-top-font .flight-top-h4 {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 3px;
    color: #898a8e;
    font-weight: lighter;
    margin-bottom: 25px
}

.flight-list .flight-top-font .flight-top-dec,.flight-list .flight-top-font .flight-top-dec p {
    font-size: 18px;
    line-height: 28px;
    color: #898a8e;
    font-weight: lighter
}

.flight-list .flight-bot {
    margin: 144px auto 166px auto
}

.flight-list .flight-bot .flight-bot-ul {
    width: 76.5%;
    margin: 0 auto
}

.flight-list .flight-bot .flight-bot-ul li {
    width: 48.2%;
    height: 140px;
    border: solid 1px #cacaca;
    margin-right: 35px;
    border-radius: 16px
}

.flight-list .flight-bot .flight-bot-ul li:last-child {
    margin-right: 0
}

.flight-list .flight-bot .flight-bot-ul li.cur,.flight-list .flight-bot .flight-bot-ul li:hover {
    box-shadow: 0 2px 2px 0 rgb(226 33 28 / 23%);
    border: solid 1px #e2211c
}

.flight-list .flight-bot .flight-bot-ul:last-child {
    margin-right: 0
}

.flight-list .flight-bot .flight-bot-ul li a {
    width: 100%;
    height: 100%;
    padding: 48px 10px 40px 10px;
    display: block
}

.flight-list .flight-bot .flight-bot-a h3 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    text-align: center;
    color: #313131;
    margin-bottom: 4px
}

.flight-list .flight-bot .flight-bot-a p {
    font-size: 18px;
    text-align: center;
    color: #898a8e
}

.flight-list .flight-list-more {
    width: 201px;
    height: 40px;
    background-color: #313131;
    border-radius: 5px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    display: block;
    margin: 90px auto 0 auto;
    color: #fff;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.flight-list .flight-list-more:hover {
    background: #e60012
}

.flight-list .flight-bot-cont li {
    display: none
}

.flight-list .flight-bot-cont li:first-child {
    display: block
}

.flightxfj-list {
    position: relative
}

.flightxfj-list .flightxfj-list-top {
    background-image: linear-gradient(180deg,#fdfbfb 0,#ebedee 100%);
    padding: 162px 0 206px 0;
    position: relative
}

.flightxfj-list .flightxfj-list-topLeft {
    width: 44%
}

.flightxfj-list .flightxfj-list-topRight {
    width: 66%
}

.flightxfj-list .flightxfj-topLeft-h3 {
    font-size: 33px;
    line-height: 55px;
    color: #373737;
    font-weight: 700
}

.flightxfj-list .flightxfj-topLeft-dec {
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 1px;
    color: #373737;
    margin-top: 15px
}

.flightxfj-list .flightxfj-topLeft-a {
    margin-top: 45px
}

.flightxfj-list .flightxfj-topLeft-a a {
    width: 130px;
    height: 45px;
    border: solid 1px #00b7ee;
    border-radius: 25px;
    font-size: 18px;
    line-height: 45px;
    letter-spacing: 1px;
    text-align: center;
    color: #00b7ee;
    display: block;
    margin-right: 24px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.flightxfj-list .flightxfj-topLeft-a a:hover {
    background-color: #00b7ee;
    border-radius: 25px;
    color: #fff
}

.flightxfj-list .flightxfj-topLeft-a a:last-child {
    margin-right: 0
}

.flightxfj-list .flightxfj-list-topRight img {
    text-align: right;
    margin: 0;
    float: right
}

.flightxfj-list .flightxfj-list-pcmenu {
    background: #000;
    padding: 23px 0;
    position: relative;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    z-index: 99
}

.flightxfj-list .flightxfj-list-pcmenuFixed {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    padding: 20px 0;
    width: 100%;
    margin: 0 auto;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    z-index: 100
}

.needFixedTop {
    width: 100%;
    max-width: initial;
    position: fixed!important;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
    transition: all .5s
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuLeft {
    width: 40%
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuLeft h1,.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuLeft h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 21px;
    color: #d1d1d1
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight {
    width: 70%
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight li {
    width: auto;
    margin-left: 26px
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight li:first-child {
    margin-left: 0
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight a {
    width: 100%;
    display: block;
    font-size: 16px;
    text-align: right;
    color: #b5b5b5;
    line-height: 21px
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight li.buy.btn-shop {
    background: #0371e3;
    padding: 1px 10px;
    border-radius: 10px
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight li.buy.btn-shop:hover a {
    color: #fff;
    font-weight: 700
}

.flightxfj-list .flightxfj-list-mobilemenu {
    display: none
}

.flightxfj-list .flightxfj-swiper {
    margin-top: 10px;
    position: relative
}

.flightxfj-list .flightxfj-swiper .swiper-slide {
    position: relative;
    overflow: hidden
}

.flightxfj-list .flightxfj-swiper .flightxfj-swiper-img {
    width: 100%
}

.flightxfj-list .flightxfj-swiper .flightxfj-swiper-img img {
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.flighthyj-list .flighthyj-swiper .swiper-slide:hover .flighthyj-swiper-img img,.flightxfj-list .flightxfj-swiper .swiper-slide:hover .flightxfj-swiper-img img,.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul li:hover .flightxfj-zcjx-img img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.flightxfj-list .flightxfj-swiper .flight-swiper-font {
    position: absolute;
    top: 128px;
    left: 104px;
    right: 104px;
    width: 40%
}

.flightxfj-list .flightxfj-swiper .flight-swiper-fontH3 {
    font-size: 40px;
    line-height: 55px;
    letter-spacing: 1px;
    font-weight: 700;
    color: #000;
    margin-bottom: 22px
}

.flightxfj-list .flightxfj-swiper .flight-swiper-fontDec {
    font-size: 18px;
    line-height: 30px;
    color: #000
}

.flightxfj-list .flightxfj-swiper .swiper-button-next {
    background: url(../images/sxf-next.png) rgba(255,255,255,0) no-repeat center center;
    right: 18.5%;
    left: auto
}

.flightxfj-list .flightxfj-swiper .swiper-button-prev {
    background: url(../images/sxf-prev.png) rgba(255,255,255,0) no-repeat center center;
    left: 18.5%;
    right: auto
}

.flightxfj-list .flightxfj-swiper .swiper-button-next,.flightxfj-list .flightxfj-swiper .swiper-button-prev {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.flightxfj-list .flightxfj-swiper .swiper-button-prev:hover {
    background: url(../images/sxf-prev.png) rgba(0,0,0,.1) no-repeat center center
}

.flightxfj-list .flightxfj-swiper .swiper-button-next:hover {
    background: url(../images/sxf-next.png) rgba(0,0,0,.1) no-repeat center center
}

.flightxfj-list .flightxfj-swiper .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    background-color: #fff;
    opacity: .4;
    border-radius: initial
}

.flightxfj-list .flightxfj-swiper .swiper-pagination-bullet-active {
    width: 30px;
    height: 3px;
    background-color: #fff;
    opacity: 1
}

.flightxfj-list .flightxfj-swiper .swiper-container-horizontal>.swiper-pagination-bullets,.flightxfj-list .flightxfj-swiper .swiper-pagination-custom,.flightxfj-list .flightxfj-swiper .swiper-pagination-fraction {
    bottom: 30px
}

.flightxfj-list .flightxfj-zcjx {
    padding-top: 72px;
    position: relative;
    background: #fff;
    margin-top: 10px
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul {
    width: 100%;
    margin-top: 68px;
    padding: 0 100px
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-img {
    min-height: 86px;
    overflow: hidden
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul li {
    flex: 1;
    cursor: pointer
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul li .flightxfj-zcjx-img img {
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-font {
    margin-top: 55px
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontH3 {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 30px;
    margin-bottom: 13px;
    color: #000
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul li.active .flightxfj-zcjx-fontH3,.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul li:hover .flightxfj-zcjx-fontH3 {
    color: #00b7ee
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontDec {
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    color: #000
}

.flightxfc-tit h3 {
    font-weight: 700;
    font-size: 40px;
    text-align: center;
    line-height: 55px;
    letter-spacing: 1px;
    color: #000
}

.flightxfj-list .flightxfj-font {
    background: #fff;
    position: relative;
    padding-top: 70px;
    padding-bottom: 45px
}

.flightxfj-list .flightxfj-font dl {
    display: none
}

.flightxfj-list .flightxfj-font dl:first-child {
    display: block
}

.flightxfj-list .flightxfj-font dd,.flightxfj-list .flightxfj-font dt {
    font-size: 14px;
    line-height: 26px;
    color: #434343
}

.flightxfj-list .flightxfj-font dd {
    position: relative;
    padding-left: 5px
}

.flightxfj-list .flightxfj-font dd::before {
    content: "";
    position: absolute;
    top: 40%;
    left: 0;
    transform: translateY(-40%);
    -o-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background: #434343
}

.flightxfj-fwlc .flightxfj-fwlc-ul li {
    width: 18%
}

.flightxfj-fwlc .flightxfj-fwlc-ul li:nth-child(even) {
    width: 2%
}

.flightxfj-fwlc .flightxfj-fwlc-ul li:last-child {
    display: none
}

.flightxfj-fwlc .flightxfj-fwlc-font {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #000;
    margin-top: 26px
}

.flightxfj-fwlc .flightxfj-fwlc-iconnext {
    margin-top: 24px
}

.flightxfj-fwlc .flightxfj-fwlc-ul li:last-child .flightxfj-fwlc-iconnext {
    display: none
}

.flightxfj-fwlc .flightxfj-fwlc-ul li:hover .flightxfj-fwlc-icon img {
    -webkit-animation: bounce 1s ease 0s 1 both;
    animation: bounce 1s ease 0s 1 both
}

.sfbanner-img .banner-infontlist .banner-infont h1,.sfbanner-img .banner-infontlist .banner-infont h3 {
    font-size: 36px;
    letter-spacing: 1px;
    color: #000;
    font-weight: initial
}

.sfbanner-img .banner-infontlist .banner-infont p,.sfbanner-img .banner-infontlist .banner-infont p a {
    font-size: 18px;
    line-height: 28px;
    color: #898a8e
}

.sfbanner-img .banner-infontlist .banner-infont p a:hover {
    color: #1890ff
}

.sfbanner-img .banner-infontlist .banner-infont .banner-infont-p {
    font-size: 16px;
    color: #a5a5a5
}

.sfbanner-img .banner-infontlist .banner-infont .banner-infont-p {
    margin-top: 10px
}

.flight-cx {
    position: relative;
    padding-top: 55px;
    padding-bottom: 110px;
    overflow: hidden
}

.flight-cx .flight-cx-list {
    border-bottom: 1px solid #d0d1d2;
    padding: 0 275px 118px 275px
}

.flight-cx .flight-cx-tit {
    font-size: 18px;
    line-height: 30px;
    color: #1b1b1b
}

.flight-cx .flight-cx-cont label {
    font-size: 18px;
    line-height: 30px;
    color: #707070;
    display: inline-block;
    vertical-align: middle
}

.flight-cx .flight-cx-cont {
    margin-left: 112px
}

.flight-cx .flight-cx-contTop {
    margin-top: 39px
}

.flight-cx .flight-cx-cont .flight-cx-input {
    width: 276px;
    height: 40px;
    border: solid 1px #aaa;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 18px;
    margin-left: 43px;
    display: inline-block;
    vertical-align: middle
}

.flight-cx .flight-cx-next {
    width: 87px;
    height: 37px;
    border: solid 1px #aaa;
    font-size: 18px;
    display: block;
    line-height: 37px;
    color: #707070;
    margin: 26px auto 0 auto;
    text-align: center;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.flight-cx .flight-cx-next:hover,.flight-jh .flight-success .flight-close:hover {
    border: solid 1px #e60012;
    color: #e60012
}

.flight-cx .flight-cx-list1 {
    padding: 0 210px 118px 210px
}

.flight-cx .flight-cx-conttable {
    padding-top: 63px;
    margin-bottom: 67px
}

.flight-cx .flight-cx-conttable table {
    width: 100%
}

.flight-cx .flight-cx-conttable table td,.flight-cx .flight-cx-conttable table th {
    width: 25%;
    overflow: hidden;
    text-align: center
}

.flight-cx .flight-cx-conttable table th {
    font-size: 18px;
    line-height: 43px;
    color: #707070;
    padding-bottom: 9px
}

.flight-cx .flight-cx-conttable table tr:first-child {
    background: #fff
}

.flight-cx .flight-cx-conttable table tr {
    background-color: #aaa
}

.flight-cx .flight-cx-conttable table td {
    font-size: 18px;
    height: 38px;
    overflow: hidden;
    color: #fff
}

.flight-jh {
    padding-top: 110px
}

.flight-jh .flight-jh-ul {
    position: relative;
    padding-top: 78px
}

.flight-jh .flight-jh-ul li {
    flex: 1;
    align-items: center;
    position: relative
}

.flight-jh .flight-jh-ul .flight-jh-num {
    flex: 1;
    align-items: center
}

.flight-jh .flight-jh-ul .flight-jh-num .flight-jh-icon {
    width: 46px;
    height: 46px;
    border: solid 1px #b5b5b5;
    border-radius: 100%;
    font-size: 25px;
    text-align: center;
    line-height: 46px;
    letter-spacing: 1px;
    color: #b5b5b5;
    margin: 0 auto;
    position: relative;
    background: #fff;
    z-index: 9
}

.flight-jh .flight-jh-ul .flight-jh-num em {
    width: 42%;
    height: 1px;
    background: #fff;
    display: block;
    background: #bfbfbf
}

.flight-jh .flight-jh-ul li:first-child .flight-jh-num em:first-child,.flight-jh .flight-jh-ul li:last-child .flight-jh-num em:last-child {
    opacity: 0
}

.flight-jh .flight-jh-ul li:nth-child(2) .flight-jh-num em {
    width: 43.5%
}

.flight-jh .flight-jh-ul .flight-jh-font {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #b5b5b5;
    padding-top: 10px
}

.flight-jh .flight-jh-ul li.active .flight-jh-num .flight-jh-icon {
    background: rgba(18,175,244,.2);
    color: #12aff4;
    border: 1px solid rgba(18,175,244,.2)
}

.flight-jh .flight-jh-ul li.active .flight-jh-font {
    color: #12aff4
}

.flight-jh .flight-cx-list {
    padding: 0 210px 77px 210px
}

.flight-jh .flight-jh-cont {
    margin: 74px auto 0 auto
}

.flight-jh .flight-jh-cont .flight-cx-contTop {
    margin: 0 auto;
    padding-left: 415px
}

.flight-jh .flight-cx-next {
    margin-left: 675px
}

.flight-jh .flight-jh-ul {
    text-align: center
}

.flight-jh .flight-jh-ul li {
    margin-bottom: 39px
}

.flight-jh .flight-jh-ul label {
    width: 15%
}

.flight-jh .flight-jh-ul input {
    width: 276px;
    height: 40px;
    border: solid 1px #aaa;
    border-radius: 4px;
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px
}

.flight-jh .flight-jh-ul .flight-jh-ulyzm {
    width: 277px;
    height: 59px;
    border: solid 1px #aaa;
    display: inline-block;
    margin-top: -18px;
    font-size: 35px;
    line-height: 59px;
    letter-spacing: 1px;
    color: #707070;
    text-align: left;
    padding: 0 26px;
    font-style: italic
}

.flight-jh .flight-cx-next1 {
    border-radius: 4px
}

.flight-jh .flight-jh-contyhxx {
    font-size: 18px;
    line-height: 30px;
    color: #1b1b1b;
    padding: 0 238px
}

.flight-jh .flight-jh-yhul label {
    text-align: right;
    padding-right: 63px
}

.flight-yhxx .flight-jh-yhulP {
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    color: #eb6877;
    display: inline-block;
    padding-left: 576px;
    margin-top: 15px
}

.flight-jh .flight-jh-clause {
    align-items: center;
    padding-left: 185px;
    margin-top: 30px
}

.flight-jh .flight-jh-clause input {
    width: 12px;
    height: 12px;
    cursor: pointer;
    position: relative;
    border: solid 1px #aaa;
    display: inline-block;
    vertical-align: middle;
    outline: 0
}

.flight-jh .flight-jh-clause input:checked::after {
    content: "✓";
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 18px;
    font-weight: 700;
    color: #12aff4
}

.flight-jh .flight-jh-clause span {
    font-size: 15px;
    color: #afafaf;
    display: inline-block;
    vertical-align: middle;
    padding-left: 12px
}

.flight-jh .flight-success {
    padding-bottom: 78px;
    border-bottom: 1px solid #d0d1d2
}

.flight-jh .flight-success-img {
    text-align: center;
    font-size: 25px;
    line-height: 30px;
    color: #32b16c
}

.flight-jh .flight-success-img img {
    display: inline-block;
    vertical-align: middle;
    padding-right: 15px
}

.flight-jh .flight-success-img span {
    display: inline-block;
    vertical-align: middle
}

.flight-jh .flight-success p {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    color: #959595;
    margin-top: 16px
}

.flight-jh .flight-success .flight-close {
    width: 87px;
    height: 37px;
    border: solid 1px #aaa;
    border-radius: 4px;
    font-size: 18px;
    line-height: 37px;
    text-align: center;
    color: #707070;
    display: block;
    margin: 31px auto 0 auto
}

.flighthyj-list .flightxfj-list-topLeft {
    width: 43%
}

.flighthyj-list .flightxfj-list-topRight {
    width: 57%;
    position: relative
}

.flighthyj-list .flightxfj-list-topRight img {
    margin-top: 60px;
    margin-right: -110px
}

.flighthyj-list .flighthyj-swiper .swiper-slide {
    background: #fff;
    position: relative;
    padding-bottom: 120px;
    padding-top: 50px;
    padding-left: 100px;
    padding-right: 10px
}

.flighthyj-list .flighthyj-swiper .flighthyj-swiper-list {
    align-items: center
}

.flighthyj-list .flighthyj-swiper .flighthyj-swiper-font {
    width: 38%
}

.flighthyj-list .flighthyj-swiper .flighthyj-swiper-fonth3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 1px;
    color: #000
}

.flighthyj-list .flighthyj-swiper .flighthyj-swiper-fontDec {
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin-top: 25px
}

.flighthyj-list .flighthyj-swiper .flighthyj-swiper-img {
    width: 62%
}

.flighthyj-list .flighthyj-swiper .flighthyj-swiper-img img {
    margin-left: -50px;
    margin-top: 100px
}

.flighthyj-list .flightxfj-swiper .swiper-pagination-bullet {
    background: rgba(231,231,231,.4)
}

.flighthyj-list .flightxfj-swiper .swiper-pagination-bullet-active {
    background-color: #d0d0d0
}

.flighthyj-list .flightxfj-swiper .swiper-button-next {
    right: 17.5%
}

.flighthyj-list .flightxfj-swiper .swiper-button-prev {
    left: 17.5%
}

.flighthyj-list .flightxfj-zcjx .flighthyj-zcjx-ul {
    flex-wrap: wrap;
    padding: 0 64px 168px 64px
}

.flighthyj-list .flightxfj-zcjx .flighthyj-zcjx-ul li {
    width: 33.333%;
    flex: initial;
    margin-top: 220px
}

.flighthyj-list .flightxfj-zcjx .flighthyj-zcjx-ul li:nth-child(1),.flighthyj-list .flightxfj-zcjx .flighthyj-zcjx-ul li:nth-child(2),.flighthyj-list .flightxfj-zcjx .flighthyj-zcjx-ul li:nth-child(3) {
    margin-top: 0
}

.flighthyj-list .flightxfj-zcjx .flightxfj-zcjx-img {
    position: relative;
    min-height: 115px
}

.flighthyj-list .flightxfj-zcjx .flightxfj-zcjx-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.flighthyj-list .flighthyj-swiper .flighthyj-swiper-img img {
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.noflight-list {
    padding: 77px 0 270px 0
}

.noflight-list .noflight-list-cont {
    position: relative;
    padding: 0 3.5rem
}

.noflight-list .noflight-tit h3 {
    font-size: 36px;
    text-align: center;
    line-height: 40px;
    letter-spacing: 1px;
    color: #535353;
    margin-bottom: 17px
}

.noflight-list .noflight-tit p {
    font-size: 17px;
    line-height: 25px;
    text-align: center;
    color: #757575
}

.noflight-list .noflight-cont {
    margin-top: 40px
}

.noflight-list .noflight-cont-h3 {
    font-size: 18px;
    line-height: 28px;
    color: #898a8e
}

.noflight-list .noflight-location {
    position: relative;
    margin-top: 17px
}

.noflight-applylist .noflight-sele,.noflight-list .noflight-sele {
    position: relative;
    width: 22.3%;
    margin-right: 20px
}

.feedback-list .noflight-applypersonal-area select,.noflight-applylist .noflight-sele select,.noflight-applypersonal-list .noflight-applypersonal-industry select,.noflight-applypersonal-list .noflight-applypersonal-phone select,.noflight-applypersonal-list .noflight-applypersonal-sex select,.noflight-list .noflight-location select {
    font-size: 18px;
    line-height: 28px;
    color: #c4c4c4;
    text-align: center;
    -webkit-appearance: none;
    width: 100%;
    border: solid 1px #cacaca;
    border-radius: 5px;
    padding: 5px 13px;
    cursor: pointer
}

.noflight-applypersonal-list .noflight-applypersonal-industry select {
    width: 525px
}

.noflight-list .noflight-sele:last-child {
    margin-right: 0
}

.feedback-list .noflight-applypersonal-area::after,.noflight-applylist .noflight-sele::after,.noflight-applypersonal-list .noflight-applypersonal-industry::after,.noflight-applypersonal-list .noflight-applypersonal-phone::after,.noflight-applypersonal-list .noflight-applypersonal-sex::after,.noflight-list .noflight-sele::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 40%;
    pointer-events: none;
    border-left: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    height: 9px;
    width: 9px;
    transform: translate(2px,-2px) rotate(-45deg);
    -webkit-transform: translate(2px,-2px) rotate(-45deg);
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    display: inline-block;
    -moz-transform: translate(2px,-2px) rotate(-45deg);
    -ms-transform: translate(2px,-2px) rotate(-45deg);
    -o-transform: translate(2px,-2px) rotate(-45deg)
}

.noflight-list .noflight-map {
    position: relative;
    margin-top: 37px;
    margin-bottom: 26px
}

.noflight-list .noflight-tip-bot,.noflight-list .noflight-tip-top {
    font-size: 18px;
    line-height: 28px;
    color: #898a8e
}

.noflight-list .noflight-tip-top {
    margin-bottom: 38px
}

.noflight-list .noflight-tip-bot {
    margin-bottom: 78px
}

.noflight-list .noflight-tip-bot i,.noflight-list .noflight-tip-bot span {
    display: inline-block;
    vertical-align: middle
}

.noflight-list .noflight-tip-bot i {
    width: 26px;
    height: 26px;
    border-radius: 100%;
    margin-right: 3px
}

.noflight-list .noflight-tip-bot .noflight-tip-i1 {
    background-color: #ff5757;
    border: solid 1px #ff5757
}

.noflight-list .noflight-tip-bot .noflight-tip-i2 {
    background-color: #b1b1b1;
    border: solid 1px #b1b1b1
}

.noflight-list .noflight-tip-bot .noflight-tip-i3 {
    background-color: #ffa757;
    border: solid 1px #ffa757
}

.noflight-list .noflight-tip-bot p {
    margin-bottom: 20px
}

.noflight-list .noflight-tip-bot p:first-child {
    margin-bottom: 10px
}

.noflight-list .noflight-tip-bot span {
    width: 96%
}

.noflight-list hr {
    width: 100%;
    border: none;
    height: 1px;
    background: #eaeaea;
    display: block
}

.noflight-list .noflight-apply {
    margin-bottom: 108px;
    margin-top: 89px
}

.noflight-list .noflight-apply-a {
    width: 200px;
    height: 40px;
    line-height: 40px;
    background-color: #313131;
    border-radius: 5px;
    display: block;
    font-size: 18px;
    text-align: center;
    margin: 45px auto 0 auto;
    color: #fff
}

.noflight-list .noflight-apply-a:hover {
    background: #e60012
}

.noflight-list .noflight-policy {
    margin-top: 114px
}

.noflight-list .noflight-policy-a {
    width: 200px;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #06c;
    display: block;
    position: relative;
    margin: 41px auto 0 auto
}

.noflight-list .noflight-policy-a span {
    display: inline-block;
    vertical-align: middle
}

.noflight-list .noflight-policy-a img {
    display: inline-block;
    vertical-align: middle;
    padding-left: 3px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.noflight-list .noflight-policy-a:hover img {
    padding-left: 10px
}

.noflight-applylist {
    position: relative;
    margin-top: 49px;
    margin-bottom: 50px
}

.noflight-applylist .noflight-applylist-ul li {
    margin-right: 45px;
    padding-bottom: 5px;
    border-bottom: 2px solid transparent
}

.noflight-applylist .noflight-applylist-ul li:last-child {
    margin-right: 0
}

.noflight-applylist .noflight-applylist-ul li a {
    width: 100%;
    display: block;
    font-size: 18px;
    text-align: center;
    color: #757575
}

.noflight-applylist .noflight-applylist-ul li.active,.noflight-applylist .noflight-applylist-ul li:hover {
    border-bottom: 2px solid #000
}

.noflight-applylist .noflight-applylist-ul li.active a,.noflight-applylist .noflight-applylist-ul li:hover a {
    color: #000
}

.noflight-applylist .noflight-applymenu {
    position: relative;
    margin-top: 53px
}

.noflight-applylist .noflight-applymenu li {
    position: relative;
    margin-right: 16px;
    margin-right: 24px
}

.noflight-applylist .noflight-applymenu li:last-child {
    margin-right: 0
}

.noflight-applylist .noflight-applymenu li a {
    font-size: 18px;
    line-height: 31px;
    width: 193px;
    height: 31px;
    display: block;
    text-align: center;
    color: #fff;
    background-color: #cacaca;
    padding: 0 12px;
    position: relative
}

.noflight-applylist .noflight-applymenu li+li::before {
    content: '';
    position: absolute;
    top: 0;
    left: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15.5px 20px;
    border-color: transparent;
    border-top-color: #cacaca;
    border-bottom-color: #cacaca;
    z-index: 0
}

.noflight-applylist .noflight-applymenu li::after {
    content: '';
    position: absolute;
    top: 0;
    right: -40px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15.5px 20px;
    border-color: transparent;
    border-left-color: #cacaca;
    z-index: 0
}

.noflight-applylist .noflight-applymenu li:last-child::after {
    display: none
}

.feedback-list .feedback-list-a input:hover,.noflight-applylist .noflight-applycont-cont li a:hover,.noflight-applylist .noflight-applymenu li.active a,.noflight-applylist .noflight-applymenu li:hover a,.noflight-applypersonal-list .noflight-applypersonal-back a:hover,.noflight-applypersonal-list .noflight-applypersonal-submit input:hover {
    background-color: #1890ff
}

.noflight-applylist .noflight-applymenu li+li.active::before,.noflight-applylist .noflight-applymenu li+li:hover::before {
    border-top-color: #1890ff;
    border-bottom-color: #1890ff
}

.noflight-applylist .noflight-applymenu li.active::after,.noflight-applylist .noflight-applymenu li:hover::after {
    border-left-color: #1890ff
}

.noflight-applylist .noflight-applycont {
    margin-top: 59px;
    margin-bottom: 292px
}

.noflight-applylist .noflight-applycont-h3 {
    font-size: 18px;
    line-height: 28px;
    color: #313131;
    margin-bottom: 3px
}

.noflight-applylist .noflight-sele {
    width: 342px
}

.noflight-applylist .noflight-applycont-btn {
    margin-top: 44px
}

.noflight-applylist .noflight-applycont-btn li {
    width: 100%;
    border: solid 1px #cacaca;
    margin-bottom: 20px
}

.noflight-applylist .noflight-applycont-btn li:last-child {
    margin-bottom: 0
}

.noflight-applylist .noflight-applycont-btn a {
    align-items: center;
    width: 100%;
    padding: 42px 59px 41px 59px
}

.noflight-applylist .noflight-applycont-btn .noflight-applycont-icon {
    width: 73px;
    height: 68px;
    display: block
}

.noflight-applylist .noflight-applycont-btn .noflight-applycont-icon1 {
    background: url(../images/no-ficon1.png) no-repeat center center
}

.noflight-applylist .noflight-applycont-btn .noflight-applycont-icon2 {
    background: url(../images/no-ficon2.png) no-repeat center center
}

.noflight-applylist .noflight-applycont-btn .noflight-applycont-icon3 {
    background: url(../images/no-ficon3.png) no-repeat center center
}

.noflight-applylist .noflight-applycont-font {
    width: 91%;
    padding-left: 68px
}

.noflight-applylist .noflight-applycont-font h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #313131;
    margin-bottom: 5px
}

.noflight-applylist .noflight-applycont-font p {
    font-size: 18px;
    color: #898a8e
}

.noflight-applylist .noflight-applycont-btn li.active,.noflight-applylist .noflight-applycont-btn li:hover {
    background-color: #fff;
    box-shadow: -1px 2px 2px 0 rgba(24,144,255,.23);
    border: solid 1px #1890ff
}

.noflight-applylist .noflight-applycont-cont li a {
    width: 201px;
    height: 40px;
    background-color: #313131;
    border-radius: 5px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    display: block;
    margin: 44px auto 0 auto
}

.noflight-applylist .noflight-applycont-cont li {
    display: none
}

.noflight-applylist .noflight-applycont-cont li:first-child {
    display: block
}

.noflight-applypersonal-list {
    position: relative;
    margin-top: 61px;
    width: 100%;
    margin-bottom: 86px
}

.noflight-applypersonal-list ul {
    width: 55%;
    margin: 0 auto
}

.noflight-applypersonal-list ul li {
    margin-bottom: 30px;
    width: 100%
}

.feedback-list .noflight-applypersonal-label,.noflight-applypersonal-list .noflight-applypersonal-label {
    font-size: 18px;
    width: 100%;
    line-height: 28px;
    color: #313131;
    display: inline-block;
    margin-bottom: 7px
}

.feedback-list .noflight-applypersonal-input,.noflight-applypersonal-list .noflight-applypersonal-input,.noflight-applypersonal-list .noflight-applypersonal-input1 {
    width: 525px;
    height: 41px;
    display: inline-block;
    border-radius: 5px;
    border: solid 1px #cacaca;
    font-size: 18px;
    color: #c4c4c4;
    padding: 0 15px
}

.noflight-applypersonal-list .noflight-applypersonal-sex {
    width: 525px;
    position: relative;
    display: inline-block
}

.noflight-applypersonal-list .noflight-applypersonal-sex select {
    width: 100%
}

.noflight-applypersonal-list .noflight-applypersonal-phone {
    width: 144px;
    height: 40px;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px
}

.feedback-list .noflight-applypersonal-area::after,.noflight-applypersonal-list .noflight-applypersonal-industry::after,.noflight-applypersonal-list .noflight-applypersonal-phone::after,.noflight-applypersonal-list .noflight-applypersonal-sex::after {
    right: 15px
}

.noflight-applypersonal-list .noflight-applypersonal-input1 {
    width: 370px;
    display: inline-block;
    vertical-align: middle
}

.noflight-applypersonal-list .noflight-applypersonal-industry {
    position: relative
}

.feedback-list .noflight-applypersonal-p,.noflight-applypersonal-list .noflight-applypersonal-p {
    font-size: 14px;
    line-height: 23px;
    margin-top: 3px;
    color: #c4c4c4
}

.feedback-list .noflight-applypersonal-fileli,.noflight-applypersonal-list .noflight-applypersonal-fileli {
    position: relative;
    overflow: hidden;
    width: 110px;
    height: 41px;
    line-height: 46px;
    border-radius: 5px;
    border: solid 1px #cacaca;
    cursor: pointer;
    align-items: center;
    margin-top: 14px
}

.noflight-applypersonal-list .noflight-applypersonal-fileli:hover {
    border: solid 1px #1890ff
}

input:focus {
    outline: 0
}

.feedback-list .noflight-applypersonal-file,.noflight-applypersonal-list .noflight-applypersonal-file {
    margin-left: 12px;
    font-size: 18px;
    line-height: 23px;
    color: #c4c4c4
}

.feedback-list .noflight-applypersonal-file input,.noflight-applypersonal-list .noflight-applypersonal-file input {
    display: inline-block;
    position: absolute;
    font-size: 16px;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

.feedback-list .noflight-applypersonal-filei,.noflight-applypersonal-list .noflight-applypersonal-filei {
    width: 22px;
    height: 18px;
    cursor: pointer
}

.feedback-list .noflight-applypersonal-filei i,.noflight-applypersonal-list .noflight-applypersonal-filei i {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/no-fscicon.png) no-repeat center center;
    cursor: pointer
}

.noflight-applypersonal-list .noflight-applypersonal-btn {
    margin-top: 192px
}

.noflight-applypersonal-list .noflight-applypersonal-back a,.noflight-applypersonal-list .noflight-applypersonal-submit input {
    width: 200px;
    height: 40px;
    line-height: 40px;
    background-color: #313131;
    border-radius: 5px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.noflight-applypersonal-list .noflight-applypersonal-back {
    margin-right: 38px
}

header.header-white .content .logo img {
    height: 20px;
    /* margin: 0; */
    border: none;
    max-width: 100%;
    vertical-align: middle;
    display: block;
    margin: 0 auto;
}
header.header-white .content nav.pc {
    display: block;
    flex: 99;
    margin-left: 20px;
    max-width: 780px;
}
@charset "UTF-8";
/*reset css*/
html {
  font-size: calc(100vw/1920);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-size: 14px;
  line-height: 1.2;
  color: #333;
  background-color: #fff;
  padding-top: 160px;
  /* font-style: normal; */
}
/*html,body{font-family:}*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
  margin: 0px;
  padding: 0px;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
  text-decoration: none;
  color:#333;
}
a:active,
a:hover {
  outline: 0;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
img {
  border: 0;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
pre {
  overflow: auto;
}
textarea{width: 100%;max-width: 100%;resize: none;}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  background: none;
  border:none;
}
button {
  overflow: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
button,
select {
  text-transform: none;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
select::-ms-expand { display: none; }
input::-ms-clear{display: none;}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
* {
  margin:0;
  padding:0;
  outline: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  margin:0;
  padding:0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
          /* transition: all 0.5s;
          -webkit-transition: all 0.5s;
          -o-transition: all 0.5s;
          -moz-transition: all 0.5s; */
}
ul{list-style:none;}
h1,h2,h3,h4,h5,h6{
  font-family: inherit;
  font-weight: 400;
  color: inherit;
}
/* a:visited{color: #333;} */
a{color: #333;}
/*p,a{word-break: break-all;}*/
.section{width: 100%;overflow: hidden;}
.pull-right{float: right;}
.dis-table{display: table;width: 100%;height: 100%;}
.dis-cell{display: table-cell;vertical-align: middle;}
.scrollbar{overflow-y: auto;}
.scrollbar::-webkit-scrollbar {
 width: 3px;
 background: url(../images/scroll2.png)repeat-y center;
}
.scrollbar::-webkit-scrollbar-thumb {
 background:url(../images/scroll1.png)repeat-y center;
 border-radius: 10px;
}
.clearfix:before,.clearfix:after{
  content: " ";display: table;
}
.clearfix:after{
  clear: both;
}
em{font-style: normal;}
html,body,div,span,applet,object,iframe,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
img {
  border: none;
  max-width: 100%;
  vertical-align: middle;
  display: block;
  margin: 0 auto;
}

.dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.dot2,.dot3,.dot4,.dot5,.dot6{display:-webkit-box;display: -webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;}
.dot2{-webkit-line-clamp:2;}


.dot3{-webkit-line-clamp:3;}
.dot4{-webkit-line-clamp:4;}

.flexsb{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;}
.flexsa{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-around;}
.flexlf{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: left;}
.flexed{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: flex-end;}
.flexce{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: center;}
.cflexce{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: center;flex-direction: column;flex-wrap: wrap;}
.frombd form{margin:auto !important}
.width100{width:100% !important;}

.footer .footer-pc {
    display: block;
    background: #272727;
    padding: 59px 0 76px 0
}

.footer-logo-wrap .footer-link-logo {
    width: calc(1.8 * var(--fs));
    margin-bottom: 0px;
	margin-right: 10%;
}
.footer .footer-phone {
    display: none;
    background: #323232;
    padding: 35px 15px 50px 15px
}

.footer .foot-top {
    border-bottom: 1px solid #999;
    padding-bottom: 15px
}

.footer .foot-top div+div {
    align-items: center
}

.footer .foot-menu {
    width: 78%
}

.footer .foot-menu dl {
    width: 20%
}

.footer .foot-menu dt {
    margin-bottom: 10px
}

.footer .foot-menu dt a {
    font-size: 16px;
    line-height: 30px;
    color: #fff
}

.footer .foot-menu dd a {
    font-size: 14px;
    line-height: 30px;
    color: #9fa3a6;
    display: inline-block
}

.footer .foot-bot-left .foot-bot-a a:hover,.footer .foot-bot-left p a:hover,.footer .foot-menu dd a:hover {
    color: #fff
}

.footer .foot-dy {
    width: 20.62%;
    float: right
}

.footer .foot-dt {
    margin-top: 20px
}

.footer .foot-form {
    margin-top: 10px
}

.footer .foot-form input {
    width: 215px;
    height: 31px;
    padding: 0 10px;
    font-size: 12px;
    border-top: solid 1px #707070;
    border-left: solid 1px #707070;
    border-bottom: solid 1px #707070;
    border-radius: 3px;
    border-right: none;
    display: inline-block;
    vertical-align: middle;
    background: 0 0;
    color: #9fa3a6
}

.footer .foot-form button {
    width: 45px;
    height: 31px;
    display: inline-block;
    vertical-align: middle;
    margin-left: -3px;
    cursor: pointer;
    border: none;
    background: url(../images/in-dyjt.png) #999 no-repeat center center;
    border-radius: 0 3px 3px 0;
    transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s
}

.footer .foot-form button:hover {
    background: url(../images/in-dyjt.png) #eee no-repeat center center
}

.footer .foot-dy .h3,.footer .foot-dy h3 {
    font-size: 16px;
    color: #fff
}

.footer .foot-dy p {
    font-size: 14px;
    line-height: 28px;
    color: #9fa3a6;
    margin-top: 20px
}

.footer .foot-contact,.footer .foot-time {
    padding-top: 92px
}

.footer .foot-time img {
    display: inline-block;
    vertical-align: middle
}

.footer .foot-time p,.footer .foot-time p a {
    font-size: 12px;
    color: #9fa3a6;
    display: inline-block;
    vertical-align: middle
}

.footer .foot-time p {
    padding-left: 20px
}

.footer .foot-time p a {
    padding-right: 20px
}

.footer .foot-bot {
    padding-top: 19px
}

.footer .foot-bot-left {
    align-items: center
}

.footer .foot-bot-left .foot-bot-a a,.footer .foot-bot-left p,.footer .foot-bot-left p a {
    font-size: 12px;
    line-height: 21px;
    color: #9fa3a6
}

.footer .foot-bot-left p {
    display: inline-block
}

.footer .foot-bot-a {
    padding-left: 50px
}

.footer .foot-bot-a li {
    padding-right: 46px;
    position: relative
}

.footer .foot-bot-a li:first-child::after {
    content: "";
    width: 1px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 77%;
    transform: translate(-77%,-50%);
    -o-transform: translate(-77%,-50%);
    -webkit-transform: translate(-77%,-50%);
    -ms-transform: translate(-77%,-50%);
    -moz-transform: translate(-77%,-50%);
    border: 1px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    background: #9fa3a6
}

.footer .share-list a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-right: 18px;
    opacity: 1!important
}

.footer .share-list a:last-child {
    margin-right: 0
}

.footer .share-list a i {
    font-size: 30px;
    opacity: 1!important;
    color: #9fa3a6
}

.footer .share-list a i:hover {
    color: #fff
}

.footer .share-list>a>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.footer .share-list .share-ewm {
    position: absolute;
    bottom: 100%;
    left: 50%;
    z-index: 10;
    width: 111px;
    padding-bottom: 5px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 20px;
    visibility: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 0
}

.footer .share-list .share-ewm:after {
    position: absolute;
    bottom: -7px;
    left: 45%;
    -webkit-transform: translateX(-45%);
    -ms-transform: translateX(-45%);
    -o-transform: translateX(-45%);
    transform: translateX(-45%);
    content: "";
    width: 20px;
    height: 13px;
    background: url(../images/ewmjt.png) no-repeat center center
}

.footer .share-list .share-ewm img {
    width: 100%
}

.footer .share-list a:hover .share-ewm {
    margin-bottom: 0;
    visibility: inherit;
    opacity: 1;
    display: none
}

.footer .footer-plogo img {
    margin: 0
}

.footer .footer-subnav {
    display: none
}

.footer .footerphone-menu {
    flex-wrap: wrap;
    margin-top: 25px
}

.footer .footerphone-menu li {
    position: relative;
    width: 100%;
    padding: 5px 0;
    cursor: pointer;
    border-bottom: 1px solid #464646
}

.footer .footerphone-menu li:first-child {
    border-top: 1px solid #464646
}

.footer .footerphone-menu .h3,.footer .footerphone-menu h3 {
    line-height: 40px;
    position: relative
}

.footer .footerphone-menu h3 i {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 80px
}

.footer .footerphone-menu .h3 i::before,.footer .footerphone-menu h3 i::before {
    content: '';
    position: absolute;
    top: 50%;
    height: 2px;
    width: 15px;
    background: #fff;
    margin-top: -1px;
    right: 11px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.footer .footerphone-menu .h3 i::after,.footer .footerphone-menu h3 i::after {
    content: '';
    position: absolute;
    top: 50%;
    height: 15px;
    width: 2px;
    background: #fff;
    margin-top: -7px;
    right: 17px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.footer .footerphone-menu .h3 a,.footer .footerphone-menu h3 a {
    font-size: 16px;
    color: #fff
}

.footer .footer-subnav a {
    font-size: 16px;
    color: #b6b6b6;
    display: block;
    line-height: 25px
}

.footer .footerphone-menu .h3.cur i::before,.footer .footerphone-menu h3.cur i::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.footer .footerphone-menu .h3.cur i::after,.footer .footerphone-menu h3.cur i::after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.footer .foot-bot-right .btn-language {
    display: block
}

.footer .footer-phone .foot-bot-right,.footer .footer-phone .foot-contact {
    padding-top: 15px;
    padding-right: 15px
}

.footer .footer-phone .foot-contact {
    width: 80%
}

.footer .footer-phone .foot-dy {
    width: 100%;
    margin-top: 25px;
    float: initial
}

.footer .footer-phone .foot-form button,.footer .footer-phone .foot-form input {
    height: 45px;
    font-size: 16px
}

.footer .footer-phone .foot-form input {
    width: 84.5%
}

.footer .foot-form button {
    width: 15%
}

.footer .footer-phone .foot-form input::-webkit-input-placeholder {
    font-size: 14px
}

.footer .footer-phone .foot-form input::-webkit-input-placeholder {
    font-size: 14px
}

.footer .footer-phone .foot-form input::-moz-placeholder {
    font-size: 14px
}

.footer .footer-phone .foot-form input:-moz-placeholder {
    font-size: 14px
}

.footer .footer-phone .foot-form input:-ms-input-placeholder {
    font-size: 14px
}

.footer .footer-phone .foot-bot-left {
    margin-top: 25px;
    padding: 0 20px
}

.footer .footer-phone .foot-bot-left .foot-bot-a a,.footer .footer-phone .foot-bot-left p,.footer .footer-phone .foot-bot-left p a {
    text-align: center;
    font-size: 16px
}

.footer .footer-phone .foot-bot-left .foot-bot-a {
    padding-top: 10px
}

.footer .footer-phone .foot-dy p {
    font-size: 15px
}

.footer .foot-bot-right .btn-language {
    position: relative
}

.footer .footer-phone .btn-language .languagetit span {
    position: relative;
    font-size: 15px
}

.footer .footer-phone .btn-language a.tit {
    padding-right: 6px;
    background: url(../images/in-yyicon.png) no-repeat right 50%
}

.footer .footer-phone .btn-language {
    width: 120px
}

.footer .footer-phone .share-list a {
    margin-right: 10px
}

.footer .footer-phone .share-list a i {
    font-size: 30px
}

.footer .footer-phone .share-list .share-ewm {
    width: 95px
}

.footer .footer-phone .foot-share {
    text-align: center;
    text-align: right
}

.footer .footer-phone .foot-share a {
    font-size: 30px;
    color: #868686;
    opacity: 1!important;
    margin: 0!important;
    width: auto;
    height: auto!important;
    display: block;
    margin-right: 12px!important;
    opacity: 1;
    padding-left: 0!important
}

.site-footer {
  background-color: black;
  color: white;
  padding: calc(1 * var(--fs)) 0 calc(1 * var(--fs));
}

.site-footer a {
  display: inline-block;
  color: #fff;
  color: inherit;
}

.site-footer a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .site-footer {
    padding: calc(0.4 * var(--fs)) calc(0 * var(--fs));
  }
}

.footer-category {
  display: flex;
  margin-bottom: 40px;
}

.footer-category > li {
  flex: 0 0 17%;
}

.footer-category > li h4 {
  font-size: calc(0.16 * var(--fs));
  margin-bottom: calc(0.4 * var(--fs));
}
.footer-category > li span {
  font-size: calc(0.13 * var(--fs));
 
}

.footer-category .category-items {
  display: flex;
  flex-direction: column;
}

.footer-category .category-items > li {
  font-size: calc(0.16 * var(--fs));
  margin-bottom: calc(0.20 * var(--fs));
  color: #BEBEBE;
}

.footer-category .category-items > li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .footer-category {
    flex-direction: column;
    margin-bottom: calc(0.8 * var(--fs));
  }
.footer-term {
	visibility: hidden;
	display:none;
   }
  
  .footer-category > li {
    margin-right: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #676767;
    padding-bottom: calc(0.24 * var(--fs));
    padding-top: calc(0.24 * var(--fs));
  }
  .footer-category > li:last-child {
    border-bottom: none;
  }
  .footer-category > li h4 {
    font-size: calc(0.28 * var(--fs));
    width: 50%;
    padding-right: 20px;
    margin-bottom: 0;
  }
  .footer-category .category-items {
    flex: 1;
    padding-left: 0;
  }
  .footer-category .category-items > li {
    font-size: calc(0.14 * 2 * var(--fs));
    margin-bottom: calc(0.17 * 2 * var(--fs));
  }
  .footer-category .category-items > li strong {
    font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
  }
}

.footer-logo-wrap .footer-link-logo > img {
   width: 270px;
   margin-right: 60px;
   margin-bottom: 0px;
   border: none;
   display: block;
}

.footer-logo-wrap .footer-link-contact {
  font-size: calc(0.24 * var(--fs));
  float: right;
}

.footer-logo-wrap {
  font-size: 15px;
}


@media screen and (max-width: 768px) {
  .footer-logo-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .footer-logo-wrap .footer-link-logo > img {
    height: calc(0.5 * var(--fs));
    width: auto;
  }
  .footer-logo-wrap .footer-link-contact {
    font-size: calc(0.24 * var(--fs));
    color: #F00;
  }
}

.line-h {
  width: 100%;
  height: 1px;
  background-color: #676767;
  margin: calc(0.1 * var(--fs)) 0;
}

@media screen and (max-width: 768px) {
  .line-h {
    margin: calc(0.1 * var(--fs)) 0;
  }
}

.footer-copyright {
  color: #CECECE;
  font-size: calc(0.12 * var(--fs));
}

.footer-copyright > p {
  width: 40%;
  display: inline-block;
}

.footer-copyright .copy-right {
  margin-right: calc(0.8 * var(--fs));
  display: inline-block;
}

.footer-copyright .cp-desc {
  float: right;
  display: inline-block;
  width: 60%;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .footer-copyright {
    font-size: calc(0.16 * var(--fs));
  }
  .footer-copyright p {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .footer-copyright .copy-right {
    margin-right: 0;
    flex: 1;
  }
  .footer-copyright .cp-desc {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: calc(0.2 * var(--fs));
  }
}
/* _common.scss */
.l-pagew {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.l-contentw {
  max-width: 88.54167%;
  margin: 0 auto;
}

@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .l-contentw {
    max-width: 67%;
  }
}

@media screen and (min-width: 1281px) and (max-width: 1440px) {
  .l-contentw {
    max-width: 93.75%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1280px) {
  .l-contentw {
    width: 84.89583%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 768px) {
  .l-contentw {
    padding: 0 calc(0.20 * var(--fs));
    max-width: 100%;
  }
}

@media screen and (min-width: 1921px) {
  .l-contentw {
    max-width: 1700px;
  }
}
.footer .footer-pc {
    display: block;
    background: #272727;
    padding: 59px 0 76px 0
}

.footer-logo-wrap .footer-link-logo {
    width: calc(1.8 * var(--fs));
    margin-bottom: 0px;
	margin-right: 10%;
}
.footer .footer-phone {
    display: none;
    background: #323232;
    padding: 35px 15px 50px 15px
}

.footer .foot-top {
    border-bottom: 1px solid #999;
    padding-bottom: 15px
}

.footer .foot-top div+div {
    align-items: center
}

.footer .foot-menu {
    width: 78%
}

.footer .foot-menu dl {
    width: 20%
}

.footer .foot-menu dt {
    margin-bottom: 10px
}

.footer .foot-menu dt a {
    font-size: 16px;
    line-height: 30px;
    color: #fff
}

.footer .foot-menu dd a {
    font-size: 14px;
    line-height: 30px;
    color: #9fa3a6;
    display: inline-block
}

.footer .foot-bot-left .foot-bot-a a:hover,.footer .foot-bot-left p a:hover,.footer .foot-menu dd a:hover {
    color: #fff
}

.footer .foot-dy {
    width: 20.62%;
    float: right
}

.footer .foot-dt {
    margin-top: 20px
}

.footer .foot-form {
    margin-top: 10px
}

.footer .foot-form input {
    width: 215px;
    height: 31px;
    padding: 0 10px;
    font-size: 12px;
    border-top: solid 1px #707070;
    border-left: solid 1px #707070;
    border-bottom: solid 1px #707070;
    border-radius: 3px;
    border-right: none;
    display: inline-block;
    vertical-align: middle;
    background: 0 0;
    color: #9fa3a6
}

.footer .foot-form button {
    width: 45px;
    height: 31px;
    display: inline-block;
    vertical-align: middle;
    margin-left: -3px;
    cursor: pointer;
    border: none;
    background: url(../images/in-dyjt.png) #999 no-repeat center center;
    border-radius: 0 3px 3px 0;
    transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s
}

.footer .foot-form button:hover {
    background: url(../images/in-dyjt.png) #eee no-repeat center center
}

.footer .foot-dy .h3,.footer .foot-dy h3 {
    font-size: 16px;
    color: #fff
}

.footer .foot-dy p {
    font-size: 14px;
    line-height: 28px;
    color: #9fa3a6;
    margin-top: 20px
}

.footer .foot-contact,.footer .foot-time {
    padding-top: 92px
}

.footer .foot-time img {
    display: inline-block;
    vertical-align: middle
}

.footer .foot-time p,.footer .foot-time p a {
    font-size: 12px;
    color: #9fa3a6;
    display: inline-block;
    vertical-align: middle
}

.footer .foot-time p {
    padding-left: 20px
}

.footer .foot-time p a {
    padding-right: 20px
}

.footer .foot-bot {
    padding-top: 19px
}

.footer .foot-bot-left {
    align-items: center
}

.footer .foot-bot-left .foot-bot-a a,.footer .foot-bot-left p,.footer .foot-bot-left p a {
    font-size: 12px;
    line-height: 21px;
    color: #9fa3a6
}

.footer .foot-bot-left p {
    display: inline-block
}

.footer .foot-bot-a {
    padding-left: 50px
}

.footer .foot-bot-a li {
    padding-right: 46px;
    position: relative
}

.footer .foot-bot-a li:first-child::after {
    content: "";
    width: 1px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 77%;
    transform: translate(-77%,-50%);
    -o-transform: translate(-77%,-50%);
    -webkit-transform: translate(-77%,-50%);
    -ms-transform: translate(-77%,-50%);
    -moz-transform: translate(-77%,-50%);
    border: 1px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    background: #9fa3a6
}

.footer .share-list a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-right: 18px;
    opacity: 1!important
}

.footer .share-list a:last-child {
    margin-right: 0
}

.footer .share-list a i {
    font-size: 30px;
    opacity: 1!important;
    color: #9fa3a6
}

.footer .share-list a i:hover {
    color: #fff
}

.footer .share-list>a>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.footer .share-list .share-ewm {
    position: absolute;
    bottom: 100%;
    left: 50%;
    z-index: 10;
    width: 111px;
    padding-bottom: 5px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 20px;
    visibility: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 0
}

.footer .share-list .share-ewm:after {
    position: absolute;
    bottom: -7px;
    left: 45%;
    -webkit-transform: translateX(-45%);
    -ms-transform: translateX(-45%);
    -o-transform: translateX(-45%);
    transform: translateX(-45%);
    content: "";
    width: 20px;
    height: 13px;
    background: url(../images/ewmjt.png) no-repeat center center
}

.footer .share-list .share-ewm img {
    width: 100%
}

.footer .share-list a:hover .share-ewm {
    margin-bottom: 0;
    visibility: inherit;
    opacity: 1;
    display: none
}

.footer .footer-plogo img {
    margin: 0
}

.footer .footer-subnav {
    display: none
}

.footer .footerphone-menu {
    flex-wrap: wrap;
    margin-top: 25px
}

.footer .footerphone-menu li {
    position: relative;
    width: 100%;
    padding: 5px 0;
    cursor: pointer;
    border-bottom: 1px solid #464646
}

.footer .footerphone-menu li:first-child {
    border-top: 1px solid #464646
}

.footer .footerphone-menu .h3,.footer .footerphone-menu h3 {
    line-height: 40px;
    position: relative
}

.footer .footerphone-menu h3 i {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 80px
}

.footer .footerphone-menu .h3 i::before,.footer .footerphone-menu h3 i::before {
    content: '';
    position: absolute;
    top: 50%;
    height: 2px;
    width: 15px;
    background: #fff;
    margin-top: -1px;
    right: 11px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.footer .footerphone-menu .h3 i::after,.footer .footerphone-menu h3 i::after {
    content: '';
    position: absolute;
    top: 50%;
    height: 15px;
    width: 2px;
    background: #fff;
    margin-top: -7px;
    right: 17px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.footer .footerphone-menu .h3 a,.footer .footerphone-menu h3 a {
    font-size: 16px;
    color: #fff
}

.footer .footer-subnav a {
    font-size: 16px;
    color: #b6b6b6;
    display: block;
    line-height: 25px
}

.footer .footerphone-menu .h3.cur i::before,.footer .footerphone-menu h3.cur i::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.footer .footerphone-menu .h3.cur i::after,.footer .footerphone-menu h3.cur i::after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.footer .foot-bot-right .btn-language {
    display: block
}

.footer .footer-phone .foot-bot-right,.footer .footer-phone .foot-contact {
    padding-top: 15px;
    padding-right: 15px
}

.footer .footer-phone .foot-contact {
    width: 80%
}

.footer .footer-phone .foot-dy {
    width: 100%;
    margin-top: 25px;
    float: initial
}

.footer .footer-phone .foot-form button,.footer .footer-phone .foot-form input {
    height: 45px;
    font-size: 16px
}

.footer .footer-phone .foot-form input {
    width: 84.5%
}

.footer .foot-form button {
    width: 15%
}

.footer .footer-phone .foot-form input::-webkit-input-placeholder {
    font-size: 14px
}

.footer .footer-phone .foot-form input::-webkit-input-placeholder {
    font-size: 14px
}

.footer .footer-phone .foot-form input::-moz-placeholder {
    font-size: 14px
}

.footer .footer-phone .foot-form input:-moz-placeholder {
    font-size: 14px
}

.footer .footer-phone .foot-form input:-ms-input-placeholder {
    font-size: 14px
}

.footer .footer-phone .foot-bot-left {
    margin-top: 25px;
    padding: 0 20px
}

.footer .footer-phone .foot-bot-left .foot-bot-a a,.footer .footer-phone .foot-bot-left p,.footer .footer-phone .foot-bot-left p a {
    text-align: center;
    font-size: 16px
}

.footer .footer-phone .foot-bot-left .foot-bot-a {
    padding-top: 10px
}

.footer .footer-phone .foot-dy p {
    font-size: 15px
}

.footer .foot-bot-right .btn-language {
    position: relative
}

.footer .footer-phone .btn-language .languagetit span {
    position: relative;
    font-size: 15px
}

.footer .footer-phone .btn-language a.tit {
    padding-right: 6px;
    background: url(../images/in-yyicon.png) no-repeat right 50%
}

.footer .footer-phone .btn-language {
    width: 120px
}

.footer .footer-phone .share-list a {
    margin-right: 10px
}

.footer .footer-phone .share-list a i {
    font-size: 30px
}

.footer .footer-phone .share-list .share-ewm {
    width: 95px
}

.footer .footer-phone .foot-share {
    text-align: center;
    text-align: right
}

.footer .footer-phone .foot-share a {
    font-size: 30px;
    color: #868686;
    opacity: 1!important;
    margin: 0!important;
    width: auto;
    height: auto!important;
    display: block;
    margin-right: 12px!important;
    opacity: 1;
    padding-left: 0!important
}

.site-footer {
  background-color: black;
  color: white;
  padding: calc(1 * var(--fs)) 0 calc(1 * var(--fs));
}

.site-footer a {
  display: inline-block;
  color: #fff;
  color: inherit;
}

.site-footer a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .site-footer {
    padding: calc(0.4 * var(--fs)) calc(0 * var(--fs));
  }
}

.footer-category {
  display: flex;
  margin-bottom: 40px;
}

.footer-category > li {
  flex: 0 0 17%;
}

.footer-category > li h4 {
  font-size: calc(0.16 * var(--fs));
  margin-bottom: calc(0.4 * var(--fs));
}
.footer-category > li span {
  font-size: calc(0.13 * var(--fs));
 
}

.footer-category .category-items {
  display: flex;
  flex-direction: column;
}

.footer-category .category-items > li {
  font-size: calc(0.16 * var(--fs));
  margin-bottom: calc(0.20 * var(--fs));
  color: #BEBEBE;
}

.footer-category .category-items > li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .footer-category {
    flex-direction: column;
    margin-bottom: calc(0.8 * var(--fs));
  }
.footer-term {
	visibility: hidden;
	display:none;
   }
  
  .footer-category > li {
    margin-right: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #676767;
    padding-bottom: calc(0.24 * var(--fs));
    padding-top: calc(0.24 * var(--fs));
  }
  .footer-category > li:last-child {
    border-bottom: none;
  }
  .footer-category > li h4 {
    font-size: calc(0.28 * var(--fs));
    width: 50%;
    padding-right: 20px;
    margin-bottom: 0;
  }
  .footer-category .category-items {
    flex: 1;
    padding-left: 0;
  }
  .footer-category .category-items > li {
    font-size: calc(0.14 * 2 * var(--fs));
    margin-bottom: calc(0.17 * 2 * var(--fs));
  }
  .footer-category .category-items > li strong {
    font-family: "Inter-Light", "Arial", "Helvetica", sans-serif;
  }
}

.footer-logo-wrap .footer-link-logo > img {
   width: 270px;
   margin-right: 60px;
   margin-bottom: 0px;
   border: none;
   display: block;
}

.footer-logo-wrap .footer-link-contact {
  font-size: calc(0.24 * var(--fs));
  float: right;
}

.footer-logo-wrap {
  font-size: 15px;
}


@media screen and (max-width: 768px) {
  .footer-logo-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .footer-logo-wrap .footer-link-logo > img {
    height: calc(0.5 * var(--fs));
    width: auto;
  }
  .footer-logo-wrap .footer-link-contact {
    font-size: calc(0.24 * var(--fs));
    color: #F00;
  }
}

.line-h {
  width: 100%;
  height: 1px;
  background-color: #676767;
  margin: calc(0.1 * var(--fs)) 0;
}

@media screen and (max-width: 768px) {
  .line-h {
    margin: calc(0.1 * var(--fs)) 0;
  }
}

.footer-copyright {
  color: #CECECE;
  font-size: calc(0.12 * var(--fs));
}

.footer-copyright > p {
  width: 40%;
  display: inline-block;
}

.footer-copyright .copy-right {
  margin-right: calc(0.8 * var(--fs));
  display: inline-block;
}

.footer-copyright .cp-desc {
  float: right;
  display: inline-block;
  width: 60%;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .footer-copyright {
    font-size: calc(0.16 * var(--fs));
  }
  .footer-copyright p {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .footer-copyright .copy-right {
    margin-right: 0;
    flex: 1;
  }
  .footer-copyright .cp-desc {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: calc(0.2 * var(--fs));
  }
}
/* _common.scss */
.l-pagew {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.l-contentw {
  max-width: 88.54167%;
  margin: 0 auto;
}

@media screen and (min-width: 1441px) and (max-width: 1920px) {
  .l-contentw {
    max-width: 67%;
  }
}

@media screen and (min-width: 1281px) and (max-width: 1440px) {
  .l-contentw {
    max-width: 93.75%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1280px) {
  .l-contentw {
    width: 84.89583%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 768px) {
  .l-contentw {
    padding: 0 calc(0.20 * var(--fs));
    max-width: 100%;
  }
}

@media screen and (min-width: 1921px) {
  .l-contentw {
    max-width: 1700px;
  }
}
body {
    overflow-x: hidden
}



.w1040 {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto
}

@media (min-width: 1260px) {
    header {
        height:80px
    }

    header.headerbgm .headfixed {
        background: #000;
        box-shadow: 0 1px 4px 1px transparent
    }

    header.headerbgm .headfixed .menu-list h3 a,header.headerbgm .headfixed .menu-list li.cur h3 a,header.headerbgm .headfixed .menu-list li:hover h3 a,header.headerbgm .headfixed .mobile-nav-box>ul>li>a {
        color: #fff
    }

    .headerbgm .menu-list>ul>li>.h3 a,header.headerbgm .headfixed .menu-list li h3 a {
        padding: 30px 0
    }

    header.headerbgm .headfixed .menu-list li.cur h3 a,header.headerbgm .headfixed .menu-list li:hover h3 a {
        color: #fff
    }

    header.headerbgm .menu-list h3 a::after {
        background: #e60012
    }
}

header {
    position: relative
}

.btn-phone,.full-main-nav {
    display: none
}

.headfixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: #000;
    transition: all .5s
}

.headfixed>div {
    align-items: center
}

.headfixed .logo {
    max-width: 26px;
    max-height: 26px;
    overflow: hidden
}

.headfixed .menu-list {
    width: 90.5%;
    align-items: center
}

.headfixed .menu-list>ul {
    width: 90%
}

.headfixed .menu-list>ul>li {
    vertical-align: top
}

.headfixed .menu-list>ul>li:hover .nav-two {
    display: block!important
}

.headfixed .mobile-nav-box>ul>li>a {
    font-size: 14px;
    text-align: center;
    letter-spacing: 2px;
    color: #282828
}

.headfixed .mobile-nav-box ul {
    padding: 0 10px
}

.headfixed .mobile-nav-box ul li {
    width: 100%;
    padding: 8px 0;
    border-bottom: 1px solid #d6d6d6
}

.headfixed .mobile-nav-box>ul li a {
    color: #716b61;
    line-height: 30px;
    text-align: left
}

.headfixed1 .mobile-nav-box ul li a {
    color: #282828
}

.headfixed .btn-list {
    width: 35%;
    text-align: center
}

.headfixed .btn-list .btn-right {
    width: 100%;
    align-items: center
}

.headfixed .btn-menu {
    margin: 0 auto;
    display: none
}

.headfixed .btn-menu .mobile-nav {
    color: #fff;
    font-size: 13px
}



.w1040 {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto
}

@media (min-width: 1260px) {
    header {
        height:80px
    }

    header.headerbgm .headfixed {
        background: #000;
        box-shadow: 0 1px 4px 1px transparent
    }

    header.headerbgm .headfixed .menu-list h3 a,header.headerbgm .headfixed .menu-list li.cur h3 a,header.headerbgm .headfixed .menu-list li:hover h3 a,header.headerbgm .headfixed .mobile-nav-box>ul>li>a {
        color: #fff
    }

    header.headerbgm .headfixed .menu-list li h3 a {
        padding: 30px 0
    }

    header.headerbgm .headfixed .menu-list li.cur h3 a,header.headerbgm .headfixed .menu-list li:hover h3 a {
        color: #fff
    }

    header.headerbgm .menu-list h3 a::after {
        background: #e60012
    }
}

header {
    position: relative
}

.headfixed .logo {
    max-width: 76px;
    max-height: 25px;
    overflow: hidden
}

.headfixed .btn-menu .mobile-nav {
    color: #fff;
    font-size: 13px;
    display: block;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px
}

input::-webkit-input-placeholder {
    font-size: 12px
}

.headfixed .toggle-btn {
    width: 100%;
    height: 30px;
    position: relative;
    display: block
}

.headfixed .toggle-btn span {
    width: 26px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.headfixed1 .toggle-btn span {
    background: #fff
}

.headfixed .toggle-btn span:first-child {
    top: 12px
}

.headfixed .toggle-btn span:nth-child(2) {
    top: 68%
}

.headfixed .toggle-btn span:last-child {
    bottom: 0
}

.headfixed .toggle-btn.cur span:first-child {
    -webkit-transform: translate(-50%,7px) rotate(45deg);
    -ms-transform: translate(-50%,7px) rotate(45deg);
    -o-transform: translate(-50%,7px) rotate(45deg);
    transform: translate(-50%,7px) rotate(45deg)
}

.headfixed .toggle-btn.cur span:nth-child(2) {
    opacity: 0
}

.headfixed .toggle-btn.cur span:last-child {
    -webkit-transform: translate(-50%,-3px) rotate(-45deg);
    -ms-transform: translate(-50%,-3px) rotate(-45deg);
    -o-transform: translate(-50%,-3px) rotate(-45deg);
    transform: translate(-50%,-3px) rotate(-45deg);
    bottom: 6px
}

.mobile-nav-box {
    position: fixed;
    top: 70px;
    z-index: 99;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    padding: 0 0 60px 0;
    border-top: 1px solid #ddd;
    display: none
}

.headfixed .mobile-nav-box>ul>li>.h3,.headfixed .mobile-nav-box>ul>li>h3 {
    position: relative;
    padding: 0 30px
}

.headfixed .mobile-nav-box .head-subnav {
    width: 100%;
    display: none;
    padding: 8px 40px;
    background: #fff
}

.headfixed .mobile-nav-box .head-subnav .link-tit {
    text-align: left;
    position: relative
}

.headfixed .mobile-nav-box .head-subnav .link-tit a {
    width: 100%;
    line-height: 45px;
    text-align: left;
    font-size: 15px;
    color: #666;
    display: block;
    font-weight: 550
}

.headfixed .mobile-nav-box>ul>li>.h3>a,.headfixed .mobile-nav-box>ul>li>h3>a {
    font-size: 16px;
    display: block;
    text-align: center;
    letter-spacing: 2px;
    padding: 5px 0;
    color: #000;
    text-align: left;
    font-weight: 550
}

.headfixed .mobile-nav-box .head-suba {
    display: none
}

.headfixed .mobile-nav-box .head-suba>a,.headfixed .mobile-nav-box .head-subnav>a {
    font-size: 14px;
    display: block;
    text-align: center;
    letter-spacing: 2px;
    color: #666;
    text-align: left;
    padding: 0 5px;
    font-weight: 550
}

.headfixed .mobile-nav-box .link-tit>i,.headfixed .mobile-nav-box>ul>li>.h3>i,.headfixed .mobile-nav-box>ul>li>h3>i,.headfixed1 .mobile-nav-box .link-tit>i,.headfixed1 .mobile-nav-box>ul>li>h3>i {
    position: absolute;
    top: 0;
    right: 30px;
    height: 100%;
    width: 80px
}

.headfixed .mobile-nav-box .link-tit>i,.headfixed1 .mobile-nav-box .link-tit>i {
    right: -10px
}

.headfixed .mobile-nav-box .link-tit>i::after,.headfixed .mobile-nav-box .link-tit>i::before,.headfixed .mobile-nav-box>ul>li>.h3>i::after,.headfixed .mobile-nav-box>ul>li>.h3>i::before,.headfixed .mobile-nav-box>ul>li>h3>i::after,.headfixed .mobile-nav-box>ul>li>h3>i::before,.headfixed1 .mobile-nav-box .link-tit>i::after,.headfixed1 .mobile-nav-box .link-tit>i::before,.headfixed1 .mobile-nav-box>ul>li>h3>i::after,.headfixed1 .mobile-nav-box>ul>li>h3>i::before {
    content: '';
    background: #272727;
    position: absolute;
    top: 50%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.headfixed .mobile-nav-box .link-tit>i::before,.headfixed .mobile-nav-box>ul>li>.h3>i::before,.headfixed .mobile-nav-box>ul>li>h3>i::before,.headfixed1 .mobile-nav-box .link-tit>i::before,.headfixed1 .mobile-nav-box>ul>li>h3>i::before {
    width: 14px;
    height: 2px;
    right: 0;
    margin-top: -1px
}

.headfixed .mobile-nav-box .link-tit>i::after,.headfixed .mobile-nav-box>ul>li>.h3>i::after,.headfixed .mobile-nav-box>ul>li>h3>i::after,.headfixed1 .mobile-nav-box .link-tit>i::after,.headfixed1 .mobile-nav-box>ul>li>h3>i::after {
    width: 2px;
    height: 14px;
    margin-top: -7px;
    right: 6px
}

.headfixed .mobile-nav-box .link-tit>i::after,.headfixed1 .mobile-nav-box .link-tit>i::after {
    right: -14px
}

.headfixed .mobile-nav-box .head-suba>a:hover,.headfixed .mobile-nav-box .head-subnav>a:hover {
    color: #e60012
}

.headfixed .mobile-nav-box .link-tit.cur>i::before,.headfixed .mobile-nav-box>ul>li>.h3.cur>i::before,.headfixed .mobile-nav-box>ul>li>h3.cur>i::before,.headfixed1 .mobile-nav-box .link-tit.cur>i::before,.headfixed1 .mobile-nav-box>ul>li>h3.cur>i::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.headfixed .mobile-nav-box .link-tit.cur>i::after,.headfixed .mobile-nav-box>ul>li>.h3.cur>i::after,.headfixed .mobile-nav-box>ul>li>h3.cur>i::after,.headfixed1 .mobile-nav-box .link-tit.cur>i::after,.headfixed1 .mobile-nav-box>ul>li>h3.cur>i::after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.btn-a {
    position: relative;
    transition: color .5s,background .5s;
    z-index: 1;
    margin-top: 8px
}

.btn-a .shopping img,.btn-a .shopping span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #9fa3a6
}

.btn-a .shopping a {
    width: 100%;
    display: block;
    height: 35px;
    line-height: 35px
}

.btn-a .shopping {
    position: absolute;
    top: 100%;
    left: 1%;
    background: #222;
    width: 104px;
    height: 0;
    border-radius: 6px;
    overflow: hidden;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.btn-a:hover .cur {
    height: 79px
}

.btn-a .shopping a:hover span {
    color: #fff
}

.btn-language {
    width: 105px;
    height: 37px;
    position: relative;
    z-index: 1;
    margin-left: 5px;
    transition: color .5s,background .5s
}

.btn-language a {
    color: #666;
    display: block;
    font-size: 14px;
    transition: color .5s
}

.foot-bot-right .btn-language {
    margin-left: 0
}

.btn-language a.tit {
    height: 100%;
    width: 100%;
    transition: color .5s,background .5s
}

.btn-language img,.btn-language span {
    display: inline-block;
    vertical-align: middle;
    padding-top: 8px
}

.btn-language a.tit img {
    padding-left: 11px
}

.btn-language span {
    margin-left: 12px;
    color: #9fa3a6
}

.btn-language .con {
    position: absolute;
    top: 100%;
    left: 1%;
    background: #222;
    width: 100%;
    height: 0;
    border-radius: 6px;
    overflow: hidden;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.foot-bot-right .con {
    background: #222
}

.btn-language:hover .con {
    height: 50px
}

.btn-language .con:hover span {
    color: #fff
}

.btn-language .con a {
    width: 100%;
    font-size: 14px;
    height: 35px;
    text-align: center;
    line-height: 35px
}

.btn-language:hover a.tit {
    color: #1f58b2;
    background: url(../image/in-hyyjt.png) no-repeat right 60%
}

.btn-language a:hover {
    color: #1f58b2
}

.btn-search {
    max-width: 250px;
    height: 35px;
    position: relative;
    -webkit-perspective: 500px;
    perspective: 500px;
    display: block
}

.btn-search:hover .btn-input {
    background-color: #1b1b1b;
    width: 200px
}

.btn-search .btn-input {
    width: 0;
    height: 35px;
    border-radius: 17px;
    outline: 0;
    border: solid 1px #000;
    color: #fff;
    padding: 0 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .5s;
    padding-right: 35px
}

.btn-search .btn-ssicon {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 11px;
    top: 6px;
    cursor: pointer;
    background: url(../images/in-ssicon.png) no-repeat center center;
    font-size: 0
}

.search-wrapper {
    position: absolute;
    top: 0;
    right: 10px
}

.search-wrapper.active {
    top: 0
}

.search-wrapper .input-holder {
    overflow: hidden;
    height: 35px;
    background: rgba(255,255,255,0);
    border-radius: 6px;
    position: relative;
    width: 35px
}

.search-wrapper.active .input-holder {
    border-radius: 50px;
    width: 250px
}

.search-wrapper .input-holder .search-input {
    width: 190px;
    height: 35px;
    background-color: #1b1b1b;
    border-radius: 17px;
    outline: 0;
    border: solid 1px #000;
    color: #fff;
    padding: 0 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.search-wrapper.active .input-holder .search-input {
    opacity: 1
}

.search-wrapper .input-holder .search-icon {
    width: 35px;
    height: 35px;
    border: none;
    border-radius: 6px;
    background: #000;
    padding: 0;
    outline: 0;
    position: relative;
    z-index: 2;
    float: right;
    cursor: pointer;
    margin-top: -35px
}

.search-wrapper .input-holder .search-icon:hover .search-input {
    opacity: 1
}

.search-wrapper.active .input-holder .search-icon {
    width: 35px;
    height: 35px;
    margin-top: 0
}

.search-wrapper .input-holder .search-icon span {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background: url(../images/in-ssicon.png) no-repeat center center
}

.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top: 4px;
    right: 14px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

.search-wrapper.active .close {
    top: 8px;
    right: -14px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-delay: .5s
}

.search-wrapper .close::after,.search-wrapper .close::before {
    position: absolute;
    content: '';
    background: #fff;
    border-radius: 2px
}

.search-wrapper .close::before {
    width: 2px;
    height: 20px;
    left: 10px;
    top: 1px
}

.search-wrapper .close::after {
    width: 20px;
    height: 2px;
    left: 1px;
    top: 10px
}

.btn-isearch {
    display: none
}

.btn-isearch .header-button {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    outline: 0;
    width: 37px;
    height: 37px;
    background: url(../images/in-ssicon.png) #000 no-repeat center center;
    cursor: pointer
}

#search-form {
    -moz-transition: max-height,.5s;
    -o-transition: max-height,.5s;
    -webkit-transition: max-height,.5s;
    transition: max-height,.5s;
    position: absolute;
    top: 98%;
    right: 160px;
    width: 18%;
    max-height: 0;
    overflow: hidden;
    background: #fff
}

#search-form fieldset {
    position: relative;
    margin: 0 60px 0 0;
    padding: 0;
    border: none;
    z-index: 9;
    width: 85%
}

#search-form input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 50px
}

#search-form input[type=search] {
    width: 100%;
    padding: 0 5px 0 22px;
    background: #121212;
    border: none;
    color: #fff;
    z-index: 9
}

#search-form input[type=submit] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15%;
    margin: 0;
    padding: 0;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background: url(../images/in-ssicon.png) no-repeat center #000;
    border: none;
    cursor: pointer;
    z-index: 11
}

#search-form.open {
    max-height: 50px;
    border: 1px solid #121212
}

.btn-a {
    display: inline-block;
    width: 21px;
    height: 30px;
    margin-left: 13px
}

.btn-a .btn-a1,.btn-a:hover .btn-a2 {
    display: block
}

.btn-a .btn-a2,.btn-a:hover .btn-a1 {
    display: none
}

@media (min-width: 1200px) {
    .phone {
        display:none
    }
}

.menu-list>ul>li.cur .h3 a,.menu-list>ul>li.cur h3 a,.menu-list>ul>li:hover .h3 a,.menu-list>ul>li:hover h3 a {
    color: #fff
}

.menu-list>ul>li.cur h3 a::after,.menu-list>ul>li:hover h3 a::after {
    width: 100%
}

.menu-list>ul>li:hover .head-subnav {
    pointer-events: auto;
    opacity: 1
}

.menu-list>ul>li>h3 a {
    position: relative;
    font-family: SourceHanSansCN-Regular;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-align: center;
    font-size: 14px;
    display: block;
    line-height: 21px;
    color: #fff;
    padding: 18px 0
}

.menu-list>ul>li>.h3 a::after,.menu-list>ul>li>h3 a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 2px;
    width: 0;
    background-color: #e60012;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.menu-list>ul>li .head-subnav {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    width: 100%;
    background: #fff;
    padding: 54px 130px 115px 130px;
    display: none;
    border-top: solid 1px #e2e2e2
}

.menu-list>ul>li .head-subnav dl {
    width: 25%
}

.menu-list>ul>li .head-subnav dt {
    margin-bottom: 4px
}

.menu-list>ul>li .head-subnav dt a {
    font-size: 18px;
    color: #000;
    line-height: 30px;
    font-family: SourceHanSansCN-Regular
}

.menu-list>ul>li .head-subnav dd a {
    font-size: 16px;
    color: #898a8e;
    line-height: 30px;
    font-family: SourceHanSansCN-Regular;
    position: relative;
    display: inline-block;
    padding-left: 8px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.menu-list>ul>li .head-subnav dd a::before {
    width: 2px;
    height: 2px;
    content: "";
    border-radius: 100%;
    background: #898a8e;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.menu-list>ul>li .head-subnav dd a:hover {
    color: #000
}

.menu-list>ul>li .head-subnav dd a:hover::before {
    background: #000
}

.head-subnav .header-ul {
    width: 100%;
    position: relative
}

.head-subnav .header-ul>li {
    width: 100%;
    z-index: 0
}

.head-subnav .header-ul .hedaer-ulH4 {
    width: 10%;
    z-index: 0
}

.head-subnav .header-ul .hedaer-ulH4 .header-ulA {
    min-width: 100%;
    text-align: center;
    display: inline-block;
    background: 0 0;
    font-family: SourceHanSansCN-Regular;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 6px;
    vertical-align: middle;
    color: #4b4b4b
}

.head-subnav .header-ul .header-ulLi {
    width: 90%;
    position: absolute;
    top: 0;
    left: 10%;
    opacity: 0;
    pointer-events: none
}

.head-subnav .header-ul>li.active .header-ulLi {
    opacity: 1;
    pointer-events: auto;
    height: 100%
}

.head-subnav .header-ul>li.active .header-ulLi>li {
    width: 18.5%
}

.head-subnav .header-ul>li.active .hedaer-ulH4 .header-ulA {
    background-color: #f5f5f5
}

.head-subnav .header-ulLiimg {
    width: 100%;
    height: 75px;
    position: relative
}

.head-subnav .header-ulLiimg img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s
}

.head-subnav .header-ulLi>li h4 {
    font-family: SourceHanSansCN-Regular;
    font-size: 18px;
    text-align: center;
    line-height: 25px;
    color: #000;
    margin-top: 6px
}

.head-subnav .header-ulLi>li:hover h4 {
    color: #e60012
}

.menu-list .lang-box {
    top: 100%;
    width: 100%
}

.menu-list .lang-box a {
    padding: 8px 0
}

.head-subnav .header-ful>li {
    width: 20%
}

.head-subnav .header-fimg {
    height: 70px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center
}

.head-subnav .header-fh4 {
    font-size: 18px;
    color: #000;
    text-align: center;
    line-height: 26px;
    margin-top: 10px;
    font-family: SourceHanSansCN-Regular
}

.head-subnav .header-ful>li:hover .header-fh4 {
    color: #e60012
}

.mainer,.mainer .banner {
    position: relative
}

.mainer .banner .banner-img .swiper-imgpc,.mainer .banner .banner-img .swiper-imgphone {
    width: 100%;
    margin: 0 auto;
    display: block
}

.mainer .banner .banner-img .swiper-imgphone {
    display: none
}

.mainer .banner .swiper-button-next,.mainer .banner .swiper-button-prev {
    width: 55px;
    height: 55px;
    bottom: 25px;
    border-radius: 28px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.mainer .banner .swiper-button-next {
    background: url(../images/next.png) rgba(0,0,0,.1) no-repeat center center;
    right: 60px
}

.mainer .banner .swiper-button-prev {
    background: url(../images/prev.png) rgba(0,0,0,.1) no-repeat center center;
    left: 60px
}

.mainer .banner .swiper-button-next:hover {
    background: url(../images/next.png) rgba(0,0,0,.5) no-repeat center center
}

.mainer .banner .swiper-button-prev:hover {
    background: url(../images/prev.png) rgba(0,0,0,.5) no-repeat center center
}

.mainer .banner .swiper-container-horizontal>.swiper-pagination-bullets,.mainer .banner .swiper-pagination-custom,.mainer .banner .swiper-pagination-fraction {
    bottom: 30px
}

.mainer .banner .swiper-pagination-bullet {
    width: 35px;
    height: 4px;
    opacity: 1;
    border-radius: 0;
    background-color: rgba(255,255,255,.5)
}

.mainer .banner .swiper-pagination-bullet-active span {
    opacity: 1
}

@keyframes width1 {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

@keyframes width1 {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

.mainer .banner .banner-img .swiper-pagination span:after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background-color: #fff
}

.mainer .banner .banner-img .swiper-pagination-bullet-active:after {
    -webkit-animation: width1 4s linear;
    animation: width1 4s linear
}

.mainer .swiper-font {
    position: absolute;
    top: 14%;
    left: 50%;
    transform: translate(-50%,-16%);
    -o-transform: translate(-50%,-16%);
    -webkit-transform: translate(-50%,-16%);
    -ms-transform: translate(-50%,-16%);
    -moz-transform: translate(-50%,-16%);
    color: #fff
}

.mainer .swiper-font1 {
    top: 50%;
    left: 20.6%;
    transform: translate(-20.6%,-50%);
    -o-transform: translate(-20.6%,-50%);
    -webkit-transform: translate(-20.6%,-50%);
    -ms-transform: translate(-20.6%,-50%);
    -moz-transform: translate(-20.6%,-50%)
}

.mainer .swiper-font .swiper-font-img {
    margin: 0 auto
}

.mainer .swiper-font .swiper-a {
    text-align: center;
    transform: translateY(-150px);
    opacity: 0;
    transition: .8s ease-in-out .9s;
    margin: 25px auto 0 auto
}

.mainer .swiper-font .swiper-a a,.mainer .swiper-font .swiper-a img {
    display: inline-block;
    vertical-align: middle;
    color: #0071e3;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.mainer .swiper-font .swiper-a a {
    font-family: SourceHanSansCN-Regular;
    font-size: 22px;
    text-align: center;
    color: #0071e3
}

.mainer .swiper-font .swiper-a img {
    display: inline-block;
    vertical-align: middle
}

.mainer .swiper-font .swiper-a a span {
    font-family: SourceHanSansCN-Regular;
    margin-right: 5px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    display: inline-block;
    vertical-align: middle
}

.mainer .swiper-font .swiper2-a a,.mainer .swiper-font .swiper2-a a span {
    font-size: 18px
}

.mainer .swiper-font .swiper-font-h3 {
    font-size: 54px;
    color: #1d1d1f;
    text-align: center;
    font-weight: 700;
    transform: translateY(-150px);
    opacity: 0;
    transition: 1s ease-in-out 1.2s;
    margin: 0 auto
}

.mainer .swiper-font .swiper-font-img {
    transform: translateY(-150px);
    opacity: 0;
    transition: 1s ease-in-out 1.1s;
    margin-bottom: 25px
}

.mainer .swiper-font .swiper-font-h4 {
    font-family: SourceHanSansCN-Regular;
    font-size: 24px;
    line-height: 21px;
    color: #1d1d1f;
    text-align: center;
    margin-top: 18px;
    transform: translateY(-150px);
    opacity: 0;
    transition: .9s ease-in-out 1s;
    margin: 16px auto 0 auto
}

.mainer .swiper-font .swiper2-font-h4 {
    color: #3e3a39
}

.mainer .swiper-font .swiper-font-h5 {
    font-size: 18px;
    color: #3e3a39;
    text-align: center;
    transform: translateY(-150px);
    opacity: 0;
    transition: .9s ease-in-out 1s;
    margin-top: 20px;
    margin: 20px auto 0 auto
}

.mainer .swiper-font .swiper-a object:first-child a {
    margin-right: 35px
}

.mainer .swiper-font .swiper-a object:last-child a {
    margin-right: 0
}

.mainer .swiper-font .swiper-a a:hover span {
    margin-right: 10px
}

.mainer .banner .banner-img .swiper-slide-active .swiper-a,.mainer .banner .banner-img .swiper-slide-active .swiper-font-h3,.mainer .banner .banner-img .swiper-slide-active .swiper-font-h4,.mainer .banner .banner-img .swiper-slide-active .swiper-font-h5,.mainer .banner .banner-img .swiper-slide-active .swiper-font-img {
    transform: translateX(0);
    opacity: 1
}

.index-cont1 {
    margin-top: 10px;
    position: relative
}

.index-cont1 .index-cont1-list {
    width: 49.6%;
    position: relative;
    overflow: hidden
}

.index-cont1 .index-cont1-list:first-child {
    margin-right: 15px
}

.index-cont1 .index-cont1-img {
    position: relative;
    overflow: hidden
}

.index-cont1 .index-cont1-img img {
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.index-cont1 .index-cont1-list:hover .index-cont1-img img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.index-cont1 .index-cont-font {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 13%;
    left: 50%;
    transform: translate(-50%,-13%);
    -o-transform: translate(-50%,-13%);
    -webkit-transform: translate(-50%,-13%);
    -ms-transform: translate(-50%,-13%);
    -moz-transform: translate(-50%,-13%)
}

.index-cont1 .index-cont-font .index-cont-h3 {
    font-family: SourceHanSansSC-Bold;
    font-size: 34px;
    line-height: 38px;
    color: #1d1d1f;
    font-weight: 700
}

.index-cont1 .index-cont-font .index-cont-h4 {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    margin-top: 15px;
    color: #1d1d1f
}

.index-cont1 .index-cont-font .index-cont-a {
    text-align: center;
    margin-top: 10px;
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #06c;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.index-cont1 .index-cont-font .index-cont-a img,.index-cont1 .index-cont-font .index-cont-a span {
    display: inline-block;
    vertical-align: middle
}

.index-cont1 .index-cont-font .index-cont-a span {
    font-size: 18px;
    line-height: 28px;
    color: #06c
}

.index-cont1 .index-cont-font .index-cont-a img {
    padding-left: 5px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.index-cont1 .index-cont-font .index-cont-a:hover img {
    padding-left: 13px
}

.index-cont2 {
    margin-top: 13px;
    position: relative
}

.index-cont2>img {
    width: 100%
}

.index-cont2 .index-cont2-font {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%)
}

.index-cont2 .index-cont2-font .index-cont2-h3 {
    font-family: SourceHanSansCN-Regular;
    font-weight: 700;
    font-size: 48px;
    text-align: center;
    color: #fff
}

.index-cont2 .index-cont2-font .index-cont2-h4 {
    font-size: 24px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    font-family: SourceHanSansCN-Regular
}

.index-cont2 .index-cont2-font .index-cont2-more {
    width: 235px;
    height: 40px;
    display: block;
    vertical-align: middle;
    background-color: rgba(255,255,255,.7);
    border-radius: 20px;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    color: #1d1d1f;
    margin: 35px auto 0 auto;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.index-cont2 .index-cont2-font .index-cont2-more span {
    display: inline-block;
    vertical-align: middle
}

.index-cont2 .index-cont2-font .index-cont2-more img {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.index-cont2 .index-cont2-font .index-cont2-more:hover {
    background-color: #fff
}

.index-cont2 .index-cont2-font .index-cont2-more:hover img {
    padding-left: 13px
}

.index-cont3 {
    position: relative;
    margin-top: 15px;
    margin-bottom: 14px
}

.index-cont3 .index-cont3-left,.index-cont3 .index-cont3-right {
    width: 49.63%;
    position: relative;
    overflow: hidden
}

.index-cont3 .index-cont3-left {
    margin-right: 14px
}

.index-cont3 .index-cont3-left>a>img,.index-cont3 .index-cont3-rightLi>a>img {
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.index-cont3 .index-cont3-left:hover>a>img,.index-cont3 .index-cont3-rightLi:hover>a>img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.index-cont3 .index-cont3-font {
    position: absolute;
    top: 13%;
    left: 50%;
    transform: translate(-50%,-13%);
    -o-transform: translate(-50%,-13%);
    -webkit-transform: translate(-50%,-13%);
    -ms-transform: translate(-50%,-13%);
    -moz-transform: translate(-50%,-13%);
    text-align: center
}

.index-cont3 .index-cont3-h3 {
    font-size: 34px;
    color: #3e3a39;
    margin-bottom: 20px;
    font-weight: 590
}

.index-cont3 .index-cont3-a {
    font-size: 18px;
    line-height: 21px;
    color: #06c;
    text-align: center
}

.index-cont3 .index-cont3-a span {
    display: inline-block;
    vertical-align: top
}

.index-cont3 .index-cont3-a img {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.index-cont3 .index-cont3-a:hover img {
    padding-left: 13px
}

.index-cont3 .index-cont3-right .index-cont3-rightLi {
    position: relative;
    overflow: hidden
}

.index-cont3 .index-cont3-right .index-cont3-rightLi:first-child {
    margin-bottom: 14px
}

.index-cont3 .index-cont3-right .index-cont3-rightLi:first-child .index-cont3-font {
    top: 50%;
    left: 80%;
    transform: translate(-80%,-50%);
    -o-transform: translate(-80%,-50%);
    -webkit-transform: translate(-80%,-50%);
    -ms-transform: translate(-80%,-50%);
    -moz-transform: translate(-80%,-50%)
}

.index-cont3 .index-cont3-right .index-cont3-rightLi:nth-child(2) .index-cont3-font {
    top: 50%;
    left: 15%;
    transform: translate(-15%,-50%);
    -o-transform: translate(-15%,-50%);
    -webkit-transform: translate(-15%,-50%);
    -ms-transform: translate(-15%,-50%);
    -moz-transform: translate(-15%,-50%)
}


.bshare-custom .bshare-facebook,.bshare-custom .bshare-sinaminiblog,.bshare-custom .bshare-twitter,.bshare-custom .bshare-weixin {
    background: 0 0!important
}

.bsBox {
    overflow: hidden!important
}

.bsTop {
    width: 100%!important
}

.bsFrameDiv>div {
    height: 210px!important;
    width: 210px!important
}

.banner-infontlist {
    width: 100%;
    position: absolute;
    top: 45%;
    transform: translateY(-45%);
    -moz-transform: translateY(-45%);
    -o-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    -webkit-transform: translateY(-45%)
}

.banner-infont {
    float: left;
    width: 100%;
    color: #fff
}

.banner-infont h1,.banner-infont h3 {
    font-size: 54px;
    font-weight: 700
}

.banner-infont .banner-infont-p {
    font-size: 24px;
    line-height: 33px;
    color: #fff;
    margin-top: 24px
}

.solution {
    margin: 67px auto 86px auto;
    position: relative
}

.solution .solution-ul {
    width: 100%;
    flex-wrap: wrap
}

.solution .solution-ul li {
    width: 48.5%;
    margin-right: 19px;
    margin-top: 19px;
    overflow: hidden;
    position: relative
}

.solution .solution-ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: rgba(0,0,0,.3);
    z-index: 9
}

.solution .solution-ul li:nth-child(2n) {
    margin-right: 0
}

.solution .solution-img {
    width: 100%;
    overflow: hidden
}

.solution .solution-img img {
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.solution .solution-ul li:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.solution .solution-font {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
    color: #fff;
    z-index: 11
}

.solution .solution-font h3 {
    font-size: 48px;
    font-weight: 700;
    text-align: center
}

.solution .solution-font .solution-font-dec {
    font-size: 18px;
    text-align: center;
    margin-top: 29px;
    padding: 0 20px;
    line-height: 26px
}

.solution .solution-font .solution-a {
    font-size: 18px;
    line-height: 21px;
    color: #0f86ff;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-top: 31px;
    border-bottom: 1px solid transparent;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.solution .solution-font .solution-a img {
    display: inline-block;
    vertical-align: middle;
    padding-left: 4px
}

.solution .solution-font .solution-a:hover {
    border-bottom: 1px solid #0f86ff
}

.solution-xj {
    position: relative;
    margin-top: 101px
}

.solution-list-tit {
    font-size: 36px;
    text-align: center;
    letter-spacing: 1px;
    color: #000
}

.solution-list-dec {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #898a8e;
    margin-top: 9px
}

.solution-xj .solution-xj-list1 {
    position: relative
}

.solution-xj .solution-list1-ul {
    width: 100%;
    flex-wrap: wrap;
    margin-top: 47px
}

.solution-xj .solution-list1-ul li {
    width: 49%;
    margin-right: 10px;
    margin-top: 7px;
    position: relative;
    background: 0 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.solution-xj .solution-list1-ul li:nth-child(2n) {
    margin-right: 0
}

.solution-xj .solution-list1-tit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 59px;
    text-align: center;
    background: rgba(0,0,0,.4);
    overflow: hidden;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.solution-xj .solution-list1-tit h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 59px;
    color: #fff;
    text-align: center
}

.solution-xj .solution-list1-img {
    position: relative;
    display: block;
    width: 100%;
    opacity: 1;
    overflow: hidden
}

.solution-xj .solution-list1-font {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
    z-index: 10
}

.solution-xj .solution-list1-font h3 {
    font-weight: 700;
    text-align: center;
    font-size: 24px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden;
    opacity: 0;
    line-height: 32px
}

.solution-xj .solution-list1-font .solution-list1-fontdec {
    font-size: 18px;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    overflow: hidden;
    opacity: 0;
    margin-top: 19px;
    line-height: 26px
}

.solution-xj .solution-list1-ul li:hover .solution-list1-img {
    opacity: 1
}

.solution-xj .solution-list1-ul li:hover .solution-list1-font h3 {
    color: #fff;
    top: 44.5%;
    opacity: 1
}

.solution-xj .solution-list1-ul li:hover .solution-list1-fontdec {
    color: #fff;
    top: 51.5%;
    opacity: 1
}

.solution-xj .solution-list1-ul li:hover .solution-list1-tit {
    opacity: 0
}

.solution-xj .solution-list1-ul li:hover .solution-list1-font {
    background: rgba(0,0,0,.3);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.solution-ys {
    margin-top: 99px;
    position: relative
}

.solution-ys .solution-ys-list {
    flex-wrap: wrap;
    margin-top: 55px
}

.solution-ys .solution-ys-list li {
    position: relative;
    width: 23.5%;
    margin-right: 20px;
    background-color: #fff;
    padding: 48px 33px 46px 33px
}

.solution-ys .solution-ys-list li:nth-child(4n) {
    margin-right: 0
}

.solution-ys .solution-ys-icon {
    height: 110px;
    text-align: center
}

.solution-ys .solution-ys-list li:hover .solution-ys-icon img {
    -webkit-animation: bounce 1s ease 0s 1 both;
    animation: bounce 1s ease 0s 1 both
}

.solution-ys .solution-ys-font {
    margin-top: 24px
}

.solution-ys .solution-ys-tit {
    font-size: 17px;
    text-align: center;
    color: #000;
    margin-bottom: 14px
}

.solution-ys .solution-ys-dec {
    font-size: 14px;
    color: #898a8e;
    line-height: 22px
}

.solution-cp {
    margin-top: 98px;
    position: relative
}

.solution-cp .solution-cpBtn {
    margin-top: 47px
}

.solution-cp .solution-cpBtn li {
    box-shadow: 0 0 8px 1px rgba(202,202,202,.18);
    flex: 1;
    overflow: hidden;
    background: #fff
}

.solution-cp .solution-cpBtn li.cur,.solution-cp .solution-cpBtn li:hover {
    background: #f8f9fc
}

.solution-cp .solution-cpBtn a {
    width: 100%;
    padding: 20px 2px;
    display: block;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #898a8e
}

.solution-cp .solution-cpCont {
    padding-top: 77px;
    background: #fff;
    padding-bottom: 80px;
    padding-right: 55px
}

.solution-cp .solution-cpCont>li {
    display: none
}

.solution-cp .solution-cpCont>li:first-child {
    display: block
}

.solution-cp .solution-cpCont-li {
    align-items: center
}

.solution-cp .solution-cpCont-img {
    width: 41%
}

.solution-cp .solution-cpCont-font {
    width: 59%
}

.solution-cp .solution-cpCont-fonttit {
    font-size: 24px;
    line-height: 28px;
    color: #000;
    margin-bottom: 8px
}

.solution-cp .solution-cpCont-fontcont {
    font-size: 18px;
    line-height: 28px;
    color: #898a8e;
    margin-bottom: 25px
}

.solution-cp .solution-cpCont-a {
    font-size: 18px;
    line-height: 21px;
    color: #06c
}

.loadmore:hover span,.solution-al .solution-al-a span,.solution-cp .solution-cpCont-a span {
    display: inline-block;
    vertical-align: middle
}

.solution-cp .solution-cpCont-a img {
    display: inline-block;
    vertical-align: middle;
    padding-left: 4px
}

.solution-cp .solution-cp-swiperh3 {
    font-size: 18px;
    line-height: 28px;
    color: #000;
    margin-bottom: 20px
}

.solution-cp .solution-cp-swiper {
    margin-top: 48px
}

.solution-cp .solution-cp-swiperli {
    position: relative;
    width: 100%
}

.solution-cp .solution-cp-swiperli .swiper-container {
    width: 100%
}

.swiper-button-next,.swiper-button-prev {
    opacity: 1!important
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    pointer-events: initial!important;
    opacity: 1!important
}

.solution-cp .solution-cp-swiperli .swiper-slide {
    width: 13%
}

.solution-cp .solution-cp-swiperli .swiper-button-next,.solution-cp .solution-cp-swiperli .swiper-button-prev {
    width: 39px;
    height: 39px;
    background: url(../images/fa-cpprev.png) no-repeat left center;
    left: 0;
    right: auto
}

.solution-cp .solution-cp-swiperli .swiper-button-next {
    background: url(../images/fa-cpnext.png) no-repeat right center;
    left: auto;
    right: 0
}

.solution-cp .solution-cp-swiperimg {
    min-height: 85px;
    position: relative
}

.solution-cp .solution-cp-swiperimg img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0)
}

.solution-cp .solution-cp-swipertit {
    font-size: 18px;
    line-height: 28px;
    color: #06c;
    text-align: center;
    margin-top: 21px
}

.solution-al {
    position: relative;
    padding-top: 91px;
    padding-bottom: 69px
}

.solution-al .solution-al-list .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: 1;
    border: 1px solid #e8e8e8;
    display: none
}

.solution-al .solution-al-list .swiper-pagination-bullet-active {
    border: 1px solid #e8e8e8;
    background: #f0f0f0
}

.solution-al .solution-al-list .swiper-slide {
    background-color: #fff;
    border-radius: 0 0 10px 10px
}

.solution-al .swiper-al-img {
    width: 100%;
    overflow: hidden;
    max-height: 240px
}

.solution-al .swiper-al-img img {
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.solution-al .solution-al-font {
    padding: 32px 22px 27px 27px
}

.solution-al .solution-al-font .solution-al-dec {
    font-size: 18px;
    line-height: 28px;
    color: #313131
}

.solution-al .solution-al-a {
    font-size: 16px;
    padding-top: 60px;
    line-height: 21px;
    color: #313131;
    display: inline-block
}

.solution-al .solution-al-a img {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.solution-al .solution-al-a:hover img {
    padding-left: 12px
}

.solution-al .solution-al-list .swiper-slide {
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.solution-al .solution-al-list .swiper-slide:hover {
    box-shadow: 0 0 8px 1px rgba(202,202,202,.18)
}

.solution-al .solution-al-list .swiper-slide:hover .solution-al-dec {
    color: #e60012
}

.solution-al .solution-al-list .swiper-slide:hover .swiper-al-img img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.solution-al .solution-al-list {
    padding-top: 40px
}

.loadmore {
    display: block;
    margin: 32px auto 0 auto;
    font-size: 18px;
    line-height: 24px;
    color: #313131;
    text-align: center
}

.loadmore img {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.loadmore:hover img {
    padding-left: 15px
}

.solution-lx {
    position: relative;
    padding-top: 76px;
    border-top: 1px solid #e7e7e7;
    padding-bottom: 85px
}

.solution-lx .solution-lx-form {
    width: 64.1%;
    margin: 0 auto
}

.solution-lx .solution-lx-ul {
    flex-wrap: wrap
}

.solution-lx .solution-lx-ul li {
    width: 48.76%;
    margin-right: 20px;
    margin-bottom: 20px
}

.solution-lx-select .yh-input {
    margin-bottom: 20px
}

.solution-lx .solution-lx-ul li:nth-child(2n) {
    margin-right: 0
}

.solution-lx .yh-input input {
    width: 100%;
    border-radius: 5px;
    border: solid 1px #cacaca;
    height: 40px;
    font-size: 18px;
    color: #c4c4c4;
    padding: 5px 16px
}

.solution-lx .solution-lx-label {
    font-size: 18px;
    line-height: 28px;
    margin-top: 38px;
    color: #313131;
    display: block;
    margin-bottom: 15px
}

.agent-list .agent-list-formUl .agent-list-input input::-webkit-input-placeholder,.contact-list .contact-list-rightUl li input::-webkit-input-placeholder,.contact-list .contact-list-rightUl li textarea::-webkit-input-placeholder,.layui-select-title input::-webkit-input-placeholder,.solution-lx .yh-input input::-webkit-input-placeholder,.solution-lx .yh-text textarea::-webkit-input-placeholder {
    font-size: 18px;
    color: #c4c4c4
}

.agent-list .agent-list-formUl .agent-list-input input::-webkit-input-placeholder,.contact-list .contact-list-rightUl li input::-webkit-input-placeholder,.contact-list .contact-list-rightUl li textarea::-webkit-input-placeholder,.layui-select-title input::-webkit-input-placeholder,.solution-lx .yh-input input::-webkit-input-placeholder,.solution-lx .yh-text textarea::-webkit-input-placeholder {
    font-size: 18px;
    color: #c4c4c4
}

.agent-list .agent-list-formUl .agent-list-input input::-moz-placeholder,.contact-list .contact-list-rightUl li input::-moz-placeholder,.contact-list .contact-list-rightUl li textarea::-moz-placeholder,.layui-select-title input::-moz-placeholder,.solution-lx .yh-input input::-moz-placeholder {
    font-size: 18px;
    color: #c4c4c4
}

.agent-list .agent-list-formUl .agent-list-input input::-moz-placeholder,.contact-list .contact-list-rightUl li input::-moz-placeholder,.contact-list .contact-list-rightUl li textarea::-moz-placeholder,.layui-select-title input::-moz-placeholder,.solution-lx .yh-input input:-moz-placeholder,.solution-lx .yh-input input::-moz-placeholder {
    font-size: 18px;
    color: #c4c4c4
}

.agent-list .agent-list-formUl .agent-list-input input:-ms-input-placeholder,.contact-list .contact-list-rightUl li input:-ms-input-placeholder,.contact-list .contact-list-rightUl li textarea:-ms-input-placeholder,.layui-select-title input:-ms-input-placeholder,.solution-lx .yh-input input:-ms-input-placeholder {
    font-size: 18px;
    color: #c4c4c4
}

.solution-lx .solution-lx-bot .solution-lx-label {
    margin-top: 15px;
    margin-bottom: 15px
}

.solution-lx .yh-text {
    border-radius: 5px;
    border: solid 1px #cacaca;
    height: 80px;
    padding: 12px 16px
}

.solution-lx .yh-text textarea {
    color: #c4c4c4;
    font-size: 18px
}

.solution-lx .solution-lx-submit {
    width: 200px;
    margin: 35px auto 0 auto;
    text-align: center
}

.solution-lx .solution-lx-submit input {
    width: 100%;
    height: 40px;
    background-color: #535353;
    border-radius: 5px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.solution-lx .solution-lx-submit:hover input {
    background: #e60012
}

.solution-lx .solution-lx-select {
    width: 100%
}

.solution-lx-select .layui-form-item .layui-inline {
    margin-top: 10px;
    width: 32%;
    height: 40px;
    border-radius: 5px;
    border: solid 1px #cacaca;
    position: relative;
    margin-right: 12px;
    margin-bottom: 20px
}

.solution-lx-select .layui-form-item .layui-inline:nth-child(3) {
    margin-right: 0
}

.layui-input {
    border: none;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    background: 0 0;
    line-height: 41px;
    padding-left: 17px;
    position: relative;
    color: #666;
    font-size: 18px;
    height: 41px
}

.layui-input,.layui-textarea {
    padding-right: 0
}

.layui-main {
    width: 100%
}

.layui-form-item {
    width: 100%;
    margin-bottom: 0
}

.layui-form-select .layui-edge {
    -moz-transform: translate(2px,-2px) rotate(-45deg);
    -ms-transform: translate(2px,-2px) rotate(-45deg);
    -o-transform: translate(2px,-2px) rotate(-45deg)
}

.layui-form-select .layui-edge {
    top: 45%
}

.layui-form-selected .layui-edge {
    margin-top: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.flight-list {
    position: relative
}

.flight-list .flight-top {
    background-image: linear-gradient(0deg,#f8f8f8 0,#fff 100%);
    padding: 113px 0 161px 0
}

.flight-list .flight-top-font {
    text-align: center;
    padding-top: 50px
}

.flight-list .flight-top-font .flight-top-h3 {
    font-size: 40px;
    line-height: 55px;
    color: #373737;
    margin-top: 4px;
    margin-bottom: 4px
}

.flight-list .flight-top-font .flight-top-h4 {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 3px;
    color: #898a8e;
    font-weight: lighter;
    margin-bottom: 25px
}

.flight-list .flight-top-font .flight-top-dec,.flight-list .flight-top-font .flight-top-dec p {
    font-size: 18px;
    line-height: 28px;
    color: #898a8e;
    font-weight: lighter
}

.flight-list .flight-bot {
    margin: 144px auto 166px auto
}

.flight-list .flight-bot .flight-bot-ul {
    width: 76.5%;
    margin: 0 auto
}

.flight-list .flight-bot .flight-bot-ul li {
    width: 48.2%;
    height: 141px;
    border: solid 1px #cacaca;
    margin-right: 35px
}

.flight-list .flight-bot .flight-bot-ul li:last-child {
    margin-right: 0
}

.flight-list .flight-bot .flight-bot-ul li.cur,.flight-list .flight-bot .flight-bot-ul li:hover {
    box-shadow: 0 2px 2px 0 rgba(24,144,255,.23);
    border: solid 1px #1890ff
}

.flight-list .flight-bot .flight-bot-ul:last-child {
    margin-right: 0
}

.flight-list .flight-bot .flight-bot-ul li a {
    width: 100%;
    height: 100%;
    padding: 48px 10px 40px 10px;
    display: block
}

.flight-list .flight-bot .flight-bot-a h3 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    text-align: center;
    color: #313131;
    margin-bottom: 4px
}

.flight-list .flight-bot .flight-bot-a p {
    font-size: 18px;
    text-align: center;
    color: #898a8e
}

.flight-list .flight-list-more {
    width: 201px;
    height: 40px;
    background-color: #313131;
    border-radius: 5px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    display: block;
    margin: 90px auto 0 auto;
    color: #fff;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.flight-list .flight-list-more:hover {
    background: #e60012
}

.flight-list .flight-bot-cont li {
    display: none
}

.flight-list .flight-bot-cont li:first-child {
    display: block
}

.flightxfj-list {
    position: relative
}

.flightxfj-list .flightxfj-list-top {
    background-image: linear-gradient(180deg,#fdfbfb 0,#ebedee 100%);
    padding: 162px 0 206px 0;
    position: relative
}

.flightxfj-list .flightxfj-list-topLeft {
    width: 34%
}

.flightxfj-list .flightxfj-list-topRight {
    width: 66%
}

.flightxfj-list .flightxfj-topLeft-h3 {
    font-size: 40px;
    line-height: 55px;
    color: #373737;
    font-weight: 700
}

.flightxfj-list .flightxfj-topLeft-dec {
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 1px;
    color: #373737;
    margin-top: 15px
}

.flightxfj-list .flightxfj-topLeft-a {
    margin-top: 45px
}

.flightxfj-list .flightxfj-topLeft-a a {
    width: 130px;
    height: 45px;
    border: solid 1px #00b7ee;
    border-radius: 25px;
    font-size: 18px;
    line-height: 45px;
    letter-spacing: 1px;
    text-align: center;
    color: #00b7ee;
    display: block;
    margin-right: 24px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.flightxfj-list .flightxfj-topLeft-a a:hover {
    background-color: #00b7ee;
    border-radius: 25px;
    color: #fff
}

.flightxfj-list .flightxfj-topLeft-a a:last-child {
    margin-right: 0
}

.flightxfj-list .flightxfj-list-topRight img {
    text-align: right;
    margin: 0;
    float: right
}

.flightxfj-list .flightxfj-list-pcmenu {
    background: #fff;
    padding: 23px 0;
    position: relative;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    z-index: 99
}

.flightxfj-list .flightxfj-list-pcmenuFixed {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    padding: 20px 0;
    width: 100%;
    margin: 0 auto;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    z-index: 100
}

.needFixedTop {
    width: 100%;
    max-width: initial;
    position: fixed!important;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
    transition: all .5s
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuLeft {
    width: 40%
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuLeft h1,.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuLeft h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 21px;
    color: #000
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight {
    width: 70%
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight li {
    width: auto;
    margin-left: 26px
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight li:first-child {
    margin-left: 0
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight a {
    width: 100%;
    display: block;
    font-size: 16px;
    text-align: right;
    color: #666;
    line-height: 21px
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight li a.tab-active,.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight li:hover a {
    color: #00b7ee
}

.flightxfj-list .flightxfj-list-mobilemenu {
    display: none
}

.flightxfj-list .flightxfj-swiper {
    margin-top: 10px;
    position: relative
}

.flightxfj-list .flightxfj-swiper .swiper-slide {
    position: relative;
    overflow: hidden
}

.flightxfj-list .flightxfj-swiper .flightxfj-swiper-img {
    width: 100%
}

.flightxfj-list .flightxfj-swiper .flightxfj-swiper-img img {
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.flighthyj-list .flighthyj-swiper .swiper-slide:hover .flighthyj-swiper-img img,.flightxfj-list .flightxfj-swiper .swiper-slide:hover .flightxfj-swiper-img img,.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul li:hover .flightxfj-zcjx-img img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.flightxfj-list .flightxfj-swiper .flight-swiper-font {
    position: absolute;
    top: 128px;
    left: 104px;
    right: 104px;
    width: 40%
}

.flightxfj-list .flightxfj-swiper .flight-swiper-fontH3 {
    font-size: 40px;
    line-height: 55px;
    letter-spacing: 1px;
    font-weight: 700;
    color: #000;
    margin-bottom: 22px
}

.flightxfj-list .flightxfj-swiper .flight-swiper-fontDec {
    font-size: 18px;
    line-height: 30px;
    color: #000
}

.flightxfj-list .flightxfj-swiper .swiper-button-next {
    background: url(../images/sxf-next.png) rgba(255,255,255,0) no-repeat center center;
    right: 18.5%;
    left: auto
}

.flightxfj-list .flightxfj-swiper .swiper-button-prev {
    background: url(../images/sxf-prev.png) rgba(255,255,255,0) no-repeat center center;
    left: 18.5%;
    right: auto
}

.flightxfj-list .flightxfj-swiper .swiper-button-next,.flightxfj-list .flightxfj-swiper .swiper-button-prev {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.flightxfj-list .flightxfj-swiper .swiper-button-prev:hover {
    background: url(../images/sxf-prev.png) rgba(0,0,0,.1) no-repeat center center
}

.flightxfj-list .flightxfj-swiper .swiper-button-next:hover {
    background: url(../images/sxf-next.png) rgba(0,0,0,.1) no-repeat center center
}

.flightxfj-list .flightxfj-swiper .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    background-color: #fff;
    opacity: .4;
    border-radius: initial
}

.flightxfj-list .flightxfj-swiper .swiper-pagination-bullet-active {
    width: 30px;
    height: 3px;
    background-color: #fff;
    opacity: 1
}

.flightxfj-list .flightxfj-swiper .swiper-container-horizontal>.swiper-pagination-bullets,.flightxfj-list .flightxfj-swiper .swiper-pagination-custom,.flightxfj-list .flightxfj-swiper .swiper-pagination-fraction {
    bottom: 30px
}

.flightxfj-list .flightxfj-zcjx {
    padding-top: 72px;
    position: relative;
    background: #fff;
    margin-top: 10px
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul {
    width: 100%;
    margin-top: 68px;
    padding: 0 100px
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-img {
    min-height: 86px;
    overflow: hidden
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul li {
    flex: 1;
    cursor: pointer
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul li .flightxfj-zcjx-img img {
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-font {
    margin-top: 55px
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontH3 {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 30px;
    margin-bottom: 13px;
    color: #000
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul li.active .flightxfj-zcjx-fontH3,.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul li:hover .flightxfj-zcjx-fontH3 {
    color: #00b7ee
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontDec {
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    color: #000
}

.flightxfc-tit h3 {
    font-weight: 700;
    font-size: 40px;
    text-align: center;
    line-height: 55px;
    letter-spacing: 1px;
    color: #000
}

.flightxfj-list .flightxfj-font {
    background: #fff;
    position: relative;
    padding-top: 70px;
    padding-bottom: 45px
}

.flightxfj-list .flightxfj-font dl {
    display: none
}

.flightxfj-list .flightxfj-font dl:first-child {
    display: block
}

.flightxfj-list .flightxfj-font dd,.flightxfj-list .flightxfj-font dt {
    font-size: 14px;
    line-height: 26px;
    color: #434343
}

.flightxfj-list .flightxfj-font dd {
    position: relative;
    padding-left: 5px
}

.flightxfj-list .flightxfj-font dd::before {
    content: "";
    position: absolute;
    top: 40%;
    left: 0;
    transform: translateY(-40%);
    -o-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background: #434343
}

.flightxfj-fwlc {
    position: relative;
    padding-top: 40px;
    padding-bottom: 6%;
    background: #fafafa
}

.flightxfj-fwlc .flightxfj-fwlc-ul {
    width: 100%;
    flex-wrap: wrap
}

.flightxfj-fwlc .flightxfj-fwlc-ul li {
    width: 18%
}

.flightxfj-fwlc .flightxfj-fwlc-ul li:nth-child(even) {
    width: 2%
}

.flightxfj-fwlc .flightxfj-fwlc-ul li:last-child {
    display: none
}

.flightxfj-fwlc .flightxfj-fwlc-font {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #000;
    margin-top: 26px
}

.flightxfj-fwlc .flightxfj-fwlc-iconnext {
    margin-top: 24px
}

.flightxfj-fwlc .flightxfj-fwlc-ul li:last-child .flightxfj-fwlc-iconnext {
    display: none
}

.flightxfj-fwlc .flightxfj-fwlc-ul li:hover .flightxfj-fwlc-icon img {
    -webkit-animation: bounce 1s ease 0s 1 both;
    animation: bounce 1s ease 0s 1 both
}

.sfbanner-img .banner-infontlist .banner-infont h1,.sfbanner-img .banner-infontlist .banner-infont h3 {
    font-size: 36px;
    letter-spacing: 1px;
    color: #000;
    font-weight: initial
}

.sfbanner-img .banner-infontlist .banner-infont p,.sfbanner-img .banner-infontlist .banner-infont p a {
    font-size: 18px;
    line-height: 28px;
    color: #898a8e
}

.sfbanner-img .banner-infontlist .banner-infont p a:hover {
    color: #1890ff
}

.sfbanner-img .banner-infontlist .banner-infont .banner-infont-p {
    font-size: 16px;
    color: #a5a5a5
}

.sfbanner-img .banner-infontlist .banner-infont .banner-infont-p {
    margin-top: 10px
}

.flight-cx {
    position: relative;
    padding-top: 55px;
    padding-bottom: 110px;
    overflow: hidden
}

.flight-cx .flight-cx-list {
    border-bottom: 1px solid #d0d1d2;
    padding: 0 275px 118px 275px
}

.flight-cx .flight-cx-tit {
    font-size: 18px;
    line-height: 30px;
    color: #1b1b1b
}

.flight-cx .flight-cx-cont label {
    font-size: 18px;
    line-height: 30px;
    color: #707070;
    display: inline-block;
    vertical-align: middle
}

.flight-cx .flight-cx-cont {
    margin-left: 112px
}

.flight-cx .flight-cx-contTop {
    margin-top: 39px
}

.flight-cx .flight-cx-cont .flight-cx-input {
    width: 276px;
    height: 40px;
    border: solid 1px #aaa;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 18px;
    margin-left: 43px;
    display: inline-block;
    vertical-align: middle
}

.flight-cx .flight-cx-next {
    width: 87px;
    height: 37px;
    border: solid 1px #aaa;
    font-size: 18px;
    display: block;
    line-height: 37px;
    color: #707070;
    margin: 26px auto 0 auto;
    text-align: center;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.flight-cx .flight-cx-next:hover,.flight-jh .flight-success .flight-close:hover {
    border: solid 1px #e60012;
    color: #e60012
}

.flight-cx .flight-cx-list1 {
    padding: 0 210px 118px 210px
}

.flight-cx .flight-cx-conttable {
    padding-top: 63px;
    margin-bottom: 67px
}

.flight-cx .flight-cx-conttable table {
    width: 100%
}

.flight-cx .flight-cx-conttable table td,.flight-cx .flight-cx-conttable table th {
    width: 25%;
    overflow: hidden;
    text-align: center
}

.flight-cx .flight-cx-conttable table th {
    font-size: 18px;
    line-height: 43px;
    color: #707070;
    padding-bottom: 9px
}

.flight-cx .flight-cx-conttable table tr:first-child {
    background: #fff
}

.flight-cx .flight-cx-conttable table tr {
    background-color: #aaa
}

.flight-cx .flight-cx-conttable table td {
    font-size: 18px;
    height: 38px;
    overflow: hidden;
    color: #fff
}

.flight-jh {
    padding-top: 110px
}

.flight-jh .flight-jh-ul {
    position: relative;
    padding-top: 78px
}

.flight-jh .flight-jh-ul li {
    flex: 1;
    align-items: center;
    position: relative
}

.flight-jh .flight-jh-ul .flight-jh-num {
    flex: 1;
    align-items: center
}

.flight-jh .flight-jh-ul .flight-jh-num .flight-jh-icon {
    width: 46px;
    height: 46px;
    border: solid 1px #b5b5b5;
    border-radius: 100%;
    font-size: 25px;
    text-align: center;
    line-height: 46px;
    letter-spacing: 1px;
    color: #b5b5b5;
    margin: 0 auto;
    position: relative;
    background: #fff;
    z-index: 9
}

.flight-jh .flight-jh-ul .flight-jh-num em {
    width: 42%;
    height: 1px;
    background: #fff;
    display: block;
    background: #bfbfbf
}

.flight-jh .flight-jh-ul li:first-child .flight-jh-num em:first-child,.flight-jh .flight-jh-ul li:last-child .flight-jh-num em:last-child {
    opacity: 0
}

.flight-jh .flight-jh-ul li:nth-child(2) .flight-jh-num em {
    width: 43.5%
}

.flight-jh .flight-jh-ul .flight-jh-font {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #b5b5b5;
    padding-top: 10px
}

.flight-jh .flight-jh-ul li.active .flight-jh-num .flight-jh-icon {
    background: rgba(18,175,244,.2);
    color: #12aff4;
    border: 1px solid rgba(18,175,244,.2)
}

.flight-jh .flight-jh-ul li.active .flight-jh-font {
    color: #12aff4
}

.flight-jh .flight-cx-list {
    padding: 0 210px 77px 210px
}

.flight-jh .flight-jh-cont {
    margin: 74px auto 0 auto
}

.flight-jh .flight-jh-cont .flight-cx-contTop {
    margin: 0 auto;
    padding-left: 415px
}

.flight-jh .flight-cx-next {
    margin-left: 675px
}

.flight-jh .flight-jh-ul {
    text-align: center
}

.flight-jh .flight-jh-ul li {
    margin-bottom: 39px
}

.flight-jh .flight-jh-ul label {
    width: 15%
}

.flight-jh .flight-jh-ul input {
    width: 276px;
    height: 40px;
    border: solid 1px #aaa;
    border-radius: 4px;
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px
}

.flight-jh .flight-jh-ul .flight-jh-ulyzm {
    width: 277px;
    height: 59px;
    border: solid 1px #aaa;
    display: inline-block;
    margin-top: -18px;
    font-size: 35px;
    line-height: 59px;
    letter-spacing: 1px;
    color: #707070;
    text-align: left;
    padding: 0 26px;
    font-style: italic
}

.flight-jh .flight-cx-next1 {
    border-radius: 4px
}

.flight-jh .flight-jh-contyhxx {
    font-size: 18px;
    line-height: 30px;
    color: #1b1b1b;
    padding: 0 238px
}

.flight-jh .flight-jh-yhul label {
    text-align: right;
    padding-right: 63px
}

.flight-yhxx .flight-jh-yhulP {
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    color: #eb6877;
    display: inline-block;
    padding-left: 576px;
    margin-top: 15px
}

.flight-jh .flight-jh-clause {
    align-items: center;
    padding-left: 185px;
    margin-top: 30px
}

.flight-jh .flight-jh-clause input {
    width: 12px;
    height: 12px;
    cursor: pointer;
    position: relative;
    border: solid 1px #aaa;
    display: inline-block;
    vertical-align: middle;
    outline: 0
}

.flight-jh .flight-jh-clause input:checked::after {
    content: "✓";
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 18px;
    font-weight: 700;
    color: #12aff4
}

.flight-jh .flight-jh-clause span {
    font-size: 15px;
    color: #afafaf;
    display: inline-block;
    vertical-align: middle;
    padding-left: 12px
}

.flight-jh .flight-success {
    padding-bottom: 78px;
    border-bottom: 1px solid #d0d1d2
}

.flight-jh .flight-success-img {
    text-align: center;
    font-size: 25px;
    line-height: 30px;
    color: #32b16c
}

.flight-jh .flight-success-img img {
    display: inline-block;
    vertical-align: middle;
    padding-right: 15px
}

.flight-jh .flight-success-img span {
    display: inline-block;
    vertical-align: middle
}

.flight-jh .flight-success p {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    color: #959595;
    margin-top: 16px
}

.flight-jh .flight-success .flight-close {
    width: 87px;
    height: 37px;
    border: solid 1px #aaa;
    border-radius: 4px;
    font-size: 18px;
    line-height: 37px;
    text-align: center;
    color: #707070;
    display: block;
    margin: 31px auto 0 auto
}

.flighthyj-list .flightxfj-list-topLeft {
    width: 43%
}

.flighthyj-list .flightxfj-list-topRight {
    width: 57%;
    position: relative
}

.flighthyj-list .flightxfj-list-topRight img {
    margin-top: 60px;
    margin-right: -110px
}

.flighthyj-list .flighthyj-swiper .swiper-slide {
    background: #fff;
    position: relative;
    padding-bottom: 120px;
    padding-top: 50px;
    padding-left: 100px;
    padding-right: 10px
}

.flighthyj-list .flighthyj-swiper .flighthyj-swiper-list {
    align-items: center
}

.flighthyj-list .flighthyj-swiper .flighthyj-swiper-font {
    width: 38%
}

.flighthyj-list .flighthyj-swiper .flighthyj-swiper-fonth3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 1px;
    color: #000
}

.flighthyj-list .flighthyj-swiper .flighthyj-swiper-fontDec {
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin-top: 25px
}

.flighthyj-list .flighthyj-swiper .flighthyj-swiper-img {
    width: 62%
}

.flighthyj-list .flighthyj-swiper .flighthyj-swiper-img img {
    margin-left: -50px;
    margin-top: 100px
}

.flighthyj-list .flightxfj-swiper .swiper-pagination-bullet {
    background: rgba(231,231,231,.4)
}

.flighthyj-list .flightxfj-swiper .swiper-pagination-bullet-active {
    background-color: #d0d0d0
}

.flighthyj-list .flightxfj-swiper .swiper-button-next {
    right: 17.5%
}

.flighthyj-list .flightxfj-swiper .swiper-button-prev {
    left: 17.5%
}

.flighthyj-list .flightxfj-zcjx .flighthyj-zcjx-ul {
    flex-wrap: wrap;
    padding: 0 64px 168px 64px
}

.flighthyj-list .flightxfj-zcjx .flighthyj-zcjx-ul li {
    width: 33.333%;
    flex: initial;
    margin-top: 220px
}

.flighthyj-list .flightxfj-zcjx .flighthyj-zcjx-ul li:nth-child(1),.flighthyj-list .flightxfj-zcjx .flighthyj-zcjx-ul li:nth-child(2),.flighthyj-list .flightxfj-zcjx .flighthyj-zcjx-ul li:nth-child(3) {
    margin-top: 0
}

.flighthyj-list .flightxfj-zcjx .flightxfj-zcjx-img {
    position: relative;
    min-height: 115px
}

.flighthyj-list .flightxfj-zcjx .flightxfj-zcjx-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.flighthyj-list .flighthyj-swiper .flighthyj-swiper-img img {
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.noflight-list {
    padding: 77px 0 270px 0
}

.noflight-list .noflight-list-cont {
    position: relative;
    padding: 0 3.5rem
}

.noflight-list .noflight-tit h3 {
    font-size: 36px;
    text-align: center;
    line-height: 40px;
    letter-spacing: 1px;
    color: #535353;
    margin-bottom: 17px
}

.noflight-list .noflight-tit p {
    font-size: 17px;
    line-height: 25px;
    text-align: center;
    color: #757575
}

.noflight-list .noflight-cont {
    margin-top: 40px
}

.noflight-list .noflight-cont-h3 {
    font-size: 18px;
    line-height: 28px;
    color: #898a8e
}

.noflight-list .noflight-location {
    position: relative;
    margin-top: 17px
}

.noflight-applylist .noflight-sele,.noflight-list .noflight-sele {
    position: relative;
    width: 22.3%;
    margin-right: 20px
}

.feedback-list .noflight-applypersonal-area select,.noflight-applylist .noflight-sele select,.noflight-applypersonal-list .noflight-applypersonal-industry select,.noflight-applypersonal-list .noflight-applypersonal-phone select,.noflight-applypersonal-list .noflight-applypersonal-sex select,.noflight-list .noflight-location select {
    font-size: 18px;
    line-height: 28px;
    color: #c4c4c4;
    text-align: center;
    -webkit-appearance: none;
    width: 100%;
    border: solid 1px #cacaca;
    border-radius: 5px;
    padding: 5px 13px;
    cursor: pointer
}

.noflight-applypersonal-list .noflight-applypersonal-industry select {
    width: 525px
}

.noflight-list .noflight-sele:last-child {
    margin-right: 0
}

.feedback-list .noflight-applypersonal-area::after,.noflight-applylist .noflight-sele::after,.noflight-applypersonal-list .noflight-applypersonal-industry::after,.noflight-applypersonal-list .noflight-applypersonal-phone::after,.noflight-applypersonal-list .noflight-applypersonal-sex::after,.noflight-list .noflight-sele::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 40%;
    pointer-events: none;
    border-left: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    height: 9px;
    width: 9px;
    transform: translate(2px,-2px) rotate(-45deg);
    -webkit-transform: translate(2px,-2px) rotate(-45deg);
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    display: inline-block;
    -moz-transform: translate(2px,-2px) rotate(-45deg);
    -ms-transform: translate(2px,-2px) rotate(-45deg);
    -o-transform: translate(2px,-2px) rotate(-45deg)
}

.noflight-list .noflight-map {
    position: relative;
    margin-top: 37px;
    margin-bottom: 26px
}

.noflight-list .noflight-tip-bot,.noflight-list .noflight-tip-top {
    font-size: 18px;
    line-height: 28px;
    color: #898a8e
}

.noflight-list .noflight-tip-top {
    margin-bottom: 38px
}

.noflight-list .noflight-tip-bot {
    margin-bottom: 78px
}

.noflight-list .noflight-tip-bot i,.noflight-list .noflight-tip-bot span {
    display: inline-block;
    vertical-align: middle
}

.noflight-list .noflight-tip-bot i {
    width: 26px;
    height: 26px;
    border-radius: 100%;
    margin-right: 3px
}

.noflight-list .noflight-tip-bot .noflight-tip-i1 {
    background-color: #ff5757;
    border: solid 1px #ff5757
}

.noflight-list .noflight-tip-bot .noflight-tip-i2 {
    background-color: #b1b1b1;
    border: solid 1px #b1b1b1
}

.noflight-list .noflight-tip-bot .noflight-tip-i3 {
    background-color: #ffa757;
    border: solid 1px #ffa757
}

.noflight-list .noflight-tip-bot p {
    margin-bottom: 20px
}

.noflight-list .noflight-tip-bot p:first-child {
    margin-bottom: 10px
}

.noflight-list .noflight-tip-bot span {
    width: 96%
}

.noflight-list hr {
    width: 100%;
    border: none;
    height: 1px;
    background: #eaeaea;
    display: block
}

.noflight-list .noflight-apply {
    margin-bottom: 108px;
    margin-top: 89px
}

.noflight-list .noflight-apply-a {
    width: 200px;
    height: 40px;
    line-height: 40px;
    background-color: #313131;
    border-radius: 5px;
    display: block;
    font-size: 18px;
    text-align: center;
    margin: 45px auto 0 auto;
    color: #fff
}

.noflight-list .noflight-apply-a:hover {
    background: #e60012
}

.noflight-list .noflight-policy {
    margin-top: 114px
}

.noflight-list .noflight-policy-a {
    width: 200px;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #06c;
    display: block;
    position: relative;
    margin: 41px auto 0 auto
}

.noflight-list .noflight-policy-a span {
    display: inline-block;
    vertical-align: middle
}

.noflight-list .noflight-policy-a img {
    display: inline-block;
    vertical-align: middle;
    padding-left: 3px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.noflight-list .noflight-policy-a:hover img {
    padding-left: 10px
}

.noflight-applylist {
    position: relative;
    margin-top: 49px
}

.noflight-applylist .noflight-applylist-ul li {
    margin-right: 45px;
    padding-bottom: 5px;
    border-bottom: 2px solid transparent
}

.noflight-applylist .noflight-applylist-ul li:last-child {
    margin-right: 0
}

.noflight-applylist .noflight-applylist-ul li a {
    width: 100%;
    display: block;
    font-size: 18px;
    text-align: center;
    color: #757575
}

.noflight-applylist .noflight-applylist-ul li.active,.noflight-applylist .noflight-applylist-ul li:hover {
    border-bottom: 2px solid #000
}

.noflight-applylist .noflight-applylist-ul li.active a,.noflight-applylist .noflight-applylist-ul li:hover a {
    color: #000
}

.noflight-applylist .noflight-applymenu {
    position: relative;
    margin-top: 53px
}

.noflight-applylist .noflight-applymenu li {
    position: relative;
    margin-right: 16px;
    margin-right: 24px
}

.noflight-applylist .noflight-applymenu li:last-child {
    margin-right: 0
}

.noflight-applylist .noflight-applymenu li a {
    font-size: 18px;
    line-height: 31px;
    width: 193px;
    height: 31px;
    display: block;
    text-align: center;
    color: #fff;
    background-color: #cacaca;
    padding: 0 12px;
    position: relative
}

.noflight-applylist .noflight-applymenu li+li::before {
    content: '';
    position: absolute;
    top: 0;
    left: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15.5px 20px;
    border-color: transparent;
    border-top-color: #cacaca;
    border-bottom-color: #cacaca;
    z-index: 0
}

.noflight-applylist .noflight-applymenu li::after {
    content: '';
    position: absolute;
    top: 0;
    right: -40px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15.5px 20px;
    border-color: transparent;
    border-left-color: #cacaca;
    z-index: 0
}

.noflight-applylist .noflight-applymenu li:last-child::after {
    display: none
}

.feedback-list .feedback-list-a input:hover,.noflight-applylist .noflight-applycont-cont li a:hover,.noflight-applylist .noflight-applymenu li.active a,.noflight-applylist .noflight-applymenu li:hover a,.noflight-applypersonal-list .noflight-applypersonal-back a:hover,.noflight-applypersonal-list .noflight-applypersonal-submit input:hover {
    background-color: #1890ff
}

.noflight-applylist .noflight-applymenu li+li.active::before,.noflight-applylist .noflight-applymenu li+li:hover::before {
    border-top-color: #1890ff;
    border-bottom-color: #1890ff
}

.noflight-applylist .noflight-applymenu li.active::after,.noflight-applylist .noflight-applymenu li:hover::after {
    border-left-color: #1890ff
}

.noflight-applylist .noflight-applycont {
    margin-top: 59px;
    margin-bottom: 292px
}

.noflight-applylist .noflight-applycont-h3 {
    font-size: 18px;
    line-height: 28px;
    color: #313131;
    margin-bottom: 3px
}

.noflight-applylist .noflight-sele {
    width: 342px
}

.noflight-applylist .noflight-applycont-btn {
    margin-top: 44px
}

.noflight-applylist .noflight-applycont-btn li {
    width: 100%;
    border: solid 1px #cacaca;
    margin-bottom: 20px
}

.noflight-applylist .noflight-applycont-btn li:last-child {
    margin-bottom: 0
}

.noflight-applylist .noflight-applycont-btn a {
    align-items: center;
    width: 100%;
    padding: 42px 59px 41px 59px
}

.noflight-applylist .noflight-applycont-btn .noflight-applycont-icon {
    width: 73px;
    height: 68px;
    display: block
}

.noflight-applylist .noflight-applycont-btn .noflight-applycont-icon1 {
    background: url(../images/no-ficon1.png) no-repeat center center
}

.noflight-applylist .noflight-applycont-btn .noflight-applycont-icon2 {
    background: url(../images/no-ficon2.png) no-repeat center center
}

.noflight-applylist .noflight-applycont-btn .noflight-applycont-icon3 {
    background: url(../images/no-ficon3.png) no-repeat center center
}

.noflight-applylist .noflight-applycont-font {
    width: 91%;
    padding-left: 68px
}

.noflight-applylist .noflight-applycont-font h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #313131;
    margin-bottom: 5px
}

.noflight-applylist .noflight-applycont-font p {
    font-size: 18px;
    color: #898a8e
}

.noflight-applylist .noflight-applycont-btn li.active,.noflight-applylist .noflight-applycont-btn li:hover {
    background-color: #fff;
    box-shadow: -1px 2px 2px 0 rgba(24,144,255,.23);
    border: solid 1px #1890ff
}

.noflight-applylist .noflight-applycont-cont li a {
    width: 201px;
    height: 40px;
    background-color: #313131;
    border-radius: 5px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    display: block;
    margin: 44px auto 0 auto
}

.noflight-applylist .noflight-applycont-cont li {
    display: none
}

.noflight-applylist .noflight-applycont-cont li:first-child {
    display: block
}

.noflight-applypersonal-list {
    position: relative;
    margin-top: 61px;
    width: 100%;
    margin-bottom: 86px
}

.noflight-applypersonal-list ul {
    width: 55%;
    margin: 0 auto
}

.noflight-applypersonal-list ul li {
    margin-bottom: 30px;
    width: 100%
}

.feedback-list .noflight-applypersonal-label,.noflight-applypersonal-list .noflight-applypersonal-label {
    font-size: 18px;
    width: 100%;
    line-height: 28px;
    color: #313131;
    display: inline-block;
    margin-bottom: 7px
}

.feedback-list .noflight-applypersonal-input,.noflight-applypersonal-list .noflight-applypersonal-input,.noflight-applypersonal-list .noflight-applypersonal-input1 {
    width: 525px;
    height: 41px;
    display: inline-block;
    border-radius: 5px;
    border: solid 1px #cacaca;
    font-size: 18px;
    color: #c4c4c4;
    padding: 0 15px
}

.noflight-applypersonal-list .noflight-applypersonal-sex {
    width: 525px;
    position: relative;
    display: inline-block
}

.noflight-applypersonal-list .noflight-applypersonal-sex select {
    width: 100%
}

.noflight-applypersonal-list .noflight-applypersonal-phone {
    width: 144px;
    height: 40px;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px
}

.feedback-list .noflight-applypersonal-area::after,.noflight-applypersonal-list .noflight-applypersonal-industry::after,.noflight-applypersonal-list .noflight-applypersonal-phone::after,.noflight-applypersonal-list .noflight-applypersonal-sex::after {
    right: 15px
}

.noflight-applypersonal-list .noflight-applypersonal-input1 {
    width: 370px;
    display: inline-block;
    vertical-align: middle
}

.noflight-applypersonal-list .noflight-applypersonal-industry {
    position: relative
}

.feedback-list .noflight-applypersonal-p,.noflight-applypersonal-list .noflight-applypersonal-p {
    font-size: 14px;
    line-height: 23px;
    margin-top: 3px;
    color: #c4c4c4
}

.feedback-list .noflight-applypersonal-fileli,.noflight-applypersonal-list .noflight-applypersonal-fileli {
    position: relative;
    overflow: hidden;
    width: 110px;
    height: 41px;
    line-height: 46px;
    border-radius: 5px;
    border: solid 1px #cacaca;
    cursor: pointer;
    align-items: center;
    margin-top: 14px
}

.noflight-applypersonal-list .noflight-applypersonal-fileli:hover {
    border: solid 1px #1890ff
}

input:focus {
    outline: 0
}

.feedback-list .noflight-applypersonal-file,.noflight-applypersonal-list .noflight-applypersonal-file {
    margin-left: 12px;
    font-size: 18px;
    line-height: 23px;
    color: #c4c4c4
}

.feedback-list .noflight-applypersonal-file input,.noflight-applypersonal-list .noflight-applypersonal-file input {
    display: inline-block;
    position: absolute;
    font-size: 16px;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

.feedback-list .noflight-applypersonal-filei,.noflight-applypersonal-list .noflight-applypersonal-filei {
    width: 22px;
    height: 18px;
    cursor: pointer
}

.feedback-list .noflight-applypersonal-filei i,.noflight-applypersonal-list .noflight-applypersonal-filei i {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/no-fscicon.png) no-repeat center center;
    cursor: pointer
}

.noflight-applypersonal-list .noflight-applypersonal-btn {
    margin-top: 192px
}

.noflight-applypersonal-list .noflight-applypersonal-back a,.noflight-applypersonal-list .noflight-applypersonal-submit input {
    width: 200px;
    height: 40px;
    line-height: 40px;
    background-color: #313131;
    border-radius: 5px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.noflight-applypersonal-list .noflight-applypersonal-back {
    margin-right: 38px
}

.insrecruit-list {
    padding: 20px 0 0
}

.insrecruit-list ul {
    padding: 0 0 20px
}

.insrecruit-list li {
    transition: all .5s;
    border-bottom: 1px solid #ccc;
    padding: 0 20px
}

.insrecruit-list li:first-child {
    border-top: 1px solid #ccc
}

.insrecruit-list li:last-child {
    border-bottom: 1px solid transparent
}

.insrecruit-list li.cur .rectue-top .date,.insrecruit-list li:hover .rectue-top .date {
    background-image: url(../image/about/jo-hsjicon.png)
}

.insrecruit-list li.cur .rectue-top .icon em:nth-child(2) {
    opacity: 0
}

.insrecruit-list .rectue-top {
    color: #333;
    position: relative;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.insrecruit-list .rectue-top span {
    width: 91%;
    display: block;
    margin-bottom: 5px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #323232;
    font-size: 18px;
    line-height: 50px;
    color: #09f
}

.insrecruit-list .rectue-top .loac,.insrecruit-list .rectue-top .pnum {
    color: #929292
}

.insrecruit-list .rectue-top .date {
    background: url(../image/about/jo-sjicon.png) no-repeat 0 center;
    padding-left: 28px;
    position: absolute;
    right: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: auto;
    margin-right: 0
}

.insrecruit-list .rectue-top .icon {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0
}

.insrecruit-list .rectue-top .icon em {
    position: absolute;
    background-color: #272727;
    width: 18px;
    height: 2px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    left: 0;
    top: 46%
}

.insrecruit-list .rectue-top .icon em:nth-child(2) {
    width: 2px;
    height: 18px;
    left: 49%;
    top: 0
}

.insrecruit-list .rectue-min {
    padding: 18px 0 40px 0;
    color: #757575;
    display: none;
    position: relative
}

.insrecruit-list .rectue-min .desc {
    padding: 0 0 10px
}

.insrecruit-list .rectue-min h3 {
    color: #333;
    padding: 0 0 5px
}

.insrecruit-list .rectue-send {
    padding: 10px 0 0
}

.insrecruit-list .rectue-send a {
    width: 156px;
    height: 57px;
    border-radius: 10px;
    display: block;
    font-size: 14px;
    text-align: center;
    line-height: 57px;
    color: #fff;
    position: absolute;
    right: 40px;
    bottom: 70px;
    background: url(../image/about/jo-dticon.png) #f15c18 no-repeat 15% center;
    transition: all .3s
}

.insrecruit-list .rectue-send a:hover {
    -webkit-box-shadow: 0 10px 30px -6px #f15c18;
    box-shadow: 0 10px 30px -6px #f15c18
}

@media (min-width: 1024px) {
    .insrecruit-list {
        padding:0 0 58px
    }

    .insrecruit-list ul {
        padding: 0 0 40px
    }

    .insrecruit-list .rectue-top {
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
        cursor: pointer
    }

    .insrecruit-list .rectue-top span {
        margin-bottom: 0
    }

    .insrecruit-list .rectue-top .date {
        right: 250px
    }

    .insrecruit-list .rectue-top .icon {
        width: 18px;
        height: 18px;
        right: 0
    }

    .insrecruit-list .rectue-top .icon em {
        width: 18px
    }

    .insrecruit-list .rectue-top .icon em:nth-child(2) {
        width: 2px;
        height: 18px
    }

    .insrecruit-list .rectue-min {
        padding: 18px 0 40px 0;
        font-size: 18px;
        line-height: 30px;
        color: #383838
    }

    .insrecruit-list .rectue-min .desc {
        padding: 0 0 30px 0;
        line-height: 26px;
        color: #828282
    }

    .insrecruit-list .rectue-min h3 {
        padding: 0 0 10px
    }

    .insrecruit-list .rectue-send {
        padding: 0
    }
}

@media (min-width: 1260px) {
    .insrecruit-list {
        margin-top:60px
    }

    .insrecruit-list ul {
        padding-bottom: 55px;
        padding-top: 16px
    }
}

.insrecruit-list .desc .dec-h3 {
    font-size: 18px;
    line-height: 60px;
    color: #282828
}

.insrecruit-list .desc .dec-margintop {
    margin-top: 50px
}

.insrecruit-list .load-more {
    width: 200px;
    height: 60px;
    border-radius: 10px;
    border: solid 2px #f15c18;
    margin: 0 auto
}

.insrecruit-list .load-more a {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 60px;
    letter-spacing: 1px;
    color: #333
}

.flightxfj-fwtk .insrecruit-tit h3,.insrecruit-list .insrecruit-tit h3 {
    font-size: 40px;
    color: #383838;
    font-weight: 700
}

.flightxfj-fwtk {
    position: relative;
    padding: 58px 0 70px 0
}

.flightxfj-futk-list h3 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    color: #383838;
    padding-bottom: 30px;
    padding-top: 33px
}

.flightxfj-futk-list h4 {
    font-size: 18px;
    color: #383838;
    font-weight: 700;
    padding-bottom: 30px
}

.flightxfj-futk-list h4:nth-child(2) {
    padding-top: 35px
}

.flightxfj-futk-list p {
    font-size: 18px;
    color: #383838;
    line-height: 28px
}

.ptop35 {
    padding-top: 35px
}

.support-list {
    position: relative;
    padding-top: 49px
}

.support-list .support-list-top {
    margin-bottom: 43px
}

.support-list .support-list-top li {
    margin-right: 45px;
    border-bottom: 2px solid transparent
}

.support-list .support-list-top li:last-child {
    margin-right: 0
}

.support-list .support-list-top li {
    font-size: 18px;
    line-height: 48px;
    color: #757575;
    display: block
}

.support-list .support-list-top li a {
    padding-bottom: 10px;
    color: #757575
}

.support-list .support-list-top li.active a,.support-list .support-list-top li:hover a {
    color: #000;
    border-bottom: 2px solid #000
}

.support-list .support-list-bot {
    text-align: center;
    padding: 0 28px 125px 28px;
    flex-wrap: wrap
}

.support-list .support-list-bot li {
    width: 33.3333%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    background: #fff;
    position: relative;
    padding: 106px 0 38px 0
}

.support-list .support-list-bot li a {
    display: block;
    width: 100%
}

.support-list .support-list-bot li a h3 {
    font-size: 18px;
    line-height: 40px;
    color: #000
}

.support-list .support-list-bot li:hover a h3 {
    color: #1890ff
}

.support-list .support-list-bot li a object a {
    font-size: 16px;
    line-height: 25px;
    color: #757575;
    display: inline-block
}

.support-list .support-list-bot li:hover {
    background: #fcfcfc
}

.support-list .support-list-img {
    height: 120px;
    position: relative;
    margin-bottom: 49px
}

.support-list .support-list-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.download-list .download-list-xfj li:hover .download-list-xfjimg img,.support-list .support-list-bot li:hover .support-list-img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1)
}

.policy-list {
    position: relative;
    padding-top: 50px;
    min-height: 1012px;
    align-items: flex-start
}

.application-problem .problem-left,.mountinfo-list .mountinfo-left,.policy-list .policy-left {
    width: 20.5%;
    overflow: hidden
}

.application-problem .problem-left-menu,.mountinfo-list .mountinfo-left-menu,.policy-list .policy-left-menu {
    width: 100%;
    min-height: 288px;
    border: solid 1px #f7f7f7
}

.application-spe .problem-left .problem-left-menu li,.mountinfo-list .mountinfo-left-menu li,.policy-list .policy-left-menu li {
    position: relative;
    padding: 0 15px;
    background: 0 0;
    overflow: hidden
}

.mountinfo-list .mountinfo-left-menu li::after,.policy-list .policy-left-menu li::after,.problem-left-menu li::after {
    content: "";
    position: absolute;
    top: 40%;
    right: 16px;
    width: 5px;
    height: 11px;
    background: url(../images/poli-jticon.png) no-repeat center center
}

.mountinfo-list .mountinfo-left-menu li a,.policy-list .policy-left-menu li a,.problem-left-menu li a {
    width: 95%;
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #6c6c6c;
    overflow: hidden;
    padding: 11px 0
}

.application-spe .problem-left .problem-left-menu li.active,.mountinfo-list .mountinfo-left-menu li.active,.mountinfo-list .mountinfo-left-menu li:hover,.policy-list .policy-left-menu li.active,.policy-list .policy-left-menu li:hover {
    background: #f8f9fc
}

.application-problem .problem-right,.mountinfo-list .mountinfo-right,.policy-list .policy-right {
    width: 79.5%;
    overflow: hidden;
    padding-left: 33px
}

.policy-list .policy-right .policy-right-tit {
    font-family: "Adobe 黑体 Std";
    font-size: 24px;
    line-height: 47px;
    letter-spacing: 1px;
    color: #000
}

.policy-list .policy-right .policy-right-dec {
    padding-top: 10px;
    font-size: 18px;
    line-height: 28px;
    color: #6c6c6c
}

.policy-list .policy-right .policy-right-dec1 {
    font-size: 16px;
    color: #757575
}

.policy-list .policy-right .policy-right-ul li {
    display: none
}

.policy-list .policy-right .ptop20 {
    padding-top: 20px
}

.policy-list .policy-right .policy-right-table {
    margin-top: 10px;
    overflow: auto
}

.policy-list .policy-right .policy-right-table table,.policy-list .policy-right .policy-right-table1 table {
    width: auto;
    min-height: 324px;
    border: 1px solid #ebebec;
    max-width: 100%;
    margin-bottom: 25px
}

.policy-list .policy-right .policy-right-table table tr {
    border-bottom: 1px solid #ebebec
}

.policy-list .policy-right .policy-right-table table tr th {
    padding: 10px 15px;
    font-size: 12px;
    color: #757575;
    background: #f8f9fc;
    border-right: 1px solid #ebebec;
    text-align: center
}

.policy-list .policy-right .policy-right-table table tr th:last-child {
    text-align: center
}

.policy-list .policy-right .policy-right-table table tr td {
    font-size: 12px;
    color: #757575;
    padding: 10px 20px;
    border-right: 1px solid #ebebec;
    width: 20%;
    text-align: center
}

.policy-list .policy-right .policy-right-table table tr td:last-child {
    width: 70%;
    text-align: center
}

.policy-list .policy-right .policy-right-table1 {
    padding-bottom: 69px
}

.policy-list .policy-right .policy-right-table1 table {
    width: 100%;
    min-height: 878px;
    border: 1px solid #ebebec
}

.policy-list .policy-right .policy-right-table1 table tr th {
    background: #f8f9fc;
    font-size: 16px;
    padding: 18px 6px;
    color: #373737;
    text-align: center;
    overflow: hidden;
    border-right: 1px solid #ebebec
}

.policy-list .policy-right .policy-right-table1 table tr th:first-child {
    width: 15%
}

.policy-list .policy-right .policy-right-table1 table tr th:nth-child(2) {
    width: 33.5%
}

.policy-list .policy-right .policy-right-table1 table tr th:last-child {
    width: 58.5%
}

.policy-list .policy-right .policy-right-table1 table tr {
    text-align: center
}

.policy-list .policy-right .policy-right-table1 table tr td {
    font-size: 16px;
    color: #6c6c6c;
    text-align: left;
    line-height: 25px;
    border: 1px solid #ebebec;
    padding: 17px 17px
}

.policy-list .policy-right .policy-right-table1 .circul {
    text-align: center;
    padding: 0 25px
}

.policy-list .policy-right .policy-right-table1 .circul p {
    border-radius: 100%;
    text-align: center;
    width: 28px;
    line-height: 31px;
    height: 28px
}

.policy-list .policy-right .policy-right-table1 p i {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    font-style: normal
}

.policy-list .policy-right .policy-right-table1 p span {
    width: 95%;
    display: inline-block;
    vertical-align: top
}

.service-list {
    position: relative;
    padding-top: 76px;
    padding-bottom: 365px
}

.service-list .service-list-tit {
    font-size: 36px;
    text-align: center;
    letter-spacing: 1px;
    color: #535353
}

.service-list .service-list-ul {
    padding-top: 64px;
    width: 80%;
    margin: 0 auto
}

.service-list .service-list-icon {
    height: 75px;
    margin-bottom: 16px
}

.service-list .service-list-ul li:hover .service-list-icon img {
    -webkit-animation: bounce 1s ease 0s 1 both;
    animation: bounce 1s ease 0s 1 both
}

.service-list .service-list-ul li {
    flex: 1
}

.service-list .service-list-ul li h3 {
    text-align: center;
    font-size: 17px;
    line-height: 55px;
    color: #757575
}

.service-list .service-list-font {
    width: 68%;
    margin: 76px auto 0 auto;
    font-size: 18px;
    line-height: 28px;
    color: #898a8e
}

.service-list .service-list-font a {
    font-size: 18px;
    line-height: 28px;
    color: #898a8e
}

.patop33 {
    padding-top: 33px
}

.agent-list {
    position: relative;
    padding: 75px 0 262px 0
}

.agent-list .agent-tit,.download-list .agent-tit {
    font-size: 36px;
    text-align: center;
    letter-spacing: 1px;
    color: #000
}

.agent-list .agent-list-menu {
    padding-top: 48px
}

.agent-list .agent-list-menu li {
    margin-right: 45px
}

.agent-list .agent-list-menu li:last-child {
    margin-right: 0
}

.agent-list .agent-list-menu li a {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #757575;
    padding-bottom: 10px;
    border-bottom: 2px solid transparent
}

.agent-list .agent-list-menu li.active a,.agent-list .agent-list-menu li:hover a {
    color: #000;
    border-bottom: 2px solid #000
}

.agent-list .agent-list-mapTop {
    padding-top: 83px
}

.agent-list .agent-list-mapTop h3 {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #898a8e;
    margin-bottom: 7px
}

.agent-list .solution-lx-select {
    width: 64%;
    margin: 0 auto
}

.layui-form-select .layui-input {
    padding-right: 20px
}

.agent-list .agent-list-mapBot {
    position: relative;
    margin-top: 30px
}

.agent-list .agent-list-mapMap ul li {
    width: 100%
}

.agent-list .agent-list-mapMap .map {
    width: 60%;
    float: left;
    height: 100%
}

.agent-list .agent-list-mapMap .map img {
    max-width: none
}

.agent-list .agent-list-mapUl {
    width: 40%;
    float: left;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.agent-list .agent-list-mapUl .agent-list-mapLi:first-child {
    padding-top: 0
}

.agent-list .agent-list-mapUl .agent-list-mapLi {
    align-items: center;
    padding-bottom: 15px;
    padding-top: 10px;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer
}

.agent-list .agent-list-mapUl .agent-mapLi-left {
    width: 100%;
    padding: 10px 30px
}

.agent-list .agent-list-mapUl .agent-mapLi-left h3 {
    font-size: 18px;
    line-height: 34px;
    color: #000;
    margin-bottom: 8px
}

.agent-list .agent-list-mapUl .agent-mapLi-left p {
    font-size: 18px;
    color: #898a8e
}

.agent-list .agent-list-mapUl .agent-mapLi-cen {
    width: 30%
}

.agent-list .agent-list-mapUl .agent-mapLi-cen p {
    font-size: 18px;
    line-height: 28px;
    color: #898a8e
}

.agent-list .agent-list-mapUl .agent-mapLi-right {
    width: 15%
}

.agent-list .agent-list-mapUl .agent-mapLi-right .agent-mapLi-a {
    width: 120px;
    height: 30px;
    background-color: #535353;
    border-radius: 5px;
    float: right;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #fff
}

.agent-list .agent-list-formUl,.applylist .apply-list-formUl {
    margin: 75px auto 0 auto;
    width: 45%
}

.agent-list .agent-list-formUl li {
    width: 100%;
    position: relative;
    padding: 0 20px;
    margin-bottom: 40px
}

.agent-list .agent-list-formUl .agent-list-sele {
    margin-top: 10px;
    width: 540px;
    height: 42px;
    line-height: 48px;
    background: #fff;
    border: 1px solid #cacaca;
    position: relative;
    border-radius: 5px;
    margin: 0 auto
}

.agent-list .agent-list-formUl .agent-list-sele::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 40%;
    pointer-events: none;
    border-left: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    height: 9px;
    width: 9px;
    transform: translate(2px,-2px) rotate(-45deg);
    -webkit-transform: translate(2px,-2px) rotate(-45deg);
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    display: inline-block;
    -moz-transform: translate(2px,-2px) rotate(-45deg);
    -ms-transform: translate(2px,-2px) rotate(-45deg);
    -o-transform: translate(2px,-2px) rotate(-45deg)
}

.agent-list .agent-list-formUl .agent-list-sele select {
    border: none;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    background: unset;
    line-height: 40px;
    height: 40px;
    padding-left: 20px;
    position: relative;
    color: #666;
    color: #c4c4c4;
    font-size: 18px
}

.agent-list .agent-list-formUl label {
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #313131;
    margin-bottom: 8px;
    display: block
}

.agent-list .agent-list-formUl .agent-list-input,.applylist .apply-list-formUl .apply-list-input {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: solid 1px #cacaca;
    margin-bottom: 21px;
    padding: 0 14px;
    font-size: 18px;
    color: #c4c4c4
}

.agent-list .agent-list-formUl .agent-list-input input,.applylist .apply-list-formUl .apply-list-input input {
    width: 100%;
    line-height: 38px;
    height: 40px
}

.agent-list .agent-list-formUl .agent-list-text {
    width: 540px;
    height: 80px;
    border-radius: 5px;
    border: solid 1px #cacaca;
    padding: 5px 20px;
    margin-top: 4px
}

.agent-list .agent-list-formUl .agent-list-text textarea {
    width: 100%;
    font-size: 18px;
    color: #c4c4c4
}

.agent-list .agent-list-formUl .agent-list-submit,.applylist .apply-list-formUl .apply-list-submit {
    width: 200px;
    height: 40px;
    background-color: #313131;
    border-radius: 5px;
    margin: 46px auto 0 auto;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.agent-list .agent-list-formUl .agent-list-submit input {
    width: 100%;
    cursor: pointer
}

.agent-list .agent-list-formUl .agent-list-submit:hover {
    background: #e60012
}

.agent-list .agent-list-formUl .agent-list-input:last-child {
    margin-bottom: 0
}

.becomeagent-list {
    padding: 75px 0 45px 0
}

.agent-list .agent-list-addinput {
    width: 200px;
    height: 40px;
    border-radius: 5px;
    border: solid 1px #c4c4c4;
    font-size: 18px;
    line-height: 34px;
    text-align: center;
    color: #c4c4c4;
    cursor: pointer
}

.agent-list .InputsWrapper {
    margin-bottom: 13px
}

.agent-list .layui-inline {
    width: 32.5%;
    border: solid 1px #cacaca;
    height: 40px;
    border-radius: 5px
}

.agent-list .layui-inline:last-child {
    margin-right: 0
}

.agent-list .layui-form {
    margin-bottom: 15px;
    width: 100.8%
}

.download-list {
    padding: 75px 0 0 0;
    position: relative
}

.download-list .download-list-menu {
    padding-top: 26px;
    padding-bottom: 55px
}

.download-list .download-list-menu li {
    margin-right: 43px
}

.download-list .download-list-menu li:last-child {
    margin-right: 0
}

.download-list .download-list-menu li a {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    display: block;
    width: 100%;
    color: #757575;
    border-bottom: 2px solid transparent
}

.download-list .download-list-menu li.active a,.download-list .download-list-menu li:hover a {
    color: #010101;
    border-bottom: 2px solid #000
}

.download-list .download-list-cont {
    background: #f8f9fc;
    padding-top: 60px;
    min-height: 993px
}

.download-list .download-list-app {
    background: #fff;
    align-items: center;
    padding: 74px 76px 87px 47px
}

.download-list .download-list-appLeft {
    width: 76%
}

.download-list .download-list-appImg {
    width: 20%
}

.download-list .download-list-appImg img {
    box-shadow: 1px 1px 6px 1px #dadada;
    border-radius: 30px
}

.download-list .download-list-appFont {
    width: 80%;
    padding-left: 30px;
    padding-right: 44px
}

.download-list .download-list-appFont h3 {
    font-size: 18px;
    line-height: 48px;
    color: #1d1d1f;
    font-weight: 700
}

.download-list .download-list-appFont .download-list-appDec {
    text-align: justify;
    margin-bottom: 25px
}

.download-list .download-list-appFont .download-list-appDec,.download-list .download-list-appFont h4 {
    font-size: 16px;
    line-height: 24px;
    color: #757575
}

.download-list .download-list-appRight {
    width: 24%
}

.download-list .download-appRight-label {
    width: 120px;
    height: 40px;
    border-radius: 5px;
    text-align: center;
    align-items: center;
    margin-top: 8px
}

.download-list .download-appRight-tit p {
    font-size: 12px;
    color: #fff
}

.download-list .download-appRight-icon {
    width: 100%
}

.download-list .download-appRight-tit {
    width: 80%;
    padding-left: 3px
}

.download-list .download-appRight-tit h3 {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 2.1px;
    color: #fff
}

.download-list .download-appRight-img {
    margin-right: 25px
}

.download-list .download-appRight-img:last-child {
    margin-right: 0
}

.download-list .download-list-xfj {
    flex-wrap: wrap
}

.download-list .download-list-xfj li {
    background: #fff;
    width: 31.7%;
    position: relative;
    margin-right: 30px;
    margin-bottom: 30px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.download-list .download-list-xfj li a {
    width: 100%;
    display: block;
    padding: 47px 67px
}

.download-list .download-list-xfj li:nth-child(3n) {
    margin-right: 0
}

.download-list .download-list-xfj .download-list-xfjimg {
    width: 100%;
    height: 110px;
    position: relative;
    margin-top: 82px
}

.download-list .download-list-xfj .download-list-xfjimg img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.download-list .download-list-xfj .download-list-xfjfont {
    margin-top: 47px
}

.download-list .download-list-xfj .download-list-xfjfont h3 {
    font-weight: 700;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin-bottom: 6px
}

.download-list .download-list-xfj .download-list-xfjfont p {
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #757575
}

.download-list .download-list-xfj li:hover {
    box-shadow: 0 0 10px 1px #dbdbdb
}

.download-list .download-list-xfj li:hover .download-list-xfjfont h3,.download-list .download-list-xfj li:hover .download-list-xfjfont p {
    color: #00b7ee
}

.about-list {
    position: relative;
    padding: 52px 126px 125px 126px
}

.about-list .about-list-js {
    margin-bottom: 76px
}

.about-list .about-list-tit {
    font-weight: 700;
    font-size: 28px;
    line-height: 28px;
    padding-bottom: 22px;
    border-bottom: 1px solid #d6d6d6;
    color: #00000a
}

.about-list .about-list-jsfont {
    font-size: 18px;
    line-height: 28px;
    color: #6c6c6c;
    padding-top: 25px
}

.about-list .about-list-jsimg {
    margin-top: 30px
}

.about-list .about-list-qqbj {
    margin-bottom: 128px;
    position: relative
}

.about-list .about-list-qqbj .about-list-jsimg {
    margin-top: 88px
}

.about-list .about-list-qqbj .about-list-jsimg .about-list-pcjsimg {
    display: block
}

.about-list .about-list-qqbj .about-list-jsimg .about-list-phjsimg {
    display: none
}

.about-list .about-list-qqbjscroll {
    margin-top: 95px
}

.about-list .ul-num li {
    flex: 1;
    text-align: center
}

.about-list .ul-num .law-num-info span {
    font-weight: 700;
    font-size: 69px;
    line-height: 28px;
    color: #ff6300;
    text-align: center
}

.about-list .ul-num .law-num-info sup {
    font-size: 35px;
    text-align: center;
    color: #ff6300
}

.about-list .ul-num .ul-num-dec {
    margin-top: 21px
}

.about-list .ul-num .ul-num-dec h4 {
    font-weight: 700;
    font-size: 30px;
    line-height: 26px;
    text-align: center;
    color: #4e4e4e;
    margin-bottom: 15px
}

.about-list .ul-num .ul-num-dec p {
    font-weight: 700;
    font-size: 17px;
    text-align: center;
    color: #4e4e4e
}

.about-fzlc {
    position: relative;
    width: 100%
}

.about-fzlc ul {
    width: 100%;
    padding-top: 80px
}

.about-fzlc ul li {
    position: relative;
    margin-top: 0;
    cursor: pointer
}

.about-fzlc .about-fzlc-time {
    margin: 22px auto
}

.about-fzlc .about-fzlc-time h3 {
    font-size: 34px;
    line-height: 28px;
    text-align: center;
    color: #00000a;
    font-family: Arial
}

.about-fzlc .about-fzlc-fontr {
    position: relative;
    left: -1.6px;
    text-align: left;
    margin-left: 50%;
    border-left: 1px solid #ff6300
}

.about-fzlc .about-fzlc-list {
    position: relative
}

.about-fzlc .about-fzlc-dec {
    width: 78%;
    margin-left: 54px;
    font-size: 18px;
    line-height: 28px;
    background: #fafafa;
    color: #6c6c6c;
    padding: 32px 14px 25px 18px;
    position: relative;
    margin-bottom: 10px
}

.about-fzlc .about-fzlc-dec::before {
    content: "";
    width: 22px;
    height: 22px;
    background-color: #fff;
    border: solid 2px #ff6300;
    border-radius: 100%;
    position: absolute;
    top: 42%;
    left: -65px;
    z-index: 2
}

.about-fzlc .about-fzlc-fontl {
    text-align: left;
    border-right: 1px solid #ff6300;
    width: 50%
}

.about-fzlc .about-fzlc-fontl .about-fzlc-dec {
    width: 80%;
    margin-left: 50px;
    padding: 15px 39px
}

.about-fzlc .about-fzlc-fontl .about-fzlc-dec::before {
    left: 110.5%
}

.about-fzlc .about-fzlc-fontr .bg::before {
    background: #ff6300
}

.about-fzlc ul li:last-child {
    margin: 20px auto 0 auto
}

.contact-list {
    position: relative;
    margin-top: 43px;
    padding-bottom: 620px;
    padding-bottom: 50px
}

.contact-list .contact-list-left {
    width: 45%
}

.contact-list .contact-list-right {
    width: 45%;
    margin-top: 60px
}

.contact-list .contact-list-tit {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #313131;
    margin-bottom: 10px
}

.contact-list .conttact-list-ul img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.contact-list .conttact-list-ul p {
    font-size: 16px
}

.contact-list .conttact-list-ul em,.contact-list .conttact-list-ul span {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #313131;
    margin-right: 5px
}

.contact-list .cont-list-addrtit {
    font-weight: 700;
    font-size: 20px;
    line-height: 34px;
    color: #313131
}

.contact-list .cont-list-addr {
    padding-bottom: 20px;
    border-bottom: 1px solid #d6d6d6
}

.contact-list .cont-list-addr1 {
    border-bottom: 1px solid transparent;
    padding-top: 28px
}

.contact-list .contact-list-rightInp {
    width: 562px;
    height: 41px;
    border-radius: 5px;
    border: solid 1px #cacaca;
    padding: 0 14px;
    font-size: 18px;
    line-height: 28px;
    color: #c4c4c4;
    padding-top: 6px
}

.contact-list .contact-list-righttext {
    width: 562px;
    height: 130px;
    border-radius: 5px;
    border: solid 1px #cacaca;
    font-size: 18px;
    line-height: 28px;
    color: #c4c4c4;
    padding: 12px 14px
}

.contact-list .contact-list-rightsub {
    width: 200px;
    height: 40px;
    background-color: #313131;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    cursor: pointer
}

.contact-list .contact-list-rightsub:hover {
    background: #e60012
}

.contact-list .contact-list-rightUl li {
    text-align: right;
    margin-bottom: 20px
}

.contact-list .contact-list-rightUl li:last-child {
    text-align: center;
    margin-top: 44px
}

.new-list {
    position: relative
}

.new-list .new-list-tit {
    font-size: 30px;
    text-align: center;
    line-height: 55px;
    letter-spacing: 1px;
    color: #333;
    padding: 100px 0 40px 0
}

.new-list .new-list-top {
    position: relative
}

.new-list .new-list-menu {
    margin-bottom: 53px
}

.new-list .new-list-menu li {
    margin-right: 35px;
    text-align: center;
    overflow: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.new-list .new-list-menu li:last-child {
    margin-right: 0
}

.new-list .new-list-menu li a {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 30px;
    color: #7d7d7d;
    border-bottom: 2px solid transparent
}

.new-list .new-list-menu li.active a,.new-list .new-list-menu li:hover a {
    border-bottom: 2px solid #0f86ff
}

.new-list .new-list-search {
    width: 320px;
    position: absolute;
    right: 0;
    top: 0
}

.new-list .new-list-searchtext input {
    width: 100%;
    height: 29px;
    background-color: #fff;
    border: solid 1px #0f86ff;
    border-radius: 3px;
    padding: 0 10px;
    font-size: 14px
}

.new-list .new-list-searchbtn {
    position: relative
}

.new-list .new-list-searchbtn::before {
    content: '';
    position: absolute;
    top: 50%;
    height: 1px;
    width: 15px;
    background: #b8b8b8;
    margin-top: 0;
    right: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.new-list .new-list-searchbtn::after {
    content: '';
    position: absolute;
    top: 50%;
    height: 15px;
    width: 1px;
    background: #b8b8b8;
    margin-top: -7px;
    right: 17px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.new-list .new-list-searchcont {
    display: none
}

.new-list .new-list-searchcont ul {
    width: 100%;
    background-color: #fff;
    border: solid 1px #b5b5b5;
    padding: 14px 18px;
    overflow: hidden
}

.new-list .new-list-searchcont li a {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    color: #2f2f2f
}

.new-list .new-list-bot {
    flex-wrap: wrap
}

.new-list .new-list-bot li {
    width: 32.3%;
    overflow: hidden;
    margin-right: 19px;
    margin-bottom: 53px;
    box-shadow: 0 8px 9px 0 rgba(165,162,163,.27);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.new-list .new-list-bot li:nth-child(3n) {
    margin-right: 0
}

.new-list .new-list-botimg {
    overflow: hidden;
    width: 100%;
    max-height: 233px
}

.new-list .new-list-botimg img,.video-list .video-list-right .video-list-infocont li .mask-bg-img {
    width: 100%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.new-list .new-list-bot li:hover .new-list-botimg img,.video-list .video-list-right .video-list-infocont li:hover .mask-bg-img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1)
}

.new-list .new-list-botfont {
    padding: 28px 28px 26px 28px;
    background-color: #fff
}

.new-list .new-list-botfontTit {
    height: 100px;
    width: 100%;
    font-size: 24px;
    line-height: 34px;
    color: #000
}

.new-list .new-list-botfontTit h3 {
    font-size: 24px;
    line-height: 34px;
    color: #000
}

.new-list .new-list-time {
    margin-top: 32px
}

.new-list .new-list-tag {
    width: 74px;
    height: 22px;
    background-color: #5b5b5b;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #fff
}

.new-list .new-list-date {
    font-size: 16px;
    line-height: 22px;
    color: #4e4e50;
    padding-left: 10px
}

.new-list .new-list-more {
    width: 64px;
    font-size: 16px;
    line-height: 30px;
    display: block;
    text-align: center;
    margin: 40px auto 177px auto;
    border-bottom: 2px solid #0f86ff;
    color: #000
}

.new-list .new-list-more:hover,.new-list .new-list-searchcont li a:hover {
    color: #0f86ff
}

.new-list .new-list-bot li:hover .new-list-tag {
    background: #0f86ff
}

.newinfo-list {
    position: relative;
    margin: 98px auto 260px auto
}

.newinfo-list .newinfo-list-cont {
    width: 66%;
    margin: 0 auto
}

.newinfo-list .newinfo-list-tit {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    line-height: 50px;
    letter-spacing: 1px;
    color: #4d4c4f
}

.newinfo-list .new-list-time {
    margin-top: 17px
}

.newinfo-list .new-list-tag {
    width: 86px;
    height: 22px;
    background-color: #5b5b5b;
    font-size: 16px;
    text-align: center;
    line-height: 22px;
    color: #fff;
    display: block
}

.newinfo-list .new-list-date {
    font-size: 24px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #4e4e50;
    padding-left: 14px
}

.newinfo-list .newinfo-list-contTop {
    padding-bottom: 30px;
    border-bottom: 1px solid #e3e1e1
}

.newinfo-list .newinfo-list-font {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e3e1e1
}

.newinfo-list .newinfo-list-font img {
    margin-bottom: 48px
}

.newinfo-list .newinfo-list-font p {
    font-size: 18px;
    line-height: 30px;
    color: #707070
}

.newinfo-list .newinfo-list-font h3 {
    font-size: 22px;
    font-weight: 700;
    color: #707070;
    margin: 40px auto
}

.newinfo-list .newinfo-list-tip {
    font-size: 18px;
    line-height: 50px;
    color: #4d4c4f;
    margin-top: 3px
}

.newinfo-list .newinfo-list-back {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    font-weight: 700;
    color: #4975ba
}

.newinfo-list .newinfo-list-back b {
    padding-right: 10px
}

.newinfo-list .newinfo-list-back:hover {
    color: #e60012
}

.newinfo-list .newinfo-list-share {
    position: absolute;
    top: 0;
    right: 0
}

.newinfo-list .foot-share {
    width: 68px;
    height: 280px;
    background-color: #dfe7f2;
    margin-top: 31px;
    padding: 45px 17px 44px 20px;
    overflow: hidden
}

.newinfo-list .foot-share a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: block;
    padding-left: 0;
    margin-right: 0;
    font-size: 35px;
    color: #4975ba;
    margin-bottom: 15px
}

.newinfo-list .foot-share a:last-child {
    margin-bottom: 0;
    font-size: 30px;
    padding-top: 5px
}

.newinfo-list .foot-share a:hover {
    color: #0f86ff
}

.footer .footer-phone .foot-share a:hover {
    color: #fff
}

.privacy-list {
    position: relative;
    padding-top: 35px;
    padding-bottom: 108px
}

.privacy-list h3 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #6c6c6c
}

.privacy-list p {
    font-size: 18px;
    color: #6c6c6c;
    line-height: 28px;
    margin-top: 3px
}

.pstop27 {
    padding-top: 27px
}

.video-list {
    position: relative;
    padding-top: 51px;
    padding-bottom: 143px
}

.video-list .video-list-left {
    width: 20.5%;
    overflow: hidden
}

.video-list .video-list-leftUl {
    width: 100%;
    min-height: 294px;
    border: solid 1px #efefef
}

.video-list .video-list-leftUl li {
    position: relative;
    padding: 0 30px;
    background: 0 0
}

.video-list .video-list-leftUl li a {
    width: 100%;
    display: block;
    font-size: 16px;
    line-height: 48px;
    color: #6c6c6c
}

.video-list .video-list-leftUl li.active,.video-list .video-list-leftUl li:hover {
    background-color: #f8f9fc
}

.video-list .video-list-right {
    width: 79.5%;
    overflow: hidden;
    padding-left: 38px
}

.video-list .video-list-right .video-list-h3 {
    font-size: 18px;
    line-height: 34px;
    font-weight: 700;
    color: #333;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 3px
}

.video-list .video-list-right .sp-list {
    position: relative
}

.video-list .video-list-right .sp-list .mask-bg {
    background: #000;
    max-height: 500px;
    overflow: hidden
}

.video-list .video-list-right .sp-list .mask-bg>img {
    width: 100%;
    max-height: 180px;
    overflow: hidden
}

.video-list .video-list-right .sp-list .mask-bg .mask-bg-img {
    width: 100%;
    opacity: .75
}

.video-list .video-list-right .sp-list .video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.video-list .video-list-right .sp-list .video-btn span {
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
    display: inline-block
}

.vclose {
    position: absolute;
    right: .5%;
    top: 1%;
    cursor: pointer;
    border: 2px solid #c00;
    border-radius: 50%
}

.videos {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: 1000px;
    height: 650px
}

.videos .video {
    width: 100%;
    height: 100%;
    background: #000
}

.masklayer {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(0,0,0,.8);
    z-index: 1000;
    -webkit-user-select: none;
    -ms-user-select: none
}

.video-list .video-list-right .video-list-infocont {
    flex-wrap: wrap;
    margin-top: 30px
}

.video-list .video-list-right .video-list-infocont li {
    width: 32.7%;
    margin-right: 9px;
    margin-bottom: 43px;
    cursor: pointer;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    background: #fff
}

.video-list .video-list-right .video-list-infocont li:nth-child(3n) {
    margin-right: 0
}

.video-list .video-list-right .video-list-righttit {
    font-weight: 700;
    text-align: center;
    font-size: 18px;
    line-height: 34px;
    color: #333;
    padding: 19px
}

.video-list .video-list-right .video-list-infocont li:hover .video-list-righttit {
    color: #0f86ff
}

.video-list .video-list-right .video-list-infocont li:hover {
    box-shadow: 0 8px 9px 0 rgb(165 162 163 / 27%)
}

.video-list .video-list-right .video-list-info {
    margin-top: 32px
}

.video-list .video-list-right .video-list-info:first-child {
    margin-top: 0
}

.flightxfj-list .flightxfj-list-mobilemenu {
    display: none
}

.flightxfj-list .flightxfj-list-mobilemenuaName {
    font-size: 18px;
    font-weight: 700
}

.flightxfj-list .flightxfj-list-mobilemenuaName img {
    display: inline-block;
    float: right;
    width: 15px;
    margin-top: 4px
}

.flightxfj-list .flightxfj-list-mobilemenu>ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 15;
    background-color: #fff;
    box-shadow: 0 1px 4px 1px #f1f1f1;
    display: none
}

.flightxfj-list .flightxfj-list-mobilemenu>ul>li a {
    display: block;
    line-height: 42px;
    padding: 0 15px;
    font-size: 15px
}

.feedback-list {
    position: relative;
    padding-bottom: 385px
}

.feedback-list .video-list-leftUl {
    min-height: 94px
}

.feedback-list .noflight-applypersonal-area {
    position: relative;
    width: 525px;
    overflow: hidden
}

.feedback-list .video-list-right li {
    margin-bottom: 30px
}

.feedback-list .video-list-right li:last-child {
    margin-bottom: 0
}

.feedback-list .video-list-right {
    padding-left: 116px;
    width: 50.5%
}

.feedback-list .feedback-list-text {
    width: 525px;
    height: 106px;
    border-radius: 5px;
    border: solid 1px #cacaca;
    font-size: 18px;
    color: #c4c4c4;
    padding: 10px 15px
}

.feedback-list .feedback-list-a input {
    width: 200px;
    height: 40px;
    background-color: #313131;
    border-radius: 5px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    margin: 61px auto 0 auto;
    cursor: pointer;
    display: block
}

.feedback-list .video-list-leftUl li {
    padding: 0 15px
}

.noflight-close {
    position: relative;
    padding-bottom: 61px
}

.noflight-close .video-list-right {
    width: 67%
}

.noflight-close .noflight-closeimg {
    overflow: hidden
}

.noflight-close .noflight-closeimg img {
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.noflight-close .noflight-closeimg img:hover {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1)
}

.noflight-close .noflight-close-label {
    font-size: 18px;
    line-height: 28px;
    color: #828282
}

.noflight-close .noflight-close-p {
    font-size: 18px;
    line-height: 28px;
    color: #313131
}

.noflight-close .feedback-list-text {
    width: 705px
}

.noflight-close .video-list-right li:first-child {
    padding-left: 0
}

.noflight-close .video-list-right li {
    padding-left: 14px
}

.application-banner {
    position: relative;
    background: #fff;
    padding-top: 90px;
    padding-bottom: 105px
}

.application-banner h3 {
    font-size: 36px;
    text-align: center;
    line-height: 45px;
    letter-spacing: 1px;
    color: #000
}

.application-list {
    position: relative;
    min-height: 1900px;
    background: #f7f7f7;
    margin-top: 72px;
    padding-bottom: 50px;
    min-height: 100vh
}

.application-list .application-list-left {
    width: 17.6%
}

.application-list .application-list-left ul {
    width: 100%;
    min-height: 378px;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #dcdcdc;
    padding-top: 18px
}

.application-list .application-list-left ul li {
    overflow: hidden
}

.application-list .application-list-left ul li a {
    padding: 10px 22px 10px 37px;
    font-size: 14px;
    color: #a0a0a0;
    line-height: 22px;
    display: block;
    position: relative;
    overflow: hidden
}

.application-list .application-list-left ul li a::before {
    content: "";
    position: absolute;
    top: 48%;
    left: 22px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: 5px;
    height: 16px;
    background-color: #fff
}

.application-list .application-list-right {
    width: 82.4%;
    padding-left: 38px
}

.application-list .application-list-left ul li.active a,.application-list .application-list-left ul li:hover a {
    color: #3d3d3d
}

.application-list .application-list-left ul li.active a::before,.application-list .application-list-left ul li:hover a::before {
    background-color: #dcdcdc
}

.application-list .application-list-right ul {
    flex-wrap: wrap
}

.application-list .application-list-right li {
    width: 48.7%;
    background: #fff;
    margin-right: 25px;
    margin-bottom: 34px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    position: relative
}

.application-list .application-list-right li:nth-child(2n) {
    margin-right: 0
}

.application-list .application-list-right li>a {
    display: block;
    width: 100%;
    padding: 21px 20px 35px 20px
}

.application-list .application-list-rightimg {
    height: 230px;
    position: relative
}

.application-list .application-list-rightimg img {
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.application-list .application-list-right li:hover .application-list-rightimg img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1)
}

.application-list .application-list-rightfont {
    margin-top: 32px
}

.application-list .application-list-rightfont h3 {
    font-size: 18px;
    text-align: center;
    line-height: 32px;
    color: #000;
    margin-bottom: 3px
}

.application-list .application-list-rightfont a {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #757575;
    display: block;
    width: 100%
}

.application-list .application-list-right li:hover {
    box-shadow: 0 8px 9px 0 rgb(165 162 163 / 27%)
}

.zypj-list {
    display: none;
    position: relative
}

.industry-list .application-list-right li>a {
    padding: 21px 20px 55px 20px
}

.mountinfo-list {
    position: relative;
    margin: 55px auto 85px auto
}

.mountinfo-list .mountinfo-right-ul li {
    background-color: #fff;
    border: solid 1px #ededed;
    padding: 51px 80px;
    align-items: center;
    margin-bottom: 31px
}

.mountinfo-list .mountinfo-right-ul li:last-child {
    margin-bottom: 0
}

.mountinfo-list .mountinfo-right-font {
    width: 40%
}

.mountinfo-list .mountinfo-right-h3 {
    font-size: 28px;
    letter-spacing: 1px;
    color: #000
}

.mountinfo-list .mountinfo-right-fontdec p {
    position: relative;
    font-size: 18px;
    line-height: 39px;
    padding-left: 23px;
    color: #000
}

.mountinfo-list .mountinfo-right-fontdec {
    margin-top: 16px
}

.mountinfo-list .mountinfo-right-fontdec p::before {
    width: 3px;
    height: 3px;
    border-radius: 100%;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    left: 7px;
    background: #000
}

.mountinfo-list .mountinfo-right-img {
    width: 60%
}

.application-spe .flightxfj-list-pcmenu {
    background: #111
}

.application-spe .flightxfj-list-pcmenu .flightxfj-list-menuLeft h1,.application-spe .flightxfj-list-pcmenu .flightxfj-list-menuLeft h3,.application-spe .flightxfj-list-pcmenu .flightxfj-list-menuRight a {
    color: #f4f4f4
}

.application-spe .flightxfj-list-pcmenu .flightxfj-list-menuRight li a.tab-active,.application-spe .flightxfj-list-pcmenu .flightxfj-list-menuRight li:hover a {
    color: #e60012
}

.application-spe .flightxfj-list-pcmenu .flightxfj-list-menuRight li {
    width: auto;
    margin-left: 26px
}

.application-spe .flightxfj-list-pcmenu .flightxfj-list-menuRight li:first-child {
    margin-left: 0
}

.application-spe .application-spe-top {
    padding-top: 92px;
    background: #000
}

.application-spe .application-spe-topfont {
    text-align: center;
    color: #f4f4f4
}

.application-spe .application-spe-topfont h3 {
    font-size: 43px;
    line-height: 50px;
    letter-spacing: 0;
    margin-bottom: 30px
}

.application-spe .application-spe-topfont p {
    font-size: 60px
}

.application-spe .application-spe-topimg {
    padding-top: 56px
}

.application-spe .insrecruit-list {
    margin-top: 0;
    padding-bottom: 44px
}

.application-spe ul {
    padding-top: 0
}

.application-spe .insrecruit-list li {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.application-spe .insrecruit-list .rectue-top {
    padding: 24px 0
}

.application-spe .insrecruit-list .rectue-top span {
    font-size: 38px;
    line-height: 60px;
    color: #fff
}

.application-spe .insrecruit-list .rectue-top .icon em {
    background-color: #f9f9f9
}

.application-spe .insrecruit-list li.cur .rectue-top .icon em:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.application-spe .insrecruit-list li.cur .rectue-top .icon em:nth-child(2) {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 1
}

.application-spe .application-spe-bot .rectue-min {
    display: block
}

.application-spe .rectue-min table {
    width: 100%;
    border-spacing: 0;
    color: #fff;
    padding: 0 2%
}

.application-spe .rectue-min table tbody {
    width: 100%
}

.application-spe .rectue-min table tr {
    display: flex;
    font-size: 18px;
    padding: 17px 10px;
    color: #fff
}

.application-spe .rectue-min table tr:nth-child(odd) {
    padding: 20px 10px
}

.application-spe .rectue-min table,.application-spe .rectue-min table td,.application-spe .rectue-min table th,.application-spe .rectue-min table tr {
    display: flex
}

.application-spe .rectue-min table tr td:first-child {
    width: 35%
}

.application-spe .rectue-min table tr td:nth-child(2) {
    flex: 1
}

.application-spe .insrecruit-list li:nth-child(even) .rectue-min table tr:nth-child(odd),.application-spe .insrecruit-list li:nth-child(odd) .rectue-min table tr:nth-child(even) {
    background-color: #262626
}

.application-down .flightxfj-list-pcmenu {
    background: #fff
}

.application-down .flightxfj-list-pcmenu .flightxfj-list-menuLeft h3 {
    color: #000
}

.application-down .flightxfj-list-pcmenu .flightxfj-list-menuRight li a.tab-active,.application-down .flightxfj-list-pcmenu .flightxfj-list-menuRight li:hover a {
    color: #999;
    color: #00b7ee
}

.application-down .flightxfj-list-pcmenu .flightxfj-list-menuRight a {
    color: #666
}

.application-down .flightxfj-list {
    border-bottom: solid 2px #c6c6c6
}

.application-down .application-down-list {
    padding-top: 31px;
    min-height: 1054px
}

.application-down .application-down-ul {
    padding-top: 26px
}

.application-down .application-down-ul li {
    align-items: center;
    padding: 16px 9px
}

.application-down .application-down-ul li:nth-child(odd) {
    background-color: #f5f5f5
}

.application-down .application-down-tit {
    font-size: 24px;
    line-height: 26px;
    color: #000
}

.application-down .application-down-lih4 {
    width: 36%;
    font-size: 16px;
    color: #000
}

.application-down .application-down-edit {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis
}

.application-down .application-down-time {
    font-size: 14px;
    color: #707070
}

.application-down .application-down-operation {
    margin-left: 64px
}

.application-down .application-down-operation a {
    font-size: 16px;
    color: #0091ff
}

.application-down .application-down-operation span {
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px
}

.application-down .application-down-operation img {
    margin-left: 5px;
    display: inline-block;
    width: 17px;
    height: 16px;
    vertical-align: middle
}

.application-down .application-down-operation a:hover {
    color: #e60012
}

.application-problem {
    position: relative;
    padding-bottom: 283px
}

.application-problem .insrecruit-list {
    margin-top: 95px
}

.application-problem .insrecruit-list li {
    padding: 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: none
}

.application-problem .insrecruit-list li:first-child {
    border-top: 1px solid transparent
}

.application-problem .insrecruit-list li:last-child {
    border-bottom: 1px solid #e5e5e5
}

.application-problem .insrecruit-tit {
    margin-bottom: 65px
}

.application-problem .insrecruit-tit h3 {
    font-size: 40px;
    text-align: center;
    line-height: 55px;
    color: #000;
    margin-bottom: 12px
}

.application-problem .insrecruit-tit p {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #000
}

.application-problem .insrecruit-list .rectue-top {
    padding: 0 18px
}

.application-problem .insrecruit-list .rectue-top span {
    color: #000;
    font-size: 18px
}

.application-problem .insrecruit-list .rectue-top .icon em {
    background: #b2b2b2
}

.application-problem .insrecruit-list li .rectue-min {
    background-color: #f8f9fc;
    font-size: 18px;
    color: #4c4c4c;
    padding: 40px 30px 35px 30px
}

.applicationinfo-cont1 {
    position: relative;
    background: #000
}

.applicationinfo-cont1 .applicationinfo-cont1-font {
    width: 32.5%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    text-align: center;
    z-index: 9
}

.applicationinfo-cont1 .applicationinfo-cont1-fonttit h3 {
    font-size: 54px;
    letter-spacing: 1px;
    color: #fff;
    margin-bottom: 30px
}

.applicationinfo-cont1 .applicationinfo-cont1-fonttit p {
    font-size: 34px;
    letter-spacing: 1px;
    color: #fff
}

.applicationinfo-cont1 .applicationinfo-cont1-fonticon {
    height: 65px;
    position: relative;
    margin-bottom: 10px
}

.applicationinfo-cont1 .applicationinfo-cont1-fonticon img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.applicationinfo-cont1 .applicationinfo-cont1-fontul {
    margin-top: 37px
}

.applicationinfo-cont1 .applicationinfo-cont1-fontul li {
    flex: 1;
    text-align: center
}

.applicationinfo-cont1 .applicationinfo-cont1-fontul li p {
    font-size: 18px;
    line-height: 30px;
    color: #999
}

.applicationinfo-cont2 {
    position: relative;
    background: #0d0d0d;
    padding: 131px 0 105px 0
}

.applicationinfo-cont2 .applicationinfo-cont2-tit {
    font-weight: 700;
    font-size: 60px;
    text-align: center;
    color: #fff
}

.applicationinfo-cont2 .applicationinfo-cont2-ul {
    padding-top: 137px;
    flex-wrap: wrap
}

.applicationinfo-cont2 .applicationinfo-cont2-ul li {
    width: 46%;
    margin-right: 100px;
    margin-bottom: 70px
}

.applicationinfo-cont2 .applicationinfo-cont2-ul li:nth-child(2n) {
    margin-right: 0
}

.applicationinfo-cont2 .applicationinfo-cont2-img {
    width: 23.5%
}

.applicationinfo-cont2 .applicationinfo-cont2-imgicon {
    position: relative
}

.applicationinfo-cont2 .applicationinfo-cont2-font {
    width: 77.5%;
    padding-left: 28px
}

.applicationinfo-cont2 .applicationinfo-cont2-fonttit {
    font-size: 26px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 24px
}

.applicationinfo-cont2 .applicationinfo-cont2-fontdec {
    font-size: 20px;
    line-height: 26px;
    color: #999
}

.applicationinfo-cont3 {
    position: relative;
    background: #111;
    padding-top: 129px;
    overflow: hidden
}

.applicationinfo-cont3-tit h3 {
    font-weight: 700;
    font-size: 48px;
    text-align: center;
    color: #fff;
    margin-bottom: 35px
}

.applicationinfo-cont3-tit .applicationinfo-cont3-titp {
    width: 80%;
    margin: 0 auto;
    font-size: 20px;
    line-height: 30px;
    color: #fff
}

.applicationinfo-cont3 .applicationinfo-cont3-img {
    width: 100%;
    position: relative
}

.applicationinfo-cont3 .applicationinfo-cont3-img img {
    margin: 0;
    float: right
}

.footer {
    position: relative
}

.applicationinfo-cont4 {
    position: relative;
    overflow: hidden;
    padding-top: 360px
}

.applicationinfo-cont4 .applicationinfo-cont3-tit {
    width: 26%;
    position: absolute;
    top: 35%;
    transform: translateY(-35%);
    -webkit-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
    -o-transform: translateY(-35%);
    -moz-transform: translateY(-35%)
}

.applicationinfo-cont4 .applicationinfo-cont3-tit .applicationinfo-cont3-titp,.applicationinfo-cont4 .applicationinfo-cont3-tit h3 {
    text-align: left
}

.applicationinfo-cont4 .applicationinfo-cont3-tit .applicationinfo-cont3-titp {
    width: 100%
}

.applicationinfo-cont4 .applicationinfo-cont3-min {
    margin-top: 38px
}

.applicationinfo-cont4 .applicationinfo-cont3-min h2 {
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    text-align: left
}

.applicationinfo-cont4 .applicationinfo-cont3-min h2 span {
    font-size: 90px;
    color: #fff
}

.applicationinfo-cont4 .applicationinfo-cont3-min p {
    font-size: 28px;
    color: #fff;
    padding-left: 13px
}

.applicationinfo-cont4 .applicationinfo-cont3-topimg {
    position: absolute;
    top: 66px
}

.applicationinfo-cont4 .applicationinfo-cont3-botimg img,.applicationinfo-cont4 .applicationinfo-cont3-topimg img {
    margin: 0
}

.applicationinfo-cont4 .applicationinfo-cont3-botimg {
    float: right
}

.applicationinfo-cont5 {
    position: relative;
    padding-bottom: 130px;
    padding-top: 211px;
    background: #0f0f0f
}

.applicationinfo-cont5 .applicationinfo-cont5-img {
    width: 100%;
    padding-left: 12%;
    margin-top: -381px
}

.applicationinfo-cont5 .applicationinfo-cont5-font h3 {
    font-weight: 700;
    font-size: 60px;
    text-align: center;
    color: #fff;
    text-align: left;
    margin-bottom: 25px
}

.applicationinfo-cont5 .applicationinfo-cont5-font p {
    font-size: 20px;
    line-height: 26px;
    text-align: left;
    color: #999
}

.applicationinfo-cont6 {
    position: relative;
    overflow: hidden;
    background: #030000;
    padding-top: 279px;
    padding-bottom: 270px
}

.applicationinfo-cont6 .applicationinfo-cont6-fontli {
    width: 40%
}

.applicationinfo-cont6 .applicationinfo-cont6-font {
    margin-top: 105px
}

.applicationinfo-cont6 .applicationinfo-cont6-font h3,.applicationinfo-cont7 .applicationinfo-cont7-font h3 {
    font-weight: 700;
    font-size: 60px;
    text-align: left;
    color: #fff;
    margin-bottom: 38px
}

.applicationinfo-cont6 .applicationinfo-cont6-font p,.applicationinfo-cont7 .applicationinfo-cont7-font p {
    font-size: 18px;
    line-height: 26px;
    color: #999
}

.applicationinfo-cont7 {
    position: relative;
    overflow: hidden;
    padding-top: 102px;
    background: #050505
}

.applicationinfo-cont7 .applicationinfo-cont7-font {
    width: 60%;
    margin: 0 auto
}

.applicationinfo-cont7 .applicationinfo-cont7-font h3,.applicationinfo-cont7 .applicationinfo-cont7-font p {
    text-align: center
}

.contrast-info-list {
    position: relative;
    padding-top: 109px;
    padding-bottom: 120px
}

.contrast-info-list h3 {
    font-size: 60px;
    font-weight: 700;
    text-align: center;
    color: #000
}

.contrast-info-list .contrast-info-listul {
    margin-top: 75px
}

.contrast-info-list .contrast-info-listul li {
    width: 33.3333%;
    padding-left: 35px;
    padding-right: 90px;
    overflow: hidden
}

.contrast-info-list .contrast-listul-img {
    height: 150px;
    position: relative
}

.contrast-info-list .contrast-listul-img img,.livedeck-info .livedeck-info-topulimg img {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.contrast-info-list .contrast-info-listul h4 {
    font-size: 24px;
    font-weight: 700;
    color: #000
}

.contrast-info-list .contrast-info-listul dl {
    margin-top: 35px
}

.contrast-info-list .contrast-info-listul dl dd {
    margin-bottom: 27px
}

.contrast-info-list .contrast-info-listul dl dd:last-child {
    margin-bottom: 0
}

.contrast-info-list .contrast-info-listul dl dd p {
    font-size: 18px;
    line-height: 21px;
    color: #000
}

.contrast-info-list .contrast-listul-a {
    font-size: 16px;
    line-height: 21px;
    color: #0f86ff
}

.contrast-info-list .contrast-info-listul li:hover .contrast-listul-img img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.contrast-info-list .contrast-listul-a:hover {
    color: #e60012
}

.livedeck-info {
    position: relative
}

.livedeck-info .livedeck-info-top {
    position: relative
}

.livedeck-info .livedeck-info-topfonttit {
    margin: 0;
    padding-bottom: 68px
}

.livedeck-info .livedeck-info-topfont {
    width: 29%;
    position: absolute;
    top: 22%;
    transform: translateY(-22%);
    -webkit-transform: translateY(-22%);
    -ms-transform: translateY(-22%);
    -o-transform: translateY(-22%);
    -moz-transform: translateY(-22%);
    z-index: 9
}

.livedeck-info .livedeck-info-topulimg {
    height: 70px;
    position: relative
}

.livedeck-info .livedeck-info-topulimg img {
    right: 0
}

.livedeck-info .livedeck-info-topul {
    flex-wrap: wrap;
    opacity: 0
}

.livedeck-info .livedeck-info-topul li {
    width: 33.333%;
    margin-top: 64px
}

.livedeck-info .livedeck-info-topulfont {
    font-size: 18px;
    text-align: center;
    color: #fff;
    margin-top: 12px
}

.livedeck-info .livedeck-info-bot {
    background-color: #fff
}

.livedeck-info .livedeck-bot-ulfont {
    width: 60%;
    padding-right: 70px
}

.livedeck-info .livedeck-bot-ul li {
    padding: 55px 0
}

.livedeck-info .livedeck-bot-li {
    align-items: center
}

.livedeck-info .livedeck-bot-ul li:nth-child(odd) {
    background-color: #ffff
}

.livedeck-info .livedeck-bot-ul li:nth-child(even) {
    background-color: #f5f5f5
}

.livedeck-info .livedeck-bot-ulfont h3 {
    font-size: 30px;
    line-height: 30px;
    color: #000;
    margin-bottom: 20px
}

.livedeck-info .livedeck-bot-ulfontdec {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #000
}

.livedeck-info .livedeck-bot-ulimg {
    width: 40%
}

.arowana-form {
    position: relative;
    padding-top: 90px;
    padding-bottom: 54px;
    overflow: hidden
}

.arowana-form .arowana-form-tit {
    font-size: 28px;
    line-height: 41px;
    font-weight: 700;
    text-align: center;
    color: #fff
}

.arowana-form .arowana-form-list ul {
    flex-wrap: wrap;
    align-items: center;
    margin-top: 62px
}

.arowana-form .arowana-form-list ul li {
    width: 45%;
    margin-bottom: 27px;
    margin-right: 60px
}

.arowana-form .arowana-form-list ul li:nth-child(2n) {
    margin-right: 0
}

.arowana-form .arowana-form-list ul li label {
    width: 34.5%;
    font-size: 18px;
    color: #fff;
    text-align: right;
    line-height: 33px;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 9px
}

.arowana-form .arowana-form-list .arowana-form-input {
    width: 65.5%;
    height: 33px;
    background-color: #4d4d4d;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #fff
}

.arowana-form .arowana-form-list .arowana-form-input input {
    padding: 0 20px;
    width: 100%;
    height: 35px
}

.arowana-form .arowana-form-checked {
    width: 16px;
    height: 15px;
    background-color: #fbfbfb;
    border-radius: 1px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    text-align: center
}

.arowana-form .arowana-form-checked:checked::after {
    content: "✓";
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 18px;
    font-weight: 700;
    color: #e60012;
    text-align: center
}

.arowana-form .arowana-form-check span {
    font-size: 13px;
    color: #fff;
    padding-left: 5px;
    display: inline-block;
    vertical-align: middle
}

.arowana-form .arowana-form-list ul li:last-child,.arowana-form .arowana-form-list ul li:nth-child(10) {
    width: 100%
}

.arowana-form .arowana-form-text {
    height: 103px;
    background-color: #4d4d4d;
    border-radius: 5px;
    overflow: hidden;
    font-size: 18px;
    padding: 10px 20px;
    color: #fff
}

.arowana-form .arowana-form-list ul li:nth-child(10) label {
    width: 15.5%
}

.arowana-form .arowana-form-list ul li:nth-child(11) {
    position: relative
}

.arowana-form .arowana-form-sub {
    width: 172px;
    height: 46px;
    border-radius: 5px;
    border: solid 1px #fff;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    line-height: 46px;
    color: #fff;
    margin: 0 auto
}

.arowana-form .arowana-form-sub:hover {
    color: #e60012;
    border: 1px solid #e60012
}

.arowana-form .arowana-form-check,.arowana-form .arowana-form-sele {
    position: relative;
    width: 65.5%;
    height: 33px
}

.arowana-form .arowana-form-sele select {
    width: 100%;
    font-size: 16px;
    line-height: 33px;
    color: #fff;
    text-align: center;
    -webkit-appearance: none;
    border: solid 1px #4d4d4d;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    background: #4d4d4d
}

.arowana-form .arowana-form-sele::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 15px;
    pointer-events: none;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    height: 9px;
    width: 9px;
    transform: translate(2px,-2px) rotate(-45deg);
    -webkit-transform: translate(2px,-2px) rotate(-45deg);
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    display: inline-block;
    -moz-transform: translate(2px,-2px) rotate(-45deg);
    -ms-transform: translate(2px,-2px) rotate(-45deg);
    -o-transform: translate(2px,-2px) rotate(-45deg)
}

.tablepc table {
    width: 100%
}

.tablepc tr {
    font-size: 16px;
    color: #e4e4e4;
    border-bottom: 1px solid #e4e4e43d;
    line-height: 24px
}

.tablepc tr td {
    font-size: 16px;
    color: #e4e4e4;
    border-bottom: 1px solid #e4e4e43d;
    line-height: 24px;
    padding: 10px 10px;
    width: 25%;
    text-align: center
}

.foot-form label.error {
    color: #fff
}

.app {
    display: none
}

.contact-list .contact-list-rightInp {
    padding-right: 70px
}

.arowana-form .arowana-form-list ul li label.error,.contact-list .contact-list-rightUl li label.error,.lable.error,.tip {
    width: auto;
    color: #ef4e65;
    font-size: 14px;
    line-height: 16px
}

#select .arowana-form-sele .error {
    right: 40px
}

#contactForm1 label.error {
    color: #fff;
    display: block
}

.flightxfj-list-menuLeft h1,.flightxfj-list-menuLeft h3 {
    cursor: pointer
}

.foot-form label.error {
    color: #fff
}

.agent-list .agent-list-formUl label.error {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.none {
    display: none
}

.appfenxiang {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: rgb(0 0 0 / 68%);
    z-index: 99999999;
    display: none
}

.appfenxiang .appfx {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.cwgys {
    width: 600px;
    margin: auto;
    margin-top: 5%
}

.cwgys h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 3%
}

.cwgys em {
    display: block;
    width: 100%;
    height: 1px;
    margin: 5% 0
}

.cwgys .gsy-tj {
    text-align: center;
    margin-top: 10%
}

.cwgys .file-tj {
    display: inline-block;
    font-size: 18px;
    color: #c5c5c5;
    border: 1px solid #c5c5c5;
    padding: 5px 5%;
    border-radius: 5px;
    cursor: pointer;
    position: relative
}

.cwgys .file-tj input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer
}

.file-tj:hover {
    color: #000
}

.cwgys .file-tj img {
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px
}

.cwgys .gsy-tj input {
    background-color: #000;
    color: #fff;
    font-size: 18px;
    padding: 5px 10%;
    border-radius: 10px;
    cursor: pointer
}

.cwgys ul li {
    margin-bottom: 3%
}

.cwgys ul li h5 {
    font-size: 18px;
    display: inline-block;
    width: 20%
}

.cwgys ul li h5 span {
    color: red;
    display: inline-block;
    width: 12px;
    text-align: left
}

.cwgys ul li input,.cwgys ul li textarea {
    font-size: 18px;
    border: 1px solid #cacaca;
    padding: 5px 10px;
    border-radius: 5px;
    width: 79%;
    line-height: 24px
}

.cwgys ul li input::-webkit-input-placeholder,.cwgys ul li textarea::-webkit-input-placeholder {
    font-size: 18px;
    color: rgba(158,158,158,.8509803921568627)
}

.cwgys ul li textarea {
    height: 120px;
    vertical-align: top
}

.dx-anniu {
    display: inline-block
}

.dx-anniu p {
    display: inline-block;
    font-size: 18px;
    margin-right: 30px;
    cursor: pointer
}

.dx-anniu p label {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #cacaca;
    border-radius: 50%;
    vertical-align: text-bottom;
    margin-right: 10px
}

.dx-anniu .on label {
    background-color: #cacaca
}

@media (max-width: 971px) {
    .cwgys {
        width:100%
    }

    .cwgys h3 {
        font-size: 18px;
        margin-bottom: 25px
    }

    .cwgys ul li h5 {
        width: 100%;
        margin-bottom: 10px;
        font-size: 16px
    }

    .cwgys ul li input,.cwgys ul li textarea {
        width: 100%
    }

    .cwgys ul li {
        margin-bottom: 20px
    }

    .cwgys ul li input::-webkit-input-placeholder,.cwgys ul li textarea::-webkit-input-placeholder {
        font-size: 16px
    }

    .dx-anniu p {
        font-size: 16px
    }
}

.cwgys label.error {
    float: right
}

.cwgys .file-tj.on img {
    display: none
}

.cwgys .file-tj.on span {
    display: none
}

.cwgys .file-tj.on input {
    opacity: 1;
    width: 100%;
    position: static;
    border: 0
}

.problem-right .problem-right-tit {
    font-family: "Adobe 黑体 Std";
    font-size: 24px;
    line-height: 47px;
    letter-spacing: 1px;
    color: #000;
    padding: 0 18px;
    display: none
}

.application-problem .problem-left {
    float: left
}

.problem-right-ul .ulist:first-child {
    display: block
}

.problem-right-ul .ulist {
    display: none
}

.application-spe .problem-left .problem-left-menu li {
    border: none
}



.w84 {
    width: 84%
}

.tip {
    position: absolute;
    left: 34%;
    top: 30px
}

.agent-list-sele label.error {
    padding: 0 14px
}

.agent-list-mapMap {
    height: 530px
}

.agent-list-mapBot h2 {
    font-size: 18px;
    line-height: 28px;
    color: #313131
}

.agent-list-mapBot select {
    padding: 5px;
    width: 268px;
    height: 41px;
    border-radius: 5px;
    border: solid 1px #cacaca;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    margin: 10px 0;
    appearance: auto
}

select::-ms-expand {
    display: none
}

option::-ms-expand {
    display: none
}

option {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.hide {
    display: none
}

.dealer-websites-ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

.dealer-websites-ul li {
    width: 23%;
    margin-left: 2.66666666666666666%;
    margin-bottom: 2.6666666666666%;
    border: 1px solid #e3e3e3;
    box-shadow: 0 1.5px 4px rgba(0,0,0,.12),0 1.5px 6px rgba(0,0,0,.06);
    border-radius: 4px
}

.dealer-websites-ul li:nth-child(4n+1) {
    margin-left: 0
}

.dealer-websites-ul li a {
    display: block;
    padding: 5%
}

.dealer-websites-ul li a img {
    display: block;
    margin: 0 auto;
    width: 80%;
    height: auto
}

.autel-video-link-box {
    display: inline-block;
    color: #fff
}

.autel-link {
    color: #0f86ff
}

.autel-link:hover {
    color: #0f86ff;
    text-decoration: underline
}

.headfixed .proxl .proimg img {
    max-width: 260px
}

.headfixed .proxl .prolist {
    display: inline-block;
    margin-right: 41px;
    vertical-align: top;
    margin-bottom: 18px
}

.headfixed .proxl .prolist a:hover {
    color: #e60012
}

.headfixed .proxl .prolists.proimg {
    margin-left: 30px
}

.headfixed .proxl .h4,.headfixed .proxl h4 {
    font-size: 18px;
    line-height: 20px;
    border-bottom: 1px solid #ededed;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-weight: 700
}

.headfixed .proxl ul li {
    width: 100%;
    padding: 4px 0
}

.pripk {
    width: 100%
}

.pripk-banner {
    margin: auto;
    width: 100%
}

.pripk-banner img {
    width: 100%
}

.pripk-top {
    margin: 3% 0;
    text-align: center
}

.pripk-top p {
    margin-top: 1%
}

.pripk-top h3 {
    font-size: 36px;
    font-family: SourceHanSansCN-Medium
}

.pripk-top p {
    color: #757575;
    font-size: 18px
}

.pripk-list {
    padding-bottom: 1%;
    width: 100%;
    border-bottom: 1px solid #ccc;
    flex-wrap: wrap
}

.pripk-list li {
    position: relative;
    margin: 0 2% 2.8% 2%;
    width: 12.6%;
    border: 1px solid #ccc;
    border-radius: 10px
}

.pripk-list li.on {
    border-color: #f8f9fc;
    background-color: #f8f9fc
}

.pripk-list li img {
    width: 100%
}

.pripk-list li img.i1 {
    max-width: 108px;
    padding: 32px 0 60px
}

.pripk-list li img.i2 {
    max-height: 12px;
    width: auto;
    padding: 0;
    position: absolute;
    margin: 0 auto;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%)
}

.pripk-list li span {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #333;
    border-radius: 50%;
    background: #fff;
    font-weight: 700;
    line-height: 16px;
    transform: translate(50%,-50%)
}

.pripk-list li.on span {
    background: #333;
    color: #fff;
    transform: translate(50%,-50%) rotate(45deg)
}

.pripk-cp {
    position: relative;
    border-bottom: 1px solid #ccc;
    min-height: 150px
}

.pripk-cp ul {
    margin: 60px 0 60px;
    padding-left: 16%
}

.pripk-cp li,.pripk-font ul {
    width: 33%
}

.pri-font ul,.pripk-cp .flexce li {
    display: none
}

.pri-font ul.on,.pripk-cp .flexce li.on {
    display: block
}

.pripk-cp li:nth-child(3),.pripk-font ul:nth-child(3) {
    margin-right: 0
}

.pripk-cp li img {
    margin: auto
}

.pripk-cp p {
    position: absolute;
    bottom: 20px;
    left: 0;
    color: #171717;
    font-weight: 700;
    font-size: 22px
}

.pripk-font {
    padding: 1.85% 0 4.7%
}

.pripk-font .font-h {
    width: 20%;
    font-weight: 700
}

.pri-font {
    width: 100%
}

.pripk-font li {
    display: block;
    overflow: hidden;
    font-size: 16px;
    line-height: 28px;
    text-align: left
}

.pripk-cp li .i1 {
    max-height: 133px
}

.pripk-cp li .i2 {
    margin: 26px auto
}

.pripk.on .pripk-cp ul {
    position: fixed;
    width: 1280px;
    margin-left: 0;
    margin: 0;
    padding-left: 8%;
    top: 57px;
    background: #fff;
    border-bottom: 1px solid #ccc
}

.pripk.on .pripk-cp ul .i1 {
    display: none
}

.pripk.on .pripk-cp li img {
    width: auto;
    margin: auto;
    padding: 26px 0
}

.over li {
    opacity: .2
}

.over li.on {
    opacity: 1
}

.pripk-cp .flexce,.pripk-font .flexce {
    justify-content: left
}

.pripk-cp .shop {
    width: 90px;
    height: 36px;
    display: block;
    margin: 0 auto 15px;
    text-align: center;
    line-height: 36px;
    background: #0078f7;
    color: #fff;
    border-radius: 50px
}

.pripk-font li {
    padding: 5px 10px;
    min-height: 60px
}

@media screen and (max-width: 1280px) {
    .pripk.on .pripk-cp ul {
        width:90%;
        background: #fff
    }
}

@media screen and (max-width: 1260px) {
    .pripk-cp ul {
        padding-left:13%
    }

    .pripk-font .font-h {
        width: 15%
    }

    .pri-font {
        width: 85%
    }

    .mainer .swiper-font {
        top: 16%
    }
}

@media screen and (max-width: 1100px) {
    .pripk-cp ul,.pripk-font .pri-font {
        justify-content:space-between
    }

    .pripk-cp li,.pripk-font ul {
        margin-right: 0;
        width: 50%
    }

    .pripk.on .pripk-cp ul {
        top: 57px
    }

    .pri-font ul.on:nth-child(3),.pripk-cp .flexce li.on:nth-child(3) {
        display: none
    }

    .pripk-list li.on:nth-child(3) span {
        background: #fff;
        color: #444;
        transform: translate(50%,-50%) rotate(0)
    }

    .over li.on:nth-child(3) {
        opacity: .2
    }
}

@media (max-width: 734px) {
    .pripk.on .pripk-cp ul {
        top:49px
    }

    .pripk-cp li .i1 {
        max-height: 82px;
        margin: 0 auto;
        padding: 0 10px
    }

    .pripk .pripk-cp li .i2 {
        max-height: 18px;
        padding: 0 10px;
        margin: 26px auto
    }

    .pripk.on .pripk-cp li .i2 {
        max-height: 18px;
        padding: 0 10px;
        margin: 26px auto
    }
}

@media (max-width: 992px) {
    .pripk-top h3 {
        font-size:24px
    }

    .pripk-list li {
        width: 31%;
        margin: 0 1% 2.8% 1%
    }

    .pripk-cp p {
        font-size: 18px
    }

    .pripk-font li {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .pripk-cp p {
        bottom:10px;
        font-size: 14px
    }

    .pripk-top p {
        font-size: 16px
    }

    .pripk-font li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        height: 34px;
        white-space: normal;
        font-size: 12px;
        line-height: 1.4;
        -webkit-line-clamp: 2;
        align-items: center;
        max-width: 90%;
        padding: 0
    }

    .pri-font {
        width: 82%
    }

    .pripk-font .font-h {
        width: 18%
    }

    .pripk-font {
        padding: 10px 0 5px
    }

    .pripk-list li img.i1 {
        padding: 32px 10px 60px
    }

    .pripk-list li img.i2 {
        padding: 0 5px;
        max-height: 12px
    }
}

.flightxfj-list .flightxfj-swiper .flight-swiper-font {
    width: 37%
}

.flightxfj-list .flight-swiper-fonttip {
    font-size: 16px;
    line-height: 26px;
    color: #000;
    margin-top: 55px
}

.flightxfj-list .flightxfj-font dd,.flightxfj-list .flightxfj-font dt {
    font-size: 16px;
    line-height: 26px;
    text-align: center
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul {
    padding: 0;
    flex-wrap: wrap
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul li {
    flex: auto;
    width: 33.333%;
    margin-bottom: 120px
}

.flightxfj-list .fx-buy {
    width: 90px;
    height: 35px;
    background-color: #00b7ee;
    border-radius: 17px;
    display: block;
    margin: 6px auto 0 auto;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 35px;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s
}

.flightxfj-list .fx-buy:hover {
    background-color: #e60314
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontDec {
    color: #656565;
    font-size: 18px;
    text-align: left;
    line-height: 30px;
    padding: 0 80px;
    height: 130px;
    overflow-x: hidden;
    overflow-y: auto
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontDec dd {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    font-size: 16px;
    color: #656565;
    cursor: default
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontDec dd:first-child {
    color: #000;
    font-weight: 700
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontDec span {
    width: 100%;
    display: inline-block;
    vertical-align: middle
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontDec em {
    width: 23%;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    text-align: right
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-img {
    height: 95px;
    min-height: unset;
    position: relative
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-font {
    margin-top: 25px
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontDec::-webkit-scrollbar {
    width: 2px;
    height: 8px;
    background-color: rgba(0,0,0,0)
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontDec::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.1);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: rgba(0,0,0,0)
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontDec::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.1);
    background-color: rgba(230,0,18)
}

.flightxfj-list .flightxfj-font {
    padding-top: 20px;
    padding-bottom: 135px
}

.down-list {
    padding: 40px 0 12%;
    background: #f7f9fc
}

.download-left,.download-right {
    background: #fff
}

.download-left {
    width: 25%;
    padding: 20px
}

.download-right {
    width: 73%;
    margin: 0 0 0 2%;
    padding: 4%;
    padding-left: calc(4.5% + 80px);
    height: fit-content
}

.download-left h5 {
    font-size: 18px;
    color: #000;
    padding-left: 20px;
    font-weight: bolder;
    margin: 15px 0
}

.download-left p {
    padding: 6% 0 6% 27px
}

.download-left p:hover a {
    font-weight: 700
}

.download-left p.active {
    background-color: #f7f9fc;
    border-radius: 10px
}

.download-left p a {
    font-size: 16px;
    color: #4e4e4e
}

.download-right_tit {
    position: relative;
    color: #000
}

.download-right_tit img {
    position: absolute;
    left: -80px;
    top: 0;
    width: 65px;
    padding: 0;
    border-radius: 5px;
    box-shadow: 1px 1px 6px 1px #dadada
}

.download-right_tit h5 {
    font-size: 24px;
    color: #000;
    font-weight: bolder;
    margin-bottom: 5px
}

.download-tab {
    position: relative;
    margin: 6% 0
}

.download-tab::before {
    content: "";
    bottom: 0;
    position: absolute;
    border-bottom: solid 3px #e4e4e8;
    width: 100%;
    z-index: 0
}

.download-tab p {
    border-bottom: solid 3px #fffFFF00;
    font-size: 15px;
    color: #000;
    font-weight: 700;
    padding-bottom: 11px;
    position: relative;
    margin-left: 7%;
    cursor: pointer
}

.autelsky {
    width: 280px
}

.download-tab p:first-child {
    margin-left: 0
}

.download-tab p.active {
    border-bottom: solid 3px #000
}

.download-tabbox .tabbox {
    display: none
}

.download-tabbox .tabbox .clearfix {
    margin-bottom: 6%
}

.download-tabbox .tabbox.active {
    display: block
}

.download-tabbox h5 {
    float: left;
    color: #4e4e4e
}

.download-tabbox b {
    font-size: 16px;
    color: #000;
    margin-bottom: 5px;
    display: inline-block
}

.download-tabbox .dbutton {
    float: right;
    background-color: #fd8606;
    border-radius: 15px;
    color: #fff;
    font-size: 15px;
    padding: 7px 10px;
    transition: all .5s
}

.download-tabbox a:hover {
    border-radius: 0
}

.download-bottom {
    margin: 10% 0 15%
}

.download-bot_font h5 {
    color: #010101;
    font-size: 16px;
    font-weight: 700;
    font-family: SourceHanSansSC-Medium!important;
    margin-bottom: 5px
}

.download-bot_font p {
    color: #959595;
    line-height: 1.8
}

.download-bot_right a {
    font-size: 16px;
    color: #2b92e1;
    white-space: nowrap
}

.download-bot_right a:hover {
    font-weight: 700
}

.download-tabboxs .tabbox {
    display: block;
    margin-bottom: 6%
}

.download-table {
    margin-top: -6%
}

.download-tabbox table {
    width: 100%;
    font-size: 16px
}

.download-tabbox thead td {
    font-weight: 700;
    color: #000;
    padding: 15px 10px;
    font-size: 15px
}

.download-tabbox thead td p {
    word-break: break-word
}

.download-tabbox tbody td {
    padding: 15px 10px
}

.download-tabbox tbody tr:nth-child(2n-1) {
    background: #f6f7f7
}

.download-video {
    margin-top: -6%
}

.download-video li {
    width: 48%;
    float: left;
    margin-top: 6%
}

.download-video li:nth-child(2n) {
    margin-left: 4%
}

.download-video .pic {
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.download-video .pic::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    left: 0;
    top: 0
}

.download-video .pic a {
    position: absolute;
    right: 10px;
    color: #fff;
    bottom: 5px;
    transition: all .5s;
    text-align: center
}

.download-video .pic a span {
    display: none
}

.download-video .pic a img {
    transform: scale(.5);
    margin-bottom: 5px
}

.download-video li:hover .pic::before {
    background: rgba(0,0,0,.5)
}

.download-video li:hover .pic a {
    right: 50%;
    bottom: 50%;
    transform: translate(50%,50%)
}

.download-video li:hover .pic span {
    display: block
}

.download-video li:hover .pic a img {
    transform: scale(1)
}

.download-video li h5 {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    margin-top: 10px
}

.download-tabbox .download-bot_font h5 {
    float: none
}

.download-bottom ol {
    padding-left: 16px
}

@media (max-width: 992px) {
    .download-left {
        display:none
    }

    .download-right {
        width: 100%;
        margin: 0;
        padding-left: 4%
    }

    .download-right_tit img {
        position: static;
        margin-bottom: 15px
    }

    .download-bottom {
        margin: 5% 0 3%
    }

    .download-right_tit {
        text-align: center
    }

    .flightxfj-list .flightxfj-list-mobilemenu>ul>li h5 {
        padding: 0 40px;
        display: block;
        line-height: 42px;
        font-size: 15px
    }

    .flightxfj-list .flightxfj-list-mobilemenu>ul>li .appdown {
        overflow: hidden;
        display: none
    }

    .flightxfj-list .flightxfj-list-mobilemenu>ul>li h5 img {
        display: inline-block;
        float: right;
        width: 15px;
        margin-top: 17px;
        position: relative;
        transition: all .5s;
        transform: rotate(-90deg)
    }

    .flightxfj-list .flightxfj-list-mobilemenu>ul>li h5.on {
        font-weight: 700
    }

    .flightxfj-list .flightxfj-list-mobilemenu>ul>li h5.on img {
        transform: rotate(0)
    }
}

@media (max-width: 767px) {
    .download-right_tit h5 {
        font-size:20px
    }

    .download-bottom {
        display: block;
        margin-bottom: 0
    }

    .download-tabbox h5 {
        width: 65%
    }

    .download-video li {
        width: 100%
    }

    .download-video li:nth-child(2n) {
        margin-left: 0
    }

    .download-tabbox table {
        font-size: 14px
    }

    .download-tabbox thead td {
        line-height: 55px
    }

    .download-tabbox tbody td {
        line-height: 50px
    }

    .download-bot_font p {
        line-height: 2
    }

    .flightxfj-list .flightxfj-list-mobilemenuaName {
        padding: 15px 0
    }

    .flightxfj-list .flightxfj-list-mobilemenu>ul>li h5 {
        padding: 0 15px
    }

    .download-bot_font h5 {
        margin-bottom: 5px
    }

    .download-bottom {
        margin: 25px 0 3%
    }

    .download-bot_right {
        margin-top: 15px
    }

    .download-right_tit p {
        text-align: center
    }

    .flightxfj-list .flightxfj-list-mobilemenuaName img {
        margin-top: 10px
    }

    .autelsky {
        margin: auto
    }
}

.top {
    position: fixed;
    bottom: 20%;
    right: 20px;
    width: 50px;
    height: 50px;
    background: #d52121;
    border-radius: 5px;
    background-image: url(../top.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center
}

.headfixed .toggle-btn {
    width: 100%;
    height: 30px;
    position: relative;
    display: block
}

.headfixed .toggle-btn span {
    width: 26px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.headfixed1 .toggle-btn span {
    background: #fff
}

.headfixed .toggle-btn span:first-child {
    top: 12px
}

.headfixed .toggle-btn span:nth-child(2) {
    top: 68%
}

.headfixed .toggle-btn span:last-child {
    bottom: 0
}

.headfixed .toggle-btn.cur span:first-child {
    -webkit-transform: translate(-50%,7px) rotate(45deg);
    -ms-transform: translate(-50%,7px) rotate(45deg);
    -o-transform: translate(-50%,7px) rotate(45deg);
    transform: translate(-50%,7px) rotate(45deg)
}

.headfixed .toggle-btn.cur span:nth-child(2) {
    opacity: 0
}

.headfixed .toggle-btn.cur span:last-child {
    -webkit-transform: translate(-50%,-3px) rotate(-45deg);
    -ms-transform: translate(-50%,-3px) rotate(-45deg);
    -o-transform: translate(-50%,-3px) rotate(-45deg);
    transform: translate(-50%,-3px) rotate(-45deg);
    bottom: 6px
}

.mobile-nav-box {
    position: fixed;
    top: 70px;
    z-index: 99;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    padding: 0 0 60px 0;
    border-top: 1px solid #ddd;
    display: none
}

.headfixed .mobile-nav-box>ul>li>.h3,.headfixed .mobile-nav-box>ul>li>h3 {
    position: relative;
    padding: 0 30px
}

.headfixed .mobile-nav-box .head-subnav {
    width: 100%;
    display: none;
    padding: 8px 40px;
    background: #fff
}

.headfixed .mobile-nav-box .head-subnav .link-tit {
    text-align: left;
    position: relative
}

.headfixed .mobile-nav-box .head-subnav .link-tit a {
    width: 100%;
    line-height: 45px;
    text-align: left;
    font-size: 15px;
    color: #666;
    display: block;
    font-weight: 550
}

.headfixed .mobile-nav-box>ul>li>.h3>a,.headfixed .mobile-nav-box>ul>li>h3>a {
    font-size: 16px;
    display: block;
    text-align: center;
    letter-spacing: 2px;
    padding: 5px 0;
    color: #000;
    text-align: left;
    font-weight: 550
}

.headfixed .mobile-nav-box .head-suba {
    display: none
}

.headfixed .mobile-nav-box .head-suba>a,.headfixed .mobile-nav-box .head-subnav>a {
    font-size: 14px;
    display: block;
    text-align: center;
    letter-spacing: 2px;
    color: #666;
    text-align: left;
    padding: 0 5px;
    font-weight: 550
}

.headfixed .mobile-nav-box .link-tit>i,.headfixed .mobile-nav-box>ul>li>.h3>i,.headfixed .mobile-nav-box>ul>li>h3>i,.headfixed1 .mobile-nav-box .link-tit>i,.headfixed1 .mobile-nav-box>ul>li>h3>i {
    position: absolute;
    top: 0;
    right: 30px;
    height: 100%;
    width: 80px
}

.headfixed .mobile-nav-box .link-tit>i,.headfixed1 .mobile-nav-box .link-tit>i {
    right: -10px
}

.headfixed .mobile-nav-box .link-tit>i::after,.headfixed .mobile-nav-box .link-tit>i::before,.headfixed .mobile-nav-box>ul>li>.h3>i::after,.headfixed .mobile-nav-box>ul>li>.h3>i::before,.headfixed .mobile-nav-box>ul>li>h3>i::after,.headfixed .mobile-nav-box>ul>li>h3>i::before,.headfixed1 .mobile-nav-box .link-tit>i::after,.headfixed1 .mobile-nav-box .link-tit>i::before,.headfixed1 .mobile-nav-box>ul>li>h3>i::after,.headfixed1 .mobile-nav-box>ul>li>h3>i::before {
    content: '';
    background: #272727;
    position: absolute;
    top: 50%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.headfixed .mobile-nav-box .link-tit>i::before,.headfixed .mobile-nav-box>ul>li>.h3>i::before,.headfixed .mobile-nav-box>ul>li>h3>i::before,.headfixed1 .mobile-nav-box .link-tit>i::before,.headfixed1 .mobile-nav-box>ul>li>h3>i::before {
    width: 14px;
    height: 2px;
    right: 0;
    margin-top: -1px
}

.headfixed .mobile-nav-box .link-tit>i::after,.headfixed .mobile-nav-box>ul>li>.h3>i::after,.headfixed .mobile-nav-box>ul>li>h3>i::after,.headfixed1 .mobile-nav-box .link-tit>i::after,.headfixed1 .mobile-nav-box>ul>li>h3>i::after {
    width: 2px;
    height: 14px;
    margin-top: -7px;
    right: 6px
}

.headfixed .mobile-nav-box .link-tit>i::after,.headfixed1 .mobile-nav-box .link-tit>i::after {
    right: -14px
}

.headfixed .mobile-nav-box .head-suba>a:hover,.headfixed .mobile-nav-box .head-subnav>a:hover {
    color: #e60012
}

.headfixed .mobile-nav-box .link-tit.cur>i::before,.headfixed .mobile-nav-box>ul>li>.h3.cur>i::before,.headfixed .mobile-nav-box>ul>li>h3.cur>i::before,.headfixed1 .mobile-nav-box .link-tit.cur>i::before,.headfixed1 .mobile-nav-box>ul>li>h3.cur>i::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.headfixed .mobile-nav-box .link-tit.cur>i::after,.headfixed .mobile-nav-box>ul>li>.h3.cur>i::after,.headfixed .mobile-nav-box>ul>li>h3.cur>i::after,.headfixed1 .mobile-nav-box .link-tit.cur>i::after,.headfixed1 .mobile-nav-box>ul>li>h3.cur>i::after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.btn-a {
    position: relative;
    transition: color .5s,background .5s;
    z-index: 1;
    margin-top: 8px
}

.btn-a .shopping img,.btn-a .shopping span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #9fa3a6
}

.btn-a .shopping a {
    width: 100%;
    display: block;
    height: 35px;
    line-height: 35px
}

.btn-a .shopping {
    position: absolute;
    top: 100%;
    left: 1%;
    background: #222;
    width: 104px;
    height: 0;
    border-radius: 6px;
    overflow: hidden;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.btn-a:hover .cur {
    height: 79px
}

.btn-a .shopping a:hover span {
    color: #fff
}

.btn-language {
    width: 105px;
    height: 37px;
    position: relative;
    z-index: 1;
    margin-left: 5px;
    transition: color .5s,background .5s
}

.btn-language a {
    color: #666;
    display: block;
    font-size: 14px;
    transition: color .5s
}

.foot-bot-right .btn-language {
    margin-left: 0
}

.btn-language a.tit {
    height: 100%;
    width: 100%;
    transition: color .5s,background .5s
}

.btn-language img,.btn-language span {
    display: inline-block;
    vertical-align: middle;
    padding-top: 8px
}

.btn-language a.tit img {
    padding-left: 11px
}

.btn-language span {
    margin-left: 12px;
    color: #9fa3a6
}

.btn-language .con {
    position: absolute;
    top: 100%;
    left: 1%;
    background: #222;
    width: 100%;
    height: 0;
    border-radius: 6px;
    overflow: hidden;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.foot-bot-right .con {
    background: #222
}

.btn-language:hover .con {
    height: 50px
}

.btn-language .con:hover span {
    color: #fff
}

.btn-language .con a {
    width: 100%;
    font-size: 14px;
    height: 35px;
    text-align: center;
    line-height: 35px
}

.btn-language:hover a.tit {
    color: #1f58b2;
    background: url(../image/in-hyyjt.png) no-repeat right 60%
}

.btn-language a:hover {
    color: #1f58b2
}

.btn-search {
    max-width: 250px;
    height: 35px;
    position: relative;
    -webkit-perspective: 500px;
    perspective: 500px;
    display: block
}

.btn-search:hover .btn-input {
    background-color: #1b1b1b;
    width: 200px
}

.btn-search .btn-input {
    width: 0;
    height: 35px;
    border-radius: 17px;
    outline: 0;
    border: solid 1px #000;
    color: #fff;
    padding: 0 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .5s;
    padding-right: 35px
}

.btn-search .btn-ssicon {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 11px;
    top: 6px;
    cursor: pointer;
    background: url(../images/in-ssicon.png) no-repeat center center;
    font-size: 0
}

.search-wrapper {
    position: absolute;
    top: 0;
    right: 10px
}

.search-wrapper.active {
    top: 0
}

.search-wrapper .input-holder {
    overflow: hidden;
    height: 35px;
    background: rgba(255,255,255,0);
    border-radius: 6px;
    position: relative;
    width: 35px
}

.search-wrapper.active .input-holder {
    border-radius: 50px;
    width: 250px
}

.search-wrapper .input-holder .search-input {
    width: 190px;
    height: 35px;
    background-color: #1b1b1b;
    border-radius: 17px;
    outline: 0;
    border: solid 1px #000;
    color: #fff;
    padding: 0 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.search-wrapper.active .input-holder .search-input {
    opacity: 1
}

.search-wrapper .input-holder .search-icon {
    width: 35px;
    height: 35px;
    border: none;
    border-radius: 6px;
    background: #000;
    padding: 0;
    outline: 0;
    position: relative;
    z-index: 2;
    float: right;
    cursor: pointer;
    margin-top: -35px
}

.search-wrapper .input-holder .search-icon:hover .search-input {
    opacity: 1
}

.search-wrapper.active .input-holder .search-icon {
    width: 35px;
    height: 35px;
    margin-top: 0
}

.search-wrapper .input-holder .search-icon span {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background: url(../images/in-ssicon.png) no-repeat center center
}

.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top: 4px;
    right: 14px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

.search-wrapper.active .close {
    top: 8px;
    right: -14px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-delay: .5s
}

.search-wrapper .close::after,.search-wrapper .close::before {
    position: absolute;
    content: '';
    background: #fff;
    border-radius: 2px
}

.search-wrapper .close::before {
    width: 2px;
    height: 20px;
    left: 10px;
    top: 1px
}

.search-wrapper .close::after {
    width: 20px;
    height: 2px;
    left: 1px;
    top: 10px
}

.btn-isearch,.mobile.btn-a {
    display: none
}

.btn-isearch .header-button {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    outline: 0;
    width: 37px;
    height: 37px;
    background: url(../images/in-ssicon.png) #000 no-repeat center center;
    cursor: pointer
}

#search-form {
    -moz-transition: max-height,.5s;
    -o-transition: max-height,.5s;
    -webkit-transition: max-height,.5s;
    transition: max-height,.5s;
    position: absolute;
    top: 98%;
    right: 160px;
    width: 18%;
    max-height: 0;
    overflow: hidden;
    background: #fff
}

#search-form fieldset {
    position: relative;
    margin: 0 60px 0 0;
    padding: 0;
    border: none;
    z-index: 9;
    width: 85%
}

#search-form input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 50px
}

#search-form input[type=search] {
    width: 100%;
    padding: 0 5px 0 22px;
    background: #121212;
    border: none;
    color: #fff;
    z-index: 9
}

#search-form input[type=submit] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15%;
    margin: 0;
    padding: 0;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background: url(../images/in-ssicon.png) no-repeat center #000;
    border: none;
    cursor: pointer;
    z-index: 11
}

#search-form.open {
    max-height: 50px;
    border: 1px solid #121212
}

.btn-a {
    display: inline-block;
    width: 21px;
    height: 30px;
    margin-left: 13px
}

.btn-a .btn-a1,.btn-a:hover .btn-a2 {
    display: block
}

.btn-a .btn-a2,.btn-a:hover .btn-a1 {
    display: none
}

@media (min-width: 1200px) {
    .phone {
        display:none
    }
}

.menu-list>ul>li.cur .h3 a,.menu-list>ul>li.cur h3 a,.menu-list>ul>li:hover .h3 a,.menu-list>ul>li:hover h3 a {
    color: #fff
}

.menu-list>ul>li.cur h3 a::after,.menu-list>ul>li:hover h3 a::after {
    width: 100%
}

.menu-list>ul>li:hover .head-subnav {
    pointer-events: auto;
    opacity: 1
}

.menu-list>ul>li>.h3 a,.menu-list>ul>li>h3 a {
    position: relative;
    font-family: SourceHanSansCN-Regular;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-align: center;
    font-size: 14px;
    display: block;
    line-height: 21px;
    color: #fff;
    padding: 18px 0
}

.menu-list>ul>li>.h3 a::after,.menu-list>ul>li>h3 a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 2px;
    width: 0;
    background-color: #e60012;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.menu-list>ul>li .head-subnav {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    width: 100%;
    background: #fff;
    padding: 54px 130px 115px 130px;
    display: none;
    border-top: solid 1px #e2e2e2
}

.menu-list>ul>li .head-subnav dl {
    width: 25%
}

.menu-list>ul>li .head-subnav dt {
    margin-bottom: 4px
}

.menu-list>ul>li .head-subnav dt a {
    font-size: 18px;
    color: #000;
    line-height: 30px;
    font-family: SourceHanSansCN-Regular
}

.menu-list>ul>li .head-subnav dd a {
    font-size: 16px;
    color: #898a8e;
    line-height: 30px;
    font-family: SourceHanSansCN-Regular;
    position: relative;
    display: inline-block;
    padding-left: 8px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.menu-list>ul>li .head-subnav dd a::before {
    width: 2px;
    height: 2px;
    content: "";
    border-radius: 100%;
    background: #898a8e;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.menu-list>ul>li .head-subnav dd a:hover {
    color: #000
}

.menu-list>ul>li .head-subnav dd a:hover::before {
    background: #000
}

.head-subnav .header-ul {
    width: 100%;
    position: relative
}

.head-subnav .header-ul>li {
    width: 100%;
    z-index: 0
}

.head-subnav .header-ul .hedaer-ulH4 {
    width: 10%;
    z-index: 0
}

.head-subnav .header-ul .hedaer-ulH4 .header-ulA {
    min-width: 100%;
    text-align: center;
    display: inline-block;
    background: 0 0;
    font-family: SourceHanSansCN-Regular;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 6px;
    vertical-align: middle;
    color: #4b4b4b
}

.head-subnav .header-ul .header-ulLi {
    width: 90%;
    position: absolute;
    top: 0;
    left: 10%;
    opacity: 0;
    pointer-events: none
}

.head-subnav .header-ul>li.active .header-ulLi {
    opacity: 1;
    pointer-events: auto;
    height: 100%
}

.head-subnav .header-ul>li.active .header-ulLi>li {
    width: 18.5%
}

.head-subnav .header-ul>li.active .hedaer-ulH4 .header-ulA {
    background-color: #f5f5f5
}

.head-subnav .header-ulLiimg {
    width: 100%;
    height: 75px;
    position: relative
}

.head-subnav .header-ulLiimg img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s
}

.head-subnav .header-ulLi>li h4 {
    font-family: SourceHanSansCN-Regular;
    font-size: 18px;
    text-align: center;
    line-height: 25px;
    color: #000;
    margin-top: 6px
}

.head-subnav .header-ulLi>li:hover h4 {
    color: #e60012
}

.menu-list .lang-box {
    top: 100%;
    width: 100%
}

.menu-list .lang-box a {
    padding: 8px 0
}

.head-subnav .header-ful>li {
    width: 20%
}

.head-subnav .header-fimg {
    height: 60px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center
}

.head-subnav .header-fimg img {
    height: 100%
}

.head-subnav .header-fh4 {
    font-size: 18px;
    color: #000;
    text-align: center;
    line-height: 26px;
    margin-top: 10px;
    font-family: SourceHanSansCN-Regular
}

.head-subnav .header-ful>li:hover .header-fh4 {
    color: #e60012
}

.mainer,.mainer .banner {
    position: relative
}

.mainer .banner .banner-img .swiper-imgpc,.mainer .banner .banner-img .swiper-imgphone {
    width: 100%;
    margin: 0 auto;
    display: block
}

.mainer .banner .banner-img .swiper-imgphone {
    display: none
}

.mainer .banner .swiper-button-next,.mainer .banner .swiper-button-prev {
    width: 55px;
    height: 55px;
    bottom: 25px;
    border-radius: 28px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.mainer .banner .swiper-button-next {
    background: url(../images/next.png) rgba(0,0,0,.1) no-repeat center center;
    right: 60px
}

.mainer .banner .swiper-button-prev {
    background: url(../images/prev.png) rgba(0,0,0,.1) no-repeat center center;
    left: 60px
}

.mainer .banner .swiper-button-next:hover {
    background: url(../images/next.png) rgba(0,0,0,.5) no-repeat center center
}

.mainer .banner .swiper-button-prev:hover {
    background: url(../images/prev.png) rgba(0,0,0,.5) no-repeat center center
}

.mainer .banner .swiper-container-horizontal>.swiper-pagination-bullets,.mainer .banner .swiper-pagination-custom,.mainer .banner .swiper-pagination-fraction {
    bottom: 30px
}

.mainer .banner .swiper-pagination-bullet {
    width: 35px;
    height: 4px;
    opacity: 1;
    border-radius: 0;
    background-color: rgba(255,255,255,.5)
}

.mainer .banner .swiper-pagination-bullet-active span {
    opacity: 1
}

@keyframes width1 {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

@keyframes width1 {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

.mainer .banner .banner-img .swiper-pagination span:after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background-color: #fff
}

.mainer .banner .banner-img .swiper-pagination-bullet-active:after {
    -webkit-animation: width1 4s linear;
    animation: width1 4s linear
}

.mainer .swiper-font {
    position: absolute;
    top: 14%;
    left: 50%;
    transform: translate(-50%,-16%);
    -o-transform: translate(-50%,-16%);
    -webkit-transform: translate(-50%,-16%);
    -ms-transform: translate(-50%,-16%);
    -moz-transform: translate(-50%,-16%);
    color: #fff
}

.mainer .swiper-font1 {
    top: 50%;
    left: 20.6%;
    transform: translate(-20.6%,-50%);
    -o-transform: translate(-20.6%,-50%);
    -webkit-transform: translate(-20.6%,-50%);
    -ms-transform: translate(-20.6%,-50%);
    -moz-transform: translate(-20.6%,-50%)
}

.mainer .swiper-font .swiper-font-img {
    margin: 0 auto
}

.mainer .swiper-font .swiper-a {
    text-align: center;
    transform: translateY(-150px);
    opacity: 0;
    transition: .8s ease-in-out .9s;
    margin: 25px auto 0 auto
}

.mainer .swiper-font .swiper-a a,.mainer .swiper-font .swiper-a img {
    display: inline-block;
    vertical-align: middle;
    color: #0071e3;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.mainer .swiper-font .swiper-a a {
    font-family: SourceHanSansCN-Regular;
    font-size: 22px;
    text-align: center;
    color: #0071e3
}

.mainer .swiper-font .swiper-a img {
    display: inline-block;
    vertical-align: middle
}

.mainer .swiper-font .swiper-a a span {
    font-family: SourceHanSansCN-Regular;
    margin-right: 5px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    display: inline-block;
    vertical-align: middle
}

.mainer .swiper-font .swiper2-a a,.mainer .swiper-font .swiper2-a a span {
    font-size: 18px
}

.mainer .swiper-font .swiper-font-h3 {
    font-size: 54px;
    color: #1d1d1f;
    text-align: center;
    font-weight: 700;
    transform: translateY(-150px);
    opacity: 0;
    transition: 1s ease-in-out 1.2s;
    margin: 0 auto
}

.mainer .swiper-font .swiper-font-img {
    transform: translateY(-150px);
    opacity: 0;
    transition: 1s ease-in-out 1.1s;
    margin-bottom: 25px
}

.mainer .swiper-font .swiper-font-h4 {
    font-family: SourceHanSansCN-Regular;
    font-size: 24px;
    line-height: 21px;
    color: #1d1d1f;
    text-align: center;
    margin-top: 18px;
    transform: translateY(-150px);
    opacity: 0;
    transition: .9s ease-in-out 1s;
    margin: 16px auto 0 auto
}

.mainer .swiper-font .swiper2-font-h4 {
    color: #3e3a39
}

.mainer .swiper-font .swiper-font-h5 {
    font-size: 18px;
    color: #3e3a39;
    text-align: center;
    transform: translateY(-150px);
    opacity: 0;
    transition: .9s ease-in-out 1s;
    margin-top: 20px;
    margin: 20px auto 0 auto
}

.mainer .swiper-font .swiper-a object:first-child a {
    margin-right: 35px
}

.mainer .swiper-font .swiper-a object:last-child a {
    margin-right: 0
}

.mainer .swiper-font .swiper-a a:hover span {
    margin-right: 10px
}

.mainer .banner .banner-img .swiper-slide-active .swiper-a,.mainer .banner .banner-img .swiper-slide-active .swiper-font-h3,.mainer .banner .banner-img .swiper-slide-active .swiper-font-h4,.mainer .banner .banner-img .swiper-slide-active .swiper-font-h5,.mainer .banner .banner-img .swiper-slide-active .swiper-font-img {
    transform: translateX(0);
    opacity: 1
}

.index-cont1 {
    margin-top: 10px;
    position: relative
}

.index-cont1 .index-cont1-list {
    width: 49.6%;
    position: relative;
    overflow: hidden
}

.index-cont1 .index-cont1-list:first-child {
    margin-right: 15px
}

.index-cont1 .index-cont1-img {
    position: relative;
    overflow: hidden
}

.index-cont1 .index-cont1-img img {
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.index-cont1 .index-cont1-list:hover .index-cont1-img img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.index-cont1 .index-cont-font {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 13%;
    left: 50%;
    transform: translate(-50%,-13%);
    -o-transform: translate(-50%,-13%);
    -webkit-transform: translate(-50%,-13%);
    -ms-transform: translate(-50%,-13%);
    -moz-transform: translate(-50%,-13%)
}

.index-cont1 .index-cont-font .index-cont-h3 {
    font-family: SourceHanSansSC-Bold;
    font-size: 34px;
    line-height: 38px;
    color: #1d1d1f;
    font-weight: 700
}

.index-cont1 .index-cont-font .index-cont-h4 {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    margin-top: 15px;
    color: #1d1d1f
}

.index-cont1 .index-cont-font .index-cont-a {
    text-align: center;
    margin-top: 10px;
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #06c;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.index-cont1 .index-cont-font .index-cont-a img,.index-cont1 .index-cont-font .index-cont-a span {
    display: inline-block;
    vertical-align: middle
}

.index-cont1 .index-cont-font .index-cont-a span {
    font-size: 18px;
    line-height: 28px;
    color: #06c
}

.index-cont1 .index-cont-font .index-cont-a img {
    padding-left: 5px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.index-cont1 .index-cont-font .index-cont-a:hover img {
    padding-left: 13px
}

.index-cont2 {
    margin-top: 13px;
    position: relative
}

.index-cont2>img {
    width: 100%
}

.index-cont2 .index-cont2-font {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%)
}

.index-cont2 .index-cont2-font .index-cont2-h3 {
    font-family: SourceHanSansCN-Regular;
    font-weight: 700;
    font-size: 48px;
    text-align: center;
    color: #fff
}

.index-cont2 .index-cont2-font .index-cont2-h4 {
    font-size: 24px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    font-family: SourceHanSansCN-Regular
}

.index-cont2 .index-cont2-font .index-cont2-more {
    width: 235px;
    height: 40px;
    display: block;
    vertical-align: middle;
    background-color: rgba(255,255,255,.7);
    border-radius: 20px;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    color: #1d1d1f;
    margin: 35px auto 0 auto;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.index-cont2 .index-cont2-font .index-cont2-more span {
    display: inline-block;
    vertical-align: middle
}

.index-cont2 .index-cont2-font .index-cont2-more img {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.index-cont2 .index-cont2-font .index-cont2-more:hover {
    background-color: #fff
}

.index-cont2 .index-cont2-font .index-cont2-more:hover img {
    padding-left: 13px
}

.index-cont3 {
    position: relative;
    margin-top: 15px;
    margin-bottom: 14px
}

.index-cont3 .index-cont3-left,.index-cont3 .index-cont3-right {
    width: 49.63%;
    position: relative;
    overflow: hidden
}

.index-cont3 .index-cont3-left {
    margin-right: 14px
}

.index-cont3 .index-cont3-left>a>img,.index-cont3 .index-cont3-rightLi>a>img {
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.index-cont3 .index-cont3-left:hover>a>img,.index-cont3 .index-cont3-rightLi:hover>a>img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.index-cont3 .index-cont3-font {
    position: absolute;
    top: 13%;
    left: 50%;
    transform: translate(-50%,-13%);
    -o-transform: translate(-50%,-13%);
    -webkit-transform: translate(-50%,-13%);
    -ms-transform: translate(-50%,-13%);
    -moz-transform: translate(-50%,-13%);
    text-align: center
}

.index-cont3 .index-cont3-h3 {
    font-size: 34px;
    color: #3e3a39;
    margin-bottom: 20px;
    font-weight: 590
}

.index-cont3 .index-cont3-a {
    font-size: 18px;
    line-height: 21px;
    color: #06c;
    text-align: center
}

.index-cont3 .index-cont3-a span {
    display: inline-block;
    vertical-align: top
}

.index-cont3 .index-cont3-a img {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.index-cont3 .index-cont3-a:hover img {
    padding-left: 13px
}

.index-cont3 .index-cont3-right .index-cont3-rightLi {
    position: relative;
    overflow: hidden
}

.index-cont3 .index-cont3-right .index-cont3-rightLi:first-child {
    margin-bottom: 14px
}

.index-cont3 .index-cont3-right .index-cont3-rightLi:first-child .index-cont3-font {
    top: 50%;
    left: 80%;
    transform: translate(-80%,-50%);
    -o-transform: translate(-80%,-50%);
    -webkit-transform: translate(-80%,-50%);
    -ms-transform: translate(-80%,-50%);
    -moz-transform: translate(-80%,-50%)
}

.index-cont3 .index-cont3-right .index-cont3-rightLi:nth-child(2) .index-cont3-font {
    top: 50%;
    left: 15%;
    transform: translate(-15%,-50%);
    -o-transform: translate(-15%,-50%);
    -webkit-transform: translate(-15%,-50%);
    -ms-transform: translate(-15%,-50%);
    -moz-transform: translate(-15%,-50%)
}


.bshare-custom .bshare-facebook,.bshare-custom .bshare-sinaminiblog,.bshare-custom .bshare-twitter,.bshare-custom .bshare-weixin {
    background: 0 0!important
}

.bsBox {
    overflow: hidden!important
}

.bsTop {
    width: 100%!important
}

.bsFrameDiv>div {
    height: 210px!important;
    width: 210px!important
}

.banner-infontlist {
    width: 100%;
    position: absolute;
    top: 45%;
    transform: translateY(-45%);
    -moz-transform: translateY(-45%);
    -o-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    -webkit-transform: translateY(-45%)
}

.banner-infont {
    float: left;
    width: 100%;
    color: #fff
}

.banner-infont h1,.banner-infont h3 {
    font-size: 54px;
    font-weight: 700
}

.banner-infont .banner-infont-p {
    font-size: 24px;
    line-height: 33px;
    color: #fff;
    margin-top: 24px
}

.solution {
    margin: 67px auto 86px auto;
    position: relative
}

.solution .solution-ul {
    width: 100%;
    flex-wrap: wrap
}

.solution .solution-ul li {
    width: 48.5%;
    margin-right: 19px;
    margin-top: 19px;
    overflow: hidden;
    position: relative
}

.solution .solution-ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: rgba(0,0,0,.3);
    z-index: 9
}

.solution .solution-ul li:nth-child(2n) {
    margin-right: 0
}

.solution .solution-img {
    width: 100%;
    overflow: hidden
}

.solution .solution-img img {
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.solution .solution-ul li:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.solution .solution-font {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
    color: #fff;
    z-index: 11
}

.solution .solution-font h3 {
    font-size: 48px;
    font-weight: 700;
    text-align: center
}

.solution .solution-font .solution-font-dec {
    font-size: 18px;
    text-align: center;
    margin-top: 29px;
    padding: 0 20px;
    line-height: 26px
}

.solution .solution-font .solution-a {
    font-size: 18px;
    line-height: 21px;
    color: #0f86ff;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-top: 31px;
    border-bottom: 1px solid transparent;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.solution .solution-font .solution-a img {
    display: inline-block;
    vertical-align: middle;
    padding-left: 4px
}

.solution .solution-font .solution-a:hover {
    border-bottom: 1px solid #0f86ff
}

.solution-xj {
    position: relative;
    margin-top: 101px
}

.solution-list-tit {
    font-size: 36px;
    text-align: center;
    letter-spacing: 1px;
    color: #000
}

.solution-list-dec {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #898a8e;
    margin-top: 9px
}

.solution-xj .solution-xj-list1 {
    position: relative
}

.solution-xj .solution-list1-ul {
    width: 100%;
    flex-wrap: wrap;
    margin-top: 47px
}

.solution-xj .solution-list1-ul li {
    width: 49%;
    margin-right: 10px;
    margin-top: 7px;
    position: relative;
    background: 0 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.solution-xj .solution-list1-ul li:nth-child(2n) {
    margin-right: 0
}

.solution-xj .solution-list1-tit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 59px;
    text-align: center;
    background: rgba(0,0,0,.4);
    overflow: hidden;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.solution-xj .solution-list1-tit h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 59px;
    color: #fff;
    text-align: center
}

.solution-xj .solution-list1-img {
    position: relative;
    display: block;
    width: 100%;
    opacity: 1;
    overflow: hidden
}

.solution-xj .solution-list1-font {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
    z-index: 10
}

.solution-xj .solution-list1-font h3 {
    font-weight: 700;
    text-align: center;
    font-size: 24px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden;
    opacity: 0;
    line-height: 32px
}

.solution-xj .solution-list1-font .solution-list1-fontdec {
    font-size: 18px;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    overflow: hidden;
    opacity: 0;
    margin-top: 19px;
    line-height: 26px
}

.solution-xj .solution-list1-ul li:hover .solution-list1-img {
    opacity: 1
}

.solution-xj .solution-list1-ul li:hover .solution-list1-font h3 {
    color: #fff;
    top: 44.5%;
    opacity: 1
}

.solution-xj .solution-list1-ul li:hover .solution-list1-fontdec {
    color: #fff;
    top: 51.5%;
    opacity: 1
}

.solution-xj .solution-list1-ul li:hover .solution-list1-tit {
    opacity: 0
}

.solution-xj .solution-list1-ul li:hover .solution-list1-font {
    background: rgba(0,0,0,.3);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.solution-ys {
    margin-top: 99px;
    position: relative
}

.solution-ys .solution-ys-list {
    flex-wrap: wrap;
    margin-top: 55px
}

.solution-ys .solution-ys-list li {
    position: relative;
    width: 23.5%;
    margin-right: 20px;
    background-color: #fff;
    padding: 48px 33px 46px 33px
}

.solution-ys .solution-ys-list li:nth-child(4n) {
    margin-right: 0
}

.solution-ys .solution-ys-icon {
    height: 110px;
    text-align: center
}

.solution-ys .solution-ys-list li:hover .solution-ys-icon img {
    -webkit-animation: bounce 1s ease 0s 1 both;
    animation: bounce 1s ease 0s 1 both
}

.solution-ys .solution-ys-font {
    margin-top: 24px
}

.solution-ys .solution-ys-tit {
    font-size: 17px;
    text-align: center;
    color: #000;
    margin-bottom: 14px
}

.solution-ys .solution-ys-dec {
    font-size: 14px;
    color: #898a8e;
    line-height: 22px
}

.solution-cp {
    margin-top: 98px;
    position: relative
}

.solution-cp .solution-cpBtn {
    margin-top: 47px
}

.solution-cp .solution-cpBtn li {
    box-shadow: 0 0 8px 1px rgba(202,202,202,.18);
    flex: 1;
    overflow: hidden;
    background: #fff
}

.solution-cp .solution-cpBtn li.cur,.solution-cp .solution-cpBtn li:hover {
    background: #f8f9fc
}

.solution-cp .solution-cpBtn a {
    width: 100%;
    padding: 20px 2px;
    display: block;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #898a8e
}

.solution-cp .solution-cpCont {
    padding-top: 77px;
    background: #fff;
    padding-bottom: 80px;
    padding-right: 55px
}

.solution-cp .solution-cpCont>li {
    display: none
}

.solution-cp .solution-cpCont>li:first-child {
    display: block
}

.solution-cp .solution-cpCont-li {
    align-items: center
}

.solution-cp .solution-cpCont-img {
    width: 41%
}

.solution-cp .solution-cpCont-font {
    width: 59%
}

.solution-cp .solution-cpCont-fonttit {
    font-size: 24px;
    line-height: 28px;
    color: #000;
    margin-bottom: 8px
}

.solution-cp .solution-cpCont-fontcont {
    font-size: 18px;
    line-height: 28px;
    color: #898a8e;
    margin-bottom: 25px
}

.solution-cp .solution-cpCont-a {
    font-size: 18px;
    line-height: 21px;
    color: #06c
}

.loadmore:hover span,.solution-al .solution-al-a span,.solution-cp .solution-cpCont-a span {
    display: inline-block;
    vertical-align: middle
}

.solution-cp .solution-cpCont-a img {
    display: inline-block;
    vertical-align: middle;
    padding-left: 4px
}

.solution-cp .solution-cp-swiperh3 {
    font-size: 18px;
    line-height: 28px;
    color: #000;
    margin-bottom: 20px
}

.solution-cp .solution-cp-swiper {
    margin-top: 48px
}

.solution-cp .solution-cp-swiperli {
    position: relative;
    width: 100%
}

.solution-cp .solution-cp-swiperli .swiper-container {
    width: 100%
}

.swiper-button-next,.swiper-button-prev {
    opacity: 1!important
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    pointer-events: initial!important;
    opacity: 1!important
}

.solution-cp .solution-cp-swiperli .swiper-slide {
    width: 13%
}

.solution-cp .solution-cp-swiperli .swiper-button-next,.solution-cp .solution-cp-swiperli .swiper-button-prev {
    width: 39px;
    height: 39px;
    background: url(../images/fa-cpprev.png) no-repeat left center;
    left: 0;
    right: auto
}

.solution-cp .solution-cp-swiperli .swiper-button-next {
    background: url(../images/fa-cpnext.png) no-repeat right center;
    left: auto;
    right: 0
}

.solution-cp .solution-cp-swiperimg {
    min-height: 85px;
    position: relative
}

.solution-cp .solution-cp-swiperimg img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0)
}

.solution-cp .solution-cp-swipertit {
    font-size: 18px;
    line-height: 28px;
    color: #06c;
    text-align: center;
    margin-top: 21px
}

.solution-al {
    position: relative;
    padding-top: 91px;
    padding-bottom: 69px
}

.solution-al .solution-al-list .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: 1;
    border: 1px solid #e8e8e8;
    display: none
}

.solution-al .solution-al-list .swiper-pagination-bullet-active {
    border: 1px solid #e8e8e8;
    background: #f0f0f0
}

.solution-al .solution-al-list .swiper-slide {
    background-color: #fff;
    border-radius: 0 0 10px 10px
}

.solution-al .swiper-al-img {
    width: 100%;
    overflow: hidden;
    max-height: 240px
}

.solution-al .swiper-al-img img {
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.solution-al .solution-al-font {
    padding: 32px 22px 27px 27px
}

.solution-al .solution-al-font .solution-al-dec {
    font-size: 18px;
    line-height: 28px;
    color: #313131
}

.solution-al .solution-al-a {
    font-size: 16px;
    padding-top: 60px;
    line-height: 21px;
    color: #313131;
    display: inline-block
}

.solution-al .solution-al-a img {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.solution-al .solution-al-a:hover img {
    padding-left: 12px
}

.solution-al .solution-al-list .swiper-slide {
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.solution-al .solution-al-list .swiper-slide:hover {
    box-shadow: 0 0 8px 1px rgba(202,202,202,.18)
}

.solution-al .solution-al-list .swiper-slide:hover .solution-al-dec {
    color: #e60012
}

.solution-al .solution-al-list .swiper-slide:hover .swiper-al-img img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.solution-al .solution-al-list {
    padding-top: 40px
}

.loadmore {
    display: block;
    margin: 32px auto 0 auto;
    font-size: 18px;
    line-height: 24px;
    color: #313131;
    text-align: center
}

.loadmore img {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.loadmore:hover img {
    padding-left: 15px
}

.solution-lx {
    position: relative;
    padding-top: 76px;
    border-top: 1px solid #e7e7e7;
    padding-bottom: 85px
}

.solution-lx .solution-lx-form {
    width: 64.1%;
    margin: 0 auto
}

.solution-lx .solution-lx-ul {
    flex-wrap: wrap
}

.solution-lx .solution-lx-ul li {
    width: 48.76%;
    margin-right: 20px;
    margin-bottom: 20px
}

.solution-lx-select .yh-input {
    margin-bottom: 20px
}

.solution-lx .solution-lx-ul li:nth-child(2n) {
    margin-right: 0
}

.solution-lx .yh-input input {
    width: 100%;
    border-radius: 5px;
    border: solid 1px #cacaca;
    height: 40px;
    font-size: 18px;
    color: #c4c4c4;
    padding: 5px 16px
}

.solution-lx .solution-lx-label {
    font-size: 18px;
    line-height: 28px;
    margin-top: 38px;
    color: #313131;
    display: block;
    margin-bottom: 15px
}

.agent-list .agent-list-formUl .agent-list-input input::-webkit-input-placeholder,.contact-list .contact-list-rightUl li input::-webkit-input-placeholder,.contact-list .contact-list-rightUl li textarea::-webkit-input-placeholder,.layui-select-title input::-webkit-input-placeholder,.solution-lx .yh-input input::-webkit-input-placeholder,.solution-lx .yh-text textarea::-webkit-input-placeholder {
    font-size: 18px;
    color: #c4c4c4
}

.agent-list .agent-list-formUl .agent-list-input input::-webkit-input-placeholder,.contact-list .contact-list-rightUl li input::-webkit-input-placeholder,.contact-list .contact-list-rightUl li textarea::-webkit-input-placeholder,.layui-select-title input::-webkit-input-placeholder,.solution-lx .yh-input input::-webkit-input-placeholder,.solution-lx .yh-text textarea::-webkit-input-placeholder {
    font-size: 18px;
    color: #c4c4c4
}

.agent-list .agent-list-formUl .agent-list-input input::-moz-placeholder,.contact-list .contact-list-rightUl li input::-moz-placeholder,.contact-list .contact-list-rightUl li textarea::-moz-placeholder,.layui-select-title input::-moz-placeholder,.solution-lx .yh-input input::-moz-placeholder {
    font-size: 18px;
    color: #c4c4c4
}

.agent-list .agent-list-formUl .agent-list-input input::-moz-placeholder,.contact-list .contact-list-rightUl li input::-moz-placeholder,.contact-list .contact-list-rightUl li textarea::-moz-placeholder,.layui-select-title input::-moz-placeholder,.solution-lx .yh-input input:-moz-placeholder,.solution-lx .yh-input input::-moz-placeholder {
    font-size: 18px;
    color: #c4c4c4
}

.agent-list .agent-list-formUl .agent-list-input input:-ms-input-placeholder,.contact-list .contact-list-rightUl li input:-ms-input-placeholder,.contact-list .contact-list-rightUl li textarea:-ms-input-placeholder,.layui-select-title input:-ms-input-placeholder,.solution-lx .yh-input input:-ms-input-placeholder {
    font-size: 18px;
    color: #c4c4c4
}

.solution-lx .solution-lx-bot .solution-lx-label {
    margin-top: 15px;
    margin-bottom: 15px
}

.solution-lx .yh-text {
    border-radius: 5px;
    border: solid 1px #cacaca;
    height: 80px;
    padding: 12px 16px
}

.solution-lx .yh-text textarea {
    color: #c4c4c4;
    font-size: 18px
}

.solution-lx .solution-lx-submit {
    width: 200px;
    margin: 35px auto 0 auto;
    text-align: center
}

.solution-lx .solution-lx-submit input {
    width: 100%;
    height: 40px;
    background-color: #535353;
    border-radius: 5px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.solution-lx .solution-lx-submit:hover input {
    background: #e60012
}

.solution-lx .solution-lx-select {
    width: 100%
}

.solution-lx-select .layui-form-item .layui-inline {
    margin-top: 10px;
    width: 32%;
    height: 40px;
    border-radius: 5px;
    border: solid 1px #cacaca;
    position: relative;
    margin-right: 12px;
    margin-bottom: 20px
}

.solution-lx-select .layui-form-item .layui-inline:nth-child(3) {
    margin-right: 0
}

.layui-input {
    border: none;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    background: 0 0;
    line-height: 41px;
    padding-left: 17px;
    position: relative;
    color: #666;
    font-size: 18px;
    height: 41px
}

.layui-input,.layui-textarea {
    padding-right: 0
}

.layui-main {
    width: 100%
}

.layui-form-item {
    width: 100%;
    margin-bottom: 0
}

.layui-form-select .layui-edge {
    -moz-transform: translate(2px,-2px) rotate(-45deg);
    -ms-transform: translate(2px,-2px) rotate(-45deg);
    -o-transform: translate(2px,-2px) rotate(-45deg)
}

.layui-form-select .layui-edge {
    top: 45%
}

.layui-form-selected .layui-edge {
    margin-top: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.flight-list {
    position: relative
}

.flight-list .flight-top {
    background-image: linear-gradient(0deg,#f8f8f8 0,#fff 100%);
    padding: 113px 0 161px 0
}

.flight-list .flight-top-font {
    text-align: center;
    padding-top: 50px
}

.flight-list .flight-top-font .flight-top-h3 {
    font-size: 40px;
    line-height: 55px;
    color: #373737;
    margin-top: 4px;
    margin-bottom: 4px
}

.flight-list .flight-top-font .flight-top-h4 {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 3px;
    color: #898a8e;
    font-weight: lighter;
    margin-bottom: 25px
}

.flight-list .flight-top-font .flight-top-dec,.flight-list .flight-top-font .flight-top-dec p {
    font-size: 18px;
    line-height: 28px;
    color: #898a8e;
    font-weight: lighter
}

.flight-list .flight-bot {
    margin: 144px auto 166px auto
}

.flight-list .flight-bot .flight-bot-ul {
    width: 76.5%;
    margin: 0 auto
}

.flight-list .flight-bot .flight-bot-ul li {
    width: 48.2%;
    height: 140px;
    border: solid 1px #cacaca;
    margin-right: 35px;
    border-radius: 16px
}

.flight-list .flight-bot .flight-bot-ul li:last-child {
    margin-right: 0
}

.flight-list .flight-bot .flight-bot-ul li.cur,.flight-list .flight-bot .flight-bot-ul li:hover {
    box-shadow: 0 2px 2px 0 rgb(226 33 28 / 23%);
    border: solid 1px #e2211c
}

.flight-list .flight-bot .flight-bot-ul:last-child {
    margin-right: 0
}

.flight-list .flight-bot .flight-bot-ul li a {
    width: 100%;
    height: 100%;
    padding: 48px 10px 40px 10px;
    display: block
}

.flight-list .flight-bot .flight-bot-a h3 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    text-align: center;
    color: #313131;
    margin-bottom: 4px
}

.flight-list .flight-bot .flight-bot-a p {
    font-size: 18px;
    text-align: center;
    color: #898a8e
}

.flight-list .flight-list-more {
    width: 201px;
    height: 40px;
    background-color: #313131;
    border-radius: 5px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    display: block;
    margin: 90px auto 0 auto;
    color: #fff;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.flight-list .flight-list-more:hover {
    background: #e60012
}

.flight-list .flight-bot-cont li {
    display: none
}

.flight-list .flight-bot-cont li:first-child {
    display: block
}

.flightxfj-list {
    position: relative
}

.flightxfj-list .flightxfj-list-top {
    background-image: linear-gradient(180deg,#fdfbfb 0,#ebedee 100%);
    padding: 162px 0 206px 0;
    position: relative
}

.flightxfj-list .flightxfj-list-topLeft {
    width: 44%
}

.flightxfj-list .flightxfj-list-topRight {
    width: 66%
}

.flightxfj-list .flightxfj-topLeft-h3 {
    font-size: 33px;
    line-height: 55px;
    color: #373737;
    font-weight: 700
}

.flightxfj-list .flightxfj-topLeft-dec {
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 1px;
    color: #373737;
    margin-top: 15px
}

.flightxfj-list .flightxfj-topLeft-a {
    margin-top: 45px
}

.flightxfj-list .flightxfj-topLeft-a a {
    width: 130px;
    height: 45px;
    border: solid 1px #00b7ee;
    border-radius: 25px;
    font-size: 18px;
    line-height: 45px;
    letter-spacing: 1px;
    text-align: center;
    color: #00b7ee;
    display: block;
    margin-right: 24px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.flightxfj-list .flightxfj-topLeft-a a:hover {
    background-color: #00b7ee;
    border-radius: 25px;
    color: #fff
}

.flightxfj-list .flightxfj-topLeft-a a:last-child {
    margin-right: 0
}

.flightxfj-list .flightxfj-list-topRight img {
    text-align: right;
    margin: 0;
    float: right
}

.flightxfj-list .flightxfj-list-pcmenu {
    background: #fff;
    padding: 23px 0;
    position: relative;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    z-index: 99
}

.flightxfj-list .flightxfj-list-pcmenuFixed {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    padding: 20px 0;
    width: 100%;
    margin: 0 auto;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    z-index: 100
}

.needFixedTop {
    width: 100%;
    max-width: initial;
    position: fixed!important;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
    transition: all .5s
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuLeft {
    width: 40%
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuLeft h1,.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuLeft h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 21px;
    color: #000
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight {
    width: 70%
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight li {
    width: auto;
    margin-left: 26px
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight li:first-child {
    margin-left: 0
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight a {
    width: 100%;
    display: block;
    font-size: 16px;
    text-align: right;
    color: #666;
    line-height: 21px
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight li a.tab-active,.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight li:hover a {
    color: #00b7ee
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight li.buy.btn-shop {
    background: #0371e3;
    padding: 1px 10px;
    border-radius: 10px
}

.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight li.buy.btn-shop:hover a {
    color: #fff;
    font-weight: 700
}

.flightxfj-list .flightxfj-list-mobilemenu {
    display: none
}

.flightxfj-list .flightxfj-swiper {
    margin-top: 10px;
    position: relative
}

.flightxfj-list .flightxfj-swiper .swiper-slide {
    position: relative;
    overflow: hidden
}

.flightxfj-list .flightxfj-swiper .flightxfj-swiper-img {
    width: 100%
}

.flightxfj-list .flightxfj-swiper .flightxfj-swiper-img img {
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.flighthyj-list .flighthyj-swiper .swiper-slide:hover .flighthyj-swiper-img img,.flightxfj-list .flightxfj-swiper .swiper-slide:hover .flightxfj-swiper-img img,.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul li:hover .flightxfj-zcjx-img img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.flightxfj-list .flightxfj-swiper .flight-swiper-font {
    position: absolute;
    top: 128px;
    left: 104px;
    right: 104px;
    width: 40%
}

.flightxfj-list .flightxfj-swiper .flight-swiper-fontH3 {
    font-size: 40px;
    line-height: 55px;
    letter-spacing: 1px;
    font-weight: 700;
    color: #000;
    margin-bottom: 22px
}

.flightxfj-list .flightxfj-swiper .flight-swiper-fontDec {
    font-size: 18px;
    line-height: 30px;
    color: #000
}

.flightxfj-list .flightxfj-swiper .swiper-button-next {
    background: url(../images/sxf-next.png) rgba(255,255,255,0) no-repeat center center;
    right: 18.5%;
    left: auto
}

.flightxfj-list .flightxfj-swiper .swiper-button-prev {
    background: url(../images/sxf-prev.png) rgba(255,255,255,0) no-repeat center center;
    left: 18.5%;
    right: auto
}

.flightxfj-list .flightxfj-swiper .swiper-button-next,.flightxfj-list .flightxfj-swiper .swiper-button-prev {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.flightxfj-list .flightxfj-swiper .swiper-button-prev:hover {
    background: url(../images/sxf-prev.png) rgba(0,0,0,.1) no-repeat center center
}

.flightxfj-list .flightxfj-swiper .swiper-button-next:hover {
    background: url(../images/sxf-next.png) rgba(0,0,0,.1) no-repeat center center
}

.flightxfj-list .flightxfj-swiper .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    background-color: #fff;
    opacity: .4;
    border-radius: initial
}

.flightxfj-list .flightxfj-swiper .swiper-pagination-bullet-active {
    width: 30px;
    height: 3px;
    background-color: #fff;
    opacity: 1
}

.flightxfj-list .flightxfj-swiper .swiper-container-horizontal>.swiper-pagination-bullets,.flightxfj-list .flightxfj-swiper .swiper-pagination-custom,.flightxfj-list .flightxfj-swiper .swiper-pagination-fraction {
    bottom: 30px
}

.flightxfj-list .flightxfj-zcjx {
    padding-top: 72px;
    position: relative;
    background: #fff;
    margin-top: 10px
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul {
    width: 100%;
    margin-top: 68px;
    padding: 0 100px
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-img {
    min-height: 86px;
    overflow: hidden
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul li {
    flex: 1;
    cursor: pointer
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul li .flightxfj-zcjx-img img {
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-font {
    margin-top: 55px
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontH3 {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 30px;
    margin-bottom: 13px;
    color: #000
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul li.active .flightxfj-zcjx-fontH3,.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul li:hover .flightxfj-zcjx-fontH3 {
    color: #00b7ee
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontDec {
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    color: #000
}

.flightxfc-tit h3 {
    font-weight: 700;
    font-size: 40px;
    text-align: center;
    line-height: 55px;
    letter-spacing: 1px;
    color: #000
}

.flightxfj-list .flightxfj-font {
    background: #fff;
    position: relative;
    padding-top: 70px;
    padding-bottom: 45px
}

.flightxfj-list .flightxfj-font dl {
    display: none
}

.flightxfj-list .flightxfj-font dl:first-child {
    display: block
}

.flightxfj-list .flightxfj-font dd,.flightxfj-list .flightxfj-font dt {
    font-size: 14px;
    line-height: 26px;
    color: #434343
}

.flightxfj-list .flightxfj-font dd {
    position: relative;
    padding-left: 5px
}

.flightxfj-list .flightxfj-font dd::before {
    content: "";
    position: absolute;
    top: 40%;
    left: 0;
    transform: translateY(-40%);
    -o-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background: #434343
}

.flightxfj-fwlc .flightxfj-fwlc-ul li {
    width: 18%
}

.flightxfj-fwlc .flightxfj-fwlc-ul li:nth-child(even) {
    width: 2%
}

.flightxfj-fwlc .flightxfj-fwlc-ul li:last-child {
    display: none
}

.flightxfj-fwlc .flightxfj-fwlc-font {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #000;
    margin-top: 26px
}

.flightxfj-fwlc .flightxfj-fwlc-iconnext {
    margin-top: 24px
}

.flightxfj-fwlc .flightxfj-fwlc-ul li:last-child .flightxfj-fwlc-iconnext {
    display: none
}

.flightxfj-fwlc .flightxfj-fwlc-ul li:hover .flightxfj-fwlc-icon img {
    -webkit-animation: bounce 1s ease 0s 1 both;
    animation: bounce 1s ease 0s 1 both
}



.sfbanner-img .banner-infontlist .banner-infont p,.sfbanner-img .banner-infontlist .banner-infont p a {
    font-size: 18px;
    line-height: 28px;
    color: #898a8e
}

.sfbanner-img .banner-infontlist .banner-infont p a:hover {
    color: #1890ff
}

.sfbanner-img .banner-infontlist .banner-infont .banner-infont-p {
    font-size: 16px;
    color: #a5a5a5
}

.sfbanner-img .banner-infontlist .banner-infont .banner-infont-p {
    margin-top: 10px
}

.flight-cx {
    position: relative;
    padding-top: 55px;
    padding-bottom: 110px;
    overflow: hidden
}

.flight-cx .flight-cx-list {
    border-bottom: 1px solid #d0d1d2;
    padding: 0 275px 118px 275px
}

.flight-cx .flight-cx-tit {
    font-size: 18px;
    line-height: 30px;
    color: #1b1b1b
}

.flight-cx .flight-cx-cont label {
    font-size: 18px;
    line-height: 30px;
    color: #707070;
    display: inline-block;
    vertical-align: middle
}

.flight-cx .flight-cx-cont {
    margin-left: 112px
}

.flight-cx .flight-cx-contTop {
    margin-top: 39px
}

.flight-cx .flight-cx-cont .flight-cx-input {
    width: 276px;
    height: 40px;
    border: solid 1px #aaa;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 18px;
    margin-left: 43px;
    display: inline-block;
    vertical-align: middle
}

.flight-cx .flight-cx-next {
    width: 87px;
    height: 37px;
    border: solid 1px #aaa;
    font-size: 18px;
    display: block;
    line-height: 37px;
    color: #707070;
    margin: 26px auto 0 auto;
    text-align: center;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.flight-cx .flight-cx-next:hover,.flight-jh .flight-success .flight-close:hover {
    border: solid 1px #e60012;
    color: #e60012
}

.flight-cx .flight-cx-list1 {
    padding: 0 210px 118px 210px
}

.flight-cx .flight-cx-conttable {
    padding-top: 63px;
    margin-bottom: 67px
}

.flight-cx .flight-cx-conttable table {
    width: 100%
}

.flight-cx .flight-cx-conttable table td,.flight-cx .flight-cx-conttable table th {
    width: 25%;
    overflow: hidden;
    text-align: center
}

.flight-cx .flight-cx-conttable table th {
    font-size: 18px;
    line-height: 43px;
    color: #707070;
    padding-bottom: 9px
}

.flight-cx .flight-cx-conttable table tr:first-child {
    background: #fff
}

.flight-cx .flight-cx-conttable table tr {
    background-color: #aaa
}

.flight-cx .flight-cx-conttable table td {
    font-size: 18px;
    height: 38px;
    overflow: hidden;
    color: #fff
}

.flight-jh {
    padding-top: 110px
}

.flight-jh .flight-jh-ul {
    position: relative;
    padding-top: 78px
}

.flight-jh .flight-jh-ul li {
    flex: 1;
    align-items: center;
    position: relative
}

.flight-jh .flight-jh-ul .flight-jh-num {
    flex: 1;
    align-items: center
}

.flight-jh .flight-jh-ul .flight-jh-num .flight-jh-icon {
    width: 46px;
    height: 46px;
    border: solid 1px #b5b5b5;
    border-radius: 100%;
    font-size: 25px;
    text-align: center;
    line-height: 46px;
    letter-spacing: 1px;
    color: #b5b5b5;
    margin: 0 auto;
    position: relative;
    background: #fff;
    z-index: 9
}

.flight-jh .flight-jh-ul .flight-jh-num em {
    width: 42%;
    height: 1px;
    background: #fff;
    display: block;
    background: #bfbfbf
}

.flight-jh .flight-jh-ul li:first-child .flight-jh-num em:first-child,.flight-jh .flight-jh-ul li:last-child .flight-jh-num em:last-child {
    opacity: 0
}

.flight-jh .flight-jh-ul li:nth-child(2) .flight-jh-num em {
    width: 43.5%
}

.flight-jh .flight-jh-ul .flight-jh-font {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #b5b5b5;
    padding-top: 10px
}

.flight-jh .flight-jh-ul li.active .flight-jh-num .flight-jh-icon {
    background: rgba(18,175,244,.2);
    color: #12aff4;
    border: 1px solid rgba(18,175,244,.2)
}

.flight-jh .flight-jh-ul li.active .flight-jh-font {
    color: #12aff4
}

.flight-jh .flight-cx-list {
    padding: 0 210px 77px 210px
}

.flight-jh .flight-jh-cont {
    margin: 74px auto 0 auto
}

.flight-jh .flight-jh-cont .flight-cx-contTop {
    margin: 0 auto;
    padding-left: 415px
}

.flight-jh .flight-cx-next {
    margin-left: 675px
}

.flight-jh .flight-jh-ul {
    text-align: center
}

.flight-jh .flight-jh-ul li {
    margin-bottom: 39px
}

.flight-jh .flight-jh-ul label {
    width: 15%
}

.flight-jh .flight-jh-ul input {
    width: 276px;
    height: 40px;
    border: solid 1px #aaa;
    border-radius: 4px;
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px
}

.flight-jh .flight-jh-ul .flight-jh-ulyzm {
    width: 277px;
    height: 59px;
    border: solid 1px #aaa;
    display: inline-block;
    margin-top: -18px;
    font-size: 35px;
    line-height: 59px;
    letter-spacing: 1px;
    color: #707070;
    text-align: left;
    padding: 0 26px;
    font-style: italic
}

.flight-jh .flight-cx-next1 {
    border-radius: 4px
}

.flight-jh .flight-jh-contyhxx {
    font-size: 18px;
    line-height: 30px;
    color: #1b1b1b;
    padding: 0 238px
}

.flight-jh .flight-jh-yhul label {
    text-align: right;
    padding-right: 63px
}

.flight-yhxx .flight-jh-yhulP {
    font-size: 15px;
    line-height: 25px;
    text-align: center;
    color: #eb6877;
    display: inline-block;
    padding-left: 576px;
    margin-top: 15px
}

.flight-jh .flight-jh-clause {
    align-items: center;
    padding-left: 185px;
    margin-top: 30px
}

.flight-jh .flight-jh-clause input {
    width: 12px;
    height: 12px;
    cursor: pointer;
    position: relative;
    border: solid 1px #aaa;
    display: inline-block;
    vertical-align: middle;
    outline: 0
}

.flight-jh .flight-jh-clause input:checked::after {
    content: "✓";
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 18px;
    font-weight: 700;
    color: #12aff4
}

.flight-jh .flight-jh-clause span {
    font-size: 15px;
    color: #afafaf;
    display: inline-block;
    vertical-align: middle;
    padding-left: 12px
}

.flight-jh .flight-success {
    padding-bottom: 78px;
    border-bottom: 1px solid #d0d1d2
}

.flight-jh .flight-success-img {
    text-align: center;
    font-size: 25px;
    line-height: 30px;
    color: #32b16c
}

.flight-jh .flight-success-img img {
    display: inline-block;
    vertical-align: middle;
    padding-right: 15px
}

.flight-jh .flight-success-img span {
    display: inline-block;
    vertical-align: middle
}

.flight-jh .flight-success p {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    color: #959595;
    margin-top: 16px
}

.flight-jh .flight-success .flight-close {
    width: 87px;
    height: 37px;
    border: solid 1px #aaa;
    border-radius: 4px;
    font-size: 18px;
    line-height: 37px;
    text-align: center;
    color: #707070;
    display: block;
    margin: 31px auto 0 auto
}

.flighthyj-list .flightxfj-list-topLeft {
    width: 43%
}

.flighthyj-list .flightxfj-list-topRight {
    width: 57%;
    position: relative
}

.flighthyj-list .flightxfj-list-topRight img {
    margin-top: 60px;
    margin-right: -110px
}

.flighthyj-list .flighthyj-swiper .swiper-slide {
    background: #fff;
    position: relative;
    padding-bottom: 120px;
    padding-top: 50px;
    padding-left: 100px;
    padding-right: 10px
}

.flighthyj-list .flighthyj-swiper .flighthyj-swiper-list {
    align-items: center
}

.flighthyj-list .flighthyj-swiper .flighthyj-swiper-font {
    width: 38%
}

.flighthyj-list .flighthyj-swiper .flighthyj-swiper-fonth3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 1px;
    color: #000
}

.flighthyj-list .flighthyj-swiper .flighthyj-swiper-fontDec {
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin-top: 25px
}

.flighthyj-list .flighthyj-swiper .flighthyj-swiper-img {
    width: 62%
}

.flighthyj-list .flighthyj-swiper .flighthyj-swiper-img img {
    margin-left: -50px;
    margin-top: 100px
}

.flighthyj-list .flightxfj-swiper .swiper-pagination-bullet {
    background: rgba(231,231,231,.4)
}

.flighthyj-list .flightxfj-swiper .swiper-pagination-bullet-active {
    background-color: #d0d0d0
}

.flighthyj-list .flightxfj-swiper .swiper-button-next {
    right: 17.5%
}

.flighthyj-list .flightxfj-swiper .swiper-button-prev {
    left: 17.5%
}

.flighthyj-list .flightxfj-zcjx .flighthyj-zcjx-ul {
    flex-wrap: wrap;
    padding: 0 64px 168px 64px
}

.flighthyj-list .flightxfj-zcjx .flighthyj-zcjx-ul li {
    width: 33.333%;
    flex: initial;
    margin-top: 220px
}

.flighthyj-list .flightxfj-zcjx .flighthyj-zcjx-ul li:nth-child(1),.flighthyj-list .flightxfj-zcjx .flighthyj-zcjx-ul li:nth-child(2),.flighthyj-list .flightxfj-zcjx .flighthyj-zcjx-ul li:nth-child(3) {
    margin-top: 0
}

.flighthyj-list .flightxfj-zcjx .flightxfj-zcjx-img {
    position: relative;
    min-height: 115px
}

.flighthyj-list .flightxfj-zcjx .flightxfj-zcjx-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.flighthyj-list .flighthyj-swiper .flighthyj-swiper-img img {
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.noflight-list {
    padding: 77px 0 270px 0
}

.noflight-list .noflight-list-cont {
    position: relative;
    padding: 0 3.5rem
}

.noflight-list .noflight-tit h3 {
    font-size: 36px;
    text-align: center;
    line-height: 40px;
    letter-spacing: 1px;
    color: #535353;
    margin-bottom: 17px
}

.noflight-list .noflight-tit p {
    font-size: 17px;
    line-height: 25px;
    text-align: center;
    color: #757575
}

.noflight-list .noflight-cont {
    margin-top: 40px
}

.noflight-list .noflight-cont-h3 {
    font-size: 18px;
    line-height: 28px;
    color: #898a8e
}

.noflight-list .noflight-location {
    position: relative;
    margin-top: 17px
}

.noflight-applylist .noflight-sele,.noflight-list .noflight-sele {
    position: relative;
    width: 22.3%;
    margin-right: 20px
}

.feedback-list .noflight-applypersonal-area select,.noflight-applylist .noflight-sele select,.noflight-applypersonal-list .noflight-applypersonal-industry select,.noflight-applypersonal-list .noflight-applypersonal-phone select,.noflight-applypersonal-list .noflight-applypersonal-sex select,.noflight-list .noflight-location select {
    font-size: 18px;
    line-height: 28px;
    color: #c4c4c4;
    text-align: center;
    -webkit-appearance: none;
    width: 100%;
    border: solid 1px #cacaca;
    border-radius: 5px;
    padding: 5px 13px;
    cursor: pointer
}

.noflight-applypersonal-list .noflight-applypersonal-industry select {
    width: 525px
}

.noflight-list .noflight-sele:last-child {
    margin-right: 0
}

.feedback-list .noflight-applypersonal-area::after,.noflight-applylist .noflight-sele::after,.noflight-applypersonal-list .noflight-applypersonal-industry::after,.noflight-applypersonal-list .noflight-applypersonal-phone::after,.noflight-applypersonal-list .noflight-applypersonal-sex::after,.noflight-list .noflight-sele::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 40%;
    pointer-events: none;
    border-left: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    height: 9px;
    width: 9px;
    transform: translate(2px,-2px) rotate(-45deg);
    -webkit-transform: translate(2px,-2px) rotate(-45deg);
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    display: inline-block;
    -moz-transform: translate(2px,-2px) rotate(-45deg);
    -ms-transform: translate(2px,-2px) rotate(-45deg);
    -o-transform: translate(2px,-2px) rotate(-45deg)
}

.noflight-list .noflight-map {
    position: relative;
    margin-top: 37px;
    margin-bottom: 26px
}

.noflight-list .noflight-tip-bot,.noflight-list .noflight-tip-top {
    font-size: 18px;
    line-height: 28px;
    color: #898a8e
}

.noflight-list .noflight-tip-top {
    margin-bottom: 38px
}

.noflight-list .noflight-tip-bot {
    margin-bottom: 78px
}

.noflight-list .noflight-tip-bot i,.noflight-list .noflight-tip-bot span {
    display: inline-block;
    vertical-align: middle
}

.noflight-list .noflight-tip-bot i {
    width: 26px;
    height: 26px;
    border-radius: 100%;
    margin-right: 3px
}

.noflight-list .noflight-tip-bot .noflight-tip-i1 {
    background-color: #ff5757;
    border: solid 1px #ff5757
}

.noflight-list .noflight-tip-bot .noflight-tip-i2 {
    background-color: #b1b1b1;
    border: solid 1px #b1b1b1
}

.noflight-list .noflight-tip-bot .noflight-tip-i3 {
    background-color: #ffa757;
    border: solid 1px #ffa757
}

.noflight-list .noflight-tip-bot p {
    margin-bottom: 20px
}

.noflight-list .noflight-tip-bot p:first-child {
    margin-bottom: 10px
}

.noflight-list .noflight-tip-bot span {
    width: 96%
}

.noflight-list hr {
    width: 100%;
    border: none;
    height: 1px;
    background: #eaeaea;
    display: block
}

.noflight-list .noflight-apply {
    margin-bottom: 108px;
    margin-top: 89px
}

.noflight-list .noflight-apply-a {
    width: 200px;
    height: 40px;
    line-height: 40px;
    background-color: #313131;
    border-radius: 5px;
    display: block;
    font-size: 18px;
    text-align: center;
    margin: 45px auto 0 auto;
    color: #fff
}

.noflight-list .noflight-apply-a:hover {
    background: #e60012
}

.noflight-list .noflight-policy {
    margin-top: 114px
}

.noflight-list .noflight-policy-a {
    width: 200px;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #06c;
    display: block;
    position: relative;
    margin: 41px auto 0 auto
}

.noflight-list .noflight-policy-a span {
    display: inline-block;
    vertical-align: middle
}

.noflight-list .noflight-policy-a img {
    display: inline-block;
    vertical-align: middle;
    padding-left: 3px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.noflight-list .noflight-policy-a:hover img {
    padding-left: 10px
}

.noflight-applylist {
    position: relative;
    margin-top: 49px;
    margin-bottom: 50px
}

.noflight-applylist .noflight-applylist-ul li {
    margin-right: 45px;
    padding-bottom: 5px;
    border-bottom: 2px solid transparent
}

.noflight-applylist .noflight-applylist-ul li:last-child {
    margin-right: 0
}

.noflight-applylist .noflight-applylist-ul li a {
    width: 100%;
    display: block;
    font-size: 18px;
    text-align: center;
    color: #757575
}

.noflight-applylist .noflight-applylist-ul li.active,.noflight-applylist .noflight-applylist-ul li:hover {
    border-bottom: 2px solid #000
}

.noflight-applylist .noflight-applylist-ul li.active a,.noflight-applylist .noflight-applylist-ul li:hover a {
    color: #000
}

.noflight-applylist .noflight-applymenu {
    position: relative;
    margin-top: 53px
}

.noflight-applylist .noflight-applymenu li {
    position: relative;
    margin-right: 16px;
    margin-right: 24px
}

.noflight-applylist .noflight-applymenu li:last-child {
    margin-right: 0
}

.noflight-applylist .noflight-applymenu li a {
    font-size: 18px;
    line-height: 31px;
    width: 193px;
    height: 31px;
    display: block;
    text-align: center;
    color: #fff;
    background-color: #cacaca;
    padding: 0 12px;
    position: relative
}

.noflight-applylist .noflight-applymenu li+li::before {
    content: '';
    position: absolute;
    top: 0;
    left: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15.5px 20px;
    border-color: transparent;
    border-top-color: #cacaca;
    border-bottom-color: #cacaca;
    z-index: 0
}

.noflight-applylist .noflight-applymenu li::after {
    content: '';
    position: absolute;
    top: 0;
    right: -40px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15.5px 20px;
    border-color: transparent;
    border-left-color: #cacaca;
    z-index: 0
}

.noflight-applylist .noflight-applymenu li:last-child::after {
    display: none
}

.feedback-list .feedback-list-a input:hover,.noflight-applylist .noflight-applycont-cont li a:hover,.noflight-applylist .noflight-applymenu li.active a,.noflight-applylist .noflight-applymenu li:hover a,.noflight-applypersonal-list .noflight-applypersonal-back a:hover,.noflight-applypersonal-list .noflight-applypersonal-submit input:hover {
    background-color: #1890ff
}

.noflight-applylist .noflight-applymenu li+li.active::before,.noflight-applylist .noflight-applymenu li+li:hover::before {
    border-top-color: #1890ff;
    border-bottom-color: #1890ff
}

.noflight-applylist .noflight-applymenu li.active::after,.noflight-applylist .noflight-applymenu li:hover::after {
    border-left-color: #1890ff
}

.noflight-applylist .noflight-applycont {
    margin-top: 59px;
    margin-bottom: 292px
}

.noflight-applylist .noflight-applycont-h3 {
    font-size: 18px;
    line-height: 28px;
    color: #313131;
    margin-bottom: 3px
}

.noflight-applylist .noflight-sele {
    width: 342px
}

.noflight-applylist .noflight-applycont-btn {
    margin-top: 44px
}

.noflight-applylist .noflight-applycont-btn li {
    width: 100%;
    border: solid 1px #cacaca;
    margin-bottom: 20px
}

.noflight-applylist .noflight-applycont-btn li:last-child {
    margin-bottom: 0
}

.noflight-applylist .noflight-applycont-btn a {
    align-items: center;
    width: 100%;
    padding: 42px 59px 41px 59px
}

.noflight-applylist .noflight-applycont-btn .noflight-applycont-icon {
    width: 73px;
    height: 68px;
    display: block
}

.noflight-applylist .noflight-applycont-btn .noflight-applycont-icon1 {
    background: url(../images/no-ficon1.png) no-repeat center center
}

.noflight-applylist .noflight-applycont-btn .noflight-applycont-icon2 {
    background: url(../images/no-ficon2.png) no-repeat center center
}

.noflight-applylist .noflight-applycont-btn .noflight-applycont-icon3 {
    background: url(../images/no-ficon3.png) no-repeat center center
}

.noflight-applylist .noflight-applycont-font {
    width: 91%;
    padding-left: 68px
}

.noflight-applylist .noflight-applycont-font h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #313131;
    margin-bottom: 5px
}

.noflight-applylist .noflight-applycont-font p {
    font-size: 18px;
    color: #898a8e
}

.noflight-applylist .noflight-applycont-btn li.active,.noflight-applylist .noflight-applycont-btn li:hover {
    background-color: #fff;
    box-shadow: -1px 2px 2px 0 rgba(24,144,255,.23);
    border: solid 1px #1890ff
}

.noflight-applylist .noflight-applycont-cont li a {
    width: 201px;
    height: 40px;
    background-color: #313131;
    border-radius: 5px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    display: block;
    margin: 44px auto 0 auto
}

.noflight-applylist .noflight-applycont-cont li {
    display: none
}

.noflight-applylist .noflight-applycont-cont li:first-child {
    display: block
}

.noflight-applypersonal-list {
    position: relative;
    margin-top: 61px;
    width: 100%;
    margin-bottom: 86px
}

.noflight-applypersonal-list ul {
    width: 55%;
    margin: 0 auto
}

.noflight-applypersonal-list ul li {
    margin-bottom: 30px;
    width: 100%
}

.feedback-list .noflight-applypersonal-label,.noflight-applypersonal-list .noflight-applypersonal-label {
    font-size: 18px;
    width: 100%;
    line-height: 28px;
    color: #313131;
    display: inline-block;
    margin-bottom: 7px
}

.feedback-list .noflight-applypersonal-input,.noflight-applypersonal-list .noflight-applypersonal-input,.noflight-applypersonal-list .noflight-applypersonal-input1 {
    width: 525px;
    height: 41px;
    display: inline-block;
    border-radius: 5px;
    border: solid 1px #cacaca;
    font-size: 18px;
    color: #c4c4c4;
    padding: 0 15px
}

.noflight-applypersonal-list .noflight-applypersonal-sex {
    width: 525px;
    position: relative;
    display: inline-block
}

.noflight-applypersonal-list .noflight-applypersonal-sex select {
    width: 100%
}

.noflight-applypersonal-list .noflight-applypersonal-phone {
    width: 144px;
    height: 40px;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px
}

.feedback-list .noflight-applypersonal-area::after,.noflight-applypersonal-list .noflight-applypersonal-industry::after,.noflight-applypersonal-list .noflight-applypersonal-phone::after,.noflight-applypersonal-list .noflight-applypersonal-sex::after {
    right: 15px
}

.noflight-applypersonal-list .noflight-applypersonal-input1 {
    width: 370px;
    display: inline-block;
    vertical-align: middle
}

.noflight-applypersonal-list .noflight-applypersonal-industry {
    position: relative
}

.feedback-list .noflight-applypersonal-p,.noflight-applypersonal-list .noflight-applypersonal-p {
    font-size: 14px;
    line-height: 23px;
    margin-top: 3px;
    color: #c4c4c4
}

.feedback-list .noflight-applypersonal-fileli,.noflight-applypersonal-list .noflight-applypersonal-fileli {
    position: relative;
    overflow: hidden;
    width: 110px;
    height: 41px;
    line-height: 46px;
    border-radius: 5px;
    border: solid 1px #cacaca;
    cursor: pointer;
    align-items: center;
    margin-top: 14px
}

.noflight-applypersonal-list .noflight-applypersonal-fileli:hover {
    border: solid 1px #1890ff
}

input:focus {
    outline: 0
}

.feedback-list .noflight-applypersonal-file,.noflight-applypersonal-list .noflight-applypersonal-file {
    margin-left: 12px;
    font-size: 18px;
    line-height: 23px;
    color: #c4c4c4
}

.feedback-list .noflight-applypersonal-file input,.noflight-applypersonal-list .noflight-applypersonal-file input {
    display: inline-block;
    position: absolute;
    font-size: 16px;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

.feedback-list .noflight-applypersonal-filei,.noflight-applypersonal-list .noflight-applypersonal-filei {
    width: 22px;
    height: 18px;
    cursor: pointer
}

.feedback-list .noflight-applypersonal-filei i,.noflight-applypersonal-list .noflight-applypersonal-filei i {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/no-fscicon.png) no-repeat center center;
    cursor: pointer
}

.noflight-applypersonal-list .noflight-applypersonal-btn {
    margin-top: 192px
}

.noflight-applypersonal-list .noflight-applypersonal-back a,.noflight-applypersonal-list .noflight-applypersonal-submit input {
    width: 200px;
    height: 40px;
    line-height: 40px;
    background-color: #313131;
    border-radius: 5px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.noflight-applypersonal-list .noflight-applypersonal-back {
    margin-right: 38px
}

.insrecruit-list {
    padding: 20px 0 0
}

.insrecruit-list ul {
    padding: 0 0 20px
}

.insrecruit-list li {
    transition: all .5s;
    border-bottom: 1px solid #ccc;
    padding: 0 20px
}

.insrecruit-list li:first-child {
    border-top: 1px solid #ccc
}

.insrecruit-list li:last-child {
    border-bottom: 1px solid transparent
}

.insrecruit-list li.cur .rectue-top .date,.insrecruit-list li:hover .rectue-top .date {
    background-image: url(../image/about/jo-hsjicon.png)
}

.insrecruit-list li.cur .rectue-top .icon em:nth-child(2) {
    opacity: 0
}

.insrecruit-list .rectue-top {
    color: #333;
    position: relative;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.insrecruit-list .rectue-top span {
    width: 91%;
    display: block;
    margin-bottom: 5px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #323232;
    font-size: 18px;
    line-height: 50px;
    color: #09f
}

.insrecruit-list .rectue-top .loac,.insrecruit-list .rectue-top .pnum {
    color: #929292
}

.insrecruit-list .rectue-top .date {
    background: url(../image/about/jo-sjicon.png) no-repeat 0 center;
    padding-left: 28px;
    position: absolute;
    right: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: auto;
    margin-right: 0
}

.insrecruit-list .rectue-top .icon {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0
}

.insrecruit-list .rectue-top .icon em {
    position: absolute;
    background-color: #272727;
    width: 18px;
    height: 2px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    left: 0;
    top: 46%
}

.insrecruit-list .rectue-top .icon em:nth-child(2) {
    width: 2px;
    height: 18px;
    left: 49%;
    top: 0
}

.insrecruit-list .rectue-min {
    padding: 18px 0 40px 0;
    color: #757575;
    display: none;
    position: relative
}

.insrecruit-list .rectue-min .desc {
    padding: 0 0 10px
}

.insrecruit-list .rectue-min h3 {
    color: #333;
    padding: 0 0 5px
}

.insrecruit-list .rectue-send {
    padding: 10px 0 0
}

.insrecruit-list .rectue-send a {
    width: 156px;
    height: 57px;
    border-radius: 10px;
    display: block;
    font-size: 14px;
    text-align: center;
    line-height: 57px;
    color: #fff;
    position: absolute;
    right: 40px;
    bottom: 70px;
    background: url(../image/about/jo-dticon.png) #f15c18 no-repeat 15% center;
    transition: all .3s
}

.insrecruit-list .rectue-send a:hover {
    -webkit-box-shadow: 0 10px 30px -6px #f15c18;
    box-shadow: 0 10px 30px -6px #f15c18
}

@media (min-width: 1024px) {
    .insrecruit-list {
        padding:0 0 58px
    }

    .insrecruit-list ul {
        padding: 0 0 40px
    }

    .insrecruit-list .rectue-top {
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
        cursor: pointer
    }

    .insrecruit-list .rectue-top span {
        margin-bottom: 0
    }

    .insrecruit-list .rectue-top .date {
        right: 250px
    }

    .insrecruit-list .rectue-top .icon {
        width: 18px;
        height: 18px;
        right: 0
    }

    .insrecruit-list .rectue-top .icon em {
        width: 18px
    }

    .insrecruit-list .rectue-top .icon em:nth-child(2) {
        width: 2px;
        height: 18px
    }

    .insrecruit-list .rectue-min {
        padding: 18px 0 40px 0;
        font-size: 18px;
        line-height: 30px;
        color: #383838
    }

    .insrecruit-list .rectue-min .desc {
        padding: 0 0 30px 0;
        line-height: 26px;
        color: #828282
    }

    .insrecruit-list .rectue-min h3 {
        padding: 0 0 10px
    }

    .insrecruit-list .rectue-send {
        padding: 0
    }
}

@media (min-width: 1260px) {
    .insrecruit-list {
        margin-top:60px
    }

    .insrecruit-list ul {
        padding-bottom: 55px;
        padding-top: 16px
    }
}

.insrecruit-list .desc .dec-h3 {
    font-size: 18px;
    line-height: 60px;
    color: #282828
}

.insrecruit-list .desc .dec-margintop {
    margin-top: 50px
}

.insrecruit-list .load-more {
    width: 200px;
    height: 60px;
    border-radius: 10px;
    border: solid 2px #f15c18;
    margin: 0 auto
}

.insrecruit-list .load-more a {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 60px;
    letter-spacing: 1px;
    color: #333
}

.flightxfj-fwtk .insrecruit-tit h3,.insrecruit-list .insrecruit-tit h3 {
    font-size: 40px;
    color: #383838;
    font-weight: 700
}

.flightxfj-fwtk {
    position: relative;
    padding: 58px 0 70px 0
}

.flightxfj-futk-list h3 {
    font-size: 24px;
    line-height: 33px;
    font-weight: 700;
    color: #383838;
    padding-bottom: 25px;
    padding-top: 10px
}

.flightxfj-futk-list h4 {
    font-size: 18px;
    color: #383838;
    font-weight: 700;
    padding: 10px 0 20px
}

.flightxfj-futk-list h4:nth-child(2) {
    padding-top: 35px
}

.flightxfj-futk-list p {
    font-size: 16px;
    color: #383838;
    line-height: 25px;
    margin-bottom: 5px
}

.ptop35 {
    padding-top: 35px
}

.support-list {
    position: relative;
    padding-top: 49px
}

.support-list .support-list-top {
    margin-bottom: 43px
}

.support-list .support-list-top li {
    margin-right: 45px;
    border-bottom: 2px solid transparent
}

.support-list .support-list-top li:last-child {
    margin-right: 0
}

.support-list .support-list-top li {
    font-size: 18px;
    line-height: 48px;
    color: #757575;
    display: block
}

.support-list .support-list-top li a {
    padding-bottom: 10px;
    color: #757575
}

.support-list .support-list-top li.active a,.support-list .support-list-top li:hover a {
    color: #000;
    border-bottom: 2px solid #000
}

.support-list .support-list-bot {
    text-align: center;
    padding: 0 28px 125px 28px;
    flex-wrap: wrap
}

.support-list .support-list-bot li {
    width: 33.3333%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    background: #fff;
    position: relative;
    padding: 106px 0 38px 0
}

.support-list .support-list-bot li a {
    display: block;
    width: 100%
}

.support-list .support-list-bot li a h3 {
    font-size: 18px;
    line-height: 40px;
    color: #000
}

.support-list .support-list-bot li:hover a h3 {
    color: #1890ff
}

.support-list .support-list-bot li a object {
    font-size: 16px;
    line-height: 25px;
    color: #757575;
    display: inline-block
}

.support-list .support-list-bot li:hover {
    background: #fcfcfc
}

.support-list .support-list-img {
    height: 120px;
    position: relative;
    margin-bottom: 49px
}

.support-list .support-list-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.download-list .download-list-xfj li:hover .download-list-xfjimg img,.support-list .support-list-bot li:hover .support-list-img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1)
}

.policy-list {
    position: relative;
    padding-top: 50px;
    min-height: 1012px;
    align-items: flex-start
}

.application-problem .problem-left,.mountinfo-list .mountinfo-left,.policy-list .policy-left {
    width: 20.5%;
    overflow: hidden
}

.application-problem .problem-left-menu,.mountinfo-list .mountinfo-left-menu,.policy-list .policy-left-menu {
    width: 100%;
    min-height: 288px;
    border: solid 1px #f7f7f7
}

.application-spe .problem-left .problem-left-menu li,.mountinfo-list .mountinfo-left-menu li,.policy-list .policy-left-menu li {
    position: relative;
    padding: 0 15px;
    background: 0 0;
    overflow: hidden
}

.mountinfo-list .mountinfo-left-menu li::after,.policy-list .policy-left-menu li::after,.problem-left-menu li::after {
    content: "";
    position: absolute;
    top: 40%;
    right: 16px;
    width: 5px;
    height: 11px;
    background: url(../images/poli-jticon.png) no-repeat center center
}

.mountinfo-list .mountinfo-left-menu li a,.policy-list .policy-left-menu li a,.problem-left-menu li a {
    width: 95%;
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #6c6c6c;
    overflow: hidden;
    padding: 11px 0
}

.application-spe .problem-left .problem-left-menu li.active,.mountinfo-list .mountinfo-left-menu li.active,.mountinfo-list .mountinfo-left-menu li:hover,.policy-list .policy-left-menu li.active,.policy-list .policy-left-menu li:hover {
    background: #f8f9fc
}

.application-problem .problem-right,.mountinfo-list .mountinfo-right,.policy-list .policy-right {
    width: 79.5%;
    overflow: hidden;
    padding-left: 33px
}

.policy-list .policy-right .policy-right-tit {
    font-family: "Adobe 黑体 Std";
    font-size: 24px;
    line-height: 47px;
    letter-spacing: 1px;
    color: #000
}

.policy-list .policy-right .policy-right-dec {
    padding-top: 10px;
    font-size: 18px;
    line-height: 28px;
    color: #6c6c6c
}

.policy-list .policy-right .policy-right-dec1 {
    font-size: 16px;
    color: #757575
}

.policy-list .policy-right .policy-right-ul li {
    display: none
}

.policy-list .policy-right .ptop20 {
    padding-top: 20px
}

.policy-list .policy-right .policy-right-table {
    margin-top: 10px;
    overflow: auto
}

.policy-list .policy-right .policy-right-table table,.policy-list .policy-right .policy-right-table1 table {
    width: auto;
    min-height: 324px;
    border: 1px solid #ebebec;
    max-width: 100%;
    margin-bottom: 25px
}

.policy-list .policy-right .policy-right-table table tr {
    border-bottom: 1px solid #ebebec
}

.policy-list .policy-right .policy-right-table table tr th {
    padding: 10px 15px;
    font-size: 12px;
    color: #757575;
    background: #f8f9fc;
    border-right: 1px solid #ebebec;
    text-align: center
}

.policy-list .policy-right .policy-right-table table tr th:last-child {
    text-align: center
}

.policy-list .policy-right .policy-right-table table tr td {
    font-size: 12px;
    color: #757575;
    padding: 10px 20px;
    border-right: 1px solid #ebebec;
    width: 20%;
    text-align: center
}

.policy-list .policy-right .policy-right-table table tr td:last-child {
    width: 70%;
    text-align: center
}

.policy-list .policy-right .policy-right-table1 {
    padding-bottom: 69px
}

.policy-list .policy-right .policy-right-table1 table {
    width: 100%;
    min-height: 878px;
    border: 1px solid #ebebec
}

.policy-list .policy-right .policy-right-table1 table tr th {
    background: #f8f9fc;
    font-size: 16px;
    padding: 18px 6px;
    color: #373737;
    text-align: center;
    overflow: hidden;
    border-right: 1px solid #ebebec
}

.policy-list .policy-right .policy-right-table1 table tr th:first-child {
    width: 15%
}

.policy-list .policy-right .policy-right-table1 table tr th:nth-child(2) {
    width: 33.5%
}

.policy-list .policy-right .policy-right-table1 table tr th:last-child {
    width: 58.5%
}

.policy-list .policy-right .policy-right-table1 table tr {
    text-align: center
}

.policy-list .policy-right .policy-right-table1 table tr td {
    font-size: 16px;
    color: #6c6c6c;
    text-align: left;
    line-height: 25px;
    border: 1px solid #ebebec;
    padding: 17px 17px
}

.policy-list .policy-right .policy-right-table1 .circul {
    text-align: center;
    padding: 0 25px;
    width: auto
}

.policy-list .policy-right .policy-right-table1 .circul p {
    border-radius: 100%;
    text-align: center;
    width: auto;
    line-height: 31px
}

.policy-list .policy-right .policy-right-table1 p i {
    display: inline-block;
    vertical-align: top;
    width: 15px;
    font-style: normal
}

.policy-list .policy-right .policy-right-table1 p span {
    width: 95%;
    display: inline-block;
    vertical-align: top
}

.service-list {
    position: relative;
    padding-top: 76px;
    padding-bottom: 365px
}

.service-list .service-list-tit {
    font-size: 36px;
    text-align: center;
    letter-spacing: 1px;
    color: #535353
}

.service-list .service-list-ul {
    padding-top: 64px;
    width: 80%;
    margin: 0 auto
}

.service-list .service-list-icon {
    height: 75px;
    margin-bottom: 16px
}

.service-list .service-list-ul li:hover .service-list-icon img {
    -webkit-animation: bounce 1s ease 0s 1 both;
    animation: bounce 1s ease 0s 1 both
}

.service-list .service-list-ul li {
    flex: 1
}

.service-list .service-list-ul li h3 {
    text-align: center;
    font-size: 17px;
    line-height: 55px;
    color: #757575
}

.service-list .service-list-font {
    width: 68%;
    margin: 76px auto 0 auto;
    font-size: 18px;
    line-height: 28px;
    color: #898a8e
}

.service-list .service-list-font a {
    font-size: 18px;
    line-height: 28px;
    color: #898a8e
}

.patop33 {
    padding-top: 33px
}

.agent-list {
    position: relative;
    padding: 75px 0 262px 0
}

.agent-list .agent-tit,.download-list .agent-tit {
    font-size: 36px;
    text-align: center;
    letter-spacing: 1px;
    color: #000
}

.agent-list .agent-list-menu {
    padding-top: 48px
}

.agent-list .agent-list-menu li {
    margin-right: 45px
}

.agent-list .agent-list-menu li:last-child {
    margin-right: 0
}

.agent-list .agent-list-menu li a {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #757575;
    padding-bottom: 10px;
    border-bottom: 2px solid transparent
}

.agent-list .agent-list-menu li.active a,.agent-list .agent-list-menu li:hover a {
    color: #000;
    border-bottom: 2px solid #000
}

.agent-list .agent-list-mapTop {
    padding-top: 83px
}

.agent-list .agent-list-mapTop h3 {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #898a8e;
    margin-bottom: 7px
}

.agent-list .solution-lx-select {
    width: 64%;
    margin: 0 auto
}

.layui-form-select .layui-input {
    padding-right: 20px
}

.agent-list .agent-list-mapBot {
    position: relative;
    margin-top: 30px
}

.agent-list .agent-list-mapMap ul li {
    width: 100%
}

.agent-list .agent-list-mapMap .map {
    width: 60%;
    float: left;
    height: 100%
}

.agent-list .agent-list-mapMap .map img {
    max-width: none
}

.agent-list .agent-list-mapUl {
    width: 40%;
    float: left;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.agent-list .agent-list-mapUl .agent-list-mapLi:first-child {
    padding-top: 0
}

.agent-list .agent-list-mapUl .agent-list-mapLi {
    align-items: center;
    padding-bottom: 15px;
    padding-top: 10px;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer
}

.agent-list .agent-list-mapUl .agent-mapLi-left {
    width: 100%;
    padding: 10px 30px
}

.agent-list .agent-list-mapUl .agent-mapLi-left h3 {
    font-size: 18px;
    line-height: 34px;
    color: #000;
    margin-bottom: 8px
}

.agent-list .agent-list-mapUl .agent-mapLi-left p {
    font-size: 18px;
    color: #898a8e
}

.agent-list .agent-list-mapUl .agent-mapLi-cen {
    width: 30%
}

.agent-list .agent-list-mapUl .agent-mapLi-cen p {
    font-size: 18px;
    line-height: 28px;
    color: #898a8e
}

.agent-list .agent-list-mapUl .agent-mapLi-right {
    width: 15%
}

.agent-list .agent-list-mapUl .agent-mapLi-right .agent-mapLi-a {
    width: 120px;
    height: 30px;
    background-color: #535353;
    border-radius: 5px;
    float: right;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #fff
}

.agent-list .agent-list-formUl {
    margin: 75px auto 0 auto;
    width: 45%
}

.agent-list .agent-list-formUl li {
    width: 100%;
    position: relative;
    padding: 0 20px;
    margin-bottom: 40px
}

.agent-list .agent-list-formUl .agent-list-sele {
    margin-top: 10px;
    width: 540px;
    height: 42px;
    line-height: 48px;
    background: #fff;
    border: 1px solid #cacaca;
    position: relative;
    border-radius: 5px;
    margin: 0 auto
}

.agent-list .agent-list-formUl .agent-list-sele::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 40%;
    pointer-events: none;
    border-left: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    height: 9px;
    width: 9px;
    transform: translate(2px,-2px) rotate(-45deg);
    -webkit-transform: translate(2px,-2px) rotate(-45deg);
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    display: inline-block;
    -moz-transform: translate(2px,-2px) rotate(-45deg);
    -ms-transform: translate(2px,-2px) rotate(-45deg);
    -o-transform: translate(2px,-2px) rotate(-45deg)
}

.agent-list .agent-list-formUl .agent-list-sele select {
    border: none;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    background: unset;
    line-height: 40px;
    height: 40px;
    padding-left: 20px;
    position: relative;
    color: #666;
    color: #c4c4c4;
    font-size: 18px
}

.agent-list .agent-list-formUl label {
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #313131;
    margin-bottom: 8px;
    display: block
}

.agent-list .agent-list-formUl .agent-list-input {
    width: 540px;
    height: 40px;
    border-radius: 5px;
    border: solid 1px #cacaca;
    margin-bottom: 21px;
    padding: 0 14px;
    font-size: 18px;
    color: #c4c4c4
}

.agent-list .agent-list-formUl .agent-list-input input {
    width: 100%;
    line-height: 38px;
    height: 40px
}

.agent-list .agent-list-formUl .agent-list-text,.applylist .apply-list-formUl .apply-list-text {
    width: 100%;
    height: 80px;
    border-radius: 5px;
    border: solid 1px #cacaca;
    padding: 5px 10px;
    margin-top: 4px
}

.agent-list .agent-list-formUl .agent-list-text textarea {
    width: 100%;
    font-size: 18px;
    color: #c4c4c4
}

.agent-list .agent-list-formUl .agent-list-submit {
    width: 200px;
    height: 40px;
    background-color: #313131;
    border-radius: 5px;
    margin: 46px auto 0 auto;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.agent-list .agent-list-formUl .agent-list-submit input {
    width: 100%;
    cursor: pointer
}

.agent-list .agent-list-formUl .agent-list-submit:hover {
    background: #e60012
}

.agent-list .agent-list-formUl .agent-list-input:last-child {
    margin-bottom: 0
}

.becomeagent-list {
    padding: 75px 0 45px 0
}

.agent-list .agent-list-addinput {
    width: 200px;
    height: 40px;
    border-radius: 5px;
    border: solid 1px #c4c4c4;
    font-size: 18px;
    line-height: 34px;
    text-align: center;
    color: #c4c4c4;
    cursor: pointer
}

.agent-list .InputsWrapper {
    margin-bottom: 13px
}

.agent-list .layui-inline {
    width: 32.5%;
    border: solid 1px #cacaca;
    height: 40px;
    border-radius: 5px
}

.agent-list .layui-inline:last-child {
    margin-right: 0
}

.agent-list .layui-form {
    margin-bottom: 15px;
    width: 100.8%
}

.download-list {
    padding: 75px 0 0 0;
    position: relative
}

.download-list .download-list-menu {
    padding-top: 26px;
    padding-bottom: 55px
}

.download-list .download-list-menu li {
    margin-right: 43px
}

.download-list .download-list-menu li:last-child {
    margin-right: 0
}

.download-list .download-list-menu li a {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    display: block;
    width: 100%;
    color: #757575;
    border-bottom: 2px solid transparent
}

.download-list .download-list-menu li.active a,.download-list .download-list-menu li:hover a {
    color: #010101;
    border-bottom: 2px solid #000
}

.download-list .download-list-cont {
    background: #f8f9fc;
    padding-top: 60px;
    min-height: 993px;
    padding-bottom: 60px
}

.download-list .download-list-app {
    background: #fff;
    align-items: center;
    padding: 74px 76px 87px 47px;
    margin-bottom: 60px
}

.download-list .download-list-appLeft {
    width: 76%
}

.download-list .download-list-appImg {
    width: 20%
}

.download-list .download-list-appImg img {
    box-shadow: 1px 1px 6px 1px #dadada;
    border-radius: 40px
}

.download-list .download-list-appFont {
    width: 80%;
    padding-left: 30px;
    padding-right: 44px
}

.download-list .download-list-appFont h3 {
    font-size: 18px;
    line-height: 48px;
    color: #1d1d1f;
    font-weight: 700
}

.download-list .download-list-appFont .download-list-appDec {
    text-align: justify;
    margin-bottom: 25px
}

.download-list .download-list-appFont .download-list-appDec,.download-list .download-list-appFont h4 {
    font-size: 16px;
    line-height: 24px;
    color: #757575
}

.download-list .download-list-appRight {
    width: 24%
}

.download-list .download-appRight-label {
    width: 120px;
    height: 40px;
    border-radius: 5px;
    text-align: center;
    align-items: center;
    margin-top: 8px
}

.download-list .download-appRight-tit p {
    font-size: 12px;
    color: #fff
}

.download-list .download-appRight-icon {
    width: 100%
}

.download-list .download-appRight-tit {
    width: 80%;
    padding-left: 3px
}

.download-list .download-appRight-tit h3 {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 2.1px;
    color: #fff
}

.download-list .download-appRight-img {
    margin-right: 25px
}

.download-list .download-appRight-img:last-child {
    margin-right: 0
}

.download-list .download-list-xfj {
    flex-wrap: wrap
}

.download-list .download-list-xfj li {
    background: #fff;
    width: 31.7%;
    position: relative;
    margin-right: 30px;
    margin-bottom: 30px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.download-list .download-list-xfj li a {
    width: 100%;
    display: block;
    padding: 47px 67px
}

.download-list .download-list-xfj li:nth-child(3n) {
    margin-right: 0
}

.download-list .download-list-xfj .download-list-xfjimg {
    width: 100%;
    height: 110px;
    position: relative;
    margin-top: 82px
}

.download-list .download-list-xfj .download-list-xfjimg img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.download-list .download-list-xfj .download-list-xfjfont {
    margin-top: 47px
}

.download-list .download-list-xfj .download-list-xfjfont h3 {
    font-weight: 700;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin-bottom: 6px
}

.download-list .download-list-xfj .download-list-xfjfont p {
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #757575
}

.download-list .download-list-xfj li:hover {
    box-shadow: 0 0 10px 1px #dbdbdb
}

.download-list .download-list-xfj li:hover .download-list-xfjfont h3,.download-list .download-list-xfj li:hover .download-list-xfjfont p {
    color: #00b7ee
}

.about-list {
    position: relative;
    padding: 52px 126px 125px 126px
}

.about-list .about-list-js {
    margin-bottom: 76px
}

.about-list .about-list-tit {
    font-weight: 700;
    font-size: 28px;
    line-height: 28px;
    padding-bottom: 22px;
    border-bottom: 1px solid #d6d6d6;
    color: #00000a
}

.about-list .about-list-jsfont {
    font-size: 18px;
    line-height: 28px;
    color: #6c6c6c;
    padding-top: 25px
}

.about-list .about-list-jsimg {
    margin-top: 30px
}

.about-list .about-list-qqbj {
    margin-bottom: 128px;
    position: relative
}

.about-list .about-list-qqbj .about-list-jsimg {
    margin-top: 88px
}

.about-list .about-list-qqbj .about-list-jsimg .about-list-pcjsimg {
    display: block
}

.about-list .about-list-qqbj .about-list-jsimg .about-list-phjsimg {
    display: none
}

.about-list .about-list-qqbjscroll {
    margin-top: 95px
}

.about-list .ul-num li {
    flex: 1;
    text-align: center
}

.about-list .ul-num .law-num-info span {
    font-weight: 700;
    font-size: 69px;
    line-height: 28px;
    color: #ff6300;
    text-align: center
}

.about-list .ul-num .law-num-info sup {
    font-size: 35px;
    text-align: center;
    color: #ff6300
}

.about-list .ul-num .ul-num-dec {
    margin-top: 21px
}

.about-list .ul-num .ul-num-dec h4 {
    font-weight: 700;
    font-size: 30px;
    line-height: 26px;
    text-align: center;
    color: #4e4e4e;
    margin-bottom: 15px
}

.about-list .ul-num .ul-num-dec p {
    font-weight: 700;
    font-size: 17px;
    text-align: center;
    color: #4e4e4e
}

.about-fzlc {
    position: relative;
    width: 100%
}

.about-fzlc ul {
    width: 100%;
    padding-top: 80px
}

.about-fzlc ul li {
    position: relative;
    margin-top: 0;
    cursor: pointer
}

.about-fzlc .about-fzlc-time {
    margin: 22px auto
}

.about-fzlc .about-fzlc-time h3 {
    font-size: 34px;
    line-height: 28px;
    text-align: center;
    color: #00000a;
    font-family: Arial
}

.about-fzlc .about-fzlc-fontr {
    position: relative;
    left: -1.6px;
    text-align: left;
    margin-left: 50%;
    border-left: 1px solid #ff6300
}

.about-fzlc .about-fzlc-list {
    position: relative
}

.about-fzlc .about-fzlc-dec {
    width: 78%;
    margin-left: 54px;
    font-size: 18px;
    line-height: 28px;
    background: #fafafa;
    color: #6c6c6c;
    padding: 32px 14px 25px 18px;
    position: relative;
    margin-bottom: 10px
}

.about-fzlc .about-fzlc-dec::before {
    content: "";
    width: 22px;
    height: 22px;
    background-color: #fff;
    border: solid 2px #ff6300;
    border-radius: 100%;
    position: absolute;
    top: 42%;
    left: -65px;
    z-index: 2
}

.about-fzlc .about-fzlc-fontl {
    text-align: left;
    border-right: 1px solid #ff6300;
    width: 50%
}

.about-fzlc .about-fzlc-fontl .about-fzlc-dec {
    width: 80%;
    margin-left: 50px;
    padding: 15px 39px
}

.about-fzlc .about-fzlc-fontl .about-fzlc-dec::before {
    left: 110.5%
}

.about-fzlc .about-fzlc-fontr .bg::before {
    background: #ff6300
}

.about-fzlc ul li:last-child {
    margin: 20px auto 0 auto
}

.contact-list {
    position: relative;
    margin-top: 43px;
    padding-bottom: 620px;
    padding-bottom: 50px
}

.contact-list .contact-list-left {
    width: 45%
}

.contact-list .contact-list-right {
    width: 45%;
    margin-top: 60px
}

.contact-list .contact-list-tit {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #313131;
    margin-bottom: 10px
}

.contact-list .conttact-list-ul img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.contact-list .conttact-list-ul p {
    font-size: 16px
}

.contact-list .conttact-list-ul em,.contact-list .conttact-list-ul span {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #313131;
    margin-right: 5px
}

.contact-list .cont-list-addrtit {
    font-weight: 700;
    font-size: 20px;
    line-height: 34px;
    color: #313131
}

.contact-list .cont-list-addr {
    padding-bottom: 20px;
    border-bottom: 1px solid #d6d6d6
}

.contact-list .cont-list-addr1 {
    border-bottom: 1px solid transparent;
    padding-top: 28px
}

.contact-list .contact-list-rightInp {
    width: 562px;
    height: 41px;
    border-radius: 5px;
    border: solid 1px #cacaca;
    padding: 0 14px;
    font-size: 18px;
    line-height: 28px;
    color: #c4c4c4;
    padding-top: 6px
}

.contact-list .contact-list-righttext {
    width: 562px;
    height: 130px;
    border-radius: 5px;
    border: solid 1px #cacaca;
    font-size: 18px;
    line-height: 28px;
    color: #c4c4c4;
    padding: 12px 14px
}

.contact-list .contact-list-rightsub {
    width: 200px;
    height: 40px;
    background-color: #313131;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    cursor: pointer
}

.contact-list .contact-list-rightsub:hover {
    background: #e60012
}

.contact-list .contact-list-rightUl li {
    text-align: right;
    margin-bottom: 20px
}

.contact-list .contact-list-rightUl li:last-child {
    text-align: center;
    margin-top: 44px
}

.new-list {
    position: relative
}

.new-list .new-list-tit {
    font-size: 30px;
    text-align: center;
    line-height: 55px;
    letter-spacing: 1px;
    color: #333;
    padding: 100px 0 40px 0
}

.new-list .new-list-top {
    position: relative
}

.new-list .new-list-menu {
    margin-bottom: 53px
}

.new-list .new-list-menu li {
    margin-right: 35px;
    text-align: center;
    overflow: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.new-list .new-list-menu li:last-child {
    margin-right: 0
}

.new-list .new-list-menu li a {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 30px;
    color: #7d7d7d;
    border-bottom: 2px solid transparent
}

.new-list .new-list-menu li.active a,.new-list .new-list-menu li:hover a {
    border-bottom: 2px solid #0f86ff
}

.new-list .new-list-search {
    width: 320px;
    position: absolute;
    right: 0;
    top: 0
}

.new-list .new-list-searchtext input {
    width: 100%;
    height: 29px;
    background-color: #fff;
    border: solid 1px #0f86ff;
    border-radius: 3px;
    padding: 0 10px;
    font-size: 14px
}

.new-list .new-list-searchbtn {
    position: relative
}

.new-list .new-list-searchbtn::before {
    content: '';
    position: absolute;
    top: 50%;
    height: 1px;
    width: 15px;
    background: #b8b8b8;
    margin-top: 0;
    right: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.new-list .new-list-searchbtn::after {
    content: '';
    position: absolute;
    top: 50%;
    height: 15px;
    width: 1px;
    background: #b8b8b8;
    margin-top: -7px;
    right: 17px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.new-list .new-list-searchcont {
    display: none
}

.new-list .new-list-searchcont ul {
    width: 100%;
    background-color: #fff;
    border: solid 1px #b5b5b5;
    padding: 14px 18px;
    overflow: hidden
}

.new-list .new-list-searchcont li a {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    color: #2f2f2f
}

.new-list .new-list-bot {
    flex-wrap: wrap
}

.new-list .new-list-bot li {
    width: 32.3%;
    overflow: hidden;
    margin-right: 19px;
    margin-bottom: 53px;
    box-shadow: 0 8px 9px 0 rgba(165,162,163,.27);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    border-radius: 10px
}

.new-list .new-list-bot li:nth-child(3n) {
    margin-right: 0
}

.new-list .new-list-botimg {
    overflow: hidden;
    width: 100%;
    max-height: 233px
}

.new-list .new-list-botimg img,.video-list .video-list-right .video-list-infocont li .mask-bg-img {
    width: 100%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.new-list .new-list-bot li:hover .new-list-botimg img,.video-list .video-list-right .video-list-infocont li:hover .mask-bg-img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1)
}

.new-list .new-list-botfont {
    padding: 28px 28px 26px 28px;
    background-color: #fff
}

.new-list .new-list-botfontTit {
    height: 80px;
    width: 100%;
    font-size: 24px;
    line-height: 34px;
    color: #000
}

.new-list .new-list-botfontTit h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    color: #000
}

.new-list .new-list-time {
    margin-top: 10px
}

.new-list .new-list-tag {
    width: 135px;
    height: 24px;
    background-color: #5b5b5b;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    border-radius: 11px;
    font-size: 14px;
}

.new-list .new-list-date {
    font-size: 16px;
    line-height: 22px;
    color: #4e4e50;
    padding-left: 10px
}

.new-list .new-list-more {
    width: 64px;
    font-size: 16px;
    line-height: 30px;
    display: block;
    text-align: center;
    margin: 40px auto 177px auto;
    border-bottom: 2px solid #0f86ff;
    color: #000
}

.new-list .new-list-more:hover,.new-list .new-list-searchcont li a:hover {
    color: #0f86ff
}

.new-list .new-list-bot li:hover .new-list-tag {
    background: #0f86ff
}

.newinfo-list {
    position: relative;
    margin: 98px auto 260px auto
}

.newinfo-list .newinfo-list-cont {
    width: 66%;
    margin: 0 auto
}

.newinfo-list .newinfo-list-tit {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    line-height: 50px;
    letter-spacing: 1px;
    color: #4d4c4f
}

.newinfo-list .new-list-time {
    margin-top: 17px
}

.newinfo-list .new-list-tag {
    width: 140px;
    height: 22px;
    background-color: #5b5b5b;
    font-size: 16px;
    text-align: center;
    line-height: 22px;
    color: #fff;
    display: block
}

.newinfo-list .new-list-date {
    font-size: 24px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #4e4e50;
    padding-left: 14px
}

.newinfo-list .newinfo-list-contTop {
    padding-bottom: 30px;
    border-bottom: 1px solid #e3e1e1
}

.newinfo-list .newinfo-list-font {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e3e1e1
}

.newinfo-list .newinfo-list-font img {
    margin-bottom: 48px
}

.newinfo-list .newinfo-list-font p {
    font-size: 18px;
    line-height: 30px;
    color: #707070
}

.newinfo-list .newinfo-list-font h3 {
    font-size: 22px;
    font-weight: 700;
    color: #707070;
    margin: 40px auto
}

.newinfo-list .newinfo-list-tip {
    font-size: 18px;
    line-height: 50px;
    color: #4d4c4f;
    margin-top: 3px
}

.newinfo-list .newinfo-list-back {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    font-weight: 700;
    color: #4975ba
}

.newinfo-list .newinfo-list-back b {
    padding-right: 10px
}

.newinfo-list .newinfo-list-back:hover {
    color: #e60012
}

.newinfo-list .newinfo-list-share {
    position: absolute;
    top: 0;
    right: 0
}

.newinfo-list .foot-share {
    width: 68px;
    height: 280px;
    background-color: #dfe7f2;
    margin-top: 31px;
    padding: 45px 17px 44px 20px;
    overflow: hidden
}

.newinfo-list .foot-share a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: block;
    padding-left: 0;
    margin-right: 0;
    font-size: 35px;
    color: #4975ba;
    margin-bottom: 15px
}

.newinfo-list .foot-share a:last-child {
    margin-bottom: 0;
    font-size: 30px;
    padding-top: 5px
}

.newinfo-list .foot-share a:hover {
    color: #0f86ff
}

.footer .footer-phone .foot-share a:hover {
    color: #fff
}

.privacy-list {
    position: relative;
    padding-top: 35px;
    padding-bottom: 108px
}

.privacy-list h3 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #6c6c6c
}

.privacy-list p {
    font-size: 18px;
    color: #6c6c6c;
    line-height: 28px;
    margin-top: 3px
}

.pstop27 {
    padding-top: 27px
}

.video-list {
    position: relative;
    padding-top: 51px;
    padding-bottom: 143px
}

.video-list .video-list-left {
    width: 20.5%;
    overflow: hidden
}

.video-list .video-list-leftUl {
    width: 100%;
    min-height: 294px;
    border: solid 1px #efefef
}

.video-list .video-list-leftUl li {
    position: relative;
    padding: 0 30px;
    background: 0 0
}

.video-list .video-list-leftUl li a {
    width: 100%;
    display: block;
    font-size: 16px;
    line-height: 23px;
    color: #6c6c6c;
    padding: 8px 0;
    border-bottom: 1px solid #fff
}

.video-list .video-list-leftUl li.active,.video-list .video-list-leftUl li:hover {
    background-color: #f8f9fc
}

.video-list .video-list-right {
    width: 79.5%;
    overflow: hidden;
    padding-left: 38px
}

.video-list .video-list-right .video-list-h3 {
    font-size: 18px;
    line-height: 34px;
    font-weight: 700;
    color: #333;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 3px
}

.video-list .video-list-right .sp-list {
    position: relative
}

.video-list .video-list-right .sp-list .mask-bg {
    background: #000;
    max-height: 500px;
    overflow: hidden
}

.video-list .video-list-right .sp-list .mask-bg>img {
    width: 100%;
    max-height: 180px;
    overflow: hidden
}

.video-list .video-list-right .sp-list .mask-bg .mask-bg-img {
    width: 100%;
    opacity: .75
}

.video-list .video-list-right .sp-list .video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.video-list .video-list-right .sp-list .video-btn span {
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
    display: inline-block
}

.vclose {
    position: absolute;
    right: .5%;
    top: -10%;
    cursor: pointer;
    border: 2px solid #c00;
    border-radius: 50%
}

.videos {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: 1000px;
    height: 650px
}

.videos .video {
    width: 100%;
    height: 100%;
    background: #000
}

.masklayer {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(0,0,0,.8);
    z-index: 1000;
    -webkit-user-select: none;
    -ms-user-select: none
}

.video-list .video-list-right .video-list-infocont {
    flex-wrap: wrap;
    margin-top: 30px
}

.video-list .video-list-right .video-list-infocont li {
    width: 32.7%;
    margin-right: 9px;
    margin-bottom: 43px;
    cursor: pointer;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    background: #fff
}

.video-list .video-list-right .video-list-infocont li:nth-child(3n) {
    margin-right: 0
}

.video-list .video-list-right .video-list-righttit {
    font-weight: 700;
    text-align: center;
    font-size: 18px;
    line-height: 34px;
    color: #333;
    padding: 19px
}

.video-list .video-list-right .video-list-infocont li:hover .video-list-righttit {
    color: #0f86ff
}

.video-list .video-list-right .video-list-infocont li:hover {
    box-shadow: 0 8px 9px 0 rgb(165 162 163 / 27%)
}

.video-list .video-list-right .video-list-info {
    margin-top: 32px
}

.video-list .video-list-right .video-list-info:first-child {
    margin-top: 0
}

.flightxfj-list .flightxfj-list-mobilemenu {
    display: none
}

.flightxfj-list .flightxfj-list-mobilemenuaName {
    font-size: 18px;
    font-weight: 700
}

.flightxfj-list .flightxfj-list-mobilemenuaName img {
    display: inline-block;
    float: right;
    width: 15px;
    margin-top: 4px
}

.flightxfj-list .flightxfj-list-mobilemenu>ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 15;
    background-color: #fff;
    box-shadow: 0 1px 4px 1px #f1f1f1;
    display: none
}

.flightxfj-list .flightxfj-list-mobilemenu>ul>li a {
    display: block;
    line-height: 42px;
    padding: 0 15px;
    font-size: 15px
}

.feedback-list {
    position: relative;
    padding-bottom: 385px
}

.feedback-list .video-list-leftUl {
    min-height: 94px
}

.feedback-list .noflight-applypersonal-area {
    position: relative;
    width: 525px;
    overflow: hidden
}

.feedback-list .video-list-right li {
    margin-bottom: 30px
}

.feedback-list .video-list-right li:last-child {
    margin-bottom: 0
}

.feedback-list .video-list-right {
    padding-left: 116px;
    width: 50.5%
}

.feedback-list .feedback-list-text {
    width: 525px;
    height: 106px;
    border-radius: 5px;
    border: solid 1px #cacaca;
    font-size: 18px;
    color: #c4c4c4;
    padding: 10px 15px
}

.feedback-list .feedback-list-a input {
    width: 200px;
    height: 40px;
    background-color: #313131;
    border-radius: 5px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    margin: 61px auto 0 auto;
    cursor: pointer;
    display: block
}

.feedback-list .video-list-leftUl li {
    padding: 0 15px
}

.noflight-close {
    position: relative;
    padding-bottom: 61px
}

.noflight-close .video-list-right {
    width: 67%
}

.noflight-close .noflight-closeimg {
    overflow: hidden
}

.noflight-close .noflight-closeimg img {
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.noflight-close .noflight-closeimg img:hover {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1)
}

.noflight-close .noflight-close-label {
    font-size: 18px;
    line-height: 28px;
    color: #828282
}

.noflight-close .noflight-close-p {
    font-size: 18px;
    line-height: 28px;
    color: #313131
}

.noflight-close .feedback-list-text {
    width: 705px
}

.noflight-close .video-list-right li:first-child {
    padding-left: 0
}

.noflight-close .video-list-right li {
    padding-left: 14px
}

.application-banner {
    position: relative;
    background: #fff;
    padding-top: 90px;
    padding-bottom: 105px
}

.application-banner h1,.application-banner h3 {
    font-size: 36px;
    text-align: center;
    line-height: 45px;
    letter-spacing: 1px;
    color: #000
}

.application-list {
    position: relative;
    min-height: 1900px;
    background: #f7f7f7;
    margin-top: 72px;
    padding-bottom: 50px;
    min-height: 100vh
}

.application-list .application-list-left {
    width: 17.6%
}

.application-list .application-list-left ul {
    width: 100%;
    min-height: 378px;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #dcdcdc;
    padding-top: 18px
}

.application-list .application-list-left ul li {
    overflow: hidden
}

.application-list .application-list-left ul li a {
    padding: 10px 22px 10px 37px;
    font-size: 14px;
    color: #a0a0a0;
    line-height: 22px;
    display: block;
    position: relative;
    overflow: hidden
}

.application-list .application-list-left ul li a::before {
    content: "";
    position: absolute;
    top: 48%;
    left: 22px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: 5px;
    height: 16px;
    background-color: #fff
}

.application-list .application-list-right {
    width: 82.4%;
    padding-left: 38px
}

.application-list .application-list-left ul li.active a,.application-list .application-list-left ul li:hover a {
    color: #3d3d3d
}

.application-list .application-list-left ul li.active a::before,.application-list .application-list-left ul li:hover a::before {
    background-color: #dcdcdc
}

.application-list .application-list-right ul {
    flex-wrap: wrap
}

.application-list .application-list-right li {
    width: 48.7%;
    background: #fff;
    margin-right: 25px;
    margin-bottom: 34px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    position: relative
}

.application-list .application-list-right li:nth-child(2n) {
    margin-right: 0
}

.application-list .application-list-right li>a {
    display: block;
    width: 100%;
    padding: 21px 20px 35px 20px
}

.application-list .application-list-rightimg {
    height: 230px;
    position: relative
}

.application-list .application-list-rightimg img {
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.application-list .application-list-right li:hover .application-list-rightimg img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1)
}

.application-list .application-list-rightfont {
    margin-top: 32px
}

.application-list .application-list-rightfont h3 {
    font-size: 18px;
    text-align: center;
    line-height: 32px;
    color: #000;
    margin-bottom: 3px
}

.application-list .application-list-rightfont a {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #757575;
    display: block;
    width: 100%
}

.application-list .application-list-right li:hover {
    box-shadow: 0 8px 9px 0 rgb(165 162 163 / 27%)
}

.zypj-list {
    display: none;
    position: relative
}

.industry-list .application-list-right li>a {
    padding: 21px 20px 55px 20px
}

.mountinfo-list {
    position: relative;
    margin: 55px auto 85px auto
}

.mountinfo-list .mountinfo-right-ul li {
    background-color: #fff;
    border: solid 1px #ededed;
    padding: 51px 80px;
    align-items: center;
    margin-bottom: 31px
}

.mountinfo-list .mountinfo-right-ul li:last-child {
    margin-bottom: 0
}

.mountinfo-list .mountinfo-right-font {
    width: 40%
}

.mountinfo-list .mountinfo-right-h3 {
    font-size: 28px;
    letter-spacing: 1px;
    color: #000
}

.mountinfo-list .mountinfo-right-fontdec p {
    position: relative;
    font-size: 18px;
    line-height: 39px;
    padding-left: 23px;
    color: #000
}

.mountinfo-list .mountinfo-right-fontdec {
    margin-top: 16px
}

.mountinfo-list .mountinfo-right-fontdec p::before {
    width: 3px;
    height: 3px;
    border-radius: 100%;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    left: 7px;
    background: #000
}

.mountinfo-list .mountinfo-right-img {
    width: 60%
}

.application-spe .flightxfj-list-pcmenu {
    background: #111
}

.application-spe .flightxfj-list-pcmenu .flightxfj-list-menuLeft h1,.application-spe .flightxfj-list-pcmenu .flightxfj-list-menuLeft h3,.application-spe .flightxfj-list-pcmenu .flightxfj-list-menuRight a {
    color: #f4f4f4
}

.application-spe .flightxfj-list-pcmenu .flightxfj-list-menuRight li a.tab-active,.application-spe .flightxfj-list-pcmenu .flightxfj-list-menuRight li:hover a {
    color: #e60012
}

.application-spe .flightxfj-list-pcmenu .flightxfj-list-menuRight li {
    width: auto;
    margin-left: 26px
}

.application-spe .flightxfj-list-pcmenu .flightxfj-list-menuRight li:first-child {
    margin-left: 0
}

.application-spe .application-spe-top {
    padding-top: 92px;
    background: #000
}

.application-spe .application-spe-topfont {
    text-align: center;
    color: #f4f4f4
}

.application-spe .application-spe-topfont h3 {
    font-size: 43px;
    line-height: 50px;
    letter-spacing: 0;
    margin-bottom: 30px
}

.application-spe .application-spe-topfont p {
    font-size: 60px
}

.application-spe .application-spe-topimg {
    padding-top: 56px
}

.application-spe .insrecruit-list {
    margin-top: 0;
    padding-bottom: 44px
}

.application-spe ul {
    padding-top: 0
}

.application-spe .insrecruit-list li {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.application-spe .insrecruit-list .rectue-top {
    padding: 24px 0
}

.application-spe .insrecruit-list .rectue-top span {
    font-size: 32px;
    line-height: 60px;
    color: #fff
}

.application-spe .insrecruit-list .rectue-top .icon em {
    background-color: #f9f9f9
}

.application-spe .insrecruit-list li.cur .rectue-top .icon em:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.application-spe .insrecruit-list li.cur .rectue-top .icon em:nth-child(2) {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 1
}

.application-spe .application-spe-bot .rectue-min {
    display: block
}

.application-spe .rectue-min table {
    width: 100%;
    border-spacing: 0;
    color: #fff;
    padding: 0 2%
}

.application-spe .rectue-min table tbody {
    width: 100%
}

.application-spe .rectue-min table tr {
    display: flex;
    font-size: 18px;
    padding: 17px 10px;
    color: #fff
}

.application-spe .rectue-min table tr:nth-child(odd) {
    padding: 20px 10px
}

.application-spe .rectue-min table,.application-spe .rectue-min table td,.application-spe .rectue-min table th,.application-spe .rectue-min table tr {
    display: flex
}

.application-spe .rectue-min table tr td:first-child {
    width: 35%
}

.application-spe .rectue-min table tr td:nth-child(2) {
    flex: 1
}

.application-spe .insrecruit-list li:nth-child(even) .rectue-min table tr:nth-child(odd),.application-spe .insrecruit-list li:nth-child(odd) .rectue-min table tr:nth-child(even) {
    background-color: #262626
}

.application-down .flightxfj-list-pcmenu {
    background: #fff
}

.application-down .flightxfj-list-pcmenu .flightxfj-list-menuLeft h3 {
    color: #000
}

.application-down .flightxfj-list-pcmenu .flightxfj-list-menuRight li a.tab-active,.application-down .flightxfj-list-pcmenu .flightxfj-list-menuRight li:hover a {
    color: #999;
    color: #00b7ee
}

.application-down .flightxfj-list-pcmenu .flightxfj-list-menuRight a {
    color: #666
}

.application-down .flightxfj-list {
    border-bottom: solid 2px #c6c6c6
}

.application-down .application-down-list {
    padding-top: 31px;
    min-height: 1054px
}

.application-down .application-down-ul {
    padding-top: 26px
}

.application-down .application-down-ul li {
    align-items: center;
    padding: 16px 9px
}

.application-down .application-down-ul li:nth-child(odd) {
    background-color: #f5f5f5
}

.application-down .application-down-tit {
    font-size: 24px;
    line-height: 26px;
    color: #000
}

.application-down .application-down-lih4 {
    width: 36%;
    font-size: 16px;
    color: #000
}

.application-down .application-down-edit {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis
}

.application-down .application-down-time {
    font-size: 14px;
    color: #707070
}

.application-down .application-down-operation {
    margin-left: 64px
}

.application-down .application-down-operation a {
    font-size: 16px;
    color: #0091ff
}

.application-down .application-down-operation span {
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px
}

.application-down .application-down-operation img {
    margin-left: 5px;
    display: inline-block;
    width: 17px;
    height: 16px;
    vertical-align: middle
}

.application-down .application-down-operation a:hover {
    color: #e60012
}

.application-problem {
    position: relative;
    padding-bottom: 283px
}

.application-problem .insrecruit-list {
    margin-top: 95px
}

.application-problem .insrecruit-list li {
    padding: 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: none
}

.application-problem .insrecruit-list li:first-child {
    border-top: 1px solid transparent
}

.application-problem .insrecruit-list li:last-child {
    border-bottom: 1px solid #e5e5e5
}

.application-problem .insrecruit-tit {
    margin-bottom: 65px
}

.application-problem .insrecruit-tit h3 {
    font-size: 40px;
    text-align: center;
    line-height: 55px;
    color: #000;
    margin-bottom: 12px
}

.application-problem .insrecruit-tit p {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #000
}

.application-problem .insrecruit-list .rectue-top {
    padding: 0 18px
}

.application-problem .insrecruit-list .rectue-top span {
    color: #000;
    font-size: 18px
}

.application-problem .insrecruit-list .rectue-top .icon em {
    background: #b2b2b2
}

.application-problem .insrecruit-list li .rectue-min {
    background-color: #f8f9fc;
    font-size: 18px;
    color: #4c4c4c;
    padding: 40px 30px 35px 30px
}

.applicationinfo-cont1 {
    position: relative;
    background: #000
}

.applicationinfo-cont1 .applicationinfo-cont1-font {
    width: 32.5%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    text-align: center;
    z-index: 9
}

.applicationinfo-cont1 .applicationinfo-cont1-fonttit h3 {
    font-size: 54px;
    letter-spacing: 1px;
    color: #fff;
    margin-bottom: 30px
}

.applicationinfo-cont1 .applicationinfo-cont1-fonttit p {
    font-size: 34px;
    letter-spacing: 1px;
    color: #fff
}

.applicationinfo-cont1 .applicationinfo-cont1-fonticon {
    height: 65px;
    position: relative;
    margin-bottom: 10px
}

.applicationinfo-cont1 .applicationinfo-cont1-fonticon img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.applicationinfo-cont1 .applicationinfo-cont1-fontul {
    margin-top: 37px
}

.applicationinfo-cont1 .applicationinfo-cont1-fontul li {
    flex: 1;
    text-align: center
}

.applicationinfo-cont1 .applicationinfo-cont1-fontul li p {
    font-size: 18px;
    line-height: 30px;
    color: #999
}

.applicationinfo-cont2 {
    position: relative;
    background: #0d0d0d;
    padding: 131px 0 105px 0
}

.applicationinfo-cont2 .applicationinfo-cont2-tit {
    font-weight: 700;
    font-size: 60px;
    text-align: center;
    color: #fff
}

.applicationinfo-cont2 .applicationinfo-cont2-ul {
    padding-top: 137px;
    flex-wrap: wrap
}

.applicationinfo-cont2 .applicationinfo-cont2-ul li {
    width: 46%;
    margin-right: 100px;
    margin-bottom: 70px
}

.applicationinfo-cont2 .applicationinfo-cont2-ul li:nth-child(2n) {
    margin-right: 0
}

.applicationinfo-cont2 .applicationinfo-cont2-img {
    width: 23.5%
}

.applicationinfo-cont2 .applicationinfo-cont2-imgicon {
    position: relative
}

.applicationinfo-cont2 .applicationinfo-cont2-font {
    width: 77.5%;
    padding-left: 28px
}

.applicationinfo-cont2 .applicationinfo-cont2-fonttit {
    font-size: 26px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 24px
}

.applicationinfo-cont2 .applicationinfo-cont2-fontdec {
    font-size: 20px;
    line-height: 26px;
    color: #999
}

.applicationinfo-cont3 {
    position: relative;
    background: #111;
    padding-top: 129px;
    overflow: hidden
}

.applicationinfo-cont3-tit h3 {
    font-weight: 700;
    font-size: 48px;
    text-align: center;
    color: #fff;
    margin-bottom: 35px
}

.applicationinfo-cont3-tit .applicationinfo-cont3-titp {
    width: 80%;
    margin: 0 auto;
    font-size: 20px;
    line-height: 30px;
    color: #fff
}

.applicationinfo-cont3 .applicationinfo-cont3-img {
    width: 100%;
    position: relative
}

.applicationinfo-cont3 .applicationinfo-cont3-img img {
    margin: 0;
    float: right
}

.footer {
    position: relative
}

.applicationinfo-cont4 {
    position: relative;
    overflow: hidden;
    padding-top: 360px
}

.applicationinfo-cont4 .applicationinfo-cont3-tit {
    width: 26%;
    position: absolute;
    top: 35%;
    transform: translateY(-35%);
    -webkit-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
    -o-transform: translateY(-35%);
    -moz-transform: translateY(-35%)
}

.applicationinfo-cont4 .applicationinfo-cont3-tit .applicationinfo-cont3-titp,.applicationinfo-cont4 .applicationinfo-cont3-tit h3 {
    text-align: left
}

.applicationinfo-cont4 .applicationinfo-cont3-tit .applicationinfo-cont3-titp {
    width: 100%
}

.applicationinfo-cont4 .applicationinfo-cont3-min {
    margin-top: 38px
}

.applicationinfo-cont4 .applicationinfo-cont3-min h2 {
    font-size: 55px;
    color: #fff;
    font-weight: 700;
    text-align: left
}

.applicationinfo-cont4 .applicationinfo-cont3-min h2 span {
    font-size: 90px;
    color: #fff
}

.applicationinfo-cont4 .applicationinfo-cont3-min p {
    font-size: 28px;
    color: #fff;
    padding-left: 13px
}

.applicationinfo-cont4 .applicationinfo-cont3-topimg {
    position: absolute;
    top: 66px
}

.applicationinfo-cont4 .applicationinfo-cont3-botimg img,.applicationinfo-cont4 .applicationinfo-cont3-topimg img {
    margin: 0
}

.applicationinfo-cont4 .applicationinfo-cont3-botimg {
    float: right
}

.applicationinfo-cont5 {
    position: relative;
    padding-bottom: 130px;
    padding-top: 211px;
    background: #0f0f0f
}

.applicationinfo-cont5 .applicationinfo-cont5-img {
    width: 100%;
    padding-left: 12%;
    margin-top: -381px
}

.applicationinfo-cont5 .applicationinfo-cont5-font h3 {
    font-weight: 700;
    font-size: 55px;
    text-align: center;
    color: #fff;
    text-align: left;
    margin-bottom: 25px
}

.applicationinfo-cont5 .applicationinfo-cont5-font p {
    font-size: 20px;
    line-height: 26px;
    text-align: left;
    color: #999
}

.applicationinfo-cont6 {
    position: relative;
    overflow: hidden;
    background: #030000;
    padding-top: 279px;
    padding-bottom: 270px
}

.applicationinfo-cont6 .applicationinfo-cont6-fontli {
    width: 40%
}

.applicationinfo-cont6 .applicationinfo-cont6-font {
    margin-top: 105px
}

.applicationinfo-cont6 .applicationinfo-cont6-font h3,.applicationinfo-cont7 .applicationinfo-cont7-font h3 {
    font-weight: 700;
    font-size: 60px;
    text-align: left;
    color: #fff;
    margin-bottom: 38px
}

.applicationinfo-cont6 .applicationinfo-cont6-font p,.applicationinfo-cont7 .applicationinfo-cont7-font p {
    font-size: 18px;
    line-height: 26px;
    color: #999
}

.applicationinfo-cont7 {
    position: relative;
    overflow: hidden;
    padding-top: 102px;
    background: #050505
}

.applicationinfo-cont7 .applicationinfo-cont7-font {
    width: 60%;
    margin: 0 auto
}

.applicationinfo-cont7 .applicationinfo-cont7-font h3,.applicationinfo-cont7 .applicationinfo-cont7-font p {
    text-align: center
}

.contrast-info-list {
    position: relative;
    padding-top: 109px;
    padding-bottom: 120px
}

.contrast-info-list h3 {
    font-size: 60px;
    font-weight: 700;
    text-align: center;
    color: #000
}

.contrast-info-list .contrast-info-listul {
    margin-top: 75px
}

.contrast-info-list .contrast-info-listul li {
    width: 33.3333%;
    padding-left: 35px;
    padding-right: 90px;
    overflow: hidden
}

.contrast-info-list .contrast-listul-img {
    height: 150px;
    position: relative
}

.contrast-info-list .contrast-listul-img img,.livedeck-info .livedeck-info-topulimg img {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s
}

.contrast-info-list .contrast-info-listul h4 {
    font-size: 24px;
    font-weight: 700;
    color: #000
}

.contrast-info-list .contrast-info-listul dl {
    margin-top: 35px
}

.contrast-info-list .contrast-info-listul dl dd {
    margin-bottom: 27px
}

.contrast-info-list .contrast-info-listul dl dd:last-child {
    margin-bottom: 0
}

.contrast-info-list .contrast-info-listul dl dd p {
    font-size: 18px;
    line-height: 21px;
    color: #000
}

.contrast-info-list .contrast-listul-a {
    font-size: 16px;
    line-height: 21px;
    color: #0f86ff
}

.contrast-info-list .contrast-info-listul li:hover .contrast-listul-img img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.contrast-info-list .contrast-listul-a:hover {
    color: #e60012
}

.livedeck-info {
    position: relative
}

.livedeck-info .livedeck-info-top {
    position: relative
}

.livedeck-info .livedeck-info-topfonttit {
    margin: 0;
    padding-bottom: 68px
}

.livedeck-info .livedeck-info-topfont {
    width: 29%;
    position: absolute;
    top: 22%;
    transform: translateY(-22%);
    -webkit-transform: translateY(-22%);
    -ms-transform: translateY(-22%);
    -o-transform: translateY(-22%);
    -moz-transform: translateY(-22%);
    z-index: 9
}

.livedeck-info .livedeck-info-topulimg {
    height: 70px;
    position: relative
}

.livedeck-info .livedeck-info-topulimg img {
    right: 0
}

.livedeck-info .livedeck-info-topul {
    flex-wrap: wrap;
    opacity: 0
}

.livedeck-info .livedeck-info-topul li {
    width: 33.333%;
    margin-top: 64px
}

.livedeck-info .livedeck-info-topulfont {
    font-size: 18px;
    text-align: center;
    color: #fff;
    margin-top: 12px
}

.livedeck-info .livedeck-info-bot {
    background-color: #fff
}

.livedeck-info .livedeck-bot-ulfont {
    width: 60%;
    padding-right: 70px
}

.livedeck-info .livedeck-bot-ul li {
    padding: 55px 0
}

.livedeck-info .livedeck-bot-li {
    align-items: center
}

.livedeck-info .livedeck-bot-ul li:nth-child(odd) {
    background-color: #ffff
}

.livedeck-info .livedeck-bot-ul li:nth-child(even) {
    background-color: #f5f5f5
}

.livedeck-info .livedeck-bot-ulfont h3 {
    font-size: 30px;
    line-height: 30px;
    color: #000;
    margin-bottom: 20px
}

.livedeck-info .livedeck-bot-ulfontdec {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #000
}

.livedeck-info .livedeck-bot-ulimg {
    width: 40%
}

.arowana-form {
    position: relative;
    padding-top: 90px;
    padding-bottom: 54px;
    overflow: hidden
}

.arowana-form .arowana-form-tit {
    font-size: 28px;
    line-height: 41px;
    font-weight: 700;
    text-align: center;
    color: #fff
}

.arowana-form .arowana-form-list ul {
    flex-wrap: wrap;
    align-items: center;
    margin-top: 62px
}

.arowana-form .arowana-form-list ul li {
    width: 45%;
    margin-bottom: 27px;
    margin-right: 60px
}

.arowana-form .arowana-form-list ul li:nth-child(2n) {
    margin-right: 0
}

.arowana-form .arowana-form-list ul li label {
    /* width:34.5%; */
    /* font-size:18px; */
    /* color:#fff; */
    /* text-align:right; */
    /* line-height:33px; */
    /* height:33px; */
    /* display:inline-block; */
    /* vertical-align:middle; */
    /* padding-right:9px; */
}

.arowana-form .arowana-form-list .arowana-form-input {
    width: 65.5%;
    height: 33px;
    background-color: #4d4d4d;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #fff
}

.arowana-form .arowana-form-list .arowana-form-input input {
    padding: 0 20px;
    width: 100%;
    height: 35px
}

.arowana-form .arowana-form-checked {
    width: 16px;
    height: 15px;
    background-color: #fbfbfb;
    border-radius: 1px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    text-align: center
}

.arowana-form .arowana-form-checked:checked::after {
    content: "✓";
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 18px;
    font-weight: 700;
    color: #e60012;
    text-align: center
}

.arowana-form .arowana-form-check span {
    font-size: 13px;
    color: #fff;
    padding-left: 5px;
    display: inline-block;
    vertical-align: middle
}

.arowana-form .arowana-form-list ul li:last-child,.arowana-form .arowana-form-list ul li:nth-child(10) {
    width: 100%
}

.arowana-form .arowana-form-text {
    height: 103px;
    background-color: #4d4d4d;
    border-radius: 5px;
    overflow: hidden;
    font-size: 18px;
    padding: 10px 20px;
    color: #fff
}

.arowana-form .arowana-form-list ul li:nth-child(10) label {
    width: 15.5%
}

.arowana-form .arowana-form-list ul li:nth-child(11) {
    position: relative
}

.arowana-form .arowana-form-sub {
    width: 172px;
    height: 46px;
    border-radius: 5px;
    border: solid 1px #fff;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    line-height: 46px;
    color: #fff;
    margin: 0 auto
}

.arowana-form .arowana-form-sub:hover {
    color: #e60012;
    border: 1px solid #e60012
}

.arowana-form .arowana-form-check,.arowana-form .arowana-form-sele {
    position: relative;
    width: 65.5%;
    height: 33px
}

.arowana-form .arowana-form-sele select {
    width: 100%;
    font-size: 16px;
    line-height: 33px;
    color: #fff;
    text-align: center;
    -webkit-appearance: none;
    border: solid 1px #4d4d4d;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    background: #4d4d4d
}

.arowana-form .arowana-form-sele::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 15px;
    pointer-events: none;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    height: 9px;
    width: 9px;
    transform: translate(2px,-2px) rotate(-45deg);
    -webkit-transform: translate(2px,-2px) rotate(-45deg);
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    display: inline-block;
    -moz-transform: translate(2px,-2px) rotate(-45deg);
    -ms-transform: translate(2px,-2px) rotate(-45deg);
    -o-transform: translate(2px,-2px) rotate(-45deg)
}

.tablepc table {
    width: 100%
}

.tablepc tr {
    font-size: 16px;
    color: #e4e4e4;
    border-bottom: 1px solid #e4e4e43d;
    line-height: 24px
}

.tablepc tr td {
    font-size: 16px;
    color: #e4e4e4;
    border-bottom: 1px solid #e4e4e43d;
    line-height: 24px;
    padding: 10px 10px;
    width: 25%;
    text-align: center
}

.foot-form label.error {
    color: #fff
}

.app {
    display: none
}

.contact-list .contact-list-rightInp {
    padding-right: 70px
}

.arowana-form .arowana-form-list ul li label.error,.contact-list .contact-list-rightUl li label.error,.lable.error,.tip {
    width: auto;
    color: #ef4e65;
    font-size: 14px;
    line-height: 16px
}

#select .arowana-form-sele .error {
    right: 40px
}

#contactForm1 label.error {
    color: #fff;
    display: block
}

.flightxfj-list-menuLeft h1,.flightxfj-list-menuLeft h3 {
    cursor: pointer
}

.foot-form label.error {
    color: #fff
}

.agent-list .agent-list-formUl label.error {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.none {
    display: none
}

.appfenxiang {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: rgb(0 0 0 / 68%);
    z-index: 99999999;
    display: none
}

.appfenxiang .appfx {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.cwgys {
    width: 600px;
    margin: auto;
    margin-top: 5%
}

.cwgys h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 3%
}

.cwgys em {
    display: block;
    width: 100%;
    height: 1px;
    margin: 5% 0
}

.cwgys .gsy-tj {
    text-align: center;
    margin-top: 10%
}

.cwgys .file-tj {
    display: inline-block;
    font-size: 18px;
    color: #c5c5c5;
    border: 1px solid #c5c5c5;
    padding: 5px 5%;
    border-radius: 5px;
    cursor: pointer;
    position: relative
}

.cwgys .file-tj input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer
}

.file-tj:hover {
    color: #000
}

.cwgys .file-tj img {
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px
}

.cwgys .gsy-tj input {
    background-color: #000;
    color: #fff;
    font-size: 18px;
    padding: 5px 10%;
    border-radius: 10px;
    cursor: pointer
}

.cwgys ul li {
    margin-bottom: 3%
}

.cwgys ul li h5 {
    font-size: 18px;
    display: inline-block;
    width: 20%
}

.cwgys ul li h5 span {
    color: red;
    display: inline-block;
    width: 12px;
    text-align: left
}

.cwgys ul li input,.cwgys ul li textarea {
    font-size: 18px;
    border: 1px solid #cacaca;
    padding: 5px 10px;
    border-radius: 5px;
    width: 79%;
    line-height: 24px
}

.cwgys ul li input::-webkit-input-placeholder,.cwgys ul li textarea::-webkit-input-placeholder {
    font-size: 18px;
    color: rgba(158,158,158,.8509803921568627)
}

.cwgys ul li textarea {
    height: 120px;
    vertical-align: top
}

.dx-anniu {
    display: inline-block
}

.dx-anniu p {
    display: inline-block;
    font-size: 18px;
    margin-right: 30px;
    cursor: pointer
}

.dx-anniu p label {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #cacaca;
    border-radius: 50%;
    vertical-align: text-bottom;
    margin-right: 10px
}

.dx-anniu .on label {
    background-color: #cacaca
}

@media (max-width: 971px) {
    .cwgys {
        width:100%
    }

    .cwgys h3 {
        font-size: 18px;
        margin-bottom: 25px
    }

    .cwgys ul li h5 {
        width: 100%;
        margin-bottom: 10px;
        font-size: 16px
    }

    .cwgys ul li input,.cwgys ul li textarea {
        width: 100%
    }

    .cwgys ul li {
        margin-bottom: 20px
    }

    .cwgys ul li input::-webkit-input-placeholder,.cwgys ul li textarea::-webkit-input-placeholder {
        font-size: 16px
    }

    .dx-anniu p {
        font-size: 16px
    }
}

.cwgys label.error {
    float: right
}

.cwgys .file-tj.on img {
    display: none
}

.cwgys .file-tj.on span {
    display: none
}

.cwgys .file-tj.on input {
    opacity: 1;
    width: 100%;
    position: static;
    border: 0
}

.problem-right .problem-right-tit {
    font-family: "Adobe 黑体 Std";
    font-size: 24px;
    line-height: 47px;
    letter-spacing: 1px;
    color: #000;
    padding: 0 18px;
    display: none
}

.application-problem .problem-left {
    float: left
}

.problem-right-ul .ulist:first-child {
    display: block
}

.problem-right-ul .ulist {
    display: none
}

.application-spe .problem-left .problem-left-menu li {
    border: none
}

.application-spe {
    min-height: calc(0.90vh - 80px)
}

.w84 {
    width: 84%
}

.non-immersive main {
    padding-top: 0px;
}

.tip {
    position: absolute;
    left: 34%;
    top: 30px
}

.agent-list-sele label.error {
    padding: 0 14px
}

.agent-list-mapMap {
    height: 530px
}

.agent-list-mapBot h2 {
    font-size: 18px;
    line-height: 28px;
    color: #313131
}

.agent-list-mapBot select {
    padding: 5px;
    width: 268px;
    height: 41px;
    border-radius: 5px;
    border: solid 1px #cacaca;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    margin: 10px 0;
    appearance: auto
}

select::-ms-expand {
    display: none
}

option::-ms-expand {
    display: none
}

option {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.hide {
    display: none
}

.dealer-websites-ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

.dealer-websites-ul li {
    width: 23%;
    margin-left: 2.66666666666666666%;
    margin-bottom: 2.6666666666666%;
    border: 1px solid #e3e3e3;
    box-shadow: 0 1.5px 4px rgba(0,0,0,.12),0 1.5px 6px rgba(0,0,0,.06);
    border-radius: 4px
}

.dealer-websites-ul li:nth-child(4n+1) {
    margin-left: 0
}

.dealer-websites-ul li a {
    display: block;
    padding: 5%
}

.dealer-websites-ul li a img {
    display: block;
    margin: 0 auto;
    width: 80%;
    height: auto
}

.autel-video-link-box {
    display: inline-block;
    color: #fff
}

.autel-link {
    color: #0f86ff
}

.autel-link:hover {
    color: #0f86ff;
    text-decoration: underline
}

.headfixed .proxl .proimg img {
    max-width: 260px
}

.headfixed .proxl .prolist {
    display: inline-block;
    margin-right: 41px;
    vertical-align: top;
    margin-bottom: 18px
}

.headfixed .proxl .prolist a:hover {
    color: #e60012
}

.headfixed .proxl .prolist a.is_new {
    position: relative
}

.headfixed .proxl .prolist a.is_new:after {
    content: "New";
    display: inline-block;
    width: 48px;
    height: 20px;
    position: absolute;
    top: 0;
    background: red;
    color: #fff;
    text-align: center;
    line-height: 20px;
    left: 110%;
    border-radius: 50px 50px 50px 0
}

.headfixed .proxl .prolists.proimg {
    margin-left: 30px
}

.proimg1{
width: 80%;
}
.headfixed .proxl .h4,.headfixed .proxl h4 {
    font-size: 18px;
    line-height: 20px;
    border-bottom: 1px solid #ededed;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-weight: 700
}

.headfixed .proxl ul li {
    width: 100%;
    padding: 4px 0
}

.pripk {
    width: 100%
}

.pripk-banner {
    margin: auto;
    width: 100%
}

.pripk-banner img {
    width: 100%
}

.pripk-top {
    margin: 3% 0;
    text-align: center
}

.pripk-top p {
    margin-top: 1%
}

.pripk-top h3 {
    font-size: 36px;
    font-family: SourceHanSansCN-Medium
}

.pripk-top p {
    color: #757575;
    font-size: 18px
}

.pripk-list {
    padding-bottom: 1%;
    width: 100%;
    border-bottom: 1px solid #ccc;
    flex-wrap: wrap
}

.pripk-list li {
    position: relative;
    margin: 0 2% 2.8% 2%;
    width: 12.6%;
    border: 1px solid #ccc;
    border-radius: 10px
}

.pripk-list li.on {
    border-color: #f8f9fc;
    background-color: #f8f9fc
}

.pripk-list li img {
    width: 100%
}

.pripk-list li img.i1 {
    max-width: 108px;
    padding: 32px 0 60px
}

.pripk-list li img.i2 {
    max-height: 12px;
    width: auto;
    padding: 0;
    position: absolute;
    margin: 0 auto;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%)
}

.pripk-list li span {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #333;
    border-radius: 50%;
    background: #fff;
    font-weight: 700;
    line-height: 16px;
    transform: translate(50%,-50%)
}

.pripk-list li.on span {
    background: #333;
    color: #fff;
    transform: translate(50%,-50%) rotate(45deg)
}

.pripk-cp {
    position: relative;
    border-bottom: 1px solid #ccc;
    min-height: 150px
}

.pripk-cp ul {
    margin: 60px 0 60px;
    padding-left: 16%
}

.pripk-cp li,.pripk-font ul {
    width: 33%
}

.pri-font ul,.pripk-cp .flexce li {
    display: none
}

.pri-font ul.on,.pripk-cp .flexce li.on {
    display: block
}

.pripk-cp li:nth-child(3),.pripk-font ul:nth-child(3) {
    margin-right: 0
}

.pripk-cp li img {
    margin: auto
}

.pripk-cp p {
    position: absolute;
    bottom: 20px;
    left: 0;
    color: #171717;
    font-weight: 700;
    font-size: 22px
}

.pripk-font {
    padding: 1.85% 0 4.7%
}

.pripk-font .font-h {
    width: 20%;
    font-weight: 700
}

.pri-font {
    width: 100%
}

.pripk-font li {
    display: block;
    overflow: hidden;
    font-size: 16px;
    line-height: 28px;
    text-align: left
}

.pripk-cp li .i1 {
    max-height: 133px
}

.pripk-cp li .i2 {
    margin: 26px auto
}

.pripk.on .pripk-cp ul {
    position: fixed;
    width: 1280px;
    margin-left: 0;
    margin: 0;
    padding-left: 8%;
    top: 57px;
    background: #fff;
    border-bottom: 1px solid #ccc
}

.pripk.on .pripk-cp ul .i1 {
    display: none
}

.pripk.on .pripk-cp li img {
    width: auto;
    margin: auto;
    padding: 26px 0
}

.over li {
    opacity: .2
}

.over li.on {
    opacity: 1
}

.pripk-cp .flexce,.pripk-font .flexce {
    justify-content: left
}

.pripk-cp .shop {
    width: 90px;
    height: 36px;
    display: block;
    margin: 0 auto 15px;
    text-align: center;
    line-height: 36px;
    background: #0078f7;
    color: #fff;
    border-radius: 50px
}

.pripk-font li {
    padding: 5px 10px;
    min-height: 60px
}

@media screen and (max-width: 1280px) {
    .pripk.on .pripk-cp ul {
        width:90%;
        background: #fff
    }
}

@media screen and (max-width: 1260px) {
    .pripk-cp ul {
        padding-left:13%
    }

    .pripk-font .font-h {
        width: 15%
    }

    .pri-font {
        width: 85%
    }

    .mainer .swiper-font {
        top: 16%
    }
}

@media screen and (max-width: 1100px) {
    .pripk-cp ul,.pripk-font .pri-font {
        justify-content:space-between
    }

    .pripk-cp li,.pripk-font ul {
        margin-right: 0;
        width: 50%
    }

    .pripk.on .pripk-cp ul {
        top: 57px
    }

    .pri-font ul.on:nth-child(3),.pripk-cp .flexce li.on:nth-child(3) {
        display: none
    }

    .pripk-list li.on:nth-child(3) span {
        background: #fff;
        color: #444;
        transform: translate(50%,-50%) rotate(0)
    }

    .over li.on:nth-child(3) {
        opacity: .2
    }
}

@media (max-width: 734px) {
    .pripk.on .pripk-cp ul {
        top:49px
    }

    .pripk-cp li .i1 {
        max-height: 82px;
        margin: 0 auto;
        padding: 0 10px
    }

    .pripk .pripk-cp li .i2 {
        max-height: 18px;
        padding: 0 10px;
        margin: 26px auto
    }

    .pripk.on .pripk-cp li .i2 {
        max-height: 18px;
        padding: 0 10px;
        margin: 26px auto
    }
}

@media (max-width: 992px) {
    .pripk-top h3 {
        font-size:24px
    }

    .pripk-list li {
        width: 31%;
        margin: 0 1% 2.8% 1%
    }

    .pripk-cp p {
        font-size: 18px
    }

    .pripk-font li {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .pripk-cp p {
        bottom:10px;
        font-size: 14px
    }

    .pripk-top p {
        font-size: 16px
    }

    .pripk-font li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        height: 34px;
        white-space: normal;
        font-size: 12px;
        line-height: 1.4;
        -webkit-line-clamp: 2;
        align-items: center;
        max-width: 90%;
        padding: 0
    }

    .pri-font {
        width: 82%
    }

    .pripk-font .font-h {
        width: 18%
    }

    .pripk-font {
        padding: 10px 0 5px
    }

    .pripk-list li img.i1 {
        padding: 32px 10px 60px
    }

    .pripk-list li img.i2 {
        padding: 0 5px;
        max-height: 12px
    }
}

.flightxfj-list .flightxfj-swiper .flight-swiper-font {
    width: 40%
}

.flightxfj-list .flight-swiper-fonttip {
    font-size: 16px;
    line-height: 26px;
    color: #000;
    margin-top: 55px
}

.flightxfj-list .flightxfj-font dd,.flightxfj-list .flightxfj-font dt {
    font-size: 16px;
    line-height: 26px;
    text-align: center
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul {
    padding: 0;
    flex-wrap: wrap
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-ul li {
    flex: auto;
    width: 33.333%;
    margin-bottom: 120px
}

.flightxfj-list .fx-buy {
    width: 90px;
    height: 35px;
    background-color: #00b7ee;
    border-radius: 17px;
    display: block;
    margin: 6px auto 0 auto;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 35px;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s
}

.flightxfj-list .fx-buy:hover {
    background-color: #e60314
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontDec {
    color: #656565;
    font-size: 18px;
    text-align: left;
    line-height: 30px;
    padding: 0 80px;
    height: 151px;
    overflow-x: hidden;
    overflow-y: auto
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontDec dd {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    font-size: 14px;
    color: #656565;
    cursor: default
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontDec dd:first-child {
    color: #000;
    font-weight: 700
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontDec span {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    line-height: 22px;
    height: 4
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontDec em {
    width: 23%;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    text-align: right
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-img {
    height: 95px;
    min-height: unset;
    position: relative
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-font {
    margin-top: 25px
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontDec::-webkit-scrollbar {
    width: 2px;
    height: 8px;
    background-color: rgba(0,0,0,0)
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontDec::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.1);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: rgba(0,0,0,0)
}

.flightxfj-list .flightxfj-zcjx .flightxfj-zcjx-fontDec::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.1);
    background-color: rgba(230,0,18)
}

.flightxfj-list .flightxfj-font {
    padding-top: 20px;
    padding-bottom: 135px
}

.down-list {
    padding: 40px 0 40px;
    background: #f7f9fc
}

.download-left,.download-right {
    background: #fff
}

.download-left {
    width: 25%;
    padding: 20px
}

.download-right {
    width: 73%;
    margin: 0 0 0 2%;
    padding: 4%;
    padding-left: calc(4.5% + 80px);
    height: fit-content
}

.download-left h5 {
    font-size: 18px;
    color: #000;
    padding-left: 20px;
    font-weight: bolder;
    margin: 15px 0
}

.download-left p {
    padding: 6% 0 6% 27px
}

.download-left p:hover a {
    font-weight: 700
}

.download-left p.active {
    background-color: #f7f9fc;
    border-radius: 10px
}

.download-left p a {
    font-size: 16px;
    color: #4e4e4e
}

.download-right_tit {
    position: relative;
    color: #000
}

.download-right_tit img {
    position: absolute;
    left: -80px;
    top: 0;
    width: 65px;
    padding: 0;
    border-radius: 5px;
    box-shadow: 1px 1px 6px 1px #dadada;
    padding: 10px
}

.download-right_tit h5 {
    font-size: 24px;
    color: #000;
    font-weight: bolder;
    margin-bottom: 5px
}

.download-tab {
    position: relative;
    margin: 6% 0
}

.download-tab::before {
    content: "";
    bottom: 0;
    position: absolute;
    border-bottom: solid 3px #e4e4e8;
    width: 100%;
    z-index: 0
}

.download-tab p {
    font-size: 15px;
    color: #000;
    font-weight: 700;
    padding-bottom: 11px;
    position: relative;
    margin-left: 7%;
    cursor: pointer;
    min-width: 50px
}

.autelsky {
    width: 280px
}

.download-tab p:first-child {
    margin-left: 0
}

.download-tab p.active {
    border-bottom: solid 3px #000
}

.download-tabbox .tabbox {
    display: none
}

.tabbox .download-tabbox .tabbox.active {
    display: block
}

.download-tabbox h5 {
    float: left;
    color: #4e4e4e
}

.download-tabbox b {
    font-size: 16px;
    color: #000;
    margin-bottom: 5px;
    display: inline-block
}
.conekt-patriot {
    float: right;
    background-color: #e90909;
    border-radius: 10px;
    font-size: 15px;
    padding: 7px 24px;
    transition: all .5s;
}
.conekt-patriot a {
    color: #fff;
}
.conekt-patriot a:active {
    color: #fff;
}
	
.download-tabbox .dbutton {
    float: right;
    background-color: #e90909;
    border-radius: 15px;
    color: #fff;
    font-size: 15px;
    padding: 7px 10px;
    transition: all .5s
}

.download-tabbox a:hover {
    border-radius: 0
}

.download-bottom {
    margin: 10% 0 15%
}

.download-right h1,.download-right h2,.download-right h3,.download-right h4 {
    margin-bottom: 20px;
    font-weight: 700;
    margin: 20px 0 10px
}

.download-bottom ul {
    padding-left: 22px
}

.download-bot_font h5 {
    color: #010101;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}

.download-right p {
    line-height: 1.8
}

.download-bot_right a {
    font-size: 16px;
    color: #2b92e1;
    white-space: nowrap
}

.download-bot_right a:hover {
    font-weight: 700
}

.download-tabboxs .tabbox {
    display: block;
    margin-bottom: 6%
}

.download-table {
    margin-top: -6%
}

.download-tabbox table {
    width: 100%;
    font-size: 16px
}

.download-tabbox thead td {
    font-weight: 700;
    color: #000;
    padding: 15px 10px;
    font-size: 15px
}

.download-tabbox thead td p {
    word-break: break-word
}

.download-tabbox tbody td {
    padding: 15px 10px
}

.download-tabbox tbody tr:nth-child(2n-1) {
    background: #f6f7f7
}

.download-video {
    margin-top: -6%
}

.download-video li {
    width: 48%;
    float: left;
    margin-top: 6%
}

.download-video li:nth-child(2n) {
    margin-left: 4%
}

.download-video .pic {
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.download-video .pic::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    left: 0;
    top: 0
}

.download-video .pic a {
    position: absolute;
    right: 10px;
    color: #fff;
    bottom: 5px;
    transition: all .5s;
    text-align: center
}

.download-video .pic a span {
    display: none
}

.download-video .pic a img {
    transform: scale(.5);
    margin-bottom: 5px
}

.download-video li:hover .pic::before {
    background: rgba(0,0,0,.5)
}

.download-video li:hover .pic a {
    right: 50%;
    bottom: 50%;
    transform: translate(50%,50%)
}

.download-video li:hover .pic span {
    display: block
}

.download-video li:hover .pic a img {
    transform: scale(1)
}

.download-video li h5 {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    margin-top: 10px
}

.download-tabbox .download-bot_font h5 {
    float: none
}

.download-right ol,.download-right ul {
    padding-left: 16px
}

@media (max-width: 992px) {
    .download-left {
        display:none
    }

    .download-right {
        width: 100%;
        margin: 0;
        padding-left: 4%
    }

    .download-right_tit img {
        position: static;
        margin-bottom: 15px
    }

    .download-bottom {
        margin: 5% 0 3%
    }

    .download-right_tit {
        text-align: center
    }

    .flightxfj-list .flightxfj-list-mobilemenu>ul>li h5 {
        padding: 0 40px;
        display: block;
        line-height: 42px;
        font-size: 15px
    }

    .flightxfj-list .flightxfj-list-mobilemenu>ul>li .appdown {
        overflow: hidden;
        display: none
    }

    .flightxfj-list .flightxfj-list-mobilemenu>ul>li h5 img {
        display: inline-block;
        float: right;
        width: 15px;
        margin-top: 17px;
        position: relative;
        transition: all .5s;
        transform: rotate(-90deg)
    }

    .flightxfj-list .flightxfj-list-mobilemenu>ul>li h5.on {
        font-weight: 700
    }

    .flightxfj-list .flightxfj-list-mobilemenu>ul>li h5.on img {
        transform: rotate(0)
    }
}

@media (max-width: 767px) {
    .download-right_tit h5 {
        font-size:20px
    }

    .download-bottom {
        display: block;
        margin-bottom: 0
    }

    .download-tabbox h5 {
        width: 65%
    }

    .download-video li {
        width: 100%
    }

    .download-video li:nth-child(2n) {
        margin-left: 0
    }

    .download-tabbox table {
        font-size: 14px
    }

    .download-tabbox thead td {
        line-height: 55px
    }

    .download-tabbox tbody td {
        line-height: 50px
    }

    .download-bot_font p {
        line-height: 2
    }

    .flightxfj-list .flightxfj-list-mobilemenuaName {
        padding: 15px 0
    }

    .flightxfj-list .flightxfj-list-mobilemenu>ul>li h5 {
        padding: 0 15px
    }

    .download-bot_font h5 {
        margin-bottom: 5px
    }

    .download-bottom {
        margin: 25px 0 3%
    }

    .download-bot_right {
        margin-top: 15px
    }

    .download-right_tit p {
        text-align: center
    }

    .flightxfj-list .flightxfj-list-mobilemenuaName img {
        margin-top: 10px
    }

    .autelsky {
        margin: auto
    }
}

.top {
    position: fixed;
    bottom: 8%;
    right: 24px;
    width: 43px;
    height: 40px;
    background: #d52121;
    border-radius: 5px;
    background-image: url(../top.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center;
    z-index: 99
}

@media (max-width: 992px) {
    .pro-shop {
        position:fixed;
        bottom: calc(20% + 60px);
        right: 20px;
        width: 43px;
        height: 40px;
        background: #007dff;
        border-radius: 5px;
        background-image: url(/PC/images/shop.png);
        background-repeat: no-repeat;
        background-size: 25px;
        background-position: center;
        z-index: 99
    }
}

.page0214a {
    padding: 2.5% 0 2%
}

.page0214a-b {
    background-color: #2c2c2c
}

.page0214a-b p {
    color: #fff
}

.page0214a-b .page0214a-ul2 .swiper-container .swiper-slide.swiper-slide-active em {
    background: #fff
}

.page0214a-head {
    margin-bottom: 3%
}

.page0214a-head a {
    display: none
}

.page0214a-head .on {
    display: block
}

.page0214a-head .h5,.page0214a-head h5 {
    font-size: 24px;
    text-align: right;
    font-weight: 700
}

.page0214a-b .page0214a-head h5 {
    color: #fff
}

.page0214a-head h5:hover {
    color: #1472d0
}

.page0214a-ul1 {
    position: relative;
    width: 100%
}

.page0214a-ul1 ul {
    width: 80%;
    margin: auto;
    text-align: center
}

.page0214a-ul1 ul li {
    display: none
}

.page0214a-ul1 ul .on {
    display: block;
    min-height: 90px
}

.page0214a-ul1 ul li p {
    font-size: 22px;
    color: #666;
    line-height: 30px
}

.page0214a-b ul li p {
    color: #fff
}

.page0214a-ul1 .img1 {
    position: absolute;
    top: 0;
    left: 3%
}

.page0214a-ul1 .img2 {
    position: absolute;
    top: 0;
    right: 3%
}

.page0214a-ul2 {
    margin-top: 8%
}

.page0214a-ul2 ul {
    border-top: 1px solid #9e9e9e;
    height: 240px;
    display: flex
}

.page0214a-ul2 ul li {
    width: 33.33333%;
    float: left;
    text-align: center;
    padding: 5% 2%;
    position: relative;
    cursor: pointer
}

.page0214a-ul2 ul .on em {
    position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    background-color: #111114;
    left: 0;
    top: -2px
}

.page0214a-b .page0214a-ul2 ul .on em {
    background-color: #fff
}

.page0214a-ul2 ul li img {
    display: inline-block
}

.page0214b-cont {
    width: 90%;
    margin: auto;
    padding: 2% 0;
    position: relative
}

.page0214b-head {
    text-align: center;
    margin-bottom: 2%
}

.page0214b-head .h5,.page0214b-head h5 {
    font-size: 36px;
    font-weight: 700
}

.page0214b .swiper-slide {
    padding: 10px
}

.page0214b .swiper-container {
    width: 90%
}

.page0214b .swiper-pagination {
    display: none
}

.page0214b .swiper-slide img {
    box-shadow: 0 0 15px 8px rgba(165,162,163,.11);
    border-radius: 6px
}

.page0214b .swiper-button-next {
    background-image: url(/pc/images/1407.png);
    width: 12px;
    height: 38px;
    background-size: 100%;
    top: 60%;
    right: 2%
}

.page0214b .swiper-button-prev {
    background-image: url(/pc/images/1406.png);
    width: 12px;
    height: 38px;
    background-size: 100%;
    top: 60%;
    left: 2%
}

@media (max-width: 1259px) {
    .page0214a-ul1 ul li p {
        font-size:20px;
        line-height: 28px
    }

    .page0214b-cont {
        padding: 3% 0
    }

    .page0214b-head .h5,.page0214b-head h5 {
        font-size: 32px
    }
}

@media (max-width: 768px) {
    .page0214a {
        padding:20px 0 10px 0
    }

    .page0214a-head .h5,.page0214a-head h5 {
        font-size: 18px
    }

    .page0214a-ul1 ul {
        width: 80%
    }

    .page0214a-head {
        margin-bottom: 20px
    }

    .page0214a-ul1 ul li p {
        font-size: 16px;
        line-height: 24px
    }

    .page0214a-ul1 .img1 {
        left: 5px;
        width: 20px
    }

    .page0214a-ul1 .img2 {
        right: 5px;
        width: 20px
    }

    .page0214a-ul2 ul {
        height: 131px
    }

    .page0214a-ul2 ul li {
        height: 100%
    }

    .page0214b-cont {
        padding: 20px 0
    }

    .page0214b-head {
        margin: 10px
    }

    .page0214b-head .h5,.page0214b-head h5 {
        font-size: 24px
    }

    .page0214b .swiper-slide img {
        box-shadow: 0 0 15px 8px rgba(165,162,163,.05)
    }

    .page0214b .swiper-pagination {
        display: block;
        position: static
    }

    .page0214b .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #e60012
    }
}

.h_tabtop {
    align-items: center
}

.h_tabtop .tit {
    width: calc(100% - 40% - 92px);
    position: relative;
    padding-right: 10px
}

.h_tabtop .tit h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    color: #000;
    float: none
}

.h_tabtop .tit p {
    font-size: 14px;
    color: #4e4e4e
}

.h_tabtop .h_tabtop_img {
    width: 40%;
    position: relative;
    padding: 0 10px
}

.h_tabtop .h_tabtop_img img {
    max-width: 95px
}

.download-bot_font .tit {
    margin-bottom: 30px
}

.download-bot_font .tit,.download-bot_font .tit_p {
    font-size: 14px;
    line-height: 26px;
    color: #959595
}

.h_tabcont .h_tabcont_ul {
    position: relative;
    margin-top: 26px;
    flex-wrap: wrap
}

.h_tabcont .h_tabcont_ul li {
    width: 50%;
    position: relative;
    padding: 10px
}

.h_tabcont .h_tabcont_tit {
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
    color: #000
}

.h_tabcont .h_tabcont_tit1 {
    font-size: 15px;
    line-height: 24px;
    color: #000;
    text-align: center;
    margin: 25px auto
}

.h_tabcont .h_tabcont-img {
    width: 100%;
    display: block
}

.h_tabcont .h_tabcont_li {
    margin-bottom: 10px
}

@media screen and (max-width: 1100px) {
    .flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight li {
        margin-left:20px
    }

    .h_tabcont .h_tabcont-img img {
        padding: 25px
    }

    .h_tabtop {
        flex-wrap: wrap
    }

    .h_tabtop .tit {
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px
    }

    .h_tabtop .h_tabtop_img {
        width: calc(100% - 95px);
        position: relative;
        padding-left: 0
    }

    .h_tabtop .h_tabtop_img img {
        margin: 0
    }
}

@media screen and (max-width: 980px) {
    .download-bot_font h5,.download-tab p,.h_tabcont .h_tabcont_tit,.h_tabcont .h_tabcont_tit1,.h_tabtop .tit h5 {
        font-size:14px
    }
}

@media screen and (max-width: 767px) {
    .download-tab {
        flex-wrap:wrap
    }

    .download-tab p {
        width: 50%;
        margin-left: 0;
        text-align: center;
        padding: 15px
    }

    .download-tabbox h5,.h_tabcont .h_tabcont_ul li,.h_tabtop .h_tabtop_img {
        width: 100%
    }

    .h_tabcont .h_tabcont_tit,.h_tabtop .tit {
        text-align: center
    }

    .h_tabtop .h_tabtop_img img {
        margin: 0 auto
    }

    .h_tabtop .h_tabtop_img {
        padding: 0;
        margin-bottom: 30px
    }

    .download-tabbox .dbutton {
        float: none;
        margin: 5px auto;
        display: inline-block
    }

    .lightbox,.lightboxOverlay {
        display: none!important
    }

    .h_tabcont .h_tabcont-img img {
        padding: 15px
    }

    .h_tabcont .h_tabcont_tit1 {
        margin: 10px auto
    }

    .download-right ol,.download-right ul {
        padding-left: 0
    }

    .h_tabcont .h_tabcont_ul li {
        padding: 0
    }

    .h_tabcont .h_tabcont_ul {
        margin-top: 10px
    }
}

.applylist .apply-list-formUl label {
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    color: #313131;
    margin-bottom: 8px;
    display: block
}

.applylist .apply-list-formUl b {
    color: red;
    padding-left: 5px
}

.applylist .apply-list-formUl .apply-list-input input {
    width: 100%;
    line-height: 40px;
    height: 40px
}

.applylist .apply-list-formUl textarea {
    width: 100%;
    font-size: 18px;
    color: #c4c4c4;
    height: 100%
}

.applylist .apply-list-formUl span {
    font-size: 14px;
    line-height: 23px;
    color: #c4c4c4
}

.applylist .apply-file {
    margin-top: 20px;
    height: 80px
}

.applylist .apply-img {
    width: 50%;
    float: left;
    height: 100px
}

.applylist .apply-list-formUl h2 {
    line-height: 28px;
    margin: 30px 0 20px;
    font-weight: 700
}

.applylist textarea::-webkit-input-placeholder {
    font-size: 12px;
    color: rgba(158,158,158,.8509803921568627)
}

.applylist .datatime .apply-list-input {
    width: 49%;
    float: left
}

.applylist .apply-list-formUl .datatime .apply-list-input:last-child {
    margin-left: 2%
}

.applylist .apply-list-formUl .apply-list-submit input {
    width: 100%;
    line-height: 40px
}

.applylist .apply-list-formUl label.error {
    font-size: 12px;
    color: red;
    width: 100%;
    display: block;
    line-height: 20px
}

.applylist .apply-list-formUl .xy .apply-list-input {
    width: 49%;
    float: left
}

.applylist .apply-list-formUl .xy .apply-list-input input::placeholder {
    line-height: 40px;
    font-size: 14px
}

.applylist .apply-list-formUl .xy .apply-list-input:last-child {
    margin-left: 2%
}

.applylist .apply-list-formUl .tips .demo {
    margin-top: 15px;
    display: none
}

.applylist .apply-list-formUl .tips .demo span {
    line-height: 28px;
    letter-spacing: 0;
    color: #000;
    line-height: 28px
}

.applylist .apply-list-formUl .tips .demo a {
    color: #0090ff
}

.applylist .apply-list-formUl .tips .demo a:hover {
    border-bottom: 1px solid
}

.applylist .apply-list-formUl .tips .zy h4 {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

.applylist .apply-list-formUl .tips .zy p {
    line-height: 22px
}

.jjtip {
    text-align: center
}

.jjtip h3 {
    margin-top: 30px
}

.jjtip p {
    margin-top: 30px;
    line-height: 28px
}

.jjtip p em {
    display: block
}

.jjtip .apply-list-submit {
    margin-top: 20px;
    width: 200px;
    height: 40px;
    background-color: #313131;
    border-radius: 5px;
    margin: 46px auto 0 auto;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.jjtip .apply-list-submit a {
    color: #fff
}

@media screen and (max-width: 800px) {
    .jjtip p em {
        display:none
    }
}

.contact-list .photo {
    width: 100%;
    margin-bottom: 20px
}

.contact-list .con-box li {
    width: calc(50% - 5px);
    float: left;
    border-radius: 5px;
    background-color: #f8f9fc;
    min-height: 360px;
    padding-top: 19px;
    margin-bottom: 10px
}

.contact-list .con-box li .box {
    padding: 0 4%;
    margin-top: 25px
}

.contact-list .con-box li:nth-child(2n) {
    margin-left: 10px
}

.contact-list .con-box li h3 {
    font-size: 22px;
    line-height: 27px;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px
}

.contact-list .con-box li h4 {
    font-size: 16px;
    font-weight: 700;
    color: #000
}

.contact-list .con-box li p {
    font-size: 18px;
    line-height: 32px;
    color: #00a2ff
}

.contact-list .con-box li span {
    color: #000
}

.contact-list .con-box li p a {
    color: #00a2ff
}

@media screen and (max-width: 1280px) {
    .contact-list .con-box li h3 {
        font-size:18px
    }

    .contact-list .con-box li p {
        font-size: 16px
    }
}

@media screen and (max-width: 980px) {
    .contact-list .con-box li h3 {
        font-size:16px
    }

    .contact-list .con-box li p {
        font-size: 14px
    }
}

@media screen and (max-width: 750px) {
    .contact-list .con-box li {
        width:100%;
        min-height: auto;
        padding-bottom: 40px
    }

    .contact-list .con-box li:nth-child(2n) {
        margin-left: 0
    }

    .contact-list .con-box li h3 {
        font-size: 18px
    }

    .contact-list .con-box li p {
        font-size: 16px
    }

    .applylist .apply-list-formUl .tips .demo a {
        display: block
    }
}

@media screen and (max-width: 640px) {
    .contact-list .con-box li h3 {
        margin-bottom:5px
    }

    .contact-list .con-box li .box {
        padding: 0 4%;
        margin-top: 10px
    }

    .contact-list .con-box li {
        padding-bottom: 30px
    }

    .contact-list .con-box li h4,.contact-list .con-box li p {
        font-size: 15px
    }
}

#upload {
    cursor: pointer
}

#btnfile {
    width: 110px;
    padding: 10px;
    border-radius: 5px;
    border: solid 1px #cacaca;
    float: left
}

#btnfile img {
    float: left;
    height: 18px
}

#btnfile span {
    line-height: 18px;
    font-size: 16px;
    margin-left: 9px
}

.url input {
    line-height: 41px;
    padding-left: 10px
}

.prodt67 .prodt67-ms .pc {
    position: relative
}

.prodt67 .prodt67-ms .pc .left {
    width: 80%;
    float: left
}

.prodt67 .prodt67-ms .pc .right {
    width: 20%;
    float: left;
    position: absolute;
    right: 0;
    top: 60%;
    transform: translateY(-50%);
    animation-fill-mode: none!important;
    -webkit-animation-fill-mode: none!important
}

.prodt67-ms .pc .right p {
    font-size: 18px;
    margin-top: 15%;
    text-align: center
}

.prodt67 .prodt67-ms .pc ul li {
    width: 24%
}

.prodt67 .prodt67-ms .app {
    display: none
}

@media (max-width: 971px) {
    .prodt67 .prodt67-ms .pc {
        display:none
    }

    .prodt67 .prodt67-ms .app {
        display: block
    }
}

.page0214a-ul1 .swiper-container {
    width: 80%;
    margin: auto;
    text-align: center;
    font-size: 22px;
    color: #666;
    line-height: 30px
}

.page0214a-ul2 .swiper-container {
    border-top: 1px solid #9e9e9e
}

.page0214a-ul2 .swiper-container .swiper-slide {
    text-align: center;
    padding: 5% 2%;
    position: relative;
    cursor: pointer
}

.page0214a-ul2 .swiper-container .swiper-slide.swiper-slide-active em {
    position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    background-color: #111114;
    left: 0;
    top: -2px
}

@media screen and (max-width: 640px) {
    .page0214a-ul1 .swiper-container {
        font-size:20px;
        line-height: 28px
    }
}

@media screen and (max-width: 640px) {
    .page0214a-ul1 .swiper-container {
        font-size:16px;
        line-height: 24px
    }
}

.index-cont2 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.new-list .new-list-bot li.video {
    border-radius: 10px
}

.list .video:hover .video-list-botimg {
    position: relative
}

.list .video:hover .video-list-botimg::before {
    content: "";
    background: url(../images/video-play.png) no-repeat center #02020257;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.list .video-list-botfont {
    padding: 15px 17px 17px
}

.list .video-list-botfontTit h3 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 700
}

.list .video-pro {
    margin-bottom: 10px;
    font-family: SourceHanSansSC-Regular
}

.list .video-pro span {
    color: #a1a1a1;
    margin-right: 10px
}

.list .video-pro a {
    color: #3389ff
}

.list .video-list-time {
    line-height: 24px
}

.list .video-list-time span {
    color: #000;
    font-family: SourceHanSansSC-Regular
}

.list .video-list-time img {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    border-radius: 50%
}

.list .video-list-time span.video-list-date {
    color: #a1a1a1
}

.pager {
    margin: 0 0 40px
}

.pager a {
    width: 32px;
    height: 32px;
    border-radius: 3px;
    line-height: 32px;
    text-align: center;
    margin: 0 5px
}

.pager a.on,.pager a:hover {
    background-color: #d2d2d2
}

.pager .next,.pager .upper {
    position: relative
}

.pager .upper {
    transform: rotateZ(180deg)
}

.pager .next svg,.pager .upper svg {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%
}

@media (max-width: 460px) {
    .list .video .video-list-botimg {
        position:relative
    }

    .list .video .video-list-botimg::before {
        content: "";
        background: url(../images/video-play.png) no-repeat center #02020240;
        width: 100%;
        height: 100%;
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }
}

.policy-right .activation {
    margin: 100px auto 0
}

.policy-right .activation .from-box {
    margin: 0 auto;
    width: 340px
}

.policy-right .activation .from-box label {
    display: block;
    margin-bottom: 10px;
    color: #707070;
    font-size: 18px;
    line-height: initial
}

.policy-right .activation .from-box input {
    width: 100%;
    height: 40px;
    border: solid 1px #aaa;
    border-radius: 4px;
    padding: 0 10px
}

.policy-right .activation .from-box button,.policy-right .activation .result #jh_return {
    display: block;
    margin: 30px auto 0;
    width: 90px;
    height: 36px;
    border-radius: 4px;
    background-color: #1e1e1e;
    color: #fff
}

.policy-right .activation .from-box button:hover,.policy-right .activation .result #jh_return:hover {
    background-color: #1e1e1ede
}

.policy-right .activation .from-box .error {
    height: 30px;
    font-size: 15px;
    line-height: 26px
}

.policy-right .activation .from-box .error span {
    display: inline-block;
    margin: 0 5px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 13px;
    transform: translateY(-2px)
}

.policy-right .activation .from-box .error .n1 {
    color: red;
    display: none
}

.policy-right .activation .from-box .error .n2 {
    display: none;
    color: #ff8e14
}

.policy-right .activation .from-box .error .n1 span {
    background-color: red
}

.policy-right .activation .from-box .error .n2 span {
    background-color: #ff8e14
}

.policy-right .activation .from-box .code input {
    width: 170px
}

.policy-right .activation .from-box .code .sx {
    margin-top: 10px;
    height: 17px
}

.policy-right .activation .result {
    margin: 0 auto;
    max-width: 420px;
    display: none
}

.policy-right .activation .result .data {
    height: 46px
}

.policy-right .activation .result .tit {
    padding: 0 30px;
    min-width: 190px;
    background-color: #f8f9fc;
    color: #000;
    font-size: 18px;
    line-height: 46px;
    float: left
}

.policy-right .activation .result .datatime {
    width: 100%;
    border: solid 1px #f8f9fc;
    color: #707070;
    text-align: center;
    font-size: 18px;
    line-height: 44px
}

@media screen and (max-width: 980px) {
    .policy-right .activation {
        margin:100px auto 100px
    }
}

.catnav {
    background-color: #1e1e1e;
    height: 50px;
    line-height: 50px;
    color: #b5b5b6;
    background-color: #1e1e1e
}

.catnav.n2 {
    background-color: #f8f9fc
}

.catnav.n2 a {
    color: #595757
}

.catnav img {
    display: inline-block;
    margin-right: 10px;
    color: #b5b5b6;
    transform: translatey(-2px)
}

.catnav a {
    color: #b5b5b6
}

.catnav a:hover,.catnav a:last-child {
    color: #fff
}

.catnav.n2 a:hover,.catnav.n2 a:last-child {
    color: #27a2ff
}

.join1 .join1-video {
    position: relative;
    width: 100%;
    height: 92vh
}

.join1 .join1-video::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.15);
    content: ""
}

.join1 .join1-video .c-box {
    position: relative;
    z-index: 5;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.join1 .join1-video .c-box::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #000;
    content: ""
}

.join1 .join1-video .c-box img {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: .97;
    object-fit: cover
}

.join1 .join1-video .c-box video {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    display: none;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    object-fit: cover
}

.join1 .join1-video .c-play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    cursor: pointer;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.join1 .join1-video .c-img {
    transition: all .5s
}

.join1 .join1-video .c-box .c-play:hover .c-img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.join1 .join1-video .c-box .c-img span {
    display: inline-block;
    margin-right: 5px;
    color: #fff;
    vertical-align: middle;
    font-size: 18px
}

.join1 .join1-video .c-box .c-img img {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    opacity: 1;
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.join2 {
    position: relative;
    padding: 0 2.1%
}

.join2 .join2-ul li {
    padding-top: 80px;
    align-items: center
}

.join2 .join2-font,.join2 .join2-img {
    overflow: hidden;
    width: 50%
}

.join2 .join2-img {
    border-radius: 20px
}

.join2 .join2-img img {
    width: 100%;
    height: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -ms-transition: .5s
}

.join2 .join2-font .tit {
    color: #000;
    font-weight: 700;
    font-size: 22px;
    line-height: 32px
}

.join2 .join2-font .dec {
    margin-top: 8px;
    color: #484848;
    font-size: 18px;
    line-height: 30px
}

.join2 .join2-ul li:nth-child(odd) .join2-font {
    margin-right: 5%
}

.join2 .join2-ul li:nth-child(even) .join2-font {
    margin-left: 5%
}

.join2 .join2-img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1)
}

.join3 {
    position: relative;
    padding: 6% 2.1%
}

.join-info1 .join-info1-tit,.join3 .join3-tit {
    color: #000;
    text-align: center;
    font-size: 48px;
    line-height: 1.5
}

.join3 .join3-ul {
    padding-top: 30px;
    flex-wrap: wrap
}

.join3 .join3-ul li {
    position: relative;
    overflow: hidden;
    margin-top: 2.5%;
    margin-right: 3.5%;
    padding: 30px;
    width: 48.25%;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 6px 29px 0 rgba(10,2,4,.07)
}

.join3 .join3-ul li:nth-child(2n) {
    margin-right: 0
}

.join3 .join3-ul li .tit {
    color: #000;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 28px;
    line-height: 30px
}

.join3 .join3-ul .jo-more {
    padding-top: 18%;
    color: #9c9c9c;
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 24px
}

.join3 .join3-ul li:hover .jo-more,.join3 .join3-ul li:hover .tit {
    color: #e60012
}

.join-ct {
    position: relative;
    z-index: 5;
    background: #fff
}

.footer {
    z-index: 5
}

.position {
    padding: 65px 0 10px 0
}

.position a,.position span {
    color: #868585;
    font-size: 18px;
    line-height: 1.3
}

.position a:hover {
    color: #008aff
}

.join-info1 {
    padding-bottom: 8%
}

.join-info1 .join-info1-down {
    width: 9px;
    height: 8px;
    background: url(../images/jo-down.png) no-repeat center center;
    background-size: cover
}

.join-info1 .join-selectBox,.join-info1 .join-seleft {
    flex-wrap: wrap
}

.join-info1 .join-search,.join-info1 .join-selectLi {
    position: relative
}

.join-info1 .join-search .input,.join-info1 .join-selectLi .input {
    padding: 5px 16px;
    width: 100%;
    height: 40px;
    border: solid 1px #ebebeb;
    border-radius: 20px;
    background-color: #fafafa;
    color: #000;
    font-size: 16px;
    line-height: 30px
}

.join-info1 .join-search input {
    padding-right: 11%
}

.join-info1 .join-info1-down {
    position: absolute;
    top: 50%;
    top: 16px;
    right: 16px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -ms-transition: .5s
}

.join-info1 .join-info1-item {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    width: 100%;
    max-height: 330px;
    border-bottom: 1px solid #dedede;
    background: #fafafa
}

.join-info1 .join-info1-item li {
    padding: 8px 20px;
    border-top: 1px solid #ebebeb;
    color: #000;
    font-size: 16px;
    cursor: pointer
}

.scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.scrollbar::-webkit-scrollbar-button:vertical {
    display: none
}

.scrollbar::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #ededed;
    box-shadow: inset 0 0 5px rgba(87,175,187,.1)
}

.scrollbar::-webkit-scrollbar-corner {
    background-color: #fff
}

.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #e60012
}

.scrollbar::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #e60012
}

.scrollbar::-webkit-scrollbar-thumb:vertical:active {
    background-color: #e60012
}

.input::-webkit-input-placeholder,.textarea::-webkit-input-placeholder {
    color: #bdbdbd;
    font-size: 16px
}

.input::-webkit-input-placeholder,.textarea::-webkit-input-placeholder {
    color: #bdbdbd;
    font-size: 16px
}

.input::-moz-placeholder,.textarea::-moz-placeholder {
    color: #bdbdbd;
    font-size: 16px
}

.input:-moz-placeholder,.textarea:-moz-placeholder {
    color: #bdbdbd;
    font-size: 16px
}

.join-info1 .join-selectBox {
    margin-top: 4%;
    padding: 0 11%
}

.join-info1 .join-seleft {
    width: 55.5%
}

.join-info1 .join-seright {
    width: 44.5%
}

.join-info1 .join-search .btn {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 21px;
    height: 21px;
    background: url(../images/jo-ssicon.png) no-repeat center center;
    cursor: pointer;
    transform: translateY(-50%)
}

.join-info1 .join-selectLi {
    margin-right: 4.5%;
    width: 45.5%
}

.join-info1 .insrecruit-list li.cur .rec-icon,.join-info1 .join-selectLi.active .join-info1-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.join-info1 .join-info1-item li:hover {
    color: #e60012
}

.join-info1 .insrecruit-list {
    margin-top: 30px;
    padding: 0 0 25px
}

.join-info1 .join-postBox {
    padding: 0 11%
}

.join-info1 .insrecruit-list .insrecruit-list-tag {
    padding: 12px 25px;
    background-color: #000;
    flex-wrap: wrap
}

.join-info1 .insrecruit-list .insrecruit-list-tag span {
    display: block;
    color: #fff;
    font-size: 16px
}

.join-info1 .insrecruit-list ul {
    padding: 0
}

.join-info1 .insrecruit-list li {
    padding: 0;
    border-bottom: 1px solid #e9e9e9;
    background-color: #fff;
    transition: all .5s
}

.join-info1 .insrecruit-list .rectue-top {
    padding: 10px 25px;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -ms-transition: .5s;
    align-items: center
}

.join-info1 .insrecruit-list .rectue-top span {
    display: inline-block;
    overflow: hidden;
    margin-bottom: 0;
    color: #000;
    text-overflow: clip;
    white-space: break-spaces;
    font-size: 14px;
    line-height: 26px;
    -o-text-overflow: ellipsis
}

.join-info1 .insrecruit-list .insrecruit-list-tag .addr,.join-info1 .insrecruit-list .insrecruit-list-tag .name,.join-info1 .insrecruit-list .insrecruit-list-tag .num,.join-info1 .insrecruit-list .rectue-top .addr,.join-info1 .insrecruit-list .rectue-top .name,.join-info1 .insrecruit-list .rectue-top .num {
    padding-right: 2%;
    width: 20%
}

.join-info1 .insrecruit-list .insrecruit-list-tag .name,.join-info1 .insrecruit-list .rectue-top .name {
    width: 35%
}

.join-info1 .insrecruit-list .insrecruit-list-tag .rec-icon,.join-info1 .insrecruit-list .rectue-top .rec-icon {
    display: block;
    width: 14%;
    text-align: center;
    min-width: 125px
}

.join-info1 .insrecruit-list .rectue-top .rec-icon {
    height: 7px;
    background: url(../images/jo-jticon.png) no-repeat center center;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -ms-transition: .5s
}

.join-info1 .insrecruit-list .rectue-min {
    position: relative;
    display: none;
    padding: 10px 25px 50px 25px;
    color: #757575
}

.join-info1 .insrecruit-list .rectue-min .desc {
    padding-right: 5%;
    width: calc(100% - 150px);
    color: #666;
    font-size: 16px;
    line-height: 35px
}

.join-info1 .insrecruit-list .rectue-min h3 {
    padding: 0 0 5px;
    color: #333
}

.join-info1 .insrecruit-list .rectue-send {
    padding-top: 2.7%
}

.join-info1 .insrecruit-list .rectue-send em,.join-info1 .insrecruit-list .rectue-send span {
    position: relative;
    z-index: 3;
    display: inline-block
}

.join-info1 .insrecruit-list .rectue-send a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 150px;
    height: 45px;
    border-radius: 23px;
    background-color: #004c92;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 45px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -ms-transition: .5s
}

.join-info1 .insrecruit-list .rectue-send a em {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px
}

.join-info1 .insrecruit-list .rectue-send a::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #2b85d3;
    content: "";
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -ms-transition: .5s
}

.join-info1 .insrecruit-list .rectue-send a:hover::before {
    width: 100%
}

.join-info1 .insrecruit-list .desc .dec-h3 {
    width: 26.5%;
    color: #333;
    font-size: 22px
}

.join-info1 .insrecruit-list .desc .dec-ft {
    width: 73.5%;
    color: #999;
    font-size: 16px;
    line-height: 2
}

.join-info1 .insrecruit-list .desc-li {
    margin-bottom: 3.6%
}

.join-info1 .insrecruit-list .desc-li:last-child {
    margin-bottom: 0
}

.join-info1 .rectue-min .tit {
    margin-top: 5px
}

.join-info1 .rectue-min .dec,.join-info1 .rectue-min .tit {
    color: #000;
    font-size: 14px;
    line-height: 24px
}

.join-info1 .rectue-min .dec {
    margin-bottom: 25px;
    color: #979797
}

.join-info1 .rectue-min .tit a {
    color: #008aff
}

.join-info1 .join-page {
    padding: 0 25px;
    width: 60%;
    color: #000;
    font-size: 14px
}

.join-info1 .join-page span.rcolor {
    color: red
}

.join-info1 .join-btn,.join-info1 .join-btnBox {
    align-items: center
}

.join-info1 .join-btn {
    width: 40%
}

.join-info1 .join-btn a {
    display: block;
    margin-right: 25px;
    width: 100px;
    height: 36px;
    border: solid 1px #000;
    border-radius: 5px;
    color: #000;
    text-align: center;
    font-size: 14px;
    line-height: 36px
}

.join-info1 .join-btn a:last-child {
    margin-right: 0
}

.join-info1 .join-btn a:hover {
    border: 1px solid #e60012;
    color: #e60012
}

@media(max-width: 1259px) {
    .join-info1 .join-info1-tit,.join3 .join3-tit {
        font-size:38px
    }

    .join3 .join3-ul li .tit {
        font-size: 24px
    }

    .join3 .join3-ul {
        padding-top: 10px
    }

    .join-info1 .join-postBox,.join-info1 .join-selectBox {
        padding: 0 5%
    }

    .btn-language span {
        font-size: 14px
    }

    .btn-language a.tit img {
        padding-left: 3px
    }

    .btn-language span {
        margin-left: 3px
    }
}

@media(max-width: 1100px) {
    .join-info1 .join-postBox,.join-info1 .join-selectBox,.join2 {
        padding:0
    }

    .join-info1 .join-info1-tit,.join3 .join3-tit {
        font-size: 30px
    }

    .join1 .join1-video {
        height: 60vh
    }

    .join-info1 .insrecruit-list .rectue-top span {
        height: auto
    }
}

@media(max-width: 980px) {
    .join-info1 .join-seleft {
        flex-wrap:wrap
    }

    .join-info1 .join-seleft,.join-info1 .join-seright {
        width: 100%
    }

    .join2 .join2-font .tit {
        font-size: 20px
    }

    .join2 .join2-font .dec,.position a,.position span {
        font-size: 16px
    }

    .join2 .join2-ul li {
        padding-top: 40px
    }

    .join3 {
        padding: 40px 0 70px 0
    }

    .join3 .join3-ul li .tit {
        font-size: 22px
    }

    .join-info1 .join-selectLi {
        width: 47.7%
    }

    .join-info1 .join-selectLi:nth-child(2n) {
        margin-right: 0
    }

    .join-info1 .join-seright {
        margin-bottom: 20px;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .join-info1 .join-seleft {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

    .join-info1 .insrecruit-list .insrecruit-list-tag .rec-icon,.join-info1 .insrecruit-list .rectue-top .rec-icon {
        width: 6%
    }

    .join-info1 .insrecruit-list .insrecruit-list-tag .addr,.join-info1 .insrecruit-list .insrecruit-list-tag .name,.join-info1 .insrecruit-list .insrecruit-list-tag .num,.join-info1 .insrecruit-list .rectue-top .addr,.join-info1 .insrecruit-list .rectue-top .name,.join-info1 .insrecruit-list .rectue-top .num {
        width: 20%
    }

    .join-info1 .insrecruit-list .insrecruit-list-tag .name,.join-info1 .insrecruit-list .rectue-top .name {
        width: 40%
    }

    .join-info1 {
        padding-bottom: 80px
    }
}

@media(max-width: 767px) {
    .join-info1 .join-btnBox,.join2 .join2-ul li {
        flex-wrap:wrap
    }

    .join-info1 .join-btn,.join-info1 .join-page,.join-info1 .join-selectLi,.join2 .join2-font,.join2 .join2-img,.join3 .join3-ul li {
        width: 100%
    }

    .join-info1 .insrecruit-list .insrecruit-list-tag .addr,.join-info1 .insrecruit-list .insrecruit-list-tag .num,.join-info1 .insrecruit-list .rectue-top .addr,.join-info1 .insrecruit-list .rectue-top .num {
        display: none
    }

    .join1 .join1-video {
        height: 50vh
    }

    .join2 .join2-font .tit {
        text-align: center
    }

    .join-info1 .join-selectLi,.join2 .join2-ul li:nth-child(odd) .join2-font,.join3 .join3-ul li {
        margin-right: 0
    }

    .join2 .join2-ul li:nth-child(even) .join2-font {
        margin-left: 0
    }

    .join-info1 .join-btn,.join-info1 .join-selectLi,.join2 .join2-img,.join3 .join3-ul li {
        margin-top: 20px
    }

    .join-info1 .join-selectLi:first-child {
        margin-top: 0
    }

    .join2 .join2-font {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .join2 .join2-img {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

    .join-info1 .join-info1-tit,.join3 .join3-tit {
        font-size: 26px
    }

    .join-info1 .join-btn {
        justify-content: flex-start
    }

    .join-info1 {
        padding-bottom: 60px
    }

    .position {
        padding: 45px 0 20px 0
    }

    .join-info1 .insrecruit-list .insrecruit-list-tag .name,.join-info1 .insrecruit-list .rectue-top .name {
        width: calc(100% - 125px)
    }

    .join-info1 .insrecruit-list .insrecruit-list-tag .rec-icon,.join-info1 .insrecruit-list .rectue-top .rec-icon {
        width: 125px
    }

    .join-info1 .insrecruit-list .insrecruit-list-tag,.join-info1 .insrecruit-list .rectue-top {
        padding: 10px 15px
    }

    .join-info1 .join-page {
        padding: 0
    }

    .input::-webkit-input-placeholder,.textarea::-webkit-input-placeholder {
        font-size: 14px
    }

    .input::-webkit-input-placeholder,.textarea::-webkit-input-placeholder {
        font-size: 14px
    }

    .input::-moz-placeholder,.textarea::-moz-placeholder {
        font-size: 14px
    }

    .input:-moz-placeholder,.textarea:-moz-placeholder {
        font-size: 14px
    }
}

.join-info1 .rectue-min .dec span {
    color: #000
}

.join-info1 .rectue-min .dec h1 {
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0 15px
}

.privacy-list p img {
    display: inline-block
}

.login {
    position: relative;
    height: 100vh
}

.login .login-form {
    position: absolute;
    top: 50%;
    right: 17%;
    transform: translateY(-50%)
}

.login .login-item {
    width: 460px;
    background-color: #fff;
    border-radius: 10px;
    display: inline-block;
    padding: 11% 10.5%;
    margin: 0 auto;
    text-align: center
}

.login .login-form-logo {
    margin-bottom: 30px
}

.login .login-form-ul>li {
    margin-top: 20px;
    position: relative
}

.login .login-form-ul>li:last-child,.login .login-form-ul>li:nth-child(3) {
    text-align: left
}

.login .login-form-ul #eye {
    color: #999;
    font-size: 24px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer
}

.login .login-form-ul input {
    width: 100%;
    margin: 0 auto;
    height: 50px;
    border-radius: 8px;
    border: solid 1px #eaeaea;
    padding: 10px;
    font-size: 14px;
    color: #aaa
}

.login .login-form-ul label {
    font-size: 14px;
    color: #aaa;
    text-align: left;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    font-size: 14px;
    line-height: 28px;
    color: rgba(51,51,51,.5);
    pointer-events: none;
    transition: all .5s
}

.login .login-form-ul input:focus+label,.login .login-form-ul input:valid+label {
    top: 0;
    color: #aaa;
    font-weight: 400;
    font-size: 13px;
    background: #fff
}

.login .login-otlogin a {
    font-size: 14px;
    color: #1890ff;
    display: inline-block;
    padding: 0 14px;
    border-right: 1px solid #dbdbdb
}

.check .check-nuser a:hover,.check-btn a:hover,.login .login-otlogin a:hover,.register .register-item li:hover {
    color: #d8241f
}

.login .login-otlogin a:first-child {
    padding-left: 0
}

.login .login-otlogin a:last-child {
    border-right: 0;
    padding-right: 0
}

.login .sub {
    height: 56px;
    width: 100%;
    line-height: 56px;
    background-color: #111;
    border-radius: 6px;
    font-size: 18px;
    margin: 30px auto;
    display: block;
    text-align: center;
    color: #fff;
    cursor: pointer;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.login .sub:hover {
    background: #d5241e
}

.login .sub button {
    width: 100%
}

.login .login-form-ul .other span {
    font-size: 14px;
    color: #666
}

.login .login-form-ul .other em {
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #fff;
    background-color: #28c445;
    margin-left: 5px
}

.login .login-form-ul .other em:hover {
    background-color: rgba(40,196,69,.8)
}

.login .login-form-ul {
    margin-top: 30px;
    margin-bottom: 20px
}

.login .login-otlogin,.login .login-tab {
    align-items: center
}

.login .login-otlogin {
    display: block;
    justify-content: left;
    text-align: left;
    margin-top: 20px
}

.login .login-tab li {
    padding-right: 8%;
    border-bottom: 1px solid rgba(51,51,51,.1)
}

.login .login-tab li:last-child {
    padding-right: 0
}

.login .login-tab a {
    font-size: 22px;
    color: #999;
    display: block;
    padding-bottom: 15px;
    position: relative
}

.login .login-tab1 li {
    border-bottom: 0
}

.login .login-tab1 a {
    font-weight: 700;
    padding-bottom: 0
}

.login .login-tab1 a::before {
    display: none
}

.login .login-tab a::before {
    content: "";
    position: absolute;
    bottom: -2px;
    width: 0%;
    height: 2px;
    background-color: #333;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.login .login-tab li.active a {
    color: #333
}

.login .login-tab li.active a::before {
    width: 100%
}

.login .login-bot .tit {
    font-size: 14px;
    color: #999;
    position: relative
}

.login .login-bot .tit::after,.login .login-bot .tit::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 30%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(51,51,51,.1)
}

.login .login-bot .tit::after {
    left: auto;
    right: 0
}

.login .login-icon {
    width: 50px;
    height: 50px;
    background-color: #f7f7f7;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    margin-right: 4.5%;
    color: #6d6d6d;
    font-size: 28px;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.login .login-iconBox {
    margin-top: 35px
}

.login .login-icon.icon-qq {
    font-size: 26px
}

.login .login-icon:hover {
    background: #d5241e;
    color: #fff
}

.check .check-num {
    display: block;
    height: 100%;
    line-height: 50px;
    font-size: 14px;
    color: #333;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.check #code {
    width: 80%
}

.check .code-btn {
    width: 62px;
    height: 50px;
    border-radius: 8px;
    border: solid 1px #eaeaea;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    color: #333;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    cursor: pointer
}

.check .code-btn:hover {
    background: #d5241e;
    color: #ffff;
    border: 1px solid #d5241e
}

.check-btn {
    position: relative;
    font-size: 14px;
    color: #aaa;
    text-align: left
}

.check-btn span {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 25px)
}

.check-btn a {
    color: #111;
    display: inline-block;
    margin: 0 5px
}

.check .arowana-form-checked {
    width: 16px;
    height: 16px;
    background-color: #f7f7f7;
    border-radius: 5px;
    border: solid 1px #eaeaea;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    text-align: center;
    margin-right: 5px
}

.check .arowana-form-checked:checked::after {
    content: "✓";
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 18px;
    font-weight: 700;
    color: #e60012;
    text-align: center
}

.check .check-nuser {
    font-size: 14px;
    color: #333;
    margin-top: 15px
}

.check .check-nuser a {
    color: #1890ff
}

.pwd .login-form-ul li:nth-child(1) input {
    padding-left: 10px
}

.pwd .login-form-ul li:nth-child(1) label {
    left: 10px
}

.pwd .pwd_eye {
    color: #333;
    font-size: 24px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    cursor: pointer
}

.register .register-ipt1Box,.register .register-iptBox {
    flex-wrap: wrap
}

.register .register-ipt {
    width: 28%;
    position: relative;
    margin-right: 4%
}

.register .register-ipt:last-child {
    width: 36%;
    margin-right: 0
}

.register .register-ipt1 {
    position: relative;
    width: 100%;
    margin-right: 4%
}

.register .register-ipt1:last-child {
    margin-right: 0
}

.register .register-item {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 175px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #f7f7f7;
    box-sizing: border-box;
    z-index: 9;
    border-radius: 8px;
    border: 1px solid #eaeaea;
    display: none
}

.register .register-item li {
    font-size: 14px;
    color: #aaa;
    cursor: pointer;
    text-align: left;
    padding: 10px;
    margin-top: 0;
    border-bottom: 1px solid #eaeaea
}

.afs_exchange7 .afs_exchange7_form .icon-down,.afs_exchange9_liinpt .icon-down,.pop_email .pop_email_ipt .icon-down,.register .register-ipt1 .icon-down {
    font-size: 16px;
    line-height: 28px;
    color: rgba(0,0,0,.5);
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%)
}

.register .register-ticon {
    width: 14px;
    height: 14px;
    background: url(../images/lo-icon1.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px
}

@media screen and (max-width: 767px) {
    .login .login-tab a {
        font-size:20px
    }

    .login .login-form {
        position: static;
        transform: translateY(0)
    }

    .login .login-item {
        width: 100%;
        margin: 0 auto;
        min-height: auto;
        padding: 0
    }

    .check #code {
        width: 75%
    }

    .check-btn a {
        margin: 0
    }

    .check .code-btn,.login .login-form-ul input,.login .sub {
        height: 45px;
        line-height: 45px
    }

    .pwd .pwd_eye {
        font-size: 20px
    }

    .login .login-icon {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 24px
    }

    .check .check-num {
        line-height: 45px
    }

    .login .login-icon.icon-qq {
        font-size: 22px
    }

    .login {
        height: auto;
        padding: 15% 0;
        background: 0 0!important
    }

    .register .register-ipt,.register .register-ipt1,.register .register-ipt:last-child {
        width: 100%;
        margin-right: 0;
        margin-top: 20px
    }

    .register .register-ipt1:first-child,.register .register-ipt:first-child {
        margin-top: 0
    }
}

@media screen and (max-width: 980px) {
    .problem-right .problem-right-tit {
        text-align:center
    }

    .video-list .video-list-right .video-list-info {
        margin-top: 0
    }
}

.flexace {
    align-items: center
}

.ny-bread {
    padding: 15px 0;
    background: #fbfbfb
}

.ny-bread a,.ny-bread em {
    font-size: 16px;
    color: #595757;
    display: inline-block;
    vertical-align: middle
}

.ny-bread em {
    margin: 0 5px
}

.ny-bread a.active,.ny-bread a:hover {
    color: #27a2ff
}

.inner-tit {
    text-align: center
}

.inner-tit .tit {
    font-size: 36px;
    font-weight: 400;
    color: #000
}

.afs_query1 {
    padding-top: 5%;
    padding-bottom: 20%
}

.afs_query1>div {
    padding: 0 15.5%
}

.afs_query1 .afs_query1_form input {
    width: 100%;
    height: 56px;
    border: 1px solid #d4d4d4;
    border-radius: 9px;
    font-size: 16px;
    font-weight: 400;
    color: #d4d4d4;
    padding: 5px 20px;
    padding-right: 12%
}

.afs_query1 .afs_query1_form label {
    position: absolute;
    top: 53%;
    transform: translateY(-50%);
    left: 20px;
    pointer-events: none;
    transition: all .5s;
    font-size: 16px;
    font-weight: 400;
    color: #d4d4d4
}

.afs_query1 .afs_query1_li,.afs_query1 .afs_query1_mess {
    position: relative;
    margin: 0 auto;
    margin-top: 55px;
    max-width: 630px
}

.afs_query1 .afs_query1_li .btn {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background: url(../images/af-icon1.png) no-repeat center;
    background-size: cover;
    cursor: pointer
}

.afs_query1 .afs_query1_form input:focus+label,.afs_query1 .afs_query1_form input:valid+label {
    top: 0;
    color: #e60012
}

.afs_query1 .tipsBox {
    width: 110%;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #ffff;
    z-index: 9;
    padding: 4% 8%;
    border-radius: 20px;
    filter: drop-shadow(0 0 6px #dedede);
    display: none
}

.afs_query1 .afs_query1_tips {
    margin-top: 10px;
    position: relative;
    max-width: 660px;
    margin: 10px auto
}

.afs_query1 .afs_query1_tips .tips {
    font-size: 16px;
    font-weight: 400;
    color: #27a2ff;
    text-align: center;
    padding-bottom: 10px
}

.afs_query1 .afs_query1_tips .tips img,.afs_query1 .afs_query1_tips .tips span {
    display: inline-block;
    vertical-align: middle
}

.afs_query1 .afs_exchange2_tips .tips {
    text-align: left
}

.afs_query1 .afs_exchange2_tips .tips span {
    color: #f25c5c
}

.afs_query1 .afs_query1_tips .tips img {
    margin-right: 5px
}

.afs_query1 .tipsBox .tit,.afs_query1 .tipsBox_litit {
    font-size: 14px;
    color: #000;
    position: relative
}

.afs_query1 .tipsBox_ul {
    flex-wrap: wrap;
    margin: 20px auto
}

.afs_query1 .tipsBox_ul li {
    width: 33.333%;
    position: relative;
    cursor: pointer
}

.afs_query1 .tips_tips_tit {
    font-size: 14px;
    line-height: 22px;
    color: 000;
    text-align: left
}

.afs_query1 .tipsBox_ul li.active .tips_tips_tit {
    color: #27a2ff
}

.afs_query1 .tipsBox_img,.afs_query1 .tipsBox_img img {
    width: 100%
}

.afs_query1 .tipsBox_img {
    margin-bottom: 10px
}

.afs_query1 .afs_exchange5_btnsct,.afs_query1 .tipsBox_list {
    position: relative
}

.afs_query1 .afs_exchange5_btnsct::before,.afs_query1 .tipsBox_list::before {
    content: "";
    position: absolute;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 13px;
    background: url(../images/af-sjx.png) no-repeat center;
    background-size: cover;
    filter: drop-shadow(0 4px 16px #dedede);
    top: -38px
}

.afs_query1 .afs_query1_tips:hover .tipsBox,.afs_query1 .tipsBox_li.show {
    display: block
}

.afs_query1 .tipsBox_li {
    display: none
}

.subbtn {
    width: 130px;
    padding: 10px 5px;
    background: #000;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 75px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    display: block;
    cursor: pointer;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.subbtn:hover {
    background: #e60012;
    color: #fff
}

.afs_query1 .afs_query1_mess {
    background: #fbfbfb;
    border-radius: 10px;
    padding: 20px
}

.afs_query1 .afs_query1_messct,.afs_query1 .afs_query1_messtit {
    width: 27%;
    font-size: 16px;
    font-weight: 400;
    color: #707070;
    line-height: 30px
}

.afs_query1 .afs_query1_messct {
    width: 73%;
    padding-left: 10px
}

.afs_query1 .afs_query1_messct span {
    color: #61b755
}

.afs_query1 .afs_query1_dec {
    font-size: 14px;
    color: #9b9b9b;
    line-height: 22px;
    padding: 10px;
    max-width: 630px;
    margin: 0 auto
}

.afs_process1 .afs_process1_icon {
    width: 60px;
    height: 60px;
    background: url(../images/af-icon3.png) no-repeat center center;
    background-size: cover;
    border-radius: 50%;
    margin: 0 auto
}

.afs_process1 .afs_process1_font .tit {
    font-size: 18px;
    line-height: 1.5;
    color: #000;
    margin-top: 35px;
    margin-bottom: 20px
}

.afs_process1 .afs_process1_font .dec {
    font-size: 16px;
    line-height: 1.8;
    color: #707070
}

.afs_process2 .afs_process1_icon {
    margin-left: 30%
}

.afs_process2 .subbtn {
    margin-left: 25%
}

.afs_process3>div {
    padding: 6% 16%
}

.afs_process3 .afs_process3_ct1 {
    background: #fbfbfb;
    border-radius: 10px;
    position: relative;
    padding: 25px 20px;
    margin-top: 10px
}

.afs_process3 .afs_process3_litit {
    font-size: 18px;
    color: #000;
    line-height: 34px
}

.afs_process3 .afs_process3_ct1 {
    align-items: flex-start
}

.afs_process3 .afs_process3_imgBox {
    width: 65px;
    height: 65px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    position: relative
}

.afs_process3 .afs_process3_imgBox img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.afs_process3 .afs_process3_font {
    width: calc(100% - 65px);
    padding: 0 20px
}

.afs_process3 .afs_process3_name {
    font-size: 20px;
    color: #000;
    line-height: 30px
}

.afs_process3 .afs_process3_ftli .tit,.afs_process3 .afs_process3_ndec {
    font-size: 16px;
    color: #707070;
    line-height: 30px
}

.afs_process3 .afs_process3_line {
    width: 100%;
    height: 1px;
    border: 1px solid #cdcdcd;
    margin: 10px auto
}

.afs_process3 .afs_process3_ftli .tit {
    color: #b9b9b9
}

.afs_process3 .afs_process3_ftli .tit .tag {
    background: #707070;
    border-radius: 5px;
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: 1px;
    color: #fff;
    line-height: 20px;
    padding: 0 10px
}

.afs_process3 .afs_process3_ftli .dec {
    font-size: 18px;
    color: #707070;
    line-height: 30px
}

.afs_process3 .afs_process3_ftli .dec span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px
}

.afs_process3 .afs_process3_list {
    margin-top: 8.5%
}

.afs_process3 .afs_process3_ftli {
    margin-top: 10px
}

.afs_process3 .afs_process3_tag {
    width: 50px;
    height: 50px;
    border: 1px solid #b8b8b8;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.afs_process3 .afs_process3_ct2li .tit {
    font-size: 16px;
    color: #000;
    line-height: 30px
}

.afs_process3 .afs_process3_ct2li .tit span,.afs_process3 .afs_process3_express span {
    display: inline-block;
    margin-right: 35px
}

.afs_process3 .afs_process3_express span {
    margin-right: 15px
}

.afs_process3 .afs_process3_ct2li .dec {
    font-size: 16px;
    color: #707070;
    line-height: 20px;
    padding-right: 40px
}

.afs_process3 .afs_process3_ct2 .afs_process3_imgBox {
    background: 0 0
}

.afs_process3 .afs_process3_li {
    margin-top: 35px
}

.afs_process3 .afs_process3_ct2ft {
    margin-top: 25px
}

.afs_process3 .afs_process3_ct2ft:first-child,.afs_process3 .afs_process3_li:first-child {
    margin-top: 0
}

.afs_process3 .afs_process3_btn .btn,.afs_process3 .afs_process3_express {
    font-size: 14px;
    color: #707070;
    line-height: 30px
}

.afs_process3 .afs_process3_sli {
    position: relative;
    padding: 10px 15px;
    display: none
}

.afs_process3 .afs_process3_sli:nth-child(1),.afs_process3 .afs_process3_sli:nth-child(2) {
    display: block!important
}

.afs_process3 .afs_process3_sli::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 11px;
    height: 11px;
    background: #f3f0ef;
    border-radius: 50%
}

.afs_process3 .afs_process3_sdec,.afs_process3 .afs_process3_stit {
    font-size: 14px;
    color: #c4c4c4;
    line-height: 26px
}

.afs_process3 .afs_process3_sdec {
    font-size: 12px;
    line-height: 20px
}

.afs_process3 .afs_process3_sli.active::before {
    background: #c4c4c4
}

.afs_process3 .afs_process3_sli.active .afs_process3_sdec,.afs_process3 .afs_process3_sli.active .afs_process3_stit {
    color: #707070
}

.afs_process3 .afs_process3_ul {
    overflow: hidden;
    padding-left: 10px;
    position: relative;
    margin-top: 10px;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.afs_process3 .afs_process3_ul::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #f3f0ef
}

.afs_process3 .subbtn {
    margin-top: 40px
}

.afs_process3 .afs_process3_btn .btn {
    text-align: center;
    cursor: pointer
}

.afs_exchange4 .afs_exchange4Li,.afs_process3 .afs_process3_btn .hbtn,.afs_process3 .afs_process3_btn.active .sbtn {
    display: none
}

.afs_exchange4 .afs_exchange4Li.show,.afs_exchange5 .afs_exchange5_btn:hover .afs_exchange5_btnct,.afs_process3 .afs_process3_btn .sbtn,.afs_process3 .afs_process3_btn.active .hbtn {
    display: block
}

.afs_exchange1 .afs_exchange1_checkli label {
    pointer-events: auto;
    position: static;
    transform: translateY(0);
    color: #707070!important;
    cursor: pointer
}

.afs_exchange1 .afs_exchange1_checkli input[type=radio] {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    border: 1px solid #979797;
    appearance: none;
    position: relative;
    background: #fff;
    padding: 0;
    overflow: hidden
}

.afs_exchange1 .afs_exchange1_checkli input[type=radio]:checked::before {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    content: " ";
    background-color: #979797;
    color: #fff;
    display: inline-block;
    visibility: visible;
    padding: 0 3px;
    border-radius: 50%
}

.afs_exchange1 .afs_exchange1_checkli label {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #707070;
    line-height: 34px;
    padding-left: 10px
}

.afs_exchange1 .afs_exchange1_checkli {
    position: relative;
    margin-right: 10%
}

.afs_exchange1 .afs_exchange1_checkli:last-child,.subbtnBox .subbtn:last-child {
    margin-right: 0
}

.afs_exchange1 .afs_exchange1_checkBox {
    flex-wrap: wrap;
    margin-top: 50px
}

.afs_exchange2 .afs_query1_li.active input {
    border: 1px solid #f25c5c;
    color: #f25c5c
}

.afs_exchange2 .afs_query1_li.active .btn,.afs_exchange2 .afs_query1_li.active label {
    display: none
}

.afs_exchange2 .afs_exchange2_tips {
    color: #f25c5c;
    text-align: left
}

.afs_exchange3 .afs_exchange3_stips {
    font-size: 18px;
    color: #000;
    max-width: 630px;
    margin: 0 auto;
    margin-top: 10%
}

.afs_exchange3 .afs_query1_mess {
    margin-top: 10px
}

.subbtnBox {
    margin-top: 50px
}

.subbtnBox .subbtn {
    margin: 0;
    margin-right: 60px
}

.afs_repair {
    padding: 5% 0;
    min-height: 80vh
}

.afs_repair>div {
    padding: 0 12%
}

.afs_repair .afs_repair_li {
    width: 24.5%;
    height: 40px;
    border-radius: 5px;
    border: solid 1px #cacaca;
    position: relative;
    margin-right: 15px
}

.afs_repair .afs_repair_li:last-child {
    margin-right: 0
}

.afs_repair .afs_repair_li input {
    width: 100%;
    font-size: 16px;
    line-height: 40px;
    color: #c4c4c4;
    padding: 0 15px
}

.afs_repair .afs_repair_li .icon-down {
    color: #c4c4c4;
    font-size: 16px;
    display: block;
    position: absolute;
    right: 15px;
    top: 12px
}

.afs_exchange7 .afs_repair_liitem,.afs_exchange9 .afs_repair_liitem,.afs_repair .afs_repair_liitem,.pop_email .afs_repair_liitem {
    display: none;
    position: absolute;
    left: 0;
    top: 42px;
    padding: 5px 0;
    z-index: 1;
    width: 100%;
    border: 1px solid #d2d2d2;
    max-height: 300px;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0,0,0,.12);
    box-sizing: border-box
}

.afs_exchange7 .afs_repair_liitem li,.afs_exchange9 .afs_repair_liitem li,.afs_repair .afs_repair_liitem li,.pop_email .afs_repair_liitem li {
    padding: 0 10px;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #454545
}

.afs_exchange7 .afs_repair_liitem li:hover,.afs_exchange9 .afs_repair_liitem li:hover,.afs_repair .afs_repair_liitem li:hover,.pop_email .afs_repair_liitem li:hover {
    background-color: #f2f2f2;
    -webkit-transition: .5s all;
    transition: .5s all
}

.afs_exchange7 .afs_exchange7_li.active .icon-down,.afs_exchange9 .afs_exchange7_li.active .icon-down,.afs_exchange9_liinpt.active .icon-down,.afs_repair .afs_repair_li.active .icon-down,.pop_email .pop_email_li.active .icon-down {
    transform: translateY(-50%) rotate(180deg);
    -webkit-transition: .5s all;
    transition: .5s all
}

.afs_repair .afs_repair_ul {
    margin-top: 7%;
    margin-bottom: 45px
}

.afs_exchange7 .afs_repair_liitem li.active,.afs_exchange9 .afs_repair_liitem li.active,.afs_repair .afs_repair_liitem li.active,.pop_email .afs_repair_liitem li.active {
    background-color: #5fb878;
    color: #fff
}

.afs_repair .afs_mapLi {
    border-radius: 10px;
    border: solid 1px #f2f0ee;
    padding: 25px;
    margin-top: 25px;
    word-break: break-word
}

.afs_repair .afs_mapLi_left {
    width: calc(100% - 120px);
    padding-right: 5%;
    position: relative
}

.afs_exchange5 .afs_exchange5_tit,.afs_repair .afs_mapLi_left .tit {
    font-size: 18px;
    color: #000
}

.afs_repair .afs_mapLi_left .tit span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #fff;
    background-color: #000;
    border-radius: 3px;
    padding: 2px 7px;
    margin-left: 10px
}

.afs_repair .afs_mapLi_left .dec {
    font-size: 16px;
    line-height: 1.6;
    color: #8a8a8a;
    margin-top: 10px
}

.afs_repair .afs_mapLi_right {
    width: 120px;
    background-color: #535353;
    border-radius: 5px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 5px;
    -webkit-transition: .5s all;
    transition: .5s all
}

.afs_repair .afs_mapLi_right:hover {
    background-color: #e60012;
    -webkit-transition: .5s all;
    transition: .5s all
}

.afs_repair .afs_map {
    height: 350px;
    width: 100%;
    margin-bottom: 40px
}

.afs_repair .afs_map img {
    max-width: none
}

.afs_exchange4>div {
    padding: 0 7.4%
}

.afs_exchange4 .afs_exchange4Tab {
    flex-wrap: wrap;
    padding-top: 30px;
    padding-bottom: 5px
}

.afs_exchange4 .afs_exchange4Tab li {
    padding-bottom: 10px;
    position: relative;
    margin-right: 9%
}

.afs_exchange4 .afs_exchange4Tab li:last-child,.afs_exchange5 .afs_exchange5_tag:nth-child(5n),.afs_exchange7 .afs_exchange7_addr span:last-child {
    margin-right: 0
}

.afs_exchange4 .afs_exchange4Tab li a {
    font-size: 18px;
    color: #757575;
    display: block;
    padding-bottom: 10px;
    border-bottom: 2px solid transparent
}

.afs_exchange4 .afs_exchange4Tab li.active a {
    color: #000;
    border-bottom: 2px solid #000
}

.afs_exchange4 .afs_exchange4Cont,.afs_exchange5 .afs_exchange5_ul,.afs_exchange7 .afs_exchange7_send {
    flex-wrap: wrap
}

.afs_exchange5 .afs_exchange5_ul {
    margin-bottom: 35px
}

.afs_exchange4 .afs_exchange4Cont li {
    width: 23.5%;
    position: relative;
    background-color: #f4f7f9;
    border-radius: 5px;
    padding: 50px 20px 25px 20px;
    margin-right: 2%;
    margin-top: 1.5%;
    border: 1px solid transparent
}

.afs_exchange4 .afs_exchange4Cont li:nth-child(4n) {
    margin-right: 0
}

.afs_exchange4 .afs_exchange4_tit {
    font-size: 18px;
    color: #707070;
    text-align: center;
    margin-top: 26%
}

.afs_exchange4 .afs_exchange4Cont li.active {
    border: 1px solid #e60012
}

.afs_exchange5 .afs_exchange5_btn .btn {
    font-size: 16px;
    color: #717171;
    cursor: pointer;
    padding-bottom: 10px
}

.afs_exchange5>div {
    padding: 0 13%
}

.afs_exchange5 .afs_exchange5_btn .btn img,.afs_exchange5 .afs_exchange5_btn .btn span {
    display: inline-block;
    vertical-align: middle
}

.afs_exchange5 .afs_exchange5_tag {
    padding: 10px 3px;
    width: 19.2%;
    margin-right: 1%;
    margin-top: 1%;
    border-radius: 5px;
    border: solid 1px #eee;
    font-size: 16px;
    text-align: center;
    color: #000;
    cursor: pointer
}

.afs_exchange5 .afs_exchange5_tag.active {
    background-color: #eee
}

.afs_exchange5 .afs_exchange5_top {
    margin-bottom: 20px;
    margin-top: 35px;
    position: relative
}

.afs_exchange5 .afs_exchange5_form textarea,.pop_email .pop_email_li textarea {
    width: 100%;
    height: 170px;
    border-radius: 5px;
    border: solid 1px #eee;
    padding: 15px;
    font-size: 16px;
    color: #d4d4d4
}

.afs_exchange5 .afs_exchange5_form {
    position: relative;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 10px
}

.afs_exchange5 .afs_exchange5_formtips {
    font-size: 14px;
    color: #979797
}

.afs_exchange5 .afs_exchange5_form label,.afs_exchange7 .afs_exchange7_form label,.afs_exchange8_popmessUl li label,.afs_exchange9_liinpt label,.afs_problem .afs_problem_input label,.pop_email .pop_email_li label {
    font-size: 16px;
    color: #d4d4d4;
    position: absolute;
    top: 15px;
    left: 15px;
    pointer-events: none;
    transition: all .5s
}

.afs_exchange5 .afs_exchange5_form textarea:focus+label,.afs_exchange5 .afs_exchange5_form textarea:valid+label,.afs_exchange7 .afs_exchange7_form input:focus+label,.afs_exchange7 .afs_exchange7_form input:valid+label,.afs_exchange8_popmessUl li input:focus+label,.afs_exchange8_popmessUl li input:valid+label,.afs_exchange9_liinpt input:focus+label,.afs_exchange9_liinpt input:valid+label,.afs_problem .afs_problem_input input:focus+label,.afs_problem .afs_problem_input input:valid+label,.afs_problem .afs_problem_input textarea:focus+label,.afs_problem .afs_problem_input textarea:valid+label,.afs_support3 .afs_support3_input input:focus+label,.afs_support3 .afs_support3_input input:valid+label,.pop_email .pop_email_ipt input:focus+label,.pop_email .pop_email_ipt input:valid+label,.pop_email .pop_email_ipt textarea:focus+label,.pop_email .pop_email_ipt textarea:valid+label {
    top: -12px;
    color: #e60012;
    transition: all .5s
}

.afs_support3 .afs_support3_input input:focus+label,.afs_support3 .afs_support3_input input:valid+label,.pop_email .pop_email_ipt input:focus+label,.pop_email .pop_email_ipt input:valid+label,.pop_email .pop_email_ipt textarea:focus+label,.pop_email .pop_email_ipt textarea:valid+label {
    top: -8px
}

.afs_noexchange5 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.3);
    z-index: 1001;
    display: none
}

.afs_noexchange5 .afs_noexchange5li {
    padding: 50px;
    position: absolute;
    width: 30.5%;
    max-height: 40%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 14px;
    background: #fff;
    text-align: center;
    overflow-x: hidden;
    overflow-y: auto
}

.afs_noexchange5 .afs_noexchange5li_top .tit {
    font-size: 26px;
    color: grey
}

.afs_agree,.afs_exchange7 .afs_exchange7_sendtit,.afs_exchange7_tit,.afs_noexchange5 .afs_noexchange5li_top .dec {
    font-size: 18px;
    color: grey;
    line-height: 1.5;
    margin-top: 20px
}

.afs_noexchange5 .afs_noexchange5li_bot {
    font-size: 20px;
    color: #27a2ff;
    border-top: 1px solid #f2f0ee;
    display: block;
    padding-top: 15px;
    margin-top: 35px
}

.afs_exchange5 .afs_exchange5_btnli {
    margin-top: 35px
}

.afs_exchange5 .afs_exchange5_btnli:first-child,.afs_exchange7 .afs_exchange7_form li:first-child,.afs_exchange7 .afs_exchange7_li:first-child,.afs_exchange7 .afs_exchange7_sendtit,.pop_network .afs_mapLi:first-child {
    margin-top: 0
}

.afs_exchange5 .afs_exchange5_btnli .dec,.afs_exchange5 .afs_exchange5_btnli .tit {
    font-size: 18px;
    color: #454545;
    line-height: 2
}

.afs_exchange5 .afs_exchange5_btnli .tit {
    font-weight: 700
}

.afs_exchange5 .afs_exchange5_btnct {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    width: 125%;
    padding: 8%;
    background: #ffff;
    border-radius: 20px;
    filter: drop-shadow(0 3px 4px #dedede);
    display: none
}

.afs_query1 .afs_exchange5_btnsct::before {
    top: -84px;
    left: 85%;
    background: url(../images/af-sjx.png) no-repeat center center;
    background-size: cover
}

.afs_exchange7>div {
    padding: 0 17%
}

.afs_exchange7 .afs_exchange7_addr {
    background-color: #fbfbfb;
    border-radius: 10px;
    padding: 3.5%
}

.afs_exchange7 .afs_exchange7_addr .addr,.afs_exchange7 .afs_exchange7_addr .addr_dec,.afs_exchange7_network {
    font-size: 16px;
    line-height: 1.5;
    color: #717171
}

.afs_exchange7 .afs_exchange7_addr .addr,.afs_exchange7 .afs_exchange7_sendtit {
    color: #000
}

.afs_exchange7 .afs_exchange7_addr .addr_dec {
    color: #707070;
    margin-top: 10px
}

.afs_exchange7 .afs_exchange7_addr span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6%
}

.afs_exchange7_tit {
    margin-bottom: 20px;
    color: #000
}

.afs_exchange7_network {
    cursor: pointer
}

.afs_exchange7 .afs_exchange7_li,.afs_exchange8_popmessUl li,.afs_exchange9_liinpt,.afs_problem .afs_problem_input,.pop_email .pop_email_ipt input {
    position: relative;
    height: 40px;
    border-radius: 5px;
    border: solid 1px #cacaca;
    margin-top: 20px
}

.pop_email .pop_email_ipt input {
    margin-top: 0!important;
    padding: 0 15px;
    font-size: 16px;
    color: #cacaca
}

.afs_exchange7 .afs_exchange7_form input,.afs_exchange8_popmessUl li input,.afs_exchange9_liinpt input,.afs_problem .afs_problem_input input,.afs_problem .afs_problem_input textarea {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    font-size: 18px;
    line-height: 40px;
    padding-left: 15px;
    color: #cdcdcd
}

.afs_exchange9_liinpt input {
    color: #000
}

.afs_exchange7 .afs_exchange7_form label,.afs_exchange8_popmessUl li label,.afs_exchange9_liinpt label,.afs_problem .afs_problem_input label,.pop_email .pop_email_ipt label {
    top: 11px
}

.afs_exchange7 .afs_exchange7_send li {
    width: 48%;
    min-height: 80px;
    border-radius: 5px;
    margin-right: 2%;
    margin-top: 1.5%;
    border: solid 1px #cacaca;
    text-align: center;
    position: relative;
    cursor: pointer
}

.afs_exchange7 .afs_exchange7_send li.active {
    border: 1px solid #e60012
}

.afs_exchange7 .afs_exchange7_sendct {
    position: absolute;
    width: 100%;
    padding: 10px 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.afs_exchange7 .afs_exchange7_send li:nth-child(2n) {
    margin-right: 0
}

.afs_exchange7 .afs_exchange7_senddec {
    font-size: 12px;
    line-height: 16px;
    color: #cdcdcd;
    margin-top: 5px
}

.afs_agree {
    text-align: center;
    margin-top: 35px;
    cursor: pointer
}

.afs_agree em {
    width: 15px;
    height: 15px;
    border: solid 1px #979797;
    border-radius: 50%;
    display: block;
    margin-right: 5px;
    position: relative;
    overflow: hidden;
    text-align: center
}

.afs_agree em::before {
    content: "";
    position: absolute;
    width: 70%;
    height: 70%;
    border-radius: 50%;
    top: 47%;
    left: 53.5%;
    transform: translate(-50%,-50%);
    margin: 0 auto;
    background: #979797;
    opacity: 0
}

.afs_agree.active em::before {
    opacity: 1
}

.afs_exchange7 .afs_exchange7Li {
    margin-top: 20px
}

.pop_network {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.3);
    z-index: 999;
    display: none
}

.pop_network .pop_networkBox {
    background: #fff;
    padding: 0;
    width: 90%;
    max-height: 90%;
    max-width: 1200px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 25px;
    overflow-y: hidden;
    overflow-y: auto
}

.pop_network .pop_networkCont {
    width: 100%;
    height: 100%;
    padding: 5% 12%
}

.pop_network .close-box {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 2%;
    right: 2%;
    cursor: pointer;
    z-index: 9
}

.pop_network1 .close-box {
    top: 5%;
    right: 2.5%
}

.pop_network .close-box::before {
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #bcbcbc;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pop_network .close-box::after {
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #bcbcbc;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pop_network .afs_mapLi_left {
    width: 100%!important
}

.pop_network .afs_repair_ul {
    margin: 6% auto!important
}

.pop_network .afs_mapUl {
    height: 460px;
    padding-right: 20px;
    overflow-x: hidden;
    overflow-y: auto
}

.pop_network .subbtn {
    margin-top: 50px
}

.afs_exchange7_network:hover {
    color: #e60012;
    -webkit-transition: .5s all;
    transition: .5s all
}

.afs_exchange8 .afs_process3_ct3 .afs_process3_font {
    width: calc(100% - 65px - 125px)!important
}

.afs_exchange8 .afs_process3_ct3 {
    align-items: center!important
}

.afs_exchange8_mess {
    width: 125px;
    font-size: 16px;
    color: #27a2ff;
    border-radius: 15px;
    border: solid 1px #27a2ff;
    text-align: center;
    padding: 2px;
    cursor: pointer
}

.afs_exchange8_popmess {
    background: #fff;
    width: 49%;
    max-height: 81%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 25px;
    overflow-x: hidden;
    overflow-y: auto
}

.afs_exchange8_popmessBox {
    width: 100%;
    height: 100%;
    padding: 8% 12%
}

.afs_exchange8_messtips {
    font-size: 14px;
    line-height: 1.5;
    color: #707070;
    padding: 10px 25px
}

.afs_exchange8_mess:hover {
    color: #e60012;
    border: solid 1px #e60012;
    -webkit-transition: .5s all;
    transition: .5s all
}

.afs_exchange8_popmessBox .tit {
    font-size: 31px;
    letter-spacing: 1px;
    color: #000;
    padding-bottom: 10px
}

.afs_exchange8_popmessUl li {
    width: 100%;
    position: relative
}

.afs_exchange9 .afs_exchange9_list {
    margin-top: 30px
}

.afs_exchange9 .afs_exchange9_li {
    width: 49%;
    margin-right: 3%;
    margin-right: 2%
}

.afs_exchange9 .afs_exchange9_li:last-child,.afs_exchange9 .afs_exchange9_li:nth-child(2n) {
    margin-right: 0
}

.afs_exchange9 .afs_exchange9_buy {
    position: relative;
    margin-top: 25px
}

.afs_exchange9 .afs_exchange9_buy .file {
    width: 210px;
    font-size: 16px;
    color: #c4c4c4;
    padding: 10px 15px;
    text-align: right;
    display: inline-block;
    background: url(../images/af-icon7.png) no-repeat 20px center;
    border-radius: 5px;
    border: solid 1px #cacaca;
    position: relative
}

.fileerrorTip,.showFileName {
    font-size: 16px;
    color: #e60012;
    display: inline-block;
    margin-left: 10px
}

.afs_exchange9 .afs_exchange9_buy input[type=file],.afs_problem .afs_problem_input.sub .video input[type=file],.pop_email .pop_email_ipt.sub .video input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    background-color: #fff;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.afs_exchange9 .time_icon {
    width: 20px;
    height: 21px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px
}

.afs_problem>div {
    padding: 0 15.4%
}

.afs_problem .insrecruit-list .rectue-top .icon em {
    top: 5px
}

.afs_problem .insrecruit-list .rectue-top .icon em:nth-child(2) {
    left: 5px
}

.application-spe .insrecruit-list .rectue-top .icon em,.insrecruit-list .rectue-top .icon em {
    top: 8px;
    left: 0
}

.application-spe .rectue-top .icon em:nth-child(2),.insrecruit-list .rectue-top .icon em:nth-child(2) {
    top: 0;
    left: 8px
}

.afs_problem .insrecruit-list li.cur .rectue-top .icon em {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.afs_problem .insrecruit-list li.cur .rectue-top .icon em:nth-child(2) {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 1
}

.afs_problem .insrecruit-list {
    margin-top: 30px;
    padding-bottom: 0
}

.afs_problem .insrecruit-list ul {
    padding-bottom: 40px
}

.afs_problem .afs_problem_list,.afs_problem .insrecruit-list .rectue-top {
    padding: 0
}

.afs_problem .insrecruit-list li .rectue-min {
    padding: 40px
}

.afs_problem .insrecruit-list li.cur {
    border-bottom: 0
}

.afs_problem .afs_problem_input.mess {
    height: 170px
}

.afs_problem .afs_problem_input.sub,.pop_email .pop_email_ipt.sub {
    border: 1px solid transparent
}

.afs_problem .afs_problem_input.sub .video,.pop_email .pop_email_ipt.sub .video {
    display: inline-block;
    padding: 9px 15px;
    text-align: center;
    border: solid 1px #cacaca;
    border-radius: 5px;
    color: #c4c4c4;
    font-size: 16px;
    position: relative
}

.afs_problem .afs_problem_input.sub .video input,.pop_email .pop_email_ipt.sub .video input {
    padding-left: 0
}

.afs_problem .afs_problem_input.sub .video em,.pop_email .pop_email_ipt.sub .video em {
    display: inline-block;
    vertical-align: 0;
    margin-right: 5px;
    font-size: 17px;
    font-weight: 700
}

.afs_problem .afs_problem_tit {
    font-size: 16px;
    color: #000;
    margin-top: 20px
}

.afs_problem .subbtn {
    margin-top: 40px
}

.policy-list .policy-right .policy-right-tit,.support-list .support-list-bot li a h3 {
    font-weight: 700
}

.afs_support1 {
    margin-top: 60px;
    padding: 25px;
    border-radius: 10px;
    background-color: #fff;
    flex-wrap: wrap
}

.afs_support1 li {
    position: relative;
    padding: 0 4%;
    width: 33.3%;
    border-right: 1px solid #ececec
}

.afs_ensupport1 li {
    padding: 0 3%;
    width: 20%;
    border-right: 0
}

.afs_support1 li a {
    display: block;
    padding: 25px;
    width: 100%;
    background-color: transparent;
    transition: all .5s
}

.afs_support1 li:hover a {
    border-radius: 5px;
    background-color: #fcfcfc
}

.afs_support1 li:last-child {
    border-right: 0
}

.afs_support1 .afs_support1_icon {
    position: relative;
    margin: 0 auto;
    width: 60px;
    height: 60px
}

.afs_support1 .afs_support1_icon img,.afs_support2 .afs_support2_icon img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transition: all .5s
}


.afs_support1 .afs_support1_tit {
    margin-top: 20px;
    color: #6b6b6b;
    text-align: center;
    font-size: 18px
}

.afs_support1 li:hover .afs_support1_icon img,.afs_support2 li:hover .afs_support2_icon img {
    transform: translateY(-10px)
}

.afs_support1 li:hover .afs_support1_tit,.afs_support2 li:hover a .afs_support2_tit,.afs_support3 .afs_support3_li .dec:hover {
    color: #e60012
}

.afs_support2 {
    margin-top: 50px;
    flex-wrap: wrap
}

.afs_support2 li {
    position: relative;
    margin-right: 1.1%;
    width: 24.15%;
    background: #fff
}

.afs_ensupport2 li {
    position: relative;
    margin-right: 12px;
    margin-top: 1.1%;
    width: 24%;
    border-radius: 10px;
	    height: 300px;
}

.afs_support2 li a {
    display: block;
    padding: 24px 15%;
    width: 100%
}

.afs_support2 li:nth-child(1) a,.afs_support2 li:nth-child(2) a,.afs_support2 li:nth-child(3) a,.afs_support2 li:nth-child(4) a {
    transform: translateY(23px)
}

.afs_support2 li:last-child {
    margin-right: 0
}

.afs_support2 .afs_support2_icon {
    position: relative;
    margin: 0 auto;
    width: 65px;
    height: 65px
}

.afs_support2 .afs_support2_tit {
    margin-top: 30px;
    color: #6b6b6b;
    text-align: center;
    font-size: 22px
}

.afs_support2 .afs_support2_dec {
    margin-top: 10px;
    color: #6b6b6b;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    height: 53px
}

.afs_support2 .afs_support2_dec span {
    color: #27a2ff;
    font-size: 14px
}

.pop_email .pop_email_ipt {
    position: relative
}

.pop_email .pop_email_li {
    margin-top: 25px
}

.pop_email .pop_email_li input::-webkit-input-placeholder,.pop_email .pop_email_li textarea::-webkit-input-placeholder {
    color: #cacaca;
    font-size: 16px
}

.pop_email .pop_email_ipt input,.pop_email .pop_email_li {
    width: 100%
}

.pop_email .pop_email_litit {
    margin-bottom: 10px;
    color: #000;
    font-size: 16px
}

.pop_email .pop_email_li textarea {
    border: solid 1px #cacaca
}

.pop_email .pop_email_li.model,.pop_email .pop_email_li.series {
    width: 49.5%
}

.pop_email .pop_email_liselect {
    flex-wrap: wrap
}

.pop_email .pop_email_li.series {
    margin-right: 1%
}

.afs_support3 {
    padding-top: 5%;
    padding-bottom: 10%
}

.afs_support3 .inner-tit .tit {
    font-weight: 700
}

.afs_support3 .afs_support3_input {
    position: relative;
    margin: 3% auto 5.5% auto;
    width: 51%
}

.afs_support3 .afs_support3_input input {
    padding: 5px 25px;
    padding-right: 60px;
    width: 100%;
    height: 50px;
    background-color: #fff;
    color: #828282;
    font-size: 18px
}

.afs_support3 .afs_support3_input input::-webkit-input-placeholder {
    color: #828282;
    font-size: 17px
}

.afs_exchange5 .afs_exchange5_form input::-webkit-input-placeholder,.afs_exchange5 .afs_exchange5_form textarea::-webkit-input-placeholder,.afs_exchange8_popmessUl li input::-webkit-input-placeholder,.afs_exchange8_popmessUl li textarea::-webkit-input-placeholder,.afs_problem .afs_problem_input input::-webkit-input-placeholder,.afs_problem .afs_problem_input textarea::-webkit-input-placeholder,.afs_query1 .afs_query1_form input::-webkit-input-placeholder {
    color: #d4d4d4;
    font-size: 16px
}

.afs_exchange8_popmessUl li input::-webkit-input-placeholder,.afs_exchange8_popmessUl li textarea::-webkit-input-placeholder,.afs_problem .afs_problem_input input::-webkit-input-placeholder,.afs_problem .afs_problem_input textarea::-webkit-input-placeholder {
    color: #cacaca
}

.afs_exchange7 .afs_exchange7_form input::-webkit-input-placeholder,.afs_exchange7 .afs_exchange7_form textarea::-webkit-input-placeholder,.afs_exchange9_liinpt input::-webkit-input-placeholder,.afs_exchange9_liinpt textarea::-webkit-input-placeholder {
    color: #cdcdcd;
    font-size: 18px
}

.afs_exchange9_liinpt input::-webkit-input-placeholder,.afs_exchange9_liinpt textarea::-webkit-input-placeholder {
    color: #000
}

.afs_support3 .afs_support3_input label {
    position: absolute;
    top: 15px;
    left: 25px;
    color: #828282;
    font-size: 17px
}

.afs_support3 .afs_support3_input .btn {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 22px;
    height: 22px;
    background: url(../images/af-icon19.png) no-repeat center center;
    background-size: cover;
    cursor: pointer
}

.afs_support3 .afs_support3_ctBox {
    position: relative;
    background-color: #ffff
}

.afs_support3 .afs_support3_li,.afs_support3 .afs_support3_tab li {
    position: relative;
    width: 33.333%
}

.afs_support3 .afs_support3_tab a {
    position: relative;
    display: block;
    padding: 4%;
    width: 100%;
    color: #000;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    transition: all .5s
}

.afs_support3 .afs_support3_tab li a::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background: #e60012;
    content: "";
    transition: all .5s
}

.afs_support3 .afs_support3_tab li.active a {
    color: #e60012
}

.afs_support3 .afs_support3_tab li.active a::before {
    width: 100%
}

.afs_support3 .afs_support3_li .tit {
    padding-bottom: 5px;
    color: #6b6b6b;
    font-weight: 700;
    font-size: 18px
}

.afs_support3 .afs_support3_li .dec {
    position: relative;
    display: block;
    margin: 20px auto;
    padding: 0 20px;
    color: #6b6b6b;
    font-size: 18px
}

.afs_support3 .afs_support3_li .dec::before {
    position: absolute;
    top: 6px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #e1e1e1;
    content: ""
}

.afs_support3 .afs_support3_cont {
    padding: 2.5% 8%;
    min-height: 320px
}

.afs_support3 .afs_support3_li .dec:hover::before {
    background-color: #e60012
}

.afs_support3 .afs_support3_more {
    margin-top: 20px;
    text-align: center
}

.afs_support3 .afs_support3_more span {
    display: inline-block;
    color: #6b6b6b;
    font-size: 18px;
    cursor: pointer
}

.afs_support3 .afs_support3_liBox {
    display: none
}

.afs_support3 .afs_support3_liBox.show {
    display: block
}

@media screen and (max-width: 1320px) {
    .w1280 {
        width:90%
    }
}

@media screen and (max-width: 1259px) {
    .mainer {
        margin-top:57px
    }

    .afs_support2 .afs_support2_tit {
        font-size: 18px
    }

    .afs_support3 .afs_support3_tab a {
        padding: 20px 10px
    }

    .afs_support3 .afs_support3_li .dec,.afs_support3 .afs_support3_more span,.application-problem .insrecruit-list li .rectue-min {
        font-size: 16px
    }

    .afs_exchange8_popmess {
        width: 60%;
        max-height: 75%
    }

    .afs_support2 .afs_support2_icon {
        width: 70px;
        height: 70px
    }

    .afs_support1 .afs_support1_icon {
        width: 50px;
        height: 50px
    }

    .afs_exchange8_popmessBox .tit {
        font-size: 26px
    }

    .afs_support3 .afs_support3_li .dec::before {
        width: 6px;
        height: 6px
    }

    .afs_noexchange5 .afs_noexchange5li {
        width: 50%
    }
}

@media screen and (max-width: 1100px) {
    .pop_network .pop_networkBox {
        max-height:60%
    }

    .afs_repair>div {
        padding: 0 5%
    }

    .afs_exchange4>div {
        padding: 0
    }

    .subbtn {
        margin-top: 40px
    }

    .afs_exchange1 .afs_exchange1_checkBox,.afs_query1 .afs_query1_li,.afs_query1 .afs_query1_mess {
        margin-top: 30px
    }

    .inner-tit .tit {
        font-size: 30px
    }

    .ny-bread a,.ny-bread em {
        font-size: 14px
    }

    .sfbanner-img .banner-infontlist .banner-infont h3 {
        font-size: 28px!important;
        line-height: 1.5!important
    }

    .afs_process3>div {
        padding: 80px 10% 100px 10%
    }

    .afs_repair .afs_mapLi_right {
        font-size: 16px
    }

    .afs_repair,.afs_support3 {
        padding: 80px 0 100px 0
    }

    .afs_repair .afs_repair_ul {
        margin-top: 40px
    }

    .mainer {
        margin-top: 0
    }

    .afs_exchange8_popmess {
        width: 70%;
        max-height: 55%
    }

    .afs_ensupport2 li {
        margin-top: 1%;
        margin-right: 1%;
        width: 32.6%
    }

    .afs_ensupport2 li:nth-child(3n) {
        margin-right: 0
    }

    .afs_exchange5 .afs_exchange5_btnct {
        top: 100%
    }

    .afs_query1 .afs_exchange5_btnsct::before {
        top: -65px
    }
}

@media screen and (max-width: 980px) {
    .afs_exchange5 .afs_exchange5_btnct {
        width:100%
    }

    .afs_support3 .afs_support3_ul {
        flex-wrap: wrap
    }

    .afs_repair>div {
        padding: 0
    }

    .afs_query1>div {
        padding: 0 12%
    }

    .mainer .banner .banner-img .swiper-imgphone {
        display: block
    }

    .mainer .banner .banner-img .swiper-imgpc {
        display: none
    }

    .afs_query1 {
        padding-top: 80px;
        padding-bottom: 120px
    }

    .sfbanner-img .banner-infontlist .banner-infont h3 {
        text-align: center;
        font-size: 26px!important
    }

    .inner-tit .tit {
        font-size: 26px
    }

    .afbanner-img .banner-infontlist {
        top: 25%!important;
        -webkit-transform: translateY(-25%)!important;
        -moz-transform: translateY(-25%)!important;
        -o-transform: translateY(-25%)!important;
        transform: translateY(-25%)!important;
        -ms-transform: translateY(-25%)!important
    }

    .afs_query1 .tipsBox {
        padding: 8%
    }

    .afs_query1 .afs_exchange5_btnsct::before,.afs_query1 .tipsBox_list::before {
        top: -50px
    }

    .afs_process3>div {
        padding: 80px 0 100px 0
    }

    .afs_process3 .afs_process3_list {
        margin-top: 30px
    }

    .afs_repair .afs_repair_li {
        width: 32%
    }

    .afs_support1 li {
        margin: 20px 0;
        width: 50%
    }

    .afs_support1 li:nth-child(2n) {
        border-right: 0
    }

    .afs_support2 li {
        margin-top: 1.1%;
        width: 49.4%
    }

    .afs_support2 li:nth-child(2n) {
        margin-right: 0
    }

    .afs_exchange8_popmess {
        width: 90%
    }

    .afs_support3 .afs_support3_input {
        width: 80%
    }

    .afs_support3 .afs_support3_li {
        margin-top: 20px;
        width: 50%
    }

    .afs_support3 .afs_support3_tab li a::before {
        height: 2px
    }

    .afs_support3 .afs_support3_cont {
        padding: 20px 40px 50px 40px
    }

    .afs_ensupport1 li {
        width: 33.33%
    }

    .afs_ensupport2 li:nth-child(3n) {
        margin-right: 1.1%
    }

    .afs_ensupport2 li:nth-child(2n) {
        margin-right: 0
    }

    .afs_problem .insrecruit-list {
        margin-top: 0;
        padding-top: 20px
    }

    .subbtnBox .subbtn {
        margin-right: 40px
    }

    .afs_exchange4>div,.afs_exchange5>div,.afs_exchange7>div {
        padding: 0
    }

    .afs_exchange4 .afs_exchange4Cont li {
        width: 32%
    }

    .afs_exchange4 .afs_exchange4Cont li:nth-child(4n) {
        margin-right: 2%
    }

    .afs_exchange4 .afs_exchange4Cont li:nth-child(3n) {
        margin-right: 0
    }

    .afs_exchange4 .afs_exchange4_tit {
        margin-top: 15%;
        font-size: 16px
    }

    .afs_exchange5 .afs_exchange5_btnct {
        padding: 40px
    }

    .afs_exchange5 .afs_exchange5_btnli {
        margin-top: 15px
    }

    .afs_exchange5 .afs_exchange5_btnli:first-child {
        margin-top: 0
    }

    .afs_exchange5 .afs_exchange5_btnsct::before {
        left: 91.5%
    }

    .afs_exchange5 .afs_exchange5_btnli .dec {
        font-size: 16px
    }

    .afs_noexchange5 .afs_noexchange5li {
        width: 75%
    }
}

@media screen and (max-width: 767px) {
    .afs_exchange5 .afs_exchange5_top,.afs_exchange7 .afs_exchange7Li_top,.afs_exchange9 .afs_exchange9_list,.afs_process3 .afs_process3_ct1,.afs_process3 .afs_process3_ct2ft,.afs_query1 .afs_query1_mess li,.afs_repair .afs_mapLi,.afs_repair .afs_repair_ul,.pop_email .pop_email_ipt {
        flex-wrap:wrap
    }

    .afs_exchange4 .afs_exchange4Cont li,.afs_exchange5 .afs_exchange5_tit,.afs_exchange7 .afs_exchange7_send li,.afs_exchange7_tit,.afs_exchange9 .afs_exchange9_li,.afs_process3 .afs_process3_font,.afs_repair .afs_mapLi_left,.afs_repair .afs_repair_li,.afs_support1 li,.afs_support2 li,.afs_support3 .afs_support3_input,.afs_support3 .afs_support3_li,.pop_email .pop_email_li.model,.pop_email .pop_email_li.series {
        width: 100%
    }

    .afs_exchange4 .afs_exchange4Cont li,.afs_exchange5 .afs_exchange5_btn,.afs_exchange7 .afs_exchange7_send li,.afs_repair .afs_repair_li,.afs_support2 li {
        margin-top: 15px;
        margin-right: 0
    }

    .afs_ensupport2 li:nth-child(3n),.afs_exchange1 .afs_exchange1_checkli,.afs_exchange9 .afs_exchange9_li,.pop_email .pop_email_li.series {
        margin-right: 0
    }

    .afs_query1 .afs_query1_messct {
        padding-left: 0
    }

    .afs_process3 .afs_process3_ct2li .dec,.afs_repair .afs_mapLi_left {
        padding-right: 0
    }

    .afs_exchange8_mess,.afs_process3 .afs_process3_imgBox {
        margin: 0 auto
    }

    .afs_process3 .afs_process3_font,.afs_query1>div {
        padding: 0
    }

    .afs_process3 .afs_process3_font {
        margin-top: 20px
    }

    .afs_query1 .tipsBox {
        top: 100%;
        width: 100%;
        border-radius: 10px
    }

    .afbanner-img {
        height: auto!important
    }

    .inner-tit .tit {
        font-size: 24px
    }

    .afs_query1 .afs_query1_form input {
        height: 50px
    }

    .afs_query1 {
        padding-top: 50px;
        padding-bottom: 80px
    }

    .afs_exchange5 .afs_exchange5_btnli .tit,.afs_noexchange5 .afs_noexchange5li_top .dec,.subbtn {
        font-size: 16px
    }

    .afs_query1 .tipsBox_ul li {
        width: 50%
    }

    .afs_query1 .tipsBox_ul {
        margin: 10px auto
    }

    .noflight-list .noflight-tit h3 {
        font-size: 22px!important
    }

    .afs_process1 .afs_process1_icon {
        width: 40px;
        height: 40px
    }

    .afs_process1 .afs_process1_font .tit {
        margin-top: 20px;
        margin-bottom: 10px
    }

    .afs_process3>div,.afs_repair,.afs_support3 {
        padding: 50px 0 80px 0
    }

    .afs_process3 .afs_process3_ct2 .afs_process3_imgBox {
        width: 40px;
        height: 40px
    }

    .afs_process3 .afs_process3_litit {
        text-align: center
    }

    .afs_repair .afs_map {
        height: 300px
    }

    .afs_repair .afs_repair_ul {
        margin-top: 10px;
        margin-bottom: 35px
    }

    .afs_repair .afs_mapLi_right {
        margin-top: 20px
    }

    .afs_repair .afs_mapLi {
        padding: 30px 20px
    }

    .afs_support1 li {
        margin: 0;
        padding: 0;
        width: 50%;
        border-right: 0
    }

    .afs_support1 li a {
        padding: 25px 0
    }

    .afs_support1 .afs_support1_icon {
        width: 45px;
        height: 45px
    }

    .afs_support2 .afs_support2_icon {
        width: 55px;
        height: 55px
    }

    .afs_support2 li:nth-child(1) a,.afs_support2 li:nth-child(2) a,.afs_support2 li:nth-child(3) a,.afs_support2 li:nth-child(4) a {
        transform: translateY(0)
    }

    .afs_support2 li a {
        padding: 30px 0
    }

    .afs_exchange1 .afs_exchange1_checkBox,.afs_exchange9 .afs_exchange9_li,.afs_support2 .afs_support2_tit {
        margin-top: 20px
    }

    .afs_support3 .afs_support3_input {
        margin-top: 20px;
        margin-bottom: 30px
    }

    .afs_exchange5 .afs_exchange5_btnli .dec,.afs_exchange5 .afs_exchange5_form input::-webkit-input-placeholder,.afs_exchange5 .afs_exchange5_form label,.afs_exchange5 .afs_exchange5_form textarea::-webkit-input-placeholder,.afs_exchange7 .afs_exchange7_form input,.afs_exchange7 .afs_exchange7_form input::-webkit-input-placeholder,.afs_exchange7 .afs_exchange7_form label,.afs_exchange7 .afs_exchange7_form textarea::-webkit-input-placeholder,.afs_exchange8_popmessUl li input::-webkit-input-placeholder,.afs_exchange8_popmessUl li label,.afs_exchange8_popmessUl li textarea::-webkit-input-placeholder,.afs_exchange9_liinpt input,.afs_exchange9_liinpt input::-webkit-input-placeholder,.afs_exchange9_liinpt label,.afs_exchange9_liinpt textarea::-webkit-input-placeholder,.afs_problem .afs_problem_input input::-webkit-input-placeholder,.afs_problem .afs_problem_input label,.afs_problem .afs_problem_input textarea::-webkit-input-placeholder,.afs_query1 .afs_query1_form input::-webkit-input-placeholder,.afs_query1 .afs_query1_messct,.afs_query1 .afs_query1_messtit,.afs_repair .afs_mapLi_left .dec,.afs_repair .afs_repair_li input,.afs_support3 .afs_support3_input input::-webkit-input-placeholder,.afs_support3 .afs_support3_input label,.application-problem .insrecruit-list li .rectue-min,.pop_email .pop_email_li label {
        font-size: 14px!important
    }

    .afs_support3 .afs_support3_li .dec {
        margin-top: 15px;
        margin-bottom: 0;
        font-size: 14px
    }

    .afs_exchange1 .afs_exchange1_checkli label,.afs_support1 .afs_support1_tit,.afs_support3 .afs_support3_li .tit,.application-problem .insrecruit-list .rectue-top span {
        font-size: 16px!important
    }

    .afs_support3 .afs_support3_cont {
        padding: 20px 20px 50px 20px
    }

    .afs_exchange5 .afs_exchange5_btnli,.afs_exchange9_liinpt,.afs_repair .afs_mapLi,.afs_support3 .afs_support3_li {
        margin-top: 10px
    }

    .afs_exchange4 .afs_exchange4_tit,.afs_exchange8_mess,.pop_email .pop_email_li {
        margin-top: 15px
    }

    .afs_exchange8_popmessBox .tit {
        font-size: 22px
    }

    .afs_exchange5 .afs_exchange5_btnct,.afs_exchange8_popmess,.pop_network .pop_networkBox {
        border-radius: 10px
    }

    .afs_exchange5 .afs_exchange5_btnct {
        padding: 40px 20px
    }

    .afs_exchange5 .afs_exchange5_btnct,.pop_network .pop_networkCont {
        overflow-x: hidden;
        overflow-y: auto;
        padding: 12% 8%
    }

    .pop_network .close-box {
        width: 25px;
        height: 25px
    }

    .pop_network .close-box::after,.pop_network .close-box::before {
        width: 25px
    }

    .pop_network .subbtn,.subbtnBox {
        margin-top: 30px
    }

    .afs_problem .application-problem .insrecruit-list .rectue-top span {
        margin-bottom: 0
    }

    .afs_problem .application-problem .insrecruit-list .rectue-top {
        padding-top: 0
    }

    .afs_problem .application-problem .insrecruit-list li .rectue-min {
        padding: 20px
    }

    .afs_problem .insrecruit-list ul {
        padding-bottom: 30px
    }

    .afs_problem .application-problem .insrecruit-list {
        margin-top: 0;
        padding-bottom: 0
    }

    .subbtnBox .subbtn {
        margin-right: 20px
    }

    .afs_exchange4 .afs_exchange4Cont li {
        padding: 30px 10px
    }

    .afs_exchange7 .afs_exchange7Li,.afs_exchange7 .afs_exchange7_send li:first-child,.afs_exchange9 .afs_exchange9_li:first-child,.afs_repair .afs_repair_li:first-child,.afs_support3 .afs_support3_liBox:nth-child(2) .afs_support3_li {
        margin-top: 0
    }

    .afs_exchange5 .afs_exchange1_checkli {
        margin-right: 6%;
        width: auto
    }

    .afs_exchange5 .afs_exchange1_checkli:last-child {
        margin-right: 0
    }

    .afs_exchange5 .afs_exchange5_tag,.afs_exchange5 .afs_exchange5_tag:nth-child(5n) {
        margin-top: 3%;
        margin-right: 3%;
        padding: 6px;
        width: auto;
        font-size: 14px
    }

    .afs_exchange5 .afs_exchange5_btnsct::before {
        left: 0
    }

    .afs_exchange5 .afs_exchange5_top {
        margin-top: 20px;
        margin-bottom: 10px
    }

    .afs_exchange7 .afs_exchange7_addr {
        margin-top: 20px;
        padding: 20px
    }

    .pop_network .afs_mapUl {
        padding-right: 0;
        height: auto
    }

    .afs_repair .afs_mapLi {
        padding: 20px 15px
    }

    .afs_exchange8 .afs_process3_ct3 .afs_process3_font {
        width: 100%!important
    }

    .afs_exchange5 .afs_exchange5_form textarea:focus+label,.afs_exchange5 .afs_exchange5_form textarea:valid+label,.afs_exchange7 .afs_exchange7_form input:focus+label,.afs_exchange7 .afs_exchange7_form input:valid+label,.afs_exchange8_popmessUl li input:focus+label,.afs_exchange8_popmessUl li input:valid+label,.afs_exchange9_liinpt input:focus+label,.afs_exchange9_liinpt input:valid+label,.afs_problem .afs_problem_input input:focus+label,.afs_problem .afs_problem_input input:valid+label,.afs_problem .afs_problem_input textarea:focus+label,.afs_problem .afs_problem_input textarea:valid+label,.afs_support3 .afs_support3_input input:focus+label,.afs_support3 .afs_support3_input input:valid+label,.pop_email .pop_email_ipt input:focus+label,.pop_email .pop_email_ipt input:valid+label,.pop_email .pop_email_ipt textarea:focus+label,.pop_email .pop_email_ipt textarea:valid+label {
        top: -7px
    }

    .afs_noexchange5 .afs_noexchange5li {
        padding: 40px 20px;
        width: 90%
    }

    .afs_noexchange5 .afs_noexchange5li_top .tit {
        font-size: 22px
    }

    .afs_noexchange5 .afs_noexchange5li_bot {
        margin-top: 20px;
        font-size: 18px
    }

    .afs_support3 .afs_support3_li .tit {
        padding-top: 10px
    }

    .fileerrorTip,.showFileName {
        margin-top: 10px;
        margin-bottom: 20px;
        margin-left: 0
    }

    .afs_exchange1 .afs_exchange1_checkli {
        width: 45%;
        text-align: center
    }

    .afs_exchange1 .afs_exchange1_checkli label {
        padding-left: 5px
    }

    .afs_exchange4 .afs_exchange4Cont li {
        margin-right: 2%;
        width: 49%
    }

    .afs_exchange4 .afs_exchange4Cont li:nth-child(3n) {
        margin-right: 2%
    }

    .afs_exchange4 .afs_exchange4Cont li:nth-child(2n) {
        margin-right: 0
    }

    .afs_noexchange5 .afs_noexchange5li {
        max-height: 30%
    }

    .afs_exchange8_popmessBox {
        padding: 12% 8%
    }

    .afs_process2 .afs_process1_icon,.afs_process2 .subbtn {
        margin: 0 auto
    }

    .afs_process2 .subbtn {
        margin-top: 40px
    }
}

@media screen and (max-width: 320px) {
    .afs_support3 .afs_support3_tab a {
        font-size:16px
    }
}

.layui-laydate {
    z-index: 0!important
}

.afs_process4 .afs_process4_li {
    border-radius: 10px;
    border: solid 1px #f1f1f1;
    padding: 25px 7%;
    margin-top: 15px
}

.afs_process4 .afs_process4_li:first-child {
    margin-top: 0
}

.afs_process4 .afs_process4_imgBox {
    width: 65px;
    height: 65px;
    position: relative
}

.afs_process4 .afs_process4_img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%
}

.afs_process4 .afs_process4_fontBox {
    width: calc(100% - 65px)
}

.afs_process4 .afs_process4_font {
    width: calc(100% - 120px);
    position: relative;
    padding-left: 6%;
    padding-right: 4%
}

.afs_process4 .afs_process4_font .tit {
    font-size: 22px;
    font-weight: 450;
    color: #707070
}

.afs_process4 .afs_process4_font .dec {
    font-size: 16px;
    line-height: 30px;
    color: #707070;
    margin-top: 10px
}

.afs_process4 .afs_process4_tag {
    width: 120px;
    position: relative;
    text-align: right
}

.afs_process4 .afs_process4_tag .tag {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    background-color: #61b755;
    border-radius: 3px;
    padding: 2px 4px
}

.afs_process4 .afs_process4_tag .add_tag {
    background-color: #27a2ff
}

@media screen and (max-width: 767px) {
    .afs_process4 .afs_process4_fontBox,.afs_process4 .afs_process4_li {
        flex-wrap:wrap
    }

    .afs_process4 .afs_process4_font,.afs_process4 .afs_process4_fontBox,.afs_process4 .afs_process4_tag {
        width: 100%
    }

    .afs_process4 .afs_process4_font {
        padding: 0
    }

    .afs_process4 .afs_process4_tag {
        text-align: left;
        margin-top: 20px
    }

    .afs_process4 .afs_process4_font .tit {
        font-size: 20px
    }
}

.btn-language {
    display: block
}

.alogin {
    position: fixed;
    margin-left: 15px;
    bottom: 25%;
    right: 28px;
    z-index: 9
}

.alogin .alogin-link {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    text-align: center
}

.alogin .alogin-link em {
    font-size: 18px
}

.alogin .alogin-link,.alogin .alogin-link:hover {
    background: #06c
}

.alogin .alogin-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 1100;
    display: none;
    overflow: hidden;
    overflow: hidden;
    padding: 8px 0;
    width: 250%;
    border-radius: 6px;
    background: #222;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    transform: translateX(-50%);
    -ms-transition: all .5s ease 0s
}

.alogin .alogin-menu a {
    display: block;
    padding: 5px;
    color: #9fa3a6;
    text-align: center
}

.alogin .alogin-menu a:hover {
    color: #ffff
}

.alogin:hover .alogin-menu {
    display: block
}

.app-btncont {
    margin-top: 30px
}

.app-login,.app-shoppingtit {
    margin-left: 13px;
    width: 63px;
    height: 25px;
    border-radius: 10px;
    background: #06c
}

.app-login a,.app-shoppingtit a {
    display: block;
    width: 100%;
    color: #fff;
    line-height: 26px
}

.app-login:hover,.app-shoppingtit:hover {
    background: #e60012
}

@media screen and (max-width: 1200px) {
    .btn-a {
        display:block!important
    }

    .btn-isearch {
        right: 2%!important
    }

    .mainer {
        margin-top: 0
    }

    .btn-phone {
        width: 26px!important;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .headfixed .menu-list {
        width: 20%!important
    }

    .headfixed {
        padding: 12px 5%!important
    }
}

@media screen and (max-width: 980px) {
    .headfixed .menu-list {
        width:28%!important
    }
}

@media screen and (max-width: 767px) {
    .headfixed .menu-list {
        width:45%!important
    }

    .headfixed {
        padding: 8px 5%!important
    }
}

.hselect_li {
    position: relative;
    margin: 0 auto;
    margin-top: 20px;
    height: 40px;
    border: solid 1px #cacaca;
    border-radius: 5px
}

.hselect_li input {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    color: #cdcdcd;
    font-size: 18px;
    line-height: 40px
}

.hselect_li em {
    position: absolute;
    top: 7px;
    right: 15px;
    display: block;
    color: rgba(0,0,0,.5);
    font-size: 16px;
    line-height: 28px
}

.hselect_li.active em {
    -webkit-transition: .5s all;
    transition: .5s all;
    transform: rotate(180deg)!important
}

.hselect_liitem {
    position: absolute;
    top: 42px;
    left: 0;
    z-index: 899;
    display: none;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 5px 0;
    width: 100%;
    max-height: 300px;
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgb(0,0,0,.12)
}

.hselect_liitem li {
    overflow: hidden;
    padding: 0 10px;
    color: #454545;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 36px
}

.hselect_liitem li.active {
    background-color: #5fb878;
    color: #fff
}

.afs_exchange7_paddr {
    color: #717171;
    font-size: 16px;
    line-height: 1.5;
    cursor: pointer;
    word-break: keep-all!important
}

.add-useraddress,.pop_addr {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.3)
}

.pop_addr .pop_networkBox {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow-y: hidden;
    overflow-y: auto;
    margin: 0 auto;
    padding: 0;
    width: 90%;
    max-width: 1200px;
    max-height: 90%;
    border-radius: 25px;
    background: #fff;
    transform: translate(-50%,-50%)
}

.add-useraddress .pop_networkCont,.pop_addr .pop_networkCont {
    padding: 5% 12%;
    width: 100%
}

.add-useraddress .close-box,.pop_addr .close-box {
    position: absolute;
    top: 2%;
    right: 2%;
    z-index: 9;
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer
}

.add-useraddress .close-box::before,.pop_addr .close-box::before {
    position: absolute;
    top: 13px;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #bcbcbc;
    content: '';
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.add-useraddress .close-box::after,.pop_addr .close-box::after {
    position: absolute;
    top: 13px;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #bcbcbc;
    content: '';
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.pop_addr_left {
    padding-right: 5%;
    width: 80%
}

.pop_addr_left .top {
    flex-wrap: wrap
}

.pop_addr_left .top .name,.pop_addr_left .top .telm .pop_addr_right a {
    color: #000;
    font-size: 16px
}

.pop_addr_left .bot,.pop_addr_left .top .tel,.pop_addr_right a {
    font-size: 14px
}

.pop_addr_right {
    width: 25%;
    text-align: right
}

.pop_addr_left .bot {
    margin-top: 15px;
    color: #707070;
    line-height: 1.675
}

.pop_addr_left .bot span {
    display: inline-block;
    margin-right: 7%
}

.pop_addr_right span {
    display: inline-block;
    margin: 0 15px;
    color: #bbb
}

.pop_addr_left .top .name {
    margin-right: 12%
}

.pop_addr_li {
    position: relative;
    overflow: hidden;
    margin-top: 15px;
    padding: 35px 20px;
    border: solid 1px #f2f0ee;
    border-radius: 10px
}

.pop_addr_right a:hover {
    color: #27a2ff
}

.pop_addrBox {
    margin-top: 6%
}

@media screen and (max-width: 1100px) {
    .pop_addr .pop_networkCont {
        padding:5% 7%
    }

    .pop_addr .pop_networkBox {
        max-height: 60%
    }
}

@media screen and (max-width: 980px) {
    .pop_addr_left {
        padding-right:0
    }
}

@media screen and (max-width: 767px) {
    .pop_addr .pop_networkBox {
        border-radius:10px
    }

    .pop_addr .pop_networkCont {
        padding: 12% 8%
    }

    .pop_addr_li {
        padding: 25px;
        flex-wrap: wrap
    }

    .pop_addr_left,.pop_addr_right {
        width: 100%
    }

    .pop_addr_right {
        margin-top: 10px;
        justify-content: flex-start
    }
}

.afs_mapLi.active {
    border: 1px solid red
}

.afs_repair_li .layui-inline {
    width: 33%;
    margin: 0!important;
    padding: 0!important
}

.afs_repair_li .layui-inline input {
    height: 40px;
    border: 1px solid
}

.add-useraddress {
    background: #fff
}

.add-useraddress .top2 {
    margin-bottom: 20px
}

.add-useraddress .top2 input {
    border: 1px solid #e6e6e6;
    line-height: 38px;
    padding-left: 10px;
    width: 48%
}

.add-useraddress .bot input {
    width: 100%;
    border: 1px solid #e6e6e6;
    line-height: 38px;
    padding-left: 10px
}

.add-useraddress .pop_addr_left {
    width: 100%;
    padding-right: 0
}

.add-useraddress .pop_addr_left .bot {
    margin-top: 0
}

.add-useraddress .pop_addr_left .bot input {
    margin-bottom: 20px
}

.add-useraddress .pop_addr_li {
    overflow: inherit
}

@media screen and (max-width: 767px) {
    .add-useraddress .layui-inline {
        width:100%
    }

    .add-useraddress .layui-form-item .layui-inline {
        margin-right: 0
    }
}

.pop_addr .pop_addr_li.active {
    border: 1px solid red
}

.pop_addr_li .hselect_li {
    width: 100%;
    border: 1px solid #e6e6e6;
    line-height: 38px;
    padding-left: 10px;
    margin-bottom: 20px;
    border-radius: 0
}

.pop_addr_li .hselect_li input {
    font-size: 14px;
    color: #757575
}

.pop_addr_left .name {
    margin-right: 10px
}

.afs_exchange5_btn {
    display: none
}

.afs_ensupport2 li:last-child,.afs_ensupport2 li:nth-child(4n) {
    margin-right: 12px
}

@media screen and (max-width: 1200px) {
    .afs_support2 {
        margin-top:30px
    }
}

@media screen and (max-width: 1100px) {
    .afs_ensupport2 li:nth-child(4n) {
        margin-right:1%
    }

    .afs_ensupport2 li:last-child,.afs_ensupport2 li:nth-child(3n) {
        margin-right: 0
    }
}

@media screen and (max-width: 980px) {
    .afs_ensupport2 li:nth-child(3n) {
        margin-right:1%
    }

    .afs_ensupport2 li:nth-child(2n) {
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .afs_support2 {
        margin-top:0
    }

    .afs_support2 .afs_support2_dec {
        height: auto
    }
}

@media screen and (max-width: 640px) {
    .support-list .support-list-top ul {
        flex-wrap:wrap;
        justify-content: left
    }

    .support-list .support-list-top ul li {
        width: 50%;
        margin-right: 0;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 400px) {
    .support-list .support-list-top ul li {
        font-size:14px
    }
}

.page404 .font404 {
    display: none!important
}

.flightxfj-list .flightxfj-topLeft-en {
    font-size: 21px;
    color: #373737;
    font-weight: 700;
    margin-bottom: 25px
}

.adfx-tit {
    background: #fff;
    padding: 65px 0
}

.adfx-tit .tit {
    font-size: 38px;
    font-weight: 700;
    color: #242424;
    text-align: center
}

.flightxfj-list .flightxfj-swiper .flight-swiper-fontDec p {
    margin-bottom: 6%
}

.adfx1 {
    background: #fff;
    margin-top: 20px;
    padding-top: 2.5%;
    padding-bottom: 6%
}

.adfx1 .adfx1-table {
    margin: 0 auto;
    overflow-x: auto;
    overflow-y: hidden
}

.adfx1 .adfx1-table table {
    width: 1280px;
    border-bottom: 6px solid #fafafa
}

.adfx1 .adfx1-table th {
    width: 20%;
    background: url(../images/fx-bgm1.png) no-repeat center;
    background-size: cover;
    font-size: 16px;
    height: 70px;
    font-weight: 700;
    color: #fff;
    border-radius: 3px;
    border-right: 20px solid #fff
}

.adfx1 .adfx1-table th:last-child {
    border-right: 0
}

.adfx1 .adfx1-table th span {
    border-radius: 5px;
    display: inline-block;
    vertical-align: 2px;
    font-size: 13px;
    padding: 1px 3px;
    margin-left: 10px
}

.adfx1 .adfx1-table td {
    width: 20%;
    font-size: 14px;
    line-height: 30px;
    color: #242424;
    padding: 15px;
    vertical-align: top
}

.adfx1 .adfx1-table td:nth-child(1) {
    vertical-align: middle
}

.adfx1 .adfx1-table tr:nth-child(odd) {
    background-color: #fafafa
}

.adfx2 {
    background: #fff;
    margin-top: 30px;
    padding-top: 2%;
    padding-bottom: 6%
}

.adfx2 .adfx2-tit {
    font-size: 20px;
    color: #fff;
    width: 210px;
    text-align: center;
    padding: 13px 3px;
    background: url(../images/fx-bgm1.png) no-repeat center;
    background-size: cover;
    border-radius: 4px;
    margin: 0 auto
}

.adfx2 .adfx2-tit span {
    font-size: 13px;
    padding: 1px 3px;
    display: inline-block;
    vertical-align: 4px;
    border-radius: 5px;
    margin-left: 10px
}

.adfx2 .adfx2-ul {
    background-color: #fafafa;
    margin-top: 45px;
    margin-bottom: 6%;
    padding: 6.5% 0;
    flex-wrap: wrap
}

.adfx2 .adfx2-ul:last-child {
    margin-bottom: 0
}

.adfx2 .adfx2-ul li {
    width: 33.333%;
    position: relative
}

.adfx2 .adfx2-ul li::before {
    content: "";
    position: absolute;
    top: 15%;
    right: -6px;
    width: 27px;
    height: 20px;
    background: url(../images/fx-jticon1.png) no-repeat center;
    background-size: cover
}

.adfx2 .adfx2-ul li:last-child::before {
    display: none
}

.adfx2 .adfx2-icon {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 auto
}

.adfx2 .adfx2-font {
    font-size: 19px;
    text-align: center;
    line-height: 28px;
    color: #000;
    font-weight: 600;
    margin-top: 8%;
    height: 40px;
    padding: 0 10px
}

.adfx2 .adfx2-ul li:hover .adfx2-icon img {
    transform: translateY(-10px)
}

.adfx3 .adfx3-tab {
    flex-wrap: wrap;
    padding-bottom: 3%
}

.adfx3 .adfx3-tab li {
    width: 20%;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    border: solid 1px #939393;
    margin-right: 2%
}

.adfx3 .adfx3-tab li.active {
    border: 1px solid #d0112b;
    background: url(../images/fx-bgm1.png) no-repeat center;
    background-size: cover
}

.adfx3 .adfx3-tab li a {
    font-size: 19px;
    padding: 13px 5px;
    text-align: center;
    display: block;
    color: #939393
}

.adfx3 .adfx3-tab li a span {
    border-radius: 5px;
    font-size: 13px;
    display: inline-block;
    vertical-align: 3px;
    padding: 1px 5px;
    margin-left: 10px
}

.adfx3 .adfx3-tab li.active a {
    color: #fff
}

.adfx3 .adfx3-li {
    display: none
}

.adfx3 .adfx3-li:first-child {
    display: block
}

.adfx4 .adfx-tit {
    background: #fafafa
}

.adfx4 .adfx4-li {
    padding: 7% 0;
    background-color: #fff
}

.adfx4 .adfx4-tit {
    font-size: 27px;
    text-align: center;
    letter-spacing: 1px;
    color: #242424;
    font-weight: 700;
    padding-bottom: 6%
}

.flightxfj-fwlc-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto
}

.adfx4 .adfx4-li {
    margin-bottom: 15px
}

.adfx4 .adfx4-li:last-child {
    margin-bottom: 0
}

.flightxfj-list .flightxfj-swiper .flight-swiper-fontDec.cof,.flightxfj-list .flightxfj-swiper .flight-swiper-fontH3.cof {
    color: #fff
}

.flightxfj-list .flightxfj-swiper .flight-swiper-font.pat {
    padding-top: 9%
}

.adfxq1 .adfxq1-font {
    font-size: 19px;
    text-align: center;
    line-height: 34px;
    color: #000
}

.adfx3,.adfxq2,.adfxq2 .adfx-tit {
    background-color: #fff
}

.adfxq2 {
    margin-top: 30px
}

.adfxq2 .adfx4-li {
    padding: 0!important
}

@media screen and (max-width: 1366px) {
    .flightxfj-list .flightxfj-topLeft-a a {
        height:45px;
        line-height: 45px;
        font-size: 16px
    }

    .adfx-tit .tit {
        font-size: 32px
    }
}

@media screen and (max-width: 1259px) {
    .adfx-tit .tit {
        font-size:30px
    }

    .flightxfj-list .flightxfj-topLeft-en {
        font-size: 19px
    }

    .adfx-tit {
        padding: 40px 0
    }

    .adfx3 .adfx3-tab {
        padding-bottom: 0
    }

    .adfx3 .adfx3-tab li {
        width: 22%
    }

    .adfx3 .adfx3-tab li a {
        font-size: 17px
    }

    .adfx5 .adfx-tit {
        padding-top: 70px
    }

    .adfx4 .adfx4-tit {
        font-size: 24px
    }
}

@media screen and (max-width: 1100px) {
    .adfx-tit .tit {
        font-size:26px
    }

    .adfx1 .adfx1-table td,.adfx1 .adfx1-table th {
        font-size: 16px
    }

    .adfx2 .adfx2-tit {
        font-size: 18px
    }

    .flightxfj-fwlc-icon {
        width: 55px;
        height: 55px
    }

    .adfx3 .adfx3-tab li a span {
        vertical-align: 1px
    }

    .adfx2 .adfx2-tit span {
        vertical-align: 2px
    }

    .adfx4 .adfx4-tit {
        font-size: 22px
    }
}

@media screen and (max-width: 980px) {
    .adfx2 .adfx2-ul li {
        width:50%;
        margin-top: 5%
    }

    .adfx2 .adfx2-ul li::before {
        display: none
    }

    .adfx2 .adfx2-font {
        font-size: 17px;
        margin-top: 15px
    }

    .adfx2 .adfx2-ul {
        padding-top: 10px!important
    }

    .adfx3 .adfx3-tab li {
        width: 30%
    }

    .adfx3 .adfx3-tab li a {
        font-size: 16px;
        padding: 10px 5px
    }

    .flightxfj-fwlc .flightxfj-fwlc-ul li {
        width: 33.333%;
        margin-top: 30px
    }

    .flightxfj-fwlc .flightxfj-fwlc-ul li:nth-child(even) {
        display: none
    }

    .adfx4 .adfx4-tit {
        padding-bottom: 0
    }

    .adfx4 .adfx4-li {
        padding: 50px 0
    }

    .flightxfj-fwlc {
        padding-bottom: 60px
    }

    .flightxfj-fwlc,.flightxfj-list .flightxfj-zcjx {
        padding-top: 20px
    }

    .adfx2 {
        padding-bottom: 60px
    }
}

@media screen and (max-width: 767px) {
    .adfx3 .adfx3-tab li {
        width:100%
    }

    .adfx3 .adfx3-tab li {
        margin-right: 0;
        margin-top: 15px
    }

    .adfx3 .adfx3-tab li:first-child {
        margin-top: 0
    }

    .adfx2 .adfx2-ul li {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center
    }

    .adfx1 .adfx1-table td {
        padding: 15px;
        line-height: 26px
    }

    .adfx1 .adfx1-table td,.adfx1 .adfx1-table th {
        font-size: 15px
    }

    .adfx1 .adfx1-table table {
        width: 1000px
    }

    .adfx2 .adfx2-ul {
        padding: 10% 6%;
        margin-bottom: 50px
    }

    .adfx2 .adfx2-icon {
        width: 40px;
        height: 40px
    }

    .adfx2 .adfx2-font {
        width: calc(100% - 40px);
        text-align: left;
        padding-left: 15px;
        font-size: 16px
    }

    .adfx-tit .tit {
        font-size: 24px
    }

    .adfx5 .adfx-tit {
        padding-top: 50px;
        padding-bottom: 30px
    }

    .adfx2 {
        padding-top: 10px
    }

    .adfx2 .adfx2-tit,.adfxq1 .adfxq1-font {
        font-size: 16px;
        width: auto;
        max-width: 219px;
        padding: 13px
    }

    .flightxfj-fwlc-icon {
        width: 45px;
        height: 45px
    }

    .adfx4 .adfx4-tit {
        padding-bottom: 10px
    }

    .flightxfj-list .flightxfj-swiper .flight-swiper-fontDec.cof,.flightxfj-list .flightxfj-swiper .flight-swiper-fontH3.cof {
        color: #000
    }

    .adfxq1 .adfxq1-font {
        line-height: 1.8
    }
}

.flightxfj-futk-list table {
    border: 1px solid #000!important;
    width: 100%!important;
    margin: 10px 0
}

.flightxfj-futk-list table tr {
    border: none!important
}

.flightxfj-futk-list table td {
    border: 1px solid #000!important;
    padding: 10px;
    min-width: 165px
}

.wdsb1 {
    padding-top: 6%;
    padding-bottom: 10%;
    position: relative
}

.wdsb1 .wdsb1_table {
    margin-top: 5%;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden
}

.wdsb1 .wdsb1_table table {
    width: 1200px
}

.wdsb1 .wdsb1_table td:first-child,.wdsb1 .wdsb1_table th:first-child {
    padding-left: 30px;
    text-align: left
}

.wdsb1 .wdsb1_table td:last-child,.wdsb1 .wdsb1_table th:last-child {
    padding-right: 5px
}

.wdsb1 th {
    height: 45px;
    background-color: #444;
    font-weight: 400;
    font-size: 16px;
    color: #fff
}

.wdsb1 table td {
    font-size: 16px;
    height: 60px;
    color: #000;
    text-align: center
}

.wdsb1 table .wdsb1_more {
    background-color: #27a2ff;
    border-radius: 12px;
    font-size: 14px;
    color: #fff;
    padding: 4px 25px;
    margin-right: 5px;
    display: inline-block;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.wdsb1 table .wdsb1_more:last-child {
    margin-right: 0
}

.wdsb1 table tr:nth-child(even) {
    background-color: #f6f6f6
}

.wdsb1 table tr:nth-child(odd) {
    background-color: #d8d8d8
}

.wdsb1 table .wdsb1_more:hover {
    background-color: #e60012
}

@media screen and (max-width: 1259px) {
    .wdsb1 {
        padding-top:60px;
        padding-bottom: 100px
    }
}

.dt-files {
    margin-top: 20px;
    flex-wrap: wrap
}

.dt-files #dt-btn {
    display: none
}

.dt-files .dt-upload {
    border: solid 1px #dadada;
    width: 120px;
    height: 120px;
    margin-right: 15px;
    margin-bottom: 36px
}

.dt-files .dt-upload:hover {
    cursor: pointer
}

.dt-files .dt-upload .dt-jia {
    color: #595757;
    font-size: 50px;
    text-align: center;
    padding-top: 15px
}

.dt-files .dt-upload .dt-font {
    color: #595757;
    font-size: 18px;
    text-align: center
}

.dt-files .dt-item {
    width: 120px;
    height: 120px;
    margin-right: 15px;
    position: relative;
    margin-bottom: 36px
}

.dt-files .dt-item .dt-pic {
    height: 100%;
    width: 100%;
    position: relative;
    border: solid 1px #dadada
}

.dt-files .dt-item .dt-pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 100%;
    max-width: 100%
}

.dt-files .dt-item .close {
    position: absolute;
    top: 5px;
    right: 10px;
    background: url(../images/dt-file_x.png);
    width: 16px;
    height: 16px
}

.dt-files .dt-item p {
    height: 36px;
    word-break: break-all;
    padding: 3px;
    line-height: 16px;
    font-size: 14px
}

.afs_process3_list .cgd {
    color: #27a2ff
}

.afs_process3_list .cgd:hover {
    color: rgb(39 162 255 / 82%);
    cursor: pointer
}

.nfankui1 .afs_repair_ul {
    flex-wrap: wrap;
    align-items: baseline
}

.nfankui1 .nfankui1_li {
    width: 22.7%;
    margin-right: 3%;
    margin-bottom: 3.5%
}

.nfankui1 .nfankui1_li:nth-child(4n) {
    margin-right: 0
}

.nfankui1 .afs_repair_li {
    margin-right: 0!important;
    width: 100%;
    margin-bottom: 5px
}

.nfankui1 .afs_repair_li input {
    padding-left: 12px;
    color: #000;
    font-size: 16px
}

.nfankui1 .afs_repair_li input::placeholder {
    color: #c4c4c4
}

.nfankui1 .nfankui1_label {
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
    display: block
}

.nfankui1 .nfankui1_text {
    width: 100%!important;
    margin-right: 0!important;
    margin-bottom: 0!important
}

.nfankui1 .nfankui1_st {
    height: 170px;
    border-radius: 5px;
    border: solid 1px #eee;
    padding: 12px;
    font-size: 18px;
    color: #000
}

.w1420 {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto
}

.nbuy1 {
    background: #f1f3f5;
    padding: 70px 0
}

.nbuy1 .nbuy1_link {
    max-width: 920px;
    background: #fff;
    border-radius: 42px;
    flex-wrap: wrap;
    margin: 0 auto
}

.nbuy1 .nbuy1_li {
    display: block;
    width: 33.333%;
    font-size: 20px;
    color: #878787;
    text-align: center;
    padding: 20px 10px;
    transition: all .5s;
    border-radius: 42px;
    background: #fff;
    transition: all .5s
}

.nbuy1 .nbuy1_li.active {
    background: #d4251f;
    color: #fff
}

.nbuy1 .nbuy1_ul {
    flex-wrap: wrap;
    margin-top: 45px
}

.nbuy1 .nbuy1_ul li {
    width: 32.3%;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.08);
    border-radius: 16px;
    margin-right: 1.5%;
    margin-top: 1.5%
}

.nbuy1 .nbuy1_ul li:nth-child(3n) {
    margin-right: 0
}

.nbuy1 .nbuy1_img {
    display: block;
    width: 100%;
    height: 165px;
    position: relative;
    overflow: hidden
}

.nbuy1 .nbuy1_img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 280px;
    transition: 1s;
    max-width: 200px
}

.nbuy1 .nbuy1_img:hover img,.nbuy2 .nbuy2_ul li:hover .nbuy2_simg img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transition: 1s
}

.nbuy2 .nbuy2_ul li:hover .nbuy2_sfont .tit {
    color: #d4251f
}

.nbuy2 .nbuy2_list {
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 60px
}

.nbuy2 .nbuy2_left {
    width: 225px
}

.nbuy2 .nbuy2_right {
    width: calc(100% - 225px);
    padding-left: 3.5%
}

.nbuy2 .nbuy2_timg {
    width: 100%;
    display: block;
    height: 300px;
    background: #fff;
    position: relative
}

.nbuy2 .nbuy2_timg iframe {
    width: 100%;
    height: 100%
}

.nbuy2 .nbuy2_ul {
    flex-wrap: wrap;
    height: 1000px;
    overflow: auto;
    margin: 5px 0;
    border-radius: 10px
}

.nbuy2 .nbuy2_ul::-webkit-scrollbar {
    width: 8px
}

.nbuy2 .nbuy2_ul::-webkit-scrollbar-thumb {
    background: #a8a8a8
}

.nbuy2 .nbuy2_ul li {
    width: 32.3%;
    padding: 1% 20px 1%;
    position: relative;
    background: #fff;
    box-shadow: 0 2px 7px 0 rgba(0,0,0,.08);
    border-radius: 16px;
    margin-right: 1%;
    margin-top: 1%;
    overflow: hidden;
    max-height: 300px
}

.nbuy2 .nbuy2_ul li:nth-child(3n) {
    margin-right: 0
}

.nbuy2 .nbuy2_ul li img {
    max-height: 60px;
    min-height: 60px
}

.nbuy2 .nbuy2_sfont .tit {
    font-size: 22px;
    color: #000;
    margin-bottom: 3%;
    margin-top: 5%
}

.nbuy2 .nbuy2_sfont .dec,.nbuy2 .nbuy2_sfont .dec p,.nbuy2 .nbuy2_sfont .dec p span {
    font-size: 14px!important;
    color: #666;
    line-height: 1.57
}

.nbuy2 .nbuy2_ttop .tit {
    width: calc(100% - 16px);
    font-size: 18px;
    padding-right: 5%;
    color: #000;
    line-height: 18px
}

.nbuy2 .nbuy2_ttop .icon-down {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    transition: all .5s
}

.nbuy2 .nbuy2_type .tag {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -o-appearance: checkbox;
    appearance: checkbox;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    width: 14px;
    height: 14px
}

.nbuy2 .nbuy2_type .label {
    width: calc(100% - 14px);
    font-size: 14px;
    color: #666;
    display: block;
    cursor: pointer;
    padding: 2px;
    padding-left: 10px;
    padding-right: 0!important
}

.nbuy2 .nbuy2_lfli {
    margin-top: 11%;
    cursor: pointer
}

.nbuy2 .nbuy2_type {
    position: relative;
    margin-top: 16%
}

.nbuy2 .nbuy2_type:first-child {
    margin-top: 0
}

.nbuy2 .nbuy2_ttop {
    position: relative;
    padding: 10px 0;
    cursor: pointer
}

.nbuy2 .nbuy2_type:first-child .nbuy2_ttop {
    padding-top: 0
}

.nbuy2 .nbuy2_type.active .nbuy2_ttop .icon-down {
    transform: rotate(180deg)
}

.nbuy2 .nbuy2_lsbot {
    margin-top: 10px;
    display: none
}

.xm-select-parent dd>.xm-cz-group .xm-cz:last-child,.xm-select-parent dd>.xm-cz-group .xm-cz:nth-last-child(1) {
    display: none
}

.nbuy2 .xm-select-parent .xm-select .xm-select-input {
    width: 100%
}

.nbuy2 .xm-select-parent .xm-input {
    background: 0 0
}

.nbuy2 .xm-form-selected .xm-select,.nbuy2 .xm-form-selected .xm-select:hover {
    border-color: #d4251f!important
}

.nbuy2 .xm-form-checkbox:hover>i,.nbuy2 .xm-form-checkbox>i {
    border: 1px solid #d9d9d9
}

.nbuy2 .nbuy2_lstop {
    width: 100%
}

.nbuy2 .xm-select-parent .xm-select-title div.xm-select-label>span {
    background: #d4251f;
    border: 1px solid #d4251f
}

.nbuy2 .xm-select-parent dd .xm-cz:hover,.nbuy2 .xm-select-parent dl dd.xm-select-this div i {
    color: #d4251f
}

@media screen and (max-width: 1459px) {
    .w1420 {
        width:90%
    }

    .nbuy1 .nbuy1_li {
        padding: 22px 10px
    }
}

@media screen and (max-width: 1366px) {
    .nbuy2 .nbuy2_ul li {
        padding:1% 20px
    }

    .nbuy2 .nbuy2_sfont .tit {
        margin-top: 10%
    }
}

@media screen and (max-width: 1259px) {
    .nfankui1>div {
        padding:0
    }

    .nbuy2 .nbuy2_ul li {
        width: 49%;
        padding: 5%
    }

    .nbuy2 .nbuy2_ul li:nth-child(3n) {
        margin-right: 1%
    }

    .nbuy2 .nbuy2_ul li:nth-child(2n) {
        margin-right: 0
    }
}

@media screen and (max-width: 1100px) {
    .nbuy1 .nbuy1_img {
        height:130px
    }

    .nbuy1 .nbuy1_img img {
        padding: 6%;
        max-width: 100%
    }
}

@media screen and (max-width: 980px) {
    .nbuy2 .nbuy2_left,.nbuy2 .nbuy2_right {
        width:100%
    }

    .nbuy2 .nbuy2_right {
        padding-left: 0
    }

    .nfankui1 .nfankui1_li {
        width: 48.5%
    }

    .nfankui1 .nfankui1_li:nth-child(4n) {
        margin-right: 3%
    }

    .nfankui1 .nfankui1_li:nth-child(2n) {
        margin-right: 0
    }

    .nbuy1 .nbuy1_img {
        height: 110px
    }

    .nbuy1 .nbuy1_li {
        font-size: 18px
    }

    .nbuy1 .nbuy1_li {
        padding: 15px 10px
    }

    .nbuy2 .nbuy2_lfli,.nbuy2 .nbuy2_type {
        margin-top: 20px
    }

    .nbuy2 .nbuy2_right {
        margin-top: 60px
    }

    .nbuy2 .nbuy2_tbot {
        display: none
    }

    .nbuy2 .nbuy2_type {
        padding: 5px 20px;
        border: 1px solid #cacaca
    }

    .nbuy2 .nbuy2_type:first-child .nbuy2_ttop {
        padding-top: 10px
    }

    .nbuy2 .nbuy2_tbot {
        padding-bottom: 20px
    }

    .nbuy2 .nbuy2_ul li {
        padding: 5% 4%
    }

    .nbuy2 .nbuy2_tbot {
        position: absolute;
        z-index: 5;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        border: 1px solid #cacaca;
        padding: 20px;
        max-height: 400px;
        overflow-x: hidden;
        overflow-y: auto
    }

    .nbuy2 .nbuy2_lfli:first-child {
        margin-top: 0
    }

    .nbuy2 .nbuy2_timg {
        height: 480px
    }
}

@media screen and (max-width: 767px) {
    .nbuy1 .nbuy1_li,.nbuy2 .nbuy2_ul li {
        width:100%
    }

    .nbuy1 .nbuy1_li.active,.nbuy1 .nbuy1_li:hover,.nbuy1 .nbuy1_link {
        border-radius: 10px
    }

    .nfankui1 .nfankui1_li,.nfankui1 .nfankui1_li:nth-child(4n) {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px
    }

    .nbuy1 .nbuy1_ul,.nfankui1 .afs_repair_ul {
        margin-top: 30px
    }

    .nbuy2 .nbuy2_ul li {
        margin-top: 20px
    }

    .nbuy2 .nbuy2_list,.nbuy2 .nbuy2_right {
        margin-top: 40px
    }

    .nbuy1 .nbuy1_ul li {
        width: 48.5%;
        margin-right: 3%;
        margin-top: 3%
    }

    .nbuy1 .nbuy1_ul li:nth-child(3n) {
        margin-right: 3%
    }

    .nbuy1 .nbuy1_ul li:nth-child(2n),.nbuy2 .nbuy2_ul li,.nbuy2 .nbuy2_ul li:nth-child(3n) {
        margin-right: 0
    }

    .nbuy1 .nbuy1_img {
        height: 90px
    }

    .nbuy1 .nbuy1_li.active,.nbuy1 .nbuy1_li:hover {
        background: 0 0;
        color: #d4251f
    }

    .nbuy1 .nbuy1_link {
        padding: 20px 0
    }

    .nbuy1 .nbuy1_li {
        padding: 10px 20px;
        text-align: left
    }

    .nbuy2 .nbuy2_timg {
        height: 260px
    }

    .nbuy2 .nbuy2_ul li {
        padding: 8% 5%
    }
}

.nfankui1 label.error {
    color: red;
    padding-left: 12px;
    display: none
}

.nfankui1 .error label.error {
    display: block
}

@media screen and (max-height: 1050px) {
    .nbuy2 .nbuy2_ul li {
        padding:15px
    }
}

.xm-select-parent .xm-form-select dl .xm-select-tips {
    display: none
}

.request-a-demo div.form form .form-item {
    position: relative
}

.request-a-demo div.form form label.error {
    position: absolute;
    right: 0;
    bottom: -20px;
    min-width: 90px;
    min-width: auto;
    line-height: initial;
    width: 100%;
    font-size: 14px;
    text-align: right;
    color: red
}

.request-a-demo div.form form .checkbox-box {
    position: relative
}

.request-a-demo div.form form .checkbox-box lable.error {
    position: absolute;
    right: 0;
    bottom: -20px;
    min-width: 90px;
    min-width: auto;
    line-height: initial;
    width: 100%;
    font-size: 14px;
    text-align: right;
    color: red
}
@charset "UTF-8";

@font-face {
  font-family: "HarmonyOSHans-Bold";
  src: url("../fonts/HarmonyOSHans-Bold.woff2") format("woff2"), url("fonts/HarmonyOSHans-Bold.woff") format("woff");
}

@font-face {
  font-family: "HarmonyOSHans-Medium";
  src: url("../fonts/HarmonyOSHans-Medium.woff2") format("woff2"), url("fonts/HarmonyOSHans-Medium.woff") format("woff");
}

@font-face {
  font-family: "HarmonyOSHans-Regular";
  src: url("../fonts/HarmonyOSHans-Regular.woff2") format("woff2"), url("fonts/HarmonyOSHans-Regular.woff") format("woff");
}

@font-face {
  font-family: "Inter-Bold";
  src: url("../fonts/Inter-Bold.ttf");
}

@font-face {
  font-family: "Inter-Regular";
  src: url("../fonts/Inter-Regular.ttf");
}

@font-face {
  font-family: "Inter-Medium";
  src: url("../fonts/Inter-Medium.ttf");
}

@font-face {
  font-family: "Inter-Light";
  src: url("../fonts/Inter-Light.ttf");
}


@font-face {
  font-family: "SFPro-Bold";
  src: url("../fontsfonts/SF-Pro-Display/v3/sf-pro-display_bold.woff2") format("woff2");
}

@font-face {
  font-family: "SFPro-Regular";
  src: url("../fontsfonts/SF-Pro-Display/v3/sf-pro-display_regular.woff2") format("woff2");
}

@font-face {
  font-family: "SFPro-SemiBold";
  src: url("../fontsfonts/SF-Pro-Display/v3/sf-pro-display_semibold.woff2") format("woff2");
}


/* */
@font-face {
  font-family: "PingFangSC-Regular";
  src: local("PingFangSC-Thin");
  font-style: normal;
}

@font-face {
  font-family: "PingFangSC-Regular";
  src: local("PingFangSC-Regular");
  font-style: normal;
}

@font-face {
  font-family: "HuaweiFont-Regular";
  src: url("./fonts/HuaweiSans-Light.ttf");
  font-style: normal;
}

@font-face {
  font-family: "HuaweiFont-Regular";
  src: url("./fonts/HuaweiSans-Bold.ttf");
  font-style: normal;
}

@font-face {
  font-family: "HuaweiFont-Regular";
  src: url("./fonts/HuaweiSans-Regular.ttf");
  font-style: normal;
}

@font-face {
  font-family: "HuaweiFont-Regular";
  src: url("./fonts/HuaweiSans-Medium.ttf");
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Regular";
  src: url("fonts/Manrope-Bold.ttf");
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Regular";
  src: url("fonts/Manrope-SemiBold.ttf");
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Regular";
  src: url("fonts/Manrope-Regular.ttf");
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Regular";
  src: url("fonts/Manrope-Medium.ttf");
  font-style: normal;
}

@font-face {
  font-family: "Manrope-Regular";
  src: url("fonts/Manrope-Light.ttf");
  font-style: normal;
}

@font-face {
  font-family: "HarmonyOSHans-Medium";
  src: url("fonts/HarmonyOSHans-Medium.woff2") format("woff2"), url("fonts/HarmonyOSHans-Medium.woff") format("woff");
}

@font-face {
  font-family: "HarmonyOSHans-Regular";
  src: url("fonts/HarmonyOSHans-Regular.woff2") format("woff2"), url("fonts/HarmonyOSHans-Regular.woff") format("woff");
}
body {
  font-family: "Inter-Medium", "Arial", "Helvetica", sans-serif;
}

.renewal_btn { user-select: none; background: #82cff1; background: -webkit-linear-gradient(to bottom, #82cff1 0%, #38aeea 100%); background: linear-gradient(to bottom, #82cff1 0%, #38aeea 100%); border: 1px solid #3cafcf; border-radius: 4px; box-shadow: inset rgba(255, 255, 255, 0.3) 1px 1px 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; text-decoration: none; display: inline-block; text-align: center; padding: 6px 20px 6px; cursor: pointer; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); text-transform: capitalize; transition: 0.1s linear; }

.renewal_btn.type2 { background: linear-gradient(180deg, #7FB8E9 0%, #468EDD 100%); border-radius: 3px; border: 1px solid #4D88BC; min-width: 80px; box-sizing: border-box; }

.renewal_btn.type2:hover { opacity: .6; }

.renewal_btn:hover { background: #99d8f4; background: -webkit-linear-gradient(to bottom, #99d8f4 0%, #4fb7ec 100%); background: linear-gradient(to bottom, #99d8f4 0%, #4fb7ec 100%); }

.renewal_btn.grey { background: #ededed; background: -webkit-linear-gradient(to bottom, #e4e4e4 0%, #d0d0d0 100%); background: linear-gradient(to bottom, #e4e4e4 0%, #d0d0d0 100%); border: 1px solid #c9c9c9; color: #333; }

.renewal_btn.grey:hover { background: #f7f7f7; background: -webkit-linear-gradient(to bottom, #eeeeee 0%, #e4e4e4 100%); background: linear-gradient(to bottom, #eeeeee 0%, #e4e4e4 100%); }

.renewal_btn2 { border: 1px solid #d9001b; border-radius: 4px; color: #d9001b; padding: 4px 20px; cursor: pointer; display: inline-block; opacity: 1; text-align: center; }

.renewal_btn2:hover { opacity: 0.6; }

.renewal_btn2.normal { border: 1px solid #02a7f0; color: #02a7f0; }

.c-btn_1 { position: relative; border: 1px solid black; color: black; padding: 7px 10px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; opacity: 1; text-align: center; font-size: 14px; line-height: 1; transition: opacity .2s ease-in-out; box-sizing: border-box; user-select: none; overflow: hidden; min-width: 80px; }

.c-btn_1 .btn-box { position: relative; padding: 0 20px; padding: 0; }

.c-btn_1 .btn-box i { right: 0 !important; }

.c-btn_1:hover { opacity: 0.6; }

.c-btn_1.primary { border-color: #B83333; background-color: #B83333; color: white; }

.c-btn_1.c-btn-icon .btn-box { display: inline-flex; align-items: center; }

.c-btn_1.c-btn-icon .btn-box > span { margin-right: 4px; }

.c-btn_1.c-btn-icon i { right: 12px; transition: transform .2s ease-in-out; font-size: 12px; }

.c-btn_1.c-btn-icon i.opened { transform: rotate(180deg); }

.c-btn_1 i.btn-loading { width: 12px; height: 12px; display: inline-block; right: 12px; }

.c-btn_1::after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(0, 0, 0, 0.5) 10%, transparent 10.01%); background-repeat: no-repeat; background-position: 50%; transform: scale(10, 10); opacity: 0; transition: transform .3s, opacity .5s; }

.c-btn_1:active::after { transform: scale(0, 0); opacity: .3; transition: 0s; }

@media screen and (max-width: 1280px) and (max-height: 768px) { .c-btn_1:hover { opacity: 1; } }

.c-btn_2 { color: white; padding: 4px 10px; border: 1px solid white; background-color: transparent; border-radius: 20px; display: inline-block; text-align: center; cursor: pointer; position: relative; user-select: none; transition: opacity .2s ease-in-out; opacity: 0.9; overflow: hidden; }

.c-btn_2:hover { opacity: 1; }

.c-btn_2.small { padding: 6px 20px; font-size: 16px; }

.c-btn_2.normal { font-size: 20px; padding: 8px 30px; }

.c-btn_2.primary { background-color: red; border: none; }

.c-btn_2::after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(0, 0, 0, 0.5) 10%, transparent 10.01%); background-repeat: no-repeat; background-position: 50%; transform: scale(10, 10); opacity: 0; transition: transform .3s, opacity .5s; }

.c-btn_2:active::after { transform: scale(0, 0); opacity: .3; transition: 0s; }

@media screen and (max-width: 768px) { .c-btn_2:hover { opacity: 1; }
  .c-btn_2.small { padding: 4px 20px; font-size: 14px; }
  .c-btn_2.normal { font-size: 16px; padding: 4px 20px; } }

.c-btn_3 { position: relative; border: 1px solid black; color: black; padding: 7px 10px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; opacity: 1; text-align: center; font-size: 14px; line-height: 1; transition: opacity .2s ease-in-out; box-sizing: border-box; user-select: none; overflow: hidden; min-width: 80px; border-radius: 4px; }

.c-btn_3:hover { opacity: 0.8; }

.c-btn_3.primary { border-color: #2dae51; background-color: #2dae51; color: white; }

@media screen and (max-width: 1280px) and (max-height: 768px) { .c-btn_3:hover { opacity: 1; } }

.c-btn_4 { position: relative; color: white; padding: 15px 10px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; opacity: 1; text-align: center; font-size: 14px; line-height: 1; transition: opacity .2s ease-in-out; box-sizing: border-box; user-select: none; overflow: hidden; min-width: 80px; border-radius: 4px; width: 100%; }

.c-btn_4:hover { opacity: 0.8; }

.c-btn_4.primary { color: white; background-image: linear-gradient(#4b4b4b, black); }

@media screen and (max-width: 1280px) and (max-height: 768px) { .c-btn_4:hover { opacity: 1; } }

.c-img svg { width: 100%; padding: 20%; box-sizing: border-box; background-color: #f5f5f5; height: 100%; }


html body .patriot_linerobotics { font-family: "patriot_linerobotics" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

html body .patriot_linerobotics > span { font-family: "patriot_linerobotics" !important; }

header.header-white { width: 100%; background-color: #fff; position: sticky; top: 0; left: 0; z-index: 999; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); display: flex; justify-content: center; }

header.header-white a:hover { text-decoration: underline; color: #D4251F; }

header.header-white .content { flex-grow: 1; max-width: 1400px; margin: 0 74px; display: flex; justify-content: center; align-items: center; height: 100%; }

header.header-white .content .logo { flex-grow: 1; max-width: 330px; margin-left: -11%;}

header.header-white .content .logo img { height: 27px; margin: 0; }

header.header-white .content nav.pc { display: block; flex: 99; margin-left: 20px; max-width: 780px; }

header.header-white .content nav.pc > ul { display: flex; justify-content: space-between; align-items: center; }

header.header-white .content nav.pc > ul > li { cursor: pointer; text-align: center; }

header.header-white .content nav.pc > ul > li > a { position: relative; padding: 32px 0; font-size: 18px; letter-spacing: 0; font-weight: 400; }

header.header-white .content nav.pc > ul > li > a::after { content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 3px; width: 0; background-color: #E60012; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 4; }

header.header-white .content nav.pc > ul > li > a:hover { text-decoration: none; }
.anti-bpl a:hover { color: #1890ff; text-decoration: none;}
.anti-bpl a:active { color: #1890ff; text-decoration: none;}

header.header-white .content nav.pc > ul > li .secondary-menu { padding-top: 15px; display: none; width: 100%; position: absolute; top: 78px; z-index: 2; left: 0; background-color: #fff; height: 349px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); }

header.header-white .content nav.pc > ul > li .secondary-menu .img-box { display: flex; align-items: center; }

header.header-white .content nav.pc > ul > li .secondary-menu .box { padding: 20px 0px 20px 3%; max-width: 1400px; margin: 0 auto; height: auto; cursor: auto; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .top-tag { display: flex; align-items: center; border-bottom: 1px solid #ccc; padding-bottom: 23px; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .top-tag .tag { margin-right: 56px; font-size: 16px; cursor: pointer; color: rgba(0, 0, 0, 0.9); letter-spacing: 0; font-weight: 600; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .top-tag .tag.active a { color: #D4251F; text-decoration: none;}
header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .products-list li a strong { color: #000; font-weight: 400; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content { padding-top: 34px; display: none; height: calc(100% - 48px); align-items: stretch; min-height: 270px; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .secondary-tag { padding-right: 50px; border-right: 1px solid #ccc; width: 26%; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .secondary-tag li a { max-width: 315px; width: 100%; padding: 10px 16px; cursor: pointer; font-size: 16px; color: rgba(0, 0, 0, 0.9); font-weight: 400; display: flex; align-items: center; text-align: left; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .secondary-tag li a img { margin: 0 16px 0 0; width: 24px; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .secondary-tag li a span { flex-grow: 1; font-size: 12px; font-weight: 600; text-align: right; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .secondary-tag li a:hover { color: #D4251F; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .secondary-tag li a:hover span { text-decoration: none; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .secondary-tag li.active { background-color: #F0F0F0; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .products-list { margin-left: 30px; display: none; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .products-list li { padding: 14px 16px; width: 315px; font-size: 15px; font-weight: 200; text-align: left; transition: background-color .5s; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .products-list li a { transition: color .5s; color: #666; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .products-list li:hover { background-color: #F0F0F0; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .products-list li:hover a { color: #333; color: #D4251F; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .products-list.active { display: block; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .img-box { margin-left: 140px; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .img-box img { height: 230px; margin-top: -20%; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content.active { display: flex; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .pure-list { display: flex; align-items: center; justify-content: center; width: 80%; margin: 0 auto; padding-top: 65px; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .pure-list li { flex-grow: 1; text-align: center; width: 14.28%; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .pure-list li img { width: 80px; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .pure-list li p { margin-top: 20px; }

@media (max-width: 1366px) { header.header-white .content nav.pc > ul > li .secondary-menu { height: 290px; }
  header.header-white .content nav.pc > ul > li .secondary-menu .box .pure-list { padding-top: 50px; }
  header.header-white .content nav.pc > ul > li .secondary-menu .box .pure-list li img { width: 65px; } }

header.header-white .content nav.pc > ul > li .secondary-menu.production-menu { max-height: 565px; height: auto; padding-bottom: 20px; }

header.header-white .content nav.pc > ul > li .secondary-menu.solution-menu { max-height: 565px; height: auto; padding-bottom: 20px; }

header.header-white .content nav.pc > ul > li:hover > a::after, header.header-white .content nav.pc > ul > li.active > a::after { width: 100%; }

@media (max-width: 1400px) { header.header-white .content nav.pc > ul > li .secondary-menu .box { padding: 20px 30px; } }

@media (max-width: 1260px) { header.header-white .content nav.pc > ul > li .secondary-menu { top: 55px; } }

header.header-white .content .options { flex-grow: 1; max-width: 330px; display: flex; justify-content: flex-end; align-items: center; }

header.header-white .content .options .btn-search { color: #000; border: none; margin-right: 10px; }

header.header-white .content .options .btn-search input { border: none; background-color: #fff; color: #000; width: 200px; }

header.header-white .content .options .btn-search button { display: block; background: none; color: #999; font-size: 26px; top: 40%; transform: translateY(-50%); }

header.header-white .content .options .btn-search:hover input { background-color: #eee; }

header.header-white .content .options .shop { background: #D4251F; border-radius: 14px; color: #fff; cursor: pointer; padding: 4px 20px; position: relative; }

header.header-white .content .options .shop .box { position: absolute; background-color: transparent; padding-top: 8px; max-height: 0; transition: max-height 0.5s; top: 28px; left: 50%; transform: translateX(-50%); overflow: hidden; }

header.header-white .content .options .shop .box .shop-list { width: 97px; background-color: #f3f3f3; border-radius: 8px; }

header.header-white .content .options .shop .box .shop-list li { padding: 8px 0; margin: 0 8px; }

header.header-white .content .options .shop .box .shop-list li a { display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: #666; transition: color .5s; }

header.header-white .content .options .shop .box .shop-list li a img { margin: 0 8px 0 0; width: 20px; }

header.header-white .content .options .shop .box .shop-list li a:hover { color: #D4251F; }

header.header-white .content .options .shop .box .shop-list li a:hover span { color: #D4251F; text-decoration: underline; }

header.header-white .content .options .shop .box .shop-list li:last-child { padding-top: 8px; border-top: 1px solid #ccc; }

header.header-white .content .options .shop:hover .box { max-height: 80px; }

header.header-white .content .options .mobile-box { margin-left: 20px; display: none; }

header.header-white .tg-btn { width: 26px; height: 30px; position: relative; display: block; top: -5px; }

header.header-white .tg-btn span { width: 26px; height: 2px; background: #000; position: absolute; left: 50%; transform: translateX(-50%); transition: all 0.3s ease-in; }

header.header-white .tg-btn span:first-child { top: 12px; }

header.header-white .tg-btn span:nth-child(2) { top: 68%; }

header.header-white .tg-btn span:last-child { bottom: 0px; }

header.header-white .tg-btn.active span:first-child { transform: translate(-50%, 7px) rotate(45deg); }

header.header-white .tg-btn.active span:nth-child(2) { opacity: 0; }

header.header-white .tg-btn.active span:last-child { transform: translate(-50%, -3px) rotate(-45deg); bottom: 6px; }

@media (max-width: 750px) { header.header-white { height: .80em; font-size: 50px; }
  header.header-white .content { justify-content: space-between; padding: 0 .32em; margin: 0; }
  header.header-white .content .logo { margin: 0; }
  header.header-white .content .logo img { height: .38em; }
  header.header-white .content nav.pc { display: none; }
  header.header-white .content .options .btn-search { width: auto; display: block; margin-right: .45em; font-size: 16px; }
  header.header-white .content .options .btn-search input { display: block; width: 110px; }
  header.header-white .content .options .btn-search button { font-size: 24px; }
  header.header-white .content .options .shop { font-size: 14px; padding: 6px 12px; border-radius: 20px; font-weight: 300; margin-right: 5px; }
  header.header-white .content .options .mobile-box { display: block; } }

nav.mobile { display: none; position: fixed; top: 48px; left: 0; background-color: #fff; height: 100vh; width: 100%; z-index: 990; overflow: hidden; }

nav.mobile .first-menu { min-width: 30%; height: 100%; background-color: #f1f3f5; padding-top: 10px; }

nav.mobile .first-menu li { padding: 15px 12px; font-size: 14px; color: #000000; letter-spacing: 0; font-weight: 400; }

nav.mobile .first-menu li.active { background-color: #fff; }

nav.mobile .secondary-menu { flex-grow: 1; padding-top: 10px; display: none; padding: 10px 15px; height: 100%; overflow-y: auto; }

nav.mobile .secondary-menu li { font-size: 14px; color: #000000; letter-spacing: 0; font-weight: 400; padding: 16px; }

nav.mobile .secondary-menu li p { display: flex; justify-content: space-between; padding-bottom: 15px; }

nav.mobile .secondary-menu li p img { margin: 0; }

nav.mobile .secondary-menu li p .close { display: none; }

nav.mobile .secondary-menu li p .open { display: block; }

nav.mobile .secondary-menu li p.active .close { display: block; }

nav.mobile .secondary-menu li p.active .open { display: none; }

nav.mobile .secondary-menu li ul { display: none; }

nav.mobile .secondary-menu li ul.active { display: block; }

nav.mobile .secondary-menu > li { border-bottom: 1px solid #ccc; padding: 18px 5px; padding-bottom: 0; }

nav.mobile .secondary-menu .li-level-2 p { padding-bottom: 0; }

nav.mobile .secondary-menu .li-level-2 ul li:last-child { padding-bottom: 0; }

nav.mobile .secondary-menu.active { display: block; }

nav.mobile.active { display: flex !important; }

.product-center-page, .solution-center-page { background-color: #f8f8f8; }

.product-center-page a:hover, .solution-center-page a:hover { text-decoration: underline; color: #D4251F; }

.product-center-page img, .solution-center-page img { margin: 0; }

.product-center-page .m-top-tags, .solution-center-page .m-top-tags { display: none; position: sticky; top: 0; left: 0; z-index: 5; background-color: #fff; }

.product-center-page .m-top-tags li, .solution-center-page .m-top-tags li { position: relative; width: 33.333%; text-align: center; padding: .3rem .20rem; font-size: .28rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #6f6f6f; line-height: .33rem; }

.product-center-page .m-top-tags li::after, .solution-center-page .m-top-tags li::after { content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: .03rem; width: 0; background-color: #D4251F; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 4; }

.product-center-page .m-top-tags li.active::after, .product-center-page .m-top-tags li:hover::after, .solution-center-page .m-top-tags li.active::after, .solution-center-page .m-top-tags li:hover::after { width: 100%; }

@media (max-width: 767px) { .product-center-page .m-top-tags, .solution-center-page .m-top-tags { display: block; display: flex; } }

.product-center-page .banner, .solution-center-page .banner { width: 100%; margin-bottom: .72rem; position: relative; }

.product-center-page .banner img, .product-center-page .banner video, .solution-center-page .banner img, .solution-center-page .banner video { width: 100%; }

.product-center-page .banner video.pc, .solution-center-page .banner video.pc { display: block; }

.product-center-page .banner img.mobile, .solution-center-page .banner img.mobile { display: none; }

.product-center-page .banner .intro, .solution-center-page .banner .intro { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent; padding: 2.47rem 0 0 2.54rem; }

.product-center-page .banner .intro h2, .solution-center-page .banner .intro h2 { color: #000; margin-bottom: .24rem; font-size: .56rem; font-weight: 500; color: #000000; }

.product-center-page .banner .intro p, .solution-center-page .banner .intro p { color: #5f5f5f; font-size: .26rem; font-weight: 400; line-height: .39rem; }

@media (max-width: 767px) { .product-center-page .banner, .solution-center-page .banner { margin-bottom: 0; }
  .product-center-page .banner video.pc, .solution-center-page .banner video.pc { display: none; }
  .product-center-page .banner img.mobile, .solution-center-page .banner img.mobile { display: block; }
  .product-center-page .banner .intro, .solution-center-page .banner .intro { padding: .64rem 0 .2rem 0; text-align: center; } }

.product-center-page .m-end-tags, .solution-center-page .m-end-tags { display: none; }

.product-center-page .m-end-tags li, .solution-center-page .m-end-tags li { display: none; align-items: center; justify-content: space-around; padding: .37rem; background-color: #fff; }

.product-center-page .m-end-tags li button, .solution-center-page .m-end-tags li button { padding: .17rem .84rem; border-radius: .42rem; font-size: .28rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; line-height: .33rem; color: #6e6e6e; background: #F0F0F0; border: 1px solid #F0F0F0; }

.product-center-page .m-end-tags li button.active, .solution-center-page .m-end-tags li button.active { background-color: #fff; color: #D4251F; border: 1px solid #D4251F; }

.product-center-page .m-end-tags li.active, .solution-center-page .m-end-tags li.active { display: flex; }

@media (max-width: 767px) { .product-center-page .m-end-tags, .solution-center-page .m-end-tags { display: block; } }

.product-center-page .content, .solution-center-page .content { display: flex; margin: 0 2.55rem; padding-bottom: 0.52rem; }

.product-center-page .content nav, .solution-center-page .content nav { font-size: .16rem; min-width: 2.4rem; max-width: 2.4rem; margin-right: 0.28rem; }

.product-center-page .content nav .tag .top-tag, .product-center-page .content nav .tag .end-tag, .solution-center-page .content nav .tag .top-tag, .solution-center-page .content nav .tag .end-tag { font-size: .14rem; padding: .14rem .16rem; border-radius: .08rem; margin-bottom: .1rem; cursor: pointer; font-weight: 600; }

.product-center-page .content nav .tag .top-tag:hover, .product-center-page .content nav .tag .end-tag:hover, .solution-center-page .content nav .tag .top-tag:hover, .solution-center-page .content nav .tag .end-tag:hover { background-color: #f0f0f0; }

.product-center-page .content nav .tag .top-tag, .solution-center-page .content nav .tag .top-tag { font-weight: 600; font-size: .18rem; }

.product-center-page .content nav .tag .top-tag + ul, .solution-center-page .content nav .tag .top-tag + ul { display: none; }

.product-center-page .content nav .tag .top-tag + ul.active, .solution-center-page .content nav .tag .top-tag + ul.active { display: block; }

.product-center-page .content nav .end-tag.active, .solution-center-page .content nav .end-tag.active { background-color: #000 !important; color: #fff; }

@media (max-width: 767px) { .product-center-page .content nav, .solution-center-page .content nav { display: none; } }

.product-center-page .content .product-list, .product-center-page .content .solution-list, .solution-center-page .content .product-list, .solution-center-page .content .solution-list { display: none; flex: 1; }

.product-center-page .content .product-list ul, .product-center-page .content .solution-list ul, .solution-center-page .content .product-list ul, .solution-center-page .content .solution-list ul { display: flex; flex-wrap: wrap; }

.product-center-page .content .product-list ul li, .product-center-page .content .solution-list ul li, .solution-center-page .content .product-list ul li, .solution-center-page .content .solution-list ul li { width: 31.52%; padding-top: .6rem; padding-bottom: .4rem; display: flex; flex-direction: column; align-items: center; background: #FFFFFF; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.03); border-radius: .16rem; margin-bottom: .2rem; transition: box-shadow .5s; overflow: hidden; text-align: center; }

.product-center-page .content .product-list ul li:nth-child(3n+2), .product-center-page .content .solution-list ul li:nth-child(3n+2), .solution-center-page .content .product-list ul li:nth-child(3n+2), .solution-center-page .content .solution-list ul li:nth-child(3n+2) { margin-left: .2rem; margin-right: .2rem; }

.product-center-page .content .product-list ul li img, .product-center-page .content .solution-list ul li img, .solution-center-page .content .product-list ul li img, .solution-center-page .content .solution-list ul li img { width: 100%; margin-bottom: .6rem; }

.product-center-page .content .product-list ul li img.pc, .product-center-page .content .solution-list ul li img.pc, .solution-center-page .content .product-list ul li img.pc, .solution-center-page .content .solution-list ul li img.pc { display: block; }

.product-center-page .content .product-list ul li img.m, .product-center-page .content .solution-list ul li img.m, .solution-center-page .content .product-list ul li img.m, .solution-center-page .content .solution-list ul li img.m { display: none; }

.product-center-page .content .product-list ul li h4, .product-center-page .content .solution-list ul li h4, .solution-center-page .content .product-list ul li h4, .solution-center-page .content .solution-list ul li h4 { margin-bottom: .16rem; font-size: .24rem; color: #000000; font-weight: 400; transition: color .5s; }

.product-center-page .content .product-list ul li p, .product-center-page .content .solution-list ul li p, .solution-center-page .content .product-list ul li p, .solution-center-page .content .solution-list ul li p { font-size: .16rem; letter-spacing: 0; color: #666; line-height: 1.5em; padding-right: .16rem; padding-left: .16rem; text-align: center; flex-grow: 1; }

.product-center-page .content .product-list ul li a.learnMore, .product-center-page .content .solution-list ul li a.learnMore, .solution-center-page .content .product-list ul li a.learnMore, .solution-center-page .content .solution-list ul li a.learnMore { margin-top: .48rem; background: #FFFFFF; border: 1px solid #d4251f; border-radius: .33rem; padding: .126rem .20rem; font-size: .16rem; color: #D4251F; transition: background-color 0.5s, color .5s; }

.product-center-page .content .product-list ul li a.learnMore:hover, .product-center-page .content .solution-list ul li a.learnMore:hover, .solution-center-page .content .product-list ul li a.learnMore:hover, .solution-center-page .content .solution-list ul li a.learnMore:hover { background-color: #d4251f; color: #fff; }

.product-center-page .content .product-list ul li a.learnMore:hover span, .product-center-page .content .solution-list ul li a.learnMore:hover span, .solution-center-page .content .product-list ul li a.learnMore:hover span, .solution-center-page .content .solution-list ul li a.learnMore:hover span { color: #fff; }

.product-center-page .content .product-list ul li a.learnMore span, .product-center-page .content .solution-list ul li a.learnMore span, .solution-center-page .content .product-list ul li a.learnMore span, .solution-center-page .content .solution-list ul li a.learnMore span { font-size: .12rem; font-weight: 700; }

.product-center-page .content .product-list ul li:hover, .product-center-page .content .solution-list ul li:hover, .solution-center-page .content .product-list ul li:hover, .solution-center-page .content .solution-list ul li:hover { box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15); }

.product-center-page .content .product-list ul li:hover h4, .product-center-page .content .solution-list ul li:hover h4, .solution-center-page .content .product-list ul li:hover h4, .solution-center-page .content .solution-list ul li:hover h4 { color: #D4251F; }

.product-center-page .content .product-list ul .hover-zoom-img .solution-link, .product-center-page .content .solution-list ul .hover-zoom-img .solution-link, .solution-center-page .content .product-list ul .hover-zoom-img .solution-link, .solution-center-page .content .solution-list ul .hover-zoom-img .solution-link { width: 100%; }

.product-center-page .content .product-list ul .hover-zoom-img .img-box, .product-center-page .content .solution-list ul .hover-zoom-img .img-box, .solution-center-page .content .product-list ul .hover-zoom-img .img-box, .solution-center-page .content .solution-list ul .hover-zoom-img .img-box { width: 100%; overflow: hidden; height: 2.34rem; margin-bottom: .77rem; }

.product-center-page .content .product-list ul .hover-zoom-img .img-box img, .product-center-page .content .solution-list ul .hover-zoom-img .img-box img, .solution-center-page .content .product-list ul .hover-zoom-img .img-box img, .solution-center-page .content .solution-list ul .hover-zoom-img .img-box img { position: relative; transition: transform .5s; margin-bottom: 0; }

.product-center-page .content .product-list ul .hover-zoom-img p, .product-center-page .content .solution-list ul .hover-zoom-img p, .solution-center-page .content .product-list ul .hover-zoom-img p, .solution-center-page .content .solution-list ul .hover-zoom-img p { flex-grow: 1; padding: 0 .16rem; }

.product-center-page .content .product-list ul .hover-zoom-img:hover img, .product-center-page .content .solution-list ul .hover-zoom-img:hover img, .solution-center-page .content .product-list ul .hover-zoom-img:hover img, .solution-center-page .content .solution-list ul .hover-zoom-img:hover img { transform: scale(1.1); }

.product-center-page .content .product-list ul .zoom-plane .img-box, .product-center-page .content .solution-list ul .zoom-plane .img-box, .solution-center-page .content .product-list ul .zoom-plane .img-box, .solution-center-page .content .solution-list ul .zoom-plane .img-box { width: 100%; height: 2rem; display: flex; align-items: center; justify-content: center; }

.product-center-page .content .product-list ul .zoom-plane .img-box img, .product-center-page .content .solution-list ul .zoom-plane .img-box img, .solution-center-page .content .product-list ul .zoom-plane .img-box img, .solution-center-page .content .solution-list ul .zoom-plane .img-box img { width: 80%; transition: width .5s; }

.product-center-page .content .product-list ul .zoom-plane:hover img, .product-center-page .content .solution-list ul .zoom-plane:hover img, .solution-center-page .content .product-list ul .zoom-plane:hover img, .solution-center-page .content .solution-list ul .zoom-plane:hover img { width: 90%; }

.product-center-page .content .product-list.active, .product-center-page .content .solution-list.active, .solution-center-page .content .product-list.active, .solution-center-page .content .solution-list.active { display: block; }

.product-center-page .content .solution-list ul li, .solution-center-page .content .solution-list ul li { padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0.4rem; }

.product-center-page .content .solution-list ul li img, .solution-center-page .content .solution-list ul li img { border-top-right-radius: .16rem; border-top-left-radius: .16rem; height: auto; width: 100%; }

@media (max-width: 1366px) { .product-center-page .content, .solution-center-page .content { margin: 0 1.65rem; } }

@media (max-width: 767px) { .product-center-page .content, .solution-center-page .content { margin: 0; }
  .product-center-page .content .product-list .pc-ul, .product-center-page .content .solution-list .pc-ul, .solution-center-page .content .product-list .pc-ul, .solution-center-page .content .solution-list .pc-ul { display: block; }
  .product-center-page .content .product-list .pc-ul li, .product-center-page .content .solution-list .pc-ul li, .solution-center-page .content .product-list .pc-ul li, .solution-center-page .content .solution-list .pc-ul li { width: 100%; margin: .24rem 0; border-radius: 0; padding-bottom: .88rem; }
  .product-center-page .content .product-list .pc-ul li img, .product-center-page .content .solution-list .pc-ul li img, .solution-center-page .content .product-list .pc-ul li img, .solution-center-page .content .solution-list .pc-ul li img { height: auto; width: 100%; }
  .product-center-page .content .product-list .pc-ul li img.pc, .product-center-page .content .solution-list .pc-ul li img.pc, .solution-center-page .content .product-list .pc-ul li img.pc, .solution-center-page .content .solution-list .pc-ul li img.pc { display: none; }
  .product-center-page .content .product-list .pc-ul li img.m, .product-center-page .content .solution-list .pc-ul li img.m, .solution-center-page .content .product-list .pc-ul li img.m, .solution-center-page .content .solution-list .pc-ul li img.m { display: block; }
  .product-center-page .content .product-list .pc-ul li h4, .product-center-page .content .solution-list .pc-ul li h4, .solution-center-page .content .product-list .pc-ul li h4, .solution-center-page .content .solution-list .pc-ul li h4 { margin-bottom: .24rem; font-size: .36rem; }
  .product-center-page .content .product-list .pc-ul li p, .product-center-page .content .solution-list .pc-ul li p, .solution-center-page .content .product-list .pc-ul li p, .solution-center-page .content .solution-list .pc-ul li p { font-size: .26rem; }
  .product-center-page .content .product-list .pc-ul li a.learnMore, .product-center-page .content .solution-list .pc-ul li a.learnMore, .solution-center-page .content .product-list .pc-ul li a.learnMore, .solution-center-page .content .solution-list .pc-ul li a.learnMore { font-size: .26rem; padding: .22rem .65rem; border-radius: .45rem; margin-top: .79rem; }
  .product-center-page .content .product-list .pc-ul li:nth-child(3n+2), .product-center-page .content .solution-list .pc-ul li:nth-child(3n+2), .solution-center-page .content .product-list .pc-ul li:nth-child(3n+2), .solution-center-page .content .solution-list .pc-ul li:nth-child(3n+2) { margin-left: 0; margin-right: 0; }
  .product-center-page .content .product-list .pc-ul .hover-zoom-img .img-box, .product-center-page .content .solution-list .pc-ul .hover-zoom-img .img-box, .solution-center-page .content .product-list .pc-ul .hover-zoom-img .img-box, .solution-center-page .content .solution-list .pc-ul .hover-zoom-img .img-box { width: 100%; overflow: auto; height: auto; margin-bottom: .77rem; }
  .product-center-page .content .product-list .pc-ul .hover-zoom-img .img-box img, .product-center-page .content .solution-list .pc-ul .hover-zoom-img .img-box img, .solution-center-page .content .product-list .pc-ul .hover-zoom-img .img-box img, .solution-center-page .content .solution-list .pc-ul .hover-zoom-img .img-box img { position: relative; transition: transform .5s; margin-bottom: 0; }
  .product-center-page .content .product-list .pc-ul .hover-zoom-img:hover img, .product-center-page .content .solution-list .pc-ul .hover-zoom-img:hover img, .solution-center-page .content .product-list .pc-ul .hover-zoom-img:hover img, .solution-center-page .content .solution-list .pc-ul .hover-zoom-img:hover img { transform: scale(1.1); }
  .product-center-page .content .product-list .pc-ul .zoom-plane .img-box, .product-center-page .content .solution-list .pc-ul .zoom-plane .img-box, .solution-center-page .content .product-list .pc-ul .zoom-plane .img-box, .solution-center-page .content .solution-list .pc-ul .zoom-plane .img-box { width: 100%; height: auto; }
  .product-center-page .content .product-list .pc-ul .zoom-plane .img-box img, .product-center-page .content .solution-list .pc-ul .zoom-plane .img-box img, .solution-center-page .content .product-list .pc-ul .zoom-plane .img-box img, .solution-center-page .content .solution-list .pc-ul .zoom-plane .img-box img { width: 100%; transition: width .5s; }
  .product-center-page .content .product-list .pc-ul .zoom-plane:hover img, .product-center-page .content .solution-list .pc-ul .zoom-plane:hover img, .solution-center-page .content .product-list .pc-ul .zoom-plane:hover img, .solution-center-page .content .solution-list .pc-ul .zoom-plane:hover img { width: 100%; } }

.home-page { font-family: SourceHanSansCN-Regular; }

.home-page a:hover { text-decoration: underline; color: #D4251F; }

.home-page li::marker { color: transparent; font-size: 0; }

.home-page .banner .swiper-wrapper .swiper-imgpc { display: block; }

.home-page .banner .swiper-wrapper .swiper-imgphone { display: none; }

@media (max-width: 750px) { .home-page .banner .swiper-wrapper .swiper-imgpc { display: none; }
  .home-page .banner .swiper-wrapper .swiper-imgphone { display: block; } }

.home-page .solution-center, .home-page .product-center { padding-top: 1.04rem; padding-bottom: .74rem; }

.home-page .solution-center h2, .home-page .solution-center p.intro, .home-page .product-center h2, .home-page .product-center p.intro { text-align: center; }

.home-page .solution-center h2, .home-page .product-center h2 { font-size: .46rem; color: #000000; letter-spacing: 0; text-align: center; font-weight: 700; margin-bottom: .2rem; }

.home-page .solution-center > p.intro, .home-page .product-center > p.intro { font-size: .24rem; color: #000000; letter-spacing: 0; text-align: center; font-weight: 400; margin-bottom: .52rem; }

.home-page .solution-center .check-more, .home-page .product-center .check-more { display: block; padding: 0 calc(1.76rem + 0.31rem / 2); margin-bottom: .26rem; }

@media (max-width: 767px) { .home-page .solution-center, .home-page .product-center { background: #F1F3F5; padding-top: .88rem; padding-bottom: 0; }
  .home-page .solution-center h2, .home-page .product-center h2 { font-weight: 500; font-size: 0.56rem; }
  .home-page .solution-center p.intro, .home-page .product-center p.intro { font-size: 0.32rem; margin-bottom: 0.88rem; }
  .home-page .solution-center .check-more, .home-page .product-center .check-more { display: none; width: 91%; margin: 0 auto .26rem auto; padding: 0; } }

.home-page .solution-center .swiper-pagination span, .home-page .product-center .swiper-pagination span { padding: 0.12rem .16rem; margin: 0 .1rem; border: none; position: relative; border-radius: .13rem; cursor: pointer; background-color: transparent; opacity: 1; }

.home-page .solution-center .swiper-pagination span:after, .home-page .product-center .swiper-pagination span:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; border-radius: 50%; background: #CDCED0; }

.home-page .solution-center .swiper-pagination span.swiper-pagination-bullet-active, .home-page .product-center .swiper-pagination span.swiper-pagination-bullet-active { border: 1px solid #d4251f; }

.home-page .solution-center .swiper-pagination span.swiper-pagination-bullet-active:after, .home-page .product-center .swiper-pagination span.swiper-pagination-bullet-active:after { background: #d4251f; }

.home-page .solution-center a.check-all, .home-page .product-center a.check-all { font-size: .3rem; color: #666666; text-align: center; display: block; margin-top: .2rem; }

.home-page .product-center { background: #F1F3F5; padding-bottom: .74rem; position: relative; }

.home-page .product-center .product-sw-pg { left: 50%; transform: translateX(-50%); bottom: .24rem; }

@media (max-width: 767px) { .home-page .product-center .product-sw-pg { display: none; } }

.home-page .product-center .sw-pc { display: block; margin: 0 1.76rem; overflow: hidden; }

.home-page .product-center .sw-pc .swiper-slide { height: auto; width: auto; }

.home-page .product-center .sw-pc .sw-prd-card { width: 4.86rem; background-color: #fff; border-radius: .16rem; display: flex; flex-direction: column; padding-top: .8rem; align-items: center; margin: 0 calc(0.31rem / 2); padding-bottom: .74rem; overflow: hidden; height: 100%; }

.home-page .product-center .sw-pc .sw-prd-card .img-box { width: 100%; overflow: hidden; height: 2.44rem; margin-bottom: .7rem; }

.home-page .product-center .sw-pc .sw-prd-card .img-box img { width: 95%; text-align: center; position: relative; transition: transform .5s, width .5s; margin-bottom: 0; }

.home-page .product-center .sw-pc .sw-prd-card h4 { font-size: 20px; color: #000000; letter-spacing: 0; text-align: center; font-weight: 500; margin-bottom: .14rem; transition: color .5s; }

.home-page .product-center .sw-pc .sw-prd-card p { font-size: 0.16rem; color: rgba(0, 0, 0, 0.6); letter-spacing: 0; text-align: center; line-height: .25rem; font-weight: 400; padding: 0 0.3rem; }

.home-page .product-center .sw-pc .sw-prd-card a.learnMore { margin-top: 0.45rem; padding: 0.13rem .22rem; text-align: center; border: 1px solid #d4251f; border-radius: 0.3rem; font-size: .16rem; color: #D4251F; letter-spacing: 0; font-weight: 400; transition: background-color 0.5s; }

.home-page .product-center .sw-pc .sw-prd-card a.learnMore span { font-size: .12rem; margin-left: -0.03rem; }

.home-page .product-center .sw-pc .sw-prd-card a.learnMore:hover { background-color: #d4251f; color: #fff; }

.home-page .product-center .sw-pc .sw-prd-card:hover h4 { color: #D4251F; }

.home-page .product-center .sw-pc .sw-prd-card:hover img { width: 100%; }

.home-page .product-center .sw-m { display: none; }

.home-page .product-center .sw-m .mobile-li { background-color: #fff; text-align: center; padding-bottom: .88rem; margin-bottom: .24rem; padding-top: .7rem; }

.home-page .product-center .sw-m .mobile-li img { width: 100%; }

.home-page .product-center .sw-m .mobile-li h4 { margin-top: 1.2rem; font-size: .36rem; color: #000000; font-weight: 400; margin-bottom: .22rem; }

.home-page .product-center .sw-m .mobile-li p { font-size: .26rem; color: rgba(0, 0, 0, 0.6); line-height: .39rem; font-weight: 400; }

.home-page .product-center .sw-m .mobile-li a.learnMore { display: inline-block; margin-top: 1.2rem; width: 2.52rem; padding: .26rem 0; text-align: center; border: 1px solid #d4251f; border-radius: .45rem; font-size: .26rem; color: #D4251F; letter-spacing: 0; font-weight: 400; }

.home-page .product-center .pc-ul { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; }

@media (max-width: 767px) { .home-page .product-center .sw-pc { display: none; }
  .home-page .product-center .swiper-button-next, .home-page .product-center .swiper-button-prev { display: none !important; }
  .home-page .product-center .swiper-button-next .patriot_linerobotics { display: none; }
  .home-page .product-center .sw-m { display: block; } }

.home-page .solution-center { padding-bottom: 74px; }

.home-page .solution-center .content { display: grid; padding: 0 1.76rem; align-items: center; width: 100%; justify-content: space-between; grid-template-columns: 1fr 1fr 1fr; }

.home-page .solution-center .content .card { background-color: #fff; border-radius: .16rem; height: 7.4rem; margin: 0 calc(0.31rem / 2); }

.home-page .solution-center .content .card > a { display: block; height: 100%; background-size: 100% 100%; background-position: center; position: relative; border-radius: .16rem; transition: background-size .5s; }

.home-page .solution-center .content .card > a .info { border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.4); height: 1.5rem; padding: .26rem .2rem; }

.home-page .solution-center .content .card > a .info h4 { font-size: .32rem; color: rgba(255, 255, 255, 0.9); letter-spacing: 0; font-weight: 500; margin-bottom: .16rem; }

.home-page .solution-center .content .card > a .info p { text-align: left; font-size: .21rem; color: rgba(255, 255, 255, 0.6); letter-spacing: 0; font-weight: 400; }

.home-page .solution-center .content .card:hover a { background-size: 110% 110%; }

.home-page .solution-center a.check-all { display: none; }

@media (max-width: 767px) { .home-page .solution-center .content, .home-page .solution-center .pc-ul { display: block; padding: 0; }
  .home-page .solution-center .content .card, .home-page .solution-center .pc-ul .card { height: 10rem; margin-bottom: .2rem; margin-right: 0; margin-left: 0; }
  .home-page .solution-center .content .card > div, .home-page .solution-center .pc-ul .card > div { border-radius: 0; }
  .home-page .solution-center .content .card > div .info, .home-page .solution-center .pc-ul .card > div .info { height: auto; padding: .4rem; border-radius: 0; }
  .home-page .solution-center .content .card > div .info h4, .home-page .solution-center .pc-ul .card > div .info h4 { font-size: .4rem; margin-bottom: .16rem; }
  .home-page .solution-center .content .card > div .info p, .home-page .solution-center .pc-ul .card > div .info p { font-size: .32rem; }
  .home-page .solution-center a.check-all { display: block; } }

.home-page .solution-video { width: 100%; position: relative; font-size: 0; }

.home-page .solution-video .module { position: absolute; height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; padding-top: .83rem; z-index: 1; cursor: pointer; }

.home-page .solution-video .module h2 { font-size: .62rem; color: #FFFFFF; letter-spacing: 0; text-align: center; text-shadow: 0 6px 10px rgba(0, 0, 0, 0.15); font-weight: 500; margin-bottom: .2rem; }

.home-page .solution-video .module p { font-size: .24rem; color: #FFFFFF; letter-spacing: 0; font-weight: 400; margin-bottom: .35rem; }

.home-page .solution-video .module button { color: #fff; padding: .13rem .29rem; background: #D4251F; border-radius: .23rem; display: flex; align-items: center; justify-content: center; font-size: .16rem; cursor: pointer; }

.home-page .solution-video .module button img { position: relative; margin-left: .05rem; width: .15rem; }

@media (max-width: 767px) { .home-page .solution-video .module { padding-top: 0.33rem; }
  .home-page .solution-video .module h2 { font-size: .46rem; margin-bottom: .16rem; }
  .home-page .solution-video .module p { font-size: .22rem; }
  .home-page .solution-video .module button { width: 2.22rem; padding: .15rem 0; font-size: .28rem; border-radius: .39rem; }
  .home-page .solution-video .module button img { width: .3rem; margin: 0 0 0 .1rem; } }

.home-page .solution-video video { width: 100%; }

.home-page .solution-video video.pc { display: block; }

.home-page .solution-video video.mobile { display: none; }

@media (max-width: 767px) { .home-page .solution-video video.pc { display: none; }
  .home-page .solution-video video.mobile { display: block; } }

.home-page .check-more { font-size: 0.16rem; color: #D4251F; letter-spacing: 0; font-weight: 600; }

.home-page .check-more span { font-size: 0.12rem; font-weight: 600; }

.home-page .mainer .banner .swiper-button-next { opacity: 0.4 !important; background-image: url("/userfiles/images/2023/03/03/2023030311082863.svg?noCache=leryhb3g"); background-position: center; background-repeat: none; background-color: transparent; right: 60px; font-size: .5rem; text-align: center; display: flex; align-items: center; justify-content: center; }

.home-page .mainer .banner .swiper-button-next:hover { opacity: 1 !important; color: #D4251F; }

.home-page .mainer .banner .swiper-button-prev { opacity: 0.4 !important; background-image: url("/userfiles/images/2023/03/03/2023030311089562.svg?noCache=leryhb3g"); background-position: center; background-repeat: none; background-color: transparent; left: 60px; font-size: .5rem; text-align: center; display: flex; align-items: center; justify-content: center; }

.home-page .mainer .banner .swiper-button-prev:hover { opacity: 1 !important; color: #D4251F; }

.home-page .mainer .banner .swiper-button-next { cursor: pointer; opacity: 0.4 !important; background-image: url("/userfiles/images/2023/03/03/2023030311082863.svg?noCache=leryhb3g"); background-position: center; background-repeat: none; background-color: transparent; right: .35rem; }

.home-page .mainer .banner .swiper-button-next:hover { opacity: 1 !important; }

.home-page .mainer .banner .swiper-button-prev { cursor: pointer; opacity: 0.4 !important; background-image: url("/userfiles/images/2023/03/03/2023030311089562.svg?noCache=leryhb3g"); background-position: center; background-repeat: none; background-color: transparent; left: .35rem; }

.home-page .mainer .banner .swiper-button-prev:hover { opacity: 1 !important; }

.home-page .product-center .swiper-button-prev { cursor: pointer; border-radius: 50%; width: .64rem; height: .64rem; background: rgba(0, 0, 0, 0.1); opacity: 0.4 !important; font-size: .3rem; display: flex; align-items: center; justify-content: center; left: .88rem; transition: all .5s; top: 6.2rem; }

.home-page .product-center .swiper-button-prev span { position: relative; right: 0.03rem; }

.home-page .product-center .swiper-button-prev:hover { color: #D4251F; opacity: 1 !important; }

.home-page .product-center .swiper-button-next { cursor: pointer; border-radius: 50%; width: .64rem; height: .64rem; background: rgba(0, 0, 0, 0.1); opacity: 0.4 !important; font-size: .3rem; display: flex; align-items: center; justify-content: center; right: .88rem; transition: all .5s; top: 6.2rem; }

.home-page .product-center .swiper-button-next span { position: relative; left: 0.03rem; }

.home-page .product-center .swiper-button-next:hover { color: #D4251F; opacity: 1 !important; }

@media (max-width: 750px) { .mainer .banner .swiper-button-prev, .mainer .banner .swiper-button-next { display: none !important; } }

@media screen and (max-width: 1259px) { .mainer { margin-top: 0; } }

.swiper-img object a { font-size: 18px !important; }

.swiper-img object a:hover span { text-decoration: underline !important; }

.solution-detail img { margin: 0; }

.solution-detail a:hover { text-decoration: underline; color: #D4251F; }

.solution-detail .header { width: 100%; height: 6rem; padding-top: 2.3rem; padding-left: 2.54rem; background-size: cover; background-position: center; }

.solution-detail .header h3 { font-size: .56rem; font-weight: 500;     color: #ffffff; line-height: .66rem; margin-bottom: .15rem; }

.solution-detail .header p { font-size: .26rem; font-weight: 500;     color: #ffffff; line-height: .30rem; }

.solution-detail .header.pc { display: block; }

.solution-detail .header.mobile { display: none; }

@media (max-width: 767px) { .solution-detail .header { padding-left: 0; height: 8.82rem; padding-top: 2.17rem; }
  .solution-detail .header h3, .solution-detail .header p { text-align: center; }
  .solution-detail .header.pc { display: none; }
  .solution-detail .header.mobile { display: block; } }

.solution-detail .p-nav { position: sticky; top: .8rem; z-index: 11; }

.solution-detail .p-nav nav { display: flex; align-items: center; justify-content: space-between; position: relative; top: 0.2rem; left: 50%; transform: translateX(-50%); background-color: #fff; padding: .2rem .22rem; border-radius: .16rem; box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08); transition: width .5s ease, padding .5s, font-size .5s; z-index: 1; width: 77%; max-width: 14.12rem; }

.solution-detail .p-nav nav p.select { display: none; font-size: .28rem; font-weight: 400; color: rgba(0, 0, 0, 0.6); }

.solution-detail .p-nav nav p.select span { margin-left: .1rem; color: #d4251f; font-family: "patriot_linerobotics" !important; }

.solution-detail .p-nav nav ul { margin-left: .28rem; display: flex; align-items: center; justify-content: space-between; }

.solution-detail .p-nav nav ul li { font-size: .18rem; margin-right: .48rem; font-weight: 500; color: #737373; line-height: .26rem; cursor: pointer; }
.solution-detail .p-nav nav ul li a{  text-decoration: none; }

.solution-detail .p-nav nav ul li:hover { color: #D4251F; }

.solution-detail .p-nav nav ul li.active { color: #D4251F; }

.solution-detail .p-nav nav button { cursor: pointer; padding: .2rem .36rem; background: #D4251F; border-radius: .4rem; color: #fff; font-size: .22rem; line-height: .26rem; font-weight: 500; }

@media (max-width: 767px) { .solution-detail .p-nav nav { width: 10rem; padding: .29rem .38rem; width: 6.86rem; height: 1.3rem; }
  .solution-detail .p-nav nav p.select { display: block; }
  .solution-detail .p-nav nav ul { margin-left: 0; border-bottom-left-radius: .16rem; border-bottom-right-radius: .16rem; display: none; position: absolute; top: 90%; background: #fff; width: 100%; left: 0; padding: 0.38rem; box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08); }
  .solution-detail .p-nav nav ul::before { content: ''; position: absolute; display: block; width: calc(100% - 0.38rem * 2); left: 50%; transform: translateX(-50%); height: .01rem; background-color: #ccc; top: .08rem; }
  .solution-detail .p-nav nav ul li { padding: .29rem 0; color: rgba(0, 0, 0, 0.6); margin-right: .2rem; }
  .solution-detail .p-nav nav ul li a { font-size: .28rem; font-weight: 400; line-height: .33rem; }
  .solution-detail .p-nav nav ul li.active { color: #D4251F; }
  .solution-detail .p-nav nav ul.active { display: block; }
  .solution-detail .p-nav nav button { font-size: .24rem; line-height: .28rem; } }

.solution-detail nav.p-rlative { position: inherit; top: auto; left: auto; transform: none; margin: 0 auto; padding: 0rem 0.22rem; }

.solution-detail nav.p-rlative ul li { font-size: .16rem; }

.solution-detail nav.p-rlative button { margin: .1rem 0; padding: .1rem .36rem; border-radius: .32rem; font-size: .18rem; }

@media (max-width: 767px) { .solution-detail nav.p-rlative { width: 100%; height: 1.3rem; transform: none; } }

.solution-detail .section { padding-bottom: .5rem; padding-top: .5rem; }

.solution-detail .section h2 { text-align: center; position: relative; font-size: .52rem; font-weight: 400; color: #000000; line-height: .61rem; }

.solution-detail .section h2::after { content: ''; display: block; position: absolute; bottom: -.1rem; left: 50%; transform: translateX(-50%); height: 0.02rem; width: .96rem; background-color: #d4251f; }

.solution-detail .introduce { margin-top: .2rem; }

.solution-detail .introduce p {  margin: .53rem auto .8rem auto; font-weight: 400; color: #666666; font-size: .20rem; font-weight: 400; line-height: .30rem; text-align: justify; }

@media (max-width: 767px) { .solution-detail .introduce p { 
font-size: .25rem;line-height: .42rem;    text-align: left;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
word-wrap: break-word;

 } }

.solution-detail .business-points { background-color: #f8f8f8; padding-top: .9rem; }

.solution-detail .business-points ul { max-width: 12.12rem; margin: .8rem auto .8rem auto; display: flex; justify-content: space-between; }

.solution-detail .business-points ul li { display: flex; flex-direction: column; align-items: center; width: calc((100% - .32rem * 3) / 4); flex-basis: 30%;}

.solution-detail .business-points ul li img { margin-bottom: .32rem; width: .82rem; height: .82rem; }

.solution-detail .business-points ul li h4 { font-size: .26rem; font-weight: 400; color: #000000; line-height: .30rem; margin-bottom: .24rem; text-align: center; }

.solution-detail .business-points ul li p { font-size: .18rem; font-weight: 400; line-height: .30rem; color: #666666; text-align: justify; }

@media (max-width: 767px) { .solution-detail .business-points ul { display: block; width: 100%; }
  .solution-detail .business-points ul li { margin-bottom: .9rem; width: 100%; }
  .solution-detail .business-points ul li img { width: 1.2rem; height: 1.2rem; }
  .solution-detail .business-points ul li h4 { font-size: .32rem; font-weight: 400; color: #000000; line-height: .38rem; }
  .solution-detail .business-points ul li p { font-size: .28rem; font-weight: 400; line-height: .42rem; padding: 0 .32rem; text-align: center; } }

.solution-detail .architecture-plan { padding: .9rem .32rem; }

.solution-detail .architecture-plan h2 { margin-bottom: .85rem; }

.solution-detail .architecture-plan .content { width: 12.12rem; margin: 0 auto; background: #EDEFF1; border-radius: .16rem; padding: .24rem; text-align: center; text-align: center; margin-bottom: 20px; }

.solution-detail .architecture-plan .content img { display: inline; width: 90%; }

.solution-detail .architecture-plan .content .item { width: 100%; display: flex; margin-bottom: 20px; }

.solution-detail .architecture-plan .content .item:last-child { margin-bottom: 0; }

.solution-detail .architecture-plan .content .item .title { text-align: center; color: #000; font-weight: bold; padding: .13rem; width: 2.6rem; background: #F8F8F8; border-radius: .08rem 0 0 .08rem; border: .01rem solid #D9DCE0; font-size: .20rem; line-height: .23rem; }

.solution-detail .architecture-plan .content .item ul { background-color: #fff; flex-grow: 1; display: flex; align-items: center; justify-content: space-around; }

.solution-detail .architecture-plan .content .item ul .warp-item { flex-wrap: wrap; padding-bottom: 0px; }

.solution-detail .architecture-plan .content .item ul .warp-item li { min-width: 45%; margin-bottom: 10px; }

.solution-detail .architecture-plan .content .item ul li { padding: .04rem; /*min-width: 33%;*/ justify-content: center; align-items: center; display: flex; font-size: .18rem; font-weight: 400; line-height: .21rem; color: #737373; }

.solution-detail .architecture-plan .content .item ul li img { width: 0.48rem; height: 0.48rem; margin-right: 0.05rem; }

@media (max-width: 767px) { .solution-detail .architecture-plan .content { width: 100%; padding: .12rem; }
  .solution-detail .architecture-plan .content .connect { margin-bottom: .1rem; }
  .solution-detail .architecture-plan .content .connect img { width: .3rem; }
  .solution-detail .architecture-plan .content .item { background: #FFFFFF; border-radius: .04rem; opacity: 1; border: .02rem dashed #CDD7E2; margin-bottom: .1rem; }
  .solution-detail .architecture-plan .content .item .title { max-width: 1.262rem; min-width: 1.262rem; padding: .17rem .23rem; width: auto; background: #F2F8FD; border-radius: 4px 0px 0px 4px; opacity: 1; border: 2px dotted #96B2D0; display: flex; align-items: center; padding: 0; justify-content: center; text-align: center; }
  .solution-detail .architecture-plan .content .item .title span { font-size: .18rem; line-height: 2em; }
  .solution-detail .architecture-plan .content .item ul { flex-wrap: wrap; }
  .solution-detail .architecture-plan .content .item ul li { padding: .08rem; }
  .solution-detail .architecture-plan .content .item ul li img { width: .32rem; height: .32rem; margin-right: .09rem; }
  .solution-detail .architecture-plan .content .item ul li span { font-size: .18rem; font-weight: 400; line-height: .21rem; color: #666666; }
  .solution-detail .architecture-plan .content .item ul.grid-2-2 { display: grid; grid-template-columns: 1fr 1fr; padding-left: .2rem; }
  .solution-detail .architecture-plan .content .item ul.grid-2-2 li { width: auto; justify-self: flex-start; } }

.solution-detail .business-value { background-color: #eeeeee; padding: 0.9rem 0.32rem; }

.solution-detail .business-value h2 { margin-bottom: .85rem; }

.solution-detail .business-value .cards { max-width: 14.12rem; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-row-gap: .48rem; grid-column-gap: .48rem; }

.solution-detail .business-value .cards .card { border-radius: .1rem; background: #FFFFFF; box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.08); padding-bottom: .59rem; border-radius: .16rem; transition: box-shadow .5s; }

.solution-detail .business-value .cards .card .img-box { border-top-right-radius: .16rem; border-top-left-radius: .16rem; width: 100%; height: 2.9rem; overflow: hidden; height: auto; margin-bottom: .77rem; }

.solution-detail .business-value .cards .card .img-box img { width: 100%; position: relative; transition: transform .5s; margin-bottom: 0; }

.solution-detail .business-value .cards .card h4 { transition: color .5s; margin-bottom: .24rem; text-align: center; font-size: .26rem; font-weight: 400; color: #000000; line-height: .30rem; }

.solution-detail .business-value .cards .card p { padding: 0 .24rem; color: #737373; font-size: .18rem; font-weight: 400; line-height: .27rem; text-align: justify; }

.solution-detail .business-value .cards .card .pc-img { display: block; margin-bottom: .6rem; }

.solution-detail .business-value .cards .card .m-img { display: none; }

.solution-detail .business-value .cards .card:hover { box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15); }

.solution-detail .business-value .cards .card:hover img { transform: scale(1.1); }

.solution-detail .business-value .cards .card:hover h4 { color: #D4251F; }

@media (max-width: 767px) { .solution-detail .business-value { padding: 0.9rem 0; }
  .solution-detail .business-value .cards { display: block; }
  .solution-detail .business-value .cards .card { background-color: #fff; margin-bottom: .2rem; text-align: center; padding-bottom: .7rem; border-radius: 0; box-shadow: none; }
  .solution-detail .business-value .cards .card img { margin-bottom: .76rem; }
  .solution-detail .business-value .cards .card .img-box { border-radius: 0; }
  .solution-detail .business-value .cards .card h4 { margin-bottom: 20%; font-size: .36rem; font-weight: 400; line-height: .42rem; }
  .solution-detail .business-value .cards .card p { width: 100%; margin: 0 auto; color: #666666; font-size: .26rem; line-height: .39rem; }
  .solution-detail .business-value .cards .card .pc-img { display: none; }
  .solution-detail .business-value .cards .card .m-img { display: block; } 
  .solution-detail .section h2 {font-size: .46rem;}
  }

.solution-detail .recommended { background-color: #F3F3F3; padding-top: .9rem; }

.solution-detail .recommended h2 { margin-bottom: .82rem; }

.solution-detail .recommended .solutions { display: flex; align-items: center; justify-content: center; margin-bottom: .74rem; }

.solution-detail .recommended .solutions button { margin-right: 1rem; padding: .11rem .26rem; font-size: .16rem; font-weight: 400; line-height: .19rem; background: #FFFFFF; border-radius: 45px; border: 1px solid rgba(0, 0, 0, 0.2); cursor: pointer; }

.solution-detail .recommended .solutions button.active { color: #D4251F; border-radius: 45px; border: 1px solid #D4251F; }

.solution-detail .recommended .solutions button:last-child { margin-right: 0; }

.solution-detail .recommended .solution-content {  padding: 0 1.77rem; position: relative; }

.solution-detail .recommended .solution-content .swiper-container { display: flex; }

.solution-detail .recommended .solution-content .solution-card 
{ background-color: #fff;  text-align: center; padding-bottom: .88rem; margin-bottom: .2rem; border-radius: .32rem; height: auto; width: 23%;
    margin-right: 24px;}


.solution-detail .recommended .solution-content .solution-card .img-box { border-top-right-radius: .16rem; border-top-left-radius: .16rem; width: 100%; height: 45%; overflow: hidden; margin-bottom: .44rem; }

.solution-detail .recommended .solution-content .solution-card .img-box img { position: relative; transition: transform .5s; margin-bottom: 0; }

.solution-detail .recommended .solution-content .solution-card img { width: 100%; }

.solution-detail .recommended .solution-content .solution-card h4 { font-size: .20rem; font-weight: 400; color: #000000; line-height: .23rem; margin-bottom: .14rem; }

.solution-detail .recommended .solution-content .solution-card p { color: #666666; font-size: .16rem; font-weight: 400; line-height: .25rem; }

.solution-detail .recommended .solution-content .solution-card a.learnMore { text-decoration: none; margin-top: .74rem; display: inline-block; background: #FFFFFF; border: .01rem solid #D4251F; padding: 0.11rem .20rem; text-align: center; border-radius: .42rem; color: #D4251F; font-weight: 400; transition: all 0.5s; font-size: .16rem; font-weight: 400; line-height: .19rem; }

.solution-detail .recommended .solution-content .solution-card a.learnMore span { position: relative; top: -1px; font-size: 0.12rem; font-weight: bold; }

.solution-detail .recommended .solution-content .solution-card a.learnMore:hover { background-color: #d4251f; color: #fff; }

.solution-detail .recommended .solution-content .solution-card:hover img { transform: scale(1.1); }

.solution-detail .recommended .solution-content .solution-card:hover h4 { color: #D4251F; }

@media (max-width: 769px) { .solution-detail .recommended .solution-content .solution-card { border-radius: 0;  width: 100%;
    margin-right: 0px;}
  .solution-detail .recommended .solution-content .solution-card:hover img { transform: none; } }

.solution-detail .recommended .solution-content .mobile-list { display: none; }

.solution-detail .recommended .solution-content .mobile-list img { margin-bottom: 1.3rem; }

.solution-detail .recommended .solution-content .mobile-list h4 { font-size: .36rem; font-weight: 400; color: #000000; line-height: .42rem; margin-bottom: .24rem; }

.solution-detail .recommended .solution-content .mobile-list p { font-size: .26rem; font-weight: 400; color: #666666; line-height: .39rem; }

.solution-detail .recommended .solution-content .mobile-list a.learnMore { margin-top: 1.1rem; display: inline-block; background: #FFFFFF; border: 2px solid #D4251F; margin-top: 1.1rem; padding: 0.22rem .66rem; text-align: center; border-radius: .42rem; font-size: .26rem; color: #D4251F; font-weight: 400; transition: all 0.5s; }

.solution-detail .recommended .solution-content .mobile-list a.learnMore:hover { background-color: #d4251f; color: #fff; }

.solution-detail .recommended .solution-content.active { display: block; }

.solution-detail .recommended .solution-content .swiper-button-prev { cursor: pointer; border-radius: 50%; width: .64rem; height: .64rem; background: rgba(0, 0, 0, 0.1); opacity: 0.4 !important; font-size: .3rem; display: flex; align-items: center; justify-content: center; left: .88rem; transition: all .5s; }

.solution-detail .recommended .solution-content .swiper-button-prev span { position: relative; right: 0.03rem; }

.solution-detail .recommended .solution-content .swiper-button-prev:hover { color: #D4251F; opacity: 1 !important; }

.solution-detail .recommended .solution-content .swiper-button-next { cursor: pointer; border-radius: 50%; width: .64rem; height: .64rem; background: rgba(0, 0, 0, 0.1); opacity: 0.4 !important; font-size: .3rem; display: flex; align-items: center; justify-content: center; right: .88rem; transition: all .5s; }

.solution-detail .recommended .solution-content .swiper-button-next span { position: relative; left: 0.03rem; }

.solution-detail .recommended .solution-content .swiper-button-next:hover { color: #D4251F; opacity: 1 !important; }

.solution-detail .recommended .solution-content .swiper-pagination { left: 50%; transform: translateX(-50%); }

.solution-detail .recommended .solution-content .swiper-pagination span { padding: 0.1rem .15rem; margin: 0 .1rem; border: none; position: relative; border-radius: .13rem; cursor: pointer; background-color: transparent; }

.solution-detail .recommended .solution-content .swiper-pagination span:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; border-radius: 50%; background: black; }

.solution-detail .recommended .solution-content .swiper-pagination span.swiper-pagination-bullet-active { border: 1px solid #d4251f; }

.solution-detail .recommended .solution-content .swiper-pagination span.swiper-pagination-bullet-active:after { background: #d4251f; }

@media (max-width: 767px) { .solution-detail .recommended .solutions { width: 500px; margin: 0 auto .26rem auto; border-radius: .52rem; opacity: 1; }
  .solution-detail .recommended .solutions button { margin: 0; margin-right: .32rem; cursor: pointer; padding: .24rem 0; text-align: center; font-size: .28rem; font-weight: 500; color: #666666; line-height: .33rem; width: 2.52rem; }
  .solution-detail .recommended .solutions button.active { color: #D4251F; border: #D4251F 1px solid; border-radius: .52rem; }
  .solution-detail .recommended .solutions button:last-child { margin-right: 0; }
  .solution-detail .recommended .solution-content { padding: 0; }
  .solution-detail .recommended .solution-content .swiper-container { display: none; }
  .solution-detail .recommended .solution-content .mobile-list { display: block; }
  .solution-detail .recommended .swiper-pagination, .solution-detail .recommended .swiper-button-prev, .solution-detail .recommended .swiper-button-next { display: none !important; } }

.solution-detail .recommended .download { display: flex; justify-content: center; margin-top: .75rem; }

.solution-detail .recommended .download a { font-size: .22rem; font-weight: 500; color: #FFFFFF; line-height: .26rem; background-color: #D4251F; border-radius: .32rem; opacity: 1; padding: .17rem .36rem; display: block; margin: 0 auto; transition: background-color .5s; }

@media (max-width: 767px) { .solution-detail .recommended .download a { width: 2.52rem; opacity: 1; padding: .2rem .74rem; border-radius: .45rem; text-align: center; margin: .9rem auto 0 auto; font-size: .26rem; } }

.solution-detail .recommended .download a:hover { background-color: rgba(199, 0, 11, 0.7); }

.solution-detail .cards .card h4, .solution-detail .business-points ul li h4 { height: .6rem; }

.request-a-demo .banner { height: 6rem; position: relative; margin-bottom: 1.3rem; background-position: center; background-size: cover; }

.request-a-demo .banner h2 { padding-top: 2.5rem; padding-left: 2.5rem; font-size: .60rem; font-weight: 600; color: #000000; }

.request-a-demo .banner.pc { display: block; }

.request-a-demo .banner.mobile { display: none; }

.request-a-demo .intro { display: flex; max-width: 14.0rem; margin: 0 auto; padding: .2rem; margin-bottom: 1.5rem; }

.request-a-demo .intro section { align-items: stretch; justify-content: space-between; width: 50%; padding-right: 0.45rem; }

.request-a-demo .intro section h4 { font-size: .36rem; font-weight: 600; color: #000000; margin-bottom: .44rem; }

.request-a-demo .intro section p, .request-a-demo .intro section ul li { font-size: .2rem; font-weight: 400; color: #000000; line-height: .34rem; }

.request-a-demo .intro section:last-child { padding-right: .2rem; }

.request-a-demo div.form { max-width: 14.0rem; margin: 0 auto; margin-bottom: 1.4rem; }

.request-a-demo div.form h4 { font-size: .36rem; font-weight: 600; color: #000000; margin-bottom: .3rem; }

.request-a-demo div.form input { -webkit-appearance: auto; -o-appearance: auto; appearance: auto; box-sizing: border-box; }

.request-a-demo div.form form { position: relative; display: flex; justify-content: center; align-items: stretch; }

.request-a-demo div.form form .form-item { margin-bottom: .38rem; display: flex; align-items: baseline; }

.request-a-demo div.form form .form-item label.error { left: 2.68rem; text-align: left; }

.request-a-demo div.form form .check-box { align-items: baseline; margin-bottom: .15rem; }

.request-a-demo div.form form .check-box div { margin-bottom: .15rem; }

.request-a-demo div.form form .check-box div label.error { left: 0; text-align: left; }

.request-a-demo div.form form .check-box input { margin-right: .15rem; width: .3rem; height: .3rem; }

.request-a-demo div.form form label { max-width: 2.68rem; min-width: 2.68rem; display: inline-block; font-size: .2rem; font-weight: 400; color: #000000; line-height: .34rem; }

.request-a-demo div.form form .checkbox-box { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); }

.request-a-demo div.form form .checkbox-box div { display: flex; align-items: center; }

.request-a-demo div.form form input[type="text"], .request-a-demo div.form form input[type="email"] { height: .39rem; width: 3.9rem; background: #FFFFFF; border: .01rem solid #595757; padding: .24rem .1rem; font-size: .20rem; color: #000000; }

.request-a-demo div.form form textarea { padding: .1rem; font-size: .20rem; color: #000000; width: 3.9rem; background: #FFFFFF; border: .01rem solid #595757; }

.request-a-demo div.form form div.right, .request-a-demo div.form form div.left { max-width: 50%; min-width: 50%; flex-grow: 1; }

.request-a-demo div.form form .form-submit { position: absolute; bottom: -.30rem; left: 50%; }

.request-a-demo div.form form .form-submit input { font-size: .18rem; padding: .14rem .21rem; background: #000000; color: #fff; }

.request-a-demo div.form form .form-submit .g-recaptcha { position: absolute; left: 130%; top: 0; }

@media (max-width: 765px) { .request-a-demo .banner.pc { display: none; }
  .request-a-demo .banner.mobile { display: block; margin-bottom: .88rem; }
  .request-a-demo .banner.mobile h2 { padding: 0; margin: 0; text-align: center; padding-top: .84rem; }
  .request-a-demo .intro { display: block; margin-bottom: .2rem; padding: .2rem .35rem; }
  .request-a-demo .intro section { width: 100%; margin-bottom: .75rem; }
  .request-a-demo .intro section h4 { margin-bottom: .38rem; font-size: .36rem; font-weight: 600; color: #000000; }
  .request-a-demo .intro section p, .request-a-demo .intro section ul li { font-size: .18rem; font-weight: 400; color: #000000; line-height: .28rem; }
  .request-a-demo div.form { padding: .2rem .35rem; }
  .request-a-demo div.form h4 { font-size: .36rem; font-family: Open Sans; font-weight: 600; color: #000000; }
  .request-a-demo div.form form { display: block; }
  .request-a-demo div.form form div.left, .request-a-demo div.form form div.right { max-width: inherit; min-width: inherit; }
  .request-a-demo div.form form label { width: 2.23rem; font-size: .2rem; font-family: Open Sans; font-weight: 400; color: #000000; }
  .request-a-demo div.form form input[type="text"], .request-a-demo div.form form input[type="email"] { width: 4.14rem; background: #FFFFFF; border: .01rem solid #595757; padding: .24rem .1rem; font-size: .20rem; color: #000000; }
  .request-a-demo div.form form .check-box .checkbox-box { display: block; }
  .request-a-demo div.form form .check-box .checkbox-box label { width: auto; max-width: inherit; min-width: inherit; font-size: .14rem; font-weight: 400; color: #000000; }
  .request-a-demo div.form form .check-box .checkbox-box input { margin-right: .15rem; width: .45rem; height: .45rem; }
  .request-a-demo div.form form .check-box .checkbox-box div label.error { left: 0; text-align: left; bottom: -11px; color: red; font-size: .14rem; }
  .request-a-demo div.form form .form-submit { position: inherit; left: 0; bottom: 0; transform: none; display: flex; flex-direction: column; align-items: center; justify-content: center; }
  .request-a-demo div.form form .form-submit input { padding: .2rem .5rem; font-size: .2rem; font-weight: 400; color: #FFFFFF; }
  .request-a-demo div.form form .form-submit .g-recaptcha { margin-top: .2rem; position: inherit; top: 0; left: 0; } }

.dragenfish_nest .onlyApp { display: none; }

.dragenfish_nest .banner video { width: 100%; }

.dragenfish_nest .banner .pro-appimg { text-align: center; position: relative; }

.dragenfish_nest .banner .pro-appimg div { position: absolute; top: .30rem; z-index: 20; width: 100%; }

.dragenfish_nest .banner .pro-appimg div h2 { font-size: .46rem; font-weight: bold; color: #FFFFFF; padding-bottom: .56rem; }

.dragenfish_nest .banner .pro-appimg div p { font-size: .20rem; font-weight: 400; color: #fff; line-height: .35rem; }

.dragenfish_nest .p1 .intro, .dragenfish_nest .p2 .intro, .dragenfish_nest .p3 .intro, .dragenfish_nest .p4 .intro, .dragenfish_nest .p7 .intro { color: #fff; }

.dragenfish_nest .p1 .intro .w1280, .dragenfish_nest .p2 .intro .w1280, .dragenfish_nest .p3 .intro .w1280, .dragenfish_nest .p4 .intro .w1280, .dragenfish_nest .p7 .intro .w1280 { text-align: center; }

.dragenfish_nest .p1 .intro .w1280 h2, .dragenfish_nest .p2 .intro .w1280 h2, .dragenfish_nest .p3 .intro .w1280 h2, .dragenfish_nest .p4 .intro .w1280 h2, .dragenfish_nest .p7 .intro .w1280 h2 { font-size: .46rem; font-weight: bold; color: #FFFFFF; padding-bottom: .56rem; }

.dragenfish_nest .p1 .intro .w1280 p, .dragenfish_nest .p2 .intro .w1280 p, .dragenfish_nest .p3 .intro .w1280 p, .dragenfish_nest .p4 .intro .w1280 p, .dragenfish_nest .p7 .intro .w1280 p { margin: 0 auto; max-width: 9.20rem; color: #fff; line-height: .35rem; font-size: .20rem; font-weight: 400; }

.dragenfish_nest .p1 .intro .w1280 p:last-child, .dragenfish_nest .p2 .intro .w1280 p:last-child, .dragenfish_nest .p3 .intro .w1280 p:last-child, .dragenfish_nest .p4 .intro .w1280 p:last-child, .dragenfish_nest .p7 .intro .w1280 p:last-child { margin-bottom: 1rem; }

.dragenfish_nest .p1 { padding-top: 2.06rem; }

.dragenfish_nest .p1 img.pro-pcimg { width: 7.15rem; max-width: 7.15rem; }

.dragenfish_nest .p1 .intro-2 { display: flex; flex-wrap: wrap; color: #fff; width: 100%; max-width: 11.00rem; margin: 0 auto; margin-top: 1.5rem; }

.dragenfish_nest .p1 .intro-2 li { display: flex; flex-direction: column; text-align: center; justify-content: center; min-width: 25%; max-width: 25%; margin-bottom: 1rem; align-items: center; }

.dragenfish_nest .p1 .intro-2 li img { margin-bottom: .27rem; height: .59rem; }

.dragenfish_nest .p1 .intro-2 li span { font-size: .20rem; font-weight: 400; color: #FFFFFF; line-height: .28rem; }

.dragenfish_nest .p2 .p2-ms-qh ul, .dragenfish_nest .p2 .p4-ms-qh ul, .dragenfish_nest .p4 .p2-ms-qh ul, .dragenfish_nest .p4 .p4-ms-qh ul { margin: 0 auto; margin-top: .95rem; display: flex; justify-content: space-between; align-items: center; width: fit-content; border-bottom: .01rem solid #8f8f8f; }

.dragenfish_nest .p2 .p2-ms-qh ul li, .dragenfish_nest .p2 .p4-ms-qh ul li, .dragenfish_nest .p4 .p2-ms-qh ul li, .dragenfish_nest .p4 .p4-ms-qh ul li { text-align: center; font-size: .20rem; font-weight: 400; color: #8F8F8F; line-height: .55rem; position: relative; margin-right: .50rem; }

.dragenfish_nest .p2 .p2-ms-qh ul li:last-child, .dragenfish_nest .p2 .p4-ms-qh ul li:last-child, .dragenfish_nest .p4 .p2-ms-qh ul li:last-child, .dragenfish_nest .p4 .p4-ms-qh ul li:last-child { margin-right: 0; }

.dragenfish_nest .p2 .p2-ms-qh ul li::after, .dragenfish_nest .p2 .p4-ms-qh ul li::after, .dragenfish_nest .p4 .p2-ms-qh ul li::after, .dragenfish_nest .p4 .p4-ms-qh ul li::after { position: absolute; bottom: 0; content: ''; display: block; width: 100%; height: 0; background-color: #8f8f8f; left: 50%; transform: translateX(-50%); transition: all 0.3s; }

.dragenfish_nest .p2 .p2-ms-qh ul li.on, .dragenfish_nest .p2 .p4-ms-qh ul li.on, .dragenfish_nest .p4 .p2-ms-qh ul li.on, .dragenfish_nest .p4 .p4-ms-qh ul li.on { color: #fff; }

.dragenfish_nest .p2 .p2-ms-qh ul li.on::after, .dragenfish_nest .p2 .p4-ms-qh ul li.on::after, .dragenfish_nest .p4 .p2-ms-qh ul li.on::after, .dragenfish_nest .p4 .p4-ms-qh ul li.on::after { height: .02rem; background-color: #fff; }

.dragenfish_nest .p2 { margin-bottom: .50rem; margin-top: .5rem; }

.dragenfish_nest .p2 .p2-ms-2 { margin-top: .50rem; }

.dragenfish_nest .p2 .p2-ms-2 p { margin: 0 auto; width: 7.77rem; max-width: 7.77rem; text-align: center; color: #fff; padding-bottom: .10rem; font-size: .20rem; font-weight: 400; line-height: .34rem; }

.dragenfish_nest .p3 { margin-top: 2.00rem; }

.dragenfish_nest .p3 .bfsp { width: 10.99rem; max-width: 10.99rem; margin: 0 auto; }

.dragenfish_nest .p4 { margin-top: 2.50rem; }

.dragenfish_nest .p4 .p4-ms-qh { margin-top: .6rem; }

.dragenfish_nest .p4 .p4-ms-qh ul { margin-top: .20rem; }

.dragenfish_nest .p4 .p4-ms-2 { margin-top: .30rem; }

.dragenfish_nest .p4 .p4-ms-2 p { margin: 0 auto; text-align: center; max-width: 7.00rem; font-size: .2rem; font-weight: 400; color: #FFFFFF; line-height: .30rem; }

.dragenfish_nest .p5 { margin-top: 1.00rem; position: relative; }

.dragenfish_nest .p5 img { max-width: 19.20rem; margin: 0 auto; margin-top: 1rem; }

.dragenfish_nest .p5 .intro { margin-bottom: 1rem; position: absolute; top: .90rem; left: 50%; transform: translateX(-100%); color: #fff; }

.dragenfish_nest .p5 .intro .w1280 { max-width: 5.00rem; }

.dragenfish_nest .p5 .intro h2 { font-size: .46rem; font-weight: bold; color: #FFFFFF; line-height: .94rem; margin-bottom: .20rem; }

.dragenfish_nest .p5 .intro p { font-size: .20rem; font-weight: 400; color: #B1B1B1; }

.dragenfish_nest .p5 .intro ul { margin-top: .80rem; display: flex; justify-content: flex-start; width: 80%; }

.dragenfish_nest .p5 .intro ul li { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.dragenfish_nest .p5 .intro ul li img { margin-bottom: .2rem; height: .56rem; margin-top: 0; }

.dragenfish_nest .p5 .intro ul li:nth-child(2) { flex-grow: 1; }

.dragenfish_nest .p6 .w1200 h2 { font-size: .46rem; font-weight: bold; color: #FFFFFF; line-height: .55rem; margin-bottom: .40rem; }

.dragenfish_nest .p6 .w1200 p { font-size: .20rem; font-weight: 400; color: #FFFFFF; line-height: .34rem; }

.dragenfish_nest .p6 .w1200 p:last-child { margin-bottom: .30rem; }

.dragenfish_nest .p6 .w1200 ul { display: flex; width: 50%; margin: 0 auto; margin-top: .70rem; justify-content: space-between; align-items: center; }

.dragenfish_nest .p6 .w1200 ul li { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.dragenfish_nest .p6 .w1200 ul li h2 { margin-bottom: .10rem; font-size: .50rem; color: #FFFFFF; }

.dragenfish_nest .p6 .w1200 ul li p { font-size: .20rem; font-weight: 400; color: #FFFFFF; }

.dragenfish_nest .p6 #k40patriot05_dw01 { top: 43%; }

.dragenfish_nest .p7 { margin-top: 2.00rem; padding-bottom: 4.00rem; }

.dragenfish_nest .p7 > ul { display: grid; grid-template-columns: 1fr 1fr; justify-content: center; max-width: 12.00rem; margin: 0 auto; grid-column-gap: .20rem; grid-row-gap: .70rem; }

.dragenfish_nest .p7 > ul li { display: flex; max-width: 5.93rem; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-align: center; }

.dragenfish_nest .p7 > ul li .img-hover-box { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; height: 2.94rem; margin-bottom: .38rem; }

.dragenfish_nest .p7 > ul li .img-hover-box img { height: 100%; transform: scale(1); transition: transform 0.5s; }

.dragenfish_nest .p7 > ul li .img-hover-box:hover img { transform: scale(1.1); }

.dragenfish_nest .p7 > ul li p { font-size: .24rem; font-weight: 400; color: #fff; line-height: .40rem; }

@media (max-width: 971px) { .dragenfish_nest .banner .pro-appimg div h2 { font-size: .6rem; }
  .dragenfish_nest .banner .pro-appimg div p { font-size: .28rem; }
  .dragenfish_nest .p1 .intro, .dragenfish_nest .p2 .intro, .dragenfish_nest .p3 .intro, .dragenfish_nest .p5 .intro { color: #fff; }
  .dragenfish_nest .p1 .intro .w1280, .dragenfish_nest .p2 .intro .w1280, .dragenfish_nest .p3 .intro .w1280, .dragenfish_nest .p5 .intro .w1280 { text-align: left; }
  .dragenfish_nest .p1 .intro .w1280 h2, .dragenfish_nest .p2 .intro .w1280 h2, .dragenfish_nest .p3 .intro .w1280 h2, .dragenfish_nest .p5 .intro .w1280 h2 { font-size: .56rem; font-weight: bold; color: #FFFFFF; padding-bottom: .56rem; }
  .dragenfish_nest .p1 .intro .w1280 p, .dragenfish_nest .p2 .intro .w1280 p, .dragenfish_nest .p3 .intro .w1280 p, .dragenfish_nest .p5 .intro .w1280 p { font-size: .32rem; font-weight: 400; color: #B1B1B1; line-height: 1.5em; }
  .dragenfish_nest .p1 .intro .w1280 p:last-child, .dragenfish_nest .p2 .intro .w1280 p:last-child, .dragenfish_nest .p3 .intro .w1280 p:last-child, .dragenfish_nest .p5 .intro .w1280 p:last-child { margin-bottom: 1rem; }
  .dragenfish_nest .p1 { padding-top: 1.36rem; }
  .dragenfish_nest .p1 .intro { margin-bottom: 1.00rem; }
  .dragenfish_nest .p1 .intro-2 { width: 80%; }
  .dragenfish_nest .p1 .intro-2 li { min-width: 50%; max-width: 50%; width: 50%; margin-bottom: .90rem; }
  .dragenfish_nest .p1 .intro-2 li span { font-size: .32rem; color: #FFFFFF; }
  .dragenfish_nest .p1 .intro-2 li img { height: .96rem; }
  .dragenfish_nest .p2 .intro { margin-bottom: 1.10rem; }
  .dragenfish_nest .p2 .p2-ms-qh { overflow-x: auto; overflow-y: hidden; }
  .dragenfish_nest .p2 .p2-ms-qh ul { flex-wrap: nowrap; }
  .dragenfish_nest .p2 .p2-ms-qh ul li { font-size: .32rem; }
  .dragenfish_nest .p2 .p2-ms-qh ul li.en-li:first-child { min-width: 3.3rem; }
  .dragenfish_nest .p2 .p2-ms-qh ul li.en-li:last-child { min-width: 5rem; }
  .dragenfish_nest .p2 .p2-ms-qh::-webkit-scrollbar { display: none; }
  .dragenfish_nest .p2 .p2-ms-2 p { font-size: .32rem; font-weight: 400; color: #FFFFFF; line-height: 1.5em; width: 100%; text-align: left; }
  .dragenfish_nest .p3 { margin-top: 0; }
  .dragenfish_nest .p3 .p3-ms .pro-appimg { position: relative; width: 90%; }
  .dragenfish_nest .p3 .p3-ms .pro-appimg .back-img { width: 100%; }
  .dragenfish_nest .p3 .p3-ms .pro-appimg a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
  .dragenfish_nest .p3 .p3-ms .pro-appimg a img { width: 2rem; }
  .dragenfish_nest .p4 { margin-top: 2rem; }
  .dragenfish_nest .p4 .intro { margin-bottom: .60rem; }
  .dragenfish_nest .p4 .p4-ms-qh { overflow-x: auto; overflow-y: hidden; }
  .dragenfish_nest .p4 .p4-ms-qh ul.zh { width: 100%; }
  .dragenfish_nest .p4 .p4-ms-qh ul { flex-wrap: nowrap; }
  .dragenfish_nest .p4 .p4-ms-qh ul li { flex-grow: 1; font-size: .24rem; color: #FFFFFF; }
  .dragenfish_nest .p4 .p4-ms-qh ul li.en-li { width: 2.6rem; }
  .dragenfish_nest .p4 .p4-ms-qh ul li.en-li:first-child, .dragenfish_nest .p4 .p4-ms-qh ul li.en-li:last-child { width: 2.3rem; }
  .dragenfish_nest .p4 .p4-ms-qh::-webkit-scrollbar { display: none; }
  .dragenfish_nest .p4 .p4-ms-2 { margin-top: .74rem; }
  .dragenfish_nest .p4 .p4-ms-2 p { text-align: left; font-size: .32rem; font-weight: 400; color: #FFFFFF; line-height: 1.5em; }
  .dragenfish_nest .p5 .w1280 { width: 90%; max-width: none !important; }
  .dragenfish_nest .p5 .intro { position: static; transform: translateX(0); }
  .dragenfish_nest .p5 .intro h2 { font-size: .56rem; margin-bottom: .48rem; }
  .dragenfish_nest .p5 .intro p { font-size: .32rem; }
  .dragenfish_nest .p5 .intro ul { margin-top: 1.40rem; margin-left: .20rem; width: 90%; }
  .dragenfish_nest .p5 .intro ul li { margin-right: 0; }
  .dragenfish_nest .p5 .intro ul li img { height: 1.00rem; }
  .dragenfish_nest .p5 .intro ul li span { font-size: .32rem; color: #CFCFCF; line-height: 1.5em; }
  .dragenfish_nest .p6 .k40patriot40-bgtphone { position: relative; }
  .dragenfish_nest .p6 .k40patriot40-bgtphone .evmaxmap { position: absolute; top: .58rem; z-index: 10; }
  .dragenfish_nest .p6 .k40patriot40-bgtphone .evmaxmap div h2 { font-size: .56rem; font-weight: bold; color: #FFFFFF; margin-bottom: 0; line-height: 1.5em; }
  .dragenfish_nest .p6 .k40patriot40-bgtphone .evmaxmap div p { margin-top: .56rem; margin-bottom: .60rem; font-size: .32rem; color: #FFFFFF; line-height: 1.5em; }
  .dragenfish_nest .p6 .k40patriot40-bgtphone .evmaxmap div ul { display: block; margin: 0; margin-top: .50rem; }
  .dragenfish_nest .p6 .k40patriot40-bgtphone .evmaxmap div ul li { display: block; }
  .dragenfish_nest .p6 .k40patriot40-bgtphone .evmaxmap div ul li h2, .dragenfish_nest .p6 .k40patriot40-bgtphone .evmaxmap div ul li p { text-align: left; }
  .dragenfish_nest .p6 .k40patriot40-bgtphone .evmaxmap div ul li p { font-size: .24rem; color: #B5B5B5; line-height: 1.5em; margin-top: .20rem; }
  .dragenfish_nest .p6 .k40patriot40-bgtphone img { width: 100%; margin: 0; }
  .dragenfish_nest .p7 ul { display: block; }
  .dragenfish_nest .p7 ul li p { margin-top: .32rem; font-size: .32rem; font-weight: 400; color: #fff; line-height: 1.5em; }
  .dragenfish_nest .p7 ul > li { margin: 0 .50rem; margin-bottom: .50rem; max-width: none; }
  .dragenfish_nest .p7 ul > li .img-hover-box { height: auto; margin-bottom: .2rem; }
  .dragenfish_nest .p7 ul > div { display: grid; grid-template-columns: 1fr 1fr; margin: 0 .50rem; justify-content: center; align-items: center; grid-column-gap: .20rem; }
  .dragenfish_nest .p7 ul > div > li img { width: 100%; }
  .dragenfish_nest .onlyApp { display: block; }
  .dragenfish_nest .en-p5-ul li { max-width: 50%; min-width: 50%; justify-content: flex-start; margin-bottom: .4rem; } }

.dragenfish_repeater .inPC { display: block; }

.dragenfish_repeater .inApp { display: none; }

.dragenfish_repeater strong { color: #fff; }

.dragenfish_repeater .banner { padding: 0; }

.dragenfish_repeater .banner .inPC { position: relative; }

.dragenfish_repeater .banner .inPC .title { position: absolute; top: 1.28rem; left: 50%; transform: translateX(-50%); text-align: center; }

.dragenfish_repeater .banner .inPC .title h2 { font-size: .46rem; font-weight: bold; color: #FFFFFF; padding-bottom: .33rem; }

.dragenfish_repeater .banner .inPC .title p { margin: 0 auto; font-size: .32rem; max-width: 9.00rem; font-weight: 400; color: #fff; line-height: 1.5em; }

.dragenfish_repeater .banner .inPC img { width: 100%; }

.dragenfish_repeater .banner .intro { max-width: 9.00rem; margin: 0 auto; margin-top: 1.5rem; }

.dragenfish_repeater .banner .intro p { max-width: 8.00rem; margin-bottom: .3rem; font-size: .22rem; color: #9F9FA0; line-height: 1.5em; margin-left: auto; margin-right: auto; margin-bottom: 1.5rem; }

.dragenfish_repeater .banner .intro p strong { color: #fff; }

.dragenfish_repeater .banner .intro ul { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }

.dragenfish_repeater .banner .intro ul li { display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 30%; min-width: 30%; margin-bottom: .7rem; font-size: .2rem; color: #FFFFFF; line-height: 1.5em; }

.dragenfish_repeater .banner .intro ul li img { height: .83rem; margin-bottom: .23rem; }

.dragenfish_repeater .p1, .dragenfish_repeater .p2, .dragenfish_repeater .p3, .dragenfish_repeater .p4, .dragenfish_repeater .p5, .dragenfish_repeater .p6 { margin-top: 1rem; }

.dragenfish_repeater .p1 .intro, .dragenfish_repeater .p2 .intro, .dragenfish_repeater .p3 .intro, .dragenfish_repeater .p4 .intro, .dragenfish_repeater .p5 .intro, .dragenfish_repeater .p6 .intro { color: #fff; }

.dragenfish_repeater .p1 .intro .w1280, .dragenfish_repeater .p2 .intro .w1280, .dragenfish_repeater .p3 .intro .w1280, .dragenfish_repeater .p4 .intro .w1280, .dragenfish_repeater .p5 .intro .w1280, .dragenfish_repeater .p6 .intro .w1280 { text-align: center; }

.dragenfish_repeater .p1 .intro .w1280 h2, .dragenfish_repeater .p2 .intro .w1280 h2, .dragenfish_repeater .p3 .intro .w1280 h2, .dragenfish_repeater .p4 .intro .w1280 h2, .dragenfish_repeater .p5 .intro .w1280 h2, .dragenfish_repeater .p6 .intro .w1280 h2 { font-size: .4rem; color: #FFFFFF; line-height: 1.5em; margin-bottom: .7rem; font-weight: bold; }

.dragenfish_repeater .p1 .intro .w1280 p, .dragenfish_repeater .p2 .intro .w1280 p, .dragenfish_repeater .p3 .intro .w1280 p, .dragenfish_repeater .p4 .intro .w1280 p, .dragenfish_repeater .p5 .intro .w1280 p, .dragenfish_repeater .p6 .intro .w1280 p { margin: 0 auto; max-width: 9.00rem; font-weight: 400; font-size: .2rem; color: #9F9FA0; }

.dragenfish_repeater .p1 .intro .w1280 p:last-child, .dragenfish_repeater .p2 .intro .w1280 p:last-child, .dragenfish_repeater .p3 .intro .w1280 p:last-child, .dragenfish_repeater .p4 .intro .w1280 p:last-child, .dragenfish_repeater .p5 .intro .w1280 p:last-child, .dragenfish_repeater .p6 .intro .w1280 p:last-child { margin-bottom: 1rem; }

.dragenfish_repeater .p1 img.inPC { max-width: 12.34rem; margin: 0 auto; }

.dragenfish_repeater .p1 .intro h2 { margin-bottom: .4rem !important; }

.dragenfish_repeater .p2 ul.inPC { max-width: 12.34rem; margin: 0 auto; }

.dragenfish_repeater .p2 ul.inPC li { display: flex; align-items: center; justify-content: space-between; margin-bottom: .5rem; }

.dragenfish_repeater .p2 ul.inPC li div { max-width: 4.96rem; }

.dragenfish_repeater .p2 ul.inPC li div h2 { font-size: .40rem; color: #FFFFFF; line-height: 1.5em; margin-bottom: .3rem; }

.dragenfish_repeater .p2 ul.inPC li div p { font-size: .20rem; color: #9F9FA0; line-height: 1.5em; }

.dragenfish_repeater .p2 ul.inPC li img { margin: 0; height: 3.9rem; }

.dragenfish_repeater .p3 { position: relative; }

.dragenfish_repeater .p3 .intro { position: absolute; top: .8rem; left: 50%; transform: translateX(-50%); }

.dragenfish_repeater .p3 .intro h2 { margin-bottom: .4rem !important; }

.dragenfish_repeater .p3 .tip-box { position: absolute; left: 27.9%; font-size: .18rem; top: 70.8%; color: #ccc; }

.dragenfish_repeater .p3 .tip-box::before { border-radius: 50%; content: ''; display: block; position: absolute; width: 0.1rem; height: 0.1rem; background-color: #31D5E9; top: 50%; transform: translateY(-50%); right: -0.15rem; }

.dragenfish_repeater .p3 .tip-box::after { content: ''; display: block; position: absolute; width: 2rem; height: 0.02rem; background-color: #31D5E9; top: 50%; transform: translateY(-50%); right: -2.1rem; }

.dragenfish_repeater .p4 { position: relative; margin-top: 0; }

.dragenfish_repeater .p4 .intro { position: absolute; top: 2.6rem; left: 16%; width: 7rem; }

.dragenfish_repeater .p4 .intro .w1280 h2, .dragenfish_repeater .p4 .intro .w1280 p { text-align: left; }

.dragenfish_repeater .p4 .intro .w1280 h2 { margin-bottom: .3rem; }

.dragenfish_repeater .p4 .intro .w1280 p { margin: 0; margin-bottom: .3rem; }

.dragenfish_repeater .p4 .intro .w1280 ul { display: flex; align-items: center; margin-top: .3rem; }

.dragenfish_repeater .p4 .intro .w1280 ul li { margin-right: .55rem; }

.dragenfish_repeater .p4 .intro .w1280 ul li h2 { text-align: left; color: #57d4e8; margin-bottom: .04rem; }

.dragenfish_repeater .p4 .intro .w1280 ul li p { text-align: left; color: #57d4e8; }

.dragenfish_repeater .p5 { position: relative; }

.dragenfish_repeater .p5 .intro { position: absolute; top: 0.9rem; left: 16.8%; width: 7rem; }

.dragenfish_repeater .p5 .intro .w1280 h2, .dragenfish_repeater .p5 .intro .w1280 p { text-align: left; }

.dragenfish_repeater .p5 .intro .w1280 h2 { margin-bottom: .3rem; }

.dragenfish_repeater .p5 .intro .w1280 p { margin: 0; margin-bottom: .3rem; }

.dragenfish_repeater .p5 .intro .w1280 .inPC h2 { text-align: left; color: #57d4e8; margin-bottom: .04rem; }

.dragenfish_repeater .p5 .intro .w1280 .inPC p { text-align: left; color: #57d4e8; }

.dragenfish_repeater .p6 { margin-top: 1.00rem; padding-bottom: 4.00rem; }

.dragenfish_repeater .p6 ul.inPC { display: grid; grid-template-columns: 1fr 1fr; justify-content: center; max-width: 12rem; margin: 0 auto; grid-column-gap: .20rem; grid-row-gap: .70rem; }

.dragenfish_repeater .p6 ul.inPC li { display: flex; max-width: 5.93rem; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-align: center; }

.dragenfish_repeater .p6 ul.inPC li .img-hover-box { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; height: 2.94rem; margin-bottom: .38rem; }

.dragenfish_repeater .p6 ul.inPC li .img-hover-box img { width: 100%; transform: scale(1); transition: transform 0.5s; }

.dragenfish_repeater .p6 ul.inPC li .img-hover-box:hover img { transform: scale(1.1); }

.dragenfish_repeater .p6 ul.inPC li p { font-size: .24rem; font-weight: 400; color: #fff; line-height: 1.5em; }

.dragenfish_repeater .p2-ms-qh ul { margin: 0 auto; margin-top: .95rem; display: flex; justify-content: space-between; align-items: center; width: fit-content; border-bottom: .01rem solid #8f8f8f; }

.dragenfish_repeater .p2-ms-qh ul li { text-align: center; font-size: .40rem; font-weight: 400; color: #8F8F8F; line-height: 1.5em; position: relative; margin-right: .50rem; width: 2.8rem; text-align: left; }

.dragenfish_repeater .p2-ms-qh ul li:last-child { text-align: right; margin-right: 0; }

.dragenfish_repeater .p2-ms-qh ul li::after { position: absolute; bottom: -0.01rem; content: ''; display: block; width: 100%; height: 0; background-color: #8f8f8f; left: 50%; transform: translateX(-50%); transition: all 0.3s; }

.dragenfish_repeater .p2-ms-qh ul li.on { color: #fff; }

.dragenfish_repeater .p2-ms-qh ul li.on::after { height: .02rem; background-color: #fff; }

@media (max-width: 971px) { .dragenfish_repeater .inPC { display: none; }
  .dragenfish_repeater .inApp { display: block; }
  .dragenfish_repeater .banner .inApp .title { position: absolute; top: 1.3rem; left: 50%; transform: translateX(-50%); color: #fff; text-align: center; width: 100%; }
  .dragenfish_repeater .banner .inApp .title h2 { margin-bottom: .2rem; font-size: .80rem; color: #FFFFFF; }
  .dragenfish_repeater .banner .inApp .title p { font-size: .32rem; color: #FFFFFF; }
  .dragenfish_repeater .banner .inApp img { width: 100%; }
  .dragenfish_repeater .banner .intro { width: calc(100% - 1.2rem); margin: 0 auto; margin-top: 1.1rem; }
  .dragenfish_repeater .banner .intro p { font-size: .34rem; color: #FFFFFF; line-height: 1.5em; text-align: justify; font-weight: lighter; }
  .dragenfish_repeater .banner .intro ul { align-items: flex-start; }
  .dragenfish_repeater .banner .intro ul li { max-width: 45%; min-width: 45%; }
  .dragenfish_repeater .banner .intro ul li img { height: 1.35rem; margin-bottom: .38rem; }
  .dragenfish_repeater .banner .intro ul li span { font-size: .30rem; }
  .dragenfish_repeater .p1 { position: relative; margin-top: 0 !important; }
  .dragenfish_repeater .p1 .intro { position: absolute; z-index: 2; top: 1.50rem; margin: 0 .2rem; }
  .dragenfish_repeater .p1 .intro .w1280 div h2 { text-align: left; font-size: .64rem; font-weight: bold; margin-bottom: .57rem; }
  .dragenfish_repeater .p1 .intro .w1280 div p { text-align: left; font-size: .32rem; }
  .dragenfish_repeater .p1 img { width: 100%; }
  .dragenfish_repeater .p2 { margin-top: 0; padding-top: 0; }
  .dragenfish_repeater .p2 .p2-ms { margin-top: .65rem; }
  .dragenfish_repeater .p2 .p2-ms p { font-size: .32rem; color: #FFFFFF; max-width: calc(100% - 1.25rem); margin: 0 auto; text-align: left; margin-bottom: .53rem; font-weight: 400; }
  .dragenfish_repeater .p2 .p2-ms img { width: calc(100% - 1.2rem); }
  .dragenfish_repeater .p3 .intro .w1280 h2, .dragenfish_repeater .p4 .intro .w1280 h2, .dragenfish_repeater .p5 .intro .w1280 h2 { text-align: left; font-size: .64rem; margin-bottom: .4rem; font-weight: bold; }
  .dragenfish_repeater .p3 .intro .w1280 p, .dragenfish_repeater .p4 .intro .w1280 p, .dragenfish_repeater .p5 .intro .w1280 p { text-align: left; font-size: .32rem; margin-bottom: .3rem; line-height: 1.5em; max-width: 5.7rem; }
  .dragenfish_repeater .p3 { position: relative; margin-top: .6rem; }
  .dragenfish_repeater .p3 .intro { position: inherit; margin-bottom: 1rem; top: auto; left: auto; transform: none; }
  .dragenfish_repeater .p3 .intro h2 { font-weight: bold; }
  .dragenfish_repeater .p3 .intro p { margin-left: 0 !important; max-width: none !important; }
  .dragenfish_repeater .p3 img { width: 90%; margin-right: 0; }
  .dragenfish_repeater .p4 { padding-bottom: 0 !important; }
  .dragenfish_repeater .p4 .intro { position: absolute; top: 1.5rem; left: 0%; width: 7rem; }
  .dragenfish_repeater .p4 .intro .w1280 ul { display: block; border-left: 1px solid #31D5E9; padding-left: .3rem; margin-top: .5rem; }
  .dragenfish_repeater .p4 .intro .w1280 ul li h2 { font-size: .48rem; color: #31D5E9; }
  .dragenfish_repeater .p4 .intro .w1280 ul li p { margin-bottom: .4rem; font-size: .28rem; color: #31D5E9; }
  .dragenfish_repeater .p5 { position: relative; margin-top: 0; padding-top: 0 !important; }
  .dragenfish_repeater .p5 .intro.inApp { position: absolute; top: .8rem; left: .6rem; }
  .dragenfish_repeater .p5 .intro.inApp .w1280 { width: 100%; }
  .dragenfish_repeater .p6 { margin-top: .1rem; padding-bottom: 4.00rem; }
  .dragenfish_repeater .p6 .intro .w1280 h2 { font-size: .64rem; font-weight: bolder; }
  .dragenfish_repeater .p6 ul.inPC { display: none; }
  .dragenfish_repeater .p6 ul.inApp { width: calc(100% - 0.32rem); margin: 0 auto; }
  .dragenfish_repeater .p6 ul.inApp li { position: relative; }
  .dragenfish_repeater .p6 ul.inApp li p { position: absolute; bottom: .23rem; left: 50%; transform: translateX(-50%); color: #fff; font-size: .32rem; width: 100%; text-align: center; }
  .dragenfish_repeater .p6 ul.inApp > ul { margin-top: .11rem; display: flex; align-items: center; justify-content: space-between; }
  .dragenfish_repeater .p6 ul.inApp > ul li { width: calc((100% - .22rem)/3); } }

@media (max-width: 971px) { .dragenfish_repeater.page_en .p1 .intro .w1280 h2, .dragenfish_repeater.page_en .p2 .intro .w1280 h2, .dragenfish_repeater.page_en .p3 .intro .w1280 h2, .dragenfish_repeater.page_en .p4 .intro .w1280 h2, .dragenfish_repeater.page_en .p5 .intro .w1280 h2, .dragenfish_repeater.page_en .p6 .intro .w1280 h2 { font-weight: 400; }
  .dragenfish_repeater.page_en .p3 { margin-top: 0; padding-bottom: 0; margin-bottom: 0; }
  .dragenfish_repeater.page_en .p4 { padding-top: 0; } }

.flightxfj-list.light { background-color: #fff; color: #333; box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, 0.1); }

.flightxfj-list.light .flightxfj-list-pcmenu.flightxfj-list-pcmenuFixed { box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, 0.1); }

.flightxfj-list.light .flightxfj-list-menuLeft h1 { color: #090909; }

.flightxfj-list.light .flightxfj-list-pcmenu { background-color: #fff; }

.flightxfj-list.light .flightxfj-list-pcmenu h3 { color: #090909; }

.flightxfj-list.light .flightxfj-list-menuRight a { color: #090909; }

.flightxfj-list.light .flightxfj-list-mobilemenu span { color: #090909; }

p { line-height: 1.5em; }

.patriot_line_antenna .inPC { display: block; }

.patriot_line_antenna .inApp { display: none; }

.patriot_line_antenna .pc-center-title-box, .patriot_line_antenna .pctb { text-align: center; color: #2D2D2B; }

.patriot_line_antenna .pc-center-title-box h2, .patriot_line_antenna .pctb h2 { margin-bottom: .65rem; font-size: .46rem; }

.patriot_line_antenna .pc-center-title-box p, .patriot_line_antenna .pctb p { font-size: .2rem; }

.patriot_line_antenna .pc-left-title-box, .patriot_line_antenna .pltb { text-align: left; color: #2D2D2B; }

.patriot_line_antenna .pc-left-title-box h2, .patriot_line_antenna .pltb h2 { margin-bottom: .56rem; font-size: .56rem; }

.patriot_line_antenna .space { width: .1rem; display: inline-block; }

.patriot_line_antenna .banner { position: relative; }

.patriot_line_antenna .banner .title { position: absolute; top: 1.38rem; left: 4rem; }

.patriot_line_antenna .banner .title h2 { text-align: left; color: #2D2D2B; margin-bottom: .25rem; font-size: .46rem; font-weight: 700; }

.patriot_line_antenna .banner .title p { text-align: left; color: #2D2D2B; max-width: 5.46rem; margin-bottom: .1rem; font-size: .30rem; font-weight: 500; }

.patriot_line_antenna .banner .title .more { font-size: .20rem; font-weight: 400; color: #2D2D2B; line-height: 1.5em; }

.patriot_line_antenna .banner .tips { position: absolute; bottom: .41rem; right: 1.08rem; font-size: .14rem; font-weight: 300; color: #434343; }

.patriot_line_antenna .p1 .intro h2, .patriot_line_antenna .p2 .intro h2, .patriot_line_antenna .p3 .intro h2, .patriot_line_antenna .p4 .intro h2 { font-weight: bolder; }

.patriot_line_antenna .p1 { margin-top: 1.62rem; margin-bottom: 1.8rem; }

.patriot_line_antenna .p1 .intro { margin-bottom: 1.3rem; }

.patriot_line_antenna .p1 .intro p { max-width: 11.05rem; }

.patriot_line_antenna .p1 .bfsp { max-width: 12rem; margin: 0 auto; margin-bottom: 1.4rem; margin-top: 1.1rem; }

.patriot_line_antenna .p1 .intro { max-width: 12rem; margin: 0 auto; }

.patriot_line_antenna .p2 { position: relative; }

.patriot_line_antenna .p2 .intro { position: absolute; top: 1.2rem; left: 50%; transform: translateX(-50%); }

.patriot_line_antenna .p2 .intro p { max-width: 8.12rem; }

.patriot_line_antenna .p2 .intro .tips { margin-top: .4rem; font-size: .14rem; font-weight: 400; color: #333; }

.patriot_line_antenna .p3 { margin-top: 1.7rem; }

.patriot_line_antenna .p3 ul { max-width: 5rem; margin: 0 auto; margin-top: .8rem; margin-bottom: .5rem; }

.patriot_line_antenna .p3 ul li { max-width: 30% !important; min-width: 30% !important; }

.patriot_line_antenna .p3 ul li img { margin-bottom: .25rem !important; }

.patriot_line_antenna .p3 img { max-width: 12rem; }

.patriot_line_antenna .p4 { margin-top: 1.7rem; margin-bottom: 2rem; }

.patriot_line_antenna .p4 .intro .w1280 h2 { margin-bottom: .58rem; }

.patriot_line_antenna .p4 .intro .w1280 p { margin-bottom: 1.46rem; }

.patriot_line_antenna .p4 p { max-width: 8.7rem; }

.patriot_line_antenna .p4 .bfsp { margin: 0 auto; max-width: 12rem; margin-top: 1.2rem; }

.patriot_line_antenna .p5 { position: relative; padding-top: 1.8rem; }

.patriot_line_antenna .p5 .bg-img { width: 50%; }

.patriot_line_antenna .p5 .bg-intro { opacity: 0; position: absolute; top: .4rem; width: 100%; }

.patriot_line_antenna .p5 .bg-intro p { max-width: 8.05rem; margin-left: auto; margin-right: auto; }

.patriot_line_antenna .p5 .bg-intro img { margin-top: .7rem; height: 8.3rem; }

.patriot_line_antenna .p6 { max-width: 12rem; margin: 0 auto; margin-top: 6.16rem; }

.patriot_line_antenna .p6 li { display: flex; margin-bottom: 1.67rem; align-items: center; justify-content: space-between; }

.patriot_line_antenna .p6 li img { width: 6.8rem; margin: 0; }

.patriot_line_antenna .p6 li .text-div { margin-left: 1.12rem; }

.patriot_line_antenna .p6 li .text-div h2 { font-size: .38rem; font-weight: 500; color: #323232; margin-bottom: .54rem; line-height: 1.5em; font-weight: 700; }

.patriot_line_antenna .p6 li .text-div p { font-size: .20rem; font-weight: 400; color: #333333; line-height: 1.5em; max-width: 4rem; }

.patriot_line_antenna .p6 li:nth-child(2) div { margin-left: 0; }

.patriot_line_antenna .p7 > div > ul { display: flex; align-items: center; justify-content: space-between; margin-bottom: .35rem; }

.patriot_line_antenna .p7 > div > ul p { text-align: center; font-size: .20rem; font-weight: 400; color: #333333; margin-top: .2rem; }

.patriot_line_antenna .p7 div.inPC { max-width: 12rem; margin: 0 auto; }

.patriot_line_antenna .p7 .l-2 li { width: calc((100% - 0.13rem) / 2); }

.patriot_line_antenna .p7 .l-3 li { width: calc((100% - 0.13rem) / 3); }

@media (max-width: 971px) { .patriot_line_antenna { padding-top: 0; }
  .patriot_line_antenna .inPC { display: none; }
  .patriot_line_antenna .inApp { display: block; }
  .patriot_line_antenna .banner { padding-top: 0; }
  .patriot_line_antenna .banner .inApp .title { top: 1.1rem; left: 50%; transform: translateX(-50%); width: 90%; }
  .patriot_line_antenna .banner .inApp .title h2, .patriot_line_antenna .banner .inApp .title p { word-wrap: normal; text-align: center; width: 100%; max-width: none; }
  .patriot_line_antenna .banner .inApp .more { margin: 0 auto; margin-top: .85rem; max-width: calc(100% - .94rem); text-align: justify; font-size: .32rem; font-weight: 400; color: #373736; line-height: 1.5em; }
  .patriot_line_antenna .banner .inApp .tips { margin-left: .46rem; position: inherit; margin-top: .4rem; font-size: .28rem; font-weight: 400; color: #4D4D4C; }
  .patriot_line_antenna .p1 .bfsp, .patriot_line_antenna .p4 .bfsp { margin-top: 0; position: relative; }
  .patriot_line_antenna .p1 .bfsp a, .patriot_line_antenna .p4 .bfsp a { position: absolute; top: 46%; left: 50%; transform: translate(-50%, -50%); }
  .patriot_line_antenna .p1 .bfsp a img, .patriot_line_antenna .p4 .bfsp a img { width: 1rem; }
  .patriot_line_antenna .p1 { margin-top: 0.6rem; margin-bottom: 0; }
  .patriot_line_antenna .p1 .pltb { width: 90%; margin: 0 auto; }
  .patriot_line_antenna .p1 .pltb p { font-size: .32rem; font-weight: 400; color: #373736; line-height: 1.5em; }
  .patriot_line_antenna .p1 .intro { margin-top: 1.2rem; width: 90%; }
  .patriot_line_antenna .p1 .intro ul li { max-width: 50%; min-width: 50%; margin-bottom: 1rem; }
  .patriot_line_antenna .p1 .intro ul li img { height: .8rem; margin-bottom: .3rem; }
  .patriot_line_antenna .p2 { margin-top: 1rem; }
  .patriot_line_antenna .p2 .intro { width: 90%; }
  .patriot_line_antenna .p2 .intro p { font-size: .3rem; font-weight: 400; color: #393939; text-align: left; line-height: 1.5em; }
  .patriot_line_antenna .p2 .intro h2 { text-align: left; font-size: .56rem; color: #262626; }
  .patriot_line_antenna .p2 .intro .tips { font-size: .28rem; }
  .patriot_line_antenna .p3 .intro h2, .patriot_line_antenna .p4 .intro h2, .patriot_line_antenna .p5 .intro h2 { text-align: left; font-size: .56rem; font-weight: bold; color: #262626; }
  .patriot_line_antenna .p3 .intro p, .patriot_line_antenna .p4 .intro p, .patriot_line_antenna .p5 .intro p { text-align: left; font-size: .32rem; color: #393939; line-height: 1.5em; }
  .patriot_line_antenna .p3 { margin-top: 1.1rem; }
  .patriot_line_antenna .p3 .intro h2 { text-align: left; font-size: .56rem; font-weight: bold; color: #262626; }
  .patriot_line_antenna .p3 .intro p { text-align: left; font-size: .32rem; color: #393939; line-height: 1.5em; }
  .patriot_line_antenna .p3 ul { max-width: none; }
  .patriot_line_antenna .p3 ul li img { height: .8rem !important; }
  .patriot_line_antenna .p3 ul li span { font-size: .32rem !important; font-weight: 400; color: #393939; }
  .patriot_line_antenna .p4 { margin-bottom: .5rem; margin-top: 1.1rem; }
  .patriot_line_antenna .p4 .bfsp { margin-top: 0.8rem; }
  .patriot_line_antenna .p5 { position: initial; padding-top: 1rem; }
  .patriot_line_antenna .p5 .bg-intro { position: initial; opacity: 1; }
  .patriot_line_antenna .p6 { margin-top: 1rem; }
  .patriot_line_antenna .p6 li { display: block; width: 90%; margin: 0 auto; margin-bottom: 1rem; }
  .patriot_line_antenna .p6 li .text-div, .patriot_line_antenna .p6 li img { margin: 0; width: 100%; }
  .patriot_line_antenna .p6 li img { margin-top: .8rem; }
  .patriot_line_antenna .p6 li .text-div h2 { font-size: .56rem; margin-bottom: .5rem; font-weight: 700; color: #262626; }
  .patriot_line_antenna .p6 li .text-div p { max-width: none; font-size: .32rem; color: #3A3A3A; }
  .patriot_line_antenna .p7 .intro h2 { font-size: .56rem; }
  .patriot_line_antenna .p7 div.inApp { width: 90%; margin: 0 auto; }
  .patriot_line_antenna .p7 div.inApp div { margin-bottom: 0; }
  .patriot_line_antenna .p7 div.inApp li { margin-bottom: .6rem; }
  .patriot_line_antenna .p7 div.inApp li img { margin-bottom: .23rem; }
  .patriot_line_antenna .p7 div.inApp li p { text-align: center; font-size: .32rem; color: #3A3A3A; } }

.k40patriot-4n4t h2, .k40patriot-4n4t p, .k40patriot-4n4t span { color: #fff; line-height: 1.5em; }

.k40patriot-4n4t .k40patriot-head-k40patriot01 h2 { font-size: 1rem; }

.k40patriot-4n4t .banner .inPC { position: relative; }

.k40patriot-4n4t .banner .inPC .title { position: absolute; top: 1.4rem; left: 50%; transform: translateX(-50%); text-align: center; color: #fff; width: 100%; }

.k40patriot-4n4t .banner .inPC .title img { margin-bottom: .4rem; height: 1.29rem; }

.k40patriot-4n4t .banner .inPC .title p { font-size: .32rem; color: #FEFEFE; }

.k40patriot-4n4t .banner .intro { text-align: center; }

.k40patriot-4n4t .banner .intro h2 { font-size: .60rem; font-weight: bold; color: #FEFEFE; margin-top: 1.05rem; margin-bottom: .87rem; }

.k40patriot-4n4t .banner .intro p { text-align: left; max-width: 11.64rem; margin: 0 auto; font-size: .22rem; font-weight: 400; color: #BCBCBC; }

.k40patriot-4n4t .banner .intro ul { max-width: 11.64rem; margin: 0 auto; margin-top: 1.4rem; }

.k40patriot-4n4t .banner .intro ul li { max-width: 25%; min-width: 25%; color: #fff; margin-bottom: 1rem; }

.k40patriot-4n4t .banner .intro ul li img { height: .6rem; margin-bottom: .2rem; }

.k40patriot-4n4t .banner .k40patriot02_hul { margin: 0 auto; }

.k40patriot-4n4t .p1 { margin-top: 2.19rem; }

.k40patriot-4n4t .p1 .k40patriot-head { color: #fff; }

.k40patriot-4n4t .p1 .k40patriot-head h2 { font-size: .60rem; font-weight: normal; color: #FEFEFE; line-height: 82px; background: radial-gradient(NaNdeg, #DDDCDC 0%, #B9B9B9 0%, #CDCDCD 0%); }

.k40patriot-4n4t .p1 .k40patriot-head p { font-size: .2rem; font-weight: 400; color: #919191; }

.k40patriot-4n4t .p3 .k40patriot04-cont2-des h5 { color: #fff; }

.k40patriot-4n4t .p3 .k40patriot04-cont2-des p { max-width: 4.65rem; color: #AFAFAF; }

.k40patriot-4n4t .p4 .bg-img { width: 50%; }

.k40patriot-4n4t .p4 .sm-box-skylink { position: relative; }

.k40patriot-4n4t .p4 .sm-box-skylink .title { position: absolute; text-align: center; top: 2.02rem; left: 50%; transform: translateX(-50%); }

.k40patriot-4n4t .p4 .sm-box-skylink .title h2 { opacity: 0; font-size: .6rem; font-weight: bold; color: #fff; margin-bottom: .3rem; }

.k40patriot-4n4t .p4 .sm-box-skylink .other-info { opacity: 0; position: absolute; bottom: 2.7rem; left: 50%; transform: translateX(-50%); max-width: 12rem; margin-left: auto; margin-right: auto; }

.k40patriot-4n4t .p4 .sm-box-skylink .other-info .long-intro { margin-bottom: .97rem; font-size: .2rem; font-weight: 400; color: #FFFFFF; }

.k40patriot-4n4t .p4 .sm-box-skylink .other-info ul { display: flex; margin-bottom: .8rem; }

.k40patriot-4n4t .p4 .sm-box-skylink .other-info ul li { margin-right: 1rem; }

.k40patriot-4n4t .p4 .sm-box-skylink .other-info ul li h3 { font-weight: bold; font-size: .44rem; color: #fff; }

.k40patriot-4n4t .p4 .sm-box-skylink .other-info ul li p { font-size: .20rem; color: #B8BDBD; }

.k40patriot-4n4t .p4 .sm-box-skylink .other-info p { font-size: .44rem; color: #FFFEFF; }

.k40patriot-4n4t .p4 .sm-box-skylink .other-info p.hz { font-weight: bold; }

.k40patriot-4n4t .p4 .sm-box-skylink .other-info p.tips { margin-top: .4rem; font-size: .18rem; font-weight: 500; color: #666666; }

.k40patriot-4n4t .p4 .sm-box-skylink .other-info.en { bottom: 3.3rem; }

.k40patriot-4n4t .p5 { position: relative; margin-top: 2rem; margin-bottom: 2rem; }

.k40patriot-4n4t .p5 .intro { text-align: center; margin-bottom: 1.9rem; }

.k40patriot-4n4t .p5 .intro h2 { font-size: .60rem; font-weight: bold; color: #FFFEFF; }

.k40patriot-4n4t .p5 .intro p { margin-top: .5rem; max-width: 9.04rem; margin-left: auto; margin-right: auto; font-size: .22rem; font-weight: 500; color: #FFFEFF; }

.k40patriot-4n4t .p6, .k40patriot-4n4t .p7 { position: relative; }

.k40patriot-4n4t .p6 .camera-box, .k40patriot-4n4t .p7 .camera-box { display: flex; }

.k40patriot-4n4t .p6 .camera-box .intro-list, .k40patriot-4n4t .p7 .camera-box .intro-list { flex-grow: 1; padding-left: 1rem; }

.k40patriot-4n4t .p6 .camera-box .intro-list h2, .k40patriot-4n4t .p7 .camera-box .intro-list h2 { font-size: .50rem; font-weight: bold; color: #FFFEFF; }

.k40patriot-4n4t .p6 .camera-box .intro-list ul, .k40patriot-4n4t .p7 .camera-box .intro-list ul { height: 100%; }

.k40patriot-4n4t .p6 .camera-box .intro-list ul li, .k40patriot-4n4t .p7 .camera-box .intro-list ul li { flex-grow: 1; border: 1px solid transparent; height: 25%; max-height: 25%; min-height: 25%; display: flex; flex-direction: column; justify-content: center; }

.k40patriot-4n4t .p6 .camera-box .intro-list ul li h3, .k40patriot-4n4t .p7 .camera-box .intro-list ul li h3 { margin-bottom: .17rem; font-size: .24rem; font-weight: bold; color: #FFFFFF; }

.k40patriot-4n4t .p6 .camera-box .intro-list ul li p, .k40patriot-4n4t .p7 .camera-box .intro-list ul li p { font-size: .20rem; font-weight: 400; color: #D1D1D1; }

.k40patriot-4n4t .p6 .camera-box .intro-list ul li:last-child, .k40patriot-4n4t .p7 .camera-box .intro-list ul li:last-child { margin-bottom: 300px; }

.k40patriot-4n4t .p6 .camera-box .intro-list ul li.with-title div > p, .k40patriot-4n4t .p7 .camera-box .intro-list ul li.with-title div > p { font-size: .3rem; font-weight: bold; color: #FFFFFF; margin-bottom: .6rem; }

.k40patriot-4n4t .p6 .camera-box .camera-imgs-list, .k40patriot-4n4t .p7 .camera-box .camera-imgs-list { position: relative; width: 6.2rem; max-width: 650px; height: 7.58rem; }

.k40patriot-4n4t .p6 .camera-box .camera-imgs-list img, .k40patriot-4n4t .p7 .camera-box .camera-imgs-list img { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: opacity 0.4s; }

.k40patriot-4n4t .p6 .camera-box .camera-imgs-list img.active, .k40patriot-4n4t .p7 .camera-box .camera-imgs-list img.active { opacity: 1; }

.k40patriot-4n4t .p7 { margin-top: 2rem; }

.k40patriot-4n4t .p7 .intro-list { padding-left: 1.38rem; }

.k40patriot-4n4t .p8 { margin-top: 3rem; }

.k40patriot-4n4t .p8 .title h2 { margin-bottom: 1.6rem; font-size: .6rem; text-align: center; color: #FFFFFF; }

.k40patriot-4n4t .p8 .p8-ms-qh ul { margin: 0 auto; margin-top: .85rem; display: flex; justify-content: space-between; align-items: center; width: fit-content; border-bottom: .01rem solid #8f8f8f; }

.k40patriot-4n4t .p8 .p8-ms-qh ul li { text-align: center; font-size: .20rem; font-weight: 400; color: #8F8F8F; line-height: .55rem; position: relative; margin-right: .50rem; }

.k40patriot-4n4t .p8 .p8-ms-qh ul li:last-child { margin-right: 0; }

.k40patriot-4n4t .p8 .p8-ms-qh ul li::after { position: absolute; bottom: 0.01rem; content: ''; display: block; width: 100%; height: 0; background-color: #8f8f8f; left: 50%; transform: translateX(-50%); transition: all 0.3s; }

.k40patriot-4n4t .p8 .p8-ms-qh ul li.on { color: #fff; }

.k40patriot-4n4t .p8 .p8-ms-qh ul li.on::after { height: .02rem; background-color: #fff; }

.k40patriot-4n4t .p8 .p8-ms-2 { margin-top: .64rem; }

.k40patriot-4n4t .p8 .p8-ms-2 p { max-width: 8.74rem; margin: 0 auto; text-align: center; font-size: .22rem; color: #FFFFFF; }

.k40patriot-4n4t .p8 .p8-ms-2 p.tips { margin-top: .4rem; font-size: .20rem; color: #8F8F8F; }

.k40patriot-4n4t .p9, .k40patriot-4n4t .p10, .k40patriot-4n4t .p11, .k40patriot-4n4t .p12 { margin-top: 1.9rem; }

.k40patriot-4n4t .p9 h2 { margin-bottom: .65rem; }

.k40patriot-4n4t .p11 .k40patriot-head p, .k40patriot-4n4t .p12 .k40patriot-head p { font-size: .2rem; font-weight: 400; color: #A7A7A7; }

.k40patriot-4n4t .p11 .k40patriot45_dec, .k40patriot-4n4t .p12 .k40patriot45_dec { font-size: .16rem; font-weight: 500; color: #5F5F5F; }

.k40patriot-4n4t .p14 { position: relative; }

.k40patriot-4n4t .p14 .title { position: absolute; top: 1.8rem; left: 50%; transform: translateX(-50%); width: 100%; text-align: center; }

.k40patriot-4n4t .p14 .title h2 { font-size: .60rem; font-weight: bold; color: #FFFEFF; margin-bottom: .8rem; }

.k40patriot-4n4t .p14 .title ul { display: flex; width: 30%; justify-content: space-between; margin: 0 auto; }

.k40patriot-4n4t .p14 .title ul li h3 { font-size: .44rem; color: #FEFEFE; margin-bottom: .2rem; font-weight: bolder; }

.k40patriot-4n4t .p14 .title ul li p { font-size: .20rem; }

.k40patriot-4n4t .p15, .k40patriot-4n4t .p16 { margin-top: 3.19rem; }

.k40patriot-4n4t .p15 .title, .k40patriot-4n4t .p16 .title { margin-bottom: 1.2rem; text-align: center; }

.k40patriot-4n4t .p15 .title h2, .k40patriot-4n4t .p16 .title h2 { margin-bottom: .56rem; font-size: .60rem; font-weight: bold; color: #FEFEFE; }

.k40patriot-4n4t .p15 .title p, .k40patriot-4n4t .p16 .title p { max-width: 7.5rem; margin-left: auto; margin-right: auto; font-size: .20rem; font-weight: normal; color: #FEFEFE; }

.k40patriot-4n4t .p15 .title p span, .k40patriot-4n4t .p15 .title p a, .k40patriot-4n4t .p16 .title p span, .k40patriot-4n4t .p16 .title p a { transition: color .3s; color: #fff; }

.k40patriot-4n4t .p15 .title p span:hover, .k40patriot-4n4t .p15 .title p a:hover, .k40patriot-4n4t .p16 .title p span:hover, .k40patriot-4n4t .p16 .title p a:hover { color: #9F9F9F; }

.k40patriot-4n4t .p15 img { max-width: 12rem; margin: 0 auto; }

.k40patriot-4n4t .p15 .k40patriot04-cont { width: 12rem; margin: 0 auto; }

.k40patriot-4n4t .p16 .title p { color: #9F9F9F !important; }

.k40patriot-4n4t .p16 .title p span { color: #fff; }

.k40patriot-4n4t .p16 ul { max-width: 12rem; margin: 0 auto; }

.k40patriot-4n4t .p16 ul li { display: flex; justify-content: space-between; }

.k40patriot-4n4t .p16 ul li img { width: 5.83rem; margin: 0; }

.k40patriot-4n4t .p16 ul li > div { width: 5.94rem; height: 4.55rem; background: #151517; opacity: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.k40patriot-4n4t .p16 ul li > div img { width: 1rem; margin-bottom: .4rem; }

.k40patriot-4n4t .p16 ul li > div div { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.k40patriot-4n4t .p16 ul li > div div h3 { font-size: .28rem; font-weight: normal; color: #FFFFFF; margin-bottom: .4rem; }

.k40patriot-4n4t .p16 ul li > div div p { font-size: .20rem; color: #9F9F9F; max-width: 4rem; text-align: center; }

.k40patriot-4n4t .p17 .k40patriot48-cont ul li { display: flex; padding: .1rem 1.1rem; min-height: 2.25rem; }

.k40patriot-4n4t .p17 .k40patriot48-cont ul li .k40patriot48-fd { display: flex; align-items: center; width: 100%; }

.k40patriot-4n4t .p17 .k40patriot48-cont ul li .k40patriot48-fd .k40patriot48-fd-right { margin-left: .4rem; position: inherit; padding: 0.2rem 0; }

.k40patriot-4n4t .p17 .k40patriot48-cont ul li .k40patriot48-fd .k40patriot48-fd-right h5 { font-size: .26rem; margin-bottom: .2rem; color: #F9F9F9; }

.k40patriot-4n4t .p17 .k40patriot48-cont ul li .k40patriot48-fd .k40patriot48-fd-right .k40patriot48-fd-ms p { font-size: .16rem; color: #9A9A9A; }

.k40patriot-4n4t .p17 .k40patriot48-cont ul li .k40patriot48-fd .k40patriot48-fd-right a { font-size: .16rem; color: #2690F2; }

.k40patriot-4n4t .p19 #three-view { margin-top: .4rem; position: relative; width: 100%; }

.k40patriot-4n4t .p19 #three-view #center_canvas { display: flex; justify-content: center; background-color: #171717; height: 5rem; }

.k40patriot-4n4t .p19 #three-view #center_canvas .intro { padding-left: 0.65rem; width: 20%; min-width: 3rem; max-width: 5rem; background-color: #171717; display: flex; flex-direction: column; justify-content: center; }

.k40patriot-4n4t .p19 #three-view #center_canvas .intro img { margin: 0; width: .3rem; height: .3rem; margin-bottom: .1rem; }

.k40patriot-4n4t .p19 #three-view #center_canvas .intro h4 { font-size: .2rem; margin-bottom: .1rem; color: #fff; }

.k40patriot-4n4t .p19 #three-view #center_canvas .intro p { font-size: .16rem; color: #ccc; }

.k40patriot-4n4t .p19 #three-view #center_canvas #div_canvas3d { width: 80%; height: 100%; }

.k40patriot-4n4t .p19 .three-view-options { display: flex; justify-content: center; align-items: center; padding-top: .4rem; }

.k40patriot-4n4t .p19 .three-view-options div { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #5F5F5F; margin-top: .2rem; }

.k40patriot-4n4t .p19 .three-view-options div span { cursor: pointer; color: #ccc; position: relative; font-size: .18rem; }

.k40patriot-4n4t .p19 .three-view-options div span::after { content: ''; position: absolute; display: block; bottom: -1px; width: 100%; height: 1px; background-color: transparent; }

.k40patriot-4n4t .p19 .three-view-options div span:first-child { margin-right: .3rem; }

.k40patriot-4n4t .p19 .three-view-options div span.active { color: #fff; }

.k40patriot-4n4t .p19 .three-view-options div span.active::after { background-color: #fff; }

@media (max-width: 971px) { .k40patriot-4n4t .p19 #three-view #center_canvas { height: 7.5rem; flex-direction: column; justify-content: center; align-items: center; padding-top: .5rem; }
  .k40patriot-4n4t .p19 #three-view #center_canvas .intro { padding-left: 0; width: 100%; text-align: center; margin-bottom: .5rem; }
  .k40patriot-4n4t .p19 #three-view #center_canvas .intro h4 { font-size: .38rem; margin-bottom: .15rem; }
  .k40patriot-4n4t .p19 #three-view #center_canvas .intro p { font-size: .22rem; }
  .k40patriot-4n4t .p19 #three-view #center_canvas .intro img { display: none; }
  .k40patriot-4n4t .p19 #three-view #center_canvas #div_canvas3d { width: 100%; }
  .k40patriot-4n4t .p19 .three-view-options { background-color: #171717; padding-bottom: .5rem; }
  .k40patriot-4n4t .p19 .three-view-options div span { font-size: .28rem; }
  .k40patriot-4n4t .p19 .three-view-options div span:first-child { margin-right: .5rem; } }

.k40patriot-4n4t .p1 .k40patriot-head h2 { font-weight: bold; }

.k40patriot-4n4t .p8 .title h2 { font-weight: bold; }

.k40patriot-4n4t .p9 .w1200 h2, .k40patriot-4n4t .p10 .w1200 h2, .k40patriot-4n4t .p11 .w1200 h2, .k40patriot-4n4t .p12 .w1200 h2, .k40patriot-4n4t .p13 .w1200 h2, .k40patriot-4n4t .p17 .w1200 h2, .k40patriot-4n4t .p18 .w1200 h2, .k40patriot-4n4t .p19 .w1200 h2 { font-size: .6rem; }

.k40patriot-4n4t .p9 .k40patriot-head h2, .k40patriot-4n4t .p10 .k40patriot-head h2, .k40patriot-4n4t .p11 .k40patriot-head h2, .k40patriot-4n4t .p12 .k40patriot-head h2, .k40patriot-4n4t .p13 .k40patriot-head h2, .k40patriot-4n4t .p17 .k40patriot-head h2, .k40patriot-4n4t .p18 .k40patriot-head h2, .k40patriot-4n4t .p19 .k40patriot-head h2 { font-size: .6rem; }

@media (max-width: 971px) { .k40patriot-4n4t .inPC { display: none; }
  .k40patriot-4n4t .inApp { display: block; }
  .k40patriot-4n4t .banner .inApp { position: relative; }
  .k40patriot-4n4t .banner .inApp .title { position: absolute; top: 1.24rem; left: 50%; transform: translateX(-50%); width: 100%; }
  .k40patriot-4n4t .banner .inApp .title img { height: 1.13rem; margin-bottom: .35rem; }
  .k40patriot-4n4t .banner .inApp .title p { font-size: .4rem; font-weight: 500; color: #FEFEFE; text-align: center; }
  .k40patriot-4n4t .banner .intro { width: 90%; margin: 0 auto; }
  .k40patriot-4n4t .banner .intro p { font-size: .32rem; font-weight: 400; color: #BCBCBC; }
  .k40patriot-4n4t .banner .intro ul li { max-width: 50%; min-width: 50%; }
  .k40patriot-4n4t .banner .intro ul li img { height: 1.07rem; margin-bottom: .4rem; }
  .k40patriot-4n4t .banner .intro ul li span { font-size: .36rem; font-weight: normal; color: #fff; }
  .k40patriot-4n4t .banner .k40patriot02_hul li { min-height: 10.14rem; }
  .k40patriot-4n4t .banner .k40patriot02_hul li .k40patriot02_htit { margin-top: .5rem; margin-bottom: .55rem; text-align: center; font-size: .42rem; font-weight: 500; color: #FFFFFF; }
  .k40patriot-4n4t .banner .k40patriot02_hul li .k40patriot02_hdec { font-size: .3rem; font-weight: 400; padding: 0 0.4rem; color: #BCBCBC; }
  .k40patriot-4n4t .p1 { overflow: hidden; }
  .k40patriot-4n4t .p1 .w1200 .k40patriot-head2 p { font-size: .32rem; font-weight: 400; color: #919191; }
  .k40patriot-4n4t .p1 .p1-gif-box div { position: relative; }
  .k40patriot-4n4t .p1 .p1-gif-box .gif-1 { width: 157%; left: -1rem; }
  .k40patriot-4n4t .p1 .p1-gif-box .gif-2 { left: -3.1rem; width: 170%; }
  .k40patriot-4n4t .p1 .gif-v-box-1 { position: relative; width: 163%; left: -15%; }
  .k40patriot-4n4t .p1 .gif-v-box-2 { position: relative; width: 187%; right: 56.9%; }
  .k40patriot-4n4t .p2, .k40patriot-4n4t .p3 { margin-top: 2.1rem; }
  .k40patriot-4n4t .p2 .k40patriot-head, .k40patriot-4n4t .p3 .k40patriot-head { margin-bottom: 1.2rem; }
  .k40patriot-4n4t .p2 .k40patriot-head h2, .k40patriot-4n4t .p3 .k40patriot-head h2 { text-align: left; font-size: .56rem; font-weight: bold; color: #FEFEFE; margin-bottom: .81rem; }
  .k40patriot-4n4t .p2 .k40patriot-head p, .k40patriot-4n4t .p3 .k40patriot-head p { text-align: left; font-size: .32rem; color: #AFAFAF; }
  .k40patriot-4n4t .p2 .k40patriot03-cont, .k40patriot-4n4t .p3 .k40patriot03-cont { max-width: 90%; margin-left: auto; margin-right: auto; }
  .k40patriot-4n4t .p3 ul.clearfix img { width: .78rem; margin-bottom: .28rem; }
  .k40patriot-4n4t .p3 ul.clearfix h5 { margin-bottom: .56rem; font-size: .36rem; font-weight: normal; color: #FEFEFE; }
  .k40patriot-4n4t .p3 ul.clearfix p { margin-bottom: .59rem; text-align: left; max-width: 6.45rem; margin-left: auto; margin-right: auto; font-size: .28rem; color: #AFAFAF; }
  .k40patriot-4n4t .p4 .sm-box-skylink { width: 90%; margin-left: auto; margin-right: auto; }
  .k40patriot-4n4t .p4 .sm-box-skylink .title { position: inherit; top: auto; left: auto; transform: none; text-align: left; margin-bottom: 1.5rem; }
  .k40patriot-4n4t .p4 .sm-box-skylink .title h2 { opacity: 1; color: #fff; font-size: .56rem; font-weight: bold; line-height: 1em; }
  .k40patriot-4n4t .p4 .sm-box-skylink .other-info { position: inherit; top: auto; left: auto; bottom: auto; transform: none; opacity: 1; margin-top: 1.17rem; }
  .k40patriot-4n4t .p4 .sm-box-skylink .other-info .long-intro { margin-bottom: .97rem; font-size: .32rem; font-weight: 400; color: #FFFFFF; }
  .k40patriot-4n4t .p4 .sm-box-skylink .other-info ul { flex-wrap: wrap; margin-bottom: .2rem; }
  .k40patriot-4n4t .p4 .sm-box-skylink .other-info ul li { min-width: 50%; margin-right: 0; margin-bottom: 1rem; }
  .k40patriot-4n4t .p4 .sm-box-skylink .other-info ul li h3 { margin-bottom: .23rem; }
  .k40patriot-4n4t .p4 .sm-box-skylink .other-info ul li p { font-size: .28rem; color: #A9ADAD; }
  .k40patriot-4n4t .p4 .sm-box-skylink .other-info .tips { margin-top: .8rem; font-size: .24rem; color: #666666; }
  .k40patriot-4n4t .p4 .sm-box-skylink .other-info .hz { line-height: 1em; margin-bottom: .2rem; }
  .k40patriot-4n4t .p4 .sm-box-skylink .other-info.en { bottom: 0 !important; }
  .k40patriot-4n4t .p5 { margin-top: 1.5rem; }
  .k40patriot-4n4t .p5 .intro .w1280 div h2, .k40patriot-4n4t .p5 .intro .w1280 div p { text-align: left; }
  .k40patriot-4n4t .p5 .intro .w1280 div h2 { font-size: .6rem; font-weight: bold; color: #FFFEFF; }
  .k40patriot-4n4t .p5 .intro .w1280 div p { font-size: .32rem; font-weight: 500; color: #AFAFAF; }
  .k40patriot-4n4t .p6InApp, .k40patriot-4n4t .p7InApp { margin-bottom: 1.5rem; }
  .k40patriot-4n4t .p6InApp .title, .k40patriot-4n4t .p7InApp .title { text-align: center; margin-bottom: 1rem; }
  .k40patriot-4n4t .p6InApp .title h2, .k40patriot-4n4t .p7InApp .title h2 { font-size: .5rem; font-weight: bold; color: #FFFEFF; }
  .k40patriot-4n4t .p6InApp .title p, .k40patriot-4n4t .p7InApp .title p { font-size: .30rem; font-weight: bold; color: #FFFEFF; }
  .k40patriot-4n4t .p6InApp div.img-box, .k40patriot-4n4t .p7InApp div.img-box { width: 5rem; height: 6.1rem; position: relative; margin: 0 auto; }
  .k40patriot-4n4t .p6InApp div.img-box img, .k40patriot-4n4t .p7InApp div.img-box img { top: 0; left: 0; position: absolute; opacity: 0; transition: opacity .3s; }
  .k40patriot-4n4t .p6InApp div.img-box img.on, .k40patriot-4n4t .p7InApp div.img-box img.on { opacity: 1; }
  .k40patriot-4n4t .p8 { margin-top: 0rem; }
  .k40patriot-4n4t .p8 .p8-ms-2 p { text-align: left !important; }
  .k40patriot-4n4t .p8 .p8-ms-2 .tips { text-align: left !important; }
  .k40patriot-4n4t .p8 .p8-ms .video-box { position: relative; }
  .k40patriot-4n4t .p8 .sw-li, .k40patriot-4n4t .p8 .p8-ms-qh, .k40patriot-4n4t .p8 .p10-ms-qh, .k40patriot-4n4t .p8 .p13-ms-qh, .k40patriot-4n4t .p10 .sw-li, .k40patriot-4n4t .p10 .p8-ms-qh, .k40patriot-4n4t .p10 .p10-ms-qh, .k40patriot-4n4t .p10 .p13-ms-qh, .k40patriot-4n4t .p6InApp .sw-li, .k40patriot-4n4t .p6InApp .p8-ms-qh, .k40patriot-4n4t .p6InApp .p10-ms-qh, .k40patriot-4n4t .p6InApp .p13-ms-qh, .k40patriot-4n4t .p7InApp .sw-li, .k40patriot-4n4t .p7InApp .p8-ms-qh, .k40patriot-4n4t .p7InApp .p10-ms-qh, .k40patriot-4n4t .p7InApp .p13-ms-qh, .k40patriot-4n4t .p13 .sw-li, .k40patriot-4n4t .p13 .p8-ms-qh, .k40patriot-4n4t .p13 .p10-ms-qh, .k40patriot-4n4t .p13 .p13-ms-qh { overflow-x: auto; overflow-y: hidden; width: 90%; margin: 0 auto; margin-bottom: .64rem; padding-bottom: 0.05rem; }
  .k40patriot-4n4t .p8 .sw-li::-webkit-scrollbar, .k40patriot-4n4t .p8 .p8-ms-qh::-webkit-scrollbar, .k40patriot-4n4t .p8 .p10-ms-qh::-webkit-scrollbar, .k40patriot-4n4t .p8 .p13-ms-qh::-webkit-scrollbar, .k40patriot-4n4t .p10 .sw-li::-webkit-scrollbar, .k40patriot-4n4t .p10 .p8-ms-qh::-webkit-scrollbar, .k40patriot-4n4t .p10 .p10-ms-qh::-webkit-scrollbar, .k40patriot-4n4t .p10 .p13-ms-qh::-webkit-scrollbar, .k40patriot-4n4t .p6InApp .sw-li::-webkit-scrollbar, .k40patriot-4n4t .p6InApp .p8-ms-qh::-webkit-scrollbar, .k40patriot-4n4t .p6InApp .p10-ms-qh::-webkit-scrollbar, .k40patriot-4n4t .p6InApp .p13-ms-qh::-webkit-scrollbar, .k40patriot-4n4t .p7InApp .sw-li::-webkit-scrollbar, .k40patriot-4n4t .p7InApp .p8-ms-qh::-webkit-scrollbar, .k40patriot-4n4t .p7InApp .p10-ms-qh::-webkit-scrollbar, .k40patriot-4n4t .p7InApp .p13-ms-qh::-webkit-scrollbar, .k40patriot-4n4t .p13 .sw-li::-webkit-scrollbar, .k40patriot-4n4t .p13 .p8-ms-qh::-webkit-scrollbar, .k40patriot-4n4t .p13 .p10-ms-qh::-webkit-scrollbar, .k40patriot-4n4t .p13 .p13-ms-qh::-webkit-scrollbar { display: none; }
  .k40patriot-4n4t .p8 .sw-li ul, .k40patriot-4n4t .p8 .p8-ms-qh ul, .k40patriot-4n4t .p8 .p10-ms-qh ul, .k40patriot-4n4t .p8 .p13-ms-qh ul, .k40patriot-4n4t .p10 .sw-li ul, .k40patriot-4n4t .p10 .p8-ms-qh ul, .k40patriot-4n4t .p10 .p10-ms-qh ul, .k40patriot-4n4t .p10 .p13-ms-qh ul, .k40patriot-4n4t .p6InApp .sw-li ul, .k40patriot-4n4t .p6InApp .p8-ms-qh ul, .k40patriot-4n4t .p6InApp .p10-ms-qh ul, .k40patriot-4n4t .p6InApp .p13-ms-qh ul, .k40patriot-4n4t .p7InApp .sw-li ul, .k40patriot-4n4t .p7InApp .p8-ms-qh ul, .k40patriot-4n4t .p7InApp .p10-ms-qh ul, .k40patriot-4n4t .p7InApp .p13-ms-qh ul, .k40patriot-4n4t .p13 .sw-li ul, .k40patriot-4n4t .p13 .p8-ms-qh ul, .k40patriot-4n4t .p13 .p10-ms-qh ul, .k40patriot-4n4t .p13 .p13-ms-qh ul { margin: 0 auto; margin-top: 1.53rem; display: flex; justify-content: space-between; align-items: center; width: fit-content; border-bottom: .01rem solid #8f8f8f; flex-wrap: nowrap; }
  .k40patriot-4n4t .p8 .sw-li ul li, .k40patriot-4n4t .p8 .p8-ms-qh ul li, .k40patriot-4n4t .p8 .p10-ms-qh ul li, .k40patriot-4n4t .p8 .p13-ms-qh ul li, .k40patriot-4n4t .p10 .sw-li ul li, .k40patriot-4n4t .p10 .p8-ms-qh ul li, .k40patriot-4n4t .p10 .p10-ms-qh ul li, .k40patriot-4n4t .p10 .p13-ms-qh ul li, .k40patriot-4n4t .p6InApp .sw-li ul li, .k40patriot-4n4t .p6InApp .p8-ms-qh ul li, .k40patriot-4n4t .p6InApp .p10-ms-qh ul li, .k40patriot-4n4t .p6InApp .p13-ms-qh ul li, .k40patriot-4n4t .p7InApp .sw-li ul li, .k40patriot-4n4t .p7InApp .p8-ms-qh ul li, .k40patriot-4n4t .p7InApp .p10-ms-qh ul li, .k40patriot-4n4t .p7InApp .p13-ms-qh ul li, .k40patriot-4n4t .p13 .sw-li ul li, .k40patriot-4n4t .p13 .p8-ms-qh ul li, .k40patriot-4n4t .p13 .p10-ms-qh ul li, .k40patriot-4n4t .p13 .p13-ms-qh ul li { text-align: center; font-weight: 400; color: #8F8F8F; line-height: .55rem; position: relative; margin-right: .50rem; font-size: .32rem; font-weight: bold; }
  .k40patriot-4n4t .p8 .sw-li ul li:last-child, .k40patriot-4n4t .p8 .p8-ms-qh ul li:last-child, .k40patriot-4n4t .p8 .p10-ms-qh ul li:last-child, .k40patriot-4n4t .p8 .p13-ms-qh ul li:last-child, .k40patriot-4n4t .p10 .sw-li ul li:last-child, .k40patriot-4n4t .p10 .p8-ms-qh ul li:last-child, .k40patriot-4n4t .p10 .p10-ms-qh ul li:last-child, .k40patriot-4n4t .p10 .p13-ms-qh ul li:last-child, .k40patriot-4n4t .p6InApp .sw-li ul li:last-child, .k40patriot-4n4t .p6InApp .p8-ms-qh ul li:last-child, .k40patriot-4n4t .p6InApp .p10-ms-qh ul li:last-child, .k40patriot-4n4t .p6InApp .p13-ms-qh ul li:last-child, .k40patriot-4n4t .p7InApp .sw-li ul li:last-child, .k40patriot-4n4t .p7InApp .p8-ms-qh ul li:last-child, .k40patriot-4n4t .p7InApp .p10-ms-qh ul li:last-child, .k40patriot-4n4t .p7InApp .p13-ms-qh ul li:last-child, .k40patriot-4n4t .p13 .sw-li ul li:last-child, .k40patriot-4n4t .p13 .p8-ms-qh ul li:last-child, .k40patriot-4n4t .p13 .p10-ms-qh ul li:last-child, .k40patriot-4n4t .p13 .p13-ms-qh ul li:last-child { margin-right: 0; }
  .k40patriot-4n4t .p8 .sw-li ul li::after, .k40patriot-4n4t .p8 .p8-ms-qh ul li::after, .k40patriot-4n4t .p8 .p10-ms-qh ul li::after, .k40patriot-4n4t .p8 .p13-ms-qh ul li::after, .k40patriot-4n4t .p10 .sw-li ul li::after, .k40patriot-4n4t .p10 .p8-ms-qh ul li::after, .k40patriot-4n4t .p10 .p10-ms-qh ul li::after, .k40patriot-4n4t .p10 .p13-ms-qh ul li::after, .k40patriot-4n4t .p6InApp .sw-li ul li::after, .k40patriot-4n4t .p6InApp .p8-ms-qh ul li::after, .k40patriot-4n4t .p6InApp .p10-ms-qh ul li::after, .k40patriot-4n4t .p6InApp .p13-ms-qh ul li::after, .k40patriot-4n4t .p7InApp .sw-li ul li::after, .k40patriot-4n4t .p7InApp .p8-ms-qh ul li::after, .k40patriot-4n4t .p7InApp .p10-ms-qh ul li::after, .k40patriot-4n4t .p7InApp .p13-ms-qh ul li::after, .k40patriot-4n4t .p13 .sw-li ul li::after, .k40patriot-4n4t .p13 .p8-ms-qh ul li::after, .k40patriot-4n4t .p13 .p10-ms-qh ul li::after, .k40patriot-4n4t .p13 .p13-ms-qh ul li::after { position: absolute; bottom: 0; content: ''; display: block; width: 100%; height: 0; background-color: #8f8f8f; left: 50%; transform: translateX(-50%); transition: all 0.3s; }
  .k40patriot-4n4t .p8 .sw-li ul li.on, .k40patriot-4n4t .p8 .p8-ms-qh ul li.on, .k40patriot-4n4t .p8 .p10-ms-qh ul li.on, .k40patriot-4n4t .p8 .p13-ms-qh ul li.on, .k40patriot-4n4t .p10 .sw-li ul li.on, .k40patriot-4n4t .p10 .p8-ms-qh ul li.on, .k40patriot-4n4t .p10 .p10-ms-qh ul li.on, .k40patriot-4n4t .p10 .p13-ms-qh ul li.on, .k40patriot-4n4t .p6InApp .sw-li ul li.on, .k40patriot-4n4t .p6InApp .p8-ms-qh ul li.on, .k40patriot-4n4t .p6InApp .p10-ms-qh ul li.on, .k40patriot-4n4t .p6InApp .p13-ms-qh ul li.on, .k40patriot-4n4t .p7InApp .sw-li ul li.on, .k40patriot-4n4t .p7InApp .p8-ms-qh ul li.on, .k40patriot-4n4t .p7InApp .p10-ms-qh ul li.on, .k40patriot-4n4t .p7InApp .p13-ms-qh ul li.on, .k40patriot-4n4t .p13 .sw-li ul li.on, .k40patriot-4n4t .p13 .p8-ms-qh ul li.on, .k40patriot-4n4t .p13 .p10-ms-qh ul li.on, .k40patriot-4n4t .p13 .p13-ms-qh ul li.on { color: #fff; }
  .k40patriot-4n4t .p8 .sw-li ul li.on::after, .k40patriot-4n4t .p8 .p8-ms-qh ul li.on::after, .k40patriot-4n4t .p8 .p10-ms-qh ul li.on::after, .k40patriot-4n4t .p8 .p13-ms-qh ul li.on::after, .k40patriot-4n4t .p10 .sw-li ul li.on::after, .k40patriot-4n4t .p10 .p8-ms-qh ul li.on::after, .k40patriot-4n4t .p10 .p10-ms-qh ul li.on::after, .k40patriot-4n4t .p10 .p13-ms-qh ul li.on::after, .k40patriot-4n4t .p6InApp .sw-li ul li.on::after, .k40patriot-4n4t .p6InApp .p8-ms-qh ul li.on::after, .k40patriot-4n4t .p6InApp .p10-ms-qh ul li.on::after, .k40patriot-4n4t .p6InApp .p13-ms-qh ul li.on::after, .k40patriot-4n4t .p7InApp .sw-li ul li.on::after, .k40patriot-4n4t .p7InApp .p8-ms-qh ul li.on::after, .k40patriot-4n4t .p7InApp .p10-ms-qh ul li.on::after, .k40patriot-4n4t .p7InApp .p13-ms-qh ul li.on::after, .k40patriot-4n4t .p13 .sw-li ul li.on::after, .k40patriot-4n4t .p13 .p8-ms-qh ul li.on::after, .k40patriot-4n4t .p13 .p10-ms-qh ul li.on::after, .k40patriot-4n4t .p13 .p13-ms-qh ul li.on::after { height: .02rem; background-color: #fff; }
  .k40patriot-4n4t .p8 .p8-ms-qh, .k40patriot-4n4t .p10 .p8-ms-qh, .k40patriot-4n4t .p6InApp .p8-ms-qh, .k40patriot-4n4t .p7InApp .p8-ms-qh, .k40patriot-4n4t .p13 .p8-ms-qh { margin-left: 0; margin-right: 0; width: 100%; }
  .k40patriot-4n4t .p8 .p8-ms-qh ul, .k40patriot-4n4t .p10 .p8-ms-qh ul, .k40patriot-4n4t .p6InApp .p8-ms-qh ul, .k40patriot-4n4t .p7InApp .p8-ms-qh ul, .k40patriot-4n4t .p13 .p8-ms-qh ul { padding-bottom: 0rem; }
  .k40patriot-4n4t .p8 .p13-ms-qh ul li:nth-child(2)::after, .k40patriot-4n4t .p10 .p13-ms-qh ul li:nth-child(2)::after, .k40patriot-4n4t .p6InApp .p13-ms-qh ul li:nth-child(2)::after, .k40patriot-4n4t .p7InApp .p13-ms-qh ul li:nth-child(2)::after, .k40patriot-4n4t .p13 .p13-ms-qh ul li:nth-child(2)::after { bottom: -0.26rem; }
  .k40patriot-4n4t .p8 .sm, .k40patriot-4n4t .p10 .sm, .k40patriot-4n4t .p6InApp .sm, .k40patriot-4n4t .p7InApp .sm, .k40patriot-4n4t .p13 .sm { width: 100%; }
  .k40patriot-4n4t .p8 .sm ul, .k40patriot-4n4t .p10 .sm ul, .k40patriot-4n4t .p6InApp .sm ul, .k40patriot-4n4t .p7InApp .sm ul, .k40patriot-4n4t .p13 .sm ul { width: 100%; }
  .k40patriot-4n4t .p8 .sm ul li::after, .k40patriot-4n4t .p10 .sm ul li::after, .k40patriot-4n4t .p6InApp .sm ul li::after, .k40patriot-4n4t .p7InApp .sm ul li::after, .k40patriot-4n4t .p13 .sm ul li::after { bottom: -0.04rem; }
  .k40patriot-4n4t .p8 .swiper-container p, .k40patriot-4n4t .p10 .swiper-container p, .k40patriot-4n4t .p6InApp .swiper-container p, .k40patriot-4n4t .p7InApp .swiper-container p, .k40patriot-4n4t .p13 .swiper-container p { margin: 0 auto; font-size: .32rem; font-weight: 400; color: #D1D1D1; }
  .k40patriot-4n4t .p9 .w1200 h2 { text-align: left; }
  .k40patriot-4n4t .p9 .w1200 p { font-size: .32rem; font-weight: 400; color: #AFAFAF; text-align: left; }
  .k40patriot-4n4t .p10 .k40patriot-head h2 { margin-bottom: .8rem; }
  .k40patriot-4n4t .p11 .k40patriot-head, .k40patriot-4n4t .p12 .k40patriot-head, .k40patriot-4n4t .p13 .k40patriot-head { margin-bottom: .96rem; }
  .k40patriot-4n4t .p11 .k40patriot-head h2, .k40patriot-4n4t .p12 .k40patriot-head h2, .k40patriot-4n4t .p13 .k40patriot-head h2 { text-align: left; font-size: .6rem; font-weight: bold; color: #FEFEFE; margin-bottom: .67rem; }
  .k40patriot-4n4t .p11 .k40patriot-head p, .k40patriot-4n4t .p12 .k40patriot-head p, .k40patriot-4n4t .p13 .k40patriot-head p { text-align: left; font-size: .32rem; font-weight: 400; color: #A6A6A6; }
  .k40patriot-4n4t .p11 .k40patriot45_dec, .k40patriot-4n4t .p12 .k40patriot45_dec, .k40patriot-4n4t .p13 .k40patriot45_dec { text-align: left; margin: 0; }
  .k40patriot-4n4t .p14 { padding-top: 3rem; }
  .k40patriot-4n4t .p14 .title { top: 2rem; text-align: left; left: 0.36rem; transform: none; }
  .k40patriot-4n4t .p14 .title ul { width: 100%; margin: 0; display: block; text-align: left; }
  .k40patriot-4n4t .p14 .title ul li { margin-bottom: .53rem; }
  .k40patriot-4n4t .p14 .title ul li h3 { font-size: .44rem; font-weight: normal; color: #FEFEFE; font-weight: bold; }
  .k40patriot-4n4t .p14 .title ul li p { font-size: .34rem; }
  .k40patriot-4n4t .p15 .k40patriot04-cont > img { width: 100%; }
  .k40patriot-4n4t .p16 { margin-bottom: 1.5rem; }
  .k40patriot-4n4t .p16 .title p { margin-bottom: .76rem !important; }
  .k40patriot-4n4t .p16 ul li { width: 100%; flex-direction: column; }
  .k40patriot-4n4t .p16 ul li > img { width: 100%; }
  .k40patriot-4n4t .p16 ul li > div { margin-top: .15rem; height: auto; padding: .6rem .4rem; flex-direction: row; width: 100%; display: flex; }
  .k40patriot-4n4t .p16 ul li > div img { margin-right: .61rem; margin-bottom: 0; }
  .k40patriot-4n4t .p16 ul li > div div { align-items: baseline; }
  .k40patriot-4n4t .p16 ul li > div div h3 { text-align: left; font-size: .36rem; color: #FFFFFF; }
  .k40patriot-4n4t .p16 ul li > div div p { text-align: left; font-size: .28rem; color: #9F9F9F; }
  .k40patriot-4n4t .p15, .k40patriot-4n4t .p16 { width: 90%; margin: 0 auto; margin-top: 2.3rem; }
  .k40patriot-4n4t .p15 .title, .k40patriot-4n4t .p16 .title { text-align: left; }
  .k40patriot-4n4t .p15 .title h2, .k40patriot-4n4t .p16 .title h2 { font-size: .56rem; font-weight: bold; color: #FEFEFE; margin-bottom: .66rem; }
  .k40patriot-4n4t .p15 .title p, .k40patriot-4n4t .p16 .title p { font-size: .32rem; font-weight: normal; color: #FEFEFE; margin-bottom: 1.6rem; }
  .k40patriot-4n4t .p17 { margin-top: 1.5rem; }
  .k40patriot-4n4t .p17 .k40patriot48-cont ul li { padding: .5rem .16rem; }
  .k40patriot-4n4t .p17 .k40patriot48-cont ul li .k40patriot48-fd-left img { margin-bottom: .5rem; }
  .k40patriot-4n4t .p17 .k40patriot48-cont ul li .k40patriot48-fd { flex-direction: column; margin-left: .35rem; margin-right: .35rem; }
  .k40patriot-4n4t .p17 .k40patriot48-cont ul li .k40patriot48-fd-right { margin: 0; }
  .k40patriot-4n4t .p17 .k40patriot48-cont ul li .k40patriot48-fd-right h5 { font-size: .32rem !important; font-weight: normal; color: #F9F9F9; }
  .k40patriot-4n4t .p17 .k40patriot48-cont ul li .k40patriot48-fd-right a { font-size: .28rem !important; }
  .k40patriot-4n4t .p17 .k40patriot48-cont ul li .k40patriot48-fd-ms { width: 100%; max-width: none !important; }
  .k40patriot-4n4t .p18 ul li:nth-child(1) { width: 100%; }
  .k40patriot-4n4t .p18 ul li:nth-child(2) { width: 48%; }
  .k40patriot-4n4t .p18 ul li:nth-child(3) { width: 48%; }
  .k40patriot-4n4t .p18 ul li:nth-child(4) { width: 100%; } }

.k40patriot-4n4t .k40patriot49-cont ul li { width: 48%; overflow: hidden; }

.k40patriot-4n4t .fontBlod { font-weight: bold !important; }

.k40patriot-4n4t .video-box-1200-600 { position: relative; aspect-ratio: 12/6; width: 100%; overflow: hidden; }

.k40patriot-4n4t .video-box-1200-600 video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.k40patriot-4n4t .uniH2-1 { margin-bottom: 0 !important; line-height: 1em !important; }

.k40patriot-4n4t .uniH2-2 { margin-bottom: .5rem !important; line-height: 1.5em !important; }

.k40patriot-4n4t .long-intro { width: 10.6rem; margin-left: auto; margin-right: auto; }

@media (max-width: 971px) { .k40patriot-4n4t .long-intro { width: 90%; margin-left: 0; } }

.k40patriot-4n4t .k40patriot45-cont .swiper-button-next { background-image: url(/patriot-line/themes/v2/images/jt1.png); }

.k40patriot-4n4t .k40patriot45-cont .swiper-button-prev { background-image: url(/patriot-line/themes/v2/images/jt2.png); }

.k40patriot-4n4t .tips-icon-red { color: red; }

.k40patriot-4n4t .inApp.p9-img img { width: 100%; max-width: none; margin-left: auto; }

.k40patriot-4n4t .k40patriot48-fd-ms { max-height: none; }

.k40patriot-4n4t.zh-page .p3 .k40patriot-head p, .k40patriot-4n4t.zh-page .p2 .k40patriot-head p, .k40patriot-4n4t.zh-page .p1 .k40patriot-head p, .k40patriot-4n4t.zh-page .p4 .k40patriot-head p, .k40patriot-4n4t.zh-page .p5 .k40patriot-head p, .k40patriot-4n4t.zh-page .p6 .k40patriot-head p, .k40patriot-4n4t.zh-page .p7 .k40patriot-head p, .k40patriot-4n4t.zh-page .p8 .k40patriot-head p, .k40patriot-4n4t.zh-page .p9 .k40patriot-head p, .k40patriot-4n4t.zh-page .p10 .k40patriot-head p, .k40patriot-4n4t.zh-page .p11 .k40patriot-head p, .k40patriot-4n4t.zh-page .p12 .k40patriot-head p, .k40patriot-4n4t.zh-page .p13 .k40patriot-head p, .k40patriot-4n4t.zh-page .p14 .k40patriot-head p { font-size: .22rem; }

.k40patriot-4n4t.zh-page .p15 .title p, .k40patriot-4n4t.zh-page .p16 .title p { font-size: .22rem; }

@media (max-width: 971px) { .k40patriot-4n4t.zh-page .p3 .k40patriot-head p, .k40patriot-4n4t.zh-page .p2 .k40patriot-head p, .k40patriot-4n4t.zh-page .p1 .k40patriot-head p, .k40patriot-4n4t.zh-page .p4 .k40patriot-head p, .k40patriot-4n4t.zh-page .p5 .k40patriot-head p, .k40patriot-4n4t.zh-page .p6 .k40patriot-head p, .k40patriot-4n4t.zh-page .p7 .k40patriot-head p, .k40patriot-4n4t.zh-page .p8 .k40patriot-head p, .k40patriot-4n4t.zh-page .p9 .k40patriot-head p, .k40patriot-4n4t.zh-page .p10 .k40patriot-head p, .k40patriot-4n4t.zh-page .p11 .k40patriot-head p, .k40patriot-4n4t.zh-page .p12 .k40patriot-head p, .k40patriot-4n4t.zh-page .p13 .k40patriot-head p, .k40patriot-4n4t.zh-page .p14 .k40patriot-head p { font-size: .32rem; }
  .k40patriot-4n4t.zh-page .p15 .title p, .k40patriot-4n4t.zh-page .p16 .title p { font-size: .32rem; }
  .k40patriot-4n4t.zh-page .p3 { margin-top: .5rem; }
  .k40patriot-4n4t.zh-page .p3 ul.clearfix img { width: 1.18rem; }
  .k40patriot-4n4t.zh-page .p7InApp .title h2 { font-size: 0.7rem; }
  .k40patriot-4n4t.zh-page .p7InApp .title p { font-size: 0.5rem; }
  .k40patriot-4n4t.zh-page .p10 { margin-top: 2.3rem; }
  .k40patriot-4n4t.zh-page .p11 .w1200 .k40patriot-head { margin-bottom: 0.56rem; }
  .k40patriot-4n4t.zh-page .p11 .w1200 .k40patriot45_dec { font-size: .32rem; }
  .k40patriot-4n4t.zh-page .p17 .w1200 .k40patriot48-cont ul li .k40patriot48-fd-ms p { font-size: .3rem; } }

.k40patriot-4n4t.en-page .p12 .w1200 .k40patriot-head p.s-intro { max-width: 9.14rem; margin-left: auto; margin-right: auto; font-size: .24rem; }

@media (max-width: 971px) { .k40patriot-4n4t.en-page .banner li .k40patriot02_htit { text-align: left !important; padding: 0 0.4rem; }
  .k40patriot-4n4t.en-page .p1 .w1200 .k40patriot-head h2 { line-height: 1.2em; }
  .k40patriot-4n4t.en-page .p3 { margin-top: .5rem; }
  .k40patriot-4n4t.en-page .p3 ul.clearfix img { width: 1.18rem; }
  .k40patriot-4n4t.en-page .p4 .sm-box-skylink .other-info ul { display: block; }
  .k40patriot-4n4t.en-page .p4 .sm-box-skylink .other-info ul li { text-align: left; }
  .k40patriot-4n4t.en-page .p6InApp { margin-bottom: .7rem; }
  .k40patriot-4n4t.en-page .title h2 { text-align: left; padding-left: 5%; }
  .k40patriot-4n4t.en-page .p8-ms-2 .tips { font-size: .28rem !important; text-align: left !important; }
  .k40patriot-4n4t.en-page .p11 .k40patriot45_dec { font-size: .28rem; }
  .k40patriot-4n4t.en-page .k40patriot44.p12 .w1200 .k40patriot-head p.s-intro { font-size: .30rem; }
  .k40patriot-4n4t.en-page .k40patriot44.p12 .w1200 .k40patriot-head p.tips { font-size: .24rem; }
  .k40patriot-4n4t.en-page .p17 .w1200 .k40patriot48-cont ul li .k40patriot48-fd-ms p { font-size: .31rem; } }

.page-k40nest { background-color: #000; }

.page-k40nest .bg { position: relative; }

.page-k40nest .bg > img, .page-k40nest .bg video, .page-k40nest .bg .video { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; }

.page-k40nest h2 { font-size: 0.64rem; line-height: 1; margin-bottom: 0.36rem; font-weight: 600; letter-spacing: 4px; }

@media screen and (max-width: 767px) { .page-k40nest h2 { font-size: 24px;
    text-align: left;
    margin-bottom: 10px;
    letter-spacing: 2px;
    padding-top: 20%;
	} 
	.k40nest-banner .wrap h2 { 
	font-size: 44px;
   
	} 
	
	
	}

.page-k40nest .f36 { font-size: 0.36rem; }

.page-k40nest .f24 { font-size: 0.24rem; }

.page-k40nest .f20 { font-size: 0.2rem; }

.page-k40nest .des { font-size: 0.24rem; color: rgba(255, 255, 255, 0.6); width: 88%; margin-left: auto; margin-right: auto; }

.page-k40nest .des strong { color: #fff; font-weight: bold; }

@media screen and (max-width: 767px) { .page-k40nest .des { 
    font-size: 19px;
    text-align: left !important;
    line-height: 1.3;
    width: 100% !important;
    padding-bottom: 45px;
    padding-top: 12px;
} }

.page-k40nest .w1280m { padding-left: .48rem; padding-right: .48rem; }

.page-k40nest img[data-src] { opacity: 0; visibility: hidden; }

.page-k40nest img[src][data-src] { opacity: 1; visibility: visible; }

[class*="k40nest-"] { position: relative; padding-top: 1.2rem; padding-bottom: 1.2rem; }

@media screen and (max-width: 767px) { [class*="k40nest-"] { padding-top: 1.1rem; padding-bottom: 1.1rem; } }

.k40nest-banner { margin-top: 0; padding-bottom: 0; padding-top: 0; }

.k40nest-banner video { width: 100%; }

@media screen and (max-width: 767px) { .k40nest-banner .bg { padding-bottom: 133.6%; } }

.k40nest-banner .play-btn { position: absolute; top: 39% !important; text-align: center; width: 100%; left: 0; }

.k40nest-banner .play-btn p { display: inline-block; background-color: rgba(255, 255, 255, 0.67); background-color: white; color: #000; padding: 10px 29px; border-radius: 24px; cursor: pointer; padding: 8px 20px; font-size: 16px; }

.k40nest-banner .play-btn p em { display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin-left: 0; position: relative; }

.k40nest-banner .play-btn p em img { display: inline-block; position: absolute; left: 2px; max-width: 14px; top: -1px; }

.k40nest-banner .wrap { position: absolute; top: 0; width: 100%; padding-top: 0.85rem; text-align: center; color: white; }

.k40nest-banner .wrap h2 { text-align: center; }

.k40nest-banner .wrap p { font-size: 0.36rem; color: rgba(255, 255, 255, 0.8); }

@media screen and (max-width: 767px) { .k40nest-banner { padding-top: 0; } }

.k40nest-01 { background-color: #000; color: #fff; }

.k40nest-01 .wrap .des { margin-bottom: 1.2rem; text-align: center; }

.k40nest-01 .wrap ul { display: flex; justify-content: space-between; margin-top: 0.8rem; }

.k40nest-01 .wrap ul li { flex: 1; display: flex; flex-direction: column; }

.k40nest-01 .wrap ul li img, .k40nest-01 .wrap ul li svg { width: 80px;
    height: 80px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px; }

.k40nest-01 .wrap ul li .p1 {     font-size: 19px; text-align: center; }

@media screen and (max-width: 767px) { .k40nest-01 .wrap .des.alignL-m { text-align: left; }
  .k40nest-01 .wrap ul { flex-wrap: wrap; margin-top: 0; }
  .k40nest-01 .wrap ul li { width: 50%; flex: auto; margin-bottom: 0.8rem; }
  .k40nest-01 .wrap ul li.mb0 { margin-bottom: 0; }
  .k40nest-01 .wrap ul li .p1 {  font-size: 15px; }

.k40nest-01 .wrap ul li img, .k40nest-01 .wrap ul li svg {
	    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
.k40nest-01 .wrap ul li .p1 {     font-size: 15px; text-align: center; }

  }

.k40nest-02 { background-color: #000; color: #fff; }

.k40nest-02 .p2-ms-2 { margin-top: 0.5rem; }

.k40nest-02 .p2-ms-2 p { margin: 0 auto; width: 7.77rem; max-width: 7.77rem; text-align: center; color: #fff; padding-bottom: 0.1rem; font-size: 0.2rem; font-weight: 400; line-height: 0.34rem; }

.k40nest-02 .intro { color: #fff; }

.k40nest-02 .intro .w1280 { text-align: center; }

.k40nest-02 .intro .w1280 h2 { font-size: 0.46rem; font-weight: bold; }

.k40nest-02 .intro .w1280 p { margin: 0 auto; width: 88%; font-weight: 400; }

.k40nest-02 .intro .w1280 p:last-child { margin-bottom: 1rem; }

.k40nest-02 .p2-ms-qh ul li { font-size: .2rem; }

.k40nest-02 .p2-ms-qh ul, .k40nest-02 .p4-ms-qh ul { margin: 0 auto; margin-top: 0.95rem; display: flex; justify-content: space-between; align-items: center; width: fit-content; border-bottom: 0.01rem solid #8f8f8f; width: 40%; }

.k40nest-02 .p2-ms-qh ul li, .k40nest-02 .p4-ms-qh ul li { text-align: center; font-size: 0.2rem; font-weight: 400; color: #8f8f8f; line-height: 0.55rem; position: relative; cursor: pointer; flex: 1; }

.k40nest-02 .p2-ms-qh ul li:last-child, .k40nest-02 .p4-ms-qh ul li:last-child { margin-right: 0; }

.k40nest-02 .p2-ms-qh ul li::after, .k40nest-02 .p4-ms-qh ul li::after { position: absolute; bottom: -0.01rem; content: ""; display: block; width: 100%; height: 0; background-color: #8f8f8f; left: 50%; transform: translateX(-50%); transition: all 0.3s; }

.k40nest-02 .p2-ms-qh ul li.on, .k40nest-02 .p4-ms-qh ul li.on { color: #fff; }

.k40nest-02 .p2-ms-qh ul li.on::after, .k40nest-02 .p4-ms-qh ul li.on::after { height: 0.02rem; background-color: #fff; }

.k40nest-02 ul { margin-top: .4rem; display: flex; justify-content: space-between; }

.k40nest-02 ul li { max-width: 49%; min-width: 49%; font-size: 19px; color: #8f8f8f; line-height: 1.5em; }

.k40nest-02 ul li .title { color: #fff; font-size: .22rem; margin-bottom: .1rem; }

@media screen and (max-width: 767px) { .k40nest-02 .p2-ms-qh ul, .k40nest-02 .p4-ms-qh ul { width: 100%; }
  .k40nest-02 .p2-ms-qh ul li, .k40nest-02 .p4-ms-qh ul li { margin-right: 0; font-size: .32rem; }
  .k40nest-02 .p2-ms-2 p { width: 100%; max-width: 100%; font-size: .32rem; text-align: left; line-height: 1.5; }
  .k40nest-02 ul { margin-top: .4rem; display: block; justify-content: space-between; }
  .k40nest-02 ul li { max-width: none; min-width: none; font-size: 0.32rem; margin-bottom: .5rem; }
  .k40nest-02 ul li .title { color: #fff; font-size: .36rem; margin-bottom: .08rem; } }

.k40nest-03 { background-color: #000; color: #fff; text-align: center; }

.k40nest-03 .img-box { padding-left: 20%; padding-right: 20%; }

.k40nest-03a { padding-bottom: 0; }

@media screen and (min-width: 768px) { .k40nest-03a p.des { color: white; } }

.k40nest-04 { background-color: #000; color: #fff; }

.k40nest-04 .wrap { text-align: center; }

.k40nest-04 .wrap .des { margin-bottom: 0.74rem; }

.k40nest-05 { background-color: #000; color: #fff; margin-bottom: 0; padding-bottom: 0; }

.k40nest-05 .bg { padding-bottom: 56.25%; }

.k40nest-05 .bg video { width: 100%; }

.k40nest-05 .wrap { width: 100%; text-align: center; }

.k40nest-05 .wrap .bfsp { display: flex; }

.k40nest-05 .wrap video { width: 100%; }

@media screen and (max-width: 767px) { .k40nest-05 .bg { padding-bottom: 200%; } }

.k40nest-06 { background-color: #000; color: #fff; margin-top: 0; padding-top: 0; }

.k40nest-06 .bg { padding-bottom: 56.25%; }

.k40nest-06 .wrap { position: absolute; top: 0; width: 100%; text-align: center; padding-top: 1.2rem; padding-bottom: 0.9rem; }

.k40nest-06 .wrap .des { margin-bottom: 0.74rem; }

@media screen and (max-width: 767px) { .k40nest-06 { padding-bottom: 0; }
  .k40nest-06 .bg { padding-bottom: 200%; }
  .k40nest-06 .wrap { padding-bottom: 0; } }

.k40nest-07 { background-color: #000; color: #fff; }

.k40nest-07 .bg { padding-bottom: 66.5625%; }

.k40nest-07 .wrap { text-align: center; }

.k40nest-07 .wrap .des { margin-bottom: 0.74rem; }

@media screen and (max-width: 767px) { .k40nest-07 .bg { padding-bottom: 200%; } }

.k40nest-08 { background-color: #000; color: #fff; }

.k40nest-08 .bg { padding-bottom: 56.25%; }

.k40nest-08 .wrap { position: absolute; z-index: 1; top: 0; width: 100%; text-align: center; padding-top: 1.2rem; }

.k40nest-08 .wrap .des { margin-bottom: 0.5rem; }

.k40nest-08 img { position: absolute; top: 0; }

@media screen and (max-width: 767px) { .k40nest-08a { text-align: center; } }

.k40nest-09 { background-color: #000; color: #fff; }

.k40nest-09 .w1280 { max-width: 1400px; }

.k40nest-09 .wrap { background-color: #1e1e1e; text-align: center; padding: 0.4rem 0.4rem 0.8rem; }

.k40nest-09 .wrap img { width: 1.86rem; height: 1.86rem; margin-bottom: 0.2rem; }

.k40nest-09 .wrap h3 { font-size: 0.48rem; margin-bottom: 0.3rem; }

@media screen and (max-width: 767px) { .k40nest-09 .wrap img { width: 1.86rem; height: 1.86rem; margin-top: 0.8rem; }
  .k40nest-09 .wrap h3 { font-size: .48rem; }
  .k40nest-09 .wrap p { text-align: center !important; } }

.k40nest-10 { background-color: #000; color: #fff; }

.k40nest-10 .w1280 { max-width: 1100px; }

.k40nest-10 .wrap { text-align: center; }

.k40nest-10 .wrap h2 { margin-bottom: 1rem; text-align: center; }

.k40nest-10 .wrap ul { margin-bottom: 1rem; display: flex; flex-wrap: wrap; justify-content: space-between; }

.k40nest-10 .wrap ul li { width: calc(50% - 0.1rem); margin-bottom: 0.2rem; }

.k40nest-10 .wrap ul li .img-box { overflow: hidden; margin-bottom: 0.2rem; }

.k40nest-10 .wrap ul li img { transform: scale(1); transition: transform 0.5s; }

.k40nest-10 .wrap ul li p { font-size: 0.24rem; color: rgba(255, 255, 255, 0.6); text-align: center; }

.k40nest-10 .wrap ul li:hover img { transform: scale(1.1); }

@media screen and (max-width: 767px) { .k40nest-10 { padding: 1.1rem 0; }
  .k40nest-10 .wrap h2 { margin-bottom: .8rem; }
  .k40nest-10 .wrap ul li { width: 100%; }
  .k40nest-10 .wrap ul li p { font-size: .32rem; }
  .k40nest-10 .wrap ul li:hover img { transform: none; } }

@media screen and (max-width: 767px) { .hide_pocket { display: none !important; } }

@media screen and (min-width: 768px) { .hide_pocket-up { display: none !important; } }

.magic-01 { position: relative; background-color: #020202; z-index: 99; color: #fff; overflow: hidden; }

.magic-01 .sticky-pc { position: sticky; top: 0; left: 0; }

.magic-01 .sticky-pc .wrap { position: relative; overflow: hidden; }

.magic-01 .sticky-pc .wrap .img-box { position: relative; }

.sticky-block { position: sticky; top: 0; left: 0; }

#k40nest01_dw01 { position: absolute; top: 52%; left: 50%; transform: translateX(-50%); width: 100%; width: 100%; text-align: center; }

@media screen and (min-width: 1920px) { #k40nest01_dw01 { top: 48%; } }

.page-k40nest .pinImg_01 { width: 67%; }

#k40nest02_dw02 { position: absolute; top: 52%; left: 50%; transform: translateX(-50%); width: 100%; width: 100%; text-align: center; }

@media screen and (min-width: 1920px) { #k40nest02_dw02 { top: 50%; } }

/* mapper 详情页 start */
.page-mapper { background-color: #000; color: white; }

.page-mapper .bg { position: relative; }

.page-mapper .bg > img, .page-mapper .bg video, .page-mapper .bg .video { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; }

.page-mapper h1 { font-size: .70rem; }

.page-mapper h2 { font-size: .63rem; }

.page-mapper h3 { font-size: .44rem; }

.page-mapper h4 { font-size: .36rem; }

.page-mapper h5 { font-size: .30rem; }

.page-mapper .desc { font-size: .24rem; }

.page-mapper .tips { font-size: 12px; font-size: .2rem; color: rgba(255, 255, 255, 0.6); }

.page-mapper img[data-src] { opacity: 0; visibility: hidden; }

.page-mapper img[src][data-src] { opacity: 1; visibility: visible; }

.page-mapper [class*=mapper-] h2 { margin-bottom: .52rem; font-weight: 800; }

.page-mapper video { width: 100%; }

@media screen and (max-width: 767px) { .page-mapper .swiper-wrapper { flex-wrap: initial !important; }
  .page-mapper .desc { font-size: .32rem; } }

/* ----- mapper 内容部分 ----- */
.mapper-banner { text-align: center; position: relative; }

.mapper-banner .bg { padding-bottom: 56.25%; }

.mapper-banner .bg video { width: 100%; }

@media screen and (max-width: 767px) { .mapper-banner .bg { padding-bottom: 139.6%; } }

.mapper-banner .wrap { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; padding-top: .6rem; background: rgba(0, 0, 0, 0.4); }

.mapper-banner .wrap h2 { margin-bottom: 0.2rem; }

.mapper-banner .wrap p { font-size: .3rem; }

.mapper-banner .play-btn { position: absolute; top: 39%; text-align: center; width: 100%; left: 0; }

.mapper-banner .play-btn p { display: inline-block; background-color: rgba(255, 255, 255, 0.67); background-color: white; color: #000; padding: 10px 29px; border-radius: 24px; cursor: pointer; padding: 8px 20px; font-size: 16px; }

.mapper-banner .play-btn p em { display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin-left: 0; position: relative; }

.mapper-banner .play-btn p em img { display: inline-block; position: absolute; left: 2px; max-width: 14px; top: -1px; }

@media screen and (max-width: 767px) { .mapper-banner .wrap { padding-top: 1rem; }
  .mapper-banner .wrap h2 { margin-bottom: 0.2rem; } }

.mapper-01 { text-align: center; padding-top: 0.77rem; padding-bottom: 0.77rem; background-color: #111111; }

.mapper-01 .wrap p { width: 82.85714%; margin: 0 auto; text-align: left; font-size: .3rem; line-height: 1.5; opacity: .6; }

@media screen and (max-width: 767px) { .mapper-01 { padding: .4rem 0; }
  .mapper-01 .wrap p { width: 100%; } }

.mapper-02 { text-align: center; padding-top: 1.2rem; padding-bottom: 1.2rem; }

.mapper-02 .wrap > ul { display: flex; margin-bottom: 1rem; }

.mapper-02 .wrap > ul:last-child { margin-bottom: 0; }

.mapper-02 .wrap > ul li { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; }

.mapper-02 .wrap > ul li .p1 { font-size: .36rem; }

.mapper-02 .wrap > ul li .tag { font-size: .24rem; opacity: 0.8; }

.mapper-02 .wrap > ul li em { font-size: 0.2rem; position: relative; top: -15px; right: -6px; }

@media screen and (max-width: 767px) { .mapper-02 { padding-top: 0.6rem; padding-bottom: 0.6rem; }
  .mapper-02 .wrap > ul { flex-wrap: wrap; margin-bottom: 0; }
  .mapper-02 .wrap > ul li { width: 50%; flex: auto; margin-bottom: 1rem; }
  .mapper-02 .wrap > ul .mb0 { margin-bottom: 0; } }

.mapper-03 { text-align: left; padding-top: 1.6rem; padding-bottom: 1.3rem; background-color: #111111; }

.mapper-03 .wrap .desc { margin-bottom: .6rem; font-size: .24rem; }

.mapper-03 .wrap > ul { display: flex; margin-bottom: .2rem; }

.mapper-03 .wrap > ul li { flex: 1; }

.mapper-03 .wrap > ul li p { font-size: .2rem; }

.mapper-03 .wrap .tips { margin-bottom: .48rem; }

@media screen and (max-width: 767px) { .mapper-03 { padding-top: 0.6rem; padding-bottom: 0.6rem; }
  .mapper-03 .wrap .desc { font-size: .32rem; }
  .mapper-03 .wrap > ul { flex-wrap: wrap; }
  .mapper-03 .wrap > ul li { width: 100%; flex: auto; margin-bottom: 0.2rem; }
  .mapper-03 .wrap > ul li h3 { margin-bottom: .04rem; }
  .mapper-03 .wrap > ul li p { font-size: .3rem; }
  .mapper-03 .wrap .tips { font-size: .3rem; margin-bottom: .48rem; } }

.mapper-03-1 { padding-top: 0rem; padding-bottom: 1.6rem; }

@media screen and (max-width: 767px) { .mapper-03-1 { padding-top: 0.6rem; padding-bottom: 0.6rem; } }

.mapper-04 { text-align: center; padding-top: 1.3rem; padding-bottom: 1.2rem; background-color: #1C1C1C; }

.mapper-04 .wrap h4 { margin-bottom: .6rem; }

.mapper-04 .wrap .desc { margin-bottom: .6rem; text-align: left; }

.mapper-04 .wrap .sw-box { margin: 0 auto; position: relative; padding-left: 20%; padding-right: 20%; }

.mapper-04 .wrap ul li img { margin-bottom: .68rem; margin-bottom: 0; }

.mapper-04 .wrap ul li .p1 { margin-bottom: .3rem; font-size: .28rem; }

.mapper-04 .wrap ul li .p2 { font-size: .2rem; margin-bottom: .6rem; color: rgba(255, 255, 255, 0.6); }

.mapper-04 .wrap .pagination-01a { width: 80% !important; }

@media screen and (max-width: 767px) { .mapper-04 .wrap .sw-box { width: 100%; padding-left: 0; padding-right: 0; } }

.swiper-container-horizontal { overflow: hidden; position: relative; }

.btn-prev, .btn-next { opacity: .6; width: .8rem; position: absolute; top: 36%; transition: opacity .2s ease-in-out; cursor: pointer; }

.btn-prev.swiper-button-disabled, .btn-next.swiper-button-disabled { opacity: .5; }

.btn-prev.swiper-button-disabled:hover, .btn-next.swiper-button-disabled:hover { opacity: .5; }

.btn-prev:hover, .btn-next:hover { opacity: 1; }

.btn-prev { position: absolute; left: 0; }

.btn-prev svg, .btn-prev img { transform: rotate(180deg); }

.btn-next { position: absolute; right: 0; }

.pagination-01 { margin: 0 auto !important; display: flex; }

.pagination-01 .swiper-pagination-bullet { height: 2px; flex: 1; display: inline-block; border-radius: 0; margin: 0 !important; width: 35px; height: 4px; opacity: 1; border-radius: 0; background-color: rgba(255, 255, 255, 0.5); position: relative; }

.pagination-01 .swiper-pagination-bullet::after { content: ""; display: block; width: 0; height: 100%; background-color: white; }

.pagination-01 .swiper-pagination-bullet.swiper-pagination-bullet-active { height: 4px; background-color: rgba(255, 255, 255, 0.5); }

.pagination-01 .swiper-pagination-bullet.swiper-pagination-bullet-active::after { -webkit-animation: width1 3s linear; animation: width1 3s linear; }

@keyframes width1 { from { width: 0%; }
  to { width: 100%; } }

@keyframes width1 { from { width: 0%; }
  to { width: 100%; } }

.mapper-05, .mapper-06, .mapper-p7, .mapper-08, .mapper-10 { padding-bottom: 1.3rem; }

@media screen and (max-width: 767px) { .mapper-05, .mapper-06, .mapper-p7, .mapper-08, .mapper-10 { padding-top: .6rem; padding-bottom: .6rem; } }

.mapper-05 { text-align: left; background-color: #111111; padding-top: 1.6rem; }

.mapper-05 .wrap .desc { margin-bottom: .6rem; }

.mapper-05 .wrap h3 { margin-bottom: .5rem; }

.mapper-05 .wrap h3 em { margin-right: 1rem; }

.mapper-06 { text-align: left; background-color: #111111; padding-top: 0; }

.mapper-06 .wrap .desc { margin-bottom: .6rem; }

.mapper-06 .wrap .tips { margin-bottom: .5rem; }

.mapper-p7 { text-align: left; background-color: #1C1C1C; }

.mapper-p7 .wrap { display: flex; }

.mapper-p7 .wrap .part-text { flex: 1; margin-right: 1.4rem; display: flex; flex-direction: column; justify-content: space-between; }

.mapper-p7 .wrap .part-text .swiper { flex: 1; }

.mapper-p7 .wrap .part-media { width: 40%; }

.mapper-p7 .wrap h4 { margin-bottom: .6rem; }

.mapper-p7 .wrap p { font-size: .24rem; }

@media screen and (max-width: 767px) { .mapper-p7 h4 { font-size: .56rem; text-align: center; margin-bottom: 0.4rem; }
  .mapper-p7 .wrap { flex-direction: column; }
  .mapper-p7 .wrap .part-text { order: 2; width: 100%; }
  .mapper-p7 .wrap .part-text .swiper { order: 2; }
  .mapper-p7 .wrap .part-text .swiper li { padding: 0.36rem .2rem; }
  .mapper-p7 .wrap .part-text .navs-01 { order: 1; }
  .mapper-p7 .wrap .part-media { order: 1; width: 100%; margin-bottom: .6rem; }
  .mapper-p7 .wrap p { font-size: .32rem; }
  .mapper-p7 .navs-01 > li:last-child { text-align: right; }
  .mapper-p7 .navs-01 > li:first-child { text-align: left; }
  .mapper-p7 .navs-01 > li.center { text-align: center; } }

.mapper-07 { padding-top: 1.6rem; }

.mapper-07 video { width: 100%; }

.mapper-07 .btn-play { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 1rem; height: 1rem; }

@media screen and (max-width: 767px) { .mapper-07 { padding-top: 0.6rem; padding-bottom: 0; } }

.mapper-08 .wrap .part-text { margin-right: 0; }

.mapper-08 .wrap .part-media { margin-right: 1.4rem; }

@media screen and (max-width: 767px) { .mapper-08 { padding-bottom: 0; }
  .mapper-08 .wrap .part-text { margin-right: 0; }
  .mapper-08 .wrap .part-media { margin-right: 1.4rem; } }

.navs-01 { display: flex; border-bottom: 1px solid #999; padding-bottom: 10px; }

.navs-01 > li { flex: 1; margin-right: .2rem; color: rgba(255, 255, 255, 0.6); font-size: .2rem; }

.navs-01 > li:last-child { margin-right: 0; }

.navs-01 > li.active { color: white; }

.navs-01 > li.active span::after { display: block; }

.navs-01 > li span { cursor: pointer; display: inline-block; position: relative; }

.navs-01 > li span::after { display: none; content: ""; position: absolute; bottom: -11px; width: 100%; border-bottom: 2px solid #fff; left: 0; }

@media screen and (max-width: 767px) { .navs-01 > li { font-size: .32rem; } }

.mapper-10 { text-align: center; background-color: #111111; padding-top: 1.6rem; }

.mapper-10 .wrap .swiper { margin-bottom: .7rem; }

.mapper-10 .wrap .w80 { width: 80%; margin: 0 auto; }

.mapper-10 .wrap .navs-01 { margin-bottom: .36rem; }

.mapper-10 .wrap .navs-01 li { text-align: center; }

.mapper-10 .wrap .p1 { font-size: .24rem; margin-bottom: .38rem; text-align: left; }

.mapper-10 .wrap .p2 { font-size: .2rem; color: rgba(255, 255, 255, 0.8); text-align: left; }

@media screen and (max-width: 767px) { .mapper-10 { padding-top: .6rem; }
  .mapper-10 .wrap .w80 { width: 100%; }
  .mapper-10 .wrap .navs-01 li:last-child { text-align: right; }
  .mapper-10 .wrap .navs-01 li:first-child { text-align: left; }
  .mapper-10 .wrap .navs-01 li.center { text-align: center; }
  .mapper-10 .wrap .p1 { font-size: .32rem; } }

/* Mapper 英文版 start */
.mapper-01en { text-align: left; padding-top: 0.77rem; padding-bottom: 1.43rem; background-color: #111111; }

.mapper-01en .wrap p { width: 82.85714%; margin: 0 auto; text-align: left; font-size: .3rem; line-height: 1.5; opacity: .6; }

.mapper-03en { text-align: left; padding-bottom: 1.46rem; background-color: #111111; }

.mapper-03en .wrap .desc { margin-bottom: .6rem; }

.mapper-03en .wrap > ul { display: flex; margin-bottom: .2rem; }

.mapper-03en .wrap > ul li { flex: 1; }

.mapper-03en .wrap > ul li p { font-size: .2rem; }

.mapper-03en .wrap .tips { margin-bottom: .48rem; }

@media screen and (max-width: 767px) { .mapper-03en { padding-bottom: .6rem; } }

.mapper-04en { background-color: #161616; }

.mapper-04en .wrap { display: flex; padding: 0.6rem 0; }

.mapper-04en .wrap .part-text { flex: 1; order: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }

.mapper-04en .wrap .part-media { flex: 1; order: 2; }

.mapper-04en.type1 .wrap .part-text .inner { padding-right: 10%; }

.mapper-04en.type2 .wrap .part-text { order: 2; }

.mapper-04en.type2 .wrap .part-text .inner { padding-left: 10%; }

.mapper-04en.type2 .wrap .part-media { order: 1; }

@media screen and (max-width: 767px) { .mapper-04en { padding-bottom: .6rem; }
  .mapper-04en .wrap { flex-direction: column; }
  .mapper-04en .desc { margin-bottom: 0.6rem; }
  .mapper-04en.type1 .wrap .part-text .inner { padding-right: 0%; }
  .mapper-04en.type2 .wrap .part-text { order: 1; }
  .mapper-04en.type2 .wrap .part-text .inner { padding-left: 0%; }
  .mapper-04en.type2 .wrap .part-media { order: 2; } }

.mapper-11 { background-color: #000; color: #fff; position: relative; padding: 1.2rem 0; }

.mapper-11 .w1280 { max-width: 1400px; }

.mapper-11 .wrap { text-align: center; }

.mapper-11 .wrap h2 { margin-bottom: 1rem; }

.mapper-11 .wrap ul { margin-bottom: 1rem; display: flex; flex-wrap: wrap; justify-content: space-between; }

.mapper-11 .wrap ul li { width: calc(50% - 0.1rem); margin-bottom: 0.2rem; }

.mapper-11 .wrap ul li .img-box { overflow: hidden; margin-bottom: 0.2rem; }

.mapper-11 .wrap ul li img { transform: scale(1); transition: transform 0.5s; }

.mapper-11 .wrap ul li p { font-size: 0.24rem; color: rgba(255, 255, 255, 0.6); text-align: center; }

.mapper-11 .wrap ul li:hover img { transform: scale(1.1); }

@media screen and (max-width: 767px) { .mapper-11 { padding: 1.1rem 0; }
  .mapper-11 .wrap h2 { margin-bottom: .8rem; }
  .mapper-11 .wrap ul li { width: 100%; }
  .mapper-11 .wrap ul li p { font-size: .32rem; }
  .mapper-11 .wrap ul li:hover img { transform: none; }
  .mapper-11 .wrap .list1 { margin-bottom: 0; }
  .mapper-11 .wrap .list2 { display: flex; justify-content: space-between; }
  .mapper-11 .wrap .list2 > li { width: 49%; } }

/* mapper 详情页 end */
.security-page { max-width: 14rem; margin: 0 auto; margin-top: .96rem; margin-bottom: 1.2rem; }

.security-page h3 { font-size: .40rem; font-family: Source Han Sans CN-Bold, Source Han Sans CN; font-weight: bold; color: #000000; line-height: 1.5em; margin-bottom: .8rem; }

.security-page p.intro { font-size: .24rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #666666; line-height: 1.5em; margin-bottom: .8rem; }

.security-page img { margin-bottom: .8rem; }

.security-page section { margin-bottom: .8rem; }

.security-page section h4 { font-size: .24rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #000000; line-height: 1.5em; margin-bottom: .36rem; }

.security-page section p { font-size: .20rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #666666; line-height: 1.5em; margin-bottom: .05rem; }

.security-page section p.with-dot { position: relative; }

.security-page section p.with-dot::before { content: ''; display: inline-block; width: 0.08rem; height: 0.08rem; background-color: #666666; border-radius: 50%; position: relative; top: 50%; transform: translateY(-50%); }

.security-page section p.withDot { padding-left: 1.5em; position: relative; }

.security-page section p.withDot::before { content: ''; display: block; position: absolute; top: 0.6em; left: 0.5em; width: 0.4em; height: 0.4em; border-radius: 50%; background-color: #000000; }

.security-page section p.tips { font-size: .16rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #999999; line-height: 1.5em; margin-top: .1rem; padding-left: .26rem; padding-left: 1.5em; }

.security-page ul li { display: inline-block; margin-right: .12rem; padding-right: .12rem; border-right: 1px solid #999999; }

.security-page ul li a { font-size: .16rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #999999; line-height: 1.5em; text-decoration: underline; }

.security-page ul li a:hover { color: #D4251F; }

.security-page ul li:last-child { border-right: none; }

@media (max-width: 971px) { .security-page { padding: 0 .48rem; width: 100%; margin-top: 1.1rem; }
  .security-page h3 { font-size: .56rem; font-family: Source Han Sans CN-Bold, Source Han Sans CN; font-weight: bold; color: #222222; margin-bottom: .32rem; }
  .security-page p.intro { font-size: .32rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #666666; margin-bottom: .32rem; }
  .security-page img { margin-bottom: 1.1rem; }
  .security-page section { margin-bottom: 1.2rem; }
  .security-page section h4 { font-size: .40rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #222222; margin-bottom: .32rem; }
  .security-page section p { font-size: .32rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #666666; margin-bottom: .32rem; }
  .security-page section p.with-dot::before { width: 0.1rem; height: 0.1rem; }
  .security-page section p.tips { font-size: .24rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #999999; padding: 0; padding-left: 1.5em; }
  .security-page ul { margin-top: 1rem; }
  .security-page ul li { display: block; border: none; margin-bottom: .48rem; }
  .security-page ul li a { font-size: .28rem; font-weight: 400; color: #666666; }
  .security-page ul li a:hover { color: #D4251F; } }

.privacy-policy-page { max-width: 14rem; margin: auto; margin-top: 1.1rem; margin-bottom: 1.2rem; }

.privacy-policy-page .inApp { display: none; }

.privacy-policy-page .inPC { display: block; }

.privacy-policy-page h3 { font-size: .40rem; font-family: Source Han Sans CN-Bold, Source Han Sans CN; font-weight: bold; color: #000000; line-height: 1.5em; margin-bottom: .82rem; }

.privacy-policy-page ul > li, .privacy-policy-page p { font-size: .20rem; line-height: 1.5em; color: #666; }

.privacy-policy-page p { margin-bottom: 1em; }

.privacy-policy-page p.withDot { padding-left: 1.5em; position: relative; }

.privacy-policy-page p.withDot::before { content: ''; display: block; position: absolute; top: 0.6em; left: 0.5em; width: 0.4em; height: 0.4em; border-radius: 50%; background-color: #222; }

.privacy-policy-page ul { margin-bottom: 1.1rem; }

.privacy-policy-page ul li { margin-bottom: .0rem; }

.privacy-policy-page ul li a { text-decoration: underline; color: #222; }

.privacy-policy-page ul li a:hover { color: #D4251F; }

.privacy-policy-page p.strong, .privacy-policy-page span.strong, .privacy-policy-page strong { color: #222; font-weight: bold; }

.privacy-policy-page .underline { text-decoration: underline; }

.privacy-policy-page h4 { font-size: .24rem; margin-bottom: .32rem; margin-top: .32rem; line-height: 1.5em; color: #222; font-weight: bold; scroll-margin-top: 1.2rem; }

.privacy-policy-page h5 { font-size: .22rem; margin-bottom: .28rem; margin-top: .28rem; line-height: 1.5em; color: #222; font-weight: bold; }

.privacy-policy-page table { border-collapse: collapse; color: #222222; font-family: Source Han Sans CN-Medium, Source Han Sans CN; }

.privacy-policy-page table tr th, .privacy-policy-page table tr td { border: 1px solid #CCCCCC; padding: .24rem .32rem; text-align: left; font-size: .20rem; }

.privacy-policy-page table thead tr { background: #f3f3f3; font-size: .22rem; font-weight: 500; line-height: 1.5em; text-align: left; }

.privacy-policy-page table thead tr.title { text-align: center; background: #DFDFDF; font-size: .22rem; font-weight: 500; line-height: 1.5em; }

.privacy-policy-page table thead tr.title th { text-align: center; }

.privacy-policy-page table thead tr.t-h .w28 { width: 2.78rem; }

.privacy-policy-page table thead tr.t-h .w60 { width: 6.05rem; }

.privacy-policy-page table thead tr.t-h .w24 { width: 2.39rem; }

@media (max-width: 971px) { .privacy-policy-page { width: 100%; padding: 0 .48rem; }
  .privacy-policy-page .inApp { display: block; }
  .privacy-policy-page .inPC { display: none; }
  .privacy-policy-page h3 { font-size: .56rem; font-family: Source Han Sans CN-Bold, Source Han Sans CN; font-weight: bold; color: #222222; }
  .privacy-policy-page ul > li, .privacy-policy-page p { font-size: .32rem; }
  .privacy-policy-page ul { margin-bottom: 1.1rem; }
  .privacy-policy-page ul li { margin-bottom: .0rem; }
  .privacy-policy-page ul li a { text-decoration: underline; }
  .privacy-policy-page ul li a:hover { color: #D4251F; }
  .privacy-policy-page h4 { font-size: .4rem; margin-bottom: .4rem; margin-top: .4rem; }
  .privacy-policy-page h5 { font-size: .32rem; margin-bottom: .32rem; margin-top: .32rem; }
  .privacy-policy-page .link-list a { text-decoration: underline; } }

.privacy-policy-page a { text-decoration: underline; }

.privacy-policy-page a:hover { color: #D4251F; }

.new-dtzn-prod-page .inPC { display: block; }

.new-dtzn-prod-page .inApp { display: none; }

.new-dtzn-prod-page .pc-center-title-box, .new-dtzn-prod-page .pctb { text-align: center; color: #2D2D2B; }

.new-dtzn-prod-page .pc-center-title-box h2, .new-dtzn-prod-page .pctb h2 { margin-bottom: .65rem; font-size: .46rem; font-weight: bold; }

.new-dtzn-prod-page .pc-center-title-box p, .new-dtzn-prod-page .pctb p { font-size: .2rem; font-weight: 400; line-height: 1.5em; margin: 0 auto; }

.new-dtzn-prod-page .pc-left-title-box, .new-dtzn-prod-page .pltb { text-align: left; color: #2D2D2B; }

.new-dtzn-prod-page .pc-left-title-box h2, .new-dtzn-prod-page .pltb h2 { margin-bottom: .56rem; font-size: .56rem; font-weight: bold; }

.new-dtzn-prod-page ul.icns-intro { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }

.new-dtzn-prod-page ul.icns-intro li { display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 25%; min-width: 25%; margin-bottom: .5rem; font-size: .2rem; line-height: .30rem; }

.new-dtzn-prod-page ul.icns-intro li > img { height: .7rem; margin-bottom: .1rem; }

.new-dtzn-prod-page ul.icns-intro li > span, .new-dtzn-prod-page ul.icns-intro li > p { text-align: center; font-size: .18rem; line-height: 1.5en; font-weight: 400; }

.new-dtzn-prod-page .img-hover-box { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; height: 2.94rem; margin-bottom: .1rem; }

.new-dtzn-prod-page .img-hover-box img { width: 100%; transform: scale(1); transition: transform 0.5s; }

.new-dtzn-prod-page .img-hover-box:hover img { transform: scale(1.1); }

@media (max-width: 971px) { .new-dtzn-prod-page { padding-top: 0; }
  .new-dtzn-prod-page .inPC { display: none; }
  .new-dtzn-prod-page .inApp { display: block; }
  .new-dtzn-prod-page .img-hover-box { height: auto; margin-bottom: .2rem; } }

.nbuy2 .nbuy2_ttop .tit { line-height: inherit; }

.mainer .afs_support2.flexce { justify-content: inherit;     padding-top: 42px;
    padding-bottom: 55px; }

.home-banner-img-title .hbit-inPC { display: block; }

.home-banner-img-title .hbit-inApp { display: none; }

@media (max-width: 971px) { .home-banner-img-title .hbit-inPC { display: none; }
  .home-banner-img-title .hbit-inApp { display: block; } }

@media (max-width: 971px) { .application-spe-bot .insrecruit-list ul li { text-align: left; } }

.application-spe .rectue-min table tr td:nth-child(3) { min-width: 32%; max-width: 32%; }

.application-spe .rectue-min table tr td:nth-child(2) { width: 32%; padding-right: 20px; flex: auto !important; }

.application-spe .rectue-min table tr td:first-child { width: 32%; min-width: 32%; max-width: 32%; }

.page-top { height: 60vh; }

.page-footer { font-family: "SourceHanSansCN-Regular", "Arial", "微软雅黑", "sans-serif", "microsoft yahei"; line-height: 1; }

.page-footer .footer-wrap { padding: 78px 0 32px 0; }

@media (max-width: 765px) { .page-footer .footer-wrap { padding-top: 0; } }

.page-footer a { transition: color .2s ease-in-out; }

.page-footer a:hover { text-decoration: underline; color: #D4251F; }

.footer-navs { display: flex; justify-content: space-between; }

.footer-navs > li { color: black; }

.footer-navs > li h3 { font-size: 16px; font-weight: 600; }

@media screen and (max-width: 767px) { .footer-navs { display: none; } }

.footer-navs-sub { color: black; margin-top: 26px; }

.footer-navs-sub > li { color: black; margin-bottom: 26px; }

.footer-navs-sub > li.nav-item2 { margin-top: 60px; }

.footer-navs-sub > li a { color: rgba(0, 0, 0, 0.6); }

.footer-navs-sub > li a:hover { color: #db0000; }

.subscribe-text { font-size: 16px; color: #222222; opacity: 0.6; }

.sub-email .input-box { margin-top: 16px; border: 1px solid rgba(0, 0, 0, 0.2); width: auto; height: 40px; display: flex; flex: 1; position: relative; margin-bottom: 15px; }

.sub-email input { flex: 1; border: none; font-size: 16px; text-indent: 16px; outline: none; }

.sub-email input::placeholder { color: rgba(0, 0, 0, 0.2); font-size: 16px; }

.sub-email button { background: #9D9D9D; width: 38px; height: 100%; padding: 6px; cursor: pointer; }

.sub-email .email-icon svg { width: 100%; height: 100%; }

.sub-email .email-icon svg path { fill: #ffffff; }

.sub-email #email-error { position: absolute; bottom: -20px; left: 15px; color: #000; }

/* */
.footer-share { display: flex; justify-content: space-between; margin-top: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.footer-share .footer-contacts { color: rgba(0, 0, 0, 0.6); font-size: 16px; }

.footer-share .footer-contacts > img { display: inline; height: 34px; }

.footer-share .footer-contacts .hot-line { margin-left: 38px; }

.footer-share .footer-contacts .line { margin: 0 32px; }

.footer-share .footer-social-shares { display: inline-flex; }

.footer-share .footer-social-shares > li { margin-left: 24px; position: relative; }

.footer-share .footer-social-shares > li a { display: inline-block; width: 48px; height: 48px; padding: 10px; opacity: 0.6; box-sizing: border-box; }

.footer-share .footer-social-shares > li a > svg { width: 100%; height: 100%; }

.footer-share .footer-social-shares > li a > svg path { fill: #313131; transition: fill .2s ease-in-out; }

.footer-share .footer-social-shares > li a:hover > svg path { fill: #db0000; }

.footer-share .footer-social-shares > li .qr-code { max-height: 0; bottom: 43px; left: 50%; transform: translateX(-50%); display: block; width: 111px; height: 111px; position: absolute; overflow: hidden; transition: max-height .5s; }

.footer-share .footer-social-shares > li:hover .qr-code { max-height: 111px; }

@media screen and (max-width: 767px) { .footer-share { display: none; } }

.footer-policy { color: rgba(0, 0, 0, 0.6); font-size: 14px; margin-top: 24px; }

.footer-policy .line { margin: 0 32px; }

.footer-policy .policy-links > a { margin-right: 32px; color: rgba(0, 0, 0, 0.6); }

.footer-policy .policy-links > a:hover { color: #db0000; }

@media screen and (max-width: 767px) { .footer-policy { display: none; } }

.lang-select { position: relative; float: right; display: flex; align-items: center; font-size: 16px; line-height: 16px; color: rgba(0, 0, 0, 0.6); cursor: pointer; }

.lang-select .icon-lang { width: 20px; height: 20px; display: inline-block; margin-right: 8px; }

.lang-select .icon-lang > svg { width: 100%; height: 100%; }

.lang-select .icon-lang > svg path { fill: rgba(0, 0, 0, 0.6); }

.lang-select .select-pop { position: absolute; opacity: 0; visibility: hidden; transition: opacity .2s ease-in-out; position: absolute; bottom: 0; padding-bottom: 28px; width: 100%; }

.lang-select .lang-list { background-color: #dbdbdb; width: 100%; border-radius: 4px; font-size: 16px; text-align: center; opacity: .8; }

.lang-select .lang-list > li { padding: 10px 8px; }

.lang-select .lang-list > li a { color: #333; transition: color .2s ease-in-out; }

.lang-select .lang-list > li:hover a { color: #D4251F; }

.lang-select:hover .select-pop { opacity: 1; visibility: visible; }

@media screen and (max-width: 767px) { .lang-select { display: none; } }

.footer-mobile { display: none; }

@media screen and (max-width: 767px) { .footer-mobile { display: block; text-align: center; padding-top: 17px; padding-bottom: 17px; }
  .footer-mobile h3 { font-size: 14px; margin-bottom: 14px; font-weight: 600; }
  .footer-mobile .p1 { font-size: 14px; color: rgba(0, 0, 0, 0.6); margin-bottom: 8px; }
  .footer-mobile .sub-email .input-box { margin-top: 16px; border: 1px solid rgba(0, 0, 0, 0.2); width: 100%; height: 40px; display: flex; flex: 1; position: relative; margin-bottom: 15px; }
  .footer-mobile .sub-email input { flex: 1; border: none; font-size: 16px; text-indent: 16px; outline: none; }
  .footer-mobile .sub-email input::placeholder { color: rgba(0, 0, 0, 0.2); font-size: 16px; }
  .footer-mobile .sub-email button { background: #9D9D9D; width: 38px; height: 100%; padding: 6px; cursor: pointer; }
  .footer-mobile .sub-email .email-icon svg { width: 100%; height: 100%; }
  .footer-mobile .sub-email .email-icon svg path { fill: #ffffff; }
  .footer-mobile .sub-email #email-error { position: absolute; bottom: -20px; left: 15px; color: #000; }
  .footer-mobile .line1 { margin: 17px 0 33px; background-color: rgba(0, 0, 0, 0.1); height: 1px; width: 100%; display: inline-block; }
  .footer-mobile .p2 { font-size: 14px; color: rgba(0, 0, 0, 0.6); margin-bottom: 34px; }
  .footer-mobile .policy-links a { color: rgba(0, 0, 0, 0.6); font-size: 14px; }
  .footer-mobile .footer-shares-m { display: flex; justify-content: space-between; width: 52%; margin-left: auto; margin-right: auto; margin-bottom: 16px; }
  .footer-mobile .footer-shares-m > li a { display: inline-block; width: 32px; height: 32px; }
  .footer-mobile .footer-shares-m > li a > svg { width: 100%; height: 100%; }
  .footer-mobile .footer-shares-m > li a > svg path { fill: rgba(34, 34, 34, 0.6); }
  .footer-mobile .p3 { font-size: 10px; color: rgba(0, 0, 0, 0.6); line-height: 1.5; } }

.footer-mobile .footerphone-menu { flex-wrap: wrap; margin-top: 25px; text-align: left; margin-bottom: 25px; }

.footer-mobile .footerphone-menu li { text-align: left; position: relative; width: 100%; padding: 5px 0; padding-bottom: 0; cursor: pointer; }

.footer-mobile .footerphone-menu h3 { line-height: 40px; position: relative; margin-bottom: 0; border-bottom: 1px solid #464646; display: flex; justify-content: space-between; padding-bottom: 5px; }

.footer-mobile .footerphone-menu h3 a { font-size: 16px; color: #000000; }

.footer-mobile .footerphone-menu h3 .open { display: block; }

.footer-mobile .footerphone-menu h3 .close { display: none; }

.footer-mobile .footerphone-menu h3.cur .open { display: none; }

.footer-mobile .footerphone-menu h3.cur .close { display: block; }

.footer-mobile .footerphone-menu .footer-subnav { margin-left: 25px; display: none; will-change: height; }

.footer-mobile .footerphone-menu .footer-subnav a { padding: 10px 0; border-bottom: 1px solid #ccc; font-size: 16px; color: #666; display: block; line-height: 25px; }

#emailConcat .g-recaptcha { display: none; }

#emailConcat.on .g-recaptcha { display: block; }

.footerphone-menu-trf { flex-wrap: wrap; margin-top: 25px; text-align: left; margin-bottom: 25px; will-change: height; }

.footerphone-menu-trf li { text-align: left; position: relative; width: 100%; padding: 5px 0; padding-bottom: 0; cursor: pointer; }

.footerphone-menu-trf h3 { line-height: 40px; position: relative; margin-bottom: 0; border-bottom: 1px solid #464646; display: flex; justify-content: space-between; padding-bottom: 5px; }

.footerphone-menu-trf h3 a { font-size: 16px; color: #000000; }

.footerphone-menu-trf h3 .open { display: block; }

.footerphone-menu-trf h3 .close { display: none; }

.footerphone-menu-trf h3.cur .open { display: none; }

.footerphone-menu-trf h3.cur .close { display: block; }

.footerphone-menu-trf .footer-subnav { margin-left: 25px; overflow: hidden; height: 0; }

.footerphone-menu-trf .footer-subnav a { padding: 10px 0; border-bottom: 1px solid #ccc; font-size: 16px; color: #666; display: block; line-height: 25px; }

/* common 样式 start */
.video-btn-play-mobile { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: .8rem; height: .8rem; }

/* common 样式 end */
@media screen and (max-width: 767px) { .test { color: red; } }
  .flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight li a.tab-active,
    .flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight li:hover a {
      #ff0000;
    }
	
	.dwimg{width:100%}
.bfsp{position:relative}
.cbsp{position:absolute;right:15px;bottom:15px;opacity:.8;display:none;cursor:pointer}
.jg{width:2%;display:inline-block;opacity:0;height:1px}
.pro-appimg{display:none!important}
.appshow{display:none}
@media (max-width:971px){.pro-pcimg,.prodt58{display:none!important}
.appshow,.pro-appimg{display:block!important}
.pics h3{text-align:center;line-height:60px;font-size:20px}
.appshow table{padding:0 5px;width:calc(100% - 1px)}
.appshow table tr td{border-bottom:1px solid;text-align:center;    color: #e2e2e2;padding:10px 0}
prodt50-cont {
    height: 350px;
}
}
.img-div{overflow:hidden}
.img-hover:hover .img-div img{transform:scale(1.05);transition:all .3s}
.qcfd{clear:both}
.prodt1{padding:5% 0}
.prodt1-cont{position:relative}
.prodt1-cont-left{width:35%;left:0;position:absolute;top:25%}
.prodt1-cont-left h5{font-size:36px;color:#fff;margin-bottom:15px}
.prodt1-cont-left h2{font-size:48px;font-weight:700;color:#fff;margin-bottom:25px}
.prodt1-cont-left p{color:#ec6016;font-size:42px}
.prodt1-cont-right{width:65%;margin-left:35%}
.prodt1-cont-right img{width:80%}
.prodt2{padding:3% 0}
.prodt2-cont{padding:5% 0}
.prodt2-bt{color:#fff;margin-bottom:2%}
.prodt2-bt p{color:#fff;font-size:20px;line-height:32px}
.prodt2-lr li{width:20%;float:left;padding:5% 0}
.prodt2-lr li:hover p{color:#fff}
.prodt2-lr .odd{margin:0 20%}
.prodt2-lr li>div{height:110px;margin-bottom:30px}
.prodt2-lr li img{display:block;margin:auto}
.prodt2-lr li p{color:#999;font-size:20px;text-align:left}
.prodt3{padding:5% 0}
.prodt3-bt,.prodt4-bt,.prodt5-bt,.prodt6-bt{text-align:center;margin-bottom:5%}
.prodt3-bt h2,.prodt4-bt h2,.prodt5-bt h2,.prodt6-bt h2{font-size:60px;font-weight:700;color:#fff}
.prodt3-lr ul{width:31.333%;float:left;margin:0 1%}
.prodt3-lr li{position:relative;margin-bottom:5%}
.prodt3-lr li img{width:100%}
.prodt3-lr li p{position:absolute;bottom:0;color:#fff;font-size:18px;text-align:center;width:100%;left:0;line-height:36px;background-color:rgba(0,0,0,.1607843137254902)}
.prodt4{position:relative}
.prodt4 .dwimg{width:100%}
.prodt4-cont{position:absolute;top:0;padding:5% 0;left:0;width:100%;height:100%;z-index:1}
.prodt4-bt h2{margin-bottom:25px}
.prodt4-bt p{color:#999;font-size:18px;line-height:28px}
.prodt4-ms{display:inline-block;text-align:center;position:absolute}
.prodt4-ms h3{font-size:24px;color:#fff;margin-bottom:10px}
.prodt4-ms p{font-size:18px;color:#999;margin-bottom:5px}
.prodt4-ms1{left:29%;top:35%}
.prodt4-ms2{left:57%;top:40%}
.prodt4-ms3{left:20%;bottom:15%}
.prodt4-ms4{right:30%;bottom:22%}
.prodt5{padding:5% 0}
.prodt5-lr .swiper-pagination{position:static;margin-top:30px;width:100%;text-align:center}
.prodt5-lr .swiper-pagination-bullet{opacity:1;background-color:#e4e4e4;width:10px;height:10px;margin:0 4px}
.prodt5-lr .swiper-pagination-bullet-active{background-color:#f1850f}
.prodt5-ms{background-color:#1f2121;border-radius:8px}
.prodt5-ms1{padding-top:5%}
.prodt5-ms2{color:#fff;text-align:center;padding:10% 10%}
.prodt5-ms2 h3{font-size:28px;margin-bottom:8%;height:46px}
.prodt5-ms2 p{color:#999;font-size:18px;line-height:28px;text-align:left;min-height:140px}
.prodt6{padding:5% 0}
.prodt6-cont{position:relative}
.prodt6-lr{position:relative}
.prodt6-lr-left{width:45%;margin-right:50%}
.prodt6-lr-left img{width:100%}
.prodt6-lr-right{position:absolute;right:0;width:55%;color:#fff;top:0;padding:3%;background-color:#202222;height:100%}
.prodt6-lr-right h3{font-size:24px;margin-bottom:15px}
.prodt6-ms{margin-bottom:35px}
.prodt6-ms h5{font-size:18px;line-height:36px}
.prodt6-ms p{font-size:18px;color:#999;line-height:24px}
.prodt7{position:relative;padding-bottom:5%}
.prodt7 .dwimg{width:100%}
.prodt7-cont{position:absolute;top:0;left:0;text-align:center;width:100%;color:#fff;padding-top:29%}
.prodt7-cont h3{font-size:32px;font-weight:700}
.prodt7-cont h2{font-size:60px;margin:35px 0;font-weight:700}
.prodt7-cont p{font-size:30px;color:#999;margin-bottom:30px}
.prodt7-8k{position:absolute;top:20%;right:20%}
.anniu{background-color:#0071ff;display:inline-block;font-size:18px;padding:10px 35px;border-radius:25px;color:#fff;cursor:pointer}
.anniu:hover{background-color:#e60012}
.anniu img{width:22px;display:inline-block;vertical-align:middle}
.prodt8{padding:5% 0;background-color:#fff}
.prodt8-h{background-color:#000;color:#fff}
.prodt8-cont{text-align:center}
.prodt8-cont h2{font-size:56px;font-weight:700;line-height:80px}
.prodt8-cont h3{font-size:32px;font-weight:700;line-height:48px;margin-top:2%}
.prodt8-cont p{font-size:20px;margin:3% 0 4% 0;line-height:32px}
.prodt8-cont img{display:block;margin:auto}
.prodt9{position:relative;background-color:#f6f6f7}
.prodt9 .dwimg{width:100%}
.prodt9-cont{position:absolute;top:0;right:0;width:100%}
.prodt9-ms{width:40%;margin-left:60%;text-align:center;margin-top:15%}
.prodt9-ms h2{font-size:48px;font-weight:700;margin-bottom:20px}
.prodt9-ms p{font-size:18px;line-height:28px}
.prodt10{padding:5% 0;background-color:#fff}
.prodt10-ms1{text-align:center}
.prodt10-ms1 h2{font-size:48px;font-weight:700;line-height:48px}
.prodt10-ms1 p{font-size:18px;margin:3% 0}
.prodt10-ms2{position:relative}
.prodt10-ms2 span{position:absolute;bottom:2%;background-color:#fff;font-size:18px;padding:5px 10px;border-radius:4px}
.prodt10-ms2 .sp1{left:2%}
.prodt10-ms2 .sp2{right:2%}
.prodt10-ms2 .sp3{position:absolute;width:50%;left:0;height:100%;top:0;background-color:#0000003b}
.prodt10-ms2 img{width:100%}
.prodt10-ms3{margin-top:2%;padding-bottom:15%}
.prodt10-ms3 ul{text-align:center}
.prodt10-ms3 li{display:inline-block;position:relative;margin:0 1%;margin-bottom:2%}
.prodt10-img2{display:none}
.prodt10-ms3-cont{position:absolute;top:0;width:100%;height:100%;background-color:#717171;color:#fff;padding:10% 10% 10% 10%;text-align:justify}
.prodt10-ms3-cont h3{font-size:32px;margin-bottom:5%;line-height:48px;font-weight:700;text-align:left}
.prodt10-ms3-cont p{font-size:16px;line-height:32px;text-align:left}
.prodt10-ms3-cont2{top:106%;color:#333;background-color:rgba(255,255,255,.03137254901960784);padding:0;height:auto}
.prodt10-ms3-cont3{top:106%;color:#333;background-color:rgba(255,255,255,.03137254901960784);padding:0;text-align:center;height:auto}
.prodt11,.prodt12,.prodt14{position:relative}
.prodt11{background-color:#242524;overflow:hidden}
.prodt11 .dwimg,.prodt12 .dwimg,.prodt14 .dwimg{width:100%}
.prodt11-cont{position:absolute;top:0;left:0;text-align:center;width:100%;color:#fff;padding:3% 0}
.prodt11-cont h2{font-size:60px;font-weight:700;margin-bottom:2%;z-index:3;position:relative}
.prodt11-cont h5{font-size:24px;margin-bottom:2%}
.prodt11-cont .proimg5{margin-bottom:2%}
.dw-anniu11{position:absolute;width:100%;text-align:center;left:0;top:22%;z-index:99}
.prodt11-anniu{font-size:24px;z-index:99}
.prodt11-anniu img{width:28px}
.prodt11-cont h3{font-size:42px;font-weight:700;margin:2.5% 0 2% 0}
.prodt11-cont .proimg{margin-top:-12%}
.prodt11-cont .proimg2{margin-bottom:2%}
.prodt11-cont .proimg3{margin-bottom:5%;margin-top:5%}
.prodt11-cont h4{font-size:36px}
.prodt11-cont span{font-size:20px;border:1px solid #fff;padding:10px 20px;border-radius:8px;display:inline-block;margin-top:1%}
.prodt11-cont p{font-size:18px;line-height:32px}
.prodt12-cont{position:absolute;top:0;width:100%;color:#fff;padding:5% 0;left:0}
.prodt12-cont-h{height:100%;padding:15% 0 5% 0}
.prodt12-cont-h .proimg{margin-bottom:5%;display:inline-block}
.prodt12-cont-ms{width:45%;margin-left:55%}
.prodt12-cont-ms h2{font-size:56px;font-weight:700;line-height:60px}
.prodt12-cont-ms p{font-size:18px;line-height:26px;margin: 3% 0;color:#e4e4e4}
.prodt13{padding:5% 0}
.prodt13-cont{color:#fff}
.prodt13-cont-ms1{text-align:center}
.prodt13-cont-ms1 h2{font-size:60px;font-weight:700;margin-bottom:5%}
.prodt13-cont-ms1 h3{font-size:340px;color:#212121}
.prodt13-cont-ms1 .proimg{display:block;margin:auto;margin-top:-30%}
.prodt13-cont-ms2 ul{margin-top:3%}
.prodt13-cont-ms2 li{width:25%;float:left;font-size:18px;padding:2%}
.prodt13-cont-ms2 li>p{font-weight:700;font-size:18px;line-height:32px}
.prodt13-cont-ms2 li h5{line-height:26px}
.prodt13-cont-ms2-h li{width:16.6666%;text-align:center}
.prodt13-cont-ms2 h3{margin:5% 0}
.prodt13-cont-ms2 h3 em{font-size:48px;margin-right:5px}
.prodt13-cont-ms2-h h5{font-size:18px;color:#e4e4e4;margin-top:10%}
.prodt14-cont{position:absolute;left:0;top:0;width:100%;padding:3% 0;color:#fff;text-align:center;z-index:1;height:100%}
.prodt14-cont h2{color:#fff;font-size:60px;font-weight:700}
.prodt11-cont-h{position:static}
.prodt15,.prodt16{background-color:#000;position:relative}
.prodt15-cont-left{position:absolute;color:#fff;height:100%;width:35%;top:0;padding-top:5%;left:5%}
.prodt15-cont-right{width:60%;margin-left:40%}
.prodt15-cont-ms1{text-align:left;margin-bottom:8%}
.prodt15-cont-ms1 span{font-size:18px;border:1px solid #fff;padding:5px 10px;border-radius:14px;width:32%;display:inline-block;margin-right:3%;margin-bottom:3%;text-align:center}
.prodt15-cont-ms2{margin-bottom:6%}
.prodt15-cont-ms2 h2,.prodt15-cont-ms3 h2{font-size:36px;color:#ffc608;margin-bottom:1%}
.prodt15-cont-ms2 p,.prodt15-cont-ms3 p{font-size:18px;line-height:28px}
.prodt15-x1{position:absolute;top:33.5%;right:38%;height:3px;width:350px}
.prodt15-x2{position:absolute;top:53.5%;right:35.3%;height:3px;width:350px}
.prodt16-cont-left{color:#fff;position:absolute;width:50%;left:50%;padding-top:10%;height:100%;padding-right:10%}
.prodt16-cont-right{width:40%;margin-right:60%}
.prodt16-cont-ms1{margin-bottom:5%}
.prodt16-cont-ms1 h2{font-size:50px;line-height:70px;display:inline-block;margin-right:5%;font-weight:700;margin-bottom:2%}
.prodt16-cont-ms1 img{display:inline-block;vertical-align:bottom}
.prodt16-cont-ms{margin-bottom:3%}
.prodt16-cont-ms h2{font-size:34px;margin-bottom:2%}
.prodt16-cont-ms p{font-size:18px;line-height:28px;color:#e4e4e4}
.prodt16-x1{position:absolute;top:46.5%;left:22.3%;height:3px}
.prodt17-cont{padding:5% 0;color:#fff}
.prodt17-bt{text-align:center;margin-bottom:3%}
.prodt17-bt h2,.prodt18-cont h2{font-size:60px;font-weight:700;line-height:100px}
.prodt17-ms li{width:48%;display:inline-block;margin:1% 1%;float:left;position:relative}
.prodt17-ms li h3{position:absolute;bottom:0;text-align:center;width:100%;background-color:rgba(0,0,0,.65);font-size:16px;line-height:25px;height:90px;padding:12px 15px}
.prodt18{position:relative}
.prodt18 .dwimg{width:100%}
.prodt18-cont{position:absolute;color:#fff;width:100%;top:0;height:100%;padding:5% 0}
.prodt18-cont-h{width:50%}
.prodt18-cont-a{width:40%;margin-left:60%}
.prodt18-cont-h h2{font-size:46px;line-height:58px}
.prodt18-cont-h .proimg{display:inline-block;margin-bottom:5%}
.prodt18-cont .proimg2{position:absolute;left:65%;bottom:15%}
.prodt18-cont .proimg3{position:absolute;left:20%;bottom:15%}
.prodt18-cont .proimg4{position:absolute;left:28%;bottom:15%}
.prodt18-cont h2{margin-bottom:3%}
.prodt18-ms{margin-bottom:2%}
.prodt18-cont-h .prodt18-ms{margin:5% 0}
.prodt18-cont h3{font-size:32px;font-weight:700;margin-bottom:1%}
.prodt18-cont p{font-size:18px;color:#999;line-height:36px}
.prodt19{position:relative}
.prodt19 .dwimg{width:100%}
.prodt19-cont{position:absolute;top:30%;right:13%;width:50%;height:100%;color:#fff;padding:10% 0 5%}
.prodt19-cont-h{padding:0 0 5%}
.hprodt19 .prodt19-cont{width:100%;top:60%;right:auto;left:50%;transform:translate(-50%,-60%);margin-right:0}
.hprodt19 .prodt19-cont .prodt19-cont-left{float:right;width:50%;margin-top:25%;margin-right:0}
.prodt19-ms{text-align:center}
.prodt19-a{margin-top:5%}
.prodt19-a-left{width:70%;float:left;margin-right:5%}
.prodt19-a-right{width:25%;float:left}
.prodt19-a-right li{margin:15% 0}
.prodt19-a-right li span{font-size:58px;font-weight:700;color:#fff;margin-right:5px}
.prodt19-a-right li h5{font-size:28px;color:#e4e4e4;margin:2% 0}
.prodt19-cont-a{position:static;padding:5% 0;background-color:#050505}
.prodt19-cont-left{float:left;width:50%;width:46%;margin-right:4%}
.prodt19-cont-right{width:50%;float:left;width:45%;margin-left:5%}
.prodt19-ms h2{font-size:40px;font-weight:700;margin-bottom:3%;line-height:65px}
.prodt19-ms p{font-size:18px;line-height:32px;color:#e4e4e4}
.prodt50{background:#000}
.prodt50,.prodt51{position:relative}
.prodt50 .dwimg,.prodt51 .dwimg{width:100%}
.prodt50-cont,.prodt51-cont{text-align:center;color:#fff;padding:5% 0;position:absolute;top:0;left:0;width:100%;height:100%}
.prodt51-cont{padding:15% 0 5% 0}
.prodt50-cont h2{font-size:60px;font-weight:700;margin-bottom:2%}
.prodt50-cont span{color:red}
.prodt50-cont h4{font-size:36px;font-weight:700}
.prodt51-ms1{position:relative;padding-bottom:5%;margin-bottom:3%}
.prodt51-ms1 span{position:absolute;font-size:18px}
.prodt51-ms1 .sp1{top:25%;left:26%}
.prodt51-ms1 .sp2{top:85%;left:45%}
.prodt51-ms1 .sp3{top:26%;left:67%}
.prodt51-ms2{width:45%;float:left;text-align:left;padding-right:2%}
.prodt51-ms2 h2{font-size:48px;font-weight:700;margin-bottom:5%}
.prodt51-ms2 p{font-size:18px;color:#e4e4e4;line-height:26px}
.prodt51-ms3{width:45%;float:left;padding-left:5%}
.prodt51-ms3 ul li{width:33.333%;float:left;margin-bottom:4%;text-align:center;padding:0 5px}
.prodt51-ms3 li h3{font-size:20px;font-weight:700;margin-bottom:5%}
.prodt51-ms3 li p{color:#e4e4e4;font-size:18px;height:40px}
.prodt52-cont{color:#fff;padding:5% 0}
.prodt52-bt{text-align:center;margin-bottom:8%}
.prodt52-bt h2{font-size:60px;font-weight:700;margin-bottom:2%}
.prodt52-bt p{font-size:18px;text-align:justify;color:#e4e4e4;line-height:32px;text-align:center}
.prodt52-ms-left{width:25%;float:left}
.prodt52-ms-left img{max-width:100%}
.prodt52-ms-left img{display:inline-block}
.prodt52-ms-right{width:75%;float:left;position:relative}
.prodt52-ms-right .proimg{display:inline-block}
.prodt52-ms-right span{font-size:20px;color:#e4e4e4;position:absolute}
.prodt52-ms-right .sp1{top:2%;left:0}
.prodt52-ms-right .sp2{top:37%;left:0}
.prodt52-ms-right .sp3{top:72%;left:0}
.prodt52-ms-right .sp4{top:11%;right:15%}
.prodt52-ms-right .sp5{top:46%;right:36%}
.prodt52-ms-right .sp6{top:80%;right:52%}
.prodt53-cont{padding:5% 0;color:#fff}
.prodt53-bt{text-align:center;margin-bottom:8%}
.prodt53-bt h2{font-size:60px;font-weight:700;margin-bottom:2%}
.prodt53-ms{position:relative}
.prodt53-ms span{font-size:13px;position:absolute;width:16%;line-height:20px;text-align:left}
.prodt53-ms .sp1{top:34%;left:9%}
.prodt53-ms .sp2{top:-9%;left:27%}
.prodt53-ms .sp3{top:78%;left:33%}
.prodt53-ms .sp4{top:0;left:46%;color:#caa56e}
.prodt53-ms .sp5{top:81%;left:50%}
.prodt53-ms .sp6{top:-11%;left:75%}
.prodt53-ms .sp7{top:38%;left:75%}
.prodt54-cont{padding:5% 0;color:#fff}
.prodt54-bt{text-align:center;margin-bottom:5%}
.prodt54-bt h2{font-size:56px;font-weight:700;margin-bottom:2%}
.prodt54-bt p{color:#e4e4e4;font-size:18px}
.prodt54-ms-qh{margin-bottom:5%;text-align:center}
.prodt54-ms-qh li{font-size:18px;display:inline-block;margin:0 20px;cursor:pointer;padding-bottom:10px;color:#e4e4e4;border-bottom:2px solid #ffffff00}
.prodt54-ms-qh li:hover{border-bottom:2px solid #fff;color:#fff}
.prodt54-ms-qh .on{border-bottom:2px solid #fff;color:#fff}
.prodt54-ms .swiper-pagination{display:none}
.prodt54-cont{padding:5% 0;color:#fff}
.prodt54-bt{text-align:center;margin-bottom:5%}
.prodt54-bt h2{font-size:56px;font-weight:700;margin-bottom:2%}
.prodt54-bt p{color:#e4e4e4;font-size:18px}
.prodt54-ms-qh{margin-bottom:5%;text-align:center}
.prodt54-ms-qh li{font-size:18px;display:inline-block;margin:0 20px;cursor:pointer;padding-bottom:10px;color:#e4e4e4;border-bottom:2px solid #ffffff00}
.prodt54-ms-qh li:hover{border-bottom:2px solid #fff;color:#fff}
.prodt54-ms-qh .on{border-bottom:2px solid #fff;color:#fff}
.prodt54-ms .swiper-pagination{display:none}
.prodt55-cont{padding:5% 0;color:#fff}
.prodt55-bt{text-align:center}
.prodt55-bt h2{font-size:60px;font-weight:700;margin-bottom:2%}
.prodt55-bt p{color:#e4e4e4;font-size:20px;line-height:28px}
.prodt55-ms .swiper-pagination,.prodt57-ms .swiper-pagination{left:50%;transform:translateX(-50%)}
.prodt55-ms .swiper-pagination-bullet{margin:5px}
.prodt55-ms .swiper-slide{opacity:.5}
.prodt55-ms .swiper-slide-active{opacity:1}
.prodt55-ms .swiper-slide .prodt55-ms1{width:70%;margin:auto}
.prodt55-ms .swiper-slide-active .prodt55-ms1{width:100%;min-height:467px}
.prodt55-ms1{color:#e4e4e4;text-align:center}
.prodt55-ms1 h3{font-size:26px;padding:10% 0 5%;color:#e4e4e4}
.prodt55-ms .swiper-slide-active h3{color:#fff}
.prodt55-ms2{display:none;opacity:0}
.prodt55-ms2 {
    display: flex;
    opacity: 1;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-end;
    align-items: center;
    flex-direction: column;
}
.prodt55-ms .swiper-slide-active .prodt55-ms2{display:block;opacity:1}
.prodt55-cont{padding:5% 0;color:#fff}
.prodt55-ms .swiper-pagination,.prodt57-ms .swiper-pagination{left:50%;transform:translateX(-50%)}
.prodt55-ms .swiper-pagination-bullet{margin:5px}
.prodt55-ms .swiper-slide{opacity:.5}
.prodt55-ms .swiper-slide-active{opacity:1}
.prodt55-ms .swiper-slide .prodt55-ms1{width:70%;margin:auto}
.prodt55-ms .swiper-slide-active .prodt55-ms1{width:100%;min-height:467px}
.prodt55-ms1{color:#e4e4e4;text-align:center}
.prodt55-ms1 h3{font-size:26px;padding:10% 0 5%;color:#e4e4e4}
.prodt55-ms .swiper-slide-active h3{color:#fff;     margin-top: -10%;}

.prodt55-ms .swiper-slide-active .prodt55-ms2{display:block;opacity:1}
.prodt55-ms2 p{font-size:17px;line-height:22px}
.prodt17-bt-h{text-align:center;margin-bottom:5%}
.prodt17-bt-h h2{font-size:60px;font-weight:700;margin-bottom:2%;line-height:60px}
.prodt17-bt-h p{color:#e4e4e4;font-size:20px;line-height:28px}
.prodt17-ms-h li{width:31.333%}
.prodt17-ms1 p{display:none}
.prodt17-ms-h li:hover .prodt17-ms1{position:absolute;top:0;height:100%;width:100%;background-color:rgba(0,0,0,.5803921568627451);padding:0 15px;padding-top:25%}
.prodt17-ms-h li:hover .prodt17-ms1 h3{position:static;background-color:rgba(255,255,255,0);margin-bottom:5px}
.prodt17-ms-h li:hover .prodt17-ms1 p{display:block;font-size:16px}
.prodt12-cont-a{padding:5% 0 5% 0;height:100%;width:100%}
.prodt12-cont-a .prodt12-cont-ms{width:50%;margin:0;margin-right:50%}
.prodt51-ms3-h{padding:0;width:100%;float:none}
.prodt51-ms3-h ul li{text-align:left}
.prodt12-cont-b .prodt12-cont-ms{width:45%;margin:0;margin-right:55%}
.prodt12-cont-b .p1{display:inline-block;border:2px solid #caa56d;color:#caa56d;padding:5px 20px;border-radius:20px}
.prodt56-cont{padding:5% 0;color:#fff}
.prodt56-bt{text-align:center;margin-bottom:5%}
.prodt56-bt h2{font-size:60px;font-weight:700;margin-bottom:2%}
.prodt56-bt p{font-size:18px;color:#e4e4e4}
.prodt56-ms{display:flow-root}
.prodt56-cont-left{width:25%;float:left}
.prodt56-cont-left li{margin-bottom:10%}
.prodt56-cont-left li:hover p{color:#fff}
.prodt56-cont-left p{color:#e4e4e4;font-size:16px;margin-top:4%;line-height:24px}
.prodt56-cont-right{width:70%;float:left;margin-left:5%}
.prodt57-cont{padding:5% 0;color:#fff}
.prodt57-bt{text-align:center;margin-bottom:3%}
.prodt57-bt h2{font-size:48px;font-weight:700}
.prodt57-ms .swiper-slide{position:relative;   width: 30%;}
.prodt57-ms .swiper-slide img{width:100%}
.prodt57-ms-cont{position:absolute;top:0;left:0;height:100%;width:100%;padding:5%10%;background-color:#000b1e00;text-align:left}
.prodt57-ms-cont h3{font-size:26px;margin-bottom:3%}
.prodt57-ms-cont p{color:#e4e4e4;font-size:16px;line-height:24px}
.prodt58{padding:5% 0}
.prodt58-cont{color:#fff}
.prodt58-ms ul{width:25%;float:left;text-align:center}
.prodt58-ms ul li{font-size:16px;color:#e4e4e4;border-bottom:1px solid #e4e4e43d;line-height:24px;padding:10px 10px}
.prodt58-ms .ul1 li{color:#fff}
.prodt58-ms2 ul{width:100%;margin-bottom:3%}
.prodt58-ms2 ul li{border:none;width:25%;float:left}
.prodt58-ms2 li h3{margin-top:5%}
.prodt20{position:relative}
.prodt20-cont{position:absolute;top:0;width:100%;height:100%;color:#fff;padding:5% 0}
.prodt20-ms{text-align:center}
.prodt20-ms h2{font-size:76px;margin:3% 0;font-weight:700}
.prodt19-ms2{margin-top:54%}
.prodt19-ms2 li{width:25%;float:left;text-align:center}
.prodt19-ms2 li img{margin-bottom:5%}
.prodt19-ms2 li h3{font-size:18px;color:#e4e4e4;line-height:30px}
.prodt19-ms2 ll:hover h3{color:#fff}
.prodt21 .prodt21-ms img{transform:translateX(-7px)}
.prodt21 .prodt21-cont{padding:5% 0;color:#fff}
.prodt21-bt{margin-bottom:3%;text-align:center}
.prodt21-bt h2{font-size:42px;margin-bottom:2%}
.prodt21-bt h5{font-size:32px;color:#e4e4e4}
.prodt21-lr{position:relative}
.prodt21-lr .jt1{position:absolute;left:-5%;top:0;padding-top:25%}
.prodt21-lr .jt2{position:absolute;right:-5%;top:0;padding-top:25%}
.prodt21-lr .swiper-button-disabled{opacity:.5}
.prodt21-dw{position:absolute;top:0;width:100%;height:100%;background-color:transparent;left:0;padding-top:10%}
.prodt21-lr2{margin-top:25px}
.prodt21-lr2 .swiper-slide p{text-align:center;color:#e4e4e4;font-size:16px;margin-top:10px}
.prodt21-lr2 .swiper-slide-thumb-active .prodt21-ms{border:1px solid #fff}
.prodt21-lr2 .swiper-slide-active .prodt21-ms{border:1px solid #fff}
.prodt21-lr2 .swiper-slide-thumb-active p{color:#fff}
.prodt22-cont{padding:5% 0;color:#fff;background-color:#050304}
.prodt22-bt{text-align:center;margin-bottom:5%}
.prodt22-bt h2{font-size:60px;margin-bottom:2%}
.prodt22-bt p{font-size:20px;color:#e4e4e4}
.prodt22-ms-sp{margin:2% 0;position:relative}
.prodt22-ms{background-color:#131316;position:relative;border-radius:25px}
.prodt22-ms2{position:static;width:63%;margin-right:2%;padding-bottom:2%;text-align:center}
.prodt22-ms3{position:absolute;top:0;width:35%;right:0;height:100%}
.prodt22-ms4{width:49%;margin-right:1%}
.prodt22-ms5{width:49%;margin-left:1%;position:absolute;top:0;right:0;height:100%}
.prodt22-ms-bt{padding-left:30px;padding-top:30px;text-align:left;margin-bottom:30px}
.prodt22-ms-bt h3{font-size:26px;margin-bottom:20px}
.prodt22-ms-bt p{font-size:16px;line-height:24px;color:#e4e4e4}
.prodt22-ms-img{width:50%;margin-right:50%}
.prodt22-ms2 .prodt22-ms-img,.prodt22-ms3 .prodt22-ms-img,.prodt22-ms4 .prodt22-ms-img,.prodt22-ms5 .prodt22-ms-img{width:100%;margin-right:0}
.prodt22-ms-img img{display:inline-block;width:100%}
.prodt22-ms-dw{position:absolute;top:0;right:0;padding-top:10%;width:50%;left:50%;padding:10% 5%}
.prodt22-ms-dw h5{font-size:32px;color:#e4e4e4;text-align:left}
.prodt22-ms-dw ul{margin-top:5%}
.prodt22-ms-dw li{font-size:16px;display:inline-block;width:48%;border:1px solid #e4e4e4;border-radius:15px;line-height:40px;text-align:center;margin:5% 1% 0}
.prodt23-cont{padding:5% 0;color:#fff}
.prodt23-cont ul li{position:relative}
.prodt23-cont ul li img{display:inline-block}
.prodt23-cont ul li span{position:absolute;top:0;left:0;height:100%;background-color:rgba(0,0,0,.23137254901960785);width:100%;font-size:28px;padding:20px}
.prodt23-cont .ul1 li img{width:100%;display:block}
.prodt23-cont .ul2{margin-top:2%}
.prodt23-cont .ul2 li{display:inline-block;width:32.33333%}
.prodt23-cont .ul2 .odd{width:.9%}
.prodt20-a .prodt20-ms h2{font-size:60px;margin:0 0 3%;font-weight:700}
.prodt20-ms h3{font-size:36px}
.prodt3-lr-mc{position:absolute;bottom:0;color:#fff;width:100%;left:0;background-color:rgba(0,0,0,.29);text-align:left;padding:10px 15px}
.prodt3-lr-mc h3{font-size:18px;line-height:26px}
.prodt3-lr .prodt3-lr-mc span{color:#e4e4e4;font-size:16px;line-height:24px}
.prodt54-ms p{text-align:center;font-size:20px;margin-top:3%}
.prodt59-cont{padding:5% 0;color:#fff}
.prodt59-ms{text-align:center;margin-bottom:3%}
.prodt59-ms h2{font-size:60px;font-weight:700}
.prodt59-ms p{font-size:20px;margin-top:2%}
.prodt59-ms2{position:relative;margin-bottom:5%}
.prodt59-ms2 .dwimg{width:100%}
.prodt59-ms2 .tp1{position:absolute;top:15%;left:25%}
.prodt59-ms3 ul li{float:left;width:16.666%;text-align:center}
.prodt59-ms3 ul li img{display:inline-block;max-width:100%}
.prodt59-ms3 ul li p{font-size:18px;margin-top:10%;line-height:28px}
.prodt60{position:relative}
.prodt60 .dwimg{width:100%}
.prodt60-cont{color:#fff;position:absolute;width:100%;height:100%;top:0;left:0}
.prodt60-ms{width:40%;margin-left:60%;margin-top:35%}
.prodt60-ms-h{margin-left:0;margin-top:50%}
.prodt60-ms h2{font-size:56px;font-weight:700;margin-bottom:5%}
.prodt60-ms h3{font-size:32px;color:#daad62;border:2px solid #daad62;display:inline-block;padding:1% 5%;border-radius:25px;margin-bottom:5%}
.prodt60-ms2 p{font-size:20px;line-height:32px}
.prodt61-cont{padding:5% 0;color:#fff}
.prodt61-bt{text-align:center;margin-bottom:5%}
.prodt61-bt h2{font-size:60px;font-weight:700}
.prodt61-bt p{color:#999;font-size:20px;line-height:32px;margin-top:3%}
.prodt61-ms video{width:100%}
.prodt62{color:#fff;position:relative}
.prodt62-cont{position:absolute;top:0;left:0;width:100%;height:100%;padding:5% 0}
.prodt62-bt{text-align:center;margin-bottom:5%}
.prodt62-bt h2{font-size:60px;font-weight:700}
.prodt62-bt p{color:#999;font-size:20px;line-height:32px;margin-top:3%}
.prodt13-cont-ms2-a li{width:25%}
.prodt13-a .prodt13-cont-ms1 h2{font-size:60px;margin-bottom:3%}
.prodt13-a .prodt13-cont-ms1 p{color:#999;font-size:20px;line-height:32px;margin-bottom:3%}
@media (max-width:1919px){.prodt51-cont{padding:8% 0 5% 0}
.prodt19-ms2{margin-top:46%}
}
@media (max-width:1659px){.prodt1-cont-left h5{font-size:32px}
.prodt1-cont-left h2{font-size:56px}
.prodt1-cont-left p{font-size:38px}
.prodt2-lr li img{width:80px}
.prodt2-lr li>div{height:85px;margin-bottom:30px}
.prodt12-cont-ms h2,.prodt3-bt h2,.prodt4-bt h2,.prodt5-bt h2,.prodt6-bt h2{font-size:56px}
.prodt11-cont h2,.prodt13-cont-ms1 h2,.prodt14-cont h2,.prodt7-cont h2{font-size:72px}
.prodt11-cont h3{font-size:42px;margin:10px}
.prodt11-cont .proimg{width:80%}
.prodt11-cont span{margin-top:1%}
.prodt8-cont h2{font-size:62px;line-height:62px}
.prodt8-cont h3{font-size:42px}
.prodt10-ms1 h2,.prodt9-ms h2{font-size:44px}
.prodt11-cont h4{font-size:32px}
.prodt15-x1{width:30%;top:42%;right:38.2%;height:2px}
.prodt15-x2{width:530px;top:61.5%;left:auto;right:36.5%;width:30%;right:31.5%;height:2px}
.prodt15-cont-ms2 h2,.prodt15-cont-ms3 h2{font-size:32px}
.prodt16-cont-ms1 h2{font-size:56px}
.prodt16-cont-ms h2{font-size:32px}
.prodt16-x1{width:25%;height:2px}
.prodt17-bt h2{font-size:68px;line-height:76px}
.prodt18-ms{width:35%;float:left}
.prodt50-cont h2{font-size:60px}
.prodt51-cont{padding:5% 0 5% 0}
.prodt51-ms2 h2{font-size:50px}
.prodt52-bt h2{font-size:56px}
.prodt17-bt-h h2,.prodt53-bt h2,.prodt54-bt h2,.prodt55-bt h2,.prodt56-bt h2,.prodt57-bt h2{font-size:52px}
.prodt20-ms h2{font-size:72px}
.prodt19-ms2{margin-top:40%}
.prodt18-cont-h .prodt18-ms{margin:0 0;width:60%;margin-bottom:5%}
.prodt18-cont-h{width:80%}
.prodt18-cont-a{width:40%}
.prodt18-cont-a .prodt18-ms{width:100%}
.prodt20-a .prodt20-ms h2,.prodt59-ms h2,.prodt60-ms h2,.prodt61-bt h2,.prodt62-bt h2{font-size:56px}
.prodt60-ms h3{font-size:30px}
.prodt13-a .prodt13-cont-ms1 h2{font-size:56px}
.prodt60-ms{margin-top:25%}
}
@media (max-width:1459px){.prodt1-cont-left h5{font-size:28px}
.prodt1-cont-left h2{font-size:52px}
.prodt1-cont-left p{font-size:34px}
.prodt2-lr li>div{height:80px;margin-bottom:30px}
.prodt2-lr li img{width:72px}
.prodt3-bt h2,.prodt4-bt h2,.prodt5-bt h2,.prodt6-bt h2{font-size:48px}
.prodt2-bt p,.prodt2-lr li p,.prodt5-ms2 h3{font-size:18px}
.prodt4-ms h3{font-size:22px}
.prodt4-ms p{font-size:16px}
.prodt5-ms2 h3{font-size:24px}
.prodt6-lr-right h3{font-size:22px}
.prodt6-ms h5,.prodt6-ms p{font-size:16px}
.prodt11-cont h2,.prodt13-cont-ms1 h2,.prodt14-cont h2,.prodt7-cont h2{font-size:54px}
.prodt13-cont-ms2 h3 em{font-size:32px}
.prodt13-cont-ms1 h3{font-size:280px}
.prodt11-anniu{font-size:20px}
.prodt11-anniu img{width:24px}
.prodt7-cont p{font-size:28px}
.prodt11-cont h3{font-size:36px}
.prodt11-cont .proimg{width:70%}
.prodt11-cont span{margin-top:1%}
.prodt8-cont h2{font-size:54px;line-height:54px}
.prodt8-cont h3{font-size:38px}
.prodt10-ms1 h2,.prodt9-ms h2{font-size:40px}
.prodt10-ms3-cont h3{font-size:32px;line-height:46px}
.prodt12-cont-ms h2,.prodt3-bt h2,.prodt4-bt h2,.prodt5-bt h2,.prodt6-bt h2{font-size:48px}
.prodt12-cont-ms p,.prodt56-bt p,.prodt8-cont p{font-size:16px;line-height:24px}
.prodt15-cont-ms2 h2,.prodt15-cont-ms3 h2{font-size:30px}
.prodt15-x1{top:44.5%;right:37.7%}
.prodt15-x2{top:65.5%;right:27.3%}
.prodt16-cont-ms1 h2{font-size:52px}
.prodt16-cont-ms1 img{width:92px}
.prodt16-cont-ms h2{font-size:30px}
.prodt17-bt h2{font-size:58px;line-height:68px}
.prodt18-cont h3{font-size:30px}
.prodt11-cont h4{font-size:30px}
.prodt19-ms h2,.prodt22-bt h2{font-size:48px;line-height:58px}
.prodt11-cont h5{font-size:20px;margin:25px 0}
.prodt50-cont h2{font-size:52px}
.prodt50-cont h4{font-size:32px}
.prodt50-cont .proimg{width:80%}
.prodt51-ms2 h2,.prodt52-bt h2{font-size:48px}
.prodt51-ms2 p,.prodt52-bt p,.prodt54-bt p,.prodt55-bt p{font-size:16px}
.prodt17-bt-h h2,.prodt53-bt h2,.prodt54-bt h2,.prodt55-bt h2,.prodt56-bt h2,.prodt57-bt h2{font-size:46px}
.prodt53-ms span{font-size:14px;line-height:22px}
.prodt54-ms-qh li{font-size:20px}
.prodt51-ms3 li h3{font-size:24px}
.prodt57-ms-cont h3{font-size:24px}
.prodt20-ms h2{font-size:60px}
.prodt20-ms .proimg{max-width:240px}
.prodt19-ms2 li img{width:80px}
.prodt19-ms2{margin-top:35%}
.prodt19-a-right li span{font-size:52px}
.prodt19-a-right li h5{font-size:26px}
.prodt22-ms-dw h5{font-size:28px}
.prodt23-cont ul li span{font-size:26px}
.prodt21-lr .jt1{width:24px;left:-3%}
.prodt21-lr .jt2{width:24px;right:-3%}
.prodt20-a .prodt20-ms h2,.prodt59-ms h2,.prodt60-ms h2,.prodt61-bt h2,.prodt62-bt h2{font-size:48px}
.prodt20-ms h3{font-size:32px}
.prodt60-ms h3{font-size:28px}
.prodt13-a .prodt13-cont-ms1 h2{font-size:48px}
.prodt60-ms{margin-top:25%}
}
@media (max-width:1259px){.prodt11-cont h2,.prodt13-cont-ms1 h2,.prodt14-cont h2,.prodt7-cont h2{font-size:42px}
.prodt11-anniu{font-size:18px}
.prodt11-anniu img{width:22px}
.prodt7-cont p{font-size:24px}
.prodt11-cont h3{font-size:32px}
.prodt11-cont .proimg{width:65%}
.prodt11-cont span{margin-top:9px}
.prodt8-cont h2{font-size:46px}
.prodt8-cont h3{font-size:38px;line-height:42px}
.prodt10-ms1 h2,.prodt9-ms h2{font-size:36px}
.prodt10-ms3-cont h3{font-size:24px;line-height:24px}
.prodt12-cont-ms h2,.prodt3-bt h2,.prodt4-bt h2,.prodt5-bt h2,.prodt6-bt h2{font-size:42px;line-height:42px}
.prodt12-cont-ms p,.prodt8-cont p{font-size:16px;line-height:26px}
.prodt15-cont-ms1 span,.prodt15-cont-ms2 p,.prodt15-cont-ms3 p,.prodt16-cont-ms p{font-size:16px}
.prodt15-cont-ms2 h2,.prodt15-cont-ms3 h2{font-size:28px}
.prodt16-cont-ms1 h2{font-size:48px}
.prodt16-cont-ms1 img{width:80px}
.prodt16-cont-ms h2{font-size:28px}
.prodt17-bt h2{font-size:48px;line-height:62px}
.prodt18-cont h3{font-size:28px}
.prodt18-cont p{font-size:18px;line-height:30px}
.prodt11-cont h4{font-size:28px}
.prodt19-ms h2{font-size:38px;line-height:46px;margin-bottom:30px}
.prodt19-ms p{font-size:16px}
.prodt50-cont h2{font-size:42px}
.prodt50-cont h4{font-size:28px}
.prodt51-ms2 h2,.prodt52-bt h2{font-size:38px}
.prodt51-ms2 p,.prodt52-bt p,.prodt54-bt p,.prodt55-bt p{font-size:16px;line-height:26px}
.prodt51-ms3 li h3{font-size:20px}
.prodt51-ms3 li p{font-size:16px}
.prodt52-ms-right .sp4{right:3%}
.prodt52-ms-right .sp5{right:26%}
.prodt52-ms-right .sp6{right:44%}
.prodt17-bt-h h2,.prodt53-bt h2,.prodt54-bt h2,.prodt55-bt h2,.prodt56-bt h2,.prodt57-bt h2{font-size:40px}
.prodt53-ms span{font-size:14px;line-height:18px}
.prodt53-ms .sp1{left:3%}
.prodt53-ms .sp2{left:25%;top:5%}
.prodt53-ms .sp6{left:79%}
.prodt53-ms .sp7{left:79%}
.prodt20-ms h2{font-size:48px}
.prodt20-ms .proimg{max-width:240px}
.prodt19-ms2 li img{width:80px}
.prodt18-cont-h .proimg{max-width:260px}
.prodt19-ms2{margin-top:35%}
.prodt19-a-right li span{font-size:52px}
.prodt22-ms-dw h5{font-size:26px}
.prodt23-cont ul li span{font-size:24px}
.prodt18-cont .proimg2{width:68px}
.prodt18-cont .proimg3{width:68px}
.prodt18-cont .proimg4{width:68px}
.prodt21-bt h2{font-size:38px}
.prodt21-bt h5{font-size:28px}
.prodt19-ms h2,.prodt22-bt h2{font-size:38px;line-height:48px}
.prodt20-a .prodt20-ms h2,.prodt59-ms h2,.prodt60-ms h2,.prodt61-bt h2,.prodt62-bt h2{font-size:42px}
.prodt20-ms h3{font-size:30px}
.prodt60-ms h3{font-size:26px}
.prodt13-a .prodt13-cont-ms1 h2{font-size:42px}
.prodt13-a .prodt13-cont-ms1 p,.prodt59-ms p,.prodt59-ms3 ul li p,.prodt60-ms2 p,.prodt61-bt p,.prodt62-bt p{font-size:18px;line-height:28px}
.prodt59-ms3 ul li img{width:33%}
}
@media (max-width:971px){.anniu{padding:8px 28px}
.prodt1-cont-left{width:100%;position:relative;top:0;left:0;right:0;bottom:0;text-align:center;margin-bottom:30px}
.prodt1-cont-right{width:100%;margin-left:0}
.prodt1-cont-left h5{font-size:24px;margin-bottom:10px}
.prodt1-cont-left h2{font-size:44px;margin-bottom:15px}
.prodt1-cont-left p{font-size:26px}
.prodt-cont{padding:30px 0}
.prodt20.prodt20-a{background:#000}
.prodt2-bt p,.prodt2-lr li p,.prodt5-ms2 h3{font-size:16px;line-height:24px}
.prodt5-ms2 h3{font-size:20px}
.prodt5-ms1 img{width:72px}
.prodt5-ms{margin-top:20px}
.prodt5-ms2 p{font-size:16px}
.prodt2-bt{margin-bottom:20px}
.prodt2-lr li{width:42%;margin:0 4%;margin-bottom:20px}
.prodt2-lr .odd{margin:0 4%;margin-bottom:20px}
.prodt2-lr li>div{height:55px;margin-bottom:20px}
.prodt2-lr li img{width:52px}
.prodt2-lr li p{font-size:16px;height:80px}
.prodt3-bt h2,.prodt4-bt h2,.prodt5-bt h2,.prodt6-bt h2{font-size:36px;line-height:42px}
.prodt3-bt,.prodt4-bt,.prodt5-bt,.prodt6-bt{margin-bottom:30px}
.prodt4-cont{position:relative}
.prodt4-bt p{font-size:16px}
.prodt4-ms h3{font-size:16px}
.prodt4-ms p{font-size:12px;color:#b3b3b3}
.prodt4-lr{z-index:1}
.prodt4-ms{position:static;width:48%;float:left;margin-bottom:20px}
.prodt4 .dwimg{position:absolute;bottom:15%;z-index:-1;opacity:.5;z-index:0}
.prodt6-lr-left{width:100%;margin-right:0}
.prodt6-lr-right{position:static;width:100%;padding:30px 10px}
.prodt11-cont h2,.prodt13-cont-ms1 h2,.prodt14-cont h2,.prodt7-cont h2{font-size:32px;line-height:42px}
.prodt11-anniu{font-size:16px}
.prodt11-anniu img{width:22px}
.prodt7-cont p{font-size:20px}
.prodt11-cont h3{font-size:24px;margin:20px 0}
.prodt11-cont p{font-size:16px;line-height:24px}
.prodt11-cont .proimg{width:100%;margin:20px 0}
.prodt11-cont span{margin-top:0;font-size:18px}
.prodt8-cont h2{font-size:30px;line-height:36px}
.prodt8-cont h3{font-size:24px;line-height:36px}
.prodt10-ms1 h2,.prodt9-ms h2{font-size:28px;line-height:36px}
.prodt10-ms3-cont h3{font-size:24px;line-height:24px}
.prodt12-cont-ms h2,.prodt3-bt h2,.prodt4-bt h2,.prodt5-bt h2,.prodt6-bt h2{font-size:32px;line-height:38px}
.prodt3-lr ul{width:98%}
.prodt3-lr{height:300px;overflow-y:auto}
.prodt3-lr::-webkit-scrollbar{width:3px;background-color:#dcdbdb;height:5px}
.prodt3-lr::-webkit-scrollbar-thumb{background-color:#e60012;border-radius:0}
.prodt10-ms1 p,.prodt12-cont-ms p,.prodt8-cont p,.prodt9-ms p{font-size:16px;line-height:24px}
.prodt8-cont p{margin:30px 0}
.prodt7-cont{position:static;padding:5%}
.prodt7-8k{width:48px;top:15%;right:15%}
.prodt9-cont{position:static}
.prodt9-ms{width:100%;margin:30px 0 20px 0}
.prodt10-ms2 span{font-size:14px}
.prodt10-ms3{padding-top:30px;padding-bottom:5px}
.prodt10-ms3-cont{background-color:#fff;color:#000;position:static;padding:10% 0}
.prodt10-ms3 .li1{display:none}
.prodt10-img1{display:none}
.prodt10-img2{display:block}
.prodt11-cont{position:static}
.prodt11 .dwimg{display:none}
.dw-anniu11{position:static;margin:20px 0}
.prodt12-cont{position:static;padding:30px 0}
.prodt12-cont-a .pro-appimg{margin:20px 0}
.prodt12-cont-ms{width:100%;margin:auto;text-align:center}
.prodt13-cont-ms1 h3{font-size:88px}
.prodt13-cont-ms2 li{width:50%;padding:5%;font-size:16px}
.prodt13-cont-ms2 h3{margin:10px 0}
.prodt13-cont-ms2 h3 em{font-size:24px}
.prodt14{padding:0;padding-top:30px}
.prodt14-cont{position:static}
.prodt11-cont h4{font-size:24px;margin:20px 0}
.prodt11-cont .proimg4{width:70%}
.prodt11-cont .proimg2{width:70%;margin-bottom:15px;max-width:200px}
.prodt15-cont-left{position:static;width:100%;margin:auto;padding:0 15px}
.prodt15-cont-right{width:80%;margin-left:20%;margin:20px 0 0;margin-left:20%}
.prodt15-cont-ms1{text-align:center}
.prodt15-cont-ms1 span{width:auto}
.prodt15-cont-ms2 h2,.prodt15-cont-ms3 h2{font-size:26px}
.prodt15-x1{display:none}
.prodt15-x2{display:none}
.prodt16-x1{display:none}
.prodt16-cont-left{width:100%;position:static;padding:0 15px}
.prodt16-cont-ms1 h2{font-size:32px}
.prodt16-cont-ms1 img{width:52px}
.prodt16-cont-ms1{margin-bottom:30px}
.prodt16-cont-ms h2{font-size:24px}
.prodt16-cont-ms{margin-bottom:20px}
.prodt17-bt h2,.prodt18-cont h2{font-size:32px;line-height:42px;text-align:center}
.prodt17-bt{margin-bottom:20px}
.prodt17-ms ul{height:300px;overflow-y:auto}
.prodt17-ms ul::-webkit-scrollbar{width:3px;background-color:#dcdbdb;height:5px}
.prodt17-ms ul::-webkit-scrollbar-thumb{background-color:#e60012;border-radius:0}
.prodt17-ms li{width:98%;margin-bottom:15px}
.prodt17-ms li h3{font-size:16px;height:48px;line-height:24px}
.prodt18-cont{position:static}
.prodt18-ms{float:none;width:100%;margin-top:30px}
.prodt18-cont h3{font-size:22px}
.prodt13-cont-ms2 li img{width:42px}
.prodt19-cont{position:static;padding:5% 0 5%}
.prodt19-ms h2{font-size:32px;line-height:42px;margin-bottom:20px}
.prodt19-ms p{line-height:24px}
.prodt19-cont-left{width:100%;float:none}
.prodt19-cont-right{width:100%;float:none;margin:0}
.prodt50-cont h2{font-size:28px;margin-bottom:20px}
.prodt50-cont h4{font-size:24px;margin-bottom:20px}
.prodt50-cont,.prodt51-cont{position:static;padding:0}
.prodt50-cont {height: 370px;}
 .prodt53-cont {height: 100%;}   
  .prodt54-cont {height: 100%;} 
.prodt12-cont  {height: 100%;} 
.prodt12-cont-mob {padding-top: 15%;}
.prodt56-cont-left img {display: flow;}
.w1280 {width: 93%; }
.apphide {display: none;}
.prodt50-cont .proimg{width:100%}
.prodt51-ms1{display:none}
.prodt51-ms2{width:100%;padding:0;margin:20px 0 30px 0;text-align:center;float:none}
.prodt51-ms2 h2,.prodt52-bt h2{font-size:28px;margin-bottom:25px}
.prodt51-ms3{width:100%;float:none;padding:0}
.prodt51-ms3 li h3{font-size:22px}
.prodt51-ms3 li p{font-size:16px}
.prodt52-ms-left{float:none;width:100%;margin-bottom:40px}
.prodt52-ms-right{width:100%;float:none}
.prodt52-ms-left img{display:block;margin:auto;max-width:180px}
.prodt52-ms-right span{font-size:16px}
.prodt52-ms-right .sp1{top:-3%;left:0}
.prodt52-ms-right .sp2{top:31%;left:0}
.prodt52-ms-right .sp3{top:66%;left:0}
.prodt52-ms-right .sp4{top:-3%;right:10%}
.prodt52-ms-right .sp5{top:32%;right:10%}
.prodt52-ms-right .sp6{top:67%;right:12%}
.prodt17-bt-h h2,.prodt53-bt h2,.prodt54-bt h2,.prodt55-bt h2,.prodt56-bt h2,.prodt57-bt h2{font-size:28px;margin-bottom:30px}
.prodt53-ms span{font-size:12px;width:12px;height:12px;font-size:0;background-color:#60a5b0;border-radius:50%}
.prodt53-ms span::after,.prodt53-ms span::before{position:absolute;width:10px;height:10px;border-radius:50%;content:'';top:1px;right:1px;background-color:#16c6e2;z-index:1}
.prodt53-ms span::before{animation:scale-sp 1.5s infinite}
.prodt53-ms span::after{animation:scale-sp2 1.5s infinite}
@keyframes scale-sp{0%{transform:scale(1);opacity:.9}
100%{transform:scale(4);opacity:0}
}
@keyframes scale-sp2{0%{transform:scale(1);opacity:.9}
100%{transform:scale(8);opacity:0}
}
.prodt54-ms-qh{display:none}
.prodt53-ms2 .swiper-pagination,.prodt54-ms .swiper-pagination,.prodt55-ms .swiper-pagination,.prodt57-ms .swiper-pagination{display:block;position:static;margin-top:20px}
.prodt53-ms2 .swiper-pagination-bullet,.prodt54-ms .swiper-pagination-bullet,.prodt55-ms .swiper-pagination-bullet,.prodt57-ms .swiper-pagination-bullet{background-color:#fff;opacity:.5}
.prodt53-ms2 .swiper-pagination-bullet-active,.prodt54-ms .swiper-pagination-bullet-active,.prodt55-ms .swiper-pagination-bullet-active,.prodt57-ms .swiper-pagination-bullet-active{background-color:#fff;opacity:1}
.prodt17-bt-h p{font-size:18px}
.prodt17-ms1{position:static;top:0;height:100%;width:100%;background-color:#00000094;padding:0 15px;padding:20px 15px 30px 15px}
.prodt17-ms1 p{display:block;font-size:14px}
li .prodt17-ms1 h3{position:static;line-height:22px;height:auto;margin-bottom:10px}
.prodt12-cont-a .prodt12-cont-ms{width:100%;margin:0}
.prodt12-cont-ms p,.prodt56-bt p,.prodt8-cont p{font-size:16px;line-height:26px}
.prodt56-cont-left{width:100%;float:none}
.prodt56-cont-right{display:none}
.prodt56-ms .pro-appimg{margin:20px 0}
.prodt56-cont-left li{text-align:left;margin:8% 0}
.prodt56-cont-left img{width:56px}
.prodt56-cont-left p{font-size:16px;margin-top:5%}
.prodt57-ms-cont h3{font-size:20px}
.prodt53-ms2{margin-top:30px}
.prodt53-ms2 span{font-size:16px;line-height:24px}
.prodt58-ms ul{width:50%}
.prodt58-ms2 ul{width:100%}
.prodt58-ms2 ul li{width:50%}
.prodt58-ms ul li{font-size:14px;min-height:60px;line-height:24px;padding:5px}
.prodt58-ms{margin-bottom:30px}
.prodt20-cont{position:static}
.prodt20-ms h2{font-size:32px;margin:20px 0}
.prodt20-ms .proimg{max-width:180px}
.prodt19-ms2{margin-top:50px}
.prodt19-ms2 li{width:48%;margin:20px 1%;display:inline-block;float:none;vertical-align:top}
.prodt19-ms2 li img{width:62px;margin-bottom:20px}
.prodt19-ms2 li h3{font-size:16px}
.prodt18-cont-h{width:100%;text-align:center}
.prodt18-cont-h .prodt18-ms{width:100%;margin:30px 0}
.prodt18-cont .proimg2{position:static;margin-top:10px;margin-bottom:10px}
.prodt21-bt h2{font-size:32px}
.prodt21-bt h5{font-size:24px}
.prodt18-cont-a{margin:0}
.prodt18-cont .proimg3{position:static;margin-top:20px}
.prodt18-cont .proimg4{position:static;margin-top:20px}
.prodt19-a-left{width:100%;margin:0;float:none}
.prodt19-a-right{width:100%;float:none}
.prodt19-a-right li{width:31.3333%;float:left;margin:20px 1%}
.prodt19-a-right li h5{font-size:16px}
.prodt19-a-right li span{font-size:28px}
.prodt21-dw{padding-top:20%;background-color:#00000042}
.prodt21-dw .prodt21-ms img{max-width:250px}
.prodt21-lr .jt1{width:18px;left:-3%;padding-top:40%}
.prodt21-lr .jt2{width:18px;right:-3%;padding-top:40%}
.prodt19-ms h2,.prodt22-bt h2{font-size:32px;line-height:42px}
.prodt22-bt p{font-size:18px}
.prodt22-ms-bt{padding:0;padding-top:20px}
.prodt22-ms-bt h3{font-size:20px;padding:0 5%}
.prodt22-ms-bt p{padding:0 5%}
.prodt22-ms-img{width:100%;margin:0}
.prodt22-ms-dw{position:static;width:100%;margin:0}
.prodt22-ms-dw h5{font-size:20px}
.prodt22-ms-dw li{font-size:16px}
.prodt22-ms-sp{margin:20px 0}
.prodt22-ms2{width:100%;margin:0}
.prodt22-ms3{position:static;width:100%;margin:20px 0}
.prodt22-ms4{width:100%;margin:0}
.prodt22-ms5{width:100%;margin:0}
.prodt23-cont ul li span{font-size:20px}
.prodt23-cont .ul2 .odd{display:none}
.prodt23-cont .ul2 li{width:100%;margin-bottom:10px}
.prodt23-cont .ul2{margin-top:10px}
.prodt11-cont .proimg5{width:110px;margin-bottom:25px}
.prodt20-a .prodt20-ms h2,.prodt59-ms h2,.prodt60-ms h2,.prodt61-bt h2,.prodt62-bt h2{font-size:32px}
.prodt20-ms h3{font-size:24px}
.prodt13-a .prodt13-cont-ms1 p,.prodt59-ms p,.prodt59-ms3 ul li p,.prodt60-ms2 p,.prodt61-bt p,.prodt62-bt p{font-size:16px;line-height:24px}
.prodt59-ms2 .tp1{width:200px}
.prodt59-ms3{margin-top:30px}
.prodt59-ms3 ul li{width:50%;min-height:100px;margin-bottom:20px}
.prodt60-cont{position:static}
.prodt60-ms{width:100%;margin-left:0;text-align:center;margin-top:0}
.prodt60-ms h3{font-size:22px}
.prodt62-cont{position:static}
.prodt13-a .prodt13-cont-ms1 h2{font-size:32px}
}
.prodt63{position:relative}
.prodt63-cont{color:#fff;position:absolute;top:0;text-align:center;width:100%;height:100%;padding:5% 0}
.prodt63-cont h2{font-size:60px}
.prodt63-cont h4{font-size:36px;margin-top:2%}
.prodt64-cont{color:#fff;padding:5% 0}
.prodt64-bt{text-align:center;margin-bottom:5%}
.prodt64-bt h2{font-size:60px}
.prodt64-bt p{margin-top:2%;font-size:20px;color:#999;line-height:26px}
.prodt64-ms{position:relative}
.prodt64-left{position:absolute;width:45%;left:0}
.prodt64-right{width:50%;margin-left:50%}
.prodt64-right ul li{margin-bottom:5%}
.prodt64-right ul li h3{font-size:36px;margin-bottom:2%}
.prodt64-right ul li p{font-size:20px;color:#999;line-height:28px}
.prodt65-cont{color:#fff;padding:5% 0}
.prodt65-bt{text-align:center;margin-bottom:5%}
.prodt65-bt h2{font-size:60px}
.prodt65-bt p{margin-top:2%;font-size:20px;color:#999;text-align:left}
.prodt65-ms img{display:block;max-width:100%;margin:auto}
.prodt65-ms2{text-align:center}
.prodt65-ms2 img{display:inline-block;max-width:46%;margin:0 1%;border-radius:4%}
.prodt66-cont{color:#fff;padding:5% 0}
.prodt66-bt{text-align:center;margin-bottom:5%}
.prodt66-bt h2{font-size:60px}
.prodt66-ms img{max-width:150px;max-height:126px}
.prodt66-ms ul{text-align:center}
.prodt66-ms ul li{width:44%;display:inline-block;background-color:#272727;margin:2%;padding:3% 3% 5% 3%;vertical-align:middle;text-align:left}
.prodt66-ms ul li h5{font-size:20px;margin-bottom:2%}
.prodt66-ms ul li p{color:#999;margin-bottom:5%;font-size:16px;line-height:25px;min-height:100px}
.prodt67-cont{color:#fff;padding:5% 0}
.prodt67-bt{text-align:center;margin-bottom:5%}
.prodt67-bt h2{font-size:60px}
.prodt67-bt p{font-size:18px;color:#999;margin-top:2%}
.prodt67-ms ul{text-align:center}
.prodt67-ms ul li{display:inline-block;width:20%;vertical-align:middle}
.prodt67-ms ul li p{font-size:18px;margin-top:15%}
.prodt67-ms .xian{width:18%}
.prodt67-ms .xian em{color:#101010;display:block;width:70%;height:2px;background-color:#999;margin:auto}
@media (max-width:1659px){.prodt63-cont h2,.prodt64-bt h2,.prodt65-bt h2,.prodt66-bt h2,.prodt67-bt h2{font-size:56px}
.prodt63-cont h4{font-size:32px}
.prodt64-bt p{font-size:18px}
.prodt64-right ul li h3{font-size:34px}
.prodt64-right ul li p{font-size:18px}
}
@media (max-width:1459px){.prodt63-cont h2,.prodt64-bt h2,.prodt65-bt h2,.prodt66-bt h2,.prodt67-bt h2{font-size:52px}
.prodt63-cont h4{font-size:30px}
.prodt64-bt p{font-size:18px}
.prodt64-right ul li h3{font-size:32px}
.prodt64-right ul li p{font-size:18px}
}
@media (max-width:1259px){.prodt63-cont h2,.prodt64-bt h2,.prodt65-bt h2,.prodt66-bt h2,.prodt67-bt h2{font-size:42px}
.prodt63-cont h4{font-size:28px}
.prodt64-bt p{font-size:18px}
.prodt64-right ul li h3{font-size:28px}
.prodt64-right ul li p{font-size:16px;line-height:24px}
}
@media (max-width:971px){.prodt63-cont{position:static;padding:0;margin-bottom:30px}
.prodt63-cont h2,.prodt64-bt h2,.prodt65-bt h2,.prodt66-bt h2,.prodt67-bt h2{font-size:26px;line-height:32px}
.prodt63-cont h4{font-size:20px;margin-top:5%}
.prodt64-bt p{font-size:16px;margin-top:20px;text-align:left}
.prodt64-right ul li h3{font-size:24px}
.prodt64-right ul li p{font-size:15px;line-height:22px}
.prodt64-bt{margin-bottom:30px}
.prodt64-left{position:static;width:100%}
.prodt64-right{width:100%;margin:auto;text-align:left;margin-top:20px}
.prodt64-cont,.prodt65-cont,.prodt66-cont,.prodt67-cont{padding:0}
.prodt65-bt p{font-size:16px;margin-top:20px}
.prodt65-ms2 img{width:80%;max-width:initial;margin-bottom:20px}
.prodt66-ms ul li h5{font-size:18px;margin-bottom:15px}
.prodt66-ms ul li{width:90%;margin-bottom:20px;padding:5% 5% 10%}
.prodt67-bt p{margin-top:20px;font-size:16px;text-align:left}
.prodt67-ms ul li{display:block;margin:auto;width:100%;margin-bottom:20px}
.prodt67-ms ul li img{width:50%}
.prodt67-ms ul li p{margin-top:10%}
.prodt67-ms .xian{transform:rotate(90deg);padding:10% 0}
}
.prodt68{position:relative}
.prodt68-cont{color:#111;position:absolute;top:0;text-align:center;width:100%;height:100%;padding:5% 0}
.prodt68-a .prodt68-cont{color:#fff}
.prodt68-cont h2{font-size:36px;margin-top:2%}
.prodt69{position:relative}
.prodt69-bt{margin-bottom:3%}
.prodt69-bt .tp{display:inline-block}
.prodt69-bt h2{font-size:80px;margin-top:2%}
.prodt69-bt h2 em{color:#e60027}
.prodt69-ms{margin-bottom:5%}
.prodt69-ms h3{font-size:32px;margin-bottom:1%}
.prodt69-ms p{font-size:20px;color:#c9c9c9;line-height:32px}
.prodt69-ms li{display:inline-block;text-align:center;margin-right:8%}
.prodt69-ms li h5{color:#e60027;font-size:45px;font-weight:700}
.prodt69-ms li span{font-size:18px;margin-top:5%;display:block;color:#c9c9c9}
.prodt70-cont{color:#fff;top:0;text-align:left;width:100%;height:100%;padding:5% 0;background-color:rgba(0,0,0,.28)}
.prodt70-cont-a{text-align:center}
.prodt70 .bfsp{text-align:center}
.prodt70 .bfsp video{max-width:100%}
.prodt70-ms{margin-bottom:5%;max-width:960px;margin:auto;margin-bottom:5%}
.prodt70-tp{position:relative}
.prodt70-tp img{width:100%}
.prodt70.on .prodt70-tp em{animation:movethuma 2s linear 1}
.prodt70-tp em{position:absolute;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.2901960784313726);color:transparent;right:50%}
.prodt70-ms h3{font-size:32px}
.prodt70-ms p{font-size:20px;color:#c9c9c9;margin:2% 0 3% 0}
.prodt71{position:relative}
.prodt71-cont{position:absolute;color:#fff;top:0;width:100%;padding:42% 0 5% 0}
.prodt71-left{float:left;width:50%;padding-right:10%}
.prodt71-right{float:left;width:50%}
.prodt71-left .tp{display:inline-block;margin-bottom:5%}
.prodt71-left h2{font-size:80px;line-height:100px}
.prodt71-left em{color:#e60027}
.prodt71-left h5{font-size:32px;margin:5% 0}
.prodt71-left p{font-size:18px;line-height:26px;color:#c9c9c9}
.prodt71-right h2{font-size:32px;margin-bottom:5%}
.prodt71-right p{font-size:20px;line-height:26px;color:#c9c9c9}
.prodt71-right ul{margin-top:5%}
.prodt71-right li{display:inline-block;margin-bottom:5%}
.prodt71-right h5{font-size:50px;color:#f26e7e;background:linear-gradient(to right,#6667ad 0,#a65a91 26%,#e54c74 52%,#f5f1b3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.prodt71-right span{font-size:20px;color:#c9c9c9;display:block;margin-top:5%}
.prodt72{background-color:#111}
.prodt72-cont{color:#fff;text-align:left;padding:5% 0}
.prodt72-cont .w1280{position:relative}
.prodt72-left{position:absolute;width:50%;left:0;height:100%;top:10%}
.prodt72-left h2{font-size:60px}
.prodt72-left p{font-size:18px;text-align:left;color:#c9c9c9;margin-top:5%;line-height:26px}
.prodt72-right{width:50%;margin-left:50%}
.prodt72-right .swiper-slide img{max-width:100%}
.prodt72-right .swiper-pagination{position:static;margin-top:20px}
.prodt72-right .swiper-pagination-bullet{background-color:#fff;opacity:.8;width:12px;height:12px;margin:0 10px!important;vertical-align:middle}
.prodt72-right .swiper-pagination-bullet:nth-child(1){background-color:#999}
.prodt72-right .swiper-pagination-bullet:nth-child(2){background-color:#fff}
.prodt72-right .swiper-pagination-bullet:nth-child(3){background-color:#ff7131}
.prodt72-right .swiper-pagination-bullet-active{opacity:1;width:15px;height:15px}
.prodt73-cont{color:#fff;text-align:center;padding:5% 0;max-width:960px;margin:auto}
.prodt73-bt h2{font-size:60px}
.prodt73-bt p{font-size:18px;color:#c9c9c9;margin-top:2%;line-height:26px}
.prodt73-ms{margin-top:5%;position:relative}
.prodt73-ms video{width:100%}
.prodt73-ms ul{position:absolute;width:100%;height:100%;top:0;left:0}
.prodt73-ms li{float:left;width:25%;height:100%;border-right:1px solid #fff;position:relative}
.prodt73-ms:hover li{border:none}
.prodt73-ms li p{font-size:18px;position:absolute;bottom:15px;text-align:center;width:100%}
.prodt73-ms li:nth-child(4){border:none}
.prodt73-xian{margin-top:5%}
.prodt73-xian li{display:inline-block}
.prodt73-xian li p{color:#101010;width:42px;height:2px;background-color:#eee;margin:0 15px}
.prodt74{position:relative}
.prodt74-cont{color:#fff;position:absolute;padding:5% 0 5% 0;top:0;left:0;width:100%}
.prodt74-bt{width:50%}
.prodt74-bt h2{font-size:60px}
.prodt74-bt em{color:#e60027}
.prodt74-bt p{color:#f0f8ff;font-size:20px;line-height:32px;margin:5% 0}
.prodt74-ms{width:50%}
.prodt74-ms li h5{font-size:50px;margin-bottom:10px}
.prodt74-ms li p{font-size:20px;color:#999}
.prodt74-ms li em{color:#000;width:100px;height:2px;background-color:#999;display:block;margin:5% 0}
.prodt75{position:relative}
.prodt75-cont{position:absolute;width:100%;left:0;top:0;color:#fff;height:100%;padding:8% 0 5%}
.prodt75-ms{width:50%}
.prodt75-ms2 h2{font-size:60px}
.prodt75-ms2 p{font-size:20px;line-height:32px;margin:10% 0}
.prodt75-ms ul{width:50%}
.prodt75-ms li{margin-bottom:8%}
.prodt75-ms li h5{font-size:32px;margin-bottom:2%}
.prodt75-ms li p{font-size:18px;color:#999;line-height:28px}
.prodt75-ms2 ul{width:100%}
.prodt75-ms2 li{width:28.333%;margin-bottom:0;float:left;margin-right:5%;text-align:center;background-color:#111;padding:3%;border-radius:8%}
.prodt75-ms2 li:last-child{margin-right:0}
.prodt75-ms2 li span{font-size:20px;margin-bottom:10%;display:block;border-bottom:1px solid rgba(255,255,255,.51);padding-bottom:10%}
.prodt76{position:relative}
.prodt76-cont{position:absolute;color:#fff;top:0;text-align:center;width:100%;padding:5% 0}
.prodt76-bt{margin-bottom:5%}
.prodt76-bt h2{font-size:60px;margin-bottom:3%}
.prodt76-bt h2 em{color:#e60027}
.prodt76-bt p{font-size:18px;color:#999}
.prodt77-cont{color:#fff;text-align:center;padding:5% 0}
.prodt77-bt h2{font-size:60px;margin-bottom:3%}
.prodt77-bt h2 em{color:#e60027}
.prodt77-bt p{font-size:18px;color:#999}
.prodt77-bt{margin-bottom:5%}
@media (max-width:1659px){.prodt69-bt h2,.prodt71-left h2{font-size:72px;line-height:92px}
.prodt72-left h2,.prodt73-bt h2,.prodt74-bt h2,.prodt76-bt h2,.prodt77-bt h2{font-size:58px}
}
@media (max-width:1459px){.prodt69-bt h2,.prodt71-left h2{font-size:62px;line-height:78px}
.prodt72-left h2,.prodt73-bt h2,.prodt74-bt h2,.prodt76-bt h2,.prodt77-bt h2{font-size:52px}
.prodt69-ms li h5{font-size:44px}
.prodt69-ms h3,.prodt70-ms h3,.prodt71-left h5,.prodt71-right h2,.prodt75-ms li h5{font-size:30px}
.prodt71-right h5,.prodt74-ms li h5{font-size:42px}
}
@media (max-width:1259px){.prodt69-bt h2,.prodt71-left h2{font-size:52px;line-height:68px}
.prodt72-left h2,.prodt73-bt h2,.prodt74-bt h2,.prodt76-bt h2,.prodt77-bt h2{font-size:46px}
.prodt69-ms li h5{font-size:38px}
.prodt69-ms h3,.prodt70-ms h3,.prodt71-left h5,.prodt71-right h2,.prodt75-ms li h5{font-size:28px}
.prodt71-right h5,.prodt74-ms li h5{font-size:36px}
.prodt69-ms p,.prodt70-ms p,.prodt71-right p,.prodt74-bt p{font-size:18px;line-height:26px}
.prodt68-cont h2{font-size:28px}
}
@media (max-width:971px){.prodt69-bt h2,.prodt71-left h2{font-size:32px;line-height:49px}
.prodt72-left h2,.prodt73-bt h2,.prodt74-bt h2,.prodt76-bt h2,.prodt77-bt h2{font-size:32px}
.prodt69-ms li h5{font-size:26px}
.prodt69-ms h3,.prodt70-ms h3,.prodt71-left h5,.prodt71-right h2,.prodt75-ms li h5{font-size:24px;line-height:32px}
.prodt69-ms h3{margin-bottom:15px}
.prodt71-right h5,.prodt74-ms li h5{font-size:24px}
.prodt69-ms p,.prodt70-ms p,.prodt71-left p,.prodt71-right p,.prodt71-right span,.prodt72-left p,.prodt73-bt p,.prodt74-bt p,.prodt76-bt p,.prodt77-bt p{font-size:16px;line-height:24px}
.prodt71-right span{display:block;text-align:center}
.prodt70-ms p{margin:15px 0 20px 0}
.prodt68-cont{position:static;background-color:#fff;padding:0}
.prodt68-cont h2{font-size:28px;margin:20px 0}
.prodt68-cont .tp{width:80%}
.prodt68{background-color:#fff;padding:30px 0 0 0}
.prodt68-a{background-color:#0a0908}
.prodt68-a .prodt68-cont{background-color:#0a0908}
.prodt69-cont{position:static;padding:0}
.prodt69-bt .tp{width:80%}
.prodt69-ms{margin-bottom:30px}
.prodt69-ms li{width:28.333%;margin:1.5%}
.prodt70-cont{padding:0}
.prodt70-ms{margin-bottom:30px}
.prodt71-cont{position:static;text-align:center;padding:0}
.prodt71-left{width:100%;padding:0;float:none;margin-bottom:20px}
.prodt71-right{width:100%;float:none}
.prodt71-right li{margin:0;margin-right:2%;width:47%;margin-bottom:20px;float:none}
.prodt72-cont{padding:0}
.prodt72-left{width:100%;position:static}
.prodt72-right{width:100%;margin:20px 0 0 0}
.prodt73-cont{padding:0}
.prodt73-ms li p{font-size:16px}
.prodt73-xian li p{width:24px}
.prodt74-cont{position:static;padding:0}
.prodt74-bt,.prodt74-ms{width:100%}
.prodt75-cont,.prodt76-cont{position:static;padding:0}
.prodt75-ms{width:100%}
.prodt75-ms ul{width:100%}
}
.prodt68{position:relative}
.prodt68-cont{color:#111;position:absolute;top:0;text-align:center;width:100%;height:100%;padding:5% 0}
.prodt68-a .prodt68-cont{color:#fff}
.prodt68-cont h2{font-size:36px;margin-top:2%}
.prodt69{position:relative}
.prodt69-cont{color:#fff}
.prodt69-bt{margin-bottom:3%}
.prodt69-bt .tp{display:inline-block}
.prodt69-bt h2{font-size:40px;margin-top:2%}
.prodt69-bt h2 em{color:#e60027}
.prodt69-ms{margin-bottom:4%}
.prodt69-ms h3{font-size:32px;margin-bottom:1%}
.prodt69-ms p{font-size:20px;color:#c9c9c9;line-height:32px}
.prodt69-ms li{display:inline-block;text-align:center;margin-right:8%}
.prodt69-ms li:last-child{margin-right:0}
.prodt69-ms li h5{color:#e60027;font-size:35px;font-weight:700}
.prodt69-ms li span{font-size:18px;margin-top:5%;display:block;color:#c9c9c9}
.prodt70-cont{color:#fff;top:0;text-align:left;width:100%;height:100%;padding:5% 0 3% 0;background-color:rgba(0,0,0,.28)}
.prodt70-cont-a{text-align:center}
.prodt70 .bfsp{text-align:center}
.prodt70 .bfsp video{max-width:100%}
.prodt70-ms{margin-bottom:5%;max-width:960px;margin:auto;margin-bottom:5%}
.prodt70-ms h3{font-size:32px}
.prodt70-ms p{font-size:20px;color:#c9c9c9;line-height:38px;margin:2% 0 3% 0}
.prodt71{position:relative}
.prodt71-cont{position:absolute;color:#fff;top:0;width:100%;padding:42% 0 5% 0}
.prodt71-left{float:left;width:50%;padding-right:10%}
.prodt71-right{float:left;width:50%}
.prodt71-left .tp{display:inline-block;margin-bottom:5%}
.prodt71-left h2{font-size:44px;line-height:60px}
.prodt71-left em{color:#e60027}
.prodt71-left h5{font-size:32px;margin:5% 0}
.prodt71-left p{font-size:18px;line-height:26px;color:#c9c9c9}
.prodt71-right h2{font-size:32px;margin-bottom:5%}
.prodt71-right p{font-size:20px;line-height:26px;color:#c9c9c9}
.prodt71-right ul{margin-top:5%}
.prodt71-right li{display:block;margin-bottom:5%;width:33.333%;float:left}
.prodt71-right li:nth-child(1){text-align:left}
.prodt71-right li:nth-child(2){text-align:center}
.prodt71-right li:nth-child(3){text-align:right}
.prodt71-right li:nth-child(4){width:50%;text-align:left}
.prodt71-right li:nth-child(5){width:50%;text-align:right}
.prodt71-right h5{font-size:45px;color:#f26e7e;background:linear-gradient(to right,#6667ad 0,#a65a91 26%,#e54c74 52%,#f5f1b3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}
.prodt71-right span{font-size:20px;color:#c9c9c9;display:block;margin-top:5%}
.prodt72{background-color:#111}
.prodt72-cont{color:#fff;text-align:left;padding:5% 0}
.prodt72-cont .w1280{position:relative}
.prodt72-left{position:absolute;width:50%;left:0;height:100%;top:10%}
.prodt72-left h2{font-size:60px}
.prodt72-left p{font-size:18px;text-align:left;color:#c9c9c9;margin-top:5%;line-height:36px}
.prodt72-right{width:50%;margin-left:50%}
.prodt72-right .swiper-slide img{max-width:100%}
.prodt72-right .swiper-pagination{position:static;margin-top:20px}
.prodt72-right .swiper-pagination-bullet{background-color:#fff;opacity:.8;width:12px;height:12px;margin:0 10px!important;vertical-align:middle}
.prodt72-right .swiper-pagination-bullet:nth-child(1){background-color:#999}
.prodt72-right .swiper-pagination-bullet:nth-child(2){background-color:#fff}
.prodt72-right .swiper-pagination-bullet:nth-child(3){background-color:#ff7131}
.prodt72-right .swiper-pagination-bullet-active{opacity:1;width:15px;height:15px}
.prodt73-cont{color:#fff;text-align:center;padding:5% 0;max-width:960px;margin:auto}
.prodt73-bt h2{font-size:60px}
.prodt73-bt p{font-size:18px;color:#c9c9c9;margin-top:2%;line-height:30px}
.prodt73-ms{margin-top:5%;position:relative;overflow:hidden}
.prodt73-ms video{width:100%;height:546px;width:960px}
.prodt73-ms ul{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.12156862745098039)}
.prodt73-ms li{float:left;width:25%;height:calc(100% - 3px);border-right:1px solid rgba(255,255,255,.57);position:relative}
.prodt73-ms li p{font-size:18px;position:absolute;bottom:15px;text-align:center;width:100%;color:rgba(255,255,255,.68)}
.prodt73-ms .on p{color:#fff}
.prodt73-ms li:nth-child(4){border:none}
.prodt73-xian{margin-top:5%}
.prodt73-xian li{display:inline-block}
.prodt73-xian li p{color:#101010;width:42px;height:2px;background-color:rgba(238,238,238,.41);margin:0 15px}
.prodt73-xian .on p{background-color:#fff}
.prodt74{position:relative}
.prodt74-cont{color:#fff;position:absolute;padding:5% 0 5% 0;top:0;left:0;width:100%}
.prodt74-bt{width:50%}
.prodt74-bt h2{font-size:48px}
.prodt74-bt em{color:#e60027}
.prodt74-bt p{color:#f0f8ff;font-size:20px;line-height:32px;margin:8% 0}
.prodt74-ms{width:50%;margin-top:4%}
.prodt74-ms li h5{font-size:40px;margin-bottom:10px}
.prodt74-ms li p{font-size:20px;color:#999}
.prodt74-ms li em{color:#000;width:100px;height:2px;background-color:#999;display:block;margin:3% 0}
.prodt75{position:relative;margin-top:4%}
.prodt75-cont{position:absolute;width:100%;left:0;top:0;color:#fff;height:100%;padding:10% 0 5%}
.prodt75-ms{width:52%}
.prodt75-ms2 h2{font-size:44px}
.prodt75-ms2 p{font-size:20px;line-height:38px;margin:10% 0}
.prodt75-ms ul{width:90%}
.prodt75-ms li{margin-bottom:8%}
.prodt75-ms li h5{font-size:32px;margin-bottom:3%;line-height:50px}
.prodt75-ms li p{font-size:18px;color:#999;line-height:28px}
.prodt75-ms2 ul{width:100%}
.prodt75-ms2 li{width:28.333%;margin-bottom:0;float:left;margin-right:5%;text-align:center;background-color:#111;padding:3%;border-radius:8%}
.prodt75-ms2 li span{font-size:18px;margin-bottom:10%;display:block;border-bottom:1px solid rgba(255,255,255,.51);padding-bottom:10%;line-height:24px;min-height:66px}
.prodt76{position:relative}
.prodt76-cont{position:absolute;color:#fff;top:0;text-align:center;width:100%;padding-top:9%}
.prodt76-bt{margin-bottom:5%}
.prodt76-bt h2{font-size:54px;margin-bottom:3%}
.prodt76-bt h2 em{color:#e60027}
.prodt76-bt p{font-size:18px;color:#999;line-height:36px}
.prodt77-cont{color:#fff;text-align:center;padding-top:8%}
.prodt77-bt h2{font-size:60px;margin-bottom:3%}
.prodt77-bt h2 em{color:#e60027}
.prodt77-bt p{font-size:18px;color:#999;line-height:30px}
.prodt77-bt{margin-bottom:5%}
.prodt72-left h2,.prodt73-bt h2,.prodt74-bt h2,.prodt76-bt h2,.prodt77-bt h2{font-size:41px}
@media (max-width:1459px){.prodt69-bt h2,.prodt71-left h2{font-size:56px;line-height:72px}
.prodt72-left h2,.prodt73-bt h2,.prodt74-bt h2,.prodt76-bt h2,.prodt77-bt h2{font-size:46px}
.prodt69-ms li h5{font-size:44px}
.prodt69-ms h3,.prodt70-ms h3,.prodt71-left h5,.prodt71-right h2,.prodt75-ms li h5{font-size:30px}
.prodt71-right h5,.prodt74-ms li h5{font-size:42px}
}
@media (max-width:1259px){.prodt69-bt h2,.prodt71-left h2{font-size:34px;line-height:45px}
.prodt72-left h2,.prodt73-bt h2,.prodt74-bt h2,.prodt76-bt h2,.prodt77-bt h2{font-size:36px}
.prodt69-ms li h5{font-size:38px}
.prodt69-ms h3,.prodt70-ms h3,.prodt71-left h5,.prodt71-right h2,.prodt75-ms li h5{font-size:28px}
.prodt75-ms ul{width:90%}
.prodt71-right h5,.prodt74-ms li h5{font-size:26px}
.prodt69-ms p,.prodt70-ms p,.prodt71-right p,.prodt74-bt p{font-size:16px;line-height:30px}
.prodt68-cont h2{font-size:28px}
}
@media (max-width:971px){.prodt69-bt h2,.prodt71-left h2{font-size:32px;line-height:49px}
.prodt72-left h2,.prodt73-bt h2,.prodt74-bt h2,.prodt76-bt h2,.prodt77-bt h2{font-size:32px}
.prodt69-ms li h5{font-size:24px}
.prodt69-ms h3,.prodt70-ms h3,.prodt71-left h5,.prodt71-right h2,.prodt75-ms li h5{font-size:24px;line-height:32px}
.prodt69-ms h3{margin-bottom:15px}
.prodt71-right h5,.prodt74-ms li h5{font-size:24px}
.prodt69-ms p,.prodt70-ms p,.prodt71-left p,.prodt71-right p,.prodt71-right span,.prodt72-left p,.prodt73-bt p,.prodt74-bt p,.prodt76-bt p,.prodt77-bt p{font-size:16px;line-height:30px}
.prodt71-right span{display:block;text-align:center}
.prodt70-ms p{margin:15px 0 20px 0}
.prodt68-cont{position:static;background-color:#fff;padding:0}
.prodt68-cont h2{font-size:28px;margin:20px 0}
.prodt68-cont .tp{width:80%}
.prodt68{background-color:#fff;padding:30px 0 0 0}
.prodt68-a{background-color:#0a0908}
.prodt68-a .prodt68-cont{background-color:#0a0908}
.prodt69-cont{position:static;padding:0}
.prodt69-bt .tp{width:80%}
.prodt69-ms{margin-bottom:30px}
.prodt69-ms li{width:46%;margin:1.5%}
.prodt70-cont{padding:0}
.prodt70-ms{margin-bottom:30px}
.prodt71-cont{position:static;text-align:center;padding:0}
.prodt71-left{width:100%;padding:0;float:none;margin-bottom:20px}
.prodt71-right{width:100%;float:none}
.prodt71-right li{margin:0;margin-right:2%;width:45%;margin-bottom:20px;float:none;max-width:100%;display:inline-block;text-align:center!important}
.prodt72-cont{padding:0}
.prodt72-left{width:100%;position:static}
.prodt72-right{width:100%;margin:20px 0 0 0}
.prodt73-cont{padding:0}
.prodt73-ms li p{font-size:16px}
.prodt73-xian li p{width:24px}
.prodt74-cont{position:static;padding:0}
.prodt74 .dwimg{position:absolute;bottom:0;z-index:0}
.prodt74-bt,.prodt74-ms{width:100%;position:sticky;z-index:1}
.prodt75-cont,.prodt76-cont{position:static;padding:0}
.prodt75-ms{width:100%}
.prodt75-ms ul{width:100%}
}
.prodt78{position:relative}
.prodt78-cont{position:absolute;top:0;width:100%;left:0;color:#fff;padding:5% 0;height:100%;text-align:center}
.prodt78-bt{margin:auto}
.prodt78-bt-a{padding-top:5%}
.prodt78-bt h2{font-size:48px;margin-top:4%;line-height:75px}
.prodt78-bt-a h2{font-size:60px;margin-top:0;line-height:78px}
.prodt78-bt h2 em{color:#ff3600}
.prodt78-bt p{font-size:20px;margin-top:3%;line-height:38px}
.prodt79{position:relative}
.prodt79-cont{position:absolute;color:#fff;top:0;width:100%;height:100%;padding:5% 0 5% 0}
.prodt79-ms{width:45%;margin-left:55%}
.prodt79-ms ul{margin-top:5%}
.prodt79-ms h2{font-size:72px;color:#c9caca;margin-bottom:10px}
.prodt79-ms p{font-size:16px;line-height:32px}
.prodt79-ms li{display:inline-block;width:50%;margin-bottom:5%;text-align:left}
.prodt79-ms li img{display:inline-block;vertical-align:middle}
.prodt79-ms li span{font-size:18px;margin-left:5%;display:block}
.prodt80{position:relative}
.prodt80-cont{position:absolute;top:0;left:0;width:100%;color:#fff;padding:10% 0 5% 0}
.prodt80-ms{width:50%}
.prodt80-ms .tp{display:inline-block}
.prodt80-ms h2{font-size:72px;color:#ff3600;line-height:82px}
.prodt80-ms h3{font-size:48px;margin:5% 0}
.prodt80-ms p{font-size:20px;line-height:38px;margin:3% 0}
.prodt80-ms li{display:inline-block;width:48%}
.prodt80-ms li img{display:inline-block;vertical-align:middle}
.prodt80-ms li span{font-size:20px;margin-left:2%}
.prodt81-cont{padding:5% 0}
.prodt81-ms{position:relative}
.prodt81-left{position:absolute;height:100%;left:0;width:50%;top:0;text-align:center;color:#fff}
.prodt81-left .swiper-slide img{max-width:100%}
.prodt81-left .swiper-slide h3{color:#fb4f08;font-size:60px;margin:8% 0 5% 0}
.prodt81-left .swiper-slide:nth-child(1) h3{color:#fb4f08}
.prodt81-left .swiper-slide:nth-child(2) h3{color:#fff}
.prodt81-left .swiper-slide:nth-child(3) h3{color:red}
.prodt81-left .swiper-slide:nth-child(4) h3{color:#878787}
.prodt81-right{width:50%;margin-left:50%}
.prodt81-left .swiper-pagination{position:static;margin-top:20px}
.prodt81-left .swiper-pagination-bullet{background-color:#fff;opacity:.8;width:15px;height:15px;margin:0 10px!important;vertical-align:middle}
.prodt81-left .swiper-pagination-bullet:nth-child(1){background-color:#fb4f07}
.prodt81-left .swiper-pagination-bullet:nth-child(2){background-color:#fff}
.prodt81-left .swiper-pagination-bullet:nth-child(3){background-color:red}
.prodt81-left .swiper-pagination-bullet:nth-child(4){background-color:#878787}
.prodt81-left .swiper-pagination-bullet-active{opacity:1;width:20px;height:20px}
.prodt81-bt{text-align:center;color:#fff;margin-bottom:8%}
.prodt81-bt h2{font-size:60px}
.prodt81-bt p{font-size:20px;color:#fff;margin-top:2%;line-height:38px}
.prodt81-ms2{position:relative}
.prodt81-ms2 li{width:50%}
.prodt81-ms2 li:nth-child(2){position:absolute;right:0;top:0;color:#fff;height:100%;padding:10% 5% 5% 5%}
.prodt81-ms2 li img{width:100%}
.prodt81-ms2 li h2{font-size:42px}
.prodt81-ms2 li h2 em{font-size:100px}
.prodt81-ms2 li h5{font-size:30px;margin:5% 0}
.prodt81-ms2 li p{font-size:22px;line-height:40px}
.prodt82-cont{padding:5% 0;color:#fff;text-align:center}
.prodt82-bt{margin-bottom:5%;width:100%;overflow:hidden}
.prodt82-bt h2{font-size:120px;color:#ff4200}
.prodt82-bt h3{font-size:48px}
.prodt82-bt h5{font-size:48px;margin-top:3%}
.prodt82-bt p{font-size:20px;margin-top:3%;line-height:38px}
.prodt83-cont{padding:5% 0;color:#fff;text-align:center}
.prodt83-bt{margin-bottom:5%}
.prodt83-bt h2{font-size:58px}
.prodt83-bt p{font-size:20px;margin-top:2%;line-height:38px}
.prodt83-ms{max-width:960px;margin:auto;height:587px}
.prodt83-img li{display:none}
.prodt83-img li .tp{width:100%}
.prodt83-img .on{display:block}
.prodt83-dian{width:100%;margin-top:5%}
.prodt83-dian li{width:25%;text-align:center;float:left;border-top:2px solid #fff;position:relative;padding-top:1.5%}
.prodt83-dian .on em,.prodt83-dian li:hover em{position:absolute;width:100%;height:6px;background-color:#fff;left:0;top:-4px}
.prodt83-dian p{font-size:20px;line-height:42px}
.prodt84{position:relative}
.prodt84-cont{position:absolute;top:0;right:0;color:#fff;width:100%;padding:5% 0 5% 0;height:100%}
.prodt84-ms{width:50%;margin-left:50%;text-align:right}
.prodt84-ms li{margin-bottom:10%}
.prodt84-ms li:last-child{margin-bottom:0}
.prodt84-ms li h2{font-size:34px}
.prodt84-ms li p{font-size:18px;margin:5% 0;padding-left:15%;line-height:36px}
.prodt84-ms li img{display:inline-block}
@media (max-width:1659px){.prodt79-ms h2{font-size:48px}
.prodt80-ms h2{font-size:68px;line-height:78px}
.prodt81-bt h2{font-size:48px}
.prodt81-left .swiper-slide h3{font-size:58px}
.prodt81-ms2 li h2 em{font-size:82px}
.prodt82-bt h2{font-size:100px}
.prodt83-bt h2{font-size:48px}
.prodt75-ms2 h2{font-size:58px}
.prodt78-bt-a h2{font-size:58px}
}
@media (max-width:1459px){.prodt79-ms h2{font-size:62px;margin-bottom:2%}
.prodt75-ms2 li img,.prodt79-ms li img,.prodt80-ms li img,.prodt84-ms li img{width:68px}
.prodt80-ms h2{font-size:42px;line-height:56px}
.prodt81-bt h2{font-size:52px}
.prodt81-left .swiper-slide h3{font-size:50px}
.prodt81-ms2 li h2 em{font-size:72px}
.prodt75-ms2 p{margin:5% 0}
.prodt82-bt h2{font-size:82px}
.prodt83-bt h2{font-size:58px}
.prodt75-ms2 h2{font-size:52px}
.prodt78-bt-a h2{font-size:52px;line-height:62px}
.prodt80-cont{padding:5% 0 5% 0}
.prodt80-ms h3{font-size:42px}
.prodt81-ms2 li h2{font-size:42px}
.prodt82-bt h3,.prodt82-bt h5{font-size:42px}
.prodt84-ms li h2{font-size:42px}
.prodt84-ms li{margin-bottom:5%}
.prodt84-ms li p{margin:5% 0}
.prodt78-bt h2{font-size:42px}
.prodt68-cont .tp,.prodt78-bt .tp,.prodt80-ms .tp{max-width:400px}
.prodt79-cont{padding:3% 0 3% 0}
.prodt81-left .swiper-slide img{max-width:320px}
}
@media (max-width:1259px){.prodt79-ms h2{font-size:52px}
.prodt80-ms h2{font-size:52px;line-height:62px}
.prodt81-bt h2{font-size:46px}
.prodt81-left .swiper-slide h3{font-size:42px}
.prodt81-ms2 li h2 em{font-size:62px}
.prodt82-bt h2{font-size:82px}
.prodt83-bt h2{font-size:48px}
.prodt75-ms2 h2{font-size:46px}
.prodt75-ms2 p{margin:5% 0;font-size:18px;line-height:26px}
.prodt78-bt-a h2{font-size:52px}
.prodt80-ms h3{font-size:36px}
.prodt81-ms2 li h2{font-size:36px}
.prodt82-bt h3,.prodt82-bt h5{font-size:42px}
.prodt84-ms li h2{font-size:36px}
.prodt84-ms{width:60%;margin-left:40%}
.prodt84-ms li p{margin:2% 0}
.prodt84-ms li img{width:80px}
.prodt84-ms li{margin-bottom:5%}
.prodt78-bt h2{font-size:36px;line-height:48px}
.prodt79-ms li span,.prodt79-ms p,.prodt80-ms li span,.prodt80-ms p{font-size:18px;line-height:28px}
.prodt81-left .swiper-slide img{max-width:280px}
.prodt81-ms2 li h5,.prodt81-ms2 li p{font-size:28px;line-height:38px}
}
@media (max-width:971px){.prodt79-ms h2{font-size:35px}
.prodt80-ms h2{font-size:36px;line-height:52px}
.prodt81-bt h2{font-size:32px}
.prodt81-left .swiper-slide h3{font-size:32px}
.prodt81-ms2 li h2 em{font-size:42px}
.prodt82-bt h2{font-size:42px}
.prodt83-bt h2{font-size:32px}
.prodt83-ms{height:100%}
.prodt75-ms2 h2{font-size:36px}
.prodt78-bt-a h2{font-size:52px}
.prodt80-ms h3{font-size:28px}
.prodt81-ms2 li h2{font-size:28px}
.prodt82-bt h3,.prodt82-bt h5{font-size:24px}
.prodt84-ms li h2{font-size:28px}
.prodt78-bt h2{font-size:26px;line-height:36px}
.prodt79-ms li span,.prodt79-ms p,.prodt80-ms li span,.prodt80-ms p{font-size:16px;line-height:30px}
.prodt79-ms li span{min-height:52px}
.prodt79-ms li{text-align:center;width:50%;float:left}
.prodt80-ms li{width:100%;text-align:left}
.prodt79-ms li img,.prodt80-ms li img{width:62px;height:62px}
.prodt81-left .swiper-slide img{max-width:280px}
.prodt81-ms2 li h5,.prodt81-ms2 li p{font-size:24px;line-height:32px}
.prodt68-cont .tp,.prodt78-bt .tp,.prodt80-ms .tp{max-width:240px}
.prodt78-cont{position:static}
.prodt79-cont{position:static;padding:0}
.prodt79-ms{width:100%;margin:0}
.prodt80-cont{position:static;padding:0;text-align:center}
.prodt80-ms{width:100%;margin-bottom:30px}
.prodt81-bt p{font-size:18px;text-align:center;line-height:28px}
.prodt81-left{width:100%;position:static;margin-bottom:30px}
.prodt81-right{width:100%;margin:0}
.prodt81-ms2 li{width:100%}
.prodt81-ms2 li:nth-child(2){position:static}
.prodt82-cont{padding:0}
.prodt75-ms2 p,.prodt78-bt p,.prodt82-bt p,.prodt83-bt p{font-size:18px;line-height:28px}
.prodt75-ms2 li span,.prodt83-dian p{font-size:16px}
.prodt75-ms2{width:100%;text-align:center}
.prodt84-cont{padding:0;position:static}
.prodt84-ms{width:100%;margin:0;text-align:left}
.prodt84-ms li p{padding:0;font-size:16px;line-height:26px;margin:20px 0}
.prodt84-ms li img{width:80px;display:block}
.prodt73-ms video{width:100%;height:auto}
}
.hprodt-cont{overflow:hidden;position:relative;height:1920px}
.hprodt-cont .prodt-wrapper{position:absolute;left:0;width:100%;top:0}
.hprodt-cont .prodt-wrapper.step-2{position:fixed;top:50%;transform:translateY(-50%)}
.hprodt-cont .prodt-wrapper.step-3{bottom:0;top:auto}
.hprodt-cont .bg{position:relative;height:1080px}
.hprodt-cont .bg.beside .cropper{left:0;right:0;top:0;bottom:0}
.hprodt-cont .bg.active .cropper .mask{opacity:1}
.hprodt-cont .bg .cropper{position:absolute;left:80px;right:80px;top:80px;bottom:80px;transition:all .3s ease-in-out;overflow:hidden}
.hprodt-cont .bg .cropper img,.hprodt-cont .bg .cropper video{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}
.hprodt-cont .bg .cropper .mask{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.7);opacity:0;transition:opacity .3s}
.hprodt-cont .ftblock{text-align:left;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:960px;transition:opacity .3s;display:flex;flex-direction:column;justify-content:center}
.prodt69-cont{color:#fff}
.hprodt-contmobile{display:none}
@media (max-width:971px){.hprodt-cont{display:none}
.hprodt-contmobile{display:block}
}
.prodt55-table table{width:100%;max-width:960px;margin:auto;margin-top:5%}
.prodt55-table thead{background-color:rgba(77,77,77,.8)}
.prodt55-table tr{border:1px solid #e4e4e48f;color: white;}
.prodt55-table td{font-size:16px;padding:1.5%;text-align:center;width:15%;border:1px solid rgba(228,228,228,.6901960784313725)}
.prodt55-table td:nth-child(1){text-align:left;width:26%}
@media (max-width:971px){.prodt55-table td{font-size:14px}
}
.prodt55-ms .swiper-pagination-bullet{background:#fff;opacity:.8}
.prodt55-ms .swiper-pagination-bullet-active{opacity:1;background:#007aff}
.prodt55-ms .swiper-button-next{background:url(../images/next.png) rgba(0,0,0,.1) no-repeat center center;right:60px}
.prodt55-ms .swiper-button-prev{background:url(../images/prev.png) rgba(0,0,0,.1) no-repeat center center;left:60px}
.prodt55-ms .swiper-button-next:hover{background:url(../images/next.png) rgba(0,0,0,.5) no-repeat center center}
.prodt55-ms .swiper-button-prev:hover{background:url(../images/prev.png) rgba(0,0,0,.5) no-repeat center center}
.prodt55-ms .swiper-button-next,.prodt55-ms .swiper-button-prev{width:55px;height:55px;bottom:25px;border-radius:28px;transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s}
.prodt85-ul li{width:29.333%;float:left;text-align:center;margin:5% 2% 0}
.prodt85-ul li h3{font-size:26px;margin:2% 0 3%}
.prodt85-ul li p{font-size:18px;height:63px}
.prodt85-ul .img-div img{width:56%}
@media (max-width:971px){.prodt85-ul li{width:44%;float:left;text-align:center;margin:3% 3% 0}
.prodt85-ul li h3{font-size:22px}
.prodt85-ul li p{font-size:16px;height:59px}
}
@media (max-width:767px){.prodt85-ul li{width:100%;float:left;text-align:center;margin:25px 0 0}
.prodt85-ul li h3{margin-top:0}
}
.prodt86{background:url(/patriot-line/themes/v2/images/products/k50/K50-FLIGHT-LOGIC.webp) no-repeat bottom}
.prodt86-main{position:relative}
.prodt86-app{display:none}
.prodt86-main ul{position:absolute;width:100%;height:100%;top:0;left:0}
.prodt86-main li p{font-size:17px}
.prodt86-main li h5{font-size:20px;margin-bottom:10px}
.prodt86-main li p.color2{color:#969696}
.prodt86-main li{position:absolute;width:20%;text-align:center}
.prodt86-main li .pic-info{position:absolute;left:0;transform:translateX(-100%);top:50%;width:153px}
.prodt86-main li:first-child{left:25%;bottom:28%}
.prodt86-main li:nth-child(2){left:-1%;bottom:39%;width:15%}
.prodt86-main li:nth-child(3){left:9%;top:22%;width:15%}
.prodt86-main li:nth-child(4){left:36%;top:8%;width:15%}
.prodt86-main li:nth-child(5){left:62%;top:20%;width:21%}
.prodt86-main li:nth-child(6){left:80%;bottom:39%;width:21%}
.prodt86-main li:last-child{right:14%;bottom:28%}
.prodt86-main li:last-child .pic-info{transform:translateX(100%);left:auto;right:0}
.prodt22-ms2 .prodt22-ms-img,.prodt22-ms2 .prodt22-ms-img img{width:auto;max-width:100%}
@media (max-width:1259px){.prodt86-main li{width:14%}
.prodt86-main li:last-child{right:18%;bottom:28%}
.prodt86-main li:nth-child(5){left:65%;top:18%;width:21%}
.prodt86-main li:nth-child(3){left:5%;top:19%;width:21%}
.xzkb .hprodt2_ct9_ul{position:relative;z-index:3}
}
@media (max-width:1100px){.prodt86-main li h5{font-size:18px}
.prodt86-main li p{font-size:16px}
}
@media (max-width:971px){.prodt55-ms .swiper-pagination,.prodt57-ms .swiper-pagination{left:0;transform:translateX(0)}
.prodt55-ms .swiper-slide-active .prodt55-ms1{min-height:auto}
}
@media (max-width:992px){.prodt86-main li p{font-size:14px}
.prodt86-main li:nth-child(5){left:65%;top:7%;width:21%}
.prodt86-main li:nth-child(3){left:2%;top:15%;width:21%}
}
@media (max-width:767px){.prodt86 .apphide{display:none}
.prodt86-app{display:block;width:200%;max-width:400%}
.prodt86-main ul{width:400%}
.prodt86-main{overflow-x:auto;overflow-y:hidden}
.prodt86-main::-webkit-scrollbar{width:3px;background-color:#dcdbdb;height:5px}
.prodt86-main::-webkit-scrollbar-thumb{background-color:#e60012;border-radius:0}
.prodt86-main li:first-child{left:0}
.prodt86-main li .pic-info{right:0;transform:translateX(100%);top:90%;width:153px}
.prodt86-main li:nth-child(2){left:6%;bottom:57%;width:20%}
.prodt86-main li:nth-child(3){left:23%;top:11%;width:21%}
.prodt86-main li:nth-child(4){left:51%;top:0;width:15%}
.prodt86-main li:nth-child(5){left:75%;top:10%;width:21%}
.prodt86-main li:nth-child(6){left:78%;bottom:37%;width:13%}
.prodt86-main li:last-child{right:11%;bottom:20%}
.prodt86-main li:first-child::before{width:145px;height:100px;display:block;background:url(../prily/img14.png) center;position:absolute;bottom:0;transform:translate(-50%,100%);left:50%;content:"";background-size:100% 100%}
.prodt86-main li:last-child::before{width:145px;height:100px;display:block;background:url(../prily/img13.png) center;position:absolute;bottom:0;transform:translate(-50%,100%);left:50%;content:"";background-size:100% 100%}
.prodt55-ms .swiper-button-next,.prodt55-ms .swiper-button-prev{display:none}
.prodt55-ms .swiper-slide .prodt55-ms1 .img-div img{width:230px}
}
.prodt19 .prodt19-ms{text-align:center;margin-top:0;float:none}
.prodt22 .prodt22-ms3>p{text-align:justify!important;line-height:26px;padding:0 15px!important;position:absolute;bottom:20px}
.prodt11 .prodt11-cont{padding:5% 0}
.pro-botton{width: 200px;margin:0 auto}
.pro-botton a{display:inline-block;padding:15px 20px;background:rgb(127 127 127);color:#fff;font-weight:700;border-radius:50px;font-size:16px;width: 200px;text-align: center;margin-bottom: 30px;}
.pro-botton a:hover{background:#0078f7}
.prodt19-cont-a{width:100%}
.prodt19 .prodt19-cont{top:0;padding:6% 0 5%}
.prodt19 .prodt19-ms2{margin-top:6%}
.hzprodt19 .prodt19-cont{width:100%;right:0}
.hzprodt19 .prodt19-ms2{padding-top:54%}
.hzprodt19{background-color:#05081b;padding-bottom:5%}
.hzprodt18{background-color:#000}
.prodt65-ms2-0722 div{width:46%;display:inline-block;margin:0 2%;vertical-align:bottom}
.prodt65-ms2-0722 div p{font-size:18px;line-height:25px;margin-bottom:20px;min-height:100px}
@media screen and (max-width:1366px){.prodt65-ms2-0722 div p{font-size:17px}
}
@media screen and (max-width:980px){.prodt65-ms2-0722 div{width:100%;margin:auto;margin-bottom:20px}
.prodt65-ms2-0722 div p{font-size:14px;line-height:20px}
}
.applicationinfo-cont1 .applicationinfo-cont1-fonticon img{width:auto!important}
.applicationinfo-cont1 .applicationinfo-cont1-font{width:40%;top:48%}
.applicationinfo-cont1 .applicationinfo-cont1-fonttit h3{font-weight:700;}
.applicationinfo-cont1 .applicationinfo-cont1-fontul li p{line-height:26px}
.applicationinfo-cont1 .applicationinfo-cont1-fontul{padding-right:18%}
.hprodt6_ct7 .prodt61-bt p{font-size:30px}
.prodt54-ms-qh li{margin-bottom:20px}
.prodt20-ms h3{font-weight:700}
.applicationinfo-cont3-tit .applicationinfo-cont3-titp{text-align:center}
.hprodt1_ct3,.hprodt1_ct5{background-color:#000;position:relative}
.hprodt1_ct3 .applicationinfo-cont3-tit{width:70%;position:absolute;left:50%;transform:translateX(-50%);z-index:3}
.hprodt1_ct4{padding-top:0}
.hprodt1_ct4 .hprodt1_ct4_tag{font-size:18px;color:#fff;position:absolute;bottom:70px;z-index:3}
.hprodt1_ct7{background:#0b0b0d;padding-top:0}
.hprodt1_ct7 .applicationinfo-cont7-font{width:40%;position:absolute;left:50%;transform:translateX(-50%);top:90px}
.hprodt2_ct1 .hprodt2_ct1Box{position:absolute;z-index:1;top:45%;transform:translateY(-45%);width:29%}
.hprodt2_ct1 .hprodt2_ct1_tit{font-size:36px;color:#fff;margin:45px 0}
.hprodt2_ct1 .hprodt2_ct1_fimg img{margin:0}
.hprodt2_ct1 .hprodt2_ct1_li{margin-right:20px;position:relative}
.hprodt2_ct1 .hprodt2_ct1_li:last-child{margin-right:0}
.hprodt2_ct1 .hprodt2_ct1_li img{max-width:85px;max-height:65px}
.hprodt_tit{text-align:center;padding:0;position:relative;z-index:3}
.hprodt_tit .tit{font-size:56rem;font-weight:700;line-height:1.3;letter-spacing:1px;color:#fff}
.hprodt_tit .dec{font-size: 18px;line-height:1.8;color:#898989;margin-top: 20px;}
.hprodt2_ct2{background:#111;padding:6.5% 0}
.hprodt2_ct2 .hprodt_tit .dec{margin-top:40px}
.hprodt2_ct2 .hprodt2_ct2_ul{flex-wrap:wrap;margin-top:4%}
.hprodt2_ct2 .hprodt2_ct2_ul li{width:48.15%;margin-right:3.67%;position:relative;overflow:hidden}
.hprodt2_ct2 .hprodt2_ct2_ul li:last-child{margin-right:0}
.hprodt2_ct2 .hprodt2_ct2_tit{font-size:30px;color:#898989;text-align:center;padding:15px}
.hprodt2_ct2 .hprodt2_ct2_ul li:hover .hprodt2_ct2_tit{color:#fff}
.hprodt2_ct3{background:#0f0f0f;padding-bottom:5%}
.hprodt2_ct3 .hprodt2_ct3_left{width:51.5%;padding-right:7.5%;position:relative;overflow-x:auto;overflow-y:hidden}
.hprodt2_ct3 .hprodt2_ct3_right{width:48.5%}
.hprodt2_ct3 td:first-child,.hprodt2_ct3 th{font-size:18px;color:#fff;height:65px;padding:8px;min-width:25%}
.hprodt2_ct3 .hprodt2_ct3_list{margin-top:4.5%}
.hprodt2_ct3 td{font-size:20px;color:#898989;text-align:center;height:65px;padding:8px;min-width:25%}
.hprodt2_ct3 td:first-child{text-align:left}
.hprodt2_ct3 table{width:100%}
.hprodt2_ct3 tr{border-bottom:1px solid #656666}
.hprodt2_ct3 .hprodt2_ct3_icon{height:30px;position:relative;margin-bottom:10px}
.hprodt2_ct3 .hprodt2_ct3_tag{font-size:20px;line-height:30px;color:#898989;margin-top:35px}
.hprodt2_ct4{padding:70px 0;background:#000}
.hprodt2_ct4 .hprodt_tit{padding:0}
.hprodt2_ct4 .hprodt2_ct4_list{flex-wrap:wrap;position:relative;width:50%}
.hprodt2_ct4 .hprodt2_ct4_list li{width:100%;position:relative;padding-right:6%;margin-top:7%}
.hprodt2_ct4 .hprodt2_ct4_ulBox{margin-top:2.5%}
.hprodt2_ct4 .hprodt2_ct4_icon{width:77px;height:77px;position:relative}
.hprodt2_ct4 .hprodt2_ct4_font{width:calc(100% - 77px);padding-left:20px}
.hprodt2_ct4 .hprodt2_ct4_font .tit{font-size:30rem;color:#ed981b}
.hprodt2_ct4 .hprodt2_ct4_font .dec{font-size:20px;line-height:1.5;color:#898989;margin-top:5px}
.hprodt2_ct5,.hprodt2_ct6{background:#000}
.hprodt2_ct5 .hprodt2_ct5_left{width:42.5%}
.hprodt2_ct5 .hprodt2_ct5_right{width:57.5%;padding-left:4%;padding-right:15%}
.hprodt2_ct5 .hprodt2_ct4_font .dec{font-size:20px;line-height:30px;color:#898989;margin-bottom:10px}
.hprodt2_ct5 .hprodt2_ct5_li .dec,.hprodt2_ct5 .hprodt2_ct5_tit,.hprodt2_ct6 .hprodt2_ct6_font .dec{font-size:20px;line-height:30px;color:#898989}
.hprodt2_ct5 .hprodt2_ct5_li,.hprodt2_ct5 .hprodt2_ct5_tit{margin-top:40px}
.hprodt2_ct5 .hprodt2_ct5_li .tit{font-size:36rem;font-weight:550;color:#fff;margin-bottom:20px}
.hprodt2_ct11 .hprodt_tit,.hprodt2_ct12 .hprodt_tit,.hprodt2_ct5 .hprodt_tit,.hprodt2_ct7 .hprodt_tit{text-align:left;padding:0}
.hprodt2_ct6{padding-top:10%}
.hprodt2_ct6 .hprodt2_ct6_ul{flex-wrap:wrap}
.hprodt2_ct6 .hprodt2_ct6_ul li{width:47.85%;margin-right:4.3%;margin-bottom:8%;position:relative}
.hprodt2_ct6 .hprodt2_ct6_ul li:last-child,.hprodt2_ct6 .hprodt2_ct6_ul li:nth-child(2n){margin-right:0}
.hprodt2_ct6 .hprodt2_ct6_font .tit{font-size:48rem;font-weight:700;color:#fff;margin:30px auto}
.hprodt2_ct7 .hprodt2_ct7_dec{font-size:20px;line-height:30px;color:#fff;margin-top:50px;margin-bottom:45px}
.hprodt2_ct7 .hprodt2_ct7_li .tit{font-size: 38rem;color:#fff;font-weight:700}
.hprodt2_ct7 .hprodt2_ct7_li .dec,.hprodt2_ct7 .hprodt2_ct7_tips{font-size:18px;line-height:30px;color:#fff}
.hprodt2_ct7 .hprodt2_ct7_tips{margin-top:10%}
.hprodt2_ct7 .hprodt2_ct7_li img{margin:0;margin-bottom:10px}
.hprodt2_ct7 .hprodt2_ct7_li{margin-top:30px}
.hprodt5_ct9 .hprodt2_ct7_li{margin-top: 15px;}
.hprodt2_ct7{padding:14% 0;position:relative}
.hprodt2_ct7 .hprodt2_ct7_font{width:45%}
.hprodt2_ct7 .hprodt2_ct7_img{display:none;margin-top:30px}
.hprodt5_ct9 .hprodt2_ct7_img{display:block}
.hprodt2_ct8{background-color:#0f0f0f;padding:7% 0}
.hprodt2_ct8 .hprodt_tit .dec{margin-top:40px;margin-bottom:30px}
.hprodt2_ct8 .hprodt2_ct8_tips{font-size:18px;color:#898989;text-align:center}
.hprodt2_ct10 .hprodt2_ct10_ul,.hprodt2_ct9 .hprodt2_ct9_ul{flex-wrap:wrap}
.hprodt2_ct9 .hprodt2_ct9_ul li{width:50%;padding-right:4%}
.xzkb .hprodt2_ct9_ul li{width:30%;padding:0 1%;margin-bottom:40px}
.xzkb .hprodt2_ct9_ul li:last-child{margin-bottom:0}
.hprodt2_ct9 .hprodt2_ct9_ul li .tit{font-size:36rem;font-weight:700;letter-spacing:1px;color:#fff}
.xzkb .hprodt2_ct9_ul li .tit{font-size:30rem}
.hprodt2_ct9 .hprodt2_ct9_ul li .dec{font-size: 18px;line-height: 26px;color:#898989;margin-top:20px}
.hprodt2_ct9{background-color:#080404;padding:80px 0}
.hprodt2_ct9 .hprodt2_ct9_img{margin-top:10%}
.hprodt5_ct16{background-color:#0b0c0c}
.hprodt2_ct10{background:#000;padding:80px 0}
.hprodt2_ct10 .hprodt2_ct10_img2{margin-top:-25%}
.hprodt2_ct10 .hprodt2_ct10_img1{margin-top:10%}
.hprodt2_ct10 .hprodt2_ct10_ul{padding:0 5%;margin-top:10%}
.hprodt2_ct10 .hprodt2_ct10_ul li{width:20%;position:relative;text-align:left}
.hprodt4_ct8 .hprodt2_ct10_ul li{width:25%}
.hprodt2_ct10 .hprodt2_ct10_dec,.hprodt2_ct10 .hprodt2_ct10_num{font-size:18px;color:#fff}
.hprodt2_ct10 .hprodt2_ct10_num strong{font-size:48rem;line-height:1.4;font-weight:700;color:#fff}
.hprodt2_ct11 .hprodt_tit .dec{margin:6% 0}
.hprodt2_ct11 .hprodt2_ct11_ul,.hprodt2_ct11 .hprodt_tit .dec{padding-right:17%}
.hprodt2_ct11 .hprodt2_ct11_font{width:40%;position:absolute;top:20%;z-index:1}
.hprodt2_ct11 .hprodt2_ct11_ul,.hprodt2_ct13 .hprodt2_ct13_ul{flex-wrap:wrap}
.hprodt2_ct11 .hprodt2_ct11_ul li{width:50%;position:relative;padding-right:4%;margin-top:35px}
.hprodt2_ct11 .hprodt2_ct11_icon{width:45px;height:45px;position:relative;border-radius:50%}
.hprodt2_ct11 .hprodt2_ct11_dec{width:calc(100% - 45px);position:relative;font-size:20px;font-weight:700;color:#898989;padding-left:15px}
.hprodt5_ct13 .hprodt2_ct11_icon{width:68px;height:68px}
.hprodt5_ct13 .hprodt2_ct11_dec{width:calc(100% - 68px)}
.hprodt2_ct12 .hprodt2_ct12_ul li,.hprodt4_ct10 .hprodt4_ct10_ul li{width:25%;position:relative;padding:0 2%}
.hprodt2_ct12 .hprodt2_ct12_icon,.hprodt4_ct10 .hprodt4_ct10_icon{height:47px;position:relative;border-radius:50%;margin:0 auto}
.hprodt2_ct12 .hprodt2_ct12_icon img,.hprodt4_ct10 .hprodt4_ct10_icon img{position:absolute;top:0;right:0;left:0;bottom:0;margin:auto}
.hprodt2_ct12 .hprodt2_ct12_font,.hprodt4_ct10 .hprodt4_ct10_font{font-size:20px;color:#fff;text-align:center;margin-top:20px}
.hprodt2_ct12 .hprodt_tit{text-align:center}
.hprodt2_ct12 .hprodt_tit .dec{color:#fff;margin:35px 0 60px 0}
.hprodt2_ct12 .hprodt2_ct12_list{position:absolute;z-index:2;width:62%;left:50%;transform:translateX(-50%);top:8%}
.hprodt2_ct14 .hprodt2_ct12_list{padding-top:0!important}
.hprodt2_ct13{padding:5% 0;position:relative}
.hprodt2_ct13 .hprodt2_ct13_ul{padding:20px 0}
.hprodt2_ct13 .hprodt2_ct13_font{text-align:center}
.hprodt2_ct13 .hprodt2_ct13_ul li{width:31.32%;margin-right:3%;margin-top:3%;position:relative}
.hprodt2_ct13 .hprodt2_ct13_ul li:nth-child(3n){margin-right:0}
.hprodt2_ct13 .hprodt2_ct13_font .tit{font-size:23px;font-weight:700;color:#fff;margin-bottom:15px;margin-top:30px}
.hprodt2_ct13 .hprodt2_ct13_font .dec{font-size:19px;color:#cbcaca}
.hprodt2_ct13 .hprodt2_ct13_ul li:hover .hprodt2_ct13_font .tit{color:#e60012}
.hprodt2_ct1,.hprodt2_ct11,.hprodt2_ct12,.hprodt3_ct1,.hprodt3_ct2,.hprodt3_ct3,.hprodt3_ct5,.hprodt3_ct5 .hprodt3_ct5_imgBox,.hprodt3_ct5 .w1280,.hprodt3_ct7 .hprodt3_ct7_imgBox,.hprodt3_ct9,.hprodt4_ct10,.hprodt4_ct2,.hprodt5_ct12,.hprodt5_ct2,.hprodt5_ct5,.hprodt6_ct3,.hprodt7_ct1,.hprodt7_ct2,.hprodt7_ct3,.hprodt7_ct4,.hprodt7_ct5,.hprodt7_ct6,.hprodt7_ct7,.hprodt8_ct3,.hprodt8_ct5{position:relative;overflow:hidden}
.hprodt3_ct1 .hprodt3_ct1_font{width:90%;text-align:center;position:absolute;left:50%;transform:translateX(-50%);bottom:13%;z-index:1}
.hprodt3_ct1 .hprodt3_ct1_font img  {
	width: 30%;
	}
.hprodt2_ct1_li img  {
	width: 87px;
	}
	
.hprodt3_ct1 .hprodt3_ct1_font .hprodt2_ct1_li img {
	width: 97px;
    margin-left: 10px;
	
}

.hprodt3_ct1 .hprodt3_ct1_font .icon img {
	    width: 113px;
    padding-right: 20px;
    margin: 0px 20px;
	
}

.icon_tech_xar {
  width: 30%;
}

@media screen and (max-width: 767px){
.hprodt3_ct1 .hprodt3_ct1_font .hprodt2_ct1_li img  {
	width: 97px;
    margin-left: 10px;
}
.hprodt2_ct3 .hprodt2_ct3_icon {
       max-width: 40px;
   height: 20px;
    text-align: center;
    margin-left: 50px;
}
.icon_tech_xar {
      width: 65%;
	  margin-bottom: 10px;
}

}
.hprodt2_ct3 .hprodt2_ct3_icon {
       max-width: 40px;
   height: 20px;
    text-align: center;
	margin-left: 31px;
    
}

.hprodt3_ct1 .hprodt3_ct1_tit{font-size:50rem;font-weight:700;color:#fff;margin-top:40px;margin-bottom:70px}
.prodt7-anniu em{font-size:22px;display:inline-block;vertical-align:middle;margin-left:10px}
.prodt7-anniu span{display:inline-block;vertical-align:middle}
.hprodt3_ct2{padding-top:3%;padding-bottom:18%}
.hprodt3_ct2 .hprodt3_ct2_img img{margin:0}
.hprodt3_ct2 .hprodt3_ct2_list{position:absolute;width:32%;bottom:10%;right:16%}
.hprodt3_ct2 .hprodt3_ct2_tit{font-size:45rem;font-weight:700;color:#79bfea;
background:-webkit-linear-gradient(to left,#79bfea,#546fb5 50%);background:-o-linear-gradient(to left,#79bfea,#546fb5 50%);
background:-moz-linear-gradient(to left,#79bfea,#546fb5 50%);background:linear-gradient(to left,#79bfea,#546fb5 50%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent}
.hprodt3_ct2 .hprodt3_ct2_dec{font-size:22px;color:#b2b2b2;margin-top:10px}
.hprodt3_ct2 .hprodt_tit{padding:0;text-align:left}
.hprodt3_ct2 .hprodt_tit .dec,.hprodt3_ct3 .hprodt_tit .dec{color:#fff;margin-top:35px}
.hprodt3_ct2 .hprodt3_ct2_ul{flex-wrap:wrap}
.hprodt3_ct2 .hprodt3_ct2_ul li{width:50%;position:relative;padding-right:2%;margin-top:10%}
.hprodt3_ct3 .hprodt_tit{position:absolute;width:72%;left:50%;transform:translateX(-50%);top:15%;z-index:1}
.hprodt3_ct4,.hprodt3_ct5{background:#fff;padding:5.5% 0}
.hprodt3_ct5{padding-top:0!important}
.hprodt3_ct4>div{padding:0 50px}
.hprodt3_ct4 .hprodt3_ct4_li{position:relative;flex-wrap:wrap;margin-top:1.3%}
.hprodt3_ct4 .hprodt3_ct4_li:first-child{margin-top:0}
.hprodt3_ct4 .hprodt3_ct4_font{width:39.5%;background-color:#1d1d1d;margin-right:1.3%;padding:7% 3%}
.hprodt3_ct4 .hprodt3_ct4_font .tit{font-size:33rem;font-weight:700;letter-spacing:2px;line-height:1.5;color:#fff}
.hprodt3_ct4 .hprodt3_ct4_font .dec{font-size:20px;line-height:1.5;color:#fff;margin-top:20px}
.hprodt3_ct4 .hprodt3_ct4_img{width:59.2%;position:relative}
.hprodt3_ct5 .hprodt_tit{padding:0;text-align:left}
.hprodt3_ct5 .hprodt_tit .dec,.hprodt3_ct5 .hprodt_tit .tit{color:#fff}
.hprodt3_ct5 .hprodt_tit .tit{font-size:48rem}
.hprodt3_ct5 .hprodt_tit .tit{padding-top:0}
.hprodt3_ct5 .hprodt_tit .dec{margin-top:35px;margin-bottom:6%}
.hprodt3_ct5 .hprodt3_ct5_font{position:absolute;width:34%;left:20.5%;bottom:10%}
.hprodt3_ct5 .hprodt3_ct5_li{margin-top:40px}
.hprodt3_ct5 .hprodt3_ct5_li .tit{font-size:36px;font-weight:700;color:#fff}
.hprodt3_ct5 .hprodt3_ct5_li .dec{font-size:22px;line-height:1.8;color:#fff;margin-top:3px}
.hprodt3_ct5 .hprodt3_ct5_tips{font-size:22px;text-align:left;color:#fff;padding-top:40px}
.hprodt3_ct6{background:url(../images/products/k20/hpro-bgm3.jpg) no-repeat center;background-size:cover;padding-top:10%;padding-bottom:85px}
.hprodt3_ct6 .hprodt_tit{padding:0 3.5%}
.hprodt3_ct6 .hprodt_tit .dec{color:#c9c9ca;margin-top:60px;margin-bottom:30px}
.hprodt3_ct6 .hprodt3_ct6_tag{display:inline-block;font-size:20px;line-height:30px;color:#fff;border-radius:21px;border:solid 1px #fff;padding:5px 12px}
.hprodt3_ct6 .hprodt3_ct6_tips{font-size:18px;color:#818284;margin-top:55px}
.hprodt3_ct6 .hprodt3_ct6_ft{text-align:center}
.hprodt3_ct7{padding:5% 0}
.hprodt3_ct7 .hprodt3_ct7_bgm{margin-top:0}
.hprodt3_ct7 .hprodt_tit .dec{color:#c9c9ca;margin-top:45px}
.hprodt3_ct7 .hprodt3_ct7_img{position:absolute;left:50%;top:25%;transform:translateX(-50%)}
.hprodt3_ct7 .hprodt3_ct7_tag{width:34%;margin:0 auto;font-size:18px;line-height:1.667;color:#928f8f;text-align:center;margin-top:4%}
.hprodt3_ct8 .hprodt2_ct10_ul{margin-top:6%;padding:0;position:relative;z-index:5}
.hprodt3_ct8 .hprodt2_ct10_ul li{text-align:center;padding:0 1%}
.hprodt3_ct8{padding-top:0!important}
.hprodt3_ct8 .hprodt2_ct10_dec{font-size:15px;color:#828181}
.hprodt2_ct10 .hprodt2_ct10_ul li p{font-size:18px}
.hprodt3_ct8 .hprodt2_ct10_img2{margin-top:-40%}
.hprodt3_ct8 .hprodt2_ct10_img1{margin-top:15%}
.hprodt3_ct9{padding-top:5.5%;padding-bottom:9%}
.hprodt3_ct9 .hprodt_tit .dec{color:#c9caca;margin-top:50px}
.hprodt3_ct9 .hprodt_tit{width:78%;position:absolute;left:50%;transform:translateX(-50%);z-index:1}
.hprodt3_ct9 .hprodt3_ct9_img{margin-top:40px}
.hprodt3_ct9 .hprodt3_ct9_icon{width:94px;height:96px;position:relative;border-radius:50%;margin:0 auto}
.hprodt3_ct9 .hprodt3_ct9_tit{font-size:21px;color:#c9caca;text-align:center;margin-top:15px}
.hprodt3_ct9 .hprodt3_ct9_ul li{width:20%;position:relative;padding:0 1%}
.hprodt3_ct10 .hprodt2_ct12_list{width:60%}
.hprodt3_ct10 .hprodt2_ct12_ul li{width:20%}
.hprodt3_ct11{padding:8% 0}
.hprodt3_ct11 .hprodt3_ct11_ul1,.hprodt3_ct11 .hprodt3_ct11_ul2{flex-wrap:wrap}
.hprodt3_ct11 .hprodt3_ct11_ul1 li{position:relative;width:48.5%;margin-right:3%}
.hprodt3_ct11 .hprodt3_ct11_ul2 li{width:31.65%;position:relative;margin-right:2.5%;margin-top:2.5%}
.hprodt3_ct11 .hprodt3_ct11_ul1 li:last-child,.hprodt3_ct11 .hprodt3_ct11_ul1 li:nth-child(2n),.hprodt3_ct11 .hprodt3_ct11_ul2 li:last-child,.hprodt3_ct11 .hprodt3_ct11_ul2 li:nth-child(3n){margin-right:0}
.hprodt3_ct11_tit{background:rgba(0,0,0,.36);text-align:center;font-size:20px;color:#fff;position:absolute;width:100%;left:0;bottom:0;padding:20px}
.hprodt3_ct11 .hprodt3_ct11_ul1{margin-top:6%}
.hprodt4_ct1{padding:80px 0}
.hprodt4_ct1 .hprodt3_ct1_font{width:100%;position:static!important;transform:translateX(0)}
.hprodt4_ct1 .hprodt4_ct1_ul{margin-top:35px}
.hprodt4_ct1 .hprodt4_ct1_ul li{margin-right:2%}
.hprodt4_ct1 .hprodt4_ct1_ul li:last-child{margin-right:0}
.hprodt4_ct1 .hprodt4_ct1_icon{max-width:80px;max-height:65px}
.hprodt4_ct1 .hprodt3_ct1_bgm{margin-top:5%}
.hprodt4_ct2 .hprodt4_ct2_font{width:45%;position:absolute;z-index:2;left:50%;top:32%;transform:translateX(-50%)}
.hprodt4_ct2 .hprodt4_ct2_font .tit,.hprodt4_ct7 .hprodt_tit .tit{font-size:85rem;font-weight:700;letter-spacing:3px;color:#fff;text-align:center}
.hprodt4_ct2 .hprodt4_ct2_font .dec{font-size:18px;line-height:1.667;color:#c9c9ca;text-align:center;padding:4% 16%}
.hprodt4_ct2 .hprodt4_ct2_ul{padding:0 16%}
.hprodt4_ct2 .hprodt4_ct2_ul li{width:25%;position:relative}
.hprodt4_ct2 .hprodt4_ct2_sft{font-size:26px;font-weight:700;color:#edbf3e;background:-webkit-linear-gradient(to left,#edbf3e,#dea71f 50%);
background:-o-linear-gradient(to left,#edbf3e,#dea71f 50%);background:-moz-linear-gradient(left,#edbf3e,#dea71f 50%);
background:linear-gradient(to left,#edbf3e,#dea71f 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hprodt4_ct2 .hprodt4_ct2_sdec{font-size:14px;color:#c9c9ca;margin-top:5px}
.hprodt_tit1{text-align:center;padding:0 25%}
.hprodt_tit1 .tit{font-size:48rem;font-weight:700;letter-spacing:2px;color:#fff}
.hprodt_tit1 .dec{font-size:18px;line-height:1.667;color:#c9c9ca;margin-top:35px}
.hprodt4_ct3,.hprodt4_ct4{padding:80px 0}
.hprodt4_ct3 .hprodt4_ct3_img{margin-top:55px}
.hprodt4_ct4 .hprodt_tit1{padding-bottom:10px}
.hprodt4_ct4 .hprodt4_ct4_img{margin-top:35px}
.hprodt4_ct5{padding-top:75px!important;padding-bottom:8%}
.hprodt4_ct5 .hprodt2_ct6_ul li{width:48%;margin-right:3%}
.hprodt4_ct5 .hprodt2_ct6_font .dec{color:#c9c9ca;font-size:18px;line-height:1.667}
.hprodt4_ct6{overflow:hidden}
.hprodt4_ct6 .hprodt2_ct7_font{float:right;padding-right:10%;width:40%}
.hprodt4_ct7 .hprodt3_ct6_tips{margin-top:0!important}
.hprodt4_ct7{padding-top:100px!important}
.hprodt4_ct7 .hprodt_tit .dec{margin-top:30px!important}
.hprodt4_ct8 .hprodt2_ct10_img2{margin-top:-32%}
.hprodt4_ct9 .hprodt3_ct9_icon{width:68px;height:68px}
.hprodt4_ct10 .hprodt4_ct10_ul{width:76%;position:absolute;z-index:1;left:50%;transform:translateX(-50%);bottom:80px}
.hprodt4_ct10 .hprodt_tit{position:absolute;width:27%;text-align:left;padding:0;top:30%;left:12%}
.hprodt4_ct10 .hprodt_tit .dec{font-size:18px;color:#fff}
.hprodt5_ct1 .hprodt3_ct1_font{bottom:auto!important;top:10%}
.hprodt5_ct2 .hprodt_tit{width:82%;position:absolute;left:50%;transform:translateX(-50%);top:11%}
.hprodt5_ct2 .hprodt_tit .tit,.hprodt5_ct9 .hprodt_tit .tit{font-size: 50rem;}
.hprodt5_ct2 .hprodt_tit .dec{color:#fff}
.hprodt5_ct2 .hprodt5_ct2_ul{flex-wrap:wrap;position:absolute;width:40%;z-index:1;left:50%;transform:translateX(-50%);bottom:5%}
.hprodt5_ct2 .hprodt5_ct2_ul li{width:50%;align-items:center;position:relative}
.hprodt5_ct2 .hprodt5_ct2_icon{width:75px}
.hprodt5_ct2 .hprodt5_ct2_font{width:calc(100% - 75px);font-size:18px;color:#c9caca;padding-left:10%;padding-right:20px}
.hprodt5_ct3{padding:5% 0;position:relative}
.hprodt5_ct3 .hprodt5_ct3_ul{flex-wrap:wrap}
.hprodt5_ct3 .hprodt5_ct3_ul li{width:49.1%;margin-right:1.8%;background-color:#131415;border-radius:30px;position:relative}
.hprodt5_ct3 .hprodt5_ct3_ul li:last-child{margin-right:0}
.hprodt5_ct3 .hprodt5_ct3_font{width:100%;position:absolute;z-index:1;top:0;left:0;padding:9% 11%}
.hprodt5_ct3 .hprodt5_ct3_font .tit{font-size:28px;font-weight:700;letter-spacing:1px;color:#fff}
.hprodt5_ct3 .hprodt5_ct3_font .dec{font-size:20px;color:#c9caca;line-height:1.5;margin-top:25px}
.hprodt5_ct4{padding-top:20px;padding-bottom:8%}
.hprodt5_ct4 .hprodt5_ct4_left{width:51.6%;margin-right:1.5%}
.hprodt5_ct4 .hprodt5_ct4_font .tit{font-size:26px;line-height:1.4;letter-spacing:1px;color:#fff}
.hprodt5_ct4 .hprodt5_ct4_font .dec{font-size:18px;line-height: 24px;letter-spacing:1px;color:#c9caca;margin-top:10px;height:120px;overflow-x:hidden;overflow-y:auto}
.hprodt5_ct4 .hprodt5_ct4_li{background-color:#131415;border-radius:30px;margin-top:25px;position:relative;padding:4% 8%}
.hprodt5_ct4 .hprodt5_ct4_li:first-child{margin-top:0}
.hprodt5_ct4 .hprodt5_ct4_icon{width:74px;height:74px;position:relative;border-radius:50%}
.hprodt5_ct4 .hprodt5_ct4_font{width:calc(100% - 74px);padding-left:10%}
.hprodt5_ct4 .hprodt5_ct4_right{width:46.9%;border-radius:30px;overflow:hidden}
.hprodt5_ct4 .hprodt5_ct4_img{border-radius:30px}
.hprodt5_ct4 .hprodt5_ct4_top{flex-wrap:wrap;margin-top:6%}
.hprodt5_ct4 .hprodt5_ct4_bfont{font-size:18px;letter-spacing:1px;color:#c9caca;text-align:center;margin-top:25px}
.hprodt5_ct4 .hprodt5_ct4_bicon{width:155px;height:80px;position:relative;margin:0 auto}
.hprodt5_ct4 .hprodt5_ct4_bot{background-color:#131415;border-radius:30px;padding:4% 0;margin-top:1.8%}
.hprodt5_ct4 .hprodt5_ct4_ul{flex-wrap:wrap;margin-top:4%}
.hprodt5_ct4 .hprodt5_ct4_ul li{width:20%;position:relative;padding:0 1%}
.hprodt5_ct4 .hprodt5_ct4_btit{font-size:28px;letter-spacing:1px;color:#fff;text-align:center}
.hprodt5_ct5 .hprodt5_ct5_dec{font-size:21px;line-height:1.48;letter-spacing:1px;color:#c8c8c9}
.hprodt5_ct5 .hprodt5_ct5_tit{font-size:28px;font-weight:700;line-height:1.4;letter-spacing:2px;color:#fefeff;margin-bottom:10px}
.hprodt5_ct5 .hprodt5_ct5_img img{margin:0}
.hprodt5_ct5 .hprodt5_ct5_font{position:absolute;width:33%;right:16.5%;bottom:10%;z-index:1}
.hprodt5_ct5 .hprodt_tit{padding:0;text-align:left}
.hprodt5_ct5 .hprodt_tit .tit{margin: 25px 0;font-size: 50rem;}
.hprodt5_ct5 .hprodt5_ct5_li{margin-top: 26px;}
.hprodt5_ct5 .hprodt5_ct5_icon{margin-right:30px;position:relative;max-width:105px;max-height:80px}
.hprodt5_ct5 .hprodt5_ct5_icon:last-child{margin-right:0}
.hprodt5_ct5 .hprodt5_ct5_iconBox{position:absolute;z-index:1;left:28%;bottom:12%}
.hprodt5_ct6{position:relative;padding-bottom:6%}
.hprodt5_ct6 .hprodt5_ct6_font .tit{font-size:26px;font-weight:700;letter-spacing:1px;color:#fefefe}
.hprodt5_ct6 .hprodt5_ct6_font .dec{font-size: 18px;letter-spacing:1px;line-height:1.5;color:#c8c8c9;margin-top:20px}
.hprodt5_ct6 .hprodt5_ct6_font{width:49%;padding:3% 4%;text-align:center}
.hprodt5_ct6 .hprodt5_ct6_imgBox{width:51%}
.hprodt5_ct6 .hprodt5_ct6_ul li{margin-top:8%}
.hprodt5_ct7 .hprodt5_ct5_font{width:32%!important;right:auto!important;left:16.5%}
.hprodt5_ct7{padding-top: 10%;}
.hprodt5_ct7 .hprodt5_ct5_iconBox{left:auto!important;right:38%}
.hprodt5_ct8 .hprodt5_ct8_ul{flex-wrap:wrap}
.hprodt5_ct8 .hprodt5_ct8_ul li{width:47%;position:relative;margin-right:6%;margin-top:6%}
.hprodt5_ct8 .hprodt5_ct8_ul li:nth-child(2n){margin-right:0}
.hprodt5_ct8 .hprodt5_ct8_font{text-align:center}
.hprodt5_ct8 .hprodt5_ct8_font .tit{font-size:28px;font-weight:700;letter-spacing:1px;color:#fefefe;margin-top:60px;margin-bottom:20px}
.hprodt5_ct8 .hprodt5_ct8_font .dec{font-size: 18px;line-height:1.5;letter-spacing:1px;color:#c8c8c9}
.hprodt5_ct12,.hprodt5_ct13,.hprodt5_ct9{padding-top:7%}
.hprodt5_ct9{padding-bottom:0!important}
.applicationinfo-cont4 .applicationinfo-cont3-tit{top:45%}
.hprodt5_ct10 .hprodt_tit .dec,.hprodt5_ct9 .hprodt_tit .dec{color:#fff}
.hprodt5_ct9 .hprodt2_ct7_font{left:22%;bottom:6%;width:25%;position:absolute}
.hprodt5_ct9 .hprodt5_ct9_tips{font-size:18px;line-height:1.7;letter-spacing:1px;color:#fff;margin-top:20px}
.hprodt5_ct10 .hprodt2_ct8_tips{color:#696969}
.hprodt5_ct10{background:#000}
.hprodt5_ct11 .hprodt_tit .dec{color:#c9caca;padding:0 11%}
.hprodt5_ct11 .hprodt5_ct11_icon,.hprodt5_ct12 .hprodt5_ct11_icon{width:75px}
.hprodt5_ct11 .hprodt5_ct11_font,.hprodt5_ct12 .hprodt5_ct11_font{width:calc(100% - 70px);padding-left:8%}
.hprodt5_ct11 .hprodt5_ct11_font .tit,.hprodt5_ct12 .hprodt5_ct11_font .tit{font-size:28px;color:#fff;font-weight:600}
.hprodt5_ct11 .hprodt5_ct11_font .tit{font-size:26px}
.hprodt5_ct11 .hprodt5_ct11_font .dec,.hprodt5_ct12 .hprodt5_ct11_font .dec{font-size: 18px;line-height:1.65;color:#6e6d6d;margin-top:15px}
.hprodt5_ct11 .hprodt5_ct11_ul,.hprodt5_ct12 .hprodt5_ct11_ul{flex-wrap:wrap;padding:6% 0}
.hprodt5_ct11 .hprodt5_ct11_ul{width:85%;margin:0 auto}
.hprodt5_ct12 .hprodt5_ct11_ul li{width:33.333%;position:relative;padding-right:2%}
.hprodt5_ct11 .hprodt5_ct11_ul li{width:50%;position:relative;padding-right:5%}
.hprodt3_ct7 .hprodt5_ct11_ul{width:100%}
.hprodt3_ct7 .hprodt5_ct11_ul li{width:33.333%;padding-right:2%}
.hprodt5_ct12 .hprodt5_ct12_img1{margin-top:13.5%}
.hprodt5_ct12 .hprodt5_ct12_img2{margin-top:-33%}
.hprodt5_ct13 .hprodt2_ct11_font{top:30%}
.hprodt5_ct15{padding-top:4%;padding-bottom:6%}
.hprodt5_ct15 .hprodt5_ct15_ul li{position:relative;margin-right:3.5%;margin-top:3.5%;overflow:hidden}
.hprodt5_ct15 .hprodt5_ct15_ul .hprodt5_ct15_wit1{width:56%}
.hprodt5_ct15 .hprodt5_ct15_ul .hprodt5_ct15_wit2{width:40.5%}
.hprodt5_ct15 .hprodt5_ct15_ul li:nth-child(2n){margin-right:0}
.hprodt5_ct15 .hprodt5_ct15_font{background:rgba(0,0,0,.36);text-align:center;font-size:22px;color:#fff;position:absolute;width:100%;left:0;bottom:0;padding:20px}
.hprodt6_ct2{padding:9% 0;position:relative}
.hprodt6_ct2 .hprodt6_ct2_imgBox{position:relative;margin-top:31px}
.hprodt6_ct2 .hprodt_tit{padding:0 4%;margin-bottom:-23%}
.hprodt6_ct2 .hprodt_tit .dec{color:#fff;margin-top:10px}
.hprodt6_ct2 .hprodt6_ct2_img{position:absolute;top:25%;left:25%}
.hprodt6_ct2 .hprodt6_ct2_icon{width:135px;height:70px;position:relative;margin:0 auto}
.hprodt6_ct2 .hprodt6_ct2_font{font-size:18px;color:#fff;text-align:center;margin-top:20px}
.hprodt6_ct2 .hprodt6_ct2_ul{flex-wrap:wrap;margin-top:-190px}
.hprodt6_ct2 .hprodt6_ct2_ul li{position:relative;width:16.667%;padding:0 1%}
.hprodt6_ct3 .hprodt6_ct3_tit{font-size:48rem;font-weight:700;color:#fff;margin-bottom:15px}
.hprodt6_ct3 .hprodt6_ct3_dec{font-size:26px;line-height:1.39;color:#898989;padding-right:10%}
.hprodt6_ct3 .hprodt6_ct3_img img{margin:0}
.hprodt6_ct3 .hprodt6_ct3_font{width:44%;position:absolute;left:16.5%;z-index:1;top:50%;transform:translateY(-50%)}
.hprodt6_ct3 .hprodt6_ct3_li{margin-top:45px}
.hprodt6_ct4 .hprodt6_ct3_font{left:auto!important;right:16.5%;width:36%}
.hprodt6_ct5,.prodt54-ms-qh{padding-top:5%}
.hprodt6_ct6{background-color:#151515}
.prodt61-ms{position:relative}
.hprodt6_ct7_tag{font-size:26px;line-height:1.5;color:red;position:absolute;top:12%;left:12%;display:none}
.hprodt6_ct9 .hprodt5_ct12_img2{margin-top:-19%!important}
.hprodt6_ct9 .hprodt5_ct12_img1{margin-top:65px!important}
.hprodt6_ct10{background-color:#000}
.hprodt6_ct11 .hprodt6_ct7_tag{top:35%!important;left:20%!important}
.hprodt6_ct12 .prodt55-ms .swiper-button-next,.hprodt6_ct12 .prodt55-ms .swiper-button-next::after,.hprodt6_ct12 .prodt55-ms .swiper-button-prev,.hprodt6_ct12 .prodt55-ms .swiper-button-prev::after,.hprodt6_ct12 .prodt55-ms .swiper-pagination{display:none}
.hprodt6_ct12 .prodt55-ms1 h3{opacity:0;font-size:24px;color:#fff}
.hprodt6_ct12 .prodt55-ms .swiper-slide-active .prodt55-ms1 h3{opacity:1}
.hprodt6_ct12 .prodt55-ms{margin-top:55px}
.hprodt6_ct12 .prodt55-ms2 p{font-size:18px;color:#999}
.hprodt6_ct10,.hprodt6_ct11,.hprodt6_ct12,.hprodt6_ct15,.hprodt6_ct9{background:#0f0f0f}
.hprodt6_ct15{padding-top:5%;padding-bottom:7%}
.hprodt6_ct15 .hprodt6_ct15_ul{flex-wrap:wrap;padding-top:20px}
.hprodt6_ct15 .hprodt6_ct15_ul li{width:31.65%;position:relative;margin-right:2.5%;overflow:hidden}
.hprodt6_ct15 .hprodt6_ct15_ul li:last-child{margin-right:0}
.hprodt6_ct15 .hprodt6_ct15_li{position:relative;width:100%;margin-top:8%}
.hprodt6_ct15 .hprodt6_ct15_font{position:absolute;width:100%;bottom:0;left:0;z-index:1;background:rgba(0,0,0,.5);padding:15px 25px}
.hprodt6_ct15 .hprodt6_ct15_font .dec,.hprodt6_ct15 .hprodt6_ct15_font .tit{font-size:18px;color:#fff;font-weight:600}
.hprodt6_ct15 .hprodt6_ct15_font .dec{font-weight:400;margin-top:5px}
.hprodt6_ct15 .hprodt6_ct15_img,.hprodt6_ct15 .hprodt6_ct15_img img{border-radius:10px;width:100%;overflow:hidden}
.arowana-form .arowana-form-sele select{text-align:left}
.hprodt6_ct16{padding-top:90px;padding-bottom:100px}
.prodt{overflow-wrap:normal}
.hprodt7_ct1 .hprodt7_ct1_font{position:absolute;width:90%;margin:0 auto;left:50%;transform:translateX(-50%);top:10%;z-index:1}
.hprodt7_ct1 .hprodt7_ct1_tit{font-size:51rem;font-weight:700;color:#fff;text-align:center}
.hprodt7_ct2 .hprodt_tit .dec{text-align:left;color:#fff;margin-top:35px}
.hprodt7_ct2 .hprodt3_ct9_ul{margin-top:-11%;position:relative;z-index:3}
.hprodt7_ct3 .hprodt_tit,.hprodt7_ct5 .hprodt_tit,.hprodt7_ct6 .hprodt_tit,.hprodt7_ct8 .hprodt_tit,.hprodt8_ct3 .hprodt_tit{text-align:left;padding:0}
.hprodt7_ct3 .hprodt_tit .dec,.hprodt7_ct5 .hprodt_tit .dec,.hprodt7_ct6 .hprodt_tit .dec,.hprodt8_ct3 .hprodt_tit .dec{color:#fff}
.hprodt7_ct3{background:#111}
.hprodt7_ct3 .hprodt7_ct3_font{width:25%;position:absolute;top:50%;transform:translateY(-50%);z-index:3}
.hprodt7_ct3 .hprodt7_ct3_num img{margin:0}
.hprodt7_ct3 .hprodt7_ct3_dec{font-size:20px;line-height:1.5;color:#fff;margin-top:10px}
.hprodt7_ct3 .hprodt7_ct3_ul li{margin-top:40px}
.hprodt7_ct4{padding:20% 0}
.hprodt7_ct4 .hprodt_tit .tit,.hprodt7_ct8 .hprodt_tit .tit{font-size:46rem}
.hprodt7_ct4 .hprodt2_ct7_font{width:45%;padding-right:15%}
.hprodt7_ct4 .hprodt2_ct7_tips{position:absolute;bottom:11%;margin:0 auto;right:17%}
.hprodt7_ct4 .hprodt2_ct7_li .tit{font-size:55px;font-weight:700;color:#fff}
.hprodt7_ct4 .hprodt2_ct7_li .tit span{font-size:40px}
.hprodt7_ct5{background:#1c1c1c;padding:6% 0}
.hprodt7_ct5 .hprodt_tit{width:36.7%}
.hprodt7_ct5 .hprodt7_ct5_img{width:63.3%;position:relative;overflow:hidden}
.hprodt7_ct5 .hprodt7_ct5_ul li:nth-child(odd) .hprodt_tit{padding-right:45px}
.hprodt7_ct5 .hprodt7_ct5_ul li:nth-child(even) .hprodt_tit{padding-left:45px}
.hprodt7_ct5 .hprodt7_ct5_ul li{margin-top:8%;position:relative}
.hprodt7_ct5 .hprodt7_ct5_ul li:first-child,.hprodt7_ct6 .hprodt_tit:first-child{margin-top:0}
.hprodt7_ct6 .hprodt7_ct6_font{position:absolute;width:30%;top:50%;transform:translateY(-50%);z-index:1}
.hprodt7_ct6 .hprodt_tit{margin-top:16%}
.hprodt7_ct7 .hprodt_tit{width:90%;margin:0 auto;top:8%;position:absolute;left:50%;transform:translateX(-50%);z-index:1}
.hprodt7_ct7 .hprodt_tit .dec,.hprodt7_ct7 .hprodt_tit .tit{color:#1c1c1c}
.hprodt7_ct8{padding-top:80px;padding-bottom:100px;overflow:hidden}
.hprodt7_ct8 .hprodt_tit{text-align:center}
.hprodt7_ct8 .hprodt7_ct8_ul{flex-wrap:wrap}
.hprodt7_ct8 .hprodt7_ct8_ul li{width:49.2%;position:relative;margin-right:1.6%;margin-top:1.6%;background-color:#1c1c1c;border-radius:20px;overflow:hidden}
.hprodt7_ct8 .hprodt7_ct8_ul li:nth-child(2n){margin-right:0}
.hprodt7_ct8 .hprodt7_ct8_dec{font-size:18px;line-height:26px;color:#fff;margin-top:25px}
.hprodt7_ct8 .hprodt7_ct8_font{padding:8% 5%;z-index:1;position:absolute;top:0}
.hprodt8_ct1 .hprodt2_ct1Box{width:40%}
.hprodt8_ct1 .hprodt8_ct1_icon{position:absolute;z-index:1;bottom:13%;left:16.5%}
.hprodt8_ct2{background-color:#151515;position:relative;padding:5% 0}
.hprodt8_ct2 .hprodt8_ct2_img{width:68%;margin:0 auto}
.hprodt8_ct2 .hprodt2_ct12_list{top:18%}
.hprodt8_ct2 .hprodt2_ct12_ul{margin-top:40px}
.hprodt8_ct2 .hprodt_tit .dec{margin-bottom:30px}
.hprodt8_ct3 .hprodt_tit{margin-top:55px}
.hprodt8_ct3 .hprodt_tit .tit{font-size:50rem}
.hprodt8_ct3 .hprodt8_ct3_font{position:absolute;width:33%;z-index:1;top:50%;transform:translateY(-50%)}
.hprodt8_ct3 .hprodt8_ct3_tips{font-size:20px;line-height:1.5;color:#fff;margin-top:10px;margin-bottom:60px}
.hprodt8_ct3 .hprodt8_ct3_ul{margin-top:9%;margin-bottom:20px}
.hprodt8_ct3 .hprodt8_ct3_num{position:relative;margin-right:30px}
.hprodt8_ct3 .hprodt8_ct3_num:last-child,.hprodt8_ct4 .hprodt8_ct3_ul li:nth-child(2n){margin-right:0}
.hprodt8_ct4{background-color:#111;position:relative;padding:8% 0;overflow:hidden}
.hprodt8_ct4 .hprodt8_ct3_ul{flex-wrap:wrap}
.hprodt8_ct4 .hprodt8_ct3_ul li{width:48.9%;position:relative;margin-right:2.2%;margin-top:1.5%;background-color:#1e1e1e;border-radius:20px;padding:0 25px}
.hprodt8_ct4 .hprodt8_ct3_ul li:nth-child(1),.hprodt8_ct4 .hprodt8_ct3_ul li:nth-child(2){margin-top:0}
.hprodt8_ct4 .hprodt8_ct4_icon{width:230px;height:220px;position:relative;margin:40px auto}
.hprodt8_ct4 .hprodt8_ct4_font .tit{font-size:40rem;color:#fff;text-align:center}
.hprodt8_ct4 .hprodt8_ct4_font .dec{font-size:20px;line-height:1.5;color:#fff;margin-top:20px;margin-bottom:35px}
.hprodt8_ct5{background:#0f0f0f;overflow:hidden}
.hprodt8_ct5 .hprodt8_ct5_tips{font-size:16px;text-align:center;color:#adadad;margin-top:20px}
.hprodt8_ct5 .hprodt8_ct5_simg{display:none}
.hprodt8_ct5 .hprodt8_ct5_font{position:absolute;z-index:1;width:68%;left:50%;top:11%;transform:translateX(-50%);margin:0 auto}
.hprodt8_ct5 .hprodt8_ct5_li{font-size:30rem;color:#fff;position:absolute}
.hprodt8_ct5 .hprodt8_ct5_li.li1{bottom:8%;left:34%}
.hprodt8_ct5 .hprodt8_ct5_li.li2{bottom:8%;left:43.5%}
.hprodt8_ct5 .hprodt8_ct5_li.li3{bottom:8%;left:53%}
.hprodt8_ct5 .hprodt_tit .dec,.hprodt8_ct6 .hprodt_tit .dec{color:#fff}
.hprodt8_ct6{position:relative;background-color:#050505;padding-top:5%;padding-bottom:11%;overflow:hidden}
.hprodt8_ct6 .hprodt8_ct6_img1{margin-top:65px;position:relative;z-index:2}
.hprodt8_ct6 .hprodt8_ct6_img2{margin-top:-12%;position:relative;z-index:1}
@media screen and (max-width:1679px){.hprodt8_ct2 .hprodt8_ct2_img{width:100%}
.hprodt8_ct6 .hprodt8_ct6_img2 img{width:90%}
.hprodt2_ct5 .hprodt2_ct5_right{padding-right:11%}
.hprodt2_ct12 .hprodt2_ct12_list{width:80%}
.hprodt_tit1{padding:0 14%}
.hprodt2_ct7 .hprodt2_ct7_font,.hprodt3_ct5 .hprodt3_ct5_font,.hprodt4_ct10 .hprodt_tit,.hprodt5_ct7 .hprodt5_ct5_font,.hprodt6_ct3 .hprodt6_ct3_font{left:11%}
.hprodt3_ct2 .hprodt3_ct2_list,.hprodt5_ct5 .hprodt5_ct5_font,.hprodt6_ct4 .hprodt6_ct3_font{right:11%;width:35%}
.hprodt5_ct5 .hprodt5_ct5_font,.hprodt5_ct7 .hprodt5_ct5_font{width:40%!important}
.hprodt4_ct2 .hprodt4_ct2_font{width:60%}
.hprodt5_ct2 .hprodt5_ct2_ul{width:50%}
.hprodt5_ct5 .hprodt5_ct5_dec{font-size: 18px;}
.hprodt5_ct11 .hprodt5_ct11_font .tit,.hprodt5_ct12 .hprodt5_ct11_font .tit{font-size:24px}
.hprodt6_ct3 .hprodt6_ct3_dec{font-size:22px}
.hprodt6_ct11 .hprodt6_ct7_tag{top:35%!important;left:15%!important}
.hprodt7_ct3 .hprodt7_ct3_font{width:30%}
.hprodt7_ct4 .hprodt2_ct7_tips{right:16%}
.hprodt8_ct1 .hprodt8_ct1_icon{left:11.5%}
.hprodt8_ct3 .hprodt8_ct3_font{width:43%}
.hprodt7_ct6 .hprodt7_ct6_font{width:40%}
.hprodt7_ct6 .hprodt_tit{margin-top:50px}
.hprodt7_ct4 .hprodt2_ct7_font{padding-right:9%}
.hprodt7_ct4 .hprodt2_ct7_tips{right:12%}
.hprodt2_ct11 .hprodt2_ct11_ul,.hprodt2_ct11 .hprodt_tit .dec{padding-right:5%}
.hprodt2_ct11 .hprodt_tit .dec{margin-bottom:0;margin-top:20px}
.applicationinfo-cont1 .applicationinfo-cont1-fontul{padding-right:0}
.hprodt3_ct5 .hprodt3_ct5_font{width:41%}
.hprodt8_ct2 .hprodt2_ct12_list{top:13%}
}
@media screen and (max-width:1459px){.hprodt3_ct8 .hprodt2_ct10_img1 img,.hprodt4_ct10 .hprodt4_ct10_ul,.hprodt5_ct12 .hprodt5_ct12_img1 img,.hprodt8_ct6 .hprodt8_ct6_img2 img{width:90%}
.hprodt3_ct5 .hprodt_tit .tit{font-size:36px}
.hprodt3_ct3 .hprodt_tit,.hprodt3_ct7 .hprodt3_ct7_tag,.hprodt4_ct2 .hprodt4_ct2_font{width:80%}
.hprodt2_ct10 .hprodt2_ct10_num strong{font-size:36px}
.hprodt2_ct2 .hprodt2_ct2_tit,.hprodt2_ct4 .hprodt2_ct4_font .tit,.hprodt2_ct5 .hprodt2_ct5_li .tit,.hprodt2_ct9 .hprodt2_ct9_ul li .tit,.hprodt5_ct3 .hprodt5_ct3_font .tit,.hprodt5_ct8 .hprodt5_ct8_font .tit{font-size:26px}
.hprodt2_ct13 .hprodt2_ct13_font .tit{font-size:24px}
.hprodt5_ct4 .hprodt5_ct4_font .tit,.hprodt5_ct6 .hprodt5_ct6_font .dec{font-size: 18px;}
.hprodt3_ct9 .hprodt3_ct9_tit{font-size:20px}
.hprodt2_ct12 .hprodt2_ct12_font,.hprodt2_ct13 .hprodt2_ct13_font .dec,.hprodt2_ct3 .hprodt2_ct3_tag,.hprodt2_ct4 .hprodt2_ct4_font .dec,.hprodt2_ct5 .hprodt2_ct5_li .dec,.hprodt2_ct5 .hprodt2_ct5_tit,.hprodt2_ct6 .hprodt2_ct6_font .dec,.hprodt2_ct9 .hprodt2_ct9_ul li .dec,.hprodt3_ct11_tit,.hprodt3_ct5 .hprodt3_ct5_tips,.hprodt4_ct10 .hprodt4_ct10_font,.hprodt5_ct11 .hprodt5_ct11_font .dec,.hprodt5_ct12 .hprodt5_ct11_font .dec,.hprodt5_ct15 .hprodt5_ct15_font,.hprodt5_ct3 .hprodt5_ct3_font .dec,.hprodt5_ct8 .hprodt5_ct8_font .dec,.hprodt8_ct4 .hprodt8_ct4_font .dec,.hprodt_tit .dec{font-size:18px}
.hprodt5_ct4 .hprodt5_ct4_bfont,.hprodt5_ct4 .hprodt5_ct4_font .dec{font-size:16px;margin-top:15px}
.hprodt2_ct9 .hprodt2_ct9_ul li .dec{margin-top:10px}
.hprodt2_ct7 .hprodt2_ct7_font{width:42%;left:5.5%}
.hprodt2_ct5 .hprodt2_ct5_li .tit{margin-bottom:10px}
.hprodt2_ct2 .hprodt_tit .dec,.hprodt2_ct5 .hprodt2_ct5_li,.hprodt2_ct5 .hprodt2_ct5_tit,.hprodt7_ct3 .hprodt7_ct3_ul li{margin-top:25px}
.hprodt2_ct5 .hprodt2_ct5_right,.hprodt4_ct6 .hprodt2_ct7_font,.hprodt7_ct4 .hprodt2_ct7_font{padding-right:5.5%}
.hprodt3_ct2 .hprodt3_ct2_list,.hprodt5_ct5 .hprodt5_ct5_font,.hprodt6_ct3 .hprodt6_ct3_font,.hprodt7_ct4 .hprodt2_ct7_tips{right:5.5%}
.hprodt4_ct10 .hprodt_tit,.hprodt5_ct7 .hprodt5_ct5_font,.hprodt6_ct3 .hprodt6_ct3_font{left:5.5%}
.hprodt4_ct10 .hprodt_tit{width:35%}
.hprodt5_ct7{padding: 80px 0;background:#000!important}
.hprodt5_ct8 .hprodt5_ct8_font .tit{margin-top:30px;margin-bottom:15px}
.hprodt5_ct9 .hprodt2_ct7_font{bottom:6%}
.hprodt5_ct15{padding:80px 0 100px 0}
.hprodt7_ct3 .hprodt7_ct3_font{width:35%}
.hprodt7_ct6 .hprodt7_ct6_font{width:36%}
.hprodt8_ct1 .hprodt8_ct1_icon{left:6.5%}
.hprodt8_ct2{padding:80px 0;padding-top:0!important}
.hprodt8_ct4 .hprodt8_ct4_icon img{max-width:200px}
.hprodt8_ct4 .hprodt8_ct4_icon{margin:30px auto}
.hprodt8_ct3 .hprodt_tit{margin-top:30px}
.hprodt8_ct3 .hprodt8_ct3_ul{margin-top:40px;margin-bottom:20px}
.hprodt6_ct3 .hprodt6_ct3_font{width:52%}
.hprodt6_ct4 .hprodt6_ct3_font{width:45%}
.hprodt2_ct11 .hprodt2_ct11_font{top:12%}
.hprodt3_ct1 .hprodt3_ct1_tit{font-size:38px}
.hprodt5_ct2 .hprodt_tit .tit,.hprodt5_ct5 .hprodt_tit .tit,.hprodt5_ct9 .hprodt_tit .tit{font-size:40px}
.hprodt5_ct5 .hprodt5_ct5_li{margin-top:25px}
.hprodt5_ct5 .hprodt_tit .tit{margin:25px 0}
.hprodt5_ct7 .hprodt5_ct5_font{width:47%!important}
.hprodt2_ct11 .hprodt2_ct11_dec{font-size:18px}
.hprodt5_ct13 .hprodt2_ct11_icon{width:50px;height:50px}
.hprodt5_ct13 .hprodt2_ct11_dec{width:calc(100% - 50px)}
}
@media screen and (max-width:1366px){.hprodt5_ct5{background:#100f0f;padding-bottom:15%}
.hprodt5_ct5 .hprodt5_ct5_iconBox{bottom:35%}
.hprodt8_ct3 .hprodt8_ct3_font{position:relative;top:0;width:100%;transform:translateY(0)}
.hprodt8_ct3{padding:60px 0}
.hprodt8_ct3 .hprodt8_ct3_num img{max-width:160px}
.hprodt8_ct3 .hprodt8_ct3_bgm{margin-top:-20%}
.hprodt8_ct1 .hprodt8_ct1_icon{left:2.5%}
.hprodt3_ct5 .hprodt_tit .tit,.hprodt7_ct4 .hprodt_tit .tit,.hprodt7_ct8 .hprodt_tit .tit{font-size:36px}
.hprodt6_ct1 .prodt20-ms h2 img{max-width:550px;margin:0 auto}
.hprodt6_ct7 .prodt61-bt p{font-size:24px}
.hprodt2_ct11 .hprodt2_ct11_ul,.hprodt2_ct11 .hprodt_tit .dec{padding-right:0}
.hprodt5_ct5 .hprodt5_ct5_font{width:46%!important}
.hprodt5_ct6{padding-bottom:0}
}
@media screen and (max-width:1259px){.hprodt3_ct4>div,.hprodt5_ct9 .hprodt_tit,.hprodt6_ct3 .hprodt6_ct3_dec{padding:0}
.hprodt2_ct12 .hprodt2_ct12_list,.hprodt3_ct9 .hprodt_tit,.hprodt5_ct2 .hprodt_tit{width:90%}
.applicationinfo-cont2 .applicationinfo-cont2-imgicon img{max-width:70px}
.hprodt1_ct4 .hprodt1_ct4_tag{bottom:40px}
.applicationinfo-cont4 .applicationinfo-cont3-tit{width:40%}
.hprodt2_ct2 .hprodt2_ct2_ul{margin-top:40px}
.hprodt2_ct3 td,.hprodt2_ct3 td:first-child,.hprodt2_ct3 th{font-size:16px}
.hprodt2_ct6 .hprodt2_ct6_font .tit{margin:20px auto 15px auto}
.hprodt2_ct10 .hprodt2_ct10_ul{padding:0 5%}
.hprodt2_ct11 .hprodt2_ct11_font,.hprodt7_ct3 .hprodt7_ct3_font,.hprodt7_ct6 .hprodt7_ct6_font{position:relative;width:100%;z-index:9;transform:translateY(0);top:0}
.hprodt2_ct11{background:#000;padding-top:40px}
.hprodt2_ct11 .hprodt_tit .dec{margin:20px 0}
.hprodt2_ct11 .hprodt2_ct11_ul{width:70%}
.hprodt5_ct2 .hprodt5_ct2_ul{width:60%}
.hprodt2_ct11 .hprodt2_ct11_img{margin-top:-15%}
.hprodt3_ct2 .hprodt3_ct2_list{width:40%}
.hprodt3_ct2 .hprodt3_ct2_tit{font-size:30px}
.hprodt3_ct4 .hprodt3_ct4_font .tit{font-size:26px}
.hprodt3_ct5 .hprodt3_ct5_font{left:5.5%;width:65%}
.hprodt3_ct5 .hprodt_tit .dec{margin-top:20px;margin-bottom:20px}
.hprodt3_ct5 .hprodt3_ct5_li .tit{font-size:28px}
.hprodt3_ct5 .hprodt3_ct5_li{margin-top:25px}
.hprodt3_ct5 .hprodt3_ct5_tips{font-size:18px;padding-top:20px}
.hprodt3_ct11_tit{font-size:18px}
.hprodt8_ct5 .hprodt8_ct5_li{font-size:20px}
.hprodt2_ct12 .hprodt2_ct12_font,.hprodt3_ct4 .hprodt3_ct4_font .dec,.hprodt3_ct9 .hprodt3_ct9_tit,.hprodt4_ct10 .hprodt4_ct10_font,.hprodt5_ct5 .hprodt5_ct5_dec,.hprodt5_ct6 .hprodt5_ct6_font .dec,.hprodt6_ct2 .hprodt6_ct2_font,.hprodt6_ct3 .hprodt6_ct3_dec,.hprodt7_ct3 .hprodt7_ct3_dec{font-size:18px}
.hprodt6_ct15 .hprodt6_ct15_font .dec,.hprodt6_ct15 .hprodt6_ct15_font .tit,.hprodt8_ct4 .hprodt8_ct4_font .dec{font-size:16px}
.hprodt6_ct3 .hprodt6_ct3_tit,.hprodt_tit1 .tit{font-size:32px}
.hprodt5_ct4 .hprodt5_ct4_font{padding-left:30px}
.hprodt5_ct4 .hprodt5_ct4_img,.hprodt5_ct4 .hprodt5_ct4_right{border-radius:15px}
.hprodt5_ct5 .hprodt5_ct5_tit,.hprodt5_ct6 .hprodt5_ct6_font .tit{font-size:26px}
.hprodt5_ct13{padding-top:80px}
.hprodt5_ct12 .hprodt5_ct12_img1{margin-top:6.5%}
.hprodt6_ct13,.hprodt7_ct3,.hprodt7_ct6{padding-top:80px}
.hprodt7_ct3 .hprodt7_ct3_ul li{margin-top:20px}
.hprodt7_ct4 .hprodt2_ct7_font{padding-right:5.5%}
.hprodt7_ct6 .hprodt_tit{margin-top:50px}
.hprodt7_ct1 .hprodt7_ct1_tit{font-size:34px}
.hprodt8_ct1 .hprodt8_ct1_icon{left:5.5%}
.hprodt8_ct4 .hprodt8_ct4_icon img{max-width:160px}
.hprodt8_ct6 .hprodt8_ct6_img1 img{max-width:700px}
.hprodt8_ct1 .hprodt2_ct1Box{top:40%}
.hprodt8_ct3 .hprodt_tit .tit{font-size:32px}
.hprodt7_ct3 .hprodt7_ct3_bgm{margin-top:-30%}
.hprodt7_ct6 .hprodt7_ct6_bgm{margin-top:-20%}
.hprodt5_ct12 .hprodt5_ct11_font .tit{font-size:20px}
.hprodt5_ct12 .hprodt5_ct11_font .dec{font-size:16px}
.hprodt5_ct5 .hprodt5_ct5_font{width:90%!important;position:relative;top:0;left:0;right:0;bottom:0;margin:0 auto}
.hprodt5_ct5 .hprodt5_ct5_iconBox{position:relative;top:0;left:0;right:0;bottom:0;margin-left:5%;margin-bottom:40px}
.hprodt5_ct5 .hprodt5_ct5_bgm{margin-bottom:-28%}
.hprodt5_ct5{padding-bottom:40px}
.hprodt5_ct11 .hprodt5_ct11_font .tit{font-size:22px}
.hprodt5_ct11 .hprodt5_ct11_ul{width:100%}
.xzkb .hprodt2_ct9_ul li{width:100%;padding:0 1%}
.hprodt2_ct10 .hprodt2_ct10_ul li{width:33.333%;margin-top:30px}
.hprodt2_ct10 .hprodt2_ct10_ul{margin-top:0}
.xzkb .hprodt2_ct9_ul .xzkb-li{display:none}
.hprodt3_ct7 .hprodt5_ct11_ul li{width:50%;margin-top:25px;padding-right:6%}
.hprodt3_ct7 .hprodt5_ct11_ul{padding:30px 0}
.hprodt8_ct5 .hprodt8_ct5_font{width:90%}
.hprodt8_ct2 .hprodt2_ct12_list{top:16%}
}
@media screen and (max-width:1100px){.hprodt2_ct3 .hprodt2_ct3_list,.hprodt2_ct4 .hprodt2_ct4_ulBox{flex-wrap:wrap}
.hprodt2_ct3 .hprodt2_ct3_left,.hprodt2_ct4 .hprodt2_ct4_list,.hprodt5_ct4 .hprodt5_ct4_left{width:100%}
.hprodt5_ct4 .hprodt5_ct4_right{width:60%;margin:50px auto}
.hprodt2_ct3 .hprodt2_ct3_left,.hprodt2_ct4 .hprodt2_ct4_list li{padding-right:0}
.hprodt5_ct4 .hprodt5_ct4_left{margin-right:0}
.hprodt1_ct7 .applicationinfo-cont7-font{top:30px;width:55%}
.hprodt_tit .dec{margin-top:10px}
.hprodt2_ct3 .hprodt2_ct3_right{width:65%;margin:0 auto;margin-top:30px}
.hprodt2_ct4 .hprodt2_ct4_list li{margin-top:40px}
.hprodt2_ct6 .hprodt2_ct6_font .tit{font-size:26px}
.hprodt_tit{padding:0 5%}
.hprodt2_ct13 .hprodt2_ct13_ul li{width:48.5%}
.hprodt2_ct13 .hprodt2_ct13_ul li:nth-child(3n){margin-right:3%}
.hprodt2_ct13 .hprodt2_ct13_ul li:nth-child(2n){margin-right:0}
.hprodt2_ct13{padding:80px 0}
.hprodt4_ct2{padding-top:80px}
.hprodt2_ct10 .hprodt2_ct10_img1 img{max-width:800px}
.hprodt2_ct10 .hprodt2_ct10_dec,.hprodt2_ct10 .hprodt2_ct10_num,.hprodt7_ct8 .hprodt7_ct8_dec{font-size:16px}
.hprodt2_ct7 .hprodt2_ct7_dec{font-size:18px;margin-top:20px;margin-bottom:25px}
.hprodt_tit .tit{font-size:32px}
.hprodt2_ct10 .hprodt2_ct10_ul{padding:0}
.hprodt2_ct9,.hprodt4_ct3{padding-bottom:0}
.hprodt3_ct6 .hprodt3_ct6_tag,.hprodt3_ct9 .hprodt3_ct9_tit{font-size:18px}
.hprodt3_ct9 .hprodt3_ct9_icon{width:80px;height:80px}
.hprodt3_ct6 .hprodt_tit .dec,.hprodt3_ct9 .hprodt_tit .dec{margin-top:30px}
.hprodt3_ct7 .hprodt3_ct7_bgm{margin-top:40px}
.hprodt3_ct7 .hprodt_tit .dec{margin-top:20px}
.hprodt3_ct4 .hprodt3_ct4_font .dec{line-height:1.8;margin-top:10px}
.hprodt3_ct4 .hprodt3_ct4_font{width:42.5%}
.hprodt3_ct4 .hprodt3_ct4_img{width:56.2%}
.hprodt3_ct5 .hprodt_tit .dec{margin-bottom:30px;margin-top:15px}
.hprodt3_ct5 .hprodt3_ct5_li .dec{font-size:18px;margin-top:10px}
.hprodt3_ct5 .hprodt3_ct5_li .tit{font-size:32px}
.hprodt4_ct2 .hprodt4_ct2_font{position:relative;top:0;left:0;right:0;bottom:0;width:90%;margin:0 auto;transform:translateX(0)}
.hprodt4_ct2 .hprodt4_ct2_font .dec{padding:30px 0}
.hprodt4_ct2 .hprodt4_ct2_ul{padding:0}
.hprodt_tit1{padding:0 8%}
.hprodt_tit1 .dec{margin-top:20px}
.hprodt4_ct5{padding-top:20px!important}
.hprodt4_ct8 .hprodt2_ct10_img2 img{max-width:90%}
.hprodt2_ct10 .hprodt2_ct10_ul{margin-top:50px}
.hprodt4_ct10 .hprodt_tit{width:45%;top:20%}
.hprodt5_ct2 .hprodt5_ct2_icon{width:60px}
.hprodt5_ct4 .hprodt5_ct4_bicon{width:120px}
.hprodt5_ct5 .hprodt5_ct5_tit{font-size:24px}
.hprodt5_ct5 .hprodt5_ct5_font,.hprodt5_ct5 .hprodt5_ct5_iconBox{position:relative;top:0;left:0;right:0;bottom:0;width:90%;margin:0 auto;transform:translateX(0)}
.hprodt5_ct5 .hprodt5_ct5_iconBox{margin-bottom:50px;margin-top:-12%}
.hprodt5_ct7 .hprodt5_ct5_iconBox{margin-top:-30%}
.hprodt5_ct5 .hprodt5_ct5_li{margin-top:25px}
.hprodt5_ct5{padding-bottom:50px}
.hprodt5_ct11 .hprodt5_ct11_ul li,.hprodt5_ct12 .hprodt5_ct11_ul li{width:50%;margin-bottom:35px}
.hprodt5_ct11 .hprodt5_ct11_ul,.hprodt5_ct12 .hprodt5_ct11_ul{padding-top:50px;padding-bottom:0}
.hprodt5_ct11 .hprodt5_ct11_icon,.hprodt5_ct12 .hprodt5_ct11_icon{width:50px}
.hprodt5_ct11 .hprodt5_ct11_font,.hprodt5_ct12 .hprodt5_ct11_font{width:calc(100% - 50px)}
.hprodt5_ct11 .hprodt5_ct11_font .tit{font-size:22px}
.hprodt5_ct2 .hprodt5_ct2_font{width:calc(100% - 60px)}
.hprodt6_ct12{padding-bottom:30px}
.hprodt6_ct3 .hprodt6_ct3_font{width:57%}
.hprodt5_ct2 .hprodt5_ct2_font,.hprodt6_ct2 .hprodt6_ct2_font{font-size:18px}
.hprodt6_ct2 .hprodt6_ct2_ul li{width:33.333%;margin-bottom:35px}
.hprodt7_ct3 .hprodt7_ct3_ul li:nth-child(1) img{max-width:140px}
.hprodt7_ct3 .hprodt7_ct3_ul li:nth-child(2) img{max-width:160px}
.hprodt7_ct3 .hprodt7_ct3_ul li:nth-child(3) img{max-width:220px}
.hprodt7_ct5 .hprodt7_ct5_img{width:58%}
.hprodt7_ct5 .hprodt_tit{width:42%}
.hprodt7_ct8 .hprodt7_ct8_dec{margin-top:15px}
.hprodt8_ct3 .hprodt8_ct3_tips{margin-bottom:30px}
.hprodt8_ct4 .hprodt8_ct4_font .tit{font-size:22px}
.hprodt8_ct4 .hprodt8_ct4_icon img{max-width:120px}
.hprodt8_ct4 .hprodt8_ct4_icon{width:180px;height:160px}
.hprodt8_ct6{padding-top:80px;padding-bottom:100px}
.hprodt8_ct6 .hprodt8_ct6_img1 img{max-width:600px}
.hprodt2_ct12 .hprodt2_ct12_ul li{width:33.333%;margin-top:20px}
.hprodt8_ct3 .hprodt8_ct3_num img{max-width:130px}
.hprodt2_ct1 .hprodt2_ct1_fimg img{max-width:300px}
.hprodt7_ct4 .hprodt_tit .tit,.hprodt7_ct8 .hprodt_tit .tit{font-size:26px}
.hprodt3_ct9 .hprodt3_ct9_ul li{width:33.333%;position:relative;margin-top:30px}
.hprodt7_ct4 .hprodt2_ct7_li .tit{font-size:46px}
.hprodt7_ct4 .hprodt2_ct7_li .tit span{font-size:30px}
.hprodt6_ct3 .hprodt6_ct3_img img{max-width:520px}
.hprodt6_ct3{background:#111;padding-top:85px}
.hprodt6_ct3 .hprodt6_ct3_li{margin-top:30px}
.hprodt6_ct3 .hprodt6_ct3_bgm{margin-top:0}
.hprodt6_ct4 .hprodt6_ct3_font{width:48%}
.hprodt6_ct7 .prodt61-bt p{font-size:20px}
.hprodt6_ct15 .hprodt6_ct15_ul li{width:48.75%}
.hprodt6_ct15 .hprodt6_ct15_ul li:nth-child(2n){margin-right:0}
.hprodt6_ct15 .hprodt6_ct15_ul{padding-top:0}
.hprodt2_ct11 .hprodt2_ct11_dec{font-size:16px}
.hprodt5_ct4 .hprodt5_ct4_ul li{width:33.333%;margin-bottom:20px}
.hprodt5_ct2 .hprodt5_ct2_ul{width:70%}
.applicationinfo-cont1 .applicationinfo-cont1-fonttit h3,.hprodt5_ct2 .hprodt_tit .tit,.hprodt5_ct5 .hprodt_tit .tit,.hprodt5_ct9 .hprodt_tit .tit{font-size:32px}
.applicationinfo-cont1 .applicationinfo-cont1-font{width:46%}
.hprodt2_ct12 .hprodt2_ct12_ul,.hprodt3_ct7 .hprodt5_ct11_ul li{margin-top:0}
.hprodt6_ct2 .hprodt_tit{margin-bottom:0}
.hprodt6_ct2 .hprodt6_ct2_ul{margin-top:50px}
.hprodt8_ct2 .hprodt2_ct12_ul{margin-bottom:20px}
.hprodt2_ct12 .hprodt_tit .dec{margin:20px 0 30px 0}
}
@media screen and (max-width:980px){.application-spe ul,.hprodt2_ct5,.hprodt7_ct5 .hprodt7_ct5_ul li{flex-wrap:wrap}
.applicationinfo-cont3-tit .applicationinfo-cont3-titp,.hprodt2_ct11 .hprodt2_ct11_ul,.hprodt2_ct5 .hprodt2_ct5_right,.hprodt2_ct7 .hprodt2_ct7_font,.hprodt2_ct9 .hprodt2_ct9_ul li,.hprodt3_ct4 .hprodt3_ct4_font,.hprodt3_ct4 .hprodt3_ct4_img,.hprodt7_ct5 .hprodt7_ct5_img,.hprodt7_ct5 .hprodt_tit,.hprodt8_ct3 .hprodt8_ct3_font{width:100%}
.hprodt4_ct6 .hprodt2_ct7_font{width:60%;margin:0 auto}
.hprodt3_ct4 .hprodt3_ct4_font{margin-right:0}
.hprodt7_ct5 .hprodt7_ct5_ul li:nth-child(odd) .hprodt_tit{padding-right:0}
.hprodt7_ct5 .hprodt7_ct5_ul li:nth-child(even) .hprodt_tit{padding-left:0}
.hprodt3_ct2 .hprodt3_ct2_list,.hprodt5_ct2 .hprodt5_ct2_ul,.hprodt5_ct4 .hprodt5_ct4_right{width:90%}
.hprodt2_ct10 .hprodt2_ct10_img1 img{max-width:90%}
.hprodt2_ct9 .hprodt2_ct9_ul li{padding-right:0;margin-top:40px;text-align:center;margin-bottom:0}
.hprodt2_ct9 .hprodt2_ct9_ul li:first-child{margin-top:0}
.hprodt2_ct5 .hprodt2_ct5_right{margin-top:50px}
.hprodt2_ct5 .hprodt2_ct5_left{width:65%}
.hprodt2_ct1 .hprodt2_ct1Box{width:60%}
.hprodt2_ct11,.hprodt_tit,.hprodt_tit1{padding:0}
.hprodt2_ct6{padding-top:70px}
.hprodt2_ct2,.hprodt2_ct8,.hprodt3_ct11{padding:80px 0}
.hprodt2_ct2 .hprodt2_ct2_tit,.hprodt2_ct3,.hprodt2_ct8{padding-bottom:0}
.hprodt2_ct2 .hprodt2_ct2_tit,.hprodt2_ct4 .hprodt2_ct4_font .tit,.hprodt2_ct6 .hprodt2_ct6_font .tit,.hprodt5_ct3 .hprodt5_ct3_font .tit{font-size:22px}
.hprodt_tit .tit{font-size:28px}
.hprodt2_ct1 .hprodt2_ct1_tit{font-size:30px}
.hprodt2_ct3 .hprodt2_ct3_right{width:80%}
.hprodt2_ct4 .hprodt2_ct4_icon{width:60px;height:60px}
.hprodt2_ct4 .hprodt2_ct4_font{width:calc(100% - 60px)}
.hprodt2_ct12 .hprodt2_ct12_font,.hprodt2_ct4 .hprodt2_ct4_font .dec,.hprodt2_ct6 .hprodt2_ct6_font .dec,.hprodt4_ct10 .hprodt4_ct10_font,.hprodt5_ct11 .hprodt5_ct11_font .dec,.hprodt5_ct12 .hprodt5_ct11_font .dec,.hprodt5_ct3 .hprodt5_ct3_font .dec,.hprodt5_ct6 .hprodt5_ct6_font .dec,.hprodt5_ct8 .hprodt5_ct8_font .dec{font-size:16px}
.hprodt3_ct2 .hprodt3_ct2_dec{font-size:18px}
.hprodt2_ct11 .hprodt2_ct11_img{margin-top:-8%}
.hprodt2_ct8 .hprodt_tit .dec{margin-top:20px;margin-bottom:30px}
.hprodt2_ct1 .hprodt2_ct1_tit{text-align:left}
.hprodt2_ct1 .hprodt2_ct1_ul{justify-content:flex-start}
.hprodt2_ct12 .hprodt_tit .dec{margin-bottom:30px;margin-top:20px}
.hprodt2_ct12 .hprodt2_ct12_list{top:80px}
.hprodt2_ct13 .hprodt2_ct13_font .tit{font-size:22px}
.hprodt2_ct3 table{width:700px;margin:0 auto}
.hprodt3_ct1 .hprodt3_ct1_tit{font-size:34px;margin-bottom:40px;margin-top:25px}
.hprodt3_ct2 .hprodt3_ct2_list{width:100%;bottom:0;position:relative;top:0;left:0;right:0;bottom:0;padding-top:40px}
.hprodt3_ct10 .hprodt2_ct12_ul,.hprodt3_ct2 .hprodt3_ct2_ul li,.hprodt3_ct2 .hprodt_tit .dec,.hprodt3_ct3 .hprodt_tit .dec,.hprodt3_ct4 .hprodt3_ct4_li,.hprodt3_ct5 .hprodt3_ct5_li,.hprodt4_ct3 .hprodt4_ct3_img,.hprodt7_ct5 .hprodt_tit{margin-top:25px}
.hprodt3_ct2{padding-bottom:20px}
.hprodt3_ct5 .hprodt3_ct5_li .tit{font-size:28px}
.hprodt3_ct5 .hprodt3_ct5_font{width:90%;margin:0 auto;padding-top:30px;position:relative;z-index:3;left:0;bottom:0}
.hprodt3_ct5{padding:80px 0}
.hprodt3_ct4{padding-bottom:80px}
.hprodt3_ct5 .hprodt3_ct5_li .dec,.hprodt3_ct5 .hprodt3_ct5_li .tit,.hprodt3_ct5 .hprodt3_ct5_tips,.hprodt3_ct5 .hprodt_tit .dec,.hprodt3_ct5 .hprodt_tit .tit{color:#0d0d0d}
.hprodt2_ct10 .hprodt2_ct10_ul{justify-content:flex-start}
.hprodt2_ct12 .hprodt2_ct12_list{width:100%;position:relative;left:0;top:0;transform:translateX(0);padding-bottom:30px;padding-top:70px}
.hprodt3_ct10 .hprodt2_ct12_list{padding-top:0}
.hprodt4_ct2 .hprodt4_ct2_font .tit,.hprodt4_ct7 .hprodt_tit .tit{font-size:34px}
.hprodt4_ct10 .hprodt_tit{position:relative;width:90%;margin:0 auto;text-align:center;top:0;left:0}
.hprodt4_ct10 .hprodt4_ct10_ul{position:relative;left:0;bottom:0;width:90%;transform:translateX(0);margin:0 auto;margin-bottom:50px}
.hprodt4_ct10 .hprodt4_ct10_ul li{width:33.333%;margin-top:40px;text-align:center}
.hprodt5_ct3 .hprodt5_ct3_font{padding:12% 10%}
.hprodt5_ct3 .hprodt5_ct3_ul li{border-radius:20px}
.hprodt5_ct4 .hprodt5_ct4_ul li{width:33.333%;margin-top:20px}
.hprodt5_ct4 .hprodt5_ct4_bot{padding:50px 0}
.hprodt5_ct4 .hprodt5_ct4_ul{margin-top:5px}
.hprodt5_ct6 .hprodt5_ct6_ul li:nth-child(odd) .hprodt5_ct6_font{padding-left:0}
.hprodt5_ct6 .hprodt5_ct6_ul li:nth-child(even) .hprodt5_ct6_font{padding-right:0}
.hprodt5_ct7 .hprodt5_ct5_iconBox{margin-top:-20%}
.hprodt5_ct8 .hprodt5_ct8_font .tit{font-size:22px}
.hprodt5_ct10{padding-bottom:60px}
.hprodt5_ct13,.hprodt8_ct3{padding-top:70px}
.hprodt5_ct14 .hprodt2_ct12_list{padding-bottom:50px}
.hprodt3_ct11_tit,.hprodt5_ct15 .hprodt5_ct15_font{font-size:16px;padding:15px}
.hprodt6_ct3 .hprodt6_ct3_font{position:relative;width:90%;left:0;right:0;top:0;margin:0 auto;transform:translateX(0);padding:40px 0}
.hprodt6_ct2{padding:60px 0}
.hprodt6_ct2,.hprodt6_ct3{background:#111}
.hprodt6_ct6 .prodt54-ms{margin-top:40px}
.hprodt6_ct7_tag{font-size:20px;top:6%;left:6%}
.hprodt6_ct11 .hprodt6_ct7_tag{top:20%!important;left:6%!important}
.hprodt6_ct12 .prodt55-ms .swiper-button-next,.hprodt6_ct12 .prodt55-ms .swiper-button-prev,.hprodt6_ct12 .prodt55-ms .swiper-pagination{display:block}
.hprodt6_ct12{padding-bottom:80px}
.hprodt6_ct13{padding-top:70px!important}
.hprodt6_ct2 .hprodt6_ct2_icon img{max-width:80px}
.hprodt6_ct15 .hprodt6_ct15_ul li{width:48.75%}
.hprodt6_ct15 .hprodt6_ct15_ul li:nth-child(2n){margin-right:0}
.hprodt6_ct2 .hprodt_tit{padding:0}
.hprodt7_ct1 .hprodt7_ct1_tit{font-size:30px}
.hprodt7_ct3 .hprodt7_ct3_font,.hprodt7_ct6 .hprodt7_ct6_font{position:relative;transform:translateX(0);width:100%;margin:0 auto;top:0;padding-top:75px}
.hprodt7_ct3 .hprodt7_ct3_bgm{margin-top:-35%}
.hprodt7_ct3 .hprodt7_ct3_ul li:nth-child(1) img{max-width:80px}
.hprodt7_ct3 .hprodt7_ct3_ul li:nth-child(2) img{max-width:130px}
.hprodt7_ct3 .hprodt7_ct3_ul li:nth-child(3) img{max-width:180px}
.hprodt7_ct4 .hprodt2_ct7_li .tit{font-size:45px}
.hprodt7_ct4 .hprodt2_ct7_li .tit span{font-size:30px}
.hprodt7_ct4 .hprodt2_ct7_tips{right:5.5%}
.hprodt7_ct5 .hprodt_tit{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}
.hprodt7_ct5 .hprodt7_ct5_img{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}
.hprodt7_ct5{padding:80px 0}
.hprodt7_ct6 .hprodt7_ct6_bgm{margin-top:-18%}
.hprodt7_ct7 .hprodt_tit,.hprodt8_ct3 .hprodt8_ct3_font{width:100%;position:relative;top:0;left:0;transform:translateX(0);margin-bottom:40px}
.hprodt7_ct7 .hprodt_tit .dec,.hprodt7_ct7 .hprodt_tit .tit{color:#fff}
.hprodt7_ct8{padding-top:60px;padding-bottom:80px}
.hprodt8_ct1 .hprodt2_ct1_tit{margin:25px auto}
.hprodt2_ct1 .hprodt2_ct1Box{top:32%}
.hprodt8_ct3 .hprodt8_ct3_num img{max-width:120px}
.hprodt8_ct4 .hprodt8_ct4_icon img{max-width:90px}
.hprodt8_ct4 .hprodt8_ct4_icon{width:160px;height:120px;margin:15px auto 10px auto}
.hprodt8_ct5 .hprodt8_ct5_li{font-size:14px}
.hprodt8_ct6 .hprodt8_ct6_img1 img{max-width:400px}
.hprodt8_ct3 .hprodt8_ct3_bgm{margin-top:-10%}
.hprodt8_ct1 .hprodt2_ct1_fimg img{max-width:270px}
.hprodt8_ct1 .hprodt8_ct1_icon img{max-width:150px}
.hprodt8_ct3 .hprodt_tit .tit{font-size:28px}
.hprodt3_ct9 .hprodt_tit{position:relative;left:0;transform:translateX(0);width:100%}
.hprodt3_ct9 .hprodt3_ct9_img{margin-top:-10%;margin-bottom:40px}
.hprodt7_ct3,.hprodt7_ct6{padding-top:0}
.hprodt6_ct1 .prodt20-ms h2 img{max-width:450px}
.hprodt6_ct3 .hprodt6_ct3_font{padding-bottom:0}
.hprodt6_ct3{padding-top:0}
.hprodt6_ct3 .hprodt6_ct3_bgm{margin-top:-30%}
.hprodt6_ct4 .hprodt6_ct3_bgm{margin-top:40px}
.hprodt6_ct15 .hprodt6_ct15_font{position:relative;top:0;left:0;right:0;bottom:0;padding:20px 0;background:0 0}
.hprodt6_ct15 .hprodt6_ct15_ul li:last-child{width:100%;display:flex;flex-direction:row;justify-content:flex-start}
.hprodt6_ct15 .hprodt6_ct15_ul li:last-child .hprodt6_ct15_li{width:48.75%;margin-right:2%}
.hprodt6_ct15 .hprodt6_ct15_ul li:last-child .hprodt6_ct15_li:last-child{margin-right:0}
.hprodt5_ct2 .hprodt_tit{position:relative;top:0;transform:translateX(0);margin:0 auto}
.hprodt5_ct2{padding-top:70px}
.hprodt5_ct5 .hprodt5_ct5_bgm{margin-bottom:-12%}
.hprodt2_ct7 .hprodt2_ct7_font{width:90%}
.hprodt5_ct11 .hprodt5_ct11_font .tit{font-size:18px;line-height:1.4}
.hprodt5_ct11 .hprodt5_ct11_font .dec{line-height:1.3}
.applicationinfo-cont1 .applicationinfo-cont1-font{position:relative;top:0;width:100%;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);z-index:5}
.applicationinfo-cont1{padding-top:50px}
.applicationinfo-cont1-img{margin-top:-60px}
.hprodt1_ct7 .applicationinfo-cont7-font{width:90%}
.hprodt2_ct7 .hprodt2_ct7_font{position:relative;left:0;bottom:0;margin:0 auto}
.hprodt2_ct7 .hprodt2_ct7_li .tit{font-size:24px}
.hprodt2_ct7{padding-top:70px}
}
@media screen and (max-width:767px){.application-spe ul,.hprodt5_ct4 .hprodt5_ct4_li,.hprodt5_ct6 .hprodt5_ct6_ul li,.hprodt6_ct15 .hprodt6_ct15_ul li:last-child,.hprodt8_ct3_ul{flex-wrap:wrap}
.hprodt2_ct7 .hprodt2_ct7_img,.hprodt8_ct5 .hprodt8_ct5_simg{display:block}
.hprodt2_ct7{background:0 0!important;padding-bottom:0}
.hprodt8_ct5 .hprodt8_ct5_img,.hprodt8_ct5 .hprodt8_ct5_ul{display:none}
.applicationinfo-cont4 .applicationinfo-cont3-tit,.hprodt1_ct3 .applicationinfo-cont3-tit,.hprodt2_ct11 .hprodt2_ct11_ul li,.hprodt2_ct13 .hprodt2_ct13_ul li,.hprodt2_ct2 .hprodt2_ct2_ul li,.hprodt2_ct3 .hprodt2_ct3_right,.hprodt2_ct6 .hprodt2_ct6_ul li,.hprodt3_ct11 .hprodt3_ct11_ul1 li,.hprodt3_ct11 .hprodt3_ct11_ul2 li,.hprodt5_ct11 .hprodt5_ct11_ul li,.hprodt5_ct12 .hprodt5_ct11_ul li,.hprodt5_ct15 .hprodt5_ct15_ul .hprodt5_ct15_wit1,.hprodt5_ct15 .hprodt5_ct15_ul .hprodt5_ct15_wit2,.hprodt5_ct15 .hprodt5_ct15_ul li,.hprodt5_ct2 .hprodt5_ct2_ul li,.hprodt5_ct3 .hprodt5_ct3_ul li,.hprodt5_ct4 .hprodt5_ct4_font,.hprodt5_ct4 .hprodt5_ct4_right,.hprodt5_ct6 .hprodt5_ct6_font,.hprodt5_ct6 .hprodt5_ct6_imgBox,.hprodt5_ct8 .hprodt5_ct8_ul li,.hprodt6_ct15 .hprodt6_ct15_ul li,.hprodt6_ct15 .hprodt6_ct15_ul li:last-child .hprodt6_ct15_li,.hprodt7_ct8 .hprodt7_ct8_ul li,.hprodt8_ct3 .hprodt8_ct3_num,.hprodt8_ct4 .hprodt8_ct3_ul li{width:100%}
.hprodt2_ct13 .hprodt2_ct13_ul li,.hprodt2_ct2 .hprodt2_ct2_ul li,.hprodt2_ct6 .hprodt2_ct6_ul li,.hprodt3_ct11 .hprodt3_ct11_ul1 li,.hprodt3_ct11 .hprodt3_ct11_ul2 li,.hprodt5_ct15 .hprodt5_ct15_ul .hprodt5_ct15_wit1,.hprodt5_ct15 .hprodt5_ct15_ul .hprodt5_ct15_wit2,.hprodt5_ct3 .hprodt5_ct3_ul li,.hprodt5_ct8 .hprodt5_ct8_ul li,.hprodt6_ct15 .hprodt6_ct15_ul li,.hprodt6_ct15 .hprodt6_ct15_ul li:last-child .hprodt6_ct15_li,.hprodt7_ct8 .hprodt7_ct8_ul li,.hprodt8_ct3 .hprodt8_ct3_num,.hprodt8_ct4 .hprodt8_ct3_ul li{margin-right:0}
.hprodt5_ct4 .hprodt5_ct4_font{padding-left:0;text-align:center;margin-top:20px}
.hprodt2_ct7 .hprodt2_ct7_tips,.hprodt3_ct3 .hprodt_tit .dec,.hprodt3_ct5 .hprodt3_ct5_li{margin-top:10px}
.hprodt2_ct13 .hprodt2_ct13_font .tit,.hprodt2_ct2 .hprodt2_ct2_ul li,.hprodt2_ct7 .hprodt2_ct7_li,.hprodt3_ct11 .hprodt3_ct11_ul1 li,.hprodt3_ct11 .hprodt3_ct11_ul2 li,.hprodt3_ct2 .hprodt_tit .dec,.hprodt4_ct4 .hprodt4_ct4_img,.hprodt5_ct15 .hprodt5_ct15_ul .hprodt5_ct15_wit1,.hprodt5_ct15 .hprodt5_ct15_ul .hprodt5_ct15_wit2,.hprodt6_ct15 .hprodt6_ct15_li{margin-top:20px}
.hprodt2_ct13 .hprodt2_ct13_ul li,.hprodt5_ct2 .hprodt5_ct2_ul li,.hprodt5_ct3 .hprodt5_ct3_ul li,.hprodt7_ct8 .hprodt7_ct8_ul li{margin-top:25px}
.hprodt5_ct6 .hprodt5_ct6_ul li,.hprodt5_ct8 .hprodt5_ct8_ul li{margin-top:40px}
.hprodt2_ct10 .hprodt2_ct10_ul,.hprodt2_ct13 .hprodt2_ct13_ul li:first-child,.hprodt2_ct2 .hprodt2_ct2_ul li:first-child,.hprodt4_ct10 .hprodt4_ct10_ul li,.hprodt5_ct2 .hprodt5_ct2_ul li:first-child,.hprodt5_ct3 .hprodt5_ct3_ul li:first-child,.hprodt5_ct6 .hprodt5_ct6_ul li:first-child,.hprodt5_ct8 .hprodt5_ct8_ul li:first-child,.hprodt8_ct3 .hprodt8_ct3_num:first-child{margin-top:0}
.hprodt2_ct6 .hprodt2_ct6_ul li,.hprodt8_ct4 .hprodt8_ct3_ul li{margin-bottom:30px}
.hprodt2_ct6 .hprodt2_ct6_ul li:last-child,.hprodt8_ct4 .hprodt8_ct3_ul li:last-child{margin-bottom:0}
.hprodt1_ct7 .applicationinfo-cont7-font,.hprodt2_ct1 .hprodt2_ct1Box,.hprodt3_ct7 .hprodt3_ct7_tag{width:90%}
.applicationinfo-cont2 .applicationinfo-cont2-imgicon img{max-width:50px}
.applicationinfo-cont4 .applicationinfo-cont3-min h2 span{font-size:50px}
.applicationinfo-cont4 .applicationinfo-cont3-min h2{font-size:30px}
.hprodt1_ct4 .hprodt1_ct4_tag{font-size:14px;bottom:20px}
.applicationinfo-cont4 .applicationinfo-cont3-tit{margin-top:5%}
.hprodt1_ct4 .hprodt1_ct4_img{padding:8% 0 10% 0}
.hprodt1_ct4{background:#000;padding-top:6%}
.hprodt1_ct4 .hprodt1_ct4_tag{bottom:0}
.hprodt1_ct3 .applicationinfo-cont3-tit{position:relative;top:0;left:0;right:0;bottom:0;transform:translateX(0)}
.hprodt2_ct1 .hprodt2_ct1Box{width:100%;position:relative;top:0;left:0;right:0;bottom:0;transform:translateY(0)}
.applicationinfo-cont1 .applicationinfo-cont1-fonticon img{width:38%}
.applicationinfo-cont1 .applicationinfo-cont1-fonticon{height:40px}
.hprodt2_ct1 .hprodt2_ct1_tit{font-size:28px;margin:25px auto}
.applicationinfo-cont1 .applicationinfo-cont1-fonttit h3,.hprodt5_ct2 .hprodt_tit .tit,.hprodt5_ct5 .hprodt_tit .tit,.hprodt5_ct9 .hprodt_tit .tit,.hprodt8_ct3 .hprodt_tit .tit,.hprodt_tit .tit{font-size:24px}
.hprodt2_ct1 .hprodt2_ct1_li img{max-width:65px}
.hprodt2_ct1,.hprodt2_ct12,.hprodt2_ct6,.hprodt3_ct6,.hprodt4_ct2,.hprodt7_ct3 .hprodt7_ct3_font,.hprodt7_ct6 .hprodt7_ct6_font,.hprodt7_ct7{padding-top:55px}
.hprodt2_ct10,.hprodt2_ct13,.hprodt2_ct2,.hprodt2_ct8,.hprodt3_ct11,.hprodt3_ct5,.hprodt4_ct1,.hprodt4_ct3,.hprodt4_ct4,.hprodt7_ct1,.hprodt7_ct5,.hprodt8_ct4{padding:55px 0}
.hprodt2_ct3 .hprodt2_ct3_tag,.hprodt2_ct8 .hprodt2_ct8_tips{font-size:14px;margin-top:20px}
.hprodt2_ct13 .hprodt2_ct13_font .tit,.hprodt2_ct4 .hprodt2_ct4_font .tit{font-size:20px}
.hprodt2_ct2 .hprodt2_ct2_tit{font-size:18px}
.hprodt2_ct4 .hprodt2_ct4_icon{width:45px;height:45px}
.hprodt2_ct4 .hprodt2_ct4_font{width:calc(100% - 45px)}
.hprodt2_ct4 .hprodt2_ct4_list li,.hprodt3_ct7 .hprodt3_ct7_bgm,.hprodt8_ct3 .hprodt8_ct3_num{margin-top:25px}
.hprodt2_ct5 .hprodt2_ct5_left{width:90%}
.hprodt2_ct11 .hprodt2_ct11_dec,.hprodt2_ct12 .hprodt_tit .dec,.hprodt2_ct13 .hprodt2_ct13_font .dec,.hprodt2_ct7 .hprodt2_ct7_dec,.hprodt2_ct7 .hprodt2_ct7_li .dec,.hprodt2_ct7 .hprodt2_ct7_tips,.hprodt2_ct8 .hprodt_tit .dec,.hprodt2_ct9 .hprodt2_ct9_ul li .dec,.hprodt3_ct6 .hprodt3_ct6_tag,.hprodt3_ct7 .hprodt3_ct7_tag,.hprodt3_ct9 .hprodt3_ct9_tit,.hprodt4_ct10 .hprodt_tit .dec,.hprodt4_ct2 .hprodt4_ct2_font .dec,.hprodt5_ct5 .hprodt5_ct5_dec,.hprodt6_ct3 .hprodt6_ct3_dec,.hprodt7_ct3 .hprodt7_ct3_dec,.hprodt8_ct3 .hprodt8_ct3_tips,.hprodt_tit .dec,.hprodt_tit1 .dec,.prodt54-ms p{font-size:16px}
.hprodt2_ct9 .hprodt2_ct9_ul li .tit{font-size:22px}
.hprodt2_ct10 .hprodt2_ct10_ul{justify-content:flex-start}
.hprodt2_ct10 .hprodt2_ct10_ul li{width:33.333%;margin-top:20px}
.hprodt2_ct10 .hprodt2_ct10_num strong{font-size:30px}
.hprodt2_ct1 .hprodt2_ct1_tit,.hprodt2_ct10 .hprodt2_ct10_num,.hprodt5_ct15 .hprodt_tit .tit,.hprodt6_ct15 .hprodt_tit .tit{text-align:center}
.hprodt2_ct1 .hprodt2_ct1_ul{justify-content:center}
.hprodt2_ct11 .hprodt_tit .dec{margin-bottom:0}
.hprodt2_ct11 .hprodt2_ct11_img{margin-top:-20%}
.hprodt2_ct11 .hprodt2_ct11_icon{width:35px;height:35px}
.hprodt2_ct11 .hprodt2_ct11_dec{width:calc(100% - 35px)}
.hprodt2_ct12 .hprodt2_ct12_list{position:relative;top:0;left:0;right:0;bottom:0;transform:translateX(0);width:100%}
.hprodt2_ct12 .hprodt2_ct12_ul li,.hprodt4_ct10 .hprodt4_ct10_ul li{width:50%;margin-bottom:25px}
.hprodt2_ct1 .hprodt2_ct1_fimg img{max-width:300px;margin:0 auto}
.hprodt3_ct1 .hprodt3_ct1_tit{font-size:30px}
.hprodt3_ct1 .hprodt3_ct1_font{width:100%;position:relative;top:0;left:0;right:0;bottom:0;padding:40px 0;transform:translateX(0)}
@media screen and (max-width: 767px){
.hprodt3_ct1 .hprodt3_ct1_font img {
		 width: 226px;
		}
		}

.hprodt3_ct2 .hprodt3_ct2_tit,.hprodt3_ct4 .hprodt3_ct4_font .tit,.hprodt3_ct5 .hprodt3_ct5_li .tit{font-size:26px}
.hprodt3_ct4 .hprodt3_ct4_font .tit{font-size:22px}
.hprodt3_ct3 .hprodt_tit,.hprodt3_ct5 .hprodt3_ct5_font,.hprodt3_ct9 .hprodt_tit{position:relative;left:0;transform:translateX(0);width:100%;padding-top:40px}
.hprodt3_ct5 .hprodt3_ct5_li .dec,.hprodt3_ct5 .hprodt3_ct5_li .tit{color:#333}
.hprodt3_ct5 .hprodt3_ct5_font{width:90%;margin:0 auto;padding-top:30px}
.hprodt3_ct5 .hprodt3_ct5_tips{text-align:left;width:100%;margin:0 auto}
.hprodt3_ct4{padding-bottom:60px}
.hprodt3_ct6 .hprodt_tit,.hprodt3_ct9,.hprodt3_ct9 .hprodt_tit{padding:0}
.hprodt3_ct6 .hprodt_tit .dec{margin-top:20px;margin-bottom:20px}
.hprodt3_ct6 .hprodt3_ct6_tips{font-size:16px;margin-top:30px}
.hprodt3_ct6{padding-bottom:40px}
.hprodt3_ct9 .hprodt3_ct9_icon{width:70px;height:70px}
.hprodt3_ct9 .hprodt3_ct9_ul li{width:50%}
.hprodt3_ct9 .hprodt3_ct9_img{margin-top:0;margin-bottom:10px}
.hprodt3_ct1 .hprodt3_ct1_img img{max-width:250px}
.hprodt4_ct1 .hprodt4_ct1_icon img{max-width:60px}
.hprodt4_ct2 .hprodt4_ct2_ul li{width:50%;margin-top:20px;text-align:center}
.hprodt4_ct2 .hprodt4_ct2_font .dec{padding-top:20px;padding-bottom:0}
.hprodt4_ct3,.hprodt4_ct4 .hprodt_tit1,.hprodt4_ct5{padding-bottom:0}
.hprodt4_ct5{padding-top:0!important}
.hprodt4_ct6 .hprodt2_ct7_font{float:none;width:90%;padding-right:0}
.hprodt4_ct7{padding-top:60px!important;padding-bottom:0}
.hprodt4_ct10{padding-top:30px}
.hprodt4_ct10 .hprodt4_ct10_ul{margin-top:30px}
.hprodt3_ct5 .hprodt_tit .tit,.hprodt4_ct2 .hprodt4_ct2_font .tit,.hprodt4_ct7 .hprodt_tit .tit,.hprodt6_ct3 .hprodt6_ct3_tit,.hprodt_tit1 .tit{font-size:28px}
.hprodt5_ct1{background:#121315}
.hprodt5_ct2 .hprodt5_ct2_ul,.hprodt5_ct2 .hprodt_tit{position:relative;left:0;bottom:0;width:90%;margin:0 auto;transform:translateX(0)}
.hprodt5_ct2{padding:55px 0}
.hprodt5_ct2 .hprodt5_ct2_font{padding-left:20px}
.hprodt5_ct2 .hprodt5_ct2_icon{width:45px}
.hprodt5_ct2 .hprodt5_ct2_font{width:calc(100% - 45px)}
.hprodt5_ct4 .hprodt5_ct4_icon{width:50px;height:50px;margin:0 auto}
.hprodt5_ct4 .hprodt5_ct4_font .dec{height:auto}
.hprodt5_ct4 .hprodt5_ct4_li{padding:10% 6%}
.hprodt5_ct6 .hprodt5_ct6_font .tit{font-size:22px}
.hprodt5_ct11 .hprodt5_ct11_font .tit,.hprodt5_ct12 .hprodt5_ct11_font .tit,.hprodt5_ct4 .hprodt5_ct4_font .tit,.hprodt5_ct5 .hprodt5_ct5_tit{font-size:20px}
.hprodt5_ct4 .hprodt5_ct4_right{margin:30px auto}
.hprodt5_ct4 .hprodt5_ct4_ul li{width:50%}
.hprodt5_ct4 .hprodt5_ct4_bicon{width:80px}
.hprodt5_ct4 .hprodt5_ct4_bot{border-radius:15px;padding:40px 0}
.hprodt5_ct5 .hprodt5_ct5_icon img{max-width:80px}
.hprodt5_ct5 .hprodt5_ct5_li{margin-top:20px}
.hprodt5_ct6 .hprodt5_ct6_font{padding:20px 0;padding-top:0}
.hprodt5_ct6 .hprodt5_ct6_font .dec{margin-top:15px}
.hprodt5_ct6{padding:45px 0 0 0}
.hprodt5_ct6 .hprodt5_ct6_font{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}
.hprodt5_ct6 .hprodt5_ct6_imgBox{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}
.hprodt5_ct5 .hprodt5_ct5_img img{max-width:260px}
.hprodt2_ct7 .hprodt2_ct7_font{position:relative;top:0;left:0;right:0;bottom:0;width:90%;margin:30px auto}
.hprodt5_ct12,.hprodt5_ct13,.hprodt5_ct9{padding-top:50px}
.hprodt5_ct9 .hprodt5_ct9_tips{font-size:16px;margin-top:20px}
.hprodt5_ct11 .hprodt_tit .dec{padding:0}
.hprodt5_ct15{padding:50px 0 65px 0}
.hprodt5_ct14 .hprodt2_ct12_list{padding-bottom:20px;padding-top:0}
.hprodt5_ct9 .hprodt_tit{text-align:left}
.hprodt5_ct3 .hprodt5_ct3_img{padding-top:22%}
.hprodt6_ct2 .hprodt6_ct2_ul li{width:50%;margin-bottom:20px}
.hprodt6_ct2 .hprodt6_ct2_icon img{max-width:60px}
.hprodt6_ct2 .hprodt6_ct2_ul{margin-top:40px}
.hprodt6_ct3 .hprodt6_ct3_li,.hprodt7_ct2 .hprodt3_ct9_ul,.hprodt7_ct6 .hprodt_tit,.hprodt8_ct6 .hprodt8_ct6_img1{margin-top:30px}
.hprodt6_ct3 .hprodt6_ct3_tit{font-size:24px}
.hprodt6_ct2{padding-bottom:10px}
.hprodt6_ct2 .hprodt6_ct2_font{margin-top:15px;font-size:16px}
.hprodt6_ct11,.hprodt6_ct11 .prodt61-cont,.hprodt6_ct14,.hprodt6_ct8{padding:0}
.hprodt6_ct8 .hprodt2_ct7_font{margin:0 auto;width:100%}
.hprodt6_ct9 .hprodt5_ct11_ul li:last-child{margin-bottom:0}
.hprodt6_ct15,.hprodt6_ct16,.hprodt8_ct6{padding-top:50px;padding-bottom:60px}
.hprodt7_ct1 .hprodt7_ct1_tit{font-size:26px}
.hprodt7_ct1 .hprodt7_ct1_font{width:100%;position:relative;top:0;left:0;right:0;bottom:0;transform:translateX(0)}
.hprodt2_ct7 .hprodt2_ct7_img,.hprodt3_ct6 .hprodt_tit .dec,.hprodt3_ct9 .hprodt_tit .dec{margin-top:15px}
.hprodt7_ct2{padding-top:60px;padding-bottom:40px}
.hprodt7_ct3 .hprodt7_ct3_bgm,.hprodt7_ct6 .hprodt7_ct6_bgm{margin-top:-10%}
.hprodt7_ct3 .hprodt7_ct3_ul li:nth-child(1) img{max-width:65px}
.hprodt7_ct3 .hprodt7_ct3_ul li:nth-child(2) img{max-width:110px}
.hprodt7_ct3 .hprodt7_ct3_ul li:nth-child(3) img{max-width:160px}
.hprodt7_ct4 .hprodt2_ct7_li .tit{font-size:38px}
.hprodt7_ct4 .hprodt2_ct7_li .tit span{font-size:24px}
.hprodt7_ct4{padding-top:30px;padding-bottom:55px}
.hprodt7_ct4 .hprodt2_ct7_tips{position:relative;top:0;left:0;right:0;bottom:0;width:90%;margin:0 auto;padding-top:20px}
.hprodt7_ct7 .hprodt_tit{margin-bottom:20px}
.hprodt7_ct8{padding-top:40px;padding-bottom:55px}
.hprodt7_ct8 .hprodt7_ct8_font{padding:10% 8%}
.hprodt2_ct1 .hprodt2_ct1_fimg img{max-width:260px}
.hprodt8_ct1 .hprodt8_ct1_icon{max-width:130px}
.hprodt8_ct2{padding-bottom:45px}
.hprodt8_ct3 .hprodt8_ct3_num img{margin:0}
.hprodt8_ct3 .hprodt8_ct3_bgm{margin-top:-40%}
.hprodt8_ct3 .hprodt8_ct3_num img{max-width:100px}
.hprodt8_ct5 .hprodt8_ct5_font{position:relative;top:0;left:0;right:0;bottom:0;transform:translateX(0);width:100%;margin-bottom:30px}
.hprodt8_ct6 .hprodt8_ct6_img1 img{max-width:300px}
.hprodt7_ct2 .hprodt3_ct9_ul{margin-top:-40px}
.hprodt7_ct4 .hprodt2_ct7_tips,.hprodt_tit .dec{line-height:1.6}
.hprodt7_ct8 .hprodt7_ct8_font{position:relative;top:0;left:0;right:0;bottom:0}
.hprodt7_ct8 .hprodt_tit .tit{font-size:22px}
.hprodt7_ct8 .hprodt7_ct8_img{margin-top:-35%}
.hprodt6_ct11 .prodt61-bt,.hprodt_tit{text-align:left}
.hprodt6_ct1 .prodt20-ms h2 img,.hprodt6_ct3 .hprodt6_ct3_img img{max-width:100%}
.hprodt6_ct3 .hprodt6_ct3_li{margin-top:15px}
.hprodt2_ct11 .hprodt2_ct11_ul li{margin-top:25px}
.hprodt6_ct7_tag{font-size:14px}
.hprodt5_ct12 .hprodt5_ct11_font .dec{margin-top:10px}
.hprodt6_ct9 .hprodt5_ct12_img1{margin-top:30px!important}
.hprodt5_ct12 .hprodt5_ct11_ul{padding-top:25px}
.hprodt5_ct12 .hprodt5_ct11_ul li{margin-bottom:20px}
.hprodt6_ct12{padding-bottom:50px}
.hprodt5_ct5 .hprodt5_ct5_iconBox{margin-bottom:25px}
.applicationinfo-cont1 .applicationinfo-cont1-font,.applicationinfo-cont1 .applicationinfo-cont1-fontul li{width:100%;flex:none}
.applicationinfo-cont1{margin-top:5px}
.applicationinfo-cont1 .applicationinfo-cont1-fonticon{width:40px}
.applicationinfo-cont1 .applicationinfo-cont1-fontul li{display:flex;flex-direction:row;justify-items:flex-start;align-items:center}
.applicationinfo-cont1 .applicationinfo-cont1-fontul li p{width:calc(100% - 40px);text-align:left;padding-left:20px}
.hprodt1_ct7 .applicationinfo-cont7-font{width:100%;position:relative;z-index:5;left:0;transform:translateX(0);top:0;margin-top:20px}
.hprodt2_ct10 .hprodt2_ct10_ul li{width:50%;text-align:left;margin-bottom:0}
.hprodt2_ct10 .hprodt2_ct10_dec,.hprodt2_ct10 .hprodt2_ct10_num{text-align:left}
.xzkb .hprodt2_ct9_ul li{margin-top:15px}
.hprodt2_ct8_tips{font-size:14px}
.hprodt2_ct7 .hprodt2_ct7_li .tit{font-size:22px}
.hprodt5_ct9{padding-top:30px}
.hprodt8_ct2 .hprodt2_ct12_ul{margin-bottom:0}
.xzkb .hprodt_tit{text-align:center}
.hprodt8_ct5 .hprodt8_ct5_tips{text-align:left;margin-top:10px}
.hprodt8_ct3 .hprodt_tit{margin-top:0}
}
.xzkb{position:relative}
.xzkb-img{display:inline-block;max-width:62px;margin-bottom:15px}
.xzkb .hprodt2_ct9_ul{position:relative;bottom:0}
.xzkb .hprodt2_ct9_ul:nth-child(1){top:0;}
.xzkb .hprodt2_ct9_ul li{width:30%;padding:0 1% }
.xzkb .hprodt2_ct9_ul .xzkb-li{width:20%}
.hprodt2_ct8_tips{font-size:18px;color:#898989;margin-top:5%;line-height:24px}
.dot2,.dot3,.dot4,.dot5,.dot6{word-break:initial}
.hprodt3_ct6{padding-top:8%;padding-bottom:6%}
.hprodt2_ct11 .hprodt2_ct11_font{width:38%;top:15%}
.hprodt3_ct4 .hprodt3_ct4_font .tit{line-height:1.3}
.applicationinfo-cont4 .applicationinfo-cont3-min p{letter-spacing:0}
.hprodt2_ct10 .hprodt2_ct10_ul{padding:0 8%}
.hprodt2_ct10 .hprodt2_ct10_ul li{padding:0 2%}
.hprodt2_ct10 .hprodt2_ct10_ul li p{margin-bottom:20px;font-size:14px}
.applicationinfo-cont1 .applicationinfo-cont1-fontul li p{line-height:32px}
.applicationinfo-cont2{padding:8% 0}
.applicationinfo-cont6{padding-top:8%;padding-bottom:10%}
.applicationinfo-cont2 .applicationinfo-cont2-ul{padding-top:8%}
.hprodt4_ct2 .hprodt4_ct2_font{top:18%}
.hprodt2_ct10 .hprodt2_ct10_ulp li{width:25%;padding:0 15px}
.hprodt2_ct6 .hprodt2_ct6_ul li{margin-bottom:5%}
.hprodt5_ct11_k5{max-width:1400px;margin:auto}
.hprodt3_ct7 .hprodt3_ct7_bgm2{margin-top:5%}
.hprodt5_ct11_k5 .hprodt5_ct11_ul{padding:0;padding-top:6%}
@media screen and (max-width:1659px){.applicationinfo-cont1 .applicationinfo-cont1-fontul li p{line-height:32px}
.applicationinfo-cont4 .applicationinfo-cont3-tit{width:38%;-webkit-transform:translateY(-38%)}
.applicationinfo-cont3-tit h3{font-size:50px}
.applicationinfo-cont4 .applicationinfo-cont3-min h2 span{font-size:78px}
.applicationinfo-cont4 .applicationinfo-cont3-min h2{font-size:52px}
}
@media screen and (max-width:1459px){.hprodt5_ct11_k5{padding:0 5%}
.hprodt2_ct11 .hprodt2_ct11_font{width:55%;top:8%}
}
@media screen and (max-width:1259px){.hprodt2_ct11 .hprodt2_ct11_font{width:100%}
.hprodt2_ct11 .hprodt2_ct11_img{margin-top:0}
.xzkb-img{width:48px}
}
@media screen and (max-width:767px){.hprodt2_ct11 .hprodt2_ct11_font{width:100%}
.applicationinfo-cont3-tit h3{font-size:24px;margin-bottom:15px;text-align:center!important}
.applicationinfo-cont4 .applicationinfo-cont3-tit{width:100%;text-align:center;-webkit-transform:translateY(0)}
.applicationinfo-cont4 .applicationinfo-cont3-tit .applicationinfo-cont3-titp{text-align:center}
.applicationinfo-cont4 .applicationinfo-cont3-min h2 span{font-size:52px}
.applicationinfo-cont4 .applicationinfo-cont3-min h2{font-size:28px;text-align:center}
.applicationinfo-cont1 .applicationinfo-cont1-fontul li p{line-height:20px}
.hprodt2_ct10 .hprodt2_ct10_ulp li{width:50%;padding:0 15px}
.hprodt5_ct11_k5 .hprodt5_ct11_ul{padding-top:30px}
.hprodt2_ct10 .hprodt2_ct10_ul{padding:0}
.hprodt2_ct10 .hprodt2_ct10_ul li{width:50%}
.xzkb .hprodt2_ct9_ul{position:static;bottom:0}
.xzkb .hprodt2_ct9_ul:nth-child(1){top:0; }
.xzkb .hprodt2_ct9_ul li{width:100%;padding:0 1%}
.xzkb .hprodt2_ct9_ul .xzkb-li{display:none}
.xzkb-img{width:42px}
}
.npro-tab{position:relative;overflow:hidden;margin-top:0;margin-bottom:0;width:160px;border-radius:10px;background:#7f7d7e;transform:translateY(-50px)}
.npro-tabBox{position:sticky;top:120px;z-index:99}
.npro-tabtit{padding:6px 5px;width:50%;color:#050505;text-align:center;font-size:18px;cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;-ms-transition:.5s}
.npro-tabtit.active{border-radius:10px;background:#0167cd;color:#ffff}
.application-spe-bot .insrecruit-list{position:relative;display:none}
.application-spe-bot .insrecruit-list.show,.application-spe-bot .insrecruit-list:first-child{display:block}
@media screen and (max-width:767px){.npro-tab{width:110px}
.npro-tabtit{padding:5px 0;font-size:16px}
.npro-tabBox{justify-content:center}
}
.c000,.c040{background:#000}
.evmaxmap{display:none}
.evmaxpc{display:block}
.k40patriot01,.k40patriot02,.k40patriot03,.k40patriot04,.k40patriot05,.k40patriot06,.k40patriot07,.k40patriot40,.k40patriot41,.k40patriot42,.k40patriot43,.k40patriot44,.k40patriot45,.k40patriot46,.k40patriot47,.k40patriot48,.k40patriot49,.k40patriot50{position:relative;background-color:rgb(2 2 2);z-index:99;color:#fff;overflow:hidden}
.k40patriot01 video{width:100%}
.k40patriot01-cont{position:absolute;top:0;left:0;height:100%;width:100%;padding-top:8%}
.k40patriot01-cont img{max-width:360px}
.k40patriot01-cont h5{color:#fff;text-align:center;font-size:36px;margin-top:3%}
.k40patriot01-cont2{padding-top:8.5%}
.k40patriot01-cont2 li{width:25%;float:left;text-align:center;margin-bottom:10%}
.k40patriot01-cont2 li img{height:80px}
.k40patriot01-cont2 li p{font-size:22px;margin-top:8%;line-height:1.4}
.k40patriot-head{text-align:center}
.k40patriot-head2{text-align:left}
.k40patriot-head h2{font-size:0.60rem;line-height:1.3;font-weight:700;letter-spacing:3px}
.k40patriot-head p,.k40patriot-head p a{font-size:24px;margin-top:1.5%;line-height:1.4;color:#939393}
.k40patriot-head p a{border-bottom:1px solid transparent}
.k40patriot-head p span{color:#fff}
.k40patriot47 .k40patriot-head p span:hover{text-decoration:initial!important}
.k40patriot02{padding:6.5% 0 15.2%}
.k40patriot02-cont{margin-top:6%}
.k40patriot02-cont4{text-align:center;margin:4.5% 0 3.3%}
.k40patriot02-cont3{width:80%;margin:auto}
.k40patriot02-cont3 ul li{display:none}
.k40patriot02-cont3 ul li.on{display:block}
.k40patriot02-cont4 ul{border-bottom:2px solid #4d4d4d;width:620px;margin:auto}
.k40patriot02-cont4 ul li{font-size:22px;color:#848484;display:inline-block;padding-bottom:10px;line-height:52px;position:relative;cursor:pointer}
.k40patriot02-cont4 ul li:nth-child(2){margin:0 13.5%}
.k40patriot02-cont4 ul li.on,.k40patriot02-cont4 ul li:hover{color:#fff}
.k40patriot02-cont4 ul li.on::before,.k40patriot02-cont4 ul li:hover::before{content:"";position:absolute;width:100%;height:3px;background-color:#fff;bottom:-1px}
.k40patriot02-cont ul li{width:100%;display:none}
.k40patriot02-cont ul li.on{display:block}
.k40patriot02-cont-des{padding:15px 7%}
.k40patriot02-cont-des h5{font-size:25px;margin:5% 0;letter-spacing:2px}
.k40patriot02-cont-des p{font-size:22px;color:#fff;line-height:43px;text-align:center}
.k40patriot02-cont2{margin-top:10%;position:relative}
.k40patriot02-cont2 video{width:100%}
.k40patriot02-cont2-anniu{position:absolute;top:50%;text-align:center;width:100%;left:0}
.k40patriot02-cont2-anniu p{display:inline-block;background-color:rgba(255,255,255,.67);color:#000;font-size:21px;padding:10px 29px;border-radius:24px;cursor:pointer}
.k40patriot02-cont2-anniu p:hover{box-shadow:0 0 57px 0 rgb(255 255 255 / 86%)}
.k40patriot02-cont2-anniu p em{display:inline-block;vertical-align:2px;width:17px;height:17px;margin-left:4px;position:relative}
.k40patriot02-cont2-anniu p img{display:inline-block;position:absolute;left:2px;top:3px}
.k40patriot03{padding:15% 0 16%}
.k40patriot03-cont{margin-top:11%;border-radius:30px;overflow:hidden}
.k40patriot03-cont video{width:100%;border-radius:30px;overflow:hidden}
.k40patriot04{padding:6.4% 0 0}
.k40patriot04-cont{margin-top:8%}
.k40patriot04-cont video{width:100%}
.k40patriot04-cont2{margin:15% 0 12%}
.k40patriot04-cont2 ul li{width:36%;float:left;margin:0 7%;margin-bottom:10%;text-align:center}
.k40patriot04-cont2 ul li img{width:80px;height:80px}
.k40patriot04-cont2-des{padding:15px}
.k40patriot04-cont2-des h5{font-size:36px;font-weight:700;margin:7% 0 5% 0}
.k40patriot04-cont2-des p{font-size:22px;color:#a6a6a6;line-height:1.6;text-align:justify}
.k40patriot04-cont2-des img{height:80px}
.k40patriot04-cont2-des p span{color:#fff}
.k40patriot05-bgtp{position:relative;overflow:hidden}
.k40patriot05-bgtp-on{background-position:50%;background-attachment:fixed}
.k40patriot05-bgtp2{padding:10% 0 5% 0;background:url(../images/evmax63.png) no-repeat center;background-color:#ff000000}
.k40patriot05-cont2{padding:5% 0}
.k40patriot05-cont2 img{margin:10% 0 14% 0}
.k40patriot05-cont2 ul li{width:30.333%;float:left;margin:2.3% 1.5%;text-align:left;margin-left:0!important}
.k40patriot05-cont2 ul li h5{font-size:42px;font-weight:700;margin-bottom:0}
.k40patriot05-cont2 ul li p{font-size:17px;color:#939393;margin-top:15px}
.k40patriot05-cont2 .tx{font-size:22px;color:rgba(85,85,85,.79);margin-top:5%}
.k40patriot05 .bigimg{margin:auto}
.k40patriot05-cont img{display:inline-block;width:100%}
.k40patriot06-cont{position:relative}
.k40patriot06-cont .img{opacity:0}
.k40patriot06-cont video{width:100%;position:absolute;top:0;left:0;width:100%;height:100%;display:none}
.k40patriot06-cont video.on{display:block}
.k40patriot07 .k40patriot-head h2{font-size:65rem}
.k40patriot07-cont{margin-bottom:8%}
.k40patriot07-cont video{width:100%}
.k40patriot07-cont2{padding:3% 0 10%}
.k40patriot07-cont2 li{width:30.333%;float:left;margin:3.5% 1.5%;margin-left:0!important;text-align:left}
.k40patriot07-cont2 li h5{font-size:42px;font-weight:700;margin-bottom:0}
.k40patriot07-cont2 li h5 span{font-size:26px}
.k40patriot07-cont2 li p{font-size:23px;color:#939393;margin-top:10px}
.k40patriot50{padding:5% 0;background-color:#121212}
.k40patriot50-dh{text-align:center;margin:2% 0 7% 0}
.k40patriot50-dh p{font-size:20px;width:80px;display:inline-block;text-align:left;line-height:52px;color:#b4b4b4;margin-right:60px;cursor:pointer}
.k40patriot50-dh .on,.k40patriot50-dh p:hover{color:#fff;position:relative}
.k40patriot50-dh .on::before,.k40patriot50-dh p:hover::before{content:"";position:absolute;bottom:-1px;width:100%;height:2px;background-color:#fff;left:0}
.k40patriot50-dh-x{display:inline-block;position:relative;border-bottom:1px solid #373738}
.k40patriot50-dh p:nth-child(2){text-align:right;margin-right:0}
.k40patriot50-3d{background-color:#000;padding:10% 8%}
.k40patriot50-3d-cont{position:relative}
.k40patriot50-3d-left{width:30%;margin-right:70%;margin-top:5%;margin-bottom:5%}
.k40patriot50-3d-left img{display:inline-block;max-width:50px}
.k40patriot50-3d-left h5{font-size:33px;line-height:50px;font-weight:700;margin:10% 0 8%}
.k40patriot50-3d-left p{color:#78787e;font-size:19px}
.k40patriot50-3d-right{position:absolute;width:70%;left:30%;top:5%}
.k40patriot49{padding:5%;padding-top:2.5%}
.k40patriot49-cont{margin-top:6.5%}
.k40patriot49-cont ul li{width:31.333%;float:left;margin:1%;position:relative}
.k40patriot49-cont ul li img{width:100%}
.k40patriot49-cont ul li p{font-size:20px;position:absolute;bottom:0;line-height:52px;text-align:center;width:100%;left:0;background-color:rgb(0 0 0 / 30%)}
.k40patriot49-cont ul li:nth-child(1),.k40patriot49-cont ul li:nth-child(2){width:48%}
.k40patriot48{padding:7.5% 0}
.k40patriot48-cont{margin-top:8%}
.k40patriot48-cont ul li{background-color:rgb(18 18 18);padding:5%;margin-bottom:2%}
.k40patriot48-cont ul li:nth-child(1) .k40patriot48-fd-left img{margin-top:5%;margin-bottom:5%;width:75%}
.k40patriot48-cont ul li:nth-child(1) .k40patriot48-fd-right{padding-top:2%}
.k40patriot48-cont ul li:nth-child(2) .k40patriot48-fd-left img{width:60%}
.k40patriot48-fd{position:relative}
.k40patriot48-fd-left{width:33%}
.k40patriot48-fd-left img{max-height: 282px; max-width: 246px;}
.k40patriot48-fd-right{width:60%;position:absolute;right:0;top:0}
.k40patriot48-fd-right h5{font-size:28px;font-weight:700}
.k40patriot48-fd-right a{font-size:16px;color:#3f83ef}
.k40patriot48-fd-right a:hover{text-decoration:underline}
.k40patriot48-fd-ms{margin:1.5% 0 2% 0}
.k40patriot48-fd-ms p{font-size:16px;color:#909090;line-height:1.7}
.k40patriot47{padding:5% 0}
.k40patriot47-cont{margin-top:9%}
.k40patriot47 .k40patriot-head h2{font-size:65rem}
.k40patriot47 .k40patriot-head p{font-size:24px;margin-top:1.5%;font-weight:400}
.k40patriot47 ul{margin-bottom:30px}
.k40patriot47 .k40patriot46_dec{text-align:center}
.k40patriot47 ul li{width:31.333%;float:left;margin:0 1%;background-color:#121212;min-height:300px;padding:6% 5%;text-align:center}
.k40patriot47 ul li img{max-width:80px}
.k40patriot47 ul li h5{font-size:28px;margin:22% 0 9%;font-weight:700}
.k40patriot47 ul li p{font-size:17px;line-height:28px;min-height:85px}
.k40patriot46{padding:7.5% 0}
.k40patriot46 .k40patriot-head h2{font-size:65rem}
.k40patriot46-cont{margin-top:11%}
.k40patriot46-fd{position:relative}
.k40patriot46-fd-left{width:40%;position:absolute;left:0;height:100%;padding:0 5%;padding-left:2%}
.k40patriot46-fd-x{border-left:1px solid #494949}
.k40patriot46-fd-xline{position:relative;width:1px;height:100%;float:left;background:red;display:none}
.k40patriot46-fd-xline::before{content:"";height:100%;left:-2px;width:3px;background-color:#fff;top:0;position:absolute}
.k40patriot46-fd-ms{color:#b4b4b4;margin-bottom:12%;cursor:pointer;padding-left:8%;position:relative;transition:all .3s cubic-bezier(.23,1,.32,1)}
.k40patriot46-fd-ms.on::before{content:"";height:100%;left:-2px;width:3px;background-color:#fff;top:50%;transform:translateY(-50%);position:absolute;transition:all .5s ease}
.hk40patriot46 .k40patriot46-fd-ms{color:#7a7a7a}
.hk40patriot46 .k40patriot46-fd-left{padding:5%}
.k40patriot46-fd-ms.on,.k40patriot46-fd-ms:hover{color:#fff}
.k40patriot46-fd-ms h5{font-size:30px;font-weight:700;margin-bottom:6%;transition:all .3s ease}
.k40patriot46-fd-ms p{font-size:20px;line-height:1.7;height:0;opacity:0;transition:all .5s ease}
.k40patriot46-fd-ms.on p{height:auto;opacity:1}
.k40patriot46-fd-right{width:60%;margin-left:40%;overflow:hidden}
.k40patriot46-fd-right img,.k40patriot46-fd-right video{width:100%;display:none}
.k40patriot46-fd-right .on{display:block}
.k40patriot45{padding:5% 0}
.k40patriot46-tx{width:60%;margin-left:40%}
.k40patriot46-tx p{text-align:center;color:rgb(158 158 158 / 58%);font-size:16px;margin-top:5%}
.k40patriot45 .k40patriot-head h2{font-size:65rem}
.k40patriot45 .k40patriot-head p{font-weight:400;font-size:24px}
.k40patriot45-cont{margin-top:7.5%}
.k40patriot45-cont .swiper-wrapper{height:auto}
.k40patriot45-cont-img{position:relative;overflow:hidden}
.k40patriot45-cont-img em{position:absolute;display:block;width:100%;height:100%;left:0;background-color:hsl(0deg 0% 0% / 73%);top:0}
.k40patriot45-cont-img img{width:100%}
.k40patriot45-cont-ms{text-align:center;margin-top:12%;color:rgb(180 180 180 / 45%)}
.k40patriot45-cont-ms h5{font-size:26px;font-weight:700}
.k40patriot45-cont-ms p{font-size:20px;line-height:1.4;color:#959596;margin-top:4%;opacity:0}
.k40patriot45-cont .swiper-button-prev{background-image:url(/patriot-line/themes/v2/images/jt2.png);top:35%;left:26%;width:60px;height:60px;background-size:60px;opacity:.7!important}
.k40patriot45-cont .swiper-button-next{top:35%;right:26%;background-image:url(/patriot-line/themes/v2/images/jt1.png);width:60px;height:60px;background-size:60px;opacity:.7!important}
.k40patriot45-cont .swiper-button-next:hover,.k40patriot45-cont .swiper-button-prev:hover{opacity:1!important}
.k40patriot45-cont .swiper-slide-active em,.k40patriot45-cont .swiper-slide:hover em{position:static;display:none}
.k40patriot45-cont .swiper-slide-active .k40patriot45-cont-ms,.k40patriot45-cont .swiper-slide:hover .k40patriot45-cont-ms{color:#fff}
.k40patriot45-cont .swiper-slide-active .k40patriot45-cont-ms p,.k40patriot45-cont .swiper-slide:hover .k40patriot45-cont-ms p{opacity:1}
.k40patriot44{padding:5% 0}
.k40patriot44-cont{margin-top:8%;background-color:#121212;border-radius:18px;padding:8% 2%}
.k40patriot44-cont2 ul li{width:40%;float:left;margin:7% 5%}
.k40patriot44-fd{position:relative;text-align:center}
.k40patriot44-fd-left{position:absolute;width:100%;left:0;top:0;position:static;margin-bottom:6%}
.k40patriot44-fd-right{width:100%;margin-left:0}
.k40patriot44-fd-right h5{font-size:30px;margin-bottom:6%}
.k40patriot44-fd-right p{font-size:24px;line-height:1.667;color:#b4b4b4}
.k40patriot43{padding:12% 0 5% 0}
.k40patriot43 .k40patriot-head p{font-size:24px;line-height:1.79;color:#9d9d9d}
.k40patriot43-cont{margin-top:6%}
.k40patriot41{padding:0 0 8%}
.k40patriot41-fd{position:relative}
.k40patriot41-fd-left{width:30%;position:absolute;left:0;top:0;margin-top:10%}
.k40patriot41-fd-left-ms{font-size:18px;margin-bottom:4%;color:#abafafb5;width:200px;text-align:center;line-height:110px;height:92px;cursor:pointer}
.k40patriot41-fd-left-ms.on,.k40patriot41-fd-left-ms:hover{background:url(../images/evmax71.png);background-size:cover;color:#fff}
.k40patriot41-fd-right{width:70%;margin-left:30%}
.k40patriot41-fd-right-ms{display:none;position:relative}
.k40patriot41-fd-right-ms img{max-width:500px}
.k40patriot41-fd-right-ms.on{display:block}
.k40patriot41-fd-right-dw{position:absolute;top:65.5%;width:46%;left:-15%}
.k40patriot41-fd-right-dw.right-dw1{width:58%}
.k40patriot41-fd-right-dw.right-dw2{top:39%;width:60%}
.k40patriot41-fd-right-dw.right-dw3{top:39%;width:45%}
.k40patriot41-fd-right-dw h5{font-size:28px}
.k40patriot41-fd-right-dw em{display:block;width:100%;height:1px;background-color:#585858;margin:25px 0 30px}
.k40patriot41-fd-right-dw p{font-size:16px;line-height:26px;color:#6b6b70}
.k40patriot42{padding:5% 0}
.k40patriot42-bgtp{position:relative;overflow:hidden}
.k40patriot42-cont2{margin-top:5%}
.k40patriot42-ul1 li{display:none}
.k40patriot42-ul1 li video{width:100%}
.k40patriot42-ul1 li.on{display:block}
.k40patriot42-ul2{margin:auto;width:800px;border-bottom:1px solid #494949;margin-top:6%}
.k40patriot42-ul2 li{font-size:22px;color:rgb(136 144 145 / 66%);display:inline-block;line-height:52px;position:relative;cursor:pointer;font-weight:700}
.k40patriot42-ul2 li:nth-child(2){margin:0 8%}
.k40patriot42-ul2 li:nth-child(3){margin-right:8%}
.k40patriot42-ul2 li.on,.k40patriot42-ul2 li:hover{color:#fff}
.k40patriot42-ul2 li.on::before,.k40patriot42-ul2 li:hover::before{content:"";position:absolute;width:100%;height:4px;background-color:#fff;bottom:-1px}
.k40patriot42-ul3{width:80%;margin:auto}
.k40patriot42-ul3 li{display:none;padding:30px 15px}
.k40patriot42-ul3 li p{font-size:20px;color:#fff;line-height:32px;text-align:center}
.k40patriot42-ul3 li.on{display:block}
.k40patriot40{padding:5% 0;padding-top:0!important}
.k40patriot40-bgtp{position:relative;overflow:hidden}
.k40patriot40-cont{margin-bottom:5%}
.k40patriot40-cont2{padding:9.5% 0}
.k40patriot40-cont2 ul{margin-top:10%}
.k40patriot40-cont2 ul li{width:30.333%;float:left;margin:3% 1.5%;text-align:left}
.k40patriot40-cont2 ul li h5{font-size:42px;margin-bottom:0;font-weight:700}
.k40patriot40-cont2 ul li p{font-size:17px;color:#939393;margin-top:15px}
.k40patriot40-cont2 ul li:nth-child(4){width:97%}
.k40patriot40-cont2-ms{margin-top:5%}
.k40patriot40-cont2-ms p{font-size:18px;color:rgba(85,85,85,.79);line-height:1.5}
@media (max-width:1659px){.k40patriot-head h2,.k40patriot07 .k40patriot-head h2,.k40patriot45 .k40patriot-head h2,.k40patriot46 .k40patriot-head h2,.k40patriot47 .k40patriot-head h2{font-size:52px;letter-spacing:3px}
.k40patriot-head p,.k40patriot-head p a,.k40patriot43 .k40patriot-head p,.k40patriot45 .k40patriot-head p,.k40patriot47 .k40patriot-head p{font-size:22px;line-height:1.5}
}
@media (max-width:1459px){.k40patriot40-cont2 ul li h5{font-size:38px}
.k40patriot-head h2,.k40patriot07 .k40patriot-head h2,.k40patriot45 .k40patriot-head h2,.k40patriot46 .k40patriot-head h2,.k40patriot47 .k40patriot-head h2{font-size:46px;letter-spacing:3px}
.k40patriot05-cont2 ul li h5{font-size:38px}
.k40patriot07-cont2 li h5{font-size:38px}
.k40patriot-head p,.k40patriot-head p a,.k40patriot43 .k40patriot-head p,.k40patriot45 .k40patriot-head p,.k40patriot47 .k40patriot-head p{font-size:20px}
.k40patriot01-cont h5{font-size:32px}
.k40patriot01-cont2 li img{height:70px;width:70px}
.k40patriot01-cont2 li p{font-size:20px}
.k40patriot01-cont img{max-width:360px}
}
@media (max-width:1259px){.k40patriot40-cont2 ul li h5{font-size:32px}
.k40patriot01-cont img{max-width:320px}
.k40patriot01-cont h5{font-size:30px}
.k40patriot01-cont2 li img{height:60px;width:60px}
.k40patriot-head h2,.k40patriot07 .k40patriot-head h2,.k40patriot45 .k40patriot-head h2,.k40patriot46 .k40patriot-head h2,.k40patriot47 .k40patriot-head h2{font-size:40px;letter-spacing:2px}
.k40patriot-head p,.k40patriot-head p a,.k40patriot43 .k40patriot-head p,.k40patriot45 .k40patriot-head p,.k40patriot47 .k40patriot-head p{font-size:19px}
.k40patriot01-cont2 li p{font-size:18px}
.k40patriot02-cont4 ul li{font-size:20px}
.k40patriot02-cont4 ul{width:515px}
.k40patriot05-cont2 ul li h5{font-size:32px}
.k40patriot04-cont2 ul li img{width:65px;height:65px}
.k40patriot04-cont2 ul li{height:240px}
.k40patriot04-cont2-des h5{font-size:22px}
.k40patriot07-cont2 li h5{font-size:32px}
.k40patriot04-cont2-des p{font-size:16px}
.k40patriot41-fd-right-dw{width:40%}
.k40patriot41-fd-right-dw.right-dw3{width:43%}
.k40patriot41-fd-right-dw h5{font-size:24px}
.k40patriot42-ul2 li{font-size:20px}
.k40patriot42-ul3 li p{font-size:16px}
.k40patriot46-fd-ms h5{font-size:26px}
.k40patriot46-fd-ms p{font-size:16px}
.k40patriot45-cont-ms h5{font-size:25px}
.k40patriot44-fd-right h5{font-size:25px}
.k40patriot44-fd-right p{font-size:18px;line-height:30px}
.k40patriot47 ul li h5{font-size:25px}
.k40patriot47 ul li p{font-size:16px}
.k40patriot48-fd-right h5{font-size:25px}
.k40patriot48-fd-ms p{font-size:15px}
.k40patriot50-3d-left h5{font-size:28px;line-height:38px}
}
@media (max-width:769px){.evmaxmap{display:block}
.evmaxpc{display:none}
.k40patriot01-cont{height:auto;padding-top:50px}
.k40patriot01-cont img{max-width:280px}
.k40patriot01-cont h5{font-size:24px;margin-top:20px}
.k40patriot01-cont2{padding:30px 0}
.k40patriot01-cont2 li{width:50%;padding:0 1%;margin-bottom:30px}
.k40patriot01-cont2 li img{width:auto;height:42px}
.k40patriot01-cont2 li p{font-size:16px;margin-top:12px}
.k40patriot-head h2,.k40patriot07 .k40patriot-head h2,.k40patriot45 .k40patriot-head h2,.k40patriot46 .k40patriot-head h2,.k40patriot47 .k40patriot-head h2{font-size:24px}
.k40patriot06-cont{margin-top:20px}
.k40patriot-head p,.k40patriot-head p a,.k40patriot43 .k40patriot-head p,.k40patriot45 .k40patriot-head p,.k40patriot47 .k40patriot-head p{font-size:16px;margin-top:10px}
.k40patriot-head h2 br,.k40patriot-head p br,.k40patriot01-cont2 li p br,.k40patriot41-fd-right-dw p br{display:none}
.k40patriot02-cont4 ul li{width:46%;margin:2%;font-size:17px;line-height:42px;border:1px solid #9e9e9e;text-align:center}
.k40patriot02-cont4 ul li:nth-child(2){margin:auto}
.k40patriot02-cont4 ul{width:100%;border-bottom:none;text-align:left}
.k40patriot02-cont4 ul li.on::before,.k40patriot02-cont4 ul li:hover::before{display:none}
.k40patriot02-cont4{margin:25px 0 10px}
.k40patriot02-cont4 ul li.on,.k40patriot02-cont4 ul li:hover{border-color:#fff}
.k40patriot02-cont3 p{font-size:15px}
.k40patriot02-cont3{width:100%}
.k40patriot02-cont2-anniu p{font-size:18px}
.k40patriot06{padding:40px 0}
.k40patriot03,.k40patriot04,.k40patriot05,.k40patriot41,.k40patriot42,.k40patriot44,.k40patriot46,.k40patriot49{padding:40px 0}
.k40patriot05-cont2 img{margin:30px 0}
.k40patriot05-cont2 ul li{width:47%;margin-bottom:15px}
.k40patriot05-cont2 ul li p{font-size:16px}
.k40patriot05-cont2 ul li h5{font-size:28px;margin-bottom:5px}
.k40patriot05-cont2 .tx{text-align:center;font-size:16px}
.k40patriot04-cont2 ul li{height:auto;width:96%;margin:0 0;margin-bottom:30px}
.k40patriot04-cont2 ul li img{width:52px;height:52px}
.k40patriot07-cont video{width:100%}
.k40patriot07-cont2 li{width:47%;margin-bottom:20px}
.k40patriot07-cont2 li h5{font-size:28px;margin-bottom:5px}
.k40patriot07-cont2 li h5 span{font-size:18px}
.k40patriot07-cont2 li p{font-size:16px}
.k40patriot41-fd-left{width:100%;position:static;margin:auto}
.k40patriot41-fd-left-ms{display:inline-block;width:47%;margin:0 1%;line-height:42px;font-size:17px;height:42px;margin-bottom:15px;border:1px solid #9e9e9e;border-radius:8px}
.k40patriot41-fd-right{width:100%;margin:auto}
.k40patriot41-fd-left-ms.on,.k40patriot41-fd-left-ms:hover{background:0 0;border:1px solid #fff}
.k40patriot41-fd-right-ms img{width:50%}
.k40patriot41-fd-right-dw{position:static;width:80%!important;margin-top:20px;text-align:center;margin:auto}
.k40patriot41-fd-right-dw h5{font-size:20px}
.k40patriot41-fd-right-dw p{font-size:16px}
.k40patriot41-fd-right-dw em{margin:15px 0 10px}
.k40patriot42-ul2{width:100%;border-bottom:none}
.k40patriot42-ul2 li{width:45%;margin:10px 2%;text-align:center;line-height:36px;border:1px solid #9e9e9e9e;font-size:18px;border-radius:8px}
.cgj-img .gb,.cgj-img .kq{font-size:16px}
.k40patriot42-ul2 li.on,.k40patriot42-ul2 li:hover{border-color:#fff}
.k40patriot42-ul2 li:nth-child(2),.k40patriot42-ul2 li:nth-child(3){margin:10px 2%}
.k40patriot42-ul2 li.on::before,.k40patriot42-ul2 li:hover::before{display:none}
.k40patriot42-ul3{width:100%}
.k40patriot42-ul3 li{padding:10px}
.k40patriot46-fd-left{position:static;width:100%;height:auto}
.k40patriot46-fd-ms{margin-bottom:8%;padding-left:5%}
.k40patriot46-fd-right{width:100%;margin:auto}
.k40patriot46-tx{width:100%;margin-left:0}
.k40patriot46-fd-ms h5{font-size:20px}
.k40patriot45-cont-ms h5{font-size:22px}
.k40patriot45-cont .swiper-button-next{right:8px;width:48px;height:48px;background-size:48px;display:none}
.k40patriot45-cont .swiper-pagination .swiper-pagination-bullet{background-color:#fff}
.k40patriot45-cont .swiper-pagination{margin-top:15px;position:static;text-align:center}
.k40patriot45-cont .swiper-button-prev{left:8px;width:48px;height:48px;background-size:48px;display:none}
.k40patriot45-cont-ms p{font-size:16px}
.k40patriot45_dec{font-size:16px}
.k40patriot44-cont2 ul li{width:90%}
.k40patriot44-fd-left img{width:32px}
.k40patriot44-fd-right h5{font-size:22px}
.k40patriot44-fd-right p{font-size:16px;line-height:26px}
.k40patriot47 ul li{width:98%;margin-bottom:20px;height:auto}
.k40patriot47 ul li h5{font-size:22px;margin:10% 0 9%}
.k40patriot48-cont ul li{padding:35px 25px;margin-top:20px}
.k40patriot48-fd-left{width:100%}
.k40patriot48-fd-right{position:static;width:100%;margin-top:20px}
.k40patriot48-fd-right h5{font-size:22px}
.k40patriot48-fd-ms{margin:20px 0}
.k40patriot48-fd-ms p{font-size:14px}
.k40patriot49-cont ul li,.k40patriot49-cont ul li:nth-child(1),.k40patriot49-cont ul li:nth-child(2){width:98%;margin-bottom:15px}
.k40patriot49-cont ul li p{font-size:16px;line-height:32px}
.k40patriot50-dh p{font-size:18px;text-align:center}
.k40patriot50-3d-left{width:100%;margin:auto;text-align:center;margin-bottom:30px}
.k40patriot50-3d-left img{width:32px}
.k40patriot50-3d-left h5{font-size:24px;line-height:32px;margin:20px 0 15px}
.k40patriot50-3d-right{position:static;width:100%;margin:60px 0}
.k40patriot40-cont2 ul li{width:100%;margin-bottom:20px}
.k40patriot40-cont2 ul li h5{font-size:28px;margin-bottom:5px}
.k40patriot40-cont2 ul li p{font-size:16px}
.k40patriot40-cont2 ul li h5,.k40patriot40-cont2 ul li:nth-child(4) h5{font-size:22px}
.k40patriot40-cont2-ms p{font-size:15px}
}
.k40patriot05_ul{position:relative;z-index:999;background:#020202}
#pinFt,#pinFt1{width:100%;text-align:center;min-height:100vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-90%);z-index:100}
.hk40patriot05_ft{width:100%;min-height:100vh}
.k40patriot05 .k40patriot05_bgm,.k40patriot40 .k40patriot05_bgm,.k40patriot42 .k40patriot05_bgm{width:100%;height:100vh;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:9999;background:url(../images/evmax74.png) no-repeat center;background-size:cover}
.k40patriot40 .k40patriot05_bgm�� .k40patriot42 .k40patriot05_bgm{background:url(../images/evmax74.png) no-repeat center;background-size:cover}
.k40patriot42_font{width:100%;font-size:42rem;color:#fff;text-align:center;position:absolute;left:50%;top:63%;transform:translate(-50%,-50%);z-index:9999;border:1px solid #fff}
.k40patriot05-bgtp2,.k40patriot42-cont2{position:relative;z-index:99;background:#020202}
.k40patriot42-cont2{margin-top:0!important;padding-top:5%}
.k40patriot40,.k40patriot42{padding-bottom:0!important}
.w1200{width:100%;max-width:1200px;margin:0 auto}
.k40patriot45_dec{font-size:18px;text-align:center;color:rgba(85,85,85,.79);padding-top:3.5%}
.k40patriot02_hul{padding-top:9%!important}
.k40patriot02_hul li{width:32.66%;padding:60px 22px;margin-right:1%;height:630px;border-radius:17px;transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s}
.k40patriot02_hul li.on{position:relative}
.k40patriot02_hul li.on::before{content:"";position:absolute;width:100%;height:100%;background-color:rgb(0 0 0 / 54%);left:0;top:0}
.k40patriot02_hul li:last-child{margin-right:0}
.k40patriot02_hfont{width:330px}
.k40patriot02_hfont .k40patriot02_htit{font-size:26px;font-weight:700;color:#fff}
.k40patriot02_hfont .k40patriot02_hdec{font-size:16px;line-height:1.667;color:#b4b4b4;margin-top:25px;margin:auto;margin-top:25px}
.k40patriot02_hul li:hover{width:40%}
.k40patriot40-bgtphone{display:none!important}
@media (max-width:1220px){.w1200{width:90%}
}
@media (max-width:1100px){.k40patriot02_hfont .k40patriot02_htit{font-size:24px}
.k40patriot02_hfont .k40patriot02_hdec{font-size:16px;width:auto}
.k40patriot02_hul li{height:500px;padding:40px 22px}
}
@media (max-width:980px){.k40patriot02_hul{flex-wrap:wrap}
.k40patriot02_hul li,.k40patriot02_hul li:hover{width:49%;margin-top:1%}
.k40patriot40-bgtphone,.k40patriot40-bgtppc{display:none}
}
@media (max-width:767px){.k40patriot02_hul li,.k40patriot02_hul li:hover{width:100%;height:400px;margin-right:0;margin-top:20px}
.k40patriot47 ul li h5{margin:6% 0 4% 0}
.k40patriot02_hfont .k40patriot02_htit{font-size:20px}
.k40patriot02_hfont .k40patriot02_hdec{margin-top:15px}
.k40patriot02-cont2-anniu p{padding:10px 20px;font-size:16px}
}
.k40patriot01-cont3{position:relative;margin-bottom:20%}
.k40patriot01-cont3.on{height:100%!important}
.k40patriot01-cont3-dw img{height:100%;opacity:0}
.k40patriot01-cont3-dw.on img{animation-fill-mode:forwards;width:150%}
@keyframes k40patriot01-cont3-tmd{0%{opacity:.3}
50%{opacity:.5}
75%{opacity:.7}
100%{opacity:1}
}
.k40patriot01-cont3-dw{height:100vh;width:100%;background-size:100%}
.k40patriot01-cont3-dw.on{position:fixed;top:0;background-size:100%}
.cgj-img{position:relative}
.cgj-img em{animation:movethuma 2s linear 1}
.cgj-img em{position:absolute;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / 37%);color:transparent;right:50%}
.cgj-img .kq{position:absolute;right:3%;bottom:5%;font-size:20px;color:#fff}
.cgj-img .gb{position:absolute;left:3%;bottom:5%;font-size:20px;color:#fff}
.k40patriot05-cont-dw{position:relative;margin:0 0 5%}
.k40patriot05-cont-dw p{color:#1b1b1b;font-size:460px;text-align:center;font-weight:700;animation:k40patriot05-cont-dw 2s linear 1;animation-fill-mode:forwards;font-family:arial!important}
@keyframes k40patriot05-cont-dw{0%{opacity:.3}
50%{opacity:.5}
75%{opacity:.7}
100%{opacity:1}
}
.k40patriot05-cont-dw span{font-size:340px}
.k40patriot05-cont-dw img{position:absolute;top:24%;margin:0}
@media (max-width:1659px){.k40patriot05-cont-dw p{font-size:400px}
.k40patriot05-cont-dw span{font-size:300px}
}
@media (max-width:1459px){.k40patriot05-cont-dw p{font-size:360px}
.k40patriot05-cont-dw span{font-size:240px}
}
@media (max-width:1259px){.k40patriot05-cont-dw p{font-size:300px}
.k40patriot45_dec{font-size:18px}
.k40patriot05-cont-dw span{font-size:180px}
}
@media (max-width:769px){.k40patriot01-cont3-dw{height:100vh;position:relative;width:235%;left:-67%}
.cgj-img .gb,.cgj-img .kq{font-size:16px}
.k40patriot01-cont3-dw.on img{position:absolute;top:10%;height:auto}
.k40patriot01-cont3{margin-bottom:100%;display:none}
.k40patriot42-bgtp{display:none}
.k40patriot01-cont{padding-top:10%}
.k40patriot05-cont-dw p{font-size:160px}
.k40patriot05-cont-dw span{font-size:80px}
.k40patriot45_dec{font-size:16px}
}
.k40patriot01-bfsy{position:relative}
.bfsy{position:absolute;right:2%;bottom:15%;width:120px;text-align:center;cursor:pointer;padding:5px 0;border-radius:18px;display:none}
.bfsy:hover{box-shadow:0 0 57px 0 rgb(247 247 246 / 95%)}
.bfsy p{font-size:16px;display:inline-block;line-height:24px}
.bfsy-img{width:24px;display:inline-block;vertical-align:top}
.img-xg{overflow:hidden}
.k40patriot40-cont2:hover .img-xg img,.k40patriot43-cont:hover .img-xg img,.k40patriot45-cont-img:hover img,.k40patriot46-fd-right:hover img,.k40patriot49-cont ul li:hover img{animation:img-xg 2s linear 1}
.k40patriot01-cont2 li:hover .img-xg img,.k40patriot04-cont2 ul li:hover .img-xg img,.k40patriot47 ul li:hover img,.k40patriot48-cont ul li:hover .k40patriot48-fd-left img{animation:img-xg2 2s linear 1}
@keyframes img-xg{0%{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}
50%{transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
100%{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}
}
@keyframes img-xg2{0%{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}
50%{transform:scale(.8);-ms-transform:scale(.8);-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8)}
100%{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}
}
.k40patriot40-bgtppc{position:sticky;top:0;left:0}
#pinImg,#pinImg1,#pinImg2{width:67%}
.k40patriot06-cont2{position:relative}
.k40patriot-head p span{color:#fff}
.k40patriot06-cont2-dw.on{height:100%;position:fixed;top:10%;left:0;width:100%}
.k40patriot06-cont2-dw{margin-bottom:10%}
.k40patriot06-cont2-dw-head{display:none}
.k40patriot06-cont2-dw.on .k40patriot06-cont2-dw-head{display:block}
.k40patriot06-cont2-dw video,.k40patriot06-cont3-dw video{width:100%}
.k40patriot06-cont2-dw,.k40patriot06-cont3-dw{position:relative}
.k40patriot06-cont2-dw .xl1{position:absolute;left:10%;font-size:18px;top:28%;width:28%;color:rgb(168 176 177 / 62%)}
.k40patriot06-cont2-dw .xl1 em{width:100%;height:1px;display:block;background-color:rgb(168 176 177 / 62%);margin-bottom:12px;position:relative}
.k40patriot06-cont2-dw .xl1 em::after,.k40patriot06-cont2-dw .xl1 em::before{content:"";width:10px;height:10px;position:absolute;left:-10px;top:-4px;background-color:rgb(168 176 177 / 62%);border-radius:50%}
.k40patriot06-cont2-dw .xl1 em::after,.k40patriot06-cont2-dw .xl2 em::after,.k40patriot06-cont3-dw .xl1 em::after,.k40patriot06-cont3-dw .xl2 em::after{animation:scale 2s 1.5s infinite}
@keyframes scale{0%{transform:scale(1);opacity:.9}
100%{transform:scale(3);opacity:0}
}
.k40patriot06-cont2-dw .xl2{position:absolute;right:25%;font-size:18px;top:72%;width:22%;color:rgb(168 176 177 / 62%);text-align:right;text-align:center}
.k40patriot06-cont2-dw .xl2 em{width:1px;height:120px;display:block;background-color:rgb(168 176 177 / 62%);margin-bottom:15px;position:relative;margin:auto;margin-bottom:20px}
.k40patriot06-cont2-dw .xl2 em::after,.k40patriot06-cont2-dw .xl2 em::before{content:"";width:10px;height:10px;position:absolute;right:-5px;bottom:-10px;background-color:rgb(168 176 177 / 62%);border-radius:50%}
.k40patriot06-cont3-dw .xl1{position:absolute;right:16%;font-size:18px;top:29%;width:35%;color:rgb(168 176 177 / 62%);text-align:right}
.k40patriot06-cont3-dw .xl1 em{width:100%;height:1px;display:block;background-color:rgb(168 176 177 / 62%);margin-bottom:12px;position:relative}
.k40patriot06-cont3-dw .xl1 em::after,.k40patriot06-cont3-dw .xl1 em::before{content:"";width:10px;height:10px;position:absolute;right:-10px;top:-4px;background-color:rgb(168 176 177 / 62%);border-radius:50%}
.k40patriot06-cont3-dw .xl2{position:absolute;right:32%;font-size:18px;top:42%;width:27%;color:rgb(168 176 177 / 62%);text-align:center}
.k40patriot06-cont3-dw .xl2 em{width:1px;height:25vh;display:block;background-color:rgb(168 176 177 / 62%);margin-bottom:15px;position:relative;margin:auto;margin-bottom:20px}
.k40patriot06-cont3-dw .xl2 em::after,.k40patriot06-cont3-dw .xl2 em::before{content:"";width:10px;height:10px;position:absolute;right:-5px;bottom:-10px;background-color:rgb(168 176 177 / 62%);border-radius:50%}
.k40patriot01-cont3-dw2{position:relative}
.k40patriot-head-k40patriot01{position:absolute;top:13%;text-align:center;width:100%}
.k40patriot-head-k40patriot01.on{display:none}
.k40patriot-head-k40patriot01 h2{font-size:100rem;line-height:1;opacity:0}
.k40patriot05-dw{position:absolute;top:55%;left:0;width:100%;z-index:999;text-align:center}
.k40patriot05-dw-k{position:relative}
.k40patriot05-dw.on{display:block}
.k40patriot05-dw p{font-size:26rem}
.k40patriot05-dw h5{font-size:110rem;font-weight:700}
@media (max-width:1259px){.k40patriot06-cont2-dw .xl1,.k40patriot06-cont2-dw .xl2,.k40patriot06-cont3-dw .xl1,.k40patriot06-cont3-dw .xl2{font-size:18px}
.k40patriot06-cont2-dw,.k40patriot06-cont3-dw{margin-top:5%}
}
@media (max-width:769px){.k40patriot06-cont2-dw .xl1,.k40patriot06-cont2-dw .xl2,.k40patriot06-cont3-dw .xl1,.k40patriot06-cont3-dw .xl2{font-size:12px}
.k40patriot06-cont2-dw,.k40patriot06-cont3-dw{margin-top:50px}
.k40patriot06-cont2-dw{margin-bottom:100px}
.k40patriot06-cont3-dw{margin-bottom:50px}
.k40patriot06-cont3-dw .xl2 em{height:100px}
.k40patriot06-cont2-dw .xl1{width:35%;left:5%;top:24%}
.k40patriot06-cont2-dw .xl1 p{width:50%}
.k40patriot06-cont2-dw .xl2{width:38%;right:19%}
.k40patriot06-cont2-dw .xl2 em{height:80px}
.k40patriot06-cont3-dw .xl1{width:47%;right:5%}
.k40patriot06-cont3-dw .xl1 p{width:80%;margin-left:20%}
.k40patriot06-cont3-dw .xl2{width:50%;left:28%}
}
.evmaxpc{display:block}
.evmaxmap{display:none}
.k40patriot{background:rgb(2 2 2)}
.k40patriot46-fd-ms p{line-height:1.4}
.k40patriot42-ul3{width:90%}
.k40patriot02_hfont .k40patriot02_hdec{line-height:1.5}
.k40patriot05-cont2 ul{padding-top:5%}
.k40patriot48-fd-ms{max-height:150px;overflow-x:hidden;overflow-y:auto}
.k40patriot40-bgtppc{position:sticky;top:0;left:0}
#pinImg,#pinImg2{width:67%}
.k40patriot05-cont2{padding-top:0!important}
.k40patriot01-cont2 ul,.k40patriot04-cont2 ul,.k40patriot40-cont2 ul{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start}
.k40patriot-head h2{letter-spacing:0}
.k40patriot-head p{font-size:20px}
.k40patriot-head h2 span{font-size:37px}
.k40patriot06 .k40patriot06_dec,.k40patriot46 .k40patriot46_dec,.k40patriot46_dec{font-size:18px;line-height:1.56;color:rgba(85,85,85,.79);margin-top:10px}
.k40patriot06 .k40patriot06_dec{margin-top:30px}
.k40patriot46 .k40patriot46_dec{color:rgba(85,85,85,.79);text-align:center;margin-top:3%;width:60%;margin-left:40%}
.k40patriot03 .k40patriot-head p{font-weight:400;color:#959596}
.k40patriot05 .k40patriot-head p{margin-top:10px}
.k40patriot-head p a,.k40patriot42-ul2 li,.k40patriot43 .k40patriot-head p,.k40patriot44-fd-right p,.k40patriot45 .k40patriot-head p,.k40patriot45-cont-ms p,.k40patriot48-fd-right h5{font-size:20px}
.k40patriot04-cont2-des p,.k40patriot07-cont2 li p,.k40patriot42-ul3 li p,.k40patriot46-fd-ms p{font-size:17px}
.k40patriot07-cont2 li p{font-weight:400}
.k40patriot04-cont2-des p{line-height:1.4}
.k40patriot05-cont2 .tx{font-size:18px;text-align:center}
.k40patriot04-cont2-des h5{font-size:25px}
.k40patriot04-cont2-des p,.k40patriot44-cont2 ul li,.k40patriot44-fd{text-align:left}
.k40patriot50-3d-left p{font-size:16px}
.k40patriot50-dh p{text-align:center}
.k40patriot04-cont2-des{padding:15px 0}
.k40patriot41-fd-left-ms{font-size:16px}
.k40patriot41-fd-right-dw h5{font-size:22px;font-weight:700}
.k40patriot42-ul2 li:nth-child(2){margin:0 8%}
.k40patriot44-fd-right h5,.k40patriot45-cont-ms h5,.k40patriot46-fd-ms h5{font-size:25px}
.k40patriot47 ul li{padding:8% 2%}
.k40patriot47 ul li p{font-size:19px;color:#909090}
.k40patriot48-fd-right{width:66%}
@media screen and (max-width:1459px){.k40patriot02_hfont .k40patriot02_htit{font-size:24px}
.k40patriot02_hfont .k40patriot02_hdec{font-size:16px}
.k40patriot02-cont2-anniu p{padding:10px 40px}
.k40patriot-head h2 span{font-size:32px}
}
@media screen and (max-width:1366px){.k40patriot42-ul3 li p{font-size:18px}
.k40patriot42-ul3 li{padding:15px 0}
}
@media screen and (max-width:1259px){.k40patriot42-ul3{width:100%}
.k40patriot04-cont2 ul li{height:auto}
.k40patriot47 ul li p{font-size:16px;line-height:24px}
.k40patriot47 ul li h5{margin:15% 0 7%}
.k40patriot04-cont2-des h5{font-size:22px}
}
@media screen and (max-width:1100px){.k40patriot49-cont ul li p{font-size:18px}
.k40patriot02_hfont .k40patriot02_htit{font-size:20px}
}
@media screen and (max-width:769px){.k40patriot42-cont2{padding-top:5%}
.k40patriot46 .k40patriot46_dec{width:100%;margin-left:0}
.k40patriot04-cont2 ul li,.k40patriot42-ul2,.k40patriot42-ul2 li,.k40patriot48-fd-right{width:100%}
.k40patriot02 .k40patriot-head p,.k40patriot02_hfont .k40patriot02_hdec,.k40patriot02_hfont .k40patriot02_htit{text-align:left}
.k40patriot-head p,.k40patriot-head p a,.k40patriot02_hfont .k40patriot02_hdec,.k40patriot04-cont2-des p,.k40patriot05-cont2 .tx,.k40patriot05-cont2 ul li p,.k40patriot06 .k40patriot06_dec,.k40patriot07-cont2 li p,.k40patriot41-fd-right-dw p,.k40patriot42-ul2 li,.k40patriot42-ul3 li p,.k40patriot43 .k40patriot-head p,.k40patriot44-fd-right p,.k40patriot45 .k40patriot-head p,.k40patriot45-cont-ms p,.k40patriot45_dec,.k40patriot46 .k40patriot46_dec,.k40patriot46-fd-ms p,.k40patriot46_dec,.k40patriot49-cont ul li p{font-size:15px}
.k40patriot02_hul li,.k40patriot02_hul li:hover{height:85vh}
.k40patriot02-cont2-anniu p{padding:10px 30px;font-size:16px}
.k40patriot-head h2,.k40patriot-head h2 span,.k40patriot07 .k40patriot-head h2,.k40patriot45 .k40patriot-head h2,.k40patriot46 .k40patriot-head h2,.k40patriot47 .k40patriot-head h2{font-size:26px}
.k40patriot02-cont2-anniu p em{width:15px;height:15px;vertical-align:1px}
.k40patriot50-3d-left h5{font-size:20px}
.k40patriot04-cont2-des h5,.k40patriot44-fd-right h5,.k40patriot45-cont-ms h5,.k40patriot46-fd-ms h5,.k40patriot47 ul li h5{font-size:18px}
.k40patriot05-cont2 ul li h5,.k40patriot07-cont2 li h5,.k40patriot41-fd-right-dw h5{font-size:20px}
.k40patriot05-cont2{padding-top:5%!important}
.k40patriot05-bgtp2{padding-top:15%}
.k40patriot04{padding-top:0}
.k40patriot42-ul2 li,.k40patriot42-ul2 li:nth-child(2),.k40patriot42-ul2 li:nth-child(3){margin:0 2% 10px 2%}
.k40patriot42-ul2{margin-top:10%}
.k40patriot42-ul3 li p{line-height:26px}
.k40patriot48-fd-ms{max-height:initial;text-align:left}
.k40patriot47 ul li h5{margin:6% 0 2.5% 0;margin:30px 0 15px 0}
.k40patriot05-bgtp2,.k40patriot42{padding-top:0}
.k40patriot-hua .k40patriot05-bgtp2{padding-top:15%}
.k40patriot03,.k40patriot41{padding-top:10px}
.k40patriot04{padding-bottom:0}
.k40patriot04-cont2-des,.k40patriot46-fd-left,.hk40patriot46 .k40patriot46-fd-left{padding:0}
.k40patriot04-cont2-des h5{margin:4% 0 3% 0}
.k40patriot05-cont2 ul li p,.k40patriot07-cont2 li p,.k40patriot40-cont2 ul li p{margin-top:5px}
.k40patriot46-cont{margin-top:20px}
.k40patriot46-fd-ms h5{margin-bottom:3%}
.k40patriot45-cont-ms p{margin-top:2.5%}
.k40patriot48-fd-right{margin-top:35px}
.k40patriot49-cont ul li p{padding:5px 0}
.k40patriot42-ul2 li{padding:4px 0}
.k40patriot45-cont-ms{margin-top:5%}
.k40patriot47 ul{margin-bottom:0}
.k40patriot47 ul li{padding:12% 2%;padding:50px 10px}
.k40patriot47 ul li,.k40patriot47 ul li p{min-height:auto}
.k40patriot47 ul li img{max-width:60px}
.k40patriot48-cont ul li:first-child{margin-top:0}
.k40patriot02-cont2-anniu p{padding:8px 20px;font-size:16px}
.k40patriot02-cont2-anniu-banner{margin:10% 0;position:static}
.k40patriot02_hfont{width:100%}
.evmaxpc{display:none!important}
.evmaxmap{display:block!important}
.k40patriot05-dw{top:14%}
.k40patriot05-dw p{font-size:16px}
.k40patriot05-dw h5{font-size:30px}
.dwdiv,.k40patriot42-ul1 li{position:relative}
.k40patriot02-cont2-anniu-sp{position:absolute;top:38%}
.k40patriot06-cont2-dw img,.k40patriot06-cont3-dw img{max-width:none;width:200%;margin-left:-55%}
.fd150{width:150%;max-width:150%;margin-left:-28%}
.k40patriot41-fd-right-ms img{width:80%}
}
@media (max-width:320px){.k40patriot05-cont-dw p{font-size:110px}
}
#k40patriot05_dw01{position:absolute;top:30%;left:50%;transform:translateX(-50%);width:100%;width:100%;text-align:center}
.k40patriot-hua.active #k40patriot05_dw01{position:fixed}
.k40patriot05-dw-k{position:relative}
@media (max-width:1366px){#k40patriot05_dw01,.k40patriot-hua.active #k40patriot05_dw01{position:absolute;top:34%}
}
@media screen and (max-width:760px){.k40patriot02-cont2-anniu-banner p{background-color:#d9d9d9;height:35px}
.k40patriot02-cont2-anniu p em{display:inline-block;vertical-align:middle;width:14px;height:14px;margin-left:0;position:relative}
.k40patriot02-cont2-anniu p img{max-width:14px;top:-1px}
.k40patriot02-cont2-anniu-tb{bottom:20px;top:auto;text-align:right;margin:auto;padding-right:20px}
.k40patriot02-cont2-anniu-tb img{width:52px;display:inline-block}
.k40patriot40-bgtphone{display:block!important}
.k40patriot05-cont-dw img{max-width:200%;width:200%;margin-left:-41%!important}
.k40patriot05-cont-dw{margin-bottom:80px!important}
.k40patriot40-map{position:relative;margin-bottom:30px}
.k40patriot40-map h2{margin-bottom:30px}
.k40patriot40-cont2 ul{margin-top:0}
.evmaxmap-jb{position:relative}
.evmaxmap-jb img:nth-child(1){width:140%;margin-left:-20%;max-width:200%}
.evmaxmap-jb img:nth-child(2){position:absolute;top:0;width:100%;left:0;height:100%}
.k40patriot42-ul2 li{width:45%}
.k40patriot44-cont{padding:15px}
.k40patriot49-cont ul li p{background-color:rgb(0 0 0 / 48%)}
.k40patriot02 .k40patriot-head,.k40patriot03 .k40patriot-head,.k40patriot04 .k40patriot-head,.k40patriot40 .k40patriot-head,.k40patriot44 .k40patriot-head,.k40patriot46 .k40patriot-head{text-align:left}
.k40patriot04-cont2-des p{text-align:center}
}


body > div.mainer > div.application-spe > div:nth-child(2) > div > div > div > div.prodt-cont.prodt82 > div #video-5 {
    width: 100%
}

 @media (max-width: 971px){
.home-video .video-wrap {height: 40vh;}
.applicationinfo-cont2-img .applicationinfo-cont2-imgicon img{max-width: 70%;}
}

 @media (max-width: 760px){
.home-video .video-wrap {height: 40vh;}
.applicationinfo-cont2-img .applicationinfo-cont2-imgicon  img {max-width: 70%;}
}

.applicationinfo-cont2-img .applicationinfo-cont2-imgicon  img {max-width: 70%;}

.applicationinfo-cont5 .applicationinfo-cont5-num  img {max-width: 70%;}

.applicationinfo-cont5 .applicationinfo-cont5-img img {max-width: 70%;}

.mainer .catnav .w1280 a {font-size: 14px;     vertical-align: top;}



  .c-img_ratio>img[src=""] {
    opacity: 0;
    visibility: hidden;
   }
   .flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight li a.tab-active,.flightxfj-list .flightxfj-list-pcmenu .flightxfj-list-menuRight li:hover a {
   color:  #ff4646
   }
   header.header-white .content .logo img {
    width: 60%;
}
    .non-immersive main {
    padding-top: inherit;
    }
 
 
.table_tech h3 {
    font-family: inherit;
    font-weight: 400;
    text-align: center;
    color: white;
 } 
  
.table_tech h3 img{
    margin-bottom: -20px;
    opacity: 0.6;
	 width: 366px;
}
  
 .table_tech h3 img:hover{
    opacity: 1;

 } 
 
 .table_tech h3 span{
    color: #009dcc;
	    font-size: calc(0.46 * var(--fs));
 } 
 
 
.table_tech {
    background-color: #000000;
    padding-top: 5%;
    padding-bottom: 5%;
}

.table_tech table {
    border-collapse: separate;
    background: #000;
    margin: 15px auto;
    width: 61.45833%;
    margin-left: auto;
    margin-right: auto;
}


.table_tech table thead tr th {
  font-size:22px;
  font-weight:400;
  color:#fff;
  @include text-shadow(1px 1px 0px rgba(0,0,0,0.5));
  text-align:left;
  padding:20px;
  @include background-image(linear-gradient(#646f7f, #4a5564));
  border-bottom: 1px solid #858d99;
  padding-top: 4%;
      min-width: 247px;
  }

.table_tech table tbody tr {
  color:#5f6062;
      background-color: #181818;
  
}
 .table_tech tbody:hover > tr:hover td {
	background-color: #242424;
    border: none;
	text-align: left;
	    min-width: 247px;
}

 .table_tech tbody tr:nth-child(2n) {
    background: #000000
}

.table_tech table tbody tr td {
  font-weight:400;
  color:#b0b0b0;
  font-size:19px;
  padding:15px 24px 23px 4%;
  text-align: left
}

.table_tech tabletbody tr:nth-child(2n) {
  background:#f0f3f5;
}

.table_tech tabletbody tr:last-child td {
  border-bottom:none;
  &:first-child {
    @include border-bottom-left-radius(5px);
	    width: 40%;
  }
  &:last-child {
    @include border-bottom-right-radius(5px);
  }
}

.table_tech tabletbody:hover > tr td {
  @include opacity(0.5);
  
  /* uncomment for blur effect */
  /* color:transparent;
  @include text-shadow(0px 0px 2px rgba(0,0,0,0.8));*/
}

.table_tech tabletbody:hover > tr:hover td {
  @include text-shadow(none);
  color:#2d2d2d;
  @include opacity(1.0);
}

@media screen and (max-width: 768px){
.table_tech table {
    width: 93%;
}
.table_tech table thead tr th {
          min-width: 200px;
		 font-size: 13px;
  }
.table_tech table thead tr th {
    font-size: 16px;
	}
.table_tech h3 img {
    width: 222px;
    margin-bottom: 15px;
}


.table_tech table tbody tr td {
    font-size: 14px;

}
}