@charset "UTF-8";






.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.simple-form-basic, .simple-text, .simple-textarea, .simple-select {
  border: 1px solid #ccc;
  padding: 4px;
  vertical-align: middle;
}
.simple-form-basic:focus, .simple-text:focus, .simple-textarea:focus, .simple-select:focus {
  outline: 0 none;
}

.simple-text {
  height: 18px;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.simple-text:focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}

.simple-textarea {
  height: 18px;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  height: 80px;
  width: 500px;
  vertical-align: top;
}
.simple-textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}

.simple-select {
  *margin-top: 5px;
  *margin-bottom: 5px;
  *vertical-align: top;
}

.reset-radio-checkbox {
  margin: 0 5px 0 0;
  padding: 0;
  font-size: 13px;
  *width: 13px;
  *height: 13px;
}

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 0. sassCore's style
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  overflow-y: scroll;
  /* 0 */
  /*-webkit-overflow-scrolling: touch;*/
  /* 0 */
}

/**
 * 1. Remove default margin
 * 0. sassCore's style.
 */
body {
  margin: 0;
  /* 1 */
  font-size: 12px;
  /* 0 */
  line-height: 2;
  /* 0 */
  color: #333;
  /* 0 */
  background-color: #fff;
  /* 0 */
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 * 3. Correct `inline-block` display in IE 6/7.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
  *display: inline;
  /* 3 */
  *zoom: 1;
  /* 3 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background color from active links in IE 10.
 * 2. Improve readability when focused and also mouse hovered in all browsers.
 * 0. sassCore's style.
 */
a {
  background: transparent;
  /* 1 */
  /* 0 */
  text-decoration: none;
  color: #08c;
}
a:active, a:hover {
  outline: 0;
  /* 2 */
}
a:hover {
  color: #006699;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improve image quality when scaled in IE 7.
 * 0. sassCore's style.
 */
img {
  border: 0;
  /* 1 */
  vertical-align: middle;
  /* 0 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * 1. Contain overflow in all browsers.
 * 2. Improve readability of pre-formatted text in all browsers.
 */
pre {
  overflow: auto;
  /* 1 */
  white-space: pre;
  /* 2 */
  white-space: pre-wrap;
  /* 2 */
  word-wrap: break-word;
  /* 2 */
}

/**
 * 1. Address odd `em`-unit font size rendering in all browsers.
 * 2. Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  _font-family: 'courier new', monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {

  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea:focus,
input:focus {
  outline: none;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="text"] {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9/10/11.
 * 0. sassCore's style
 */
textarea {
  overflow: auto;
  /* 1 */
  resize: vertical;
  /* 0 */
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

html,
button,
input,
select,
textarea {
  font-family: "Microsoft Yahei","Source Han Sans CN", "Noto Sans S Chinese Light",  "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, figure, form, blockquote {
  margin: 0;
}

ul, ol, li, dl, dd {
  margin: 0;
  padding: 0;
}

ul, ol {
  list-style: none outside none;
}

h1, h2, h3 {
  line-height: 2;
  font-weight: normal;
}

h1 {
  font-size: 18px;
}

h2 {
  font-size: 15.6px;
}

h3 {
  font-size: 14.04px;
}

h4 {
  font-size: 12px;
}

h5, h6 {
  font-size: 10.2px;
  text-transform: uppercase;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #ccc;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #ccc;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #ccc;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ccc;
}

html {
  overflow: hidden;
  overflow-y: scroll;
}

button, input, textarea, select {
  border: none;
  border-radius: 0;
  outline: none;
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

img {
  display: inline-block;
  max-width: 100%;
  /*图片清晰处理*/
  image-rendering: crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -o-crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}



.f-cb {
  zoom: 1;
}

.f-cb:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: ".";
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.por {
  position: relative;
}

.poa {
  position: absolute;
}

.pof {
  position: fixed;
}

.poa-f {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ovh {
  overflow: hidden;
}

.noselect {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.dn {
  display: none;
}

.w-f {
  width: 100%;
}

.h-f {
  height: 100%;
}

.loader {
  width: 50px;
  height: 50px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  border-top: 2px solid rgba(0, 0, 0, 0.08);
  border-right: 2px solid rgba(0, 0, 0, 0.08);
  border-bottom: 2px solid rgba(0, 0, 0, 0.08);
  border-left: 2px solid rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  animation: spinner 700ms infinite linear;
}

.loader.white {
  border-top: 2px solid rgba(255, 255, 255, 0.08);
  border-right: 2px solid rgba(255, 255, 255, 0.08);
  border-bottom: 2px solid rgba(255, 255, 255, 0.08);
  border-left: 2px solid rgba(255, 255, 255, 0.5);
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*手机上a链接有黑色透明底怎么去掉
给a加这个样式*/
a {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

select, input {
  outline: none;
}

/*ie 去掉自带关闭*/
input::-ms-clear {
  display: none;
}

/*网站单位设置*/
@media only screen and (min-width: 360px) {
  html {
    font-size: 26px !important;
  }
}
@media only screen and (min-width: 435px) {
  html {
    font-size: 30px !important;
  }
}
/*@media only screen and(min-width: 500px) {
  html {
    font-size: 36px!important
  }
}*/
@media (min-width: 769px) {
  html {
    font-size: 34px !important;
  }
}
@media only screen and (min-width: 1024px) {
  html {
    font-size: 28px !important;
  }
}
@media only screen and (min-width: 1200px) {
  html {
    font-size: 30px !important;
  }
}
@media only screen and (min-width: 1440px) {
  html {
    font-size: 34px !important;
  }
}
@media only screen and (min-width: 1680px) {
  html {
    font-size: 40px !important;
  }
}
::-moz-selection {
  background: #000;
  color: #fff;
}

::selection {
  background: #000;
  color: #fff;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
  background: #000;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #000;
}

::-webkit-scrollbar-thumb:vertical:hover {
  background: #000;
}

/*==常用颜色==*/
.col-fff {
  color: #fff;
}

/*.col-000 {
  color: #000;
}*/
.col-000 {
  color: #333;
}

.col-111 {
  color: #111;
}

/*.col-222 {
  color: #222;
}*/
.col-222 {
  color: #333;
}

.col-333 {
  color: #333;
}

.col-444 {
  color: #444;
}

.col-555 {
  color: #555;
}

.col-666 {
  color: #666;
}

.col-777 {
  color: #666;
}

.col-888 {
  color: #666;
}

.col-999 {
  color: #999;
}

/*==常用字号==*/
.tit-12 {
  font-size: 12px;
  line-height: 2;
}

.tit-13 {
  font-size: 13px;
  line-height: 2;
}

.tit-14 {
  font-size: 14px;
  line-height: 2;
}

.tit-15 {
  font-size: 15px;
  line-height: 2;
}

.tit-16 {
  line-height: 1.8;

  font-size: 16px;
}

.tit-17 {
  line-height: 1.8;
  font-size: 17px;
}

.tit-18 {
  line-height: 1.8;
  font-size: 17px;
}

.tit-19 {
  line-height: 1.8;
  font-size: 19px;
}

.tit-20 {
  line-height: 1.8;
  font-size: 20px;
}

.tit-21 {
  line-height: 1.8;
  font-size: 21px;
}

.tit-22 {
  line-height: 1.8;
  font-size: 22px;
}

.tit-23 {
  line-height: 1.8;
  font-size: 23px;
}

.tit-24 {
  line-height: 1.8;
  font-size: 24px;
}

.tit-25 {
  line-height: 1.8;
  font-size: 25px;
}

.tit-26 {
  line-height: 1.8;
  font-size: 26px;
}

.tit-27 {
  line-height: 1.8;
  font-size: 27px;
}

.tit-28 {
  line-height: 1.8;
  font-size: 28px;
}

.tit-29 {
  line-height: 1.8;
  font-size: 29px;
}

.tit-30 {
  line-height: 1.8;
  font-size: 30px;
}

.tit-31 {
  line-height: 1.8;
  font-size: 31px;
}

.tit-32 {
  line-height: 1.8;
  font-size: 32px;
}

.tit-33 {
  line-height: 1.8;
  font-size: 33px;
}

.tit-34 {
  line-height: 1.8;
  font-size: 34px;
}

.tit-35 {
  line-height: 1.8;
  font-size: 35px;
}

.tit-36 {
  line-height: 1.8;
  font-size: 36px;
}

.tit-37 {
  line-height: 1.8;
  font-size: 37px;
}

.tit-38 {
  line-height: 1.8;
  font-size: 38px;
}

.tit-39 {
  line-height: 1.8;
  font-size: 39px;
}

.tit-40 {
  line-height: 1.8;
  font-size: 40px;
}

.tit-41 {
  line-height: 1.8;
  font-size: 41px;
}

.tit-42 {
  line-height: 1.8;
  font-size: 42px;
}

.tit-43 {
  line-height: 1.8;
  font-size: 43px;
}

.tit-44 {
  line-height: 1.8;
  font-size: 44px;
}

.tit-45 {
  line-height: 1.8;
  font-size: 45px;
}

.tit-46 {
  line-height: 1.8;
  font-size: 46px;
}

.tit-47 {
  line-height: 1.8;
  font-size: 47px;
}

.tit-48 {
  line-height: 1.8;
  font-size: 48px;
}

.tit-49 {
  line-height: 1.8;
  font-size: 49px;
}

.tit-50 {
  line-height: 1.8;
  font-size: 50px;
}

.tit-51 {
  line-height: 1.8;
  font-size: 51px;
}

.tit-52 {
  line-height: 1.8;
  font-size: 52px;
}

.tit-53 {
  line-height: 1.8;
  font-size: 53px;
}

.tit-54 {
  line-height: 1.8;
  font-size: 54px;
}

.tit-55 {
  line-height: 1.8;
  font-size: 55px;
}

.tit-56 {
  line-height: 1.8;
  font-size: 56px;
}

.tit-57 {
  line-height: 1.8;
  font-size: 57px;
}

.tit-58 {
  line-height: 1.8;
  font-size: 58px;
}

.tit-59 {
  line-height: 1.8;
  font-size: 59px;
}

.tit-60 {
  line-height: 1.8;
  font-size: 60px;
}

.tit-61 {
  line-height: 1.8;
  font-size: 61px;
}

.tit-62 {
  line-height: 1.8;
  font-size: 62px;
}

.tit-63 {
  line-height: 1.8;
  font-size: 63px;
}

.tit-64 {
  line-height: 1.8;
  font-size: 64px;
}

.tit-65 {
  line-height: 1.8;
  font-size: 65px;
}

.tit-66 {
  line-height: 1.8;
  font-size: 66px;
}

.tit-67 {
  line-height: 1.8;
  font-size: 67px;
}

.tit-68 {
  line-height: 1.8;
  font-size: 68px;
}

.tit-69 {
  line-height: 1.8;
  font-size: 69px;
}

.tit-70 {
  line-height: 1.8;
  font-size: 70px;
}

.tit-71 {
  line-height: 1.8;
  font-size: 71px;
}

.tit-72 {
  line-height: 1.8;
  font-size: 72px;
}

.tit-73 {
  line-height: 1.8;
  font-size: 73px;
}

.tit-74 {
  line-height: 1.8;
  font-size: 74px;
}

.tit-75 {
  line-height: 1.8;
  font-size: 75px;
}

.tit-76 {
  line-height: 1.8;
  font-size: 76px;
}

.tit-77 {
  line-height: 1.8;
  font-size: 77px;
}

.tit-78 {
  line-height: 1.8;
  font-size: 78px;
}

.tit-79 {
  line-height: 1.8;
  font-size: 79px;
}

.tit-80 {
  line-height: 1.8;
  font-size: 80px;
}

@media (max-width: 1681px) {
  /*==常用字号==*/
  .tit-12 {
    font-size: 12px;
  }

  .tit-13 {
    font-size: 13px;
  }

  .tit-14 {
    font-size: 13px;
  }

  .tit-15 {
    font-size: 14px;
  }

  .tit-16 {
    font-size: 15px;
  }

  .tit-17 {
    font-size: 16px;
  }

  .tit-18 {
    font-size: 16px;
  }

  .tit-19 {
    font-size: 18px;
  }

  .tit-20 {
    font-size: 18px;
  }

  .tit-21 {
    font-size: 19px;
  }

  .tit-22 {
    font-size: 20px;
  }

  .tit-23 {
    font-size: 21px;
  }

  .tit-24 {
    font-size: 22px;
  }

  .tit-25 {
    font-size: 23px;
  }

  .tit-26 {
    font-size: 24px;
  }

  .tit-27 {
    font-size: 25px;
  }

  .tit-28 {
    font-size: 26px;
  }

  .tit-29 {
    font-size: 27px;
  }

  .tit-30 {
    font-size: 27px;
  }

  .tit-31 {
    font-size: 28px;
  }

  .tit-32 {
    font-size: 29px;
  }

  .tit-33 {
    font-size: 30px;
  }

  .tit-34 {
    font-size: 31px;
  }

  .tit-35 {
    font-size: 32px;
  }

  .tit-36 {
    font-size: 33px;
  }

  .tit-37 {
    font-size: 34px;
  }

  .tit-38 {
    font-size: 35px;
  }

  .tit-39 {
    font-size: 36px;
  }

  .tit-40 {
    font-size: 37px;
  }

  .tit-42 {
    font-size: 38px;
  }

  .tit-43 {
    font-size: 39px;
  }

  .tit-44 {
    font-size: 40px;
  }

  .tit-45 {
    font-size: 41px;
  }

  .tit-46 {
    font-size: 42px;
  }

  .tit-47 {
    font-size: 43px;
  }

  .tit-48 {
    font-size: 44px;
  }

  .tit-50 {
    font-size: 45px;
  }

  .tit-51 {
    font-size: 46px;
  }

  .tit-52 {
    font-size: 47px;
  }

  .tit-53 {
    font-size: 48px;
  }

  .tit-54 {
    font-size: 49px;
  }

  .tit-55 {
    font-size: 50px;
  }

  .tit-56 {
    font-size: 51px;
  }

  .tit-57 {
    font-size: 52px;
  }

  .tit-58 {
    font-size: 53px;
  }

  .tit-59 {
    font-size: 54px;
  }

  .tit-60 {
    font-size: 54px;
  }

  .tit-61 {
    font-size: 55px;
  }

  .tit-62 {
    font-size: 56px;
  }

  .tit-63 {
    font-size: 57px;
  }

  .tit-64 {
    font-size: 58px;
  }

  .tit-65 {
    font-size: 59px;
  }

  .tit-66 {
    font-size: 60px;
  }

  .tit-67 {
    font-size: 61px;
  }

  .tit-68 {
    font-size: 62px;
  }

  .tit-69 {
    font-size: 63px;
  }

  .tit-70 {
    font-size: 62px;
  }

  .tit-71 {
    font-size: 63px;
  }

  .tit-72 {
    font-size: 64px;
  }

  .tit-73 {
    font-size: 65px;
  }

  .tit-74 {
    font-size: 66px;
  }

  .tit-75 {
    font-size: 67px;
  }

  .tit-76 {
    font-size: 68px;
  }

  .tit-77 {
    font-size: 69px;
  }

  .tit-78 {
    font-size: 70px;
  }

  .tit-79 {
    font-size: 71px;
  }

  .tit-80 {
    font-size: 72px;
  }
}
@media (max-width: 1481px) {
  /*==常用字号==*/
  .tit-13 {
    font-size: 12px;
  }

  .tit-14 {
    font-size: 12px;
  }

  .tit-15 {
    font-size: 14px;
  }

  .tit-16 {
    font-size: 14px;
  }

  .tit-17 {
    font-size: 16px;
  }

  .tit-18 {
    font-size: 15px;
  }

  .tit-19 {
    font-size: 17px;
  }

  .tit-20 {
    font-size: 17px;
  }

  

  .tit-21 {
    font-size: 17px;
  }

  .tit-22 {
    font-size: 18px;
  }

  .tit-23 {
    font-size: 19px;
  }

  .tit-24 {
    font-size: 20px;
  }

  .tit-25 {
    font-size: 21px;
  }

  .tit-26 {
    font-size: 22px;
  }

  .tit-27 {
    font-size: 23px;
  }

  .tit-28 {
    font-size: 24px;
  }

  .tit-29 {
    font-size: 25px;
  }

  .tit-30 {
    font-size: 26px;
  }

  .tit-31 {
    font-size: 25px;
  }

  .tit-32 {
    font-size: 26px;
  }

  .tit-33 {
    font-size: 27px;
  }

  .tit-34 {
    font-size: 28px;
  }

  .tit-35 {
    font-size: 29px;
  }

  .tit-36 {
    font-size: 30px;
  }

  .tit-37 {
    font-size: 31px;
  }

  .tit-38 {
    font-size: 32px;
  }

  .tit-39 {
    font-size: 33px;
  }

  .tit-40 {
    font-size: 34px;
  }

  .tit-41 {
    font-size: 35px;
  }

  .tit-42 {
    font-size: 36px;
  }

  .tit-43 {
    font-size: 37px;
  }

  .tit-44 {
    font-size: 38px;
  }

  .tit-45 {
    font-size: 37px;
  }

  .tit-46 {
    font-size: 38px;
  }

  .tit-47 {
    font-size: 39px;
  }

  .tit-48 {
    font-size: 40px;
  }

  .tit-49 {
    font-size: 41px;
  }

  .tit-50 {
    font-size: 40px;
  }

  .tit-51 {
    font-size: 43px;
  }

  .tit-52 {
    font-size: 44px;
  }

  .tit-53 {
    font-size: 45px;
  }

  .tit-54 {
    font-size: 46px;
  }

  .tit-55 {
    font-size: 47px;
  }

  .tit-56 {
    font-size: 48px;
  }

  .tit-57 {
    font-size: 49px;
  }

  .tit-58 {
    font-size: 46px;
  }

  .tit-59 {
    font-size: 51px;
  }

  .tit-60 {
    font-size: 46px;
  }

  .tit-61 {
    font-size: 51px;
  }

  .tit-62 {
    font-size: 52px;
  }

  .tit-63 {
    font-size: 53px;
  }

  .tit-64 {
    font-size: 54px;
  }

  .tit-65 {
    font-size: 55px;
  }

  .tit-66 {
    font-size: 56px;
  }

  .tit-67 {
    font-size: 57px;
  }

  .tit-68 {
    font-size: 58px;
  }

  .tit-69 {
    font-size: 59px;
  }

  .tit-70 {
    font-size: 60px;
  }

  .tit-71 {
    font-size: 55px;
  }

  .tit-72 {
    font-size: 56px;
  }

  .tit-73 {
    font-size: 57px;
  }

  .tit-74 {
    font-size: 58px;
  }

  .tit-75 {
    font-size: 59px;
  }

  .tit-76 {
    font-size: 60px;
  }

  .tit-77 {
    font-size: 61px;
  }

  .tit-78 {
    font-size: 62px;
  }

  .tit-79 {
    font-size: 63px;
  }

  .tit-80 {
    font-size: 64px;
  }
}
@media (max-width: 1281px) {
  /*==常用字号==*/
  .tit-13 {
    font-size: 12px;
  }

  .tit-14 {
    font-size: 13px;
  }

  .tit-15 {
    font-size: 14px;
  }

  .tit-16 {
    font-size: 14px;
  }

  .tit-17 {
    font-size: 16px;
  }

  .tit-18 {
    font-size: 15px;
  }

  .tit-19 {
    font-size: 16px;
  }

  .tit-20 {
    font-size: 17px;
  }

  .tit-22 {
    font-size: 18px;
  }

  .tit-24 {
    font-size: 19px;
  }

  .tit-25 {
    font-size: 20px;
  }

  .tit-26 {
    font-size: 21px;
  }

  .tit-27 {
    font-size: 22px;
  }

  .tit-28 {
    font-size: 23px;
  }

  .tit-29 {
    font-size: 24px;
  }

  .tit-30 {
    font-size: 25px;
  }

  .tit-31 {
    font-size: 26px;
  }

  .tit-32 {
    font-size: 27px;
  }

  .tit-33 {
    font-size: 24px;
  }

  .tit-34 {
    font-size: 25px;
  }

  .tit-35 {
    font-size: 26px;
  }

  .tit-36 {
    font-size: 27px;
  }

  .tit-37 {
    font-size: 28px;
  }

  .tit-38 {
    font-size: 29px;
  }

  .tit-39 {
    font-size: 30px;
  }

  .tit-40 {
    font-size: 31px;
  }

  .tit-41 {
    font-size: 32px;
  }

  .tit-42 {
    font-size: 33px;
  }

  .tit-43 {
    font-size: 34px;
  }

  .tit-44 {
    font-size: 35px;
  }

  .tit-45 {
    font-size: 36px;
  }

  .tit-46 {
    font-size: 37px;
  }

  .tit-47 {
    font-size: 38px;
  }

  .tit-48 {
    font-size: 39px;
  }

  .tit-49 {
    font-size: 40px;
  }

  .tit-50 {
    font-size: 38px;
  }

  .tit-51 {
    font-size: 39px;
  }

  .tit-52 {
    font-size: 40px;
  }

  .tit-53 {
    font-size: 41px;
  }

  .tit-54 {
    font-size: 42px;
  }

  .tit-55 {
    font-size: 43px;
  }

  .tit-56 {
    font-size: 44px;
  }

  .tit-57 {
    font-size: 45px;
  }

  .tit-58 {
    font-size: 46px;
  }

  .tit-59 {
    font-size: 47px;
  }

  .tit-60 {
    font-size: 48px;
  }

  .tit-61 {
    font-size: 49px;
  }

  .tit-62 {
    font-size: 50px;
  }

  .tit-63 {
    font-size: 51px;
  }

  .tit-64 {
    font-size: 52px;
  }

  .tit-65 {
    font-size: 53px;
  }

  .tit-66 {
    font-size: 54px;
  }

  .tit-67 {
    font-size: 55px;
  }

  .tit-68 {
    font-size: 56px;
  }

  .tit-69 {
    font-size: 57px;
  }

  .tit-70 {
    font-size: 58px;
  }

  .tit-71 {
    font-size: 51px;
  }

  .tit-72 {
    font-size: 52px;
  }

  .tit-73 {
    font-size: 53px;
  }

  .tit-74 {
    font-size: 54px;
  }

  .tit-75 {
    font-size: 55px;
  }

  .tit-76 {
    font-size: 56px;
  }

  .tit-77 {
    font-size: 57px;
  }

  .tit-78 {
    font-size: 58px;
  }

  .tit-79 {
    font-size: 59px;
  }

  .tit-80 {
    font-size: 60px;
  }
}
@media (max-width: 1024px) {
  .tit-24 {
    font-size: 16px;
  }

  .tit-25 {
    font-size: 17px;
  }

  .tit-26 {
    font-size: 18px;
  }

  .tit-27 {
    font-size: 19px;
  }

  .tit-28 {
    font-size: 20px;
  }

  .tit-29 {
    font-size: 21px;
  }

  .tit-30 {
    font-size: 22px;
  }

  .tit-31 {
    font-size: 23px;
  }

  .tit-32 {
    font-size: 24px;
  }

  .tit-33 {
    font-size: 21px;
  }

  .tit-34 {
    font-size: 22px;
  }

  .tit-35 {
    font-size: 23px;
  }

  .tit-36 {
    font-size: 24px;
  }

  .tit-37 {
    font-size: 25px;
  }

  .tit-38 {
    font-size: 26px;
  }

  .tit-39 {
    font-size: 27px;
  }

  .tit-40 {
    font-size: 28px;
  }

  .tit-41 {
    font-size: 29px;
  }

  .tit-42 {
    font-size: 30px;
  }

  .tit-43 {
    font-size: 31px;
  }

  .tit-44 {
    font-size: 32px;
  }

  .tit-45 {
    font-size: 33px;
  }

  .tit-46 {
    font-size: 34px;
  }

  .tit-47 {
    font-size: 35px;
  }

  .tit-48 {
    font-size: 36px;
  }

  .tit-49 {
    font-size: 37px;
  }

  .tit-50 {
    font-size: 34px;
  }

  .tit-51 {
    font-size: 35px;
  }

  .tit-52 {
    font-size: 36px;
  }

  .tit-53 {
    font-size: 37px;
  }

  .tit-54 {
    font-size: 38px;
  }

  .tit-55 {
    font-size: 39px;
  }

  .tit-56 {
    font-size: 40px;
  }

  .tit-57 {
    font-size: 41px;
  }

  .tit-58 {
    font-size: 42px;
  }

  .tit-59 {
    font-size: 43px;
  }

  .tit-60 {
    font-size: 44px;
  }

  .tit-61 {
    font-size: 45px;
  }

  .tit-62 {
    font-size: 46px;
  }

  .tit-63 {
    font-size: 47px;
  }

  .tit-64 {
    font-size: 48px;
  }

  .tit-65 {
    font-size: 49px;
  }

  .tit-66 {
    font-size: 50px;
  }

  .tit-67 {
    font-size: 51px;
  }

  .tit-68 {
    font-size: 52px;
  }

  .tit-69 {
    font-size: 53px;
  }

  .tit-70 {
    font-size: 54px;
  }

  .tit-71 {
    font-size: 47px;
  }

  .tit-72 {
    font-size: 48px;
  }

  .tit-73 {
    font-size: 49px;
  }

  .tit-74 {
    font-size: 50px;
  }

  .tit-75 {
    font-size: 51px;
  }

  .tit-76 {
    font-size: 52px;
  }

  .tit-77 {
    font-size: 53px;
  }

  .tit-78 {
    font-size: 54px;
  }

  .tit-79 {
    font-size: 55px;
  }

  .tit-80 {
    font-size: 56px;
  }
}
@media (max-width: 768px) {
  .tit-16 {
    font-size: 14px;
  }

  .tit-18 {
    font-size: 15px;
  }

  .tit-20 {
    font-size: 16px;
  }

  .tit-33 {
    font-size: 20px;
  }

  .tit-34 {
    font-size: 21px;
  }

  .tit-35 {
    font-size: 22px;
  }

  .tit-36 {
    font-size: 23px;
  }

  .tit-37 {
    font-size: 24px;
  }

  .tit-38 {
    font-size: 25px;
  }

  .tit-39 {
    font-size: 26px;
  }

  .tit-40 {
    font-size: 24px;
  }

  .tit-41 {
    font-size: 25px;
  }

  .tit-42 {
    font-size: 26px;
  }

  .tit-43 {
    font-size: 27px;
  }

  .tit-44 {
    font-size: 28px;
  }

  .tit-45 {
    font-size: 29px;
  }

  .tit-46 {
    font-size: 30px;
  }

  .tit-47 {
    font-size: 31px;
  }

  .tit-48 {
    font-size: 32px;
  }

  .tit-49 {
    font-size: 33px;
  }

  .tit-50 {
    font-size: 24px;
  }

  .tit-51 {
    font-size: 29px;
  }

  .tit-52 {
    font-size: 30px;
  }

  .tit-53 {
    font-size: 31px;
  }

  .tit-54 {
    font-size: 32px;
  }

  .tit-55 {
    font-size: 33px;
  }

  .tit-56 {
    font-size: 34px;
  }

  .tit-57 {
    font-size: 35px;
  }

  .tit-58 {
    font-size: 36px;
  }

  .tit-59 {
    font-size: 37px;
  }

  .tit-60 {
    font-size: 36px;
  }

  .tit-61 {
    font-size: 37px;
  }

  .tit-62 {
    font-size: 38px;
  }

  .tit-63 {
    font-size: 39px;
  }

  .tit-64 {
    font-size: 40px;
  }

  .tit-65 {
    font-size: 41px;
  }

  .tit-66 {
    font-size: 42px;
  }

  .tit-67 {
    font-size: 43px;
  }

  .tit-68 {
    font-size: 44px;
  }

  .tit-69 {
    font-size: 45px;
  }

  .tit-70 {
    font-size: 46px;
  }

  .tit-70 {
    font-size: 42px;
  }

  .tit-71 {
    font-size: 43px;
  }

  .tit-72 {
    font-size: 44px;
  }

  .tit-73 {
    font-size: 45px;
  }

  .tit-74 {
    font-size: 46px;
  }

  .tit-75 {
    font-size: 47px;
  }

  .tit-76 {
    font-size: 48px;
  }

  .tit-77 {
    font-size: 49px;
  }

  .tit-78 {
    font-size: 50px;
  }

  .tit-79 {
    font-size: 51px;
  }

  .tit-80 {
    font-size: 52px;
  }
}
@media (max-width: 768px) {
  .tit-80 {
    font-size: 32px;
  }

  .tit-60 {
    font-size: 26px;
  }
  .tit-58 {
    font-size: 26px;
  }
  .tit-48{
    font-size:24px;
  }
  .tit-32{
    font-size:22px;
  }
}
@media (max-width: 767px) {
 .tit-18 {
    font-size: 14px;
  }
}
/*正文字号*/
.conbox-14 {
  font-size: 14px;
  line-height: 1.8;
}

.conbox-15 {
  font-size: 15px;
  line-height: 1.8;
}

.conbox-16 {
  font-size: 16px;
  line-height: 1.8;
}

.conbox-17 {
  font-size: 17px;
  line-height: 1.8;
}

.conbox-18 {
  font-size: 18px;
  line-height: 1.8;
}

.conbox-19 {
  font-size: 19px;
  line-height: 1.8;
}

.conbox-20 {
  font-size: 20px;
  line-height: 1.8;
}

.conbox-21 {
  font-size: 21px;
  line-height: 1.8;
}

.conbox-22 {
  font-size: 22px;
  line-height: 1.8;
}

.conbox-23 {
  font-size: 23px;
  line-height: 1.8;
}

.conbox-24 {
  font-size: 24px;
  line-height: 1.8;
}

@media (max-width: 1481px) {
  .conbox-18 {
    font-size: 16px;
  }

  .conbox-20 {
    font-size: 18px;
  }

  .conbox-24 {
    font-size: 20px;
  }
}
@media (max-width: 1281px) {
  .conbox-14 {
    font-size: 13px;
  }

  .conbox-16 {
    font-size: 14px;
  }

  .conbox-18 {
    font-size: 14px;
  }

  .conbox-20 {
    font-size: 14px;
  }

  .conbox-24 {
    font-size: 16px;
  }
}
/*弹性盒样式*/
.f-no {
  display: flex;
  flex-flow: row wrap;
}

.f-no-b-center {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;opacity: 1!important;
}

.f-no-b-start {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.f-no-b-stretch {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}

.f-no-c-center {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.f-no-c-start {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
}

.f-no-c-stretch {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch;
}

.f-no-s-center {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}

.f-no-s-end {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-end;
}

.f-no-s-stretch {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
}

.f-no-end-start {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
}

.f-no-col {
  display: flex;
  flex-flow: column wrap;
}

.f-no-col-b-center {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: center;
}

.f-no-col-c-center {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}

.f-no-col-s-center {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: center;
}

.f-no-col-s-end {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-end;
}

.f-no-col-c-start {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start;
}

.f-no-col-b-start {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.f-no-col-end-start {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-end;
  align-items: flex-start;
}

/*响应隐藏样式*/
.pc-block {
  display: block;
}

.pc-block-768 {
  display: block;
}

.pc-block-767 {
  display: block;
}

.m-block {
  display: none;
}

.m-block-767 {
  display: none;
}

.m-block-768 {
  display: none;
}

@media (max-width: 1024px) {
  .pc-block {
    display: none;
  }

  .m-block {
    display: block;
  }
}
@media (max-width: 768px) {
  .pc-block-768 {
    display: none;
  }

  .m-block-768 {
    display: block;
  }
}
@media (max-width: 767px) {
  .pc-block-767 {
    display: none;
  }

  .m-block-767 {
    display: block;
  }
}
/*常用样式类名*/
.poa-middle {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.tran-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
}
.tran-middle2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.text-hide {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.img-cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.pointer {
  cursor: pointer;
}

.bgtop {
  background-position: top;
}

.containbg {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justif {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-l {
  text-transform: lowercase;
}

.text-u {
  text-transform: uppercase;
}

.text-c {
  text-transform: capitalize;
}

.text-bold {
  font-weight: bold;
}

.centerh {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.centerv {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.centerblock {
  margin-left: auto;
  margin-right: auto;
}

.shadow1 {
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.15);
}

.full {
  width: 100%;
  height: 100%;
}

.fullw {
  width: 100%;
}

.fullh {
  height: 100%;
}

.fullvh {
  height: 100vh;
}

.top {
  top: 0;
}

.btm {
  bottom: 0;
}

.lt {
  left: 0;
}

.rt {
  right: 0;
}

.block {
  display: block;
}

.inlineblock {
  display: inline-block;
}

.notrans {
  -webkit-transition-duration: 0s !important;
  -o-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.no-hover {
  pointer-events: none !important;
  cursor: default;
}

.trans3d0 {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.round {
  border-radius: 50%;
}

.mt0 {
  margin-top: 0;
}

.mb0 {
  margin-bottom: 0;
}

.in-block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/*网站主体区域宽度样式*/
.w100 {
  width: 100%;
}

.w1800 {
 
  margin: 0 auto; width:85.79vw
}
@media (max-width: 1800px) {
  .w1800 {
    width: 90%;
  }
}

.w1640 {
  width: 1640px;
  margin: 0 auto;
}
@media (max-width: 1720px) {
  .w1640 {
    width: 90%;
  }
}

.w1400 {
 width: 85.79vw;
    max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 1700px) {
  .w1400 {
    width: 100%;
  }
}

.w1080 {
  width: 1080px;
  margin: 0 auto;
}
@media (max-width: 1100px) {
  .w1080 {
    width: 94%;
  }
}

.w1070 {
  width: 1070px;
  margin: 0 auto;
}
@media (max-width: 1100px) {
  .w1070 {
    width: 94%;
  }
}

/*分页样式*/
.wpage {
  text-align: center;
}



.page span.laypage_curr {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0 2px;
  display: inline-block;
  background: #58b530;
  color: #fff;
  transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1);
}



.page a[rel="next"], .page a[rel="prev"] {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  width:70px;
  height: 50px;
  background: #f3f3f3;
  position: absolute;
  transition: all .8s;
}

.page a[rel="next"]:hover, .page a[rel="prev"]:hover {
  background: #58b530;
}
.page a[rel="next"]:hover .icon, .page a[rel="prev"]:hover .icon {
  fill: #fff;
}
.page a[rel="next"]:hover span, .page a[rel="prev"]:hover span {
  color: #fff;
}

.page a[rel="next"] .icon, .page a[rel="prev"] .icon {
  width: 20px;
  height: 20px;
  fill: #222;
  transition: all .8s;
}

.page a[rel="prev"] span {
  margin-left: .2rem;
}

.page a[rel="next"] span {
  margin-right: .2rem;
}

.page a[rel="next"] {
  right: 0;
}

.page a[rel="prev"] {
  left: 0;
}

.page a[rel="next"]:hover img, .page a[rel="prev"]:hover img {
  filter: grayscale(100%) brightness(10);
  opacity: .95;
}

/*分页样式end*/
@media (max-width: 767px) {
  .wrap {
    padding: 30px;
  }

  .page a[rel="prev"] span {
    display: none;
  }

  .page a[rel="next"] span {
    display: none;
  }

  .page a[rel="next"], .page a[rel="prev"] {
    width: 35px;
    height: 35px;
  }

  .page a {
    width: 25px;
    height: 25px;
    line-height: 25px;
  }

  .page {
    padding-top: 1rem;
  }
}
.wrap-sm {
  padding: 30px;
}

@media (max-width: 767px) {
  .wrap-sm {
    padding: 15px;
  }
}
.wrap-xs {
  padding: 20px;
}

@media (max-width: 767px) {
  .wrap-xs {
    padding: 10px;
  }
}
.p-v-xs {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .p-v-xs {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.p-v-sm {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (max-width: 767px) {
  .p-v-sm {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.p-v-md {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media (max-width: 959px) {
  .p-v-md {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .p-v-md {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.p-v-lg {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media (max-width: 959px) {
  .p-v-lg {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .p-v-lg {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.p-h-sm {
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 767px) {
  .p-h-sm {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.pt0 {
  padding-top: 0;
}

.pb0 {
  padding-bottom: 0;
}

.m-v-lg {
  margin-top: 100px;
  margin-bottom: 100px;
}

@media (max-width: 959px) {
  .m-v-lg {
    margin-top: 70px;
    margin-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .m-v-lg {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.m-b-xxs {
  margin-bottom: 5px;
}

.m-b-xs {
  margin-bottom: 10px;
}

.m-b-sm {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .m-b-sm {
    margin-bottom: 15px;
  }
}
.m-b-md {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .m-b-md {
    margin-bottom: 20px;
  }
}
.m-b-lg {
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .m-b-lg {
    margin-bottom: 40px;
  }
}
.m-b-xl {
  margin-bottom: 100px;
}

@media (max-width: 959px) {
  .m-b-xl {
    margin-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .m-b-xl {
    margin-bottom: 50px;
  }
}
.m-t-xxs {
  margin-top: 5px;
}

.m-t-xs {
  margin-top: 10px;
}

.m-t-sm {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .m-t-sm {
    margin-top: 15px;
  }
}
.m-t-md {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .m-t-md {
    margin-top: 20px;
  }
}
.m-t-lg {
  margin-top: 60px;
}

@media (max-width: 767px) {
  .m-t-lg {
    margin-top: 40px;
  }
}
.m-r-xxs {
  margin-right: 5px;
}

.m-r-xs {
  margin-right: 10px;
}

.m-r-sm {
  margin-right: 20px;
}

@media (max-width: 767px) {
  .m-r-sm {
    margin-right: 10px;
  }
}
.m-l-xxs {
  margin-left: 5px;
}

.m-l-xs {
  margin-left: 10px;
}

.m-l-sm {
  margin-left: 20px;
}

@media (max-width: 767px) {
  .m-l-sm {
    margin-left: 10px;
  }
}
@media (max-width: 767px) and (orientation: portrait) {
  .phone-v-fullw {
    width: 100%;
  }

  .phone-v-p0 {
    padding: 0;
  }
}
/*常用css3动画样式*/
.trans {
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all 0.4s;
}

.trans2 {
  -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

.trans-md {
  -webkit-transition: all .8s;
  -o-transition: all .8s;
  transition: all 0.8s;
}

.trans-md2 {
  -webkit-transition: all 0.8s cubic-bezier(1, 0, 0, 1);
  -o-transition: all 0.8s cubic-bezier(1, 0, 0, 1);
  transition: all 0.8s cubic-bezier(1, 0, 0, 1);
}

/*loadering动画样式2*/
.anim-loader {
  animation: loader 1829ms linear infinite, loader_dash 2156ms ease-in-out infinite;
}

.anim-fade-out {
  -webkit-animation: fade_out .5s ease forwards;
  animation: fade_out 0.5s ease forwards;
}

/*模块加载的loading-2*/
.ajax-loader {
  background: rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
  z-index: 1036;
}

.tt-ajax-loader .ajax-loader {
  visibility: visible;
  opacity: 1;
}

.tt-ajax-loader .ajax-loader .loader-icon .line {
  -webkit-animation: loader 1829ms linear infinite,loader_dash 2156ms ease-in-out infinite;
  animation: loader 1829ms linear infinite, loader_dash 2156ms ease-in-out infinite;
}

/*end*/
/*入场动画样式*/
.cssanimations .anim_emt, .cssanimations .anim_group .anim_item {
  visibility: hidden;
}

.cssanimations .anim_emt.visb, .cssanimations .anim_group .anim_item.visb {
  visibility: inherit;
}

.anim_emt.start {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.anim_emt.start.scale_up {
  -webkit-animation-name: mk_scale;
  animation-name: mk_scale;
}

.anim_emt.start.fade_in {
  -webkit-animation-name: mk_fade;
  animation-name: mk_fade;
}

.anim_emt.start.r_to_l {
  -webkit-animation-name: mk_right_to_left;
  animation-name: mk_right_to_left;
}

.anim_emt.start.l_to_r {
  -webkit-animation-name: mk_left_to_right;
  animation-name: mk_left_to_right;
}

.anim_emt.start.t_to_b {
  -webkit-animation-name: mk_top_to_bottom;
  animation-name: mk_top_to_bottom;
}

.anim_emt.start.b_to_t {
  -webkit-animation-name: mk_bottom_to_top;
  animation-name: mk_bottom_to_top;
}

.slide_anim {
  visibility: hidden;
}

.slide_anim.start {
  visibility: visible;
}

.slide_anim.b_to_t.start {
  -webkit-animation: mk_bottom_to_top 1.2s;
  animation: mk_bottom_to_top 1.2s;
}

.anim_emt.palx_img.start {
  overflow: hidden;
  -webkit-animation-name: tt_palx_wrap;
  animation-name: tt_palx_wrap;
}

.anim_emt.palx_img.start .img-wrap {
  -webkit-animation: tt_palx_img 1.2s;
  animation: tt_palx_img 1.2s;
}

.anim_emt.palx_img_l_r.start {
  overflow: hidden;
  -webkit-animation-name: tt_palx_wrap_l_r;
  animation-name: tt_palx_wrap_l_r;
}

.anim_emt.palx_img_l_r.start .img-wrap {
  -webkit-animation: tt_palx_img_l_r 1.2s;
  animation: tt_palx_img_l_r 1.2s;
}

.anim_emt.palx_img_r_l.start {
  overflow: hidden;
  -webkit-animation-name: tt_palx_wrap_r_l;
  animation-name: tt_palx_wrap_r_l;
}

.anim_emt.palx_img_r_l.start .img-wrap {
  -webkit-animation: tt_palx_wrap_r_l 1.2s;
  animation: tt_palx_wrap_r_l 1.2s;
}

.anim_emt.start.clip_b_to_t {
  animation: clip_bottom_to_top 2s ease-in-out;
}

.anim_emt.start.z_360 {
  transform-origin: 0 0;
  animation: z_360 2.5s linear;
}

@keyframes z_360 {
  0% {
    transform: rotate(0) translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  }
  100% {
    transform: rotate(360deg) translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
  }
}
@keyframes clip_bottom_to_top {
  0% {
    -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
  }
  100% {
    -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%);
    clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%);
  }
}
@keyframes tt_palx_wrap {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes tt_palx_img {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes tt_palx_wrap_l_r {
  0% {
    -webkit-transform: translateX(8%);
    transform: translateX(8%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes tt_palx_img_l_r {
  0% {
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes tt_palx_wrap_r_l {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes tt_palx_wrap_r_l {
  0% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes loader {
  to {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
@keyframes loader_dash {
  from {
    stroke-dasharray: 0 150;
    stroke-dashoffset: 0;
  }
  to {
    stroke-dasharray: 100 150;
    stroke-dashoffset: -140;
  }
}
@keyframes line_w100 {
  to {
    left: 100%;
  }
}
@keyframes rotate_360 {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes fade_out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade_in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade_out_in {
  0%,100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes mk_scale {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes mk_fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mk_left_to_right {
  0% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes mk_right_to_left {
  0% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes mk_bottom_to_top {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes mk_top_to_bottom {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes mk_spt {
  0% {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.js-m {
  opacity: 0;
  transform: translate(0, 30px);
  transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
}

.js-m.animate {
  opacity: 1;
  transform: translate(0, 0);
}

.js-m-2-1 {
  opacity: 0;
  transform: translate(0, 30px);
  transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
}

.js-m-2-1.animate {
  opacity: 1;
  transform: translate(0, 0);
}

.a-del1 {
  animation-delay: 0.1s;
}

.a-del2 {
  animation-delay: 0.2s;
}

.a-del3 {
  animation-delay: 0.3s;
}

.a-del4 {
  animation-delay: 0.4s;
}

.a-del5 {
  animation-delay: 0.5s;
}

.a-del6 {
  animation-delay: 0.6s;
}

.a-del7 {
  animation-delay: 0.7s;
}

.a-del8 {
  animation-delay: 0.8s;
}

.a-del9 {
  animation-delay: 0.9s;
}

.a-del10 {
  animation-delay: 1s;
}

.a-dur1 {
  animation-duration: 0.3s;
}

.a-dur2 {
  animation-duration: 0.4s;
}

.a-dur3 {
  animation-duration: 0.5s;
}

.a-dur4 {
  animation-duration: 0.6s;
}

.a-dur5 {
  animation-duration: 0.7s;
}

.a-dur6 {
  animation-duration: 0.8s;
}

.a-dur7 {
  animation-duration: 0.9s;
}

.a-dur8 {
  animation-duration: 1s;
}

.a-dur9 {
  animation-duration: 1.1s;
}

.a-dur10 {
  animation-duration: 1.2s;
}

.a-dur11 {
  animation-duration: 1.3s;
}

.a-dur12 {
  animation-duration: 1.4s;
}

.a-dur13 {
  animation-duration: 1.5s;
}

.a-dur14 {
  animation-duration: 1.6s;
}

.a-dur15 {
  animation-duration: 1.7s;
}

.a-dur16 {
  animation-duration: 1.8s;
}

.a-dur17 {
  animation-duration: 1.9s;
}

.a-dur18 {
  animation-duration: 2s;
}

.t-del1 {
  transition-delay: 0.1s;
}

.t-del2 {
  transition-delay: 0.2s;
}

.t-del3 {
  transition-delay: 0.3s;
}

.t-del4 {
  transition-delay: 0.4s;
}

.t-del5 {
  transition-delay: 0.5s;
}

.t-del6 {
  transition-delay: 0.6s;
}

.t-del7 {
  transition-delay: 0.7s;
}

.t-del8 {
  transition-delay: 0.8s;
}

.t-del9 {
  transition-delay: 0.9s;
}

.t-del10 {
  transition-delay: 1s;
}

/*ie10以下显示*/
.browsers {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff url(../css_1/ie.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  z-index: 99;
}

.line-1 {
  line-height: 1.1;
}

.line-2 {
  line-height: 1.2;
}

.line-3 {
  line-height: 1.3;
}

.line-4 {
  line-height: 1.4;
}

.line-5 {
  line-height: 1.5;
}

.line-6 {
  line-height: 1.6;
}

.line-7 {
  line-height: 1.7;
}

.line-8 {
  line-height: 1.8;
}

.line-9 {
  line-height: 1.9;
}

.line-10 {
  line-height: 2;
}

.line-11 {
  line-height: 2.1;
}

.line-12 {
  line-height: 2.2;
}

/*毛玻璃*/
.some-class-zxx {
  background-color: #fff;
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .some-class-zxx {
    background: rgba(255, 255, 255, 0.75);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }
}
/*文字引用*/
/*@include font-face($font-family:'ad', $file-path:"../../fonts/BEBAS", $weight: normal, $style: normal);
@include simple-text($borderColorFocus:#000);
@include simple-textarea($borderColorFocus:#52a8ec, $width:500px, $height:80px)
@include simple-btn($formbtn:false, $bgColor: $primary, $textColor:$white);
/*@include triangle(left, 10px, #000 )*/
/*@include triangle($direction, $size, $borderColor )*/
/*.conbox-16{
  color:nth($infoColor,1);
  background:nth($infoColor,2);
  border:1px solid nth($infoColor,3);
}*/
/*@include placeholder(#999);*/
/*margin-right: pe(16px);*/
/*@extend .in-block;*/
/*初始样式结束*/
/*首页加载loading*/
@font-face {
  font-family: "sn-m";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/sn-m.eot");
  src: url("../fonts/sn-m.eot?#iefix") format("eot"), url("../fonts/sn-m.svg#sn-m") format("svg"), url("../fonts/sn-m.woff") format("woff"), url("../fonts/sn-m.ttf") format("truetype");
}
@font-face {
  font-family: "han";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/HANDGOTB.eot");
  src: url("../fonts/HANDGOTB.eot?#iefix") format("eot"), url("../fonts/HANDGOTB.svg#han") format("svg"), url("../fonts/HANDGOTB.woff") format("woff"), url("../fonts/HANDGOTB.ttf") format("truetype");
}
@font-face {
  font-family: "Ava";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Ava.eot");
  src: url("../fonts/Ava.eot?#iefix") format("eot"), url("../fonts/Ava.svg#Ava") format("svg"), url("../fonts/Ava.woff") format("woff"), url("../fonts/Ava.ttf") format("truetype");
}
@font-face {
  font-family: "Alp";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Alp.eot");
  src: url("../fonts/Alp.eot?#iefix") format("eot"), url("../fonts/Alp.svg#Alp") format("svg"), url("../fonts/Alp.woff") format("woff"), url("../fonts/Alp.ttf") format("truetype");
}
@font-face {
  font-family: "hel";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/hel.eot");
  src: url("../fonts/hel.eot?#iefix") format("eot"), url("../fonts/hel.svg#hel") format("svg"), url("../fonts/hel.woff") format("woff"), url("../fonts/hel.ttf") format("truetype");
}
.fon-m {
  font-family:"Microsoft Yahei","sn-m","Source Han Sans CN", "Noto Sans S Chinese Light",  "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}
.fon-m2 {
  font-family: "Microsoft Yahei","Source Han Sans CN", "Noto Sans S Chinese Light",  "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  font-weight:bold;
}

.fon-en {
  font-family: "han", Helvetica, Tahoma, sans-serif;
}

.fon-en2 {
  font-family: "Ava","Helvetica Neue", Helvetica, Tahoma, sans-serif;
}

.fon-en3 {
  font-family: "Alp","Helvetica Neue", Helvetica, Tahoma, sans-serif;
}

.fon-en4 {
  font-family: "hel","Helvetica Neue", Helvetica, Tahoma, sans-serif;
}

body.loading {
  overflow: hidden;
}

#pageloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f5f3f0;
  overflow: hidden;
  z-index: 5000;
}

#pageloader .logo {
  width: auto;
  height: 51px;
}
.navleft .logo .pc { display:block
}
.navleft .logo .mb { display:none
}



.darkmode #pageloader {
  background: #252525;
}

body.init #pageloader {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
}

body.init #pageloader .cont {
  opacity: 0;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all 0.6s;
}

body.init #pageloader .logo, body.init #pageloader div {
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all 0.6s;
}

body.init #pageloader .logo {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}

body.init #pageloader .small {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}

body.init #pageloader .loader-line {
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}

.loader-line {
  width: 50vw;
  max-width: 300px;
  height: 2px;
  background: #A96B41;
  overflow: hidden;
}

.loader-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.loader-icon .line {
  fill: none;
  stroke: #fff;
  stroke-width: 4px;
  stroke-linecap: round;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
}

/*.loader-line .gradient,.loader-line .gradient2 {
  width:40%;
  height:100%;
  left:-40%;
  background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(218,157,119,0)),color-stop(50%,#DA9D77),to(rgba(218,157,119,0)));
  background-image:-o-linear-gradient(left,rgba(218,157,119,0) 0,#DA9D77 50%,rgba(218,157,119,0) 100%);
  background-image:linear-gradient(to right,rgba(218,157,119,0) 0,#DA9D77 50%,rgba(218,157,119,0) 100%);
  -webkit-animation:line_w100 2s cubic-bezier(.165,.84,.44,1) infinite;
  animation:line_w100 2s cubic-bezier(.165,.84,.44,1) infinite
}
.loader-line .gradient2 {
  -webkit-animation-delay:1s;
  animation-delay:1s
}*/
/*首页加载loading-end*/
.indexbanner {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.indexbanner .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.indexbanner .text{
  margin-top:-2rem;
}
.indexbanner .text .tit2 span{
  margin-left:.25rem;
}
.indexbanner .layout-btn {
  border: none;
  width: 153px;
  height: 48px;
  border-radius: 5px;
  margin-top: 1.4rem;
  background: #a9cb21;
}
.indexbanner .layout-btn span {
  color: #fff;
}
.indexbanner .layout-btn .icon {
  width: 25px;
  height: 28px;
  fill: #fff;
  margin-left: 0.2rem;
}
.indexbanner .layout-btn:after {
  border-radius: 5px;
  background: #a9cb21;
  z-index: -1;
}
.indexbanner .layout-btn:hover > span > small > em:before {
  color: #fff;
}
@media (max-width:767px) {
  .indexbanner{
    height:60vh;
  }
  .indexbanner .layout-btn{
    width: 130px;
    height: 40px;
  }
  .indexbanner .text .tit2 span{
    font-size:38px;
    margin-left: 0.3rem;
  }
  .indexbanner .mousebtn{
    display:none;
  }
  .indexbanner .text{
    margin-top: -3rem;
  }

}
.footer {
  height: auto;
  background: #333;
}
.footer .leftbox {
  padding: 2rem 0 0;
  width: 69%;
  padding-right: 4%;
  border-right: 1px solid #444;
}
.footer .leftbox .li { margin-right:2%
}
.footer .leftbox .tit3 {
  margin-bottom: .9rem;
  display: block;
}
.footer .leftbox .tit4 {
  display: block;
  margin-bottom: .35rem;
  transition: all .6s;
}
.footer .leftbox .tit3:hover {
  color: #fff;
}
.footer .leftbox .tit4:hover {
  color: #fff;
}
.footer .rightbox {
  width: 31%;
  padding: 2rem 0 1.5rem 1.5rem;
}
.footer .rightbox .logobox {
  margin-bottom: 1.2rem;
}
.footer .rightbox .logobox .img1 {
  height: 2.2rem;
  margin-right: 1rem;
}
.footer .rightbox .logobox .img2 {
  height: 1.2rem;
}
.footer .rightbox .botbox {
  margin-bottom: .35rem;
}
.footer .rightbox .botbox .li {
  width: 100%;
  margin-right: 2%;
  margin-bottom: .25rem; font-family:Arial, Helvetica, sans-serif
}
.footer .rightbox .botbox .li:nth-child(2n) {
  width: 100%;
  margin-right: 0;
}
.footer .rightbox .botbox .li:nth-child(3){
  width:100%;
}
.footer .rightbox .botbox .p {
  width: 100%;
  word-break: break-all;
}
.footer .rightbox .wxbox .img {
  margin-bottom: .25rem;
}
.footer .rightbox .wxbox .imgli {

  margin-right: 0.25rem;flex:1
}
.footer .rightbox .wxbox .imgli:nth-child(4n) {
  margin-right: 0;
}
.footer .fbot {
  border-top: 1px solid #444;
  padding: .55rem 0;
}
.footer .fbot .p {
  width: 70%;
}
.footer .fbot .p a {
  margin-left:0 ;
  color: #666;
  transition: all .6s;
}
.footer .fbot .p a:hover {
  color: #fff;
}
.footer .fbot .rbox a {
  color: #666;
  transition: all .6s;
}
.footer .fbot .rbox a:hover {
  color: #fff;
}

@media (max-width: 1024px) {
  .footer .leftbox {
    display: none;
  }

  .footer .rightbox {
    width: 100%;
    padding: 2rem 0 1.5rem;
  }

  .infotipbox {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer .rightbox .botbox .li {
    width: 100%;
    margin-bottom: .4rem;
  }

  .footer .rightbox .botbox .li:nth-child(2n) {
    width: 100%;
  }

  .footer .fbot .p {
    width: 100%;
  }

  .footer .rightbox .logobox {
    margin-bottom: .75rem;
  }

  .footer .rightbox .wxbox .imgli {
    width: 3.25rem;
    margin-right:.5rem;
  }
  .footer .fbot .p a{
    margin-left:0;
  }
}
.warpheader {
  height: 100px;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  position: absolute; z-index:99999999999
}

.header {
  height: 100px;
  width: 100%;
  padding: 0 1.5rem;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
}
.header .logo {
  height: 50px;
}
.header .logo svg {
  width: auto;
  height: 50px;
}
.header .logo svg .cls-1 {
  fill: #f7b515;
}
.header .logo svg .cls-1, .header .logo svg .cls-2, .header .logo svg .cls-3, .header .logo svg .cls-4 {
  fill-rule: evenodd;
}
.header .logo svg .cls-2 {
  fill: #ffe200;
}
.header .logo svg .cls-3, .header .logo svg .cls-5 {
  fill: #a9cb21;
}
.header .logo svg .cls-4 {
  fill: #0096df;
}
.header .leftbox {

  z-index: 4; position:absolute; right:4%; top:42%
}
.header .pc_ss{ display:block}
.header .mb_ss{ display:none}


.header.active .pc_ss{ display:none}
.header.active .mb_ss{ display:block}




.header .nav{ padding-right:10%}
.header .rightbox{position:absolute; right:7%}
.header .home {
  margin-left: 1rem;
  transition: all .6s;
}
.header .home .icon {
  margin-right: .25rem;
  width: 16px;
  height: 16px;
  fill: #fff;
}
.header .home:hover {
  color: #a9cb21;
}
.header .langbox {
  width: 35px;
  height: 35px;
  margin-right: .5rem;
  transition: all .8s;
}
.header .langbox .icon {
  width: 22px;
  height: 22px;
  fill: #fff;
  transition: all .8s;
}
.header .langbox:hover .icon {
  fill: #a9cb21;
}
.header .hamburger-inner {
  margin-top: -6px;
}
.header .hamburger-inner::before {
  top: -6px;
}
.header .hamburger-inner::after {
  bottom: -6px;
}
.header .hamburger {
  padding: 0;
  height: 10px;
}
.header .hamburger-box {
  width: 24px;
  height: 10px;
}
.header .hamburger-inner {
  height: 2px;
  width: 100%;
  background: #fff;
}
.header .hamburger-inner::before, .header .hamburger-inner::after {
  width: 24px;
  height: 2px;
  background: #fff;
  border-radius: 0;
}
.header .hamburger.is-active .hamburger-inner, .header .hamburger.is-active .hamburger-inner::before, .header .hamburger.is-active .hamburger-inner::after {
  background: #fff;
}
.header .hamburger--3dx-r .hamburger-inner {
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.header .hamburger--3dx-r .hamburger-inner::before, .header .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.header .hamburger .hamburger-inner:hover, .header .hamburger .hamburger-inner:hover::before, .header .hamburger .hamburger-inner:hover::after {
  background: #fff;
}
.header .hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 7px, 0) rotate(45deg);
  background: #fff;
}
.header .hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -5px, 0) rotate(-45deg);
  background: #fff;
}
.header .hamburger--3dx-r.is-active .hamburger-inner {
  transform: rotateY(-180deg) translate3d(24px, 0, 0);
}
.header .searchbtn {
  width: 55px;
  height: 35px;
  cursor: pointer;
  transition: all .8s;line-height: 35px;
}.header .searchbtn a{ color:#fff}
.header .searchbtn .icon {
  width: 24px;
  height: 24px;
  fill: #fff;
}
.header .searchbtn:hover {
  opacity: .8;
}
.header .nav .wli{
  margin-left: .95rem;
}
.header .nav a {
  transition: all .8s;
}
.header .nav a:hover {
  color: #2894ff;
  font-weight:bold;
}
.header .nav a.li{
  padding-bottom:5px;
  position: relative;
}
.header .nav a.li:before{
  content:"";
  position: absolute;
  width:0;
  height:2px;
  left:0;
  bottom:0;
  background:#2894ff;
  opacity:0;
  transition: all .6s;
}
.header .nav a.li:hover:before{
  width:100%;
  opacity:1;
}
.header .nav .wli.cur a.li{
  color: #057aed;
  font-weight:bold;
}
.header .nav .wli.cur a.li:before{
  width:100%;
  opacity:1;
}

.header .logo {
  z-index: 4;
}
.header .header-meum {
  position: fixed;
  width: 100%;
  height:auto;
  left: 0;
  top: 0;
  z-index: 3;
  background:url(../css_1/headerbg.jpg) no-repeat center top;
  background-size:cover;
  /*display: none;*/
  visibility: hidden;
  box-shadow:5px 0 10px rgb(0,0,0,.1);
  -webkit-clip-path: circle(0% at -5% -12%);
  clip-path: circle(0% at -5% -12%);
  transition: all 1.5s;
}
.header .header-meum.active{
  opacity:1;
  visibility: visible;
  -webkit-clip-path: circle(200% at 6% 6%);
  clip-path: circle(200% at 6% 6%);
}
.header .header-meum .ul{
  padding-bottom:3rem;
}

.header .header-meum .tit3 {
  margin-bottom: .5rem;
}
.header .header-meum .li {
  width: calc(100% / 9);
  height: auto;
  padding: 3rem 0 0 0;
  position: relative;
  overflow: hidden;
}
.header .header-meum .li:nth-child(4){ width:23%}
.header .header-meum .li:nth-child(1){ width:10%}
.header .header-meum .li:nth-child(2){ width:15%}



.header .header-meum .li a {
  display: block;
  transition: all .6s;
}
.header .header-meum .li .tit4 {
  position: relative;
  display: inline-block;
  margin-bottom: .05rem;
}
.header .header-meum .li .tit4:before {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 2px;
  background: #a9cb21;
  transform: scale(0, 1);
  transform-origin: left center;
  transition: all .6s;
}
.header .header-meum .li a:hover {
  color: #a9cb21;
}
.header .header-meum .li a:hover:before {
  transform: scale(1, 1);
  opacity: 1;
}
.header .header-meum .li .bg {
  position: absolute;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: -1;
  background-size: cover;
  transition: all .6s;
}
.header .header-meum .li:hover .bg {
  transform: scale(1.1, 1.1);
}
.header .header-meum .hbot{
  padding:1rem 0;
  border-top:1px solid #f4f4f4;
}
.header .header-meum .hbot{

}
.header .header-meum .hbot .item{
  margin-right:1.25rem;
}
.header .header-meum .hbot .sp{
  margin-bottom:3px;
}
.header .header-meum .hbot .sp1{
  color:#a9cb21;
}
.header .header-meum .hbot .item:last-child{
  margin-right:0;
}

.header .header-meum .hbot .botright{

}
.header .header-meum .hbot .botright .imgli{
  margin-left:1rem;
}
.header .header-meum .hbot .botright .imgli .img{
  width:3rem;
  height:3rem;
}
.header .header-meum .hbot .botright .imgli p{
  text-align:center;
  color:#777;
  line-height:1.2;
  margin-top:.3rem;
}
.header.on .leftbox .hamburger-inner {
  background: #a9cb21;
}
.header.on .leftbox .hamburger-inner::before, .header.on .leftbox .hamburger-inner::after {
  background: #a9cb21;
}
.header.on .searchbtn .icon {
  fill: #000;
}
.header.on .langbox .icon {
  fill: #333;
}
.header.on .nav a {
  color: #333;
  transition: all .8s;
}
.header.on .nav a:hover {
  color: #a9cb21;
}
.header.on .home {
  color: #333;
}
.header.on .home .icon {
  fill: #333;
}
.header.on .home:hover {
  color: #a9cb21;
}
.header.on .home:hover .icon {
  fill: #a9cb21;
}
.header.on .langbox:hover .icon {
  fill: #a9cb21;
}
.header.active {
  background: #fff;
}
.header .searchbtn a{
    color: #fff; margin-top:0
}

.header.active .searchbtn a{ color:#333!important}



.header.active .pc{ display:none}
.header.active .mb{ display:block}



.header.active .hamburger-inner {
  background: #000;
}
.header.active .hamburger-inner::before, .header.active .hamburger-inner::after {
  background: #000;
}
.header.active .searchbtn .icon {
  fill: #000;
}
.header.active .searchbtn:hover {
  fill: #a9cb21;
}
.header.active .langbox .icon {
  fill: #333;
}
.header.active .nav a {
  color: #333;
  transition: all .8s;
}
.header.active .nav a:hover {
  color: #2d8ff0;
}
.header.active .home {
  color: #333;
}
.header.active .home .icon {
  fill: #333;
}
.header.active .home:hover {
  color: #a9cb21;
}
.header.active .home:hover .icon {
  fill: #a9cb21;
}
.header.active .langbox:hover .icon {
  fill: #a9cb21;
}
.header.active2 {
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.header.active2 .hamburger-inner {
  background: #000;
}
.header.active2 .hamburger-inner::before, .header.active2 .hamburger-inner::after {
  background: #000;
}
.header.active2 .searchbtn .icon {
  fill: #000;
}
.header.active2 .langbox .icon {
  fill: #333;
}
.header.active2 .nav a {
  color: #333;
  transition: all .8s;
}
.header.active2 .nav a:hover {
  color: #a9cb21;
}
.header.active2 .home {
  color: #333;
}
.header.active2 .home .icon {
  fill: #333;
}
.header.active2 .home:hover {

  color: #a9cb21;
}
.header.active2 .home:hover {
  color: #a9cb21;
}
.header.active2 .home:hover .icon {
  fill: #a9cb21;
}
.header.active2 .langbox:hover .icon {
  fill: #a9cb21;
}

.m-bocweb-header3 {
  position: relative;
  left: 0;
  width: 100%;
  height: 60px;
  z-index: 99;
}
.m-bocweb-header3 .header2 {
  height: 60px;
  padding: 0 4%;
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 99;
}
.m-bocweb-header3 .header2:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
  z-index: -1;
}
.m-bocweb-header3 .header2 .logo {
  display: block;
  position: relative;
  z-index: 12;
  height: 36px;
}
.m-bocweb-header3 .header2 .logo svg {
  height: 1rem;
}
.m-bocweb-header3 .header2 .logo svg .cls-1 {
  fill: #f7b515;
}
.m-bocweb-header3 .header2 .logo svg .cls-1, .m-bocweb-header3 .header2 .logo svg .cls-2, .m-bocweb-header3 .header2 .logo svg .cls-3, .m-bocweb-header3 .header2 .logo svg .cls-4 {
  fill-rule: evenodd;
}
.m-bocweb-header3 .header2 .logo svg .cls-2 {
  fill: #ffe200;
}
.m-bocweb-header3 .header2 .logo svg .cls-3, .m-bocweb-header3 .header2 .logo svg .cls-5 {
  fill: #a9cb21;
}
.m-bocweb-header3 .header2 .logo svg .cls-4 {
  fill: #0096df;
}
.m-bocweb-header3 .header2 .nav .tit {
  width: 100%;
  padding: .65rem 0;
  line-height: 60px;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.m-bocweb-header3 .header2 .nav .tit {
  line-height: 1.5;
}
.m-bocweb-header3 .header2 .warp-nav {
  height: calc(100vh - 60px);
  padding: 0 0 45px;
  position: fixed;
  background: #fff;
  width: 100%;
  left: 0;
  top: 60px;
  z-index: 9;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: none;
}
.m-bocweb-header3 .header2 .nav {
  font-size: .65rem;
  color: #333;
  position: absolute;
  width: 100%;
  overflow-y: auto;
  height: calc(100vh - 60px - 1rem);
}
.m-bocweb-header3 .header2 .nav .li {
  position: relative;
  width: 100%;
}
.m-bocweb-header3 .header2 .nav .li:hover > a {
  color: #333;
}
.m-bocweb-header3 .header2 .nav .li:nth-child(odd) {
  background: #f8f8f8;
}
.m-bocweb-header3 .header2 .nav .icon {
  width: 16px;
  height: 16px;
  fill: #999;
  transition: all .4s;
}
.m-bocweb-header3 .header2 .nav .warp-btn {
  padding: .65rem 5%;
  line-height: 1.5;
  position: relative;
  transition: all .3s ease;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.m-bocweb-header3 .header2 .nav .warp-btn .btn {
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 5px;
  top: 50%;
  margin-top: -10px;
  left: 0;
}
.m-bocweb-header3 .header2 .nav .warp-btn .btn img {
  position: absolute;
  left: 0;
  top: 0;
}
.m-bocweb-header3 .header2 .nav .sec-list {
  padding: .35rem 5%;
  background: #a9cb21;
}
.m-bocweb-header3 .header2 .nav .sub-tit.on {
  background: #a9cb21;
  color: #fff;
}
.m-bocweb-header3 .header2 .nav .sub-tit.on .icon {
  transform: rotate(-90deg);
  fill: #fff;
}
.m-bocweb-header3 .header2 .nav .sec-list {
  padding: .35rem 6% 1rem;
  display: none;
  font-size: .6rem;
}
.m-bocweb-header3 .header2 .nav .sec-list a {
  padding: .3rem 0;
  display: block;
}
.m-bocweb-header3 .header2 .hamburger-inner {
  margin-top: -1px;
}
.m-bocweb-header3 .header2 .hamburger-inner::before {
  top: -6px;
}
.m-bocweb-header3 .header2 .hamburger-inner::after {
  bottom: -6px;
}
.m-bocweb-header3 .header2 .hamburger {
  padding: 0;
  height: 17px;
}
.m-bocweb-header3 .header2 .hamburger-box {
  width: 18px;
  height: 17px;
}
.m-bocweb-header3 .header2 .hamburger-inner, .m-bocweb-header3 .header2 .hamburger-inner::before, .m-bocweb-header3 .header2 .hamburger-inner::after {
  width: 18px;
  height: 2px;
  background: #000;
}
.m-bocweb-header3 .header2 .hamburger.is-active .hamburger-inner, .m-bocweb-header3 .header2 .hamburger.is-active .hamburger-inner::before, .m-bocweb-header3 .header2 .hamburger.is-active .hamburger-inner::after {
  background: #000;
}
.m-bocweb-header3 .header2 .hamburger--3dx-r .hamburger-inner {
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.m-bocweb-header3 .header2 .hamburger--3dx-r .hamburger-inner::before, .m-bocweb-header3 .header2 .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.m-bocweb-header3 .header2 .hamburger .hamburger-inner:hover, .m-bocweb-header3 .header2 .hamburger .hamburger-inner:hover::before, .m-bocweb-header3 .header2 .hamburger .hamburger-inner:hover::after {
  background: #000;
}
.m-bocweb-header3 .header2 .warp-nav1-sub {
  transform: translate(0, 0);
  transition: all .5s;
}
.m-bocweb-header3 .header2 .warp-nav1-sub.active {
  transform: translate(-100%, 0);
}
.m-bocweb-header3 .header2 .warp-nav2-sub {
  transform: translate(100%, 0);
  transition: all .5s 0s;
}
.m-bocweb-header3 .header2 .warp-nav2-sub.active {
  transform: translate(0, 0);
  transition: all .5s .2s;
}
.m-bocweb-header3 .header2 .h-right span {
  margin-left: .25rem;
}
.m-bocweb-header3 .searchbtn {
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: all .4s;
}
.m-bocweb-header3 .searchbtn .icon {
  width: 15px;
  height: 15px;
  fill: #333;
}
.m-bocweb-header3 .line {
  width: 1px;
  height: 10px;
  background: #000;
  opacity: .2;
  margin: 0 .5rem 0 .25rem;
}

.m-bocweb-header3.active .header2 .hamburger-inner::before, .m-bocweb-header3.active .header2 .hamburger-inner::after {
  background: #000 !important;
}
@media (max-width: 1600px) {
  .header .navbox{
    width:85%;
  }
  .header .logo,.header .logo svg{
    height:45px;
  }
}
@media (max-width: 1024px) {
  .m-bocweb-header3 .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 6px, 0) rotate(45deg);
  }

  .m-bocweb-header3 .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -6px, 0) rotate(-45deg);
  }
}
@media (max-width: 768px) {
  .m-bocweb-header3 .header2 {
    height: 60px;
  }

  .m-bocweb-header3 {
    height: 60px;
  }

  .m-bocweb-header3 .header2 .hamburger-box {
    width: 18px;
    height: 20px;
  }

  .m-bocweb-header3 .header2 .hamburger {
    height: 20px;
  }

  .m-bocweb-header3 .hamburger-inner::before {
    top: -6px;
  }

  .m-bocweb-header3 .hamburger-inner::after {
    bottom: -6px;
  }

  .m-bocweb-header3 .header2 .hamburger-inner, .m-bocweb-header3 .header2 .hamburger-inner::before, .m-bocweb-header3 .header2 .hamburger-inner::after {
    width: 18px;
    height: 2px;
  }
}
@media (max-width: 767px) {
  .m-bocweb-header3 .header2 .warp-nav {
    padding: 0 0 45px;
  }

  .m-bocweb-header3 .header2 .nav {
    font-size: .56rem;
  }

  .m-bocweb-header3 .header2 .nav .warp-btn, .m-bocweb-header3 .header2 .nav .tit {
    padding: .65rem 5%;
  }

  .m-bocweb-header3 .header2 .logo {
    height: 1.25rem;
  }

  .m-bocweb-header3 .header2 .logo svg {
    height: 1.25rem;
  }

  .m-bocweb-header3 .header2 .nav .sec-list a {
    padding: .2rem 0;
    padding-left: 1.5rem;
    font-size: .52rem;
    color: #fff;
    /*border-bottom:1px solid #0e5ca5;*/
    position: relative;
  }
  .m-bocweb-header3 .header2 .nav .sec-list a:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    left: .5rem;
    top: 50%;
    margin-top: -2.5px;
  }
}
.search-alert2 {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  display: none;
}
.search-alert2 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2px);
  z-index: 2;
}
.search-alert2 .formbox {
  width: 100vw;
  height: 100px;
  background: #fff;
  position: relative;
  z-index: 5;
}
.search-alert2 .formbox .box {
  width: 80%;
  padding: .5rem 0 0;
  margin: 0 auto;
}
.search-alert2 .formbox .input1 {
  height: 60px;
  width: 100%;
  background: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.search-alert2 .formbox .input2 {
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../css_1/searchbtn2.png) no-repeat center center;
  background-size: auto 25px;
  width: 60px;
  height: 60px;
}
.search-alert2 .closebtn {
  width: 35px;
  height: 35px;
  position: fixed;
  right: 3%;
  top: .2rem;
  z-index: 6;
  cursor: pointer;
}
.search-alert2 .closebtn .icon {
  width: 30px;
  height: 30px;
  fill: #666;
}

@media (max-width: 1481px) {
  .search-alert2 .formbox {
    height: 90px;
  }
}
@media (max-width: 767px) {
  .search-alert2 .formbox {
    height: 65px;
  }

  .search-alert2 .formbox .input1 {
    width: calc(100% - 50px);
    height: 35px;
  }

  .search-alert2 .formbox .input2 {
    width: 50px;
    height: 35px;
    background-size: auto 16px;
  }

  .search-alert2 .closebtn {
    right: 0;
    top: 0;
  }
}
.layout-btn {
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.layout-btn > span {
  line-height: 1;
}

/*.layout-btn:after {
  content: "";
  background-color: #fca618;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}*/

.layout-btn > span > i {
  margin-right: 0.2rem;
  font-size: 0.16rem;
  display: block;
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), color 0.5s ease-out;
}

.layout-btn > span > small {
  font-size: inherit;
  color: inherit;
  position: relative;
  overflow: visible;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.layout-btn > span > small > em {
  display: block;
  position: relative;
  font-size: inherit;
  color: inherit;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  min-width: 6px;
  font-style: normal;
}

.layout-btn > span > small > em:before {
  content: attr(data-word);
  display: block;
  position: absolute;
  top: 105%;
  z-index: 3;
  font-size: inherit;
  color: transparent;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.layout-btn > span > small > em:nth-of-type(1) {
  transition-delay: 0s;
}

.layout-btn > span > small > em:nth-of-type(1):before {
  transition-delay: 0s;
}

.layout-btn > span > small > em:nth-of-type(2) {
  transition-delay: 0.03s;
}

.layout-btn > span > small > em:nth-of-type(2):before {
  transition-delay: 0.03s;
}

.layout-btn > span > small > em:nth-of-type(3) {
  transition-delay: 0.06s;
}

.layout-btn > span > small > em:nth-of-type(3):before {
  transition-delay: 0.06s;
}

.layout-btn > span > small > em:nth-of-type(4) {
  transition-delay: 0.09s;
}

.layout-btn > span > small > em:nth-of-type(4):before {
  transition-delay: 0.09s;
}

.layout-btn > span > small > em:nth-of-type(5) {
  transition-delay: 0.12s;
}

.layout-btn > span > small > em:nth-of-type(5):before {
  transition-delay: 0.12s;
}

.layout-btn > span > small > em:nth-of-type(6) {
  transition-delay: 0.15s;
}

.layout-btn > span > small > em:nth-of-type(6):before {
  transition-delay: 0.15s;
}

.layout-btn > span > small > em:nth-of-type(7) {
  transition-delay: 0.18s;
}

.layout-btn > span > small > em:nth-of-type(7):before {
  transition-delay: 0.18s;
}

.layout-btn > span > small > em:nth-of-type(8) {
  transition-delay: 0.21s;
}

.layout-btn > span > small > em:nth-of-type(8):before {
  transition-delay: 0.21s;
}

.layout-btn > span > small > em:nth-of-type(9) {
  transition-delay: 0.24s;
}

.layout-btn > span > small > em:nth-of-type(9):before {
  transition-delay: 0.24s;
}

.layout-btn > span > small > em:nth-of-type(10) {
  transition-delay: 0.27s;
}

.layout-btn > span > small > em:nth-of-type(10):before {
  transition-delay: 0.27s;
}

@media screen and (orientation: landscape) {
  .layout-btn:hover > span > i {
    transform: translateX(-3px);
    -webkit-transform: translateX(-3px);
    -moz-transform: translateX(-3px);
    -o-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
  }

  .layout-btn:hover > span > small > em {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    color: transparent;
  }

  .layout-btn:hover > span > small > em:before {
    color: #000000;
  }

  .layout-btn:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
  }

  .layout-btn:after {
    -webkit-transition: 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  }

  .layout-btn {
    transition: transform 0.6s ease-in-out, border-color 0.6s ease-in-out;
  }

  .layout-btn:hover:after {
    opacity: 1;
  }
}

@media (max-width:1024px) {
  .layout-btn > span > small > em:before{
    display:none;
  }
}
.ilist1 {
  padding: 5.5rem 0 3rem;
  background: url(../css_1/img1.jpg) no-repeat center center;
  background-size: cover;
}
.ilist1 .tipicon {
  position: absolute;
  width: 8.2rem;
  top: 0;
  right: 0;
  z-index: 2;
}
.ilist1 .tit2 {
  margin-bottom: 1.25rem;
}
.ilist1 .content {
  position: relative;
  z-index: 3;
}
.ilist1 .content div {
  display: inline-block;
}
.ilist1 .content div span {
  color: #5eba44;
}
.ilist1 .lbox {
  width: 42%;
}
.ilist1 .lbox .layout-btn {
  border: none;
  width: 153px;
  height: 48px;
  border-radius: 5px;
  margin-top: 1.4rem;
  background: #a9cb21;
}
.ilist1 .lbox .layout-btn span {
  color: #fff;
}
.ilist1 .lbox .layout-btn .icon {
  width: 25px;
  height: 28px;
  fill: #fff;
  margin-left: 0.2rem;
}
.ilist1 .lbox .layout-btn:after {
  border-radius: 5px;
  background: #a9cb21;
  z-index: -1;
}
.ilist1 .lbox .layout-btn:hover > span > small > em:before {
  color: #fff;
}
.ilist1 .rbox {
  width: 50%;
  border-radius: 5px;
  overflow: hidden;
}

.ilist3 {
  padding: 2.75rem 0 3rem;
  background: #fff; background:url(../images/1indexba.jpg) no-repeat center top; background-size:cover
}
.ilist3 .tipicon {
  position: absolute;
  width: 8.2rem;
  top: 0;
  right: 0;
  z-index: 2;
}
.ilist3 .tit2 {
  margin-bottom: 1.25rem;
}
.ilist3 .layout-btn {
  border: none;
  width: auto;
  height: 30px;
  border-radius: 5px;
  background: transparent;
}
.ilist3 .layout-btn span {
  color: #888;
}
.ilist3 .layout-btn .icon {
  width: 25px;
  height: 28px;
  fill: #888;
  margin-left: 0.2rem;
}
.ilist3 .titlebox .layout-btn:after {
  border-radius: 5px;
  background: transparent;
  z-index: -1;
}
.ilist3 .titlebox .layout-btn:hover > span > small > em:before {
  color: #a9cb21;
}
.ilist3 .titlebox .layout-btn:hover .icon {
  fill: #a9cb21;
}
.ilist3 .tabul-container {
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 1.5rem;
  width: 100%;
}
.ilist3 .tabul-container .swiper-slide{
  display: flex;
}

.ilist3 .tabul-container .li {
  padding-bottom: 18px;
  min-height:45px;
  flex-flow: row nowrap;
  transition: all .6s;
  position: relative;
  cursor: pointer; margin-right:2rem; width:auto
  
}
.ilist3 .tabul-container .li span{
  display:block;
}
.ilist3 .tabul-container .li:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  background: #0b62b8;
  z-index: 1;
  opacity: 0;
  transition: all .6s;
}
.ilist3 .tabul-container .li img {
  height: 30px;
  margin-right: .4rem;
}
.ilist3 .tabul-container .swiper-slide:hover .li, .ilist3 .tabul-container .swiper-slide.cur .li {
  color: #0b62b8;
}
.ilist3 .tabul-container .swiper-slide:hover .li:before, .ilist3 .tabul-container .swiper-slide.cur .li:before {
  opacity: 1;
}
.ilist3 .tabul-container .swiper-slide {
  width: auto;
}

/*.ilist3 .warpitem .nitem {
  display: none;
}*/
.ilist3 .warpitem .text {
  width: 39.2%;
  padding-top: 1.5rem;
}
.ilist3 .warpitem .text .tit3 {
  margin-bottom: 1rem;
}
.ilist3 .warpitem .text .tit4{
  text-align:justify;
  line-height:1.8;
}
.ilist3 .warpitem .text .videobtn {
  margin-top: 4rem;
  transition: all .6s;
}
.ilist3 .warpitem .text .videobtn .icon {
  width: 1.125rem;
  height: 1.125rem;
  fill: #58b530;
  margin-right: .4rem;
}
.ilist3 .warpitem .text .videobtn:hover {
  color: #58b530;
}
.ilist3 .warpitem .img {
  width: 53.57%;
  border-radius: 5px;
  overflow: hidden;
}

.ilist4 {
  padding: 2.75rem 0 3rem;
}
.ilist4 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  z-index: 1;
}
.ilist4 .contentbox {
  position: relative;
  z-index: 3;
}
.ilist4 .contentbox .layout-btn {
  border: none;
  width: 153px;
  height: 48px;
  border-radius: 35px;
  background: transparent;
  border: 2px solid #fff;
}
.ilist4 .contentbox .layout-btn span {
  color: #fff;
}
.ilist4 .contentbox .layout-btn .icon {
  width: 25px;
  height: 28px;
  fill: #fff;
  margin-left: 0.2rem;
}
.ilist4 .contentbox .layout-btn:after {
  border-radius: 5px;
  background: transparent;
  z-index: -1;
}
.ilist4 .contentbox .layout-btn:hover > span > small > em:before {
  color: #fff;
}
.ilist4 .ul {
  margin-top: 1rem;
}
.ilist4 .ul .img {
  width: 100%;
  height: 100%;
  position: relative;
  object-fit: cover;
}
.ilist4 .ul .li {
  width: 12.8%;
  height: 15.75rem;
  border-radius: 5px;
  overflow: hidden;
  transition: all .8s;
  margin-right: 1.4%;
}
.ilist4 .ul .li .text {
  width: 100%;
  padding: 0 5%;
}
.ilist4 .ul .li .icon {
  margin-bottom: .5rem;
}
.ilist4 .ul .li .icon3 {
  position: absolute;
  width: 28px;
  height: 22px;
  margin-left: -14px;
  bottom: 1.8rem;
  left: 50%;
  fill: #fff;
  z-index: 3;
}
.ilist4 .ul .text2 {
  position: absolute;
  width: 100%;
  padding: 0 1.25rem 1.75rem;
  bottom: 0;
  z-index: 3;
}
.ilist4 .ul .text2 .icon {
  width: 1.2rem;
  height: 1.2rem;
}
.ilist4 .ul .text2 .ntxt {
  width: calc(100% - 1.7rem);
}
.ilist4 .ul .text2 .ntxt .tit3 {
  margin-bottom: .3rem;
}
.ilist4 .ul .text {
  margin-top: -1rem;
  transition: all .6s;
  opacity: 1;
}
.ilist4 .ul .text2 {
  transition: all .6s;
  opacity: 0;
}
.ilist4 .ul .li:before{
  content:"";
  position: absolute;
  width:100%;
  height:40%;
  left:0;
  bottom:0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  opacity:0;
  transition: all .6s;
  z-index:1;
}
.ilist4 .ul .li.cur {
  width: 42.3%;
}
.ilist4 .ul .li.cur:before{
  opacity:1;
}
.ilist4 .ul .li.cur .text {
  opacity: 0;
}
.ilist4 .ul .li.cur .text2 {
  opacity: 1;
}
.ilist4 .ul .li.cur .icon3 {
  opacity: 0;
}
.ilist4 .ul .li .text2 .tit4{
  opacity:0;
  height:calc(22px * 3);
  line-height:22px;
  overflow-y:auto;
  transform:translate(0,20px);
  transition:all .8s .6s;
}
.ilist4 .ul .li.cur .text2 .tit4{
  opacity:1;
  transform:translate(0,0);
  transition:all .6s 0s;
}
.ilist4 .ul .li:last-child {
  margin-right: 0;
}

.ilist5 {
  padding: 2rem 0 3.2rem;
 background: url(../css_1/headerbg1.jpg) no-repeat center top ;
  z-index: 1;
  overflow: hidden; background-size:cover
}
.ilist5 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  z-index: 1;
}
.ilist5 .news-container {
  margin-top: 2.5rem;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.ilist5 .news-container .item {
  padding: 1.4rem 1rem 1rem;
  border-right: 1px solid #eee;
  height: 15rem;
  display: block;
  position: relative;
  overflow: hidden;
}.ilist5 .news-container .item img{ height:240px; width:100%}

@media all and (max-width:1650px){  

.ilist5 .news-container .item img{ height:160px; width:100%}


}
.ilist5 .news-container .item .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  transform: scale(1.2);
  transition: all .6s;
}
.ilist5 .news-container .item .time {
  margin-bottom: 1rem;
}
.ilist5 .news-container .item .tit3 {
  width: 100%;
  margin-bottom: 1rem;
  color: #333;
  transition: all .6s; margin-top:.5rem
}
.ilist5 .news-container .item .tit4 {
  width: 100%;
  transition: all .6s;
}
.ilist5 .news-container .item .layout-btn {
  border: none;
  width: auto;
  height: 30px;
  border-radius: 5px;
  background: transparent;
  position: absolute;
  left: 1rem;
  bottom: 1rem;
}
.ilist5 .news-container .item .layout-btn span {
  color: #888;
}
.ilist5 .news-container .item .layout-btn .icon {
  width: 25px;
  height: 28px;
  fill: #888;
  margin-left: 0.2rem;
}
.ilist5 .news-container .item .layout-btn:after {
  border-radius: 5px;
  background: transparent;
  z-index: -1;
}
.ilist5 .news-container .item .layout-btn:hover > span > small > em:before {
  color: #a9cb21;
}
.ilist5 .news-container .item .layout-btn:hover .icon {
  fill: #a9cb21;
}
.ilist5 .news-container .item:hover .bg {
  opacity: 1;
 transition:all 0.4s
}.ilist5 .news-container .item:hover img{ transition:all 0.4s}
@media (min-width: 1500px) {
	.ilist5 .news-container .item:hover .tit3 {
    width: 90%; font-size:18px
  
  }
}
@media (min-width: 1024px) {

  .ilist5 .news-container .item:hover .tit3 {
    width: 90%; font-size:18px
  
  }
  .ilist5 .news-container .item:hover .time{ margin-top:-10px; transition:all 0.4s}
  
  
}

.ilist5 .news-container .item:hover .tit4 {
  opacity: 1;
}
.ilist5 .news-container .item:hover .more span {
  color: #000;
}
.ilist5 .news-container .item:hover .more .icon {
  fill: #a9cb21;
}
.ilist5 .morebtn {
  margin-top: 1rem;
  transition: all .6s;
}
.ilist5 .morebtn .icon {
  margin-left: .22rem;
  width: 14px;
  height: 14px;
  fill: #333;
  transition: all .6s;
}
.ilist5 .morebtn:hover {
  color: #58b530;
}
.ilist5 .morebtn:hover .icon {
  fill: #58b530;
}

.ilist6 {
  padding: 2.5rem 0 2.25rem;
  z-index: 1;
  overflow: hidden;
}
.ilist6 .tiptxt {
  opacity: .6;
}
.ilist6 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.ilist6 .contentbox {
  position: relative;
  z-index: 2;
}
.ilist6 .contentbox .tit2 {
  margin-bottom: .5rem;
}
.ilist6 .contentbox .tit3 {
  margin-bottom: .7rem;
}
.ilist6 .contentbox .layout-btn {
  border: none;
  width: 153px;
  height: 48px;
  border-radius: 5px;
  background: transparent;
  border: 2px solid #fff; border-radius: 45px;
}
.ilist6 .contentbox .layout-btn span {
  color: #fff;
}
.ilist6 .contentbox .layout-btn .icon {
  width: 25px;
  height: 28px;
  fill: #fff;
  margin-left: 0.2rem;
}
.ilist6 .contentbox .layout-btn:after {
  border-radius: 5px;
  background: transparent;
  z-index: -1;
}
.ilist6 .contentbox .layout-btn:hover > span > small > em:before {
  color: #fff;
}

.ilist2 {
  position: relative;
  width: 100%;
  height: 110vh;
  overflow: hidden;
  z-index: 1;
  /*.warpcontentbox{
      position: relative;
      transition: all .6s;
  }
  .warpcontentbox.active{
      top:-3rem;
  }*/
}
.ilist2 .bgguan {
  position: absolute;
  width: 69%;
  right: -.5rem;
  top: -.8rem;
  z-index: 3;
  transform-origin: 100% 0;
  transition: all .6s;
}
.ilist2 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.ilist2 .txtbox {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.ilist2 .txtbox .tiptxt {
  opacity: .6;
}
.ilist2 .titlebox {
  position: relative;
  z-index: 4;
}
.ilist2 .titlebox .layout-btn {
  border: none;
  width: auto;
  height: 30px;
  border-radius: 5px;
  background: transparent;
}
.ilist2 .titlebox .layout-btn span {
  color: #fff;
}
.ilist2 .titlebox .layout-btn .icon {
  width: 25px;
  height: 28px;
  fill: #fff;
  margin-left: 0.2rem;
}
.ilist2 .titlebox .layout-btn:after {
  border-radius: 5px;
  background: transparent;
  z-index: -1;
}
.ilist2 .titlebox .layout-btn:hover > span > small > em:before {
  color: #a9cb21;
}
.ilist2 .titlebox .layout-btn:hover .icon {
  fill: #a9cb21;
}
.ilist2 .txtbox {
  padding: 1.85rem 0 1rem;
}
.ilist2 .contentbox {
  position: relative;
  z-index: 4;
}
.ilist2 .ulbox .li {
  padding: 1.25rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.ilist2 .ulbox .li:last-child {
  border-bottom: none;
}
.ilist2 .ulbox .tit3 {
  width: 53.5%;
}
.ilist2 .ulbox .tit4 {
  width: 45%;
  padding-left: 1.25rem;
}
.ilist2 .ulbox .iconbtn {
  margin-right: -.65rem;
  position: relative;
}
.ilist2 .ulbox .icon3 {
  position: absolute;
  width: 3.5rem;
  height: 3.5rem;
  top: 50%;
  right: -1.725rem;
  margin-top: -1.725rem;
  z-index: 3;
}
.ilist2 .ulbox .icon2 {
  width: 25px;
  height: 28px;
  fill: #fff;
}
.ilist2 .ulbox .porimg {
  width: 50%;
  /*width:46%;*/
  height:60vh;
  border-radius: 5px;
}
.ilist2 .ulbox .porimg .img4 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
  overflow: hidden;
}
.ilist2 .ulbox .text {
  width: 46%;
  padding-left: 1rem;
  align-items: flex-end;
  justify-content: space-between;
}
.ilist2 .ulbox .text .tit5 {
  font-size: 2.4rem;
  margin-bottom:.6rem;
}
.ilist2 .ulbox .text .tit6{
  opacity:1;
}
.ilist2 .ulbox .text .layout-btn {
  border: none;
  width: 153px;
  height: 48px;
  border-radius: 5px;
  background: transparent;
  border: 2px solid #fff;
  margin-top: 1rem;
}
.ilist2 .ulbox .text .layout-btn span {
  color: #fff;
}
.ilist2 .ulbox .text .layout-btn .icon {
  width: 25px;
  height: 28px;
  fill: #fff;
  margin-left: 0.2rem;
}
.ilist2 .ulbox .text .layout-btn:after {
  border-radius: 5px;
  background: transparent;
  z-index: -1;
}
.ilist2 .ulbox .text .layout-btn:hover > span > small > em:before {
  color: #fff;
}
.ilist2 .ulbox .text .textop {
  align-items: flex-end;
}
.ilist2 .ulbox .text .p2 {
  margin: 0.65rem 0 0;
  display: none;
}
.ilist2 .ulbox .text .p {
  width: 68%;
  margin-right: 32%;
}
.ilist2 .ulbox .boxli {
  display: block;
}
.ilist2 .ulbox .boxli2 {
  display: none;
}
.ilist2 .ulbox .boxli2 .imgant{
  transform-origin:center center;
  animation: img360 8s linear infinite;
}

@keyframes img360{
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
}
@media (max-width: 1600px) {
  .ilist3 .tabul-container .li img{
    height:24px;
  }
}
@media (max-width: 1024px) {
  .ilist2 .ulbox .li.cur .boxli {
    display: none;
  }
  .ilist2 .ulbox .li.cur .boxli2 {
    display: block;
  }
  .ilist3 .tabul-container .li{
    width:4rem;
  }
  .ilist3 .itembox-container .swiper-pagination{
    bottom:0;
  }
  .ilist3 .itembox-container .swiper-pagination span.swiper-pagination-bullet-active{
    background:#a9cb21;
  }
  .ilist3 .tabul-container .swiper-wrapper{
    flex-flow: row nowrap;
  }
  .ilist3 .itembox-container{
    padding-bottom:1.25rem;
  }

  .ilist4 .ul .li .text2 .tit4{
    display:none;
  }
  .ilist4 .ul .text2{
    padding: 0 1.25rem 1rem;
  }
  .ilist4 .ul .li{
    height: 3.75rem;
    transition: all .6s;
  }
  .ilist4 .ul .text2 .ntxt .tit3{
    margin-top:.35rem;
  }
  .ilist4 .ul .li:hover{
    height:12.75rem;
  }
  .ilist4 .ul .li:hover .tit4{
    display:block;
  }
  .ilist4 .ul .li:hover .text2 .ntxt .tit3{
    margin-top:0;
  }
  .ilist4 .ul .li.cur2{
    height:12.75rem;
  }
  .ilist4 .ul .li.cur2 .tit4{
    display:block;
  }
  .ilist4 .ul .li.cur2 .text2 .ntxt .tit3{
    margin-top:0;
  }
}
@media (min-width: 1025px) {
  .ilist2 .ulbox .li.cur .boxli .w1800 .icon{
    opacity:0;
    transform:translate(-40px,0);
    transition: all .8s;
  }
  .ilist2 .ulbox .li.cur .boxli .w1800 .w1400{
    opacity:0;
    transform:translate(-40px,0);
    transition: all .8s .2s;
  }
  .ilist2 .ulbox .li.cur .boxli .w1800.active .icon{
    opacity:1;
    transform:translate(0,0);
  }
  .ilist2 .ulbox .li.cur .boxli .w1800.active .w1400{
    opacity:1;
    transform:translate(0,0);
  }
  .ilist2 .ulbox .li.cur .boxli .animbox .img4{
    opacity:1;
    transform:translate(0,0);
  }

  .ilist2 .ulbox .li.cur .boxli2 .animbox .img4{
    opacity:0;
    transform:translate(40px,0);
    transition: all 1s;
  }
  .ilist2 .ulbox .li.cur .boxli2 .animbox .icon3{
    opacity:0;
    transform:translate(-12vw,0);
    transition: all 1.2s;
  }
  .ilist2 .ulbox .li.cur .boxli2 .animbox .textop{
    opacity:0;
    transform:translate(0,60px);
    transition: all 1s;
  }
  .ilist2 .ulbox .li.cur .boxli2 .animbox .p{
    opacity:0;
    transform:translate(0,60px);
    transition: all 1s .2s;
  }
  .ilist2 .ulbox .li.cur .boxli2 .animbox.active .img4{
    opacity:1;
    transform:translate(0,0);
  }
  .ilist2 .ulbox .li.cur .boxli2 .animbox.active .icon3{
    opacity:1;
    transform:translate(0,0);
  }
  .ilist2 .ulbox .li.cur .boxli2 .animbox.active .textop{
    opacity:1;
    transform:translate(0,0);
  }
  .ilist2 .ulbox .li.cur .boxli2 .animbox.active .p{
    opacity:1;
    transform:translate(0,0);
  }
  .ilist4 .ul .li .text2 .tit4{
    font-size:15px;
  }
}


@media (max-width: 1200px) {
  .ilist4 .contentbox .tiptxt, .ilist1 .contentbox .tiptxt, .ilist3 .contentbox .tiptxt, .ilist2 .contentbox .tiptxt, .ilist5 .contentbox .tiptxt, .ilist6 .contentbox .tiptxt {
    width: 100%;
    margin-bottom: .85rem;
  }

  .ilist4 .contentbox .w1400, .ilist1 .contentbox .w1400, .ilist3 .contentbox .w1400, .ilist2 .contentbox .w1400, .ilist5 .contentbox .w1400, .ilist6 .contentbox .w1400 {
    width: 100%;
  }

  .ilist2 .contentbox .ulbox .w1400 {
    width: 90%;
  }
}
@media (max-width: 1024px) {
  .ilist1 {
    padding: 3rem 0;
  }
}
@media (max-width: 996px) {
  .ilist1 .lbox {
    width: 100%;
    margin-bottom: 1.75rem;
  }

  .ilist1 .rbox {
    width: 100%;
  }

  .ilist3 .warpitem .text {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .ilist3 .warpitem .img {
    width: 100%;
  }

  .ilist3 .warpitem .text .videobtn {
    margin-top: 1rem;
  }

  .ilist3 .tabul-container .swiper-wrapper {
    flex-flow: nowrap;
    justify-content: flex-start;
  }

  .ilist4 .ul .li.cur {
    width: 100%;
    margin-bottom: .85rem;
  }
  .ilist2 .ulbox .text .tit6{
    text-align:left;
  }

  .ilist2 .ulbox .porimg {
    width: 100%;
    height:50vh;
  }


  .ilist2 .ulbox .text {
    width: 100%;
    margin-top: 1.5rem;
    align-items: flex-start;
  }

  .ilist2 .ulbox .text .textop {
    align-items: flex-start;
  }

  .ilist2 .ulbox .text .p {
    display: none;
  }

  .ilist2 .ulbox .text .p2 {
    display: block;
  }

  .ilist2 .ulbox .text {
    padding-left: 0;
  }

  .ilist2 {
    height: auto;
  }

  .ilist2 .ulbox .icon3 {
    width: 2.8rem;
    height: 2.8rem;
    top: 50%;
    right: -1.4rem;
    margin-top: -1.4rem;
  }
  .ilist4 .ul .li.cur .text2 .tit4 br{
    display:none;
    height:auto;
    line-height:1.4;
  }

   .ilist1 .rbox{
    display:none  !important;
  }

}
.ilist5 .swiper-pagination{
  display:none;
}
@media (max-width: 767px) {
  .ilist2 .ulbox .porimg{
    height:35vh;
  }
  .ilist3 .tabul-container .li:before {
    display: none;
  }

  .ilist2 .titlebox .tit2 br {
    display: none;
  }

  .ilist2 .titlebox .layout-btn {
    margin-top: .8rem;
  }

  .ilist2 .ulbox .text .tit5 {
    font-size: 1.2rem;
  }

  .ilist2 .ulbox .text .layout-btn,.ilist6 .contentbox .layout-btn{
    width: 130px;
    height: 40px;
  }
  .ilist6 .contentbox .tit3 br{
    display:none;
  }
  .ilist4 .ul .li .text2 .tit4{
    height:auto;
    line-height:1.6;
  }

  .ilist4 .contentbox .layout-btn {
    width: 130px;
    height: 40px;
    margin-top: 1rem;
  }

  .ilist1 .lbox .layout-btn {
    width: 130px;
    height: 40px;
  }

  .ilist2 .contentbox .ulbox .boxli .w1400 {
    width: 80%;
    margin-right:0;
  }

  .ilist2 .ulbox .text {
    margin-top: 1rem;
  }

  .ilist2 .contentbox .ulbox .boxli .icon {
    width: 1.25rem;
    height: 1.25rem;
  }

  .ilist2 .contentbox .ulbox .boxli .icon img {
    max-height: 100%;
  }

  .ilist4 .ul .li {
    /*height: 12.75rem;*/
    width: 100% !important;
    margin-right: 0;
  }

  .ilist4 .ul .text2 {
    padding: 0 .75rem 1.25rem;
  }

  .ilist4 {
    padding-bottom: 2rem;
  }
  .ilist2 .ulbox .tit4{
    display:none;
  }
  .ilist2 .ulbox .tit3{
    width:80%;
  }

  .ilist5 .news-container {
    margin-top: 1.5rem;
    position: relative;
    padding-bottom:1.5rem;
  }
  .ilist5 .news-container .swiper-pagination{
    display:block;
    bottom:5px;
  }
  .ilist5 .news-container .swiper-pagination span.swiper-pagination-bullet-active{
    background:#5eba44;
  }

  .ilist1 .tipicon {
    width: 4.5rem;
  }
  .ilist2 .ulbox .tit3{
    width: 36%;
  }
  .ilist2 .ulbox .tit4{
    width: 45%;
    padding-left:3%;
  }
  .ilist2 .ulbox .iconbtn{
    margin-right:0;
  }
  .ilist2 .ulbox .icon3{
    top: 4%;
    right: -0.8rem;
  }

  .ilist5 .news-container .item .bg {
    opacity: 1;
    transform: scale(1);
  }
  .ilist5 .news-container .item .tit3 {
    width: 100%;
    font-size: 18px;
    line-height:1.4;
  }
  .ilist5 .news-container .item .tit4 {
    opacity: 0;
  }
  .ilist5 .news-container .item .more span {
    color: #000;
  }
  .ilist5 .news-container .item .more .icon {
    fill: #a9cb21;
  }
  .ilist3 .tabul-container .li{
    width:100%;
    flex-flow: row nowrap;
  }
  .ilist3 .tabul-container .li img{
    height: 16px;
    margin-right:.2rem;
  }

}
.nbanner {
  height: calc(750rem / 40);
  width: 100%;
  position: relative;
  z-index: 2;
}
.nbanner .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.nbanner .icon {
  width: 7.5rem;
  margin: 0 auto;
}
.nbanner .text {
  margin-top: -1.8rem;
  z-index: 3;
}
.nbanner .text .tit2{
  font-size:56px;
  font-weight: normal;
}

.nbanner2 {
  /*height: 100vh;*/
  height: calc(750rem / 40);
  width: 100%;
  position: relative;
  z-index: 2;
}
.nbanner2 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.nbanner2 .text {
  z-index: 3;
}
.nbanner2 .tit2 {
  margin-bottom: .5rem;

  font-weight: bold;
}
.nbanner2 .layout-btn {
  border: none;
  width: 153px;
  height: 48px;
  border-radius: 5px;
  margin-top: 1.25rem;
  background: #a9cb21;
}
.nbanner2 .layout-btn span {
  color: #fff;
}
.nbanner2 .layout-btn .icon {
  width: 25px;
  height: 28px;
  fill: #fff;
  margin-left: 0.2rem;
}
.nbanner2 .layout-btn:after {
  border-radius: 5px;
  background: #a9cb21;
  z-index: -1;
}
.nbanner2 .layout-btn:hover > span > small > em:before {
  color: #fff;
}
@media (max-width: 1700px) {
  .nbanner2 .w1400{
    width:82%;
  }
}
@media (max-width: 1600px) {
  .nbanner2 .w1400{
    width:77%;
  }
  .nbanner .text .tit2{
    font-size:40px;
  }

}
@media (max-width: 1024px) {
  .nbanner2 .w1400{
    width:90%;
  }
  .nbanner .text .tit2{
    font-size:32px;
  }
}
@media (max-width: 767px) {
  /*.nbanner2 {
    height: 75vh;
  }*/

  .nbanner2 .layout-btn {
    width: 120px;
    height: 40px;
  }
  .nbanner .text .tit2{
    font-size:26px;
  }
  /*.nbanner .text .tit2 br{*/
  /*  display:none;*/
  /*}*/
  .nbanner{
    height: calc(700rem / 40);
  }
}
.warp-subnav {
  height: 80px;
  position: relative;
  z-index: 4;
}
.warp-subnav .nav {
  width: 100%;
  padding: 0 6%;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}
.warp-subnav a {
  height: 80px;
  color: #b2b2b2;
  margin: 0 1.75rem;
  position: relative;
  transition: all .6s;
}
.warp-subnav a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: -2px;
  opacity: 0;
  transition: all .6s;
  background: #58b530;
}
.warp-subnav a:hover, .warp-subnav a.cur {
  color: #58b530;
  font-weight:bold;
}
.warp-subnav a:hover:before, .warp-subnav a.cur:before {
  opacity: 1;
}

@media (max-width: 1280px) {
  .warp-subnav a {
    margin: 0 1rem;
  }
}
@media (max-width: 1024px) {
  .warp-subnav {
    display: none;
  }
}
@media (max-width: 767px) {
  .warp-subnav a {
    margin: 0 .55rem;
  }

  .warp-subnav, .warp-subnav a {
    height: 60px;
  }
}
.news-list1 {
  padding: 2rem 0;
  position: relative;
  background: #fff;
  z-index: 1;
}
.news-list1 .warpbox {
  padding: 0 2rem;
}
.news-list1 .warpbox .swiper-pagination {
  display: none;
}
.news-list1 .warpbox .button-prev, .news-list1 .warpbox .button-next {
  width: 35px;
  height: 45px;
  position: absolute;
  top: 50%;
  margin-top: -2.5rem;
  z-index: 3;
  cursor: pointer;
}
.news-list1 .warpbox .button-prev .icon, .news-list1 .warpbox .button-next .icon {
  width: 30px;
  height: 30px;
  fill: #999;
  transition: all .8s;
}
.news-list1 .warpbox .button-prev:hover .icon, .news-list1 .warpbox .button-next:hover .icon {
  fill: #58b530;
}
.news-list1 .warpbox .button-prev {
  left: 0;
}
.news-list1 .warpbox .button-next {
  right: 0;
}
.news-list1 .warpbox .button-next .icon {
  transform: rotate(-180deg);
}
.news-list1 .warpbox .text {
  margin-top: .75rem;
}
.news-list1 .warpbox .text .tit3 {
  line-height: 30px;
  height: 60px;
  overflow: hidden;
  transition: all .8s;
}
.news-list1 .warpbox .img {
  width: 100%;
  height: 9rem;
  overflow: hidden;
}
.news-list1 .warpbox .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .8s;
}
.news-list1 .warpbox .time {
  margin-top: .5rem;
}
.news-list1 .warpbox .time .icon {
  fill: #b2b2b2;
}
.news-list1 .time {
  color: #b2b2b2;
}
.news-list1 .time .icon {
  width: 20px;
  height: 20px;
  margin-right: .3rem;
}
.news-list1 a {
  display: block;
}
.news-list1 .swiper-slide:hover .img img {
  transform: scale(1.1);
}
.news-list1 .swiper-slide:hover .tit3 {
  color: #58b530;
}

.news-list2 {
  background: #fff url(../css_1/newimg1.png) no-repeat center top;
  background-size: 100% 10.25rem;
  padding: 2rem 0 2.5rem;
}
.news-list2 .contentbox {
  padding: 0 2rem;
}
.news-list2 .li {
  padding: 1.35rem 0;
  border-bottom: 1px solid #eaeaea;
}
.news-list2 .li:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: -1px;
  background: #a9cb21;
  transition: all .8s;
  opacity: 1;
  transform-origin: 0 100%;
  transform: scale(0.5, 0);
}
.news-list2 .img {
  width: 11rem;
}
.news-list2 .img img {
  width: 100%;
  transition: all .8s;
}
.news-list2 .text {
  width: calc(100% - 13.52rem);
  padding-right: 2rem;
}
.news-list2 .text .tit3 {
  margin-bottom: .55rem;
  transition: all .8s;
}
.news-list2 .text .tit4 {
  margin-bottom: 1rem;
}
.news-list2 .text .time {
  color: #a9cb21;
}
.news-list2 .text .line {
  margin: 0 .5rem 0 .65rem;
  background: #ccc;
  width: 1px;
  height: 16px;
}
.news-list2 .text .layout-btn {
  border: none;
  width: auto;
  height: 30px;
  border-radius: 5px;
  background: transparent;
}
.news-list2 .text .layout-btn span {
  color: #888;
}
.news-list2 .text .layout-btn .icon {
  width: 25px;
  height: 28px;
  fill: #a9cb21;
  margin-left: 0.2rem;
}
.news-list2 .text .layout-btn:after {
  border-radius: 5px;
  background: transparent;
  z-index: -1;
}
.news-list2 .text .layout-btn:hover > span > small > em:before {
  color: #a9cb21;
}
.news-list2 .text .layout-btn:hover .icon {
  fill: #a9cb21;
}
.news-list2 .li:hover:before {
  opacity: 1;
  transform: scale(1, 1);
}
.news-list2 .li:hover .img img {
  transform: scale(1.1, 1.1);
}
.news-list2 .li:hover .tit3 {
  color: #a9cb21;
}

@media (max-width: 1024px) {
  .news-list1 .warpbox .img {
    height: 6rem;
  }
}
@media (max-width: 768px) {
  .news-list1 .warpbox .img {
    height: 7rem;
  }
  .news-list2 .img {
    width: 100%;
    margin-bottom: 1rem;
  }

  .news-list2 .text {
    width: 100%;
    padding-right: 0;
  }

  .news-list2 .contentbox {
    padding: 0;
  }

  .news-list2 {
    padding-top: 1rem;
  }
}
@media (max-width: 767px) {
  .news-list1 {
    padding: 1.5rem 0;
  }

  .news-list1 .warpbox .button-prev .icon, .news-list1 .warpbox .button-next .icon {
    width: 22px;
    height: 22px;
  }

  .news-list1 .warpbox {
    width: 100%;
  }

  .news-list2 .text .tit4 {
    display: none;
  }

  .news-list1 .warpbox {
    padding: 0 1.5rem;
  }

  .news-list1 .warpbox .news-container {
    width: 100%;
  }
  .news-list1 .warpbox .img{
    height:8rem;
  }
}
.infotipbox {
  padding: .7rem 1.5rem 0;
}
.infotipbox a {
  opacity: .6;
  transition: all .6s;
}
.infotipbox a:hover {
  color: #60BB46;
  opacity: 1;
}
.infotipbox span {
  opacity: .6;
}
.infotipbox .icon2 {
  width: 22px;
  height: 22px;
  margin-right: .2rem;
  fill: #60BB46;
}
.infotipbox .icon {
  width: 10px;
  height: 10px;
  margin: 0 .15rem;
  fill: #646464;
}

.n-info {
  padding: 4rem 0 3.85rem;
}
.n-info .textbox {
  width: 66%;
  padding-right: 1.5rem;
  border-right: 1px solid #E5E5E5;
}
.n-info .textbox .time {
  margin-top: .5rem;
}
.n-info .textbox .text {
  padding: 1.25rem 0 0;
}
.n-info .textnav {
  width: 34%;
  padding-left: 1.3rem;
}
.n-info .textnav .tit3 {
  margin-bottom: 1.25rem;
}
.n-info .textnav .ul .li {
  margin-bottom: .5rem;
  color: #999;
  transition: all .6s;
}
.n-info .textnav .ul .li:hover {
  color: #333;
}
.n-info .textnav .ul span {
  width: calc(100% - 4.5rem);
  display: block;
}
.n-info .textnav .ul .img {
  width: 3.5rem;
  height: 2.25rem;
  overflow: hidden;
}
.n-info .textnav .ul .img img {
  transition: all .8s;
}
.n-info .textnav .ul .li:hover .img img {
  transform: scale(1.1);
}
.n-info .titlebox {
  padding-bottom: .55rem;
  border-bottom: 1px solid #E5E5E5;
}
.n-info .layout-btn {
  border: none;
  width: 153px;
  height: 48px;
  border-radius: 5px;
  margin-top: 2.25rem;
  background: #a9cb21;
}
.n-info .layout-btn span {
  color: #fff;
}
.n-info .layout-btn .icon {
  width: 22px;
  height: 25px;
  fill: #fff;
  margin-left: 0.2rem;
}
.n-info .layout-btn:after {
  border-radius: 5px;
  background: #a9cb21;
  z-index: -1;
}
.n-info .layout-btn:hover > span > small > em:before {
  color: #fff;
}

@media (max-width: 1024px) {
  .n-info {
    padding: 2rem 0 3rem;
  }
}
@media (max-width: 996px) {
  .n-info .textbox {
    width: 100%;
    padding-right: 0;
    margin-bottom: 1.75rem;
    border-right: none;
  }

  .n-info .textnav {
    width: 100%;
    padding-left: 0;
  }

  .n-info .layout-btn {
    margin-top: 1.2rem;
  }
}
@media (max-width: 767px) {
  .n-info .layout-btn {
    margin-top: 0;
  }

  .n-info .layout-btn {
    width: 130px;
    height: 40px;
  }

  .n-info .layout-btn .icon {
    width: 20px;
    height: 20px;
  }
}
.video-list1 {
  padding: 2.2rem 0 2.5rem;
  background: #fff;
  z-index: 1;
}
.video-list1 .ulbox .li {
  width: 48.5%;
  cursor: pointer;
}
.video-list1 .ulbox .li:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 60%;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
}
.video-list1 .ulbox .img {
  height: 12.5rem;
}
.video-list1 .ulbox .img .img1 {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  object-fit: cover;
  transition: all .8s;
}
.video-list1 .ulbox .txt {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0 1rem .7rem;
  z-index: 3;
}
.video-list1 .ulbox .txt .icon {
  width: 40px;
  height: 26px;
  fill: #58b530;
  margin-right: 25px;
  border-radius: 5px;
  transition: all .8s;
}
.video-list1 .ulbox .txt span {
  width: calc(100% - 65px);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.video-list1 .ulbox .li:hover .img1 {
  transform: scale(1.1);
}
.video-list1 .ulbox .li:hover .txt .icon {
  transform: scale(0.9);
}

.video-list2 {
  padding: 4.4rem 0 3.75rem;
  background: url(../css_1/videobg.png) no-repeat center top;
  background-size: cover;
}
.video-list2 .ul .li {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 1.85rem;
}
.video-list2 .ul .img:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: all .8s;
}
.video-list2 .ul .img img{
  height:9rem;
  width:100%;
  object-fit:cover;
  transition: all .6s;
}
.video-list2 .ul .img .icon {
  width: 40px;
  height: 26px;
  fill: #58b530;
  border-radius: 5px;
  opacity: 0;
  transition: all .8s;
  z-index: 3;
}
.video-list2 .ul .li:nth-child(3n) {
  margin-right: 0;
}
.video-list2 .ul .p {
  transition: all .6s;
  margin-top: .6rem;
}
.video-list2 .ul .li:hover:before {
  opacity: 1;
}
.video-list2 .ul .li:hover .icon {
  opacity: 1;
}
.video-list2 .ul .li:hover .img img{
  transform:scale(1.1);
}
.video-list2 .ul .li:hover .p{
  color:#a9cb21;
}

@media (max-width: 1024px) {
  .video-list1 .ulbox .img {
    height: 7.5rem;
  }

  .video-list2 {
    padding: 2.5rem 0 3rem;
  }
}
@media (max-width: 767px) {
  .video-list1 {
    padding-bottom: 1rem;
  }

  .video-list1 .ulbox .li {
    width: 100%;
    margin-bottom: .85rem;
  }

  .video-list2 .ul .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.2rem;
  }

  .video-list2 .ul .p {
    margin-top: .75rem;
  }
}
.dialog1 {
  z-index: 99;
}
.dialog1 .dialog__content {
  width: 80%;
  max-width: 1200px;
  min-width: 290px;
  padding: 40px;
  background: transparent;
}
.dialog1 .closebtn {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0;
  top: 0;
  z-index: 2;
  background: transparent;
}
.dialog1 .closebtn .icon {
  width: 26px;
  height: 26px;
  fill: #fff;

}
.dialog1 .video {
  width: 100%;
  height:16rem;
  overflow: hidden;
  display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.dialog1 .video video {
  max-width: 100%;
  max-height:100%;
  background:#000;
  /*object-fit:cover;*/
}

@media (max-width: 767px) {
  .dialog1 .dialog__content {
    padding: 0;
    width: 90%;
  }

  .dialog1 .closebtn {
    top: -35px;
  }
  .dialog1 .video{
    height:10rem;
  }
}
.services-list1 {
  padding: 1.5rem 0 1rem;
  position: relative;
  z-index: 1;
}
.services-list1 .contentbox {
  padding: 0 2rem;
}
.services-list1 .leftnav {
  width: 9rem;
}
.services-list1 .leftnav .title {
  margin-bottom: .12rem;
  height: 60px;
  border-bottom: 2px solid #bebebe;
}
.services-list1 .leftnav .title .icon {
  margin-right: 8px;
  width: 29px;
}
.services-list1 .leftnav .li {
  position: relative;
  padding: .5rem 0;
  border-bottom: 1px solid #f2f2f2;
  width: 100%;
  display: block;
}
.services-list1 .leftnav .li:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -1px;
  background: #59b431;
  left: 0;
  opacity: 0;
  transition: all .8s;
}
.services-list1 .leftnav .li .icon {
  width: 20px;
  height: 20px;
  position: absolute;
  right: .75rem;
  top: 50%;
  margin-top: -10px;
  opacity: 0;
  transition: all .8s;
}
.services-list1 .leftnav .li .icon2 {
  width: 15px;
  height: 15px;
  position: absolute;
  right: .6rem;
  top: 50%;
  margin-top: -7.5px;
  fill: #999;
  opacity: 1;
  transition: all .8s;
}
.services-list1 .leftnav .li2 .icon3 {
  width: 16px;
  height: 16px;
  position: absolute;
  right: .65rem;
  top: 50%;
  margin-top: -9px;
  transition: all .8s;
  fill:#999;
  transform:rotate(90deg);
}
.services-list1 .leftnav .li .sec-list{
  width:100%;

}
.services-list1 .leftnav .li2 {
  border-bottom: 1px solid #f2f2f2;
}
.services-list1 .leftnav .li2 .sub-tit{
  position: relative;
  padding: .5rem 0;
  width: 100%;
  display: block;
  cursor:pointer;
}

.services-list1 .leftnav .li2.cur .sec-list{
  display:block;
}
.services-list1 .leftnav .li2 .sec-list{
   padding:0 .5rem .5rem;
   display:none;
}
.services-list1 .leftnav .li2 .sec-list a{
  display:block;
  color:#666;
  margin-bottom:.25rem;
  transition: all .6s;
}
.services-list1 .leftnav .li2 .sec-list a:hover,.services-list1 .leftnav .li2 .sec-list a.cur{
  color:#58b530;
}
.services-list1 .leftnav .li2 .sub-tit.on .icon3{
  transform:rotate(-90deg);
}
.services-list1 .leftnav .li:hover, .services-list1 .leftnav .li.cur {
  color: #333;
}
.services-list1 .leftnav .li:hover:before, .services-list1 .leftnav .li.cur:before {
  opacity: 1;
  width: 4.5rem;
}
.services-list1 .leftnav .li:hover .icon, .services-list1 .leftnav .li.cur .icon {
  opacity: 1;
}
.services-list1 .leftnav .li:hover .icon2, .services-list1 .leftnav .li.cur .icon2 {
  opacity: 0;
}
.services-list1 .rightbox {
  width: calc(100% - 10rem);
  margin-top: 60px;
}
.services-list1 .rightbox .title {
  display: none;
}
.services-list1 .rightbox .title {
  margin-bottom: 1rem;
  height: 60px;
  border-bottom: 2px solid #bebebe;
}
.services-list1 .rightbox .title .icon {
  margin-right: 8px;
  width: 29px;
}
.services-list1 .rightbox .topimg {
  height: 260px;
  overflow: hidden;
}
.services-list1 .rightbox .topimg .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.services-list1 .rightbox .topimg .tit3 {
  padding: 1.25rem 1.56rem 0;
  position: relative;
  z-index: 3;
}
.services-list1 .rightbox .topimg .tit3 span {
  color: #59b431;
}
.services-list1 .rightbox .ul {
  margin-top: .5rem;
}
.services-list1 .rightbox .ul .icon {
  width: 18px;
  height: 18px;
  fill: #e5e5e5;
  transition: all .8s;
}
.services-list1 .rightbox .ul .spbox {
  padding: .7rem .75rem;
  border-bottom: 1px solid #efefef;
  transition: all .8s;
}
.services-list1 .rightbox .ul .li.on {
  background: #f7f7f7;
  transition: all .8s;
}
.services-list1 .rightbox .ul .li.on .spbox {
  background: #f7f7f7;
  padding: .6rem .75rem 0 1.5rem;
  border-bottom: 1px solid transparent;
}
.services-list1 .rightbox .ul .li.on .spbox .icon {
  transform: rotate(-180deg);
  fill: #59b431;
}
.services-list1 .rightbox .ul .warptext {
  padding: .6rem 1.5rem 0;
}
.services-list1 .rightbox .ul .text {
  padding: 0 0 1.5rem 45px;
  background: url(../css_1/icon5.png) no-repeat left top;
}
.services-list1 .wpage {
  width: 100%;
}
.services-list1 .wpage .page {
  padding-top: 1.5rem;
}

.services-list2 {
  padding: 1.75rem 0 3rem;
  position: relative;
  z-index: 2;
}
.services-list2 .contentbox {
  padding: 0 2rem;
}
.services-list2 .contentbox .li {
  width: 49%;
  height: 9.75rem;
  padding: 1.65rem 1.75rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.services-list2 .contentbox .text {
  position: relative;
  z-index: 3;
}
.services-list2 .contentbox .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  transition: all .6s;
}
.services-list2 .contentbox .tit4 {
  color: #fff;
  margin-bottom: .5rem;
}
.services-list2 .contentbox .tit4 img {
  margin-right: 8px;
}
.services-list2 .contentbox .tit5 {
  margin-bottom: 1rem;
}
.services-list2 .contentbox .layout-btn {
  border: none;
  width: 153px;
  height: 48px;
  border-radius: 5px;
  background: transparent;
  border: 2px solid #fff;
}
.services-list2 .contentbox .layout-btn span {
  color: #fff;
}
.services-list2 .contentbox .layout-btn .icon {
  width: 25px;
  height: 28px;
  fill: #fff;
  margin-left: 0.2rem;
}
.services-list2 .contentbox .layout-btn:after {
  border-radius: 5px;
  background: transparent;
  z-index: -1;
}
.services-list2 .contentbox .layout-btn:hover > span > small > em:before {
  color: #fff;
}
.services-list2 .contentbox .li:hover .bg {
  transform: scale(1.1, 1.1);
}

@media (max-width: 1024px) {
  .services-list1 .contentbox, .services-list2 .contentbox {
    padding: 0;
  }
}
@media (max-width: 996px) {
  .services-list1 .leftnav {
    width:100%;
  }

  .services-list1 .rightbox {
    width: 100%;
  }

  .services-list1 .rightbox .title {
    display: flex;
  }

  .services-list1 .rightbox {
    margin-top: 0;
  }

  .services-list2 .contentbox .li {
    width: 100%;
    margin-bottom: 1rem;
  }

  .services-list2 .contentbox {
    margin-bottom: -1rem;
  }
}
@media (max-width: 767px) {
  .services-list1 .rightbox .ul .li.on .spbox {
    padding: 0.6rem 0.75rem 0 1rem;
  }

  .services-list1 .rightbox .ul .warptext {
    padding: 0.6rem 1rem 0;
  }

  .services-list2 .contentbox .li {
    padding: 1.2rem 1rem;
    height: 8.75rem;
  }

  .services-list2 .contentbox .layout-btn {
    width: 130px;
    height: 40px;
  }

  .services-list2 .contentbox .layout-btn .icon {
    width: 22px;
    height: 22px;
  }
}
.about-list1 {
  padding: 2.5rem 0 0;
  position: relative;
  z-index: 1;
}
.about-list1 .tip {
  margin-bottom: 1rem;
  width: 100%;
}
.about-list1 .tip .icon {
  width: 25px;
  height: 25px;
  margin-right: 8px;
}
.about-list1 .leftbox {
  /*width: 36.6%;*/
  width:52%;
  margin-bottom:6rem;
}
/*.about-list1 {
  width: 56.72%;
}*/
.about-list1 .tit3{
  margin-bottom:1.5rem;
}
.about-list1 .p{
  margin-bottom:1.5rem;
  text-align:justify;
}
.about-list1 .btn {
  margin-top: 1.45rem;
  transition: all .6s;
}
.about-list1 .btn .icon {
  width: 1rem;
  height: 1rem;
  fill: #58b530;
  margin-right: .4rem;
}
.about-list1 .btn:hover {
  color: #58b530;
}
.about-list1 .rightbox{
  width:calc(44% - 1.75rem);
}
.about-list1 .rightbox .img1 {
  /*width: 17rem;*/
  width:100%;
  margin: 0 auto -2rem;
  display: block;

}
.about-list1 .rightbox .videobtn{
  width:1.25rem;
  height:1.25rem;
  fill:#58b530;
  z-index:3;
  top: auto;
  /*bottom: 2.6rem;*/
  bottom:17%;
  opacity:1;
  cursor:pointer;
  transition: all .6s;
}
.about-list1 .rightbox:hover .img2{
  -webkit-animation-play-state:paused;
  -moz-animation-play-state:paused;
}
.about-list1 .rightbox:hover .videobtn{
  opacity:1;
}
.about-list1 .rightbox .img2{
  left:50%;
  width: 48%;
  margin-left: -24%;
  bottom:-1rem;
  z-index:2;
  animation: img360 8s linear infinite;
}
.about-list2 {
  position: relative;
  z-index: 2;
}
.about-list2 .downbtn {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  border: 1px dashed #58b530;
  position: absolute;
  left: 14%;
  top: -4.25rem;
  z-index: 2;
}
.about-list2 .downbtn .iconbtn {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  background: #58b530;
}
.about-list2 .downbtn .iconbtn .icon {
  width: 15px;
  height: 15px;
  fill: #fff;
}
.about-list2 .linebg {
  position: absolute;
  left: calc(14% + .8rem);
  top: -2.1rem;
  z-index: 3;
  height: calc(760rem / 40);
}
.about-list2 .linebg img {
  max-height: 100%;
}
.about-list2 .linebg .lineimg {
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
  clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
}
.about-list2 .bgimg {
  width: 100%;
  height: 22rem;
}
.about-list2 .bgimg .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background-attachment: fixed;

}
.about-list2 .bgimg .bg.active{
	background-attachment: initial;
}

.about-list2 .contentbox {
  margin-top: -5rem;
  position: relative;
  z-index: 4;
  padding: 1.75rem 1.5rem 2.25rem 1rem;
  background: #fff;
}
.about-list2 .leftimg {
  width: 42%;
}
.about-list2 .leftimg .scr-el {
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
  clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
}
.about-list2 .rightbox {
  width: 54%;
  margin-top: 2rem;
}
.about-list2 .rightbox .li {
  width: 50%;
  padding-right: 5%;
  margin-bottom: 3.85rem;
}
.about-list2 .rightbox .li:nth-child(2n) {
  padding-right: 0;
}
.about-list2 .rightbox .li:nth-child(2) .tit3 sub{
  font-size:1.25rem;
  position: relative;
}
.about-list2 .rightbox .li:nth-child(4) .tit3 sub{
  font-size:1.25rem;
  font-weight:bold;
  position: relative;
  bottom:.2rem;
}
.about-list2 .rightbox .txtbox {
  width: calc(100% - 62px - .9rem);
}
.about-list2 .rightbox .txtbox sub {
  bottom: 0;
  line-height: 1;
}
.about-list2 .rightbox .tit3 {
  color: #58b530;
}
.about-list2 .rightbox .icon {
  width: 62px;
  height: 62px;
  margin-right: .9rem;
}
.about-list2 .rightbox .p {
  margin-top: .55rem;
}
.about-list2 .rightbox .tip-p {
  text-align: right;
  width: 100%;
}

.about-list2 .linebg .lineimg.scr-el {
  animation-name: clipath4;
}

.about-list2 .linebg .scr-el {
  animation-play-state: paused;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: calc(var(--go) * -1s);
  animation-timing-function: ease-in-out;
}

.about-list2 .leftimg .scr-el {
  animation-name: clipath4;
}

.about-list2 .leftimg .scr-el {
  animation-play-state: paused;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: calc(var(--go) * -1s);
  animation-timing-function: ease-in-out;
}

@keyframes clipath4 {
  0% {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
  }
}
.about-list3 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.about-list3 .ul {
  position: relative;
  z-index: 3;
}
.about-list3 .li {
  width: 33.333%;
  height: calc(760rem / 40);
  padding-top: 4.25rem;
  border-right:1px solid rgba(255,255,255,.2);
  position: relative;
}
.about-list3 .li:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 60%;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(0deg, rgba(88, 181, 48, 0.85) 0%, transparent 100%);
  opacity: 0;
  transition: all .8s;
}
.about-list3 .li .tit3 {
  margin-bottom: .65rem;
  position: relative;
  z-index: 3;
}
.about-list3 .li .tit3 span:before {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  right: -.65rem;
  top: 0;
  border-radius: 50%;
  background: #58b530;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  transition: all .8s;
}
.about-list3 .li:hover:before {
  opacity: 1;
}
.about-list3 .li:hover .tit3 span:before {
  opacity: 1;
  right: -.65rem;
  top: -.6rem;
}

.about-list4 {
  padding: 2.75rem 0 0;
}
.about-list4 .tip .icon {
  width: 25px;
  height: 25px;
  margin-right: 8px;
  fill: #000;
}
.about-list4 .titlebox {
  margin-top: .7rem;
  align-items: flex-end;
}
.about-list4 .titlebox .title span {
  color: #ccc;
}
.about-list4 .titlebox .rightbox span {
  color: #58b530;
  margin-right: .2rem;
  bottom: -2px;
  display: inline-block;
  position: relative;
}
.about-list4 .titlebox .rightbox .li {
  margin-top: .25rem;
}
.about-list4 .imgbox {
  margin-top: 1rem;
}
.about-list4 .imgbox .txtimg {
  z-index: 4;
}
.about-list4 .imgbox .dian {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #58b530;
  z-index: 3;
}
.about-list4 .imgbox .dian:before {
  content: "";
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  left: 10px;
  top: 10px;
  z-index: -1;
  background: #58b530;
  border-radius: 50%;
  animation: warn 2s ease-out both;
  animation-iteration-count: infinite;
  transform-origin: 0 0;
}
.about-list4 .imgbox .dian1 {
  left: 31.5%;
  top: 47%;
}
.about-list4 .imgbox .dian2 {
  left: 33%;
  top: 22.5%;
}
.about-list4 .imgbox .dian3 {
  left: 34.5%;
  top: 20.5%;
}
.about-list4 .imgbox .dian4 {
  left: 33.5%;
    top: 32.2%;
}
.about-list4 .imgbox .dian5 {
  left: 35.1%;
    top: 30.5%;
}
.about-list4 .imgbox .dian6 {
      left: 37.5%;
    top: 32%;
}
.about-list4 .imgbox .dian7 {
  left: 36.5%;
    top: 35%;
}

@keyframes warn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: .5;
  }
}
@media (max-width: 1024px) {
  .about-list1 .leftbox {

    width: 100%;
    margin-bottom: 1.2rem;
  }

  .about-list1 .rightbox {
    width: 100%;
  }

  .about-list2 .downbtn, .about-list2 .linebg {
    display: none;
  }
  .about-list2 .bgimg .bg{
    background-attachment: initial;
  }

}
.development-list1 {
  padding: 4rem 0 3.25rem;
  background: #fff;
  position: relative;
  z-index: 1;
}
.development-list1 .leftbox {
  width: 36%;
}
.development-list1 .leftbox .title {
  margin-bottom: 1rem;
}
.development-list1 .leftbox .title .icon {
  margin-right: .3rem;
}
.development-list1 .leftbox .tit2 {
  margin-bottom: 1.35rem;
  
}
.development-list1 .leftbox .tit2 span {
  color: #ccc;
}
.development-list1 .leftbox .tit4{
	    line-height: 1.4;
}

.development-list1 .leftbox .tit3 {
  margin-bottom: 2.5rem;
  text-align:justify;
}
.development-list1 .leftbox .img {
  height: 4.65rem;
  width: 100%;
  border-radius: .25rem;
  overflow: hidden;
}
.development-list1 .leftbox .img .img1 {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  z-index: 1;
  transition: all .8s;
}
.development-list1 .leftbox .videobtn {
  cursor: pointer;
}
.development-list1 .leftbox .videobtn .icon {
  background: #5bb432;
  border-radius: 50%;
  width: 1.1rem;
  height: 1.1rem;
  margin-bottom: .4rem;
}
.development-list1 .leftbox .videobtn .icon svg {
  fill: #fff;
  width: .35rem;
  height: .42rem;
  margin-right: -3px;
}
.development-list1 .leftbox .img:hover .img1 {
  transform: scale(1.1);
}
.development-list1 .rightbox {
  width: 48.78%;
}
@media (max-width: 1480px) {
  .about-list2 .rightbox .icon{
    width:50px;
    height:50px;
  }
  .about-list2 .rightbox .icon img{
    max-height:100%;
  }
  .about-list2 .rightbox .tit3{
    font-size:55px;
  }
  .about-list2 .rightbox .li{
    margin-bottom:2rem;
  }
  .about-list2 .rightbox .txtbox{
    width: calc(100% - 50px - 0.9rem);
  }
}
@media (max-width: 1024px) {
  .development-list1 {
    padding: 2.5rem 0;
  }

  .development-list1 .leftbox {
    width: 100%;
    margin-bottom: 1rem;
  }

  .development-list1 .rightbox {
    width: 100%;
  }

  .development-list1 .rightbox img {
    width: 100%;
  }

  .about-list2 .rightbox {
    width: 100%;
    padding: 0;
    margin-top: 1rem;
  }

  .about-list2 .leftimg {
    display: none;
  }

  .about-list3 .li {
    padding: 2rem 5% 0;
  }
  .about-list1 .rightbox .videobtn{
    opacity:1;
    bottom: 14%;
  }
}
@media (max-width: 767px) {
  .about-list1 .rightbox .img1 {
    margin-top: 1rem;
  }

  .about-list2 .rightbox .txtbox {
    width: 100%;
    margin-top: .65rem;
  }

  .about-list2 .rightbox .tit3 {
    font-size: 32px;
  }

  .about-list2 .rightbox .li {
    margin-bottom: 1.25rem;
  }

  .about-list2 .rightbox .icon {
    width: 45px;
    height: 45px;
  }

  .about-list2 .rightbox .icon img {
    max-height: 100%;
  }

  .about-list3 .li {
    width: 100%;
    height: auto;
    padding-bottom: 2rem;
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.2);
  }

  .about-list3 .li:before {
    height:100%;
    z-index:-1;
    background:rgba(88, 181, 48, 0.35);
    backdrop-filter: blur(2px);
  }
  .about-list3 .li:hover .tit3 span:before{
    top: -0.15rem;
  }

  .about-list3 .li .tit3 span:before {
    opacity: 1;
    width:1rem;
    height:1rem;
    top: -0.15rem;
  }
  .about-list2 .rightbox .txtbox sub{
    font-size:1rem;
  }
  .about-list2 .rightbox .li:nth-child(2) .tit3 sub{
    font-size:1rem;
  }
  .about-list2 .rightbox .li:nth-child(4) .tit3 sub{
    font-size:1rem;
    bottom:0;
  }
  .about-list4 .imgbox .dian{
    width:8px;
    height:8px;
  }
  .about-list4 .imgbox .dian:before{
    width:1.5rem;
    height:1.5rem;
        left: 5px;
    top: 5px;
  }
  .about-list4 .titlebox .title{
    width:100%;
  }
  .about-list4 .titlebox .title br{
    display:none;
  }
  .about-list4 .titlebox .rightbox{
    width:100%;
    margin-top:.55rem;
  }
  .about-list2 .bgimg{
    height:13rem;
  }
  .about-list2 .contentbox{
    margin-top:-1rem;
    padding-top:1rem;
    padding: 1rem .5rem 2.25rem 1.75rem;
  }
  .about-list2 .rightbox .tip-p{
    text-align:center;
    margin-left:-.35rem;
  }
  .about-list1 .tit3{
    margin-bottom:1rem;
  }
}
.development-list2 {
  padding: 6.8rem 0 6.6rem;
}
.development-list2 .bg {
  z-index: 1;
}
.development-list2 .bg2 {
  z-index: 2;
}
.development-list2 .bg, .development-list2 .bg2 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
}
.development-list2 .contentbox {
  position: relative;
  z-index: 3;
}
.development-list2 .leftbox {
  width: 36%;
}
.development-list2 .leftbox .title {
  margin-bottom: 1rem;
}
.development-list2 .leftbox .title .icon {
  margin-right: .3rem;
}
.development-list2 .leftbox .tit2 {
  margin-bottom: 1.35rem;
}
.development-list2 .leftbox .tit2 span {
  color: #ccc;
}
.development-list2 .leftbox .tit3 {
  /*margin-bottom:2.5rem;*/
}
.development-list2 .leftbox .img {
  height: 4.65rem;
  width: 100%;
  border-radius: .25rem;
  overflow: hidden;
}
.development-list2 .leftbox .img .img1 {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  z-index: 1;
  transition: all .8s;
}
.development-list2 .rimg {
  width: 7.65rem;
  max-width: 100%;
}

@media (max-width: 1024px) {
  .development-list2 .leftbox {
    width: 50%;
  }
}
@media (max-width: 996px) {
  .development-list2 .leftbox {
    width: 100%;
    margin-bottom: 2rem;
  }
}
@media (max-width: 767px) {
  .development-list1 .leftbox .tit3 {
    margin-bottom: 1.25rem;
  }

  .development-list1 .leftbox .tit2, .development-list2 .leftbox .tit2 {
    margin-bottom: .8rem;
  }

  .development-list2 {
    padding: 3.5rem 0 6.6rem;
  }
  .development-list2 .leftbox .tit3 br{
    display:none;
  }
}
.enjoyment-list1 {
  padding: 4.4rem 0;
  height: 100vh;
  background: #f4f4f4;
}
.enjoyment-list1 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background-position: center bottom;
}
.enjoyment-list1 .contentbox {
  position: relative;
  z-index: 3;
}
.enjoyment-list1 .ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  width: 100%;
  height: calc(670rem / 40);
  /*.li.active:nth-child(1){
      transform:translate(calc(-1400px + calc(530rem / 40) + 80px),0);
  }*/
  /*.li.active:nth-child(1){
      transform:translate(-149%,0);
  }
  .li.active:nth-child(2){
      transform:translate(-149%,0);
  }*/
  /*.li:nth-child(1){
      margin-right:calc(calc(-530rem*1 / 40) + 20px);
      z-index:6;
      
  }
  .li:nth-child(2){
      margin-right:calc(calc(-530rem*1 / 40) + 20px);
      z-index:5;
  }
  .li:nth-child(3){
      margin-right:calc(calc(-530rem*1 / 40) + 20px);
      z-index:4;
  }
  .li:nth-child(4){
      margin-right:calc(calc(-530rem*1 / 40) + 20px);
      z-index:3;
  }*/
}
.enjoyment-list1 .ul .li {
  width: calc(530rem / 40);
  height: calc(670rem / 40);
  border: 1px solid #e7e7e7;
  border-radius: .4rem;
  background: #fff;
  box-shadow: 10px 10px 25px 2px rgba(0, 0, 0, 0.05);
  padding: 1rem;
  position: absolute;
}
.enjoyment-list1 .ul .su {
  color: #cecece;
  margin-bottom: 3.35rem;
  transition: all .6s;
}
.enjoyment-list1 .ul .icon {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: 2px solid #a9cb21;
  margin: 0 auto 3.25rem;
  transition: all .6s;
}
.enjoyment-list1 .ul .icon img {
  transition: all .6s;
}
.enjoyment-list1 .ul .tit3 {
  transition: all .6s;
}
.enjoyment-list1 .ul .li:hover {
  background: #f3fef0;
}
.enjoyment-list1 .ul .li:hover .su {
  color: #a9cb21;
}
.enjoyment-list1 .ul .li:hover .icon {
  background: #a9cb21;
  box-shadow: 1.5rem 1.5rem 2.5rem 0 rgba(96, 187, 70, 0.26);
}
.enjoyment-list1 .ul .li:hover .icon img {
  filter: brightness(0) invert(1);
}
.enjoyment-list1 .ul .li:hover .tit3 {
  color: #a9cb21;
}
.enjoyment-list1 .ul .li:nth-child(1) {
  right: 80px;
  z-index: 6;
}
.enjoyment-list1 .ul .li:nth-child(2) {
  right: 60px;
  z-index: 5;
}
.enjoyment-list1 .ul .li:nth-child(3) {
  right: 40px;
  z-index: 4;
}
.enjoyment-list1 .ul .li:nth-child(4) {
  right: 20px;
  z-index: 3;
}
.enjoyment-list1 .ul .li:nth-child(5) {
  right: 0;
  z-index: 2;
}
.enjoyment-list1 .ul-container {
  padding-bottom: 1.5rem;
}
.enjoyment-list1 .ul-container .li {
  width: 100%;
  height: calc(670rem / 40);
  border: 1px solid #e7e7e7;
  border-radius: .4rem;
  background: #fff;
  padding: 1rem;
}
.enjoyment-list1 .ul-container .su {
  color: #cecece;
  margin-bottom: 3.35rem;
  transition: all .6s;
}
.enjoyment-list1 .ul-container .icon {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: 2px solid #a9cb21;
  margin: 0 auto 3.25rem;
  transition: all .6s;
}
.enjoyment-list1 .ul-container .icon img {
  transition: all .6s;
}
.enjoyment-list1 .ul-container .tit3 {
  transition: all .6s;
}
.enjoyment-list1 .ul-container span.swiper-pagination-bullet-active{
  background:#a9cb21;
}
.enjoyment-list1 .ul-container .swiper-pagination {
  bottom: 0;
}

@media (max-width: 1500px) {
  .enjoyment-list1 .ul .li.active:nth-child(1) {
    transform: translate(calc(-90vw + calc(530rem / 40) + 80px), 0);
  }

  .enjoyment-list1 .ul .li{
    height: calc(680rem / 40);
  }
  .enjoyment-list1 .ul .su{
    margin-bottom: 2rem;
  }
  .enjoyment-list1 .ul .icon{
    width:4rem;
    height:4rem;
    margin: 0 auto 2.25rem;
  }

}
.enjoyment-list2 {
  padding: 3.75rem 0 5rem;
  background: #fff;
}
.enjoyment-list2 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background-position: center top;
}
.enjoyment-list2 .contentbox {
  position: relative;
  z-index: 3;
}
.enjoyment-list2 .tit2 {
  margin-bottom: .6rem;
}
.enjoyment-list2 .tit2 span {
  color: #a9cb21;
}
.enjoyment-list2 .zhongimg {
  width: calc(644rem / 40);
  height: calc(644rem / 40);
  margin: 0 auto;
}
.enjoyment-list2 .zhongimg .img1 {
  position: relative;
  z-index: 3;
}
.enjoyment-list2 .zhongimg .img2 {
  position: absolute;
  z-index: 3;
}
.enjoyment-list2 .zhongimg .tit3 {
  font-size: 10rem;
  color: #eceded;
  z-index: 1;
}
.enjoyment-list2 .txt {
  width: 23%;
}
.enjoyment-list2 .txt .icon {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 2px solid #67be4e;
}
.enjoyment-list2 .txt .tit4 {
  margin-top: .65rem;
}
.enjoyment-list2 .txt .tit5 {
  margin-top: .5rem;
}

.enjoyment-list2-1 {
  padding: 3.75rem 0 5rem;
  background: #fff;
}
.enjoyment-list2-1 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background-position: center top;
}
.enjoyment-list2-1 .contentbox {
  position: relative;
  z-index: 3;
}
.enjoyment-list2-1 .tit2 {
  margin-bottom: .6rem;
}
.enjoyment-list2-1 .tit2 span {
  color: #a9cb21;
}
.enjoyment-list2-1 .zhongimg {
  width: calc(640rem / 40);
  height: calc(640rem / 40);
  margin: 0 auto;
}
.enjoyment-list2-1 .zhongimg .img1 {
  z-index: 3;
}
.enjoyment-list2-1 .zhongimg .img2 {
  z-index: 4;
}
.enjoyment-list2-1 .zhongimg .tit3 {
  font-size: 10rem;
  color: #eceded;
  z-index: 1;
}
.enjoyment-list2-1 .zhongimg .path-loop-bg {
  width: 100%;
  height: 100%;
}
.enjoyment-list2-1 .zhongimg .circle-chart__background {
  stroke: #efefef;
  stroke-width: .5rem;
  fill: #fcfefd;
}
.enjoyment-list2-1 .zhongimg .circle-chart2 {
  stroke: #a9cb21;
  stroke-width: .5rem;
  fill: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
  transform-origin: 50% 50%;
  animation: circle-chart-fill2 3s 1 linear forwards;
  transform: rotate(-90deg);
  stroke-dasharray: calc(2 * 3.14 * 320 );
  stroke-dashoffset: calc(2 * 3.14 * 320 );
  stroke-linecap: round;
  /*display:none;*/
}
.enjoyment-list2-1 .zhongimg .circle-chart3 {
  stroke: #fbb033;
  stroke-width: .5rem;
  fill: none;
  position: absolute;
  transform-origin: 50% 50%;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  stroke-dasharray: calc(2 * 3.14 * 320);
  stroke-dashoffset: calc(2 * 3.14 * 320);
  stroke-linecap: round;
  transform: rotate(90deg);
  animation: circle-chart-fill 3s 3s 1 linear forwards;
}
.enjoyment-list2-1 .txt {
  width: 24%;
}
.enjoyment-list2-1 .txt .icon {
  width: 1.51rem;
  height: 1.51rem;
  border-radius: 50%;
}
.enjoyment-list2-1 .txt .tit4 {
  margin-top: .65rem;
}
.enjoyment-list2-1 .txt .tit5 {
  margin-top: .5rem;
}

@keyframes circle-chart-fill2 {
  to {
    stroke-dashoffset: 900;
  }
}
@keyframes circle-chart-fill {
  0% {
    stroke-dashoffset: 2010;
  }
  100% {
    stroke-dashoffset: 1000;
  }
}
.enjoyment-list3 {
  height: 100vh;
  width: 100%;
  position: relative;
  z-index: 1;
}
.enjoyment-list3 .box {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.enjoyment-list3 .box:nth-child(1) {
  z-index: 2;
}
.enjoyment-list3 .box:nth-child(2) {
  z-index: 1;
}
.enjoyment-list3 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background-position: center top;
}
.enjoyment-list3 .contentbox {
  padding: 4.55rem 0 0;
  z-index: 3;
}
.enjoyment-list3 .contentbox .tit3 {
  margin-bottom: .7rem;
}
.enjoyment-list3 .contentbox .tit4 {
  width: 12rem;
}
.enjoyment-list3 .bg2 {
  opacity: 0;
}
.enjoyment-list3 .contentbox2 {
  opacity: 0;
}
.enjoyment-list3 .warpsnowbox {
  opacity: 0;
}
.enjoyment-list3 .swiper-pagination span.swiper-pagination-bullet-active{
  background: #a9cb21;
}


.enjoyment-list3-1 {
  position: relative;
  width: 100%;
  height: 100vh;
  padding-top: 3.85rem;
  z-index: 1;
}
.enjoyment-list3-1 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.enjoyment-list3-1 .contentbox {
  position: relative;
  z-index: 3;
  align-items: flex-end;
}
.enjoyment-list3-1 .leftbox {
  width: 13rem;
}
.enjoyment-list3-1 .tit2 {
  margin-bottom: .6rem;
}
.enjoyment-list3-1 .tit2 span {
  color: #c8dcf4;
}
.enjoyment-list3-1 .tit3 {
  width: 100%;
}
.enjoyment-list3-1 .rightbox {
  width: calc(760rem / 40);
}
.enjoyment-list3-1 .rightbox .p {
  margin-top: .1rem;
}
.enjoyment-list3-1 .rightbox sub {
  bottom: 0;
}

.enjoyment-list4 {
  background: #f5f6f6;
  position: relative;
  z-index: 1;
}
.enjoyment-list4 .tit2 span {
  color: #a9cb21;
}
.enjoyment-list4 .tit3 {
  width: 14.5rem;
  margin-top: 1.25rem;
}
.enjoyment-list4 .rightbox {
  width: 70%;
  position: relative;
  margin-right: -10%;
}

.enjoyment-list5 {
  background: #fff;
  position: relative;
  padding: 4rem 0 4.25rem;
  z-index: 1;
  overflow: hidden;
}
.enjoyment-list5 .tit2 {
  margin-bottom: .65rem;
}
.enjoyment-list5 .tit2 span {
  color: #ccc;
  margin-bottom: .6rem;
}
.enjoyment-list5 .tit3 {
  width: 20rem;
  max-width: 100%;
}
.enjoyment-list5 .contentbox {
  margin: 0 auto 2.85rem;
}
.enjoyment-list5 .contentbox .text {
  width: 100%;
}
.enjoyment-list5 .ul {
  margin: 0 auto;
  width: 1640px;
  max-width: 90%;
  position: relative;
  z-index: 3;
  transform-origin: center center;
}
.enjoyment-list5 .item {
  width: 10%;
  margin-right: 2%;
  margin-top: 1.5rem;
}
.enjoyment-list5 .item img {
  width: 100%;
  height: 10rem;
  object-fit: cover;
}
.enjoyment-list5 .itembox {
  width: 18%;
  margin-right: 2%;
}
.enjoyment-list5 .itembox .li {
  width: 100%;
  height: 7.25rem;
  margin-bottom: .75rem;
}
.enjoyment-list5 .itembox .li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.enjoyment-list5 .itembox .li:last-child {
  margin-bottom: 0;
}
.enjoyment-list5 .itembox2 {
  width: 36%;
  margin-top: 2rem;
  margin-right: 2%;
}
.enjoyment-list5 .itembox2 .li img {
  width: 100%;
  height: 14rem;
  object-fit: cover;
}
.enjoyment-list5 .itembox2 .videobtn {
  cursor: pointer;
}
.enjoyment-list5 .itembox2 .videobtn .icon {
  background: #5bb432;
  border-radius: 50%;
  width: 1.1rem;
  height: 1.1rem;
  margin-bottom: .4rem;
}
.enjoyment-list5 .itembox2 .videobtn .icon svg {
  fill: #fff;
  width: .35rem;
  height: .42rem;
  margin-right: -3px;
}
.enjoyment-list5 .itembox2 .video5box {
  width: 100%;
  /*height: 14rem;*/
  height:12rem;
  background:#000;
  position: relative;
  z-index: 2;
}
.enjoyment-list5 .item2 {
  margin-right: 0;
}

@media (max-width: 1280px) {
  .enjoyment-list4 .rightbox {
    width: 70%;
  }
}
@media (max-width: 1024px) {
  .enjoyment-list1 .ul {
    display: none;
  }

  .enjoyment-list1 {
    padding: 2.5rem 0 4rem;
    height: auto;
  }

  .enjoyment-list4 {
    padding: 2rem 0;
  }

  .enjoyment-list4 .text {
    width: 100%;
    margin-bottom: 1rem;
  }

  .enjoyment-list4 .rightbox {
    width: 100%;
    margin-right: 0;
  }

  .enjoyment-list4 .tit3 {
    width: 100%;
  }

  .enjoyment-list3-1 .leftbox {
    width: 100%;
    margin-bottom: 1.25rem;
  }

  .enjoyment-list3-1 .rightbox {
    width: 100%;
  }

  .enjoyment-list2 .zhongimg {
    width: calc(500rem / 40);
    height: calc(500rem / 40);
  }

  .enjoyment-list3 {
    height: auto;
  }

  .enjoyment-list3 .box {
    position: relative;
    height: 100vh;
  }

  .enjoyment-list3 .bg2, .enjoyment-list3 .contentbox2, .enjoyment-list3 .warpsnowbox {
    opacity: 1;
  }

  .enjoyment-list5 .itembox2 .video5box {
    display: none;
  }
}
@media (max-width: 996px) {
 /* .enjoyment-list2 .zhongimg {
    display: none;
  }*/

  .enjoyment-list2 .txt {
    width: 100%;
    margin-bottom: 1rem;
  }

  .enjoyment-list2 {
    padding: 2rem 0;
  }

  .enjoyment-list2 .tit2 {
    margin-bottom: 1rem;
  }

  .enjoyment-list3 .contentbox {
    padding-top: 2.5rem;
  }

  .enjoyment-list3 .box {
    height: 65vh;
  }

  .enjoyment-list2-1 .tit2 {
    margin-bottom: 1rem;
  }

  .enjoyment-list2-1 {
    padding: 2.5rem 0;
  }

  .enjoyment-list2-1 .txt {
    width: 100%;
    margin-bottom: 1rem;
  }


  /*.enjoyment-list2-1 .zhongimg {
    display: none;
  }*/
}
@media (max-width: 767px) {
	.enjoyment-list3 .box {
    height: 78vh;
  }
  .enjoyment-list2-1 .zhongimg{
    width: calc(480rem / 40);
    height: calc(480rem / 40);
  }
  .enjoyment-list2-1 .zhongimg .tit3{
    font-size:8rem;
  }
  .enjoyment-list2-1 .zhongimg .tit3 sub{
    bottom:2rem;
  }
  .enjoyment-list3-1 {
    padding-top: 2rem;
  }

  .enjoyment-list3-1 .tit3 br {
    display: none;
  }

  .enjoyment-list3-1 {
    height: 80vh;
  }

  .enjoyment-list4 .tit3 {
    margin-top: .75rem;
  }

  .enjoyment-list5 .item img {
    height: 5rem;
  }

  .enjoyment-list5 .itembox .li {
    height: 4rem;
    margin-bottom: .2rem;
  }

  .enjoyment-list5 .itembox2 {
    margin-top: 1rem;
  }

  .enjoyment-list5 .itembox2 .li img {
    height: 7.5rem;
  }

  .enjoyment-list5 {
    padding: 2rem 0 3rem;
  }

  .enjoyment-list5 .contentbox {
    margin: 0 auto 1.35rem;
  }

  .enjoyment-list3-1 .rightbox .li {
    width: 50%;
    margin-bottom: .65rem;
  }
  .enjoyment-list2 .zhongimg{
    width: calc(480rem / 40);
    height: calc(480rem / 40);
    margin-bottom:1rem;
  }
  .enjoyment-list2 .zhongimg .tit3{
    font-size:8rem;
  }
  .enjoyment-list2 .zhongimg .tit3 sub{
    bottom:2rem;
  }
  .enjoyment-list2 .txt .tit4{
    font-size:20px;
  }
  .enjoyment-list2-1 .zhongimg{
    margin-bottom:1rem;
  }
  .enjoyment-list2-1 .txt .tit4{
    font-size:20px;
  }
  .enjoyment-list3 .contentbox{
    padding-top:1.5rem;
  }
  .enjoyment-list3 .contentbox .tit3{
    margin-bottom:.4rem;
  }
  .enjoyment-list3 .contentbox .tit4{
    width:100%;
    line-height:1.6;
  }
}
.fix-telbox {
  position: fixed;
  right: 0;
  bottom: 12%;
  z-index: 8;
}
.fix-telbox .item {
  margin: 5px 0;
}
.fix-telbox .btn {
  width: 70px;
  height: 70px;
  position: relative;
  z-index: 3;
  background: #28ab39;
}
.fix-telbox .btn .icon {
  width: 22px;
  height: 22px;
  line-height: 1.2;
  transition: all .8s;
}
.fix-telbox .btn .icon svg {
  width: 22px;
  height: 22px;
  fill: #fff;
}
.fix-telbox .telbox {
  height: 70px;
  width: 260px;
  transform: translate(20px, 0);
  padding-left: .5rem;
  position: absolute;
  background: #28ab39;
  right: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all .8s;
}

.fix-telbox .item:hover .btn .icon2 {
  opacity: 1;
}
.fix-telbox .item:hover .telbox {
  opacity: 1;
  transform: translate(0, 0);
  visibility: visible;
}
.fix-telbox .item:hover p{
  color:#fff;
}

@keyframes warn {
  0% {
    transform: scale(0) translate(-50%, -50%);
    opacity: 1;
  }
  100% {
    transform: scale(1) translate(-50%, -50%);
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .fix-telbox .btn {
    width: 2.5rem;
    height: 2.5rem;
  }

  .fix-telbox .telbox {
    height: 2.5rem;
    width: 210px;
  }
  .fix-telbox .btn .icon{
    width:18px;
    height:18px;
  }
  .fix-telbox .btn .icon svg{
    width:18px;
    height:18px;
  }

  .fix-telbox .telbox .tit {
    line-height: 1.2;
    
  }
  .fix-telbox .telbox .tit:nth-child(1){
    margin-bottom:.25rem;
  }
}
.indexbanner .mousebtn {
  position: absolute;
  bottom: .8rem;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 4;
}

.indexbanner .mousebtn .mouse {
  margin-bottom: .4rem;
}

.indexbanner .mousebtn .mouse {
  background: transparent;
  position: relative;
  width: 16px;
  height: 24px;
  border-radius: 16px;
  background-size: 100% 200%;
  animation: colorSlide 10s linear infinite, nudgeMouse 10s ease-out infinite;
  overflow: hidden;
  box-shadow: inset 0 0 0 2px #fff;
}

.indexbanner .mousebtn .mouse:before, .indexbanner .mousebtn .mouse:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.indexbanner .mousebtn .mouse:before {
  width: 16px;
  height: 24px;
  background-color: transparent;
  border-radius: 16px;
}

.indexbanner .mousebtn .mouse:after {
  background-color: #ffffff;
  width: 2px;
  height: 4px;
  -webkit-animation: trackBallSlide 10s linear infinite;
  animation: trackBallSlide 10s linear infinite;
}
@media (max-width: 1700px) {
  .indexbanner .text{
    width:81%;
  }
}
@media (max-width: 1600px) {
  .indexbanner .text{
    width:77%;
  }
}
@media (max-width: 1024px) {
  .indexbanner .text{
    width:90%;
  }
}
.recruitment-list1 {
  padding: 3rem 0 5rem;
  background: #fff;
  position: relative;
  z-index: 1;
}
.recruitment-list1 .tip .icon {
  width: 25px;
  height: 25px;
  margin-right: 8px;
  fill: #000;
}
.recruitment-list1 .titlebox {
  margin-top: .7rem;
  align-items: flex-end;
}
.recruitment-list1 .titlebox .title span {
  color: #ccc;
}
.recruitment-list1 .titlebox .rightbox span {
  color: #58b530;
  margin-right: .2rem;
  bottom: -2px;
  display: inline-block;
  position: relative;
}
.recruitment-list1 .titlebox .rightbox .li {
  margin-top: .25rem;
}
.recruitment-list1 .ul {
  margin-top:1rem;
}
.recruitment-list1 .litop {
  background: #f4f4f4;
  height: 85px;
}
.recruitment-list1 .litop .sp1 {
  width: 20%;
  padding-left: .7rem;
}
.recruitment-list1 .litop .sp2 {
  width: 20%;
  text-align: center;
}
.recruitment-list1 .litop .sp3 {
  width: 20%;
  text-align: center;
}
.recruitment-list1 .litop .sp4 {
  width: 20%;
  text-align: center;
}
.recruitment-list1 .litop .sp5 {
  width: 20%;
  text-align: right;
  padding-right: 4.25rem;
}
.recruitment-list1 .litop2 {
  background: #fff;
  height: 85px;
  border-bottom: 1px dashed #b6b6b6;
  cursor: pointer;
}
.recruitment-list1 .litop2 .sp1 {
  width: 20%;
  padding-left: .7rem;
}
.recruitment-list1 .litop2 .sp1 sup {
  margin-left: 5px;
}
.recruitment-list1 .litop2 .sp2 {
  width: 20%;
  text-align: center;
}
.recruitment-list1 .litop2 .sp3 {
  width: 20%;
  text-align: center;
}
.recruitment-list1 .litop2 .sp4 {
  width: 20%;
  text-align: center;
}
.recruitment-list1 .litop2 .sp5 {
  width: 20%;
  text-align: right;
  padding-right: .75rem;
}
.recruitment-list1 .litop2 .sp5 .icon {
  width: 16px;
  height: 16px;
  fill: #0d0d0d;
  margin-left: 2.5rem;
  transition: all .6s;
}
.recruitment-list1 .textbox {
  background: #f7f7f7;
  padding: 1.25rem 1.4rem 1.75rem;
  display: none;
}
.recruitment-list1 .textbox .spbox {
  margin-bottom: .5rem;
}
.recruitment-list1 .textbox .spbox span {
  width: 50%;
  padding-right: 3%;
  margin-bottom: .3rem;
}
.recruitment-list1 .textbox .item {
  margin-bottom: 1rem;
}
.recruitment-list1 .textbox .tit3 {
  margin-bottom: .65rem;
}
.recruitment-list1 .textbox .p p {
  margin-bottom: .25rem;
}
.recruitment-list1 .textbox .layout-btn {
  border: none;
  width: 153px;
  height: 48px;
  border-radius: 5px;
  margin-top: 1.4rem;
  background: #a9cb21;
}
.recruitment-list1 .textbox .layout-btn span {
  color: #fff;
}
.recruitment-list1 .textbox .layout-btn .icon {
  width: 25px;
  height: 28px;
  fill: #fff;
  margin-left: 0.2rem;
}
.recruitment-list1 .textbox .layout-btn:after {
  border-radius: 5px;
  background: #a9cb21;
  z-index: -1;
}
@media (min-width: 1024px) {
  .recruitment-list1 .textbox .layout-btn:hover > span > small > em:before {
    color: #fff;
  }
}
.recruitment-list1 .li.on .litop2 .sp5 .icon {
  transform: rotate(-180deg);
}

@media (max-width: 1024px) {
  .recruitment-list1 .litop .sp5 {
    padding-right: 3.25rem;
  }

  .recruitment-list1 .litop2 .sp5 .icon {
    margin-left: 1.5rem;
  }
}
@media (max-width: 996px) {
  .recruitment-list1 .litop .sp5 {
    padding-right: 1.25rem;
  }

  .recruitment-list1 .litop2 .sp5 .icon {
    margin-left: 0.5rem;
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 767px) {
  .recruitment-list1 {
    padding: 2.5rem 0 3.5rem;
  }

  .recruitment-list1 .litop .sp1 {
    width: 60%;
  }

  .recruitment-list1 .litop .sp5 {
    width: 40%;
  }

  .recruitment-list1 .litop .sp2, .recruitment-list1 .litop .sp3, .recruitment-list1 .litop .sp4 {
    display: none;
  }

  .recruitment-list1 .litop2 .sp1 {
    width: 60%;
  }

  .recruitment-list1 .litop2 .sp5 {
    width: 40%;
  }

  .recruitment-list1 .litop2 .sp2, .recruitment-list1 .litop2 .sp3, .recruitment-list1 .litop2 .sp4 {
    display: none;
  }

  .recruitment-list1 .litop2 .sp5 .icon {
    margin-left: .3rem;
  }

  .recruitment-list1 .litop {
    height: 60px;
  }

  .recruitment-list1 .litop2 {
    height: auto;
    padding: 20px 0;
  }

  .recruitment-list1 .textbox {
    padding: 1rem .7rem 1.25rem;
  }

  .recruitment-list1 .textbox .layout-btn {
    border: none;
    width: 125px;
    height: 40px;
    border-radius: 5px;
    margin-top: 0;
    background: #a9cb21;
  }

  .recruitment-list1 .textbox .layout-btn .icon {
    width: 20px;
  }
}
.solutions-list1 {
  height: 100%;
  height: 100vh;
}
.solutions-list1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solutions-list1 .buttonbox{
  z-index:3;
  cursor:pointer;
  opacity:.9;
  transition: all .8s;
}
.solutions-list1 .buttonbox p{
  margin-top:.25rem;
  padding:0 .5rem;
  height: 48px;
  border-radius: 5px;
  opacity:0;
  transform:translate(0,10px);
  background: #a9cb21;
  transition: all .8s;
}
.solutions-list1 .buttonbox:hover{
  opacity:1;
}
.solutions-list1 .buttonbox:hover p{
  opacity:1;
  transform:translate(0,0);
}
.solutions-list1 .iframebox{
  width: 100%;
  height: 100vh;
  position: absolute;
  left:0;
  top:0;
  z-index:1;
  opacity:0;
  visibility:hidden;
  transition: all .8s;
}
.solutions-list1 .buttoncolse{
  position: absolute;
  width:1.5rem;
  height:1.5rem;
  background:#a9cb21;
  right:0;
  bottom:40vh;
  z-index:4;
  opacity:0;
  cursor:pointer;
  transition: all .8s;
}
.solutions-list1.active .buttonbox{
  opacity:0;
  visibility:hidden;
}
.solutions-list1.active .iframebox{
  opacity:1;
  visibility:visible;
}
.solutions-list1.active .buttoncolse{
  opacity:1;
  visibility:visible;
}

.solutions-list2 {
  width: 100%;
  height: calc(100vh - 100px);
  position: relative;
}
.solutions-list2 .text {
  position: absolute;
  width: 15.42rem;
  max-width:100%;
  padding: 1rem 1.25rem;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: none;
  border-right: none;
}
.solutions-list2 .text .tit2 {
  margin-bottom: .4rem;
  opacity: 0;
  transform: translate(0, 20px);
  transition: all .6s .1s;
}
.solutions-list2 .text .tit3 {
  opacity: 0;
  transform: translate(0, 20px);
  transition: all .6s .2s;
  margin-bottom: .75rem;
}
.solutions-list2 .text .videobtn {
  opacity: 0;
  transform: translate(0, 20px);
  transition: all .6s .3s;
}
.solutions-list2 .text.start .tit2 {
  opacity: 1;
  transform: translate(0, 0);
}
.solutions-list2 .text.start .tit3 {
  opacity: 1;
  transform: translate(0, 0);
}
.solutions-list2 .text.start .videobtn {
  opacity: 1;
  transform: translate(0, 0);
}
.solutions-list2 .videobtn {
  
  transition: all .6s;
}
.solutions-list2 .videobtn .iconbtn {
  width: 1.125rem;
  height: 1.125rem;
  margin-right: .4rem;
  background: #58b530;
  border-radius: 50%;
}
.solutions-list2 .videobtn .icon {
  width: 20px;
  height: 20px;
  fill: #fff;
}
.solutions-list2 .videobtn:hover {
  color: #58b530;
}
.solutions-list2 .tabul {
  position: absolute;
  left: 1.5rem;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
}
.solutions-list2 .tabul .li {
  margin-bottom: .35rem;
  transition: all .6s;
  cursor: pointer;
}
.solutions-list2 .tabul .li .icon {
  width: 30px;
  margin-right: .4rem;
  filter: brightness(0) invert(1);
  transition: all .6s;
}
.solutions-list2 .tabul .li .sp1 {
  border-bottom: 2px solid transparent;
  padding-bottom: .1rem;
}
.solutions-list2 .tabul .li:hover, .solutions-list2 .tabul .li.cur {
  color: #a9cb21;
}
.solutions-list2 .tabul .li:hover .sp1, .solutions-list2 .tabul .li.cur .sp1 {
  border-bottom: 2px solid #a9cb21;
}
.solutions-list2 .tabul .li:hover .icon, .solutions-list2 .tabul .li.cur .icon {
  filter: brightness(100%) invert(0);
}
.solutions-list2 .bgitem {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.solutions-list2 .bgitem .bg {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  position: absolute;
  background-position: center top;
  opacity: 0;
  transition: all 1s;
}
.solutions-list2 .bgitem .bg.cur {
  opacity: 1;
}
.solutions-list2 .tab-container {
  position: absolute;
  left: 6%;
  width: 88%;
  top: 1.5rem;
  overflow: hidden;
}
.solutions-list2 .tab-container .li {
  margin-bottom: .35rem;
  padding-bottom: .1rem;
  transition: all .6s;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
.solutions-list2 .tab-container .li .icon {
  width: 30px;
  margin-right: .4rem;
  filter: brightness(0) invert(1);
  transition: all .6s;
}
.solutions-list2 .tab-container .swiper-slide {
  width: auto;
}
.solutions-list2 .tab-container .swiper-slide.cur .li {
  color: #a9cb21;
  border-bottom: 2px solid #a9cb21;
}
.solutions-list2 .tab-container .swiper-slide.cur .icon {
  filter: brightness(100%) invert(0);
}

@media (max-width: 767px) {
  .solutions-list2 .tab-container .swiper-slide .icon {
    filter: brightness(100%) invert(0);
  }

  .solutions-list2 .tab-container .li .icon {
    width: 24px;
    margin-right: .45rem;
  }

  .solutions-list2 {
    height: 75vh;
  }

  .solutions-list1 {
    height:calc(100vh - 60px);
  }
  .solutions-list1 .iframebox{
    height:100vh;
  }
  .solutions-list2 .text .tit3{
    text-align:justify;
  }
  /*.solutions-list2 .text .tit3 br{
    display:none;
  }*/
  .solutions-list2 .text{
    width:100%;

    padding: 1.5rem 1.25rem 1rem;
  }
  .solutions-list2{
    height:auto;
  }
  .solutions-list2 .bgitem{
    height:12rem;
    position: relative;
  }
  .solutions-list2 .tab-container{
    position:relative;
    width: 88%;
    margin:0 auto;
    top:auto;
    left:0;
  }
  .solutions-list2 .tab-container .li{
    padding-top: 0.85rem;
  }
  .solutions-list2 .text{
    position: relative;
    background: #f5f5f5;
    backdrop-filter: initial;
  }
  .solutions-list2 .text .tit2{
    color:#333;
  }
  .solutions-list2 .text .tit3{
    color:#666;
  }
  .solutions-list2 .text .videobtn{
    color:#333;
  }
  .solutions-list1 .buttonbox p{
    opacity:1;
    transform: translate(0,0);
  }
}
.nbanner .text {
  margin-top: -.8rem;
}
.nbanner .layout-btn {
  border: none;
  width: 153px;
  height: 48px;
  border-radius: 5px;
  margin: 1.2rem auto 0;
  background: #a9cb21;
}
.nbanner .layout-btn span {
  color: #fff;
}
.nbanner .layout-btn .icon2 {
  width: 25px;
  height: 28px;
  fill: #fff;
  margin-left: 0.2rem;
}
.nbanner .layout-btn:after {
  border-radius: 5px;
  background: #a9cb21;
  z-index: -1;
}
.nbanner .layout-btn:hover > span > small > em:before {
  color: #fff;
}

@media (max-width: 767px) {
  .nbanner .layout-btn {
    width: 130px;
    height: 40px;
  }

  .nbanner .layout-btn .icon2 {
    width: 20px;
    height: 22px;
  }
  .nbanner .text{
    margin-top: -1.2rem;
    width:77%;
  }
}
.cooperation-list1 {
  padding: 2.5rem 0 3.75rem;
  background: #fff;
  z-index: 1;
}
.cooperation-list1 .tip {
  margin-bottom: .4rem;
}
.cooperation-list1 .tip .icon {
  width: 30px;
  height: 30px;
  margin-right: 8px;
}
.cooperation-list1 .ul {
  margin-top: 1.4rem;
}
.cooperation-list1 .ul .li {
  width: 49%;
  height: 8rem;
  margin-bottom: 2%;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}
.cooperation-list1 .ul .li .img1 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cooperation-list1 .ul .li:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 70%;
  bottom: 0;
  opacity: 0;
  transition: all .6s;
  background: linear-gradient(0deg, rgba(96, 187, 70, 0.9) 0%, transparent 100%);
  z-index: 1;
}
.cooperation-list1 .ul .li:nth-child(2n) {
  margin-right: 0;
}
.cooperation-list1 .ul .imgicon {
  width: 1.375rem;
  height: 1.375rem;
  margin: 0 auto .4rem;
  transition: all .6s;
}
.cooperation-list1 .ul .imgicon img {
  max-height: 100%;
}
.cooperation-list1 .ul .img1 {
  transition: all .6s;
}
.cooperation-list1 .ul .text {
  width:80%;
  margin-top:1rem;
  z-index: 4;
  transition: all .6s;
}
.cooperation-list1 .ul .tit5 {
  margin-top: .3rem;
  opacity: 0;
  transform: translate(0, 0.65rem);
  transition: all .6s;
}
.cooperation-list1 .ul .li:hover:before {
  opacity: 1;
}
.cooperation-list1 .ul .li:hover .img1 {
  transform: scale(1.1);
}
.cooperation-list1 .ul .li:hover .imgicon {
  transform: translate(0, -0.65rem);
}
.cooperation-list1 .ul .li:hover .tit5 {
  opacity: 1;
  transform: translate(0, 0);
}
.cooperation-list1 .ul .li:hover .text{
  margin-top:0;
}

.cooperation-list2 {
  padding: 3.15rem 0 2.5rem;
  background: #f7f7f7;
  z-index: 1;
}
.cooperation-list2 .tip {
  margin-bottom: .4rem;
}
.cooperation-list2 .tip .icon {
  width: 30px;
  height: 30px;
  margin-right: 8px;
}
.cooperation-list2 .ul {
  margin-top: 1.5rem;
  padding-bottom:1.5rem;
  position: relative;
  z-index:1;
  overflow: hidden;
}
.cooperation-list2 .ul .li {
  /*width: 22%;*/
  width:100%;
  margin-right: 4%;
  height: 11.5rem;
}
.cooperation-list2 .ul .li:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 70%;
  bottom: 0;
  opacity: 0;
  transition: all .6s;
  background: linear-gradient(0deg, rgba(96, 187, 70, 0.9) 0%, transparent 100%);
  z-index: 2;
}
.cooperation-list2 .ul .li .img1 {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  transition: all .6s;
}
.cooperation-list2 .ul .li .tit3 {
  position: absolute;
  width: 100%;
  bottom: 1.7rem;
  left: 0;
  padding: 0 1rem;
  z-index: 3;
}
.cooperation-list2 .ul .li:hover:before {
  opacity: 1;
}
.cooperation-list2 .ul .li:hover .img1 {
  transform: scale(1.1);
}
.cooperation-list2 .ul .li:last-child {
  margin-right: 0;
}
.cooperation-list2 .ul .swiper-slide:nth-child(odd) {
  margin-top: 1.7rem;
}
.cooperation-list2 .ul .swiper-pagination{
  bottom:0;
}
.cooperation-list2 .ul .swiper-pagination .swiper-pagination-bullet-active{
  background:#28ab39;
}

.cooperation-list3 {
  padding: 2.2rem 0 0;
  height: 21.25rem;
  z-index: 1;
  position: relative;
  overflow: hidden;
}
.cooperation-list3 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.cooperation-list3 .contentbox {
  position: relative;
  z-index: 3;
}
.cooperation-list3 .contentbox .tip {
  position: relative;
  z-index: 3;
}
.cooperation-list3 .contentbox .tip img {
  margin-right: .25rem;
}
.cooperation-list3 .contentbox .tit3 {
  position: relative;
  z-index: 3;
  margin-top: .5rem;
}
.cooperation-list3 .ul {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}
.cooperation-list3 .ul:before {
  content: "";
  position: absolute;
  width: calc(50vw - 822px);
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(2, 22, 43, 0.4);
}
.cooperation-list3 .ul:after {
  content: "";
  position: absolute;
  width: calc(50vw - 822px);
  height: 100%;
  right: 0;
  top: 0;
  z-index: 1;
  background: rgba(2, 22, 43, 0.4);
}
@-moz-document url-prefix(){
  .cooperation-list3 .ul:before{
    width: calc(50vw - 828px);
  }
  .cooperation-list3 .ul:after{
    width: calc(50vw - 828px);
  }
}
.cooperation-list3 .ul .li {
  width: calc(100% / 7);
  background: rgba(2, 22, 43, 0.4);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
  transition: all .6s;
}
.cooperation-list3 .ul .li:last-child {
  border-right: none;
}
.cooperation-list3 .ul .tit5 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #fff;
  margin: 0 auto .4rem;
  transition: all .6s;
}
.cooperation-list3 .ul .tit7 {
  margin-top: .5rem;
  opacity: 0;
  transform: translate(0, 20px);
  transition: all .6s;
 line-height:1.6;
}
.cooperation-list3 .ul .text {
  width: 100%;
  padding: 8.5rem .85rem 0;
}
.cooperation-list3 .ul .li:hover {
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(5px);
}
.cooperation-list3 .ul .li:hover .text .tit5 {
  background: #33b366;
  color: #fff;
  border: 1px solid #33b366;
}
.cooperation-list3 .ul .li:hover .text .tit7 {
  opacity: 1;
  transform: translate(0, 0);
}

.cooperation-list4 {
  padding: 3.35rem 0 4rem;
  z-index: 2;
  position: relative;
  overflow: hidden;
}
.cooperation-list4 .contentbox {
  position: relative;
  z-index: 3;
}
.cooperation-list4 .contentbox .tip {
  position: relative;
  z-index: 3;
}
.cooperation-list4 .contentbox .tip img {
  margin-right: .25rem;
}
.cooperation-list4 .contentbox .tit3 {
  position: relative;
  z-index: 3;
  margin-top: .5rem;
}
.cooperation-list4 .imgbox-container {
  margin-top: 2.85rem;
}
.cooperation-list4 .imgbox-container .p {
  margin-top: 1rem;
}
.cooperation-list4 .imgbox-container .img {
  width: 100%;
  height: 13rem;
  position: relative;
  overflow: hidden;
}
.cooperation-list4 .imgbox-container .img:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 70%;
  bottom: 0;
  opacity: 0;
  background: linear-gradient(0deg, rgba(96, 187, 70, 0.9) 0%, transparent 100%);
  z-index: 2;
}
.cooperation-list4 .imgbox-container .img img {
  width: 100%;
  height: 11.25rem;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: all .6s;
}
.cooperation-list4 .imgbox-container .videobtn {
  position: absolute;
  width: 45px;
  height: 45px;
  background: #58b530;
  border-radius: 50%;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}
.cooperation-list4 .imgbox-container .videobtn svg {
  margin-left: 3px;
  width: 18px;
  height: 18px;
  fill: #fff;
}
.cooperation-list4 .imgbox-container .p {
  opacity: 0;
  transform: translate(0, 40px);
  transition: all .6s;
}
.cooperation-list4 .imgbox-container .swiper-slide {
  transform-origin: 50% 0;
}
.cooperation-list4 .imgbox-container .swiper-slide.swiper-slide-active .img {
  width: 100%;
}
.cooperation-list4 .imgbox-container .swiper-slide.swiper-slide-active .img:before {
  opacity: 1;
  transition: all .6s .4s;
}
.cooperation-list4 .imgbox-container .swiper-slide.swiper-slide-active .img img {
  height: 13rem;
}
.cooperation-list4 .imgbox-container .swiper-slide.swiper-slide-active .p {
  opacity: 1;
  transform: translate(0, 0);
}
.cooperation-list4 .imgbox-container .swiper-slide.swiper-slide-active .videobtn {
  opacity: 1;
  transition: all .6s .4s;
}

.cooperation-list5 {
  padding: 3.5rem 0 2.7rem;
  background: #f5f5f5;
  z-index: 1;
  overflow: hidden;
}
.cooperation-list5 .leftbox {
  width: 33%;
}
.cooperation-list5 .leftbox .tip {
  margin-bottom: .4rem;
}
.cooperation-list5 .leftbox .tip img {
  margin-right: .4rem;
}
.cooperation-list5 .leftbox .p {
  width: 100%;
  margin-top: 2.5rem;
}
.cooperation-list5 .leftbox .box {
  margin-top: 2rem;
}
.cooperation-list5 .leftbox .box .icon {
  width: 52px;
  height: 52px;
  margin-right: .7rem;
  margin-top: .15rem;
}
.cooperation-list5 .leftbox .box .su {
  color: #58b530;
}
.cooperation-list5 .leftbox .box .su sup {
  top: -1.3em;
}
.cooperation-list5 .leftbox .box .p {
  margin-top: .2rem;
}
.cooperation-list5 .videobox {
  margin-top: 1.75rem;
  width: 8rem;
}
.cooperation-list5 .videobox .video{
  width:100%;
  height:100%;
  opacity:0;
  visibility:hidden;
  z-index:2;
}
.cooperation-list5 .videobox video{
  width:100%;
  height:100%;
  object-fit:cover;
}
.cooperation-list5 .videobox.active .video{
  opacity:1;
  visibility:visible;
}
.cooperation-list5 .videobox:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 40%;
  bottom: 0;
  background: linear-gradient(0deg, rgba(96, 187, 70, 0.9) 0%, transparent 100%);
  z-index: 2;
}
.cooperation-list5 .warptext{
  width:100%;
}
.cooperation-list5 .videobox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cooperation-list5 .videobox .tit4 {
  position: absolute;
  width: 100%;
  padding: 0 .55rem .5rem;
  left: 0;
  bottom: 0;
  z-index: 3;
}
.cooperation-list5 .videobox .tit4 img {
  width: 27px;
  margin-right: .25rem;
}
.cooperation-list5 .videobox.active .tit4{
  opacity:0;
}
.cooperation-list5 .rightbox {
  width: 62%;
}
.cooperation-list5 .rightbox .txtbox {
  padding: .5rem .45rem;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  position: absolute;
  right: -.65rem;
  width: 7.5rem;
  top: 7.25rem;
  z-index: 3;
}
.cooperation-list5 .rightbox .tit3 {
  margin-bottom: .4rem;
}
.cooperation-list5 .rightbox .item {
  margin-bottom: .3rem;
}
.cooperation-list5 .rightbox .item .icon {
  width: 22px;
  height: 22px;
  fill: #83838a;
  margin-right: .2rem;
}
.cooperation-list5 .rightbox .item span {
  width: calc(100% - 30px);
}
.cooperation-list5 .rightbox #chongqing, .cooperation-list5 .rightbox #guizhou, .cooperation-list5 .rightbox #neimenggu, .cooperation-list5 .rightbox #gansu, .cooperation-list5 .rightbox #qinghai, .cooperation-list5 .rightbox #ningxia, .cooperation-list5 .rightbox #xinjiang, .cooperation-list5 .rightbox #xizang {
  fill: #fff !important;
}
.cooperation-list5 .rightbox .zst1 {
  fill: #def0d6;
}
.cooperation-list5 .rightbox .gst0, .cooperation-list5 .rightbox .st0 {
  cursor: pointer;
  fill: #def0d6;
  stroke: #aee097;
  stroke-width: 2px;
}
.cooperation-list5 .rightbox .st0.cur {
  fill: #5cb531;
}
.cooperation-list5 .rightbox .st0.cur .gst0 {
  fill: #5cb531;
}

.cooperation-list6 {
  padding: 2.5rem 0 2.25rem;
  z-index: 1;
  overflow: hidden;
}
.cooperation-list6 .tiptxt {
  opacity: .6;
}
.cooperation-list6 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.cooperation-list6 .contentbox {
  position: relative;
  z-index: 2;
}
.cooperation-list6 .contentbox .tit2 {
  margin-bottom: .5rem;
}
.cooperation-list6 .contentbox .tit3 {
  margin-bottom: .7rem;
}
.cooperation-list6 .contentbox .layout-btn {
  border: none;
  width: 200px;
  height: 48px;
  border-radius: 5px;
  background: transparent;
  border: 2px solid #fff;
}
.cooperation-list6 .contentbox .layout-btn span {
  color: #fff;
}
.cooperation-list6 .contentbox .layout-btn .icon {
  width: 20px;
  height: 22px;
  fill: #fff;
  margin-left: 0.2rem;
}
.cooperation-list6 .contentbox .layout-btn:after {
  border-radius: 5px;
  background: transparent;
  z-index: -1;
}
.cooperation-list6 .contentbox .layout-btn:hover {
  color: #fff;
}

@media (max-width: 1740px) {
  .cooperation-list3 .ul:before, .cooperation-list3 .ul:after {
    width: 5%;
  }
}
@media (max-width: 1500px) {
	.cooperation-list5 .videobox{
		width:10rem;
	}
}

@media (max-width: 1280px) {
  .cooperation-list1 .ul .text {
    top: 60%;
  }
}
@media (max-width: 1024px) {
  /*.cooperation-list1 .ul .tit5 {
    transform: translate(0, 0);
    opacity: 1;
  }*/
  .cooperation-list1 .ul .li{
    height:4rem;
    transition:all .6s;
  }
  .cooperation-list1 .ul .tit5{
    margin-top: -1.7rem;
  }
  .cooperation-list1 .ul .li:nth-child(3) .tit5,.cooperation-list1 .ul .li:nth-child(4) .tit5{
    margin-top: -2.2rem;
  }
  .cooperation-list1 .ul .li:hover{
    height:8rem;
  }
  .cooperation-list1 .ul .li:hover .tit5{
    margin-top: .3rem;
  }

  .cooperation-list1 .ul .li.cur2{
    height:8rem;
  }
  .cooperation-list1 .ul .li.cur2 .tit5{
    margin-top: .3rem;
        opacity: 1;
    transform: translate(0,0);
  }
  .cooperation-list1 .ul .li.cur2:before{
    opacity:1;
  }


  .cooperation-list1 .ul .text {
    top: 50%;
  }
  .cooperation-list1 .ul .text{
    margin-top:0;
  }
  .cooperation-list5 .warptext .videobox{
    height:8rem;
    width:100%;
    overflow: hidden;
  }
}
@media (max-width: 996px) {
  .cooperation-list1 .ul .li {
    width: 100%;
    margin-right: 0;
  }

  .cooperation-list2 .ul .li {
    width: 100%;
  }

  .cooperation-list2 .ul .swiper-slide:nth-child(2n) {
    margin-right: 0;
  }

  .cooperation-list3 .w1640 {
    width: 100%;
  }
  .cooperation-list3 .ul .li{
    width:100%;
    border-right:none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding:2rem 6%;
  }
  .cooperation-list3:before{
    content:"";
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:2;
    background: rgba(0, 0, 0, 0.4);
  }
  .cooperation-list3 .ul .li:nth-child(1){
    padding-top:3rem;
  }
  .cooperation-list3 .ul .li{
    background:transparent;
  }
  .cooperation-list3 .ul .li:hover{
    background:transparent;
  }
  .cooperation-list3 .ul .tit7{
    text-align:center;
    display:none;
    transition: all 0s;
  }
  .cooperation-list3{
    height:auto !important;
  }
  .cooperation-list3 .ul{
    position: relative;
  }
  .cooperation-list3 .ul .tit7{
    opacity: 1;
    transform: translate(0, 0);
    
  }

  .cooperation-list3 .ul:before, .cooperation-list3 .ul:after {
    display: none;
  }

  .cooperation-list3 .contentbox {
    padding: 0 6%;
  }

  .cooperation-list3 .ul {
    overflow-x: auto;
  }

  .cooperation-list5 .leftbox {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .cooperation-list5 .rightbox {
    width: 100%;
  }

  .cooperation-list5 .leftbox .p {
    margin-top: 1rem;
  }
  .cooperation-list3 .ul .text{
    padding:0;
  }
  
}
@media (max-width: 767px) {
  .cooperation-list2 .ul .swiper-slide:nth-child(odd) {
    margin-top: 1rem;
  }

  .cooperation-list2 .ul .li {
    height: 9.5rem;
  }

  .cooperation-list2 .ul .li .tit3 {
    bottom: 1rem;
    padding: 0 .5rem;
    font-size:14px;
  }

  .cooperation-list3 {
    height: 18.25rem;
  }

  .cooperation-list4 {
    padding: 2rem 0 3rem;
  }

  .cooperation-list4 .imgbox-container {
    margin-top: 1.25rem;
  }

  .cooperation-list5 {
    padding: 2.2rem 0 1.75rem;
  }

  .cooperation-list5 .rightbox .txtbox {
    position: relative;
    margin-top: 1rem;
    top: auto;
    width: 100%;
    right: auto;
  }

  .cooperation-list6 .contentbox .layout-btn {
    width: 170px;
  }

  .cooperation-list2 .ul .li{
    width:100%;
    margin-right:0;
    margin-top:0 !important;
    margin-bottom:.9rem;
    height:9rem;
  }
  .cooperation-list2 .ul .li .img1{

    object-position: center 15%;
  }
  .cooperation-list2 .ul .li:before{
    opacity:1;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
  }
  .cooperation-list4 .imgbox-container .img{
    height:7rem;
  }
  .cooperation-list4 .imgbox-container .swiper-slide.swiper-slide-active .img{
    height:9rem;
  }
  .cooperation-list1 .ul .text{
    width:100%;
    padding:0 6%;
  }
  .cooperation-list1 .ul .tit5{
    width:100%;
  }
  .cooperation-list3 .ul .li .text .tit5{
    background: #33b366;
    color: #fff;
    border: 1px solid #33b366;
  }
  .cooperation-list3 .ul .li{
    backdrop-filter: blur(5px);
  }
  .cooperation-list3 .ul .li{
    padding: 1.5rem 6%;
  }
  .cooperation-list3:before{
    background: rgba(0, 0, 0, 0.35);
  }
  .cooperation-list5 .videobox{
    width:100%;
  }
}
.formbox-alert {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99;
  
  opacity:0;
  visibility:hidden;
  background:rgba(0, 0, 0,.4);
  backdrop-filter: blur(2px);
  transition: all .6s;
}
.formbox-alert.cur{
  opacity:1;
  visibility: visible;
}
.formbox-alert .wcontentbox{
  width:80%;
  height:80vh;
  padding: 1.25rem 3.5rem;
  background: #fff url(../css_1/coopalertbg.jpg);
  background-size:cover;
  overflow-y: auto;
}
.formbox-alert .leftbox {
  width: 62%;
}
.formbox-alert .leftbox .tip {
  margin-bottom: .65rem;
}

.formbox-alert .leftbox .tit3 span {
  color: #ccc;
}
.formbox-alert .leftbox form {
  width: 100%;
}
.formbox-alert .leftbox .formbox {
  width: 100%;
  margin-top: 1rem;
  position: relative;
  z-index: 3;
}
.formbox-alert .leftbox .formbox .li {
  border: 1px solid #ccc;
  height: 50px;
  margin-bottom: .5rem;
  width: 49%;
  position: relative;
}
.formbox-alert .leftbox .formbox .li input {
  position: relative;
  width: 100%;
  height: 48px;
  padding: 0 1rem 0 .55rem;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}
.formbox-alert .leftbox .formbox .li input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #333;
}
.formbox-alert .leftbox .formbox .li input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #333;
}
.formbox-alert .leftbox .formbox .li input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #333;
}
.formbox-alert .leftbox .formbox .li input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #333;
}
.formbox-alert .leftbox .formbox .li span {
  color: #5cb531;
  position: absolute;
  right: .55rem;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 1;
}
.formbox-alert .leftbox .formbox .li2 {
  width: 100%;
  height:3rem;
  margin-bottom:.5rem;
  position: relative;
}
.formbox-alert .leftbox .formbox .li2 .input3 {
  height: 3rem;
  padding: .5rem 1rem .5rem .55rem;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #ccc;
}
.formbox-alert .leftbox .formbox .li2 .input3::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #333;
}
.formbox-alert .leftbox .formbox .li2 .input3:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #333;
}
.formbox-alert .leftbox .formbox .li2 .input3::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #333;
}
.formbox-alert .leftbox .formbox .li2 .input3:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #333;
}
.formbox-alert .leftbox .formbox .li2 span {
  color: #5cb531;
  position: absolute;
  right: .55rem;
  top: .35rem;
  z-index: 1;
}
.formbox-alert .leftbox .formbox .liimg {
  /*width: 156px;
  height: 60px;
  background:#fff;
  border: 1px solid #ccc;*/
  width: 156px;
  height: 50px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(212, 212, 212, 0.2);
  position: absolute;
  right: calc(-4% - 156px);
  top: 0;
}
.formbox-alert .leftbox .formbox .submitbtn {
  width: 220px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background: #5cb531;
  margin-top:.5rem;
  border: none;
}
.formbox-alert .leftbox .formbox .selectbox {
  width: 49%;
  height: 50px;
  margin-bottom: 14px;
  position: relative;
  z-index: 3;
}
.formbox-alert .leftbox .formbox .selectbox span {
  margin-right: 10px;
}
.formbox-alert .leftbox .formbox .selectbox .icon {
  width: 10px;
  height: 10px;
  fill: #5cb531;
}
.formbox-alert .leftbox .formbox .selectbox .selecttop {
  width: 100%;
  height: 50px;
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid #ccc;
  cursor: pointer;
  padding: 0 .55rem 0 .55rem;
  position: relative;
  z-index: 3;
}
.formbox-alert .leftbox .formbox .selectbox .selectitem {
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  background: #f4f4f4;
  max-height: 150px;
  padding: 15px .5rem 10px;
  overflow-y: auto;
  display: none;
}
.formbox-alert .leftbox .formbox .selectbox .item {
  height: .8rem;
  line-height: .8rem;
  padding: 0 15px;
  background: transparent;
  cursor: pointer;
  border-bottom: none;
}
.formbox-alert .leftbox .formbox .selectbox .item:hover {
  color: #fff;
  background: #000;
}
.formbox-alert .rightbox {
  padding-top: 3rem;
  max-width: 30%;
}
.formbox-alert .rightbox .tit3 {
  margin-bottom: .3rem;
}
.formbox-alert .colsebtn {
  width: 1.85rem;
  height: 1.85rem;
  right: 1.75rem;
  top: 1.75rem;
  background: #999;
  position: absolute;
  border-radius: 50%;
  cursor: pointer;
  z-index: 3;
  transition: all .6s;
}
.formbox-alert .colsebtn .icon {
  width: .55rem;
  height: .55rem;
  fill: #fff;
}
.formbox-alert .colsebtn:hover {
  background: #5cb531;
}
@media (max-width: 1500px) {
  .formbox-alert .wcontentbox{
    padding: 1.25rem 2rem;
  }
  .formbox-alert .leftbox .tit3 br{
    display:none;
  }
	.formbox-alert .leftbox .formbox .li{
		height:42px;
	}
	.formbox-alert .leftbox .formbox .li input{
		height:40px;
	}
	.formbox-alert .leftbox .formbox .selectbox .selecttop{
		height:40px;
	}
	.formbox-alert .leftbox .formbox .selectbox .selectitem{
		top:40px;
	}
	.formbox-alert .leftbox .formbox .liimg{
		height:40px;
	}
}


@media (max-width: 996px) {
  .formbox-alert .wcontentbox{
    padding: 1.75rem 6% 2rem;
  }

  .formbox-alert .leftbox {
    width: 100%;
  }

  .formbox-alert .rightbox {
    width: 100%;
    max-width: 100%;
    padding-top: 1rem;
  }
  .formbox-alert .leftbox .formbox .submitbtn{
    width:100%;
  }
}
@media (max-width: 767px) {
  .formbox-alert .leftbox .formbox .li{
    width:100%;
  }
  .formbox-alert .wcontentbox{
        width: 90%;
  }
  .formbox-alert .leftbox .formbox .submitbtn {
    width: 160px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    margin-top: 0;
  }

  .formbox-alert .leftbox .formbox .li {
    height: 45px;
  }

  .formbox-alert .leftbox .formbox .li input {
    height: 43px;
  }

  .formbox-alert .leftbox .formbox .selectbox {
    height: 45px;
  }

  .formbox-alert .leftbox .formbox .selectbox .selecttop {
    height: 45px;
  }

  .formbox-alert .leftbox .formbox .selectbox .selectitem {
    top: 45px;
  }

  .formbox-alert .leftbox .formbox .liimg {
    height: 45px;
  }

  .formbox-alert .colsebtn {
    right: 12%;
    top: 13vh;;
  }
  .formbox-alert .leftbox .formbox .liimg{
    right: 0;
    width: 100px;
  }
  .formbox-alert .colsebtn{
    width:1.2rem;
    height:1.2rem;
    right: 10%;
    top: 11vh;
  }
  .formbox-alert .leftbox .formbox .selectbox .item{
	  padding:0 2px;
  }
}
.photovoltaic-list1 {
  padding: 3.75rem 0 4rem;
  overflow:hidden;
}
.photovoltaic-list1 .ul {
  margin-top: 1.75rem;
}
.photovoltaic-list1 .li {
  width: 19%;
  height: calc(630rem / 40);
  position: relative;
  overflow: hidden;
  margin-right: 1.5%;
  transition: all .6s;
}
.photovoltaic-list1 .li:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 70%;
  bottom: 0;
  opacity: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
  z-index: 1;
  transition: all .6s;
}
.photovoltaic-list1 .li .bg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.photovoltaic-list1 .li .text {
  position: absolute;
  padding: 0 1rem 1rem;
  left: 0;
  bottom: 0;
  z-index: 2;
  width:100%;
}
.photovoltaic-list1 .li .text2{
  opacity: 0;
  transform: translate(0, -40px);
  transition: all 1s 0;
}
.photovoltaic-list1 .li .text .tit4 {
  margin-bottom: .3rem;
  transition: all 1s .7s;
}
.photovoltaic-list1 .li .text .tit5 {
  opacity: 0;
  transform: translate(0, 20px);
  transition: all 1s 0;
  /*display:none;*/
}
.photovoltaic-list1 .li .text2{
  bottom:0;
  top:auto;
}
.photovoltaic-list1 .li:hover, .photovoltaic-list1 .li.cur {
  width: 59%;
}
.photovoltaic-list1 .li:hover .text .tit5, .photovoltaic-list1 .li.cur .text .tit5 {
  /*display:block;*/
  transition: all 1s .8s;
  opacity: 1;
  transform: translate(0, 0);
}
@media (min-width:996px) {
  .photovoltaic-list1 .li:hover .text1,.photovoltaic-list1 .li.cur .text1{
    opacity: 0;
    transform: translate(0, 40px);
  }
  .photovoltaic-list1 .li:hover .text2,.photovoltaic-list1 .li.cur .text2{
    opacity: 1;
    transform: translate(0, 0);
    transition: all 1s .8s;
  }
  .photovoltaic-list1 .li:before{
    height: 85%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, transparent 100%);
  }
}
.photovoltaic-list1 .li:nth-child(3) {
  margin-right: 0;
}

.photovoltaic-list2 {
  position: relative;
  background: #f5f5f5;
  padding: 3.5rem 0 3.35rem;
  z-index: 1;
}
.photovoltaic-list2 .leftbox {
  width: 47.56%;
}
.photovoltaic-list2 .leftbox .img {
  width: 100%;
  height: 11.2rem;
  position: relative;
  overflow: hidden;
  margin-top: 1.4rem;
  border-radius: .25rem;
}
.photovoltaic-list2 .leftbox .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.photovoltaic-list2 .leftbox .ul {
  margin-top: 1.7rem;
  margin-bottom: -1.25rem;
}
.photovoltaic-list2 .leftbox .ul .li {
  width: 33.3%;
  padding-right: 3%;
  margin-bottom: 1.25rem;
}
.photovoltaic-list2 .leftbox .ul .li .icon1 {
  height: 30px;
  margin-right: .45rem;
}
.photovoltaic-list2 .leftbox .ul .li:nth-child(3n-1) {
  padding-left: 1.5rem;
}
.photovoltaic-list2 .leftbox .ul .li:nth-child(3n) {
  padding-right: 0;
  justify-content: flex-end;
}
.photovoltaic-list2 .rightbox {
  width: 42.68%;
  background: #fff;
  border-radius: .5rem;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  padding: 0 40px;
}
.photovoltaic-list2 .rightbox .itemtop {
  padding: 1rem 0;
  border-bottom: 2px solid #e5e5e5;
  cursor: pointer;
}
.photovoltaic-list2 .rightbox .itemtop span {
  width: calc(100% - 80px);
  transition: all .6s;
}
.photovoltaic-list2 .rightbox .item:last-child .itemtop {
  border-bottom: none;
}
.photovoltaic-list2 .rightbox .icon {
  width: 1rem;
  height: 1rem;
  border-radius: .25rem;
  border: 2px solid #cecece;
  transition: all .6s;
}
.photovoltaic-list2 .rightbox .icon svg {
  width: .45rem;
  height: .45rem;
  fill: #b2b2b2;
  transition: all .6s;
}
.photovoltaic-list2 .rightbox .textbox {
  padding: 0;
  display: none;
}
.photovoltaic-list2 .rightbox .textbox img{
  margin-top:.55rem;
}
.photovoltaic-list2 .rightbox .item.cur .itemtop {
  padding: 1rem 0 .7rem;
  border-bottom: 2px solid transparent;
}
.photovoltaic-list2 .rightbox .item.cur .itemtop span {
  color: #a9cb21;
}
.photovoltaic-list2 .rightbox .item.cur .itemtop .icon {
  border: 2px solid #a9cb21;
}
.photovoltaic-list2 .rightbox .item.cur .itemtop .icon svg {
  transform: rotate(-180deg);
}

.photovoltaic-list3 {
  position: relative;
  width: 100%;
  height: 100vh;
  z-index: 1;
}
.photovoltaic-list3 .bgboxitem {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.photovoltaic-list3 .bgboxitem:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 30%;
  bottom: 0;
  opacity: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
  z-index: 2;
  transition: all .6s;
}
.photovoltaic-list3 .bgitem {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: all .6s;
}
.photovoltaic-list3 .bgitem.cur {
  opacity: 1;
}
.photovoltaic-list3 .contentbox {
  padding-top: 3.85rem;
  position: relative;
  z-index: 2;
}
.photovoltaic-list3 .textbox {
  margin-top: 9.25rem;
  width: 13.5rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}
.photovoltaic-list3 .textbox .tit3 {
  margin-bottom: .55rem;
}
.photovoltaic-list3 .textbox .tit4 {
  margin-bottom: 1.45rem;
}
.photovoltaic-list3 .textbox .layout-btn {
  border: none;
  width: 150px;
  height: 48px;
  border-radius: 5px;
  background: transparent;
  border: 2px solid #fff;
}
.photovoltaic-list3 .textbox .layout-btn span {
  color: #fff;
}
.photovoltaic-list3 .textbox .layout-btn .icon {
  width: 20px;
  height: 22px;
  fill: #fff;
  margin-left: 0.2rem;
}
.photovoltaic-list3 .textbox .layout-btn:after {
  border-radius: 5px;
  background: transparent;
  z-index: -1;
}
.photovoltaic-list3 .textbox .layout-btn:hover {
  color: #fff;
}
.photovoltaic-list3 .textbox .layout-btn:hover em:before {
  color: #fff;
}
.photovoltaic-list3 .textbox .textitem {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
}
.photovoltaic-list3 .textbox .textitem.cur {
  opacity: 1;
  visibility: visible;
}
.photovoltaic-list3 .tabul-container {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 4;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.photovoltaic-list3 .tabul-container .li {
  height: 2.5rem;
  padding: 0 1rem;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  transition: all .6s;
  cursor: pointer;
}
.photovoltaic-list3 .tabul-container .li .icon {
  width: 30px;
  height: 30px;
}
.photovoltaic-list3 .tabul-container .li .icon img {
  max-height: 100%;
}
.photovoltaic-list3 .tabul-container .swiper-slide:last-child .li {
  border-right: none;
}
.photovoltaic-list3 .tabul-container .swiper-slide:hover .li, .photovoltaic-list3 .tabul-container .swiper-slide.cur .li {
  background: #a9cb21;
}

.photovoltaic-list4 {
  padding: 4.25rem 0 4.5rem;
  background: #fff;
  z-index: 1;
}
.photovoltaic-list4 .ul {
  margin-top: 2.25rem;
}
.photovoltaic-list4 .li {
  width: 33.3%;
  background: #f7f7f7;
  border-radius: .25rem;
  overflow: hidden;
}
.photovoltaic-list4 .li .img {
  height: 14.5rem;
  width: 100%;
}
.photovoltaic-list4 .li .img img {
  position: relative;
  width: 105%;
  height: 105%;
  object-fit: cover;
}
.photovoltaic-list4 .li .text {
  padding: 1.75rem 1.1rem;
}
.photovoltaic-list4 .li .tit3 {
  color: #a9cb21;
  margin-bottom: .6rem;
}
.photovoltaic-list4 .li:nth-child(2) {
  margin-top: 3.2rem;
  display: flex;
  flex-flow: column-reverse wrap;
}

.photovoltaic-list5 {
  position: relative;
  overflow: hidden;
  min-height: 23.25rem;
  padding-top: 3.5rem;
  padding-bottom: 4.5rem;
  z-index: 1;
}
/*.photovoltaic-list5 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.photovoltaic-list5 .bg:before {
  content: "";
  position: absolute;
  width: calc(100% - 8rem);
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}*/

.photovoltaic-list5 .bgboxitem {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.photovoltaic-list5 .bgboxitem:before {
  content: "";
  position: absolute;
  width: calc(100% - 8rem);
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.photovoltaic-list5 .bgitem {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: all .6s;
}
.photovoltaic-list5 .bgitem.cur {
  opacity: 1;
}

.photovoltaic-list5 .contentbox {
  position: relative;
  z-index: 3;
}
.photovoltaic-list5 .warptext {
  position: relative;
}
.photovoltaic-list5 .warptext .text {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transform: translate(0, 30px);
  transition: all .6s .2s;
}
.photovoltaic-list5 .warptext .text.cur {
  transition: all .6s .4s;
  transform: translate(0, 0);
  visibility: visible;
  opacity: 1;
}
.photovoltaic-list5 .text {
  margin-top: 2.75rem;
  width: 65%;
}
.photovoltaic-list5 .text .ul {
  margin-top: .55rem;
}
.photovoltaic-list5 .text .ul .li span {
  padding: 0.32rem 0 0.32rem .6rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  position: relative;
  display: inline-block;
}
.photovoltaic-list5 .text .ul .li span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  margin-top: -3px;
  z-index: 1;
}
.photovoltaic-list5 .tabul {
  position: absolute;
  width: 8rem;
  height: 100%;
  right: 0;
  top: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  z-index: 3;
}
.photovoltaic-list5 .tabul .li {
  cursor: pointer;
  height: 33.3%;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(2px);
  transition: all .6s;
}
.photovoltaic-list5 .tabul .li:last-child {
  border-bottom: none;
}
.photovoltaic-list5 .tabul .icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-bottom: .5rem;
  filter: brightness(0) invert(1);
  transition: all .6s;
}
.photovoltaic-list5 .tabul .icon img {
  max-height: 100%;
}
.photovoltaic-list5 .tabul .li:hover, .photovoltaic-list5 .tabul .li.cur {
  color: #a9cb21;
  background: rgba(255, 255, 255, 0.6);
}
.photovoltaic-list5 .tabul .li:hover .icon, .photovoltaic-list5 .tabul .li.cur .icon {
  filter: brightness(100%) invert(0);
  transition: all .6s;
}

.photovoltaic-list6 {
  background: #f5f5f3;
  padding: 3.25rem 0 3.25rem;
  z-index: 2;
}
.photovoltaic-list6 .bottonbtn {
  width: 135px;
}
.photovoltaic-list6 .bottonbtn .prvebtn {
  width: 55px;
  height: 55px;
  border-radius: 5px;
  border: 2px solid #bababa;
  cursor: pointer;
  transition: all .6s;
}
.photovoltaic-list6 .bottonbtn .prvebtn .icon {
  transform: rotateY(180deg);
  width: 25px;
  height: 25px;
  fill: #a5a6a5;
}
.photovoltaic-list6 .bottonbtn .nextbtn {
  width: 55px;
  height: 55px;
  border-radius: 5px;
  border: 2px solid #bababa;
  cursor: pointer;
  transition: all .6s;
}
.photovoltaic-list6 .bottonbtn .nextbtn .icon {
  width: 25px;
  height: 25px;
  fill: #a5a6a5;
}
.photovoltaic-list6 .bottonbtn .prvebtn:hover {
  background: #a9cb21;
  border: 2px solid #a9cb21;
}
.photovoltaic-list6 .bottonbtn .prvebtn:hover .icon {
  fill: #fff;
}
.photovoltaic-list6 .bottonbtn .nextbtn:hover {
  background: #a9cb21;
  border: 2px solid #a9cb21;
}
.photovoltaic-list6 .bottonbtn .nextbtn:hover .icon {
  fill: #fff;
}
.photovoltaic-list6 .imgbox-container {
  margin-top: 1.2rem;
}
.photovoltaic-list6 .imgbox-container .img img {
  width: 100%;
}
.photovoltaic-list6 .p {
  margin-top: .5rem;
}
.photovoltaic-list6 .time-container {
  height: 360px;
}
@media (max-width: 1680px) {
  .photovoltaic-list2 .leftbox .ul .li:nth-child(3n-1){
    width:39.3%;
    padding-left:1rem;
  }
  .photovoltaic-list2 .leftbox .ul .li:nth-child(3n){
    width:27.3%;
  }

}
@media (max-width: 1480px) {
  .photovoltaic-list1 .li{
    width:22%;
  }
  .photovoltaic-list1 .li:hover, .photovoltaic-list1 .li.cur{
    width:53%;
  }
}
@media (max-width: 1024px) {
  .photovoltaic-list2 .leftbox {
    width: 100%;
    margin-bottom: 2rem;
  }

  .photovoltaic-list2 .rightbox {
    width: 100%;
  }
}
@media (max-width: 996px) {
  .photovoltaic-list1 {
    padding: 2.5rem 0 1.5rem;
  }

  .photovoltaic-list1 .li {
    width: 100% !important;
    margin-bottom: .65rem;
    margin-right: 0;
  }
  .photovoltaic-list1 .li .text1 {
    display:none;
  }
  .photovoltaic-list1 .li .text2{
    opacity:1;
    transform: translate(0, 0);
  }


  .photovoltaic-list1 .li .text .tit5 {
    height: auto !important;
    opacity: 1 !important;
    padding-right: 0;
    line-height: 1.8 !important;
    transform: translate(0, 0) !important;
  }

  .photovoltaic-list2 {
    padding: 2.5rem 0;
  }

  .photovoltaic-list2 .leftbox .ul .li {
    width: 50% !important;
    padding-right: 2% !important;
    justify-content: flex-start !important;
    padding-left: 0 !important;
  }


  .photovoltaic-list2 .leftbox .ul .li .icon1 {
    height: 24px;
  }

  .photovoltaic-list2 .rightbox {
    padding: 0 1rem;
  }

  .photovoltaic-list3 .contentbox {
    padding-top: 2.5rem;
  }

  .photovoltaic-list3 .textbox {
    margin-top: 7.25rem;
    width: 14.5rem;
  }

  .photovoltaic-list3 {
    height: 75vh;
  }

  .photovoltaic-list4 .li {
    width: 100%;
  }

  .photovoltaic-list4 .li:nth-child(2) {
    display: flex;
    flex-flow: column wrap;
  }

  .photovoltaic-list4 {
    padding: 2.5rem 0 3rem;
  }

  .photovoltaic-list4 .ul {
    margin-top: 1.4rem;
  }

  .photovoltaic-list4 .li {
    margin-bottom: .8rem;
  }

  .photovoltaic-list4 .li:nth-child(2) {
    margin-top: 0;
  }

  .photovoltaic-list5 .tabul {
    width: 5rem;
  }

  .photovoltaic-list5 .bg:before {
    width: calc(100% - 5rem);
  }

  .photovoltaic-list6 .bottonbtn {
    width: 100px;
  }

  .photovoltaic-list6 .bottonbtn .prvebtn, .photovoltaic-list6 .bottonbtn .nextbtn {
    width: 40px;
    height: 40px;
  }

  .photovoltaic-list4 .li .img {
    height: 12rem;
  }

  .photovoltaic-list3 .tabul-container .li span {
    width: calc(100% - 40px);
    line-height: 1.2;
  }

  .photovoltaic-list3 .textbox {
    margin-top: 1.5rem;
    width: 100%;
    position: relative;
  }

  .photovoltaic-list3 .textbox .layout-btn {
    width: 120px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .photovoltaic-list5 .tabul {
    position: absolute;
    width: 100%;
    height: 3.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 0;
    left: 0;
    top: auto;
    bottom: 0;
    display: flex;
  }

  .photovoltaic-list5 .tabul .li {
    width: 33.3%;
    height: 100%;
  }

  .photovoltaic-list5 .bg:before {
    width: 100%;
  }

  .photovoltaic-list5 .text {
    width: 100%;
    margin-top: 1rem;
  }

  .photovoltaic-list5 {
    padding-top: 2rem;
  }

  .photovoltaic-list5 .tabul .icon {
    width: .9rem;
    height: .9rem;
  }
  .photovoltaic-list4{
    padding-bottom:2rem;
  }
  .photovoltaic-list3 .tabul-container .li{
    flex-flow: row nowrap;
    line-height:1.2;
  }
  .photovoltaic-list5 .tabul .li{
    font-size:16px;
  }
  .photovoltaic-list3 .tabul-container .li .icon{
    display:none;
  }
  .photovoltaic-list3 .tabul-container .li{
    padding:0 .6rem;
  }
  .photovoltaic-list5 .tabul .li:hover, .photovoltaic-list5 .tabul .li.cur{
    background: rgba(255, 255, 255, 0.9);
  }
  .photovoltaic-list5 .text .ul .li span{
    padding: 0.55rem 0 0.55rem 0.8rem;
  }
  .photovoltaic-list3 .tabul-container .li{
        justify-content: center;
  }
  .photovoltaic-list2 .rightbox .itemtop span{
    font-size:20px;
  }
  .photovoltaic-list1 .li .bg{
    position: relative;
    height:10rem;
  }
  .photovoltaic-list1 .li .text2{
    position: relative;
    padding:1rem 6%;
    background:#f9f9f9;
  }
  .photovoltaic-list1 .li{
    height:auto;
  }
  .photovoltaic-list1 .li:before{
    display:none;
  }
  .photovoltaic-list1 .li .text .tit4{
    color:#333;
  }
  .photovoltaic-list1 .li .text .tit5{
    color:#666;
  }
  .photovoltaic-list1 .photovoltaic-swiper{
    margin-top:1.5rem;
    padding-bottom:1.5rem;
    position: relative;
    z-index:2;
  }
  .photovoltaic-list1 .photovoltaic-swiper span.swiper-pagination-bullet-active{
    background:#a9cb21;
    bottom:0;
  }

  .photovoltaic-list4 .photovoltaic4-swiper{
    margin-top:1.5rem;
    padding-bottom:1.5rem;
    position: relative;
    z-index:2;
  }
  .photovoltaic-list4 .photovoltaic4-swiper span.swiper-pagination-bullet-active{
    background:#a9cb21;
    bottom:0;
  }
}
.introduction-list1 {
  position: relative;
  background: #fff;
  height: 100vh;
  z-index: 1;
}
.introduction-list1 .contentbox {
  margin-top: -3rem;
}
.introduction-list1 .contentbox .tiptxt {
  margin-bottom: .5rem;
  position: relative;
  z-index: 4;
}
.introduction-list1 .contentbox .tiptxt img {
  margin-right: 6px;
}
.introduction-list1 .contentbox .tit2 {
  position: relative;
  z-index: 4;
}
.introduction-list1 .contentbox .tit2 span {
  color: #ccc;
}
.introduction-list1 .contentbox .lineimg {
  position: relative;
  z-index: 4;
  margin-top: .4rem;
}
.introduction-list1 .contentbox .lineimg .line {
  top: 20%;
}
.introduction-list1 .bgimg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-clip-path: inset(61% 42% 16% 42%);
  clip-path: inset(61% 42% 16% 42%);
}
.introduction-list1 .contentbox2 {
  position: absolute;
  top: 0;
  padding: 5.4rem 0 0;
  z-index: 3;
  opacity: 0;
  z-index: 5;
  /*background:#000;*/
}
.introduction-list1 .contentbox2 .tit2 {
  width: 54%;
  transform: translate(80px, 0);
  opacity: 0;
}
.introduction-list1 .contentbox2 .tit2 div {
  display: inline-block;
  margin-left:.25rem;
}
.introduction-list1 .contentbox2 .p {
  transform: translate(80px, 0);
  opacity: 0;
  width: 37.8%;
  margin-top:1rem;
}

.introduction-list1 .bgimg.scr-el {
  animation-name: clipath2;
}

.introduction-list1 .scr-el {
  animation-play-state: paused;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: calc(var(--go) * -1s);
  animation-timing-function: ease-in-out;
}

@keyframes clipath2 {
  0% {
    -webkit-clip-path: inset(61% 42% 16% 42%);
    clip-path: inset(61% 42% 16% 42%);
  }
  100% {
    -webkit-clip-path: inset(0% 0% 0% 0%);
    clip-path: inset(0% 0% 0% 0%);
  }
}
.introduction-list2 {
  padding: 2.25rem 0 4rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.introduction-list2 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.introduction-list2 .contentbox {
  position: relative;
  z-index: 4;
}
.introduction-list2 .contentbox .tip {
  margin-right: .25rem;
  margin-bottom: .6rem;
}
.introduction-list2 .contentbox .tip img {
  margin-right: .25rem;
}
.introduction-list2 .time-container {
  width: 100%;
  height: 380px;
  margin-top: 1.7rem;
}
.introduction-list2 .time-container .yearbtn {
  font-size: 3rem;
  color: #fff;
}
.introduction-list2 .time-container .sp1 {
  transition: all .6s;
}
.introduction-list2 .time-container .sp2 {
  font-size: 1.5rem;
  transition: all .6s;
  opacity:0;
}
.introduction-list2 .time-container .line {
  height: .4rem;
  margin-left: 1.6rem;
  visibility: hidden;
  opacity: 0;
  transition: all .6s;
}
.introduction-list2 .time-container .line img {
  max-height: 100%;
}
.introduction-list2 .time-container .text {
  position: absolute;
  right: 8%;
  top: 50%;
  width: 34%;
  margin-left: 5%;
  opacity: 0;
  visibility: hidden;
  transform: translate(40px, -50%);
  transition: all .6s;
}
.introduction-list2 .time-container .swiper-slide .sp1{
  opacity:0;
}
.introduction-list2 .time-container .swiper-slide.swiper-slide-active .sp1 {
  opacity: 1;
}
.introduction-list2 .time-container .swiper-slide.swiper-slide-active .sp2{
  opacity:1;
}
.introduction-list2 .time-container .swiper-slide.swiper-slide-active .line {
  visibility: visible;
  opacity: 1;
}
.introduction-list2 .time-container .swiper-slide.swiper-slide-active .sp1{
  opacity:1;
}
.introduction-list2 .time-container .swiper-slide .yearbtn{
  -webkit-text-stroke: 2px #fff;
  color: transparent;
}
.introduction-list2 .time-container .swiper-slide.swiper-slide-active .yearbtn{
  -webkit-text-stroke: 2px transparent;
  color: #fff;
}

.introduction-list2 .time-container .swiper-slide.swiper-slide-active .text {
  opacity: 1;
  visibility: visible;
  transform: translate(0, -50%);
}
.introduction-list2 .bottonbtn {
  height: 135px;
  position: absolute;
  right: 0;
  z-index: 4;
}
.introduction-list2 .bottonbtn .prvebtn {
  width: 55px;
  height: 55px;
  border-radius: 5px;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: all .6s;
}
.introduction-list2 .bottonbtn .prvebtn .icon {
  transform: rotateY(180deg) rotateZ(-90deg);
  width: 25px;
  height: 25px;
  fill: #fff;
}
.introduction-list2 .bottonbtn .nextbtn {
  width: 55px;
  height: 55px;
  border-radius: 5px;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: all .6s;
}
.introduction-list2 .bottonbtn .nextbtn .icon {
  transform: rotateZ(90deg);
  width: 25px;
  height: 25px;
  fill: #fff;
}
.introduction-list2 .bottonbtn .prvebtn:hover {
  background: #a9cb21;
  border: 2px solid #a9cb21;
}
.introduction-list2 .bottonbtn .prvebtn:hover .icon {
  fill: #fff;
}
.introduction-list2 .bottonbtn .nextbtn:hover {
  background: #a9cb21;
  border: 2px solid #a9cb21;
}
.introduction-list2 .bottonbtn .nextbtn:hover .icon {
  fill: #fff;
}

.introduction-list3 {
  padding: 3rem 0 3.25rem;
  background: #fff;
  z-index: 2;
}
.introduction-list3 .titlebox {
  align-items: flex-end;
}
.introduction-list3 .leftbox {
  width: 50%;
}
.introduction-list3 .leftbox .tiptxt {
  margin-bottom: .7rem;
}
.introduction-list3 .leftbox .tiptxt img {
  margin-right: .25rem;
}
.introduction-list3 .leftbox .tit2 span {
  color: #ccc;
}
.introduction-list3 .bottonbtn {
  width: 135px;
}
.introduction-list3 .bottonbtn .prvebtn {
  width: 55px;
  height: 55px;
  border-radius: 5px;
  border: 2px solid #bababa;
  cursor: pointer;
  transition: all .6s;
}
.introduction-list3 .bottonbtn .prvebtn .icon {
  transform: rotateY(180deg);
  width: 25px;
  height: 25px;
  fill: #a5a6a5;
}
.introduction-list3 .bottonbtn .nextbtn {
  width: 55px;
  height: 55px;
  border-radius: 5px;
  border: 2px solid #bababa;
  cursor: pointer;
  transition: all .6s;
}
.introduction-list3 .bottonbtn .nextbtn .icon {
  width: 25px;
  height: 25px;
  fill: #a5a6a5;
}
.introduction-list3 .bottonbtn .prvebtn:hover {
  background: #a9cb21;
  border: 2px solid #a9cb21;
}
.introduction-list3 .bottonbtn .prvebtn:hover .icon {
  fill: #fff;
}
.introduction-list3 .bottonbtn .nextbtn:hover {
  background: #a9cb21;
  border: 2px solid #a9cb21;
}
.introduction-list3 .bottonbtn .nextbtn:hover .icon {
  fill: #fff;
}
.introduction-list3 .honor-container {
  margin-top: 2.15rem;
}
.introduction-list3 .honor-container .item {
  display: inline-block;
}

@media (max-width: 1280px) {
  .introduction-list2 .time-container .text {
    width: 40%;
  }
}
@media (max-width: 1024px) {
  .cooperation-list5 .leftbox {
    width: 100%;
    margin-bottom: 1rem;
  }

  .cooperation-list5 .rightbox {
    width: 100%;
  }

  .introduction-list1 {
    padding-top: 2.5rem;
    height: auto;
  }

  .introduction-list1 .contentbox .tit2 {
    text-align: center;
  }

  .introduction-list1 .bgimg {
    height: 100vh;
    -webkit-clip-path: inset(0% 0% 0% 0%);
    clip-path: inset(0% 0% 0% 0%);
    animation-name: none !important;
    position: relative;
  }

  .introduction-list1 .contentbox {
    margin-top: 0;
  }

  .introduction-list1 .contentbox .lineimg {
    height: 5rem;
  }

  .introduction-list1 .contentbox2 {
    position: absolute;
    top: 55vh;
    left: 5%;
    width: 90%;
    transform: translateX(0);
    padding: 0;
    opacity: 1;
    z-index: 6;
  }

  .introduction-list1 .contentbox2 .tit2 {
    transform: translate(0, 0);
    opacity: 1;
  }

  .introduction-list1 .contentbox2 .p {
    transform: translate(0, 0);
    opacity: 1;
    margin-top:0;
  }
  .introduction-list2 .time-container .line{
    display:none;
  }
  .introduction-list1 .contentbox2 .tit2{
    line-height:1.2;
  }

}
@media (max-width: 996px) {
  .introduction-list1 .contentbox2 {
    top: 40vh;
  }

  .introduction-list1 .contentbox2 .tit2 {
    width: 100%;
    margin-bottom: 1rem;
  }

  .introduction-list1 .contentbox2 .p {
    width: 100%;
  }

  .introduction-list1 .bgimg {
    height: 70vh;
  }

  .introduction-list2 .time-container .yearbtn {
    font-size: 2.6rem;
  }

  .introduction-list2 .time-container .line {
    display: none;
  }

  .introduction-list2 .time-container .text {
    right: 15%;
  }

  .introduction-list3 .bottonbtn {
    width: 90px;
  }

  .introduction-list3 .bottonbtn .prvebtn {
    width: 40px;
    height: 40px;
  }

  .introduction-list3 .bottonbtn .nextbtn {
    width: 40px;
    height: 40px;
  }
  

  .introduction-list2 .time-container .text {
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
    width: 100%;
    right: 0;
    margin-left: 0;
  }

  .introduction-list2 .bottonbtn {
    position: relative;
    top: auto;
    width: 100px;
    height: 40px;
    transform: translateY(0);
  }

  .introduction-list2 .bottonbtn .prvebtn, .introduction-list2 .bottonbtn .nextbtn {
    width: 40px;
    height: 40px;
  }

  .introduction-list2 .time-container {
    height: auto;
    margin-top: 1rem;
  }

  .introduction-list2 {
    padding: 2.5rem 0 4.5rem;
  }

  .introduction-list2 .time-container .swiper-slide.swiper-slide-active .sp1 {
    opacity: 1;
  }

  .introduction-list2 .time-container .swiper-slide.swiper-slide-active .text {
    transform: translate(0, 0);
  }

  .introduction-list2 .bottonbtn {
    margin-top: 1.5rem;
  }

  .introduction-list2 .bottonbtn .prvebtn .icon {
    transform: rotateY(180deg) rotateZ(0deg);
  }

  .introduction-list2 .bottonbtn .nextbtn .icon {
    transform: rotateZ(0);
  }
}
@media (max-width: 767px) {

  .introduction-list2 .time-container .yearbtn{
    font-size:1.6rem;
    margin-bottom:.45rem;
  }
  .introduction-list1 .contentbox2{
    top:13rem;
  }
  .introduction-list1 .contentbox2 .tit2{
    font-size:26px;
  }
}
.n-search {
  padding: 2rem 0 3rem;
  background: #f5f5f5;
}
.n-search .tab-ul {
  margin-top: 1rem;
}
.n-search .tab-ul .li {
  margin: 0 10px;
  padding: 0 20px;
  height: 45px;
  line-height: 45px;
  border-radius: 5px;
  color: #fff;
  background: #999;
  cursor: pointer;
}
.n-search .tab-ul .li:hover, .n-search .tab-ul .li.cur {
  background: #a9cb21;
}
.n-search .search_all {
  margin-top: .65rem;
}
.n-search .search_all span {
  color: #a9cb21;
}
.n-search .warpajax-list .product-list2 {
  background: transparent;
  padding: 0;
}
.n-search .ulbox2 {
  padding: 1rem 0 0;
}
.n-search .ulbox2 .li {
  padding: .65rem 0;
  display: block;
  border-bottom: 1px solid #d1d1d1;
}
.n-search .ulbox2 .tit4 {
  margin-top: .2rem;
}
.n-search .ulbox2 .li:hover .tit3 {
  color: #a9cb21;
}
.n-search .warpajax {
  /*display:none;*/
}

@media (max-width: 767px) {
  .n-search .page {
    padding-top: 2rem;
  }
}
@keyframes colorSlide {
  0% {
    background-position: 0% 100%;
  }
  20% {
    background-position: 0% 0%;
  }
  21% {
    background-color: transparent;
  }
  29.99% {
    background-color: transparent;
    background-position: 0% 0%;
  }
  30% {
    background-color: transparent;
    background-position: 0% 100%;
  }
  50% {
    background-position: 0% 0%;
  }
  51% {
    background-color: transparent;
  }
  59% {
    background-color: transparent;
    background-position: 0% 0%;
  }
  60% {
    background-color: transparent;
    background-position: 0% 100%;
  }
  80% {
    background-position: 0% 0%;
  }
  81% {
    background-color: transparent;
  }
  90%, 100% {
    background-color: transparent;
  }
}
@keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-15px);
    transform: scale(1) translateY(-15px);
  }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(3px);
    transform: scale(0.9) translateY(3px);
  }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(20px);
    transform: scale(0.4) translateY(20px);
  }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-15px);
    transform: scale(0.4) translateY(-15px);
  }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-15px);
    transform: scale(1) translateY(-15px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-15px);
    transform: scale(1) translateY(-15px);
  }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(3px);
    transform: scale(0.9) translateY(3px);
  }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(20px);
    transform: scale(0.4) translateY(20px);
  }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-15px);
    transform: scale(0.4) translateY(-15px);
  }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-15px);
    transform: scale(1) translateY(-15px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-15px);
    transform: scale(1) translateY(-15px);
  }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(3px);
    transform: scale(0.9) translateY(3px);
  }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(20px);
    transform: scale(0.4) translateY(20px);
  }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-15px);
    transform: scale(0.4) translateY(-15px);
  }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-15px);
    transform: scale(1) translateY(-15px);
  }
}
@keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes nudgeText {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  30% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  60% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.header .nav .sub-list {
  padding:10px 0;
  position: absolute;
  width: 170px;
  left: 0;
  top: 60px;
  padding-left: 32%;
  opacity: 0;
  transform: translate(0, -10px);
  transition: all .4s;
  visibility: hidden;
}
.header .nav .wli{
  position: relative;
}
.header .nav .sub-list:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(40, 148, 255, 0.8);
  backdrop-filter: blur(2px);
  border-radius: 5px;
  z-index: 1;
}

.header .nav .sub-list .nli {
  display: block;
  height: 40px;
  line-height: 40px;
  color: #fff;
  width: 100%;
  position: relative;
  z-index: 3;
}
.header .nav .sub-list .nli:hover {
  color: #e2ecf7;
}
.header .nav .sub-list .nli:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #a9cb21;
  left: 0;
  bottom: 0;
  z-index: 2;
  opacity: 0;
  transform: scale(0.4, 1);
  transition: all .4s;
  display: none;
}
.header .nav .sub-list .nli:hover:before {
  opacity: 1;
  transform: scale(1, 1);
}

.header .nav .wli:hover .sub-list {
  transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
}

.ilist2 .ntxtbox{
  width:100%;
}
@media (max-width: 1700px){
  .header .w1400{
    width:81%;
  }
}
@media (max-width: 1600px){
  .header .w1400{
    width:77%;
	/*padding-right:6%;*/
  }
  .header .nav .wli{
    margin-left:.65rem;
  }
}
@media (min-width:1560px) {
  .ilist1 .w1800,.ilist2 .w1800,.ilist3 .w1800,.ilist4 .w1800,.ilist5 .w1800,.ilist6 .w1800{
    position: relative;
  }
  .ilist2 .txtbox .tiptxt,.ilist1 .tiptxt,.ilist3 .tiptxt,.ilist4 .tiptxt,.ilist5 .tiptxt,.ilist6 .tiptxt{
    position: absolute;
    left:0;
    top:0;
  }
}

.ilist2 .txtbox .tiptxt, .ilist1 .tiptxt, .ilist3 .tiptxt, .ilist4 .tiptxt, .ilist5 .tiptxt, .ilist6 .tiptxt{
  display:none;
}



.n-recruitment-info{
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:99;
}
.n-recruitment-info .dialog__content{
  width:600px;
  max-width:90%;
  min-width: 290px;
  padding: 1rem 1.25rem 1.5rem;
  background: #fff;
}
.n-recruitment-info .title{
  margin-bottom:.85rem;
}
.n-recruitment-info .formbox {
  z-index: 1;
}
.n-recruitment-info .formbox .li {
  margin-bottom: .5rem;
  width:100%;
  position: relative;
}
.n-recruitment-info .formbox .li .input1 {
  width: calc(100% - 100px);
  height: 50px;
  border: 1px solid #d4d4d4;
  text-indent: .5rem;
}
.n-recruitment-info .formbox .li .tip {
  position: absolute;
  right: .55rem;
  top: 50%;
  margin-top: -3px;
  color: #666;
  z-index: 1;
}
.n-recruitment-info .formbox .w100 .input2 {
  border: 1px solid #d4d4d4;
  width: 100%;
  padding: .5rem;
  height: 6rem;
}

.n-recruitment-info .formbox .input3box {
  margin-left: .5rem;
  width: calc(100% - 110px);
}
.n-recruitment-info .formbox .input3box .input3{
  width:auto;
  display:inline-block;
}
.n-recruitment-info .formbox .input3box p {
  line-height: 1.5;
  margin-top: .25rem;
      width: 100%;
    text-align: left;
}
.n-recruitment-info .formbox .yanbox {
  width:100%;
}
.n-recruitment-info .formbox .yanbox .coadbox{
  width: calc(100% - 100px);
}

.n-recruitment-info .formbox .coadbox .icon {
  position: absolute;
  left: .4rem;
  width: .5rem;
  top: 50%;
  transform: translate(0, -50%);
}
.n-recruitment-info .formbox .coadbox .input4 {
  border: 1px solid #d4d4d4;
  width: 100%;
  padding: 0  4.5rem 0 .25rem;
  height: 50px;
}
.n-recruitment-info .formbox .coadbox .captcha {
  position: absolute;
  width: 4rem;
  height: calc(50px - 2px);
  right: 1px;
  top: 1px;
  z-index: 1;
}
.n-recruitment-info .formbox .submitbtn {
  width: 153px;
  height: 48px;
  border-radius: 5px;
}
.n-recruitment-info .formbox .submitbtn .submit {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}
.n-recruitment-info .formbox .submitbtn .layout-btn {
  border: none;
  background: #a9cb21;
  width: 153;
  height: 48px;
  border-radius:5px;
}
.n-recruitment-info .formbox .submitbtn .layout-btn span {
  color: #fff;
}
.n-recruitment-info .formbox .submitbtn .layout-btn .icon {
  width: 26px;
  height: 24px;
  fill: #fff;
  margin-left: 0.35rem;
}
.n-recruitment-info .formbox .submitbtn .layout-btn:after {
  border-radius: 70px;
  background: #fff;
  z-index: -1;
}
.n-recruitment-info .formbox .submitbtn .layout-btn > span {
  transition: all .6s ease-in-out;
}
.n-recruitment-info .formbox .submitbtn:hover .layout-btn > span > i {
  transform: translateX(-3px);
  -webkit-transform: translateX(-3px);
  -moz-transform: translateX(-3px);
  -o-transform: translateX(-3px);
  -ms-transform: translateX(-3px);
}
.n-recruitment-info .formbox .submitbtn:hover .layout-btn > span > small > em {
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  color: transparent;
}
.n-recruitment-info .formbox .submitbtn:hover .layout-btn > span > small > em:before {
  color: #fff;
}
.n-recruitment-info .formbox .submitbtn:hover .layout-btn span {
  transform: translateY(-2px);
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
}
.n-recruitment-info .formbox .submitbtn:hover .layout-btn:after {
  opacity: 1;
}
.n-recruitment-info .closebtn {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 1.2rem;
  top: .65rem;
  z-index: 2;
  background:transparent;
}
.n-recruitment-info .closebtn .icon {
  width: 30px;
  height: 30px;
  fill: #000;
}
.n-recruitment-info .captcha_ok{
  position:absolute;
  right:18px;
  top:50%;
  margin-top:-12.5px;
}
.n-recruitment-info .captcha_no{
  position:absolute;
  right:18px;
  top:50%;
  margin-top:-12.5px;
  z-index:4;
}

@media (max-width: 1480px) {
 
  .n-recruitment-info .formbox .w50 {
    width: 100% !important;
  }
}
@media (max-width: 996px) {
  
  .n-recruitment-info .formbox .li .sp {
    display: block;
    margin-bottom: .3rem;
  }

  .n-recruitment-info .formbox .li .input1 {
    width: 100%;
  }


  .n-recruitment-info .formbox .li .tip {
    top: 66%;
  }

  .n-recruitment-info .formbox .yanbox {
    width: 100%;
    margin-bottom: .55rem;
  }

  .n-recruitment-info .formbox .submitbtn, .n-recruitment-info .formbox .submitbtn .layout-btn {
    width: 160px;
  }

  .n-recruitment-info .formbox .submitbtn .layout-btn .icon {
    width: 18px;
    height: 20px;
  }

  .n-recruitment-info .formbox .li .input1 {
    height: 40px;
  }

  .n-recruitment-info .formbox .w100 .input2 {
    height: 5rem;
  }
	.n-recruitment-info .formbox .yanbox .coadbox{
		height:40px;
	}
  .n-recruitment-info .formbox .coadbox .input4 {
    height: 38px;
  }

  .n-recruitment-info .formbox .coadbox .captcha {
    height: calc(38px - 2px);
    width:3rem;
  }
  .n-recruitment-info .formbox .coadbox .input4{
    padding: 0 3.25rem 0 0.25rem;
  }
  .n-recruitment-info .formbox .yanbox .sp2{
    width:100%;
  }
  .n-recruitment-info .formbox .yanbox .coadbox{
    width:100%;
  }

  .n-recruitment-info .formbox .li .sp2{
    width:100%;
  }
  .n-recruitment-info .formbox .input3box{
    width:100%;
    margin-left:0;
  }
  .n-recruitment-info .formbox .li .sp2{
    text-align:left;
    margin-bottom:.4rem;
  }
}



.cooperation-list4 .imgbox-container{
  position: relative;
}
.cooperation-list4 .prvebtn {
  width: 55px;
  height: 55px;
  border-radius: 5px;
  border: 2px solid #bababa;
  cursor: pointer;
  transition: all .6s;
  position: absolute;
  top:50%;
  margin-top:-1.75rem;
  left:24%;
  z-index:4;
}
.cooperation-list4 .prvebtn .icon {
  transform: rotateY(180deg);
  width: 25px;
  height: 25px;
  fill: #a5a6a5;
}
.cooperation-list4 .nextbtn {
  width: 55px;
  height: 55px;
  border-radius: 5px;
  border: 2px solid #bababa;
  cursor: pointer;
  transition: all .6s;
  position: absolute;
  top:50%;
  margin-top:-1.75rem;
  right:24%;
  z-index:4;
}
.cooperation-list4 .nextbtn .icon {
  width: 25px;
  height: 25px;
  fill: #a5a6a5;
}
.cooperation-list4 .prvebtn:hover {
  background: #a9cb21;
  border: 2px solid #a9cb21;
}
.cooperation-list4 .prvebtn:hover .icon {
  fill: #fff;
}
.cooperation-list4 .nextbtn:hover {
  background: #a9cb21;
  border: 2px solid #a9cb21;
}
.cooperation-list4 .nextbtn:hover .icon {
  fill: #fff;
}

@media (max-width:1024px) {
    .cooperation-list4 .nextbtn,.cooperation-list4 .prvebtn{
      display:none;
    }
    .cooperation-list4 .imgbox-container .m-block .swiper-pagination{
      margin-top:1rem;
    }
    .cooperation-list4 .imgbox-container .swiper-pagination span{
      margin:0 .1rem;
    }
    .cooperation-list4 .imgbox-container .swiper-pagination span.swiper-pagination-bullet-active{
      background: #28ab39;
    }
}

.recruitment-list1 .warpformbox{
    margin-top:2rem;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: center;
}
.recruitment-list1 .formbox{
  width:600px;
  height:60px;
  max-width:100%;
  border:1px solid #d1d1d1;
}
.recruitment-list1 .formbox .input1{
  width:calc(100% - 60px);
  height:58px;
  text-indent:.4rem;
  padding-right:.55rem;
}
.recruitment-list1 .formbox .input2{
  width:60px;
  height:58px;
  background:#a9cb21 url(../css_1/searchicon.png) no-repeat center center;
  background-size: .8rem auto;

}

@media (max-width:767px) {
  .recruitment-list1 .formbox{
    height:47px;
  }
  .recruitment-list1 .formbox .input1{
    height:45px;
  }
  .recruitment-list1 .formbox .input2{
    height:45px;
  }
}

.cooperation-list5 .rightbox{
  max-height:15rem;
  overflow-y:scroll;
  padding-right:.7rem;
  
}
.cooperation-list5 .topitem{
  padding:1rem .7rem .9rem;
  background:#fff;
  margin-bottom:.4rem;
}
.cooperation-list5 .topitem .tleft{
  width:calc(100% - 7.5rem);
}
.cooperation-list5 .topitem .tright{
  width:6rem;
}
.cooperation-list5 .topitem .tleft .tit3{
  margin-bottom:.4rem;
}
.cooperation-list5 .topitem .tleft .tit4 .icon{
  width:20px;
  height:20px;
  margin-right:.3rem;
  margin-top:.15rem;
}
.cooperation-list5 .topitem .tleft .tit4 .icon svg{
  width:20px;
  height:20px;
  fill:#999;
}
.cooperation-list5 .topitem .tleft .tit4 span{
  width:calc(100% - 40px);
}
.cooperation-list5 .topitem .tright .img {
  margin-bottom: .25rem;
}
.cooperation-list5 .topitem .tright .imgli {
  width: 40%;
}
.cooperation-list5 .ulbox{

}
.cooperation-list5 .ulbox .li{
  margin-bottom:.4rem;
  width:49%;
  margin-right:2%;
  background:#fff;
  padding:.25rem .6rem;
  position: relative;
  overflow: hidden;
  cursor:pointer;
}
.cooperation-list5 .ulbox .li .bg{
  position: absolute;
  width:100%;
  height:100%;
  z-index:1;
}
.cooperation-list5 .ulbox .li:nth-child(2n){
  margin-right:0;
}
.cooperation-list5 .ulbox .title{
  width:50%;
  position: relative;
  z-index:3;
}
.cooperation-list5 .ulbox .tright{
  width:38%;
  position: relative;
  z-index:3;
}
.cooperation-list5 .ulbox .tright .img {
  margin-bottom: .25rem;
}
.cooperation-list5 .ulbox .tright .imgli {
  width: 46%;
  position: relative;
  z-index:3;
  opacity:0;
  transition: all .6s;
}
.cooperation-list5 .ulbox .tright .tipimg{
  position: absolute;
  top:50%;
  height:1rem;
  width:1rem;
  right:0;
  margin-top:-.5rem;
  z-index:2;
  opacity:1;
  transition: all .6s;
}
.cooperation-list5 .ulbox .li .bg{
  opacity:1;
  transition: all .6s;
}
.cooperation-list5 .ulbox .li:hover .bg,.cooperation-list5 .ulbox .li.cur .bg{
  opacity:0;
  transform:translate(0,20px);
}

.cooperation-list5 .ulbox .li:hover .tright .tipimg{
  opacity:0;
  transform:translate(0,-20px);
}
.cooperation-list5 .ulbox .li.cur .tright .tipimg{
  opacity:0;
}

.cooperation-list5 .ulbox .li:hover .tright .imgli{
  opacity:1;
}
.cooperation-list5 .ulbox .li.cur .tright .imgli{
  opacity:1;
}
.cooperation-list5 .ulbox .li.cur{
  box-shadow:0 0 15px 0 rgba(88,181,48,.2);
}
.cooperation-list5 .rightbox{
  margin-top:2rem;
}


@media (max-width:1024px) {
  .cooperation-list5 .rightbox{
    padding-left:0;
    margin-top:1rem;
  }
}
@media (max-width:767px) {
  .cooperation-list5 .topitem .tleft{
    width:100%;
  } 
  .cooperation-list5 .topitem .tright{
    width:100%;
    margin-top:.5rem;
  }
  .cooperation-list5 .ulbox .li{
    width:100%;
    margin-right:0;
  }
}





.n-cooperation-form{
  padding: 2rem 0 5.5rem;
  background: #fff url(../css_1/coopalertbg.jpg);
  overflow-y: auto;
  background-size:cover;
}
.n-cooperation-form .leftbox {
  width: 62%;
}
.n-cooperation-form .leftbox .tip {
  margin-bottom: .65rem;
}
.n-cooperation-form .leftbox .tip .icon{
  margin-right:.25rem;
}
.n-cooperation-form .leftbox .tit3 span {
  color: #ccc;
}
.n-cooperation-form .leftbox form {
  width: 100%;
}
.n-cooperation-form .leftbox .formbox {
  width: 100%;
  margin-top: 1rem;
  position: relative;
  z-index: 3;
}
.n-cooperation-form .leftbox .formbox .li {
  border: 1px solid #ccc;
  height: 50px;
  margin-bottom: .5rem;
  width: 49%;
  position: relative;
}
.n-cooperation-form .leftbox .formbox .li input {
  position: relative;
  width: 100%;
  height: 48px;
  padding: 0 1rem 0 .55rem;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}
.n-cooperation-form .leftbox .formbox .li input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #333;
}
.n-cooperation-form .leftbox .formbox .li input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #333;
}
.n-cooperation-form .leftbox .formbox .li input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #333;
}
.n-cooperation-form .leftbox .formbox .li input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #333;
}
.n-cooperation-form .leftbox .formbox .li span {
  color: #5cb531;
  position: absolute;
  right: .55rem;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 1;
}
.n-cooperation-form .leftbox .formbox .li2 {
  width: 100%;
  height:3rem;
  margin-bottom:.5rem;
  position: relative;
}
.n-cooperation-form .leftbox .formbox .li2 .input3 {
  height: 3rem;
  padding: .5rem 1rem .5rem .55rem;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #ccc;
}
.n-cooperation-form .leftbox .formbox .li2 .input3::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #333;
}
.n-cooperation-form .leftbox .formbox .li2 .input3:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #333;
}
.n-cooperation-form .leftbox .formbox .li2 .input3::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #333;
}
.n-cooperation-form .leftbox .formbox .li2 .input3:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #333;
}
.n-cooperation-form .leftbox .formbox .li2 span {
  color: #5cb531;
  position: absolute;
  right: .55rem;
  top: .35rem;
  z-index: 1;
}
.n-cooperation-form .leftbox .formbox .liimg {
  /*width: 156px;
  height: 60px;
  background:#fff;
  border: 1px solid #ccc;*/
  width: 156px;
  height: 50px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(212, 212, 212, 0.2);
  position: absolute;
  right: calc(-4% - 156px);
  top: 0;
}
.n-cooperation-form .leftbox .formbox .submitbtn {
  width: 220px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  background: #5cb531;
  margin-top:.5rem;
  border: none;
}
.n-cooperation-form .leftbox .formbox .selectbox {
  width: 49%;
  height: 50px;
  margin-bottom: 14px;
  position: relative;
  z-index: 3;
}
.n-cooperation-form .leftbox .formbox .selectbox span {
  margin-right: 10px;
}
.n-cooperation-form .leftbox .formbox .selectbox .icon {
  width: 10px;
  height: 10px;
  fill: #5cb531;
}
.n-cooperation-form .leftbox .formbox .selectbox .selecttop {
  width: 100%;
  height: 50px;
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid #ccc;
  cursor: pointer;
  padding: 0 .55rem 0 .55rem;
  position: relative;
  z-index: 3;
}
.n-cooperation-form .leftbox .formbox .selectbox .selectitem {
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  background: #f4f4f4;
  max-height: 150px;
  padding: 15px .5rem 10px;
  overflow-y: auto;
  display: none;
}
.n-cooperation-form .leftbox .formbox .selectbox .item {
  height: .8rem;
  line-height: .8rem;
  padding: 0 15px;
  background: transparent;
  cursor: pointer;
  border-bottom: none;
}
.n-cooperation-form .leftbox .formbox .selectbox .item:hover {
  color: #fff;
  background: #000;
}
.n-cooperation-form .rightbox {
  padding-top:2rem;
  max-width: 30%;
}
.n-cooperation-form .rightbox .tit3 {
  margin-bottom: .3rem;
}
.n-cooperation-form .colsebtn {
  width: 1.85rem;
  height: 1.85rem;
  right: 1.75rem;
  top: 1.75rem;
  background: #999;
  position: absolute;
  border-radius: 50%;
  cursor: pointer;
  z-index: 3;
  transition: all .6s;
}
.n-cooperation-form .colsebtn .icon {
  width: .55rem;
  height: .55rem;
  fill: #fff;
}
.n-cooperation-form .colsebtn:hover {
  background: #5cb531;
}
@media (max-width: 1500px) {
  .n-cooperation-form .wcontentbox{
    padding: 1.25rem 2rem;
  }
  .n-cooperation-form .leftbox .tit3 br{
    display:none;
  }

}


@media (max-width: 996px) {
  .n-cooperation-form .wcontentbox{
    padding: 1.75rem 6% 2rem;
  }

  .n-cooperation-form .leftbox {
    width: 100%;
  }

  .n-cooperation-form .rightbox {
    width: 100%;
    max-width: 100%;
    padding-top: 1rem;
  }
  .n-cooperation-form .leftbox .formbox .submitbtn{
    width:100%;
  }
}
@media (max-width: 767px) {
  .n-cooperation-form .leftbox .formbox .li{
    width:100%;
  }
  .n-cooperation-form .wcontentbox{
        width: 90%;
  }
  .n-cooperation-form .leftbox .formbox .submitbtn {
    width: 160px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    margin-top: 0;
  }

  .n-cooperation-form .leftbox .formbox .li {
    height: 45px;
  }

  .n-cooperation-form .leftbox .formbox .li input {
    height: 43px;
  }

  .n-cooperation-form .leftbox .formbox .selectbox {
    height: 45px;
  }

  .n-cooperation-form .leftbox .formbox .selectbox .selecttop {
    height: 45px;
  }

  .n-cooperation-form .leftbox .formbox .selectbox .selectitem {
    top: 45px;
  }

  .n-cooperation-form .leftbox .formbox .liimg {
    height: 45px;
  }

  .n-cooperation-form .colsebtn {
    right: 12%;
    top: 13vh;;
  }
  .n-cooperation-form .leftbox .formbox .liimg{
    right: 0;
    width: 100px;
  }
  .n-cooperation-form{
    padding:2rem 0 2.5rem;
  }
  .n-cooperation-form{
    background-position:55% bottom;
  }
  .n-cooperation-form .leftbox .formbox .selectbox .item{
	  padding:0 2px;
  }
}


.footer .nav .tit {
  width: 100%;
  padding: .65rem 0;
  line-height: 50px;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer .nav .tit {
  line-height: 1.5;
}

.footer .nav {
  font-size: .55rem;
  color: #333;
  position:relative;
  width: 100%;
}
.footer .nav .li {
  position: relative;
  width: 100%;
}
.footer .nav .li:hover > a {
  color: #333;
}

.footer .nav .icon {
  width: 16px;
  height: 16px;
  fill: #999;
  transition: all .4s;
}
.footer .nav .warp-btn {
  padding: .65rem 5%;
  line-height: 1.5;
  position: relative;
  transition: all .3s ease;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer .nav .warp-btn .btn {
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 5px;
  top: 50%;
  margin-top: -10px;
  left: 0;
}
.footer .nav .warp-btn .btn img {
  position: absolute;
  left: 0;
  top: 0;
}
.footer .nav .sec-list {
  padding: .35rem 5%;
}
.footer .nav .sub-tit.on .icon {
  transform: rotate(-90deg);
  fill: #fff;
}
.footer .nav .sec-list {
  padding: .35rem 6% .5rem;
  display: none;
  font-size: .5rem;
}
.footer .nav .sec-list a {
  padding: 3px 0;
  color:#fff;
  display: block;
}
@media (min-width: 1024px) {
  .footer .wxbox .icon{
    display:none;
  }
}
@media (max-width: 1024px) {
  .footer .wxbox{
    justify-content: center;
    align-items: flex-start;
  }
  .footer .wxbox .imgli{
    position: relative;
  }
  .footer .wxbox .img{
    position: absolute;
    left:50%;
    width:3.2rem;
    margin-left:-1.6rem;
    bottom:3rem;
    z-index:3;
    opacity:0;
    visibility: hidden;
    transition: all .6s;
  }
  .footer .wxbox .icon{
    width:1.75rem;
    height:1.75rem;
    background:#a9cb21;
    border-radius:50%;
    margin:0 auto 10px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
  }
  .footer .wxbox .imgli:hover .img{
    opacity:1;
    visibility:visible;
  }
  .footer .wxbox .icon img{
    width:1rem;
    height:1rem;
  }
  .footer{
    padding-top:1rem;
  }
  .footer .nav .warp-btn{
    padding: 0.65rem 0;
  }
  .footer .rightbox{
    padding-top:1rem;
  }
  .footer .rightbox .botbox .li{
    margin-right:0;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
  }
  .footer .rightbox .botbox .li span{
    font-size:16px;
  }
  .footer .rightbox .botbox .li .p{
    text-align:center;
    font-size:22px;
    font-weight:bold;
    margin-top:.15rem;
  }
  .footer .rightbox .botbox .li:nth-child(3){
    display:none;
  }



}




@media (max-width:1500px) {
	.cooperation-list4 .imgbox-container .swiper-slide.swiper-slide-active .img img{
		height:11rem;
	}
	.cooperation-list4 .imgbox-container .swiper-slide.swiper-slide-active .img{
		height:11rem;
	}
	.cooperation-list4 .imgbox-container .img{
		height:9rem;
	}
	.cooperation-list4 .imgbox-container .img img{
		height:9rem;
	}
	.cooperation-list4 .prvebtn{
		margin-top: -2.75rem;
	}
	.cooperation-list4 .nextbtn{
		margin-top: -2.75rem;
	}
	
	
}




@media (max-width: 996px) {
  .anim_emt.start.z_360 {
    transform-origin: 0 0;
    animation: z_360 2s linear;
  }
  .enjoyment-list2-1 .zhongimg .circle-chart3{
    animation: circle-chart-fill 2s 2s 1 linear forwards;
  }
  .enjoyment-list2-1 .zhongimg .circle-chart2{
    animation: circle-chart-fill2 2s 1 linear forwards;
  }
  .footer .fbot .p{
    line-height:1.4;
  }
  
}
@media (max-width: 767px) {
  .ilist2 .ulbox .text .p2{
    line-height:1.8
  }
  .ilist4 .ul .li .text2 .tit4{
    line-height:1.8
  }
  .ilist1 .tit3{
    line-height:1.8
  }
  .ilist6 .contentbox .tit3{
    line-height:1.8
  }
  .introduction-list2 .contentbox .tit2 br{
    display:none;
  }
  .introduction-list1 .contentbox2 .p{
    line-height:1.8;
  }
  .footer .fbot .p{
    text-align:center;
    line-height:1.8;
  }
  .formbox-alert .wcontentbox{
    height:90vh;
  }
  .ilist6 .bg{
    background-position: 70% center;
  }

  .about-list2 .bgimg .bg{
    background-position:center 70%;
  }
  .photovoltaic-list1 .li .text .tit5{
    max-height:7rem;
    padding-right:10px;
    overflow-y: auto;
  }

  .cooperation-list4 .imgbox-container .img,.cooperation-list4 .imgbox-container .swiper-slide.swiper-slide-active .img{
    height:5rem;
  }
  .cooperation-list4 .imgbox-container .swiper-slide .img img{
    height:100% !important;
  }
  .cooperation-list5 .warptext .videobox{
    height:7.5rem;
  }
  .cooperation-list5 .videobox img{
	 height:auto;
  }
  .solutions-list2 .bgitem .bg{
	  opacity:1;
  }
  
  .solutions-list2 .text-container .swiper-pagination span.swiper-pagination-bullet-active{
	background:#58b530;
  }
  .n-info .textbox .text img{
	  width:auto !important;
	  height:auto !important;
  }
}
.introduction-list1 .contentbox2 .p{
  text-align: justify;
}
@media (min-width: 996px) {
  .about-list1 .tit3 br {
    display: none;
  }
}

/*.cooperation-list3 .ul:before,.cooperation-list3 .ul:after{
	display:none !important;
}
.cooperation-list3 .ul .li,.cooperation-list3:before{
	background:none!important;
}*/
.cooperation-list3 .ul .li:before{
		content: "";
    position: absolute;
    width: 100%;
    height: 86%;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: linear-gradient(0deg, rgba(96, 187, 70, 0.9) 0%,rgba(96, 187, 70, 0.7) 15%, transparent 100%);
    z-index: -1;
	opacity:0;
}
.cooperation-list3 .ul .li.cur:before{
	opacity:1;
}

.services-list1 .warpformbox{
    margin-top:.5rem;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: center;
}
.services-list1 .formbox{
  width:100%;
  height:50px;
  max-width:100%;
  border:1px solid #d1d1d1;
}
.services-list1 .formbox .input1{
  width:calc(100% - 50px);
  height:48px;
  text-indent:.4rem;
  padding-right:.55rem;
}
.services-list1 .formbox .input2{
  width:50px;
  height:48px;
  background:#a9cb21 url(../css_1/searchicon.png) no-repeat center center;
  background-size: .6rem auto;

}
@media (min-width:767px) {
	.footer .fbot .p p{
		display:inline-block
	}
}

@media (max-width:767px) {
  .services-list1 .formbox{
    height:47px;
  }
  .services-list1 .formbox .input1{
    height:45px;
  }
  .services-list1 .formbox .input2{
    height:45px;
  }
  
  .solutions-list2 .text{
	  height:12.5rem;
  }
	.solutions-list2 .text .tit3{
	  height:6rem;
	  overflow-y:auto;
	  padding-right:10px;
	}
	.solutions-list2 .text .tit3::-webkit-scrollbar {
		width: 2px;
		height: 2px;
	}
	.solutions-list2 .text-container{
		padding-bottom:2rem;
	}
	
	.photovoltaic4-swiper .swiper-wrapper{
		align-items: stretch;
	}
	.photovoltaic4-swiper .swiper-wrapper .swiper-slide{
		background:#f7f7f7;
		height:auto;
	}
	
	.photovoltaic-list1 .swiper-wrapper{
		align-items: stretch;
	}
	
	.photovoltaic-list1 .swiper-wrapper .swiper-slide{
		background:#f9f9f9;
		height:auto;
	}
	
	
	.cooperation-list5 .rightbox{
		height:15rem;
      overflow-y: scroll;
      overflow-x: hidden;
    }
	.cooperation-list5 .rightbox::-webkit-scrollbar { 
      /* 隐藏默认的滚动条 */
      -webkit-appearance: none;
    }
    .cooperation-list5 .rightbox::-webkit-scrollbar:vertical { 
        /* 设置垂直滚动条宽度 */
        width: 4px;
    }
    .cooperation-list5 .rightbox::-webkit-scrollbar:horizontal{
        /* 设置水平滚动条厚度 */
        height: 2px;
    }
    .cooperation-list5 .rightbox::-webkit-scrollbar-thumb { 
      /* 滚动条的其他样式定制，注意，这个一定也要定制，否则就是一个透明的滚动条 */
      border-radius: 4px;   /* 设置滚动条的圆角 */
      border: 2px solid rgba(255,255,255,.4);  /* 设置滚动条的边框 */
      background-color: rgba(0, 0, 0, .5); /* 设置滚动条的颜色填充 */
    }
	.ilist4 .contentbox .tit2 {
		width:100%;
	}
	
	.formbox-alert .wcontentbox{
		 background-position: 58% 50%;
	}
	
	.n-recruitment-info .formbox .input3box .input3{
		margin-bottom:15px;
	}
	
	.formbox-alert .colsebtn{
		right: 0;
		top: -4vh;
	}
	.formbox-alert .contentbox{
		position: relative;
		
	}
	.formbox-alert .wcontentbox{
		max-height: 90vh;
		height: auto;
	}
	
	
}


.indexbanner{
  height:auto;
}
.mc_a1t_li{
  position: absolute;
  z-index:5;
}
.mc_a1t_li1{
  left:8%;
  top:24%;
}
.mc_a1t_li2{
  left: 15%;
    top: 38%;
}
.mc_a1t_li3{
  left: 34%;
    top: 57%;
}
.mc_a1t_li4{
 left: 58%;
    top: 44%;
}
.mc_a1t_li5{
 left: 84%;
    top: 46%;
}
.mc_a1t_dian {
  display: block;
  width: .75rem;
  height: .75rem;
  background: #fff;
  border: .25rem solid rgba(96,187,70,.9);
  border-radius: 50%;
  box-sizing:border-box;
  transition: all .6s;
}
.mc_a1t_dian{
  position: relative;
  animation: bordershow 3s infinite;
}
.mc_a1t_dian::before{
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: rgba(96,187,70,.2);
  transition: all .6s;

}
.mc_a1t_xl{
  height:1.35rem;
  border-radius:.25rem;
  width:4.5rem;
  background:rgba(96,187,70,.85);
  overflow: hidden;
  position: absolute;
  left:50%;
  margin-left:-2.25rem;
  bottom:1rem;
  z-index:4;
  opacity:0;
  transform:translate(-20px,0);
  visibility:hidden;
  transition: all .6s;
}
.mc_a1t_xl .iconfont{
  width:.75rem;
  height:.75rem;
  margin-right:.2rem;
}
.mc_a1t_xl .iconfont img{
  max-height:100%;
  
}
.mc_a1t_dian::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(96,187,70,.2);
    transition: all .6s;
}
.mc_a1t_dian::before{
  animation: boderM 3s .75s infinite;
}
.mc_a1t_dian::after{
  animation: boderM 3s infinite;
}
.mc_a1t_li:hover .mc_a1t_xl{
  opacity:1;
  transform:translate(0,0);
   visibility:visible;
}
.mc_a1t_li:hover .mc_a1t_dian{
  background: rgba(96,187,70,1);
  border: .25rem solid rgba(255,255,255,.9);
}
.mc_a1t_li:hover .mc_a1t_dian::before{
  background: rgba(255,255,255,.2);
}
.mc_a1t_li:hover .mc_a1t_dian::after{
  background: rgba(255,255,255,.2);
}
@keyframes boderM {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0
    }

    20% {
        opacity: 1
    }

    75% {
        transform: translate(-50%, -50%) scale(3);
        opacity: 0
    }

    100% {
        opacity: 0
    }

}
@keyframes bordershow {

    50% {
        box-shadow: 0px 0px 10px 0 rgba(255,255,255,.9);
    }

}


@media (max-width:1024px) {
  .mc_a1t_li3{
    top: 60%;
  }
  .mc_a1t_li2{
    top: 44%;
  }
  .mc_a1t_li4{
    left: 65%;
    top: 39%;
  }
  .mc_a1t_xl .iconfont{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
  }
  .mc_a1t_li1 .mc_a1t_xl{
	      margin-left: -1.25rem;
  }
  .mc_a1t_li1 .mc_a1t_xl{
	      margin-left: -1.25rem;
  }
}



.ibanner {
  height:100vh;position: fixed;top: 0;
    left: 0; width:100%
}
.ibanner .swiper-slide {
  overflow: hidden;
}
.ibanner .slide-inner {
 height: 100vh;
  transform: scale(1.1);
}
.ibanner .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.ibanner .bg h1{ top:50%; position:absolute; left:14%; }

.ibanner .bg .inner{ top:50%; position:absolute; left:10%; width:49%}

@font-face {
    font-family: GOTHIC;
    src: url(../fonts/GOTHIC.woff2);
}

.banTxt_cn {
    color: #fff;
    font-size: 72px;
    font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 31px; font-family:GOTHIC;
}
.banTxt_en {
    color: #fff;
    font-size: 68px;
    letter-spacing: 0px;
    font-weight: bold;
    line-height: 1;
    display: block;
}

.banTxt_add {
    color: #fff;
    font-size: 21px;
    font-weight: 300;
    line-height: 1.8;
    margin-top: 14px;
    letter-spacing: 1px;
    opacity: .89;
}
/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1650px){  

.banTxt_cn {
    color: #fff;
    font-size: 70px;
    font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 31px; font-family:GOTHIC;
}
.banTxt_en {
    color: #fff;
    font-size: 60px;
    letter-spacing: 0px;
    font-weight: bold;
    line-height: 1;
    display: block;
}

.banTxt_add {
    color: #fff;
    font-size: 19px;
    font-weight: 300;
    line-height: 1.8;
    margin-top: 14px;
    letter-spacing: 1px;
    opacity: .89;
}
}
@media all and (max-width:1450px){  

.banTxt_cn {
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 31px; font-family:GOTHIC;
}
.banTxt_en {
    color: #fff;
    font-size: 42px;
    letter-spacing: 0px;
    font-weight: bold;
    line-height: 1;
    display: block;
}

.banTxt_add {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.8;
    margin-top: 14px;
    letter-spacing: 1px;
    opacity: .89;
}
}
.ibanner .swiper-pagination {
  position: absolute;
  z-index: 4;

  bottom: 1rem !important;
}
.ibanner .swiper-pagination span {
  width: 10px;
  height: 10px;
  opacity: .6;
  margin: 0 .25rem;
  background:#5eba44;
  position: relative;
}

.ibanner .swiper-pagination span.swiper-pagination-bullet-active {
  opacity: 1;
}
@media (max-width:1024px) {
  .ibanner,.ibanner .slide-inner{
	  height:80vh;
  }
}


.lxSec {
    position: relative;
    z-index: 11;
    background: #fff;
   
}

.lxAbout {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    padding: 89px 0;
}.lxAbout_box {
    position: relative;
} .lxAbout_info {
        padding: 1% 0;
    }.inner {
    width: 85.79vw;
    max-width: 100%;
}.inner {
    position: relative;
   
  
    margin: 0 auto;
}
/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1450px){  
.inner {
     width: 92.79vw;
    max-width: 100%;
}
}

.lxAbout_info {

    padding: 4% 0;
}

.lxAbout_txt {
    max-width: 58%;
}

.lxAbou_p {
    margin-top: 38px;
    max-width: 80%;
}

.lxAbou_p span {
    font-size: 26px;
    letter-spacing: 0px;
    color: #0a61b8;
    display: block;
    margin-bottom: 14px;
}

.lxAbou_p p {
    font-size: 16px;
    line-height: 2.1;
    color: #666;
    letter-spacing: 0px;
}

.lxAbout_img {
    position: absolute;
    top: 10%;
    right: 0;
    width: 42%;
    height: 80%;
    background: #999;
    overflow: hidden;
}

.lxAbout_img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.46;
}

.lxAbout_img video,
.lxAbout_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.indAb_num {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 68px;
    box-sizing: border-box;
    margin-left: -7%;
}

.indAb_div {
    position: relative;
    text-align: center;
    width: 100%;
}



.indAb_div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #eee;
    transform: rotate(15deg);
}

.indAb_div:first-child:before {
    content: none;
}

.indAb_div>div {
    position: relative;
    display: inline-block;
}

.indAb_div img {
    display: block;
    margin-bottom: 14px;
}

.indAb_num span {
    color: #0a61b8;
    font-size: 58px;
    letter-spacing: 0;
    line-height: 1;
    font-family: 'BEBAS';
    min-width: 66px;
    display: inline-block;background-image: -webkit-linear-gradient(left,#004589,#0057ae,#0a61b8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.indAb_num i {
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 122%;
    /* right: -54px; */
    color: #0a61b8;
    line-height: 1;
    font-size: 12px;
    text-align: left;
    text-transform: uppercase;
    transform-origin: top left;
    transform: rotate(90deg);
    font-style: inherit;
}

.indAb_num p {
    font-size: 14px;
    color: #999;
    margin-top: 16px;
    letter-spacing:0px;
}
.banner_morea {
	width:150px;
	height:50px;
	border:1px solid #a0bd2c;
	border-radius:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:20px; background:#a0bd2c; color:#fff
}.banner_morea:hover{ background:#0053a5; border:1px #0053a5 solid; color:#fff}

.banner_morea2 {
	width:150px;
	height:50px;
	border:1px solid #58b530;
	border-radius:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:20px; background:#58b530; color:#fff; margin-top:3rem
}.banner_morea2:hover{ background:#0053a5; border:1px #0053a5 solid; color:#fff}





.indMore .banner_morea {
	width:150px;
	height:50px;
	border:1px solid #fff;
	border-radius:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:20px; background:none; color:#fff
}.indMore .banner_morea:hover{ background:#0a61b8; border:1px #0a61b8}

.indMore1 .banner_morea {
	width:150px;
	height:50px;
	border:1px solid #fff;
	border-radius:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:20px; background:none; color:#fff
}.indMore1 .banner_morea:hover{ background:rgb(255,255,255,.2); border:1px rgb(255,255,255,1) solid; color:rgb(255,255,255,1)}

































.modal[data-v-1d586ce0]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent}.modal .modal-content[data-v-1d586ce0]{width:488px;margin:8px auto!important;background-color:#fff;border:1px solid var(--15,rgba(0,0,0,.15));border-radius:8px;box-shadow:0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08);display:flex;flex-direction:column}.modal .header[data-v-1d586ce0]{position:relative;padding:24px 40px 24px 24px!important;display:flex;gap:8px}.modal .header .close[data-v-1d586ce0]{position:absolute;top:8px;right:8px;cursor:pointer}.modal .header .close .closeIcon[data-v-1d586ce0]{width:32px;height:32px;padding:8px!important;border-radius:var(---4,4px)}.modal .header .close .closeIcon[data-v-1d586ce0]:hover{background:var(--0-hover-6,rgba(0,0,0,.06))}.modal .header .close .closeIcon[data-v-1d586ce0]:active{background:var(--0-click-10,rgba(0,0,0,.1))}.modal .header .logo[data-v-1d586ce0]{width:24px;height:24px}.modal .header .title[data-v-1d586ce0]{color:var(--90,rgba(0,0,0,.9));font-weight:700}.modal .content[data-v-1d586ce0],.modal .header .title[data-v-1d586ce0]{font-family:Microsoft YaHei UI;font-size:16px;font-style:normal;line-height:24px}.modal .content[data-v-1d586ce0]{padding:0 24px 8px 56px!important;color:var(--60,rgba(0,0,0,.6));font-weight:400}.modal .footer[data-v-1d586ce0]{padding:24px!important}.guide_container[data-v-09129a18]{position:fixed;top:10px;right:16px;width:316px;height:94px;border-radius:8px;background:linear-gradient(103deg,#fdf3ff 11.28%,#d3edff 86.9%);z-index:2147483647;padding-top:8px;padding:12px 16px!important;box-shadow:0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08)}.guide_container .arrow[data-v-09129a18]{position:absolute;top:-9px;right:40px;width:16px;height:9px;display:flex}.guide_container .close[data-v-09129a18]{display:flex;width:32px;height:32px;position:absolute;top:4px;right:4px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEUSURBVHgB7ZYxCsJAEEVHo1ilshOElFqKhaBX8LAWXkDwDKkVbAXBQogI/sENyJJkZ3ZXRMyHT0iKvJdNMglRm39PUnFsiM7QC1pQnKToEr2iN5fAAp2iGXqMIMHwNTpCH+jJJXA28DSCRAnnLV/93j5XlUBhoFmghA3fmi25BGJIiOBNAiESYrhLwEdCBZcIaCTUcKmARMILrhFokhj4wjkd0uf9au/mWN8HztGsQJlyJSboCh2b/Y0WzunSl/Nzt8B+2nnZcwoY2xqBulctaGxLBVzvubeEREA6ZLwkXALaCaeWSCLCvSSSyHC1RPIBuEqiSmBOr/EaAq+T4A/XwSXAv809dBcItyV46uZk/Za3afMEN22Ov918RpUAAAAASUVORK5CYII=) no-repeat 50%;background-size:16px 16px;background-repeat:no-repeat;background-position:8px 8px;cursor:pointer;border-radius:50%}.guide_container .close[data-v-09129a18]:hover{background-color:rgba(0,0,0,.06)}.guide_container .close[data-v-09129a18]:active{background-color:rgba(0,0,0,.1)}.guide_container .container[data-v-09129a18]{display:flex;gap:12px}.guide_container .container .img[data-v-09129a18]{width:48px;height:48px;background:url(data:image/png;base64,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) no-repeat 50%;background-size:100% 100%;background-repeat:no-repeat;flex-shrink:0}.guide_container .container .content[data-v-09129a18]{display:flex;flex-direction:column;gap:4px}.guide_container .container .content .title[data-v-09129a18]{color:var rgba(0,0,0,.9);font-family:Microsoft YaHei UI;font-size:15px;font-weight:700;line-height:22px}.guide_container .container .content span[data-v-09129a18]{color:rgba(0,0,0,.9);font-family:Microsoft YaHei UI;font-size:14px;line-height:22px}.guide_container .container .content span label[data-v-09129a18]{color:#e37318}@keyframes showAnimation-7b3c6860{0%{top:-44px}to{top:0}}#ai-assist-bangs .ai-assist-bangs[data-v-7b3c6860]{position:fixed;top:-44px;z-index:2147483647;width:-moz-max-content;width:max-content;height:44px;padding:0;display:flex;align-items:center;background:hsla(0,0%,92%,.8);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:0 0 16px 16px;border-top:0;padding:0 7px;font-size:14px;transition:top .3s}#ai-assist-bangs .ai-assist-bangs.hidden[data-v-7b3c6860]{top:-44px!important}#ai-assist-bangs .ai-assist-bangs.showDom[data-v-7b3c6860]{top:0}#ai-assist-bangs .ai-assist-bangs.loadingAnimation[data-v-7b3c6860]{position:relative;left:inherit!important}#ai-assist-bangs .ai-assist-bangs .bangs-container[data-v-7b3c6860]{display:flex;align-items:center;width:-moz-max-content;width:max-content}#ai-assist-bangs .ai-assist-bangs .bangs-container[data-v-7b3c6860]:before{position:absolute;content:"";width:calc(100% + 2px);height:calc(100% - 8px);bottom:0;left:-1px;border:1px solid #d7d7d7;z-index:-1;border-radius:0 0 16px 16px;border-top:0}#ai-assist-bangs .ai-assist-bangs .hiddenDom[data-v-7b3c6860]{position:absolute;top:44px;left:50%;width:166px;height:4px;transform:translateX(-50%);border-radius:0 0 4px 4px;border-top:0;-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px);background:rgba(56,56,56,.4)}#ai-assist-bangs .ai-assist-bangs .hiddenDom[data-v-7b3c6860]:before{content:"";width:calc(100% + 2px);height:calc(100% + 1px);position:absolute;top:0;left:-1px;border-radius:0 0 4px 4px;border:1px solid hsla(0,0%,100%,.35)}#ai-assist-bangs .ai-assist-bangs .hiddenDom.hidden[data-v-7b3c6860]{opacity:0}#ai-assist-bangs .ai-assist-bangs .hiddenDom.show[data-v-7b3c6860]{opacity:1;transition:opacity .3s;transition-delay:.3s}#ai-assist-bangs .ai-assist-bangs .hiddenDom.animation[data-v-7b3c6860]{opacity:1;top:44px;animation:moveDown-7b3c6860 1.2s}@keyframes moveDown-7b3c6860{0%{opacity:1;top:32px}33%{opacity:1;top:44px}to{opacity:1}}#ai-assist-bangs .ai-assist-bangs .transparentDom[data-v-7b3c6860]{height:12px;position:absolute;z-index:-1;top:44px;left:50%;transform:translateX(-50%)}#ai-assist-bangs .ai-assist-bangs .transparentDom.hidden[data-v-7b3c6860]{opacity:0}#ai-assist-bangs .ai-assist-bangs .transparentDom.show[data-v-7b3c6860]{opacity:1;transition:opacity .3s;transition-delay:.3s}#ai-assist-bangs .ai-assist-bangs .transparentDom i[data-v-7b3c6860]{opacity:0;transition:opacity .3s;display:block;position:absolute;top:0;left:50%;width:184px;height:12px;transform:translateX(-50%);background-size:100% 100%;background-repeat:no-repeat}#ai-assist-bangs .ai-assist-bangs .transparentDom.shining i[data-v-7b3c6860]{opacity:1}@keyframes shiningColor-7b3c6860{0%{opacity:0}33%{opacity:0}66%{opacity:1}to{opacity:0}}#ai-assist-bangs .ai-assist-bangs .transparentDom.animation i[data-v-7b3c6860]{opacity:1;animation:shiningColor-7b3c6860 1.2s}#ai-assist-bangs .ai-assist-bangs .move-area[data-v-7b3c6860]{cursor:move;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0}#ai-assist-bangs .ai-assist-bangs .move-area[data-v-7b3c6860]:not(.show){width:0!important}#ai-assist-bangs .ai-assist-bangs .move-area.show[data-v-7b3c6860]{margin:0 0 0 8px;opacity:1;transition:width .2s,margin .2s,opacity .2s}#ai-assist-bangs .ai-assist-bangs .move-area[data-v-7b3c6860]:hover{background:rgba(0,0,0,.06)}#ai-assist-bangs .ai-assist-bangs .move-area[data-v-7b3c6860]:active{background:rgba(0,0,0,.1)}#ai-assist-bangs .ai-assist-bangs .move-area .svg-icon[data-v-7b3c6860]{color:rgba(0,0,0,.9)}#ai-assist-bangs .ai-assist-bangs .bang-logo[data-v-7b3c6860]{padding:0 16px 0 4px;height:28px;position:relative}#ai-assist-bangs .ai-assist-bangs .bang-logo img[data-v-7b3c6860]{width:28px;height:28px}#ai-assist-bangs .ai-assist-bangs .bang-logo[data-v-7b3c6860]:after{content:"";position:absolute;width:1px;height:12px;top:50%;transform:translateY(-50%);right:0;background:rgba(0,0,0,.1);margin:0 4px}#ai-assist-bangs .ai-assist-bangs .container[data-v-7b3c6860]{display:flex;align-items:center;box-sizing:border-box;padding:0 4px;gap:4px;height:36px;border-radius:18px;overflow:hidden;position:relative}#ai-assist-bangs .ai-assist-bangs .container .bang-logo[data-v-7b3c6860]{padding:0 25px 0 8px;height:28px;position:relative}#ai-assist-bangs .ai-assist-bangs .container .bang-logo img[data-v-7b3c6860]{width:28px;height:28px}#ai-assist-bangs .ai-assist-bangs .container .bang-logo .img-ai[data-v-7b3c6860]{position:absolute;z-index:1}#ai-assist-bangs .ai-assist-bangs .container .bang-logo[data-v-7b3c6860]:after{content:"";position:absolute;width:1px;height:12px;top:50%;transform:translateY(-50%);right:8px;background:rgba(0,0,0,.1)}#ai-assist-bangs .ai-assist-bangs .container .stepBox[data-v-7b3c6860]{display:flex;align-items:center;height:100%;width:-moz-fit-content;width:fit-content;justify-content:center;transition:margin-left .3s}#ai-assist-bangs .ai-assist-bangs .container .stepBox.hidden[data-v-7b3c6860]{visibility:hidden;opacity:0;position:absolute}#ai-assist-bangs .ai-assist-bangs .container .stepBox.showLogo[data-v-7b3c6860]{position:static}#ai-assist-bangs .ai-assist-bangs .container .stepBox.showLogo .bang-logo[data-v-7b3c6860]{opacity:1;transition:opacity .3s}#ai-assist-bangs .ai-assist-bangs .container .stepBox .loadingText.hidden[data-v-7b3c6860]{width:0!important;transition:width .35s}#ai-assist-bangs .ai-assist-bangs .container .animation-logo.stopLoading[data-v-7b3c6860]{opacity:0;position:absolute;transition:opacity .3s}@keyframes spin-7b3c6860{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}#ai-assist-bangs .ai-assist-bangs .container .animation-logo .bang-logo .loading[data-v-7b3c6860]{animation:spin-7b3c6860 .25s linear infinite}#ai-assist-bangs .ai-assist-bangs .container .disabled-box[data-v-7b3c6860]{width:0;display:contents}#ai-assist-bangs .ai-assist-bangs .container .disabled-box:not(.show) .loadingText[data-v-7b3c6860]{opacity:0;width:0!important}#ai-assist-bangs .ai-assist-bangs .container .disabled-box.show[data-v-7b3c6860]{width:100%}#ai-assist-bangs .ai-assist-bangs .container .disabled-box.show .loadingText[data-v-7b3c6860]{opacity:1;transition:all .3s}#ai-assist-bangs .ai-assist-bangs .container .loadingText[data-v-7b3c6860]{width:100%;opacity:1;color:var(--90,rgba(0,0,0,.9));font-family:Microsoft YaHei;font-size:15px;font-style:normal;font-weight:400;line-height:22px;transition:opacity .5s ease;white-space:nowrap;overflow:hidden}#ai-assist-bangs .ai-assist-bangs .container .loadingText .loading-dots[data-v-7b3c6860]{display:inline}#ai-assist-bangs .ai-assist-bangs .container .loadingText .loading-dots .dot[data-v-7b3c6860]{animation:fade-7b3c6860 1s linear infinite}#ai-assist-bangs .ai-assist-bangs .container .loadingText .loading-dots .dot[data-v-7b3c6860]:nth-child(2){animation-delay:.3s}#ai-assist-bangs .ai-assist-bangs .container .loadingText .loading-dots .dot[data-v-7b3c6860]:nth-child(3){animation-delay:.6s}@keyframes fade-7b3c6860{0%{opacity:0}to{opacity:1}}#ai-assist-bangs .ai-assist-bangs .container .loadingTextHidden[data-v-7b3c6860]{transition:opacity .5s ease;opacity:.2}#ai-assist-bangs .ai-assist-bangs .container .loadingTextNone[data-v-7b3c6860]{transition:width 2s ease;width:0}#ai-assist-bangs .ai-assist-bangs .container .tabList[data-v-7b3c6860]{display:flex;align-items:center;width:0;overflow:hidden;opacity:0;transition-property:none;padding:3px 0}#ai-assist-bangs .ai-assist-bangs .container .tabList.show[data-v-7b3c6860]{width:100%;opacity:1;transition-property:all;gap:4px}#ai-assist-bangs .ai-assist-bangs .container .tabList.show button[data-v-7b3c6860]{width:100%;flex-shrink:0}#ai-assist-bangs .ai-assist-bangs .container .tabList:not(.show) button[data-v-7b3c6860]{width:0!important}#ai-assist-bangs .ai-assist-bangs .container button[data-v-7b3c6860]{display:flex;justify-content:flex-start;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;width:0}#ai-assist-bangs .ai-assist-bangs .container button .button-box[data-v-7b3c6860]{cursor:pointer;display:flex;justify-content:flex-start;align-items:center;gap:8px;padding:3px 16px;min-width:-moz-fit-content;min-width:fit-content}#ai-assist-bangs .ai-assist-bangs .container button[data-v-7b3c6860]:hover:not(:disabled){border-radius:99px;background:rgba(0,0,0,.06)}#ai-assist-bangs .ai-assist-bangs .container button[data-v-7b3c6860]:active:not(:disabled){border-radius:99px;background:var(--0-click-10,rgba(0,0,0,.1))}#ai-assist-bangs .ai-assist-bangs .container button.active[data-v-7b3c6860]{border-radius:16px;background:#fff!important;box-shadow:0 2px 4px 0 rgba(64,64,64,.1)}#ai-assist-bangs .ai-assist-bangs .container button[data-v-7b3c6860]:disabled{cursor:not-allowed}#ai-assist-bangs .ai-assist-bangs .container button:disabled .image img[data-v-7b3c6860]{margin-left:-16px}#ai-assist-bangs .ai-assist-bangs .container button:disabled span[data-v-7b3c6860]{color:#a4a4a4}#ai-assist-bangs .ai-assist-bangs .container button .cont[data-v-7b3c6860]{display:flex;justify-content:center;align-items:center}#ai-assist-bangs .ai-assist-bangs .container button .image[data-v-7b3c6860]{width:16px;height:16px;overflow:hidden;border-radius:4px;display:flex}#ai-assist-bangs .ai-assist-bangs .container button img[data-v-7b3c6860]{width:64px;height:16px}#ai-assist-bangs .ai-assist-bangs .container button span[data-v-7b3c6860]{color:var(--90,rgba(0,0,0,.9));font-size:15px;font-style:normal;font-weight:400;height:22px;line-height:15px;text-align:center;display:flex;align-items:center;white-space:nowrap}#ai-assist-bangs .ai-assist-bangs .container button.section[data-v-7b3c6860]{margin-left:13px;position:relative}#ai-assist-bangs .ai-assist-bangs .container button.section[data-v-7b3c6860]:before{content:"";position:absolute;width:1px;height:12px;top:8px;left:-8px;background:rgba(0,0,0,.1)}#ai-assist-bangs .ai-assist-bangs .icon-border[data-v-7b3c6860]{position:absolute;top:0;right:-8px;color:rgba(0,0,0,.08)}#ai-assist-bangs .ai-assist-bangs .border-left[data-v-7b3c6860]{left:-8px;right:auto}#ai-assist-bangs .ai-assist-bangs .close[data-v-7b3c6860]{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;margin:0 8px;cursor:pointer}#ai-assist-bangs .ai-assist-bangs .close[data-v-7b3c6860]:not(.show){opacity:0;width:0!important}#ai-assist-bangs .ai-assist-bangs .close .show[data-v-7b3c6860]{margin:0 8px;opacity:1;transition:width .2s,margin .2s,opacity .2s}#ai-assist-bangs .ai-assist-bangs .close .svg-icon[data-v-7b3c6860]{color:rgba(0,0,0,.4)}#ai-assist-bangs .ai-assist-bangs .close[data-v-7b3c6860]:hover{background:rgba(0,0,0,.06)}#ai-assist-bangs .ai-assist-bangs .close[data-v-7b3c6860]:active{background:rgba(0,0,0,.1)}#ai-assist-bangs .ai-assist-bangs .guide[data-v-7b3c6860]{position:absolute;top:64px;left:50%;height:34px;width:-moz-max-content;width:max-content;border-radius:0 16px 16px 16px;background:linear-gradient(91deg,#f05cea 1.27%,#8055fb 31.54%,#3b70f8 64.92%,#1daeff 99.75%);box-shadow:0 1.582px 6.327px 0 rgba(0,0,0,.2);-webkit-backdrop-filter:blur(3.9545459747px);backdrop-filter:blur(3.9545459747px);display:flex;align-items:center;gap:8px;color:#fff;text-align:center;font-size:14px;letter-spacing:.14px;padding:0 12px}#ai-assist-bangs .ai-assist-bangs .guide .cursor[data-v-7b3c6860]{position:absolute;pointer-events:none;top:-20px;left:-10px;width:20px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAABFFBMVEUAAAAFBQUcHBwICAjQ0NABAQEBAQEBAQECAgIEBAQDAwMBAQECAgISEhKhoaH///8BAQH39/cDAwP///////+tra3////8/Pzy8vL8/Pzr6+tMTEz19fXo6OjY2Nj8/Pz+/v6goKD8/PzX19f////m5ubBwcHCwsLp6emjo6OQkJCMjIyjo6Pj4+P///8tLS06OjoyMjJCQkIuLi4wMDBYWFhGRkY8PDw+Pj5VVVVMTExISEg4ODg1NTVKSkpAQEA0NDREREQ3NzdiYmJSUlJQUFBdXV1bW1tOTk7z8/Nra2tlZWVfX19oaGjo6Ojl5eWIiIjt7e2YmJjY2NjMzMykpKR+fn5wcHDAwMCwsLCPj497e3sN3bTZAAAALnRSTlMACwQFTyEvFisTKBoPCmXfJCEegLD+79LKUUU5ELCXgXBmwZiQjn9+aWRVPDIS1pEyjQAAAe9JREFUOMuV1GtXokAcBvAFUuTmspKrW1vb3u8DaZA3LCUzMPLSVlt9/+/Rf8bRETmM9Rz01e88zDPn6KsXx6pUDp7jvkzL5en2+43uL5pE0e309ZtNcAdFURTf/dskRYBxHI9G92/fcaG0g0CNguCyjCxeobGFCLs8P38IP3CgsIXmbDh0oysYz4GUuW4zvsqcJAEE5mLWPDsbwvhsCG2EDQYXF60bGJ/1alC4DbNWt3uDrKxGogZEtdued0vHpxspa2HV69VqLh2famRtwE5OGo0mGZ9uXGHYHR87vf8g07ALzPOWyul0+v6MjWcQqxXW75+eHh7OkJWCnlcD1qDM94Ed1et3obUOl6zDmG3bXniwBglzcBtRR6BIZttrkLatlNVt/D35JCUhGeqzNppg/EMSExeOh87bJiFayVdFEBON+D5I2QR9KxY/kqf489duThakBPQJq9uP6HuepaACTDbSozXDz/nCMqqaKymkkZ1xvqAd7kOLmVukpFHHGslGb7xfgBJNXkTRdRidaCR94z1wmqILixiGiB2Df5Bj2864msdOkCRRhA88VDEoV6+D4LqyO3di9u9a/r2HUJU63l+KUlLh1lQTHNRlB6CpwrXw+yCSLpdMk52P825d1jSZOm6loUMM6ridEoTHngCP93ci4MDcjgAAAABJRU5ErkJggg==) no-repeat 50%;background-size:100% 100%;background-repeat:no-repeat}#ai-assist-bangs .ai-assist-bangs .guide .close-guide[data-v-7b3c6860]{margin:0;width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAE3RSTlMA5R3XyHJWDrqsj2VkOSuenYGAB/0IqwAAAH5JREFUOMvlkc0SwBAMhBNtaUt/eP+Hra2DEWaMs+9is9kZITQX9tGyLFDMvOVyi6UqAoaRyP0qQA6eT9pDOxJouCfUCaWp4lqifxhzxGO5qMGNxL6jf1MTtfLPKuYTCfT7gf4V/SH7zxz9KAs3JB2grZivXpYZWzfp18lyKj4bdgL3VhxVRAAAAABJRU5ErkJggg==) no-repeat 50%;background-size:100% 100%;background-repeat:no-repeat}#ai-assist-bangs .ai-assist-bangs .guide .close-guide[data-v-7b3c6860]:hover{background-color:rgba(0,0,0,.06)}#ai-assist-bangs .ai-assist-bangs .guide .close-guide[data-v-7b3c6860]:active{background-color:rgba(0,0,0,.1)}.leftContainer[data-v-7b3c6860]{width:48px;display:flex;justify-content:center;z-index:100}.leftContainer .prev[data-v-7b3c6860]{width:28px;height:28px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:var(--6-normal-6,rgba(0,0,0,.06));cursor:pointer}.leftContainer .prev .icon[data-v-7b3c6860]{width:8px;height:8px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAQCAMAAACROYkbAAAAXVBMVEUAAAAAAAD///8AAAD///////8AAAD///8AAAD///////8AAAD///8AAAD///8AAAAAAAD///8AAAD///8AAAAAAAD///8AAAD///8AAAAAAAD///////////////+u2f9SAAAAH3RSTlMAQuXlODIrJBYT19fIyJ6ej1ZWR0c5HR0ODggHBI+Ot0DnTQAAAMJJREFUOMuFk0kOwjAQBL0R9h0COMD/n0lLYTSqSFbqVhdXO0twXsdAOurzQH8v6bdthq9ihF83Cb5elIB8zhn5GCPyKSXkSynMC+QF8gJ5wbxAXiAvkBfMC+QF8gJ5wbxAXiAvkBfMC+QF8sLyOOCynxxw5wHn3cwB4XHiFerkCv2HVxhwBY4Y1UeMqhHth8gR5tVfI0aYD/4aOcLMRrhrRONDwggTG2FiI0xshOt/BFwj4BrR+Jl8BL129P4L1YggfhrPClazJSPaAAAAAElFTkSuQmCC) no-repeat 0/32px 8px}.leftContainer .prev[data-v-7b3c6860]:hover{background:var(--6-hover-10,rgba(0,0,0,.1))}.leftContainer .prev[data-v-7b3c6860]:active{background:var(--6-click-15,rgba(0,0,0,.15))}.leftContainer.disabled .prev[data-v-7b3c6860]{background:var(--6-normal-6,rgba(0,0,0,.06))}.leftContainer.disabled .prev .icon[data-v-7b3c6860]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAQCAMAAACROYkbAAAAXVBMVEUAAAAAAAD///8AAAD///////8AAAD///8AAAD///////8AAAD///8AAAD///8AAAAAAAD///8AAAD///8AAAAAAAD///8AAAD///8AAAAAAAD///////////////+u2f9SAAAAH3RSTlMAQuXlODIrJBYT19fIyJ6ej1ZWR0c5HR0ODggHBI+Ot0DnTQAAAMJJREFUOMuFk0kOwjAQBL0R9h0COMD/n0lLYTSqSFbqVhdXO0twXsdAOurzQH8v6bdthq9ihF83Cb5elIB8zhn5GCPyKSXkSynMC+QF8gJ5wbxAXiAvkBfMC+QF8gJ5wbxAXiAvkBfMC+QF8sLyOOCynxxw5wHn3cwB4XHiFerkCv2HVxhwBY4Y1UeMqhHth8gR5tVfI0aYD/4aOcLMRrhrRONDwggTG2FiI0xshOt/BFwj4BrR+Jl8BL129P4L1YggfhrPClazJSPaAAAAAElFTkSuQmCC) no-repeat -8px 0/32px 8px!important}.leftContainer.disabled .prev[data-v-7b3c6860]:active,.leftContainer.disabled .prev[data-v-7b3c6860]:hover{background:var(--6-normal-6,rgba(0,0,0,.06))}.rightContainer[data-v-7b3c6860]{width:48px;display:flex;justify-content:center;z-index:100}.rightContainer .next[data-v-7b3c6860]{width:28px;height:28px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:var(--6-normal-6,rgba(0,0,0,.06));cursor:pointer}.rightContainer .next .icon[data-v-7b3c6860]{width:8px;height:8px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAQCAYAAACm53kpAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEhSURBVHgB3ZUxDgFRFEXvIKGiUihUEgmJgkqUFmEddjIrYANWYAd2oNOpiIQWGfdNTDIizP+X6p/kNBM/9897NwZ4J6Zt6PRoDSJJksRUzufZDq3iB/Z0Q2fQmNIJbUGAl9/TDZXyeW5Mh7Tp8vvSh+e2gRh6G6wBPehtSPN/aIM1oOPShhK+Y1tYQW+DtWAEsQ1ZvtoGYi3of2tD0QCMoNvgMoCMINvgMwAjuDb4DiAjmDaoAzAa9AydMr1C5x/59wo01nROL9A40C29QSPNj6JIzT/RHc/ffAdggfPnBRRs4/biR2ik+by4mm8Dtxc/ZQ98BhDM1vMPXQYQ3NbzFA0gyK3n+TSAoLdexJLWoTOA33/LC/w2L6icz7Nd6pz/AM6iuzMCp5O4AAAAAElFTkSuQmCC) no-repeat 0/32px 8px}.rightContainer .next[data-v-7b3c6860]:hover{background:var(--6-hover-10,rgba(0,0,0,.1))}.rightContainer .next[data-v-7b3c6860]:active{background:var(--6-click-15,rgba(0,0,0,.15))}.rightContainer.disabled .next[data-v-7b3c6860]{background:var(--6-normal-6,rgba(0,0,0,.06))}.rightContainer.disabled .next .icon[data-v-7b3c6860]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAQCAYAAACm53kpAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEhSURBVHgB3ZUxDgFRFEXvIKGiUihUEgmJgkqUFmEddjIrYANWYAd2oNOpiIQWGfdNTDIizP+X6p/kNBM/9897NwZ4J6Zt6PRoDSJJksRUzufZDq3iB/Z0Q2fQmNIJbUGAl9/TDZXyeW5Mh7Tp8vvSh+e2gRh6G6wBPehtSPN/aIM1oOPShhK+Y1tYQW+DtWAEsQ1ZvtoGYi3of2tD0QCMoNvgMoCMINvgMwAjuDb4DiAjmDaoAzAa9AydMr1C5x/59wo01nROL9A40C29QSPNj6JIzT/RHc/ffAdggfPnBRRs4/biR2ik+by4mm8Dtxc/ZQ98BhDM1vMPXQYQ3NbzFA0gyK3n+TSAoLdexJLWoTOA33/LC/w2L6icz7Nd6pz/AM6iuzMCp5O4AAAAAElFTkSuQmCC) no-repeat -8px 0/32px 8px!important}.rightContainer.disabled .next[data-v-7b3c6860]:active,.rightContainer.disabled .next[data-v-7b3c6860]:hover{background:var(--6-normal-6,rgba(0,0,0,.06))}.modal .content[data-v-7b3c6860]{color:var(--60,rgba(0,0,0,.6));font-weight:400}.modal .content[data-v-7b3c6860],.modal .type[data-v-7b3c6860]{font-family:Microsoft YaHei UI;font-size:16px;font-style:normal;line-height:24px}.modal .type[data-v-7b3c6860]{color:var(---normal,#e37318);font-weight:700}.modal .footer[data-v-7b3c6860]{display:flex;justify-content:end;gap:12px}.modal .footer .skinCenter[data-v-7b3c6860]{display:flex;height:32px;padding:5px 16px!important;justify-content:center;align-items:center;font-size:14px;gap:8px;border-radius:var(---4,4px);border:1px solid var(--15,rgba(0,0,0,.15))!important;cursor:pointer;color:var(--90,rgba(0,0,0,.9))!important}.modal .footer .skinCenter[data-v-7b3c6860]:hover{color:var(--hover,#27c566)!important;border:1px solid var(--hover,#27c566)!important}.modal .footer .skinCenter[data-v-7b3c6860]:active{color:var(--click,#029c4a)!important;border:1px solid var(--click,#029c4a)!important}.modal .footer .skin13[data-v-7b3c6860]{display:flex;height:32px;padding:5px 16px!important;justify-content:center;align-items:center;font-size:14px;gap:8px;border-radius:var(---4,4px);background:var(--normal,#03b752)!important;cursor:pointer;color:#fff}.modal .footer .skin13[data-v-7b3c6860]:hover{background:var(--hover,#27c566)!important}.modal .footer .skin13[data-v-7b3c6860]:active{background:var(--click,#029c4a)!important}.protocalModal .content[data-v-7b3c6860]{color:var(--60,rgba(0,0,0,.6));font-family:Microsoft YaHei UI;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.protocalModal .content .type[data-v-7b3c6860]{color:var(---normal,#e37318);font-family:Microsoft YaHei UI;font-size:16px;font-style:normal;font-weight:700;line-height:24px;margin:0 -4px!important}.protocalModal .content a[data-v-7b3c6860]{color:rgba(0,0,0,.6);text-decoration:underline!important}.protocalModal .footer[data-v-7b3c6860]{display:flex;justify-content:end;gap:12px}.protocalModal .footer .protocal[data-v-7b3c6860]{display:flex;align-items:center;gap:8px;position:relative}.protocalModal .footer .protocal .toast[data-v-7b3c6860]{position:absolute;top:-30px;color:#fff;font-family:Microsoft YaHei UI;font-size:12px;font-style:normal;font-weight:400;line-height:16px;padding:6px 12px!important;border-radius:var(---4,4px);background:var(--60,rgba(0,0,0,.6))}.protocalModal .footer .protocal .toast[data-v-7b3c6860]:before{content:"";position:absolute;top:28px;left:4px;width:0;height:0;border-style:solid;border-width:5px 6px 0 6px;border-color:var(--60,rgba(0,0,0,.6)) transparent transparent transparent}.protocalModal .footer .protocal .checkBox[data-v-7b3c6860]{display:none}.protocalModal .footer .protocal .checkBoxInner[data-v-7b3c6860]{width:16px;height:16px;position:relative;border-radius:var(---2,2px)!important;border:1px solid var(--15,rgba(0,0,0,.15))!important;background:var(--normal-white,#fff)!important;cursor:pointer!important}.protocalModal .footer .protocal .checkBoxInner[data-v-7b3c6860]:after{content:" ";position:absolute;box-sizing:content-box!important;border:2px solid transparent;border-left:0;border-top:0;width:5px;height:10px;left:4px;top:0;transform:rotate(45deg) scaleY(0);transition:transform .15s ease-in .05s;transform-origin:center}.protocalModal .footer .protocal .checkBoxInner[data-v-7b3c6860]:hover{border:1px solid var(--hover,#27c566)!important}.protocalModal .footer .protocal .checkBoxInner.isChecked[data-v-7b3c6860]{background:var(--normal,#03b752)!important;border:1px solid var(--hover,#03b752)!important}.protocalModal .footer .protocal .checkBoxInner.isChecked[data-v-7b3c6860]:after{transform:rotate(45deg) scaleY(1);border-color:#fff!important}.protocalModal .footer .protocal .label[data-v-7b3c6860]{color:var(--60,rgba(0,0,0,.6));font-family:Microsoft YaHei UI;font-size:14px;font-style:normal;font-weight:400;line-height:22px}.protocalModal .footer .protocal .label a[data-v-7b3c6860]{color:var(--90,rgba(0,0,0,.9))!important;text-decoration-line:underline!important}.protocalModal .footer .footerBtn[data-v-7b3c6860]{display:flex;gap:12px}.protocalModal .footer .footerBtn .cancel[data-v-7b3c6860]{display:flex;height:32px;padding:5px 16px!important;justify-content:center;align-items:center;font-size:14px;gap:8px;border-radius:var(---4,4px);border:1px solid var(--15,rgba(0,0,0,.15))!important;cursor:pointer;color:var(--90,rgba(0,0,0,.9))!important}.protocalModal .footer .footerBtn .cancel[data-v-7b3c6860]:hover{color:var(--hover,#27c566)!important;border:1px solid var(--hover,#27c566)!important}.protocalModal .footer .footerBtn .cancel[data-v-7b3c6860]:active{color:var(--click,#029c4a)!important;border:1px solid var(--click,#029c4a)!important}.protocalModal .footer .footerBtn .analyse[data-v-7b3c6860]{display:flex;height:32px;padding:5px 16px!important;justify-content:center;align-items:center;font-size:14px;gap:8px;border-radius:var(---4,4px);background:var(--normal,#03b752)!important;cursor:pointer;color:#fff}.protocalModal .footer .footerBtn .analyse[data-v-7b3c6860]:hover{background:var(--hover,#27c566)!important}.protocalModal .footer .footerBtn .analyse[data-v-7b3c6860]:active{background:var(--click,#029c4a)!important}.protocalModal .footerEnd[data-v-7b3c6860]{display:flex;justify-content:end}.protocalModal .footerEnd .unInstall[data-v-7b3c6860]{display:flex;height:32px;padding:5px 16px!important;justify-content:center;align-items:center;font-size:14px;gap:8px;border-radius:var(---4,4px);border:none!important;cursor:pointer;color:var(--90,rgba(0,0,0,.9))!important}.protocalModal .footerEnd .unInstall[data-v-7b3c6860]:hover{background-color:rgba(0,0,0,.06)!important}.protocalModal .footerEnd .unInstall[data-v-7b3c6860]:active{background-color:rgba(0,0,0,.1)!important}#ai-assist-bangs{font-family:MicrosoftYaHei;color:#222;text-align:left;white-space:normal;position:fixed;top:0;left:0;z-index:2147483647;width:100%;display:flex;height:0;justify-content:center}#ai-assist-bangs *,#ai-assist-bangs :after,#ai-assist-bangs :before{box-sizing:border-box;padding:0;margin:0;-webkit-touch-callout:none}#ai-assist-bangs em,#ai-assist-bangs i{font-style:normal}#ai-assist-bangs a:active,#ai-assist-bangs a:focus,#ai-assist-bangs button:focus,#ai-assist-bangs input:focus{resize:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}#ai-assist-bangs button,#ai-assist-bangs input{border:0;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none}#ai-assist-bangs a,#ai-assist-bangs a:focus,#ai-assist-bangs a:hover{cursor:pointer;color:inherit;text-decoration:none}#ai-assist-bangs li{list-style:none}#ai-assist-bangs .skeleton-class{background-color:rgba(0,0,0,.06)}#ai-assist-bangs .svg-icon[data-v-d8e8dad2]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.max-btns[data-v-23c9a954]{display:block;margin:0 auto;width:320px;height:40px;background:#0052d9;border-radius:2px;font-size:14px;text-align:center;line-height:40px;font-weight:700;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.max-btns[data-v-23c9a954]:hover{background:#477eff}.max-btns[data-v-23c9a954]:active{background:#1340d2}@keyframes loading360-23c9a954{to{transform:rotate(0deg)}0%{transform:rotate(-1turn)}}#youAsk_side[data-v-23c9a954]{position:fixed;-webkit-user-select:none;-moz-user-select:none;user-select:none;right:8px;bottom:8px;border-radius:8px;width:173px;height:48px;border:1px solid rgba(0,0,0,.06);background:#fff;box-shadow:0 2px 4px -1px rgba(0,0,0,.12),0 4px 5px 0 rgba(0,0,0,.08),0 1px 10px 0 rgba(0,0,0,.05);display:flex;z-index:2147483645}#youAsk_side .ipt_wrap[data-v-23c9a954]{position:relative}#youAsk_side .ipt_wrap .ipt_input[data-v-23c9a954]{width:336px;height:42px;border-radius:8px;border:1px solid rgba(0,0,0,.26);display:flex;align-items:center;padding:9px 12px;justify-content:space-around;position:relative;z-index:1}#youAsk_side .ipt_wrap .ipt_input.isfocusStatus[data-v-23c9a954]{border-color:#0052d9}#youAsk_side .ipt_wrap .ipt_input .indexBg[data-v-23c9a954]{position:absolute;width:100%;width:282px;height:22px;line-height:22px;top:9px;left:12px;font-size:14px;color:rgba(0,0,0,.4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:-1}#youAsk_side .ipt_wrap .ipt_input .svg-icon[data-v-23c9a954]{color:#b5b8ba}#youAsk_side .ipt_wrap .ipt_input input[data-v-23c9a954]{width:282px;height:22px;line-height:22px;font-size:14px;color:#000}#youAsk_side .ipt_wrap .ipt_input.active[data-v-23c9a954],#youAsk_side .ipt_wrap .ipt_input[data-v-23c9a954]:hover{border-color:#0052d9}#youAsk_side .ipt_wrap .ipt_input.active .svg-icon[data-v-23c9a954]{cursor:pointer;color:#0052d9}#youAsk_side .ipt_wrap .ipt_input.active .svg-icon[data-v-23c9a954]:hover{color:#0052d9}#youAsk_side .ipt_wrap .ipt_list[data-v-23c9a954]{position:absolute;width:333px;height:auto;bottom:42px;border-radius:8px;border:.5px solid rgba(0,0,0,.1);background:#fff;padding:4px 0;box-shadow:0 2px 4px -1px rgba(0,0,0,.12),0 4px 5px 0 rgba(0,0,0,.08),0 1px 10px 0 rgba(0,0,0,.05)}#youAsk_side .ipt_wrap .ipt_list li[data-v-23c9a954]{height:32px;display:flex;align-items:center;cursor:pointer;gap:8px;padding:0 16px}#youAsk_side .ipt_wrap .ipt_list li[data-v-23c9a954]:hover{background:rgba(0,0,0,.06)}#youAsk_side .ipt_wrap .ipt_list li p[data-v-23c9a954]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}#youAsk_side .ipt_wrap .ipt_list li p span[data-v-23c9a954]{font-weight:700;color:#000}#youAsk_side .comment-container[data-v-23c9a954]{position:fixed;top:-100vh;right:-100vw;z-index:10}#youAsk_side.minSize[data-v-23c9a954]{width:182px}#youAsk_side.summaryBox[data-v-23c9a954]{display:block;height:auto}#youAsk_side.summaryBoxErr[data-v-23c9a954]{width:192px;bottom:50px;border-radius:8px 0 0 8px;border-right:0;right:0}#youAsk_side.summaryBoxPercent[data-v-23c9a954]{width:176px;bottom:50px;border-radius:8px 0 0 8px;border-right:0;right:0}#youAsk_side .options[data-v-23c9a954]{position:absolute;top:8px;right:6px;display:flex;align-items:center;justify-content:center;gap:2px}#youAsk_side .options .select_arrow.showUp[data-v-23c9a954]{transform:rotate(0)}#youAsk_side .options div[data-v-23c9a954]{cursor:pointer;width:24px;outline:none;height:24px;border-radius:4px;position:relative;display:flex;align-items:center;justify-content:center}#youAsk_side .options div svg[data-v-23c9a954]{color:rgba(0,0,0,.4)}#youAsk_side .options div[data-v-23c9a954]:hover{background:rgba(0,0,0,.06)}#youAsk_side .options div.active[data-v-23c9a954],#youAsk_side .options div[data-v-23c9a954]:active{background:rgba(0,0,0,.1)}#youAsk_side .setting-content[data-v-23c9a954]{right:0;top:24px;bottom:auto;position:absolute;width:190px;border-radius:4px;border:0 solid rgba(0,0,0,.1);background:#fff;padding:4px 0;box-shadow:0 2px 4px -1px rgba(0,0,0,.12),0 4px 5px 0 rgba(0,0,0,.08),0 1px 10px 0 rgba(0,0,0,.05)}#youAsk_side .setting-content li[data-v-23c9a954]{display:flex;align-items:center;cursor:pointer;gap:8px;padding:0 16px}#youAsk_side .setting-content li svg[data-v-23c9a954]{color:rgba(0,0,0,.6)}#youAsk_side .setting-content li span[data-v-23c9a954]{width:16px;height:16px;display:flex;align-items:center;justify-content:center}#youAsk_side .setting-content li span svg[data-v-23c9a954]{position:absolute}#youAsk_side .setting-content li p[data-v-23c9a954]{line-height:32px;color:rgba(0,0,0,.9);font-size:14px}#youAsk_side .setting-content li[data-v-23c9a954]:hover{background:rgba(0,0,0,.06)}#youAsk_side .setting-content li[data-v-23c9a954]:active{background:rgba(0,0,0,.1)}#youAsk_side .summaryEntry_btn[data-v-23c9a954]{border-radius:6px;cursor:pointer;background:#fff;display:flex;align-items:center;justify-content:center;padding:5px 0;width:94px;line-height:22px;gap:6px;margin:3px 0 3px 4px}#youAsk_side .summaryEntry_btn[data-v-23c9a954]:hover{background:rgba(0,0,0,.06)}#youAsk_side .summaryEntry_btn[data-v-23c9a954]:active{background:#d9e1ff}#youAsk_side .summaryEntry_btn .summary[data-v-23c9a954]{font-weight:400;font-size:14px;line-height:22px}#youAsk_side .ver_line[data-v-23c9a954]{width:1px;height:16px;background:rgba(0,0,0,.1);position:absolute;top:12px;right:63px;visibility:hidden}#youAsk_side .summary_percent[data-v-23c9a954]{display:flex;align-items:center;justify-content:flex-start;gap:4px;padding:11px 12px}#youAsk_side .summary_percent div[data-v-23c9a954]{color:rgba(0,0,0,.9);font-size:14px;line-height:22px}#youAsk_side .summary_percent .summary[data-v-23c9a954]{font-weight:400}#youAsk_side .summary_percent svg.loading[data-v-23c9a954]{animation:loading360-23c9a954 1s infinite}#youAsk_side .youwantask_bar[data-v-23c9a954]{background:url(data:image/png;base64,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) no-repeat;background-size:cover}#youAsk_side.response[data-v-23c9a954]{width:366px;height:256px}#youAsk_side.response.showUp[data-v-23c9a954]{width:173px;height:auto;transform:translateX(70px);transition:all .2s;bottom:50px;border-right:0;right:0;border-radius:8px 0 0 8px}#youAsk_side.response.showUp .setting-content[data-v-23c9a954]{top:auto;bottom:24px}#youAsk_side.response.showUp .ver_line[data-v-23c9a954]{visibility:visible}#youAsk_side.response.showUp.showSetting[data-v-23c9a954],#youAsk_side.response.showUp[data-v-23c9a954]:hover{transform:translateX(0);transition:all .2s}#youAsk_side.response.showUp .summaryEntry_btn[data-v-23c9a954]{width:94px}#youAsk_side.response .summary_percent[data-v-23c9a954]{border:none}#youAsk_side.response .summary-content[data-v-23c9a954]{border-top:1px solid rgba(0,0,0,.1);padding:10px 0 13px;max-height:max(100vh - 196px,210px);border-radius:0 0 8px 8px}#youAsk_side.response .summary-content .response-title[data-v-23c9a954]{display:flex;align-items:center;justify-content:flex-start;padding-left:20px;gap:4px;margin-bottom:4px}#youAsk_side.response .summary-content .response-title p[data-v-23c9a954]{color:rgba(0,0,0,.6);font-size:12px;font-weight:700;line-height:24px}#youAsk_side.response .summary-content .response-title svg[data-v-23c9a954]{color:rgba(0,0,0,.6)}#youAsk_side.response .summary-content .summary_markdown[data-v-23c9a954]{margin:0 auto;display:flex;width:334px;flex-direction:column;gap:9px;border-radius:8px;background:#fff}#youAsk_side.response .summary-content .summary_markdown .lines[data-v-23c9a954]{background:rgba(0,0,0,.1);height:1px;width:100%}#youAsk_side.response .summary-content .summary_markdown .sug div[data-v-23c9a954]{display:flex;align-items:center;justify-content:flex-start;gap:4px;margin-bottom:4px}#youAsk_side.response .summary-content .summary_markdown .sug div p[data-v-23c9a954]{color:rgba(0,0,0,.6);font-size:12px;font-weight:700;line-height:24px}#youAsk_side.response .summary-content .summary_markdown .sug div svg[data-v-23c9a954]{color:#a8b9d3}#youAsk_side.response .summary-content .summary_markdown .sug ul[data-v-23c9a954]{display:flex;flex-direction:column;gap:6px;min-height:130px}#youAsk_side.response .summary-content .summary_markdown .sug ul li[data-v-23c9a954]{color:#3c4d80;font-size:14px;line-height:22px;display:flex;cursor:pointer;gap:4px}#youAsk_side.response .summary-content .summary_markdown .sug ul li p[data-v-23c9a954]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:96%}#youAsk_side.response .summary-content .summary_markdown .sug ul li[data-v-23c9a954]:hover{color:#0052d9}#youAsk_side.response .summary-content .summary_markdown .sug ul li span[data-v-23c9a954]{width:16px}#youAsk_side.response .summary-content .summary_markdown .options_output[data-v-23c9a954]{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:-8px}#youAsk_side.response .summary-content .summary_markdown .options_output span[data-v-23c9a954]{position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(0,0,0,.6)}#youAsk_side.response .summary-content .summary_markdown .options_output span[data-v-23c9a954]:hover{color:#0052d9}#youAsk_side.response .summary-content .summary_markdown .options_output .copy[data-v-23c9a954]{color:rgba(0,0,0,.6)}#youAsk_side.response .summary-content .summary_markdown .options_output .copy[data-v-23c9a954]:hover{color:#0052d9}#youAsk_side.response .summary_footer[data-v-23c9a954]{height:60px;display:flex;align-items:center;justify-content:center;gap:16px;border-top:1px solid rgba(0,0,0,.1);background:#fff;padding:0 16px;border-radius:0 0 8px 8px}#youAsk_side.response .summary_footer div[data-v-23c9a954]{height:32px;border-radius:4px;border:1px solid rgba(0,82,217,.5);display:flex;align-items:center;justify-content:center;gap:4px;color:#0052d9;font-size:14px;line-height:22px;flex:1;cursor:pointer}#youAsk_side.response .summary_footer div[data-v-23c9a954]:hover{background:#f2f3ff}#youAsk_side.response .summary_footer div[data-v-23c9a954]:active{background:#d9e1ff}#youAsk_side .tips[data-v-23c9a954]{padding:4px 12px}#youAsk_side .tips.loading[data-v-23c9a954]{color:#3491fa}#youAsk_side .tips p[data-v-23c9a954]{margin-left:20px;color:rgba(0,0,0,.6);font-size:12px;line-height:20px}#youAsk_side .tips div[data-v-23c9a954]{display:flex;align-items:center;gap:4px}#youAsk_side .tips div svg[data-v-23c9a954]{flex-shrink:0}#youAsk_side .tips div h4[data-v-23c9a954]{color:rgba(0,0,0,.9);line-height:22px;font-size:14px;font-weight:400}#youAsk_side .tips.error[data-v-23c9a954]{color:#f77234}#youAsk_side .tips.error div h4[data-v-23c9a954]{line-height:32px;display:flex;align-items:center}#youAsk_side .tips.error div h4.error-tips[data-v-23c9a954]{line-height:24px}#youAsk_side .tips.error div h4 span[data-v-23c9a954]{color:#0052d9;font-weight:700;font-size:14px;line-height:22px;cursor:pointer}#youAsk_side .tips.error div h4 span[data-v-23c9a954]:hover{text-decoration:underline}.max-btns[data-v-367aca12]{display:block;margin:0 auto;width:320px;height:40px;background:#0052d9;border-radius:2px;font-size:14px;text-align:center;line-height:40px;font-weight:700;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.max-btns[data-v-367aca12]:hover{background:#477eff}.max-btns[data-v-367aca12]:active{background:#1340d2}@keyframes loading360-367aca12{to{transform:rotate(0deg)}0%{transform:rotate(-1turn)}}#shadow-root-ai-assist .toast[data-v-367aca12]{max-width:90%;height:32px;font-size:12px;color:#fff;line-height:32px;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:rgba(0,0,0,.6);box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:16px;text-align:center;padding:0 12px;min-height:32px!important;opacity:0;z-index:99999;white-space:nowrap}#shadow-root-ai-assist .toast.show[data-v-367aca12]{opacity:1}#shadow-root-ai-assist .toast .login[data-v-367aca12]{font-weight:700;font-size:12px;color:#0052d9;margin-left:8px}#shadow-root-ai-assist .toast .login[data-v-367aca12]:hover{text-decoration-line:underline}#shadow-root-ai-assist .notification[data-v-f7686fe8]{font-size:14px;color:rgba(0,0,0,.9);text-align:center;line-height:46px;position:fixed;top:8px;right:8px;background:#fff;box-shadow:0 8px 10px -5px rgba(0,0,0,.08),0 16px 24px 2px rgba(0,0,0,.04),0 6px 30px 5px rgba(0,0,0,.05);border-radius:8px;border:1px solid rgba(0,0,0,.15);padding:15px;opacity:0;z-index:2147483647;display:flex;align-items:center;box-sizing:border-box;gap:8px;width:400px}#shadow-root-ai-assist .notification.withClose[data-v-f7686fe8]{padding-right:54px!important}#shadow-root-ai-assist .notification.withRetry[data-v-f7686fe8]{width:auto;padding:19px 15px}#shadow-root-ai-assist .notification [data-v-f7686fe8]{margin:0;padding:0;box-sizing:border-box}#shadow-root-ai-assist .notification .stop-btn[data-v-f7686fe8]{text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:22px;border-radius:4px;cursor:pointer;padding:4px 15px;border:1px solid rgba(0,0,0,.15)}#shadow-root-ai-assist .notification .stop-btn[data-v-f7686fe8]:hover{border:1px solid #27c566;color:#27c566}#shadow-root-ai-assist .notification .stop-btn[data-v-f7686fe8]:active{border:1px solid #029c4a;color:#029c4a}#shadow-root-ai-assist .notification.stop[data-v-f7686fe8]{width:auto;padding-right:44px!important}#shadow-root-ai-assist .notification.stop .container .info .desc[data-v-f7686fe8]{margin-top:4px;min-width:288px}#shadow-root-ai-assist .notification i[data-v-f7686fe8]{color:#fa9550;width:24px;height:24px;font-style:normal}#shadow-root-ai-assist .notification .container .info .title[data-v-f7686fe8],#shadow-root-ai-assist .notification .container[data-v-f7686fe8]{display:flex;gap:8px}#shadow-root-ai-assist .notification .container .info .title .retry[data-v-f7686fe8],#shadow-root-ai-assist .notification .container .info .title p[data-v-f7686fe8]{color:rgba(0,0,0,.9);font-size:16px;font-weight:700;line-height:24px;text-align:left}#shadow-root-ai-assist .notification .container .info .title .retry[data-v-f7686fe8]{color:#03b752;cursor:pointer;margin-left:-6px}#shadow-root-ai-assist .notification .container .info .title .retry[data-v-f7686fe8]:hover{color:#27c566}#shadow-root-ai-assist .notification .container .info .title .retry[data-v-f7686fe8]:active{color:#029c4a}#shadow-root-ai-assist .notification .container .info .title .loading[data-v-f7686fe8]{width:24px;height:24px;animation:loadingAnimation-f7686fe8 1s linear infinite}@keyframes loadingAnimation-f7686fe8{0%{transform:rotate(0deg)}to{opacity:1;transform:rotate(1turn)}}#shadow-root-ai-assist .notification .container .info .title .loading span[data-v-f7686fe8]{display:block;width:24px;height:24px;background-image:url(data:image/png;base64,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);background-size:24px 24px}#shadow-root-ai-assist .notification .container .info[data-v-f7686fe8] .desc{color:rgba(0,0,0,.6);font-size:14px;font-style:normal;font-weight:400;line-height:22px;text-align:left;margin-left:32px;margin-top:8px}#shadow-root-ai-assist .notification .container .info[data-v-f7686fe8] .desc i{color:#e37318;width:20px;height:20px;font-style:normal}#shadow-root-ai-assist .notification.show[data-v-f7686fe8]{opacity:1}#shadow-root-ai-assist .notification .close[data-v-f7686fe8]{position:absolute;top:4px;right:4px;width:32px;height:32px;display:flex;justify-content:center;align-items:center;cursor:pointer}#shadow-root-ai-assist .notification .close i[data-v-f7686fe8]{display:block;width:16px;height:16px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFJSURBVHgB7ZYtDgIxEIUHVoHFYFagsFgMAu6AnjvguAN3gDtgMQiCBMsdMAiwTEM3KaWz7Uw3ISG8ZLJ/7bwv3dnZAvz1ZRXM/SnFgOJG8YB8sflagcFzipk9v1Ks7FErpBg7+Zbuw3Zgwsg571Es7DHXvMrXiwEcvGstBHrmRlfwVjNUAxdrVjr3uvBamROk1QQy5it/PleE5wwIrDH/qCUOQAuBEvMYgBQCpeYpAKkQqDFPBYhBlFpzCUAdRKk1lwJwEGpzozbItakxWIOwbWsAEPiuWPcsKOkrQPgsOFfSjikCQAhXu2ndfS1EKgAC/6ntIePfkQKAEP/O1f+OGABCepNRQRQNmashigbNVRAhALMnnCjNUyB27sDYnlBjXsl0zND27q1RhVagQzHMNK/kr4TJs3UHtJiJYwtypLhDvprO99cP6Qk2S3Kzez0jMQAAAABJRU5ErkJggg==);background-size:16px 16px}#shadow-root-ai-assist .notification .close[data-v-f7686fe8]:hover{border-radius:4px;background-color:rgba(0,0,0,.06)}#shadow-root-ai-assist .notification .close[data-v-f7686fe8]:active{border-radius:4px;background-color:rgba(0,0,0,.1)}.max-btns[data-v-ce77c28c]{display:block;margin:0 auto;width:320px;height:40px;background:#0052d9;border-radius:2px;font-size:14px;text-align:center;line-height:40px;font-weight:700;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.max-btns[data-v-ce77c28c]:hover{background:#477eff}.max-btns[data-v-ce77c28c]:active{background:#1340d2}@keyframes loading360-ce77c28c{to{transform:rotate(0deg)}0%{transform:rotate(-1turn)}}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod[data-v-ce77c28c]{display:flex;justify-content:flex-start;height:32px;box-sizing:border-box;border-radius:4px}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-menu-icon_search[data-v-ce77c28c]{width:16px;height:16px;align-self:center;margin-right:4px}#shadow-root-ai-assist .scribe-menu .scribe-menu-hover[data-v-ce77c28c]{display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 8px 0 8px}#shadow-root-ai-assist .scribe-menu .scribe-menu-hover[data-v-ce77c28c]:hover{background:rgba(0,0,0,.06)}#shadow-root-ai-assist .scribe-menu .scribe-menu-primary .scribe-menu-hover[data-v-ce77c28c]{position:relative;margin-right:1px}#shadow-root-ai-assist .scribe-menu .scribe-menu-primary .scribe-menu-hover[data-v-ce77c28c]:after{content:"";width:1px;height:12px;background-color:#d9d9d9;position:absolute;right:-1px;top:50%;transform:translateY(-50%)}#shadow-root-ai-assist .scribe-menu .scribe-menu-primary .scribe-menu-hover[data-v-ce77c28c]:first-child{padding-left:11px}#shadow-root-ai-assist .scribe-menu .scribe-menu-primary .scribe-menu-hover[data-v-ce77c28c]:last-child{margin-right:0;padding-right:11px}#shadow-root-ai-assist .scribe-menu .scribe-menu-primary .scribe-menu-hover[data-v-ce77c28c]:last-child:after{display:none}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-commend[data-v-ce77c28c]{position:relative;padding-left:42px;height:32px;background-color:#fff;border:1px solid rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:4px;display:flex;align-items:center}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-commend.guidMenu[data-v-ce77c28c]{border:1px solid #0052d9;box-shadow:0 4px 12px 0 rgba(0,0,0,.1),0 0 0 2px rgba(0,67,255,.2)}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-commend .guid[data-v-ce77c28c]{position:absolute;width:318px;height:93px;top:-108px;border-radius:8px;background:#2f54eb;padding:12px;left:50%;transform:translateX(-50%)}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-commend .guid .arrow[data-v-ce77c28c]{position:absolute;bottom:0;left:50%;transform:translateX(-50%) translateY(calc(100% + 8px));z-index:1}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-commend .guid .arrow[data-v-ce77c28c]:after{content:"";position:absolute;top:0;inset-inline-start:0;background:#2f54eb;width:16px;height:8px;left:50%;transform:translateX(-50%) translateY(-100%) rotate(180deg);-webkit-clip-path:path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z");clip-path:path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z")}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-commend .guid.bottom[data-v-ce77c28c]{top:auto}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-commend .guid.bottom .arrow[data-v-ce77c28c]{bottom:auto;top:0;transform:translateX(-50%)}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-commend .guid.bottom .arrow[data-v-ce77c28c]:after{bottom:0;transform:translateX(-50%) translateY(-100%)}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-commend .guid .clap[data-v-ce77c28c]{display:inline-block;background:url(data:image/png;base64,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) no-repeat 50%;background-repeat:no-repeat;background-size:100% 100%;width:20px;height:20px;position:absolute;margin-left:5px}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-commend .guid h3[data-v-ce77c28c]{color:#fff;font-size:16px;font-weight:700;margin-bottom:4px}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-commend .guid h3 i[data-v-ce77c28c]{color:#63ffc7}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-commend .guid p[data-v-ce77c28c]{color:#fff;font-size:14px;line-height:22px}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-commend .guid .guid-close[data-v-ce77c28c]{position:absolute;right:6px;top:6px;color:#fff;cursor:pointer;width:16px;height:16px;border-radius:4px}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-commend .guid .guid-close .svg-icon[data-v-ce77c28c]{opacity:.6;position:relative;color:#fff;left:-2px;top:-2px;font-size:20px}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-commend .guid .guid-close[data-v-ce77c28c]:hover{background-color:hsla(0,0%,100%,.1)}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-commend .guid .guid-close[data-v-ce77c28c]:active{background-color:hsla(0,0%,100%,.15)}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-commend .guid.bottom[data-v-ce77c28c]{bottom:-108px}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-commend .scribe-menu-hover[data-v-ce77c28c]:hover{background:rgba(31,92,255,.1);color:#0052d9}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-commend .scribe-menu-hover:hover .scribe-menu-tag[data-v-ce77c28c]{color:#0052d9}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-menu-primary[data-v-ce77c28c]{display:flex;justify-content:flex-start;align-self:center;height:32px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:16px;box-sizing:border-box;margin-right:8px}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-menu-primary .scribe-menu-col_item[data-v-ce77c28c]{padding:0}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .sub[data-v-ce77c28c]{display:flex;justify-content:center;align-self:center;padding:8px 10px 7px;border-radius:0}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .icon[data-v-ce77c28c]{width:16px;height:17px;align-self:flex-start}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-menu-side[data-v-ce77c28c]{min-width:96px;display:flex;justify-content:flex-start;align-self:center}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-menu-side .scribe-menu-col_item.scribe-menu-hover[data-v-ce77c28c]:first-child:hover:before{width:10px;height:100%;background:rgba(0,82,217,.1);content:"";position:absolute;top:0;left:-10px}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-menu-side .scribe-menu-col_item.scribe-menu-hover[data-v-ce77c28c]:hover{background:rgba(0,82,217,.1)}#shadow-root-ai-assist .scribe-menu .close_icon[data-v-ce77c28c]{padding:7px;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(0,0,0,.1);cursor:pointer;position:relative}#shadow-root-ai-assist .scribe-menu .close_icon .close_menu[data-v-ce77c28c]{width:202px;position:absolute;top:36px;left:0;background:#fff;display:flex;flex-direction:column;padding:4px 0;border-radius:8px;color:#181818;font-family:Microsoft YaHei;font-size:14px;box-shadow:0 4px 10px 0 rgba(0,0,0,.1)}#shadow-root-ai-assist .scribe-menu .close_icon .close_menu div[data-v-ce77c28c]{line-height:22px;height:32px;padding:4px 16px;border-radius:8px}#shadow-root-ai-assist .scribe-menu .close_icon .close_menu div[data-v-ce77c28c]:hover{background:rgba(0,82,217,.06);border-radius:0}#shadow-root-ai-assist .scribe-menu .close_icon .close_menu .close-setting-tips[data-v-ce77c28c]{width:100%;height:32px;display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,.4);font-family:Microsoft YaHei;font-size:12px;font-style:normal;font-weight:400;border-top:1px solid rgba(0,0,0,.1);margin-top:4px;cursor:pointer}#shadow-root-ai-assist .scribe-menu .close_icon .close_menu .close-setting-tips section[data-v-ce77c28c]:first-child{margin-right:8px}#shadow-root-ai-assist .scribe-menu .close_icon .close_menu .close-setting-tips section[data-v-ce77c28c]:last-child{color:#0052d9}#shadow-root-ai-assist .scribe-menu .close_icon .close_menu .close-setting-tips[data-v-ce77c28c]:hover{background:rgba(0,82,217,.06);border-radius:0}#shadow-root-ai-assist .scribe-menu .close_icon span[data-v-ce77c28c]{height:16px;width:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEOSURBVHgB7ZbBEYIwEEU3qUg70SNwUDuwA7EEKhAOwNUS7EArArMzhANmw+7qeMqbyWTGyeY/AywAJBKJCG3bHnGAEk69jRUbY244+r6/gBCs8fUxCcvZbBzHUiKBa7GGs5YUKIqidlMjlQiEV9NeQQys0HVd7abDXGBMmWXZlRne5Hl+hAirAlwJTThbYE1CGy4SoCRw1oaLBUISC0ThKoFJ4ummzeLnlwvfghBWH1jijv7+sZG1D1AgFqCazDAMZ03HFF2CQLg/id28YaRPhGCfAPGo7XGAomN6WCfAec4lHVMkIGkyGgnzq3CtBCngvwck4ZSE+xMn6o3IvQlFHQ7XutAKvuUfn2SJROINRqzWLV2PRWoAAAAASUVORK5CYII=) 50% no-repeat;background-size:contain}#shadow-root-ai-assist .scribe-menu .close_icon:hover span[data-v-ce77c28c]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEnSURBVHgB7ZZLDoIwEEBnMHAevYmeQDyAxo3GnbjzswIOIN7AI3gDPQ8mVhtBibQwM7qzL2lCmvm8lHRSAIfD0UA+noV6gRBKvteUjOjt9bpO5ktgonPK/CYJz16iU/nGiCPxjMXIXIsoEKTrTIE6cCXqzSHWtWzxCC3kk3mGgMP3jor8ZLuiNFeAhyBZh9BAqwBVQtKcLNAmIW3OErBJFGUiSXO2gFmiosNsLhLQPI78/EjtflS6+PGmB0w8kHE07J1AAFvAcM+fKJhKJibrF9Saq+IkEPoVE+ucMEE+AdNV89PNQC/JxHxFU4Io95wzMVkCnCEjkcBfNZdKWAXK9wCnuU1CqdsoSHeZKZb0HuBOuCDZ6tjYVItFPl6EeoGQb/Mdjv/gDs4tuzLoW8cyAAAAAElFTkSuQmCC) 50% no-repeat;background-size:contain}#shadow-root-ai-assist .scribe-menu .ai-an-icon[data-v-ce77c28c]{position:absolute;top:1px;left:0;height:28px;width:48px;display:flex;align-items:center;justify-content:center;margin-left:-1px;cursor:pointer}#shadow-root-ai-assist .scribe-menu .ai-an-icon div[data-v-ce77c28c]{width:48px;height:32px;background:url(data:image/png;base64,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) no-repeat;background-size:48px 32px}#shadow-root-ai-assist .scribe-menu .ai-an-icon:hover div[data-v-ce77c28c]{width:48px;height:32px;background:url(data:image/png;base64,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) no-repeat;background-size:48px 32px}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-menu-col_item[data-v-ce77c28c]{padding:7px 8px;display:flex;justify-content:space-between;align-self:center;position:relative}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-menu-col_item .scribe-menu-tag[data-v-ce77c28c]{color:rgba(0,0,0,.9);font-size:14px;line-height:16px;align-self:center;white-space:nowrap}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-menu-col_item .scribe-menu-tag-commend[data-v-ce77c28c]{width:16px;height:16px;color:rgba(0,0,0,.9);font-size:13px;line-height:16px;align-self:center;white-space:nowrap}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-menu-col_item .scribe-menu-vertical_line[data-v-ce77c28c]{background-color:#d9d9d9;align-self:center;margin-bottom:1px;width:1px;height:12px;border-radius:0;position:absolute;right:-1px}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-menu-col_item[data-v-ce77c28c]:last-child{margin-right:0}#shadow-root-ai-assist .scribe-menu .scribe-menu-mod .scribe-menu-col_item:last-child .scribe-menu-vertical_line[data-v-ce77c28c]{display:none}.max-btns{display:block;margin:0 auto;width:320px;height:40px;background:#0052d9;border-radius:2px;font-size:14px;text-align:center;line-height:40px;font-weight:700;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.max-btns:hover{background:#477eff}.max-btns:active{background:#1340d2}@keyframes loading360{to{transform:rotate(0deg)}0%{transform:rotate(-1turn)}}#shadow-root-ai-assist{position:relative}#shadow-root-ai-assist .scribe{position:fixed;right:-100vw;top:-100vh;z-index:2147483647;transition:none;width:-moz-max-content;width:max-content}#shadow-root-ai-assist .indexBg .fontStrong{font-weight:400}#shadow-root-ai-assist .indexBg .fontStrong:first-child{visibility:hidden}#shadow-root-ai-assist{font-family:MicrosoftYaHei;color:#222;text-align:left;white-space:normal}#shadow-root-ai-assist *,#shadow-root-ai-assist :after,#shadow-root-ai-assist :before{box-sizing:border-box;padding:0;margin:0;-webkit-touch-callout:none}#shadow-root-ai-assist em,#shadow-root-ai-assist i{font-style:normal}#shadow-root-ai-assist a:active,#shadow-root-ai-assist a:focus,#shadow-root-ai-assist button:focus,#shadow-root-ai-assist input:focus{resize:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}#shadow-root-ai-assist button,#shadow-root-ai-assist input{border:0;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none}#shadow-root-ai-assist a,#shadow-root-ai-assist a:focus,#shadow-root-ai-assist a:hover{cursor:pointer;color:inherit;text-decoration:none}#shadow-root-ai-assist .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}#shadow-root-ai-assist li{list-style:none}#shadow-root-ai-assist .tooltips-open i{position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(calc(-100% - 8px));background:rgba(0,0,0,.9);border-radius:4px;font-style:normal;font-weight:400;font-size:12px;line-height:22px;color:#fff;padding:3px 8px;white-space:nowrap;box-shadow:0 4px 4px 0 rgba(0,0,0,.1);z-index:1}#shadow-root-ai-assist .tooltips-open i:after{content:"";position:absolute;bottom:0;inset-inline-start:0;background:rgba(0,0,0,.9);width:16px;height:8px;left:50%;transform:translateX(-50%) translateY(100%) rotate(180deg);-webkit-clip-path:path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z");clip-path:path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z")}#shadow-root-ai-assist .tooltips-open i.bottom{top:auto;bottom:0;transform:translateX(-50%) translateY(calc(100% + 8px))}#shadow-root-ai-assist .tooltips-open i.bottom:after{top:0;transform:translateX(-50%) translateY(-100%)}#shadow-root-ai-assist .tooltips-open i.left{top:50%;left:0;transform:translateY(-50%) translateX(calc(-100% - 8px))}#shadow-root-ai-assist .tooltips-open i.left:after{transform:translateY(-50%) translateX(100%) rotate(90deg);top:50%}#shadow-root-ai-assist .tooltips-open i.right{top:50%;left:auto;right:0;transform:translateY(-50%) translateX(calc(100% + 8px))}#shadow-root-ai-assist .tooltips-open i.right:after{transform:translateY(-50%) translateX(-100%) rotate(-90deg);top:50%;left:4px}#shadow-root-ai-assist .tooltips-open i.hidden{display:none}#shadow-root-ai-assist .skeleton-class{background-color:rgba(0,0,0,.06)}@media print{#shadow-root-ai-assist .entry-btn,#shadow-root-ai-assist .modal-mask{display:none!important}}#ai-text-box .svg-icon[data-v-afd0eb38],#shadow-root-ai-assist .svg-icon[data-v-afd0eb38]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}



.lxAbout .lxTit_cn {
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #222;
    padding-bottom: 4%; position:relative; font-weight:bold
}.lxTit_en {
    font-size: 18px; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif
}.lxTit_line {
    display: none;
    margin-top: 16px;
    overflow: hidden;
}.lxAbout .lxTit_cn:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 60px;
    height: 8px;
    background: url(../images/indexbg1.png) no-repeat center / contain;
}

.wwwiei{width:45vw;}


/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:850px){  

.lxAbout .lxTit_cn {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #222;
    padding-bottom: 4%; position:relative; font-weight:bold
}.lxTit_en {
    font-size: 16px; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif
}
    .lxAbout {
        padding-bottom: 0;
        padding-top: 44px;
    }
.banner_morea {
	width:110px;
	height:40px;
	border:1px solid #a0bd2c;
	border-radius:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:20px; background:#a0bd2c; color:#fff; font-size:14px; line-height:40px
}
    .indAb_num p {
        font-size: 14px;
        letter-spacing: 0;margin-top: 6px;
    }  .ilist3 .tabul-container .swiper-wrapper{
    flex-flow: row nowrap;flex-wrap:  wrap;
  }.ilist3 .tabul-container .swiper-slide{ width:100%!important} 
  
  .ilist3 .tabul-container .li {
    padding-bottom: 8px!important;
    min-height: 35px!important;}
  .ilist3 .warpitem .text {
    padding-top: 0rem!important;
}
  .ilist3 .warpitem .text .tit3 {
    margin-bottom: 0.6rem;
}.tit-42 {
        font-size: 22px!important;
    }.banner_morea2 {
    width: 110px;
    height: 40px;
    border: 1px solid #58b530;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    background: #58b530;
    color: #fff;
    margin-top: 0rem;
}    .ilist3 .itembox-container {
        padding-bottom: 0rem;
    }
	.m-block-767 {margin-top: 1rem!important;}
.ilist3 {
    padding: 2.75rem 0 2rem;}	
	    .wrap {
        padding: 30px 0 10px 0;
    }    .indexb {
        padding: 0 0 60px;
        position: relative;
    }    .difddd iframe {
        height: 380px!important;
    }    .ilist5 .news-container {
        margin-top: 0rem!important;
        position: relative;
        padding-bottom: 1.5rem;
    }
.wwwiei{width:100%;}
	
	    .footer .wxbox .icon img {
        width: 100%;
        height: auto;
    }    .footer .wxbox .icon {
        width: 2.4rem;
        height: 2.4rem; background:none}
		
		 .footer .rightbox .botbox .li .p{
    text-align:center;
    font-size:17px;
    font-weight:bold;
    margin-top:.15rem;
  }
		
		
		
		
		
		
		
}






    

