@import "//at.alicdn.com/t/c/font_5179170_rncm09oyt1.css";
@import "swiper.css";
[class^="wx-"],
[class*=" wx-"] {
  display: inline-block;
  speak: none;
  font: normal normal normal 14px/1;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  -webkit-text-stroke-width: 0.1px;
}
[class^="wx-"],
[class*=" wx-"] {
  font-family: iconfont;
}
.wx-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%;
}
.wx-2x {
  font-size: 2em;
}
.wx-3x {
  font-size: 3em;
}
.wx-4x {
  font-size: 4em;
}
.wx-5x {
  font-size: 5em;
}
.wx-fw {
  width: 1.28571429em;
  text-align: center;
}
.wx-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.wx-ul > li {
  position: relative;
}
.wx-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center;
}
.wx-li.wx-lg {
  left: -1.85714286em;
}
.wx-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: 0.1em;
}
.wx-pull-left {
  float: left;
}
.wx-pull-right {
  float: right;
}
.wx-pull-left {
  margin-right: 0.3em;
}
.wx-pull-right {
  margin-left: 0.3em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
[class^="wx-"].pull-left {
  margin-right: 0.3em;
}
[class^="wx-"].pull-right {
  margin-left: 0.3em;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
  word-wrap: break-word;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
*:hover {
  outline: none;
}
html {
  font-size: 100%;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji";
}
ul,
ol,
dl {
  list-style-type: none;
  list-style: none;
}
header,
footer,
section,
aside,
details,
menu,
article,
section,
nav,
address,
hgroup,
figure,
figcaption,
legend {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
small {
  font-size: 100%;
  font-weight: normal;
}
input,
label,
img,
th,
textarea {
  vertical-align: middle;
  resize: none;
}
img,
iframe {
  border: none;
  max-width: 100%;
}
a {
  text-decoration: none;
  outline: none;
  color: #323232;
}
a:hover {
  text-decoration: none;
  _zoom: 1;
  outline: 0;
}
a:focus {
  outline: none;
}
a:focus,
a:active,
a:hover,
a:focus {
  outline: 0;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: 400;
}
input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
input,
button {
  overflow: visible;
  vertical-align: middle;
  outline: 0;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
input[type="password"] {
  -webkit-appearance: none;
  outline: 0;
}
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
  cursor: pointer;
}
code,
kbd,
pre,
samp {
  font-family: monaco, menlo, consolas, 'courier new', courier, monospace;
}
code {
  font-size: 90%;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
}
:before,
:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input {
    line-height: normal !important;
  }
}
html,
body {
  max-width: 100%;
  min-height: 100%;
  color: #323232;
  font-size: 14px;
}
input {
  color: #323232;
}
.wrapper {
  clear: both;
  margin: 0 auto;
}
.wrapper:after {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  clear: both;
}
.clearfix:after {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  clear: both;
}
.panel-table {
  display: table;
}
.panel-table > * {
  display: table-cell;
  vertical-align: top !important;
}
.g-left {
  float: left;
  display: inline;
}
.g-right {
  float: right;
  display: inline;
}
.img-fit {
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  line-height: 1;
}
.img-fit.cover img {
  width: 100%;
  height: 100%;
  line-height: 1;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: middle;
}
.img-fit.contain img {
  width: 100%;
  height: 100%;
  line-height: 1;
  -o-object-fit: contain;
  object-fit: contain;
  vertical-align: middle;
}
.wrapper {
  max-width: 1400px;
  padding: 0 20px;
}
.wrapper:after {
  display: none !important;
}
html,
body {
  background-color: #f9f9f9;
}
body {
  padding-top: 100px;
  min-width: 1400px;
}
header {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  right: 0;
  box-shadow: 0 8px 10px rgba(15, 103, 237, 0.06);
}
header.active .nav-container {
  display: block;
}
header.active .nav-close {
  display: flex !important;
}
header .menu-container {
  background-color: #fff;
}
header .menu-container .wrapper {
  position: relative;
  display: grid;
  align-items: center;
  gap: 40px;
  grid-template-columns: 200px 1fr 160px;
}
header .menu-container ._logo img {
  height: 50px;
}
header .menu-container ._menu {
  display: flex;
  gap: 40px;
}
header .menu-container ._menu li {
  position: relative;
  height: 100px;
  font-size: 16px;
}
header .menu-container ._menu li a {
  display: flex;
  line-height: 100px;
  gap: 5px;
}
header .menu-container ._menu li a:hover {
  color: #004ea3;
}
header .menu-container ._menu li i {
  color: #004ea3;
}
header .menu-container ._menu li.active a {
  color: #004ea3;
}
header .menu-container ._menu li.active:before {
  content: " ";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #004ea3;
}
header .menu-container ._tool {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
header .menu-container ._tool > li {
  position: relative;
}
header .menu-container ._tool > li > a {
  display: flex;
  line-height: 100px;
  gap: 3px;
}
header .menu-container ._tool > li > a:hover {
  color: #004ea3;
}
header .menu-container ._tool > li > a i {
  font-size: 18px;
}
header .menu-container ._tool > li > a span {
  font-size: 13px;
}
header .menu-container ._tool > li ul {
  display: none;
  position: absolute;
  z-index: 100;
  right: -50px;
  top: 100%;
  margin-top: -20px;
  width: 160px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px 0px;
}
header .menu-container ._tool > li ul li {
  line-height: 3;
  font-size: 13px;
  text-align: center;
  border-bottom: 1px rgba(0, 0, 0, 0.05) solid;
}
header .menu-container ._tool > li ul li:hover,
header .menu-container ._tool > li ul li.active {
  background-color: #004ea3;
  color: #fff;
  cursor: pointer;
}
header .menu-container ._tool > li:hover ul {
  display: block;
}
header .menu-container .nav-close {
  display: none;
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 2px;
  width: 160px;
  font-size: 20px;
  color: #004ea3;
  background-color: #fff;
  flex-direction: row-reverse;
  align-items: center;
  cursor: pointer;
}
header .nav-container {
  display: none;
  position: relative;
  border-top: 1px rgba(224, 224, 225, 0.5) solid;
  font-size: 16px;
  margin-top: -1px;
}
header .nav-container:before,
header .nav-container:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
}
header .nav-container:before {
  left: 0;
  background-color: #f2f4f8;
}
header .nav-container:after {
  right: 0;
  background-color: #fff;
}
header .nav-container .wrapper {
  position: relative;
  z-index: 10;
  display: grid;
  grid-template-columns: 9em 1fr;
  height: calc(100vh - 100px);
}
header .nav-container ._menu li,
header .nav-container ._box .nav_tab li {
  position: relative;
  line-height: 36px;
  cursor: pointer;
  margin-bottom: .8em;
}
header .nav-container ._menu li i,
header .nav-container ._box .nav_tab li i {
  display: none;
  position: absolute;
  line-height: 20px;
  right: 0;
  top: 50%;
  margin-top: -10px;
  font-size: 14px;
}
header .nav-container ._menu li.active,
header .nav-container ._box .nav_tab li.active,
header .nav-container ._menu li:hover,
header .nav-container ._box .nav_tab li:hover {
  color: #004ea3;
}
header .nav-container ._menu li.active,
header .nav-container ._box .nav_tab li.active {
  font-weight: bold;
}
header .nav-container ._menu li.active i,
header .nav-container ._box .nav_tab li.active i {
  display: block;
}
header .nav-container ._menu li.active b,
header .nav-container ._box .nav_tab li.active b {
  font-weight: bold;
}
header .nav-container ._menu {
  padding-top: 30px;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
header .nav-container ._menu li {
  font-size: 18px;
}
header .nav-container ._menu li i {
  right: 1em;
}
header .nav-container ._box {
  background-color: #fff;
  height: 100%;
  border-left: 1px rgba(224, 224, 225, 0.5) solid;
}
header .nav-container ._box [data-nav] {
  display: none;
  height: 100%;
  gap: 40px;
  grid-template-columns: 200px 1fr;
}
header .nav-container ._box [data-nav].active {
  display: grid;
}
header .nav-container ._box [data-nav] ._r {
  padding-top: 30px;
  height: calc(100vh - 100px);
  overflow: hidden;
  overflow-y: auto;
}
header .nav-container ._box [data-nav=xx] {
  padding-left: 40px;
  grid-template-columns: 1fr;
}
header .nav-container ._box .nav_tab {
  box-sizing: border-box;
  padding: 30px 25px;
  border-right: 1px rgba(224, 224, 225, 0.5) solid;
}
header .nav-container dl {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2%;
  padding: 10px 0;
  border-bottom: 1px rgba(224, 224, 225, 0.5) solid;
}
header .nav-container dl dt {
  width: 100%;
  font-size: 16px;
  font-size: 500;
  line-height: 1.2;
  margin-bottom: .5em;
}
header .nav-container dl dd {
  width: 32%;
  box-sizing: border-box;
  opacity: .6;
  line-height: 2.4;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
header .nav-container dl dd:hover {
  opacity: 1;
}
header .nav-container dl dd a:hover {
  color: #004ea3;
}
header .nav-container ._item {
  display: none;
}
header .nav-container ._item h2 {
  font-size: 20px;
  font-weight: bold;
  color: #004ea3;
  margin-bottom: 10px;
}
header .nav-container ._item.active {
  display: block;
}
footer {
  background-color: #0F1319;
  background-size: cover;
  color: #fff;
}
footer a {
  color: #fff;
}
footer a:hover {
  opacity: 1 !important;
}
footer ._content {
  display: grid;
  grid-template-columns: 200px 1fr 240px;
  gap: 50px;
  padding: 50px 0;
  border-bottom: 1px rgba(255, 255, 255, 0.05) solid;
}
footer ._content ._logo img {
  height: 50px;
  opacity: .6;
}
footer ._content ._menu {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
footer ._content ._menu b {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
}
footer ._content ._menu a {
  display: block;
  line-height: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  opacity: .4;
}
footer ._content ._wx {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  text-align: center;
}
footer ._content ._wx ._t {
  line-height: 1;
  margin-bottom: 15px;
}
footer ._content ._wx img {
  width: 100%;
}
footer ._icp {
  padding: 25px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: .6;
}
footer ._icp span,
footer ._icp a {
  opacity: .5;
}
footer ._icp ._l span,
footer ._icp ._l a {
  margin-right: 1em;
}
footer ._icp ._r span {
  padding: 0 .5em;
  opacity: .3;
}
.bread_crumb,
.bread_tabs {
  background-color: #F2F4F8;
  border-bottom: 1px rgba(224, 224, 225, 0.5) solid;
}
.bread_crumb {
  padding: 15px 0;
}
.bread_crumb .wrapper {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.bread_tabs .wrapper {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
.bread_tabs .wrapper li {
  line-height: 80px;
  font-size: 17px;
  position: relative;
  cursor: pointer;
}
.bread_tabs .wrapper li.active:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 2px;
  background-color: #004ea3;
}
.bread_tabs .wrapper li.active {
  font-weight: bold;
  color: #004ea3;
}
.g_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.g_title ._t {
  display: flex;
  align-items: center;
  gap: 20px;
  line-height: 1;
  text-transform: uppercase;
}
.g_title ._t b {
  font-size: 36px;
}
.g_title ._t span {
  font-size: 18px;
  color: #004ea3;
  padding-top: 2px;
}
.g_title ._r {
  display: flex;
  align-items: center;
  position: relative;
}
.g_title ._r > * {
  position: initial;
}
.g_title ._r .swiper-pagination {
  margin-top: -2px;
}
.g_title ._r ._prev,
.g_title ._r ._next {
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  opacity: .4;
}
.g_title ._r ._prev:hover,
.g_title ._r ._next:hover {
  opacity: 1;
  color: #004ea3;
}
.g_linear {
  background-image: -webkit-linear-gradient(45deg, #2d7a70, #004ea3);
  background-image: -moz-linear-gradient(45deg, #2d7a70, #004ea3);
  background-image: -o-linear-gradient(45deg, #2d7a70, #004ea3);
  background-image: linear-gradient(45deg, #2d7a70, #004ea3);
  border-color: transparent !important;
}
.g_feedback {
  padding: 80px 0;
  background: url(../images/feedback-bg.png) no-repeat;
  background-size: cover;
}
.g_feedback .wrapper {
  text-align: center;
}
.g_feedback h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 40px;
}
.g_feedback ul {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.g_feedback ul a {
  display: block;
  line-height: 50px;
  padding: 0 3em;
  border-radius: .6em;
  font-size: 16px;
  font-weight: bold;
  box-sizing: border-box;
  border: 2px transparent solid;
}
.g_feedback ul ._swt {
  background-color: #004ea3;
  color: #fff;
}
.g_feedback ul ._from {
  border-color: #004ea3;
  color: #004ea3;
}
.g_feedback ul ._tel {
  background-color: #FFCD00;
}
.g-sticky-menu.active {
  position: fixed;
  z-index: 900;
  left: 0;
  top: 100px;
  right: 0;
  background-color: #F2F4F8;
  box-shadow: 0 8px 10px rgba(15, 103, 237, 0.06);
}
.g-sticky-menu.active li {
  line-height: 60px;
}
.img-svg {
  position: relative;
}
.img-svg svg {
  width: 100%;
}
.img-svg .img-fit {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.list-pages {
  padding: 1em 0;
  text-align: center;
  font-size: 14px;
}
.list-pages .pagination {
  display: inline-block;
}
.list-pages li {
  float: left;
  padding: 0 5px;
}
.list-pages li a {
  display: inline-block;
  line-height: 32px;
  min-width: 32px;
  text-align: center;
  padding: 0 10px;
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #888;
}
.list-pages li a[href]:hover {
  color: #004ea3;
}
.list-pages li.active a {
  background-color: #004ea3 !important;
  color: #fff !important;
}
.list-empty {
  padding: 100px;
  text-align: center;
  line-height: 1;
}
.list-empty i {
  font-size: 60px;
  -khtml-opacity: 0.2;
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  -o-opacity: 0.2;
  opacity: 0.2;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  filter: alpha(opacity=20);
}
.list-empty p {
  padding: 1.5em 0 0.5em;
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  -o-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
  font-size: 13px;
}
.list-empty p b {
  padding: 0 0.2em;
}
.article-html {
  font-size: 15px;
  line-height: 1.8;
}
.article-html h1 {
  font-size: 1.6em;
  line-height: 1.2;
  font-weight: bold;
  padding-top: .5em;
}
.article-html h2 {
  font-size: 1.4em;
  line-height: 1.4;
  font-weight: bold;
  padding-top: .4em;
}
.article-html h3 {
  font-size: 1.2em;
  line-height: 1.6;
  font-weight: bold;
  padding-top: .3em;
}
.article-html h4 {
  font-size: 1em;
  font-weight: bold;
  padding-top: .2em;
}
.article-html p {
  padding: .15em 0;
}
.article-html img {
  max-width: 100%;
  margin: .5em auto;
}
[data-list=cases] {
  display: grid;
  word-break: break-all;
  gap: 1.2rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
[data-list=cases] li {
  background-color: #fff;
  margin-bottom: 0.2rem;
  border-radius: .8rem;
  overflow: hidden;
  -webkit-transition: all 0.36s ease-in-out ;
  -moz-transition: all 0.36s ease-in-out ;
  -o-transition: all 0.36s ease-in-out ;
  transition: all 0.36s ease-in-out ;
}
[data-list=cases] li .box {
  padding: 1rem 1.5rem 2rem;
}
[data-list=cases] li h1 {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: .3rem;
}
[data-list=cases] li h5 {
  font-size: 13px;
  line-height: 1.4rem;
  max-height: 2.8rem;
  overflow: hidden;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
  margin-bottom: .8rem;
}
[data-list=cases] li .tag {
  font-size: 11px;
  display: flex;
  align-items: center;
  margin-bottom: 1.2rem;
}
[data-list=cases] li .tag label {
  line-height: 2;
  padding: 0 1em;
  border-radius: 4px;
  margin-right: 1rem;
  background-color: rgba(0, 78, 163, 0.1);
}
[data-list=cases] li .tag span {
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
}
[data-list=cases] li .lk {
  display: inline-block;
  font-size: 12px;
  line-height: 2.4;
  padding: 1px 1.5rem 0;
  border: 1px rgba(0, 0, 0, 0.4) solid;
  border-radius: 2rem;
}
[data-list=cases] li h1:hover {
  color: #004ea3;
}
[data-list=cases] li .lk:hover {
  color: #004ea3;
  border-color: #004ea3;
}
[data-list=cases] li:hover {
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.06);
}
[data-list=news] {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
[data-list=news] li {
  width: 100%;
  padding: 0 10px;
  margin-bottom: 20px;
  box-sizing: border-box;
}
[data-list=news] li > a {
  position: relative;
  padding: 25px 25px 25px 120px;
  border-radius: .8rem;
  background-color: #fff;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 140px;
  gap: 20px;
}
[data-list=news] li .dt {
  position: absolute;
  left: 25px;
  top: 25px;
  font-size: 15px;
}
[data-list=news] li h1,
[data-list=news] li .dt {
  line-height: 40px;
}
[data-list=news] li h1 {
  font-size: 20px;
  font-weight: bold;
}
[data-list=news] li h5 {
  font-size: 13px;
  line-height: 1.4rem;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
  margin-bottom: 15px;
}
[data-list=news] li .img-svg {
  display: none;
}
[data-list=news] li .tag {
  font-size: 11px;
  display: flex;
  align-items: center;
  margin-bottom: 1.2rem;
}
[data-list=news] li .tag label {
  line-height: 2;
  padding: 0 1em;
  border-radius: 4px;
  margin-right: 1rem;
  background-color: rgba(0, 78, 163, 0.1);
}
[data-list=news] li .tag span {
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
}
[data-list=news] li .lk {
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
}
[data-list=news] li .lk:hover {
  color: #004ea3;
}
.inx_title {
  text-align: center;
  padding-bottom: 35px;
}
.inx_title h1 {
  line-height: 1;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: .8em;
}
.inx_title h5 {
  padding: 0 10%;
  font-size: 14px;
  line-height: 2;
  opacity: .6;
}
[data-mod=index] .container {
  background-color: #fff;
}
[data-mod=index] .inx_banner {
  width: 100%;
  position: relative;
  overflow: hidden;
}
[data-mod=index] .inx_banner .img-fit {
  height: 650px;
  background-color: #ccc;
}
[data-inx=scheme] {
  padding: 40px 0;
}
[data-inx=scheme] ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1px;
}
[data-inx=scheme] li {
  position: relative;
  cursor: pointer;
}
[data-inx=scheme] li h2 {
  position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  line-height: 1;
  color: #fff;
  background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}
[data-inx=scheme] li span {
  font-weight: bold;
  font-size: 16px;
}
[data-inx=scheme] li i {
  opacity: .4;
  margin-right: 5px;
}
[data-inx=software] {
  padding: 40px 0;
  background-color: #F2F4F8;
}
[data-inx=software] .softBox {
  position: relative;
  padding-left: 28%;
}
[data-inx=software] ._l {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 28%;
  border-radius: .8rem;
  overflow: hidden;
}
[data-inx=software] ._l .img-fit {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: .8rem;
  overflow: hidden;
}
[data-inx=software] ._r {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding-left: 30px;
}
[data-inx=software] ._r ._box {
  padding: 40px 30px;
  border-radius: .8rem;
  overflow: hidden;
  background-color: #fff;
  background: url(../images/sys-tb.png) #ffffff center top no-repeat;
  background-size: contain;
}
[data-inx=software] ._r h2 {
  line-height: 1;
  padding: 0 0 40px;
  font-size: 24px;
  font-weight: bold;
}
[data-inx=software] ._r ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 15px;
}
[data-inx=software] ._r ul li {
  line-height: 1.4;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
[data-inx=software] ._r ul a {
  opacity: .6;
}
[data-inx=software] ._r ul a:hover {
  color: #004ea3;
}
[data-inx=cooperation] {
  text-align: center;
  padding: 100px 0;
  background: url(../images/inx1.jpg) center no-repeat;
  background-size: cover;
}
[data-inx=cooperation] .wrapper {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: center;
}
[data-inx=cooperation] ._tit {
  line-height: 1.4;
  color: #fff;
}
[data-inx=cooperation] ._tit h1 {
  font-size: 36px;
  font-weight: bold;
}
[data-inx=cooperation] ._tit h2 {
  font-size: 32px;
  font-weight: bold;
}
[data-inx=cooperation] h5 {
  font-size: 16px;
  color: #fff;
  opacity: .6;
  line-height: 1.8;
}
[data-inx=cooperation] a {
  display: block;
  padding: 0 1.5em;
  line-height: 2.4;
  color: #fff;
  font-size: 18px;
  border-radius: .8rem;
  overflow: hidden;
}
[data-inx=news] {
  padding: 40px 0;
}
[data-inx=news] .g_title {
  margin-bottom: 30px;
}
[data-inx=news] ._bx1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}
[data-inx=news] ._bx1 .inx_news {
  position: relative;
  min-width: 0;
}
[data-inx=news] ._bx1 .inx_news .swiper-container {
  width: 100%;
  height: 100%;
  border-radius: .8rem;
  overflow: hidden;
}
[data-inx=news] ._bx1 .inx_news .swiper-slide {
  position: relative;
}
[data-inx=news] ._bx1 .inx_news .img-fit {
  width: 100%;
  height: 100%;
}
[data-inx=news] ._bx1 .inx_news ._box {
  position: absolute;
  padding: 20px 30px;
  z-index: 5;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  background-image: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
[data-inx=news] ._bx1 > ul {
  display: flex;
  gap: 20px;
  flex-direction: column;
  min-width: 0;
}
[data-inx=news] ._bx1 > ul a {
  display: block;
  background-color: #F2F4F8;
  border-radius: .8rem;
  overflow: hidden;
  padding: 20px 30px;
}
[data-inx=news] ._bx1 ._box ._t {
  display: flex;
  gap: 8px;
  font-size: 13px;
  align-items: center;
  margin-bottom: 10px;
}
[data-inx=news] ._bx1 ._box ._t b {
  line-height: 2;
  padding: 0 1em;
  overflow: hidden;
  border-radius: 2em;
  background-color: #004ea3;
  color: #fff;
}
[data-inx=news] ._bx1 ._box ._t span {
  opacity: .6;
}
[data-inx=news] ._bx1 ._box h2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  height: 1em;
  margin-bottom: 10px;
  overflow: hidden;
}
[data-inx=news] ._bx1 ._box h5 {
  height: 8.2em;
  overflow: hidden;
  line-height: 1.8;
  font-size: 13px;
  opacity: .6;
}
[data-inx=news] ._bx2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
[data-inx=news] ._bx2 li {
  min-width: 0;
}
[data-inx=news] ._bx2 a {
  display: block;
  width: 100%;
  background-color: #f8f8f8;
  border-radius: .8rem;
  overflow: hidden;
  padding: 20px 30px;
}
[data-inx=news] ._bx2 b {
  display: block;
  line-height: 1;
  font-size: 14px;
  color: #004ea3;
  margin-bottom: 15px;
}
[data-inx=news] ._bx2 h2 {
  height: 1em;
  overflow: hidden;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
}
[data-inx=news] ._bx2 p {
  height: 5.4em;
  overflow: hidden;
  line-height: 1.8;
  font-size: 13px;
  opacity: .6;
}
[data-inx=news] ._bx2 h5 {
  padding-top: 10px;
  font-size: 13px;
  opacity: .4;
}
[data-inx=group] {
  padding-bottom: 40px;
}
[data-inx=group] .g_title {
  margin-bottom: 30px;
}
/***************/
[data-temp=head] {
  position: relative;
  padding: 80px 0;
  background-color: #333;
  background: url(https://static01-www.qianxin.com/qaxweb/92edbc8398d417bdc683065d07c01a08.png) center no-repeat;
  background-size: cover;
  color: #fff;
}
[data-temp=head] .wrapper:after {
  display: none !important;
}
[data-temp=head]:after {
  position: absolute;
  content: " ";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.075);
  -webkit-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
[data-temp=head] .wrapper {
  position: relative;
  z-index: 3;
  display: grid;
  align-items: center;
  gap: 80px;
  grid-template-columns: 1fr 300px;
}
[data-temp=head] .wrapper > .info h1 {
  font-size: 40px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 1rem;
}
[data-temp=head] .wrapper > .info h5 {
  line-height: 1.8;
  font-size: 15px;
  margin-bottom: 2rem;
  text-align: justify;
}
[data-temp=head] .wrapper > .info ._tag {
  display: flex;
  align-items: center;
  gap: 10px;
}
[data-temp=head] .wrapper > .info ._tag a {
  display: block;
  line-height: 40px;
  padding: 0 3em;
  border-radius: .6em;
  border: 1px rgba(255, 255, 255, 0.8) solid;
  color: #fff;
  cursor: pointer;
}
[data-temp=head] .wrapper > .info ._tag a:hover {
  background-color: rgba(0, 78, 163, 0.5);
  border-color: #004ea3;
}
[data-temp=head] .head-swiper {
  width: 100%;
  position: relative;
  overflow: hidden;
}
[data-temp=head] .head-swiper svg {
  width: 100%;
}
[data-temp=head] .head-swiper .img-fit {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
[data-temp=head] .head-swiper .swiper-container {
  overflow: hidden;
}
[data-temp=head] .head-swiper .swiper-slide {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
[data-temp=head] .head-swiper .swiper-slide.active {
  border-color: #004ea3;
}
[data-temp=head] .head-swiper .swiper-pagination-bullet {
  border: 1px rgba(255, 255, 255, 0.8) solid;
}
[data-temp=one] .g_title {
  margin-bottom: 10px;
}
[data-temp=one] .swiper-slide h2 {
  padding-top: 20px;
  line-height: 1.4;
  font-size: 24px;
  font-weight: bold;
}
[data-temp=one] .swiper-slide p {
  padding-top: 10px;
  font-size: 15px;
  line-height: 1.8;
  opacity: .6;
}
[data-temp=two] .g_title {
  margin-bottom: 10px;
}
[data-temp=two] .swiper-slide {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 40px;
  padding-top: 20px;
}
[data-temp=two] .swiper-slide ._item {
  display: flex;
  gap: 30px;
  align-items: start;
}
[data-temp=two] .swiper-slide .img-fit {
  margin-top: 10px;
}
[data-temp=two] .swiper-slide h2 {
  line-height: 1.4;
  font-size: 24px;
  font-weight: bold;
}
[data-temp=two] .swiper-slide p {
  padding-top: 5px;
  font-size: 15px;
  line-height: 1.6;
  opacity: .6;
}
[data-temp=three] .g_title {
  margin-bottom: 30px;
}
[data-temp=three] ._img,
[data-temp=three] ._img img {
  width: 100%;
}
[data-temp=four] .g_title {
  margin-bottom: 30px;
}
[data-temp=four] ._img {
  margin-bottom: 30px;
}
[data-temp=four] ._img img {
  width: 100%;
}
[data-temp=four] .swiper_list {
  display: grid;
  align-items: center;
  grid-template-columns: 50px 1fr 50px;
  margin: 0 -20px;
}
[data-temp=four] .swiper_list ._prev,
[data-temp=four] .swiper_list ._next {
  width: 40px;
  font-size: 40px;
  line-height: 1;
  cursor: pointer;
  opacity: .4;
}
[data-temp=four] .swiper_list ._prev:hover,
[data-temp=four] .swiper_list ._next:hover {
  opacity: 1;
  color: #004ea3;
}
[data-temp=four] .swiper_list .swiper-slide {
  padding: 0 10px;
}
[data-temp=four] .swiper_list .swiper-slide .img-svg {
  border: 1px rgba(0, 0, 0, 0.08) solid;
  margin-bottom: 10px;
}
[data-temp=four] .swiper_list .swiper-slide .img-svg .img-fit {
  background-color: transparent;
}
[data-temp=four] .swiper_list .swiper-slide h2 {
  line-height: 1.4;
  text-align: center;
}
[data-temp=five] .g_title {
  margin-bottom: 30px;
}
[data-temp=five] .swiper-slide {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
[data-temp=five] .swiper-slide ._item {
  background-color: #f2f4f8;
}
[data-temp=five] .swiper-slide h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  line-height: 1.4;
  font-size: 20px;
  font-weight: bold;
  background-color: #004ea3;
  color: #fff;
}
[data-temp=five] .swiper-slide ._bx {
  padding: 15px 25px 25px;
}
[data-temp=five] .swiper-slide p {
  max-height: 14.4em;
  overflow: hidden;
  font-size: 15px;
  line-height: 1.8;
  opacity: .6;
  text-align: justify;
}
[data-temp=six] ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px 20px;
}
[data-temp=six] ul a {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px rgba(224, 224, 225, 0.5) solid;
}
[data-temp=six] ul a svg {
  width: 100%;
}
[data-temp=six] ul a .img-fit {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 15px;
  background-color: #fff;
}
[data-temp=seven] {
  background-color: #F2F4F8;
  border-bottom: 1px rgba(224, 224, 225, 0.5) solid;
}
[data-temp=seven] .g_title {
  margin-bottom: 30px;
}
[data-temp=seven] .swiper-slide {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
[data-temp=seven] .swiper-slide ._t {
  text-align: center;
  line-height: 1;
  font-size: 18px;
  padding-top: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
[data-temp=partner] {
  background-color: #F2F4F8;
  padding: 30px 0;
}
[data-temp=partner] .g_title {
  margin-bottom: 30px;
}
[data-temp=partner] ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px 20px;
}
[data-temp=partner] ul li {
  position: relative;
  background-color: #fff;
}
[data-temp=partner] ul li svg {
  width: 100%;
}
[data-temp=partner] ul li .img-fit {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
}
.mod_head {
  position: relative;
  padding: 120px 0;
  text-align: center;
  background-color: #1c1e39;
  color: #fff;
}
.mod_head:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.25);
}
.mod_head .wrapper {
  text-align: center;
  position: relative;
  z-index: 5;
}
.mod_head h1 {
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
}
.mod_head h5 {
  padding-top: 1.5em;
  font-size: 16px;
  line-height: 1.6;
}
/*******解决方案*******/
[data-mod=scheme] .container {
  background-color: #fff;
}
[data-mod=scheme] .wrapper {
  max-width: 1300px;
}
[data-mod=scheme] [data-tab] {
  padding: 40px 0;
}
[data-mod=scheme] .swiper-container {
  position: relative;
  overflow: hidden;
}
[data-mod=scheme] #tab_fgjz,
[data-mod=scheme] #tab_fakj,
[data-mod=scheme] #tab_related {
  background-color: #F2F4F8;
  border-bottom: 1px rgba(224, 224, 225, 0.5) solid;
}
[data-mod=scheme] #tab_fgjz .swiper-slide,
[data-mod=scheme] #tab_cpgn .swiper-slide {
  background-color: #F2F4F8;
}
[data-mod=scheme] #tab_fajs .swiper-slide {
  background-color: #fff;
}
[data-mod=scheme] #tab_khal .g_title {
  margin-bottom: 30px;
}
[data-mod=scheme] #tab_related ul._nav {
  padding: 25px 0;
  display: flex;
  justify-content: center;
  gap: 30px;
}
[data-mod=scheme] #tab_related ul._nav li {
  line-height: 2;
  border-bottom: 3px transparent solid;
  font-size: 20px;
  cursor: pointer;
}
[data-mod=scheme] #tab_related ul._nav li.active {
  font-weight: bold;
  color: #004ea3;
  border-color: #004ea3;
}
[data-mod=scheme] #tab_related [data-nav].active {
  display: grid;
}
[data-mod=scheme] #tab_related [data-nav=software],
[data-mod=scheme] #tab_related [data-nav=product] {
  display: none;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
[data-mod=scheme] #tab_related [data-nav=software] li,
[data-mod=scheme] #tab_related [data-nav=product] li {
  background-color: #fff;
  padding: 20px;
  border-radius: .8rem;
  overflow: hidden;
}
[data-mod=scheme] #tab_related [data-nav=software] li h2,
[data-mod=scheme] #tab_related [data-nav=product] li h2 {
  line-height: 1.4;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
[data-mod=scheme] #tab_related [data-nav=software] li ._c,
[data-mod=scheme] #tab_related [data-nav=product] li ._c {
  max-height: 14.4;
  font-size: 13px;
  line-height: 1.8;
  overflow: hidden;
  opacity: .6;
  text-align: justify;
}
[data-mod=scheme] #tab_related [data-nav=software] li ._m,
[data-mod=scheme] #tab_related [data-nav=product] li ._m {
  padding-top: 10px;
  font-size: 12px;
  color: #004ea3;
}
[data-mod=scheme] #tab_related [data-nav=software] li:hover,
[data-mod=scheme] #tab_related [data-nav=product] li:hover {
  background-color: #004ea3;
  color: #fff;
}
[data-mod=scheme] #tab_related [data-nav=software] li:hover a,
[data-mod=scheme] #tab_related [data-nav=product] li:hover a {
  color: #fff;
}
[data-mod=scheme] #tab_related [data-nav=service] {
  display: none;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
