﻿body {
  transition-duration: 0.39s;
  overflow-x: hidden;
  letter-spacing:1px;
}
@keyframes beat {
  0%,
  100% {
    transform: translate(0, -10%);
  }
  50% {
    transform: translate(0, 10%);
  }
}
@keyframes beat2 {
  0%,
  100% {
    transform: translate(0, -5%);
  }
  50% {
    transform: translate(0, 5%);
  }
}
a{
    color:#333;
}
a:hover{
    text-decoration:none;
    color:#2c75ba;
}
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,
font,
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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}
body {
  font-size: 15px;
}
.container {
  width: 1470px;
}
a:hover {
  transition-duration: 0.39s;
  text-decoration: none;
}
.kj-width {
  width: 1440px;
  margin: 0 auto;
}
.kj-site-top {
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  padding: 0 65px;
  width: 100%;
  /*border-bottom: 2px solid rgba(255, 255, 255, 0.2);*/
  background:#fff;
}
.kj-left-top {
  display: flex;
  align-items: center;
}
.kj-scroll-top {
  /*background-image: linear-gradient(to right, #00efc3, #712dd4);
  border: none;*/
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/*.kj-scroll-top .kj-navbar .navbar-default .navbar-nav > li > a:hover::after {
  width: 100%;
  background-image: linear-gradient(to right, #00efc3, #712dd4);
  transition-duration: 0.39s;
  bottom: 0px;
}*/
.kj-navbar-header {
  padding: 10px 0;
}
.kj-navbar-collapse {
  margin-left: 150px;
}
.kj-navbar .navbar-default .navbar-nav > li > a:hover::after {
  width: 100%;
  transition-duration: 0.39s;
}
.kj-navbar {
  width: 100%;
  transition-duration: 0.39s;
  background-color:transparent;
  box-shadow:none;
}
.kj-navbar-nav{
  padding:0;
}
.kj-navbar .navbar-default {
    background-color: transparent;
    border-radius: 0;
    border: none;
    margin-bottom: 0;
    transition-duration: 0.39s;
}
.kj-navbar .navbar-default .navbar-nav > li {
  padding-right: 55px;
}
.kj-navbar .navbar-default .navbar-nav > li > a::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  background-color: #2c75ba;
  width: 0;
  height: 3px;
  bottom: -1px;
}
.kj-navbar .navbar-default .navbar-nav > li > a {
  color: #333;
  position: relative;
  padding: 20px 0px;
  font-size: 16px;
  transition-duration: 0.39s;
}
.kj-navbar .navbar-default .navbar-nav > li.active> a{
    color:#2c75ba;
    font-weight:bold;
}
.kj-navbar .navbar-default .navbar-nav > li:hover > a{
    color:#2c75ba;
}
.kj-navbar .collapse {
  padding: 0;
  margin-left: 65px;
}
.kj-position {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.kj-navbar .navbar-default .navbar-nav > li:last-child {
  padding-right: 0;
}
.kj-navbar-brand {
  display: block;
  padding: 0;
  height: auto;
  padding-left: 15px;
}
.kj-navbar-brand img {
  max-width: 100%;
}
#kj-top-logo {
  display: none;
}
.kj-position.container:after,
.kj-position.container:before {
  display: none;
}
.kj-top-navbar {
  position: fixed;
  top: 0;
  left: 0;
}
.kj-top-navbar .kj-navbar-brand {
  width: 100%;
}
.kj-top-navbar .kj-navbar-brand img {
  width: 100%;
}
.kj-top-navbar .kj-navbar-brand i {
  display: none;
}
.kj-top-navbar .kj-navbar-brand #kj-top-logo {
  display: block;
}
.kj-top-navbar .navbar-default {
  background-color: #fff;
}
.kj-top-navbar .navbar-default .kj-navbar-header {
  width: 180px;
}
.kj-top-navbar .navbar-default .kj-logo {
  display: none !important;
}
.kj-top-navbar .navbar-default .navbar-nav > li > a {
  color: #333;
  padding-left: 34px;
}
.kj-phone {
    color: #0054a6;
    display: flex;
    font-size: 22px;
    align-items: center;
    font-weight:bold;
}
.kj-phone i {
  font-size: 28px;
  margin-right: 8px;
  font-weight:normal;
}
.kj-default-swiper1 {
  height: 30vw;
}
.kj-default-swiper1 .swiper-slide {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.kj-default-swiper1 .swiper-button-next,
.kj-default-swiper1 .swiper-button-prev {
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
}
.kj-default-swiper1 .swiper-button-next:hover,
.kj-default-swiper1 .swiper-button-prev:hover {
  border-radius: 100%;
  color: #fff;
  background-color: rgba(51, 51, 51, 0.5);
}
.kj-announcement {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.kj-announcement .kj-announcementIn {
  height: 55px;
  display: flex;
  align-items: center;
}
.kj-announcement .kj-title {
  flex: 0 0 100px;
}
.kj-announcement .kj-title i {
  color: #2c75ba;
  margin-right: 10px;
}
.kj-announcement .swiper-slide ul li::marker {
  display: none;
}
.kj-announcement .swiper-slide ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
}
.kj-announcement .swiper-slide ul li span {
  color: #999;
  float: right;
  margin-right: 25px;
  flex: 0 0 105px;
}
.kj-announcement .swiper-slide ul a::before {
  content: "•";
  margin-right: 10px;
  color: #d7d7d7;
}
.kj-announcement .swiper-slide ul a {
  color: #333;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.kj-announcement .swiper-slide ul a:hover {
  color: #2c75ba;
}
.kj-header {
  text-align: center;
  font-size: 48px;
  color: #333;
  padding-top: 90px;
  padding-bottom: 85px;
}
.kj-aboutUs {
  padding: 0 0 125px 0;
  background-color: #f2f7fa;
}
.kj-index-contact .kj-bogyBtm .thumbnail:hover .kj-img {
  height: 110px;
  transform: translateY(-10px) scale(1.2);
}
.kj-index-contact .kj-bogyBtm .thumbnail {
  padding: 0;
  border: none;
  background-color: transparent;
}
.kj-index-contact .kj-bogyBtm .thumbnail .kj-img {
  height: 110px;
  display: flex;
  transition: all 0.5s 0s ease;
  align-items: center;
  justify-content: center;
}
.kj-index-contact .kj-bogyBtm .thumbnail .caption {
  text-align: center;
  padding: 0px 15px;
  padding-top: 25px;
}
.kj-index-contact .kj-bogyBtm .thumbnail .caption h3 {
  margin-bottom: 20px;
  font-size: 30px;
}
.kj-index-contact .kj-bogyBtm .thumbnail .caption div {
  line-height: 30px;
}
.kj-header2 {
  font-size: 48px;
  line-height:initial;
  text-align: center;
  padding-top: 85px;
  padding-bottom: 50px;
}
.kj-header2 span {
  margin-top: 5px;
  display: block;
  font-size: 18px;
  color: #999;
}
.kj-ProductService {
  padding-bottom: 175px;
  width: 100%;
  overflow: hidden;
}
.kj-ProductService .kj-IndexNews {
  padding-bottom: 40px;
}
.kj-ProductService .kj-IndexNews .swiper-slide {
  width: 450px;
  transition-timing-function: linear;
}
@media only screen and (max-width: 1200px) {
  .kj-ProductService .kj-IndexNews .swiper-slide {
    width: 770px;
  }
}
@media only screen and (max-width: 980px) {
  .kj-ProductService .kj-IndexNews .swiper-slide {
    width: 471px;
  }
}
@media only screen and (max-height: 480px) {
  .kj-ProductService .kj-IndexNews .swiper-slide {
    width: 471px;
  }
}
@keyframes first {
  0% {
    transform: scaleX(0.5);
    left: 0px;
  }
  /*091*/
  100% {
    transform: scaleX(1);
    left: 2px;
  }
  /*0915*/
}
@keyframes last {
  0% {
    transform: scaleX(0.7);
    left: -10px;
  }
  /*1090*/
  20% {
    transform: scaleX(0.3);
    left: 2px;
  }
  /*090*/
  100% {
    transform: scaleX(0.3);
    left: 0px;
  }
  /*090*/
}
@keyframes middle {
  0% {
    transform: scaleX(0.7);
    left: -10px;
  }
  /*1091*/
  20% {
    transform: scaleX(0.45);
    left: 2px;
  }
  /*092*/
  100% {
    transform: scaleX(1);
    left: 2px;
  }
  /*0913*/
}
.kj-ProductService .swiper-pagination-bullets {
  width: 400px;
  /* margin: 0 auto; */
  height: 1px;
  background-color: #2c75ba;
  left: 50%;
  transform: translateX(-50%);
}
.kj-ProductService .swiper-pagination-bullets .swiper-pagination-bullet {
  float: left;
  border-radius: 0;
  height: 1px;
  margin: 0 !important;
  padding: 0;
  background-color: transparent;
  display: block;
}
.kj-ProductService .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: #e6e6e6;
}
.kj-ProductService .swiper-slide-prev .kj-ProService,
.kj-ProductService .swiper-slide-active .kj-ProService,
.kj-ProductService .swiper-slide-next .kj-ProService {
  opacity: 1;
}
.kj-ProductService .swiper-slide:nth-child(odd) .kj-ProService .kj-img span {
  background-image: linear-gradient(to right, #4499de, #7d74f7);
}
.kj-ProductService .kj-ProService {
  opacity: 0.3;
}
.kj-ProductService .kj-ProService .kj-img {
  height: 305px;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.kj-ProductService .kj-ProService .kj-img span {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  right: 20px;
  bottom: -25px;
  border-radius: 50%;
  position: absolute;
  background-image: linear-gradient(to right, #43d16e, #32cab2);
}
.kj-ProductService .kj-ProService .kj-img span i {
  font-size: 32px;
}
.kj-ProductService .kj-ProService h3 {
  padding: 25px 0 10px;
}
.kj-ProductService .kj-ProService h3 a {
  color: #333;
  font-size: 26px;
}
.kj-ProductService .kj-ProService div {
  font-size: 16px;
  color: #666;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.kj-ProductService .kj-ProService:hover h3 a {
  color: #2c75ba;
}
.kj-resolveItem {
  background-color: #f8fbfc;
  padding-bottom: 115px;
}
.kj-Item .kj-media {
  display: flex;
  align-items: center;
}
.kj-Item .kj-media .kj-media-left {
  padding-right: 0;
}
.kj-Item .kj-media .kj-media-left a {
  display: block;
  width: 330px;
  height: 330px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.kj-Item .kj-media .kj-media-body {
  padding: 45px 45px 0 40px;
  height: 290px;
  background-color: #fff;
}
.kj-Item .kj-media .kj-media-body .kj-media-heading {
  font-size: 28px;
  margin-bottom: 20px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.kj-Item .kj-media .kj-media-body .kj-media-heading a {
  color: #333;
}
.kj-Item .kj-media .kj-media-body .kj-more {
  margin-top: 50px;
  width: 130px;
  height: 35px;
  display: block;
  border: 1px solid #c2c2c2;
  border-radius: 33px;
  line-height: 35px;
  color: #666;
  text-align: center;
}
.kj-Item .kj-media .kj-media-body div {
  font-size: 15px;
  color: #666;
  line-height: 30px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.kj-Item:hover .kj-media .kj-media-body {
  background-color: #2c75ba;
  color: #fff !important;
}
.kj-Item:hover .kj-media .kj-media-body .kj-more:hover {
  background-color: #fff;
  border-color: #fff;
  color: #333 !important;
}
.kj-Item:hover .kj-media .kj-media-body div {
  color: #fff;
}
.kj-Item:hover .kj-media .kj-media-body a {
  color: #fff !important;
}
.kj-applyTrial {
  height: 220px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}
.kj-applyTrial .kj-applyTrialIn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 70px;
}
.kj-applyTrial .kj-left {
  font-size: 35px;
  color: #fff;
  letter-spacing: 5px;
  font-weight: lighter;
  line-height: 60px;
}
    .kj-applyTrial .kj-right .kj-more2 {
        width: 200px;
        text-align: center;
        line-height: 50px;
        height: 50px;
        color: #fff;
        background-image: linear-gradient(to bottom right, #ff961f, #ff5e49);
        letter-spacing: 2px;
        font-size: 18px;
        display: inline-block;
    }
        .kj-applyTrial .kj-right .kj-more2:hover {
            background-image: linear-gradient(to bottom right, #ff5e49,#ff961f);
        }
.kj-Classity {
  padding-bottom: 70px;
}
.kj-Classity .kj-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
}
.kj-Classity .kj-row:hover {
  animation-play-state: paused;
}
.kj-Classity .kj-row1 {
  animation: 23.46666667s rowup1 linear infinite;
}
.kj-Classity .kj-Item {
  margin-right: 20px;
  width: 150px;
  flex: 0 0 150px;
  height: 70px;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(188, 228, 222, 0.3);
  box-shadow: 2px 3px 16px rgba(165, 204, 201, 0.24);
  flex-shrink: 0;
}
.kj-Classity .kj-Item img {
  max-width: 100%;
  max-height:100%;
}
.kj-Classity .kj-bgcolor {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.kj-Classity .kj-bgcolor:after,
.kj-Classity .kj-bgcolor:before {
  content: "";
  position: absolute;
  width: 140px;
  height: 579px;
  bottom: 0;
}
.kj-Classity .kj-bgcolor:before {
  z-index: 9;
  background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0) 80%);
  left: 0;
}
.kj-Classity .kj-bgcolor:after {
  z-index: 9;
  background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0) 80%);
  right: 0;
}
@keyframes rowup1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-1760px, 0, 0);
    transform: translate3d(-1200px, 0, 0);
  }
}
.row_1 {
  animation: 23.46666667s rowup1 linear infinite normal;
}
@keyframes rowup2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-1760px, 0, 0);
    transform: translate3d(-1760px, 0, 0);
  }
}
.row_2 {
  animation: 26.66666667s rowup2 linear infinite;
}
@keyframes rowup3 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-1584px, 0, 0);
    transform: translate3d(-1584px, 0, 0);
  }
}
.row_3 {
  animation: 21.12s rowup3 linear infinite;
}
@keyframes rowup4 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-1584px, 0, 0);
    transform: translate3d(-1584px, 0, 0);
  }
}
.row_4 {
  animation: 24s rowup4 linear infinite;
}
@keyframes rowup5 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-1584px, 0, 0);
    transform: translate3d(-1584px, 0, 0);
  }
}
.row_5 {
  animation: 21.12s rowup5 linear infinite;
}
.kj-news-indexIn {
  padding-bottom: 25px;
  margin-bottom: 20px;
}
.kj-news-indexIn .kj-a-img-news {
  display: block;
  height: 245px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.kj-news-indexIn .kj-title {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  padding-top: 20px;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.kj-news-indexIn .kj-title:hover {
  color: #2c75ba;
}
.kj-news-indexIn .kj-fabu {
  font-size: 16px;
  color: #999999;
  margin: 8px 0 15px;
  font-weight: lighter;
}
.kj-news-indexIn .kj-content-div {
  line-height: 30px;
  color: #666;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.kj-news-indexIn .kj-more {
  margin-top: 35px;
  width: 125px;
  height: 40px;
  display: block;
  border: 1px solid #c2c2c2;
  border-radius: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #333;
  text-align: center;
}
.kj-news-indexIn .kj-more i {
  font-size: 12px;
  color: #3d3d3d;
  margin-left: 5px;
  font-weight: bold;
}
.kj-news-indexIn .kj-more:hover {
  background-color: #2c75ba;
  border-color: #2c75ba;
  color: #fff;
}
.kj-news-indexIn .kj-more:hover i {
  color: #fff;
}
.kj-NewsCenter {
  background-color: #f8fbfc;
  padding-bottom: 70px;
}
.kj-footer {
  min-height: 280px;
  background-color: #323236;
}
.kj-concact .kj-concact-bottom-all {
  padding-top: 15px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 80px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
.kj-concact .kj-concact-bottom-all .kj-left {
  display: flex;
  align-items: flex-start;
}
.kj-concact .kj-concact-bottom-all .kj-left .kj-concact-bottom {
  margin-right: 140px;
}
.kj-concact .kj-concact-bottom ul {
  padding-left: 0;
  margin: 0;
}
.kj-concact .kj-concact-bottom ul li {
  list-style: none;
  text-align:left;
  color: #fff;
  margin-bottom: 15px;
}
.kj-concact .kj-concact-bottom ul li a {
  color: #fff;
  font-weight: lighter;
}
.kj-concact .kj-concact-bottom ul li a:hover {
  text-decoration: underline;
}
.kj-concact .kj-concact-bottom ul li:first-child {
  font-size: 20px;
  margin-bottom: 25px;
}
.kj-concact .kj-concact-bottom ul li:last-child {
  margin: 0;
}
.kj-concact .kj-concact-bottom-cc {
  display: flex;
}
.kj-concact .kj-concact-bottom-cc div {
  text-align: center;
  color: #fff;
  margin-left: 30px;
}
.kj-concact .kj-concact-bottom-cc div img {
  width: 135px;
  margin-bottom: 10px;
}
.kj-kf {
  text-align: center;
  display: flex;
  align-items: center;
}
.kj-footer-bottom {
  height: 100px;
  font-weight: lighter;
  display: flex;
  color: rgba(255, 255, 255, 0.5);
  align-items: center;
  justify-content: space-between;
}
.kj-footer-bottom ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  margin: 0;
}
.kj-footer-bottom ul li {
  list-style: none;
  margin-left: 15px;
}
.kj-footer-bottom ul li a {
  color: rgba(255, 255, 255, 0.5);
}
.kj-footer-bottom ul li a:hover {
  color: #fff;
}
.kj-concact-top {
  position: relative;
}
.kj-btm-form {
  height: 230px;
  padding: 0 50px;
  padding-top: 45px;
  width: 100%;
  margin-top: -70px;
  background-image: url('../images/BG.png');
  display: flex;
  background-size:contain;
  align-items: flex-start;
  background-position: top center;
  background-repeat: no-repeat;
}
.kj-btm-phone {
  flex: 0 0 440px;
  display: flex;
  align-items: center;
}
.kj-btm-phone img {
  margin-right: 20px;
}
.kj-btm-phone div {
  color: #fff;
  text-align:left;
  font-size: 17px;
  letter-spacing: 2px;
}
.kj-btm-phone div span {
  display: block;
  font-size: 32px;
  margin-top: 5px;
}
.kj-bannerBg {
  height: 650px;
  background-image: linear-gradient(to right, #1f1c2c, #241c51);
  padding-top: 160px;
}
.kj-header3 {
  font-size: 43px;
  padding-top: 30px;
  padding-bottom: 60px;
  letter-spacing: 3px;
  color: #fff;
  text-align: center;
}
.kj-banner-box {
  box-shadow: 0px 21px 27px -26px #666;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 290px;
  background-image: url('../images/website.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 10px;
  z-index: 2;
  position: relative;
  overflow: hidden;
  bottom: 19px;
}
.kj-banner-box a {
  display: block;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 96%;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.kj-bannerSwiper {
  width: 1230px;
  margin: 0 auto;
  padding: 70px 0 70px;
}
.kj-bannerSwiper .swiper-slide-next {
  height: 290px;
}
.kj-bannerSwiper .swiper-slide-next .kj-banner-box {
  padding: 20px 95px;
  position: absolute;
  box-shadow: none;
  top: 50%;
  left: 50%;
  z-index: 99;
  transform: translateX(-50%) translateY(-50%);
  width: 730px;
  height: 430px;
  background-image: url('../images/Macbook.png');
}
.kj-bannerSwiper .swiper-slide-next .kj-banner-box a {
  width: calc(100% - 195px);
  height: 352px;
  margin-bottom: 35px;
}
.kj-SuperiorService {
  padding-top: 75px;
  background-color: #f6f9fe;
  padding-bottom: 55px;
}
.kj-SuperiorService .row {
  margin-left: 0;
  margin-right: -35px;
}
.kj-SuperiorService .row .col-lg-4 {
  padding-left: 0;
  padding-right: 35px;
}
    .kj-SuperiorService .media {
        margin-bottom: 30px;
        padding: 25px 35px;
        background-color: #fff;
        box-shadow: 0 0 5px #f1f1f1;
        border-radius: 5px;
        transition-duration: 0.39s;
    }
.kj-SuperiorService .media .media-heading {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.kj-SuperiorService .media .media-left {
  padding-right: 40px;
}
.kj-SuperiorService .media .media-left a{
    display:block;
}
    .kj-SuperiorService .media .media-left i {
        transition: all 0.2s linear 0s;
        position: relative;
        top: 10px;
        font-weight: bold;
        font-size: 55px;
        text-align: center;
        background-image: linear-gradient(to right, #00efc3, #8454d8);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
.kj-SuperiorService .media .media-body div {
  font-size: 15px;
  color: #999;
  line-height: 28px;
  height:112px;

}
.kj-SuperiorService .media:hover {
  cursor: pointer;
  box-shadow: 0 0 5px #5b59de;
}
.kj-header4 {
  font-size: 40px;
  line-height:initial;
  padding-top: 85px;
  padding-bottom: 45px;
  text-align: center;
}
.kj-header4 span {
  color: #999;
  display: block;
  font-size: 18px;
  margin-top: 10px;
}
.kj-Classity .kj-Item {
  background-color: #fff;
}
.kj-Classity2 {
  padding-bottom: 170px;
  background-color: #f6f9fe;
}
.kj-Classity2 .kj-Item {
  border-radius: 6px;
  border: none;
  box-shadow: 0px 9px 5px #e7edf5;
  flex: 0 0 180px;
  height: 80px;
}
.kj-Classity2 .kj-bgcolor:before {
  z-index: 9;
  background: linear-gradient(90deg, #f6f9fe, rgba(255, 255, 255, 0.2) 80%);
  left: 0;
}
.kj-Classity2 .kj-bgcolor:after {
  z-index: 9;
  background: linear-gradient(270deg, #f6f9fe, rgba(255, 255, 255, 0.2) 80%);
  right: 0;
}
.kj-kj-brightBoxIn {
  height: 190px;
}
.kj-brightBox {
  margin-bottom: 60px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  overflow: hidden;
  transition-duration: 0.39s;
}
    .kj-brightBox .kj-content {
        display: none;
        line-height: 30px;
        transition-duration: 0.39s;
    }
    .kj-brightBox .kj-kj-brightBoxIn {
        display: flex;
        transition-duration: 0.39s;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.7);
    }
.kj-brightBox .kj-kj-brightBoxIn i {
  font-size: 60px;
}
.kj-brightSpot .container {
  padding: 0 140px;
}
.kj-brightSpot .row {
  margin-left: 0;
  margin-right: -60px;
}
.kj-brightSpot .row .col-md-3 {
  padding-left: 0;
  padding-right: 60px;
}
.kj-brightBox:hover {
  transform: translateY(-20px);
}
    .kj-brightBox:hover .kj-content2 {
        display: none;
        transition-duration: 0.39s;
    }
    .kj-brightBox:hover .kj-content {
        display: block;
        padding: 60px 30px;
        word-break: break-all;
        text-overflow: ellipsis;
        transition-duration: 0.39s;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }
    .kj-brightBox:hover .kj-kj-brightBoxIn {
        background-color: rgba(44, 117, 186, 0.7);
        transition-duration: 0.39s;
    }
.kj-characteristicService {
  padding-bottom: 70px;
  background-color: #f6f9fe;
  position: relative;
  background-image: url('../images/bg2.png');
  background-position: top center;
  background-repeat: no-repeat;
}
.kj-characteristicService .thumbnail {
  box-shadow: 0px 21px 27px -10px #edf2fa;
  border: none;
  padding: 0;
  background-color: #fff;
  transition-duration: 0.39s;
}
.kj-characteristicService .thumbnail .kj-img {
  height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kj-characteristicService .thumbnail .caption {
  padding: 0 25px;
  padding-bottom: 30px;
  text-align: center;
}
.kj-characteristicService .thumbnail .caption a {
  color: #333;
  display: block;
  font-size: 17px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
    .kj-characteristicService .thumbnail .caption div {
        margin-top: 17px;
        line-height: 25px;
        color: #999;
        font-size: 14px;
        height: 100px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }
.kj-characteristicService .thumbnail:hover {
  background-color: #3599eb;
}
.kj-characteristicService .thumbnail:hover .caption a {
  color: #fff;
}
.kj-characteristicService .thumbnail:hover .caption div {
  color: #fff;
}
.kj-characteristicService .row {
  margin-left: 0;
  margin-right: -74px;
}
.kj-characteristicService .row .col-md-4 {
  padding-left: 0;
  padding-right: 74px;
}
.kj-characteristicService .kj-header4 {
  color: #fff;
  padding-top: 70px;
}
.kj-characteristicService .kj-header4 span {
  color: #fff;
}
.kj-characteristicService .container {
  padding: 0 140px;
}
.kj-weMallIn {
  display: flex;
  justify-content: space-between;
}
.kj-weMallIn .kj-media2 {
  box-shadow: 0 0 30px #dde6f3;
  padding-top: 35px;
  padding-right: 45px;
  border-radius: 10px;
  padding-bottom: 33px;
  margin-bottom: 60px;
}
.kj-weMallIn .kj-media2 .media-heading {
  text-align: right;
  padding-left:10px;
  padding-right: 45px;
  line-height: 30px;
  font-size: 16px;
}
.kj-weMallIn .kj-left,
.kj-weMallIn .kj-right {
  width: 445px;
}
.kj-weMallIn .kj-right .kj-media2 {
  padding-left: 35px;
  padding-right: 0;
}
.kj-weMallIn .kj-right .kj-media2 .media-heading {
  padding-left: 30px;
  padding-right: 10px;
  text-align: left;
}
.kj-header5 {
  font-size: 40px;
  text-align: center;
}
.kj-tailor {
  padding-top: 110px;
  padding-bottom: 45px;
}
.kj-tailor .media {
  padding-bottom: 125px;
  padding-top: 80px;
}
.kj-tailor .media .media-left {
  padding-right: 90px;
}
.kj-tailor .media .media-heading {
  padding-top: 35px;
  line-height: 56px;
  font-size: 17px;
  color: #666;
}
.kj-tailor .media .kj-more3 {
  width: 330px;
  margin-top: 40px;
  height: 65px;
  display: flex;
  align-items: center;
  border-radius: 10px;
  color: #fff;
  font-size: 20px;
  justify-content: center;
  background-image: linear-gradient(to bottom right, #ff961f, #ff5e49);
}
.kj-tailor .media .kj-more3:hover {
  background-image: linear-gradient(to bottom right, #ff5e49, #ff961f);
}
.kj-application {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../images/bg3.png');
}
.kj-applicationIn {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.kj-applicationIn .row {
  margin: 0;
}
.kj-applicationIn .col-md-2 {
  padding: 0;
}
.kj-applicationIn .kj-appliyBox {
  transition: all 0.5s 0s ease;
  height: 635px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
}
.kj-applicationIn .kj-appliyBox div {
  transition: all 0.5s 0s ease;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  text-align: center;
  padding-bottom: 10px;
}
.kj-applicationIn .kj-appliyBox div i {
  font-size: 55px;
}
.kj-applicationIn .kj-appliyBox div h3 {
  margin-top: 20px;
  font-size: 20px;
  margin-bottom: 15px;
}
.kj-applicationIn .kj-appliyBox div span {
  font-size: 16px;
  font-weight: lighter;
  opacity: 0;
  display:none;
  transition: all 0.5s 0s ease;
}
.kj-applicationIn .kj-appliyBox:hover {
  background-color: rgba(44, 117, 186, 0.7);
}
.kj-applicationIn .kj-appliyBox:hover div {
  bottom: 30%;
  transform: translateY(-30%);
}
.kj-applicationIn .kj-appliyBox:hover div span {
  opacity: 1;
  display:block;
}
.kj-address {
  height: 630px;
  width: 100%;
}
.kj-infoBox {
  background-color: #fff;
  padding: 55px 40px 60px 40px;
}
.kj-infoBox ul {
  padding: 0;
  margin: 0;
}
.kj-infoBox ul li {
  list-style: none;
  margin-bottom: 18px;
}
.kj-infoBox ul li a {
  color: #333;
}
.kj-infoBox ul li a:hover {
  color: #2470e1;
}
.kj-addressIn {
  display: flex;
  justify-content: right;
  padding-top: 75px;
}
.kj-header6 {
  font-size: 24px;
  letter-spacing: 1px;
  color: #2c75ba;
}
.kj-header6 span {
  letter-spacing: 0;
  display: block;
  font-size: 13px;
  color: #999;
}
.kj-header6::after {
  content: "";
  width: 20px;
  height: 2px;
  margin: 20px 0 30px;
  display: block;
  background-color: #2c75ba;
}
.kj-abBg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.kj-abBgIn {
  height: 650px;
  display: flex;
  align-items: center;
}
.kj-header7 {
  font-size: 48px;
  color: #fff;
}
.kj-header7 span {
  margin-top: 30px;
  line-height: 30px;
  line-height: 44px;
  font-size: 23px;
  display: block;
}
.kj-tabNav {
  box-shadow: 0 0 20px #eceff4;
  position: relative;
}
.kj-tabNav ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
}
.kj-tabNav ul li:last-child {
  margin-right: 0;
}
.kj-tabNav ul li {
  list-style: none;
  margin-right: 160px;
}
.kj-tabNav ul li a {
  padding: 30px 0;
  color: #333;
  display: block;
  position: relative;
}
.kj-tabNav ul li a:hover {
  color: #2c75ba;
}
.kj-tabNav ul li a:hover::after {
  width: 100%;
}
.kj-tabNav ul li a::after {
  transition-duration: 0.39s;
  content: "";
  position: absolute;
  bottom: 0;
  background-color: #2c75ba;
  left: 0;
  width: 0;
  height: 2px;
}
.kj-abUs {
  padding: 115px 0 100px;
  background-color: #f6f9fe;
}
.kj-abUs .media .media-heading {
  font-size: 40px;
  padding-top: 8px;
  margin-bottom: 25px;
}
.kj-abUs .media .media-body {
  padding-left: 40px;
}
.kj-abUs .media .media-body div {
  font-size: 16px;
  color: #666;
  line-height: 40px;
}
.kj-abUs .media .media-left {
  padding-right: 0;
  padding-left: 170px;
}
.kj-header8 {
  font-size: 40px;
  padding-top: 75px;
  text-align: center;
}
.kj-Culture {
  padding-bottom: 110px;
}
.kj-Culture .row {
  margin-left: 0;
  margin-right: -35px;
}
.kj-Culture .col-md-3 {
  padding-left: 0;
  padding-right: 35px;
}
.kj-CultureBox {
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 50px;
  transition-duration: 0.39s;
  background-size: cover;
}
.kj-CultureBox .kj-CultureBoxIn:hover {
  background-color: rgba(44, 117, 186, 0.7);
  transition: all 0.5s 0s ease;
}
.kj-CultureBox .kj-CultureBoxIn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 400px;
  background-color: rgba(0, 0, 0, 0.5);
}
.kj-CultureBox .kj-CultureBoxIn div {
  text-align: center;
  color: #fff;
  line-height:initial;
  font-size: 26px;
  line-height:initial;
}
.kj-CultureBox .kj-CultureBoxIn div i {
  font-size: 85px;
  display: block;
  margin-bottom: 20px;
}
.kj-CultureBox:hover {
  transform: translateY(-10px);
}
.kj-development {
  background: url(../images/dbg.png) no-repeat center;
  background-size: cover;
  padding-bottom: 120px;
  position: relative;
}
.kj-development .kj-header8 {
  color: #fff;
  line-height:initial;
  margin-bottom: 100px;
}
.kj-development img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  max-width: 100%;
  z-index: 1;
  margin-top: 56px;
}
.kj-development .year {
  font-family: Arial;
  font-size: 60px;
  color: #fff;
  font-weight: bold;
  display: block;
  line-height: 48px;
  margin-bottom: 15px;
  transition: all 0.2s linear 0s;
}
.kj-development .swiper-container {
  padding-left: 10px;
}
.kj-development span {
  display: block;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #fff;
  margin-bottom: 10px;
}
.kj-development .content {
  color: #fff;
  font-weight: lighter;
  line-height: 30px;
}
.kj-development .swiper-slide:nth-child(2n) {
  margin-top: 230px;
  justify-content: flex-end;
}
.kj-development .swiper-slide {
  border-left: 1px solid #fff;
  height: 220px;
  display: flex;
  flex-direction: column;
  padding-left: 28px;
  position: relative;
}
.kj-development .swiper-slide:hover .year {
  background-image: linear-gradient(60deg, #ff9024, #00efc3);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.kj-development .swiper-slide:nth-child(2n):after {
  bottom: 0;
  left: -3px;
}
.kj-development .swiper-slide:after {
  content: "";
  width: 5px;
  height: 5px;
  background: #fff;
  position: absolute;
  left: -3px;
  bottom: auto;
  border-radius: 50%;
  transition: all 0.2s linear 0s;
}
.kj-development .swiper-button-prev {
  left: -30px;
}
.kj-development .swiper-button-next {
  right: -30px;
}
.kj-development .swiper-button-prev:hover i,
.kj-development .swiper-button-next:hover i {
  color: #2470e1;
}
.kj-development .swiper-button-prev,
.kj-development .swiper-button-next {
  background-image: none;
  display: flex;
  align-items: center;
  top: 49%;
  justify-content: center;
}
.kj-development .swiper-button-prev i,
.kj-development .swiper-button-next i {
  color: #fff;
  position: relative;
  top: 5px;
  font-size: 24px;
}
.kj-development .swiper-button-prev::after,
.kj-development .swiper-button-next::after {
  display: none;
}
.kj-honorSwiper {
  padding-top: 55px;
  padding-bottom: 55px;
}
.kj-honorSwiper img:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.kj-honorSwiper .swiper-pagination {
  bottom: -5px;
}
.kj-honorSwiper .swiper-pagination-bullet {
  width: 15px;
  height: 5px;
  background-color: #adadad;
  opacity: 1;
  border-radius: 5px;
}
.kj-honorSwiper .swiper-pagination-bullet-active {
  background-color: #2c75ba;
}
.kj-honor {
  padding-bottom: 75px;
}

i,
em {
  font-style: normal;
}
.disN {
  display: none;
}
.disB {
  display: block;
}
a {
  transition: all 0.2s linear 0s;
}
img {
  vertical-align: bottom;
  /*image-rendering:-webkit-optimize-contrast;*/
}
input[type=text],
textarea {
  font-family: Arial, Helvetica, sans-serif;
  -webkit-appearance: none;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background: none;
  border-color: #fff;
}
.noPro {
  text-align: center;
  width: 100%;
}
.noPro img {
  height: 150px;
  margin-bottom: 30px;
}
.noPro span {
  display: block;
  font-size: 14px;
  color: #999;
}
/*erp系统*/
.erp_banner_box {
  width: 100%;
  height: 25vw;
}
.erp_banner_box .container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.erp_banner_box h1 {
  color: #fff;
  font-size: 50px;
  line-height: 90px;
}
.erp_banner_box h2 {
  color: #fff;
  font-size: 40px;
  line-height: 80px;
}
.erp_select_us {
  padding: 130px 0;
}
.erp_select_us .select_us_num {
  position: relative;
}
.erp_select_us .select_us_num .counter-section {
  width: calc(100% - 796px);
}
.erp_select_us .select_us_num .counter-section h1 {
  font-size: 40px;
  color: #333333;
  line-height: 62px;
  margin-bottom: 36px;
}
.erp_select_us .select_us_num .counter-section .num_box {
  display: flex;
  align-items: center;
}
.erp_select_us .select_us_num .counter-section .num_list {
  position: relative;
  padding: 0 45px;
}
.erp_select_us .select_us_num .counter-section .num_list:before {
  content: "";
  width: 1px;
  height: 42px;
  background: #e9eaef;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.erp_select_us .select_us_num .counter-section .num_list:first-child {
  padding-left: 0;
}
.erp_select_us .select_us_num .counter-section .num_list:first-child:before {
  width: 0;
}
.erp_select_us .select_us_num .counter-section .num_list .text {
  font-size: 18px;
  color: #333333;
  line-height: 34px;
}
.erp_select_us .select_us_num .counter-section .num_list .num {
  display: flex;
  align-items: center;
  height: 58px;
}
.erp_select_us .select_us_num .counter-section .num_list .timer {
  font-size: 48px;
  color: #2c75ba;
  font-weight: bold;
}
.erp_select_us .select_us_num .counter-section .num_list .middleText {
  font-size: 48px;
  color: #2c75ba;
  font-weight: bold;
}
.erp_select_us .select_us_tab {
  margin-top: 95px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.erp_select_us .select_us_tab ul {
  width: 350px;
}
.erp_select_us .select_us_tab ul li {
  display: flex;
  align-items: center;
  height: 30px;
  margin-bottom: 22px;
  padding-left: 45px;
  position: relative;
}
.erp_select_us .select_us_tab ul li:before {
  content: "";
  width: 0;
  height: 2px;
  background: linear-gradient(to left, #ff5e49, #ff961f);
  transition: all 0.2s linear 0s;
  position: absolute;
  top: 14px;
  left: 0;
}
.erp_select_us .select_us_tab ul li a {
  font-size: 18px;
  color: #333333;
}
.erp_select_us .select_us_tab ul li:hover a {
  color: #2c75ba;
  font-weight: bold;
}
.erp_select_us .select_us_tab ul li:hover:before {
  width: 30px;
}
.erp_select_us .select_us_tab ul li.active a {
  color: #2c75ba;
  font-weight: bold;
}
.erp_select_us .select_us_tab ul li.active:before {
  width: 30px;
}
.erp_select_us .father_tab_box {
  width: calc(100% - 350px);
  padding-right: 250px;
}
.erp_select_us .father_tab_box .item_tab {
  width: 100%;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 45px 75px 58px 75px;
  display: none;
}
.erp_select_us .father_tab_box .item_tab.active {
  display: block;
}
.erp_select_us .father_tab_box .item_tab h1 {
  line-height: 50px;
  color: #2c75ba;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 18px;
}
.erp_select_us .father_tab_box .item_tab span {
  line-height: 32px;
  color: #333333;
  font-size: 18px;
}
.erp_select_us .select_us_img {
  width: 796px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.erp_select_us .select_us_img img {
  max-width: 100%;
}
.erp_advantage_box .title_box {
  text-align: center;
  font-size: 40px;
  color: #333333;
  line-height: 60px;
  margin-bottom: 25px;
}
.erp_advantage_box .nav {
  border-bottom: 2px solid #eef4ff;
  display: flex;
}
.erp_advantage_box .nav li {
  flex: 1;
  position: relative;
}
.erp_advantage_box .nav li:after {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  bottom: -2px;
  left: 0;
  background: #2c75ba;
  transition: all 0.2s linear 0s;
}
.erp_advantage_box .nav li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 15px;
  color: #333333;
  height: 160px;
  padding: 0;
  padding-top: 25px;
  text-align: center;
}
.erp_advantage_box .nav li a img {
  margin-bottom: 15px;
  transition: all 0.2s linear 0s;
}
.erp_advantage_box .nav li a i {
  transition: all 0.2s linear 0s;
  font-size: 40px;
  text-align: center;
  line-height: 60px;
  margin-bottom: 8px;
  background-image: -webkit-linear-gradient(top, #00efc3, #2470e1, #8454d8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.erp_advantage_box .nav li:hover a {
  background: none;
  color: #2c75ba;
}
.erp_advantage_box .nav li:hover a i {
  transform: translateY(-3px);
}
.erp_advantage_box .nav li:hover a img {
  transform: scale(0.7);
}
.erp_advantage_box .nav li:hover:after {
  width: 100%;
}
.erp_advantage_box .nav li.active a {
  background: none;
  color: #2c75ba;
  font-weight: bold;
}
.erp_advantage_box .nav li.active:after {
  width: 100%;
}
.erp_advantage_box .tab-pane {
  padding: 80px 0 100px 0;
}
.erp_advantage_box .tab-pane .advantage_box {
  display: flex;
  flex-wrap: wrap;
}
.erp_advantage_box .tab-pane .advantage_box .left_box {
  width: 50%;
  text-align: center;
}
.erp_advantage_box .tab-pane .advantage_box .left_img {
/*  background: url("../images/erp_mark.png") no-repeat center;*/
  width: 610px;
  height: 410px;
}
.erp_advantage_box .tab-pane .advantage_box .left_img img {
  margin-top: 10px;
  max-width:600px;
}
.erp_advantage_box .tab-pane .advantage_box .right_box {
  width: 50%;
}
.erp_advantage_box .tab-pane .advantage_box .right_box h1 {
  font-size: 30px;
  color: #333333;
  font-weight: bold;
  line-height: 60px;
  margin: 15px 0;
}
.erp_advantage_box .tab-pane .advantage_box .right_box ul li {
  display: flex;
  align-items: flex-start;
}
.erp_advantage_box .tab-pane .advantage_box .right_box ul li i {
  color: #2c75ba;
  width: 45px;
  text-align: center;
  font-size: 18px;
  line-height: 40px;
}
.erp_advantage_box .tab-pane .advantage_box .right_box ul li span {
  flex: 1;
  line-height: 40px;
  font-size: 16px;
  color: #666666;
}
.erp_advantage_box .tab-pane .free_btn {
  display: block;
  width: 300px;
  height: 65px;
  border-radius: 10px;
  text-align: center;
  line-height: 65px;
  background: linear-gradient(to left, #ff5e49, #ff961f);
  font-size: 20px;
  color: #fff;
  margin: 30px auto 0 auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  font-weight: bold;
}
.erp_advantage_box .tab-pane .free_btn:hover {
  background: linear-gradient(to right, #ff5e49, #ff961f);
}
.erp_advantage_box .tab-pane .free_btn:active {
  position: relative;
  top: 2px;
}
.erp_service_box {
  background: #f6f9fe;
  padding: 77px 0 100px 0;
}
.erp_service_box .title_box {
  text-align: center;
  font-size: 40px;
  color: #333333;
  line-height: 60px;
  margin-bottom: 25px;
}
.erp_service_box .nav {
  display: flex;
  justify-content: center;
  margin: 28px 0 25px 0;
}
.erp_service_box .nav li {
  margin: 0 32px;
}
.erp_service_box .nav li a {
  padding: 0;
  height: 52px;
  line-height: 52px;
  border-bottom: 2px solid transparent;
  font-size: 18px;
  color: #333333;
  text-align: center;
}
.erp_service_box .nav li:hover a {
  background: none;
  border-color: #2c75ba;
}
.erp_service_box .nav li.active a {
  background: none;
  border-color: #2c75ba;
}
.erp_service_box .service_box {
  background: #fff;
  display: flex;
  height: 465px;
}
.erp_service_box .service_box .left_box {
  width: 50%;
  padding-left: 75px;
  padding-right: 40px;
}
.erp_service_box .service_box .left_box h1 {
  font-size: 30px;
  color: #333333;
  font-weight: bold;
  line-height: 60px;
  margin: 70px 0 15px 0;
}
.erp_service_box .service_box .left_box ul li {
  display: flex;
  align-items: flex-start;
}
.erp_service_box .service_box .left_box ul li i {
  color: #2c75ba;
  width: 45px;
  text-align: center;
  font-size: 18px;
  line-height: 50px;
}
.erp_service_box .service_box .left_box ul li span {
  flex: 1;
  line-height: 50px;
  font-size: 16px;
  color: #666666;
}
.erp_service_box .service_box .right_box {
  width: 50%;
  background: #4b4e50;
  display: flex;
  justify-content: center;
}
.erp_service_box .service_box .right_img {
  background: url("../images/erp_mark.png") no-repeat center;
  width: 610px;
  height: 410px;
  margin-top: 50px;
}
    .erp_service_box .service_box .right_img img {
        margin: 0 auto;
        margin-top: 22px;
        display:block;
        max-width: 439px;
        max-height: 274px;
    }
.erp_data_sync {
  background: #18073b;
  padding: 45px 0 15px 0;
}
.erp_data_sync .container {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.erp_data_sync .container:before,
.erp_data_sync .container:after {
  display: none;
}
.erp_data_sync .left_box {
  width: 50%;
}
.erp_data_sync .left_box .icon_box {
  position: relative;
  margin-top: 40px;
  margin-bottom: 30px;
}
.erp_data_sync .left_box .icon_box:before {
  content: "";
  width: 50px;
  height: 50px;
  background: #2859de;
  border-radius: 50%;
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 1;
}
.erp_data_sync .left_box .icon_box img {
  position: relative;
  z-index: 2;
  margin-left: 27px;
}
.erp_data_sync .left_box h1 {
  color: #fff;
  font-size: 40px;
  line-height: 60px;
  margin-bottom: 16px;
}
.erp_data_sync .left_box .text_box {
  color: rgba(255, 255, 255, 0.7);
  font-size: 18px;
  line-height: 46px;
  width: 72%;
}
.erp_data_sync .right_box {
  width: 50%;
  justify-content: center;
  display: flex;
}
.erp_data_sync .right_box ul {
  display: flex;
  flex-wrap: wrap;
}
.erp_data_sync .right_box .item_list {
  width: 170px;
  height: 190px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 15px 30px 15px;
  transition: all 0.2s linear 0s;
}
.erp_data_sync .right_box .item_list:hover {
  transform: translateY(-5px);
}
.erp_data_sync .right_box .item_list i {
  font-size: 50px;
  color: #fff;
  line-height: 64px;
}
.erp_data_sync .right_box .item_list span {
  font-size: 18px;
  color: #ffffff;
  line-height: 40px;
}
.kj-large {
  padding-top: 75px;
  padding-bottom: 95px;
  background-color: #f6f9fe;
}
.kj-large .row {
  margin-left: 0;
  margin-right: -60px;
}
.kj-large .col-md-4 {
  padding-left: 0;
  padding-right: 60px;
}
.kj-templateImg {
  margin-bottom: 65px;
  transition-duration: 0.39s;
}
.kj-templateImg:hover {
  transform: translateY(-10px);
}
.kj-middle img{
    max-width:440px;
}
.kj-more4 {
    display: block;
    width: 300px;
    height: 65px;
    border-radius: 10px;
    text-align: center;
    line-height: 65px;
    background-color: transparent;
    background: linear-gradient(to left, #ff5e49, #ff961f);
    font-size: 20px;
    color: #fff;
    margin: 30px auto 0 auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    letter-spacing: 1px;
    transition-duration: 0.39s;
    animation: beat 2s ease-in-out infinite;
}
.kj-more4:hover {
  color: #fff;
  animation-play-state: paused;
  background: linear-gradient(to left, #ff961f, #ff5e49);
}
.kj-tab {
  display: flex;
}
.kj-tab .container {
  padding: 0 120px;
}
.kj-tab .tab-pane {
  padding-left: 70px;
}
.kj-tab .nav-tabs {
  width: 400px;
  flex: 0 0 400px;
  border: none;
}
.kj-tab .nav-tabs li {
  width: 100%;
  margin-bottom: 40px;
}
.kj-tab .nav-tabs li a {
  border: none;
  font-size: 25px;
  text-align: center;
  color: #333;
  margin: 0;
  border-radius: 10px;
  padding: 22px 15px;
}
.kj-tab .nav-tabs li a:hover,
.kj-tab .nav-tabs li a:focus {
  border: none;
  color: #fff;
  background-color: #2c75ba;
  box-shadow: 0 5px 8px rgba(44, 117, 186, 0.4);
}
.kj-tab .nav-tabs li.active a {
  border: none;
  color: #fff;
  background-color: #2c75ba;
  box-shadow: 0 5px 8px rgba(44, 117, 186, 0.4);
}
.kj-make {
  padding-bottom: 145px;
  background-image: url('/images/bg5.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.kj-make .container {
  padding: 0 120px;
}
.kj-function {
  padding-top: 0;
}
.kj-simple {
  padding-bottom: 30px;
}
.kj-simple img {
  margin-top: 60px;
}
.kj-mediaSpecial {
  background-color: #2c75ba;
  color: #fff;
  height: 112px;
  font-size: 22px;
  display: flex;
  align-items: center;
  letter-spacing: 2px;
  justify-content: center;
  border-radius: 5px;
}
.kj-mediaSpecial:hover {
  color: #fff;
  background-color: #225c93;
}
.kj-Classity .kj-Item:hover {
  border-color: #225c93;
}
.kj-weMallIn .kj-media2:hover {
  box-shadow: 0 0 30px #1789dc;
  cursor: pointer;
}
.kj-sixcj {
  background-color: #f6f9fe;
  padding-bottom: 90px;
}
.kj-sixcj .kj-sixcjIn {
  padding: 0 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.kj-sixcj .kj-sixcjIn .kj-sbox {
  text-align: center;
  margin-top: 20px;
  width: 105px;
  transition-duration: 0.39s;
  font-size: 18px;
}
.kj-sixcj .kj-sixcjIn .kj-sbox span {
  border-radius: 20px;
  margin-bottom: 20px;
  display: flex;
  transition-duration: 0.39s;
  align-items: center;
  justify-content: center;
  height: 105px;
  background-image: url('../images/squ.png');
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0 5px 15px #ccc;
  background-size: cover;
}
.kj-sixcj .kj-sixcjIn .kj-sbox span i {
  font-size: 45px;
  color: #fff;
}
.kj-sixcj .kj-sixcjIn .kj-sbox:hover {
  transform: translateY(-10px);
}
.kj-hulian {
  padding-bottom: 60px;
}
.kj-hulian .container {
  padding: 0 15px;
}
.kj-hulian .kj-brightBox {
  margin-bottom: 40px;
}
.kj-hulian .row {
  margin-left: 0;
  margin-right: -40px;
}
.kj-hulian .row .col-md-3 {
  width: 20%;
  padding-right: 40px;
}
.kj-dingzhi {
  padding-top: 0;
}
.kj-AfterSaleIn {
  padding-bottom: 190px;
  display: flex;
  font-size: 18px;
  align-items: center;
  justify-content: space-between;
}
.kj-AfterSaleIn .kj-aBox {
  width: 17%;
  text-align: center;
}
.kj-AfterSaleIn .kj-aBox span {
  width: 150px;
  height: 150px;
  margin: 0 auto;
display:block;
text-align:center;
line-height:150px;
  border-radius: 50%;
  background-color: #f7f9fb;
  margin-bottom: 15px;
}
    .kj-AfterSaleIn .kj-aBox span i {
        font-size: 60px;
        transition: all 0.2s linear 0s;
        font-weight: bold;
        background-image: linear-gradient(to right, #00efc3, #8454d8);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
    .kj-footer-bottom a {
        color: rgba(255, 255, 255, 0.5);
    }
.kj-footer-bottom a:hover{
    text-decoration:underline;
}
.kj-casenews-content{
    padding-bottom:100px;
}
.kj-btm-forms .formcolumn-item-tit{
    display:none;
}
.kj-btm-forms #GBFORM{
    display:flex;
}
.kj-btm-forms .formcolumn-item#kjyanzhengma .formcolumn-item-ct{
    display: flex;
    align-items:center;
}
.kj-btm-forms .formcolumn-item-ct {
    background-color: #fff;
    height: 50px;
    margin-right: 10px;
    width:240px;
    overflow:hidden;
    border-radius: 5px;
}
    .kj-btm-forms .formcolumn-item-ct input {
        background-color: #fff;
        height: 50px;
        line-height: 50px;
        width: 100%;
        padding: 0;
        padding-left: 10px;
        border: none;
        outline: none;
        color: #666;
    }
.kj-btm-forms #GBCAPTCHAIMG img{
    width:70px;
}
.kj-btm-forms #kjyanzhengma input {
    width: calc(100% - 70px)
}
.kj-btm-forms .kj-btn-form{
    width:135px;
    height:50px;
    flex:0 0 135px;
}
.kj-btn-form input {
    display: block;
    width:135px;
    border-radius: 5px;
    text-align: center;
    line-height: 50px;
    background-color: transparent;
    background: linear-gradient(to left, #ff5e49, #ff961f);
    font-size: 16px;
    color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    letter-spacing: 1px;
    padding:0;
    transition-duration: 0.39s;
}
    .kj-btn-form input:hover {
        color: #fff;
        animation-play-state: paused;
        background: linear-gradient(to left, #ff961f, #ff5e49);
    }
.right_box ul li:first-child{
    margin-top:30px;
}
.right_box ul li:nth-child(2) .item_list:first-child {
    margin-top: 60px;
}
    .right_box ul li:nth-child(2) .item_list:first-child i {
        font-size: 46px;
    }
    .right_box ul li:nth-child(3) .item_list:first-child i {
        font-size: 60px;
    }
.kj-tabNav.active {
    position: fixed;
    left: 100px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 88;
    background-color: rgb(255 255 255 / 80%);
    width:125px;
    text-align:center;
}
    .kj-tabNav.active ul {
        display: block;
        width: 100%
    }

        .kj-tabNav.active ul li {
            margin-right: 0;
        }

    .kj-tabNav.active .container {
        width: 100%;
    }

    .kj-tabNav.active ul li a {
        padding:10px;
    }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color:transparent;
}
.navbar-nav > li > .dropdown-menu {
    top: 100%;
    margin: 0;
    left: 0;
    min-width: 145px;
    background-color: #fff;
    padding: 0;
    border: 0;
}
.navbar-nav .dropdown-menu > li > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    height:40px;
    position:relative;
}
    .navbar-nav .dropdown-menu > li > a::after {
        transition-duration: 0.39s;
        content: "";
        position: absolute;
        bottom: 0;
        background-color: #2c75ba;
        left: 0;
        width: 0;
        height: 2px;
    }
        .navbar-nav .dropdown-menu > li > a:hover::after{
            width:100%;
        }
        .navbar-nav .dropdown-menu > li > a .fa-angle-down {
            transform: rotate(-90deg)
        }
.navbar-nav .dropdown-menu > li > a:hover{
    background-color:transparent;
    color:#2c75ba;
}
.navbar-nav .dropdown-menu > li:hover .dropdown-menu {
    display:block;
}
.navbar-nav .dropdown-menu > li .dropdown-menu {
    left: 100%;
    top: 0px;
    background-color: #fff;
    padding: 0;
    margin: 0;
    border: 0;
}
/*float*/
/*.float_box{position:fixed;right:1px;top:50%;transform:translateY(-50%);transition:all 0.2s linear 0s;z-index:1000;}
.float_box ul{display:block;width:64px;}
    .float_box ul li {
        position: relative;
        display: block;
        width: 64px;
        height: 64px;
        background-image: linear-gradient(to right, #fff, #fff);
        text-align: center;
        vertical-align: bottom;
        transition: all 0.2s linear 0s;
        cursor: pointer;
        border: 1px solid #dcdcdc;
    }
.float_box ul li:nth-child(5){margin-top:8px;}
.float_box ul li i{font-size:24px;color:#333;display:block;line-height:30px;padding-top:9px;transition:all 0.2s linear 0s;}
.float_box ul li span{font-size:12px;color:#333;display:block;line-height:20px;transition:all 0.2s linear 0s;}
        .float_box ul li:hover {
            background: #1b6cab;
        }
.float_box ul li:hover i{color:#fff;}
.float_box ul li:hover span{color:#fff;}
.float_box ul li .qq_box{position:absolute;right:64px;top:0;display:none;background:#124c79;border-radius:3px;padding:10px;}
.float_box ul li .qq_box a{font-size:14px;color:#fff;display:block;width:160px;line-height:28px;transition:all 0.2s linear 0s;}
.float_box ul li .qq_box a:hover{text-decoration:underline;}
.float_box ul li .tel_box{display:none; position:absolute;right:64px;top:0;border-top:4px solid #124c79;padding:20px;font-size:14px;background:#fff;line-height:28px;width:262px;box-shadow:0 3px 8px rgba(0,0,0,0.15);border-radius:3px;}
.float_box ul li .tel_box i{font-size:42px;color:#d3d3d3;margin-right:10px;}
.float_box ul li .tel_box span{color:#1b6cab;font-size:24px;line-height:28px;text-align:left;}
.float_box ul li .tel_box span em{display:block;color:#aaa;font-size:14px;}
.float_box ul li .code_box{padding:10px;background:#124c79;border-radius:3px;position:absolute;right:64px;top:0;display:none;}
.float_box ul li .code_box img{width:100px;}
.float_box ul li .code_box span{line-height:18px;color:#fff;}
.float_box ul li#fqq:hover .qq_box{display:block;}
.float_box ul li#ftel:hover .tel_box{display:flex;}
.float_box ul li#weixin:hover .code_box{display:block;}*/
.phone_top{display:none;position:fixed;bottom:60px;right:10px;}
.phone_top i{color:#1b6cab;font-size:40px;}
/*.float_box ul li:first-child {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    height: 80px;
    padding-top: 10px;
}
.float_box ul li{
    border:none;
    position:relative;
}
    .float_box ul li#weixin2:hover .code_box{
        display:block;
    }
    .float_box ul li:nth-child(4) {
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;
        height: 80px;
        padding-bottom: 10px;
    }
.float_box ul:last-child li:last-child {
    border-radius:50%;
    display:flex;
    align-items:center;
    height:64px;
    padding:0;
    justify-content:center;
    background-color:#1b6cab;
    background-image:none;
}
    .float_box ul:last-child li:last-child i{
        color:#fff;
    }
    .float_box ul:last-child li:last-child::after {
        display: none;
    }
.float_box ul:first-child {
    box-shadow: 0 0 4px 4px #edf3f8;
    border-radius: 40px;
}
.float_box ul:last-child {
    margin-top: 10px;
}
.float_box ul li:first-child::after, .float_box ul li:nth-child(2)::after {
    display: block;
    content: "";
    width: 80%;
    height: 1px;
    background-color: #e9e9e9;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
    .float_box ul:last-child li:last-child i, .float_box ul:last-child li:last-child a {
        padding: 0;
    }*/

.float_box{position:fixed;right:0;top:50%;transform:translateY(-50%);transition:all 0.2s linear 0s;z-index:1000;}
.float_box ul li{position:relative;display:flex;justify-content:center;align-items:center;height:48px;transition:all 0.2s linear 0s;cursor:pointer;width:48px;}
.float_box ul li:nth-child(1){background:#9fb92e;}
.float_box ul li:nth-child(2){background:#20c4f4;}
.float_box ul li:nth-child(3){background:#4ec034;}
.float_box ul li:nth-child(4){background:#0068b7;}
.float_box ul li:nth-child(5){background:#b0b0b0;}
.float_box ul li i{font-size:20px;color:#fff;line-height:48px;position:relative;}
.float_box ul li:hover{background:#2c75ba;}
.float_box ul li .qq_box{border-radius:5px;position:absolute;right:48px;top:0;display:none;background:#fff;padding:10px 12px;box-shadow:0 3px 8px rgba(0,0,0,0.15);}
.float_box ul li .qq_box a{margin-top:8px;font-size:14px;color:#fff;display:flex;align-items:center;width:110px;height:30px;justify-content:center;line-height:30px;transition:all 0.2s linear 0s;background:#2c75ba;border-radius:30px;}
.float_box ul li .qq_box a:hover{background:#f89200;}
.float_box ul li .qq_box a:first-child{margin-top:0;}
.float_box ul li .tel_box{align-items:center;display:none; position:absolute;right:48px;top:0;padding:20px 16px 16px 16px;font-size:14px;background:#fff;line-height:28px;width:242px;box-shadow:0 3px 8px rgba(0,0,0,0.15);overflow:hidden;}
.float_box ul li .tel_box:before{content:"";width:100%;height:6px;background:#2c75ba;position:absolute;top:0;left:0;}
.float_box ul li .tel_box i{font-size:42px;color:#d3d3d3;margin-right:10px;}
.float_box ul li .tel_box span{font-size:24px;line-height:28px;text-align:left;color:#333;}
.float_box ul li .tel_box span em{display:block;color:#aaa;font-size:14px;}
.float_box ul li .code_box{padding:10px;background:#2c75ba;position:absolute;right:48px;top:0;display:none;box-shadow:0 3px 8px rgba(0,0,0,0.15);}
.float_box ul li .code_box img{width:100px;}
.float_box ul li .code_box span{line-height:18px;color:#fff;margin-top:5px;font-size:12px;display:block;text-align:center;}
.float_box ul li#fqq:hover .qq_box{display:block;}
.float_box ul li#ftel:hover .tel_box{display:flex;}
.float_box ul li#weixin1:hover .code_box{display:block;}
.float_box ul li#weixin2:hover .code_box{display:block;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    background-color:transparent;
    color:#fff;
}
.kj-navbar .navbar-default .navbar-nav > li.active > a::after {
    width: 100%;
    transition-duration: 0.39s;
}
/*.kj-navbar-active .navbar-default .navbar-nav > li.active > a::after {
    width: 100%;
    background-image: linear-gradient(to right, #00efc3, #712dd4);
    transition-duration: 0.39s;
    bottom: 0px;
}*/
#newBridge .nb-middle {
    transform: translateX(-50%);
    margin:0 !important;
}
.kj-nav-all h4 {
    margin-bottom: 20px;
    font-weight: bold;
}

.kj-nav-list2 li {
    margin-bottom: 15px;
    position: relative;
}

.kj-nav-list2 li i {
    position: absolute;
    right: 0;
}

.kj-nav-list2 li {
    margin-top: 20px;
    padding-left: 20px;
}

.kj-modal.in .modal-dialog {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: right;
    height: 100vh;
}

#phone-search-box {
    display: flex;
    margin: 0;
}

.kj-modal.in .modal-content {
    border: 0;
    border-radius: 0;
    width: 80%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
}
.kj-modal .modal-header:after,
.kj-modal .modal-header:before {
    display: none;
}
.kj-modal .btn-default {
    border: none;
    padding: 0;
}
.kj-pronav2 ul a:hover {
    text-decoration: underline;
}
.kj-modal{
    padding:0 !important;
}
.kj-navbar .navbar-default .navbar-nav > li:hover .dropdown-menu{
    display: block !important;
}
.kj-navbar .navbar-default .navbar-nav > li .dropdown-menu .dropdown-menu{
    display:none !important;
}
.kj-navbar .navbar-default .navbar-nav > li .dropdown-menu li:hover .dropdown-menu {
    display: block !important;

}
.swiper-button-next,  .swiper-button-prev{
    background-image:none;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;

}
.kj-applicationIn{
    position:relative;
}
.kj-applicationIn .swiper-button-next i, .kj-applicationIn .swiper-button-prev i {
    font-size: 40px;
}
    .kj-applicationIn .swiper-button-next:hover, .kj-applicationIn .swiper-button-prev:hover{
        color:#2c75ba;
    }
    .kj-applicationIn .swiper-button-next {
        right: -40px;
    }
    .kj-applicationIn .swiper-button-prev{
        left:-40px;
    }
.kj-AfterSaleIn2{
    align-items:flex-start;
}
.kj-AfterSaleIn2 .kj-aBox {
    width: 25%;
    text-align: center;
    line-height: 35px;
}
    @media screen and (max-width: 1490px) {
        .container {
    width: 1170px;
  }
  .kj-applyTrial .kj-left{
      font-size:25px;
  }
    .kj-btm-phone {
        flex: 0 0 340px;
    }
    .kj-btm-phone div span {
    font-size: 20px;
}
    .kj-btm-form {
        padding: 0 25px;
        padding-top: 25px;
    }
    .kj-btm-forms .formcolumn-item-ct input{
        height:40px;
        line-height:40px;
    }
    .kj-btm-forms .formcolumn-item-ct {
        height: 40px;
        width: 200px;
    }
    .kj-btn-form input{
        width:110px;
       line-height:40px;
    }
    .kj-announcement .swiper-slide ul li span {
        display: none;
    }
  .kj-ProductService .kj-IndexNews .swiper-slide {
    width: 300px;
  }
  .kj-ProductService .kj-ProService .kj-img {
    height: 230px;
  }
  .kj-default-swiper1 {
    height: 525px;
  }
  .kj-Item .kj-media .kj-media-body {
    padding: 20px 15px 0 25px;
    height: 235px;
  }
  .kj-Item .kj-media .kj-media-left a {
    width: 245px;
    height: 245px;
  }
  .kj-Item .kj-media .kj-media-body .kj-media-heading {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .kj-Item .kj-media .kj-media-body .kj-more {
    margin-top: 25px;
  }
  .kj-news-indexIn .kj-a-img-news {
    height: 235px;
  }
  .kj-footer-bottom {
    font-size: 14px;
  }
  .kj-SuperiorService .media .media-body div {
    -webkit-line-clamp: 3;
  }
  .kj-brightSpot .row .col-md-3 {
    padding-right: 35px;
  }
  .kj-brightSpot .row {
    margin-right: -35px;
  }
  .kj-brightBox:hover .kj-content {
    padding: 45px 20px;
  }
  .kj-characteristicService .row .col-md-4 {
    padding-right: 40px;
  }
  .kj-characteristicService .row {
    margin-right: -40px;
  }
  .kj-weMallIn .kj-right .kj-media2 .media-heading {
    padding-left: 10px;
    font-size: 14px;
  }
  .kj-weMallIn .kj-right .kj-media2 {
    padding-left: 25px;
  }
  .kj-weMallIn .kj-media2 {
    padding-right: 25px;
  }
  .kj-weMallIn .kj-media2 .media-heading {
    padding-right: 20px;
    font-size: 14px;
  }
  .kj-navbar .navbar-default .navbar-nav > li {
    padding-right: 32px;
  }
  .kj-navbar-collapse {
    margin-left: 45px;
  }
  .kj-brightBox {
    margin-bottom: 40px;
  }
        .kj-middle img {
            margin: 0 15px;
            max-width: 330px;
        }
  .kj-tailor .media .media-heading {
    line-height: 42px;
    font-size: 14px;
  }
  .kj-tailor .media .kj-more3 {
    width: 290px;
    height: 55px;
    font-size: 18px;
  }
  .kj-abUs .media .media-left img {
    width: 400px;
  }
  .kj-abUs .media {
    overflow: initial;
  }
  .kj-abUs .media .media-body {
    padding-left: 0;
    overflow: initial;
  }
  .kj-abUs .media .media-left {
    padding-left: 100px;
  }
  .kj-abUs .media .media-heading {
    padding-top: 0;
    margin-top: -30px;
  }
  .kj-tab .nav-tabs {
    flex: 0 0 300px;
  }
  .erp_select_us .select_us_num .counter-section .num_list .timer {
    font-size: 40px;
  }
  .erp_data_sync .right_box {
    width: 53%;
  }
  .erp_data_sync .left_box {
    width: 47%;
  }
}
@media screen and (max-width: 1280px) {
  .kj-Classity .kj-bgcolor {
    width: auto;
  }
  .kj-middle {
    display: none;
  }
  .kj-characteristicService .container,
  .kj-brightSpot .container {
    padding: 0 15px;
  }
  .kj-bannerSwiper {
    width: 900px;
  }
  .kj-large .col-md-4,
  .kj-SuperiorService .row .col-lg-4 {
    padding-right: 15px;
  }
  .kj-large .row,
  .kj-SuperiorService .row {
    margin-right: -15px;
  }
}
@media only screen and (max-width: 1600px) {
  .erp_select_us .father_tab_box {
    padding-right: 120px;
  }
  .erp_select_us .father_tab_box .item_tab {
    padding: 45px 50px 58px 50px;
  }
  .erp_select_us .select_us_num .counter-section {
    width: 45%;
  }
  .erp_select_us .select_us_img {
    width: 55%;
  }
  .erp_advantage_box .nav li a {
    padding-top: 15px;
    font-size:12px;
  }
  .erp_service_box .nav li {
    margin: 0 30px;
  }
  .erp_service_box .nav li a {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1430px) {
  .erp_banner_box h1 {
    font-size: 40px;
    line-height: 60px;
  }
  .erp_banner_box h2 {
    font-size: 30px;
    line-height: 60px;
  }
  .erp_advantage_box .tab-pane .advantage_box .right_box {
    padding-left: 50px;
  }
  .erp_service_box .nav li {
    margin: 0 14px;
  }
}
@media only screen and (max-width: 1430px) {
  .erp_select_us .select_us_num .counter-section {
    width: 100%;
  }
  .erp_select_us .select_us_img {
    width: 45%;
  }
  .erp_select_us .father_tab_box {
    padding-right: 0;
  }
  .erp_advantage_box .tab-pane {
    padding-top: 40px;
  }
  .erp_advantage_box .tab-pane .advantage_box .left_box,
  .erp_service_box .service_box .right_box {
    display: none;
  }
  .erp_advantage_box .tab-pane .advantage_box .right_box {
    width: 100%;
    padding-left: 0;
  }
  .erp_service_box .nav li {
    margin: 0 12px;
  }
  .erp_service_box .nav li a {
    font-size: 15px;
  }
  .erp_service_box .service_box {
    height: auto;
    padding: 40px 0;
  }
  .erp_service_box .service_box .left_box {
    width: 100%;
  }
  .erp_service_box .service_box .left_box h1 {
    margin-top: 0;
  }
  .erp_data_sync .left_box {
    margin-bottom: 30px;
  }
/*  .erp_data_sync .left_box,
  .erp_data_sync .right_box {
    width: 100%;
  }
  .erp_data_sync .left_box .text_box {
    width: 100%;
  }*/
}
.txt {
    position: relative;
    padding-left: 69px;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
.intro-navkhal-label .txt a:first-child {
    /* margin-right: 10px; */
    position: absolute;
    left: 10px;
    top: 0px;
    text-align: center;
  
    display: block;

   
}
.intro-navkhal-label .newstitle{
    margin-bottom:0;
   
}
.news_label{
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}
.intro-navkhal-label{
    margin-bottom:30px;
}

    .intro-navkhal-label .txt {
        text-indent: initial;
    }
.picMarquee-left {
    margin-bottom: 30px;
}

    .picMarquee-left .bd ul {
        overflow: hidden;
        zoom: 1;
        display: flex;
    }

        .picMarquee-left .bd ul li {
            margin: 0 10px;
        }

            .picMarquee-left .bd ul li .pic a {
                text-align: center;
                box-shadow: 2px 3px 16px rgba(165, 204, 201, 0.24);
                display: flex;
                align-items: center;
                justify-content: center;
                width: 150px;
                background-color:#fff;
                height: 70px;
                border: 1px solid rgba(188, 228, 222, 0.3);
            }

            .picMarquee-left .bd ul li .pic img {
                max-width: 100%;
                max-height: 100%;
            }
.intro-navkhal-label a {
    padding: 0px 10px !important;
}
    .intro-navkhal-label a.active {
        padding: 0px 10px;
    }
    @media only screen and (max-width: 1250px) {
    }
.kj_news_active a{
     background-color:#2c75ba;
     color:#fff !important;
     padding:5px 10px;
     border-radius:3px;
}
.kj_news_active a{
    margin-right:10px;
}
    .kj_news_active a:last-child{
        margin-right:0;
    }
    .kj_news_active a:hover {
        background-color: #1d4e7c;
    }
.kj-announcementSwiper{
    width:100%;
}
@media screen and (max-width: 1600px) {
    .intro-xmglyf-title {
        font-size: 13px;
    }
}
/*企业商通*/
.kj-header11 {
    text-align: center;
    font-size: 32px;
    margin-top: 60px;
    margin-bottom: 45px;
    position: relative;
}
    .kj-header11:before {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
        background-color: #CDE1FC;
    }
    .kj-header11 span {
        background-color:#F5F7FA;
        padding:0 20px;
        position:relative;
        display: inline-block;
        font-style:italic;
    }
.kj-shengjiago-img{
    max-width:100%;
}
.kj-differencein {
    display: flex;
    background-color: #fff;
    box-shadow: 0 0 20px #ddd;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.kj-differencein .kj-boxs h4 {
  background-color: #DEDEDE;
  text-align: center;
  height: 35px;
  font-weight: bold;
  line-height: 35px;
}
.kj-differencein .kj-boxs ul li {
  list-style: none;
  font-size:12px;
  line-height:20px;
  border-bottom: 1px solid #D7D7D7;
}
.kj-differencein .kj-boxs ul li:last-child {
  border: none;
}
.kj-differencein .kj-left {
  flex: 0 0 44%;
}
.kj-differencein .kj-left ul li {
  padding: 15px;
}
.kj-differencein .kj-right ul li,
.kj-differencein .kj-center ul li {
  display: flex;
  align-items: center;
}
.kj-differencein .kj-right {
  width: 100%;
}
.kj-differencein .kj-right ul li {
  padding: 0 18px;
}
.kj-differencein .kj-center {
  padding: 0 5px;
  background-color: #0067ED;
  flex: 0 0 140px;
  border-radius: 10px;
  margin-top: -10px;
}
.kj-differencein .kj-center ul {
  margin: 45px 0 0;
}
.kj-differencein .kj-center ul li {
  color: rgba(255, 255, 255, 0.9);
  justify-content: center;
  font-size:14px;
  border-color: rgba(255, 255, 255, 0.2);
}
.kj-difference {
  background-color: #F5F7FA;
  padding-bottom: 60px;
}
.kj-difference2In {
    display: flex;
    align-items: center;
    border: 1px solid #3388FF;
    border-radius: 10px;
    overflow:hidden;
}
.kj-difference2In .kj-boxs {
  width: 50%;
  padding-bottom: 80px;
  padding-top: 30px;
}
.kj-difference2In .kj-boxs h4 {
  font-size: 20px;
  font-weight: bold;
  margin: 0 auto;
  width: 68%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  background-color: #DEDEDE;
  border-radius: 20px;
}
.kj-difference2In .kj-boxs ul {
  margin-top: 40px;
}
.kj-difference2In .kj-boxs ul li {
  position: relative;
  display: flex;
  font-size: 15px;
  justify-content: center;
  align-items: center;
}
.kj-difference2In .kj-boxs ul li .kj-vs {
  position: absolute;
  right: -25px;
}
.kj-difference2In .kj-boxs ul li p {
  display: flex;
  height: 50px;
  width: 66%;
  border-bottom: 1px solid #E3E5E7;
  align-items: center;
}
.kj-difference2In .kj-boxs ul li p img {
  margin-left: 10px;
}
    .kj-difference2In .kj-left {
        padding-top: 30px;
        background-color: #3388FF;
        padding-bottom: 80px;
        width: 61%;
        padding-right: 145px;
        clip-path: polygon(0 0, 100% 0, 74% 100%, 0% 100%);
    }
.kj-difference2In .kj-left h4 {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.kj-difference2In .kj-left ul {
  margin-top: 40px;
}
.kj-difference2In .kj-left ul li {
  color: #fff;
}
.kj-difference2In .kj-left ul li p {
  border-color: rgba(255, 255, 255, 0.2);
}
.kj-difference2In .kj-right {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  position:relative
}
    .kj-difference2In .kj-right .kj-vs {
        position: absolute;
        left: -114px;
        width: 60px;
        top: 50%;
        transform: translateY(-50%);
    }
.kj-difference2 {
  padding-bottom: 20px;
}
.kj-good {
    margin-top: 60px;
}
    .kj-good .kj-container2 {
        display: flex;
        min-height: 460px;
        border-radius: 10px;
        padding: 0 40px;
        background-color: #EEEEEE;
        align-items: center;
    }
.kj-good .col-md-4 {
  width: 510px;
}
.kj-good .col-md-8 {
  width: calc(100% - 510px);
}
.kj-good .kj-left {
  border: 10px solid #0876FF;
  width: 260px;
  font-weight: bold;
  font-size: 28px;
  position: relative;
  height: 200px;
  padding-left: 80px;
}
.kj-good .kj-left div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 360px;
  line-height:40px;
  padding: 10px 0;
  background-color:#eee;
}
.kj-good .kj-right h4 {
  font-size: 20px;
  font-weight: lighter;
  line-height: 34px;
}
.kj-good .kj-right .kj-boxsout {
  margin: 35px 0;
}
.kj-good .kj-right .kj-boxs {
  text-align: center;
  width: 100%;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  font-size: 16px;
}
.kj-good .kj-right .kj-boxs img {
  margin: 0 auto;
  height: 55px;
  margin-bottom: 20px;
  display: block;
}
.kj-CommercialPrice {
    margin-top: 65px;
    padding-bottom: 40px;
}
.kj-CommercialPrice .kj-CommercialPriceIn {
  display: flex;
  align-items: center;
}
    .kj-CommercialPrice .kj-left {
        padding: 0 30px;
        padding-top: 45px;
        padding-bottom: 50px;
        padding-left: 83px;
    }
.kj-CommercialPrice .kj-left h4 {
font-size:24px;
font-weight:bold;
  padding-bottom: 15px;
}
.kj-CommercialPrice .kj-left ul {

}
.kj-CommercialPrice .kj-left ul li {
  list-style: none;
  display: flex;
  font-size:17px;
  line-height: 30px;
}

    .kj-CommercialPrice .kj-right {
        width: 440px;
        padding-left: 55px;
        font-size: 22px;
        border-right: 2px solid #9FA0A0;
        padding-bottom: 40px;
    }
    .kj-CommercialPrice .kj-right h4 {
        font-size: 24px;
        font-weight: bold;
        color: #0067ED;
        margin-bottom: 15px;
    }
.kj-tenxunhezuo {
  font-size: 18px;
  text-align:center;
 color:#fff;
}
.kj-tenxunhezuoNews {
    background-color: #0876FF;
}
.kj-tenxunhezuo .container {
    padding-top: 70px;
}
.kj-tenxunhezuo .container h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 20px;
}
.kj-good .kj-right .kj-boxs:last-child{
    margin-right:0;
}
.kj-duibishangtong {
    margin: 0 auto;
    max-width: 50%;
    display: block;
    margin-bottom:40px;
}
.kj-lianjieshangxiayou {
  background-color: #F7F9FC;
  padding-top: 60px;
}
.kj-lianjieshangxiayou .header1 {
  font-size: 34px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1px;
}
.kj-lianjieshangxiayou .header1 span {
  color: #5a5a5a;
  display: block;
  font-size: 18px;
  margin-top: 10px;
  font-weight: lighter;
  letter-spacing: 1px;
}
.kj-lianjieshangxiayou .kj-lianjieshangxiayouIn {
  display: flex;
  justify-content: center;
  align-items:center;
  padding: 70px 0;
}
.kj-lianjieshangxiayou .kj-lianjieshangxiayouIn .box {
  width: 270px;
  height: 260px;
  background-color: #fff;
  text-align: center;
  padding: 25px 38px;
}
.kj-lianjieshangxiayou .kj-lianjieshangxiayouIn .box h3 {
  font-weight: bold;
  font-size: 20px;
  margin-top: 15px;
  color: #666;
}
.kj-lianjieshangxiayou .kj-lianjieshangxiayouIn .box h3 span {
  font-size: 14px;
  font-weight: lighter;
}
.kj-lianjieshangxiayou .kj-lianjieshangxiayouIn .box .content {
  color: #999;
  width: 185px;
  font-weight: lighter;
  height: 55px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 0 auto;
  margin-top: 20px;
}
.kj-lianjieshangxiayou .kj-lianjieshangxiayouIn .box .more_btn {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.kj-lianjieshangxiayou .kj-lianjieshangxiayouIn .box .more_btn a {
  width: 92px;
  height: 36px;
  line-height: 36px;
  display: flex;
  font-size: 14px;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}
.kj-lianjieshangxiayou .kj-lianjieshangxiayouIn .box .more_btn a:first-child {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px 0px;
  color: #3c78d8;
}
.kj-lianjieshangxiayou .kj-lianjieshangxiayouIn .box .more_btn a:last-child {
  background-color: #0764FF;
  color: #fff;
}
    .kj-lianjieshangxiayou .kj-lianjieshangxiayouIn .box .more_btn a:hover {
        background-color: #0241aa;
        color: #fff;
        transform: scale(1.1);
    }
.kj-lianjieshangxiayou .kj-lianjieshangxiayouIn .box:hover {
  box-shadow: 0 0 10px #ccc;
}
.kj-boxshangtong {
  margin: 60px 0;
}
.kj-boxshangtong .media-body .media-heading {
  font-size: 46px;
  padding-left: 15px;
  font-weight: bold;
  margin-bottom: 40px;
}
.kj-boxshangtong .media-body .media-heading span {
  font-size: 16px;
  font-weight: lighter;
  margin-top: 15px;
  line-height: 24px;
  display: block;
}
.kj-boxshangtong .media-body ul li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  width: 90%;
}
.kj-boxshangtong .media-body ul li img {
  flex: 0 0 40px;
  margin-right: 20px;
  height: auto;
}
.kj-boxshangtong .media-body ul li h4 {
  font-weight: bold;
  font-size: 18px;
  color: #5a5a5a;
}
.kj-boxshangtong .media-body ul li span {
  font-size: 14px;
  color: #5a5a5a;
  display: block;
  height:35px;
  line-height: initial;
}
.kj-right-shangtong0 .media-left {
  padding-right: 54px;
}
.kj-right-shangtong0 .media-left img {
  width: 600px;
}
.kj-right-shangtong1 .media-left {
  float: right;
}
.kj-right-shangtong1 .media-body {
  padding-top: 28px;
}
.kj-right-shangtong1 .media-body .media-heading {
  padding-left: 0;
}
.kj-right-shangtong1 .media-left img {
    width:580px;
}
.kj-right-shangtong2 .media-left img {
    width: 562px;
}
.kj-right-shangtong2 .media-left{
    padding-right:135px
}
.kj-right-shangtong2 .media-body{
    padding-top:20px;
}
.kj-header13{
    text-align:center;
    font-size:41px;
    font-weight:bold;
    margin-bottom:65px;
}
.kj-yizhanshijiejueshangan {
    background-color: #FBFBFB;
    border-top: 1px solid #F2F2F2;
    padding-top:70px;
    padding-bottom:100px;
}
.kj-yizhanshijiejueshangan .kj-box{
    text-align:center;
    margin-bottom:30px;
}
.kj-yizhanshijiejueshangan .kj-box img{
    height:48px;
}
.kj-yizhanshijiejueshangan .kj-box h4{
    font-size:20px;
    font-weight:bold;
    margin:10px 0 15px;
}
    .kj-yizhanshijiejueshangan .kj-box .kj-content {
        color: #666;
        font-size: 14px;
        height: 70px;
        word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
        text-align:left;
        line-height:24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
.kj-header12{
    text-align:center;
    margin-top:-33px;
    font-size:17px;
}
    .kj-header12 img{
        width:20px;
    }
        .kj-header12 img:first-child{
            margin-right:20px;
        }
        .kj-header12 img:last-child {
            margin-left: 20px;
        }
        .kj-header12 span {
            width: 600px;
            height: 60px;
            padding: 0 20px;
            align-items: center;
            display: flex;
            color: #fff;
            font-weight: bold;
            border-radius: 26px;
            font-size: 24px;
            background-color: #0067ED;
            justify-content: center;
            margin: 0 auto;
            margin-bottom: 20px;
        }
.outBox {
    border: 1px dashed #0876FF;
    border-radius: 10px;
}
.duibi .kj-left {
    width: 48%;
    padding: 30px 40px;
    background-color: #fff;
    border-radius: 10px;
}
    .duibi .kj-left h4 {
        text-align: center;
        background: #EFEEED;
        height: 40px;
        font-weight: bold;
        line-height: 40px;
    }
.duibi .kj-right h4 {
    background-color: #0876FF;
    color:#fff;
}
        .duibi .kj-left ul {
            display: flex;
            margin-top: 20px;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .duibi .kj-left ul li {
            width: 45%;
            height: 40px;
            display: flex;
            align-items: center;
            border-bottom: 1px solid #D2D3D3;
        }
.duibi .kj-left ul li::before {
    content: "";
    margin-right: 15px;
    position: relative;
    top: 2px;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url(../images/right.png);
}
.duibi {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    position:relative;
    align-items: center;
    margin-bottom:100px;
}
    .duibi .kj-center {
        width: 100px;
        height: 100px;
        border-radius: 100%;
        background-color: #f0833c;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        font-size: 25px;
        text-align: center;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .duibi .kj-left div.btm {
        text-align: center;
        font-size: 17px;
        margin-top: 24px;
    }
        .duibi .kj-left div.btm s {
            font-weight: bold;
            text-decoration: none;
        }
        .duibi .kj-left div.btm span {
            color: #f0833c;
            font-size: 30px;
        }
.jindiananli{
    margin-bottom:100px;
    margin-top:80px;
}
    .jindiananli .outBox {
        padding: 40px 30px;
        padding-top:0;
    }
    .jindiananli .box {
        display: block;
        padding-bottom:10px;
        margin-bottom:15px;
        text-align: center;
        border: 1px solid #E0E0E0;
    }
        .jindiananli .box:hover {
            border: 1px solid #2c75ba;
        }
    .jindiananli .box img{
        display:block;
        margin:0 auto;
        max-width:80%;
        height:40px;
        padding-top:10px;
        margin-bottom:10px
    }
.jindiananli .row{
    margin-left:0;
}
    .jindiananli .col-xs-6{
        padding-left:0;
    }
.kj-lianjieshangxiayouIn .kj-box2 img{
    display:block;
    margin:0 auto;
    margin-bottom:20px;
}
.kj-lianjieshangxiayouIn .kj-box2{
    text-align:center;
    font-size:18px;
    margin:0 40px;
}
.kj-lianjieshangxiayou .kj-lianjieshangxiayouIn .box:last-child{
    transition-duration:.39s;
}
.kj-lianjieshangxiayou .kj-lianjieshangxiayouIn .box:last-child:hover {
    transform: scale(1.1);
}
.kj-intro-news .row{
    display:flex;
    flex-wrap:wrap;
}


.footer_box{background:#2f3740;}
.footer_box .footer_middle{display:flex;justify-content: space-between;flex-wrap: wrap;padding-top:72px;padding-bottom:85px;}
.footer_box .footer_middle .left_tel .tel_box{display:flex;align-items:center;}
.footer_box .footer_middle .left_tel .tel_box i{width:70px;height:70px;background:#fff;border-radius:50%;text-align:center;line-height:70px;color:#0054a6;font-size:36px;}
.footer_box .footer_middle .left_tel .tel_box .right_text{margin-left:15px;}
.footer_box .footer_middle .left_tel .tel_box .right_text span{font-size:14px;color:#fff;display:block;line-height:28px;}
.footer_box .footer_middle .left_tel .tel_box .right_text b{font-size:28px;color:#fff;display:block;line-height:36px;font-weight:normal;}
.footer_box .footer_middle .left_tel .reservation_btn{display:flex;margin-top:30px;background:#0054a6;height:46px;align-items:center;justify-content:center;font-size:14px;color:#fff;font-weight:bold;border-radius:5px;}
.footer_box .footer_middle .left_tel .reservation_btn i{margin-left:5px;font-weight:normal;font-size:20px;}
.footer_box .footer_middle .left_tel .reservation_btn:hover{background:#f89200;}
.footer_box .footer_middle .left_tel .reservation_btn:active{position:relative;top:2px;}
.footer_box .footer_middle .left_tel .reservation_btn:focus{text-decoration:none;}
.footer_box .footer_middle ul{display:flex;flex-wrap: wrap;margin-left:auto;}
.footer_box .footer_middle ul li{margin-right:130px;}
.footer_box .footer_middle ul li .title{color:#fff;font-size:20px;line-height:40px;margin-bottom:15px;}
.footer_box .footer_middle ul li .btn_box a{display:block;font-size:15px;color:#fff;line-height:32px;}
.footer_box .footer_middle ul li .btn_box a:hover{text-decoration:underline;}
.footer_box .footer_middle .code_box{display:flex;margin-top:13px;}
.footer_box .footer_middle .code_img{margin-left:25px;text-align:center;}
.footer_box .footer_middle .code_img img{width:110px;}
.footer_box .footer_middle .code_img span{font-size:15px;color:#ffffff;display:block;line-height:42px;}
.footer_box .footer_copyright{border-top:1px solid rgba(255,255,255,0.15);padding:18px 0;}
.footer_box .footer_copyright .brief_text{text-align:center;font-size:14px;color:#ffffff;line-height:30px;}
.footer_box .footer_copyright .brief_text a{color:#fff;}
.footer_box .footer_copyright .brief_text a:hover{text-decoration:underline;}

/*首页*/
.index_service_box{background:url("../images/index_service_bg.png") no-repeat center;background-size:cover;padding-top:68px;padding-bottom:64px;}
.index_service_box .title_box{text-align:center;}
.index_service_box .title_box h1{font-size:38px;color:#333333;line-height:54px;}
.index_service_box .title_box h6{font-size:16px;color:#999999;line-height:32px;}
.index_service_box ul{display:flex;flex-wrap: wrap;margin-top:30px;}
.index_service_box ul li{margin-right:35px;width:calc((100% - 70px)/3);margin-bottom:28px;background:#fff;border-radius:20px;box-shadow:0 0 10px rgba(215,227,239,0.2);height:200px;position:relative;padding:17px 17px 0 17px;overflow:hidden;transition:all 0.2s linear 0s;}
.index_service_box ul li:nth-child(3n){margin-right:0;}
.index_service_box ul li .icon_img{display:flex;align-items:center;justify-content:center;margin:0 auto;height:105px;}
.index_service_box ul li .icon_img img{max-width:100%;max-height:100%;}
.index_service_box ul li .name_btn{text-align:center;font-size:20px;color:#333333;line-height:30px;display:block;}
.index_service_box ul li .brief_text{text-align:center;font-size:14px;color:#81858b;line-height:30px;}
.index_service_box ul li .bg{width:100%;height:100%;background:url("../images/index_service_bg.jpg") no-repeat center;background-size:cover;position:absolute;top:0;left:0;z-index:1;opacity:0;transition:all 0.2s linear 0s;}
.index_service_box ul li .more_box{position:absolute;top:0;left:0;width:100%;height:100%;padding:30px 38px 0 38px;z-index:2;opacity:0}
.index_service_box ul li .more_box b{font-weight:normal;font-size:24px;color:#ffffff;line-height:42px;display:block;}
.index_service_box ul li .more_box span{font-size:14px;color:#ffffff;line-height:30px;display:block;margin-top:2px;}
.index_service_box ul li .more_box i{color:#fff;font-size:40px;line-height:30px;display:block;margin-top:37px;transition:all 0.2s linear 0s;}
.index_service_box ul li:hover{transform: translateY(-5px);box-shadow:0 0 20px rgba(215,227,239,0.6);}
.index_service_box ul li:hover .bg{opacity:1;}
.index_service_box ul li:hover .more_box{opacity:1;}
.index_service_box ul li .more_box:hover i{transform: translateX(20px);}
.index_about_box{background:url("../images/index_about_bg.jpg") no-repeat center;background-size:cover;padding:75px 0 80px 0;}
.index_about_box .title_box h1{color:#fff;font-size:38px;line-height:54px;}
.index_about_box .title_box h6{color:rgba(255,255,255,0.6);font-size:16px;line-height:32px;}
.index_about_box .more_btn{display:block;width:34px;height:24px;background:#fff;border-radius:30px;text-align:center;line-height:24px;font-size:15px;color:#0054a6;font-weight:bold;margin-top:53px;}
.index_about_box .more_btn:hover{background:#f89200;color:#fff;}
.index_about_box .more_btn:active{position:relative;top:2px;}
.index_about_box ul{display:flex;margin-top:50px;flex-wrap: wrap;}
.index_about_box ul li{margin-right:80px;width:calc((100% - 240px)/4);border-top:1px solid #fff;border-bottom:1px solid #fff;padding:28px 0;}
.index_about_box ul li:nth-child(4n){margin-right:0;}
.index_about_box ul li .title{font-size:36px;color:#fff;font-weight:lighter;line-height:62px;}
.index_about_box ul li .subtitle{display:flex;align-items:center;font-size:18px;color:#ffffff;line-height:36px;margin-top:8px;}
.index_about_box ul li .subtitle i{font-size:26px;margin-right:8px;}
.index_solve_box{padding-top:68px;padding-bottom:90px;}
.index_solve_box .title_box{text-align:center;}
.index_solve_box .title_box h1{font-size:38px;color:#333333;line-height:54px;}
.index_solve_box .title_box h6{font-size:16px;color:#999999;line-height:32px;}
.index_solve_box .index_solve{display:flex;margin-top:38px;}
.index_solve_box .index_solve .solve_right{width:720px;height:510px;border-radius:20px;overflow:hidden;position:relative;z-index:10;}
.index_solve_box .index_solve .solve_right img{width:100%;height:100%;object-fit:cover;}
.index_solve_box .index_solve .solve_left{width:calc(100% - 720px);display:flex;position:relative;z-index:9;}
.index_solve_box .index_solve .solve_left .solve_item{border-radius:20px;width:100%;height:100%;position:absolute;top:0;left:0;padding-left:60px;padding-top:60px;transition:all 0.2s linear 0s;}
.index_solve_box .index_solve .solve_left .solve_item:nth-child(2){left:500px;}
.index_solve_box .index_solve .solve_left .solve_item h1{font-size:30px;color:#fff;line-height:64px;}
.index_solve_box .index_solve .solve_left .solve_item .brief_text{font-size:15px;color:rgba(255,255,255,0.7);line-height:38px;margin-top:5px;width:380px;}
.index_solve_box .index_solve .solve_left .solve_item .more_btn{display:block;width:34px;height:24px;background:#fff;border-radius:30px;text-align:center;line-height:24px;font-size:15px;color:#0054a6;font-weight:bold;margin-top:40px;}
.index_solve_box .index_solve .solve_left .solve_item .more_btn:hover{background:#f89200;color:#fff;}
.index_solve_box .index_solve .solve_left .solve_item .more_btn:active{position:relative;top:2px;}
.index_solve_box .index_solve .solve_left .solve_item:nth-child(2):hover{left:220px;}
.index_video_box{background:#f8fcff;padding:120px 0  95px 0;position:relative;}
.index_video_box:after{content:"";width:63.5vw;position:absolute;top:92px;right:0;border-radius:15px 0 0 15px;background:#0054a6;height:410px;}
.index_video_box .swiper-slide .video_box{display:flex;flex-wrap: wrap;}
.index_video_box .swiper-slide .left_text{width:350px;background:#f8fcff;}
.index_video_box .swiper-slide .left_text h1{font-size:38px;color:#333333;line-height:70px;}
.index_video_box .swiper-slide .left_text .brief_text{font-size:14px;color:#666666;line-height:30px;margin-top:7px;padding-bottom:68px;}
.index_video_box .swiper-slide .right_video{width:calc(100% - 350px - 155px);margin:0 0 0 155px;height:410px;position:relative;cursor:pointer;border-radius:15px;overflow:hidden;}
.index_video_box .swiper-slide .right_video .pay_btn{color:#fff;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);transition:all 0.2s linear 0s;}
.index_video_box .swiper-slide .right_video .pay_btn i{font-size:62px;transition:all 0.2s linear 0s;}
.index_video_box .swiper-slide .right_video .pay_btn:hover{text-decoration:none}
.index_video_box .swiper-slide .right_video .pay_btn:focus{text-decoration:none;}
.index_video_box .swiper-slide .right_video .pay_btn:hover i{font-size:80px;}
.index_video_box .swiper-button-prev,.index_video_box .swiper-button-next{width:42px;height:42px;border-radius:50%;text-align:center;line-height:42px;background:#b9dbfc;transition:all 0.2s linear 0s;}
.index_video_box .swiper-button-prev:after,.index_video_box .swiper-button-next:after{color:#fff;font-size:18px;font-weight:bold;}
.index_video_box .swiper-button-prev i,.index_video_box .swiper-button-next i{font-size:18px;font-weight:bold;}
.index_video_box .swiper-button-prev{bottom:80px;left:0;margin:0;transform: translate(0);top:auto;}
.index_video_box .swiper-button-next{bottom:80px;right:auto;left:52px;margin:0;transform: translate(0);top:auto;}
.index_video_box .swiper-button-prev:hover,.index_video_box .swiper-button-next:hover{background:#0054a6}
.video-modal-lg{width:60%}
.video-modal-lg .modal-header{min-height:initial;border:0;padding:0;}
.video-modal-lg .modal-header .close{width:30px;height:30px;text-align:center;border:2px solid #fff;border-radius:50%;background:#777;opacity:1;top:-15px;position:absolute;right:-15px;margin:0;transition:all 0.2s linear 0s;z-index:10;}
.video-modal-lg .modal-header .close span{font-weight:normal;color:#fff;line-height:22px;display:block;height:26px;}
.video-modal-lg .modal-header .close:hover{background:#0c52c5;}
.video-modal-lg .modal-body{padding:0;}
.index_case_box{background:url("../images/index_case_bg.png") no-repeat center;background-size:cover;padding:67px 0 55px 0;}
.index_case_box .title_box{text-align:center;}
.index_case_box .title_box h1{font-size:38px;color:#333333;line-height:54px;}
.index_case_box .title_box h6{font-size:16px;color:#999999;line-height:32px;}
.index_case_box ul{display:flex;flex-wrap: wrap;margin-top:37px;}
.index_case_box ul li{margin-bottom:32px;margin-right:32px;width:calc((100% - 96px)/4);background:#fff;border-radius:20px;box-shadow:0 0 10px rgba(215,227,239,0.2);height:245px;padding:22px 22px 0 22px;transition:all 0.2s linear 0s;}
.index_case_box ul li:nth-child(4n){margin-right:0;}
.index_case_box ul li .name_category{position:relative;text-align:center;}
.index_case_box ul li .name_category span{padding:0 15px;background:#fff;font-size:16px;color:#0054a6;font-weight:bold;position:relative;z-index:2;}
.index_case_box ul li .name_category:after{content:"";width:100%;height:1px;background:#dfdfdf;position:absolute;top:50%;left:0;transform: translateY(-50%);}
.index_case_box ul li .img_btn{display:flex;align-items:center;justify-content:center;height:78px;margin-top:10px;}
.index_case_box ul li .img_btn img{max-width:100%;max-height:100%;}
.index_case_box ul li .brief_text{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;font-size:14px;color:#666666;line-height:26px;}
.index_case_box ul li:hover{transform: translateY(-10px);box-shadow:0 0 20px rgba(215,227,239,0.9);}
.index_news_box{background:#f8fcff;padding:68px 0 100px 0;}
.index_news_box .title_box{text-align:center;}
.index_news_box .title_box h1{font-size:38px;color:#333333;line-height:54px;}
.index_news_box .title_box h6{font-size:16px;color:#999999;line-height:32px;}
.index_news_box .index_news{margin-top:38px;display:flex;flex-wrap: wrap;}
.index_news_box .img_news{margin-right:22px;width:calc((100% - 44px)/3);border-radius:20px;overflow:hidden;height:570px;position:relative;padding:0 35px 15px 35px;display:flex;flex-direction:column;justify-content: flex-end;transition:all 0.2s linear 0s;}
.index_news_box .img_news:after{content:"";width:100%;height:376px;background:url("../images/index_news_title_bg.png") no-repeat center;background-size:cover;position:absolute;left:0;bottom:0;z-index:1;}
.index_news_box .img_news .time{position:relative;z-index:2;font-size:14px;color:#ffffff;line-height:28px;}
.index_news_box .img_news .name_btn{position:relative;z-index:2;font-size:18px;color:#ffffff;line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;height:60px;}
.index_news_box .img_news .more_btn{position:relative;z-index:2;display:flex;align-items:center;height:30px;font-size:14px;color:#fff;margin-top:15px;}
.index_news_box .img_news .more_btn i{margin-left:5px;font-size:24px;transition:all 0.2s linear 0s;}
.index_news_box .img_news:hover {transform: translateY(-10px);}
.index_news_box .img_news:hover .name_btn{text-decoration:underline;}
.index_news_box .img_news:hover .more_btn i{margin-left:10px;}
.index_news_box .text_news{background:#fff;border-radius:20px;box-shadow:0 0 10px rgba(215,227,239,0.2);overflow:hidden;height:178px;padding:22px 38px 0 38px;transition:all 0.2s linear 0s;}
.index_news_box .text_news .time{font-size:14px;color:#999999;line-height:28px;}
.index_news_box .text_news .name_btn{font-size:18px;color:#333333;line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;height:60px;}
.index_news_box .text_news .more_btn{display:flex;align-items:center;height:30px;font-size:14px;color:#999999;margin-top:15px;}
.index_news_box .text_news .more_btn i{margin-left:5px;font-size:22px;color:#2c5492;transition:all 0.2s linear 0s;font-weight: bold;}
.index_news_box .text_news:hover {transform: translateY(-10px);}
.index_news_box .text_news:hover .name_btn{text-decoration:underline;color:var(--fontColor);}
.index_news_box .text_news:hover .more_btn{color:var(--fontColor);}
.index_news_box .text_news:hover .more_btn i{margin-left:10px;}
.index_news_box .middle_news{margin-right:22px;width:calc((100% - 44px)/3);}
.index_news_box .middle_news .img_news{width:100%;margin-right:0;margin-top:16px;height:376px;}
.index_news_box ul{width:calc((100% - 44px)/3);background:#fff;border-radius:20px;box-shadow:0 0 10px rgba(215,227,239,0.2);overflow:hidden;height:570px;padding:0 38px;}
.index_news_box ul li{border-top:1px solid #e1e1e1;padding:30px 0 25px 0;}
.index_news_box ul li:first-child{border-top:0}
.index_news_box ul li .time{font-size:14px;color:#999999;line-height:28px;}
.index_news_box ul li .name_btn{font-size:18px;color:#333333;line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;height:60px;}
.index_news_box ul li .more_btn{display:flex;align-items:center;height:30px;font-size:14px;color:#999999;margin-top:16px;}
.index_news_box ul li .more_btn i{margin-left:5px;font-size:22px;color:#2c5492;transition:all 0.2s linear 0s;font-weight: bold;}
.index_news_box ul li:hover .name_btn{text-decoration:underline;color:var(--fontColor);}
.index_news_box ul li:hover .more_btn{color:var(--fontColor);}
.index_news_box ul li:hover .more_btn i{margin-left:10px;}


/*解决方案*/
/*试剂解决方案*/
.solve_banner{height:26vw;}
.solve_banner .container{height:100%;}
.solve_banner .text{display:flex;justify-content:center;align-items:center;font-size:60px;color:#fff;height:100%;}
.solve_apply{padding:75px 0 65px 0;}
.solve_apply .title{text-align:center;position:relative;}
.solve_apply .title img{max-width:100%;}
.solve_apply .title h1{font-size:40px;color:#222222;line-height:50px;position:relative;top:-20px;}
.solve_apply ul{display:flex;flex-wrap: wrap;margin-top:40px;justify-content:center;}
.solve_apply ul li{flex:1;}
.solve_apply ul li .img_box{width:450px;height:300px;border-radius:20px;overflow:hidden;margin:0 auto;}
.solve_apply ul li .img_box img{width:100%;height:100%;object-fit:cover;}
.solve_apply ul li .text{text-align:center;font-size:32px;color:#333333;font-weight:bold;line-height:100px;}
.solve_apply ul.three_ul{margin-top:30px;}
.solve_apply ul.three_ul .img_box{width:auto;height:246px;display:flex;align-items:center;justify-content:center;}
.solve_apply ul.three_ul li .img_box img{object-fit:none;}
.solve_apply ul.three_ul li .text{line-height:72px;margin-top:23px;font-weight:normal;}
.solve_pain{background:#f3f8ff;overflow:hidden;max-height:710px;}
.solve_pain .pain_bg1{background:url("../images/pain_1.png") no-repeat center;min-height:710px;display:flex;justify-content:center;align-items:center;margin:0 auto;position:relative;}
.solve_pain .pain_bg2{background:url("../images/pain_2.png") no-repeat center;min-height:710px;width:100%;display:flex;justify-content:center;align-items:center;animation: rotateElement 4s infinite linear;}
.solve_pain .pain_bg3{background:url("../images/pain_3.png") no-repeat center;min-height:458px;width:100%;display:flex;justify-content:center;align-items:center;animation: rotateElement 4s infinite linear;}
@keyframes rotateElement {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}
.solve_pain .round_text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;background:#155bce;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;line-height:45px;text-align:center;flex-direction:column;}
.solve_pain .list_text{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;height:100%;}
.solve_pain .list_text .text{transition:all 0.2s linear 0s;cursor:pointer;}
.solve_pain .list_text .text span{background:linear-gradient(to left, #0045b7, #8fb9ff);line-height:50px;border-radius:30px;font-size:18px;color:#ffffff;padding-right:25px;margin:40px 0;text-align:right;display:inline-block;}
.solve_pain .list_text .text:nth-child(1){margin-left:190px;}
.solve_pain .list_text .text:nth-child(1) span{padding-left:108px;}
.solve_pain .list_text .text:nth-child(1):hover{margin-left:170px;}
.solve_pain .list_text .text:nth-child(2){margin-left:248px;}
.solve_pain .list_text .text:nth-child(2) span{padding-left:55px;}
.solve_pain .list_text .text:nth-child(2):hover{margin-left:228px;}
.solve_pain .list_text .text:nth-child(3) span{padding-left:55px;}
.solve_pain .list_text .text:nth-child(3):hover{margin-left:-20px;}
.solve_pain .list_text .text:nth-child(4){margin-left:210px;}
.solve_pain .list_text .text:nth-child(4) span{padding-left:65px;}
.solve_pain .list_text .text:nth-child(4):hover{margin-left:190px;}
.solve_pain .list_text .text:nth-child(5){margin-left:225px;}
.solve_pain .list_text .text:nth-child(5) span{padding-left:85px;}
.solve_pain .list_text .text:nth-child(5):hover{margin-left:205px;}
.solve_pain .list_text.list_text_right{right:0;left:auto;}
.solve_pain .list_text.list_text_right .text{text-align:right;}
.solve_pain .list_text.list_text_right .text span{padding-right:0;padding-left:25px;background:linear-gradient(to right, #0045b7, #8fb9ff);}
.solve_pain .list_text.list_text_right .text:nth-child(1){margin-right:227px;margin-left:0;}
.solve_pain .list_text.list_text_right .text:nth-child(1) span{padding-right:108px;}
.solve_pain .list_text.list_text_right .text:nth-child(1):hover{margin-right:207px;}
.solve_pain .list_text.list_text_right .text:nth-child(2){margin-right:255px;margin-left:0;}
.solve_pain .list_text.list_text_right .text:nth-child(2) span{padding-right:55px;}
.solve_pain .list_text.list_text_right .text:nth-child(2):hover{margin-right:235px;}
.solve_pain .list_text.list_text_right .text:nth-child(3) span{padding-right:55px;}
.solve_pain .list_text.list_text_right .text:nth-child(3):hover{margin-right:-20px;}
.solve_pain .list_text.list_text_right .text:nth-child(4){margin-right:195px;margin-left:0;}
.solve_pain .list_text.list_text_right .text:nth-child(4) span{padding-right:65px;}
.solve_pain .list_text.list_text_right .text:nth-child(4):hover{margin-right:175px;}
.solve_pain .list_text.list_text_right .text:nth-child(5){margin-right:160px;margin-left:0;}
.solve_pain .list_text.list_text_right .text:nth-child(5) span{padding-right:85px;}
.solve_pain .list_text.list_text_right .text:nth-child(5):hover{margin-right:140px;}
.solve_pain_box{display:flex;padding:110px 132px;align-items:center;justify-content:center;}
.solve_pain_box .list_text{position:initial;justify-content: space-between;min-height:386px;}
.solve_pain_box .list_text .text{width:260px;text-align:center;background:#fff;line-height:56px;border-radius:30px;font-size:22px;color:#0c52c5;box-shadow:0 8px 29px rgba(0,45,115,0.1);margin-left:0 !important;transition:all 0.2s linear 0s;}
.solve_pain_box .list_text .text:hover{transform: translateX(20px)}
.solve_pain_box .list_text.list_text_left .text:hover{transform: translateX(-20px)}
.solve_pain_box img{margin:0 60px;}
.solve_pain_box .round_text{position:initial;flex:0 0 230px;height:230px;background:rgba(12,82,197,0.2);border-radius:50%;width:auto;transform: translate(0);transition:all 0.2s linear 0s;animation: rotateElement 4s infinite linear;}
.solve_pain_box .round_text .text{width:164px;height:164px;background:#1157ca;border-radius:50%;line-height:164px;font-size:28px;font-weight:bold;transition:all 0.2s linear 0s;}
.solve_title{text-align:center;font-size:40px;color:#222222;line-height:52px;font-weight:bold;}
.solve_system{padding:110px 0 50px 0;}
.solve_system ul{display:flex;flex-wrap: wrap;margin-top:78px;}
.solve_system ul li{margin-right:40px;width:calc((100% - 40px)/2);}
.solve_system ul li:nth-child(2n){margin-right:0;}
.solve_system ul li .introduce_box{border-radius:20px;box-shadow:0 9px 60px rgba(68,138,255,0.13);background:#fff;height:345px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-left:45px;border:1px solid #dddddd;transition:all 0.2s linear 0s;}
.solve_system ul li .introduce_box img{max-width:380px;position:absolute;right:-20px;bottom:0;}
.solve_system ul li .introduce_box h1{font-size:57px;color:#222222;font-weight:bold;line-height:80px;}
.solve_system ul li .introduce_box a{font-size:22px;color:#1072d7;line-height:48px;position:relative;display:inline-block;}
.solve_system ul li .introduce_box a:after{content:"";width:0;height:3px;background:#1072d7;position:absolute;bottom:12px;left:0;transition:all 0.2s linear 0s;}
.solve_system ul li .text{text-align:center;font-size:30px;color:#222222;line-height:130px;}
.solve_system ul li:hover .introduce_box{box-shadow:0 9px 60px rgba(68,138,255,0.3);transform: translateY(-5px)}
.solve_system ul li:hover .introduce_box a:after{width:175px;}
.solve_function{background:#f3f8ff;padding:58px 0 65px 0;}
.solve_function ul{display:flex;flex-wrap: wrap;margin-top:60px;}
.solve_function ul li{background:#fff;border-radius:6px;margin-right:80px;margin-bottom:68px;width:calc((100% - 160px)/3);position:relative;height:160px;box-shadow:0 6px 32px rgba(0,0,0,0.1);}
.solve_function ul li:nth-child(3n){margin-right:0;}
.solve_function ul li .num{position:absolute;left:25px;top:-10px;}
.solve_function ul li .num img{max-width:100%;}
.solve_function ul li h1{font-size:22px;color:#222222;line-height:40px;padding-top:50px;font-weight:bold;text-align:center;}
.solve_function ul li:nth-child(1) h1{padding:50px 62px 0 62px;text-align:left;}
.solve_function ul li:nth-child(6) h1{padding:50px 62px 0 62px;text-align:left;}
.solve_function ul li i{position:absolute;font-size:54px;line-height:54px;right:-10px;bottom:-15px; background-image: linear-gradient(to right, #0247b9, #448bff);-webkit-background-clip: text;-webkit-text-fill-color: transparent}
.solve_data{padding:75px 0 60px 0;}
.solve_data ul{display:flex;flex-wrap: wrap;margin-top:62px;justify-content: space-between;padding:0 80px;}
.solve_data ul li{width:25%;text-align:center;margin-bottom:44px;}
.solve_data ul.three_ul li{width:calc(100% / 3);}
.solve_data ul li .icon_box{width:120px;height:120px;border-radius:20px;background:linear-gradient(to bottom, #fbfdff, #eff4fa);box-shadow:0 2px 13px rgba(52,120,229,0.16);display:flex;align-items:center;justify-content:center;margin:0 auto;}
.solve_data ul li .icon_box img{max-width:100%;max-height:100%;}
.solve_data ul li .title{font-size:22px;color:#333333;line-height:76px;font-weight:bold;}
.solve_case{background:#f3f8ff;padding:75px 0 100px 0;}
.solve_case ul{display:flex;flex-wrap: wrap;margin-top:42px;}
.solve_case ul li{margin-right:20px;margin-bottom:20px;width:calc((100% - 80px)/5);}
.solve_case ul li:nth-child(5n){margin-right:0;}
.solve_case ul li a{display:flex;align-items:center;justify-content:center;height:120px;border-radius:20px;box-shadow:0 2px 13px rgba(52,120,229,0.16);padding:5px;background:#fff;}
.solve_case ul li a img{max-width:100%;max-height:100%;}
.solve_case ul li:hover a{box-shadow:0 2px 13px rgba(52,120,229,0.3);transform: translateY(-5px);}

/*seo优化*/
.seo_banner{height:26vw;}
.seo_banner .container{height:100%;}
.seo_banner .text{display:inline-flex;align-items:center;font-size:58px;color:#fff;font-weight:bold;height:100%;padding-left:110px;text-align:center;line-height:84px;}
.seo_title{text-align:center;position:relative;}
.seo_title h1{font-size:38px;color:#333333;line-height:86px;position:relative;z-index:2;}
.seo_title .num{font-family:Bahnschrift;color:rgba(153,153,153,0.15);font-size:100px;font-weight:bold;line-height:86px;position:absolute;z-index:1;top:0;left:50%;transform: translateX(-50%);}
.seo_select_box{background:#f9fafd;padding-top:60px;padding-bottom:75px;}
.seo_select_box ul{display:flex;flex-wrap: wrap;margin-top:45px;}
.seo_select_box ul li{margin-right:42px;width:calc((100% - 126px)/4);border-radius:15px;background:#fff;height:230px;box-shadow:0 0 9px rgba(215,227,239,0.2);padding-top:35px;transition:all 0.2s linear 0s;}
.seo_select_box ul li:nth-child(4n){margin-right:0;}
.seo_select_box ul li .img_icon{display:flex;align-items:center;justify-content:center;height:85px;margin:0 auto;}
.seo_select_box ul li .img_icon img{max-width:100%;max-height:100%;}
.seo_select_box ul li .title{position:relative;margin-top:16px;}
.seo_select_box ul li .title span{font-size:20px;color:#0054a6;font-weight:bold;position:relative;z-index:2;text-align:center;line-height:28px;display:block;}
.seo_select_box ul li .title:after{content:"";width:106px;height:5px;background:#cde0ff;position:absolute;bottom:0;left:50%;transform: translateX(-50%);z-index:1;}
.seo_select_box ul li .subtitle{text-align:center;font-size:16px;color:#81858b;line-height:30px;margin-top:12px;}
.seo_select_box ul li:hover{box-shadow:0 0 9px rgba(215,227,239,0.8);transform: translateY(-5px);}
.seo_optimize_box{padding-top:75px;padding-bottom:110px;position:relative;}
.seo_optimize_box:after{content:"";background:url("../images/line.png") no-repeat center;position:absolute;left:50%;transform: translateX(-50%);bottom:124px;height:66px;width:1644px;z-index:-1;}
.seo_optimize_box ul{display:flex;margin-top:52px;flex-wrap: wrap;}
.seo_optimize_box ul li{margin:0 21px;width:calc((100% / 6) - 42px);}
.seo_optimize_box ul li:nth-child(odd){margin-top:67px;}
.seo_optimize_box ul li .optimize_list{width:100%;height:267px;border-radius:15px;border:1px solid #e2e2e2;padding:30px 18px 0 18px;text-align:center;position:relative;transition:all 0.2s linear 0s;}
.seo_optimize_box ul li .optimize_list:after{content:"";border-top:10px solid #e2e2e2;border-right:10px solid transparent;border-left:10px solid transparent;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);z-index:1;}
.seo_optimize_box ul li .optimize_list:before{content:"";border-top:8px solid #fff;border-right:8px solid transparent;border-left:8px solid transparent;position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);z-index:2;}
.seo_optimize_box ul li .optimize_list i{width:70px;height:70px;border-radius:50%;text-align:center;line-height:70px;font-size:38px;color:#fff;background:linear-gradient(to right, #0054a6, #3199ff);display:block;margin:0 auto;}
.seo_optimize_box ul li .optimize_list h2{font-size:16px;color:#333333;line-height:26px;margin:24px 0 10px 0;font-weight:bold;}
.seo_optimize_box ul li .optimize_list .brief_text{font-size:13px;color:#999999;line-height:22px;}
.seo_optimize_box ul li .circle{width:25px;height:25px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:25px auto 0 auto;box-shadow:0 3px 15px rgba(0,0,0,0.22)}
.seo_optimize_box ul li .circle:before{content:"";width:13px;height:13px;background:#1a79d6;border-radius:50%;}
.seo_optimize_box ul li:hover .optimize_list{transform: translateY(-10px)}
.seo_service_box{background:url("../images/seo_service_bg.png") no-repeat center #f9fafd;padding:52px 0 65px 0;}
.seo_service_box ul{margin-top:35px;display:flex;flex-wrap: wrap;}
.seo_service_box ul li{width:20%;display:flex;flex-wrap: wrap;}
.seo_service_box ul li .info_box{width:100%;background:#fff;height:211px;position:relative;display:flex;align-items: flex-start;padding:48px 32px 0 32px;transition:all 0.2s linear 0s;}
.seo_service_box ul li .info_box .num{font-family:Bahnschrift;font-size:60px;color:#e1e1e1;line-height:50px;width:78px;transition:all 0.2s linear 0s;}
.seo_service_box ul li .info_box .right_box{width:calc(100% - 78px);}
.seo_service_box ul li .info_box .right_box .title{transition:all 0.2s linear 0s;border-bottom:2px solid #999999;font-size:16px;color:#333333;font-weight:bold;line-height:26px;padding-bottom:8px;}
.seo_service_box ul li .info_box .right_box .brief_text{transition:all 0.2s linear 0s;font-size:13px;color:#999999;line-height:20px;margin-top:10px;}
.seo_service_box ul li .info_box:after{content:"";transition:all 0.2s linear 0s;border-top:20px solid #fff;border-left:20px solid transparent;border-right:20px solid transparent;position:absolute;left:50%;transform: translateX(-50%);bottom:-20px;}
.seo_service_box ul li .img_box{width:100%;height:211px;}
.seo_service_box ul li .img_box img{width:100%;height:100%;object-fit:cover;}
.seo_service_box ul li:nth-child(even) .info_box{order:2;}
.seo_service_box ul li:nth-child(even) .info_box:after{border-top:0;border-bottom:20px solid #fff;top:-20px;bottom:auto;}
.seo_service_box ul li:nth-child(even) .img_box{order:1;}
.seo_service_box ul li:hover .info_box{background:#063e91;}
.seo_service_box ul li:hover .info_box .num{color:#fff;}
.seo_service_box ul li:hover .info_box .right_box .title{color:#fff;border-bottom-color:#fff;}
.seo_service_box ul li:hover .info_box .right_box .brief_text{color:#fff;}
.seo_service_box ul li:hover .info_box:after{border-top-color:#063e91}
.seo_service_box ul li:nth-child(even):hover .info_box:after{border-bottom-color:#063e91}
.seo_advantage_box{background:url("../images/seo_advantage_bg.png") no-repeat center;padding:60px 0 70px 0;}
.seo_advantage_box ul{margin-top:40px;display:flex;flex-wrap: wrap;}
.seo_advantage_box ul li{padding:25px 50px 35px 50px;margin-right:40px;margin-bottom:25px;width:calc((100% - 40px)/2);box-shadow:0 0 10px rgba(215,227,239,0.2);border-radius:15px;display:flex;flex-wrap: wrap;align-items: center;background:#fff;transition:all 0.2s linear 0s;}
.seo_advantage_box ul li:nth-child(2n){margin-right:0;}
.seo_advantage_box ul li .img_box{width:142px;height:142px;border-radius:50%;margin-right:60px;overflow:hidden;}
.seo_advantage_box ul li .img_box img{width:100%;height:100%;object-fit:cover;}
.seo_advantage_box ul li .right_box{width:calc(100% - 202px);}
.seo_advantage_box ul li .right_box .title{font-size:24px;color:#333333;line-height:46px;}
.seo_advantage_box ul li .right_box .list{margin-top:6px;}
.seo_advantage_box ul li .right_box .list p{line-height:28px;font-size:14px;color:#666666;}
.seo_advantage_box ul li .right_box .list p img{max-width:20px;margin-right:8px;vertical-align:middle;margin-bottom:3px;}
.seo_advantage_box ul li:hover{box-shadow:0 0 10px rgba(215,227,239,0.8);transform: translateY(-10px);}


@media only screen and (max-width: 1660px) {
    .seo_optimize_box:after{width:100%;}
}
@media only screen and (max-width: 1490px) {
    .index_video_box:after{width:calc(100% - 500px)}
}
@media only screen and (max-width: 1400px) {
    .solve_function ul li:nth-child(1) h1{padding-left:30px;padding-right:30px;}
    .solve_function ul li:nth-child(6) h1{padding-left:30px;padding-right:30px;}
    .solve_function ul li h1{padding-left:30px;padding-right:30px;text-align:left;}
}
@media only screen and (max-width: 1385px) {
    .index_video_box:after{width:calc(100% - 435px)}
    .index_video_box .swiper-slide .right_video{margin:0 0 0 100px;width:calc(100% - 350px - 100px)}
    .index_solve_box .index_solve .solve_left .solve_item{padding-left:30px;}
    .index_solve_box .index_solve .solve_left .solve_item .brief_text{width:330px;}
    .index_solve_box .index_solve .solve_left .solve_item:nth-child(2){left:390px;}
    .seo_optimize_box ul li{margin:0 10px;width:calc((100% / 6) - 20px)}
    .seo_optimize_box ul li .optimize_list{padding:25px 12px 0 12px;}
}
@media only screen and (max-width: 1300px) {
    .index_service_box ul li{margin-right:20px;margin-bottom:20px;width:calc((100% - 40px)/3);}
    .index_service_box ul li .brief_text{font-size:13px;}
    .solve_pain_box{padding:100px 0;}
    .seo_service_box ul li .info_box{padding:35px 20px 0 20px;}
}
@media only screen and (max-width: 1260px) {
    .index_solve_box .index_solve .solve_left{width:100%;}
    .index_solve_box .index_solve .solve_left .solve_item{width:calc((100% - 30px)/2);position:initial;margin-right:30px;padding:60px 30px;}
    .index_solve_box .index_solve .solve_left .solve_item:nth-child(2n){margin-right:0;}
    .index_solve_box .index_solve .solve_left .solve_item .brief_text{width:100%;}
    .index_solve_box .index_solve .solve_right{display:none;}

    .solve_system ul li .introduce_box img{max-width:300px;}
    .seo_optimize_box:after{display:none;}
    .seo_optimize_box ul li .circle{display:none;}
    .seo_optimize_box ul li:nth-child(odd){margin-top:0;}
    .seo_optimize_box ul li .optimize_list:before,.seo_optimize_box ul li .optimize_list:after{display:none;}
    .seo_optimize_box ul li .optimize_list{height:100%;padding-bottom:15px;}
}
@media only screen and (max-width: 1200px) {
    .solve_pain_box img{margin:0 30px;}
}
@media only screen and (max-width: 1120px) {
    .index_news_box .middle_news .img_news{padding:0 20px 15px 20px;}
    .index_news_box .text_news{padding:22px 20px 0 22px;}
    .index_news_box ul{padding:0 22px;}
    .index_service_box ul li{width:calc((100% - 20px)/2);}
    .index_service_box ul li:nth-child(3n){margin-right:20px;}
    .index_service_box ul li:nth-child(2n){margin-right:0;}
    .index_about_box ul li .title{font-size:26px;line-height:48px;}
    .index_about_box ul li .subtitle{margin-top:0;}
    .index_case_box ul li{margin-right:15px;margin-bottom:15px;width:calc((100% - 45px)/4);}
    .footer_box .footer_middle ul li{margin-right:42px;}

    .solve_pain{max-height:initial;padding:50px 0;}
    .solve_pain .pain_bg1{background:none;min-height:initial;flex-wrap: wrap;}
    .solve_pain .pain_bg2{display:none;}
    .solve_pain .list_text{position:initial;flex-direction: row;order:2;flex-wrap: wrap;width:100%;justify-content: flex-start;}
    .solve_pain .list_text .text{margin:0 10px !important;}
    .solve_pain .list_text .text span{padding:0 25px !important;margin:10px 0;}
    .solve_pain .round_text{margin-bottom:20px;font-weight:bold;width:100%;order:1;background:none;color:#155bce;position:initial;transform: translate(0);height:auto;flex-direction:row;}
    .solve_pain_box{padding:0;flex-wrap: wrap;}
    .solve_pain_box img{display:none;}
    .solve_pain_box .round_text{animation:none;}
    .solve_pain_box .round_text .text{width:auto;height:auto;background:none;line-height:initial;font-size:36px;}
    .solve_pain_box .list_text{min-height:initial;}
    .solve_pain_box .list_text .text{margin:10px !important;padding:0 25px;width:auto;}
    .solve_system{padding:50px 0;}
    .solve_system ul{margin-top:50px;}
    .solve_system ul li .introduce_box{height:265px;padding-left:25px;}
    .solve_system ul li .introduce_box h1{font-size:40px;line-height:60px;}
    .solve_system ul li .introduce_box a{font-size:20px;}
    .solve_system ul li:hover .introduce_box a:after{width:160px;}
    .solve_system ul li .introduce_box img{max-width:250px;}
    .solve_system ul li .text{font-size:25px;line-height:80px;}
    .solve_function ul li{margin-right:30px;width:calc((100% - 60px)/3);margin-bottom:40px;}
    .solve_data ul{padding:0;}
    .seo_select_box ul li{margin-right:20px;width:calc((100% - 60px)/4)}
    .seo_optimize_box{padding-bottom:80px;}
    .seo_optimize_box ul{margin-top:30px;}
    .seo_optimize_box ul li{width:calc((100% / 3) - 20px);margin:10px !important;}
    .seo_service_box ul li .info_box{height:180px;padding:20px 10px 0 10px;}
    .seo_service_box ul li .info_box .num{font-size:40px;width:50px;}
    .seo_service_box ul li .info_box .right_box{width:calc(100% - 50px)}
    .seo_service_box ul li .img_box{height:180px;}
    .seo_advantage_box ul li{padding:25px 30px 35px 30px}
    .seo_advantage_box ul li .img_box{margin-right:30px;}
    .seo_advantage_box ul li .right_box{width:calc(100% - 172px)}
}
@media only screen and (max-width: 1020px) {
    .index_service_box ul li .brief_text{font-size:12px;}
    .index_service_box ul li .more_box{padding:30px 20px 0 20px;}
    .index_service_box ul li .more_box i{margin-top:15px;}
    .index_about_box ul li{margin-right:20px;width:calc((100% - 60px)/4);padding:15px 0;}
    .index_about_box ul li .title{font-size:20px;font-weight:bold;}
    .index_about_box ul li .subtitle{font-size:16px;}
    .index_about_box ul li .subtitle i{font-size:18px;}
    .index_solve_box .index_solve .solve_left .solve_item h1{font-size:26px;font-weight:bold;}
    .index_video_box{padding:80px 0;}
    .index_video_box:after{display:none;}
    .index_video_box .swiper-container{padding-bottom:80px;}
    .index_video_box .swiper-slide .left_text{width:100%;}
    .index_video_box .swiper-slide .left_text .brief_text{padding-bottom:20px;}
    .index_video_box .swiper-slide .right_video{margin:0;width:100%;}
    .index_video_box .swiper-button-next,.index_video_box .swiper-button-prev{bottom:0;}
    .index_case_box ul li{width:calc((100% - 15px)/2);}
    .index_case_box ul li:nth-child(2n){margin-right:0;}
    .index_news_box .img_news{width:calc((100% - 22px)/2)}
    .index_news_box .middle_news{width:calc((100% - 22px)/2);margin-right:0;}
    .index_news_box ul{width:100%;margin-top:20px;}
    .footer_box .footer_middle ul{display:none;}

    .solve_apply ul.three_ul li .img_box img{width:85%;height:auto;object-fit:cover;}
    .solve_apply ul.three_ul li .text{margin-top:0;}
    .solve_system ul li{width:100%;margin-right:0;margin-bottom:20px;}
    .solve_function ul li{width:calc((100% - 30px)/2)}
    .solve_function ul li:nth-child(3n){margin-right:30px;}
    .solve_function ul li:nth-child(2n){margin-right:0;}
    .solve_case ul li{width:calc((100% - 40px)/3)}
    .solve_case ul li:nth-child(5n){margin-right:20px;}
    .solve_case ul li:nth-child(3n){margin-right:0;}
    .seo_banner .text{padding-left:30px;font-size:40px;}
    .seo_select_box ul li{width:calc((100% - 20px)/2);margin-bottom:20px;}
    .seo_select_box ul li:nth-child(2n){margin-right:0;}
    .seo_service_box ul li{width:100%;}
    .seo_service_box ul li .info_box{width:50%;}
    .seo_service_box ul li .img_box{width:50%;}
    .seo_service_box ul li .info_box:after{border-left:20px solid #fff;border-top:20px solid transparent;border-bottom:20px solid transparent;left:auto;bottom:auto;right:-40px;top:50%;transform: translateY(-50%);}
    .seo_service_box ul li:nth-child(even) .info_box:after{border-left:0;border-right:20px solid #fff;border-top:20px solid transparent;border-bottom:20px solid transparent;right:auto;bottom:auto;left:-20px;top:50%;transform: translateY(-50%);}
    .seo_advantage_box ul li{width:100%;margin-right:0;}
}
@media only screen and (max-width: 767px) {
    .kj-site-top .container{padding:0;}
    .kj-navbar-brand{padding:0;}
    .index_service_box{padding:20px 0;}
    .index_service_box .title_box h1{font-size:20px;font-weight:bold;line-height:30px;}
    .index_service_box .title_box h6{font-size:14px;line-height:20px;}
    .index_service_box ul{margin-top:20px;}
    .index_service_box ul li{padding:10px;height:auto;margin-right:10px;margin-bottom:10px;width:calc((100% - 10px)/2);}
    .index_service_box ul li:nth-child(3n){margin-right:10px;}
    .index_service_box ul li:nth-child(2n){margin-right:0;}
    .index_service_box ul li .brief_text{display:none;}
    .index_service_box ul li .name_btn{font-size:16px;font-weight:bold;}
    .index_service_box ul li .more_box span,.index_service_box ul li .more_box i{display:none;}
    .index_service_box ul li .more_box{padding:10px;}
    .index_service_box ul li .more_box b{font-size:18px;font-weight:bold;display:flex;align-items:center;justify-content:center;height:100%;}
    .index_about_box{padding:20px 0;}
    .index_about_box .title_box h1{font-size:20px;font-weight:bold;line-height:30px;}
    .index_about_box .title_box h6{font-size:14px;line-height:20px;}
    .index_about_box ul{margin-top:20px;}
    .index_about_box ul li{margin-right:10px;width:calc((100% - 10px)/2);padding:10px 0;}
    .index_about_box ul li:nth-child(2n){margin-right:0;}
    .index_about_box ul li .title{font-size:18px;line-height:38px;}
    .index_about_box .more_btn{margin-top:30px;}
    .index_solve_box{padding:20px 0;}
    .index_solve_box .title_box h1{font-size:20px;font-weight:bold;line-height:30px;}
    .index_solve_box .title_box h6{font-size:14px;line-height:20px;}
    .index_solve_box .index_solve{margin-top:20px;}
    .index_solve_box .index_solve .solve_left{flex-wrap: wrap;}
    .index_solve_box .index_solve .solve_left .solve_item{width:100%;margin-right:0;height:auto;margin-bottom:10px;padding:20px;}
    .index_solve_box .index_solve .solve_left .solve_item h1{font-size:18px;line-height:28px;}
    .index_solve_box .index_solve .solve_left .solve_item .brief_text{font-size:14px;line-height:22px;}
    .index_solve_box .index_solve .solve_left .solve_item .more_btn{margin-top:15px;}
    .index_video_box{padding:20px 0;}
    .index_video_box .swiper-container{padding-bottom:65px;}
    .index_video_box .swiper-slide .left_text h1{font-size:18px;line-height:28px;font-weight:bold;}
    .index_video_box .swiper-slide .left_text .brief_text{font-size:14px;line-height:22px;}
    .index_video_box .swiper-slide .right_video{height:150px;}
    .video-modal-lg{width:90%;top:20%;}
    .video-modal-lg video{height:auto !important;}
    .index_case_box{padding:20px 0;}
    .index_case_box .title_box h1{font-size:20px;font-weight:bold;line-height:30px;}
    .index_case_box .title_box h6{font-size:14px;line-height:20px;}
    .index_case_box ul{margin-top:20px;}
    .index_case_box ul li{width:100%;margin-right:0;height:auto;padding:22px;}
    .index_news_box{padding:20px 0;}
    .index_news_box .title_box h1{font-size:20px;font-weight:bold;line-height:30px;}
    .index_news_box .title_box h6{font-size:14px;line-height:20px;}
    .index_news_box .index_news{margin-top:20px;}
    .index_news_box .img_news{width:100%;margin-right:0;}
    .index_news_box .img_news{height:400px;padding:0 15px 15px 15px;}
    .index_news_box .img_news .name_btn{font-size:14px;line-height:22px;height:44px;}
    .index_news_box .img_news .more_btn{margin-top:8px;}
    .index_news_box .middle_news{width:100%;margin-top:10px;}
    .index_news_box .text_news{height:auto;padding:20px;}
    .index_news_box .text_news .name_btn{font-size:14px;line-height:22px;height:44px;}
    .index_news_box .text_news .more_btn{margin-top:8px;}
    .index_news_box .middle_news .img_news{height:280px;}
    .index_news_box ul{height:auto;padding:0 20px;}
    .index_news_box ul li{padding:10px 0;}
    .index_news_box ul li .name_btn{font-size:14px;line-height:22px;height:44px;}
    .index_news_box ul li .more_btn{margin-top:8px;}
    .footer_box .footer_middle{padding:20px 0;}
    .footer_box .footer_middle .left_tel{width:100%;}
    .footer_box .footer_middle .left_tel .reservation_btn{margin-top:15px;}
    .footer_box .footer_middle .code_box{width:100%;justify-content:center;}
    .footer_box .footer_middle .code_img{margin:0 10px;}
    .footer_box .footer_copyright{padding:10px 0;}
    .footer_box .footer_copyright .brief_text{font-size:13px;line-height:20px;}



    .solve_banner .text{display:none;}
    .solve_apply{padding:20px 0;}
    .solve_apply .title img{display:none;}
    .solve_apply .title h1{font-size:25px;top:0;}
    .solve_apply ul{margin-top:20px;}
    .solve_apply ul li{flex:0 0 100%;margin-bottom:10px;}
    .solve_apply ul li .img_box{width:100%;height:auto;}
    .solve_apply ul li .text{font-size:20px;line-height:60px;}
    .solve_apply ul.three_ul{margin-top:20px;}
    .solve_apply ul.three_ul li{flex:1;}
    .solve_apply ul.three_ul .img_box{height:100px;}
    .solve_apply ul.three_ul li .img_box img{width:90%;}
    .solve_apply ul.three_ul li .text{font-weight:bold;font-size:18px;line-height:40px;}

    .solve_pain{padding:20px 0;}
    .solve_pain .round_text{font-size:25px;margin-bottom:0;}
    .solve_pain_box .round_text .text{font-size:25px;margin-bottom:0;line-height:45px;}
    .solve_pain .list_text .text{margin:0 5px !important;}
    .solve_pain .list_text .text span{margin:3px 0;padding:0 15px !important;font-size:15px;line-height:36px;}
    .solve_pain_box .list_text .text{margin:3px 5px !important;padding:0 15px;font-size:15px;line-height:36px;}
    .solve_system{padding:20px 0;}
    .solve_title{font-size:25px;line-height:40px;}
    .solve_system ul{margin-top:20px;}
    .solve_system ul li{margin-bottom:10px;}
    .solve_system ul li .introduce_box{height:175px;padding-left:15px;}
    .solve_system ul li .introduce_box h1{font-size:25px;line-height:40px;}
    .solve_system ul li .introduce_box a{font-size:16px;line-height:28px;}
    .solve_system ul li .introduce_box img{max-width:180px;}
    .solve_system ul li .text{font-size:20px;line-height:60px;font-weight:bold;}
    .solve_function{padding:20px 0;}
    .solve_function ul{margin-top:20px;}
    .solve_function ul li{width:100%;margin-right:0;height:auto;}
    .solve_function ul li:nth-child(3n){margin-right:0;}
    .solve_function ul li h1{font-size:20px;line-height:30px;padding:40px 30px 30px 30px !important;}
    .solve_data{padding:20px 0;}
    .solve_data ul{margin-top:20px;}
    .solve_data ul li{width:50%;margin-bottom:15px;}
    .solve_data ul.three_ul li{width:50%;margin-bottom:15px;}
    .solve_data ul li .title{font-size:18px;line-height:50px;}
    .solve_case{padding:20px 0;}
    .solve_case ul{margin-top:10px;}
    .solve_case ul li{width:calc((100% - 20px)/3);margin-right:10px;margin-bottom:10px;}
    .solve_case ul li:nth-child(5n){margin-right:10px;}
    .solve_case ul li:nth-child(3n){margin-right:0;}
    .solve_case ul li a{height:80px;}

    .seo_banner .text{display:none;}
    .seo_select_box{padding:20px 0;}
    .seo_title .num{font-size:50px;line-height:40px;}
    .seo_title h1{font-size:20px;line-height:40px;font-weight:bold;}
    .seo_select_box ul{margin-top:20px;}
    .seo_select_box ul li{margin-right:10px;margin-bottom:10px;width:calc((100% - 10px)/2);height:auto;padding:20px 0;}
    .seo_select_box ul li .title{margin-top:10px;}
    .seo_select_box ul li .title span{font-size:18px;}
    .seo_select_box ul li .subtitle{display:none;}
    .seo_optimize_box{padding:20px 0;}
    .seo_optimize_box ul{margin-top:10px;}
    .seo_optimize_box ul li{width:calc((100% / 2) - 10px);margin:5px !important;}
    .seo_optimize_box ul li .optimize_list h2{font-size:14px;margin:10px 0 0 0;}
    .seo_optimize_box ul li .optimize_list .brief_text{font-size:12px;line-height:20px;}
    .seo_service_box{padding:20px 0;}
    .seo_service_box ul{margin-top:20px;}
    .seo_service_box ul li .info_box,.seo_service_box ul li .img_box{height:auto;}
    .seo_service_box ul li .info_box{padding:20px 10px;}
    .seo_advantage_box{padding:20px 0;}
    .seo_advantage_box ul{margin-top:20px;}
    .seo_advantage_box ul li{padding:20px;}
    .seo_advantage_box ul li .img_box{display:none;}
    .seo_advantage_box ul li .right_box{width:100%;}
}
