/*@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Teko:wght@300;400;500;600;700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/

@import "css/bootstrap.css";
@import "css/font-awesome.css";

@import "css/animate.css";
@import "css/animsition.css";
@import "css/ionicons.css";
@import "css/font-etline.css";

@import "css/shortcodes.css";
@import "zingbox-icon.css";
@import "css/reponsive.css";

/* For Revolution Slider */
@import "includes/rev-slider/css/settings.css";
@import "includes/rev-slider/css/layers.css";
@import "includes/rev-slider/css/navigation.css";

/**
  *	Reset Browsers
  * General
  * Elements
  * Forms
  * Typography
  * Layouts
  * Effect
  * Top Bar
  * Header
  * Blog Post
  * Widgets
  * Pagination
  * Footer
  * Bottom
  * Scroll Top
*/

/* Reset Browsers
-------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

html {
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background: rgb(255 255 255 / 100%);
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

a {
  text-decoration: none !important;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

blockquote,
q {
  quotes: none;
}

a:focus {
  outline: none;
}

a:hover,
a:active {
  outline: 0;
}

a img {
  border: 0;
}

img {
  max-width: 100%;
  height: auto;
}

select {
  max-width: 100%;
}

/* General
-------------------------------------------------------------- */
body,
button,
input,
select,
textarea {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "MS Gothic", "ＭＳ ゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: rgb(86 88 114 / 100%);
  font-size: 16px;
  line-height: 30px;
  background-color: rgb(255 255 255 / 100%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  overflow-y: auto;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

p {
  margin: 0 0 20px;
}

strong,
b,
cite {
  font-weight: bold;
}

dfn,
cite,
em,
i,
blockquote {
  font-style: italic;
}

blockquote {
  position: relative;
  background-color: transparent;
  margin: 0px;
  padding: 0 0 0 32px;
}

blockquote>p:last-child {
  margin-bottom: 0;
}

blockquote cite {
  position: absolute;
  right: 0;
  bottom: 0;
}

blockquote em,
blockquote i {
  font-style: normal;
}

abbr,
acronym {
  border-bottom: 1px dotted rgb(224 224 244 / 100%);
  cursor: help;
}

mark,
ins {
  text-decoration: none;
}

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -6px;
}

sub {
  bottom: -3px;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

address {
  font-style: italic;
  margin: 0 0 20px;
}

code,
kbd,
tt,
var,
samp,
pre {
  margin: 20px 0;
  padding: 4px 12px;
  background: rgb(245 245 245 / 100%);
  border: 1px solid rgb(224 224 224 / 100%);
  overflow-x: auto;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  border-radius: 0;
  height: auto;
}

/* Elements
-------------------------------------------------------------- */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

hr {
  background-color: rgb(224 224 224 / 100%);
  border: 0;
  height: 1px;
  margin-bottom: 20px;
}

/* List */
ul,
ol {
  padding: 0;
  margin: 0 0 20px 20px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li>ul,
li>ol {
  margin-bottom: 0;
}

li {
  list-style: none;
}

ul li,
ol li {
  padding: 0.6em 0;
}

dl,
dd {
  margin: 0 0 20px;
}

dt {
  font-weight: bold;
}

del,
.disable {
  text-decoration: line-through;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

/* Table */
table {
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

th {
  border-width: 0 1px 1px 0;
  font-weight: bold;
}

td {
  border-width: 0 1px 1px 0;
}

th,
td {
  padding: 8px 12px;
}

a:hover {
  text-decoration: none;
}

/* Media */
embed,
iframe,
object,
video {
  margin-bottom: 20px;
  max-width: 100%;
  vertical-align: middle;
}

p>embed,
p>iframe,
p>object,
p>video {
  margin-bottom: 0;
}

/* HideShow */
.appear {
  display: block;
}

.disappear {
  display: none;
}

.hide,
.show {
  transition: all 0.3s;
}

.show {
  opacity: 1;
  transform: scale(1);
}

.hide {
  opacity: 0;
  transform: scale(0);
}

.show {
  opacity: 1;
  transform: scale(1);
}

/* 字体打散样式 */
.letter-style {
  word-wrap: break-word;
  word-wrap: break-all;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: rgb(241 241 241 / 100%);
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgb(0 0 0 / 6%);
  clip: auto !important;
  color: rgb(33 117 155 / 100%);
  display: block;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Forms
-------------------------------------------------------------- */
/* Fixes */
button,
input {
  line-height: normal;
}

button,
input,
select,
textarea {
  font-size: 100%;
  line-height: inherit;
  margin: 0;
  vertical-align: baseline;
}

input,
textarea {
  font-size: 1em;
  max-width: 100%;
  background-image: -webkit-linear-gradient(rgb(255 255 255 / 0),
      rgb(255 255 255 / 0));
  /* Removing the inner shadow on iOS inputs */
}

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
}

input[type="checkbox"] {
  display: inline;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: button;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
}

input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* Remove chrome yellow autofill */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px rgb(247 247 247 / 100%) inset;
}

/* Reset search styling */
input[type="search"] {
  outline: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

/* Input normal */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  border: 1px solid rgb(234 234 234 / 100%);
  padding: 14px 20px;
  letter-spacing: 0px;
  background-color: transparent;
  line-height: inherit;
  width: 100%;
  margin-bottom: 14px;
  height: auto;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border ease 0.238s;
  -moz-transition: border ease 0.238s;
  transition: border ease 0.238s;
}

/* Contact Form 7 */
.wpcf7-form select,
.wpcf7-form textarea,
.wpcf7-form input {
  margin-bottom: 0;
}

/* Input focus */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
  border-color: rgb(86 88 814 / 100%);
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Button */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  letter-spacing: 0.5px;
  font-weight: 500;
  background-color: rgb(255 255 255 / 100%);
  color: rgb(31 36 44 / 100%);
  border-color: rgb(0 94 184 / 100%);
  border-radius: 7px;
  padding: 12.5px;
  display: inline-block;
  font-family: "Rubik", sans-serif;
  font-size: 15;
  font-weight: 500;
  border-width: 1px;
  -webkit-appearance: none;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

/* Button hover + focus */
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  outline: 0;
  background-color: rgb(205 127 50 / 100%);
}

/* Placeholder color */
::-webkit-input-placeholder {
  color: rgb(86 88 114 / 100%);
}

:-moz-placeholder {
  color: rgb(86 88 114 / 100%);
}

::-moz-placeholder {
  color: rgb(86 88 114 / 100%);
  opacity: 1;
}

/* Since FF19 lowers the opacity of the placeholder by default */

:-ms-input-placeholder {
  color: rgb(86 88 114 / 100%);
}

/* Links */
a {
  color: rgb(34 34 34 / 100%);
  outline: 0;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

a:hover,
a:focus,
a:active {
  outline: 0;
  color: rgb(0 94 184 / 100%);
  text-decoration: none;
}

/* Typography
-------------------------------------------------------------- */
h1 {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "MS Gothic", "ＭＳ ゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: rgb(255 255 255 / 100%);
  font-weight: 400;
  line-height: 1;
}

h2 {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "MS Gothic", "ＭＳ ゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: rgb(255 255 255 / 100%);
  font-weight: 400;
  line-height: 3;
}

h3 {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "MS Gothic", "ＭＳ ゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: rgb(31 36 44 / 100%);
  font-weight: 700;
}

h4 {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "MS Gothic", "ＭＳ ゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: rgb(86 88 144 / 100%);
  font-weight: 400;
}

h5 {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "MS Gothic", "ＭＳ ゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: rgb(255 255 255 / 100%);
  font-weight: 400;
  line-height: 1;
  padding: 100px 0 35px 7px;
}

h6 {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "MS Gothic", "ＭＳ ゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: rgb(25 25 25 / 100%);
  font-weight: 400;
  line-height: 1;
}

h1 {
  font-size: 72px;
}

h2 {
  font-size: 18px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 15px;
}

h5 {
  font-size: 72px;
}

h6 {
  font-size: 47px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

#image-container .zoom-full {
  width: 100% !important;
}

/* Layouts
-------------------------------------------------------------- */
#main-content {
  padding: 115px 0 120px 0;
}

#main-content-2 {
  padding: 120px 0 120px 0 !important;
}

body.page #main-content {
  padding-top: 0;
  padding-bottom: 0;
}

/* Inner Content */
#inner-content,
#inner-sidebar {
  position: relative;
  z-index: 1;
}

/* Sidebar Right */
.sidebar-right #site-content {
  float: left;
  width: 66.38%;
}

.sidebar-right #sidebar {
  float: right;
  width: 31.62%;
}

/* Sidebar left */
.sidebar-left #site-content {
  float: right;
  width: 65.9%;
}

.sidebar-left #sidebar {
  float: left;
  width: 31.62%;
}

/* No Sidebar */
.no-sidebar #site-content {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
}

/* Top Bar
-------------------------------------------------------------- */
#top-bar {
  position: relative;
  /* z-index: 99; */
  background-color: rgb(0 94 184 / 100%);
}

#top-bar,
#top-bar a {
  color: rgb(255 255 255 / 100%);
  font-size: 14px;
  line-height: 17px;
}

#top-bar .top-bar-inner-wrap {
  display: table;
  width: 100%;
  padding: 18px 0px 15px 0px;
}

#top-bar .top-bar-content {
  display: table-cell;
  width: 45%;
  text-align: left;
  vertical-align: middle;
}

#top-bar .top-bar-socials {
  display: table-cell;
  width: 55%;
  text-align: right;
  vertical-align: middle;
}

#top-bar .top-bar-socials a img {
  opacity: .85;
  margin-top: -3px;
}

#top-bar .top-bar-socials a:hover img {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* Top Bar Content */
#top-bar .top-bar-content .content:first-child {
  position: relative;
  letter-spacing: 0.3px !important;
  display: inline-block;
  padding: 0px 13px 0px 17px;
  margin-left: 300px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  #top-bar .top-bar-content .content {
    margin-left: 250px !important;
  }
}

@media (max-width: 1399px) {
  #top-bar #header-get-a-quote {
    display: block !important;
  }
}

#top-bar .top-bar-content .phone {
  padding: 0px !important;
}

#top-bar .top-bar-content .phone a:hover {
  color: rgb(255 255 255 / 75%);
}

#top-bar .top-bar-content .content:before {
  content: "";
  position: absolute;
  font-family: "FontAwesome";
  top: 0;
  left: 0;
  font-size: 19px;
}

#top-bar .top-bar-content .content.location:before {
  content: "\f041";
}

#top-bar .top-bar-content .content.envelope:before {
  content: "\f0e0";
}

#top-bar .top-bar-content .content.phone {
  text-align: left;
  /* content: "\f095"; */
}

/* Top Bar Socials*/
#top-bar .top-bar-socials .icons a {
  display: inline-block;
  text-align: center;
  position: relative;
  padding: 0px 6px;
}

#top-bar .top-bar-socials .icons a:hover {
  color: rgb(255 255 255 / 75%);
}

#top-bar .mini-download {
  color: rgb(255 255 255 / 100%) !important;
  display: none !important;
  background: rgb(0 168 255 / 0);
  border-left: 1.2px solid rgb(0 168 255 / 25%) !important;
  border-right: 1.2px solid rgb(0 168 255 / 25%) !important;
  border: 1px solid rgb(0 168 255 / 0);
  padding: 0 10px 0 10px !important;
}

#top-bar .mini-download:hover {
  color: rgb(255 255 255 / 100%) !important;
  background: rgb(0 168 255 / 65%);
  border-top: 1px solid rgb(0 168 255 / 25%) !important;
  border-bottom: 1px solid rgb(0 168 255 / 25%) !important;
  border-radius: 10px !important;
  box-shadow: 0 0 8px rgb(0 168 255 / 55%);
}

#top-bar .GoToOM {
  color: rgb(255 255 255 / 75%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: none;
}

#top-bar a:hover .GoToOM {
  display: inline-block !important;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  #top-bar .mini-download .mr-2 {
    margin-right: 0 !important;
  }

  #top-bar .mini-download span.download-text {
    display: none !important;
  }
}

@media (max-width: 1399px) {
  #top-bar .mini-download {
    display: inline-block !important;
  }
}

@media (max-width: 553px) {
  #top-bar .mini-download .mr-2 {
    margin-right: 0 !important;
  }

  #top-bar .mini-download span.download-text {
    display: none !important;
  }
}

/* Style 1 */
.topbar-style-1 #top-bar {
  background-color: rgb(0 94 184 / 100%);
}

/* Header
-------------------------------------------------------------- */
#site-header {
  position: relative;
  background-color: rgb(255 255 255 / 100%);
  box-shadow: 0px 1px 8px 0px rgb(0 0 0 / 7%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#site-header-inner {
  position: relative;
}

#site-header .wrap-inner {
  padding-top: 28.5px;
  padding-bottom: 28.5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* Header Fixed */
#site-header.is-fixed {
  position: fixed;
  top: -151px;
  left: 0;
  width: 100%;
  z-index: 9999;
}

#site-header.is-fixed.is-small {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}

#site-header.is-fixed.is-small .wrap-inner {
  padding-top: 45px;
  padding-bottom: 45px;
}

#site-header.is-fixed.is-small .wrap-inner.style-2 {
  padding-top: 25px;
  padding-bottom: 25px;
}

#site-header.is-fixed.is-small #site-logo {
  width: 9%;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: -45px;
  box-shadow: none;
}

@media (max-width: 767px) {
  #site-logo {
    box-shadow: none !important;
    margin-left: -11.2% !important;
    margin-top: -66px !important;
    background: transparent !important;
  }

  #site-logo img {
    width: 55%;
  }

  .mobile-button {
    margin-top: -5px !important;
  }

  .bussiness-item-blue .icon:nth-child(1) img {
    width: 40px;
  }

  .bussiness-item-blue .icon:nth-child(2) img {
    width: 70px;
  }

  .bussiness-item-blue .icon:nth-child(3) img {
    width: 77px;
  }

  .bussiness-item-blue .icon:nth-child(4) img {
    width: 68px;
  }
}

@media (max-width: 1199px) {
  #top-bar .top-bar-content {
    width: 40% !important;
  }

  #top-bar .top-bar-socials {
    width: 60% !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #site-logo {
    box-shadow: none !important;
    margin-top: -7.8% !important;
    margin-left: -9.5% !important;
    background: transparent !important;
  }

  #site-logo img {
    width: 55%;
  }

  #top-bar .top-bar-content {
    width: 20% !important;
  }

  #top-bar .top-bar-socials {
    width: 80% !important;
  }

  .mobile-button {
    margin-top: -5px !important;
  }

  .bussiness-item-blue .icon:nth-child(1) img {
    width: 50px;
  }

  .bussiness-item-blue .icon:nth-child(2) img {
    width: 70px;
  }

  .bussiness-item-blue .icon:nth-child(3) img {
    width: 77px;
  }

  .bussiness-item-blue .icon:nth-child(4) img {
    width: 68px;
  }
}

#site-header.is-fixed.is-small #site-logo .logo {
  height: 58px;
}

#site-header.is-fixed.is-small #header-get-a-quote {
  top: 26px;
}

#site-header.is-fixed.is-small .header-phone {
  top: 28px;
}

.header-style-2 #site-header.is-fixed.is-small #header-get-a-quote {
  top: 30px;
}

#site-header.is-fixed.is-small #main-nav .sub-menu {
  top: 90px;
}

/* Site Logo */
#site-header .logo {
  height: 70px;
}

#site-logo {
  margin: -102px 0px 0px 0px;
  padding: 40px 0px 40px 0px;

  border-radius: 0 85px 0 85px;
  position: absolute;
  z-index: 98;

  width: 22.5%;
  box-shadow: 0 5px 10px rgb(0 0 0 / 7%);
  background-color: rgb(255 255 255 / 75%);
}

#site-logo-inner {
  text-align: center;
}

#site-logo-inner img {
  opacity: 1;
}

#site-logo-inner a:hover img {
  opacity: 0.75;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* 首页四大板块 */
.F4-icon-1 {
  width: 52px;
}

.F4-icon-2 {
  width: 70px;
}

.F4-icon-3 {
  width: 75px;
}

.F4-icon-4 {
  width: 75px;
}

.F4-icon-5 {
  width: 73px;
}

.home-F4 .link-frame {
  text-align: left;
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
  .F4-icon-1 {
    width: 52px;
  }

  .F4-icon-2 {
    width: 70px;
  }

  .F4-icon-3 {
    width: 75px;
  }

  .F4-icon-4 {
    width: 75px;
  }

  .F4-icon-5 {
    width: 73px;
  }

  .home-F4 .title,
  .home-F2 .title,
  .home-F1 .title {
    font-size: 30px !important;
  }
}

@media (max-width: 990px) {
  .F4-icon-1 {
    width: 50px !important;
  }

  .F4-icon-2 {
    width: 68px !important;
  }

  .F4-icon-3 {
    width: 73px !important;
  }

  .F4-icon-4 {
    width: 73px !important;
  }

  .F4-icon-5 {
    width: 68px !important;
  }

  .home-F4 .title,
  .home-F2 .title,
  .home-F1 .title {
    font-size: 28px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 989px) {

  .home-F4 .title,
  .home-F2 .title,
  .home-F1 .title {
    font-size: 24px !important;
    letter-spacing: 4.5px !important;
  }
}

@media (max-width: 767px) {

  .home-F4 .title,
  .home-F2 .title,
  .home-F1 .title {
    font-size: 28px !important;
    letter-spacing: 1.5px !important;
  }
}

@media (max-width: 414px) {

  .home-F4 .title,
  .home-F2 .title,
  .home-F1 .title {
    font-size: 24px !important;
  }

  .home-F4 .link-frame {
    text-align: center !important;
  }

  .home-F4 .link-frame p {
    margin-left: -11px !important;
  }
}

/* 四大板块描线文字 */
.home-F1 .F1-font-style .F1-heading-shadown-text,
.home-F2 .F2-font-style .F2-heading-shadown-text,
.home-F3 .F3-font-style .F3-heading-shadown-text-Off,
.home-F4 .F4-font-style .F4-heading-shadown-text,
.Office-font-style .Office-heading-shadown-text,
.Storage-font-style .Storage-heading-shadown-text {
  top: 0;
}

.home-F1 .F1-font-style .F1-heading-shadown-text,
.home-F2 .F2-font-style .F2-heading-shadown-text,
.home-F3 .F3-font-style .F3-heading-shadown-text-On,
.home-F3 .F3-font-style .F3-heading-shadown-text-Off,
.service-left .F3-heading-shadown-text-On,
.service-left .F3-heading-shadown-text-Off,
.home-F4 .F4-font-style .F4-heading-shadown-text,
.news-font-style .news-heading-shadown-text,
.video-font-style .video-heading-shadown-text,
.Office-font-style .Office-heading-shadown-text,
.Storage-font-style .Storage-heading-shadown-text,
.About-font-style .About-heading-shadown-text,
.Sustainability-font-style .About-heading-shadown-text,
.History-font-style .History-heading-shadown-text {
  -webkit-text-stroke: 2px rgb(0 0 0 / 7%);
  -webkit-text-fill-color: transparent;
  font-family: "Arial" !important;
  font-weight: 550;
  font-size: 158px;
  letter-spacing: -1px !important;
  position: relative;
  z-index: 0;
}

.About-font-style .About-heading-shadown-text {
  font-size: 115px !important;
}

.Sustainability-font-style .About-heading-shadown-text {
  font-size: 115px !important;
  letter-spacing: 0.8px !important;
}

.home-F1 .F1-font-style .heading,
.home-F2 .F2-font-style .heading,
.home-F3 .F3-font-style .heading,
.home-F4 .F4-font-style .heading,
.Office .Office-font-style .heading,
.Storage .Storage-font-style .heading,
.About-font-style .heading {
  font-size: 72px;
  line-height: 90px;
  color: rgb(31 36 44 / 100%) !important;
  margin-top: -56px;
  letter-spacing: -1.5px !important;
}

.Office .Office-font-style .heading,
.Storage .Storage-font-style .heading {
  margin-bottom: 60px;
}

.About-font-style .heading {
  margin-bottom: 40px;
}

.Sustainability-font-style .heading {
  font-size: 48px !important;
  letter-spacing: -1.8px !important;
  margin-top: -34px !important;
}

/*导航一 安全性 */
.home-safety .F3-font-style .F3-heading-shadown-text-On,
.home-safety .F3-font-style .F3-heading-shadown-text-Off {
  -webkit-text-stroke: 2px rgb(255 255 255 / 20%);
  -webkit-text-fill-color: transparent;
  font-family: "Arial" !important;
  font-size: 158px;
  font-weight: 550;
  letter-spacing: -1px !important;
  z-index: 0;
}

.home-safety .F3-font-style .F3-heading-shadown-text-On {
  left: 28% !important;
  top: 38% !important;
  position: absolute;
  display: block;
}

.home-safety .F3-font-style .F3-heading-shadown-text-Off {
  display: none;
}

.home-safety .F3-font-style h1.heading {
  font-size: 108px !important;
  line-height: 68px;
  color: rgb(255 255 255 / 100%);
  margin-top: -106px;
  letter-spacing: 0px !important;
}

.home-safety .F3-font-style .sub-heading {
  font-size: 20px;
  line-height: 30px;
  margin-top: 22px;
  margin-bottom: 52px !important;
  color: rgb(255 255 255 / 55%);
}

.home-safety .content-link .text-color {
  color: rgb(255 255 255 / 55%);
}

.home-F1 .F1-font-style .sub-heading,
.home-F2 .F2-font-style .sub-heading,
.home-F3 .F3-font-style .sub-heading,
.home-F4 .F4-font-style .sub-heading {
  font-size: 20px;
  line-height: 30px;
  margin-top: 12px;
  margin-bottom: 52px !important;
  color: rgb(31 36 44 / 75%);
}

@media only screen and (min-width: 1100px) and (max-width: 1200px) {
  .About-font-style .About-heading-shadown-text {
    font-size: 92px !important;
    letter-spacing: -5px !important;
    margin-top: 3% !important;
  }

  .History-font-style .History-heading-shadown-text {
    font-size: 120px !important;
    letter-spacing: -1px !important;
    margin-top: -1.2% !important;
  }
}

@media (max-width: 1099px) {

  .home-F1 .F1-font-style .F1-heading-shadown-text,
  .home-F2 .F2-font-style .F2-heading-shadown-text,
  .home-F3 .F3-font-style .F3-heading-shadown-text-On,
  .home-F3 .F3-font-style .F3-heading-shadown-text-Off,
  .service-left .F3-heading-shadown-text-On,
  .service-left .F3-heading-shadown-text-Off,
  .home-F4 .F4-font-style .F4-heading-shadown-text,
  .news-font-style .news-heading-shadown-text,
  .video-font-style .video-heading-shadown-text,
  .Office-font-style .Office-heading-shadown-text,
  .Storage-font-style .Storage-heading-shadown-text,
  .About-font-style .About-heading-shadown-text,
  .History-font-style .History-heading-shadown-text {
    font-size: 108px !important;
    letter-spacing: -1px !important;
  }

}

@media (max-width: 991px) {

  .home-F1 .F1-font-style .F1-heading-shadown-text,
  .home-F2 .F2-font-style .F2-heading-shadown-text,
  .home-F3 .F3-font-style .F3-heading-shadown-text-On,
  .home-F3 .F3-font-style .F3-heading-shadown-text-Off,
  .service-left .F3-heading-shadown-text-On,
  .service-left .F3-heading-shadown-text-Off,
  .home-F4 .F4-font-style .F4-heading-shadown-text,
  .news-font-style .news-heading-shadown-text,
  .video-font-style .video-heading-shadown-text,
  .Office-font-style .Office-heading-shadown-text,
  .Storage-font-style .Storage-heading-shadown-text,
  .About-font-style .About-heading-shadown-text,
  .History-font-style .History-heading-shadown-text {
    font-size: 98px !important;
    letter-spacing: -1px !important;
  }

  .history-change .History-font-style {
    width: 100% !important;
    text-align: center !important;
    padding: 0;
    margin: 0;
    clear: both !important;
  }

  .home-F2 .F2-font-style .heading {
    font-size: 62px;
    letter-spacing: 0px !important;
  }

  /* 导航页一 */
  .home-safety .F3-font-style .content-link li {
    font-size: 28px !important;
    padding-bottom: 28px;
  }

  .home-safety .F3-font-style .content-link {
    padding-bottom: 88px;
  }
}

@media (max-width: 767px) {

  .home-F1 .F1-font-style .F1-heading-shadown-text,
  .home-F2 .F2-font-style .F2-heading-shadown-text,
  .home-F3 .F3-font-style .F3-heading-shadown-text-On,
  .home-F3 .F3-font-style .F3-heading-shadown-text-Off,
  .service-left .F3-heading-shadown-text-On,
  .service-left .F3-heading-shadown-text-Off,
  .home-F4 .F4-font-style .F4-heading-shadown-text,
  .news-font-style .news-heading-shadown-text,
  .video-font-style .video-heading-shadown-text,
  .Office-font-style .Office-heading-shadown-text,
  .Storage-font-style .Storage-heading-shadown-text,
  .About-font-style .About-heading-shadown-text,
  .History-font-style .History-heading-shadown-text {
    font-size: 78px !important;
    letter-spacing: -1px !important;
  }
}


@media (max-width: 553px) {

  .home-F1 .F1-font-style .F1-heading-shadown-text,
  .home-F2 .F2-font-style .F2-heading-shadown-text,
  .home-F3 .F3-font-style .F3-heading-shadown-text-On,
  .home-F3 .F3-font-style .F3-heading-shadown-text-Off,
  .service-left .F3-heading-shadown-text-On,
  .service-left .F3-heading-shadown-text-Off,
  .home-F4 .F4-font-style .F4-heading-shadown-text,
  .news-font-style .news-heading-shadown-text,
  .video-font-style .video-heading-shadown-text,
  .Office-font-style .Office-heading-shadown-text,
  .Storage-font-style .Storage-heading-shadown-text,
  .About-font-style .About-heading-shadown-text,
  .History-font-style .History-heading-shadown-text {
    font-size: 72px !important;
    letter-spacing: -1px !important;
  }

  .home-F2 .F2-font-style .heading {
    font-size: 52px;
  }

  .home-F2 .F2-font-style .sub-heading {
    font-size: 18px !important;
  }

  /* 导航页一 */
  .home-safety .F3-font-style .content-link li {
    font-size: 20px !important;
    padding-bottom: 20px;
  }
}

@media (max-width: 414px) {

  .home-F1 .F1-font-style .F1-heading-shadown-text,
  .home-F2 .F2-font-style .F2-heading-shadown-text,
  .home-F3 .F3-font-style .F3-heading-shadown-text-On,
  .home-F3 .F3-font-style .F3-heading-shadown-text-Off,
  .service-left .F3-heading-shadown-text-On,
  .service-left .F3-heading-shadown-text-Off,
  .home-F4 .F4-font-style .F4-heading-shadown-text,
  .news-font-style .news-heading-shadown-text,
  .video-font-style .video-heading-shadown-text,
  .Office-font-style .Office-heading-shadown-text,
  .Storage-font-style .Storage-heading-shadown-text,
  .About-font-style .About-heading-shadown-text,
  .History-font-style .History-heading-shadown-text {
    font-size: 68px !important;
    letter-spacing: -1px;
  }
}

.home-safety .F3-font-style span.F3-heading-shadown-text-Off {
  font-size: 118px !important;
}

.home-F4 .F4-font-style .heading,
.home-F1 .F1-font-style .heading {
  font-size: 48px;
}

.F2-font-style .sub-heading {
  font-size: 18px !important;
}

/* 导航页一 */
.home-safety .F3-font-style .heading {
  font-size: 52px;
}

.home-safety .F3-font-style .content-link li {
  font-size: 18px !important;
  padding-bottom: 18px;
}

/* 二大集成导航板块 */
.home-Road2-1 p.king-heading {
  font-size: 62px;
  margin-bottom: 70px;
  color: rgb(0 0 0 / 85%);
  letter-spacing: -1.8px !important;
}

.home-Road2-1 .text-wrap {
  padding: 24px 0;
}

.home-Road2-1 .text-wrap .main-text-wrap {
  width: 275px;
  min-height: 132px;
  text-align: start;

  margin: 0 auto;
}

.home-Road2-1 .text-wrap h6.heading {
  /* color: rgb(92 179 62 / 100%); */
  padding: 3px 5px 4px 5px;

  width: fit-content !important;

  color: rgb(255 255 255 / 100%);
  font-size: 13px;
  font-weight: normal;
  background: linear-gradient(45deg, rgb(0 205 172 / 85%), rgb(0 94 184 / 85%));
}

.home-Road2-1 .text-wrap p.sub-heading {
  margin: 0;
  padding: 0;
}

.home-Road2-1 p.tail-heading {
  font-size: 16px;
  font-weight: 600;
  color: rgb(31 36 44 / 100%);
  margin-top: 80px;
}

.home-Road2-1 .frame-aurora {
  color: rgb(255 255 255 / 100%);
  background: linear-gradient(45deg, rgb(0 205 172 / 100%), rgb(0 94 184 / 100%));
  width: 275px;
  padding: 12px;
  letter-spacing: 0px;
  border-radius: 8px;
  border: 0px;
  margin: 12px auto 0 auto !important;
  left: -1px;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.home-Road2-1 p.sub-heading br.Off,
.home-Road2-1 p.king-heading br.Off {
  display: none;
}

.home-Road2-1 p.tail-heading.One {
  display: block;
}

.home-Road2-1 p.tail-heading.Two {
  display: none;
}

.home-Road2-1 p.tail-heading.Three {
  display: none;
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
  .home-Road2-1 img {
    left: -10px;
    position: relative;
  }

  .home-Road2-1 p.king-heading {
    text-align: center;
    font-size: 58px;
  }

  .home-Road2-1 p.sub-heading {
    letter-spacing: -1.5px !important;
  }

  .home-Road2-1 .frame-aurora {
    width: calc(100% - 34px);
  }

  .home-Road2-1 p.king-heading {
    font-size: 52px;
  }

  .home-Road2-1 .text-wrap .main-text-wrap {
    min-height: 132px;
  }

  .home-Road2-1 .text-wrap p.sub-heading {
    font-size: 14px;
    letter-spacing: 0;
  }

  .home-Road2-1 p.sub-heading br.Off {
    display: block;
  }
}

@media (max-width: 990px) {

  .home-Road2-1 p.tail-heading.One {
    display: none;
  }

  .home-Road2-1 p.tail-heading.Two {
    display: block;
  }

  .home-Road2-1 p.tail-heading.Three {
    display: none;
  }

  .home-Road2-1 p.king-heading {
    font-size: 52px;
    line-height: 62px !important;
    margin: 0 0 24px 0;
  }

  .home-Road2-1 .frame-aurora {
    width: 275px;
  }

  .home-Road2-1 p.king-heading br.Off {
    display: block;
  }

  .home-Road2-1 .text-wrap .main-text-wrap {
    min-height: fit-content;
  }

  .box-work {
    margin-top: 24px;
  }
}

@media (max-width: 767px) {

  .home-Road2-1 p.tail-heading.One {
    display: none;
  }

  .home-Road2-1 p.tail-heading.Two {
    display: none;
  }

  .home-Road2-1 p.tail-heading.Three {
    display: block;
  }

  .home-Road2-1 p.king-heading {
    text-align: center;
    font-size: 38px;
    line-height: 48px !important;
    margin: 0 0 24px 0;
  }

  .home-Road2-1 .btn-aurora {
    width: 240px;
  }
}

@media (max-width: 414px) {
  .home-Road2-1 p.king-heading {
    text-align: center;
    font-size: 28px;
  }
}

/* 产品集成板块 */
.row-content {
  top: 135px;
  position: relative;
}

.row-content .content-left,
.row-content .content-right {
  width: 50%;
}

.img-content-left {
  position: absolute;
  left: 0;
  right: 0;
  top: 65px;
}

.img-content-right {
  width: 50%;
  position: absolute;
  margin-top: -96px;
  border-radius: 20px 0 0 20px;
}

@media (max-width: 1790px) {
  .box-content-list {
    top: 92px !important;
  }

  .box-content {
    top: 67px !important;
  }
}

@media (max-width: 1530px) {
  .box-content-list {
    top: 42px !important;
  }

  .box-content {
    top: 17px !important;
  }
}

@media (max-width: 1285px) {

  .row-content .content-left,
  .row-content .content-right {
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
  }

  .row-content .content-right {
    position: relative !important;
    top: -135px !important;
    margin: 0 !important;
  }

  .row-content .content-left {
    position: relative !important;
    top: 0px !important;
    margin: 0 !important;
  }

  .img-content-left {
    position: absolute;
    left: 0;
    right: 0;
    top: 465px;
  }

  .img-content-right {
    width: 100% !important;
    position: relative;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }

  /* 导航页一 */
  .home-safety .content-link .text-grass {
    display: none !important;
  }

  .home-safety .F3-font-style {
    margin-top: -325px;
    text-align: center !important;
  }

  .home-safety .F3-font-style .F3-heading-shadown-text-On {
    display: none !important;
  }

  .home-safety .F3-font-style .F3-heading-shadown-text-Off {
    left: 0 !important;
    top: 0 !important;
    position: relative;
    display: block !important;
  }

  .home-safety .F3-font-style .heading {
    margin-top: -16px !important;
  }

  .home-safety .content-link .text-color {
    color: rgb(255 255 255 / 55%) !important;
  }

  .box-content-list {
    justify-content: center !important;
    top: -460px !important;
  }

  .box-content {
    justify-content: center !important;
    text-align: center;
    display: flex;
    flex-direction: column;
    top: -485px !important;
    width: 100% !important;
    align-items: center;
    background: linear-gradient(0deg, rgba(0, 205, 172, 0) 0%, rgba(0, 94, 184, 1) 100%) !important;
  }

  .box-content .icon-On {
    display: none !important;
  }

  .box-content .icon-Off {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .box-content-list {
    top: -290px !important;
  }

  .box-content {
    top: -315px !important;
  }

  .box-content .icon-On,
  .box-content .icon-Off {
    display: none !important;
  }
}

.box-content-list {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: left;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 20px;
  z-index: 100;
}

.box-content-list {
  top: 150px;
  left: 0;
}

.box-content-list .environmental-item {
  margin: 0 12px;
}

.box-content-list .icon .title {
  margin-top: 20px;
}

.box-content {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  position: relative;
  padding: 20px 30px 20px 30px;
  width: 110%;
  border-radius: 0 0 0 0;
  z-index: 99;
}

.box-content {
  top: 125px;
  left: 0;
  background: linear-gradient(90deg, rgba(0, 205, 172, .55) 0%, rgba(0, 94, 184, 1) 100%);
}

.box-content .icon-On {
  margin-right: 10px;
  display: block;
}

.box-content .icon-Off {
  display: none;
}

.box-content .icon-On .text-snow {
  font-size: 98px;
}

.box-content .icon-Off .text-snow {
  font-size: 158px;
}

.box-content .content .sub-heading {
  font-size: 20px;
  padding-top: 35px;
}

/* 服务集成板块 */
.row-Personal-Service {
  background: url("img/shortcode/linkmap/linkmap-2-4-L.png?v=1.00") rgb(240 244 249 / 100%) no-repeat right bottom;
}

.row-Download {
  margin: 0 0 -30px 0;
  padding-top: 20px;
  background: url("img/shortcode/download/bg-download-right.png?v=1.00") rgb(240 244 249 / 100%) no-repeat right bottom;
}

.row-Download ul li .text {
  font-size: x-large !important;
}

.service-left {
  min-height: 550px;
}

.choose-change {
  display: flex;
  justify-content: left;
  align-items: center;
}

.choose-change .text {
  margin-top: 18px;
}

.service-left .F3-font-style .F3-heading-shadown-text-On,
.home-safety .F3-font-style .F3-heading-shadown-text-On {
  top: 16%;
  left: 0%;
  position: absolute !important;
  display: block;
}

.service-left .F3-font-style .F3-heading-shadown-text-Off,
.home-safety .F3-font-style .F3-heading-shadown-text-Off {
  display: none;
}

.service-left .title {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  margin: 0 0 29px 0;
}

.service-left .title li {
  margin-right: 8px;
  padding: 6px 38px;
  border: 1px solid rgb(233 238 246 / 100%);
  background: rgb(244 247 251 / 100%);
  border-radius: 5px;
}

.service-left .title li:hover,
.service-left .title .active {
  color: rgb(255 255 255 / 55%);
  background: linear-gradient(45deg, rgb(0 205 172 / 100%), rgb(47 167 224 / 100%));
  border-radius: 5px;
}

.service-left .title li span {
  font-size: 16px;
  font-weight: 700;
}

.service-left .title .active span {
  color: rgb(255 255 255 / 100%);
}

.service-left .link {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.service-left .link ul {
  margin: 0;
}

.service-left .link ul a:hover {
  color: rgb(92 179 62 / 100%);
}

.service-left .link .first,
.service-left .link .second {
  margin-right: 42px;
}

.service-left .link ul li {
  margin-bottom: 11px;
}

.service-left .link ul li .text {
  position: relative;
  top: -10px !important;
}

.service-left .link ul li i {
  color: rgb(87 179 62 / 100%);
  font-size: 17px;
  margin-right: 14px;
}


@media (max-width: 1099px) {
  .row-Personal-Service {
    background: url("img/shortcode/linkmap/linkmap-2-4-S.jpg?v=1.00") rgb(240 244 249 / 100%) no-repeat center bottom !important;
    padding-bottom: 65px;
  }

  .row-Personal-Service .home-F3 {
    width: 100% !important;
    text-align: center !important;
    margin: 0;
    clear: both;
  }

  /* Download */
  .row-Download {
    background: rgb(240 244 249 / 100%) !important;
    padding-bottom: 65px;
  }

  .row-Download .home-F3 {
    width: 100% !important;
    text-align: center !important;
    margin: 0;
    clear: both;
  }

  .choose-change {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .service-left .link {
    justify-content: center;
  }

  .service-left .link ul {
    width: 33%;
  }

  .service-left .link .first,
  .service-left .link .second {
    margin-right: 0 !important;
  }

  .service-left .tab-title {
    justify-content: center;
  }

  .service-left .F3-font-style .F3-heading-shadown-text-On {
    display: none;
  }

  .service-left .F3-font-style .F3-heading-shadown-text-Off {
    display: block;
  }

  .home-F3 .F3-font-style .heading {
    margin-top: -16px !important;
  }
}

@media (max-width: 767px) {
  .home-F3 .F3-font-style .F3-heading-shadown-text-Off {
    font-size: 150px;
  }

  .home-F3 .F3-font-style .heading {
    font-size: 62px;
  }

  .service-left .link {
    display: block;
  }

  .service-left .link ul {
    width: 100% !important;
  }

}

@media (max-width: 553px) {
  .home-F3 .F3-font-style .F3-heading-shadown-text-Off {
    font-size: 120px;
  }
}

@media (max-width: 414px) {
  .home-F3 .F3-font-style .F3-heading-shadown-text-Off {
    font-size: 90px;
  }

  .home-F3 .F3-font-style .heading {
    font-size: 52px;
  }
}


/* Main Nav */
#main-nav ul {
  margin: 0px;
}

#main-nav ul li {
  position: relative;
  list-style: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#main-nav>ul>li {
  float: left;
  padding: 35px 14px 35px 14px !important;
}

#main-nav>ul>li>a {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: rgb(31 36 44 / 100%);
  position: relative;
  line-height: 23px;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "MS Gothic", "ＭＳ ゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#main-nav ul li .active::after,
#main-nav ul li .active {
  color: rgb(0 94 184 / 100%) !important;
}

#main-nav ul li .down::after {
  content: "\f078";
  font-family: "FontAwesome", sans-serif;
  color: rgb(31 36 44 / 100%);
  font-size: 12px;
  margin-left: 5px;
}

/* Sub Menu */
#main-nav .sub-menu {
  position: absolute;
  top: 95px;
  left: 0px;
  width: 250px;
  background-color: rgb(255 255 255 / 100%);
  border-radius: 5px;
  z-index: 9999;
  opacity: 0;
  display: block !important;
  visibility: hidden;
  padding: 0 30px;
  box-shadow: 0 10px 30px rgb(0 0 0 / 7%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateY(15px);
  -moz-transform: translateY(15px);
  -ms-transform: translateY(15px);
  -o-transform: translateY(15px);
  transform: translateY(15px);
}

#main-nav .sub-menu.style-2 {
  top: 105px;
}

#main-nav .right-sub-menu {
  left: auto;
  right: 0;
}

#main-nav .sub-menu li a {
  font-family: "Rubik", sans-serif;
  display: block;
  font-size: 16px;
  color: rgb(31 36 44 / 100%);
  padding: 15px 0;
  font-weight: 500;
}

#main-nav li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#main-nav .sub-menu li {
  border-bottom: 0.5px solid rgb(209 209 209 / 100%);
}

#main-nav .sub-menu li:last-child {
  border-bottom: 2px solid rgb(205 127 50 / 100%);
}

#main-nav .sub-menu li a:hover,
#main-nav .sub-menu li.current-item a {
  color: rgb(0 94 184 / 100%);
}

/* Mobile Menu */
#main-nav-mobi {
  display: block;
  margin: 0 auto;
  width: 100%;
  top: 100%;
  left: 0;
  position: absolute;
  z-index: 9999;
  background: rgb(255 255 255 / 96%);
  border-bottom: 1px solid rgb(217 217 214 / 100%);
  box-shadow: 0 10px 30px rgb(29 18 20 / 17%);
}

#main-nav-mobi ul {
  display: block;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

#main-nav-mobi ul li {
  margin: 0px;
  text-align: center;
  letter-spacing: 3px;
  cursor: pointer;
  padding: 0;
  position: relative;
}

#main-nav-mobi ul>li>a {
  color: rgba(0, 0, 0, .75);
  display: inline-block;
  font-size: 16px;
}

#main-nav-mobi ul>li.current-menu-item>a,
#main-nav-mobi ul>li>a:hover,
#main-nav-mobi ul li .active {
  color: rgb(0 94 184 / 100%);
}

#main-nav-mobi .menu-item-has-children .arrow {
  cursor: pointer;
  font-size: 22px;
  font-family: "FontAwesome";
}

#main-nav-mobi .menu-item-has-children .arrow:after {
  content: "\f103";
  color: rgb(0 0 0 / 25%);
}

#main-nav-mobi .menu-item-has-children .arrow.active:after {
  content: "\f102";
}

#main-nav-mobi .menu-item .MenuTitle {
  font-size: 20px;
  width: 100%;
  border-top: 1px solid rgb(217 217 214 / 100%);
  padding: 12px 0 10px 0;
}

#main-nav-mobi .menu-item .sub-menu {
  padding: 5px 0 10px 0 !important;
}

#main-nav-mobi .menu-item .sub-menu a {
  color: rgb(0 0 0 / 55%);
  padding-bottom: 0;
}

#main-nav-mobi .menu-item .sub-menu a:hover,
#main-nav-mobi .menu-item .sub-menu a:active {
  color: rgb(0 0 0 / 75%)
}


/* Mobile Menu Button */
.mobile-button {
  display: none;
  position: absolute;
  width: 22px;
  height: 22px;
  float: right;
  top: 50%;
  right: 15px;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mobile-button:before,
.mobile-button:after,
.mobile-button span {
  background-color: rgba(0, 0, 0, .55);
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.mobile-button:before,
.mobile-button:after {
  content: "";
  position: absolute;
  top: 0;
  height: 2px;
  width: 100%;
  left: 0;
  top: 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.mobile-button span {
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  top: 50%;
  overflow: hidden;
  text-indent: 200%;
}

.mobile-button:before {
  -webkit-transform: translate3d(0, -7px, 0);
  -moz-transform: translate3d(0, -7px, 0);
  transform: translate3d(0, -7px, 0);
}

.mobile-button:after {
  -webkit-transform: translate3d(0, 7px, 0);
  -moz-transform: translate3d(0, 7px, 0);
  transform: translate3d(0, 7px, 0);
}

.mobile-button.active span {
  opacity: 0;
}

.mobile-button.active:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  -moz-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}

.mobile-button.active:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  -moz-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}


#site-header #header-get-a-quote {
  position: absolute;
  right: 15px;
  top: 35px;
  z-index: 10;
}

.header-phone {
  position: absolute;
  right: 260px;
  top: 39px;
  z-index: 10;
}

.header-phone .socical-icon {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.header-phone .socical-icon .icon {
  margin-top: 6px;
}

.header-phone .socical-icon .icon::before {
  content: "\f095";
  font-family: "fontAwesome";
  color: rgb(87 179 60 / 100%);
  font-size: 25px;
  border: 1px solid rgb(0 0 0 / 1%);
  border-radius: 50%;
  padding: 11px 13px;
  text-align: center;
  margin: 0 12px 0 0;
}

.header-phone .socical-icon a {
  font-weight: 700;
}

.header-phone .socical-icon .call-us {
  line-height: 17px;
}

#header-get-a-quote a {
  border: 1px;
  border-color: rgb(0 94 184 / 100%);
  border-radius: 7px;
  padding: 20px 22px;
  border-style: solid;
  margin: 15px 0 0 0;
  font-family: "Rubik", sans-serif;
  color: rgb(31 36 44 / 100%);
  font-weight: 500;
  font-size: 15px;
}

#header-get-a-quote a:hover {
  background-color: rgb(0 94 184 / 100%);
  color: rgb(255 255 255 / 100%);
}

/* Style 1 */
.header-style-1 #site-header .wrap-inner {
  padding-top: 32px;
  padding-bottom: 37px;
}

.header-style-1 #site-header #main-nav {
  position: absolute;
  left: 300px;
  top: 50%;
  z-index: 99;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-style-1 #site-header #main-nav>ul>li {
  padding: 35px 27px 35px 14px;
}

.header-style-1 #site-header #header-get-a-quote {
  position: absolute;
  right: 13px;
  top: 44px;
  z-index: 10;
}

.header-style-1 #header-get-a-quote a {
  border: 0px;
  background-color: rgb(0 94 184 / 100%);
  color: rgb(255 255 255 / 100%);
}

.header-style-1 #header-get-a-quote a:hover {
  background-color: rgb(205 127 50 / 100%);
  color: rgb(255 255 255 / 100%);
}

/* Style 2 */
.header-style-2 #site-header #main-nav {
  position: absolute;
  left: 300px;
  top: 50%;
  z-index: 999;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-style-2.menu-has-search #site-header #main-nav {
  right: 125px;
}

.header-style-2 #site-logo {
  margin-left: 0px;
}

.header-style-2 #site-header .wrap-inner {
  padding-top: 50px;
  padding-bottom: 49px;
}

.header-style-2 #site-header .header-get-a-quote-icon {
  line-height: 1px;
}

/* Header Baner */
#header-banner {
  background: url("img/header-baner.jpg?v=1.00") repeat-x center;
  height: 198px;
}

#header-banner #header-banner-inner a {
  font-weight: normal !important;
}

#header-banner #header-banner-inner a:hover,
#header-banner #header-banner-inner a:link,
#header-banner #header-banner-inner a:active {
  color: rgb(224 242 250 / 100%) !important;
}

.header-banner-inner-wrap {
  padding: 45px 0 0 0;
  text-align: center;
  z-index: 10;
}

#header-banner #header-banner-inner .header-banner-inner-wrap .blog-standar-start {
  letter-spacing: 0px;
  text-shadow: 1px 2px 3px rgb(3 122 134 / 15%);
}

#header-banner #header-banner-inner .small-font {
  letter-spacing: 0px;
  font-size: 52px !important;
  margin-top: 30px;
}

.linkmap-icon-style {
  font-size: 30px;
}

@media (max-width: 1099px) {

  #header-banner #header-banner-inner .header-banner-inner-wrap .blog-standar-start {
    font-size: 62px;
  }

  .Storage .Storage-font-style .heading {
    font-size: 62px;
  }

  #header-banner #header-banner-inner .small-font {
    font-size: 46px !important;
    margin-top: 35px !important;
  }
}

@media (max-width: 991px) {
  #header-banner #header-banner-inner .small-font {
    font-size: 40px !important;
    margin-top: 40px !important;
  }

  .Storage {
    margin-top: 80px !important;
    margin-bottom: -10px !important;
  }
}

@media (max-width: 767px) {
  #header-banner #header-banner-inner .small-font {
    font-size: 30px !important;
    margin-top: 48px !important;
  }
}

@media (max-width: 580px) {

  #header-banner #header-banner-inner .header-banner-inner-wrap .blog-standar-start {
    font-size: 56px;
    margin-top: 10px;
  }

  #header-banner #header-banner-inner .small-font {
    font-size: 24px !important;
    margin-top: 48px !important;
  }

  /* 蓄电池板块主介绍页面标题 */
  .Storage .Storage-font-style .heading {
    font-size: 56px;
    margin-top: -44px;
  }

  /* LinkMapOne 3个图标自适应 */
  .box-content-list .environmental-item {
    margin: 0 10px !important;
  }

}

@media (max-width: 500px) {
  #header-banner #header-banner-inner .header-banner-inner-wrap .blog-standar-start {
    font-size: 46px;
    margin-top: 12px;
  }

  /* 蓄电池板块主介绍页面标题 */
  .Storage .Storage-font-style .heading {
    font-size: 46px;
    margin-top: -42px;
  }

  /* LinkMapOne 3个图标自适应 */
  .box-content-list .environmental-item {
    margin: 0 5px !important;
  }

  .environmental-item .icon {
    height: 128px !important;
    width: 128px !important;
    border: 4px solid rgb(247 249 252 / 100%) !important;
  }

  .environmental-item p {
    font-size: 14px !important;
    margin-bottom: 15px !important;
  }

  .linkmap-icon-style {
    font-size: 24px !important;
  }

  .box-content-list {
    top: -280px !important;
  }

  .box-content {
    top: -305px !important;
  }
}

/* 标题自适应 */
h6.post-title-detail .post-title-inner {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}

h6.post-title-detail .post-title-inner span.boss-title {
  display: flex;

  font-size: 36px;
  /* letter-spacing: -0.5px; */
  /* line-height: 44px !important; */

  /* height: 38px; */
}

@media (max-width: 1200px) {
  h6.post-title-detail .post-title-inner span.boss-title {
    font-size: 32px !important;
  }
}

@media (max-width: 991px) {
  h6.post-title-detail .post-title-inner {
    justify-content: center;
  }

  h6.post-title-detail .post-title-inner span.boss-title {
    font-size: 30px !important;
  }
}

@media (max-width: 490px) {
  h6.post-title-detail .post-title-inner span.boss-title {
    font-size: 22px !important;
  }
}

@media (max-width: 414px) {

  #header-banner #header-banner-inner .header-banner-inner-wrap .blog-standar-start {
    font-size: 41px;
    margin-top: 16px;
  }

  .Storage .Storage-font-style .heading {
    font-size: 42px;
    margin-top: -40px;
  }

  /* LinkMapOne 3个图标自适应 */
  .box-content-list .environmental-item {
    margin: 0 2px !important;
  }

  .environmental-item .icon {
    height: 118px !important;
    width: 118px !important;
    border: 2px solid rgb(247 249 252 / 100%) !important;
  }

  .environmental-item p {
    margin-bottom: 15px !important;
  }

  .linkmap-icon-style {
    font-size: 20px !important;
    margin-top: -5px !important;
  }

  .box-content-list {
    top: -260px !important;
  }

  .box-content {
    top: -298px !important;
  }

  .box-content .sub-heading {
    font-size: 18px !important;
  }
}

@media (max-width: 360px) {
  #header-banner #header-banner-inner .header-banner-inner-wrap .blog-standar-start {
    font-size: 36px;
    margin-top: 21px;
  }
}


/* Absolute */
.site-header-absolute #site-header-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

/* Blog Post
-------------------------------------------------------------- */
.hentry {
  padding-top: 52px;
}

.hentry:first-child {
  margin: 0px;
  border: none;
  padding: 0px;
}

.hentry .post-content-wrap {
  padding: 20px 0px 0px 0px;
}

.hentry .post-content-wrap ul {
  margin: 0;
}

.hentry .post-content-wrap ul li {
  padding: 0;
  line-height: 24px;
}

.hentry .post-content-wrap .fa.fa-check {
  font-size: 17px;
  color: rgb(87 179 60 / 100%);
  padding-right: 20px;
}

.hentry .post-content-wrap ul li:first-child .fa.fa-check {
  padding-right: 17px;
}

/* Post title */
.hentry .post-title {
  padding: 17px 0 16px 0;
  letter-spacing: -1px;
}

p.post-title-son {
  color: #191919;
  font-size: 26px;
}

p.post-title-son svg {
  margin: 0 6px 0 0;
}

@media (max-width: 1200px) {
  p.post-title-son {
    font-size: 24px !important;
  }
}

@media (max-width: 991px) {
  p.post-title-son {
    justify-content: center;

    font-size: 22px !important;
  }
}

@media (max-width: 490px) {
  p.post-title-son {
    font-size: 20px !important;
  }
}

.hentry .post-title-detail {
  font-size: 38px;
  padding-bottom: 12px;
  letter-spacing: -0.6px;
}

.hentry .post-title-detail span.post-title-inner {
  display: flex;
  align-items: center;
}

.hentry .post-title-son-detail {
  font-size: 18px;
  line-height: 41px;
  padding-bottom: 12px;
  letter-spacing: -0.6px;
}

.hentry .post-title-detail.style1 {
  padding: 30px 0 15px 0;
}

.post-title-service-detail {
  font-size: 16px;
  margin-bottom: 5px;
}

.margin-top-4 {
  margin-top: -4px !important;
}

/* Post meta */
.hentry .post-meta {
  color: rgb(31 36 44 / 100%);
  line-height: 30px;
  margin-bottom: 12px;
  font-family: "Rubik", sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.hentry .post-meta a {
  color: rgb(31 36 44 / 100%);
}

.hentry .post-meta .item {
  display: inline-block;
  position: relative;
  margin-right: 9px;
  padding-left: 0px;
}

.hentry .post-meta span.post-by-author.item {
  color: rgb(0 94 184 / 100%);
}

.hentry .post-meta span.post-date.item::before {
  content: "\f073";
  font-family: "FontAwesome";
  padding-right: 5px;
}

.hentry .post-meta a:hover {
  color: rgb(0 94 184 / 100%);
}

/* style-2 */
.margin-top-19 {
  margin-top: 19px !important;
}

.margin-bottom-51 {
  margin-bottom: 51px !important;
}

.post-title-detail.style-2 {
  margin-top: 8px;
}

.post-title-detail.style-2 span {
  font-family: "Teko", sans-serif;
  font-size: 60px;
  color: rgb(31 36 44 / 100%);
  font-weight: 400;
  letter-spacing: -1.2px;
}

/* Post content */
.hentry .post-excerpt {
  margin-bottom: 24px;
  width: 770px;
}

.hentry .post-excerpt p:first-child {
  margin: 0px;
}

.hentry .box-excerpt {
  margin: 27px 0px;
}

.hentry .box-excerpt .thumb {
  float: left;
  margin: 4px 31px 0 0;
}

.hentry .box-excerpt .text {
  overflow: hidden;
}

.hentry .post-excerpt.style1 p {
  padding-bottom: 13px;
}

.hentry .post-excerpt.style2 {
  margin-bottom: 11px;
}

.margin-bottom-32 {
  margin-bottom: 32px !important;
}

/* post author */
.row-companyinfo .post-author {
  background-color: rgba(240, 244, 249, .55);
  border-radius: 0;
  margin-bottom: 55px !important;
  margin-top: 0 !important;
}

.hentry .post-author {
  background-color: rgba(240, 244, 249, .55);
  border-left: 8px solid rgb(87 179 60 / 100%);
  border-radius: 5px;
  margin-bottom: 27px;
  margin-top: 25px !important;
}

.hentry .post-author p {
  margin-left: 0;
  padding-top: 10px;
  margin-bottom: 8px;
}

.hentry .post-author a {
  margin-left: 46px;
  font-weight: 700;
}

.hentry .post-author-img {
  background-color: rgba(240, 244, 249, .55);
  border-left: 0px;
  border-radius: 5px;
  margin-bottom: 27px;
  margin-top: 25px !important;
}

.hentry .post-author-img p {
  margin-left: 0;
  padding-top: 10px;
  margin-bottom: 8px;
}

.hentry .post-author-img a {
  margin-left: 46px;
  font-weight: 700;
}

.post-author table,
.post-author table tr td {
  vertical-align: middle !important;
  /* border: 1px solid rgba(240, 244, 249, 1) !important; */
}

.post-author table thead {
  /* background: rgba(240, 244, 249, .75) !important; */
}

/* Post read more */
.hentry .post-link a {
  display: inline-block;
  font-family: "Teko", sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: rgb(255 255 255 / 100%);
  background-color: rgb(0 94 184 / 100%);
  text-align: center;
  padding: 10px 58px;
  letter-spacing: -0.5px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.hentry .post-link a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0%;
  z-index: -1;
  top: 50%;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.hentry .post-link a:hover {
  opacity: 1;
  visibility: visible;
  height: 100%;
  background-color: rgb(205 127 50 / 100%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* Post tags */
.hentry .post-tags-socials {
  width: 100%;
  display: table;
  padding-top: 39px;
  border-top: 2px solid rgb(240 244 249 / 100%);
}

.hentry .post-tags {
  display: table-cell;
  vertical-align: middle;
  width: 60%;
  text-align: left;
}

.hentry .title {
  font-weight: 700;
  color: rgb(34 34 34 / 100%);
  padding-bottom: 5px;
  padding-right: 6px;
  font-size: 16px;
}

.hentry .post-socials span {
  margin-right: 69px;
}

.hentry .post-socials {
  display: table-cell;
  vertical-align: middle;
  width: 40%;
  text-align: right;
  padding-right: 15px;
}

.hentry .post-socials .socical-icon {
  margin-right: 5px;
}

.hentry .post-socials a {
  color: rgb(112 112 112 / 100%);
  padding: 0 8px;
}

.hentry .post-socials a:hover {
  color: rgb(0 94 184 / 100%);
}

/* Comments */
.comments-area {
  padding-top: 76px;
}

.comments-area .comments-title,
.comments-area .comment-reply-title {
  font-family: "Teko", sans-serif;
  color: #191919;
  font-weight: 400;
  font-size: 50px;
  line-height: 68px;
  margin-bottom: 0px;
  padding: 0;
}

.comments-area .comments-title {
  letter-spacing: -0.7px;
}

.comments-area .comment-time {
  position: absolute;
  right: 4%;
  top: 13%;
}

#comments p,
.comment-reply-link {
  margin-left: 133px;
  margin-bottom: 13px;
}

.comment-reply-link {
  font-family: "Rubik", sans-serif;
  color: rgb(87 179 60 / 100%);
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
}

.comment-reply-link:hover {
  color: rgb(205 127 50 / 100%);
}

/* Comments list */
.comment-list {
  margin: 0px;
}

.comment-list li.comment {
  padding: 0px;
}

.comment-list article {
  position: relative;
  padding: 26px 0px 25px 0px;
  border-bottom: 2px solid rgb(242 247 255 / 100%);
  margin-bottom: 6px;
}

.comment-list article .gravatar {
  width: 100px;
  height: 100px;
  float: left;
  margin-right: 33px;
  margin-top: 5px;
}

.comment-list article:last-child {
  margin-left: 113px;
}

.comment-list .comment-meta {
  margin-bottom: 17px;
}

.comment-list .comment-meta .comment-author {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: rgb(31 36 44 / 100%);
  line-height: 26px;
  padding-right: 8px;
  padding: 0;
}

/* Comments respond */
.comment-respond {
  padding-top: 98px;
  letter-spacing: -1px;
}

#commentform .name-wrap,
#commentform .email-wrap {
  width: 46%;
  float: left;
  margin-right: 4%;
  margin-bottom: 18px;
}

#commentform .email-wrap {
  margin-right: 0px;
}

#commentform input[type="text"],
#commentform input[type="email"],
#commentform textarea {
  background-color: rgb(255 255 255 / 100%);
  border-color: rgb(226 238 255 / 100%);
  padding-top: 15px;
  padding-bottom: 11px;
}

#commentform textarea {
  height: 170px;
  width: 96%;
  margin-bottom: 33px;
}

#comments .comment-respond .form-submit {
  margin: 0px;
}

#commentform input[type="submit"] {
  font-family: "Rubik", sans-serif;
  font-size: 15px;
  font-weight: 500;
  background-color: rgb(0 94 184 / 100%);
  color: rgb(255 255 255 / 100%);
  border: 0px !important;
  padding: 22px 36px !important;
  letter-spacing: 0px;
}

#commentform input[type="submit"]:hover {
  background-color: rgb(205 127 50 / 100%);
}

/* Widgets
-------------------------------------------------------------- */
#sidebar .widget {
  position: relative;
  z-index: 1;
  margin-top: 56px;
}

#sidebar .widget:first-child {
  margin: 0px;
}

/* Center */
.widget.align-center {
  text-align: center;
}

/* Box shadow */
.widget.has-shadow {
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.03);
}

/* No sep */
.widget.no-sep .widget-title span {
  padding: 0px;
}

.widget.no-sep .widget-title span:after {
  height: 0px;
  width: 0px;
  background-color: transparent;
}

/* Border */
.widget.has-border.border-solid {
  border: 1px solid rgb(242 242 242 / 100%);
}

/* Widget title */
.widget .widget-title {
  font-size: 20px;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.widget .widget-title span {
  display: block;
  position: relative;
  padding: 0px 0px 16px 0px;
}

/* Widget Search */
#sidebar .widget.widget_search .search-form {
  position: relative;
  width: 370px;
  height: 80px;
}

#sidebar .widget.widget_search .search-form .search-field {
  background-color: rgb(255 255 255 / 100%);
  padding-left: 15px;
  margin-top: 10px;
  height: 80px;
  font-size: 18px;
}

#sidebar .widget.widget_search .search-form .search-submit {
  position: absolute;
  background-color: rgb(0 94 184 / 100%);
  top: 10px;
  right: 0px;
  width: 80px;
  height: 80px;
  text-align: center;
  text-indent: 9999px;
  padding: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#sidebar .widget.widget_search .search-form .search-submit:before {
  content: "\f002";
  font-family: "FontAwesome";
  color: rgb(255 255 255 / 100%);
  font-size: 25px;
  text-align: center;
  position: absolute;
  top: 25px;
  right: 25px;
}

#sidebar .widget.widget_search .search-form .search-submit:hover {
  background-color: rgb(205 127 50 / 100%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* Widget category */

.widget.widget_category ul {
  margin-left: 0px;
}

.widget.widget_category li {
  border: solid 1px rgb(227 227 227 / 100%);
  padding: 8px 0 9px 21px;
  border-radius: 5px;
  margin-bottom: 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.widget.widget_category ul li:hover {
  background-color: rgb(0 94 184 / 100%);
  color: rgb(255 255 255 / 100%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.widget.widget_category ul li:hover a {
  color: rgb(255 255 255 / 100%);
}

.widget.widget_category li:first-child {
  margin-top: 12px;
}

.widget.widget_category li:last-child {
  margin-bottom: -10px;
}

.widget.widget_category ul li a {
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: rgb(34 34 34 / 100%);
}

.widget.widget_category ul li a::after {
  content: "\f0da";
  font-family: "FontAwesome";
  font-size: 15px;
  color: rgb(34 34 34 / 100%);
  position: absolute;
  right: 29px;
}

/* style-2 */
.widget.widget_category.style-2 li {
  padding-top: 10px;
}

/* Widget widget_recent_news */
.widget.widget_recent_news ul {
  margin: 0px;
}

.widget.widget_recent_news ul li {
  margin-top: 15px;
  padding: 0px;
  border: 1px solid rgb(227 227 227 / 100%);
  border-radius: 5px;
}

.widget.widget_recent_news ul li:first-child {
  margin-top: -6px;
}

.widget.widget_recent_news ul li:last-child {
  margin-bottom: 36px;
}

.widget.widget_recent_news .thumb {
  width: 75px;
  height: 70px;
  float: left;
  margin: 15px;
}

.widget.widget_recent_news .text {
  overflow: hidden;
  width: 196px;
  margin-left: 85px;
  margin-top: 10px;
  padding-bottom: 10px;
}

.widget.widget_recent_news .text h4 {
  line-height: 24px;
}

.widget_recent_news .post-date {
  font-size: 12px;
  color: rgb(31 36 44 / 100%);
}

.widget.widget_recent_news .entry-date::before {
  content: "\f073";
  font-family: "FontAwesome";
  padding-right: 5px;
  font-size: 14px;
}

/* Widget your headline here  */
#widget-banner {
  background-image: url("img/post/your-head-here.png?v=1.00");
  max-width: 100%;
  height: 490px;
}

#widget-banner-inner {
  max-width: 100%;
  height: 490px;
  position: absolute;
  opacity: 0.8;
  background-color: rgb(0 94 184 / 100%);
}

#widget-banner #widget-banner-inner .your-headline-here {
  text-align: left;
  padding: 159px 0 0px 28px;
  letter-spacing: -0.7px;
  line-height: 69px;
}

#widget-banner #widget-banner-inner .btn.your-headline-here {
  position: absolute;
  top: 43.6%;
}

#widget-banner #widget-banner-inner .btn.your-headline-here a {
  font-family: "Rubik", sans-serif;
  color: rgb(255 255 255 / 100%);
  font-weight: 700;
  font-size: 15px;
  border: 1px;
  border-color: rgb(255 255 255 / 100%);
  border-radius: 7px;
  padding: 15px 77px 15px 22px;
  border-style: solid;
  margin: 35px 0 0 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#widget-banner #widget-banner-inner .btn.your-headline-here a:hover {
  background-color: rgb(205 127 50 / 100%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#widget-banner #widget-banner-inner .btn.your-headline-here a::after {
  content: "\f178";
  font-family: "FontAwesome";
  font-size: 15px;
  color: rgb(255 255 255 / 100%);
  position: absolute;
  right: 15px;
}

/* widget-get-a-quote */
.widget.widget_get-a-quote {
  margin-bottom: 71px;
}

.widget.widget_get-a-quote .widget-title {
  margin-bottom: 24px;
}

.widget.widget_get-a-quote .widget-title span {
  padding: 10px 0 0 0;
}

.widget.widget_get-a-quote input {
  border-radius: 5px;
}

.widget.widget_get-a-quote .name,
.widget.widget_get-a-quote .email {
  margin-bottom: 4px;
}

.widget.widget_get-a-quote .name input {
  padding: 20px 0 18px 22px
}

.widget.widget_get-a-quote .name::after {
  content: "\e97c";
  font-family: 'zingbox-icon';
  color: rgb(223 30 8 / 100%);
  font-size: 14px;
  position: absolute;
  right: 31px;
  top: 86px;
}

.widget.widget_get-a-quote .email input {
  padding: 20px 0 18px 22px
}

.widget.widget_get-a-quote .email::after {
  content: "\e97a";
  font-family: 'zingbox-icon';
  color: rgb(223 30 8 / 100%);
  font-size: 12px;
  position: absolute;
  right: 29px;
  top: 175px;
}

.widget.widget_get-a-quote .message input {
  padding: 11px 0 80px 22px;
}

.widget.widget_get-a-quote .message::after {
  content: "\e97b";
  font-family: 'zingbox-icon';
  color: rgb(223 30 8 / 100%);
  font-size: 14px;
  position: absolute;
  right: 29px;
  top: 255px;
}

.widget.widget_get-a-quote .message {
  margin-bottom: 12px;
}

.widget.widget_get-a-quote .btn-send {
  background-color: rgb(0 94 184 / 100%);
  padding: 15px 50px;
  color: rgb(255 255 255 / 100%);
  font-size: 15px;
  font-weight: 700;
  border-radius: 5px;
}

.widget.widget_get-a-quote .btn-send:hover {
  background-color: rgb(205 127 50 / 100%);
}

/* widget-company-profile */
.widget-company-profile {
  background-color: rgb(0 94 184 / 100%);
  border-radius: 5px;
  padding-bottom: 59px;
}

.widget-company-profile-inner-wrap {
  color: rgb(255 255 255 / 100%);
  padding-left: 30px;
}

.widget-company-profile .title {
  padding: 39px 0 12px 0px;
  color: rgb(255 255 255 / 100%);
}

.widget-company-profile .infor-company {
  padding-right: 35px;
  margin-bottom: 40px;
}

.widget-company-profile .btn-download::before {
  content: "\f1c1";
  font-family: "FontAwesome", sans-serif;
  font-size: 20px;
  position: absolute;
  left: 57px;
}

.widget-company-profile .btn-download a {
  color: rgb(255 255 255 / 100%);
  background-color: rgb(31 36 44 / 100%);
  padding: 19px 30px 17px 60px;
  border-radius: 5px;
  font-weight: 500;
}

.widget-company-profile .btn-download a:hover {
  background-color: rgb(205 127 50 / 100%);
}

/* Pagination
-------------------------------------------------------------- */
.themesflat-pagination {
  padding-top: 105px;
}

.themesflat-pagination ul {
  margin: 0px;
  position: relative;
}

.themesflat-pagination ul li {
  display: inline-block;
  padding: 0px;
  margin-right: 10px;
}

.themesflat-pagination ul li .page-numbers {
  display: inline-block;
  font-size: 20px;
  color: rgb(13 31 53 / 100%);
  text-align: center;
  width: 60px;
  height: 60px;
  border: 1px solid rgb(240 244 249 / 100%);
  line-height: 60px;
  background-color: transparent;
  border-radius: 10px;
  background-color: rgb(240 244 249 / 100%);
}

.themesflat-pagination ul li .page-numbers span.fa {
  font-size: 25px;
}

.themesflat-pagination ul li .page-numbers:hover,
.themesflat-pagination ul li .page-numbers.current {
  background-color: rgb(0 94 184 / 100%);
  color: rgb(255 255 255 / 100%);
  border-color: rgb(0 94 184 / 100%);
}

.themesflat-pagination .page-prev-next {
  width: 100%;
  border: 1px solid rgb(240 244 249 / 100%);
}

.themesflat-pagination .page-prev-next>li {
  width: 49.7%;
  border-left: 1px solid rgb(240 244 249 / 100%);
  display: inline-block;
  margin: 0px;
  padding: 13px 15px 11px 15px;
}

.themesflat-pagination .page-prev-next>li:first-child {
  border-left: 0px;
}

.themesflat-pagination .page-prev-next>li a {
  display: block;
  text-transform: uppercase;
  font-size: 13px;
  font-family: "Rubik", sans-serif;
  color: rgb(13 31 53 / 100%);
  position: relative;
  z-index: 1;
}

.themesflat-pagination .page-prev-next>li a:before {
  content: "";
  font-family: "FontAwesome";
  font-size: 18px;
  line-height: 22px;
  position: absolute;
  top: 0%;
  text-align: center;
  width: 22px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.themesflat-pagination .page-prev-next>li a.prev:before {
  content: "\f104";
  left: 0;
}

.themesflat-pagination .page-prev-next>li a.next:before {
  content: "\f105";
  right: 0;
}

.themesflat-pagination .page-prev-next>li a:after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: rgb(233 233 333 / 100%);
  top: 0;
  z-index: -1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.themesflat-pagination .page-prev-next>li a.prev:after {
  left: 0;
}

.themesflat-pagination .page-prev-next>li a.next:after {
  right: 0;
}

.themesflat-pagination .page-prev-next>li a.prev {
  padding-left: 36px;
}

.themesflat-pagination .page-prev-next>li a.next {
  padding-right: 36px;
}

.themesflat-pagination .page-prev-next>li a:hover {
  color: rgb(0 94 184 / 100%);
}

.themesflat-pagination .page-prev-next>li a:hover:before {
  color: rgb(255 255 255 / 100%);
}

.themesflat-pagination .page-prev-next>li a:hover:after {
  background-color: rgb(0 94 184 / 100%);
}

/* Footer
------------------------------------------------------------- */
#footer.style-1 {
  background-color: rgb(31 36 44 / 100%);
  position: relative;
  z-index: 1;
  padding: 87px 0px 85px 0px;
}

#footer .bg-right {
  position: absolute;
  bottom: 0%;
  right: -2%;
}

#footer a {
  font-size: 18px;
  color: rgb(255 255 255 / 100%);
}

#footer a:hover {
  color: rgb(0 94 184 / 100%);
}

#footer .footer-socials a {
  background-color: rgb(112 112 112 / 100%);
  border: 1px;
  border-radius: 50%;
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 40px;
  margin-right: 12px;
  text-align: center;
}

#footer .footer-socials a:last-child {
  margin-right: 0 !important;
}

#footer .footer-socials .active,
#footer .footer-socials a:hover {
  color: rgb(255 255 255 / 100%);
  background-color: rgb(0 94 184 / 100%);
}

.margin-bottom-15,
.service-list {
  color: rgb(255 255 255 / 100%);
  font-weight: 400;
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 28px;
  margin-top: 20px;
}

#footer h3 {
  font-family: "Rubik", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: rgb(255 255 255 / 100%);
  line-height: 30px;
}

#footer h4 {
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: rgb(255 255 255 / 100%);
  line-height: 26px;
}

#footer .widget {
  margin-bottom: 46px;
}

#footer .widget.widget_services {
  padding: 0 0 0 40px;
}

#footer .widget.widget_services ul {
  padding-top: 2px;
}

#footer .widget.widget_services ul li {
  padding: 0;
}

#footer .widget.widget_Latest-post {
  padding: 0 0 0 60px;
}

#footer .widget.widget_Latest-post ul {
  margin-top: 2px;
}

#footer .widget.widget_Latest-post ul li {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
}

#footer .widget.widget_Latest-post ul li:last-child {
  padding-top: 16px;
}

#footer .widget.widget_Latest-post ul li .thumb {
  width: 30%;
  margin: 8px 11px 0 0;
}

#footer .widget.widget_Latest-post ul li .text {
  width: 70%;
  margin-top: -2px;
}

#footer .widget.widget_Latest-post .post-date {
  color: rgb(255 255 255 / 100%);
  font-size: 12px;
  line-height: 28px;
}

#footer .Email input {
  border-radius: 5px;
  margin-bottom: 15px;
  padding: 7px 0px 7px 18px;
  margin-top: 4px;
  border-color: #3e444e;
}

#footer .btn-subcriber-aurora {
  color: rgb(255 255 255 / 100%);
  font-size: 15px;
  font-weight: 400;
  background: linear-gradient(45deg, rgb(0 205 172 / 100%), rgb(0 94 184 / 100%));
  opacity: 0.55;
  border: 0px;
  padding: 17px 20px;
  margin-bottom: 11px;
  width: 100%;
  letter-spacing: 0px;
}

#footer .btn-subcriber-aurora:hover {
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#footer .btn-subcriber-orange {
  color: rgb(255 255 255 / 100%);
  font-size: 15px;
  font-weight: 400;
  background-color: rgb(205 127 50 / 100%);
  border: 0px;
  padding: 17px 0px;
  margin-bottom: 11px;
  width: 100%;
  letter-spacing: 0px;
}

#footer .btn-subcriber-orange:hover {
  background-color: rgb(205 127 50 / 100%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#footer .phone-form {
  margin-bottom: 12px;
  letter-spacing: -1px;
}

#footer .phone-form a {
  margin-right: 15px;
}

#footer .phone-form br,
#footer .email-form br,
#footer .textwidget br {
  display: none;
}

@media only screen and (min-width: 991px) and (max-width: 1199px) {

  #footer .phone-form br,
  #footer .email-form br,
  #footer .textwidget br {
    display: block;
  }

  #footer.style-1 .widget.widget_text p,
  #footer.style-2 .widget.widget_text p {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 767px) {

  #footer .widget.widget_text,
  #footer .widget.widget_email {
    text-align: center !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 990px) {

  #footer .phone-form br,
  #footer .email-form br,
  #footer .textwidget br {
    display: block;
  }

  #footer.style-1 .widget.widget_text p,
  #footer.style-2 .widget.widget_text p {
    margin-bottom: 21px !important;
  }
}

@media only screen and (min-width: 415px) and (max-width: 500px) {

  #footer .phone-form br,
  #footer .email-form br,
  #footer .textwidget br {
    display: block;
  }
}

@media (max-width: 414px) {

  #footer .phone-form br,
  #footer .email-form br,
  #footer .textwidget br {
    display: block;
  }
}

#footer .phone-form a {
  color: rgb(86 88 114 / 100%);
  font-size: xx-large;
}

#footer .phone-form a:hover {
  color: rgb(0 94 184 / 100%);
}

#footer .phone-form span {
  font-size: 16px !important;
  padding: 5px 0;
  margin-top: -10px;
}

.text-blue {
  color: rgb(86 88 114 / 100%);
}

.btn-aurora {
  color: rgb(255 255 255 / 100%);
  font-size: 18px;
  font-weight: 400;
  background: linear-gradient(45deg, rgb(0 205 172 / 100%), rgb(0 94 184 / 100%));
  width: 240px;
  padding: 17px 0px;
  letter-spacing: 0px;
  border: 0px;
  outline: 0 none !important;
}

.btn-aurora:hover {
  background: linear-gradient(45deg, rgb(64 218 193 / 100%), rgb(64 134 202 / 100%));
}

.btn-rainbow {
  color: rgb(255 255 255 / 100%);
  font-size: 18px;
  font-weight: 400;
  background: linear-gradient(45deg, rgb(255 102 153 / 100%), rgb(255 232 105 / 100%));
  border: 8px solid rgb(254 242 206 / 100%);
  padding: 17px 0px;
  width: 240px;
  letter-spacing: 0px;
  outline: 0 none !important;
}

.btn-rainbow:hover {
  background: linear-gradient(45deg, rgb(255 140 179 / 100%), rgb(255 238 143 / 100%));
}

.btn-lg {
  width: 320px;
  padding: 20px 0px;
  font-size: 20px !important;
}

#footer .tittle-email {
  color: rgb(255 255 255 / 100%);
  opacity: 0.8;
}

#footer-widgets .widget ul {
  margin: 0;
  list-style: none;
}

#footer .footer-inner {
  padding: 70px 0;
}

/* style 1 */

/* style 2 */
#footer.style-2 .footer-inner {
  padding-top: 85px;
  padding-bottom: 64px;
}

#footer.style-2 .bg-left {
  position: absolute;
  left: -2%;
  bottom: 0%;
}

#footer.style-2 a:hover {
  color: rgb(0 94 184 / 100%);
}

#footer.style-2 {
  background-color: rgb(240 244 249 / 100%);
}

#footer.style-2 .footer-information {
  background-color: rgb(0 94 184 / 100%);
  border-radius: 0 0 5px 5px;
  margin: 0;
}

#footer.style-2 .footer-information a,
#footer.style-2 .footer-information span,
#footer.style-2 .footer-information i {
  color: rgb(255 255 255 / 100%);
}

#footer.style-2 .footer-information a {
  font-weight: 700;
}

#footer.style-2 h3,
#footer.style-2 h4,
#footer.style-2 a,
#footer.style-2 p,
#footer.style-2 span {
  color: rgb(31 36 44 / 100%);
}

#footer.style-2 .socical-icon {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  padding: 30px 0 34px 0;
  margin-left: 14%;
}

#footer.style-2 .phone .socical-icon {
  margin-left: 26%;
}

#footer.style-2 .mail .socical-icon {
  margin-left: 19%;
}

#footer.style-2 .socical-icon .content a:hover {
  color: rgb(205 127 50 / 100%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#footer.style-2 .socical-icon .icon-1,
#footer.style-2 .socical-icon .icon-2,
#footer.style-2 .socical-icon .icon-3 {
  margin-top: 20px;
}

#footer.style-2 .socical-icon .icon-1:before {
  content: "\f041";
  font-family: "fontAwesome";
  color: rgb(255 255 255 / 100%);
  font-size: 27px;
  border: 1px solid rgb(255 255 255 / 2%);
  border-radius: 50%;
  padding: 10px 15px;
  text-align: center;
  margin-right: 11px;
}

#footer.style-2 .socical-icon .icon-2:before {
  content: "\f095";
  font-family: "fontAwesome";
  color: rgb(255 255 255 / 100%);
  font-size: 25px;
  border: 1px solid rgb(255 255 255 / 2%);
  border-radius: 50%;
  padding: 12px 13px;
  text-align: center;
  margin-right: 12px;
}

#footer.style-2 .socical-icon .icon-3:before {
  content: "\f0e0";
  font-family: "fontAwesome";
  color: rgb(255 255 255 / 100%);
  font-size: 23px;
  border: 1px solid rgb(255 255 255 / 2%);
  border-radius: 50%;
  padding: 11px 12px;
  text-align: center;
  margin-right: 13px;
}

#footer.style-2 .address::after,
#footer.style-2 .phone::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 71px;
  background-color: rgb(255 255 255 / 2%);
}

#footer.style-2 .address::after {
  right: 2%;
  top: 24%;
}

#footer.style-2 .phone::after {
  right: -7%;
  top: 24%;
}

#footer.style-1 .widget.widget_text p,
#footer.style-2 .widget.widget_text p {
  margin-bottom: 10px;
}

#footer.style-2 .widget.widget_services {
  padding-left: 50px;
}

#footer.style-2 .widget.widget_services .widget-title {
  margin-bottom: 21px;
}

#footer.style-2 .widget.widget_useful-link .widget-title span {
  padding-bottom: 4px;
}

#footer.style-2 .widget.widget_useful-link ul li {
  padding: 0px 0 0 0;
}

#footer.style-2 .widget.widget_email {
  padding-top: 7px;
}

#footer.style-2 .btn-subcriber {
  margin-bottom: 13px;
}

#footer.style-1 .footer-socials a,
#footer.style-2 .footer-socials a {
  background-color: rgb(0 94 184 / 100%);
  color: rgb(255 255 255 / 100%);
}

#footer.style-1 .footer-socials .active,
#footer.style-1 .footer-socials a:hover,
#footer.style-2 .footer-socials .active,
#footer.style-2 .footer-socials a:hover {
  color: rgb(255 255 255 / 100%);
  background-color: rgb(0 94 184 / 75%);
}

#footer.style-2 .widget-infomation .widget-infomation-inner .icon1::before {
  content: "\f041";
  font-family: "FontAwesome", sans-serif;
  color: rgb(255 255 255 / 100%);
  font-size: 20px;
  border: 1px solid rgb(255 255 255 / 100%);
  border-radius: 50%;
  padding: 15px;
  text-align: center;
}

#footer.style-2 .Email input {
  background-color: rgb(255 255 255 / 100%);
  padding-left: 20px;
  padding-top: 5px;
}

/* Bottom
-------------------------------------------------------------- */
#bottom {
  background-color: #1d1d1d;
}

#bottom .bottom-bar-inner-wrap {
  padding: 24px 0px 24px 0px;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  overflow: hidden;
  width: 100%;
  position: relative;
}

#bottom .bottom-bar-content {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  width: 50%;
  font-size: 16px;
  margin-left: 10px;
  letter-spacing: 0.1px;
}

#bottom .bottom-bar-content a,
#bottom .bottom-bar-content span,
#bottom .bottom-bar-menu a {
  color: rgb(255 255 255 / 5%);
}

#bottom .bottom-bar-content li {
  padding: 0 5px 0 0;
}

#bottom .bottom-bar-menu {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: flex-end;
  width: 50%;
  font-size: 16px;
  padding-left: 26%;
}

#bottom .bottom-bar-menu a {
  padding: 0 13.5px;
}

#bottom .bottom-bar-menu a::after {
  content: "|";
  color: rgb(255 255 255 / 5%);
  position: absolute;
  margin-left: 12px;
}

#bottom .bottom-bar-content a:hover,
#bottom .bottom-bar-menu a:hover {
  color: rgb(0 94 184 / 100%);
}

.padding-right-0 {
  padding-right: 0px !important;
}

.margin-right-3 {
  margin-right: 3px !important;
}

/* style-2 */
#bottom.bottom-style-2 {
  background-color: rgb(240 244 249 / 100%);
  border-top: 1px solid rgb(217 217 214 / 100%);
}

#bottom.bottom-style-2 .bottom-bar-inner-wrap {
  padding: 21px 0px 3px 417px;
}

#bottom.bottom-style-2 .bottom-bar-content a {
  width: 100%;
  color: rgb(31 36 44 / 100%);
  text-align: center;
}

/* BACKGROUND IMG HOME */
.service {
  background-image: url("img/shortcode/service/bg-service.jpg?v=1.00");
  background-size: cover;
  padding: 0 0 200px 0;
}

.row-experiences {
  background-image: url("img/shortcode/experience/bg-experience.jpg?v=1.00");
  background-size: cover;
  padding: 0 0 443px 0;
}

.row-request {
  background-image: url("img/shortcode/request/bg-request.jpg?v=1.00");
  background-size: cover;
}

.style-2 .item.acticle .img-overlay {
  background-image: url("img/shortcode/article/article-4.png?v=1.00");
  background-color: rgb(0 94 184 / 100%);
  border-radius: 5px;
}

/* Scroll Top
-------------------------------------------------------------- */
#scroll-top {
  position: fixed;
  display: block;
  width: 46px;
  height: 46px;
  line-height: 44px;
  border-radius: 50%;
  text-align: center;
  right: 14px;
  bottom: 23px;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  overflow: hidden;
  z-index: 11;
}

#scroll-top.show {
  right: 24px;
  opacity: 1;
  visibility: visible;
}

#scroll-top:before,
#scroll-top:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#scroll-top:before {
  z-index: -1;
  background-color: rgb(0 94 184 / 100%);
}

#scroll-top:after {
  content: "\f10c";
  font-family: "Ionicons";
  font-size: 18px;
  color: rgb(255 255 255 / 55%);
}

#scroll-top:hover:before {
  background-color: rgb(242 138 95 / 100%);
}

#scroll-top:hover:after {
  color: rgb(255 255 255 / 100%);
}

/*time-line*/

/*@import url('https://fonts.googleapis.com/css?family=Oswald|Roboto:400,700');*/

.time-line {
  padding: 3em 0 3em 0;
  font-size: 14px;
}

.time-line h1 {
  font-size: 1.8rem;
  margin-bottom: .5em;
  color: rgb(255 255 255 / 100%);
  color: rgb(173 195 220 / 55%);
  padding: 2em 1em 1em 1em;
  border: 1px solid rgba(115 139 167 / 15%);
  border-radius: 0.85rem;
  background: rgb(173 195 220 / 12%);
  box-shadow: 0px 0px 8px rgb(31 36 44 / 35%);
  line-height: 2.5rem;
}

@media (max-width: 767px) {
  .time-line h1 {
    font-size: small
  }
}

.timeline-item {
  padding: 2.2em 2em 1em 2em;
  position: relative;
  border-left: 4px solid rgb(52 60 74 / 100%);
}

.timeline-item p {
  font-size: 1rem;
}

.timeline-item hr {
  margin: 15px 0 18px 0;
  background-color: rgba(173, 195, 220, .1);
}

.timeline-item::before {
  content: attr(date-is);
  position: absolute;
  left: 1.3em;
  font-weight: normal;
  top: 0.3em;
  display: block;
  font-size: 2.5em;
  color: rgba(173, 195, 220, 1);
}

.timeline-item::after {
  width: 16px;
  height: 16px;
  display: block;
  top: 1.2em;
  position: absolute;
  left: -10px;
  border-radius: 50%;
  content: '';
  border: 2px solid rgb(52 60 74 / 100%);
  background: rgb(31 36 44 / 100%);
}

.timeline-item:last-child {
  border-image: linear-gradient(to bottom, rgba(52, 60, 74, 1), rgba(52, 60, 74, 0)) 1 100%;
}


.about-us p {
  line-height: 2.3rem !important;
  margin-bottom: 2.3rem !important;
}

.themesflat-counter {
  border: 3px solid rgb(0 205 172 / 100%);
}

.text-gold {
  color: rgb(205 127 50 / 100%);
}

.text-sea {
  color: rgb(0 94 184 / 100%);
}

.text-sky {
  color: rgb(0 168 255 / 100%);
}

.text-stone {
  color: rgb(142 170 204 / 100%);
}

.text-lake {
  color: rgb(0 205 172 / 100%);
}

.text-pink {
  color: rgb(250 186 193 / 100%);
}

.text-snow {
  color: rgb(255 255 255 / 100%);
}

.text-battery {
  color: rgb(2 2 211 / 100%);
}

.text-snow-55 {
  color: rgba(255, 255, 255, .55);
}

.text-grass {
  color: rgb(92 179 62 / 100%);
}

.text-blood {
  color: rgb(205 34 50 / 100%);
}

.text-flower {
  color: rgb(253 89 77 / 100%);
}

.text-orange {
  color: rgb(254 102 0 / 100%);
}

.text-dust {
  color: rgb(227 230 233 / 100%);
}

.text-lemon {
  color: rgb(255 193 7 / 100%);
}

.text-meat {
  color: rgb(255 237 225 / 100%);
}

.text-face {
  color: rgb(254 242 206 / 100%);
}

.text-dark {
  color: rgb(0 0 0 / 100%);
}

.bg-grey {
  background: rgb(251 251 251 / 100%);
}

/*modal*/
.modal-dialog {
  top: 50px !important;
}

.modal-dialog .modal-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;

  border-radius: 32px 32px 0 0;
  padding: 24px 24px 18px 24px;
  box-sizing: border-box;
}

.modal-dialog .modal-header .modal-title {
  font-size: 26px;
}

.modal-dialog .modal-body {
  padding: 12px 24px;
}

.modal-dialog .modal-footer {
  border-radius: 0 0 32px 32px;
  padding: 24px;
  box-sizing: border-box;
}

.modal-dialog .modal-content {
  border: none;
  border-radius: 32px;

  box-shadow: 0 8px 16px rgb(0 0 0 / 45%);
}

.modal-dialog .modal-footer .btn {
  width: 120px;
}

.modal-title {
  font-size: 24px
}

.modal-header .close {
  color: rgb(255 255 255 / 85%);
  font-size: 28px;
}

.modal-header .close:hover {
  color: rgb(255 255 255 / 100%) !important;
}

.modal-dialog .Purple .modal-header {
  background: rgb(170 120 163 / 100%);
  color: rgb(255 255 255 / 100%)
}

.modal-dialog .Green .modal-header {
  background: rgb(102 176 134 / 100%);
  color: rgb(255 255 255 / 100%)
}

.modal-dialog .Blue .modal-header {
  background: rgb(31 150 213 / 100%);
  color: rgb(255 255 255 / 100%)
}

.modal-dialog .modal-content {
  background: linear-gradient(rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 100%) 90px);
}

.modal-dialog .modal-content .modal-header,
.modal-dialog .modal-content .modal-footer {
  border-color: transparent !important
}

.modal-dialog .Purple .modal-footer {
  background: linear-gradient(rgb(170 120 163 / 55%) 0%, rgb(170 120 163 / 0%) 100%);
}

.modal-dialog .Green .modal-footer {
  background: linear-gradient(rgb(102 176 134 / 55%) 0%, rgb(102 176 134 / 0%) 100%);
}

.modal-dialog .Blue .modal-footer {
  background: linear-gradient(rgb(31 150 213 / 55%) 0%, rgb(31 150 213 / 0%) 100%);
}

.modal-dialog .close:hover,
.modal-dialog .close:focus {
  background: transparent;
  outline: none
}

.modal-dialog .btn {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 14px;
  font-weight: 300
}

.modal-dialog .btn:hover {
  -moz-box-shadow: 0 3px 7px 0 rgb(205 211 217 / 100%);
  -webkit-box-shadow: 0 3px 7px 0 rgb(205 211 217 / 100%);
  box-shadow: 0 3px 7px 0 rgb(205 211 217 / 100%)
}

.btn.btn-round {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.btn.btn-purple,
.btn.btn-green,
.btn.btn-blue {
  border: 0;
  line-height: 1.6;
  color: rgb(255 255 255 / 85%)
}

.btn.btn-purple {
  background-color: rgb(170 120 163 / 100%);
  border-color: rgb(170 120 163 / 100%)
}

.btn.btn-green {
  background-color: rgb(102 176 134 / 100%);
  border-color: rgb(102 176 134 / 100%)
}

.btn.btn-blue {
  background-color: rgb(31 150 213 / 100%);
  border-color: rgb(31 150 213 / 100%)
}

.btn.btn-purple:hover,
.btn.btn-green:hover,
.btn.btn-blue:hover {
  color: rgb(255 255 255 / 100%) !important
}

.modal.modal-n-9-1 .col-lg-5 div.Pics,
.modal.modal-n-9-1 .col-lg-7 div.Pics {
  display: flex;
  align-items: center;
  height: 270px;
}

.modal.modal-n-40-1 .col-md-4 div.Pics,
.modal.modal-n-40-1 .col-md-8 div.Pics {
  display: flex;
  align-items: center;
  height: 226px;
}


@media (max-width: 991px) {
  .modal-dialog .modal-content {
    background: linear-gradient(rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 100%) 76px);
  }

  .modal-dialog .modal-header .modal-title {
    font-size: 22px;
  }

  .modal-dialog .modal-body .case-title {
    justify-content: center;
    text-align: center;
  }

  .modal-dialog .modal-footer {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .pics-style object {
    max-width: 288px !important;
  }

  .modal.modal-n-9-1 .col-lg-5 div.Pics,
  .modal.modal-n-9-1 .col-lg-7 div.Pics,
  .modal.modal-n-40-1 .col-md-4 div.Pics,
  .modal.modal-n-40-1 .col-md-8 div.Pics {
    height: fit-content !important;
  }
}

@media (max-width: 711px) {
  .modal-dialog {
    top: 0 !important;
  }

  .modal-dialog .modal-content .modal-body {
    transform: scale(0.75);
    margin-top: -25%;
  }
}


/*table*/
.table-sm thead tr td {
  font-weight: 400 !important;
}

.table-sm tr td {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

table.text-center,
table.text-center td {
  text-align: center !important;
}

table p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 18px !important;
}

table td p:nth-child(2) {
  font-weight: 0px !important;
}

.modal-dialog .table {
  white-space: nowrap !important;
  table-layout: fixed !important;
  color: rgb(0 0 0 / 65%);
  background: rgb(255 255 255 / 100%);
}

.modal-dialog .table-sm tr td,
.modal-dialog .table-sm tr th {
  word-wrap: break-all !important;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: smaller !important;
  padding: 0.625rem;
  padding-right: 0.625rem;
}

.modal-dialog .table tr td,
.modal-dialog .table tr th {
  vertical-align: middle;
  white-space: nowrap;
  border-bottom: 1px solid rgb(228 235 244 / 35%) !important;
  font-size: 14px
}

.modal-dialog .table thead th {
  font-size: 16px;
  font-weight: 100 !important;
  border-top: none;
  border-bottom: 1px solid rgb(228 235 244 / 100%) !important;
}

.modal-dialog .table thead.thead-purple th {
  color: rgb(170 120 163 / 100%);
}

.modal-dialog .table thead.thead-blue th {
  color: rgb(31 150 213 / 100%);
}

.modal-dialog .table thead.thead-green th {
  color: rgb(102 176 134 / 100%);
}

.modal-dialog .table thead th {
  font-weight: 700;
  border-width: 1px
}

.post-author .Pics,
.modal-dialog .Pics {
  border-radius: 16px;
  border: 1px solid rgb(236 236 236 / 100%);
  padding: 12px;
  background: rgb(255 255 255 / 100%);
  box-shadow: 0 0 18px rgb(0 0 0 / 5%);
}

.pic-table-style .info {
  font-size: small;
  text-align: center;
}


/* 白天黑夜说明板块的样式 */
.modal-dialog .Dawn {
  color: rgb(255 157 103 / 55%);
  background: rgb(255 255 255 / 100%);
  border-left: 1px solid rgb(255 157 103 / 35%);
  border-right: 1px solid rgb(255 157 103 / 35%);
  border-top: none;
  border-bottom: 1px solid rgb(255 157 103 / 15%);
  border-radius: 16px;
  padding: 24px;

  box-shadow: inset 0 0 24px rgb(255 157 103 / 15%);
}

.modal-dialog .Dark {
  color: rgb(125 125 179 / 55%);
  background: rgb(255 255 255 / 100%);
  border-left: 1px solid rgb(125 125 179 / 35%);
  border-right: 1px solid rgb(125 125 179 / 35%);
  border-top: none;
  border-bottom: 1px solid rgb(125 125 179 / 15%);
  border-top: none;
  border-radius: 16px;
  padding: 24px;

  box-shadow: inset 0 0 24px rgb(125 125 179 / 15%);
}

.modal-dialog .Dawn h4 {
  font-size: large;
  color: rgb(255 157 103 / 100%) !important;
}

.modal-dialog .Dark h4 {
  font-size: large;
  color: rgb(125 125 179 / 100%) !important;
}

.modal-dialog .Dawn p,
.modal-dialog .Dark p {
  line-height: 20px;
  margin: 0;
}

.modal-dialog .case-title {
  font-size: 18px !important;
  margin: 15px 0 10px 0 !important;
}

.modal-dialog .case-title::before {
  font-family: "FontAwesome";
  content: "\f10c";
  margin-right: 5px;
}

.post-checked {
  margin-top: 35px !important;
}

.product.post-features {
  margin: 0 -5px 0 -5px;
}

.product.post-features .features-son {
  width: 100% !important;
}

.post-features {
  margin: 45px -10px 0 -10px;
}

.post-features .features-son:nth-child(2) .sub-heading {
  line-height: 18px;
}

.post-features .features-son .sub-heading-2 {
  line-height: 18px;
  letter-spacing: -0.6px;
  margin-bottom: 0;
}

.post-features ul li {
  margin: 5px 0 5px 0 !important;
}

.post-features ul .text-wrap {
  font-size: small;
}

.post-features ul .text-wrap .heading {
  font-size: 16px;
}

.fa-layers p {
  color: rgb(162 172 183 / 100%);
  font-size: 18px !important;
  line-height: 3px !important;
}

/* 首页新闻板块 */
.clearfix {
  padding: 0;
  margin: 0;
}

.row-our-message {
  margin-top: 0;
  background: rgb(0 34 51 / 100%);
  position: relative;
  z-index: 9;
}

/* 新闻板块描线文字 */
.row-our-message .news-change {
  width: 100%;
  right: -15px;
  padding: 55px 0 40px 0;
}

.row-our-message .news-change .themesflat-headings {
  width: 100%;
}

.home-news .news-change .news-font-style,
.home-news .news-change .news-content-style {
  padding: 0;
  margin: 0;
  width: 50%;
}

.about-pic,
.about-content {
  width: 50%;
}

.about-pic {
  margin-top: 100px;
}

.about-content {
  margin-top: 180px;
}

.home-news .news-change .news-content-style {
  right: -74px;
  position: relative;
}

.row-our-message .news-change .news-more-btn-1 {
  width: 100%;
  margin-top: -8px;
  padding: 0;
  text-align: left;
  display: block;
}

.row-our-message .news-change .news-more-btn-2 {
  width: 100%;
  margin: 32px 0 10px 0;
  padding: 0;
  text-align: center;
  display: none;
}

.home-news .news-change .news-font-style .news-heading-shadown-text {
  left: 6.8%;
  top: 38.8%;
  position: absolute;
}

.History-font-style .History-heading-shadown-text {
  margin-left: 0;
  margin-top: 1%;
  position: absolute;
}

.About-font-style .About-heading-shadown-text {
  margin-left: 0;
  margin-top: 2%;
  position: absolute;
}

.home-news .news-change .news-font-style .heading {
  margin-top: 0;
}

@media (max-width: 1200px) {
  .about-content {
    padding-left: 40px;
    line-height: 22px;
  }
}

@media (max-width: 1099px) {

  .home-news .news-change .news-font-style,
  .home-news .news-change .news-content-style {
    width: 100% !important;
    text-align: center !important;
    padding: 0;
    margin: 0;
    clear: both;
  }

  .about-pic,
  .about-content {
    width: 100% !important;
    padding: 20px;
    clear: both;
  }

  .about-content .About-font-style {
    text-align: center !important;
  }

  .about-pic {
    margin-top: 0 !important;
  }

  .about-content {
    margin-top: 64px !important;
  }

  .about-off {
    display: none;
  }

  .home-news .news-change .news-font-style,
  .about-content .About-font-style {
    margin-top: 62px;
  }

  .home-news .news-change .news-content-style {
    margin-top: -20px;
    left: 0;
    position: relative;
  }

  .row-our-message .news-change .news-more-btn-1 {
    display: none !important;
  }

  .row-our-message .news-change .news-more-btn-2 {
    display: block !important;
  }

  .home-news .news-change .news-font-style .news-heading-shadown-text {
    left: 0;
    top: 0;
    position: relative !important;
  }

  .History-font-style .History-heading-shadown-text {
    left: -10px !important;
    top: 35px;
    position: relative !important;
  }

  .History-font-style .heading {
    margin-left: 0 !important;
  }

  .About-font-style .About-heading-shadown-text {
    left: 0;
    top: 0;
    position: relative !important;
  }

  .home-news .news-change .news-font-style .heading {
    margin-top: -46px !important;
  }
}

.home-news .news-font-style .news-heading-shadown-text,
.History-font-style .History-heading-shadown-text {
  -webkit-text-stroke: 2px rgba(255, 255, 255, 0.07);
  -webkit-text-fill-color: transparent;
  font-family: "Arial" !important;
  font-weight: 550;
  font-size: 158px;
  letter-spacing: -1px !important;
  z-index: 0;
}

.home-news .news-font-style .heading,
.History-font-style .heading {
  font-size: 72px;
  line-height: 68px;
  color: rgb(255 255 255 / 100%);
  letter-spacing: -1.5px !important;
}

.home-news .news-content-style {
  right: 0px;
}

.home-news .news-font-style .sub-heading {
  font-size: 20px;
  line-height: 30px;
  margin-top: 12px;
  margin-bottom: 52px !important;
  color: rgba(255, 255, 255, 0.35);
  font-weight: 400;
  letter-spacing: 0px !important;
}


@media (max-width: 767px) {
  .home-news .news-font-style .news-heading-shadown-text {
    font-size: 140px;
  }

  .home-news .news-font-style .heading {
    font-size: 62px;
  }

}

@media (max-width: 553px) {
  .home-news .news-font-style .news-heading-shadown-text {
    font-size: 120px;
  }
}

@media (max-width: 414px) {
  .home-news .news-font-style .news-heading-shadown-text {
    font-size: 90px;
  }

  .home-news .news-font-style .heading {
    font-size: 52px;
  }
}


.row-our-message-inner .blue-line {
  padding: 0 !important;
}

.row-our-message-inner hr {
  width: 140px;
  height: 5px;
  background-color: rgb(0 168 255 / 100%);
  float: left;
}

.row-our-message-inner p {
  color: rgb(107 116 142 / 100%);
  font-size: 20px;
}

/* 首页新闻小窗 */
.row-our-message-inner {
  padding: 0 !important;
}

.row-our-message-inner .news-box {
  width: 100%;
  text-align: center;
}

.row-our-message-inner .news-box ::-webkit-scrollbar {
  width: 2px;
  background: rgba(255, 255, 255, 0.1);
}

.row-our-message-inner .news-box ::-webkit-scrollbar-track {
  background: none;
}

.row-our-message-inner .news-box ::-webkit-scrollbar-thumb {
  background: rgba(0, 168, 255, 1);
}

.row-our-message-inner .news-box ul,
ol {
  padding-left: 0;
}

.row-our-message-inner .news-box h1 {
  font-size: 140%;
}

.row-our-message-inner .news-box h2 {
  font-weight: 400;
  font-size: 80%;
  color: rgb(123 202 239 / 100%);
}

.row-our-message-inner .news-box .title-office {
  font-weight: 400;
  font-size: 110%;
  color: rgb(123 202 239 / 100%);
}

.row-our-message-inner .news-box {
  vertical-align: middle;
}

.news-12 {
  left: -2px;
}

.news-12 .news-box {
  margin: -12px 0 42px 0;
}

.news-12 .news-more-btn {
  margin-top: 32px !important;
}

.row-our-message-inner .news-box .scrollable p {
  color: rgb(115 139 167 / 100%);
  padding: 0 10px 0 0;
  text-align: justify;
  line-height: 120%;
  font-size: 88%;
}

#slider1>input:checked~ul #blur-card {
  width: 100%;
  padding: 0;
  -moz-transition: .5s .5s;
  -o-transition: .5s .5s;
  -webkit-transition: .5s .5s;
  transition: .5s .5s;
}

#slider1>input:checked~ul #blur-card div {
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  -webkit-transform: translate(0);
  transform: translate(0);
  -moz-transition: .5s .9s;
  -o-transition: .5s .9s;
  -webkit-transition: .5s .9s;
  transition: .5s .9s;
}

#blur-card {
  padding: 0;
  text-align: center;
  position: absolute;
  bottom: 0;
  height: auto;
  width: 0;
  z-index: 10;
  overflow: hidden;
}

#blur-card .title-box {
  text-align: center;
  overflow: hidden;
  padding: 18px 12px 0 12px;
  background: rgba(0 34 51 / 65%);
  border-top: 1px solid rgb(0 34 51 / 65%);
}

#blur-card .title-box p {
  font-size: 15px !important;
  font-weight: 400;
  letter-spacing: 1.5px;
  color: #00BAAE;
  line-height: 22px !important;
}

@media (max-width: 991px) {
  #blur-card .title-box p {
    font-size: 14px !important;
    letter-spacing: 0.8px;
    line-height: 20px !important;
  }
}

@media (max-width: 767px) {
  #blur-card .title-box p {
    font-size: 12px !important;
    letter-spacing: 1.5px;
    line-height: 16px !important;
  }
}

#blur-card div {
  -moz-transform: translate(120%);
  -ms-transform: translate(120%);
  -o-transform: translate(120%);
  -webkit-transform: translate(120%);
  transform: translate(120%);
}

/* 视频板块 */
.video-wrap {
  text-align: center;
  vertical-align: middle;
  position: relative;
}

.Product-Wrapper .video-wrap {
  margin-top: 25px;
}

.video-slogan {
  margin-top: 3%;
}

.home-video .video-wrap,
.home-video .video-slogan {
  width: 50%;
}

.home-video .video-slogan-1 {
  padding-left: 30px;
  display: block;
}

.home-video .video-slogan-2 {
  display: none;
}


/* 视频板块描线字 */
.home-video .video-slogan-1 .video-heading-shadown-text {
  top: 28.8%;
  position: absolute;
}

.home-video .video-slogan-2 .video-heading-shadown-text {
  left: 0;
  top: 0;
  position: relative;
}

.home-video .video-font-style .video-heading-shadown-text {
  -webkit-text-stroke: 2px rgb(255 255 255 / 27%);
  -webkit-text-fill-color: transparent;
  font-family: "Arial" !important;
  font-weight: 550;
  font-size: 158px;
  letter-spacing: -1px !important;
  z-index: 0;
}

.home-video .video-font-style .heading {
  font-size: 72px;
  line-height: 118px;
  color: rgb(255 255 255 / 100%) !important;
  letter-spacing: -1.5px !important;
}

.home-video .video-font-style p.sub-heading {
  color: rgb(255 255 255 / 75%) !important;
}

@media (max-width: 1430px) {
  .home-video .video-font-style p.sub-heading {
    color: rgb(255 255 255 / 75%) !important;
  }
}

@media (max-width: 1099px) {

  .home-video .video-wrap,
  .home-video .video-slogan {
    width: 100% !important;
    text-align: center !important;
    margin: 0;
    clear: both;
  }

  .home-video .video-font-style {
    margin-top: 62px;
  }

  .home-video .video-slogan-1 {
    display: none !important;
  }

  .home-video .video-slogan-2 {
    display: block !important;
  }

  .home-video .video-font-style .heading {
    margin-top: -46px !important;
  }
}

@media (max-width: 767px) {
  .home-video .video-font-style .video-heading-shadown-text {
    font-size: 140px;
  }

  .home-video .video-font-style .heading {
    font-size: 62px;
  }
}

@media (max-width: 553px) {
  .home-video .video-font-style .video-heading-shadown-text {
    font-size: 120px;
  }
}

@media (max-width: 414px) {
  .home-video .video-font-style .video-heading-shadown-text {
    font-size: 90px;
  }

  .home-video .video-font-style .heading {
    font-size: 52px;
  }
}

/* 视频区域 */
.video-box {
  position: relative;
  height: auto;
  /*进行视频裁剪*/
  overflow: hidden;
}

.video-box .video-background {
  position: absolute;
  left: 50%;
  top: 15%;
  /*保证视频内容始终居中*/
  transform: translate(-50%, -50%);
  width: 100%;
  height: 50%;
  /*保证视频充满屏幕*/
  object-fit: cover;
}

.video-box .container-fluid {
  position: relative;
  padding-top: 5%;
  padding-bottom: 5%;
  z-index: 2;
}

.video-slogan p {
  font-size: 20px;
  line-height: 30px;
  margin-top: 18px;
  color: rgb(0 0 0 / 75%);
  letter-spacing: 0px !important;
}

.video-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  background: url('img/home/video/cloudy.jpg?v=1.00') top center/cover no-repeat;
  box-shadow: 0 10px 30px rgb(29 18 20 / 17%);
}

.video-container::after {
  padding-top: 52%;
  display: block;
  content: '';
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}


.video-product-pic {
  overflow: hidden;
  position: relative;
  width: 100%;
  background: url('img/home/video/product-water.jpg?v=1.00') top center/cover no-repeat;
  box-shadow: 0 10px 30px rgb(29 18 20 / 17%);
}

.video-product-pic::after {
  padding-top: 52%;
  display: block;
  content: '';
}

.video-product-pic iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.video-frame {
  width: 100%;
  padding: 0;
  margin: 0;
}

.video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 110px;
  height: 110px;
  z-index: 1;
}

.video-wrap .play-btn {
  height: 110px;
  width: 110px;
  text-align: center;
  line-height: 110px;
  border-radius: 50%;
  box-shadow: 0px 0px 26px 0px rgb(29 18 20 / 17%);
  background: radial-gradient(rgb(254 255 255 / 75%) 0%, rgb(255 255 255 / 0%) 100%);
  border: 1px solid rgb(255 255 255 / 15%);
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.video-wrap .play-btn .text-play {
  color: rgb(29 18 20 / 75%);
}

.video-wrap:hover .play-btn .text-play {
  color: rgb(254 255 255 / 75%);
}

.video-wrap:hover .play-btn {
  border: 1px solid rgb(254 102 0 / 35%) !important;
  box-shadow: 0px 0px 56px 0px rgb(250 208 41 / 17%) !important;
}

.video-wrap .play-btn::before {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  height: 100%;
  width: 100%;
  background: radial-gradient(rgb(254 102 0 / 85%) 100%, rgb(250 208 41 / 85%) 50%);
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  z-index: -2;
}

.video-wrap:hover::before {
  opacity: 1;
}

.video-wrap:hover .play-btn::before {
  transform: translate(-50%, -50%) scale(1);
}

/*  Service */
.ServiceBox {
  text-align: center;
  margin-bottom: 30px;
  transition: .3s;
  transform: translateY(-10px);
}

.ServiceBox:hover {
  transform: translateY(-40px);
}

.ServiceBox-Top-Btn a {
  font-family: Arial;
  font-size: 32px;
  width: 120px;
  height: 120px;
  line-height: 95px;
  display: inline-block;
  border-radius: 50%;
  margin-bottom: 18px;
  background: rgb(255 255 255 / 100%);
  position: relative;
}

.ServiceBox:hover .ServiceBox-Top-Btn a {
  font-size: 38px;
}

.Step1 .ServiceBox-Card-Content,
.Step2 .ServiceBox-Card-Content,
.Step3 .ServiceBox-Card-Content,
.Step4 .ServiceBox-Card-Content {
  opacity: .85;
}

.ServiceBox:hover .Step1 .ServiceBox-Card-Content,
.ServiceBox:hover .Step2 .ServiceBox-Card-Content,
.ServiceBox:hover .Step3 .ServiceBox-Card-Content,
.ServiceBox:hover .Step4 .ServiceBox-Card-Content {
  opacity: 1;
}

.ServiceBox-Card-Content-BOX {
  width: car(100%-10px);
  padding: 5px 10px 0 0;
  position: absolute;
  z-index: 9;
}

.ServiceBox-Card-Content-BG {
  width: car(100%-5px);
  display: flex;
  flex-direction: column-reverse;
  bottom: 0;
  margin: 0 1px 1px -5px;
  position: absolute;
  z-index: 0;
}

.Step1 .ServiceBox-Card-Content-BG img,
.Step2 .ServiceBox-Card-Content-BG img,
.Step3 .ServiceBox-Card-Content-BG img,
.Step4 .ServiceBox-Card-Content-BG img {
  border-radius: 0 0 38px 38px;
  filter: alpha(opacity=100);
  opacity: 1;
}

.Step2 .ServiceBox-Card-Content span.Pics,
.Step2 .ServiceBox-Card-Content span.Pics-2,
.Step3 .ServiceBox-Card-Content span.Pics,
.Step3 .ServiceBox-Card-Content span.Pics-2,
.Step4 .ServiceBox-Card-Content span.Pics,
.Step4 .ServiceBox-Card-Content span.Pics-2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
}

.Step2 .ServiceBox-Card-Content span.Pics img,
.Step4 .ServiceBox-Card-Content span.Pics img {
  margin-top: .625rem;
  margin-bottom: 2.375rem;
}

.Step3 .ServiceBox-Card-Content span.Pics img {
  margin-top: .625rem;
}

.Step2 .ServiceBox-Card-Content span.Pics img {
  width: 78%;
  border-radius: 8px;
}

.Step3 .ServiceBox-Card-Content span.Pics img {
  width: 54%;
  border-radius: 8px;
}

.Step4 .ServiceBox-Card-Content span.Pics img {
  width: 56%;
}

.Step2 .ServiceBox-Card-Content span.Pics-2 img,
.Step3 .ServiceBox-Card-Content span.Pics-2 img,
.Step4 .ServiceBox-Card-Content span.Pics-2 img {
  height: 76px;
  margin: .625rem;
  border-radius: 8px;
}

.Step4 .ServiceBox-Card-Content span.Pics-2 img:nth-child(2) {
  border-radius: 0 !important;
}

.Step1 .ServiceBox-Top-Btn a {
  box-shadow: 0 5px 15px rgb(0 94 184 / 30%);
}

.Step1 .ServiceBox:hover .ServiceBox-Top-Btn a {
  box-shadow: 0 5px 15px rgb(0 94 184 / 50%);
}

.Step2 .ServiceBox-Top-Btn a {
  box-shadow: 0 5px 15px rgb(205 127 50 / 30%);
}

.Step2 .ServiceBox:hover .ServiceBox-Top-Btn a {
  box-shadow: 0 5px 15px rgb(205 127 50 / 50%);
}

.Step3 .ServiceBox-Top-Btn a {
  box-shadow: 0 5px 15px rgb(140 140 24 / 30%);
}

.Step3 .ServiceBox:hover .ServiceBox-Top-Btn a {
  box-shadow: 0 5px 15px rgb(140 140 24 / 50%);
}

.Step4 .ServiceBox-Top-Btn a {
  box-shadow: 0 5px 15px rgb(0 155 133 / 30%);
}

.Step4 .ServiceBox:hover .ServiceBox-Top-Btn a {
  box-shadow: 0 5px 15px rgb(0 155 133 / 50%);
}

.ServiceBox-Top-Btn a::before {
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  font-size: 34px;
  top: 0%;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 50%;
  border: 3px solid transparent;
  transition: .5s;
  opacity: 1;
  z-index: 9999;
  line-height: 86px;
}

.Step1 .ServiceBox-Top-Btn a::before,
.Step2 .ServiceBox-Top-Btn a::before,
.Step3 .ServiceBox-Top-Btn a::before {
  content: "\f061";
}

.Step4 .ServiceBox-Top-Btn a::before {
  content: "\f00c";
}

.Step1 h4,
.Step1 p::before {
  color: rgb(0 94 184 / 75%);
}

.Step1:hover h4 {
  color: rgb(0 94 184 / 100%);
}

.Step2 h4,
.Step2 p::before {
  color: rgb(205 127 50 / 75%);
}

.Step2:hover h4 {
  color: rgb(205 127 50 / 100%);
}

.Step3 h4,
.Step3 p::before {
  color: rgb(140 140 24 / 75%);
}

.Step3:hover h4 {
  color: rgb(140 140 24 / 100%);
}

.Step4 h4,
.Step4 p::before {
  color: rgb(0 155 133 / 75%);
}

.Step4:hover h4 {
  color: rgb(0 155 133 / 100%);
}


.Step1 .ServiceBox-Top-Btn a {
  border: 6px solid rgb(216 235 253 / 55%);
}

.Step1 .ServiceBox-Top-Btn a::before {
  color: rgb(255 255 255 / 75%);
  background: rgb(0 94 184 / 100%);
  border: 10px solid rgb(216 235 253 / 15%);
}

.Step2 .ServiceBox-Top-Btn a {
  border: 6px solid rgb(255 237 225 / 55%);
}

.Step2 .ServiceBox-Top-Btn a::before {
  color: rgb(255 255 255 / 75%);
  background: rgb(205 127 50 / 100%);
  border: 10px solid rgb(255 237 225 / 15%);
}

.Step3 .ServiceBox-Top-Btn a {
  border: 6px solid rgb(254 254 225 / 55%);
}

.Step3 .ServiceBox-Top-Btn a::before {
  color: rgb(255 255 255 / 75%);
  background: rgb(140 140 24 / 100%);
  border: 10px solid rgb(254 254 225 / 15%);
}

.Step4 .ServiceBox-Top-Btn a {
  border: 6px solid rgb(227 254 250 / 55%);
}

.Step4 .ServiceBox-Top-Btn a::before {
  color: rgb(255 255 255 / 75%);
  background: rgb(0 155 133 / 100%);
  border: 10px solid rgb(227 254 250 / 15%);
}

.Step1 .ServiceBox:hover .ServiceBox-Top-Btn a::before,
.Step2 .ServiceBox:hover .ServiceBox-Top-Btn a::before,
.Step3 .ServiceBox:hover .ServiceBox-Top-Btn a::before,
.Step4 .ServiceBox:hover .ServiceBox-Top-Btn a::before {
  color: rgb(255 255 255 / 100%);
  border: 10px solid rgb(216 235 253 / 25%);
}

.ServiceBox-Top-Title h3 {
  font-size: 24px;
  font-weight: lighter;
  color: rgb(0 0 0 / 75%);
  margin-bottom: 10px;
  position: relative;
  z-index: 99;
}

.ServiceBox:hover .ServiceBox-Top-Title h3 {
  font-size: 32px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.ServiceBox-Card-Content p {
  color: rgb(0 0 0 / 55%);
  font-size: 13px;
  line-height: 18px;
  margin-bottom: .625rem;
  padding-left: 28px;
}

.ServiceBox-Card-Content p .show {
  display: block !important;
}

.ServiceBox-Card-Content p .hide {
  display: none !important;
}

.ServiceBox-Card-Content p::before {
  content: "\f0a9";
  font-family: "FontAwesome", sans-serif;
  margin-left: -21px;
  margin-right: 9px;
  opacity: .25;
}

.ServiceBox:hover .ServiceBox-Card-Content p::before {
  opacity: .55;
}

.ServiceBox:hover .ServiceBox-Card-Content p {
  color: rgb(0 0 0 / 75%);
}

.ServiceBox .ServiceBox-Card-Content h4.Card-Title {
  font-size: 15px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: .9375rem;
  letter-spacing: 0.5px;
}

.Step1 .ServiceBox .ServiceBox-Card-Content h4.Card-Title,
.Step2 .ServiceBox .ServiceBox-Card-Content h4.Card-Title {
  margin-top: 6.3125rem;
}

.Step2 .ServiceBox .ServiceBox-Card-Content p,
.Step4 .ServiceBox .ServiceBox-Card-Content p {
  margin-bottom: 1.5625rem;
}

.Step1 .ServiceBox .ServiceBox-Card-Content h4.Card-Title:nth-child(1),
.Step2 .ServiceBox .ServiceBox-Card-Content h4.Card-Title:nth-child(1),
.Step3 .ServiceBox .ServiceBox-Card-Content h4.Card-Title:nth-child(1),
.Step4 .ServiceBox .ServiceBox-Card-Content h4.Card-Title:nth-child(1) {
  margin-top: 0px;
}

.ServiceBox-Card-Content h4 span.Card-number {
  font-family: sans-serif;
  font-size: x-small;
  font-weight: lighter;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: .3125rem;
  margin-top: -0.25rem;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
}

.ServiceBox .ServiceBox-Card-Content h4 span.Card-number {
  color: rgb(255 255 255 / 55%);
}

.ServiceBox:hover .ServiceBox-Card-Content h4 span.Card-number {
  color: rgb(255 255 255 / 75%);
}

.Step1 .ServiceBox .ServiceBox-Card-Content h4 span.Card-number {
  background-color: rgb(0 94 184 / 100%);
  border: 3px solid rgb(216 235 253 / 100%);
}

.Step2 .ServiceBox .ServiceBox-Card-Content h4 span.Card-number {
  background-color: rgb(205 127 50 / 100%);
  border: 3px solid rgb(255 237 225 / 100%);
}

.Step3 .ServiceBox .ServiceBox-Card-Content h4 span.Card-number {
  background-color: rgb(140 140 24 / 100%);
  border: 3px solid rgb(254 254 225 / 100%);
}

.Step4 .ServiceBox .ServiceBox-Card-Content h4 span.Card-number {
  background-color: rgb(0 155 133 / 100%);
  border: 3px solid rgb(227 254 250 / 100%);
}


.ServiceBox-Top-Back h2 {
  font-family: "Arial", sans-serif;
  font-size: 210px;
  font-weight: 600;
  line-height: 1;
  left: -10px;
}

.Step1 .ServiceBox-Top-Back h2 {
  -webkit-text-stroke: 1px rgb(216 235 253 / 55%);
  -webkit-text-fill-color: rgb(216 235 253 / 35%)
}

.Step2 .ServiceBox-Top-Back h2 {
  -webkit-text-stroke: 1px rgb(255 237 225 / 55%);
  -webkit-text-fill-color: rgb(255 237 225 / 35%)
}

.Step3 .ServiceBox-Top-Back h2 {
  -webkit-text-stroke: 1px rgb(253 253 199 / 65%);
  -webkit-text-fill-color: rgb(253 253 199 / 45%)
}

.Step4 .ServiceBox-Top-Back h2 {
  -webkit-text-stroke: 1px rgb(202 253 245 / 65%);
  -webkit-text-fill-color: rgb(202 253 245 / 45%)
}

.ServiceBox-Top-Back {
  position: absolute;
  top: 5%;
  left: 0;
  right: 0;
  opacity: 1;
  /* opacity: 0; */
  transition: .4s;
}

.ServiceBox:hover .ServiceBox-Top .ServiceBox-Top-Btn a::before {
  opacity: 1;
}

.ServiceBox:hover .ServiceBox-Top-Back {
  opacity: 1;
}

.ServiceBox .ServiceBox-Card {
  text-align: left;
  width: 100%;
  height: 780px;
  margin-top: 35px;
  padding: 30px 10px 10px 5px;
  border-radius: 40px;
  border-left: 5px solid rgb(255 255 255 / 85%);
  border-top: 5px solid rgb(255 255 255 / 85%);
  border-right: 1px solid rgb(255 255 255 / 55%);
  border-bottom: 1px solid rgb(255 255 255 / 55%);
}

.ServiceBox:hover .ServiceBox-Card {
  border-left: 5px solid rgb(255 255 255 / 100%);
  border-top: 5px solid rgb(255 255 255 / 100%);
  border-right: 1px solid rgb(255 255 255 / 75%);
  border-bottom: 1px solid rgb(255 255 255 / 75%);
}

.Step1 .ServiceBox .ServiceBox-Card {
  box-shadow: 2px 2px 8px 0 rgb(0 94 184 / 15%);
  background: linear-gradient(135deg, rgb(255 255 255 / 15%), rgb(216 235 253 / 35%));
}

.Step1 .ServiceBox:hover .ServiceBox-Card {
  box-shadow: 2px 2px 8px 0 rgb(0 94 184 / 20%);
}

.Step2 .ServiceBox .ServiceBox-Card {
  box-shadow: 2px 2px 8px 0 rgb(205 127 50 / 15%);
  background: linear-gradient(135deg, rgb(255 255 255 / 15%), rgb(255 237 225 / 35%));
}

.Step2 .ServiceBox:hover .ServiceBox-Card {
  box-shadow: 2px 2px 8px 0 rgb(205 127 50 / 20%);
}

.Step3 .ServiceBox .ServiceBox-Card {
  box-shadow: 2px 2px 8px 0 rgb(140 140 24 / 15%);
  background: linear-gradient(135deg, rgb(255 255 255 / 15%), rgb(254 254 225 / 35%));
}

.Step3 .ServiceBox:hover .ServiceBox-Card {
  box-shadow: 2px 2px 8px 0 rgb(140 140 24 / 20%);
}

.Step4 .ServiceBox .ServiceBox-Card {
  box-shadow: 2px 2px 8px 0 rgb(0 155 133 / 15%);
  background: linear-gradient(135deg, rgb(255 255 255 / 15%), rgb(227 254 250 / 35%));
}

.Step4 .ServiceBox:hover .ServiceBox-Card {
  box-shadow: 2px 2px 8px 0 rgb(0 155 133 / 20%);
}

.Step1 .ServiceBox:hover .ServiceBox-Card {
  background: linear-gradient(135deg, rgb(255 255 255 / 55%), rgb(216 235 253 / 55%));
}

.Step2 .ServiceBox:hover .ServiceBox-Card {
  background: linear-gradient(135deg, rgb(255 255 255 / 55%), rgb(255 237 225 / 75%));
}

.Step3 .ServiceBox:hover .ServiceBox-Card {
  background: linear-gradient(135deg, rgb(255 255 255 / 55%), rgb(254 254 225 / 55%));
}

.Step4 .ServiceBox:hover .ServiceBox-Card {
  background: linear-gradient(135deg, rgb(255 255 255 / 55%), rgb(227 254 250 / 55%));
}


.Step1 h4,
.Step2 h4,
.Step3 h4,
.Step4 h4 {
  margin-top: 2.5rem;
}

.Step1 h4:nth-child(1),
.Step2 h4:nth-child(1),
.Step3 h4:nth-child(1),
.Step4 h4:nth-child(1) {
  margin-top: 0;
}

.Step4 .ServiceBox-Card-Content .show,
.Step4 .ServiceBox-Card-Content .hide {
  font-size: x-small;
}

.Step4 .ServiceBox-Card-Content p:nth-child(5)::before,
.Step4 .ServiceBox-Card-Content p:nth-child(6)::before,
.Step4 .ServiceBox-Card-Content p:nth-child(7)::before {
  opacity: 0;
}

.Step3 .table-responsive {
  padding-right: 10px;
}

.Step3 .table-sm tr td {
  line-height: 13px !important;
  letter-spacing: 0 !important;
}

.Step3 .table-sm tr td:first-child {
  width: 23px;
}

/* 服务流程自适应 */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ServiceBox-Card-Content {
    padding: 0;
  }

  .ServiceBox-Card-Content-BOX {
    width: car(100%-10px);
    padding: 5px 5px 5px 0 !important;
  }

  .ServiceBox .ServiceBox-Card {
    height: 800px;
    margin-top: 30px;
  }

  .ServiceBox-Top-Title h3 {
    font-size: 23px;
  }

  .ServiceBox:hover .ServiceBox-Top-Title h3 {
    font-size: 26px;
  }

  .ServiceBox-Card-Content p {
    font-size: 8px;
    padding-right: 5px;
    letter-spacing: -0.5px;
  }

  .ServiceBox-Card-Content p .show {
    display: none !important;
  }

  .ServiceBox-Card-Content p .hide {
    display: block !important;
  }

  .ServiceBox .ServiceBox-Card-Content h4.Card-Title {
    font-size: 11.5px;
    letter-spacing: 0;
  }

  .Step1 .ServiceBox .ServiceBox-Card-Content h4.Card-Title {
    margin-top: 5.75rem;
  }

  .Step2 .ServiceBox .ServiceBox-Card-Content h4.Card-Title {
    margin-top: 11rem;
  }

  .Step2 .ServiceBox .ServiceBox-Card-Content p,
  .Step4 .ServiceBox .ServiceBox-Card-Content p {
    margin-bottom: 1.5625rem;
  }

  .ServiceBox-Card-Content h4 span.Card-number {
    width: 24px;
    height: 24px;
  }

  .ServiceBox-Top-Back h2 {
    font-size: 218px;
    line-height: 1.2;
  }

  .Step3 .table-responsive {
    padding-right: 5px;
  }

  .Step3 .table-sm .text-autumn {
    margin-left: .375rem !important;
    margin-right: .3125rem !important;
    font-size: x-small;
  }

  .Step3 .table-sm tr td {
    font-size: 12px !important;
    letter-spacing: 0 !important;
  }


  .Step2 .ServiceBox-Card-Content span.Pics img {
    width: 73%;
  }

  .Step3 .ServiceBox-Card-Content span.Pics img {
    width: 60%;
  }

  .Step4 .ServiceBox-Card-Content span.Pics img {
    width: 54%;
  }

  .Step2 .ServiceBox-Card-Content span.Pics-2 img,
  .Step3 .ServiceBox-Card-Content span.Pics-2 img,
  .Step4 .ServiceBox-Card-Content span.Pics-2 img {
    height: 55px;
  }
}

@media (max-width: 991px) {

  .Step1,
  .Step2,
  .Step3,
  .Step4 {
    margin-bottom: 45px;
  }

  .ServiceBox .ServiceBox-Card {
    margin-top: 50px;
  }

  .Step1 .ServiceBox .ServiceBox-Card {
    height: 666px;
  }

  .Step2 .ServiceBox .ServiceBox-Card {
    height: 645px;
  }

  .Step3 .ServiceBox .ServiceBox-Card {
    height: 1139px;
  }

  .Step4 .ServiceBox .ServiceBox-Card {
    height: 855px;
  }


  .ServiceBox-Top-Title h3 {
    font-size: 28px;
  }

  .ServiceBox:hover .ServiceBox-Top-Title h3 {
    font-size: 36px;
  }

  .ServiceBox-Card-Content p {
    font-size: 15px;
    letter-spacing: 0;
    /* flex-direction: column;
    justify-content: center;
    text-align: center; */
  }

  .ServiceBox-Card-Content p::before {
    margin-left: -19px;
  }

  .ServiceBox .ServiceBox-Card-Content h4.Card-Title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 15px;
    /* margin-left: auto !important;
    margin-right: auto !important;
    text-align: center; */
  }

  .ServiceBox-Card-Content h4 span.Card-number {
    margin-right: .375rem;
  }

  .Step1 .ServiceBox .ServiceBox-Card-Content h4.Card-Title,
  .Step2 .ServiceBox .ServiceBox-Card-Content h4.Card-Title,
  .Step3 .ServiceBox .ServiceBox-Card-Content h4.Card-Title,
  .Step4 .ServiceBox .ServiceBox-Card-Content h4.Card-Title {
    margin-top: 6.3125rem;
  }

  .Step1 .ServiceBox .ServiceBox-Card-Content p,
  .Step2 .ServiceBox .ServiceBox-Card-Content p,
  .Step3 .ServiceBox .ServiceBox-Card-Content p,
  .Step4 .ServiceBox .ServiceBox-Card-Content p {
    line-height: 2rem;
    margin-bottom: 1.5625rem;
  }

  .ServiceBox-Card-Content h4 span.Card-number {
    width: 30px;
    height: 30px;
  }

  .ServiceBox-Top-Back h2 {
    font-size: 250px;
    line-height: 1.2;
  }

  .ServiceBox-Card-Content {
    padding-top: 25px;
  }

  .ServiceBox-Card-Content-BOX {
    width: 100% !important;
    padding: 5px 22px 5px 12px !important;
    /* display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center; */
  }

  .Step3 .table-sm tr td {
    font-size: 16px !important;
    line-height: 10px !important;
  }

  .Step3 .table-sm tr td:first-child {
    width: 28px;
    text-align: center;

  }

  .Step1 .ServiceBox-Card-Content-BG img,
  .Step2 .ServiceBox-Card-Content-BG img,
  .Step3 .ServiceBox-Card-Content-BG img,
  .Step4 .ServiceBox-Card-Content-BG img {
    filter: alpha(opacity=18);
    opacity: .18;
  }


  .Step2 .ServiceBox-Card-Content span.Pics img,
  .Step4 .ServiceBox-Card-Content span.Pics img {
    margin-top: 1.875rem !important;
    margin-bottom: 3.125rem !important;
  }

  .Step3 .ServiceBox-Card-Content span.Pics img {
    margin-top: 1.875rem !important;
  }

  .Step2 .ServiceBox-Card-Content span.Pics img {
    width: 64%;
  }

  .Step3 .ServiceBox-Card-Content span.Pics img {
    width: 64%;
  }

  .Step4 .ServiceBox-Card-Content span.Pics img {
    width: 40%;
  }

  .Step2 .ServiceBox-Card-Content span.Pics-2 img,
  .Step3 .ServiceBox-Card-Content span.Pics-2 img,
  .Step4 .ServiceBox-Card-Content span.Pics-2 img {
    height: 188px;
  }

  .Step4 .ServiceBox-Card-Content span.font-large {
    font-size: 20px;
    margin-top: 5px;
  }

  .Step4 .ServiceBox-Card-Content span.font-larger {
    font-size: 24px;
    margin-top: 5px;
  }

  .Step3 .table-sm tr td {
    background: rgb(255 255 255 / 85%) !important;
    line-height: 25px !important;
  }

  .Step3 .ServiceBox-Top-Back {
    top: 3%;
  }
}

@media (max-width: 740px) {
  .Step1 .ServiceBox .ServiceBox-Card {
    height: 711px;
  }

  .Step2 .ServiceBox .ServiceBox-Card {
    height: 609px;
  }

  .Step3 .ServiceBox .ServiceBox-Card {
    height: 1128px;
  }

  .Step4 .ServiceBox .ServiceBox-Card {
    height: 812px;
  }


  .ServiceBox-Card-Content p {
    font-size: 14px;
    letter-spacing: 0 !important;
  }

  .Step2 .ServiceBox-Card-Content span.Pics-2 img,
  .Step3 .ServiceBox-Card-Content span.Pics-2 img,
  .Step4 .ServiceBox-Card-Content span.Pics-2 img {
    height: 158px;
  }

  .Step4 .ServiceBox-Card-Content span.font-large {
    font-size: 18px;
    margin-top: 5px;
  }

  .Step4 .ServiceBox-Card-Content span.font-larger {
    font-size: 22px;
    margin-top: 5px;
  }
}

@media (max-width: 690px) {
  .Step1 .ServiceBox .ServiceBox-Card {
    height: 639px;
  }

  .Step2 .ServiceBox .ServiceBox-Card {
    height: 555px;
  }

  .Step3 .ServiceBox .ServiceBox-Card {
    height: 1101px;
  }

  .Step4 .ServiceBox .ServiceBox-Card {
    height: 748px;
  }


  .ServiceBox-Card-Content p {
    font-size: 12px;
  }

  .ServiceBox .ServiceBox-Card-Content h4.Card-Title {
    font-size: 18px;
  }

  .ServiceBox-Card-Content h4 span.Card-number {
    width: 28px;
    height: 28px;
  }

  .Step3 .table-sm tr td {
    font-size: 14px !important;
  }


  .Step2 .ServiceBox-Card-Content span.Pics-2 img,
  .Step3 .ServiceBox-Card-Content span.Pics-2 img,
  .Step4 .ServiceBox-Card-Content span.Pics-2 img {
    height: 108px;
  }

  .Step4 .ServiceBox-Card-Content span.font-large {
    font-size: 16px;
    margin-top: 5px;
  }

  .Step4 .ServiceBox-Card-Content span.font-larger {
    font-size: 20px;
    margin-top: 5px;
  }
}

@media (max-width: 460px) {
  .Step3 .table-sm tr td {
    font-size: 12px !important;
  }
}

@media (max-width: 414px) {
  .ServiceBox-Card-Content-BOX {
    width: 100% !important;
    padding: 5px 22px 5px 8px !important;
  }

  .Step1 .ServiceBox .ServiceBox-Card {
    height: 699px;
  }

  .Step2 .ServiceBox .ServiceBox-Card {
    height: 595px;
  }

  .Step3 .ServiceBox .ServiceBox-Card {
    height: 956px;
  }

  .Step4 .ServiceBox .ServiceBox-Card {
    height: 700px;
  }

  .ServiceBox .ServiceBox-Card-Content h4.Card-Title {
    font-size: 17px;
  }

  .Step4 .ServiceBox-Card-Content span.font-large {
    font-size: 14px;
    margin-top: 5px;
  }

  .Step4 .ServiceBox-Card-Content span.font-larger {
    font-size: 18px;
    margin-top: 5px;
  }

  .Step3 .table-sm tr td {
    line-height: 18px !important;
  }
}


@media (max-width: 360px) {
  .Step1 .ServiceBox .ServiceBox-Card {
    height: 719px;
  }

  .Step2 .ServiceBox .ServiceBox-Card {
    height: 615px;
  }

  .Step3 .ServiceBox .ServiceBox-Card {
    height: 992px;
  }

  .Step4 .ServiceBox .ServiceBox-Card {
    height: 687px;
  }

  .ServiceBox .ServiceBox-Card-Content h4.Card-Title {
    font-size: 16px;
    letter-spacing: 0;
  }
}

@media (max-width: 320px) {
  .Step1 .ServiceBox .ServiceBox-Card {
    height: 739px;
  }

  .Step2 .ServiceBox .ServiceBox-Card {
    height: 635px;
  }

  .Step3 .ServiceBox .ServiceBox-Card {
    height: 1015px;
  }

  .Step4 .ServiceBox .ServiceBox-Card {
    height: 677px;
  }
}


.single-we-do-box {
  transition: .3s;
}

.single-we-do-box:hover {
  transform: translateY(-10px);
}

.we-do-btn a {
  color: rgb(254 102 0 / 100%);
  line-height: 1;
  font-size: 18px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border: 2px solid rgb(255 237 225 / 100%);
  display: inline-block;
  border-radius: 50%;
  margin-bottom: 35px;
  position: relative;
}

.we-do-btn a::before {
  position: absolute;
  color: rgb(255 255 255 / 100%);
  background: rgb(254 102 0 / 100%);
  content: "\f105";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  font-size: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  transition: .5s;
  opacity: 0;
  z-index: 9999;
  line-height: 54px;
}

.we-do-tittle h3 {
  font-size: 32px;
  font-weight: 600;
  color: rgb(0 0 0 / 75%);
  margin-bottom: 26px;
  position: relative;
  z-index: 99;
}

.we-do-para p {
  color: rgb(153 153 153 / 100%);
  font-size: 16px;
  margin-bottom: 40px;
}

.we-do-top-back h2 {
  font-family: 'Playfair Display', serif;
  font-size: 140px;
  font-weight: 600;
  line-height: 1;
  color: rgb(230 230 230 / 100%);
}

.we-do-top-back {
  position: absolute;
  top: 5%;
  left: 0;
  right: 0;
  opacity: 0;
  transition: .4s;
}

.single-we-do-box:hover .we-do-top .we-do-btn a::before {
  opacity: 1;
}

.single-we-do-box:hover .we-do-top-back {
  opacity: 1;
}

.we-do-area {
  margin-top: -245px;
  padding-top: 360px;
  padding-bottom: 90px;
}

.section-title.team-titles .archivment-back {
  transform: translateY(-40%);
  right: 40px;
}

/* circle-animation */
.circle-animation {
  display: inline-block;
  cursor: pointer;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  text-align: center;
  position: relative;
}

.circle-animation::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: -2px;
  left: -2px;
  bottom: -2px;
  right: -2px;
  border-radius: inherit;
  border: 1px solid rgb(255 255 255 / 100%);
  -webkit-animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
  animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
}

@-webkit-keyframes btnIconRipple {
  0% {
    border-width: 4px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  80% {
    border-width: 1px;
    -webkit-transform: scale(1.35);
    transform: scale(1.35);
  }

  100% {
    opacity: 0;
  }
}


/*首页四大板块*/
.bussiness-item {
  background: rgb(246 246 246 / 100%);
  border: 10px solid rgb(255 255 255 / 85%);
  box-shadow: 0 10px 30px rgb(0 0 0 / 7%);
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "MS Gothic", "ＭＳ ゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 5px;
  padding: 40px 30px;
  color: rgb(0 0 0 / 100%);
  position: relative;
  z-index: 10;
  overflow: hidden;
}

.bussiness-item:hover {
  border: 10px solid rgb(255 255 255 / 100%);
  box-shadow: 0 10px 30px rgb(68 92 124 / 17%);
}

.bussiness-item::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -3;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.bussiness-item-blue::before {
  background: linear-gradient(330deg, rgb(0 205 172 / 100%), rgb(47 167 224 / 100%));
}

.bussiness-item-orange::before {
  background: linear-gradient(330deg, rgb(255 86 79 / 100%) 0%, rgb(250 208 41 / 100%) 80%);
}

.bussiness-item .icon {
  height: 120px;
  width: 120px;
  text-align: center;
  line-height: 120px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  z-index: 10;
}

.home-F4 .bussiness-item-orange .icon {
  background: linear-gradient(rgb(255 86 79 / 15%) 0%, rgb(250 208 41 / 15%) 100%);
}

.bussiness-item-blue .icon {
  background: radial-gradient(rgb(255 255 255 / 75%) 0%, rgb(255 255 255 / 0%) 100%);
  border: 1px solid rgb(255 255 255 / 35%);
}

.bussiness-item .icon::before {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  height: 100%;
  width: 100%;
  background: radial-gradient(rgb(255 255 255 / 0%) 55%, rgb(255 255 255 / 100%) 100%);
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  z-index: 1;
}

.bussiness-item .title {
  letter-spacing: 8px;
  font-size: 38px;
  margin-top: 30px;
  margin-bottom: 25px;
  -webkit-text-stroke: 1px rgb(255 255 255 / 5%);
  -webkit-text-fill-color: rgb(86 88 114 / 100%);
  text-shadow: 0px 0px 15px rgb(255 233 228 / 55%);
}

.bussiness-item:hover .title {
  -webkit-text-stroke: transparent;
  -webkit-text-fill-color: rgb(255 255 255 / 85%);
  text-shadow: 0px 0px 25px rgb(255 255 255 / 0%);
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}


@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .bussiness-item .title {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .bussiness-item .title {
    font-size: 22px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bussiness-item .title {
    font-size: 18px;
  }
}

.bussiness-item p {
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.bussiness-item p a {
  color: rgb(0 0 0 / 75%)
}

@media (max-width: 767px) {
  .bussiness-item p {
    font-size: 16px;
  }
}

.bussiness-item .bussiness-dot {
  display: flex;
  justify-content: center;
  align-items: center
}

.bussiness-item:hover::before {
  opacity: 1;
}

.bussiness-item:hover .icon::before {
  transform: translate(-50%, -50%) scale(1);
}

.bussiness-item:hover p,
.bussiness-item:hover p a {
  color: rgb(255 255 255 / 55%);
}

.bussiness-item:hover p a:hover {
  color: rgb(255 255 255 / 100%);
}

.bussiness-item:hover .bussiness-dot img {
  opacity: .5;
}

.bussiness-item.service-11-item::before {
  background: rgb(86 79 255 / 100%);
}

.bussiness-item.service-11-item .icon {
  background: rgb(74 122 255 / 8%);
}

.bussiness-item .bussiness-dot {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.bussiness-item .bussiness-dot>img {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.bussiness-item .bussiness-dot .item {
  position: absolute;
  right: 0;
  bottom: 20px;
  z-index: 10;
  height: 100px;
  width: 100px;
}

.bussiness-item .bussiness-dot .item img {
  opacity: 1;
  width: 100%;
}

/*system-item*/
.system-item .environmental-item {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "MS Gothic", "ＭＳ ゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 5px;
  padding: 10px 0 0 0;
  color: rgb(0 0 0 / 100%);
  position: relative;
  z-index: 10;
  overflow: hidden;
}

.system-item .icon {
  height: 220px;
  width: 220px;
  text-align: center;
  line-height: 0;
  background: linear-gradient(rgb(47 167 224 / 15%) 0%, rgb(0 205 172 / 15%) 100%);
  border-radius: 50%;
  border: 10px solid rgb(255 255 255 / 95%);
  display: inline-block;
  position: relative;
  z-index: 10;
}

.environmental-item .icon {
  height: 138px;
  width: 138px;
  text-align: center;
  line-height: 0;
  background: linear-gradient(rgb(47 167 224 / 65%) 0%, rgb(0 205 172 / 65%) 100%);
  border-radius: 50%;
  border: 5px solid rgb(247 249 252 / 100%);
  display: inline-block;
  position: relative;
  z-index: 10;
}

.system-item .icon hr,
.environmental-item .icon hr {
  background-color: rgb(255 255 255 / 35%);
}

/* .system-item .icon::before, */
.environmental-item .icon::before {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  height: 100%;
  width: 100%;
  background: linear-gradient(rgb(47 167 224 / 85%) 0%, rgb(0 205 172 / 85%) 100%);
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  z-index: -2;
}

.system-item .title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: normal;
  margin-top: 58px;
  margin-bottom: 20px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.system-item p {
  font-size: 17px;
  letter-spacing: -0.8px;
}

.system-item {
  margin-bottom: 10px;
}

#inner-content92 .numberbox {
  display: flex;
  justify-content: center;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .system-item .icon {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
  }

  .system-item,
  .environmental-item .system-item {
    padding: 0;
  }

  .system-item .title {
    font-size: 24px;
  }
}

@media (max-width: 992px) {
  .system-item .icon {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
  }
}

@media (max-width: 767px) {

  .system-item {
    padding: 10px;
  }

  .system-item .title {
    font-size: 24px;
  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .system-item {
    padding: 10px;
  }

  .system-item .title {
    font-size: 20px;
  }
}

.system-item p,
.environmental-item p {
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.environmental-item p {
  color: rgb(255 255 255 / 100%) !important;
  font-weight: 600;
  margin-bottom: 18px;
}

.system-item p a,
.environmental-item p a {
  color: rgb(0 0 0 / 100%) !important;
  font-weight: 600;
}

@media (max-width: 767px) {

  .system-item p,
  .environmental-item p {
    font-size: 16px;
  }
}

.environmental-item:hover::before {
  opacity: 1;
}

.environmental-item:hover .icon::before {
  transform: translate(-50%, -50%) scale(1);
}

.environmental-item .title {
  color: rgb(255 255 255 / 75%);
}

.environmental-item:hover .title {
  color: rgb(0 0 0 / 75%);
}

.environmental-item p {
  color: rgb(255 255 255 / 100%) !important;
}

.environmental-item:hover p,
.environmental-item:hover p a {
  color: rgb(0 0 0 / 55%) !important;
}



.post-title-detail .fa-layers {
  margin-left: -5px !important;
}


/*2021-12-27 服务体系板块更新*/
.bg-service {
  width: car(100%+20px);
  background: url('img/shortcode/service/Service-0.svg?v=1.00') no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;
  padding: 20px 0 40px 0;
  margin-top: 50px;
}

.bg-service .son-frame h4 {
  font-size: 16px;
  font-weight: 600;
}

.bg-service .son-frame p {
  font-size: 12px;
  line-height: 24px;
  letter-spacing: -0.6px;
  margin-bottom: 8px !important;
}

.bg-service .son-frame .ServiceBox-Card-Content p::before {
  content: "\f138";
  font-family: "FontAwesome", sans-serif;
  margin-left: -17px;
  margin-right: 8px;
}

.Step1-Old h4,
.Step1-Old p::before {
  color: rgb(40 153 184 / 100%);
}

.Step2-Old h4,
.Step2-Old p::before {
  color: rgb(131 76 43 / 100%);
}

.Step3-Old h4,
.Step3-Old p::before {
  color: rgb(92 146 69 / 100%);
}

.Step4-Old h4,
.Step4-Old p::before {
  color: rgb(200 87 46 / 100%);
}

.bg-service .col-lg-3 {
  padding: 22px 8px 0 3px;
}

.bg-service .step-frame {
  line-height: 150px;
  width: 100%;
  height: 140px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100% 100%;
  opacity: .75;
}

.step-1 {
  background: url('img/shortcode/service/Service-1-1.svg?v=1.00') no-repeat center center;
}

.step-2 {
  background: url('img/shortcode/service/Service-2-1.svg?v=1.00') no-repeat center center;
}

.step-3 {
  background: url('img/shortcode/service/Service-3-1.svg?v=1.00') no-repeat center center;
}

.step-4 {
  background: url('img/shortcode/service/Service-4-1.svg?v=1.00') no-repeat center center;
}

.son-frame {
  width: 100%;
  height: 600px;
  margin-top: 30px;
  padding: 30px 10px;
  border-radius: 30px;
  border-left: 3px solid rgb(255 255 255 / 100%);
  border-top: 3px solid rgb(255 255 255 / 100%);
  background: linear-gradient(135deg, rgb(239 239 239 / 100%), rgb(255 255 255 / 100%));
  box-shadow: 3px 3px 4px 0 rgb(178 187 197 / 100%);
  opacity: 1;
}

.son-frame table td {
  padding: 2px 1.5px 2px 1.5px !important;
  font-size: 12px;
  border-color: rgb(218 230 213 / 100%) !important;
  line-height: 16px !important;
}

.son-frame table thead th {
  padding: 2px;
  font-size: 12px !important;
  background-color: rgb(218 230 213 / 100%) !important;
  border-color: rgb(218 230 213 / 100%) !important;
}

.round {
  border-radius: 10px;
}

.Step3 .table-sm {
  color: rgb(140 140 0 / 55%);
  margin-bottom: 0 !important;
  border-color: rgb(235 235 216 / 55%);
  opacity: .75;
}

.Step3 .ServiceBox:hover .table-sm {
  color: rgb(140 140 0 / 75%);
  border-color: rgb(235 235 216 / 85%);
}

.Step3 .table-sm .text-autumn {
  margin-left: .3125rem !important;
  margin-right: 1rem !important;
}

.Step3 .table-sm tr td {
  font-size: x-small;
  letter-spacing: 1px;
  vertical-align: middle;
  padding: 3px !important;
  line-height: 4px;
  background: rgb(255 255 255 / 15%);
  border-color: rgb(235 235 216 / 55%);
}

.Step3 .ServiceBox:hover .table-sm tr td {
  background: rgb(255 255 255 / 85%);
  border-color: rgb(235 235 216 / 85%);
}

.bussiness-item .link-frame {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
  background: linear-gradient(180deg, rgb(255 255 255 / 55%) 0%, rgb(255 255 255 / 55%) 100%);
  margin: 0 -40px -40px -40px;
  height: 100px;
}

@media (max-width: 991px) {
  .bussiness-item .link-frame {
    flex-direction: column;
    justify-content: center;
    gap: 0;
  }
}

.bussiness-item .link-frame p {
  padding: 0;
  margin: 0;
}

.bussiness-item:hover .link-frame {
  background: linear-gradient(45deg, rgb(68 92 124 / 100%) 0%, rgb(68 92 124 / 35%) 100%);
  border-top: none;
  transition: all 0.35s;
}

.explain h5 {
  font-size: 24px;
  color: rgb(0 0 0 / 100%) !important;
  padding-top: 15px !important;
}

.explain .alarm {
  color: rgb(255 255 255 / 100%);
  background: rgb(250 186 193 / 25%);
  padding: 20px 25px 25px 25px;
  border-radius: 10px;
}

.help-block {
  margin-top: -15px !important;
}

.home-Road1-2 .box-service .service-inner-img .img-overlay,
.home-Road1-2 .box-service img {
  width: 100%;
  border-radius: 8px 8px 0 0;
}

.home-Road1-2 .box-service .service-inner-content {
  width: 100%;
  height: 222px;
  padding: 0 20px 20px 20px;
  text-align: left;
  overflow: hidden;
}

.home-Road1-2 .service {
  background-image: none !important;
  background-color: rgb(31 36 44 / 100%);
}

.home-Road1-2 .service-inner-son {
  width: 25%;
  padding: 0 15px;
}

.home-Road1-2 .box-service {
  position: relative;
  margin-top: -175px;
  border-bottom: 3px solid rgb(255 255 255 / 100%);
  box-shadow: 0 10px 30px rgb(0 0 0 / 7%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.home-Road1-2 .box-service:hover {
  border-bottom: 3px solid rgb(205 127 50 / 100%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.home-Road1-2 .box-service .service-inner-img .img-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: linear-gradient(0deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 100%) 100%);
  opacity: 0;
  height: 49.5%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.home-Road1-2 .box-service:hover .service-inner-img .img-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: linear-gradient(0deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 100%) 100%);
  opacity: 0.4;
  height: 49.5%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.home-Road1-2 .themesflat-headings {
  text-align: center;
}

.home-Road1-2 .themesflat-headings .sub-heading {
  width: 100%;
  font-size: 20px;
}

.home-Road1-2 .box-service .service-inner-img .img-overlay,
.home-Road1-2 .box-service:hover .service-inner-img .img-overlay {
  height: 44.1%;
}

.home-Road1-2 .box-service .service-inner-content br.change-On {
  display: block;
}

.home-Road1-2 .box-service .service-inner-content .heading {
  padding: 28px 0 11px 0;
}

.home-Road1-2 .box-service .service-inner-content p.sub-heading {
  font-size: 14px;
}

/* .home-Road1-2 .service-inner-son:nth-child(1) p.sub-heading {
  line-height: 41px !important;
} */

.home-Road1-2 .service-inner-son:nth-child(3) p.sub-heading,
.home-Road1-2 .service-inner-son:nth-child(4) p.sub-heading {
  letter-spacing: -1.3px;
}

.home-Road1-2 .son-title {
  color: rgb(255 255 255 / 100%);
  font-size: 42px;
}

@media (max-width: 1211px) {
  .home-Road1-2 .service-inner-son {
    width: 50%;
    padding: 0 15px;
  }

  .home-Road1-2 .service-inner-son:nth-child(3),
  .home-Road1-2 .service-inner-son:nth-child(4) {
    margin-top: 200px;
  }

  .home-Road1-2 .box-service .service-inner-img .img-overlay,
  .home-Road1-2 .box-service img {
    border-radius: 20px 20px 0 0;
  }

  .home-Road1-2 .box-service .service-inner-img .img-overlay,
  .home-Road1-2 .box-service:hover .service-inner-img .img-overlay {
    height: 67.6%;
  }

  .home-Road1-2 .box-service .service-inner-content {
    text-align: center !important;
    height: 175px;
  }

  .home-Road1-2 .box-service .service-inner-content p span {
    margin-left: 8px;
    margin-right: 8px;
  }

  .home-Road1-2 .box-service .service-inner-content br.change-On {
    display: none !important;
  }

  .home-Road1-2 .box-service .service-inner-content .heading {
    font-size: 26px;
  }

  .home-Road1-2 .box-service .service-inner-content p.sub-heading {
    font-size: 14px;
    letter-spacing: -0.5px !important;
    line-height: 40px !important;
  }

  .home-Road1-2 .son-title {
    padding-top: 0px !important;
  }
}

@media (max-width: 1198px) {

  .home-Road1-2 .box-service .service-inner-img .img-overlay,
  .home-Road1-2 .box-service:hover .service-inner-img .img-overlay {
    height: 58.2%;
  }

  .home-Road1-2 .box-service .service-inner-content {
    height: 212px;
  }

  .home-Road1-2 .box-service .service-inner-content .heading {
    font-size: 26px;
  }

  .home-Road1-2 .box-service .service-inner-content p.sub-heading {
    font-size: 14px;
    letter-spacing: -1.5px !important;
  }

  .home-Road1-2 .son-title {
    padding-top: 0px !important;
  }
}

@media (max-width: 991px) {

  .home-Road1-2 .box-service .service-inner-img .img-overlay,
  .home-Road1-2 .box-service:hover .service-inner-img .img-overlay {
    height: 52%;
  }

  .home-Road1-2 .box-service .service-inner-content {
    height: 212px;
  }

  .home-Road1-2 .box-service .service-inner-content .heading {
    font-size: 22px;
  }

  .home-Road1-2 .box-service .service-inner-content p.sub-heading {
    font-size: 14px;
    line-height: 30px !important;
    letter-spacing: -1.5px !important;
  }

  .home-Road1-2 .son-title {
    padding-top: 120px !important;
  }
}

@media (max-width: 767px) {

  .home-Road1-2 .box-service .service-inner-img .img-overlay,
  .home-Road1-2 .box-service:hover .service-inner-img .img-overlay {
    height: 51.3%;
  }

  .home-Road1-2 .service-inner-son:nth-child(1),
  .home-Road1-2 .service-inner-son:nth-child(2) {
    margin-top: 130px;
  }

  .home-Road1-2 .son-title {
    font-size: 35px;
    padding-top: 120px !important;
  }
}

@media (max-width: 553px) {
  .home-Road1-2 .service-inner-son {
    width: 100%;
    clear: both;
    padding: 0 15px;
  }

  .home-Road1-2 .box-service .service-inner-content {
    height: 182px;
  }

  .home-Road1-2 .service-inner-son:nth-child(1) {
    margin-top: 130px;
  }

  .home-Road1-2 .service-inner-son:nth-child(2) {
    margin-top: 200px;
  }

  .home-Road1-2 .son-title {
    font-size: 30px;
    padding-top: 120px !important;
  }
}

@media (max-width: 1099px) {
  .video-box .video-background {
    width: 200%;
  }
}

@media (max-width: 490px) {
  .video-box .video-background {
    width: 300%;
  }
}

/* EnergyStorangeSystem */
.service-inner-text.features-style {
  height: 150px;
  overflow: hidden;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  padding: 12px;
  border: 2.5px solid rgb(240 244 249 / 100%);
  border-radius: 24px !important;
  background: linear-gradient(45deg, rgb(228 235 244 / 55%), rgb(228 235 244 / 0%));
}

.Product-Wrapper .service-inner-text.features-style {
  height: fit-content !important;
}

.Product-Wrapper .service-inner-text.features-style p.sub-heading-2 {
  padding: 0;
  margin: 8px 0 0 0 !important;
}

.Product-Wrapper .features {
  padding: 0 12px;
}

.Product-Wrapper #Div1 .post-features li.arrow {
  padding: 0 !important;
  margin: 0 !important;
}

.Product-Wrapper #Div1 .post-features li.features-son {
  padding: 0 !important;
  margin: 0 0 4px 0 !important;
}

.Product-Wrapper #Div1 .post-features li.features-son:last-child {
  padding: 0 !important;
  margin: 0 !important;
}

.Product-Wrapper #Div3 .post-features li.features-son {
  padding: 0 !important;
  margin: 0 0 4px 0 !important;
}

.Product-Wrapper #Div3 .post-features li.features-son:last-child {
  padding: 0 !important;
  margin: 0 0 24px 0 !important;
}

.Product-Wrapper #Div1 .post-features li.arrow {
  color: rgb(87 179 60 / 100%) !important;
  margin: -12px 0 -12px 69px !important;
  position: relative;
  z-index: 9;
}

#inner-content .post-features .service-inner-text.features-style {
  height: 168px;
  overflow: visible;
  display: flex;
  flex-direction: column !important;
  justify-content: flex-start;
  padding: 0px 12px 28px 12px;
  border: 5px solid rgb(92 179 62 / 5.5%);
  border-top: 1px solid rgb(92 179 62 / 8.5%);
  border-bottom: none;
  background: linear-gradient(180deg, rgb(92 179 62 / 5%), rgb(92 179 62 / 0%));
}

#inner-content .post-features .service-inner-text.features-style .icon-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -30px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(92 179 62 / 8%);
}

#inner-content .post-features .service-inner-text.features-style .icon-wrap span:last-child {
  color: rgb(0 0 0 / 100%) !important;
  font-weight: 548 !important;
  font-size: 20px !important;
}

#inner-content .post-features .features-son .sub-heading-2 {
  line-height: 28px;
  letter-spacing: -0.5px;
}



#inner-content .post-features ul li:nth-child(5),
#inner-content .post-features ul li:nth-child(6) {
  margin: 0 !important;
}

@media (max-width: 1200px) {
  #inner-content .service-inner-text.features-style {
    height: fit-content !important;
    padding: 0px 24px 28px 24px !important;
  }

  #inner-content .post-features ul li:nth-child(5) {
    margin: 0 0 40px 0 !important;
  }
}

@media (max-width: 576px) {
  #inner-content .post-features .service-inner-text.features-style .icon-wrap span:last-child {
    font-size: 15px !important;
  }
}

#inner-content91 .post-features .service-inner-text.features-style .icon-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -35px;
  margin-bottom: 10px;
}

#inner-content91 .post-features .features-son .sub-heading-2 {
  line-height: 24px;
  letter-spacing: -0.5px;
  text-align: center;
}

#inner-content91 .post-features .features-son:first-child .sub-heading-2 {
  letter-spacing: -0.8px !important;
  text-align: center;
}

#inner-content91 .post-features ul {
  margin: 24px 0 0 0;
}

#inner-content91 .post-features ul li {
  margin: 0 0 40px 0 !important;
}

#inner-content91 .post-features ul li:nth-child(5),
#inner-content91 .post-features ul li:nth-child(6) {
  margin: 0 !important;
}

#inner-content91 .post-features .service-inner-text.features-style {
  height: 100px;
  overflow: visible;
  display: flex;
  flex-direction: column !important;
  justify-content: flex-start;
  padding: 0px 12px 28px 12px;
}

#inner-content91 .service-inner-text.features-style .text-wrap {
  height: fit-content !important;
}

@media (max-width: 1200px) {
  #inner-content91 .service-inner-text.features-style {
    height: fit-content !important;
    padding: 0px 24px 28px 24px !important;
  }

  #inner-content91 .post-features ul li:nth-child(5) {
    margin: 0 0 40px 0 !important;
  }
}

#inner-content31 .post-features .service-inner-text.features-style {
  height: 190px;
  overflow: visible;
  display: flex;
  flex-direction: column !important;
  justify-content: flex-start;
  padding: 0px 12px 28px 12px;
}

#inner-content31 .post-features .service-inner-text.features-style .icon-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -35px;
  margin-bottom: 10px;
  padding-bottom: 2px;
  border-bottom: 1px solid rgb(240 244 249 / 100%);
}

#inner-content31 .post-features .service-inner-text.features-style .icon-wrap span:last-child {
  color: rgb(0 0 0 / 85%) !important;
  font-weight: 548 !important;
  font-size: 17px !important;
}

#inner-content31 .post-features .features-son .sub-heading-2 {
  line-height: 28px;
  letter-spacing: -0.5px;
  margin-bottom: 0px;
}

#inner-content31 .post-features .features-son:nth-child(2) .sub-heading-2 {
  line-height: 22px !important;
}

#inner-content31 .post-features .features-son:first-child .sub-heading-2,
#inner-content31 .post-features .features-son:nth-child(4) .sub-heading-2 {
  line-height: 18px !important;
}

#inner-content31 .post-features .features-son:first-child ul {
  padding: 0px !important;
  line-height: 22px !important;
  margin-left: -26px !important;
  margin-right: -26px !important;
}

#inner-content31 .post-features .features-son:first-child ul li {
  margin-bottom: 0px !important;
  padding: 0px !important;
}

#inner-content31 .post-features .service-inner-text.features-style .icon-wrap span:last-child {
  color: rgb(0 0 0 / 100%) !important;
  font-weight: 520 !important;
  font-size: 17px;
}

#inner-content31 .post-features ul {
  margin: 0 0 14px 0 !important;
}

#inner-content31 .post-features ul li {
  margin: 0 0 40px 0 !important;
}

#inner-content31 .post-features ul li:nth-child(5),
#inner-content31 .post-features ul li:nth-child(6) {
  margin: 0 !important;
}

@media (max-width: 1200px) {
  #inner-content31 .service-inner-text.features-style {
    height: fit-content !important;
    padding: 0px 24px 28px 24px !important;

    text-align: center !important;
  }

  #inner-content31 .post-features .features-son .sub-heading-2 {
    line-height: 18px !important;
  }

  #inner-content31 .post-features ul li:nth-child(5) {
    margin: 0 0 40px 0 !important;
  }

  #inner-content31 .post-features .features-son ul {
    text-align: center !important;
  }
}

@media (max-width: 576px) {
  #inner-content31 .post-features .service-inner-text.features-style .icon-wrap span:last-child {
    font-size: 15px !important;
  }
}

.Product-Wrapper #Div1 .service-inner-text.features-style,
.Product-Wrapper #Div3 .service-inner-text.features-style {
  display: flex !important;
  align-items: center !important;
}

@media (max-width: 991px) {

  .Product-Wrapper #Div1 .service-inner-text.features-style {
    padding: 24px;
  }

  .Product-Wrapper #Div3 .service-inner-text.features-style {
    padding: 12px 24px 40px 24px;
  }

  .Product-Wrapper #Div1 .post-features li.arrow {
    font-size: xx-large !important;
    display: flex;
    justify-content: center;

    margin: -12px auto -12px auto !important;
  }
}

.Product-Wrapper #Div1 .service-inner-text.features-style .text-wrap,
.Product-Wrapper #Div3 .service-inner-text.features-style .text-wrap,
.Product-Wrapper #Div4 .service-inner-text.features-style .text-wrap {
  padding: 0;
  height: fit-content !important;
  display: flex !important;
  flex-direction: column !important;
}


.Product-Wrapper #Div1 .service-inner-text.features-style .text-wrap p,
.Product-Wrapper #Div3 .service-inner-text.features-style .text-wrap p {
  width: 100%;
}

.Product-Wrapper #Div1 .product.post-features {
  padding: 0 20px;
}

.Product-Wrapper #Div1 p.post-title-son-center {
  width: 100%;
  text-align: center;

  letter-spacing: -0.2px;
}

/* ems-system */
.Product-Wrapper #Div1 .ems-system {
  width: 100%;
  margin: 0 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.Product-Wrapper #Div1 .ems-system .system-content {
  width: 100%;

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}

.Product-Wrapper #Div1 .ems-system .system-content>div {
  width: calc(50% - 12px);
  padding: 0;
  margin: 0;
}

.Product-Wrapper #Div1 .ems-system .system-content>div.product-ems,
.Product-Wrapper #Div1 .ems-system .system-content>div.product-om {
  min-height: 158px;

  border: 2px solid rgb(87 179 60 / 35%);

  box-shadow: inset 0 0 18px rgb(87 179 60 / 35%);
  background: rgb(255 255 255 / 100%);
}

.Product-Wrapper #Div1 .ems-system .system-content>div.product-ems {
  border-radius: 0 48px 0 48px;
}

.Product-Wrapper #Div1 .ems-system .system-content>div.product-om {
  border-radius: 48px 0 48px 0;
}

.Product-Wrapper #Div1 .ems-system .system-content>div.product-ems .title,
.Product-Wrapper #Div1 .ems-system .system-content>div.product-om .title {
  display: flex;
  flex-direction: row;

  width: 100%;
  height: fit-content !important;

  padding: 0 !important;
  box-sizing: border-box;
}

.Product-Wrapper #Div1 .ems-system .system-content>div.product-ems .title {
  justify-content: flex-start;
}

.Product-Wrapper #Div1 .ems-system .system-content>div.product-om .title {
  justify-content: flex-end;
}

.Product-Wrapper #Div1 .ems-system .system-content>div.product-ems .title span,
.Product-Wrapper #Div1 .ems-system .system-content>div.product-om .title span {
  color: rgb(255 255 255 / 100%);
  font-family: 'Arial';
  font-size: 18px;
  font-weight: lighter !important;
}

.Product-Wrapper #Div1 .ems-system .system-content>div.product-ems .title span {
  width: 55%;
  text-align: left;
  padding: 0 0 0 12px;
  border-radius: 0 0 42px 0;
  background: linear-gradient(90deg, rgb(87 179 60 / 100%) 0%, rgb(87 179 60 / 0%) 100%);
}

.Product-Wrapper #Div1 .ems-system .system-content>div.product-om .title span {
  width: 55%;
  text-align: right;
  padding: 0 12px 0 0;
  border-radius: 0 0 0 42px;
  background: linear-gradient(-90deg, rgb(87 179 60 / 100%) 0%, rgb(87 179 60 / 0%) 100%);
}

.Product-Wrapper #Div1 .ems-system .system-content>div .main-content {
  height: 100%;

  padding: 0;
  margin: 0;
}

.Product-Wrapper #Div1 .ems-system .system-content>div.product-ems .text,
.Product-Wrapper #Div1 .ems-system .system-content>div.product-om .text {
  color: rgb(0 0 0 / 55%);
  font-size: 12px;
  text-align: justify;
  letter-spacing: 0.4px;

  min-height: 104px;

  display: flex;
  align-items: center;

  padding: 12px;
  line-height: 16px;
}

.Product-Wrapper #Div1 .ems-system .system-content>div.product-ems .content,
.Product-Wrapper #Div1 .ems-system .system-content>div.product-om .content {
  padding: 0 12px 12px 12px;
}

.Product-Wrapper #Div1 .ems-system .system-solution {
  width: 100%;

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

.Product-Wrapper #Div1 .ems-system .system-solution .product-list {
  width: 100%;

  border: 2px solid rgb(87 179 60 / 35%);
  border-radius: 158px;

  box-sizing: border-box;

  box-shadow: inset 0 0 18px rgb(87 179 60 / 35%);
  background: rgb(255 255 255 / 100%);
}

.Product-Wrapper #Div1 .ems-system .system-solution .product-list .title {
  width: 40%;
  height: fit-content !important;

  color: rgb(255 255 255 / 100%);
  font-size: 14px;
  font-weight: 600;

  letter-spacing: 0.8px;

  padding: 0;
  margin: 0 auto;

  box-sizing: border-box;

  text-align: center;

  border-radius: 0 0 42px 42px;

  background: linear-gradient(90deg, rgb(87 179 60 / 0%) 0%, rgb(87 179 60 / 100%) 50%, rgb(87 179 60 / 0%) 100%);
}

.Product-Wrapper #Div1 .ems-system .system-solution .product-list .content {
  padding: 0;
  margin: 0 auto;
}

.Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul {
  width: 100%;

  margin: 0;
  padding: 12px;

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
}

.Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  margin: 0 12px;
  padding: 0;
}

.Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:first-child {
  margin-left: 0;
}

.Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:last-child {
  margin-right: 0;
}

.Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li span:nth-child(1) {
  height: 78px;
  overflow: hidden;

  padding: 0;
  margin: 0 auto;

  box-sizing: border-box;

  display: flex;
  justify-content: center;
  align-items: center;
}

.Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:nth-child(1) span:nth-child(1) img,
.Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:nth-child(2) span:nth-child(1) img,
.Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:nth-child(3) span:nth-child(1) img,
.Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:nth-child(4) span:nth-child(1) img {
  height: 78px;
}

.Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:nth-child(5) span:nth-child(1) img {
  height: 58px;
}

.Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:nth-child(6) span:nth-child(1) img {
  height: 38px;
}

.Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li p {
  font-size: 14px;
  padding: 2px 0 0 0 !important;
  margin: 0 !important;
}

.Product-Wrapper #Div1 .ems-system .system-line {
  width: 100%;
  height: fit-content;

  margin: 4px 0;
  box-sizing: border-box;

  display: flex;
  flex-direction: column !important;
}

.Product-Wrapper #Div1 .ems-system .system-line .system-son-line:nth-child(1) {
  height: 18px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}

.Product-Wrapper #Div1 .ems-system .system-line .system-son-line:nth-child(1)>div {
  width: calc(50% - 12px);
  height: 18px;

  display: flex;
  justify-content: center;
  align-items: end;
}

.Product-Wrapper #Div1 .ems-system .system-line .system-son-line:nth-child(2) {
  width: 100%;
  height: 4px;
  display: flex;
  justify-content: center;
}

.Product-Wrapper #Div1 .ems-system .system-line .system-son-line:nth-child(3) {
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Product-Wrapper #Div1 .ems-system .system-line .system-son-line:nth-child(1) span {
  width: 4px;
  height: 18px;
  background: linear-gradient(0deg, rgb(224 224 224 / 100%) 0%, rgb(224 224 224 / 0%) 100%);
}

.Product-Wrapper #Div1 .ems-system .system-line .system-son-line:nth-child(3) span {
  width: 4px;
  height: 18px;
  background: linear-gradient(0deg, rgb(224 224 224 / 0%) 0%, rgb(224 224 224 / 100%) 100%);
}

.Product-Wrapper #Div1 .ems-system .system-line .system-son-line:nth-child(1) span {
  border-radius: 4px 4px 0 0;
}

.Product-Wrapper #Div1 .ems-system .system-line .system-son-line:nth-child(3) span {
  border-radius: 0 0 4px 4px;
}

.Product-Wrapper #Div1 .ems-system .system-line .system-son-line:nth-child(2) span {
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(90deg, rgb(224 224 224 / 0%) 0%, rgb(224 224 224 / 100%) 15%, rgb(224 224 224 / 100%) 85%, rgb(224 224 224 / 0%) 100%);
}

.Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:nth-child(1) span:nth-child(1) img {
  width: 72px;
  height: auto;
}

@media (max-width: 1199px) {

  .Product-Wrapper #Div1 .ems-system .system-content>div.product-ems .text,
  .Product-Wrapper #Div1 .ems-system .system-content>div.product-om .text {
    line-height: 13px;
  }

  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li span:nth-child(1) {
    height: 58px;
  }

  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:nth-child(1) span:nth-child(1) img,
  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:nth-child(2) span:nth-child(1) img,
  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:nth-child(3) span:nth-child(1) img,
  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:nth-child(4) span:nth-child(1) img {
    height: 58px;
  }

  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:nth-child(5) span:nth-child(1) img {
    height: 42px;
  }

  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:nth-child(6) span:nth-child(1) img {
    height: 22px;
  }

  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li p {
    font-size: 12px;
  }

  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:nth-child(1) span:nth-child(1) img {
    width: 52px;
    height: auto;
  }
}

@media (max-width: 767px) {
  .Product-Wrapper #Div1 .ems-system {
    width: 100%;
    margin: 0 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: center;
  }

  .Product-Wrapper #Div1 .ems-system .system-content {
    width: calc(100% - 90px - 36px);
    height: 100%;

    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .Product-Wrapper #Div1 .ems-system .system-content>div {
    width: 100%;
    height: calc(50% - 12px);

    padding: 0;
    margin: 12px 0;
  }

  .Product-Wrapper #Div1 .ems-system .system-content>div .main-content {
    height: calc(100% - 30px);

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .Product-Wrapper #Div1 .ems-system .system-content>div:first-child {
    margin-top: 0;
  }

  .Product-Wrapper #Div1 .ems-system .system-content>div:last-child {
    margin-bottom: 0;
  }

  .Product-Wrapper #Div1 .ems-system .system-content>div.product-ems,
  .Product-Wrapper #Div1 .ems-system .system-content>div.product-om {
    border: 2px solid rgb(87 179 60 / 35%);

    box-shadow: inset 0 0 18px rgb(87 179 60 / 35%);
    background: rgb(255 255 255 / 100%);
  }

  .Product-Wrapper #Div1 .ems-system .system-content>div.product-ems,
  .Product-Wrapper #Div1 .ems-system .system-content>div.product-om {
    border-radius: 18px;
  }

  .Product-Wrapper #Div1 .ems-system .system-content>div.product-ems .title,
  .Product-Wrapper #Div1 .ems-system .system-content>div.product-om .title {
    display: flex;
    flex-direction: row;

    width: 100%;
    height: fit-content !important;

    padding: 0 !important;
    box-sizing: border-box;
  }

  .Product-Wrapper #Div1 .ems-system .system-content>div.product-ems .title {
    justify-content: flex-start;
  }

  .Product-Wrapper #Div1 .ems-system .system-content>div.product-om .title {
    justify-content: flex-start;
  }

  .Product-Wrapper #Div1 .ems-system .system-content>div.product-ems .title span,
  .Product-Wrapper #Div1 .ems-system .system-content>div.product-om .title span,
  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .title {
    color: rgb(255 255 255 / 100%);

    height: fit-content !important;

    padding: 0;
    margin: 0 auto;

    box-sizing: border-box;
    border-radius: 0 0 18px 18px;

    text-align: center;

    background: linear-gradient(90deg, rgb(87 179 60 / 0%) 0%, rgb(87 179 60 / 100%) 50%, rgb(87 179 60 / 0%) 100%);
  }


  .Product-Wrapper #Div1 .ems-system .system-content>div.product-ems .title span,
  .Product-Wrapper #Div1 .ems-system .system-content>div.product-om .title span {
    width: calc(100% - 32px);
  }

  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .title {
    width: calc(100% - 18px);
    letter-spacing: -0.8px;
    font-weight: 0;
  }

  .Product-Wrapper #Div1 .ems-system .system-solution {
    width: 90px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  .Product-Wrapper #Div1 .ems-system .system-solution .product-list {
    width: 100%;

    border: 2px solid rgb(87 179 60 / 35%);
    border-radius: 18px;

    box-shadow: inset 0 0 18px rgb(87 179 60 / 35%);
    background: rgb(255 255 255 / 100%);
  }

  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul {
    padding: 24px 0;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li {
    margin: 12px 0;
    padding: 0;
  }

  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:first-child {
    margin-top: 0;
  }

  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:last-child {
    margin-bottom: 0;
  }

  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li span:nth-child(1) {
    height: 58px;
    overflow: hidden;

    padding: 0;
    margin: 0 auto;

    box-sizing: border-box;

    display: flex;
    justify-content: center;
    align-items: center;
  }

  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:nth-child(1) span:nth-child(1) img,
  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:nth-child(2) span:nth-child(1) img,
  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:nth-child(3) span:nth-child(1) img,
  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:nth-child(4) span:nth-child(1) img {
    height: 58px;
  }

  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:nth-child(5) span:nth-child(1) img {
    height: 42px;
  }

  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:nth-child(6) span:nth-child(1) img {
    height: 22px;
  }

  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li p {
    font-size: 12px;
    padding: 2px 0 0 0 !important;
    margin: 0 !important;
  }


  .Product-Wrapper #Div1 .ems-system .system-line {
    width: 36px;
    height: 100%;

    padding: 0 4px 0 4px;
    box-sizing: border-box;

    display: flex;
    flex-direction: row !important;
    justify-content: space-between;
  }

  .Product-Wrapper #Div1 .ems-system .system-line .system-son-line:nth-child(1) {
    width: 12px;
    height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  .Product-Wrapper #Div1 .ems-system .system-line .system-son-line:nth-child(1)>div {
    width: 12px;
    height: calc(50% - 12px);

    display: flex;
    justify-content: center;
    align-items: center;
  }

  .Product-Wrapper #Div1 .ems-system .system-line .system-son-line:nth-child(2) {
    width: 4px;
    height: 100%;

    display: flex;
    justify-content: stretch;
  }

  .Product-Wrapper #Div1 .ems-system .system-line .system-son-line:nth-child(3) {
    width: 12px;
    height: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
  }

  .Product-Wrapper #Div1 .ems-system .system-line .system-son-line:nth-child(1) span {
    width: 12px;
    height: 4px;
    background: linear-gradient(90deg, rgb(224 224 224 / 0%) 0%, rgb(224 224 224 / 100%) 85%);
  }

  .Product-Wrapper #Div1 .ems-system .system-line .system-son-line:nth-child(3) span {
    width: 12px;
    height: 4px;
    background: linear-gradient(90deg, rgb(224 224 224 / 100%) 15%, rgb(224 224 224 / 0%) 100%);
  }

  .Product-Wrapper #Div1 .ems-system .system-line .system-son-line:nth-child(1) span {
    border-radius: 4px 0 0 4px;
  }

  .Product-Wrapper #Div1 .ems-system .system-line .system-son-line:nth-child(3) span {
    border-radius: 0 4px 4px 0;
  }

  .Product-Wrapper #Div1 .ems-system .system-line .system-son-line:nth-child(2) span {
    width: 4px;
    height: 100%;
    border-radius: 4px;
    background: linear-gradient(0deg, rgb(224 224 224 / 0%) 0%, rgb(224 224 224 / 100%) 15%, rgb(224 224 224 / 100%) 85%, rgb(224 224 224 / 0%) 100%);
  }

  .Product-Wrapper #Div1 .ems-system .system-solution .product-list .content ul li:nth-child(1) span:nth-child(1) img {
    width: 42px;
    height: auto;
  }
}

@media (max-width: 530px) {

  .Product-Wrapper #Div1 .ems-system .system-content>div.product-ems .title span,
  .Product-Wrapper #Div1 .ems-system .system-content>div.product-om .title span {
    width: calc(100% - 16px);
  }
}

.illustration-wrap {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0 40px 0 !important;
}

.illustration-wrap img {
  width: calc(50% - 5px);
}

@media (max-width: 1200px) {
  .illustration-wrap {
    flex-direction: column;
    justify-content: center;
    margin: 15px 0 25px 0 !important;
  }

  .illustration-wrap img {
    width: 75%;
    margin: 15px 0 !important;
  }
}

@media (max-width: 991px) {
  .illustration-wrap img {
    width: 85%;
  }
}

@media (max-width: 576px) {
  .illustration-wrap img {
    width: 100%;
  }
}

.service-inner-text.features-style .text-wrap {
  padding: 0;
  height: 100%;
  display: flex;
  align-items: center !important;
}

.service-inner-text.features-style .text-wrap .heading {
  margin-top: 10px;
  padding-bottom: 5px;
}

.service-inner-text.features-style .text-wrap p:nth-child(1) {
  margin-top: 0 !important;
}

.product .service-inner-text.features-style .features-icon-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  text-align: center;
  padding: 0 22px;
  margin-right: 12px;
  border-right: 1px solid rgb(92 179 62 / 1%);
}

.Product-Wrapper #Div3 .service-inner-text.features-style .features-icon-box,
.Product-Wrapper #Div1 .service-inner-text.features-style .features-icon-box {
  padding: 0 12px 0 0 !important;
}

.Product-Wrapper #Div1 .service-inner-text.features-style .features-icon-box p.sub-heading-2,
.Product-Wrapper #Div3 .service-inner-text.features-style .features-icon-box p.sub-heading-2 {
  text-align: justify !important;
}

.Product-Wrapper .service-inner-text.features-style .features-icon-box p {
  height: 24px;
  min-width: 120px;
  overflow: hidden;

  margin-top: 3px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.Product-Wrapper .service-inner-text.features-style .features-icon-box p {
  font-size: 16px;
}

.post-features ul.double-box {
  margin: 12px 0 65px 0;
  gap: 12px;
}

.post-features ul.double-box li.features-son {
  width: calc(50% - 6px);
}

/* .post-features .features-son, */
.features-icon {
  width: 50%;
  padding: 5px;
}

ul.icons-style {
  margin-left: -5px !important;
  margin-right: -5px !important;
}

@media (max-width: 1200px) {
  .post-features .features-son {
    width: 100% !important;
    position: relative !important;
  }

  .post-features .features-son:nth-child(4) .heading {
    letter-spacing: -1.2px;
  }

  .post-features .features-son .sub-heading {
    line-height: 18px;
  }

  .post-features .features-son .sub-heading-2 {
    line-height: 18px;
  }
}

@media (max-width: 991px) {
  .features-icon {
    width: 25%;
    padding: 10px 5px 0 5px;
  }

  ul.icons-style {
    margin-left: -5px !important;
    margin-right: -5px !important;
  }

  .post-title-son .Pics {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
  }

  .product .service-inner-text.features-style {
    height: fit-content !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .product .service-inner-text.features-style .features-icon-box {
    width: 100%;
    padding: 0 0 12px 0;
    margin-right: 0 !important;
    margin-bottom: 12px;
    border-right: none !important;
    border-bottom: 1px solid rgb(92 179 62 / 1%) !important;
  }

  .product .service-inner-text.features-style .features-icon-box p {
    margin-bottom: 8px;
  }

  .Product-Wrapper #Div1 .service-inner-text.features-style .features-icon-box {
    padding: 0 !important;
  }
}

/* Service */
.sercive-pics {
  display: flow-root;
  text-align: center;
  vertical-align: middle;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  align-items: center;
}

.sercive-pics img {
  margin: 0 10px;
}

/* Case */
.modal {
  padding-right: 0 !important;
}

.table-photo {
  text-align: center;
}

@media (max-width: 767px) {
  .change-pic {
    margin-top: 20px;
  }
}

@media (max-width: 991px) {
  .fullwidthbanner-container {
    left: -15px !important;
    padding-right: -50% !important;
    position: relative;
  }
}

/* About Us */
.box-office .style-3 {
  margin-bottom: 20px !important;
}

.box-office {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.box-office p,
.box-office h3 {
  width: 100%;
}

.box-office h3 {
  font-size: 22px;
  letter-spacing: 1px;
}

@media (max-width: 991px) {
  .box-office {
    text-align: center;
  }

  .box-office p,
  .box-office h3 {
    width: auto
  }

  .HistoryPic {
    display: none;
  }

  .History-font-style {
    padding-top: 70px !important;
  }
}

p.feature-box {
  display: flex;
  align-items: center;

  color: rgb(255 255 255 / 100%);
  font-size: small;

  border-radius: 30px 0 30px 0;
  padding: 20px 25px 20px 25px !important;
  margin-bottom: 20px !important;

  background: rgb(87 179 60 / 75%);
}

table .Product-title {
  border-right: 1px solid rgb(228 235 244 / 35%);
}

table .Product-title-B {
  font-size: 22px !important;
  background: rgb(255 255 255 / 75%) !important;
}

.Product-table-B {
  display: block;
}

.Product-table-S {
  display: none;
}

.circle-pic-style {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
}

#inner-content92,
#inner-content93,
#inner-content94,
#inner-content82,
#inner-content83 {
  margin-top: 80px !important;
}

@media (max-width: 991px) {
  .circle-pic-style {
    flex-direction: column !important;
  }

  #inner-content91 .circle-pic-style img,
  #inner-content92 .circle-pic-style img,
  #inner-content93 .circle-pic-style img,
  #inner-content93 .circle-pic-style img {
    margin-top: 15px !important;
  }

  #inner-content91,
  #inner-content81,
  #inner-content {
    margin-top: 60px !important;
  }

  .post-title-detail {
    font-size: 32px !important;
  }

  .post-title-detail,
  p.post-title-son,
  .accordion-item {
    text-align: center !important;
  }
}

@media (max-width: 767px) {
  .Product-table-B {
    display: none;
  }

  .Product-table-S {
    display: block;
  }
}

.PicChange-col-5 {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.PicChange-col-4-s {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.PicChange-col-5-s {
  width: 230px;
  text-align: center;
  margin: 0 auto;
}

.PicChange-col-5-xs {
  width: 210px;
  text-align: center;
  margin: 0 auto;
}

.address-left {
  width: 33%;
  padding-left: 15px;
  padding-right: 0;
}

.address-right {
  width: 65%;
  padding-left: 15px;
  padding-right: 15px;
}

.googlebox {
  width: 100%;
  margin-bottom: 5px;
}

.address-pics {
  padding-left: 10px;
  padding-right: 10px;
}

.picbox {
  width: 33.333333%;
  padding: 5px;
}

.box-office .style-2 .Off,
.box-office .style-3 .Off {
  display: none;
}

@media only screen and (min-width: 992px) and (max-width: 1213px) {

  .box-office .style-2 .Off,
  .box-office .style-3 .Off {
    display: block;
  }
}

@media (max-width: 991px) {

  .address-left,
  .address-right {
    width: 100% !important;
  }
}

@media only screen and (min-width: 554px) and (max-width: 991px) {
  .PicChange-col-5 {
    width: 400px;
  }

  .PicChange-col-5-s,
  .PicChange-col-5-xs {
    width: 300px;
  }

  .PicChange-col-4-s {
    width: 245px;
  }

  .PicChange-col-4-s-mt {
    width: 245px;
    margin: 0 auto 0 auto;
  }

  .PicChange {
    margin-bottom: 50px;
  }
}

@media (max-width: 553px) {
  .PicChange-col-5 {
    width: 100%;
  }

  .PicChange-col-5-s,
  .PicChange-col-5-xs {
    width: 245px;
  }

  .PicChange-col-4-s {
    width: 245px;
  }

  .PicChange-col-4-s-mt {
    width: 245px;
    margin: 0 auto 0 auto;
  }

  .PicChange {
    margin-bottom: 50px;
  }
}

.address-right .box-office p:nth-child(3) br:nth-child(2) {
  display: none;
}

@media (max-width: 460px) {
  .address-right .box-office p:nth-child(3) br:nth-child(2) {
    display: block;
  }
}

.Storage {
  margin-top: 38px;
}

#blogNeWs li {
  background-size: 510px auto;
  background-position: -12px -18px;
  cursor: pointer;
}

.pic-table-style {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center
}

.pics-style {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
}

.icons-style {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: space-between;
  padding: 0 !important;
  margin: 0 !important;
}

/* 中日官网切换 */
#top-bar .top-bar-socials .inner,
#top-bar .top-bar-socials .inner .NationBox {
  font-family: "微软雅黑", "Microsoft YaHei", SimHei, "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
}

#top-bar .NationBox .GoOM,
#top-bar .NationBox .ChangeBox {
  margin-left: 12px;
}

@media only screen and (max-width: 767px) {

  #top-bar .top-bar-content,
  #top-bar .top-bar-socials {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    line-height: 25px;
  }

  #top-bar .top-bar-socials .inner,
  #top-bar .top-bar-socials .inner .NationBox {
    flex-direction: column;
    justify-content: center;
  }

  #top-bar .NationBox .GoOM,
  #top-bar .NationBox .ChangeBox {
    margin-top: 8px;
    margin-left: 0px;
  }
}

#top-bar .NationChoose {
  font-size: 14px;
  height: 18px;
  padding-left: 8px;
  padding-right: 8px;
  color: rgb(255 255 255 / 55%);
  background: rgb(0 168 255 / 25%);
  border-left: 1.2px solid rgb(0 168 255 / 25%) !important;
  border-right: 1.2px solid rgb(0 168 255 / 25%) !important;
  border: 1.2px solid rgb(0 168 255 / 0);
  box-shadow: 0 0 8px rgb(0 168 255 / 0);
  border-radius: 10px !important;
  line-height: 15px;
  cursor: pointer;
}

#top-bar .NationChoose:hover {
  background: rgb(0 168 255 / 65%);
  border: 1.2px solid rgb(0 168 255 / 25%) !important;
  border-radius: 10px !important;
  box-shadow: 0 0 8px rgb(0 168 255 / 55%);
}

#top-bar .NationChoose img {
  border: 1px solid rgb(0 168 255 / 55%);
  box-shadow: 0 0 10px rgb(0 168 255 / 55%);
  margin-top: -2.5px !important;
}

/* Main Nav */
#nation-nav ul {
  margin: 0px;
}

#nation-nav ul li {
  position: relative;
  list-style: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#nation-nav>ul>li {
  float: left;
  padding: 0 !important;
}

#nation-nav>ul>li>a {
  display: block;
  font-size: 16px;
  font-family: "微软雅黑", "Microsoft YaHei", SimHei, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: rgb(31 36 44 / 100%);
  position: relative;
  line-height: 23px;
}

#nation-nav ul li .down::after {
  content: "\f107";
  font-family: "FontAwesome";
  color: rgb(255 255 255 / 75%);
  margin-left: 5px;
}

/* nation-nav Sub Menu */
#nation-nav .sub-menu {
  position: absolute;
  top: 20px;
  right: -16px;
  width: 84px;
  text-align: center;
  background-color: rgb(255 255 255 / 100%);
  border-radius: 5px;
  z-index: 9999 !important;
  opacity: 0;
  display: block !important;
  visibility: hidden;
  padding: 0 15px;
  box-shadow: 0 10px 30px rgb(0 0 0 / 7%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateY(15px);
  -moz-transform: translateY(15px);
  -ms-transform: translateY(15px);
  -o-transform: translateY(15px);
  transform: translateY(15px);
}

@media only screen and (min-width: 768px) and (max-width: 820px) {
  #nation-nav .sub-menu {
    right: 0px;
  }
}

#nation-nav .sub-menu li a {
  display: block;
  font-size: 14px;
  color: rgb(31 36 44 / 100%);
  padding: 15px 0;
  font-weight: 500;
}

#nation-nav li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#nation-nav .sub-menu li {
  color: rgb(45 66 85 / 55%);
  font-size: 12px;
  border-bottom: 0.5px solid rgb(239 239 239 / 100%);
}

#nation-nav .sub-menu li:first-child {
  padding: 0;
}

#nation-nav .sub-menu li:last-child {
  border-bottom: none;
}

#nation-nav .sub-menu li a:hover,
#nation-nav .sub-menu li.current-item a {
  color: rgb(0 94 184 / 100%);
}

#wrapper .timeLoad {
  display: none
}

.system-content .circle-pic-style p.post-title-grandson {
  margin-top: -18px !important;
  margin-bottom: 28px;
}

.system-content .circle-pic-style .Pics {
  margin-top: 8px;
}

.large {
  font-size: 24px !important;
  font-weight: lighter !important;
}

.larger {
  font-size: 42px !important;
}

.font-family-number {
  font-family: Arial !important;
  font-size: 44px;
  font-weight: lighter !important;
}

.font-weight-force {
  font-family: "メイリオ", "Meiryo" !important;
  margin-right: 0 !important;
}

.post-size {
  font-size: 24px !important;
}



/* 超宽表格自适应调整 */
.tableOn {
  display: block;
}

.table767 {
  display: none;
}

.table650 {
  display: none;
}

@media only screen and (max-width: 767px) {
  .tableOn {
    display: none;
  }

  .table767 {
    display: block;
  }

  .table650 {
    display: none;
  }

  #inner-content31 .table-sm thead tr td {
    line-height: 20px !important;
  }

  #inner-content31 .table-sm tbody tr td p small {
    letter-spacing: -0.8px;
  }
}

@media only screen and (max-width: 650px) {
  .tableOn {
    display: none;
  }

  .table767 {
    display: none;
  }

  .table650 {
    display: block;
  }
}

/* 图片点击弹框显示且放大 */
#Div1 img,
#Div2 img,
#Div3 img,
#Div4 img,
#Div5 img,
#Div6 img,
#Div7 img,
#Div8 img,
#Div9 img,
#Div10 img,
#Div11 img,
#Div12 img,
#inner-content img,
#inner-content91 img,
#inner-content92 img,
#inner-content93 img,
#inner-content94 img,
#inner-content21 img,
#inner-content31 img {
  cursor: pointer;
}

/* 弹框样式 */
.picmodal {
  position: fixed;
  z-index: 999999;
  background-color: rgb(0 0 0 / 80%);
}

.picmodal .modal-dialog .modal-header,
.picmodal .modal-dialog .modal-content,
.picmodal .modal-dialog .modal-footer {
  border-color: transparent !important;
  background: rgb(255 255 255 / 100%);
}

.picmodal .modal-dialog .modal-header {
  display: flex !important;
  flex-direction: row !important;
  justify-content: start !important;
}

.picmodal .modal-dialog .modal-header button {
  width: 38px;
  color: rgb(0 0 0 / 55%) !important;
}

.picmodal .modal-dialog .modal-header .close {
  width: 38px !important;
  overflow: hidden !important;
}

.picmodal .modal-dialog .modal-header button:hover {
  color: rgb(0 0 0 / 75%) !important;
}

.picmodal .modal-dialog .modal-body {
  display: flex;
  justify-content: center;
}

.list-style-disc li {
  list-style: disc !important;

}

table thead tr td {
  font-weight: bolder !important;
}

#Basic-Info .themesflat-headings.Office-font-style h1.heading,
#Basic-Info .themesflat-headings.About-font-style h1.heading,
#Basic-Info h3.title-office {
  color: rgb(0 0 0 / 75%) !important;
}

#Sustainability .right-content-wrap {
  min-height: 300px;
  box-shadow: inset 4px 0 5px -3px rgb(0 0 0 / 7%);
}

#Sustainability .content-title {
  width: 100%;
  height: 32px;
  margin: 33px 0 14px 0;
  color: rgb(0 0 0 / 85%);
  font-size: 32px;
  font-weight: 400;
  text-align: left;
  letter-spacing: -0.5px;
  transition: all 0.8s;
}

#Sustainability .content-text {
  margin-top: 20px;
  transition: all 0.3s;
}

#Sustainability .content-text p,
.row-maininfo p {
  text-align: justify !important;
}

#Sustainability .content-text p.dotlist::before {
  content: '・';
  font-weight: 600;
  color: rgb(47 167 224 / 100%);
}

#Sustainability .content-text p.download::before {
  content: "\f105";
  font-family: "fontAwesome";
  color: rgb(0 94 184 / 100%);
  margin-left: 6px;
  margin-right: 4px;
  transition: all 0.3s;
}


#Sustainability .content-text p.download {
  width: fit-content;
  letter-spacing: 1.2px;
  color: rgb(47 167 224 / 100%);
  transition: all 0.3s;
  cursor: pointer;
}

#Sustainability .content-text p.download>span {
  padding: 0;
  transition: all 0.3s;
}

#Sustainability .content-text p.download>span:nth-child(2) {
  letter-spacing: 0;
  padding: 0 10px 2px 0;
  box-sizing: border-box;
  height: 24px;
  border-radius: 24px;
  overflow: hidden;
  background: rgb(253 97 87 / 0%);
}

#Sustainability .content-text p.download:hover>span:nth-child(2) {
  padding: 0 10px 2px 12px;
  background: rgb(253 97 87 / 100%);
}

#Sustainability .content-text p.download>span:nth-child(2)>span:nth-child(2) {
  font-size: 90%;
  color: rgb(255 255 255 / 100%);
  letter-spacing: 0;
  opacity: 0;
  transition: all 0.3s;
}

#Sustainability .content-text p.download:hover>span:nth-child(2)>span:nth-child(2) {
  margin-left: 4px;
  letter-spacing: 1.8px;
  opacity: 1;
}

#Sustainability .content-text p.download>span:nth-child(2) i.fa.fa-file-pdf {
  font-size: 100%;
  color: rgb(253 97 87 / 100%);
  transition: all 0.3s;
}

#Sustainability .content-text p.download:hover>span:nth-child(2) i.fa.fa-file-pdf {
  font-size: 90%;
  color: rgb(255 255 255 / 55%);
}

#Sustainability .content-text p.download:hover {
  letter-spacing: 3px;
  color: rgb(0 94 184 / 100%);
}

#Sustainability .question-faq .accordion-item {
  margin-bottom: 0 !important;
}

#Sustainability .left-top-line {
  width: 100% !important;
  height: 4px !important;
  background: linear-gradient(45deg, rgb(0 205 172 / 100%), rgb(47 167 224 / 100%));
}

#Sustainability .question-faq .questionnolink {
  height: 112px;
  font-size: 32px;
  font-weight: 500;
  padding: 21px 0 21px 10px;
  border: none !important;
}

#Sustainability .question-faq .questionnolink p {
  margin: 0 0 8px 0;
}

#Sustainability .question-faq .questionnolink p:last-child {
  margin: 0 !important;
}

#Sustainability .question-faq .questionnolink p.English {
  color: rgb(0 0 0 / 75%);
  font-family: 'Arial Narrow';
  font-weight: lighter;
  font-size: 120%;
  letter-spacing: 2.4px;
}

#Sustainability .question-faq .questionnolink:hover {
  color: rgb(0 0 0 / 75%) !important;
  background: transparent !important;
  border: none !important;
}

#Sustainability .question-faq .questionnolink:hover:after {
  color: rgb(0 0 0 / 0%) !important;
}

#Sustainability .question-faq .active .questionnolink {
  background: transparent !important;
}

#Sustainability .question-faq .active .questionnolink {
  color: rgb(0 0 0 / 75%);
}

#Sustainability .question-faq .active .questionnolink::after {
  color: rgb(0 0 0 / 0%) !important;
  content: "\f107";
}

#Sustainability .question-faq .questionnolink::after {
  content: "\f105";
  font-family: "fontAwesome", sans-serif !important;
  font-size: 20px !important;
  color: rgb(0 0 0 / 0%) !important;
  right: 28px !important;
}

#Sustainability .question-faq .infor-question {
  display: none;
}

#Sustainability .question-faq .active .infor-question {
  padding: 26px 0;
  box-shadow: 0 -4px 1px -3px rgb(0 0 0 / 4%);
}

#Sustainability .question-faq .active .infor-question li.item-title {
  padding-top: 6px !important;
}

#Sustainability .question-faq .active .infor-question li.item-title p {
  color: rgb(0 0 0 / 85%) !important;
  padding: 0 0 0 10px !important;
  margin: 0 !important;
}

@media (max-width: 991px) {
  .Sustainability-font-style {
    text-align: center !important;
  }

  .Sustainability-font-style .About-heading-shadown-text {
    font-size: 85px !important;
    letter-spacing: 0 !important;
  }

  #Sustainability .content-title {
    height: 74px !important;
    line-height: 74px !important;
    margin: 0 !important;
    text-align: center;
  }

  #Sustainability .question-faq ul .active {
    background: linear-gradient(90deg, rgb(47 167 224 / 0%), rgb(47 167 224 / 15%), rgb(47 167 224 / 0%));
  }

  #Sustainability .question-faq .question {
    padding: 21px 0 !important;
  }

  #Sustainability .question-faq .active .infor-question li.item-title p {
    padding: 0 !important;
  }

  #Sustainability .right-content-wrap {
    box-shadow: none !important;
  }

  #Sustainability .right-content-wrap #Div1,
  #Sustainability .right-content-wrap #Div2,
  #Sustainability .right-content-wrap #Div3,
  #Sustainability .right-content-wrap #Div4,
  #Sustainability .right-content-wrap #Div5,
  #Sustainability .right-content-wrap #Div6 {
    margin-top: 0 !important;
    box-shadow: inset 0 4px 5px -3px rgb(0 0 0 / 7%);
  }
}

.question-faq li.item-title>a {
  cursor: pointer !important;
}

#Sustainability .question-faq ul li a:hover,
#Sustainability .question-faq ul .active a:hover {
  letter-spacing: 3px;
}

#Sustainability .question-faq ul li {
  margin-bottom: 10px;
}

#Sustainability .question-faq ul li:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #Sustainability .question-faq .question {
    font-size: 16px !important;
  }

  #Sustainability .question-faq ul li {
    font-size: 14px !important;
  }

  #Sustainability .question-faq ul .active {
    font-size: 18px !important;
  }

  #Sustainability .question-faq .question::after {
    font-size: 18px !important;
  }
}

@media (max-width: 650px) {
  #Sustainability .content-title {
    font-size: 28px;
  }
}

@media (max-width: 550px) {
  #Sustainability .content-title {
    font-size: 24px;
  }

  .Sustainability-font-style .About-heading-shadown-text {
    font-size: 78px !important;
  }

  .Sustainability-font-style .heading {
    font-size: 44px !important;
    margin-top: -22px !important;
  }
}

@media (max-width: 458px) {
  #Sustainability .content-title {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -1px;
  }

  .Sustainability-font-style .About-heading-shadown-text {
    font-size: 58px !important;
  }
}

/* 单位 */
.Explain:before {
  content: "※";
  color: rgb(250 186 193 / 100%);
  font-family: 'Arial Narrow';
  font-weight: normal !important;
  margin: 0 4px 0 0;
}

.Explain.One:before {
  width: 20px;
  content: "※1";
}

.Explain.Two:before {
  width: 20px;
  content: "※2";
}

.Explain.Three:before {
  width: 20px;
  content: "※3";
}

.less-than::before {
  content: "<";
  position: relative;
  top: -1px;

}

.Unit:after {
  height: 14px;
  color: rgb(0 0 0 / 35%) !important;
  font-family: 'Arial Narrow';
  margin: 0 0 0 3px;
}

.Marks:hover .Unit:after {
  color: rgb(255 255 255 / 35%) !important;
}

.Bracket:after {
  height: 14px !important;
  color: rgb(0 0 0 / 35%) !important;
  padding: 0 4px;
  margin: 0 0 0 3px;
  box-sizing: border-box;
  border-radius: 14px;
  border-left: 2px solid rgb(0 0 0 / 15%);
  border-right: 2px solid rgb(0 0 0 / 15%);
  transition: all 0.3s;
}

.Own {
  height: 14px;
  color: rgb(100 170 130 / 75%) !important;
  letter-spacing: 0.8px !important;
  line-height: 15px;
  padding: 0 6px;
  margin: 0;
  box-sizing: border-box;
  border-radius: 14px;
  border-color: rgb(100 170 130 / 55%) !important;
  border-left: 2px solid rgb(0 0 0 / 15%);
  border-right: 2px solid rgb(0 0 0 / 15%);
  transition: all 0.35s;
}

.Marks:hover .Bracket:after {
  color: rgb(255 255 255 / 55%) !important;
  border-left: 2px solid rgb(255 255 255 / 15%);
  border-right: 2px solid rgb(255 255 255 / 15%);
}

.Marks:hover .Own {
  color: rgb(0 0 0 / 55%) !important;
  border-color: rgb(0 0 0 / 35%) !important;
  border-left: 2px solid rgb(0 0 0 / 15%);
  border-right: 2px solid rgb(0 0 0 / 15%);
}

.kWh:after {
  content: 'kWh';
}

.MWh:after {
  content: 'MWh';
}

.pre:after {
  font-size: x-small !important;
  content: '予定';
  letter-spacing: -0.8px;
}

.wait:after {
  font-size: x-small !important;
  content: '未定';
  letter-spacing: -0.8px;
}

/* h6.Number, */
span.number,
span.English {
  font-family: 'Arial Narrow';
  font-weight: lighter !important;
  letter-spacing: 0.2px;
}

span.EnglishTime {
  font-family: 'Times New Roman';
  font-weight: lighter !important;
  letter-spacing: 0.2px;
}

.Solution-Wrapper .img-box {
  width: 100%;
}

.Solution-Wrapper .img-box .main-img-box {
  width: 70%;

  padding: 72px 0;
  box-sizing: border-box;

  position: relative;
  z-index: 0;
}

.Solution-Wrapper .img-box .up-img-box .solution-box-header,
.Solution-Wrapper .img-box .down-img-box .solution-box-header {
  width: 100%;

  margin: 0;
  padding: 0;

  box-sizing: border-box;
  border: 4px solid rgb(86 88 114 / 100%);
  background: rgb(86 88 114 / 100%);

  color: rgb(255 255 255 / 100%);
  text-align: center !important;
}

.Solution-Wrapper .img-box .up-img-box .solution-box-header,
.Solution-Wrapper .img-box .down-img-box .solution-box-header {
  border-radius: 16px 0 0 0;
}

.Solution-Wrapper .img-box .up-img-box .solution-box-content,
.Solution-Wrapper .img-box .down-img-box .solution-box-content {
  width: 100%;

  margin: 0;
  padding: 12px;

  box-sizing: border-box;

  border: 4px solid rgb(86 88 114 / 100%);
  border-top: none;
  border-radius: 0 0 16px 16px;
  background: rgb(255 255 255 / 100%);
}

.Solution-Wrapper .img-box .up-img-box {
  width: 268px;

  position: absolute;
  z-index: 1;

  top: 120px;
  right: 16px;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.Solution-Wrapper .img-box .up-img-box,
.Solution-Wrapper .img-box .down-img-box {
  border-radius: 32px;
  box-shadow: 0 0 32px rgb(86 88 114 / 35%);
}

.Solution-Wrapper .img-box .up-img-box .up-icon {
  right: -40px;
  top: -22px;

  position: absolute;
  z-index: 9;
}

.Solution-Wrapper .img-box .down-img-box .down-icon {
  right: -40px;
  top: -22px;

  position: absolute;
  z-index: 9;
}

.Solution-Wrapper .img-box .up-img-box p {
  width: 100%;
  font-size: 12px;
  line-height: 18px;

  text-align: center;
}

.Solution-Wrapper .img-box .up-img-box p:first-child,
.Solution-Wrapper .img-box .down-img-box p:first-child {
  margin-top: 0;
}

.Solution-Wrapper .img-box .up-img-box p:last-child,
.Solution-Wrapper .img-box .down-img-box p:last-child {
  margin-bottom: 0;
}

.Solution-Wrapper .img-box .down-img-box {
  width: fit-content;

  position: absolute;
  z-index: 2;

  bottom: -40px;
  right: 16px;

  text-align: center !important;
}

.Solution-Wrapper .img-box .down-img-box p {
  width: 100%;
  font-size: 12px;
  line-height: 18px;

  text-align: center;
}

.Solution-Wrapper .img-box p .Off {
  display: none;
}

.Solution-Wrapper .img-box .down-img-box .formula-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.Solution-Wrapper .img-box .down-img-box .formula-box span {
  margin: 0 !important;
  padding: 0 6px !important;
  box-sizing: border-box;
}

.Solution-Wrapper .img-box .down-img-box .formula-box span:nth-child(odd) {
  color: rgb(255 255 255 / 100%);
  font-size: 10px;

  padding: 6px;
  border-radius: 6px;
}

.Solution-Wrapper .img-box .down-img-box .formula-box span:nth-child(even) {
  font-family: 'ArialNarrow';
  font-size: 20px;
  font-weight: 600;
}

.Solution-Wrapper .img-box .down-img-box .formula-box span:nth-child(1) {
  background: rgb(29 141 212 / 100%);
}

.Solution-Wrapper .img-box .down-img-box .formula-box span:nth-child(3),
.Solution-Wrapper .img-box .down-img-box .formula-box span:nth-child(5),
.Solution-Wrapper .img-box .down-img-box .formula-box span:nth-child(7) {
  background: rgb(87 179 60 / 100%);
}

.Solution-Wrapper .img-box .down-img-box .formula-box span:nth-child(9) {
  background: rgb(255 193 7 / 100%);
}

.Solution-Wrapper .img-box .down-img-box .formula-box span:nth-child(8) {
  height: 26px;
  overflow: hidden;

  font-size: 34px;
  font-weight: 100;
  line-height: 1px !important;

  margin-bottom: -24px !important;
}


@media (max-width: 991px) {
  .Solution-Wrapper .img-box {
    width: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .Solution-Wrapper .img-box .main-img-box {
    width: 100%;

    padding: 24px 48px 48px 48px;
    box-sizing: border-box;

    order: 2;
    position: relative;
    z-index: 0;
  }

  .Solution-Wrapper .img-box .up-img-box .solution-box-header,
  .Solution-Wrapper .img-box .down-img-box .solution-box-header {
    border-radius: 16px 16px 0 0;
  }

  .Solution-Wrapper .img-box .up-img-box {
    width: 100%;

    order: 1;
    position: relative;
    z-index: 0;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .Solution-Wrapper .img-box .down-img-box {
    width: 100%;

    order: 3;
    position: relative;
    z-index: 0;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

@media (max-width: 553px) {
  .Solution-Wrapper .img-box .down-img-box p .Off {
    display: block;
  }
}

@media (max-width: 991px) {
  .Solution-Wrapper .img-box {
    width: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .Solution-Wrapper .img-box .main-img-box {
    width: 100%;

    padding: 24px 48px 48px 48px;
    box-sizing: border-box;

    order: 2;
    position: relative;
    z-index: 0;
  }

  .Solution-Wrapper .img-box .up-img-box .solution-box-header,
  .Solution-Wrapper .img-box .down-img-box .solution-box-header {
    border-radius: 16px 16px 0 0;
  }

  .Solution-Wrapper .img-box .up-img-box {
    width: 100%;

    order: 1;
    position: relative;
    z-index: 0;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .Solution-Wrapper .img-box .down-img-box {
    width: 100%;

    order: 3;
    position: relative;
    z-index: 0;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

@media (max-width: 553px) {
  .Solution-Wrapper .img-box .down-img-box p .Off {
    display: block;
  }
}

/* CSS箭头样式 */
.icon-arrow-element.arrow-left,
.icon-arrow-element.arrow-right,
.icon-arrow-element.arrow-top,
.icon-arrow-element.arrow-bottom {
  width: 0;
  height: 0;

  border-style: solid;
}

.icon-arrow-element.arrow-left {
  border-width: 4px 0 4px 8px;
  border-color: transparent transparent transparent rgb(0 0 0 / 75%);
}

.icon-arrow-element.arrow-right {
  border-width: 4px 8px 4px 0;
  border-color: transparent rgb(0 0 0 / 75%) transparent transparent;
}

.icon-arrow-element.arrow-top {
  border-width: 0 4px 8px 4px;
  border-color: transparent transparent rgb(0 0 0 / 75%) transparent;
}

.icon-arrow-element.arrow-bottom {
  border-width: 8px 4px 0 4px;
  border-color: rgb(0 0 0 / 75%) transparent transparent transparent;
}

/* CSS线样式 */
/* 纬线 */
.connecting-line.line-parallel {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  width: 100%;
  height: 4px;

  box-sizing: border-box;
}

.connecting-line.line-parallel.dotted-line.no-way .icon-line,
.connecting-line.line-parallel.dotted-line.one-way .icon-line,
.connecting-line.line-parallel.dotted-line.two-way .icon-line {
  min-width: 12px;
  height: 0;

  border-top: 1px dotted rgb(0 0 0 / 75%);
  border-bottom: 1px dotted rgb(0 0 0 / 75%);
}

.connecting-line.line-parallel.solid-line.no-way .icon-line,
.connecting-line.line-parallel.solid-line.one-way .icon-line,
.connecting-line.line-parallel.solid-line.two-way .icon-line {
  min-width: 12px;
  height: 0;

  border-top: 2px solid rgb(0 0 0 / 75%);
  border-bottom: 2px solid rgb(0 0 0 / 75%);
}

.connecting-line.line-parallel.solid-light-line.no-way .icon-line,
.connecting-line.line-parallel.solid-light-line.one-way .icon-line,
.connecting-line.line-parallel.solid-light-line.two-way .icon-line {
  min-width: 12px;
  height: 0;

  border-top: 1px solid rgb(0 94 184 / 35%);
}

/* 经线 */
.connecting-line.line-warp {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;

  width: 4px;
  height: 100%;

  box-sizing: border-box;
}

.connecting-line.line-warp.dotted-line.no-way .icon-line,
.connecting-line.line-warp.dotted-line.one-way .icon-line,
.connecting-line.line-warp.dotted-line.two-way .icon-line {
  width: 0;

  border-left: 1px dotted rgb(0 0 0 / 75%);
  border-right: 1px dotted rgb(0 0 0 / 75%);
  box-sizing: border-box;
}

.connecting-line.line-warp.solid-line.no-way .icon-line,
.connecting-line.line-warp.solid-line.one-way .icon-line,
.connecting-line.line-warp.solid-line.two-way .icon-line {
  width: 0;

  border-left: 2px solid rgb(0 0 0 / 75%);
  border-right: 2px solid rgb(0 0 0 / 75%);
  box-sizing: border-box;
}

.connecting-line.line-warp.no-way .icon-line {
  height: 17px;
}

.connecting-line.line-warp.one-way .icon-line {
  height: 9px;
}

.connecting-line.line-warp.two-way .icon-line {
  height: 9px;
}

.System-Wrapper .main-diagram .icon-line.normal-style {
  height: 21px;
}

.System-Wrapper .main-diagram .icon-line.large-style {
  height: 35px;
}

.System-Wrapper .diagram-wrapper {
  width: 100%;

  border: 2px solid rgb(87 179 60 / 35%);
  border-radius: 32px;
  box-shadow: inset 0 0 18px rgb(87 179 60 / 35%);
  background: rgb(255 255 255 / 100%);

  padding: 24px;
  box-sizing: border-box;
}

.System-Wrapper .main-diagram {
  width: 100%;
}

.System-Wrapper .main-diagram ul {
  width: 100%;

  padding: 0;
  margin: 0;
  gap: 0;
  box-sizing: border-box;
}

.System-Wrapper .main-diagram ul li {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.System-Wrapper .main-diagram .one-part,
.System-Wrapper .main-diagram .three-part,
.System-Wrapper .main-diagram .tail-part {
  width: 100%;

  border: 2px dotted transparent;
  border-top: none;
  border-bottom: none;

  padding: 0 12px;
  margin: 0;
  box-sizing: border-box;
}

.System-Wrapper .tail-part {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;

  margin: 24px 0 0 0;
}

.System-Wrapper .tail-part .Explain.Three img {
  width: 38px;
  margin: -4px 4px 0 0;
}

.System-Wrapper .tail-part>div:nth-child(1) {
  width: calc(100% - 138px - 12px);
}

.System-Wrapper .tail-part>div:nth-child(2) {
  width: 138px;

  border-left: 1px solid rgb(0 0 0 / 5%);
  padding: 0 0 0 12px;
  box-sizing: border-box;
}

.System-Wrapper .tail-part>div:nth-child(1)>ul {
  width: 100%;
}

.System-Wrapper .tail-part>div:nth-child(1)>ul>li {
  display: flex;
  flex-direction: column;
  justify-content: start;

  margin-bottom: 8px;
}

.System-Wrapper .tail-part>div:nth-child(1)>ul>li:last-child {
  margin-bottom: 0;
}

.System-Wrapper .tail-part>div:nth-child(1)>ul>li>span {
  line-height: 1.4;
}

.System-Wrapper .tail-part>div:nth-child(1)>ul>li>span:nth-child(1) {
  font-size: 14px;
}

.System-Wrapper .tail-part>div:nth-child(1)>ul>li>span:nth-child(2) {
  font-size: 12px;
  margin-left: 24px;
}


.System-Wrapper .tail-part>div:nth-child(2)>ul>li {
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: center;
}

.System-Wrapper .tail-part>div:nth-child(2)>ul>li>span:nth-child(1) {
  width: calc(100% - 58px - 6px) !important;
  margin: 0 6px 0 0;
}

.System-Wrapper .tail-part>div:nth-child(2)>ul>li>span:nth-child(2) {
  width: 58px;
  font-size: 14px;
}

.System-Wrapper .tail-part>div:nth-child(2)>ul>li>span:nth-child(1)>.connecting-line.line-parallel .icon-line {
  width: 100% !important;
}

@media (max-width:768px) {
  .System-Wrapper .tail-part>div:nth-child(1) {
    width: calc(100% - 108px - 12px);
  }

  .System-Wrapper .tail-part>div:nth-child(2) {
    width: 108px;
  }
}

@media (max-width:520px) {
  .System-Wrapper .tail-part>div:nth-child(1) {
    width: calc(100% - 78px - 12px);
  }

  .System-Wrapper .tail-part>div:nth-child(2) {
    width: 78px;
  }

  .System-Wrapper .tail-part>div:nth-child(1)>ul>li>span:nth-child(1) {
    font-size: 12px;
  }

  .System-Wrapper .tail-part>div:nth-child(1)>ul>li>span:nth-child(2) {
    font-size: 10px;
  }

  .System-Wrapper .tail-part>div:nth-child(2)>ul>li>span:nth-child(1) {
    width: calc(100% - 44px - 6px) !important;
    margin: 0 6px 0 0;
  }

  .System-Wrapper .tail-part>div:nth-child(2)>ul>li>span:nth-child(2) {
    width: 44px;
    font-size: 10px;
  }
}

.System-Wrapper .main-diagram .two-part {
  width: 100%;

  border: 2px dotted rgb(255 193 7 / 100%);
  border-radius: 16px;
  box-shadow: 0 0 32px rgb(255 193 7 / 15%);

  padding: 0 12px;
  margin: 0;
  box-sizing: border-box;
}

.System-Wrapper .main-diagram .one-part>ul,
.System-Wrapper .main-diagram .two-part>ul,
.System-Wrapper .main-diagram .three-part>ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.System-Wrapper .main-diagram .one-part>ul>li,
.System-Wrapper .main-diagram .two-part>ul>li,
.System-Wrapper .main-diagram .three-part>ul>li {
  width: 100%;

  display: flex;
  justify-content: center;
  text-align: center;
}

.System-Wrapper .main-diagram .one-part ul.three-boxes,
.System-Wrapper .main-diagram .two-part ul.three-boxes,
.System-Wrapper .main-diagram .two-part ul.three-boxes>li>ul.two-boxes-73,
.System-Wrapper .main-diagram .two-part ul.three-boxes>li>ul.two-boxes-37,
.System-Wrapper .main-diagram .three-part ul.three-boxes,
.System-Wrapper .main-diagram .three-part ul.three-boxes>li>ul.two-boxes-73,
.System-Wrapper .main-diagram .three-part ul.three-boxes>li>ul.two-boxes-37 {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.System-Wrapper .main-diagram .one-part ul.three-boxes>li,
.System-Wrapper .main-diagram .two-part ul.three-boxes>li,
.System-Wrapper .main-diagram .two-part ul.three-boxes>li>ul.two-boxes-73>li,
.System-Wrapper .main-diagram .two-part ul.three-boxes>li>ul.two-boxes-37>li,
.System-Wrapper .main-diagram .three-part ul.three-boxes>li,
.System-Wrapper .main-diagram .three-part ul.three-boxes>li>ul.two-boxes-73>li,
.System-Wrapper .main-diagram .three-part ul.three-boxes>li>ul.two-boxes-37>li {
  display: flex;
  justify-content: center;
  align-items: center;
}

.System-Wrapper .main-diagram .two-part>ul>li>ul.three-boxes>li>ul.two-boxes-37>li span.important,
.System-Wrapper .main-diagram .three-part>ul>li>ul.three-boxes>li>ul.two-boxes-37>li span.important,
.System-Wrapper .main-diagram .icon-line.long-style {
  height: 57px !important;
}

.System-Wrapper .main-diagram .one-part>ul>li>ul.three-boxes>li:nth-child(1),
.System-Wrapper .main-diagram .two-part>ul>li>ul.three-boxes>li:nth-child(1),
.System-Wrapper .main-diagram .three-part>ul>li>ul.three-boxes>li:nth-child(1) {
  width: calc(50% - 6px);
}

.System-Wrapper .main-diagram .one-part>ul>li>ul.three-boxes>li:nth-child(2),
.System-Wrapper .main-diagram .two-part>ul>li>ul.three-boxes>li:nth-child(2),
.System-Wrapper .main-diagram .three-part>ul>li>ul.three-boxes>li:nth-child(2) {
  width: 12px;
}

.System-Wrapper .main-diagram .one-part>ul>li>ul.three-boxes>li:nth-child(3),
.System-Wrapper .main-diagram .two-part>ul>li>ul.three-boxes>li:nth-child(3),
.System-Wrapper .main-diagram .three-part>ul>li>ul.three-boxes>li:nth-child(3) {
  width: calc(50% - 6px);
}

.System-Wrapper .main-diagram .two-part>ul>li>ul.three-boxes>li span.important {
  height: 37px;
  border-radius: 37px;
}

.System-Wrapper .main-diagram .two-part>ul>li>ul.three-boxes>li>ul.two-boxes-73>li:nth-child(1) {
  width: 70%;
}

.System-Wrapper .main-diagram .two-part>ul>li>ul.three-boxes>li>ul.two-boxes-73>li:nth-child(2) {
  width: 30%;
}

.System-Wrapper .main-diagram .two-part>ul>li>ul.three-boxes>li>ul.two-boxes-37>li:nth-child(1),
.System-Wrapper .main-diagram .three-part>ul>li>ul.three-boxes>li>ul.two-boxes-37>li:nth-child(1) {
  width: 30%;
}

.System-Wrapper .main-diagram .two-part>ul>li>ul.three-boxes>li>ul.two-boxes-37>li:nth-child(2),
.System-Wrapper .main-diagram .three-part>ul>li>ul.three-boxes>li>ul.two-boxes-37>li:nth-child(2) {
  width: 70%;
}

.System-Wrapper .diagram-wrapper .main-diagram span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  transition: all 0.3s;
}

.System-Wrapper .diagram-wrapper .main-diagram span.default,
.System-Wrapper .diagram-wrapper .main-diagram span.important {
  width: 100%;

  font-size: 14px;
  color: rgb(0 0 0 / 85%);
  text-align: center;

  border-radius: 8px;
  background: rgb(255 255 255 / 100%);

  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.System-Wrapper .diagram-wrapper .main-diagram span.default {
  border: 1px solid rgb(248 248 248 / 100%);
  background: rgb(255 255 255 / 100%);

  cursor: default;
}

.System-Wrapper .diagram-wrapper .main-diagram span.important {
  border: 1px solid rgb(0 94 184 / 35%);
  background: rgb(255 255 255 / 100%);

  font-size: 16px;

  padding: 5px 0;
  box-sizing: border-box;
}

.System-Wrapper .diagram-wrapper .main-diagram span.important img {
  cursor: pointer !important;
}

.System-Wrapper .diagram-wrapper .main-diagram span.important.click:hover {
  color: rgb(0 94 184 / 85%);
}

.System-Wrapper .diagram-wrapper .main-diagram span.tip {
  height: 23px;

  color: rgb(0 0 0 / 100%);
  font-size: 12px;
  overflow: hidden;
}

.two-part .tag {
  padding: 2px 24px 2px 8px;
  margin-top: 18px;
  margin-left: -24px;
  border-radius: 4px 24px 24px 4px;

  z-index: 1;
  position: absolute;

  min-width: 68px;
  height: 35px;
  overflow: hidden;
  background: rgb(255 193 7 / 100%);
}

.two-part .tag span.narration {
  color: rgb(255 255 255 / 85%);
  font-size: 18px !important;
  letter-spacing: 2.8px;
  line-height: 1.9 !important;

  padding: 0;
  margin: 0;

  display: flex;
  flex-direction: row;
  justify-content: flex-start !important;

  width: 100%;
}

.System-Wrapper .diagram-wrapper .main-diagram span.deepen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  font-size: 14px;

  border: 1px solid rgb(228 228 228 / 100%);
  border-radius: 37px;
  box-shadow: inset 0 0 12px rgb(228 228 228 / 55%);
  background: rgb(255 255 255 / 100%);

  width: 100%;
  height: 37px;

  padding: 5px 0;
  box-sizing: border-box;
}

.System-Wrapper .diagram-wrapper .main-diagram span.important p {
  line-height: 18px;

  margin: 0;
  padding: 0;
}

.System-Wrapper .diagram-wrapper .main-diagram span.click {
  height: 57px !important;

  border: 1px solid rgb(0 94 184 / 35%);
  box-shadow: 0 0 16px rgb(0 94 184 / 35%);
  background: rgb(255 255 255 / 100%);

  box-sizing: border-box;

  cursor: pointer !important;
}

.System-Wrapper .diagram-wrapper .main-diagram span.click:hover {
  border: 1px solid rgb(0 94 184 / 55%);
  box-shadow: 0 0 28px rgb(0 94 184 / 45%);
  background: rgb(255 255 255 / 100%);
}

.System-Wrapper .diagram-wrapper .main-diagram span.logo {
  width: 100%;
  height: 57px;

  border-radius: 57px;
  background: rgb(255 255 255 / 100%);

  cursor: default;
}

.System-Wrapper .diagram-wrapper .main-diagram span.logo img {
  width: 54px;
  margin: 0 4px 0 0;
}

@media (max-width: 620px) {
  .System-Wrapper .diagram-wrapper .main-diagram span {
    font-size: 12px !important;
  }

  .two-part .tag span.narration {
    font-size: 16px !important;
  }
}

@media (max-width: 520px) {
  .System-Wrapper .diagram-wrapper .main-diagram span {
    font-size: 8px !important;
  }

  .two-part .tag span.narration {
    font-size: 14px !important;
  }
}

.popbox-wrapper {
  width: 100%;
  height: 100%;

  padding: 0;
  margin: 0;
  box-sizing: border-box;

  position: relative;
}

.popbox-wrapper .popbox {
  display: flex;
  flex-direction: column;
  justify-content: start;
  justify-items: center;

  width: 100%;
  height: 233px;

  padding: 0;
  margin: 0;
  box-sizing: border-box;

  margin-top: -233px;

  position: absolute;
  z-index: 1;
}

/* 显示消失动画效果 */
.popbox.popbox-appear,
.popbox.popbox-disappear {
  transition: all 0.3s;
}

.popbox.popbox-disappear {
  opacity: 0;
  transform: scale(0);
}

.popbox.popbox-appear {
  opacity: 1;
  transform: scale(1);
}

.popbox-wrapper .popbox .popbox-frame {
  width: 100%;
  height: 220px;

  border-radius: 18px;
  border: 1px solid rgb(0 94 184 / 15%);
  border-bottom: none;
  box-shadow: 0 2px 32px rgb(0 94 184 / 15%);
  background: linear-gradient(0deg, rgb(255 255 255 / 100%) 0%, rgb(255 255 255 / 100%) 100%);

  /* backdrop-filter: blur(32px); */

  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.popbox-wrapper .popbox .popbox-frame .title {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 100%;
  min-height: 48px;

  border-radius: 18px 18px 0 0;
  background: linear-gradient(0deg, rgb(0 205 172 / 100%), rgb(47 167 224 / 100%));

  color: rgb(255 255 255 / 100%);
  font-size: 14px;
  font-weight: normal;

  padding: 12px;
  margin: 0;
  box-sizing: border-box;
}

.popbox-wrapper .popbox .popbox-frame .content {
  display: flex;
  justify-content: center;
  align-items: flex-start;

  width: 100%;

  padding: 12px;
  margin: 0;
  box-sizing: border-box;
}

.popbox-wrapper .popbox.popbox-1 .popbox-frame .content img,
.popbox-wrapper .popbox.popbox-2 .popbox-frame .content img {
  height: 147px;
  cursor: default !important;
}

.popbox-wrapper .popbox .popbox-arrow {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 0;
  height: 0;

  border-style: solid;
  border-width: 8px 12px 0 12px;
  border-color: rgb(255 255 255 / 100%) transparent transparent transparent;

  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;
}

.popbox-wrapper .popbox .popbox-frame .title br.Off {
  display: none;
}

@media (max-width: 1200px) {
  .popbox-wrapper .popbox .popbox-frame .title {
    font-size: 12px;
    line-height: 18px;
  }
}

@media (max-width: 768px) {
  .popbox-wrapper .popbox.popbox-2 {
    height: 243px;

    margin-top: -243px;
  }

  .popbox-wrapper .popbox.popbox-2 .popbox-frame {
    width: 100%;
    height: 230px;
  }

  .popbox-wrapper .popbox.popbox-2 .popbox-frame .title br.Off {
    display: block;
  }

  .popbox-wrapper .popbox.popbox-2 .popbox-frame .content img {
    height: 146px;
  }
}

@media (max-width: 650px) {
  .popbox-wrapper .popbox.popbox-1 {
    height: 243px;

    margin-top: -243px;
  }

  .popbox-wrapper .popbox.popbox-1 .popbox-frame {
    width: 100%;
    height: 230px;
  }

  .popbox-wrapper .popbox.popbox-1 .popbox-frame .title br.Off {
    display: block;
  }

  .popbox-wrapper .popbox.popbox-1 .popbox-frame .content img {
    height: 146px;
  }

  .popbox-wrapper .popbox.popbox-2 .popbox-frame .content img {
    height: calc(100% - 24px);
  }
}

@media (max-width: 500px) {
  .popbox-wrapper .popbox.popbox-1 {
    height: 243px;

    margin-top: -243px;
  }

  .popbox-wrapper .popbox.popbox-1 .popbox-frame {
    width: 100%;
    height: 230px;
  }

  .popbox-wrapper .popbox .popbox-frame .title {
    font-size: 8px;
  }

  .popbox-wrapper .popbox.popbox-1 .popbox-frame .content img {
    height: calc(100% - 24px);
  }

  .popbox-wrapper .popbox.popbox-2 {
    height: 203px;

    margin-top: -203px;
  }

  .popbox-wrapper .popbox.popbox-2 .popbox-frame {
    width: 100%;
    height: 190px;
  }
}

/* 自社開発EMS-機能 */
.EMS-function {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.EMS-function ul:nth-of-type(1) {
  margin-bottom: 8px;
}

.EMS-function ul {
  width: 100%;

  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.EMS-function ul li {
  width: calc(33.333333% - 8px);
  box-shadow: inset 0 0 32px rgb(255 255 255 / 100%);

  padding: 0;
  border: 6px solid rgb(255 255 255 / 100%);
  border-radius: 32px;

  transition: all .8s;
}

.EMS-function ul:nth-of-type(1) li:nth-of-type(1),
.EMS-function ul:nth-of-type(1) li:nth-of-type(3),
.EMS-function ul:nth-of-type(2) li:nth-of-type(2) {
  background: linear-gradient(45deg, rgb(195 255 249 / 100%), rgb(239 250 251 / 100%));
}

.EMS-function ul:nth-of-type(1) li:nth-of-type(2),
.EMS-function ul:nth-of-type(2) li:nth-of-type(1),
.EMS-function ul:nth-of-type(2) li:nth-of-type(3) {
  background: linear-gradient(45deg, rgb(195 237 255 / 100%), rgb(234 239 254 / 100%));
}

.EMS-function ul li .box {
  width: 100%;
  height: 200px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  padding: 4px;
  padding-bottom: 0 !important;
  border-radius: 32px;
  box-sizing: border-box;
}

.EMS-function ul li>.box>span:nth-child(1) {
  height: 40px;
  margin-bottom: 8px;
}

.EMS-function ul li>.box>span:nth-child(1)>img {
  transition: all .3s;
  transform: scale(1.15);
  opacity: .45;
}

.EMS-function ul li>.box>span:last-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  height: 52px !important;
}

.EMS-function ul li>.box>span:last-child>p {
  font-size: 14px;
  padding: 4px 0 0 0;
  margin: 0;
}

.EMS-function ul:nth-of-type(1) li:nth-of-type(1) .box {
  background: url("img/shortcode/product/icon/time.svg?v=1.00") rgb(0 0 0 /0%) no-repeat;
}

.EMS-function ul:nth-of-type(1) li:nth-of-type(2) .box {
  background: url("img/shortcode/product/icon/data.svg?v=1.00") rgb(0 0 0 /0%) no-repeat;
}

.EMS-function ul:nth-of-type(1) li:nth-of-type(3) .box {
  background: url("img/shortcode/product/icon/satellite.svg?v=1.00") rgb(0 0 0 /0%) no-repeat;
}

.EMS-function ul:nth-of-type(1) li:nth-of-type(4) .box {
  background: url("img/shortcode/product/icon/capacity.svg?v=1.00") rgb(0 0 0 /0%) no-repeat;
}

.EMS-function ul:nth-of-type(1) li:nth-of-type(5) .box {
  background: url("img/shortcode/product/icon/configuration.svg?v=1.00") rgb(0 0 0 /0%) no-repeat;
}

.EMS-function ul:nth-of-type(1) li:nth-of-type(6) .box {
  background: url("img/shortcode/product/icon/disaster.svg?v=1.00") rgb(0 0 0 /0%) no-repeat;
}

.EMS-function ul:nth-of-type(2) li:nth-of-type(1) .box {
  background: url("img/shortcode/product/icon/capacity.svg?v=1.00") rgb(0 0 0 /0%) no-repeat;
}

.EMS-function ul:nth-of-type(2) li:nth-of-type(2) .box {
  background: url("img/shortcode/product/icon/configuration.svg?v=1.00") rgb(0 0 0 /0%) no-repeat;
}

.EMS-function ul:nth-of-type(2) li:nth-of-type(3) .box {
  background: url("img/shortcode/product/icon/disaster.svg?v=1.00") rgb(0 0 0 /0%) no-repeat;
}

.EMS-function ul:nth-of-type(1) li:nth-of-type(1) .box,
.EMS-function ul:nth-of-type(1) li:nth-of-type(2) .box,
.EMS-function ul:nth-of-type(1) li:nth-of-type(3) .box,
.EMS-function ul:nth-of-type(1) li:nth-of-type(4) .box,
.EMS-function ul:nth-of-type(1) li:nth-of-type(5) .box,
.EMS-function ul:nth-of-type(1) li:nth-of-type(6) .box,
.EMS-function ul:nth-of-type(2) li:nth-of-type(1) .box,
.EMS-function ul:nth-of-type(2) li:nth-of-type(2) .box,
.EMS-function ul:nth-of-type(2) li:nth-of-type(3) .box {
  background-size: 138px auto;
  background-position: -30px 110px;
}

.EMS-function ul li img {
  width: 40px;
  height: auto;
}

.EMS-function ul:nth-of-type(1) li:nth-of-type(3) img:nth-of-type(2) {
  display: none;
}

.EMS-function ul li p {
  font-size: 14px;
  text-align: center;
  line-height: 20px;
}

.EMS-function ul li:hover,
.EMS-function ul:nth-of-type(1) li:nth-of-type(3):hover,
.EMS-function ul:nth-of-type(2) li:nth-of-type(2):hover {
  box-shadow: 0 0 16px rgb(105 193 190 / 15%);
}

.EMS-function ul:nth-of-type(1) li:nth-of-type(2):hover,
.EMS-function ul:nth-of-type(1) li:nth-of-type(6):hover,
.EMS-function ul:nth-of-type(2) li:hover {
  box-shadow: 0 0 16px rgb(29 141 212 / 15%);
}

.EMS-function ul li:hover>.box>span:nth-child(1)>img {
  transform: scale(1.35);
  opacity: .85;
}

@media (max-width: 1200px) {
  .EMS-function ul li .box {
    height: 150px;
  }

  .EMS-function ul li>.box>span:nth-child(1)>img {
    transform: scale(1);
  }

  .EMS-function ul li>.box>span:last-child>p {
    font-size: 12px;
  }

  .EMS-function ul:nth-of-type(1) li:nth-of-type(1) .box,
  .EMS-function ul:nth-of-type(1) li:nth-of-type(2) .box,
  .EMS-function ul:nth-of-type(1) li:nth-of-type(3) .box,
  .EMS-function ul:nth-of-type(2) li:nth-of-type(1) .box,
  .EMS-function ul:nth-of-type(2) li:nth-of-type(2) .box,
  .EMS-function ul:nth-of-type(2) li:nth-of-type(3) .box {
    background-size: 100px auto;
    background-position: -20px 80px;
  }
}

@media (max-width: 768px) {
  .EMS-function ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .EMS-function ul li {
    width: 100%;
    max-width: 380px;
    margin: 0 0 12px 0;
  }

  .EMS-function ul li>.box>span:nth-child(1)>img {
    transform: scale(1.15);
  }

  .EMS-function ul li>.box>span:last-child>p {
    font-size: 14px;
  }
}


/* 自社開発EMS-流程图 */
.EMS-Flowsheet {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  gap: 12px;

  width: 100%;
}

.EMS-Flowsheet>div {
  width: 100%;
}

.EMS-Flowsheet>div:nth-child(1) {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}

.EMS-Flowsheet>div:nth-child(1)>div {
  width: calc(50% - 6px);
}

.EMS-Flowsheet>div:nth-child(2)>div {
  width: 100%;
}

.EMS-Flowsheet>div:nth-child(1)>div>div:nth-child(2),
.EMS-Flowsheet>div:nth-child(2)>div>div:nth-child(2) {
  display: flex;
  justify-content: flex-start;

  min-height: 200px;
}

.EMS-Flowsheet>div>div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;

  padding: 24px;

  border: 1px solid rgb(87 179 60 / 35%);
  border-radius: 32px;
  box-shadow: inset 0 0 18px rgb(87 179 60 / 35%);
  box-sizing: border-box;

  background: rgb(255 255 255 / 100%);
}

.EMS-Flowsheet>div>div h2 {
  color: rgb(0 0 0 / 85%);
  font-size: 18px;
  font-weight: 400;
}

.EMS-Flowsheet>div>div img {
  width: 100%;
  height: auto;
}

.EMS-Flowsheet>div:nth-child(2)>div img {
  max-width: 128px;
  height: auto;
}

@media (max-width: 768px) {
  .EMS-Flowsheet>div:nth-child(1) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 12px;
  }

  .EMS-Flowsheet>div:nth-child(1)>div {
    width: 100%;
  }

  .EMS-Flowsheet>div>div h2 {
    font-size: 14px;
  }
}

/* 水冷蓄电池-EnerC+ 产品图 */
#Div3 .Ener {
  display: flex;
  justify-content: center;
  align-items: center;

  height: auto;
  width: 100%;
  margin: 20px 0;
  padding: 24px 0;

  border-radius: 5px;
  background: rgb(247 249 252 / 100%);

}

#Div3 .Ener img {
  width: calc(100% - 100px);
  cursor: default;
}

@media (max-width: 490px) {
  .Ener img {
    width: calc(100% - 80px);
  }


}

/*  end 水冷蓄电池-EnerC+ 产品图 */

/* 水冷蓄电池-EnerC+ 特征 */
.tezheng {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  align-items: center;

  margin-top: 50px;
  margin-bottom: 50px;

  box-sizing: border-box;
}

.tezheng .one {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;

  width: calc(100% - 28px);
}

.tezheng ul.one>li:nth-child(1)>.rotate-box>.icon>img:nth-child(1),
.tezheng ul.one>li:nth-child(2)>.rotate-box>.icon>img:nth-child(1) {
  width: 24px;
  height: 24px;
}

.tezheng ul.one>li:nth-child(1)>.rotate-box>.icon>img:nth-child(2),
.tezheng ul.one>li:nth-child(2)>.rotate-box>.icon>img:nth-child(2) {
  width: 24px;
}

.tezheng ul.one>li:nth-child(3)>.rotate-box>.icon>img:nth-child(1) {
  width: 28px;
  height: 28px;
}

.tezheng ul.one>li:nth-child(3)>.rotate-box>.icon>img:nth-child(2) {
  width: 28px;
}

.tezheng ul.one>li:nth-child(4)>.rotate-box>.icon>img:nth-child(1) {
  width: 26px;
  height: 26px;
}

.tezheng ul.one>li:nth-child(4)>.rotate-box>.icon>img:nth-child(2) {
  width: 26px;
}

.tezheng ul.two>li:nth-child(1)>.rotate-box>.icon>img:nth-child(1),
.tezheng ul.two>li:nth-child(2)>.rotate-box>.icon>img:nth-child(1),
.tezheng ul.two>li:nth-child(3)>.rotate-box>.icon>img:nth-child(1) {
  width: 24px;
  height: 24px;
}

.tezheng ul.two>li:nth-child(1)>.rotate-box>.icon>img:nth-child(2),
.tezheng ul.two>li:nth-child(2)>.rotate-box>.icon>img:nth-child(2),
.tezheng ul.two>li:nth-child(3)>.rotate-box>.icon>img:nth-child(2) {
  height: 24px;
}

.tezheng ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  width: 140px;
  height: 140px;

  border: 4px solid rgb(174 208 253/ 15%);
  border-radius: 32px;
  box-sizing: border-box;

  box-shadow: 0 0 12px rgb(255 255 255 / 100%);

  background: linear-gradient(135deg, rgb(255 255 255 / 50%), rgb(174 208 253/ 20%));

  transform: rotate(45deg);
  transition: all .3s;
}

.tezheng ul li .rotate-box {
  transform: rotate(-45deg) !important;
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  align-items: center;
}

.tezheng ul li .icon {
  display: flex;
  justify-content: center;
  align-items: center;

  border-radius: 50%;
  background: radial-gradient(rgb(103 161 236 / 100%) 0%, rgb(103 161 236 / 0%) 100%);

  width: 50px;
  height: 50px;

  margin-top: 8px;
}

.tezheng ul li .icon img:nth-of-type(2) {
  display: none;
}

.tezheng ul li p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  font-size: 16px;
  line-height: 1.2;
  text-align: center;

  margin: 4px 0 8px 0;
  padding: 0 0 0 0 !important;

  height: 48px;
  overflow: hidden;
}

.tezheng ul li p .on {
  display: block;
}

.tezheng ul li:hover {
  background: rgb(103 161 236 / 100%);
  border: 4px solid rgb(255 255 255 / 85%);
  box-shadow: inset 0 0 32px rgb(255 255 255 / 100%);

  transform: rotate(0deg);
}

.tezheng ul li:hover .rotate-box {
  transform: rotate(0deg) !important;
}

.tezheng ul li:hover p {
  color: rgb(255 255 255 / 100%);
}

.tezheng ul li:hover .icon {
  background: radial-gradient(rgb(255 255 255 / 100%) 0%, rgb(255 255 255 / 0%) 100%);
}

.tezheng ul li:hover .icon img:nth-of-type(1) {
  display: none;
}

.tezheng ul li:hover .icon img:nth-of-type(2) {
  display: block;
}

.tezheng .two {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;

  width: 70%;
}

@media (max-width: 1200px) {
  .tezheng .one {
    width: 94%;
  }

  .tezheng ul li {
    width: 110px !important;
    height: 110px !important;
  }

  .tezheng ul li .icon {
    width: 40px !important;
    height: 40px !important;

    margin-top: 9px !important;
  }

  .tezheng ul li .icon img {
    transform: scale(0.8);
  }

  .tezheng ul li p {
    font-size: 14px !important;
    line-height: 1.2 !important;

    height: 42px;
  }

  .tezheng .two {
    width: 70%;
  }
}

@media (max-width: 720px) {
  .tezheng .one {
    width: 94%;
  }

  .tezheng ul li {
    width: 90px !important;
    height: 90px !important;
    border-radius: 18px;
  }

  .tezheng ul li .icon {
    width: 30px !important;
    height: 30px !important;

    margin-top: 8px !important;
  }

  .tezheng ul li .icon img {
    width: 18px !important;
    height: 18px !important;
  }

  .tezheng ul li p {
    font-size: 12px !important;
    line-height: 1.2 !important;

    height: 32px !important;

    padding: 0 !important;
  }

  .tezheng .two {
    width: 70%;
  }
}

@media (max-width: 650px) {
  .tezheng .one {
    width: 94%;
  }

  .tezheng ul li {
    width: 84px !important;
    height: 84px !important;
    border-radius: 18px !important;
  }

  .tezheng ul li p {
    font-size: 11px !important;
    line-height: 1.1 !important;

    height: 26px !important;
  }

  .tezheng .two {
    width: 70%;
  }
}

@media (max-width: 560px) {
  .tezheng {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .tezheng ul {
    flex-direction: column !important;
    width: 100% !important;
  }

  .tezheng ul li {
    width: 100% !important;
    max-width: 308px !important;
    min-height: 28px !important;

    margin: 12px 0 24px 0;

    background: linear-gradient(0deg, rgb(228 235 244/ 100%), rgb(255 255 255 / 50%));

    transform: rotate(0) !important;
  }

  .tezheng ul.two>li:last-child {
    margin: 12px 0 0 0;
  }

  .tezheng ul li p {
    font-size: 16px !important;
    margin: 8px 0 0 0 !important;
  }

  .tezheng ul li p .on {
    display: none;
  }

  .tezheng ul li .icon {
    width: 50px !important;
    height: 50px !important;

    margin-top: -45px !important;
  }

  .tezheng ul li .icon img {
    width: 28px !important;
    height: 28px !important;
  }

  .tezheng ul li .rotate-box {
    transform: rotate(0) !important;
  }
}

/* end 水冷蓄电池-EnerC+ 特征 */

/* 水冷蓄电池-EnerC+ 製品仕様 */
.chanpin {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
  width: 100%;
}

.chanpin .logo {
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  margin-right: 24px;
  box-sizing: border-box;
}

.chanpin .logo ul {
  display: flex;
  flex-direction: column;

}

.chanpin .logo ul li {
  display: flex;
  flex-direction: column;
  align-items: center;

  width: 120px;
  height: 110px;

  text-align: center;
  font-size: 12px;
}

.chanpin .logo ul li .icon {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 68px;
  height: 68px;

  border-radius: 50%;
  box-sizing: border-box;

  background: radial-gradient(rgb(255 255 255 / 100%) 0%, rgb(255 255 255 / 0%) 100%);
}

.chanpin .logo ul li .icon>img {
  transform: scale(1.25);
}

.chanpin .logo ul li p {
  margin: 0;
  padding: 0;
}

.chanpin .logo ul li p .iec-text {
  display: none;
}

.IEClist .iec li .small {
  line-height: 12px;
}

.IEClist .onbox {
  display: block;
}


.IEClist .logo .on-600 {
  display: none;
}

@media (max-width: 1200px) {
  .chanpin .logo {
    margin-right: 8px;
  }
}

@media (max-width: 720px) {
  .chanpin .logo ul li {
    width: 100px;
    height: 100px;
    font-size: 10px;
  }

  .chanpin .logo ul li .icon {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 600px) {
  .chanpin {
    flex-direction: column;
  }

  .chanpin .logo {
    flex-direction: column;
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
  }

  .chanpin .logo ul {
    flex-direction: row;
    justify-content: space-between;
  }

  .chanpin .logo ul li {
    width: 90px;
    height: 90px;
  }

  .chanpin .logo ul li .icon {
    width: 36px;
    height: 36px;
    background: rgb(255 255 255 / 0%);
  }

  .chanpin .logo ul li p {
    line-height: 12px;
    margin-top: 8px;
  }

  .chanpin .logo ul.iec {
    margin-bottom: 4px;
  }

  .chanpin .logo ul li p .iec-text {
    display: block;
  }

  .IEClist .onbox {
    display: none;
  }

  .IEClist .logo .on-600 {
    display: block;
    text-align: center;
    margin-top: -10px;
    margin-bottom: 24px;
  }

  .IEClist .chanpin .logo ul {
    justify-content: center;
  }


}

@media (max-width: 430px) {
  .chanpin .logo ul li p {
    line-height: 10px;
    /* height: 40px; */

  }

  .chanpin .logo ul.renzheng.list2 {
    justify-content: center;
    flex-wrap: wrap;
  }

  .IEClist .chanpin .logo ul li {
    height: 100px;
  }
}

/* end 水冷蓄电池-EnerC+ 製品仕様 */


/* 大型系統用蓄電池-用途 */
.yongtu {
  display: flex;
  flex-direction: column;

  width: 100%;
}

.yongtu .one {
  width: 100%;

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.yongtu .one .one-text {
  display: flex;
  flex-direction: column;
  justify-content: center;

  text-align: center;
}

.yongtu .one .one-text h2 {
  color: rgb(87 179 60 / 100%);
  font-size: 22px;
  font-weight: 400;
  line-height: 1;

  margin: 0 0 8px 0;
  padding: 0;
}

.yongtu .one .one-text p {
  font-size: 14px;
  line-height: 1;

  margin: 0;
  padding: 0;
}

.yongtu .one .xian {
  width: 1px;
  height: 62px;

  background: linear-gradient(0deg, transparent 0%, rgb(0 0 0 / 10%) 50%, transparent 100%);
  border-radius: 10%;
}

.yongtu .two {
  width: 100%;
  margin: 12px 0 0 0;
}

.yongtu .two .block-frame {
  display: flex;
  justify-content: center;
  align-items: center;

  border: 1px solid rgb(87 179 60 / 0%);
  border-radius: 32px;
  box-shadow: 0 0 24px rgb(87 179 60 / 35%);
  background: rgb(255 255 255 / 100%);

  width: 100%;
  margin: -10px 0 0 0;
  padding: 24px;

  transition: all .3s;
}

.yongtu .two .block-frame:hover {
  box-shadow: 0 0 24px rgb(87 179 60 / 35%);
}

.yongtu .two .sanjiao {
  width: 20px;
  height: 20px;

  border-radius: 10%;
  border: 1px solid rgb(87 179 60 / 8%);
  border-right: none;
  border-bottom: none;
  box-shadow: -6px -6px 18px -5px rgb(87 179 60 / 25%);
  background: rgb(255 255 255 / 100%);

  margin: 0 0 0 52px;

  transform: rotate(45deg);
}

.yongtu .two:hover .sanjiao {
  box-shadow: -6px -6px 18px -6px rgb(87 179 60 / 18%);
}

.yongtu .two .block-frame img {
  width: 100%;
  height: auto;

  margin: 0;
}

.yongtu .three {
  display: none;
}

@media (max-width: 1200px) {
  .yongtu .one .one-text h2 {
    font-size: 18px;
  }

  .yongtu .one .one-text p {
    font-size: 12px;
  }

  .yongtu .two .sanjiao {
    margin: 0 0 0 44px;
  }
}

@media (max-width: 768px) {

  .yongtu .one,
  .yongtu .two {
    display: none;
  }

  .yongtu .three {
    display: flex;
    flex-direction: column;

    gap: 12px !important;
  }

  .yongtu .three .block-frame {
    display: flex;
    flex-direction: column;

    margin: 0;
    padding: 24px;

    border: 1px solid rgb(87 179 60 / 0%);
    border-radius: 32px;
    box-shadow: 0 0 24px rgb(87 179 60 / 35%);
    background: rgb(255 255 255 / 100%);
  }

  .yongtu .three .block-frame img {
    margin: 24px 0 0 0;
  }

  .yongtu .three .block-frame .three-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 100%;
  }

  .yongtu .three .three-text h2 {
    color: rgb(87 179 60 / 100%);
    font-size: 22px;
    font-weight: 400;
    line-height: 1;

    margin: 0 0 8px 0;
    padding: 0;
  }

  .yongtu .three .three-text p {
    font-size: 14px;
    line-height: 1;

    margin: 0;
    padding: 0;
  }
}

/* end 大型系統用蓄電池-用途 */


/* 高圧系統用蓄電池-产品图 */
.product-drawing {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.product-drawing div:nth-of-type(1) {
  display: flex;
  justify-content: start;
  align-items: center;

  width: 240px;
}

.product-drawing div:nth-of-type(2) {
  display: flex;
  justify-content: end;
  align-items: center;

  width: calc(100% - 240px);

  box-sizing: border-box;
}

.product-drawing div.Pics-circle-1 img {
  height: 200px;
  cursor: pointer;
}

.product-drawing div.Pics-circle-2 img {
  width: 190px;
  cursor: pointer;
}

.product-drawing div:nth-of-type(2) img {
  height: 240px;
  cursor: pointer;
}

.product-drawing div.Pics-circle-1,
.product-drawing div.Pics-circle-2 {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 240px;
  height: 240px;

  padding: 0;
  margin: 0;
  border: 1px solid rgb(87 179 60 / 35%);
  border-radius: 50%;
  box-shadow: inset 0 0 18px rgb(87 179 60 / 35%);
  box-sizing: border-box;

  background: rgb(255 255 255 / 100%);
}

@media (max-width: 1200px) {
  .product-drawing div:nth-of-type(1) {
    display: flex;
    justify-content: start;
    align-items: center;

    /* width: 190px; */
    width: calc(100% - 190px);
  }

  .product-drawing div:nth-of-type(2) {
    display: flex;
    justify-content: end;
    align-items: center;

    width: calc(100% - 190px);

    box-sizing: border-box;
  }

  .product-drawing div.Pics-circle-1 img {
    /* width: 120px; */
    height: 160px;
    cursor: pointer;
  }

  .product-drawing div.Pics-circle-2 img {
    width: 140px;
    cursor: pointer;
  }

  .product-drawing div:nth-of-type(2) img {
    height: 190px;
    cursor: pointer;
  }

  .product-drawing div.Pics-circle-1,
  .product-drawing div.Pics-circle-2 {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 190px;
    height: 190px;
  }
}

@media (max-width: 768px) {
  .product-drawing {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .product-drawing div:nth-of-type(1) {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 240px;
  }

  .product-drawing div:nth-of-type(2) {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;

    box-sizing: border-box;
  }

  .product-drawing div.Pics-circle-1 img {
    height: 200px;
    cursor: pointer;
  }

  .product-drawing div.Pics-circle-2 img {
    width: 190px;
    cursor: pointer;
  }

  .product-drawing div:nth-of-type(2) img {
    height: 100%;
    cursor: pointer;
    margin-top: 20px;
  }

  .product-drawing div.Pics-circle-1,
  .product-drawing div.Pics-circle-2 {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 240px;
    height: 240px;
  }
}

@media (max-width: 520px) {
  .product-drawing div:nth-of-type(1) {
    width: 190px;
  }

  .product-drawing div.Pics-circle-1 img {
    height: 140px;
  }

  .product-drawing div.Pics-circle-2 img {
    width: 140px;
  }

  .product-drawing div.Pics-circle-1,
  .product-drawing div.Pics-circle-2 {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 190px;
    height: 190px;
  }
}

/* 特別高圧系統用蓄電池-商业计划 */
.plan-title {
  width: 100%;
  height: 40px;
  background: rgb(87 179 60 / 100%);

  display: flex;
  align-items: center;
  border-radius: 18px 18px 0 0;
}

.plan-title span {
  width: 60px;
  height: 40px;
  background: rgb(87 179 60 / 100%);
  box-shadow: 2px 0 8px rgb(0 0 0 / 20%);

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 18px 0 18px 0;
  margin-right: 16px;
}

.plan-title span h2 {
  font-size: 24px;
  font-weight: 800;
}

.plan-title p {
  color: white;
  font-size: 16px;
  font-weight: 800;
}

.plan-content {
  width: 100%;
  margin-bottom: 20px;
  background: white;
  border-radius: 0 0 18px 18px;
}

.plan-content .shangye {
  padding: 24px;
}


.plan-picture {
  width: 100%;

  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.plan-picture>div {
  width: calc(33.333333% - 10px);
  height: 160px;


  display: flex;
  flex-direction: column-reverse;
  border-radius: 18px;
}

.plan-picture>div:nth-of-type(3) {
  background: url("img/shortcode/system/daxing/tu3.png?v=1.00") no-repeat;
  background-size: 100% 100%;
}

.plan-picture>div:nth-of-type(2) {
  background: url("img/shortcode/system/daxing/tu2.png?v=1.00") no-repeat;
  background-size: 100% 100%;
}

.plan-picture>div:nth-of-type(1) {
  background: url("img/shortcode/system/daxing/tu1.png?v=1.00") no-repeat;
  background-size: 100% 100%;
}

.plan-picture>div span {
  width: 100%;
  height: 40px;
  background: rgb(0 0 0 / 40%);
  border-radius: 0 0 18px 18px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.plan-picture div span p {
  color: white;
  font-size: 14px;
}

@media (max-width: 900px) {
  .plan-picture div span p {
    font-size: 10px;
    margin: 0;
    padding: 0;
  }

  .plan-picture>div {
    height: 100px;
  }

  .plan-picture>div span {
    height: 24px;
  }
}

@media (max-width: 600px) {
  .plan-picture {
    flex-direction: column;
    margin-bottom: 0;
  }

  .plan-picture>div {
    width: 100%;
    height: 120px;
    margin-bottom: 16px;
  }

  .plan-picture>div span {
    height: 30px;
  }

  .plan-picture div span p {
    font-size: 12px;
  }
}

@media (max-width: 460px) {
  .plan-picture>div {
    width: 100%;
    height: 100px;
    margin-bottom: 16px;
  }
}

@media (max-width: 410px) {
  .plan-title p {
    font-size: 14px;
  }

  .plan-title span {
    width: 44px;
    margin-right: 12px;
  }

  .plan-title span h2 {
    font-size: 20px;
  }
}

/* 表格样式 */
table thead {
  color: rgb(87 179 60 / 100%);
  font-size: 16px;
}

table thead tr {
  border-bottom: 1px solid rgb(228 235 244 / 100%);
}

table tbody tr {
  border-bottom: 1px solid rgb(228 235 244 / 35%);
}

table tbody tr:last-child {
  border-bottom: none;
}

table tbody.bottom-line tr {
  border-bottom: 1px solid rgb(228 235 244 / 35%);
}

table td strong {
  font-size: 14px;
}

.table-sm th,
.table-sm td {
  padding: 0.12rem !important;
}

/* 大型蓄电池-特高压表格 */
.gaoya tr td .on-1200,
.gaoya tr td .on-540 {
  display: none;
}

@media (max-width: 1200px) {

  .gaoya tbody tr td .on-1200 {
    display: block;
  }
}

@media (max-width: 540px) {
  .gaoya tbody tr td .on-540 {
    display: block;
  }

  .gaoya thead tr td .on-540 {
    display: block;
  }
}


/* 产品- PCS表格 */
.PCS thead tr td:first-child {
  width: 150px;
}

@media (max-width: 991px) {
  .PCS thead tr td:first-child {
    width: 300px;
  }
}

@media (max-width: 760px) {
  .PCS thead tr td:first-child {
    width: 250px;
  }
}

@media (max-width: 580px) {
  .PCS thead tr td:first-child {
    width: 200px;
  }
}

@media (max-width: 460px) {
  .PCS thead tr td:first-child {
    width: 150px;
  }
}


/* 产品-水冷蓄电池表格 */
.CATL tbody tr td {
  border-right: 1px solid rgb(228 235 244 / 35%);
}

.CATL tbody tr td:last-child {
  border-right: none;
}


.CATL tr td .show-600 {
  display: none;
}

.CATL tr td .hide-768 {
  display: block;
}

@media (max-width: 600px) {
  .CATL tr td .show-600 {
    display: block;
  }

  .CATL tr td .hide-600 {
    display: none;
  }
}

@media (max-width: 500px) {

  .CATL thead td,
  .CATL tbody td {
    word-break: break-all;
  }
}


/* 特征板块内的样式 */
ul.feature-list {
  font-size: 14px;
}

ul.feature-list li {
  line-height: 22px;

  margin-bottom: 8px;
}

ul.feature-list li:last-child {
  margin-bottom: 0;
}

ul.feature-list .fa-check-circle {
  margin: 0 15px 0 6px;
}

/* 标注样式 */
.info-remark {
  margin-top: 12px;
  font-size: small;
  line-height: 1.4;
}

.info-remark.center {
  text-align: center;
}

/* 图片无点击事件效果 */
img.click-zoom {
  cursor: pointer !important;
}

img.no-click-zoom,
.EMS-function img,
.tezheng img,
.chanpin img,
.LinkMapTwo-Wrapper .box-work img,
.AboutUs-Wrapper .content-pic img,
.Solution-Wrapper img {
  cursor: default !important;
}

.info-remark.center {
  text-align: center;
}

/* SmartOM板块样式 */
.twins-frame {
  align-items: stretch;
  margin-bottom: 24px;
}

.twins-frame ul.feature-list {
  letter-spacing: -0.5px;
}

.twins-frame.one ul.feature-list {
  height: 68px;
}

.twins-frame.two ul.feature-list {
  height: 48px;
}

.twins-frame.three ul.feature-list {
  height: 68px;
}

.info-remark-one {
  margin-top: 12px;
  font-size: 25px;

}

.Explain-one:before {
  content: "※";
  color: rgb(250 186 193 / 100%);
  font-family: 'Arial Narrow';
  font-weight: normal !important;
  margin: 0 4px 0 0;
}

@media (max-width: 1210px) {
  .twins-frame.one ul.feature-list {
    height: 68px;
  }

  .twins-frame.two ul.feature-list {
    height: 48px;
  }

  .twins-frame.three ul.feature-list {
    height: 95px;
  }

  .twins-frame p.post-title-son {
    font-size: 20px !important;
  }
}

@media (max-width: 991px) {
  .twins-frame ul.feature-list {
    height: fit-content !important;
  }
}

#inner-content31 .post-features .features-son:first-child ul li .on-540 {
  display: none;
}

@media (max-width: 450px) {
  #inner-content31 .post-features .features-son:first-child ul li .on-540 {
    display: block;
  }
}

/* Sinexcel社製PCS-特征 */
.clearfix .post-author ul.tezhengBox {
  display: flex;
  justify-content: space-around;
}

.clearfix .post-author ul.tezhengBox li {
  width: 23%;
  height: auto;
  border-radius: 16px;
  margin-bottom: 8px;
  background: rgb(255 255 255 /100%);
}

.clearfix .post-author .tezhengBox .box-top {
  height: 40px;
  border-radius: 8px 8px 0 0;
  text-align: center;
  background: rgb(228 235 244 / 55%);
}

.clearfix .post-author .tezhengBox .box-top span {
  line-height: 40px;
  font-size: 16px;
  font-weight: 600 !important;
}

.clearfix .post-author .tezhengBox span {
  font-size: 12px;
}

#Div4 .clearfix .post-author .tezhengBox .box-text {
  padding: 12px;
  border-radius: 0 0 8px 8px;
}

#Div4 .clearfix .post-author .tezhengBox .box-text {
  height: 140px;
}

.clearfix .post-author .tezhengBox .box-text p {
  margin: 0 0 2px 0;
  padding: 0;
}

/* end */

#Div5 .clearfix .post-author.p-4 .DC-DC,
#Div4 .clearfix .post-author.p-4 .DC-DC {
  margin-bottom: 32px;
}

.our-office .clearfix .infor-office.style-2 {
  padding: 0;
  line-height: 26px;
}

.our-office .box-office p:last-child {
  margin-bottom: 0;
}

.Product-Wrapper #Div4 .service-inner-text.features-style .text-wrap,
.Product-Wrapper #Div5 .service-inner-text.features-style .text-wrap {
  align-items: start !important;
}

#Div4 .product .service-inner-text.features-style .features-icon-box,
#Div5 .product .service-inner-text.features-style .features-icon-box {
  margin: 0 20px 0 0;
}

#Div4 .product .service-inner-text.features-style .features-icon-box p,
#Div5 .product .service-inner-text.features-style .features-icon-box p {
  width: 160px;
}

#Div4 .post-content-wrap .post-author .product.post-features,
#Div5 .post-content-wrap .post-author .product.post-features {
  padding: 0 15px;
}

#Div4 .post-content-wrap .post-author .product.post-features .features-style,
#Div5 .post-content-wrap .post-author .product.post-features .features-style {
  padding: 24px;
}

#Div5 .service-inner-text.features-style .text-wrap {
  flex-direction: column;
}

@media (max-width: 992px) {

  #Div4 .product .service-inner-text.features-style .features-icon-box p,
  #Div5 .product .service-inner-text.features-style .features-icon-box p {
    width: auto;
  }

  #Div5 .info-remark {
    text-align: center;
  }

  #inner-content92 .data-effect .post-author .feature-list.mb-4 li {
    text-align: center;
  }
}

/* 联系我们和谷歌地图样式 */
.googlebox#googlemaps div {
  width: 100%;
  height: 410px;
  line-height: 360px;
}

.our-office .Branch {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  padding: 0 15px;
}

.our-office .Branch>div {
  width: 20%;
  margin: 0;
  padding: 0;
}

.our-office .Branch .title-office {
  font-size: 18px;
}

.our-office .Branch .infor-office.style-2 {
  font-size: 13px;
}

.our-office .Branch p {
  margin-bottom: 8px;
}

.our-office .Branch .line {
  width: 1px;
  height: 100%;
  background: linear-gradient(0deg, transparent 0%, rgb(0 0 0 /8%) 50%, transparent 100%);
}

.address-right {
  padding-right: 0 !important;
}

.our-office .Branch .Website {
  width: 13px;
  height: 13px;
  margin-right: 5px;
  margin-top: -1px;
}

@media (max-width: 1200px) {
  .our-office .Branch>div {
    width: 23%;
  }

  .our-office .Branch .title-office {
    font-size: 16px;
  }

  .our-office .Branch .infor-office.style-2 {
    font-size: 12px;
  }

  .our-office .Total .infor-office.style-2 {
    font-size: 14px;
  }
}

@media (max-width: 992px) {
  .googlebox#googlemaps div {
    height: 330px;
    line-height: 330px;
  }

  .address-right {
    padding-top: 15px;
    padding-right: 15px !important;
  }

  .our-office .Branch {
    flex-wrap: wrap;
    height: auto;
    gap: 28px;
  }

  .our-office .Branch>div {
    width: 48% !important;
  }

  .our-office .row>div.line-box {
    display: none;
  }

  .our-office .Branch .line {
    display: none;
  }

  .our-office .Branch .infor-office.style-2 {
    font-size: 14px;
  }

  .our-office .Branch .on-1200 {
    display: none;
  }

  .our-office .box-office {
    align-items: start;
    margin-left: 28px;
    text-align: start;
  }

  .our-office .Total .address-left {
    display: flex;
    justify-content: center;
  }

  .our-office .Branch>div:nth-child(5) .on-1200 {
    display: block;
  }
}

@media (max-width: 744px) {
  .our-office .Branch>div {
    display: flex;
    justify-content: center;

    width: 100% !important;
  }

  .our-office .Branch .box-office {
    width: 340px;
    margin-bottom: 0;
  }
}

/* end */

/* 高压系统-物流描述 */
#inner-content22 .post-author .featurebox .Logistics {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 32px;

  width: 100%;
  height: auto;
  padding: 24px 0 0 0;
  /* margin: 24px 0; */

  /* border-radius: 12px; */
  /* background: rgb(255 255 255 /100%); */
}

#inner-content22 .post-author .featurebox .Logistics>div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#inner-content22 .post-author .featurebox .Logistics .Logistics-W>div {
  display: flex;
  gap: 130px;
}

#inner-content22 .post-author .featurebox .Logistics p {
  margin-bottom: 0;
  font-size: 14px;
  text-align: center;
}

@media (max-width: 992px) {
  #inner-content22 .post-author .featurebox {
    text-align: center;
  }
}

@media (max-width: 770px) {
  #inner-content22 .post-author .featurebox .Logistics {
    flex-direction: column;
  }

  #inner-content22 .post-author .featurebox .Logistics .Logistics-W>div {
    gap: 32px;
  }
}

/* end */




/* 水冷蓄电池-EnerX图 */
.post-content-wrap .EnerX .EnerXBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  width: 100%;
  height: auto;
  padding: 24px;
  margin: 20px 0;

  border-radius: 5px;
  background: rgb(247 249 252 /100%);
}

#Div3 .post-content-wrap .EnerX .EnerXBox>img {
  width: 70%;
  height: auto;

}

#Div3 .post-content-wrap .EnerX .EnerXBox img {
  cursor: default;
}

.post-content-wrap .EnerX .EnerXBox h3 {
  color: rgb(15 61 149 /100%);
}

.post-content-wrap .EnerX .EnerXBox>div {
  text-align: center;
  margin-top: 24px;
}

.post-content-wrap .EnerX .EnerXBox>div .textStyle {
  padding: 0 16px;
  background: rgb(15 61 149 /80%);
  border-radius: 40px;
  margin: 16px 0 24px 0;
  line-height: 28px;
}

.post-content-wrap .EnerX .EnerXBox>div span {
  font-size: 14px;
  font-weight: 600;
  color: rgb(255 255 255 /100%);
  letter-spacing: 0.5px;

}

/* EnerX材料流程列表 */
.post-content-wrap .EnerX .EnerXBox .EnerXList {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li .list {
  display: flex;
  flex-direction: column;
  align-items: center;

  width: 100%;
  height: 240px;

  border-radius: 12px;

  border: 1px solid rgb(218 231 255 /70%);
  background: rgb(255 255 255 /80%);
  box-shadow: inset 0 0 16px rgb(218 231 255 /70%);
}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li .list>div {
  display: flex;
  flex-direction: column;
}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li:last-child {
  width: 95%;
}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li .fa-long-arrow-down {
  transform: rotate(-90deg);
  color: rgb(15 61 149 /100%);
}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li:last-child .icon {
  display: none;
}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li .list h4 {
  width: 100%;
  line-height: 36px;
  font-weight: 600;
  text-align: center;
  color: rgb(15 61 149 /100%);
  border-radius: 12px 12px 0 0;
  background: rgb(218 231 255 /50%);

}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li .list .EnerXImg1 {
  width: 50%;
  height: 70px;
  margin-bottom: 12px;
  border: 1px solid rgb(0 0 0 / 20%);
  border-radius: 8px;
  background: url("img/shortcode/product/EnerX/EnerX1.png") no-repeat;
  background-size: cover;

  font-size: 12px;
  color: white;
  text-align: center;

  position: relative;
}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li:first-child .list p {
  width: 100%;
  margin: 0;
  padding: 0;
  border-radius: 0 0 8px 8px;
  background: rgb(0 0 0 /50%);
}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li:first-child div.EnerXImg1 p {
  position: absolute;
  bottom: 0;
}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li:first-child div.EnerXImg2 {
  display: flex;
  justify-content: space-between;
  width: 100%;

}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li:first-child div.EnerXImg2>div {
  width: 48%;
  height: 70px;
  border-radius: 8px;

  font-size: 12px;
  color: rgb(255 255 255 /100%);
  text-align: center;

  position: relative;

}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li div.EnerXImg2 div:first-child {

  background: url("img/shortcode/product/EnerX/EnerX2.png") no-repeat;
  background-size: cover;
}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li div.EnerXImg2 div:last-child {

  background: url("img/shortcode/product/EnerX/EnerX3.png") no-repeat;
  background-size: cover;
}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li div.EnerXImg2>div p {
  position: absolute;
  bottom: 0;
}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li .EnerXImg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100%;
  padding: 10px 12px;
}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li .EnerXImg img {
  width: 60px;
  height: auto;
}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li .EnerXImg span {
  margin: 0;
  padding: 0;
  font-size: 12px;
}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li:nth-child(3) .EnerXImg.Img img,
.post-content-wrap .EnerX .EnerXBox .EnerXList>li:nth-child(4) .EnerXImg.Img img {
  width: 140px;
  height: auto;
  margin-bottom: 8px;
}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li:first-child .EnerXImg .EnerXImg1-1,
.post-content-wrap .EnerX .EnerXBox .EnerXList>li:first-child .EnerXImg .EnerXImg1-2 {
  display: none;
}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li:first-child .EnerXImg .EnerXImg1-1 {
  background: url("img/shortcode/product/EnerX/EnerX2.png") no-repeat;
  background-size: cover;
}

.post-content-wrap .EnerX .EnerXBox .EnerXList>li:first-child .EnerXImg .EnerXImg1-2 {
  background: url("img/shortcode/product/EnerX/EnerX3.png") no-repeat;
  background-size: cover;
}

@media (max-width: 722px) {
  .post-content-wrap .EnerX .EnerXBox .EnerXList {
    flex-direction: column;
  }

  .post-content-wrap .EnerX .EnerXBox .EnerXList>li {
    flex-direction: column;
  }

  .post-content-wrap .EnerX .EnerXBox .EnerXList>li .EnerXImg {
    height: auto;
    text-align: center;

  }

  .post-content-wrap .EnerX .EnerXBox .EnerXList>li .fa-long-arrow-down {
    transform: rotate(0deg);
  }

  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:last-child {
    width: 100%;
  }

  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:first-child .EnerXImg {
    flex-direction: row;
    justify-content: center;
    gap: 32px;
    padding: 12px;
  }

  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:first-child .EnerXImg>div {
    width: 15%;
    height: 70px;
  }

  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:first-child .EnerXImg .EnerXImg2 {
    display: none;
  }

  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:first-child .EnerXImg .EnerXImg1-1,
  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:first-child .EnerXImg .EnerXImg1-2 {
    display: block;
    font-size: 12px;
    color: white;
    text-align: center;
    border-radius: 8px;
    position: relative;
  }

  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:first-child .EnerXImg .EnerXImg1-1 p,
  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:first-child .EnerXImg .EnerXImg1-2 p {
    position: absolute;
    bottom: 0;
  }

  .post-content-wrap .EnerX .EnerXBox .EnerXList>li .list {
    height: auto;
  }

  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:nth-child(2) .list>div,
  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:nth-child(3) .list>div {
    display: flex;
    flex-direction: row;
    width: 70%;

  }

  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:nth-child(4) .EnerXImg.Img img {
    width: 100px;

  }

  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:nth-child(3) .EnerXImg.Img img,
  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:nth-child(4) .EnerXImg.Img img,
  .post-content-wrap .EnerX .EnerXBox .EnerXList>li .list .EnerXImg1 {
    margin-bottom: 0;
  }

}


@media (max-width: 620px) {
  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:first-child .EnerXImg>div {
    width: 20%;
    height: 80px;

  }

  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:nth-child(2) .list>div,
  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:nth-child(3) .list>div {
    width: 100%;
  }
}

@media (max-width: 490px) {
  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:first-child .EnerXImg>div {
    height: 70px;
  }

  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:nth-child(3) .EnerXImg.Img img {
    margin-bottom: 4px;
  }

  .post-content-wrap .EnerX .EnerXBox>div .textStyle {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 24px;
    margin: 8px 0 16px 0;
  }


  .post-content-wrap .EnerX .EnerXBox>div span {
    font-size: 12px;

  }


}

@media (max-width: 460px) {
  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:first-child .EnerXImg {
    padding: 20px 12px;
    gap: 12px;
  }

  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:nth-child(4) .EnerXImg.Img img {
    width: 100px;
    height: auto;
    margin-bottom: 0;
  }

  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:first-child .EnerXImg>div {
    width: 24%;
  }

  .post-content-wrap .EnerX .EnerXBox>div span {
    font-size: 10px;

  }
}

@media (max-width: 400px) {
  .post-content-wrap .EnerX .EnerXBox .EnerXList>li:first-child .EnerXImg>div {
    width: 28%;
    height: 60px;
  }
}

/* end */


/* 制品-pcs样式 */
#Div4 .post-author .Pics,
#Div5 .post-author .Pics {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

#Div4 .post-author .DC-DC .Pics {
  padding: 12px;
}

.CATL tbody tr td:first-child {
  border-right: none;
}

.CATL thead tr td {
  width: 50%;
}


.show-430 {
  display: none;
}

@media (max-width: 430px) {
  .show-430 {
    display: block;
  }
}

#Div3 .enerone {
  padding: 0;
}

/* 150kWhと300kWh一体型蓄电池システム表格 */
#index3 .post-author table td {
  padding-left: 15px !important;
}

#index3 .post-author table thead td {
  padding-bottom: 8px !important;
}

#index3 .post-author table td.title-cell {
  padding: 0 !important;
}

#index3 .post-author table tbody td:last-child {
  border-left: 1px solid rgb(228 235 244 / 35%);
}

#index3 .post-author table tbody.bottom-line td:last-child {
  border-left: none;
}

#index3 .post-author table td .on767 {
  display: none;
}

@media (max-width: 1200px) {
  #index3 .post-author table td {
    padding-left: 8px !important;
  }
}

@media (max-width: 767px) {
  #index3 .post-author table td .on767 {
    display: block;
  }
}

/* end */


#Div3 .eneroneimg {
  background: rgb(247 249 252 /100%);
  padding: 24px 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.version {
  display: none;

}

.post-author table.xingneng td {
  padding-left: 8px !important;
}

.LinkMapTwo-Wrapper ul.tab-title>li.item-title,
.Download-Wrapper ul.tab-title>li.item-title {
  cursor: pointer !important;
}

.LinkMapTwo-Wrapper ul.tab-title>li.item-title.active,
.Download-Wrapper ul.tab-title>li.item-title.active {
  cursor: default !important;
}

.focusIn {
  cursor: pointer;
}


/* 蓄电所贩卖测试链接 */
.buy-test {
  display: flex;
  justify-content: center;
}


/* 蓄电所贩卖问卷调查 */
.surveybox {
  background: url('img/shortcode/gridscale/article4/SurveyBG.jpg') no-repeat center bottom;
  background-size: 100% 895px;
}

.surveybox .survey {
  padding: 60px;
  margin: 60px 0;

  background: rgb(255 255 255 / 100%);
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  box-shadow: 0 4px 20px 1px rgb(0 0 0 / 8%);

}

.surveybox .survey .survey-title {
  text-align: center;
  margin: 40px 0;
  font-weight: 600;
}

/* 问卷-表单 */
.surveybox .survey #defaultForm .listbox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;

  width: 100%;
  height: auto;
}

.surveybox .survey #defaultForm .listbox .form-group {
  width: 48%;
}


.surveybox .survey #defaultForm .survey-list input[type="text"] {
  width: 100% !important;
}

/* 问卷-单选框 */
.surveybox .survey #defaultForm .survey-radio {
  list-style: none;
  margin: 0;
  padding: 0;
}

.surveybox .survey #defaultForm .survey-radio .radiobox input[type="radio"] {
  display: none;
}

.surveybox .survey #defaultForm .survey-radio .radiobox {
  display: flex;
  flex-wrap: wrap;
  gap: 0 40px;
}

.surveybox .survey #defaultForm .survey-radio .radiobox label {
  display: flex;
  align-items: center;

}

.surveybox .survey #defaultForm .survey-radio .radiobox label span {
  display: block;
  display: flex;
  align-items: center;

  width: auto;
  font-size: 13px;

}

.surveybox .survey #defaultForm .survey-radio .radiobox label input[type="radio"]:checked+span::before {
  content: "";
  display: block;

  width: 14px;
  height: 14px;
  margin-right: 8px;

  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  background: rgb(255 255 255 / 100%);
  border: 4px solid rgb(24 198 170 / 100%);

}

.surveybox .survey #defaultForm .survey-radio .radiobox label input[type="radio"]+span::before {
  content: "";
  display: block;

  width: 14px;
  height: 14px;
  margin-right: 8px;

  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  background: rgb(255 255 255 / 100%);
  border: 1px solid rgb(0 0 0 / 10%);

}

.surveybox .survey #defaultForm #validateBtn {
  text-align: center;
}

@media (max-width: 767px) {
  .surveybox .survey #defaultForm .listbox .form-group {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .surveybox .survey #defaultForm .survey-radio .radiobox {
    flex-direction: column;
  }

  .surveybox .survey {
    padding: 20px;
  }

  .surveybox .survey .survey-title {
    font-size: 18px;
  }

  .surveybox .survey .focusIn {
    font-size: 15px;
  }
}

/*end */



/* 蓄电所贩卖大问卷打印格式 */
.dayin {
  display: flex;
  justify-content: center;
}

.surveyone {
  width: 800px;
  height: 1200px;
  margin: 30px;

  background: white;
  box-shadow: 0 4px 24px 1px rgb(0 0 0 / 10%);
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
}


.surveyone .listboxone {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;

  list-style: none;
  margin: 24px 0;
  padding: 0 24px;
}

.surveyone h3 {
  text-align: center;
  margin: 30px 0;
}

.surveyone .list {
  display: flex;
  align-items: center;
  gap: 12px;

  width: 50%;
}

.surveyone .list .name {
  width: 100px;
}

.surveyone .list .title {
  width: 220px;

  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;

  font-size: 12px;
}

.surveyone .listboxtwo .listbox {
  display: flex;
}

.surveyone .listboxtwo {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;

  list-style: none;
  margin: 0;
  padding: 0 24px;
}

.surveyone .listboxtwo .listbox {
  display: flex;
  width: 100%;
}

.surveyone .listboxtwo .listbox .radiobox {
  display: flex;
  align-items: center;

  width: 50%;
  gap: 24px;

}

.surveyone .listboxtwo .listbox .radiobox .text.para {
  font-size: 13px;
}

.surveyone span {
  font-weight: 600;
  font-size: 12px;
}

/* 蓄电所贩卖小问卷打印格式 */
.small .listbox-small {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.small .listbox-small li {
  display: flex;
  align-items: center;
}

.small .listbox-small li .name {
  width: 90px;
}

.small .listbox-small .title.para {
  width: 200px;
}

.small .listbox-small li:nth-child(2),
.small .listbox-small li:nth-child(4),
.small .listbox-small li:nth-child(6) {
  width: 200px;
}

.small .listbox-small li:nth-child(6) span,
.small .listbox-small li:nth-child(6) .title.para {
  color: transparent;
}


/* 蓄电所贩卖-第一版块 市场 */
/* 游明朝体 */
.font-style-1 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Arial Narrow" !important;
  font-size: 78px;
  font-weight: bolder;
  line-height: 100px;
  text-align: center;
}

.font-style-2 {
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  margin-bottom: 40px;
}

.font-style-1 .on-991 {
  display: none;
}

.font-style-2.importantText {
  font-weight: 600;
}

.Energy>article {
  height: auto;
  /* padding: 0; */
  margin-bottom: 120px;
}

.Energy>article .title .Level-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 80px;
}

.Energy>article .title .dashed {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100%;
}

.Energy>article .title .dashed>div {
  width: 100%;
  border: 1px dashed rgb(0 0 0 / 24%);
}


.Energy>article .title .dashed::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;

  border: 1px dashed rgb(0 0 0 /24%);
  border-top: none;
  border-left: none;
  background: rgb(255 255 255 /100%);

  transform: rotate(45deg);
}

.Energy .articleone {
  margin-top: 120px;
}

.Energy .articleone .text-box {
  display: flex;
  margin-bottom: 100px;
}

.Energy .articleone .text-box>div:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px 0;
  padding-right: 24px;
  width: 40%;
  height: 400px;
}

.Energy .articleone .text-box .img {
  width: 60%;
  height: 400px;
  background: url("img/shortcode/gridscale/article1/1.png") no-repeat;

  background-size: cover;
  background-position: center;
  border-radius: 100px 0 100px 0;
  -webkit-border-radius: 100px 0 100px 0;
  -moz-border-radius: 100px 0 100px 0;
  -ms-border-radius: 100px 0 100px 0;
  -o-border-radius: 100px 0 100px 0;

  box-sizing: border-box;
  box-shadow: 0 6px 12px 1px rgb(187 212 70 / 24%);

  border: 2px solid rgb(187 212 70 /100%);
  border-left: 10px solid rgb(187 212 70 /100%);
}

.Energy .articleone .text-box p {
  font-size: 14px;
  margin-bottom: 40px;
}

.Energy .articleone .text-box p:last-child {
  margin-bottom: 0;
}


.Energy .articleone h4 {
  font-size: 24px;
  color: rgb(0 0 0 /85%);
}

.Energy .articleone>div:nth-child(3) h4 {
  margin-bottom: 40px;
}

.Energy .articleone .text-img {
  display: flex;
  gap: 60px;
}

.Energy .articleone .text-img>div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;

  width: 50%;
  height: auto;
}

.Energy .articleone .img-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 300px;
  padding: 32px;
  box-shadow: 0 6px 12px 1px rgb(0 0 0 /10%);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
}

.Energy .articleone .img-box img {
  width: auto;
  height: 200px;
  margin-bottom: 24px;
}


.Energy .articleone .text-img span {
  font-size: 12px;
}

.Energy .articleone .text-img p {
  font-size: 14px;
}

.Energy .articleone .text-img p span {
  font-weight: 600;
  color: #00D3BE;
}

.Energy .articleone .text-img span {
  text-align: center;
}

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

@media (max-width:1330px) {
  .font-style-1 {
    font-size: 54px;
  }
}

@media (max-width:1200px) {
  .font-style-1 {
    font-size: 44px;
    line-height: 68px;
  }
}

@media (max-width:991px) {
  .Energy .articleone .text-box {
    flex-direction: column;
    gap: 24px;
  }

  .Energy .articleone .text-box>div:first-child {
    width: 100%;
    justify-content: flex-start;
    height: auto;
  }

  .Energy .articleone .text-box .img {
    width: 100%;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-left: 2px solid rgb(187 212 70 /100%);
    border-bottom: 10px solid rgb(187 212 70 /100%);
  }

  .font-style-2 {
    font-size: 32px;
  }

  .font-style-1 .on-991 {
    display: block;
  }

}

@media (max-width:600px) {
  .font-style-2 {
    font-size: 24px;
  }

  .font-style-1 {
    font-size: 32px;
    line-height: 52px;
  }
}

@media (max-width:500px) {
  .Energy .articleone .text-img {
    flex-direction: column;
  }

  .Energy .articleone .text-img>div {
    width: 100%;

  }
}

@media (max-width:400px) {
  /* .font-style-2 {
    font-size: 18px;
  } */

  .font-style-1 {
    font-size: 28px;
  }
}




/* end */



/* 蓄电所贩卖-第二版块-电网流程 */
.Energy .title .Level-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}

.Energy .title .Level-2 p {
  margin: 0;
}

.Energy .articletwo section,
.Energy .articleThree section {
  margin-bottom: 120px;
}

.Energy .articletwo section.section3 {
  margin-bottom: 220px;
}

.Energy .articletwo .title,
.Energy .articleThree .title {
  margin-bottom: 80px;
}

.Energy .articletwo .section1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 900px;

  position: relative;
}

.Energy .articletwo .section1 .background {
  display: flex;

  width: 100%;
  height: 100%;

  position: absolute;
  z-index: 1;
}

.Energy .articletwo .section1 .background>div {
  width: 50%;
}

.Energy .articletwo .section1 .background>div:nth-child(1) {
  height: 100%;
  background: rgb(236 245 255 /100%);
}

.Energy .articletwo .section1 .background>div:nth-child(2) {
  height: 100%;
  background: rgb(255 254 247 /100%);
}

.Energy .articletwo .section1 ul.Process {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;

  height: 700px;
  margin: 0;
  list-style: none;

  position: absolute;
  z-index: 2;
}


.Energy .articletwo .section1 .Process .left,
.Energy .articletwo .section1 .Process .right {
  display: flex;
  flex-direction: column;
  gap: 24px;

  padding: 0;
  margin: 0;
  width: 25%;
  justify-content: space-between;
  height: 100%;
}

.Energy .articletwo .section1 .Process .right {
  align-items: flex-end;
}

.Energy .articletwo .section1 ul.Process li.left>div,
.Energy .articletwo .section1 ul.Process li.right>div {
  display: flex;
  align-items: center;
  gap: 16px;

  /* height: 33.33%; */
}

.Energy .articletwo .section1 ul.Process li.right>div {
  justify-content: flex-end;
}

.Energy .articletwo .section1 .center {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 50%;
}


.Energy .articletwo .section1 .center>div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100%;
  aspect-ratio: 1;
  box-sizing: border-box;

  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;

  background: rgb(255 255 255 /30%);
  border: 2px solid rgb(39 171 187 /80%);
  box-shadow: inset 0 0 40px 1px rgb(39 171 187 / 30%);
  backdrop-filter: blur(12px);

}

.Energy .articletwo .section1 .center h4 {
  font-size: 24px;
  font-weight: 600;
  color: rgb(86 88 114 / 100%);
}

.Energy .articletwo .section1 .center img {
  max-width: 70%;
  height: auto;
}

.Energy .articletwo .section1 .Process .img img {
  /* width: calc(100% - 20px); */
  max-width: 80%;
  height: auto;
}

.Energy .articletwo .section1 ul.Process .img span {
  font-size: 12px;
}

.Energy .articletwo .section1 .Process .img {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 180px;
  height: 180px;
  margin: 0;
  padding: 8px;

  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.Energy .articletwo .section1 .Process .left .img {
  box-shadow: 0 4px 16px 1px rgb(133 183 239 /30%);
}

.Energy .articletwo .section1 .Process .right .img {
  box-shadow: 0 4px 16px 1px rgb(234 208 145 /30%);
}

.Energy .articletwo .title .Level-1 .on-771 {
  display: block;
}

.Energy .articletwo .section1 .line {
  display: none !important;
}

.Energy .articletwo .section1 .line-box {
  display: flex;
  align-items: center;
}

.Energy .articletwo .section1 .line-dashed {
  width: 60px;
  height: 2px;

  background-image: linear-gradient(90deg, rgb(39 171 187 /100%) 0%, rgb(39 171 187 /100%) 80%, transparent 50%);
  background-size: 10px 6px;
  background-repeat: repeat-x;
}

.Energy .articletwo .section1 .jiantou {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom: 20px solid rgb(39 171 187 /100%);
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

.Energy .articletwo .section1 .left-line .jiantou {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}


.Energy .articletwo .section1 .Process .surveyBtn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  height: 180px;
  width: 180px;

  border-radius: 50%;
  box-sizing: border-box;
  transition: all .35s;
}

.Energy .articletwo .section1 .Process .left>div:last-child .img {
  transition: 1.5s;
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  -ms-transition: 1.5s;
  -o-transition: 1.5s;
}

.Energy .articletwo .section1 .Process .left>div:last-child .img:hover {
  background: rgb(255 255 255 /60%);
  transition: 1.5s;
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  -ms-transition: 1.5s;
  -o-transition: 1.5s;
}

.btnWrapper:hover .surveyBtn::before {
  transform: translate(-50%, -50%) scale(1);
  border: 8px solid rgb(255 255 255 / 55%);
  background: radial-gradient(rgb(255 51 0 / 100%) 0%, rgb(248 178 126 / 0%) 100%);
  box-shadow: inset 0px 0px 64px rgb(255 255 255 / 100%);
}

/* circle-animation */
.btnWrapper .circle-animation {
  display: inline-block;
  cursor: pointer;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  text-align: center;
  position: relative;
}

.btnWrapper .circle-animation::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: -12px;
  left: -12px;
  bottom: -12px;
  right: -12px;
  border-radius: inherit;
  border: 1px solid rgb(133 183 239 /55%);
  -webkit-animation: btnIconRippleBolder 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
  animation: btnIconRippleBolder 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
}

@-webkit-keyframes btnIconRippleBolder {
  0% {
    border-width: 24px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  80% {
    border-width: 1px;
    -webkit-transform: scale(1.35);
    transform: scale(1.35);
  }

  100% {
    opacity: 0;
  }
}

.Energy .articletwo .section1 .left>div:first-child .btnWrapper .circle-animation::before,
.Energy .articletwo .section1 .left>div:nth-child(2) .btnWrapper .circle-animation::before,
.Energy .articletwo .section1 .right .btnWrapper .circle-animation::before {
  display: none;
}



@media (max-width:1200px) {
  .Energy .title .Level-2 p {
    font-size: 14px;
  }

  .Energy .articletwo .section1 .center>div {
    width: 90%;
  }

  .Energy .articletwo .section1 .Process .img {
    transform: scale(80%);
    -webkit-transform: scale(80%);
    -moz-transform: scale(80%);
    -ms-transform: scale(80%);
    -o-transform: scale(80%);
  }

  .Energy .articletwo .section1 ul.Process li.left>div,
  .Energy .articletwo .section1 ul.Process li.right>div {
    gap: 0;
    width: 100%;
  }

  .Energy .articletwo .section1 {
    height: 800px;
  }

  .Energy .articletwo .section1 ul.Process {
    height: auto;
  }
}

@media (max-width:991px) {
  .Energy .articletwo .section1 ul.Process {
    flex-direction: column;
    align-items: center;
  }

  .Energy .articletwo .section1 .Process .left,
  .Energy .articletwo .section1 .Process .right {
    flex-direction: row;
    justify-content: center;
    width: 90%;
    gap: 0;
  }

  .Energy .articletwo .section1 ul.Process li.left>div,
  .Energy .articletwo .section1 ul.Process li.right>div {
    flex-direction: column;
  }

  .Energy .articletwo .section1 .line-box {
    flex-direction: column;
    margin-top: -8px;
  }

  .Energy .articletwo .section1 .line-dashed {
    width: 2px;
    height: 60px;
    background-size: 8px 12px;
    background-repeat: repeat-y;
    background-image: linear-gradient(180deg, rgb(39 171 187 /100%) 0%, rgb(39 171 187 /100%) 80%, transparent 50%);
  }

  .Energy .articletwo .section1 .jiantou {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }

  .Energy .articletwo .section1 .left-line .jiantou {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  .Energy .articletwo .section1 .Process .left>div:last-child>div:last-child {
    display: flex;
    align-items: center;
    gap: 0 24px;
  }

  .Energy .articletwo .section1 {
    height: 1000px;
  }

  .Energy .articletwo .section1 .background {
    display: flex;
    flex-direction: column;
  }

  .Energy .articletwo .section1 .background>div {
    width: 100%;
  }

  .Energy .articletwo .section1 ul.Process li.left>div,
  .Energy .articletwo .section1 ul.Process li.right>div {
    width: 33.33%;
  }

  .Energy .articletwo .section1 .Process .img {
    transform: scale(70%);
    -webkit-transform: scale(70%);
    -moz-transform: scale(70%);
    -ms-transform: scale(70%);
    -o-transform: scale(70%);
  }
}

@media (max-width:600px) {

  .Energy .articletwo .section1 ul.Process li.left>div,
  .Energy .articletwo .section1 ul.Process li.right>div {
    width: 33.33%;
    height: 240px;
  }

  .Energy .articletwo .section1 .Process .img {
    transform: scale(60%);
    -webkit-transform: scale(60%);
    -moz-transform: scale(60%);
    -ms-transform: scale(60%);
    -o-transform: scale(60%);
  }

  .Energy .articletwo .section1 .line-dashed {
    height: 40px;
  }

  .Energy .articletwo .section1 {
    height: 900px;
  }

}

@media (max-width:500px) {

  .Energy .articletwo .section1 ul.Process li.left>div,
  .Energy .articletwo .section1 ul.Process li.right>div {
    width: 25%;
  }
}

/* end */


/* 蓄电所贩卖-第二版块-收益比较版块 */
/* .Energy .articletwo .section2-box .left-box {
  width: 50%;
  height: 800px;
  background: FCFFFC;
  border-top: 2px solid #27ABBB;
  border-bottom: 2px solid #27ABBB;
}

.Energy .articletwo .section2-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;

  position: relative;

  height: auto;
}

.Energy .articletwo .section2-box .background-box {
  width: 100%;
  height: auto;
  background: rgb(248 248 248 / 30%);
}

.Energy .articletwo .section2-box .BMS-box {
  display: flex;
  justify-content: space-between;
  align-items: center;

  height: auto;

  position: absolute;
  z-index: 3;
}

.Energy .articletwo .section2-box .BMS-box .left {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  justify-content: center;

  width: 60%;
  height: 800px;
  padding: 40px 40px 40px 0;

  background: #F9FEFF;
  border-top: 2px solid #27ABBB;
  border-bottom: 2px solid #27ABBB;
  border-right: 16px solid #27ABBB;
  border-left: none;

  border-radius: 0 60px 60px 0;
  -webkit-border-radius: 0 60px 60px 0;
  -moz-border-radius: 0 60px 60px 0;
  -ms-border-radius: 0 60px 60px 0;
  -o-border-radius: 0 60px 60px 0;

  box-shadow: 12px 0px 12px -9px rgb(0 150 160 / 60%);
}

.Energy .articletwo .section2-box .BMS-box .right {
  display: flex;
  justify-content: flex-end;

  padding: 30px 0 30px 24px;
  width: 40%;
  height: 700px;
}

.Energy .articletwo .section2-box .BMS-box .title-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Energy .articletwo .section2-box .BMS-box .left h4 {
  font-size: 44px;
  font-weight: 600;
  line-height: 60px;
  margin-bottom: 24px;
  color: #27ABBB;

}

.Energy .articletwo .section2-box .BMS-box .line-solid {
  width: 440px;
  border: 1px solid rgb(111 85 25 /100%);
}

.Energy .articletwo .section2-box .BMS-box .jiantou {
  width: 20px;
  height: 20px;
  margin-top: -10px;

  border: 1px solid rgb(111 85 25 /100%);
  border-top: none;
  border-left: none;
  background: rgb(251 243 231 /100%);

  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.Energy .articletwo .section2-box .BMS-box .line-box {
  display: flex;
  flex-direction: column;
  align-items: center;

  margin-bottom: 24px;
}

.Energy .articletwo .section2-box .BMS-box ul.tezheng-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px 0;

  width: 100%;
  height: auto;

  margin: 0 0 24px 0;
}

.Energy .articletwo .section2-box .BMS-box ul.tezheng-box li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0 24px;

  width: 30%;
  height: 70px;
  margin-bottom: 16px;

  background: linear-gradient(0deg, rgb(116 210 221 /20%)0%, rgb(255 255 255 /3%) 100%);

  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.Energy .articletwo .section2-box .BMS-box ul.tezheng-box li .icon {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 50px;
  height: 50px;
  margin-top: -30px;

  background: #77D1DC;
  box-shadow: 0 2px 1px 1px #F9FEFF;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.Energy .articletwo .section2-box .BMS-box ul.tezheng-box span {
  font-size: 12px;
  color: #27ABBB;
}

.Energy .articletwo .section2-box .BMS-box .img-box {
  height: auto;
  position: relative;
}

.Energy .articletwo .section2-box .BMS-box .IRR {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 110px;
  height: 110px;
  background: url(/assets/img/shortcode/gridscale/article2/IRR.svg) no-repeat;
  background-size: 100% 100%;

  position: absolute;
  left: 60px;
}

.Energy .articletwo .section2-box .BMS-box .IRR span {
  font-size: 16px;
  text-align: center;
  line-height: 20px;
  margin-top: -15px;
  color: rgb(255 255 255 /100%);
}

.Energy .articletwo .section2-box .BMS-box .img-box img {
  height: auto;
  width: 100%;
}

.Energy .articletwo .section2-box .BMS-box .img-box>span {
  margin-left: 200px;
  font-size: 12px;
}


.Energy .articletwo .section2-box .BMS-box .right .Assets {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  width: 50%;
  height: 100%;
}

.Energy .articletwo .section2-box .BMS-box .right .Assets:last-child {
  padding-left: 32px;
  width: 44%;
}

.Energy .articletwo .section2-box .BMS-box .right .line-dashed {
  width: 10%;
}

.Energy .articletwo .section2-box .BMS-box .right h4 {
  font-size: 20px;
  color: rgb(0 0 0 /85%);
  margin-bottom: 24px;
}

.Energy .articletwo .section2-box .BMS-box .icon-box {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 14px;
  height: 14px;
  padding: 2px;

  margin-right: 4px;
  background: rgb(0 0 0 /65%);

  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}


.Energy .articletwo .section2-box .BMS-box .Assets-text ul.tezhengbox {
  margin: 0;
  padding: 0;
}

.Energy .articletwo .section2-box .BMS-box .Assets-text ul.tezhengbox li {
  display: flex;
  align-items: center;
}

.Energy .articletwo .section2-box .BMS-box .Assets-text ul.tezhengbox li p {
  margin: 0;
  font-size: 12px;
}

.Energy .articletwo .section2-box .BMS-box .IRR-small {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 80px;
  height: 80px;
  background: url(/assets/img/shortcode/gridscale/article2/IRR1.svg) no-repeat;
  background-size: 100% 100%;
}

.Energy .articletwo .section2-box .BMS-box .IRR-small span {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  margin-top: -10px;
}

.Energy .articletwo .section2-box .BMS-box .Assets-img p {
  font-size: 10px;
  line-height: 20px;
  margin: 12px 0 0 0;
}

.Energy .articletwo .section2-box .BMS-box .Assets-img {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.Energy .articletwo .section2-box .BMS-box .Assets-img img {
  width: 80%;
  height: auto;
}

.Energy .articletwo .section2-box .BMS-box .right .line {
  height: 100%;
  border: 1px dashed rgb(0 0 0 /5%);
  margin-right: 16px;
}

.icon-brown {
  color: rgb(255 255 255 /100%);
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
}

@media (max-width:991px) {
  .Energy .articletwo .section2-box .BMS-box ul.tezheng-box span {
    line-height: 20px;
    text-align: center;
  }

  .Energy .articletwo .section2-box .BMS-box ul.tezheng-box li {
    height: 90px;
  }

  .Energy .articletwo .section2-box .BMS-box ul.tezheng-box li .icon {
    margin-bottom: 12px;
  }

  .Energy .articletwo .section2-box .BMS-box .IRR {
    transform: scale(80%);
    -webkit-transform: scale(80%);
    -moz-transform: scale(80%);
    -ms-transform: scale(80%);
    -o-transform: scale(80%);
  }

  .Energy .articletwo .section2-box .BMS-box .img-box>span {
    margin: 0;

  }

  .Energy .articletwo .section2-box .BMS-box .img-box {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .Energy .articletwo .section2-box .BMS-box .IRR {
    top: -40px;
    left: 40px;
  }
}

@media (max-width:771px) {
  .Energy .articletwo .section2-box .BMS-box {
    flex-direction: column;
  }


  .Energy .articletwo .section2-box .BMS-box .right {
    width: 100%;
  }

  .Energy .articletwo .section2-box .BMS-box .left {
    width: 100%;
    padding: 0 40px;
    margin-bottom: 40px;
    border: 2px solid rgb(226 205 157 / 100%);
    border-bottom: 16px solid rgb(226 205 157 / 100%);
    border-radius: 24px 24px 60px 60px;
    -webkit-border-radius: 24px 24px 60px 60px;
    -moz-border-radius: 24px 24px 60px 60px;
    -ms-border-radius: 24px 24px 60px 60px;
    -o-border-radius: 24px 24px 60px 60px;
    box-shadow: 0 12px 12px 1px rgb(111 85 25 /20%);
  }


  .Energy .articletwo .section2-box .background-box {
    width: 90%;
    height: 1550px;
    background: rgb(248 248 248 / 100%);
  }

  .Energy .articletwo .section2-box .left-box {
    display: none;
  }

  .Energy .articletwo .section2-box .BMS-box .right {
    padding: 0 24px;
    justify-content: center;
  }

  .Energy .articletwo .section2-box .BMS-box .right .Assets,
  .Energy .articletwo .section2-box .BMS-box .right .Assets:last-child {
    width: 45%;
  }

  .Energy .articletwo .section2-box .BMS-box .right .Assets {
    justify-content: flex-start;
    gap: 40px 0;
  }

  .Energy .articletwo .section2-box .BMS-box ul.tezheng-box li {
    padding-left: 4px;
    padding-right: 4px;
  }
}

@media (max-width:500px) {
  .Energy .articletwo .section2-box .BMS-box .left h4 {
    text-align: center;
    font-size: 32px;
  }

  .Energy .articletwo .section2-box .BMS-box .left {
    height: auto;
    padding: 40px;
  }

  .Energy .articletwo .section2-box .background-box {
    max-height: 1480px;
  }

  .Energy .articletwo .section2-box .BMS-box .right {
    justify-content: space-between;
  }

  .Energy .articletwo .section2-box .BMS-box .right .line {
    margin-right: 0;
    height: 90%;
  }

  .Energy .articletwo .section2-box .BMS-box .title-box p {
    text-align: center;
  }

  .Energy .articletwo .section2-box .BMS-box .right .Assets {
    justify-content: space-between;
  }

  .Energy .articletwo .section2-box .BMS-box .IRR {
    transform: scale(70%);
    -webkit-transform: scale(70%);
    -moz-transform: scale(70%);
    -ms-transform: scale(70%);
    -o-transform: scale(70%);
    left: 10px;
  }
} */

/* end */



/* 收益比较-版块更改后 */
.Energy .articletwo .Income-box .left-box {
  width: 52%;
  height: 800px;
  background: #FCFFFC;
  /*border-top: 2px solid rgb(87 179 60 / 100%);
  border-bottom: 2px solid rgb(87 179 60 / 100%);
  */
  box-shadow: 0 0 32px rgb(87 179 60 / 16%);
  border-radius: 0 60px 120px 0;
  -webkit-border-radius: 0 120px 120px 0;
  -moz-border-radius: 0 60px 120px 0;
  -ms-border-radius: 0 60px 120px 0;
  -o-border-radius: 0 60px 120px 0;
}

.Energy .articletwo .Income-box .background-box {
  width: 100%;
  height: auto;
  background: rgb(248 248 248 / 30%);
}

.Energy .articletwo .Income-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;

  height: auto;

  position: relative;
}

.Energy .articletwo .Income-box .BMS-box {
  display: flex;
  justify-content: space-between;
  align-items: center;

  height: auto;

  position: absolute;
  z-index: 3;
}

.Energy .articletwo .Income-box .BMS-box .left {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  justify-content: center;
  width: 60%;
  height: 800px;
  padding: 24px 40px 24px 0;
  background: #FCFFFC;
  /*border: 2px solid rgb(87 179 60 / 100%);
  border-right: 16px solid rgb(87 179 60 / 100%);
  border-left: none;
  */
  /*box-shadow: 8px 8px 16px -9px rgb(87 179 60 / 60%);
  */
  box-shadow: 12px 0 24px -12px rgb(87 179 60 / 24%);
  border-radius: 0 120px 120px 0;
  -webkit-border-radius: 0 120px 120px 0;
  -moz-border-radius: 0 120px 120px 0;
  -ms-border-radius: 0 120px 120px 0;
  -o-border-radius: 0 120px 120px 0;
}

.Energy .articletwo .Income-box .BMS-box .right {
  display: flex;
  justify-content: flex-end;

  padding: 24px 0 24px 16px;
  width: 40%;
  height: 700px;
}

.Energy .articletwo .Income-box .BMS-box .title-box {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  gap: 0 24px;

  margin-bottom: 40px;

  width: 100%;
}

.Energy .articletwo .Income-box .BMS-box .title-box>div:first-child {
  display: flex;
  flex-direction: column;
}

.Energy .articletwo .Income-box .BMS-box .IRR {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 180px;
  aspect-ratio: 1;
  margin-right: -70px;
  /*background: url(/assets/img/shortcode/gridscale/article2/IRR.svg) no-repeat;*/
  background: url("/assets/img/shortcode/gridscale/article2/IRR.svg") no-repeat;
  background-size: 100% 100%;

  margin-top: -70px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.Energy .articletwo .Income-box .BMS-box .IRR>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;

  width: 100px;
  aspect-ratio: 1;
  margin-top: -47px;
  /* margin-left: -45px; */

  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;

  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

.Energy .articletwo .Income-box .BMS-box .IRR img {
  width: 24px;
  opacity: 1;
}

.Energy .articletwo .Income-box .BMS-box .left h4 {
  font-size: 36px;
  font-weight: 600;
  line-height: 60px;
  margin-bottom: 16px;
  color: rgb(87 179 60 / 100%);
}

.Energy .articletwo .Income-box .BMS-box .left p {
  font-size: 24px;
  margin: 0;
}

.Energy .articletwo .Income-box .BMS-box .line-solid {
  width: 440px;
  border: 1px solid rgb(111 85 25 /100%);
}

.Energy .articletwo .Income-box .BMS-box .jiantou {
  width: 20px;
  height: 20px;
  margin-top: -10px;

  border: 1px solid rgb(111 85 25 /100%);
  border-top: none;
  border-left: none;
  background: rgb(251 243 231 /100%);

  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.Energy .articletwo .Income-box .BMS-box .line-box {
  display: flex;
  flex-direction: column;
  align-items: center;

  margin-bottom: 24px;
}

.Energy .articletwo .Income-box .BMS-box ul.tezheng-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px 0;

  width: 100%;
  height: auto;

  margin: 0 0 24px 0;
}

.Energy .articletwo .Income-box .BMS-box ul.tezheng-box li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px 24px;

  width: 30%;
  height: 70px;
  margin-bottom: 16px;

  background: linear-gradient(0deg, rgb(87 179 60 /14%)0%, rgb(255 255 255 /3%) 100%);

  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.Energy .articletwo .Income-box .BMS-box ul.tezheng-box li .icon {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 36px;
  height: 36px;
  margin-top: -30px;

  background: rgb(87 179 60 / 100%);
  box-shadow: 0 2px 1px 1px #FCFFFC;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.Energy .articletwo .Income-box .BMS-box ul.tezheng-box span {
  font-size: 16px;
  color: rgb(86 88 114 / 100%);
  text-align: center;
}

.Energy .articletwo .Income-box .BMS-box .img-box {
  display: flex;
  flex-direction: column;
  align-items: flex-end;

  height: auto;
  position: relative;
}

.Energy .articletwo .Income-box .BMS-box .IRR span {
  display: inline-block;

  font-size: 14px;
  text-align: center;
  line-height: 18px;

  color: #870000;
}

.Energy .articletwo .Income-box .BMS-box .img-box img {
  height: auto;
  width: 100%;
}

.Energy .articletwo .Income-box .BMS-box .img-box>span {
  margin-left: 0;
  font-size: 12px;

  position: absolute;
  top: 81%;
}


.Energy .articletwo .Income-box .right .Assets {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  width: 50%;
  height: 100%;
}

/* 
.Energy .articletwo .Income-box .right .Assets:last-child {
  padding-left: 32px;
} */

.Energy .articletwo .Income-box .right .Assets-text>div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.Energy .articletwo .Income-box .right .line-dashed {
  width: 10%;
}

.Energy .articletwo .Income-box .BMS-box .right h4 {
  font-size: 16px;
  color: rgb(0 0 0 /85%);
  margin-bottom: 0;
}

.Energy .articletwo .Income-box .BMS-box .icon-box {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 8px;
  aspect-ratio: 1;
  padding: 2px;

  margin-right: 4px;
  background: rgb(87 179 60 / 50%);

  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}


.Energy .articletwo .Income-box .BMS-box .Assets-text ul.tezhengbox {
  margin: 0;
  padding: 0;
}

.Energy .articletwo .Income-box .BMS-box .Assets-text ul.tezhengbox li {
  display: flex;
  align-items: center;
}

.Energy .articletwo .Income-box .BMS-box .Assets-text ul.tezhengbox li p {
  margin: 0;
  font-size: 12px;
}

.Energy .articletwo .Income-box .BMS-box .IRR-small {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  aspect-ratio: 1;
  padding: 12px;
  background: #FFF6E5;
  /*background: url(/assets/img/shortcode/gridscale/article2/IRR1.svg) no-repeat;
   */
  /*background-size: 100% 100%;
   */
  border-radius: 100%;
}

.Energy .articletwo .Income-box .BMS-box .IRR-small span {
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}

.Energy .articletwo .Income-box .BMS-box .Assets-img p {
  font-size: 10px;
  line-height: 20px;
  margin: 12px 0 0 0;
}

.Energy .articletwo .Income-box .BMS-box .Assets-img {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.Energy .articletwo .Income-box .BMS-box .Assets-img img {
  width: 80%;
  height: auto;
}

.Energy .articletwo .Income-box .BMS-box .right .line {
  height: 100%;
  margin: 0 12px;
  border: 1px dashed rgb(0 0 0 /5%);
}

.icon-brown {
  color: rgb(255 255 255 /100%);
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
}

@media (max-width:1200px) {
  .Energy .articletwo .Income-box .BMS-box ul.tezheng-box li {
    height: 90px;
  }

  .Energy .articletwo .Income-box .BMS-box .IRR {
    margin-right: -60px;
    margin-top: -100px;
  }
}


@media (max-width:991px) {
  .Energy .articletwo .Income-box .BMS-box ul.tezheng-box span {
    line-height: 20px;
    text-align: center;
  }

  .Energy .articletwo .Income-box .BMS-box ul.tezheng-box li {
    padding: 0 8px;
  }

  .Energy .articletwo .Income-box .BMS-box ul.tezheng-box li .icon {
    margin-bottom: 12px;
  }

  .Energy .articletwo .Income-box .BMS-box .IRR {
    width: 160px;
    margin-top: -180px;
    margin-right: -40px;
  }


  .Energy .articletwo .Income-box .BMS-box .img-box>span {
    margin: 0;
    font-size: 10px;
    top: 85%;
  }

  .Energy .articletwo .Income-box .BMS-box .title-box {
    margin-bottom: 24px;
    gap: 0;
  }

  .Energy .articletwo .Income-box .right .Assets:last-child {
    padding-left: 0;
  }

  .Energy .articletwo .Income-box .BMS-box .right .line {
    margin: 0 8px;
  }

  .Energy .articletwo .Income-box .BMS-box .left {
    padding: 16px 16px 16px 0;
  }

  .Energy .articletwo .Income-box .BMS-box .title-box>div:first-child {
    align-items: flex-start;
  }

  .Energy .articletwo .Income-box .BMS-box .left p {
    font-size: 22px;
  }

  .Energy .articletwo .Income-box .BMS-box .left {
    border-radius: 0 40px 120px 0;
    -webkit-border-radius: 0 40px 120px 0;
    -moz-border-radius: 0 40px 120px 0;
    -ms-border-radius: 0 40px 120px 0;
    -o-border-radius: 0 40px 120px 0;
  }

  .Energy .articletwo .Income-box .BMS-box .IRR>div {
    /* padding-top: 12px; */
    width: 80px;
    gap: 0;
    margin-top: -35px;
    /* margin-right: -5px; */
  }

  .Energy .articletwo .Income-box .BMS-box .IRR img {
    width: 20px;
  }
}


@media (max-width:771px) {
  .Energy .articletwo .Income-box .BMS-box {
    flex-direction: column;
  }

  .Energy .articletwo .Income-box .BMS-box .right {
    width: 100%;
  }

  .Energy .articletwo .Income-box .BMS-box .left {
    width: 100%;
    padding: 0 40px;
    margin-bottom: 40px;
    /*border: 2px solid rgb(87 179 60 / 100%);
    border-bottom: 16px solid rgb(87 179 60 / 100%);
    */
    box-shadow: 0 12px 24px rgb(87 179 60 / 24%);
    border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
  }

  .Energy .articletwo .Income-box .background-box {
    width: 90%;
    height: 1550px;
    background: rgb(248 248 248 / 100%);
    border-radius: 60px 60px 0 0;
    -webkit-border-radius: 60px 60px 0 0;
    -moz-border-radius: 60px 60px 0 0;
    -ms-border-radius: 60px 60px 0 0;
    -o-border-radius: 60px 60px 0 0;
  }

  .Energy .articletwo .Income-box .left-box {
    display: none;
  }

  .Energy .articletwo .Income-box .BMS-box .right {
    padding: 0 24px;
    justify-content: center;
  }

  .Energy .articletwo .Income-box .BMS-box .right .Assets {
    width: 45%;
  }

  .Energy .articletwo .Income-box .BMS-box .right .Assets {
    justify-content: flex-start;
    gap: 40px 0;
  }

  .Energy .articletwo .Income-box .BMS-box ul.tezheng-box li {
    padding-left: 4px;
    padding-right: 4px;
    height: 80px;
  }

  .Energy .articletwo .Income-box .BMS-box .title-box {
    gap: 0 24px;
  }

  .Energy .articletwo .Income-box .BMS-box ul.tezheng-box span {
    font-size: 14px;
  }

  .Energy .articletwo .Income-box .BMS-box .IRR {
    margin: 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  .Energy .articletwo .Income-box .BMS-box .IRR>div {
    margin: 0;
    margin-top: -40px;
    /* margin-right: 35px; */
    padding: 0;

    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
}

@media (max-width:620px) {
  .Energy .articletwo .Income-box .BMS-box .left h4 {
    font-size: 32px;
    line-height: 44px;
  }

  .Energy .articletwo .Income-box .BMS-box .left {
    height: 700px;
  }
}

@media (max-width:500px) {
  .Energy .articletwo .Income-box .BMS-box .left {
    height: auto;
    padding: 16px;
  }

  .Energy .articletwo .Income-box .background-box {
    max-height: 1300px;
  }

  .Energy .articletwo .Income-box .BMS-box .right {
    justify-content: space-between;
    height: 600px;
    padding: 16px;
  }

  .Energy .articletwo .Income-box .BMS-box .right .line {
    margin-right: 0;
    height: 100%;
  }

  .Energy .articletwo .Income-box .BMS-box .right .Assets {
    justify-content: space-between;
    gap: 0;
  }

  .Energy .articletwo .Income-box .BMS-box .title-box {
    gap: 0;
  }

  .Energy .articletwo .Income-box .BMS-box .img-box>span {
    font-size: 8px;
  }

  .Energy .articletwo .Income-box .BMS-box .left h4 {
    font-size: 24px;
    margin-bottom: 0;
  }

  .Energy .articletwo .Income-box .BMS-box .left p {
    font-size: 16px;
  }

  .Energy .articletwo .Income-box .BMS-box ul.tezheng-box span {
    font-size: 12px;
    line-height: 20px;
  }

  .Energy .articletwo .Income-box .BMS-box .IRR span {
    font-size: 12px;
    line-height: 16px;
  }
}


/* end */


/* 蓄电所贩卖-第二版块-收益市场 */
.Energy .articletwo .section3 .Level-2 .font-style-2 {
  margin-bottom: 0;
}

.Energy .articletwo .section3 .Income {
  display: flex;
  justify-content: center;
  align-items: flex-end;

  position: relative;

  height: 800px;
}

.Energy .articletwo .section3 .Income .background {
  margin-bottom: 100px;
  background: rgb(248 248 248 /100%);
  border-radius: 50% 50%;
  width: 100%;
  height: 300px;
}

.Energy .articletwo .section3 .Income .Market {
  position: absolute;
  height: 100%;
}


.EnergyMarketVideo .video-wrap {
  text-align: center;
  vertical-align: middle;
  position: relative;
}

.EnergyMarketVideo .video-set {
  position: absolute;
  top: calc(50% - 28px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 110px;
  height: 110px;
  z-index: 1;
}

.EnergyMarketVideo .video-frame {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.EnergyMarketVideo .video-container {
  overflow: hidden;
  position: relative;
  border-radius: 48px;
  background: url('img/shortcode/gridscale/article2/ScreenPrint.jpg') top center/cover no-repeat;
  box-shadow: inset 0 10px 32px rgb(29 18 20 / 17%);
  width: 100%;
  max-width: 872px;
}

.EnergyMarketVideo .video-wrap .bottomShadow {
  margin-top: -12px;
  border-radius: 50%;
  border-bottom: 3px solid rgb(255 0 0 / 100%);
  background: linear-gradient(0, rgb(0 0 0 / 3.85%), transparent);
  width: 100%;
  height: 68px;
}

.EnergyMarketVideo .lable-wrap {
  margin-top: -12px;
  position: relative;
  z-index: 99;
}

.EnergyMarketVideo .lable-wrap>ul {
  display: flex;
  justify-content: space-between;
  gap: 0;
  margin: 0;
  padding: 0;
}

.EnergyMarketVideo .lable-wrap>ul>li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  margin: 0;
  padding: 0;
  width: 33.333333%;
}

.EnergyMarketVideo .lable-wrap>ul>li>.lableIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: linear-gradient(0deg, rgb(74 204 240 / 24%), transparent);
  width: 180px;
  height: 180px;
}

.EnergyMarketVideo .lable-wrap>ul>li>.lableIcon>.lableIconWrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 24px 0;
  border-radius: 50%;
  box-sizing: border-box;
  background: radial-gradient(rgb(74 204 240 / 100%) 0%, rgb(255 255 255 / 100%) 100%);
  width: 160px;
  height: 160px;
  transition: all .35s;
}

.EnergyMarketVideo .lable-wrap>ul>li:nth-child(2)>.lableIcon>.lableIconWrapper {
  background: radial-gradient(rgb(74 204 240 / 100%) 35%, rgb(255 255 255 / 100%) 100%);
}

.EnergyMarketVideo .lable-wrap>ul>li:hover>.lableIcon>.lableIconWrapper {
  background: radial-gradient(rgb(29 141 212 / 100%) 35%, rgb(29 141 212 / 100%) 100%);
  box-shadow: inset 0 0 30px rgb(255 255 255 / 100%);
}

.EnergyMarketVideo .lable-wrap>ul>li>.lableIcon>.lableIconWrapper>p.Name {
  margin: 0;
  padding: 0;
  color: rgb(255 255 255 /100%);
  font-size: 16px;
}

.EnergyMarketVideo .lable-wrap>ul>li>.lableIcon>.lableIconWrapper>.Img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 78px;
}

.EnergyMarketVideo .lable-wrap>ul>li:nth-child(1)>.lableIcon>.lableIconWrapper>.Img>img {
  height: 78px;
  opacity: 1;
}

.EnergyMarketVideo .lable-wrap>ul>li:nth-child(2)>.lableIcon>.lableIconWrapper>.Img>img {
  height: 58px;
  opacity: 1;
}

.EnergyMarketVideo .lable-wrap>ul>li:nth-child(3)>.lableIcon>.lableIconWrapper>.Img>img {
  height: 38px;
  opacity: 1;
}

.EnergyMarketVideo .lable-wrap>ul>li:hover>.lableIcon>.lableIconWrapper>.Img>img {
  opacity: 1;
}

.EnergyMarketVideo .lable-wrap>ul>li:nth-child(1)>.lableIcon,
.EnergyMarketVideo .lable-wrap>ul>li:nth-child(3)>.lableIcon {
  transform: scale(1.2);
}

.EnergyMarketVideo .lable-wrap>ul>li:nth-child(2)>.lableIcon {
  transform: scale(1.8);
}

.EnergyMarketVideo .lable-wrap>ul>li>.lableText {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  z-index: 999;
  bottom: -192px;
  padding: 24px;
  border: 1px solid rgb(74 204 240 / 35%);
  border-radius: 24px;
  background: rgb(255 255 255 /100%);
  box-shadow: inset 0 0 32px rgb(74 204 240 / 35%);
  min-height: 180px;
  opacity: 0;
}

.EnergyMarketVideo .lable-wrap>ul>li:nth-child(2)>.lableText {
  width: 580px;
}

.EnergyMarketVideo .lable-wrap>ul>li:nth-child(1)>.lableText,
.EnergyMarketVideo .lable-wrap>ul>li:nth-child(3)>.lableText {
  width: 380px;
}

.EnergyMarketVideo .lable-wrap>ul>li:nth-child(1):hover>.lableText,
.EnergyMarketVideo .lable-wrap>ul>li:nth-child(2):hover>.lableText,
.EnergyMarketVideo .lable-wrap>ul>li:nth-child(3):hover>.lableText {
  opacity: 1;
}

.EnergyMarketVideo .lable-wrap>ul>li>.lableText>p {
  margin: 0 0 12px 0;
  color: rgb(0 0 0 / 55%);
  font-size: 14px;
  line-height: 24px;
  font-weight: inherit;
}

.EnergyMarketVideo .lable-wrap>ul>li>.lableText>p>span.importantText {
  color: rgb(0 0 0 / 100%);
}

.EnergyMarketVideo .lable-wrap>ul>li>.lableText>p:last-child {
  margin: 0 !important;
}

@media (max-width:1200px) {
  .EnergyMarketVideo .lable-wrap {
    margin-top: -48px;
  }

  .EnergyMarketVideo .lable-wrap>ul>li>.lableText {
    left: calc((100% - 508px)/2);
    right: calc((100% - 508px)/2);
    width: 508px !important;
    height: auto;
  }

  .EnergyMarketVideo .lable-wrap>ul>li:nth-child(1)>.lableIcon,
  .EnergyMarketVideo .lable-wrap>ul>li:nth-child(3)>.lableIcon {
    transform: scale(1);
  }

  .EnergyMarketVideo .lable-wrap>ul>li:nth-child(2)>.lableIcon {
    transform: scale(1.4);
  }

  .EnergyMarketVideo .video-container {
    border-radius: 24px !important;
  }
}

@media (max-width:991px) {
  .EnergyMarketVideo .lable-wrap {
    margin-top: -48px;
  }

  .EnergyMarketVideo .lable-wrap>ul>li>.lableText {
    left: calc((100% - 488px)/2);
    right: calc((100% - 488px)/2);
    width: 488px !important;
    height: auto;
  }

  .EnergyMarketVideo .lable-wrap>ul>li:nth-child(1)>.lableIcon,
  .EnergyMarketVideo .lable-wrap>ul>li:nth-child(3)>.lableIcon {
    transform: scale(0.8);
  }

  .EnergyMarketVideo .lable-wrap>ul>li:nth-child(2)>.lableIcon {
    transform: scale(1);
  }
}

@media (max-width:640px) {
  .EnergyMarketVideo .lable-wrap {
    margin-top: -92px;
  }

  .EnergyMarketVideo .lable-wrap>ul>li>.lableText {
    left: calc((100% - 280px)/2);
    right: calc((100% - 280px)/2);
    bottom: -140px;
    width: 300px !important;
    height: auto;
  }

  .EnergyMarketVideo .lable-wrap>ul>li>.lableText>p {
    line-height: 16px;
    font-size: 12px;
  }

  .EnergyMarketVideo .lable-wrap>ul>li:nth-child(1)>.lableIcon,
  .EnergyMarketVideo .lable-wrap>ul>li:nth-child(3)>.lableIcon {
    transform: scale(0.6);
  }

  .EnergyMarketVideo .lable-wrap>ul>li:nth-child(2)>.lableIcon {
    transform: scale(0.8);
  }
}

/* end */

/* 蓄电所贩卖-第三版块-头部 */
.Energy .articleThree .section-0 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;

  background: url('img/shortcode/gridscale/article3/gridBG.jpg') no-repeat;
  background-size: cover;

  width: 100%;
  height: 800px;
  overflow: hidden;
}

.Energy .HeaderBox {
  margin-top: -400px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;

  padding: 480px 0 0 0;

  border-radius: 0 0 50% 50%;
  box-sizing: border-box;

  background: url('img/shortcode/gridscale/article3/img2.png') no-repeat;
  background-size: cover;
  box-shadow: 0 12px 12px rgb(30 103 151 / 35%);

  width: 100%;
  height: 800px;
}

.Energy .HeaderBox img {
  width: auto;
  height: 240px;
  align-self: end;
}

.Energy .HeaderBox h6 span {
  color: rgb(0 182 232 /100%);
}

@media (max-width:1980px) {
  .Energy .HeaderBox {
    margin-top: -400px;
    padding: 480px 0 0 0;
    height: 800px;
  }
}

@media (max-width:1200px) {
  .Energy .HeaderBox {
    margin-top: -290px;
    padding: 360px 0 0 0;
    height: 580px;
  }

  .Energy .HeaderBox img {
    height: 200px;
  }
}

@media (max-width:991px) {
  .Energy .HeaderBox {
    margin-top: -350px;
    padding: 400px 0 0 0;
    height: 700px;
  }

  .Energy .HeaderBox img {
    height: 150px;
  }
}

@media (max-width:768px) {
  .Energy .HeaderBox {
    margin-top: -340px;
    padding: 380px 0 0 0;
    height: 680px;
  }

  .Energy .HeaderBox img {
    height: 120px;
  }
}

@media (max-width:600px) {
  .Energy .HeaderBox {
    margin-top: -250px;
    padding: 280px 0 0 0;
    height: 480px;
  }
}


/* 蓄电所贩卖-第三版块-优势 */
.Energy .articleThree .section-1 ul,
.Energy .articleThree .section-1 ul li {
  margin: 0;
  padding: 0;
}

.Energy .articleThree .title {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Energy .title h6.Number {
  margin-bottom: -88px;
  color: rgb(0 182 232 /12%);
  font-size: 280px;
  font-style: italic;
}

.Energy .articleThree .title .font .h4 {
  display: flex;
  align-items: flex-end;

  margin: 0;

  position: relative;
}

.Energy .articleThree .title .font .h4>div {
  display: flex;
  width: 290px;
  height: 16px;
  margin-bottom: 4px;
  background: rgb(0 182 232 /100%);
}

.Energy .articleThree .title .font .h4 span {
  position: absolute;
}

.Energy .articleThree .section-1 ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
}

.Energy .articleThree .section-1 ul li {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 48%;
  height: 400px;

  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
}

.Energy .articleThree .section-1 ul li:first-child {
  background: url("img/shortcode/gridscale/article3/actor-1.png") no-repeat;
  background-size: cover;
}

.Energy .articleThree .section-1 ul li:nth-child(2) {
  background: url("img/shortcode/gridscale/article3/actor-2.png") no-repeat;
  background-size: cover;
}

.Energy .articleThree .section-1 ul li:nth-child(3) {
  background: url("img/shortcode/gridscale/article3/actor-3.png") no-repeat;
  background-size: cover;
}

.Energy .articleThree .section-1 ul li:last-child {
  background: url("img/shortcode/gridscale/article3/actor-4.png") no-repeat;
  background-size: cover;
}

.Energy .articleThree .section-1 ul li>div {
  display: flex;
  flex-direction: column;
  width: 300px;
  height: 300px;
  padding: 32px 24px;
  background: rgb(255 255 255 /85%);
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
}

.Energy .articleThree .section-1 ul li:hover>div {
  background: rgb(255 255 255 /100%);
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
}

.Energy .articleThree .section-1 ul li>div p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 24px;
}

.Energy .articleThree .section-1 ul li>div .font-text {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.Energy .articleThree .section-1 ul li>div .font-text h4 {
  font-size: 24px;
  font-weight: 600;
  color: rgb(0 182 232 /100%);
}

.Energy .articleThree .section-1 ul li>div .font-text h4 span {
  font-size: 16px;
  font-weight: 600;
}

.Energy .articleThree .section-1 ul li>div .font-text h6 {
  margin-right: 12px;
  font-size: 70px;
  font-weight: 700;
  color: rgb(0 182 232 /100%);
}

@media (max-width:1200px) {
  .Energy .articleThree .section-1 ul {
    gap: 32px;
  }
}


@media (max-width:991px) {
  .Energy .articleThree .title .font .h4>div {
    width: 260px;
    margin-bottom: -40px;
  }

  .Energy .articleThree .title .font .h4 {
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
  }

  .Energy .articleThree .title .font .h4 span {
    position: static;
  }

  .Energy .articleThree .section-1 ul {
    gap: 24px;
  }
}


@media (max-width:771px) {
  .Energy .articleThree .section-1 ul li {
    padding: 0 24px 0 24px;
  }

  .Energy .articleThree .section-1 ul li>div {
    padding: 16px;
  }

  .Energy .articleThree .title h6 {
    font-size: 120px;
    margin-bottom: -12px;
  }
}

@media (max-width:640px) {
  .Energy .articleThree .section-1 ul li {
    width: 100%;
    padding: 0 24px 0 24px;
  }

  .Energy .articleThree .section-1 ul li>div {
    width: 80%;
    padding: 24px;
    justify-content: center;
  }

  .Energy .articleThree .title h6 {
    font-size: 100px;
  }
}

@media (max-width:600px) {
  .Energy .articleThree .title .font .h4>div {
    width: 200px;
  }
}

@media (max-width:460px) {
  .Energy .articleThree .section-1 ul li>div .font-text {
    margin-bottom: 8px;
  }

  .Energy .articleThree .section-1 ul li>div {
    padding: 16px;
  }

  .Energy .articleThree .title h6 {
    font-size: 68px;
    margin-bottom: 4px;
  }

  .Energy .articleThree .title {
    margin-bottom: 40px;
  }
}

/* end */


/* 蓄电所贩卖-第三版块-风险 */
.Energy .articleThree .section-2 .Risk {
  display: flex;
  gap: 24px;

  height: 480px;
  margin: 0;
  padding: 0;


}

.Energy .articleThree .section-2 .Risk li {
  width: 33%;
  margin: 0;
  padding: 0;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

.Energy .articleThree .section-2 .Risk li:hover {
  transform: translateY(-20px);
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

.Energy .articleThree .section-2 .Risk li .Risk-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  width: 100%;
  height: 100%;
  padding: 10px;

  border: 4px solid rgb(39 171 187 /100%);

  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
}

.Energy .articleThree .section-2 .Risk li .Risk-text h4 {
  margin-bottom: 24px;

  font-size: 32px;
  font-weight: 600;
  letter-spacing: 4px;
  line-height: 44px;
  color: rgb(0 0 0 /85%);

  text-align: center;
}


.Energy .articleThree .section-2 .Risk li .Risk-text>div {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 12px;
}

.Energy .articleThree .section-2 .Risk li .Risk-text>div p {
  margin: 0;
  padding: 0;

  font-size: 13px;
  line-height: 24px;
  text-align: justify;
}

.Energy .articleThree .section-2 .Risk li .Label {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 150px;
  height: 40px;
  margin-left: 20px;
  margin-bottom: -25px;

  background: rgb(249 178 75 /100%);
  transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);


}

.Energy .articleThree .section-2 .Risk li .Label h4 {
  font-size: 28px;
  font-weight: 600;
  color: rgb(255 255 255 /100%);
}

.Energy .articleThree .section-2 .Risk li .Label h6 {
  padding: 0;
  margin-top: -18px;

  font-size: 48px;
  font-weight: 800;

  color: rgb(255 255 255 /100%);
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: rgb(249 178 75 /100%);

}

.Energy .articleThree .section-2 .Risk li .Risk-text img {
  width: 100%;
  height: 140px;
  object-fit: cover;

  border: 4px solid rgb(255 255 255 /100%);

  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
}

.Energy .articleThree .section-2 .Risk li .Risk-text .yuan-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
}

.Energy .articleThree .section-2 .Risk li .Risk-text .yuan-box .yuan span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  font-size: 32px;
  font-weight: 600;
  color: rgb(0 0 0 / 85%);


  width: 44px;
  height: 44px;


  margin-left: -6px;
  border: 1px solid rgb(249 178 75 /100%);



  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.Energy .articleThree .section-2 .Risk li .Risk-text .text {
  display: flex;
  flex-direction: column;
  align-items: center;

  margin: 16px 0;


  font-size: 32px;
  font-weight: 600;
  color: rgb(0 0 0 / 85%);
}



.Energy .articleThree .section-2 .Risk li:nth-child(2) .Risk-text .text,
.Energy .articleThree .section-2 .Risk li:nth-child(4) .Risk-text .text {
  margin-top: 8px;
}

.Energy .articleThree .section-2 .Risk li:nth-child(1) .Risk-text .yuan-box>div {
  display: flex;
  margin-left: 8px;
}

.Energy .articleThree .section-2 .Risk li:nth-child(2) .Risk-text .yuan-box,
.Energy .articleThree .section-2 .Risk li:nth-child(4) .Risk-text .yuan-box {
  margin-bottom: 8px;
}

@media (max-width: 1200px) {
  .Energy .articleThree .section-2 .Risk {
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto;
  }

  .Energy .articleThree .section-2 .Risk li {
    width: 48%;
    margin-bottom: 48px;
  }
}

@media (max-width: 991px) {

  .Energy .articleThree .section-2 .Risk li .Risk-text .text,
  .Energy .articleThree .section-2 .Risk li .Risk-text .yuan-box .yuan span {
    font-size: 24px;
  }

  .Energy .articleThree .section-2 .Risk li .Risk-text .yuan-box .yuan span {
    width: 32px;
    height: 32px;
  }

  .Energy .articleThree .section-2 .Risk li .Risk-text>div p {
    font-size: 12.5px;
    line-height: 22px;
  }
}

@media (max-width: 771px) {
  .Energy .articleThree .section-2 .Risk li .Label h4 {
    font-size: 20px;
  }

  .Energy .articleThree .section-2 .Risk li .Label h6 {
    font-size: 32px;
    margin-top: -10px;
  }

  .Energy .articleThree .section-2 .Risk li .Label {
    width: 110px;
    height: 28px;
  }

  .Energy .articleThree .section-2 .Risk li .Risk-text .yuan-box {
    margin-top: 0;
  }

  .Energy .articleThree .section-2 .Risk li:nth-child(2) .Risk-text .yuan-box {
    margin-bottom: 0;
  }

  .Energy .articleThree .section-2 .Risk li:nth-child(2) .Risk-text .text {
    margin-top: 16px;
  }
}

@media (max-width: 648px) {
  .Energy .articleThree .section-2 .Risk li {
    width: 47%;

  }
}

@media (max-width: 610px) {
  .Energy .articleThree .section-2 .Risk li .Risk-text>div p {
    margin-bottom: 12px;
  }

  .Energy .articleThree .section-2 .Risk li .Label h4 {
    font-size: 32px;
  }

  .Energy .articleThree .section-2 .Risk li .Label h6 {
    font-size: 44px;
    margin-top: -10px;
  }

  .Energy .articleThree .section-2 .Risk li .Label {
    width: 160px;
    height: 40px;
  }

  .Energy .articleThree .section-2 .Risk li .Risk-text .text,
  .Energy .articleThree .section-2 .Risk li .Risk-text .yuan-box .yuan span {
    font-size: 24px;
    margin-right: 0;
  }

  .Energy .articleThree .section-2 .Risk li .Risk-text .yuan-box .yuan span {
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 550px) {
  .Energy .articleThree .section-2 .Risk li {
    width: 100%;
  }
}

/* end */


/* 蓄电所贩卖-第三版块-一站式服务 */
.Energy .articleThree .section-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Energy .articleThree .section-3 .Services {
  display: flex;

  width: 100%;
  height: auto;

  background: url("img/shortcode/gridscale/article3/img5.png") no-repeat;
  background-size: cover;
}

.Energy .articleThree .section-3 .left {
  display: flex;
  justify-content: flex-end;

  width: 50%;
  height: auto;
  padding: 24px 0;

  background: url("img/shortcode/gridscale/article3/img6.png") no-repeat;
  background-size: cover;

  border-radius: 0 50% 0 0;
  -webkit-border-radius: 0 50% 0 0;
  -moz-border-radius: 0 50% 0 0;
  -ms-border-radius: 0 50% 0 0;
  -o-border-radius: 0 50% 0 0;
}

.Energy .articleThree .section-3 .left img:first-child {
  display: block;
}

.Energy .articleThree .section-3 .left img:last-child {
  display: none;
}

.Energy .articleThree .section-3 .left>div {
  display: flex;
  align-items: center;

  width: 600px;
  height: 100%;
}

.Energy .articleThree .section-3 .left>div img {
  width: 75%;
}


.Energy .articleThree .section-3 .right {
  display: flex;

  width: 700px;
  margin-left: -115px;
}

.Energy .articleThree .section-3 .right>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 24px;

  width: 100%;
  height: 100%;
  padding-top: 24px;
}

.Energy .articleThree .section-3 .right .text-box {
  display: flex;
  justify-content: center;
  align-items: center;

  width: auto;
  height: auto;
  padding: 16px;

  background: #F9B24B;
  border: 9px solid #FFF7EB;
  box-sizing: border-box;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.Energy .articleThree .section-3 .right .text-box p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 28px;
  color: #ffff;
}

.Energy .articleThree .section-3 .right .Services-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;

  width: 100%;
  height: 500px;

  position: relative;

}

.Energy .articleThree .section-3 .right .img {
  display: flex;
  gap: 2px;

  width: 100%;
  height: 320px;
  background: url("img/shortcode/gridscale/article2/BMS.svg") no-repeat;
  background-size: 100% auto;
  /* background-position: center; */

  /* position: relative; */
  margin-top: 40px;

}

.Energy .articleThree .section-3 .right .people {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 400px;
  position: absolute;
  top: 300px;

}

.Energy .articleThree .section-3 .right .people .text {
  display: flex;
  align-items: center;
  align-self: flex-start;

  width: 200px;
  height: 200px;
  margin-top: -100px;

  background: url("img/shortcode/gridscale/article3/img8.png") no-repeat;
  background-size: 200px auto;
  background-position: center;
}

.Energy .articleThree .section-3 .right .people img {
  width: 140px;
  height: auto;
}

.Energy .articleThree .section-3 .right .people .text p {
  margin: 0;
  padding: 0;
  margin-left: 20px;
  color: rgb(255 255 255 /100%);
  font-size: 18px;
  font-weight: 600;
}

/* dot-animation */
.dot-animation {
  display: inline-block;
  cursor: pointer;
  width: 48px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
  position: relative;
}

.dot-animation::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: -2px;
  left: -2px;
  bottom: -2px;
  right: -2px;
  border-radius: inherit;
  border: 1px solid rgb(0 205 172 / 35%);
  -webkit-animation: dotIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
  animation: dotIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
}

@-webkit-keyframes dotIconRipple {
  0% {
    border-width: 4px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  80% {
    border-width: 1px;
    -webkit-transform: scale(1.85);
    transform: scale(1.85);
  }

  100% {
    opacity: 0;
  }
}

@media (min-width: 1920px) {
  .Energy .articleThree .section-3 .left {
    border-radius: 0 25% 0 0;
    -webkit-border-radius: 0 25% 0 0;
    -moz-border-radius: 0 25% 0 0;
    -ms-border-radius: 0 25% 0 0;
    -o-border-radius: 0 25% 0 0;
  }

  .Energy .articleThree .section-3 .right>div {
    justify-content: center;

  }

  .Energy .articleThree .section-3 .right .img {
    height: 700px;
  }
}

@media (max-width: 1440px) {
  .Energy .articleThree .section-3 .right .img .point2::after {
    margin-top: -150px;
    margin-left: 70px;
  }

  .Energy .articleThree .section-3 .right>div {
    width: 100%;
  }
}

@media (max-width: 1200px) {
  .Energy .articleThree .section-3 .left>div {
    width: 500px;
  }

  .Energy .articleThree .section-3 .right {
    width: 650px;
  }


  .Energy .articleThree .section-3 .Services {
    height: 550px;
  }

  .Energy .articleThree .section-3 .right .Services-box {
    height: 450px;
  }

  .Energy .articleThree .section-3 .right .people {
    top: 220px;
  }

  .Energy .articleThree .section-3 .Services .right .people {
    transform: scale(80%);
    -webkit-transform: scale(80%);
    -moz-transform: scale(80%);
    -ms-transform: scale(80%);
    -o-transform: scale(80%);
  }

  .Energy .articleThree .section-3 .right .img {
    height: 300px;
  }

  .Energy .articleThree .section-3 .right>div {
    width: 90%;
  }

  .Energy .articleThree .section-3 .right .img .point2::after {
    margin-top: -110px;
    margin-left: 30%;
  }

  .Energy .articleThree .section-3 .right .img .point5::after {
    margin-top: -120%;
  }

  .Energy .articleThree .section-3 .right .img .point1 p {
    top: 50px;
    left: 20px;
  }

  .Energy .articleThree .section-3 .right .img .point3 p {
    top: 30px;
  }

  .Energy .articleThree .section-3 .right .img .point4 p {
    right: 160px;
    top: 20px;
  }

  .Energy .articleThree .section-3 .right .text-box p {
    font-size: 12.5px;
  }

}

@media (max-width: 991px) {
  .Energy .articleThree .section-3 .Services {
    flex-direction: column;
  }

  .Energy .articleThree .section-3 .Services .right .text-box p {
    text-align: center;
  }

  .Energy .articleThree .section-3 .Services .right,
  .Energy .articleThree .section-3 .Services .left {
    width: 100%;
    justify-content: center;
    height: auto;
  }

  .Energy .articleThree .section-3 .Services .right {
    margin-left: 0;
  }

  .Energy .articleThree .section-3 .Services .left>div {
    justify-content: center;
  }

  .Energy .articleThree .section-3 .Services .left {
    border-radius: 0 0 50% 50%;
    -webkit-border-radius: 0 0 50% 50%;
    -moz-border-radius: 0 0 50% 50%;
    -ms-border-radius: 0 0 50% 50%;
    -o-border-radius: 0 0 50% 50%;
  }

  .Energy .articleThree .section-3 .Services .left>div img {
    width: 70%;
  }

  .Energy .articleThree .section-3 .Services .right>div {
    align-items: center;
    margin-top: 0;

  }

  .Energy .articleThree .section-3 .Services .right>div>div:nth-child(2)>img {
    margin-left: 0;
  }

  .Energy .articleThree .section-3 .Services {
    width: 100%;
    height: 100%;

    background: url("img/shortcode/gridscale/article3/img5-1.png") no-repeat;
    background-size: cover;
  }

  .Energy .articleThree .section-3 .right .Services-box {
    align-items: center;
    height: 450px;
  }

  .Energy .articleThree .section-3 .right .img {
    margin: 0;
    height: 100%;

    background-size: 95% auto;
  }

  .Energy .articleThree .section-3 .Services .right .people {
    transform: scale(70%);
    -webkit-transform: scale(70%);
    -moz-transform: scale(70%);
    -ms-transform: scale(70%);
    -o-transform: scale(70%);
    top: 280px;
  }


  .Energy .articleThree .section-3 .right .img .point4 p {
    right: 100px;
    top: -10px;
  }

  .Energy .articleThree .section-3 .right .img .point2::after {
    margin-top: -190%;
  }

  .Energy .articleThree .section-3 .right .img .point3::after {
    margin-top: -120%;
  }

  .Energy .articleThree .section-3 .right .img .point4::after {
    margin-top: -170%;
  }

  .Energy .articleThree .section-3 .right .img .point5::after {
    margin-top: -200%;
  }

  .Energy .articleThree .section-3 .left img:first-child {
    display: none;
  }

  .Energy .articleThree .section-3 .left img:last-child {
    display: block;
  }
}


@media (max-width: 560px) {
  .Energy .articleThree .section-3 .right .Services-box {
    height: 400px;
  }

  .Energy .articleThree .section-3 .Services .right .people {
    top: 200px;
  }

  .Energy .articleThree .title .font .h4 {
    flex-direction: column;
    align-items: center;
  }

  .Energy .articleThree .section-3 .Services .right .text-box p {
    font-size: 12px;
    line-height: 20px;
  }
}

@media (max-width: 500px) {
  .Energy .articleThree .section-3 .Services .right .Services-box {
    height: 260px;
    padding: 0 16px;
  }

  .Energy .articleThree .section-3 .Services .left>div {
    padding: 12px 0 12px 0;
  }

  .Energy .articleThree .section-3 .Services .right .people {
    transform: scale(50%);
    -webkit-transform: scale(50%);
    -moz-transform: scale(50%);
    -ms-transform: scale(50%);
    -o-transform: scale(50%);
    top: 100px;
  }

  .Energy .articleThree .section-3 .right .img .point1::after {
    margin-left: 120%;
  }

  .Energy .articleThree .section-3 .right .img .point3::after {
    margin-top: -150%;
  }

  .Energy .articleThree .section-3 .right .img .point5::after {
    margin-top: -220%;
  }

  .Energy .articleThree .section-3 .Services .right .text-box p {
    line-height: 24px;
  }

  .Energy .articleThree .section-3 .right .text-box {
    padding: 8px 12px;
  }
}

/* end */

/* 蓄电所贩卖-第三版块-投资 */
.Energy .articleThree .section-4 .title .font {
  margin-bottom: 40px;
}

.Energy .articleThree .section-4 .title p {
  margin: 0;
  padding: 0;
  text-align: center;
}

.Energy .articleThree .section-4 .invest {
  display: flex;

  width: 100%;
  height: auto;
  padding: 40px;

  background: url("img/shortcode/gridscale/article3/img9.png") no-repeat;
  background-size: cover;
  background-position: center;
}

.Energy .articleThree .section-4 .invest ul,
.Energy .articleThree .section-4 .invest li {
  margin: 0;
  padding: 0;
}

.Energy .articleThree .section-4 .invest .invest-box {
  display: flex;
  gap: 0 40px;

  height: 650px;
}

.Energy .articleThree .section-4 .invest .invest-box>div {
  width: 33.3%;
  height: 100%;
}

.Energy .articleThree .section-4 .invest .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.Energy .articleThree .section-4 .invest .left .title li {
  display: flex;
  align-items: center;

  width: auto;
  height: 48px;
  padding-right: 24px;

  border: 1px solid rgb(249 178 75 /100%);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
}

.Energy .articleThree .section-4 .invest .left .title li>div {
  display: flex;
  justify-content: center;
  align-items: center;

  position: relative;

  width: 80px;
  height: 100%;
  margin-right: 44px;

  background: rgb(249 178 75 /100%);
  border-radius: 40px 0 0 40px;
  -webkit-border-radius: 40px 0 0 40px;
  -moz-border-radius: 40px 0 0 40px;
  -ms-border-radius: 40px 0 0 40px;
  -o-border-radius: 40px 0 0 40px;
}

.Energy .articleThree .section-4 .invest .left .title li>div h4 {
  margin-left: 16px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: rgb(255 255 255 / 100%);

  position: absolute;
}

.Energy .articleThree .section-4 .invest .left .title li p {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  color: rgb(209 134 39 /100%);
}

.Energy .articleThree .section-4 .invest .left .title li>div::after {
  content: "";
  display: block;

  width: 0;
  height: 0;

  border: 24px solid transparent;
  border-bottom: 25px solid rgb(249 178 75 /100%);
  margin-left: 125px;

  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

.Energy .articleThree .section-4 .invest .left>div {
  display: flex;
  align-items: center;
}

.Energy .articleThree .section-4 .invest .left>ul {
  display: flex;
  justify-content: space-between;
  flex-direction: column;

  height: 404px;
}

.Energy .articleThree .section-4 .invest .left>ul li {
  display: flex;
  align-items: center;
}

.Energy .articleThree .section-4 .invest .left>ul li>div:first-child {
  display: flex;
  justify-content: end;
  align-items: center;

  width: 100px;
  height: 74px;
  padding-right: 32px;

  background: rgb(249 178 75 /100%);
  text-align: center;
  font-size: 14px;

  color: rgb(255 255 255 /100%);

  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.Energy .articleThree .section-4 .invest .left>ul li>div:last-child {
  width: 36px;
  height: 36px;
  margin-left: -18px;

  background: rgb(249 178 75 /100%);
  border: 1px solid rgb(255 255 255 /100%);

  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;

  text-align: center;
  font-size: 12.5px;
  line-height: 36px;
  color: rgb(255 255 255 /100%);
}

.Energy .articleThree .section-4 .invest .left>ul li>div:last-child::after {
  content: "";
  display: block;

  width: 200px;
  height: 2px;
  margin-left: 35px;
  margin-top: -18px;
  border: 1px dashed rgb(249 178 75 /100%);
}

.Energy .articleThree .section-4 .invest .left>ul li:last-child {
  margin-bottom: 20px;
}

.Energy .articleThree .section-4 .invest .center {
  display: flex;
  justify-content: center;

  position: relative;
}

.Energy .articleThree .section-4 .invest .center>ul {
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: absolute;
}

.Energy .articleThree .section-4 .invest .center>ul li {

  display: flex;
  flex-direction: column;
  align-items: center;

  width: 240px;
  height: 44px;

  background: rgb(87 179 60 / 100%);

  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;

  text-align: center;
  line-height: 44px;
  color: rgb(255 255 255 /100%);

  font-size: 16px;
  font-weight: 600;
}

.Energy .articleThree .section-4 .invest .center li::after {
  content: "";
  display: block;

  width: 0;
  height: 0;

  border: 15px solid transparent;
  border-bottom: 10px solid rgb(87 179 60 / 100%);

  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.Energy .articleThree .section-4 .invest .center>div:nth-child(1) {
  width: 2px;
  height: 95%;
  border: 1px dashed rgb(87 179 60 / 100%);
  box-sizing: border-box;
}

.Energy .articleThree .section-4 .invest .center>ul li:last-child::after {
  display: none;
}

.Energy .articleThree .section-4 .invest .right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.Energy .articleThree .section-4 .invest .right .title li {
  display: flex;
  align-items: center;

  width: auto;
  height: 48px;
  padding-right: 24px;

  border: 1px solid #F7D22E;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
}

.Energy .articleThree .section-4 .invest .right .title li>div {
  display: flex;
  justify-content: center;
  align-items: center;

  position: relative;

  width: 80px;
  height: 100%;
  margin-right: 44px;

  background: #F7D22E;
  border-radius: 40px 0 0 40px;
  -webkit-border-radius: 40px 0 0 40px;
  -moz-border-radius: 40px 0 0 40px;
  -ms-border-radius: 40px 0 0 40px;
  -o-border-radius: 40px 0 0 40px;
}

.Energy .articleThree .section-4 .invest .right .title li>div h4 {
  margin-left: 16px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: rgb(255 255 255 / 100%);

  position: absolute;
}


.Energy .articleThree .section-4 .invest .right .title li p {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  color: #EBC623;
}


.Energy .articleThree .section-4 .invest .right .title li>div::after {
  content: "";
  display: block;

  width: 0;
  height: 0;

  border: 24px solid transparent;
  border-bottom: 25px solid #F7D22E;
  margin-left: 125px;

  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

.Energy .articleThree .section-4 .invest .right>ul {
  display: flex;
  flex-direction: column;
  gap: 40px 0;

  height: 420px;
}

.Energy .articleThree .section-4 .invest .right>ul li {
  display: flex;
  align-items: center;

  position: relative;
}

.Energy .articleThree .section-4 .invest .right>ul li>div:first-child {
  width: 36px;
  height: 36px;
  margin-left: -18px;

  background: #F7D22E;
  border: 1px solid rgb(255 255 255 /100%);

  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;

  text-align: center;
  font-size: 12.5px;
  line-height: 36px;

  color: rgb(255 255 255 /100%);

  position: absolute;
}

.Energy .articleThree .section-4 .invest .right>ul li>div:first-child::before {
  content: "";
  display: block;

  width: 200px;
  height: 2px;
  margin-left: -200px;
  margin-top: 18px;

  border: 1px dashed #F7D22E;

  position: absolute;
}

.Energy .articleThree .section-4 .invest .right>ul li>div:last-child {
  display: flex;
  justify-content: start;
  align-items: center;

  width: 200px;
  height: 74px;

  background: #F7D22E;
  font-size: 14px;
  color: rgb(255 255 255 /100%);

  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.Energy .articleThree .section-4 .invest .right>ul li>div:last-child span {
  margin-left: 32px;
}

.Energy .articleThree .section-4 .invest .right>ul li:nth-child(1) {
  margin-top: 15px;
}

.Energy .articleThree .section-4 .invest .right>ul li:nth-child(2) {
  margin-top: -30px;
}

.Energy .articleThree .section-4 .invest .right>ul li:nth-child(3) {
  margin-top: 30px;
}

.Energy .articleThree .section-4 .invest .right>ul li:nth-child(4) {
  margin-top: -30px;
}


@media (max-width: 1100px) {
  .Energy .articleThree .section-4 .invest .center>ul li {
    width: auto;
    padding: 0 12px;
    font-size: 14px;
  }

  .Energy .articleThree .section-4 .title p {
    font-size: 14px;
    line-height: 28px;
  }

  .Energy .articleThree .section-4 .invest .left .title li p,
  .Energy .articleThree .section-4 .invest .right .title li p {
    font-size: 14px;
    line-height: 20px;
  }

  .Energy .articleThree .section-4 .invest .right .title li>div,
  .Energy .articleThree .section-4 .invest .left .title li>div {
    width: 64px;
  }

  .Energy .articleThree .section-4 .invest .right .title li>div::after,
  .Energy .articleThree .section-4 .invest .left .title li>div::after {
    margin-left: 112px;
  }

  .Energy .articleThree .section-4 .invest .left>ul li>div:last-child::after,
  .Energy .articleThree .section-4 .invest .right>ul li>div:first-child::before {
    width: 140px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li>div:first-child::before {
    margin-left: -130px;
  }
}

@media (max-width: 991px) {

  .Energy .articleThree .section-4 .invest .left>ul li>div:last-child::after,
  .Energy .articleThree .section-4 .invest .right>ul li>div:first-child::before {
    width: 100px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li>div:first-child::before {
    margin-left: -100px;
  }

  .Energy .articleThree .section-4 .title p {
    font-size: 12px;
    line-height: 24px;
  }
}

@media (max-width: 771px) {
  .Energy .articleThree .section-4 .invest .left>ul {
    height: 320px;
  }

  .Energy .articleThree .section-4 .invest .center>ul li {
    height: 36px;
    line-height: 36px;
    font-size: 12px;
  }

  .Energy .articleThree .section-4 .invest .center li::after {
    margin-bottom: -32px;
  }

  .Energy .articleThree .section-4 .invest .left>ul li>div:first-child {
    width: 100px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li>div:last-child {
    width: 120px;
    height: auto;
    font-size: 12px;
    line-height: 20px;
    padding: 4px 12px;
  }

  .Energy .articleThree .section-4 .invest .center>ul {
    gap: 24px 0;
  }

  .Energy .articleThree .section-4 .invest .center>div:nth-child(1) {
    height: 90%;
  }

  .Energy .articleThree .section-4 .invest .invest-box {
    width: 100%;
    height: auto;
    justify-content: space-between;
  }

  .Energy .articleThree .section-4 .invest .left>ul li>div:last-child {
    margin-left: -12px;
  }

  .Energy .articleThree .section-4 .invest .left .title li,
  .Energy .articleThree .section-4 .invest .right .title li {
    flex-direction: column;
    align-items: center;

    padding: 8px;
    width: 100%;
    height: auto;

    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border: none;
  }

  .Energy .articleThree .section-4 .invest .right .title li>div,
  .Energy .articleThree .section-4 .invest .left .title li>div {
    margin-top: -40px;
    background: rgb(249 178 75 /100%);
    width: 100%;
    height: 28px;
    margin: 0 0 8px 0;

    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
  }

  .Energy .articleThree .section-4 .invest .left .title li p,
  .Energy .articleThree .section-4 .invest .right .title li p {
    text-align: center;
    font-size: 12px;
  }

  .Energy .articleThree .section-4 .invest .left .title li>div h4,
  .Energy .articleThree .section-4 .invest .right .title li>div h4 {
    font-size: 12px;
    margin: 0;
  }

  .Energy .articleThree .section-4 .invest .left .title li>div h4 br,
  .Energy .articleThree .section-4 .invest .right .title li>div h4 br {
    display: none;
  }

  .Energy .articleThree .section-4 .invest .right .title li>div::after,
  .Energy .articleThree .section-4 .invest .left .title li>div::after {
    display: none;
  }

  .Energy .articleThree .section-4 .invest {
    padding: 16px;
  }

  .Energy .articleThree .section-4 .invest .right .title li>div {
    background: #F7D22E;
  }

  .Energy .articleThree .section-4 .invest .left>ul li>div:last-child,
  .Energy .articleThree .section-4 .invest .right>ul li>div:first-child {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }

  .Energy .articleThree .section-4 .invest .left>ul li>div:last-child::after {
    margin-top: -12px;
    margin-left: 25px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li>div:first-child {
    margin-left: -12px;
  }

  .Energy .articleThree .section-4 .invest .left>ul li>div:last-child::after,
  .Energy .articleThree .section-4 .invest .right>ul li>div:first-child::before {
    width: 80px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li>div:first-child::before {
    margin-left: -80px;
    margin-top: 10px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li:nth-child(1) {
    margin-top: 40px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li:nth-child(4) {
    margin-top: -20px;
  }

  .Energy .articleThree .section-4 .invest .left>ul li>div:first-child {
    height: auto;
    padding: 8px 16px;
  }

  .Energy .articleThree .section-4 .invest .left>ul {
    height: auto;
  }

  .Energy .articleThree .section-4 .invest .left>ul li:last-child {
    margin-bottom: 80px;
  }

  .Energy .articleThree .section-4 .invest .left>ul li:first-child {
    margin-bottom: 195px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li>div:last-child span {
    margin-left: 8px;
  }
}

@media (max-width: 580px) {
  .Energy .articleThree .section-4 .invest .center>ul li {
    line-height: 16px;
    width: 100%;
    height: auto;
    padding: 12px;
    padding-top: 4px;
  }


  .Energy .articleThree .section-4 .invest .right>ul {
    align-items: flex-end;
  }

  .Energy .articleThree .section-4 .invest .invest-box {
    gap: 0 12px;
    height: 440px;
  }

  .Energy .articleThree .section-4 .invest .center>ul li {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
  }

  .Energy .articleThree .section-4 .invest .left>ul li>div:first-child {
    width: 60px;
    height: auto;
    padding: 4px 12px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li>div:last-child {
    width: 100px;
  }

  .Energy .articleThree .section-4 .invest .right {
    align-items: flex-end;
    position: relative;
  }

  .Energy .articleThree .section-4 .invest .left {
    align-items: flex-start;
  }

  .Energy .articleThree .section-4 .invest .right>ul li>div:last-child {
    padding: 4px 8px;
  }

  .Energy .articleThree .section-4 .invest .center>div:nth-child(1) {
    height: 100%;
  }


  .Energy .articleThree .section-4 .invest .right>ul {
    height: auto;
  }

  .Energy .articleThree .section-4 .invest .left>ul li>div:last-child,
  .Energy .articleThree .section-4 .invest .right>ul li>div:first-child {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
    margin-left: -8px;
  }

  .Energy .articleThree .section-4 .invest .left>ul li:last-child {
    margin-bottom: 20px;
  }

  .Energy .articleThree .section-4 .invest .left>ul li {
    margin-top: -320px;
  }

  .Energy .articleThree .section-4 .invest .right>ul {
    gap: 12px 0;
  }

  .Energy .articleThree .section-4 .invest .right>ul li>div:first-child::before {
    margin-top: 8px;
    width: 100px;
    margin-left: -100px;
  }

  .Energy .articleThree .section-4 .invest .left>ul li>div:last-child::after {
    width: 100px;
    margin-left: 15px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li:nth-child(1) {

    position: absolute;
    z-index: 4;
    bottom: 215px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li:nth-child(2) {
    position: absolute;
    z-index: 3;
    bottom: 175px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li:nth-child(3) {
    position: absolute;
    z-index: 2;
    bottom: 70px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li:nth-child(4) {

    position: absolute;
    z-index: 1;
    bottom: 25px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li>div:last-child,
  .Energy .articleThree .section-4 .invest .left>ul li>div:first-child {
    font-size: 11px;
    line-height: 14px;
  }

  .Energy .articleThree .section-4 .invest .left>ul li>div:first-child {
    width: 100px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li>div:last-child,
  .Energy .articleThree .section-4 .invest .left>ul li>div:first-child {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
  }

  .Energy .articleThree .section-4 .invest .right {
    justify-content: flex-start;
  }

  .Energy .articleThree .section-4 .invest .center>ul li:last-child {
    height: auto;
    padding: 4px;
  }

  .Energy .articleThree .section-4 .invest .center>ul {
    justify-content: space-between;
    height: 100%;
  }

  .Energy .articleThree .section-4 .invest .right>ul li>div:last-child span {
    margin-left: 4px;
  }

}

@media (max-width: 480px) {

  .Energy .articleThree .section-4 .invest .right>ul li>div:first-child::before,
  .Energy .articleThree .section-4 .invest .left>ul li>div:last-child::after {
    width: 40px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li>div:first-child::before {
    margin-left: -40px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li:nth-child(1) {
    bottom: 220px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li:nth-child(2) {
    bottom: 180px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li:nth-child(3) {
    bottom: 70px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li:nth-child(4) {
    bottom: 25px;
  }
}

@media (max-width: 450px) {
  .Energy .articleThree .section-4 .invest .invest-box {
    height: 540px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li:nth-child(1) {
    bottom: 290px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li:nth-child(2) {
    bottom: 230px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li:nth-child(3) {
    bottom: 90px;
  }

  .Energy .articleThree .section-4 .invest .right>ul li:nth-child(4) {
    bottom: 30px;
  }

}

@media (max-width: 390px) {
  .Energy .articleThree .section-4 .invest .right>ul li:nth-child(1) {
    bottom: 270px;
  }

  /* .Energy .articleThree .section-4 .invest .right>ul li:nth-child(3) {
    bottom: -260px;
  } */

  .Energy .articleThree .section-4 .invest .right>ul li:nth-child(2) {
    bottom: 220px;
  }

  .Energy .articleThree .section-4 .invest .left>ul li {
    margin-top: -300px;
  }
}

/* 蓄电所贩卖-第四版块-案例 */
.Energy .articlefour .Cases {
  padding: 48px 0;
  background: linear-gradient(0, rgb(250 250 250 / 100%), rgb(107 85 10 / 0%));
}

.Energy .articlefour .Cases h6 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 0 24px 0;
  width: 100%;
}

.Energy .articlefour .Cases table.Cases-table td {
  padding: 4px;
}

.Energy .articlefour .Cases table.Cases-table td.showTool {
  text-align: end !important;
}

.Energy .articlefour .Cases table.Cases-table tbody>tr>td>span {
  margin: 0;
  font-size: 16px !important;
  font-style: italic;
}

.Energy .articlefour .Cases table.Cases-table tbody>tr>td>span:after {
  content: '・';
}

.Energy .articlefour .Cases-lable {
  width: 100%;
  height: auto;
}

.Energy .articlefour .Introduction {
  display: flex;

  height: auto;
  padding: 0;
  margin-bottom: 60px;

  background: rgb(255 255 255 /100%);
}

.Energy .Introduction>.casePic {
  width: 40%;
  height: auto;

}

.Energy .Introduction>.casePic>img {
  width: auto;
  height: 100%;
}

.Energy .Introduction>.casePic>.showTool {
  position: absolute;
  z-index: 999;
  right: 34px;
  top: 80%;
  transform: scale(1.2);
}

.Energy .Introduction>.casePic>.showTool>.question {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
  /* border: 1px solid rgb(87 179 60 / 100%); */
  border-radius: 40px;
  background: rgb(255 255 255 / 100%);
  box-shadow: 0 4px 12px rgb(0 0 0 / 50%);

  width: 100px;
  height: auto;
  color: rgb(87 179 60 / 100%);
  font-size: 12px;
}


.Energy .articlefour ul,
.Energy .articlefour li {
  margin: 0;
  padding: 0;
}


.Energy .articlefour .Introduction .Cases-left {
  width: 60%;
  height: 100%;

  border: 1px solid rgb(126 190 165 /100%);
  border-right: none;
}

.Energy .articlefour .Cases-left>li:nth-child(1) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 32px 0 0;
}

.Energy .articlefour .Cases-left>li:nth-child(1) .text {
  display: flex;
  align-items: center;
  padding: 0 24px 0 0;
}

.Energy .articlefour .Cases-left>li:nth-child(1) .text>h4 {
  width: 140px;
  height: 140px;
  margin-right: 24px;

  background: rgb(126 190 165 /24%);

  text-align: center;
  line-height: 140px;

  font-size: 54px;
  font-weight: 600;
  color: rgb(126 190 165 /100%);
}

.Energy .articlefour .Cases-left>li:nth-child(1) .text>div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;

}

.Energy .articlefour .Cases-left>li:nth-child(1) .text>div h4 {
  font-size: 24px;
  font-weight: 600;
  color: rgb(0 0 0 /75%);

}

.Energy .articlefour .Cases-left>li:nth-child(1) .button,
.Energy .articlefour .Cases-771 .button {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 100px;
  height: auto;
  padding: 6px;
  background: rgb(87 179 60 / 100%);

  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
}

.Energy .articlefour .Cases-left>li:nth-child(1) .button a {
  color: rgb(87 179 60 /100%);
  font-size: 12.5px;
  line-height: 16px;
  text-align: center;
}

.Energy .articlefour .Cases-left>li:nth-child(1) .button:hover {
  background: rgb(87 179 60 /100%);
}

.Energy .articlefour .Cases-left>li:nth-child(1) .button:hover a {
  color: rgb(255 255 255 /100%);
}

.Energy .articlefour .Cases-left>li:nth-child(2) {
  width: 100%;
  height: auto;
  padding: 32px;
}

.Energy .articlefour .Cases-left>li:nth-child(2) .Parameter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 80px;

  width: 100%;
  height: auto;
  padding: 16px 32px;

  background: rgb(0 0 0 / 2%);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.Energy .articlefour .Cases-left>li:nth-child(2) .Parameter h4 {
  font-size: 14px;
  font-weight: 600;
  color: rgb(43 170 120 /100%);
}

.Energy .articlefour .Cases-left>li:nth-child(2) .Parameter p {
  margin-bottom: 8px;
  padding: 0;

  font-size: 12.5px;
}

.Energy .articlefour .Cases-left>li:nth-child(3) {
  display: flex;
  justify-content: space-between;

  width: 100%;
  height: 64px;
  padding: 0 32px;
}

.Energy .articlefour .Cases-left>li:nth-child(3) .Money {
  display: flex;
  align-items: center;

  width: 48%;
  height: 100%;
  padding: 4px;

  background: rgb(126 190 165 /100%);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;

  font-size: 14px;
  font-weight: 600;
  color: rgb(255 255 255 /100%);
}

.Energy .articlefour .Cases-left>li:nth-child(3) .Money>div {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 80px;
  height: 100%;
  margin-right: 16px;

  background: rgb(255 255 255 /100%);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;

  font-size: 12.5px;
  line-height: 20px;
  text-align: center;
  color: rgb(0 0 0 /55%);
}

.Energy .articlefour .Cases-left>li:nth-child(4) {
  width: 100%;
  height: auto;
  padding: 32px;
}

.Energy .articlefour .Cases-left>li:nth-child(4) .line {
  width: 100%;
  height: 1px;
  border: 1px dashed rgb(86 88 114 / 12%);
  box-sizing: border-box;
}

.Energy .articlefour .Progress {
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.Energy .articlefour .Progress>h4 {
  margin-bottom: 16px;

  font-size: 16px;
  font-weight: 600;

  color: rgb(86 88 114 / 100%);
}

.Energy .articlefour .Progress .Progress-box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.Energy .articlefour .Progress .Progress-box>li {
  display: flex;
  width: 33.3%;
  padding: 0;
}

.Energy .articlefour .Progress .Progress-box p {
  margin-right: 12px;
  padding: 0;
  font-size: 12.5px;
}

.Energy .articlefour .Progress .Progress-box span {
  font-size: 12.5px;
  font-weight: 600;
  color: rgb(86 88 114 / 100%);
}

.Energy .articlefour .Cases .Cases-box .button {
  display: flex;
  gap: 24px;
}

.Energy .articlefour .Cases .Cases-box .button>li {
  margin: 0 0 100px 0;
  padding: 0;
  width: 24px;
  height: 24px;

  background: red;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
}

.Energy .articlefour .Cases .Cases-box>h6 {
  margin-bottom: 32px;
  text-align: center;
}


.Energy .articlefour table.Cases-table thead td {
  font-size: 16px;
  font-weight: normal !important;
}

.Energy .articlefour table.Cases-table tbody td {
  vertical-align: middle !important;
  font-size: 12.5px;
}

.Energy .articlefour table.Cases-table tbody td:last-child>div {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgb(87 179 60 /100%);
  border-radius: 24px;
  transform: 1s;
}

.Energy .articlefour table.Cases-table tbody td:last-child>div:hover {
  background: rgb(87 179 60 /100%);
  transform: 1s;
  -webkit-transform: 1s;
  -moz-transform: 1s;
  -ms-transform: 1s;
  -o-transform: 1s;
}

.Energy .articlefour table.Cases-table tbody td:last-child>div:hover a {
  color: rgb(255 255 255 /100%);
}

.Energy .articlefour table.Cases-table tbody td:last-child>div a {
  color: rgb(87 179 60 /100%);
}

.Energy .articlefour table.Cases-table tbody td span {
  color: rgb(87 179 60 /100%);
  margin-right: 8px;
}

.Energy .articlefour table.Cases-table .Cases-name {
  width: 260px;
}

.Energy .articlefour .Cases-771 {
  width: 100%;
  height: auto;
  padding: 24px !important;

  background: rgb(255 255 255 /100%);


  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.Energy .articlefour .Cases-771>li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px !important;
}

.Energy .articlefour .Cases-771>li ul {
  width: 100%;
  margin-bottom: 32px !important;
}


.Energy .articlefour .Cases-771 .head {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
  width: 100%;
  height: auto;
  padding: 8px 0;
  background: rgb(87 179 60 / 8%);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}

.Energy .articlefour .Cases-771 p {
  width: 140px;
  margin-bottom: 0;
  font-size: 14px;
}

.Energy .articlefour .Cases-771 .head p {
  width: auto;

  font-size: 16px;
  font-weight: 600;
  color: rgb(87 179 60 / 100%);
}

.Energy .articlefour .Cases-771 .head span {
  font-size: 18px;
  font-weight: 600;
}

.Energy .articlefour .Cases-771 ul li {
  display: flex;
  justify-content: space-between;
  gap: 32px;
}

.Energy .articlefour .Cases-771 ul li>div {
  display: flex;

  width: 50%;
}

.Energy .articlefour .Cases-771 .button {
  width: 120px;
  padding: 0;
  margin-bottom: 32px;
}

.Energy .articlefour .Cases-771 .button a {
  color: rgb(255 255 255 /100%);
  font-size: 12.5px;
  line-height: 24px;
}

.Energy .articlefour .Cases-771>li .line {
  width: 100%;
  border: 1px dashed rgb(0 0 0 /4%);
}


.Energy .articlefour .Cases-771>li:last-child {
  margin-bottom: 0 !important;
}

.Energy .articlefour .Cases-771>li:last-child .line {
  display: none;
}

.Energy .articlefour .csslider>ul {
  background: none;
  border: none;
}

.Energy .articlefour .navigation {
  margin-bottom: 0;
  left: 45%;
  bottom: -30px;
}

.Energy .articlefour .Cases-771>li:last-child .button {
  margin-bottom: 0;
}

.Energy .articlefour .Cases .csslider>input:nth-of-type(5):checked~ul li:first-of-type {
  margin: 0 !important;
}

.Energy .articlefour .Cases .Cases-left li {
  margin: 0 !important;
}

@media (max-width: 1200px) {
  .Energy .articlefour .Cases .Cases-box .Introduction .Cases-left>li:nth-child(4) .Progress .Progress-box>li {
    width: 50%;
    height: 32px;
  }

  .Energy .articlefour .Cases .Cases-box .Introduction .Cases-left>li:nth-child(2) .Parameter {
    gap: 0 40px;
  }

  .Energy .articlefour .Cases-left>li:nth-child(1) .text>div h4 {
    font-size: 16px;
    text-align: start;
  }

  .Energy .articlefour .Cases-left>li:nth-child(1) .text>h4 {
    width: 100px;
    height: 100px;
    line-height: 100px;
  }

  .Energy .articlefour table.Cases-table thead td {
    font-size: 14px;
  }

}

@media (max-width:991px) {
  .Energy .articlefour .Cases .Cases-box .Introduction .Cases-left>li:nth-child(2) .Parameter h4 {
    font-size: 12.5px;
  }

  .Energy .articlefour .Cases .Cases-box .Introduction .Cases-left>li:nth-child(2) .Parameter {
    flex-wrap: wrap;
    gap: 0 12px;
    padding: 16px;
  }

  .Energy .articlefour .Cases .Cases-box .Introduction .Cases-left>li:nth-child(2) .Parameter>div {
    display: flex;
    width: 48%;
  }

  .Energy .articlefour .Cases .Cases-box .Introduction .Cases-left>li:nth-child(2) .Parameter>div p {
    margin-right: 12px;
  }

  .Energy .articlefour .Cases .Cases-box .Introduction .Cases-left>li:nth-child(4) .Progress .Progress-box p {
    margin-bottom: 0;
  }
}

@media (max-width:771px) {
  .Energy .articlefour .Cases-771 p {
    width: 120px;
  }
}

@media (max-width:693px) {
  .Energy .articlefour .Cases .Cases-box .Introduction {
    flex-direction: column;
  }

  .Energy .articlefour .Cases .Cases-box .Introduction .Cases-left,
  .Energy .articlefour .Cases .Cases-box .Introduction img {
    width: 100%;
  }

  .Energy .articlefour .Cases .Cases-box .Introduction img {

    height: 200px;
    object-fit: cover;
  }

  .Energy .articlefour .Cases-771 span {
    font-size: 12px;
    line-height: 20px;
  }

  .Energy .articlefour .Cases-771 ul li>div {
    align-items: center;
  }

  .Energy .articlefour .Cases-771>li ul {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .Energy .Introduction>.casePic {
    width: 100%;
  }

  .Energy .Introduction>.casePic>.showTool {
    right: 38%;
  }

  .Energy .articlefour .Cases-771 p {
    font-size: 10px;
    width: 80px;
  }
}

@media (max-width:460px) {
  .Energy .articlefour .Cases .Cases-box .Introduction .Cases-left>li:nth-child(2) .Parameter>div {
    width: 100%;
  }

  .Energy .articlefour .Cases .Cases-box .Introduction .Cases-left>li:nth-child(2) .Parameter {
    gap: 16px;
    flex-direction: column;
  }

  .Energy .articlefour .Cases .Cases-box .Introduction .Cases-left>li:nth-child(4) .Progress .Progress-box>li p {
    margin-right: 8px;
  }

  .Energy .articlefour .Cases .Cases-box .Introduction .Cases-left>li:nth-child(1) .text {
    padding: 0;
  }

  .Energy .articlefour .Cases .Cases-box .Introduction .Cases-left>li:nth-child(3) {
    flex-direction: column;
    height: auto;
  }

  .Energy .articlefour .Cases .Cases-box .Introduction .Cases-left>li:nth-child(3) .Money {
    width: 100%;
    height: 54px;
  }

  .Energy .articlefour .Cases .Cases-box .Introduction .Cases-left>li:nth-child(3) .Money:first-child {
    margin-bottom: 24px;
  }

  .Energy .articlefour .Cases .Cases-box .Introduction .Cases-left>li:nth-child(4) .Progress .Progress-box>li {
    width: 100%;
  }

  .Energy .articlefour .Cases-771>li ul li {
    flex-direction: column;
    gap: 0;
  }

  .Energy .articlefour .Cases-771>li ul {
    gap: 0;
  }

  .Energy .articlefour .Cases-771 ul li>div {
    width: 100%;
  }

  .Energy .articlefour .Cases-771 p {
    margin: 0;
    width: 100px;
  }

  .Energy .articlefour .navigation {
    left: 36%;
  }

  .Energy .articlefour .Cases .Cases-box .Introduction .Cases-left>li:nth-child(2) .Parameter>div p {
    margin: 0;
    width: 80px;
    text-align: start;
  }
}

@media screen and (min-width:0px) and (max-width:690px) {
  .Energy .Introduction>.casePic>.showTool {
    display: flex;
    /* 水平轴center */
    justify-content: center;
    /* 交叉轴center */
    align-items: center;
    top: 87%;
  }
}

/* end */


/* 蓄电所第五版块-问卷 */
.Energy .articlefive {
  margin-bottom: 0;
}

.Energy .articlefive .Level-1>h6 {
  text-align: center;
}

.Energy .articlefive .survey {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: url('img/shortcode/gridscale/article4/SurveyBG.jpg') top center/cover no-repeat;
  height: 895px;
}

.Energy .articlefive .btnWrapper {
  margin-top: -24px;
}

.Energy .articlefive .btnWrapper .surveyBtn {
  height: 220px;
  width: 220px;
  text-align: center;
  line-height: 220px;
  border-radius: 50%;
  box-sizing: border-box;

  background: radial-gradient(rgb(254 255 255 / 75%) 0%, rgb(255 255 255 / 0%) 100%);
  box-shadow: 0px 0px 24px rgb(130 137 168 / 15%);

  display: inline-block;
  position: relative;
  overflow: hidden;
  transition: all .35s;
}

.Energy .articlefive .btnWrapper .surveyBtn .clickHand {
  position: absolute;
  z-index: 1;
  left: calc((100% - 127px)/2 + 12px);
  right: calc((100% - 127px)/2 - 12px);
  top: calc((100% - 150px)/2 + 58px);
  bottom: calc((100% - 150px)/2 - 58px);
  opacity: .85;
  width: 127px;
  height: 150px;
  background: url('img/shortcode/gridscale/article4/ClickHandDark.svg') no-repeat;
}

.Energy .articlefive .btnWrapper:hover .surveyBtn .clickHand {
  position: absolute;
  z-index: 1;
  opacity: .55;
  left: calc((100% - 88px)/2 + 6px);
  right: calc((100% - 88px)/2 - 6px);
  top: calc((100% - 104px)/2 + 22px);
  bottom: calc((100% - 104px)/2 - 22px);
  opacity: .85;
  width: 88px;
  height: 104px;
  background: url('img/shortcode/gridscale/article4/ClickHandLight.svg') no-repeat;
}

.Energy .articlefive .btnWrapper .surveyBtn::before {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  z-index: 0;

  border-radius: 50%;
  border: 8px solid rgb(255 255 255 / 0%);

  width: 100%;
  height: 100%;

  transform: translate(-50%, -50%) scale(0);
  transition: all .35s;
}

.Energy .articlefive .btnWrapper:hover .surveyBtn {
  box-shadow: 0px 0 64px rgb(130 137 168 / 100%);
}

.Energy .articlefive .btnWrapper:hover .surveyBtn::before {
  transform: translate(-50%, -50%) scale(1);
  border: 8px solid rgb(255 255 255 / 55%);
  background: radial-gradient(rgb(255 51 0 / 100%) 0%, rgb(255 51 0 / 0%) 100%);
  box-shadow: inset 0px 0px 64px rgb(255 255 255 / 100%);
}

/* circle-animation */
.Energy .articlefive .btnWrapper .circle-animation {
  display: inline-block;
  cursor: pointer;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  text-align: center;
  position: relative;
}

.Energy .articlefive .btnWrapper .circle-animation::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: -12px;
  left: -12px;
  bottom: -12px;
  right: -12px;
  border-radius: inherit;
  border: 1px solid rgb(255 255 255 / 55%);
  -webkit-animation: btnIconRippleBolder 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
  animation: btnIconRippleBolder 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
}

@-webkit-keyframes btnIconRippleBolder {
  0% {
    border-width: 24px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  80% {
    border-width: 1px;
    -webkit-transform: scale(1.35);
    transform: scale(1.35);
  }

  100% {
    opacity: 0;
  }
}

@media (max-width: 1200px) {
  .Energy .articlefive .survey>div {
    transform: scale(85%);
    -webkit-transform: scale(85%);
    -moz-transform: scale(85%);
    -ms-transform: scale(85%);
    -o-transform: scale(85%);
  }
}

@media (max-width: 991px) {
  .Energy .articlefive .survey>div {
    transform: scale(65%);
    -webkit-transform: scale(65%);
    -moz-transform: scale(65%);
    -ms-transform: scale(65%);
    -o-transform: scale(65%);
  }
}

@media (max-width: 770px) {
  .Energy .articlefive .survey>div {
    transform: scale(55%);
    -webkit-transform: scale(55%);
    -moz-transform: scale(55%);
    -ms-transform: scale(55%);
    -o-transform: scale(55%);
    top: -17px;
  }

  .Energy .articlefive .survey {
    padding-top: 80px;
  }
}

@media (max-width:600px) {
  .Energy .articlefive .survey>div {
    transform: scale(40%);
    -webkit-transform: scale(40%);
    -moz-transform: scale(40%);
    -ms-transform: scale(40%);
    -o-transform: scale(40%);
    top: -80px;
  }

  .Energy .articlefive .survey {
    padding-top: 20px;
  }
}

@media (max-width:450px) {
  .Energy .articlefive .survey>div {
    transform: scale(30%);
    -webkit-transform: scale(30%);
    -moz-transform: scale(30%);
    -ms-transform: scale(30%);
    -o-transform: scale(30%);
    top: -80px;
  }
}

/* 问卷打印格式 */
.survey-dayin {
  height: auto;
  margin-top: 40px;
}

.survey-dayin .survey h3 {
  text-align: center;
  margin-bottom: 24px;
}

.survey-dayin .survey>div {
  width: 100%;
  height: 900px;
  border: 1px solid rgb(0 0 0 / 80%);
}

.survey-dayin .survey table td {
  border: 1px solid rgb(0 0 0 / 24%);
  padding: 4px 24px !important;
  color: rgb(0 0 0 /85%);
  vertical-align: middle;
  border-right: none;
  font-weight: bold;
}

.survey-dayin .survey table td.name {
  width: 120px;
  color: rgb(0 0 0 /80%);
  font-weight: lighter;
}

.survey-dayin .survey table td.name-1 {
  color: rgb(0 0 0 /80%);
  font-weight: lighter;
}

.survey-dayin .survey table {
  margin-bottom: 40px;
}

.survey-dayin .survey table:first-child td {
  border-top: none;
}

.survey-dayin .survey table td:first-child {
  border-left: none;
}

.survey-dayin .small table td.head {
  text-align: center;
  font-size: 14px;
  font-weight: 600;

  border-top: none !important;
}

.survey-dayin .small table tbody td {
  border-top: 1px solid rgb(0 0 0 / 24%) !important;

}


/*start  蓄电所页面样式 guo */
.layui-layer-btn {
  display: none;
}

#nc {
  width: 300px !important;
  margin: 20px 80px;
}

.nc_scale {
  background: #f5bd69 !important;
  /* 默认背景色 */
}

.nc_scale div.nc_bg {
  background: #7ac23c !important;
  /* 滑过时的背景色 */
}

.nc_scale .scale_text2 {
  color: #fff !important;
  /* 滑过时的字体颜色 */
}

.nc_scale span {
  border: 1px solid #ccc !important;
}

.nc-container .nc_scale {
  min-width: 150px !important;
}

.nc-container .nc_scale span {
  height: 100% !important;
}

.nc-lang-cnt {
  font-weight: bold !important;
}

/* 案件表内的问卷入口交互样式 */
.showTool>.question {
  position: relative;
}

/* .showTool>.question:before {
  content: 'キュービクル';
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
  top: -38px;
  box-sizing: border-box;
  background: rgb(246 255 243 / 100%);
  border: 1px solid rgb(87 179 60 /100%);
  border-radius: 4px;

  width: 180px;
  height: 32px;

  font-size: 14px;
  color: rgb(87 179 60 /100%);

  opacity: 0;
  transition: all .35s;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}*/

.showTool:hover .question:before {
  opacity: 1;
}

*/ input[type="text"] {
  padding: 6px !important;
}

@media screen and (min-width:500px) {
  .nc-container .nc_scale {
    width: 300px !important;
    min-width: 300px !important;
  }
}

@media screen and (min-width:0px) and (max-width:300px) {
  #nc {
    width: 280px !important;
    margin: 20px 0px;
  }
}

/* 一站式涟漪 */
/* MarkDot Action */
.dot-play {
  display: flex;
  justify-content: center;
  position: relative;

  width: 20%;
  height: 100%;
}

.dot-play .dot-heart {
  display: inline-block;
  border-radius: 50%;
  background: radial-gradient(rgb(249 178 75 / 55%) 0%, rgb(249 178 75 / 0%) 100%);
  width: 32px;
  height: 32px;
  position: relative;
  overflow: hidden;
}

.dot-play .dot-heart::before {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  height: 100%;
  width: 100%;
  background: radial-gradient(rgb(249 178 75 / 100%) 0%, rgb(249 178 75 / 0%) 100%);
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  z-index: -2;
}

.dot-play:hover::before {
  opacity: 1;
}

.dot-play:hover .dot-heart::before {
  transform: translate(-50%, -50%) scale(1);
}

/* dot-animation */
.dot-animation {
  display: inline-block;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-align: center;
  position: relative;
}

.dot-animation::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: -2px;
  left: -2px;
  bottom: -2px;
  right: -2px;
  border-radius: inherit;
  border: 1px solid rgb(249 178 75 / 35%);
  -webkit-animation: dotIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
  animation: dotIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
}

@-webkit-keyframes dotIconRipple {
  0% {
    border-width: 4px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  80% {
    border-width: 1px;
    -webkit-transform: scale(1.85);
    transform: scale(1.85);
  }

  100% {
    opacity: 0;
  }
}

/* 滚动条轨道样式 */
.auto-scroll::-webkit-scrollbar {
  width: 1px;
  /* 设置滚动条宽度 */
}

/* 滚动条滑块样式 */
.auto-scroll::-webkit-scrollbar-thumb {
  background-color: #333333;
  /* 设置滑块背景颜色 */
  border-radius: 4px;
  /* 设置滑块圆角 */
}

/* 滚动条轨道hover状态样式 */
.auto-scroll::-webkit-scrollbar-track:hover {
  background-color: #333333;
  /* 设置轨道hover状态时的背景颜色 */
}

/* 滚动条滑块hover状态样式 */
.auto-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #333333;
  /* 设置滑块hover状态时的背景颜色 */
}

.dot-play::before {
  max-width: 300px;
  height: auto;
  padding: 4px 24px;
  white-space: nowrap;

  background: #FFF7EB;
  border: 2px solid rgb(249 178 75 /100%);
  opacity: 0;

  position: absolute;
  z-index: 999;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  /* color: rgb(255 255 255 /100%); */

  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.dot-play::before:hover {
  opacity: 1;
}

.Energy .articleThree .section-3 .img>.dot-play:nth-child(1)::before {
  content: "キュービクル";
  top: 40%;
  right: -20%;
}

.Energy .articleThree .section-3 .img>.dot-play:nth-child(2)::before {
  content: "屋外型PCSキャビネット（2MW）";
  top: 10%;
  right: -50%;
}

.Energy .articleThree .section-3 .img>.dot-play:nth-child(3)::before {
  content: "5Ftコンテナ（EMS+smartOM+UPS）";
  top: 30%;
  right: -50%;
}

.Energy .articleThree .section-3 .img>.dot-play:nth-child(4)::before {
  content: "直流集電箱";
  top: 15%;
  right: 50%;
}

.Energy .articleThree .section-3 .img>.dot-play:last-child::before {
  content: "水冷式蓄電池ラック（407.3kWh*20台）";
  top: 15%;
  right: -35%;
}

.Energy .articleThree .section-3 .img>.dot-play:nth-child(1) .focusIn {
  margin-top: 140%;
  margin-left: 50%;
}

.Energy .articleThree .section-3 .img>.dot-play:nth-child(2) .focusIn {
  margin-top: 80%;
  margin-left: 20%;
}

.Energy .articleThree .section-3 .img>.dot-play:nth-child(3) .focusIn {
  margin-top: 120%;
  margin-left: -15%;
}

.Energy .articleThree .section-3 .img>.dot-play:nth-child(4) .focusIn {
  margin-top: 85%;
  margin-left: -90%;
}

.Energy .articleThree .section-3 .img>.dot-play:nth-child(5) .focusIn {
  margin-top: 80%;
  margin-left: -60%;
}

@media (max-width:991px) {
  .Energy .articleThree .section-3 .img>.dot-play:nth-child(4) .focusIn {
    margin-left: -120%;
  }

  .Energy .articleThree .section-3 .img>.dot-play:nth-child(2) .focusIn {
    margin-left: 10%;
  }

  .Energy .articleThree .section-3 .img>.dot-play:nth-child(3) .focusIn {
    margin-top: 110%;
    margin-left: -40%;
  }

  .dot-play::before {
    padding: 6px;
  }

  .Energy .articleThree .section-3 .img>.dot-play:nth-child(5) .focusIn {
    margin-top: 70%;
  }
}

@media (max-width:771px) {
  .dot-play::before {
    white-space: wrap;
  }
}


@media (max-width: 400px) {
  .Energy .articleThree .section-3 .right .img .point2::after {
    margin-top: -250%;
  }

  .Energy .articleThree .section-3 .Services .right .Services-box {
    padding: 0;
  }

  .dot-play .dot-heart,
  .dot-animation {
    width: 32px;
    height: 20px;
  }

  .Energy .articleThree .section-3 .img>.dot-play:nth-child(2) .focusIn {
    margin-left: 0;
    margin-top: 50%;
  }
}

.FocusCase-box .container {
  border-radius: 48px;
  background: white;
  box-shadow: 0 0 32px rgb(87 179 60 / 15%);
  height: fit-content;
}

.FocusCase {
  width: 100%;
}

.FocusCaseWrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 12px;
}

.FocusCaseWrapper .Header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 128px;
}

.FocusCaseWrapper .Header>.Pic {
  border-radius: 50%;
  background: rgb(87 179 60 / 15%);
  background: transparent;
  box-shadow: inset 0 0 24px rgb(255 255 255 / 100%);
  width: 128px;
  height: 128px;
  overflow: hidden;
}

.FocusCaseWrapper .Header>.Title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  border-bottom: 1px solid rgb(87 179 60 / 55%);
  width: calc(100% - 128px);
  height: 128px;
}

.FocusCaseWrapper .Header>.Title>.No {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: rgb(87 179 60 / 100%);
  color: rgb(255 255 255 / 100%);
  width: 128px;
  height: 128px;
}

.FocusCaseWrapper .Header>.Title>.No>span {
  font-size: 128px;
  font-family: 'Arial Narrow';
}

.FocusCaseWrapper .Header>.Title>.Name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  padding-left: 24px;
}

.FocusCaseWrapper .Header>.Title>.Name>span:first-child {
  font-size: 48px;
}

.FocusCaseWrapper .Header>.Title>.Name>span:last-child {
  font-size: 32px;
  letter-spacing: 2.4px;
}

.FocusCaseWrapper .Body {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
}

.FocusCaseWrapper .Body>.BodyLeft {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  margin: 0 24px 0 0;
  padding: 0 24px 0 0;
  box-sizing: border-box;
  border-right: 1px solid rgb(0 0 0 / 5%);
  width: calc(100% - 320px);
}

.FocusCaseWrapper .Body>.BodyLeft>ul:first-child {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 48px;
}

.FocusCaseWrapper .Body>.BodyLeft>ul:first-child>li {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-bottom: 1px solid rgb(87 179 60 / 100%);
}

.FocusCaseWrapper .Body>.BodyLeft>ul:first-child>li>span:first-child {
  opacity: .55;
  font-size: 14px;
}

.FocusCaseWrapper .Body>.BodyLeft>ul:first-child>li>span:last-child {
  font-size: 24px;
  font-weight: lighter;
  letter-spacing: 3.2px;
}

.FocusCaseWrapper .Body>.BodyLeft>ul:last-child {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 48px;

  padding: 6px 12px 12px 12px;
  background: rgb(249 178 75 / 100%);
}

.FocusCaseWrapper .Body>.BodyLeft>ul:last-child>li {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.FocusCaseWrapper .Body>.BodyLeft>ul:last-child>li>span {
  color: rgb(255 255 255 / 100%);
}

.FocusCaseWrapper .Body>.BodyLeft>ul:last-child>li>span:first-child {
  opacity: .55;
  font-size: 14px;
}

.FocusCaseWrapper .Body>.BodyLeft>ul:last-child>li>span:last-child {
  font-size: 24px;
  font-weight: lighter;
}

.FocusCaseWrapper .Body>.BodyRight {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  width: 320px;
}

.FocusCaseWrapper .Body>.BodyRight>.surveyBtn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: rgb(87 179 60 / 100%);
  color: rgb(255 255 255 / 100%);
  width: 100%;
  height: 38px;
  cursor: pointer;
  transition: all .35s;
}

.FocusCaseWrapper .Body>.BodyRight>.surveyBtn:hover {
  background: rgb(87 179 60 / 75%);
}

.FocusCaseWrapper .Body>.BodyRight>ul>li {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  height: 20px;
}

.FocusCaseWrapper .Body>.BodyRight>ul>li>span:first-child {
  opacity: .55;
  min-width: 130px;
}

.FocusCaseWrapper .Body>.BodyRight>ul>li>span {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  letter-spacing: 1.2px;
}

/* 目玉案件 */
.FocusCase-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.FocusCase-box .csslider>.navigation {
  position: static;
  margin: 12px 0 0 0;
  width: 100%;
}

.FocusCase-box .csslider>.navigation label:after {
  background: rgb(87 179 60 / 100%);
}

.FocusCase-box ::-webkit-scrollbar-track {
  background: none;
}

.FocusCase-box ::-webkit-scrollbar-thumb {
  background: none;
}

@media (max-width: 1199px) {
  .FocusCaseWrapper .Body>.BodyLeft {
    width: calc(100% - 220px);
  }

  .FocusCaseWrapper .Body>.BodyRight {
    width: 220px;
  }

  .FocusCaseWrapper .Body>.BodyLeft>ul:first-child>li>span:last-child {
    letter-spacing: 0;
  }
}

@media (max-width: 992px) {
  .FocusCaseWrapper .Header>.Title>.Name>span:first-child {
    font-size: 38px;
  }

  .FocusCaseWrapper .Header>.Title>.Name>span:last-child {
    font-size: 24px;
    letter-spacing: 0;
  }

  .FocusCaseWrapper .Body {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    gap: 24px;
  }

  .FocusCaseWrapper .Body>.BodyLeft {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
  }

  .FocusCaseWrapper .Body>.BodyLeft>ul:first-child {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
  }

  .FocusCaseWrapper .Body>.BodyLeft>ul:last-child>li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .FocusCaseWrapper .Body>.BodyRight {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .FocusCaseWrapper .Body>.BodyRight>ul {
    width: 220px !important;
  }

  .FocusCaseWrapper .Body>.BodyRight>div.surveyBtn {
    width: calc(100% - 220px);
    max-width: 180px !important;
  }
}

@media (max-width: 768px) {
  .FocusCaseWrapper .Header {
    height: 88px;
  }

  .FocusCaseWrapper .Header>.Pic {
    width: 88px;
    height: 88px;
  }

  .FocusCaseWrapper .Header>.Title {
    width: calc(100% - 88px - 12px);
    height: 88px;
  }

  .FocusCaseWrapper .Header>.Title>.No {
    width: 88px;
    height: 88px;
  }

  .FocusCaseWrapper .Header>.Title>.No>span {
    font-size: 88px;
    font-family: 'Arial Narrow';
  }

  .FocusCaseWrapper .Header>.Title>.Name {
    gap: 4px;
    padding-left: 12px;
  }

  .FocusCaseWrapper .Header>.Title>.Name>span {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  .FocusCaseWrapper .Header>.Title>.Name>span:first-child {
    font-size: 24px;
  }

  .FocusCaseWrapper .Header>.Title>.Name>span:last-child {
    font-size: 14px;
    letter-spacing: 0;
    text-align: left !important;
    line-height: 18px !important;
  }

  .FocusCaseWrapper .Body {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    gap: 12px;
  }

  .FocusCaseWrapper .Body>.BodyLeft>ul:first-child {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
  }

  .FocusCaseWrapper .Body>.BodyLeft>ul:first-child>li>span:first-child {
    font-size: 14px;
  }

  .FocusCaseWrapper .Body>.BodyLeft>ul:first-child>li>span:last-child {
    font-size: 14px;
  }

  .FocusCaseWrapper .Body>.BodyLeft>ul:last-child>li>span:first-child {
    font-size: 14px;
  }

  .FocusCaseWrapper .Body>.BodyLeft>ul:last-child>li>span:last-child {
    font-size: 16px;
  }

  .FocusCaseWrapper .Body>.BodyRight {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .FocusCaseWrapper .Body>.BodyRight>ul>li {
    font-size: 12px;
  }

  .FocusCaseWrapper .Body>.BodyRight>ul>li>span:first-child {
    min-width: 120px;
  }

  .FocusCaseWrapper .Body>.BodyRight>ul {
    width: 200px !important;
  }

  .FocusCaseWrapper .Body>.BodyRight>div.surveyBtn {
    width: calc(100% - 200px);
    max-width: 120px !important;
  }
}

/* 蓄电所贩卖版块 案例入口 */
.CaseLink-box {
  width: 100%;
  background: linear-gradient(0, rgb(107 85 10 / 0%), rgb(250 250 250 / 100%));
}

.CaseLink-box .CaseLink {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 0 !important;
  box-sizing: border-box;
  width: 100%;
  height: 400px;
  background: url('img/shortcode/gridscale/article3/CaseLink.png') no-repeat;
  background-size: cover;
  box-shadow: 0 48px 0 0 rgb(225 225 225 / 100%);
}

.CaseLink-box .CaseLink .bg {
  width: 100%;
  height: 300px;
  display: none;
}

.CaseLink-box .CaseLink .TextBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;

  margin: 0 -12px -35px 0;
  padding: 32px 0 24px 0;
  box-sizing: border-box;
  border-radius: 12px;
  background: rgb(255 255 255 / 100%);
  box-shadow: -32px 12px 0 rgb(87 179 60 / 100%);
  width: 718px;

  cursor: pointer;
}

.CaseLink-box .CaseLink .TextBox>.TitleText {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.CaseLink-box .CaseLink .TextBox>.TitleText>span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  padding: 4px 12px !important;
  color: rgb(0 0 0 / 85%);
  font-size: 50px;
  font-weight: 600;
  letter-spacing: 4.2px;

  height: 58px;
}

.CaseLink-box .CaseLink .TextBox>.TitleText>span.Tip {
  border-top: 8px solid rgb(87 179 60 / 100%);
  background: rgb(87 179 60 / 100%);
  color: rgb(255 255 255 / 100%);
}

@media (max-width: 992px) {
  .CaseLink-box .CaseLink {
    display: block;
    justify-content: start;

    height: auto;
    background-size: cover;
    background: none;
    box-shadow: none;

  }

  .CaseLink-box .CaseLink .bg {
    width: 100%;
    height: 200px;

    display: block;
    background: url('img/shortcode/gridscale/article3/CaseLink.png') no-repeat;
    background-size: cover;

  }

  .CaseLink-box .CaseLink .TextBox {
    align-items: center;

    margin: 0 0 10px 0;
    padding: 42px 0 24px 0;
    border-radius: 0;
    box-shadow: 0 10px 0 rgb(87 179 60 / 100%);
    width: 100% !important;
  }

  .CaseLink-box .CaseLink .TextBox>.TitleText {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 768px) {
  .CaseLink-box .CaseLink .TextBox {
    align-items: center;

    padding: 42px 0 24px 0;
    border-radius: 0;
    box-shadow: 0 10px 0 rgb(87 179 60 / 100%);
    width: 100% !important;
  }

  .CaseLink-box .CaseLink .TextBox>.TitleText>span {
    font-size: 42px;
    letter-spacing: 0;
  }
}

@media (max-width: 500px) {
  .CaseLink-box .CaseLink .bg {
    background-size: contain;

  }
}

.CaseLink-box .CaseLink .TextBox>.CaseLinkBtn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.CaseLink-box .CaseLink .TextBox>.CaseLinkBtn>.MainText>span {
  border-top: 3px solid rgb(249 178 75 / 0%);
  border-bottom: 3px solid rgb(249 178 75 / 0%);
  box-sizing: border-box;
  color: rgb(0 0 0 / 75%);
  font-size: 22px;
  letter-spacing: 2.8px;
  transition: all .35s;
}

.CaseLink-box .CaseLink .TextBox:hover>.CaseLinkBtn>.MainText>span {
  padding: 0 8px;
  border-bottom: 3px solid rgb(249 178 75 / 100%);
  color: rgb(249 178 75 / 100%);
  letter-spacing: 4.8px;
}

.CaseLink-box .CaseLink .TextBox>.CaseLinkBtn>.ArrowBtn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

  position: relative;

  border-radius: 50%;
  background: radial-gradient(rgb(249 178 75 / 100%) 0%, rgb(255 255 255 / 0%) 100%);
  box-shadow: 0px 0px 24px rgb(130 137 168 / 15%);

  width: 42px;
  height: 42px;

  transition: all .35s;
}

.CaseLink-box .CaseLink .TextBox>.CaseLinkBtn>.ArrowBtn>i {
  transform: scale(1.5);
  fill: rgb(255 255 255 / 100%);
  color: rgb(255 255 255 / 100%);
}

.CaseLink-box .CaseLink .TextBox:hover>.CaseLinkBtn>.ArrowBtn::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: -2px;
  left: -2px;
  bottom: -2px;
  right: -2px;
  border-radius: inherit;
  border: 1px solid rgb(249 178 75 / 35%);
  ;
  -webkit-animation: iconRippleAnimation 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
  animation: iconRippleAnimation 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
}

@-webkit-keyframes iconRippleAnimation {
  0% {
    border-width: 4px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  80% {
    border-width: 1px;
    -webkit-transform: scale(1.35);
    transform: scale(1.35);
  }

  100% {
    opacity: 0;
  }
}

/* 产业用蓄电池 */

.containerWrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;

  width: 100%;
  margin-top: 24px;
}

.containerWrapper .tupu-img {
  display: flex;
  justify-content: space-between;
  gap: 16px;

  width: 100%;
  height: auto;
  margin-bottom: 40px;
}

.containerWrapper .tupu-img>div {
  display: flex;
  flex-direction: column;
  align-items: center;

  width: 50%;
  height: auto;
  padding: 12px 0;
}

.containerWrapper .tupu-img>div>span {
  color: rgb(86 88 144 / 100%);
}


.containerWrapper .title-box {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 340px;

  border: 1px solid rgb(86 88 144 / 100%);
  margin: 12px 0;

  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

.containerWrapper .title-box h4 {
  font-size: 16px;
}

.containerWrapper .BMS-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  width: 100%;
  height: auto;
  margin-top: 40px;

  box-shadow: inset 0 0 40px 0 rgb(255 255 255 /100%);
  border: 1px solid transparent;
  border-image: linear-gradient(to rgb(207 237 255 /50%), rgb(207 237 255 /60%), rgb(234 180 65 /50%));
  border-top: 1px solid #F7E1B3;
  border-bottom: 1px solid #E2F4FF;

  background: linear-gradient(0deg, rgb(207 237 255 /50%) 10%, rgb(234 180 65 /24%) 100%);
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
}

.containerWrapper .BMS-box .imgbox {
  padding: 0 12px;
}

.containerWrapper .BMS-box .text {
  display: flex;

  width: 100%;
  padding: 12px;
  height: 140px;

  border-top: 1px solid rgb(255 255 255 /100%);
  background: rgb(255 255 255 /50%);
  box-shadow: inset 0 0 24px 0 rgb(255 255 255 /100%);
  border-radius: 0 0 24px 24px;
  -webkit-border-radius: 0 0 24px 24px;
  -moz-border-radius: 0 0 24px 24px;
  -ms-border-radius: 0 0 24px 24px;
  -o-border-radius: 0 0 24px 24px;
}

.containerWrapper .BMS-box .text p {
  font-size: 13px;
  margin: 0;
  line-height: 22px;
  color: #565872;
  text-align: justify;
}

.containerWrapper .BMS-box .imgbox img {
  width: 100%;
  height: auto;
  margin-top: -32px;
}

.containerWrapper .tezheng-box {
  display: flex;
  gap: 16px;

  height: auto;
}

.containerWrapper .tezheng-box .sub-heading-2 {
  font-size: 13px;
  text-align: justify;
}

.containerWrapper .tezheng-box .features-son {
  width: 25%;
}

.containerWrapper .tezheng-box .column {
  display: flex;
  flex-direction: column;
  align-items: center;

  height: 370px;
  padding: 16px 8px;
}

.containerWrapper .BMS-box .name-box {
  display: flex;
  justify-content: space-between;
  gap: 12px;

  width: 100%;
  height: auto;
  padding: 6px 12px;
}

.containerWrapper .BMS-box .name-box>div {
  width: 33.3%;
}

.containerWrapper .BMS-box .name-box h4 {
  width: 100%;
  line-height: 20px;

  font-size: 10px;
  font-weight: 600;
  text-align: center;
  color: rgb(255 255 255 /85%);

  background: #44568F;
}

.containerWrapper .BMS-box .name-box p {
  margin: 0;

  font-size: 8px;
  font-weight: 600;
  text-align: center;
  color: rgb(0 0 0 /85%);
}

.containerWrapper .BMS-box .name-box p span {
  font-size: 6px;
  color: rgb(0 0 0 /55%);
  font-weight: 500;
}

.containerWrapper .BMS-box .name-box .sym {
  margin: 0 1px;
}


@media (max-width: 1200px) {
  .containerWrapper .title-box h4 {
    font-size: 14px;
  }

  #inner-content91 .containerWrapper .tezheng-box .column {
    padding: 16px 8px !important;
  }

  .containerWrapper .BMS-box .text {
    height: auto;
  }

  .containerWrapper .tupu-img {
    flex-wrap: wrap;
  }

  .containerWrapper .tupu-img>div {
    width: 100%;
  }
}

@media (max-width: 771px) {
  .containerWrapper .title-box {
    width: 280px;
  }
}


@media (max-width: 660px) {
  .containerWrapper .tezheng-box {
    flex-direction: column;
  }

  .containerWrapper .tezheng-box .features-son {
    width: 100%;
  }

  #inner-content91 .containerWrapper .tezheng-box .column {
    padding: 8px !important;
  }
}

@media (max-width: 460px) {
  .containerWrapper .BMS-box .name-box {
    gap: 4px;
  }

  .containerWrapper .BMS-box .name-box h4 {
    font-size: 8px;
  }

  .containerWrapper .BMS-box .name-box p {
    font-size: 7px;
  }

  .containerWrapper .BMS-box .name-box p span {
    font-size: 4px;
  }

  .containerWrapper .BMS-box .name-box {
    padding: 6px;
  }

  .containerWrapper .BMS-box .imgbox {
    padding: 0 6px;
  }

  .containerWrapper .BMS-box .text {
    padding: 12px 6px;
  }
}