[data-mod=scheme] #tab_related [data-nav=service] li {
  background-color: #fff;
  padding: 20px 20px 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: .8rem;
  overflow: hidden;
}
[data-mod=scheme] #tab_related [data-nav=service] .img-svg {
  width: 80px;
  border-radius: 100%;
  overflow: hidden;
  margin-bottom: 15px;
}
[data-mod=scheme] #tab_related [data-nav=service] h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 15px;
}
[data-mod=scheme] #tab_related [data-nav=service] h5 {
  line-height: 1.6;
  font-size: 13px;
  opacity: .6;
}
/*******软件系统*******/
[data-mod=software] .container {
  background-color: #fff;
}
[data-mod=software] .wrapper {
  max-width: 1300px;
}
[data-mod=software] [data-tab] {
  padding: 40px 0;
}
[data-mod=software] .swiper-container {
  position: relative;
  overflow: hidden;
}
[data-mod=software] #tab_yhjz,
[data-mod=software] #tab_cpgn {
  background-color: #F2F4F8;
  border-bottom: 1px rgba(224, 224, 225, 0.5) solid;
}
[data-mod=software] #tab_cpgn .swiper-slide,
[data-mod=software] #tab_yhjz .swiper-slide {
  background-color: #F2F4F8;
}
[data-mod=software] #tab_khal .g_title {
  margin-bottom: 30px;
}
/*******硬件设备*******/
[data-mod=product] .container {
  background-color: #F2F4F8;
  padding-bottom: 30px;
}
[data-mod=product] .wrapper {
  max-width: 1300px;
}
[data-mod=product] .pro_head {
  background-color: #fff;
  padding: 40px 0;
}
[data-mod=product] .pro_head .wrapper {
  display: grid;
  gap: 30px;
  grid-template-columns: 420px 1fr;
}
[data-mod=product] .pro_head ._l .img-svg {
  border: 1px rgba(224, 224, 225, 0.5) solid;
}
[data-mod=product] .pro_head ._l .pro-swiper {
  margin: 0 -10px;
  padding-top: 10px;
  display: grid;
  align-items: center;
  grid-template-columns: 30px 1fr 30px;
}
[data-mod=product] .pro_head ._l .pro-swiper ._prev,
[data-mod=product] .pro_head ._l .pro-swiper ._next {
  display: block !important;
  width: 30px;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  opacity: .4;
}
[data-mod=product] .pro_head ._l .pro-swiper ._prev:hover,
[data-mod=product] .pro_head ._l .pro-swiper ._next:hover {
  opacity: 1;
  color: #004ea3;
}
[data-mod=product] .pro_head ._l .pro-swiper .swiper-slide {
  padding: 0 5px;
  cursor: pointer;
}
[data-mod=product] .pro_head ._l .pro-swiper .swiper-container {
  overflow: hidden;
}
[data-mod=product] .pro_head ._l .pro-swiper .img-svg:hover {
  border-color: #004ea3;
}
[data-mod=product] .pro_head ._r h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
}
[data-mod=product] .pro_head ._r h5 {
  line-height: 1.6;
  font-size: 16px;
  text-align: justify;
  margin-bottom: 20px;
  opacity: .6;
}
[data-mod=product] .pro_head ._r .tg {
  padding: 30px 0;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  border-top: 1px rgba(224, 224, 225, 0.5) solid;
  border-bottom: 1px rgba(224, 224, 225, 0.5) solid;
}
[data-mod=product] .pro_head ._r .tg li {
  display: flex;
  gap: 10px;
  align-items: center;
}
[data-mod=product] .pro_head ._r .tg b {
  display: inline-block;
  padding: 0 1.5em;
  line-height: 2.4;
  border: 1px rgba(0, 0, 0, 0.05) solid;
  border-radius: 2.4em;
}
[data-mod=product] .pro_head ._r .lk {
  display: flex;
  gap: 20px;
  align-items: center;
}
[data-mod=product] .pro_head ._r .lk a {
  display: inline-block;
  font-size: 17px;
  padding: 0 1.5em;
  line-height: 2.4;
  border: 1px #004ea3 solid;
  border-radius: 2.4em;
  color: #004ea3;
}
[data-mod=product] .pro_head ._r .lk li:nth-child(2) a {
  background-color: #004ea3;
  color: #fff;
}
[data-mod=product] .bread_tabs {
  border: none;
}
[data-mod=product] .pro_body {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr 380px;
  padding-bottom: 30px;
}
[data-mod=product] .pro_body ._l,
[data-mod=product] .pro_body .r_info,
[data-mod=product] .pro_body .r_ptao {
  padding: 30px;
  background-color: #fff;
  overflow: hidden;
  border-radius: .8rem;
}
[data-mod=product] .pro_body [data-tab] {
  display: none;
}
[data-mod=product] .pro_body [data-tab] .article-html {
  font-size: 16px;
}
[data-mod=product] .pro_body [data-tab].active {
  display: block;
}
[data-mod=product] .pro_body .r_info {
  margin-bottom: 20px;
}
[data-mod=product] .pro_body .r_info h2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
}
[data-mod=product] .pro_body .r_info h5 {
  line-height: 1.6;
  font-size: 14px;
  text-align: justify;
  margin-bottom: 20px;
  opacity: .6;
}
[data-mod=product] .pro_body .r_info .tg {
  padding: 20px 0;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-top: 1px rgba(224, 224, 225, 0.5) solid;
  border-bottom: 1px rgba(224, 224, 225, 0.5) solid;
}
[data-mod=product] .pro_body .r_info .tg li {
  display: flex;
  gap: 10px;
  align-items: center;
}
[data-mod=product] .pro_body .r_info .tg b {
  display: inline-block;
  padding: 0 1.5em;
  line-height: 2.4;
  border: 1px rgba(0, 0, 0, 0.05) solid;
  border-radius: 2.4em;
}
[data-mod=product] .pro_body .r_info .lk {
  display: flex;
  gap: 15px;
  align-items: center;
}
[data-mod=product] .pro_body .r_info .lk a {
  display: inline-block;
  font-size: 17px;
  padding: 0 1.5em;
  line-height: 2.4;
  border: 1px #004ea3 solid;
  border-radius: 2.4em;
  color: #004ea3;
}
[data-mod=product] .pro_body .r_info .lk li:nth-child(2) a {
  background-color: #004ea3;
  color: #fff;
}
[data-mod=product] .pro_body .r_ptao h1 {
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 20px;
}
[data-mod=product] .pro_body .r_ptao ul {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
[data-mod=product] .pro_body .r_ptao ul a {
  display: block;
  line-height: 2.4;
  padding: 0 1em;
  border: 1px rgba(0, 0, 0, 0.08) solid;
  border-radius: 2em;
}
[data-mod=product] .pro_more .g_title {
  margin-bottom: 25px;
}
[data-mod=product] .pro_more > ul {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
}
[data-mod=product] .pro_more > ul a {
  display: block;
}
[data-mod=product] .pro_more > ul a .img-svg {
  background-color: #fff;
  margin-bottom: 10px;
}
[data-mod=product] .pro_more > ul a h5 {
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/*******客户案例*******/
[data-mod=cases] .wrapper {
  max-width: 1300px;
}
[data-mod=cases][data-t=list] > .container {
  padding: 50px 0;
}
[data-mod=cases][data-t=list] .dr_filter {
  padding: 40px 0;
  background-color: #F2F4F8;
  border-bottom: 1px rgba(224, 224, 225, 0.5) solid;
}
[data-mod=cases][data-t=list] .dr_filter ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
[data-mod=cases][data-t=list] .dr_filter select {
  width: 100%;
  height: 48px;
  line-height: 50px;
  text-align: center;
}
[data-mod=cases][data-t=page] {
  background-color: #fff;
}
[data-mod=cases][data-t=page] > .container,
[data-mod=news][data-t=page] > .container {
  padding: 2rem 0;
}
[data-mod=cases][data-t=page] > .container > .wrapper,
[data-mod=news][data-t=page] > .container > .wrapper {
  background-color: #fff;
  border: 1px rgba(227, 232, 247, 0.6) solid;
  border-radius: .5rem;
  padding: 2.5rem 3rem;
}
[data-mod=cases][data-t=page] .ce_navbox,
[data-mod=news][data-t=page] .ce_navbox {
  margin-bottom: 2rem;
  font-size: 14px;
}
[data-mod=cases][data-t=page] .ce_navbox span,
[data-mod=news][data-t=page] .ce_navbox span {
  padding: 0 0.5rem;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
}
[data-mod=cases][data-t=page] .ce_navbox a:hover,
[data-mod=news][data-t=page] .ce_navbox a:hover {
  color: #004ea3;
}
[data-mod=cases][data-t=page] .ce_hd,
[data-mod=news][data-t=page] .ce_hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3rem;
}
[data-mod=cases][data-t=page] .ce_hd .img,
[data-mod=news][data-t=page] .ce_hd .img {
  min-width: 350px;
  margin-left: 4rem;
  position: relative;
}
[data-mod=cases][data-t=page] .ce_hd .img svg,
[data-mod=news][data-t=page] .ce_hd .img svg {
  width: 100%;
}
[data-mod=cases][data-t=page] .ce_hd .img .img-fit,
[data-mod=news][data-t=page] .ce_hd .img .img-fit {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  background-color: #e2eaf9;
  border-radius: .8rem;
  overflow: hidden;
}
[data-mod=cases][data-t=page] .ce_hd .box,
[data-mod=news][data-t=page] .ce_hd .box {
  width: 100%;
}
[data-mod=cases][data-t=page] .ce_hd .box h1,
[data-mod=news][data-t=page] .ce_hd .box h1 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: .5rem;
}
[data-mod=cases][data-t=page] .ce_hd .box .txt,
[data-mod=news][data-t=page] .ce_hd .box .txt {
  line-height: 1.8rem;
  font-size: 14px;
  max-height: 5.4em;
  overflow: hidden;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
  margin-bottom: 1rem;
}
[data-mod=cases][data-t=page] .ce_hd .box .tag,
[data-mod=news][data-t=page] .ce_hd .box .tag {
  font-size: 12px;
  display: inline-flex;
  align-items: center;
}
[data-mod=cases][data-t=page] .ce_hd .box .tag label,
[data-mod=news][data-t=page] .ce_hd .box .tag label {
  line-height: 2;
  padding: 0 1em;
  border-radius: 4px;
  margin-right: 1rem;
  background-color: rgba(0, 78, 163, 0.1);
}
[data-mod=cases][data-t=page] .ce_hd .box .tag span,
[data-mod=news][data-t=page] .ce_hd .box .tag span {
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
}
[data-mod=cases][data-t=page] .article-html,
[data-mod=news][data-t=page] .article-html {
  border-top: 1px rgba(0, 0, 0, 0.05) solid;
  padding-top: 3rem;
  line-height: 2;
  min-height: 50vh;
}
[data-mod=cases][data-t=page] .more-case,
[data-mod=news][data-t=page] .more-case {
  padding: 3rem 0;
  background-color: #F2F4F8;
}
[data-mod=cases][data-t=page] .more-case .g_title,
[data-mod=news][data-t=page] .more-case .g_title {
  margin-bottom: 2rem;
}
[data-mod=cases][data-t=page] .more-case [data-list=cases] li,
[data-mod=news][data-t=page] .more-case [data-list=cases] li {
  border: 1px rgba(227, 232, 247, 0.4) solid;
}
[data-mod=cases][data-t=page] .more-case [data-list=cases] li .tag,
[data-mod=news][data-t=page] .more-case [data-list=cases] li .tag {
  margin-bottom: 0;
}
/*******新闻资讯*******/
[data-mod=news] .wrapper {
  max-width: 1300px;
}
[data-mod=news][data-t=list] {
  background-color: #F2F4F8;
}
[data-mod=news][data-t=list] > .container {
  padding: 50px 0;
}
[data-mod=news][data-t=list] .dr_filter {
  position: relative;
  z-index: 10;
  margin-top: -25px;
}
[data-mod=news][data-t=list] .dr_filter ul {
  display: flex;
  justify-content: center;
  gap: 20px;
}
[data-mod=news][data-t=list] .dr_filter a {
  display: block;
  padding: 0 2.5em;
  font-size: 18px;
  line-height: 50px;
  background-color: #fff;
}
[data-mod=news][data-t=list] .dr_filter li.active a {
  font-weight: bold;
  color: #004ea3;
}
[data-mod=news][data-t=page] {
  background-color: #F2F4F8;
}
@media screen and (min-width: 640px) {
  [data-t=list][data-t=list] [data-list=news] li:nth-child(1),
  [data-t=list][data-t=list] [data-list=news] li:nth-child(2),
  [data-t=list][data-t=list] [data-list=news] li:nth-child(3) {
    width: 33.33%;
  }
  [data-t=list][data-t=list] [data-list=news] li:nth-child(1) > a,
  [data-t=list][data-t=list] [data-list=news] li:nth-child(2) > a,
  [data-t=list][data-t=list] [data-list=news] li:nth-child(3) > a {
    position: relative;
    padding: 25px;
    display: block;
  }
  [data-t=list][data-t=list] [data-list=news] li:nth-child(1) .dt,
  [data-t=list][data-t=list] [data-list=news] li:nth-child(2) .dt,
  [data-t=list][data-t=list] [data-list=news] li:nth-child(3) .dt {
    position: initial;
    left: auto;
    top: auto;
    line-height: 1.2;
    margin-bottom: 5px;
  }
  [data-t=list][data-t=list] [data-list=news] li:nth-child(1) h1,
  [data-t=list][data-t=list] [data-list=news] li:nth-child(2) h1,
  [data-t=list][data-t=list] [data-list=news] li:nth-child(3) h1 {
    line-height: 1.4;
    font-size: 18px;
    font-weight: 500;
    height: 2.8em;
    overflow: hidden;
    margin-bottom: 10px;
  }
  [data-t=list][data-t=list] [data-list=news] li:nth-child(1) .img-svg,
  [data-t=list][data-t=list] [data-list=news] li:nth-child(2) .img-svg,
  [data-t=list][data-t=list] [data-list=news] li:nth-child(3) .img-svg {
    display: block;
    margin-bottom: 10px;
  }
  [data-t=list][data-t=list] [data-list=news] li:nth-child(1) h5,
  [data-t=list][data-t=list] [data-list=news] li:nth-child(2) h5,
  [data-t=list][data-t=list] [data-list=news] li:nth-child(3) h5 {
    height: 2.8em;
    overflow: hidden;
  }
}
/*******关于我们*******/
[data-mod=abouts] .ab_head {
  position: relative;
  background-color: #1c1e39;
  background-size: cover !important;
  height: 28vw;
}
[data-mod=abouts] .ab_head:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.25);
}
[data-mod=abouts] .ab_head .wrapper {
  text-align: center;
  position: relative;
  z-index: 5;
}
[data-mod=abouts] .container {
  background-color: #fff;
}
[data-mod=abouts] .wrapper {
  max-width: 1300px;
}
[data-mod=abouts] [data-ab] {
  padding: 40px 0;
}
[data-mod=abouts] [data-ab=info] .g_title,
[data-mod=abouts] [data-ab=team] .g_title {
  margin-bottom: 20px;
}
[data-mod=abouts] [data-ab=info] ._html,
[data-mod=abouts] [data-ab=team] ._html {
  font-size: 16px;
  line-height: 1.8;
  text-align: justify;
  margin-bottom: 35px;
}
[data-mod=abouts] [data-ab=info] ._html p,
[data-mod=abouts] [data-ab=team] ._html p {
  margin-bottom: 1em;
}
[data-mod=abouts] [data-ab=info] ._datas {
  background-color: #004ea3;
  color: #fff;
  display: flex;
  gap: 10px;
  justify-content: space-evenly;
  align-items: center;
  padding: 20px;
  line-height: 1;
}
[data-mod=abouts] [data-ab=info] ._datas ._line {
  width: 1px;
  height: 60px;
  background: #fff;
  opacity: .5;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}
[data-mod=abouts] [data-ab=info] ._datas ._t {
  text-align: center;
  line-height: 1;
}
[data-mod=abouts] [data-ab=info] ._datas ._t b {
  font-size: 36px;
  margin-right: 4px;
}
[data-mod=abouts] [data-ab=info] ._datas ._l {
  font-size: 12px;
  opacity: .6;
  padding: 10px 0;
}
[data-mod=abouts] [data-ab=culture] {
  background-color: #F2F4F8;
  border-bottom: 1px rgba(224, 224, 225, 0.5) solid;
}
[data-mod=abouts] [data-ab=culture] .g_title {
  margin-bottom: 30px;
}
[data-mod=abouts] [data-ab=culture] ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  padding-bottom: 20px;
}
[data-mod=abouts] [data-ab=culture] ul li {
  background-color: #fff;
  padding: 30px;
  position: relative;
}
[data-mod=abouts] [data-ab=culture] ul li:before {
  content: " ";
  position: absolute;
  left: 30px;
  right: 30px;
  top: 100%;
  height: 10px;
  background-color: #004ea3;
}
[data-mod=abouts] [data-ab=culture] ul h1 {
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 20px;
}
[data-mod=abouts] [data-ab=culture] ul h5 {
  font-size: 17px;
  line-height: 1.6;
}
[data-mod=abouts] [data-ab=history] .g_title {
  margin-bottom: 30px;
}
[data-mod=abouts] [data-ab=history] .wrapper {
  position: relative;
}
[data-mod=abouts] [data-ab=history] .wrapper ._prev,
[data-mod=abouts] [data-ab=history] .wrapper ._next {
  position: absolute;
  z-index: 2;
  top: 50%;
  font-size: 24px;
  line-height: 50px;
  margin-top: -20px;
  font-size: 50px;
  cursor: pointer;
  opacity: .4;
}
[data-mod=abouts] [data-ab=history] .wrapper ._prev:hover,
[data-mod=abouts] [data-ab=history] .wrapper ._next:hover {
  opacity: 1;
  color: #004ea3;
}
[data-mod=abouts] [data-ab=history] .wrapper ._prev {
  left: 0;
}
[data-mod=abouts] [data-ab=history] .wrapper ._next {
  right: 0;
}
[data-mod=abouts] [data-ab=history] .ht_box {
  padding: 0 100px 50px;
}
[data-mod=abouts] [data-ab=history] .ht_box [data-id] {
  display: none;
  align-items: center;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}
[data-mod=abouts] [data-ab=history] .ht_box [data-id].active {
  display: grid;
}
[data-mod=abouts] [data-ab=history] .ht_box h1 {
  font-size: 36px;
  font-weight: bold;
  color: #004ea3;
}
[data-mod=abouts] [data-ab=history] .ht_box h5 {
  padding-top: 10px;
  line-height: 1.8;
  font-size: 15px;
}
[data-mod=abouts] [data-ab=history] .time_line {
  position: relative;
  padding: 0 100px;
  color: #fff;
  background-image: -webkit-linear-gradient(45deg, #2d7a70, #004ea3);
  background-image: -moz-linear-gradient(45deg, #2d7a70, #004ea3);
  background-image: -o-linear-gradient(45deg, #2d7a70, #004ea3);
  background-image: linear-gradient(45deg, #2d7a70, #004ea3);
}
[data-mod=abouts] [data-ab=history] .time_line .line {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50%;
  border-bottom: 1px solid #fff;
  height: 8px;
  background: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4) 1px, transparent 1px, transparent 10px);
}
[data-mod=abouts] [data-ab=history] .swiper-container {
  width: 100%;
  overflow: hidden;
}
[data-mod=abouts] [data-ab=history] .swiper-container .swiper-slide {
  width: 120px;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
}
[data-mod=abouts] [data-ab=history] .swiper-container .swiper-slide h2,
[data-mod=abouts] [data-ab=history] .swiper-container .swiper-slide h5,
[data-mod=abouts] [data-ab=history] .swiper-container .swiper-slide i {
  display: block;
  position: relative;
  z-index: 5;
  height: 40px;
  line-height: 1;
}
[data-mod=abouts] [data-ab=history] .swiper-container .swiper-slide h2 {
  font-size: 24px;
  line-height: 40px;
  font-weight: bold;
  opacity: 0;
}
[data-mod=abouts] [data-ab=history] .swiper-container .swiper-slide h5 {
  font-size: 14px;
  opacity: .5;
  line-height: 20px;
}
[data-mod=abouts] [data-ab=history] .swiper-container .swiper-slide i {
  display: none;
}
[data-mod=abouts] [data-ab=history] .swiper-container .swiper-slide span {
  display: block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 100%;
}
[data-mod=abouts] [data-ab=history] .swiper-container .swiper-slide:hover h5 {
  opacity: 1;
}
[data-mod=abouts] [data-ab=history] .swiper-container .swiper-slide-active {
  position: relative;
}
[data-mod=abouts] [data-ab=history] .swiper-container .swiper-slide-active:before {
  content: " ";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 10%;
  right: 0;
  bottom: 50%;
  background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
  background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
  background-image: -o-linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
  border-right: 2px rgba(255, 255, 255, 0.5) solid;
}
[data-mod=abouts] [data-ab=history] .swiper-container .swiper-slide-active i {
  display: block;
}
[data-mod=abouts] [data-ab=history] .swiper-container .swiper-slide-active h2 {
  opacity: 1;
}
[data-mod=abouts] [data-ab=history] .swiper-container .swiper-slide-active h5 {
  display: none;
}
[data-mod=abouts] [data-ab=team] > .wrapper {
  background-size: contain;
}
[data-mod=abouts] [data-ab=team] ._nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  margin-bottom: 20px;
}
[data-mod=abouts] [data-ab=team] ._nav [data-id] {
  font-size: 30px;
  cursor: pointer;
  opacity: .5;
}
[data-mod=abouts] [data-ab=team] ._nav [data-id].active {
  font-weight: bold;
  opacity: 1;
  color: #004ea3;
}
[data-mod=abouts] [data-ab=team] ._nav ._line {
  width: 1px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.2);
}
[data-mod=abouts] [data-ab=team] ._box [data-nav] {
  display: none;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
[data-mod=abouts] [data-ab=team] ._box [data-nav].active {
  display: grid;
}
[data-mod=abouts] [data-ab=team] ._box [data-nav] ._l h2 {
  line-height: 1;
  text-align: center;
  font-size: 16px;
  padding-top: 10px;
}
[data-mod=abouts] [data-ab=team] ._box [data-nav] ._r {
  font-size: 15px;
  line-height: 1.8;
  text-align: justify;
}
[data-mod=abouts] [data-ab=honors] .g_title {
  margin-bottom: 30px;
}
[data-mod=abouts] [data-ab=honors] ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px 40px;
}
[data-mod=abouts] [data-ab=honors] ul h2 {
  text-align: center;
  line-height: 1;
  font-size: 18px;
  padding-top: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
[data-mod=abouts] [data-ab=contact] {
  background-color: #F2F4F8;
  padding-bottom: 0;
  position: relative;
}
[data-mod=abouts] [data-ab=contact] .g_title {
  margin-bottom: 30px;
}
[data-mod=abouts] [data-ab=contact] ._us {
  position: relative;
  z-index: 10;
}
[data-mod=abouts] [data-ab=contact] ._xx {
  position: relative;
  z-index: 5;
  margin: 0 50px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 30px 20px;
  background-color: #004ea3;
  color: #fff;
}
[data-mod=abouts] [data-ab=contact] ._xx span {
  display: block;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 10px;
}
[data-mod=abouts] [data-ab=contact] ._xx a {
  display: block;
  padding: 3px 1em;
  border: 1px rgba(255, 255, 255, 0.4) solid;
  color: #fff;
  border-radius: 40px;
}
[data-mod=abouts] [data-ab=contact] ._xx p {
  display: block;
  font-size: 13px;
  opacity: .6;
}
[data-mod=abouts] [data-ab=contact] ._xx ._line {
  width: 1px;
  height: 50px;
  background-color: rgba(255, 255, 255, 0.05);
}
[data-mod=abouts] [data-ab=contact] ._add {
  margin-top: -50px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background-color: #fff;
}
[data-mod=abouts] [data-ab=contact] ._add ._r {
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  line-height: 1.6;
}
[data-mod=abouts] [data-ab=contact] ._add ._r h2 {
  font-size: 18px;
  font-weight: bold;
}
[data-mod=abouts] [data-ab=contact] #mapBox {
  position: relative;
  z-index: 0;
  margin-top: -200px;
  background-color: #555;
  height: 500px;
}