<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"3GBtyxu6SjySzjWA",ck:"3GBtyxu6SjySzjWA"})</script>

<script type="text/javascript" src="/ye.js"></script>
  <script>@font-face {
  font-family: 'Oswald-Regular';
  src: url("/cn/res/fonts/HarmonyOS_Sans_SC_Regular.ttf");
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
  word-break: break-word;
  vertical-align: top;
  outline: none;
  /* moz-user-select: -moz-none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout: none; -moz-touch-callout: none; -ms-touch-callout: none; -o-touch-callout: none; touch-callout: none; */
}

input::-webkit-contacts-auto-fill-button{
  display: none !important;
  visibility: hidden;
  pointer-events: none;
}

html {
  overflow-x: hidden;
}

html, body {
  min-height: 100%;
}

table {
  border-collapse: collapse;
}

img {
  border: 0;
  padding: 0;
  display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

a {
  text-decoration: none;
  color: #727272;
}

li {
  list-style: none;
}

/* h1,h2,h3,h4,h5,h6{ font-weight: normal; font-size: 12px; } */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.clearfix {
  *+height: 1%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*¤?¨???¨?€??¨?€??§???€??·??*/
select, input, textarea {
  border-radius: 0;
  -webkit-border-radius: 0;
  color: #878787;
  font-family: "Arial", sans-serif;
}

input:focus {
  outline: none;
}

input, button, select, textarea {
  outline: none;
  /*-webkit-appearance:none; */
}

textarea {
  resize: none;
  /*-webkit-appearance:none; */
}

textarea, input, select {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

a, a:link {
  text-decoration: none;
}

a, a:visited {
  text-decoration: none;
}

a, a:hover {
  text-decoration: none;
}

a, a:active {
  text-decoration: none
}

nav a,footer a,a{cursor:pointer;}

html {
  -webkit-text-size-adjust: 100%;
  font-size: 100px
}

@media (max-width:1440px) {
  html {
    font-size: calc((100 / 1600) * 100 * 1vw);
  }
}

@media (min-width:769px) and (max-width:1024px) {
  html {
    font-size: calc((100 / 1100) * 100 * 1vw);
  }
}

@media (max-width:768px) {
  html {
    font-size: calc((100 / 750) * 100 * 1vw);
  }
}

@media (max-width:640px) {
  html {
    font-size: calc((100 / 550) * 100 * 1vw);
  }
}

body {
  line-height: 1;
  font-weight: normal;
  font-family: "Arial", sans-serif;
  -webkit-text-size-adjust: 100%;
}

body, input, pre, select, th, td, textarea {
  font-family: "Arial", sans-serif;
  font-size: 0.16rem;
}

@media (max-width:480px) {
  body, input, pre, select, th, td, textarea {
    font-size: 0.2rem;
  }
}






.fl {
  float: left;
}

.fr {
  float: right;
}

.tac {
  text-align: center;
}

.anim {
  transition: 0.8s ease;
  transition: all 0.3s ease-in-out
}

.por {
  position: relative;
}

.dib {
  display: inline-block;
}

.vam {
  vertical-align: middle;
}

.omission1 {
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.omission2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.omission3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.omission4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.table {
  display: table;
  width: 100%;
  height: 100%;
}

.table-call {
  display: table-cell;
  vertical-align: middle;
}

/*?€§???€??€?*/
.w1440 {
  /*max-width: 14.4rem;*/
  max-width: 12.8rem;
  margin: 0 auto;
}

.w1280 {
  max-width: 12.8rem;
  margin: 0 auto;
}

.w1600 {
  max-width: 16rem;
  margin: auto;
}

.contain {}

.content {}

/*???€??€???*/
.mainnav {}

/*?¤???¨*/
.menu {}

/*?¨?¤???§?¨???“?€?*/
.maincontent {
  padding: 50px 0;
}

/*?¤?¨???€??€???*/
.txtbox, .singlepage {
  word-wrap: break-word;
  overflow: hidden;
}

/*?€???*/
.pages {
  margin-top: 4.57%;
  font-size: 0;
  text-align: center;
}

.pages a {
  display: inline-block;
  width: .5rem;
  height: .5rem;
  line-height: .5rem;
  border-radius: .5rem;
  font-size: .18rem;
  color: #5e6468;
  background-color: #f8f9fb;
  border: 1px solid #eaeaea;
  transition: 0.4s ease;
  box-sizing: border-box;
}

.pages a.a_first {
  margin-right: 10px;
}

.pages a.a_end {
  margin-left: 10px;
}

.pages a.anum {
  font-family: 'Arial';
}

/* .pages a.a_prev{width: 1rem;}
.pages a.a_next{width: 1rem;} */
.pages a.acur, .pages a:hover {
  background-color: #112d9e;
  color: #fff;
  border: 1px solid #112d9e;
}

.pages .nums {
  display: inline-block;
  margin: 0 10px;
}

.pages .nums .anum {
  margin-right: 10px;
}

.pages .nums .anum:last-child {
  margin-right: 0;
}

.pages .f1 {
  font-size: 14px;
  margin: 0 10px;
  color: #666;
  line-height: 42px;
}

.pages .i_text {
  display: inline-block;
  height: 40px;
  width: 80px;
  border: 1px solid #edecec;
  vertical-align: middle;
}

.pages .i_button {
  margin-left: 10px;
  padding: 0 15px;
  height: 42px;
  font-size: 14px;
  color: #666;
  border: 1px solid #edecec;
}

.pages .a_prev, .pages .a_next {
  font-family: 'Arial';
  box-sizing: border-box;
}

.prew {
  margin-top: .5rem;
  padding-top: .5rem;
  border-top: 2px solid #f6f6f6;
}

.prew div {
  margin-bottom: .2rem;
  font-size: .16rem;
  color: #7d8488;
}

.prew div:last-child {
  margin-bottom: 0rem;
}

.prew div a {
  margin-left: .1rem;
  color: #333;
}

.prew div a:hover {
  color: #0958a6
}

.Return {
  margin-left: .3rem;
}

.Return a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: .5rem;
  font-size: .16rem;
  color: #fff;
  background-color: #112d9e;
  border-radius: .5rem;
  box-sizing: border-box;
}

.Return a:before {
  display: block;
  content: '';
  margin-right: .25rem;
  width: .14rem;
  height: .12rem;
  background-image: url('/cn/res/images/Return.png');
  background-size: 100%;
}

/* ???’?€°???€??? */
.rightMenuBtn {
  position: absolute;
  display: none;
  top: 0;
  right: 2%;
  width: 40px;
  height: 40px;
  background-color: transparent;
  z-index: 350;
  cursor: pointer;
}

.rightMenuBtn span {
  display: block;
  height: 3px;
  background-color: #005cb9;
  position: absolute;
  top: 20px;
  transition: 0.5s;
}

.rightMenuBtn img {
  display: block;
  position: absolute;
  bottom: 5px;
  left: 5px;
  transition: 0.5s;
  width: 30px;
  height: auto;
}

.rightMenuBtn .openMenu {
  width: 30px;
  left: 5px;
}

.rightMenuBtn .closeMenu {
  left: 25px;
  width: 0;
}

.rightMenuBtn span:active {
  width: 0;
}

.rightMenuBtn span:before, .rightMenuBtn span:after {
  content: "";
  display: block;
  width: 30px;
  height: 3px;
  background-color: #005cb9;
  position: absolute;
  transition: 0.4s;
}

.rightMenuBtn .openMenu:before {
  top: -10px;
  left: -0;
}

.rightMenuBtn .openMenu:after {
  top: 10px;
  left: -0;
}

.rightMenuBtn .closeMenu:before {
  top: 0px;
  left: -20px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.rightMenuBtn .closeMenu:after {
  top: 0px;
  left: -20px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*???¤?’?¨???¨???€?*/
.top-streamer {
  position: relative;
  padding: .2rem 0;
  background-image: url('/cn/res/images/top-streamer-bg.jpg');
  background-size: cover;
  transition: 0.8s ease;
  overflow: hidden;
  box-sizing: border-box;
  z-index:999;
}

.top-streamer .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}

.top-streamer .flex .left-box {
  display: flex;
  align-items: center
}
.top-streamer .flex .left-box .img{border-radius: 0}
.top-streamer .flex .left-box .img img {
  width: 4.36rem;
}

.top-streamer .flex .left-box .text {
  margin-left: .7rem;
  font-size: .16rem;
  color: #ffffff;
  line-height: 1.4;
}

.top-streamer .flex .more a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: .46rem;
  font-size: .16rem;
  color: #ffffff;
  background-color: #005cb9;
  border-radius: .05rem;
}

.top-streamer .close {
  position: absolute;
  right: .35rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: .36rem;
  height: .36rem;
  background-image: url('/cn/res/images/close.png');
  background-size: 100%;
  cursor: pointer;
}

.top-streamer.on {
  height: 0;
  padding: 0;
}

/* ???¤?’?¨ */
body.home header {
  /*top: .9rem;*/
}

body.home.not header,
body.home header.on {
  top: 0;
}

header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 333;
}

header>.flex {
  display: flex;
  align-items: center;
  justify-content: space-between
}

header .logo img {
  max-width: 2.19rem
}

header .logo img:nth-of-type(1) {
  display: block;
}

header .logo img:nth-of-type(2) {
  display: none;
}

header>.flex>.right-box {
  display: flex;
  align-items: center
}

header .right-box nav>ul {
  display: flex;
  align-items: center;
}

header .right-box nav>ul>li {
  margin-right: .45rem;
}

header .right-box nav>ul>li:last-child {
  margin-right: 0;
}

header .right-box nav>ul>li>a {
  position: relative;
  font-size: .16rem;
  line-height: .86rem;
  color: #ffffff;
}

header .right-box nav>ul>li>a:hover,
header .right-box nav>ul>li.on>a {
  color: #005cb9 !important;
}

header .right-box nav>ul>li:hover>a:after,
header .right-box nav>ul>li.on>a:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: .51rem;
  width: 100%;
  height: .03rem;
  background-color: #005cb9;
  z-index: 1;
}

header .right-box nav>ul>li .drop-down {
  display: none;
}



header .right-box nav>ul>li .drop-down .box .one-title {
  padding-bottom: .2rem;
  border-bottom: 1px solid #ebebeb;
}

header .right-box nav>ul>li .drop-down .box .one-title .title a {
  font-size: .2rem;
  color: #005cb9;
  font-weight: 600;
}

header .right-box nav>ul>li .drop-down .box .one-title .name {
  margin-top: .1rem;
}

header .right-box nav>ul>li .drop-down .box .one-title .name a {
  font-size: .16rem;
}

header .right-box nav {
  margin-right: .4rem;
  display: flex;
  align-items: center
}

header .right-box .search {
  position: relative;
  margin-right: .55rem;
}

header .right-box .search .search-btn {
  width: .18rem;
  height: .18rem;
  background-image: url('/cn/res/images/search1.png');
  background-size: 100%;
  cursor: pointer;
}

header .right-box .search .drop-down {
  display: none;
  position: absolute;
  right: -.12rem;
  top: -.12rem;
  /* padding-top: .34rem; */
  width: 1.6rem;
  box-sizing: border-box;
  z-index: 33;
}

header .right-box .search .drop-down .box {
  display: flex;
  align-items: center;
  border: 1px solid #f2f2f2;
  background-color: #fff;
}

header .right-box .search .drop-down .box .text {
  width: calc(100% - .4rem);
  height: .4rem;
  padding: 0 .1rem;
  font-size: .14rem;
  box-sizing: border-box;
}

header .right-box .search .drop-down .box .btn {
  width: .4rem;
  height: .4rem;
  background-image: url('/cn/res/images/search2.png');
  background-size: .18rem .18rem;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

header .right-box .search:hover .drop-down {
  display: block;
}

header .right-box .tel {
  display: flex;
  align-items: center;
  padding-left: .2rem;
  font-size: .16rem;
  color: #ffffff;
  border-left: 1px solid rgba(255, 255, 255, .33);
}

/*header .right-box .tel:before{display: block;content: '';margin-right: .05rem;width: .14rem;height: .15rem;background-image: url('/cn/res/images/tel1.png');background-size: 100%;}*/
header .right-box .tel span {
  padding-left: .05rem;
  font-size: .18rem;
  font-weight: bold;
}

@media screen and (min-width: 1200px) {

  header .right-box nav {
    margin-right: 7vw;
  }

  body.nofixed header {
    position: relative !important;
    background-color: #fff;
  }

  body.nofixed header .right-box .search .search-btn {
    background-image: url('/cn/res/images/search2.png');
  }

  body.nofixed header .right-box nav ul li a {
    color: #333333;
  }

  body.nofixed header .logo img:nth-of-type(2) {
    display: block;
  }

  body.nofixed header .logo img:nth-of-type(1) {
    display: none;
  }

  body.nofixed header .right-box .tel {
    color: #333333;
    border-left: 1px solid #d0d0d0;
  }

  body.nofixed header .right-box .tel span {
    color: #005cb9;
  }

  body.nofixed header .right-box .tel:before {
    background-image: url('/cn/res/images/tel2.png');
  }

  header.black .right-box .search .search-btn {
    background-image: url('/cn/res/images/search2.png');
  }

  header.black .right-box nav ul li a {
    color: #333333;
  }

  header.black .logo img:nth-of-type(2) {
    display: block;
  }

  header.black .logo img:nth-of-type(1) {
    display: none;
  }

  header.black .right-box .tel {
    color: #333333;
   /* border-left: 1px solid #d0d0d0;*/
  }

  header.black .right-box .tel span {
    color: #005cb9;
  }

  /* header.black .right-box .tel:before{background-image: url('/cn/res/images/tel2.png');}*/
  header.black .right-box .tel span {
    color: #000
  }

  header.on,
  header:hover {
    position: fixed;
    top: 0;
    background-color: #fff;
  }

  header.on .right-box .search .search-btn,
  header:hover .right-box .search .search-btn {
    background-image: url('/cn/res/images/search2.png');
  }

  header.on .right-box nav ul li a,
  header:hover .right-box nav ul li a {
    color: #333333;
  }

  header.on .logo img:nth-of-type(2),
  header:hover .logo img:nth-of-type(2) {
    display: block;
  }

  header.on .logo img:nth-of-type(1),
  header:hover .logo img:nth-of-type(1) {
    display: none;
  }

  header.on .right-box .tel,
  header:hover .right-box .tel {
    color: #333333;
    /*border-left: 1px solid #d0d0d0;*/
  }

  header.on .right-box .tel span,
  header:hover .right-box .tel span {
    color: #005cb9;
  }

  /* header.on .right-box .tel:before,
  header:hover .right-box .tel:before{background-image: url('/cn/res/images/tel2.png');}*/
  header .right-box nav>ul>li .drop-down {
    position: absolute;
    top: 100%;
    z-index: 33;
  }

  header .right-box nav>ul>li .drop-down .box {
    background-color: #fff;
    border-radius: 0 0 .2rem .2rem;
    box-shadow: 0 .25rem .2rem rgba(0, 0, 0, .5);
    border-top: 1px solid #f2f2f2;
  }

  header .right-box nav>ul>li:nth-of-type(1) .drop-down {
    left: 0;
    width: 100%;
  }

  header .right-box nav>ul>li:nth-of-type(1) .drop-down .flex {
    display: flex;
    align-items: baseline;
  }

  header .right-box nav>ul>li:nth-of-type(1) .drop-down .flex .left-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 70%;
    padding: .6rem .7rem;
    box-sizing: border-box
  }

  header .right-box nav>ul>li:nth-of-type(1) .drop-down .flex .left-box .item {
    width: 46%;
  }

  header .right-box nav>ul>li:nth-of-type(1) .drop-down .flex .left-box .item .list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .15rem;
  }

  header .right-box nav>ul>li:nth-of-type(1) .drop-down .flex .left-box .item .list dl {
    width: 48%;
    margin: .25rem 0;
  }

  header .right-box nav>ul>li:nth-of-type(1) .drop-down .flex .left-box .item .list dl dt a {
    font-size: .16rem;
    color: #333333;
    font-weight: bold;
  }

  header .right-box nav>ul>li:nth-of-type(1) .drop-down .flex .left-box .item .list dl dt a:hover {
    color: #005cb9;
  }

  header .right-box nav>ul>li:nth-of-type(1) .drop-down .flex .left-box .item .list dl dd {
    margin-top: .15rem;
  }

  header .right-box nav>ul>li:nth-of-type(1) .drop-down .flex .left-box .item .list dl dd a {
    font-size: .16rem;
    color: #666;
  }

  header .right-box nav>ul>li:nth-of-type(1) .drop-down .flex .left-box .item .list dl dd a:hover {
    color: #005cb9;
  }

  header .right-box nav>ul>li:nth-of-type(1) .drop-down .flex .right-box {
    width: 30%;
    padding: 0 .55rem;
    box-sizing: border-box
  }

  header .right-box nav>ul>li:nth-of-type(1) .drop-down .flex .right-box .item {
    margin-bottom: .4rem;
  }

  header .right-box nav>ul>li:nth-of-type(1) .drop-down .flex .right-box .item:last-child {
    margin-bottom: 0;
  }

  header .right-box nav>ul>li:nth-of-type(2) {
    position: relative;
  }

  header .right-box nav>ul>li:nth-of-type(2) .drop-down {
    left: 50%;
    top: 100%;
    width: 9rem;
    transform: translateX(-50%)
  }

  header .right-box nav>ul>li:nth-of-type(2) .drop-down .box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: .6rem .7rem;
    box-sizing: border-box
  }

  header .right-box nav>ul>li:nth-of-type(2) .drop-down .box .item {
    width: 46%;
  }

  header .right-box nav>ul>li:nth-of-type(2) .drop-down .box .list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .15rem;
  }

  header .right-box nav>ul>li:nth-of-type(2) .drop-down .box .list dl {
    width: 48%;
    margin: .25rem 0;
  }

  header .right-box nav>ul>li:nth-of-type(2) .drop-down .box .list dl dt a {
    font-size: .16rem;
    color: #333333;
    font-weight: bold;
  }

  header .right-box nav>ul>li:nth-of-type(2) .drop-down .box .list dl dt a:hover {
    color: #005cb9;
  }

  header .right-box nav>ul>li:nth-of-type(2) .drop-down .box .list dl dd {
    margin-top: .15rem;
  }

  header .right-box nav>ul>li:nth-of-type(2) .drop-down .box .list dl dd a {
    font-size: .16rem;
    color: #666;
  }

  header .right-box nav>ul>li:nth-of-type(2) .drop-down .box .list dl dd a:hover {
    color: #005cb9;
  }

  header .right-box nav>ul>li:nth-of-type(3) ,header .right-box nav>ul>li:nth-of-type(4) ,header .right-box nav>ul>li:nth-of-type(5){
    position: relative;
  }

  header .right-box nav>ul>li:nth-of-type(3) .drop-down,header .right-box nav>ul>li:nth-of-type(4) .drop-down,header .right-box nav>ul>li:nth-of-type(5) .drop-down {
    left: 50%;
    width: 2rem;
    top: 100%;
    transform: translateX(-50%)
  }

  header .right-box nav>ul>li:nth-of-type(3) .drop-down .box,header .right-box nav>ul>li:nth-of-type(4) .drop-down .box,header .right-box nav>ul>li:nth-of-type(5) .drop-down .box {
    width: 100%;
    padding: .3rem .2rem;
    box-sizing: border-box
  }

  header .right-box nav>ul>li:nth-of-type(3) .drop-down .box dl dd ,header .right-box nav>ul>li:nth-of-type(4) .drop-down .box dl dd,header .right-box nav>ul>li:nth-of-type(5) .drop-down .box dl dd{
    margin-bottom: .3rem;
    padding-bottom: .3rem;
    border-bottom: 1px solid #ebebeb;
    text-align: center;
  }

  header .right-box nav>ul>li:nth-of-type(3) .drop-down .box dl dd:last-child ,header .right-box nav>ul>li:nth-of-type(4) .drop-down .box dl dd:last-child,header .right-box nav>ul>li:nth-of-type(5) .drop-down .box dl dd:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }

  header .right-box nav>ul>li:nth-of-type(3) .drop-down .box dl dd a ,header .right-box nav>ul>li:nth-of-type(4) .drop-down .box dl dd a,header .right-box nav>ul>li:nth-of-type(5) .drop-down .box dl dd a{
    font-size: .16rem;
    color: #333333;
    font-weight: bold;
  }
  header .right-box nav>ul>li:nth-of-type(3) .drop-down .box dl dd:hover a ,header .right-box nav>ul>li:nth-of-type(4) .drop-down .box dl dd:hover a,header .right-box nav>ul>li:nth-of-type(5) .drop-down .box dl dd:hover a{
    color: #005cb9;
  }
  header .right-box .media-nav{display: none;}
  header .right-box nav>ul>li:hover .drop-down {
  display: block;
  
}
}

/* ?€’?¨ */
footer {
  position: relative;
  padding: 1rem 0 .4rem 0;
  background-color: #242424
}

footer .foot-logo img {
  width: 2.25rem;
}

footer .foot-nav {
  margin-top: .5rem;
}

footer .foot-nav ul {
  display: flex;
  justify-content: space-between
}

footer .foot-nav ul li>a {
  font-size: .2rem;
  color: #ffffff
}

footer .foot-nav ul li dl {
  margin-top: .3rem;
}

footer .foot-nav ul li dl dd {
  margin-bottom: .2rem;
}

footer .foot-nav ul li dl dd:last-child {
  margin-bottom: 0;
}

footer .foot-nav ul li dl dd a {
  font-size: .16rem;
  color: rgba(255, 255, 255, .7);
  line-height: 1.5;
}

footer .foot-nav ul li dl dd a:hover {
  color: #fff;
}

footer .foot-nav ul li .foot-contact {
  margin-top: .35rem;
}

footer .foot-nav ul li .foot-contact p {
  font-size: .16rem;
  color: rgba(255, 255, 255, .7)
}

footer .foot-nav ul li .foot-contact p.tel {
  margin-bottom: 1px;
  display: flex;
  align-items: center
}

footer .foot-nav ul li .foot-contact p.tel span {
  font-size: .3rem;
  font-weight: bold;
  color: #fff
}

footer .foot-nav ul li .foot-contact p.mailbox {
  margin-top: .3rem;
  display: flex;
  align-items: center
}

footer .foot-nav ul li .foot-contact p.mailbox span {
  font-size: .2rem;
  color: #fff
}

footer .foot-nav ul li .foot-code {
  margin-top: .3rem;
}
footer .foot-nav ul li .foot-code dl{display: flex;}
footer .foot-nav ul li .foot-code dl dd{margin-right: .2rem;margin-bottom: 0;}
footer .foot-nav ul li .foot-code dl dd:last-child{margin-right: 0;}
footer .foot-nav ul li .foot-code .img {
  width: 1.1rem;
  border-radius: 0;
  background-color:#fff;
  padding: 0.01rem;
}

footer .foot-nav ul li .foot-code .img img {
  width: 100%;
}

footer .foot-nav ul li .foot-code .name {
  margin-top: .15rem;
  font-size: .14rem;
  color: rgba(255, 255, 255, .7);
  text-align: center;
}

footer .foot-nav ul li .foot-code p {
  margin-top: .15rem;
  font-size: .16rem;
  color: rgba(255, 255, 255, .7)
}

footer .bottom-box {
  margin-top: .6rem;
  padding-top: .3rem;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, .07);
}

footer .bottom-box .foot-icp {
  font-size: .16rem;
  color: rgba(255, 255, 255, .7)
}

footer .bottom-box .foot-icp a {
  color: rgba(255, 255, 255, .7)
}

footer .bottom-box .foot-menu ul {
  display: flex;
  align-items: center
}

footer .bottom-box .foot-menu ul li {
  margin-right: .17rem;
  display: flex;
  align-items: center;
}

footer .bottom-box .foot-menu ul li:last-child {
  margin-right: 0;
}

footer .bottom-box .foot-menu ul li a {
  font-size: .16rem;
  color: rgba(255, 255, 255, .7)
}

footer .bottom-box .foot-menu ul li:after {
  display: block;
  content: '|';
  margin-left: .17rem;
  font-size: .16rem;
  color: rgba(255, 255, 255, .7)
}

footer .bottom-box .foot-menu ul li:last-child:after {
  display: none;
}

/*?¤???’?§???§???¨*/
.column-menu {
  margin: .6rem 0 .6rem;
}

.column-menu ul {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: .29rem;
  border-bottom: 1px solid #e8e9eb;
}

.column-menu ul li {
  position: relative;
  margin-right: 1.2rem;
}

.column-menu ul li:last-child {
  margin-right: 0;
}

.column-menu ul li a {
  font-size: .2rem;
  color: #999999;
}

.column-menu ul li.on a {
  color: #0958a6;
  font-size: .32rem;
}

.column-menu ul li.on:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: -.28rem;
  width: 100%;
  height: 2px;
  background-color: #0958a6;
  z-index: 3;
}

@media screen and (max-width: 768px) {
  .column-menu .menu {
    position: relative;
  }

  .column-menu .menu .name {
    position: relative;
    display: block;
    width: 100%;
    height: 45px;
    padding: 0 20px;
    line-height: 45px;
    font-size: 18px;
    color: #89201c;
    background-color: #fff;
    border: 1px solid #89201c;
    box-sizing: border-box;
    z-index: 2
  }

  .column-menu .menu .name:after {
    display: block;
    content: ">";
    position: absolute;
    font-size: 18px;
    color: #fff;
    font-family: '?€??¤???€?';
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    z-index: 3
  }

  .column-menu .menu ul {
    display: none;
    position: absolute;
    max-height: 225px;
    border: 1px solid #fff;
    overflow-x: hidden;
    left: 0;
    top: 45px;
    width: 100%;
    background-color: #f3f3f3;
    z-index: 55;
    box-sizing: border-box;
  }

  .column-menu .menu ul li {
    width: 100%;
    margin-right: 0;
    padding: 0;
  }

  .column-menu .menu:hover ul {
    display: block;
  }
}

/*?’?€±?€?*/

/*banner*/
.banner {
  position: relative;
}

.banner .pc {
  display: block;
}

.banner .media {
  display: none;
}

.banner img {
  width: 100%;
}

.banner .swiper .box {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  box-sizing: border-box;
  z-index: 333;
  transform: translateY(-50%);
}

.banner .swiper .title {
  font-size: .62rem;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.5;
  transform: translateY(-100%);
  opacity: 0;
  transition: 1.5s ease;
}

.banner .swiper .text {
  margin-top: .35rem;
  font-size: .2rem;
  color: #fff;
  transform: translateY(-110%);
  opacity: 0;
  transition: 1.5s ease;
}

.banner .swiper .public-more {
  margin-top: .6rem;
  transform: translateY(-120%);
  opacity: 0;
  transition: 1.5s ease;
}

.banner .swiper .swiper-slide-active .title {
  opacity: 1;
  transform: translateY(0%);
}
.banner .swiper  .box{display: none;}
.banner .swiper .swiper-slide-active .box{display: block;}
.banner .swiper .swiper-slide-active .text {
  opacity: 1;
  transform: translateY(0%);
}

.banner .swiper .swiper-slide-active .public-more {
  opacity: 1;
  transform: translateY(0%);
}

.banner .swiper .title.co000 {
  color: #000
}

.banner .swiper .text.co000 {
  color: #000
}

.banner:after {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  content: '';
  width: 100%;
  padding-top: 12.5%;
  background-image: url('/cn/res/images/x.png');
  background-size: cover;
  z-index: 1;
}
.bannerSlide{
    height:41vw;
}
.column-banner {
  position: relative;
  /* padding: 1rem 0; */
  background-size: cover;
  height: 41vw;
  display: flex;
  align-items: center;
}
.column-banner .flex .left-box {
    width: 44%;
}
.column-banner .flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height:100%;
}
.column-banner .flex .right-box {
    position: relative;
    width: 55%;
  }

.column-banner .flex .right-box img {
    width: 100%;
    border-radius: .15rem
  }
  .CRM .application {
    padding: 1rem 0;
  }
.column-banner img {
  width: 100%;
  object-fit: cover;
}

.column-banner .pc {
  display: block;
}

.column-banner .move {
  display: none;
}

.column-banner .box {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  z-index: 3;
}

.column-banner .title {
  font-size: .5rem;
  color: #333;
  font-weight: bold;
  line-height: 1.3;
}
.hyPage .column-banner .title,
.hyPage .column-banner  .text{
  color: #000;
}
.hyPage .column-banner  .more a {
  background: #057EF3;
  color: #fff;
}

.column-banner  .text {
  margin-top: .15rem;
  font-size: .20rem;
  color: #333;
  line-height: 1.6;
  /* max-width: 5.5rem */
}

.column-banner .more {
  margin-top: .7rem;
}

.column-banner .public-more {
  margin-top: .7rem;
}

.column-banner .more a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.7rem;
  height: .46rem;
  font-size: .16rem;
  color: #fff;
  background-color: #0275ff;
  border-radius: .46rem;
}

.column-banner .more1 {
  margin-top: .7rem;
}

.column-banner .more1 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: .46rem;
  font-size: .16rem;
  color: #005cb9;
  background-color: #fff;
  border-radius: .46rem;
}

.column-banner.black .title {
  color: #333
}

.column-banner.black .text {
  color: #333
}

.column-banner.black .more a {
  background-color: #0275ff;
  color: #fff
}

.deep-banner .box .title {
  color: #fff;
}

.deep-banner .box .text {
  color: #fff;
}

.public-title {
  font-size: .4rem;
  color: #000000;
  font-weight: bold;
}

.public-title a{
  color: #000000;
}

.public-text {
  margin-top: .15rem;
  margin-bottom: .3rem;
  font-size: .22rem;
  color: #757577;
  line-height: 1.5;
}

.public-name {
  font-size: .28rem;
  color: #ffffff
}

.public-more a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.1rem;
  height: 0.5rem;
  font-size: .17rem;
  color: #fff;
  background-color: #057ef3;
  border-radius: 0.25rem;
  overflow: hidden;
  box-sizing: border-box;
}

.public-more1 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 0.5rem;
  font-size: .17rem;
  color: #057ef3;
  background-color: #fff;
  border: 1px solid #057ef3;
  border-radius: 0.25rem;
  overflow: hidden;
  box-sizing: border-box;
}

.bg {
  background-size: 100% 100%;
  background-image: url('/cn/res/images/bg.jpg')
}

.bg2 {
  background-size: 100% 100%;
  background-image: url('/cn/res/images/bg2.jpg')
}

.Operations {
  padding: 1rem 0 .7rem;
}

.Operations .table-flex {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.Operations .table-flex .table-nav {
  width: 27%;
  box-sizing: border-box;
}

.Operations .table-flex .table-nav .title {
  font-size: .32rem;
  color: #005cb9;
  /*font-weight: bold;*/
}

.Operations .table-flex .table-nav .name {
  margin-top: .15rem;
  font-size: .28rem;
  color: #000000
}

.Operations .table-flex .table-nav ul {
  margin-top: .4rem;
  padding-top: .2rem;
  border-top: 1px solid #cccccc;
}

.Operations .table-flex .table-nav ul li {
  padding: .2rem;
  border-radius: .05rem;
}

.Operations .table-flex .table-nav ul li .name {
  margin-top: 0;
  font-size: .2rem;
  color: #000;
  box-sizing: border-box;
  cursor: pointer;
}

.Operations .table-flex .table-nav ul li .text {
  display: none;
  margin-top: .1rem;
  font-size: .16rem;
  color: #000000;
  line-height: 1.5;
}

.Operations .table-flex .table-nav ul li.on .name {
  color: #0354ad;
  /*font-weight: bold;*/
}

.Operations .table-flex .table-nav ul li.on {
  background-color: #f8faff
}

.Operations .table-flex .table-nav ul li.on .text {
  display: block;
}

.Operations .table-flex .table-box {
  width: 69%;
  box-sizing: border-box
}

.Operations .table-flex .table-box .item {
  display: none;
}

.Operations .table-flex .table-box .item.on {
  display: block;
}

.Operations .table-flex .table-box .item .main-title {
  margin-bottom: .2rem;
  font-size: .28rem;
  color: #333333;
  text-align: center;
}

.Operations .table-flex .table-box .item .main-name {
  margin-top: .3rem;
  font-size: .2rem;
  color: #333333;
  text-align: center;
}

.Operations .table-flex .table-box .item .list ul {
  display: flex;
  justify-content: space-between
}

.Operations .table-flex .table-box .item .list ul li {
  position: relative;
  width: 48%;
}

.Operations .table-flex .table-box .img img {
  width: 100%;
  border-radius: .15rem
}

.Operations .table-flex .table-box .item .list ul li .flex {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  padding: .5rem .45rem;
  box-sizing: border-box;
  z-index: 1;
}

.Operations .table-flex .table-box .item .list ul li .flex .title {
  display: flex;
  align-items: center;
  font-size: .3rem;
  color: #fff
}

.Operations .table-flex .table-box .item .list ul li .flex .title span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.1rem;
  height: .3rem;
  margin-left: .1rem;
  font-size: .16rem;
  color: #fff;
  border-radius: .15rem .15rem .15rem .05rem;
  line-height: 0.3rem;
}

.Operations .table-flex .table-box .item .list ul li:nth-of-type(1) .flex .title span {
  background: linear-gradient(to right, #ee812f, #f2a346);
}

.Operations .table-flex .table-box .item .list ul li:nth-of-type(2) .flex .title span {
  background: linear-gradient(to right, #6949e8, #b68ded);
}

.Operations .table-flex .table-box .item .list ul li .flex .text {
  margin-top: .2rem;
  font-size: .18rem;
  color: #fff
}

.Operations .table-flex .table-box .item:nth-of-type(1) .list ul li:nth-of-type(1) .flex .title {
  color: #000;
}

.Operations .table-flex .table-box .item:nth-of-type(1) .list ul li:nth-of-type(1) .flex .text {
  color: #19191a;
}

.Operations .table-flex .table-box .item:nth-of-type(2) .list ul li:nth-of-type(1) .flex .title {
  color: #000;
}

.Operations .table-flex .table-box .item:nth-of-type(2) .list ul li:nth-of-type(1) .flex .text {
  color: #19191a;
}

.Operations .table-flex .table-box .item:nth-of-type(3) .public-more {
  position: absolute;
  left: 30%;
  bottom: .4rem;
  z-index: 3;
}

.Operations .table-flex .table-box .item:nth-of-type(4) .main-title {
  position: absolute;
  top: .5rem;
  left: .45rem;
  color: #000;
  z-index:20;
}

.Operations .table-flex .table-box .item:nth-of-type(4) .public-more {
  position: absolute;
  left: 0;
  bottom: .4rem;
  width: 100%;
  z-index: 3;
}

.Operations .table-flex .table-box .item:nth-of-type(4) .public-more a {
  margin: 0 auto;
}

.Consumer {
  padding: .7rem 0 .7rem 0;
}

.Consumer .table-flex {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  flex-flow: row-reverse;
}

.Consumer .table-flex .table-nav {
  width: 27%;
  box-sizing: border-box;
  text-align: left;
}

.Consumer .table-flex .table-nav .title {
  font-size: .32rem;
  color: #005cb9;
  font-weight: bold;
}

.Consumer .table-flex .table-nav .title a{
  color: #005cb9;
}

.Consumer .table-flex .table-nav .name {
  margin-top: .15rem;
  font-size: .28rem;
  color: #000000
}

.Consumer .table-flex .table-nav ul {
  margin-top: .4rem;
  padding-top: .2rem;
  border-top: 1px solid #cccccc;
}

.Consumer .table-flex .table-nav ul li {
  padding: .2rem;
  border-radius: .05rem;
}

.Consumer .table-flex .table-nav ul li .name {
  margin-top: 0;
  font-size: .2rem;
  color: #000;
  box-sizing: border-box;
  cursor: pointer;
}

.Consumer .table-flex .table-nav ul li .text {
  display: none;
  margin-top: .1rem;
  font-size: .16rem;
  color: #000000;
  line-height: 1.5;
}

.Consumer .table-flex .table-nav ul li.on .name {
  color: #0354ad;
  font-weight: bold;
}

.Consumer .table-flex .table-nav ul li.on {
  background-color: #f8faff
}

.Consumer .table-flex .table-nav ul li.on .text {
  display: block;
}

.Consumer .table-flex .table-box {
  width: 69%;
  box-sizing: border-box
}

.Consumer .table-flex .table-box .item {
  display: none;
}

.Consumer .table-flex .table-box .item.on {
  display: block;
}
.Consumer .table-flex .table-box .item:nth-of-type(2) .public-more a{background-color: #fff;color: #057ef3}
.Consumer .table-flex .table-box .item .main-title {
  margin-bottom: .2rem;
  font-size: .28rem;
  color: #fff;
  text-align: center;
}

.Consumer .table-flex .table-box .item .main-name {
  margin-top: .3rem;
  font-size: .2rem;
  color: #333;
  text-align: center;
  line-height: 1.5;
}

.Consumer .table-flex .table-box .item .list ul {
  display: flex;
  justify-content: space-between
}

.Consumer .table-flex .table-box .item .list ul li {
  position: relative;
  width: 47%;
}

.Consumer .table-flex .table-box .img img {
  width: 100%;
  border-radius: .15rem
}

.Consumer .table-flex .table-box .item:nth-of-type(1) .casket {
  position: relative;
}
.Consumer .table-flex .table-box .item:nth-of-type(1) .list ul li:nth-of-type(2) .public-more a{background-color: #fff;color: #057ef3}
.Consumer .table-flex .table-box .item:nth-of-type(2) .list ul li:nth-of-type(2) .public-more a{background-color: #fff;color: #057ef3}
.Consumer .table-flex .table-box .item:nth-of-type(1) .box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: .6rem .4rem;
  box-sizing: border-box;
  z-index: 3;
}

.Consumer .table-flex .table-box .item .title {
  display: flex;
  align-items: center;
  font-size: .28rem;
  color: #000
}

.Consumer .table-flex .table-box .item .title span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.1rem;
  height: .3rem;
  margin-left: .1rem;
  font-size: .16rem;
  border-radius: .15rem .15rem .15rem .05rem;
  background: linear-gradient(to right, #000000, #585858);
  color: #f3ca82;
}

.Consumer .table-flex .table-box .item .text {
  margin-top: .2rem;
  font-size: .18rem;
  color: #757577
}

.Consumer .table-flex .table-box .item:nth-of-type(1) .public-more {
  position: absolute;
  left: .4rem;
  bottom: .4rem;
  width: 100%;
  z-index: 3;
}

.Consumer .table-flex .table-box .item:nth-of-type(2) .casket {
  position: relative;
}

.Consumer .table-flex .table-box .item:nth-of-type(2) .casket .box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: .6rem .4rem;
  box-sizing: border-box;
  z-index: 3;
}

.Consumer .table-flex .table-box .item:nth-of-type(2) .casket .box .title {
  color: #fff;
}

.Consumer .table-flex .table-box .item:nth-of-type(2) .casket .box .text {
  color: #fff;
}

.Consumer .table-flex .table-box .item:nth-of-type(2) .casket .public-more {
  position: absolute;
  left: .4rem;
  bottom: .4rem;
  width: 100%;
  z-index: 3;
}

.Consumer .table-flex .table-box .item:nth-of-type(3) .casket {
  position: relative;
}

.Consumer .table-flex .table-box .item:nth-of-type(3) .box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: .5rem .4rem;
  box-sizing: border-box;
  z-index: 3;
}

.Consumer .table-flex .table-box .item:nth-of-type(3) .public-more {
  position: absolute;
  left: .4rem;
  bottom: .4rem;
  z-index: 3;
}
.Consumer .table-flex .table-box .item:nth-of-type(4) .public-more {
  position: absolute;
  left: .4rem;
  bottom: .4rem;
  width: 100%;
  z-index: 3;
}


.Consumer .table-flex .table-box .item:nth-of-type(4) .casket {
  position: relative;
}

.Consumer .table-flex .table-box .item:nth-of-type(4) .box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: .4rem .5rem;
  box-sizing: border-box;
  z-index: 3;
}

.Consumer .table-flex .table-box .item:nth-of-type(4) .title {
  color: #333
}

.Consumer .table-flex .table-box .item:nth-of-type(4) .text {
  /*color: #333*/
}

.Consumer .table-flex .table-box .item:nth-of-type(5) .casket .list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.Consumer .table-flex .table-box .item:nth-of-type(5) .casket .list ul li {
  width: 47%;
}

.Consumer .table-flex .table-box .item:nth-of-type(5) .casket .list ul li .img img {
  width: 100%;
  border-radius: .16rem
}

.Consumer .table-flex .table-box .item:nth-of-type(5) .casket .list ul li .box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: .5rem .4rem;
  box-sizing: border-box;
  z-index: 3;
}

.Consumer .table-flex .table-box .item:nth-of-type(5) .casket .list ul li .box .title {
  color: #fff;
}

.Consumer .table-flex .table-box .item:nth-of-type(5) .casket .list ul li .box .text {
  color: #fff;
}

.Consumer .table-flex .table-box .item:nth-of-type(5) .casket .list ul li .public-more {
  position: absolute;
  left: .4rem;
  bottom: .4rem;
  z-index: 3;
}

.Consumer .table-flex .table-box .item:nth-of-type(5) .casket .list ul li .public-more a {
  background-color: #fff;
  color: #057ef3;
}

.Consumer .table-flex .table-box .item:nth-of-type(6) .casket {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.Consumer .table-flex .table-box .item:nth-of-type(6) .casket .left-box {
  position: relative;
  width: 45%;
}

.Consumer .table-flex .table-box .item:nth-of-type(6) .casket .img img {
  width: 100%;
  border-radius: .16rem
}

.Consumer .table-flex .table-box .item:nth-of-type(6) .casket .box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: .4rem .5rem;
  box-sizing: border-box;
  z-index: 3;
}

.Consumer .table-flex .table-box .item:nth-of-type(6) .casket .box .title {
  color: #fff
}

.Consumer .table-flex .table-box .item:nth-of-type(6) .casket .box .text {
  color: #fff;
  line-height: 1.6;
}

.Consumer .table-flex .table-box .item:nth-of-type(6) .casket .public-more {
  position: absolute;
  left: .4rem;
  bottom: .4rem;
  z-index: 3;
}

.Consumer .table-flex .table-box .item:nth-of-type(6) .casket .public-more a {
  background-color: #fff;
  color: #057ef3;
}

.Consumer .table-flex .table-box .item:nth-of-type(6) .casket .right-box {
  width: 51%;
}

.Consumer .table-flex .table-box .item:nth-of-type(6) .casket .right-box ul li {
  margin-bottom: 9%;
  position: relative;
}

.Consumer .table-flex .table-box .item:nth-of-type(6) .casket .right-box ul li:last-child {
  margin-bottom: 0;
}

.Mathematical {
  padding: .7rem 0 .7rem 0;
}

.Mathematical .table-flex {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.Mathematical .table-flex .table-nav {
  width: 27%;
  box-sizing: border-box
}

.Mathematical .table-flex .table-nav .title {
  font-size: .32rem;
  color: #005cb9;
  font-weight: bold;
}

.Mathematical .table-flex .table-nav .title a{
  color: #005cb9;
}

.Mathematical .table-flex .table-nav .name {
  margin-top: .15rem;
  font-size: .28rem;
  color: #000000
}

.Mathematical .table-flex .table-nav ul {
  margin-top: .4rem;
  padding-top: .2rem;
  border-top: 1px solid #cccccc;
}

.Mathematical .table-flex .table-nav ul li {
  padding: .2rem;
  border-radius: .05rem;
}

.Mathematical .table-flex .table-nav ul li .name {
  margin-top: 0;
  font-size: .2rem;
  color: #000;
  box-sizing: border-box;
  cursor: pointer;
}

.Mathematical .table-flex .table-nav ul li .text {
  display: none;
  margin-top: .1rem;
  font-size: .16rem;
  color: #000000;
  line-height: 1.5;
}

.Mathematical .table-flex .table-nav ul li.on .name {
  color: #0354ad;
  font-weight: bold;
}

.Mathematical .table-flex .table-nav ul li.on {
  background-color: #f8faff
}

.Mathematical .table-flex .table-nav ul li.on .text {
  display: block;
}

.Mathematical .table-flex .table-box {
  width: 69%;
  box-sizing: border-box
}

.Mathematical .table-flex .table-box .item {
  display: none;
}

.Mathematical .table-flex .table-box .item.on {
  display: block;
}

.Mathematical .table-flex .table-box .item .main-title {
  margin-bottom: .2rem;
  font-size: .28rem;
  color: #333333;
  text-align: center;
}

.Mathematical .table-flex .table-box .item .main-name {
  margin-top: .3rem;
  font-size: .2rem;
  color: #333333;
  text-align: center;
  line-height: 1.5;
}

.Mathematical .table-flex .table-box .item .img img {
  width: 100%;
  border-radius: .15rem
}

.Mathematical .table-flex .table-box .item:nth-of-type(1) .list ul {
  display: flex;
  justify-content: space-between
}

.Mathematical .table-flex .table-box .item:nth-of-type(1) .list ul li {
  position: relative;
  width: 47.8%;
  border-radius: .1rem
}

.Mathematical .table-flex .table-box .item .title {
  font-size: .28rem;
  color: #333;
  text-align: center;
}

.Mathematical .table-flex .table-box .item:nth-of-type(1) .title {
  position: absolute;
  left: 0;
  top: .4rem;
  width: 100%;
  text-align: center;
  color: #fff;
  z-index: 3;
}

.Mathematical .table-flex .table-box .item:nth-of-type(1) .public-more {
  position: absolute;
  left: .5rem;
  bottom: .4rem;
  z-index: 3;
}

.Mathematical .table-flex .table-box .item:nth-of-type(1) .public-more a {
  background-color: #fff;
  color: #057ef3;
}

.Mathematical .table-flex .table-box .item:nth-of-type(2) .list ul {
  display: flex;
  justify-content: space-between
}

.Mathematical .table-flex .table-box .item:nth-of-type(2) .list ul li {
  position: relative;
  width: 47.8%;
  border-radius: .1rem
}

.Mathematical .table-flex .table-box .item .title {
  font-size: .28rem;
  color: #333;
  text-align: center;
}

.Mathematical .table-flex .table-box .item:nth-of-type(2) .title {
  position: absolute;
  left: 0;
  top: .4rem;
  width: 100%;
  text-align: center;
  color: #fff;
  z-index: 3;
}

.Mathematical .table-flex .table-box .item:nth-of-type(2) .public-more {
  position: absolute;
  left: .5rem;
  bottom: .4rem;
  z-index: 3;
}

.Mathematical .table-flex .table-box .item:nth-of-type(2) .public-more a {
  background-color: #fff;
  color: #057ef3;
}

.Mathematical .table-flex .table-box .item:nth-of-type(3) .list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.Mathematical .table-flex .table-box .item:nth-of-type(3) .list ul li {
  position: relative;
  width: 47.8%;
}

.Mathematical .table-flex .table-box .item:nth-of-type(3) .list ul li:last-child {
  margin-bottom: 0;
}

.Mathematical .table-flex .table-box .item:nth-of-type(3) .list ul li .box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: .3rem .4rem;
  box-sizing: border-box;
  z-index: 3;
}

.Mathematical .table-flex .table-box .item:nth-of-type(3) .list ul li .box .title {
  text-align: left;
  color: #fff
}

.Mathematical .table-flex .table-box .item:nth-of-type(3) .public-more {
  position: absolute;
  left: .4rem;
  bottom: .3rem;
  z-index: 3;
}

.Mathematical .table-flex .table-box .item:nth-of-type(3) .public-more a {
  background-color: #fff;
  color: #057ef3;
}

.Mathematical .table-flex .table-box .item:nth-of-type(3) .more {
  position: absolute;
  left: .2rem;
  bottom: .3rem;
  z-index: 3;
}

.Mathematical .table-flex .table-box .item:nth-of-type(3) .more a {
  display: block;
  width: .3rem;
  height: .3rem;
  background-image: url('/cn/res/images/more1.png');
  background-size: cover;
}

.Mathematical .table-flex .table-box .item:nth-of-type(4) .flex {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

.Mathematical .table-flex .table-box .item:nth-of-type(4) .flex .right-box {
  width: 48%;
}

.Mathematical .table-flex .table-box .item:nth-of-type(4) .flex .right-box ul li {
  position: relative;
  margin-bottom: 8%;
}

.Mathematical .table-flex .table-box .item:nth-of-type(4) .flex .right-box ul li:last-child {
  margin-bottom: 0;
}

.Mathematical .table-flex .table-box .item:nth-of-type(4) .flex .right-box ul li .box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: .3rem .4rem;
  box-sizing: border-box;
  z-index: 3;
}

.Mathematical .table-flex .table-box .item:nth-of-type(4) .flex .right-box ul li .box .title {
  text-align: right;
  color: #fff
}

.Mathematical .table-flex .table-box .item:nth-of-type(4) .flex .left-box {
  position: relative;
  width: 48%;
}

.Mathematical .table-flex .table-box .item:nth-of-type(4) .flex .left-box .box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: .3rem .4rem;
  box-sizing: border-box;
  z-index: 3;
}

.Mathematical .table-flex .table-box .item:nth-of-type(4) .flex .left-box .box .title {
  text-align: left;
  color: #fff
}

.Mathematical .table-flex .table-box .item:nth-of-type(4) .public-more {
  position: absolute;
  left: .4rem;
  bottom: .3rem;
  z-index: 3;
}

.Mathematical .table-flex .table-box .item:nth-of-type(4) .public-more a {
  background-color: #fff;
  color: #057ef3;
}

.Mathematical .table-flex .table-box .item:nth-of-type(4) .more {
  position: absolute;
  right: .2rem;
  bottom: .3rem;
  z-index: 3;
}

/* .Mathematical .table-flex .table-box .item:nth-of-type(4) .more a {
  display: block;
  width: .3rem;
  height: .3rem;
  background-image: url('/cn/res/images/more1.png');
  background-size: cover;
} */

.Private {
  padding: .7rem 0;
}

.Private .flex {
  display: flex;
  justify-content: space-between
}

.Private .flex .left-box {
  width: 46.5%;
  padding: .6rem .4rem;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: .15rem;
}

.Private .flex .left-box .title {
  font-size: .32rem;
  color: #005cb9;
  font-weight: bold;
}

.Private .flex .left-box .title a{
  color: #005cb9;
}

.Private .flex .left-box .name {
  margin-top: .15rem;
  font-size: .28rem;
  color: #000000
}

.Private .flex .left-box .img {
  margin-top: .3rem;
}

.Private .flex .left-box .img img {
  width: 100%;
}

.Private .flex .right-box {
  position: relative;
  width: 50.6%;
  border-radius: .15rem;
  overflow: hidden;
}

.Private .flex .right-box .img img {
  width: 100%;
}

.Private .flex .right-box .box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: .6rem .4rem;
  display: flex;
  justify-content: space-between;
  flex-flow: column;
  box-sizing: border-box;
  z-index: 3;
}

.Private .flex .right-box .box .title {
  font-size: .3rem;
  color: #000000;
  text-align: center;
}

.Private .flex .right-box .box .public-more a {
  margin: 0 auto;
}

.Case {
  padding: .7rem 0;
  background-color: #ffffff;
}

.Case .public-title {
  text-align: center;
}

.Case .public-text {
  margin-bottom: .3rem;
  text-align: center;
}

.Case .more {
  margin-bottom: .3rem;
  text-align: center;
}

.Case .more a {
  font-size: .2rem;
  color: #0958a6;
  text-decoration: underline;
}

.Case .flex .left-box .table-nav ul li dl dd:last-child {
  margin-bottom: 0;
}

.Case .main-title {
  margin-bottom: .6rem;
  font-size: .32rem;
  color: #000000;
  font-weight: bold;
}

.Case .main-title a{
  color: #000000;
}

.Case .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.Case .flex .left-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 48%;
  padding: .2rem .2rem .2rem .4rem;
  background-color: #fff;
  border-radius: .15rem;
  overflow: hidden;
  box-shadow: 0 0 .2rem rgba(0, 0, 0, .1);
  box-sizing: border-box;
}

.Case .flex .left-box .table-nav ul li {
  margin-bottom: .4rem;
}

.Case .flex .left-box .table-nav ul li:last-child {
  margin-bottom: 0;
}

.Case .flex .left-box .table-nav ul li .name {
  font-size: .18rem;
  color: #333333;
  cursor: pointer;
}

.Case .flex .left-box .table-nav ul li.on .name a{
  font-size: .2rem;
  color: #0958a6
}

.Case .flex .left-box .table-nav ul li dl {
  display: none;
  padding: .2rem 0 .3rem;
  border-bottom: 1px solid #e5efff;
}

.Case .flex .left-box .table-nav ul li.on dl {
  display: block;
}

.Case .flex .left-box .table-nav ul li dl dd {
  margin-bottom: .15rem;
}

.Case .flex .left-box .table-nav ul li dl dd:last-child {
  margin-bottom: 0;
}

.Case .flex .left-box .table-nav ul li dl dd a {
  font-size: .16rem;
  color: #333333
}

.Case .flex .left-box .table-img {
  width: 59%;
}

.Case .flex .left-box .table-img .item {
  display: none
}

.Case .flex .left-box .table-img .item.on {
  display: block
}

.Case .flex .left-box .table-img .item img {
  width: 100%;
  border-radius: .15rem
}

.Case .flex .right-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 48%;
  padding: .2rem .4rem .2rem .2rem;
  background-color: #fff;
  border-radius: .15rem;
  overflow: hidden;
  box-shadow: 0 0 .2rem rgba(0, 0, 0, .1);
  box-sizing: border-box;
}

.Case .flex .right-box .img {
  width: 59%;
}

.Case .flex .right-box .img img {
  width: 100%;
  border-radius: .15rem
}

.Case .flex .right-box .box ul li {
  margin-bottom: .2rem;
  padding-bottom: .2rem;
  border-bottom: 1px solid #e5efff;
}

.Case .flex .right-box .box ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.Case .flex .right-box .box ul li .title {
  font-size: .18rem;
  color: #333333
}

.Case .flex .right-box .box ul li .name {
  margin-top: .1rem;
  font-size: .16rem;
  color: #333333
}

.Case .flex .right-box .box ul li:hover .title {
  color: #0958a6
}

.Brand {
  padding: .7rem 0;
}

.Brand .w1440 {
  position: relative;
  overflow: hidden;
}

.Brand .swiper {
  max-width: 6.25rem;
  overflow: unset;
}

.Brand .swiper .swiper-slide {
  position: relative;
  display: flex;
  align-items: center;
  height: 3.15rem;
  transition: 0.8s ease;
  transition: all 0.3s ease-in-out;
  transform: scale(.9);
}
.swiper-slide-prev
.Brand .swiper .swiper-slide .img {
  width: 100%;
}

.Brand .swiper .swiper-slide.swiper-slide-prev .img {
  margin-left: auto;
}
.Brand .swiper .swiper-slide.swiper-slide-prev .box{opacity: 0;}
.Brand .swiper .swiper-slide.swiper-slide-next .img {
  margin-right: auto;
}
.Brand .swiper .swiper-slide.swiper-slide-next .box{opacity: 0;}
.Brand .swiper .swiper-slide.swiper-slide-active{
  transform: scale(1);
}

.Brand .swiper .swiper-slide .img img {
  width: 100%;
  border-radius: .15rem;
  object-fit: cover;
}

.Brand .swiper .swiper-slide.swiper-slide-active .img img {
}

.Brand .swiper .swiper-slide .box {
  display: flex;
  justify-content: space-between;
  flex-flow: column;
  transition: 0.8s ease;
  transition: all 0.3s ease-in-out;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: .25rem .3rem;
  box-sizing: border-box
}

.Brand .swiper .swiper-slide .box .title {
  font-size: .2rem;
  color: #ffffff;
  line-height: 1.5;
}

.Brand .swiper .swiper-slide a {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.Brand .swiper-button-next, .Brand .swiper-button-prev {
  color: #fff;
  --swiper-navigation-size: .3rem;
}

.Service {
  padding: .7rem 0;
}

.Service .public-title {
  text-align: center;
}

.Service .public-text {
  text-align: center;
}

.Service .list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.Service .list ul li {
  width: 31%;
  background-color: #fff;
  border-radius: .15rem;
  overflow: hidden;
  box-shadow: 0 .06rem .16rem rgba(189, 189, 189, .3);
}

.Service .list ul li .box {
  padding: .45rem .35rem;
}

.Service .list ul li .box .icon img {
  width: .42rem;
}

.Service .list ul li .box .title {
  margin-top: .4rem;
  font-size: .28rem;
  color: #333333
}

.Service .list ul li .box .text {
  margin-top: .20rem;
  font-size: .16rem;
  color: #333333;
  line-height: 1.5;
}

.About {
  padding: .7rem 0;
  background: #FBFCFE;
}

.About .public-title {
  text-align: center;
}

.About .public-text {
  text-align: center;
}

.About .list1 .item {
  width: 100%;overflow: hidden;
}

.About .list1 ul .str_move{
  display: flex;
  margin: -.3% 0;
  width: max-content;
}
.About .list1 .str2{left: -1.23rem;}
.About .list1 ul li {
  margin: .3%;
  width: 16%;
  background-color: #fff;
  border-radius: .05rem;
  overflow: hidden;
  filter: grayscale(100%);
  box-sizing: border-box;
  text-align: center;
}

.About .list1 ul li img {
  max-width: 100%;
  width: 100%;
}

.About .list1 ul li:hover {
  box-shadow: 0 0 .2rem rgba(0, 0, 0, .1);
  filter: grayscale(0%);
}

.About .list1 .swiper-pagination {
  position: initial;
  margin-top: .2rem;
}

.About .list2 {
  margin-top: .7rem;
}

.About .list2 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.About .list2 ul li {
  position: relative;
  width: 31%;
  border-radius: .15rem;
  overflow: hidden;
}

.About .list2 ul li .img img {
  width: 100%;
}

.About .list2 ul li .box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: .75rem .5rem;
  box-sizing: border-box;
  z-index: 3;
  display: flex
;
    flex-flow: column;
    justify-content: space-between;
    flex-wrap: wrap;
}

.About .list2 ul li .box .title {
  font-size: .22rem;
  color: #fff;
  line-height: 1.6;
  height: .9rem;
}

.About .list2 ul li .box .public-more {
  margin-top: .4rem;
}

.str_wrap {
  width: 100%;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  font-size: 0;
}

.str_wrap.str_active {}

.str_move {
  width: 100%;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  cursor: move;
}

.str_move_clone {
  display: inline-block; //display:inline; //zoom:1; vertical-align: top; position: absolute; left: 100%; top: 0; }

  .str_vertical .str_move_clone {
    left: 0;
    top: 100%;
  }

  .str_down .str_move_clone {
    left: 0;
    bottom: 100%;
  }

  .str_vertical .str_move,
  .str_down .str_move {
    white-space: normal;
    width: 100%;
  }

  .str_static .str_move,
  .no_drag .str_move,
  .noStop .str_move {
    cursor: inherit;
  }

  .str_wrap img {
    max-width: none !important;
  }

  .booklet .b-wrap {
    padding: 0 !important;
  }

  .News {
    padding: .7rem 0;
    background-color: #ffffff;
  }

  .News .public-title {
    text-align: center;
  }

  .News .public-text {
    text-align: center;
  }

  .News .flex {
    display: flex;
    justify-content: space-between
  }

  .News .flex .left-box {
    width: 36.8%;
  }

  .News .flex .left-box img {
    border-radius: .15rem;
    width: 100%;
  }

  .News .flex .left-box .swiper-pagination-bullet {
    background-color: #fff
  }

  .News .flex .right-box {
    width: 60%;
    display: flex;
    justify-content: space-between
  }

  .News .flex .right-box dl {
    width: 49%;
  }

  .News .flex .right-box dl dt {
    font-size: .32rem;
    color: #000000;
    padding-bottom: .2rem;
    margin-bottom: .4rem;
    border-bottom: 1px solid #e7e8ea;
  }

  .News .flex .right-box dl dt a{
    color: #000000;
  }

  .News .flex .right-box .list ul {
    margin: -.1rem 0;
  }

  .News .flex .right-box .list ul li {
    background-color: #fff;
    border-radius: 5px;
    width: 100%;
    margin: .2rem 0;
    border: 1px solid #feeeee;
    transition: 0.8s ease;
  }
  .News .flex .right-box .list ul li:hover{
    box-shadow: 0 .12rem .16rem rgba(189, 189, 189, .3);
  }
  .News .flex .right-box .list ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .1rem .2rem;
  }

  .News .flex .right-box .list ul li .img {
    width: 47%;
    border-radius: .04rem
  }

  .News .flex .right-box .list ul li .img img {
    width: 100%;
  }

  .News .flex .right-box .list ul li .box {
    width: 50%;
  }

  .News .flex .right-box .list ul li .box .time {
    margin-bottom: .1rem;
  }

  .News .flex .right-box .list ul li .title {
          width: calc(100% - .85rem);
    font-size: .16rem;
    color: #333;
    line-height: 1.5;
  }

  .News .flex .right-box .list ul li .time {
    font-size: .16rem;
    color: #999999
  }

  .News .flex .right-box .list ul li:nth-of-type(1) .title {
    width: 100%;
  }

  .News .flex .right-box .list ul li:nth-of-type(2) a,
  .News .flex .right-box .list ul li:nth-of-type(3) a {
    padding: .2rem .2rem;
  }

  /*???€€??€?*/
  .GuestRoad {
    background-size: cover;
    /*background-image: url('/cn/res/images/GuestRoad-bg.png')*/
    background-image: url('/cn/res/images/yy-bg.jpg');
  }

  .GuestRoad .application {
    padding: 1rem 0;
    background-color: #f6f8fa
  }

  .GuestRoad .application .main-title {
    font-size: .5rem;
    color: #0958a6;
  }

  .GuestRoad .application .main-text {
    margin-top: .2rem;
    font-size: .24rem;
    color: #000000;
    line-height: 1.5;
  }

  .GuestRoad .application .list1 {
    margin-top: .6rem;
    padding-top: .4rem;
    border-top: 1px solid #ececec;
  }

  .GuestRoad .application .list1 ul {
    display: flex;
    flex-wrap: wrap;
  }

  .GuestRoad .application .list1 ul li {
    margin-right: .3rem;
    margin-bottom: .1rem;
  }

  .GuestRoad .application .list1 ul li:last-child {
    margin-right: 0;
  }

  .GuestRoad .application .list1 ul li img {
    height: .42rem;
    border-radius: 5px;
  }

  .GuestRoad .application .list2 {
    margin-top: .9rem;
  }

  .GuestRoad .application .list2 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .GuestRoad .application .list2 ul li {
    position: relative;
    width: 22%;
    padding: .65rem .4rem;
    height: 3.5rem;
    background-size: cover;
    border-radius: .15rem;
    overflow: hidden;
    box-sizing: border-box;
  }

  .GuestRoad .application .list2 ul li .title {
    font-size: .32rem;
    color: #fff
  }

  .GuestRoad .application .list2 ul li .text {
    margin-top: .25rem;
    font-size: .16rem;
    color: #fff;
    line-height: 1.5;
    text-align: justify;
  }

  .GuestRoad .application .list2 ul li:nth-of-type(1) {
    background-image: url('/cn/res/images/GuestRoad-application-bg1.png')
  }

  .GuestRoad .application .list2 ul li:nth-of-type(2) {
    background-image: url('/cn/res/images/GuestRoad-application-bg2.png')
  }

  .GuestRoad .application .list2 ul li:nth-of-type(3) {
    background-image: url('/cn/res/images/GuestRoad-application-bg3.png')
  }

  .GuestRoad .application .list2 ul li:nth-of-type(4) {
    background-image: url('/cn/res/images/GuestRoad-application-bg4.png')
  }

    .GuestRoad .application .list2 ul li:nth-of-type(5) {
    background-image: url('/cn/res/images/GuestRoad-application-bg1.png')
  }

  .GuestRoad .application .list2 ul li:nth-of-type(6) {
    background-image: url('/cn/res/images/GuestRoad-application-bg2.png')
  }

  .GuestRoad .application .list2 ul li:nth-of-type(7) {
    background-image: url('/cn/res/images/GuestRoad-application-bg3.png')
  }

  .GuestRoad .application .list2 ul li:nth-of-type(8) {
    background-image: url('/cn/res/images/GuestRoad-application-bg4.png')
  }


  .GuestRoad .ma {
    padding: 1rem 0;
  }

  .GuestRoad .ma .list ul {
    display: flex;
    justify-content: space-between
  }

  .GuestRoad .ma .list ul li {
    position: relative;
    border-radius: .16rem;
    overflow: hidden;
  }

  .GuestRoad .ma .list ul li .box {
    position: absolute;
    display: flex;
    justify-content: space-between;
    flex-flow: column;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: .3rem .3rem;
    box-sizing: border-box;
    z-index: 3;
  }

  .GuestRoad .ma .list ul li .box .title {
    display: flex;
    align-items: center;
    font-size: .36rem;
    color: #0958a6
  }

  .GuestRoad .ma .list ul li .box .title span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .15rem;
    height: .3rem;
    margin-left: .1rem;
    font-size: .2rem;
    color: #fff;
    border-radius: .15rem .15rem .15rem .05rem;
  }

  .GuestRoad .ma .list ul li .box .name {
    margin-top: .2rem;
    font-size: .22rem;
    color: #000000;
  }

  .GuestRoad .ma .list ul li .box .text {
    margin-top: .25rem;
    font-size: .16rem;
    color: #333;
    line-height: 1.6;
    text-align: justify;
  }

  .GuestRoad .ma .list ul li .box .btn {
    margin-top: .35rem;
    display: flex;
    align-items: center
  }

  .GuestRoad .ma .list ul li .box .btn .public-more1 {
    margin-left: .2rem;
  }

  .GuestRoad .ma .list ul li .box .btn .public-more a {
    width: 1.1rem;
    background-color: #057ef3;
    color: #fff
  }

  .GuestRoad .ma .list ul li .img img {
    width: 100%;
  }

  .GuestRoad .ma .list ul li:nth-of-type(1) {
    width: 42.3%;
  }

  .GuestRoad .ma .list ul li:nth-of-type(2) {
    width: 54.2%;
  }

  .GuestRoad .ma .list ul li:nth-of-type(1) .box .title span {
    background: linear-gradient(to right, #ee812f, #f2a346);
  }

  .GuestRoad .ma .list ul li:nth-of-type(2) .box .title span {
    background: linear-gradient(to right, #6a4ae8, #b48ced)
  }

  .GuestRoad .ma .list ul li:nth-of-type(2) .box .text {
    max-width: 3rem
  }

  .GuestRoad .crm {
    padding: 1rem 0;
    /* background-color: #f6f8fa */
  }

  .GuestRoad .crm .list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .GuestRoad .crm .list ul li {
    position: relative;
    width: 48%;
    box-shadow: 0 0 .1rem rgba(11, 46, 88, .1);
    border-radius: .15rem;
    overflow: hidden;
  }

  .GuestRoad .crm .list ul li .img img {
    width: 100%;
  }

  .GuestRoad .crm .list ul li .box {
    position: absolute;
    display: flex;
    justify-content: space-between;
    flex-flow: column;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: .6rem .3rem;
    box-sizing: border-box;
    z-index: 3;
  }

  .GuestRoad .crm .list ul li .box .title {
    font-size: .36rem;
  }

  .GuestRoad .crm .list ul li .box .name {
    margin-top: .2rem;
    font-size: .22rem;
  }

  .GuestRoad .crm .list ul li .box .text {
    margin-top: .25rem;
    font-size: .16rem;
    line-height: 1.6;
  }

  .GuestRoad .crm .list ul li .box .btn {
    margin-top: .35rem;
    display: flex;
    align-items: center
  }

  .GuestRoad .crm .list ul li .box .btn .public-more1 {
    margin-left: .2rem;
  }

  .GuestRoad .crm .list ul li .box .btn .public-more a {
    width: 1.1rem;
    background-color: #057ef3;
    color: #fff
  }

  .GuestRoad .crm .list ul li:nth-of-type(1) {
    color: #fff
  }

  .GuestRoad .crm .list ul li:nth-of-type(2) .box .title {
    color: #0958a6
  }

  .GuestRoad .crm .list ul li:nth-of-type(2) .box .name {
    color: #000
  }

  .GuestRoad .crm .list ul li:nth-of-type(2) .box .text {
    max-width: 3.1rem;
    color: #333
  }

  .GuestRoad .interact {
    padding: 1rem 0;
  }

  .GuestRoad .interact .por {
    position: relative;
    border-radius: .16rem;
    overflow: hidden;
  }

  .GuestRoad .interact .por .img img {
    width: 100%;
  }

  .GuestRoad .interact .box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: .4rem;
    display: flex;
    justify-content: space-between;
    flex-flow: column;
    z-index: 3;
    box-sizing: border-box;
  }

  .GuestRoad .interact .box .title {
    font-size: .36rem;
    color: #0958a6
  }

  .GuestRoad .interact .box .text {
    margin-top: .3rem;
    max-width: 5.25rem;
    font-size: .16rem;
    color: #333;
    line-height: 1.6;
  }

  .GuestRoad .interact .box .btn {
    margin-top: .35rem;
    display: flex;
    align-items: center
  }

  .GuestRoad .interact .box .btn .public-more1 {
    margin-left: .2rem;
  }

  .GuestRoad .interact .box .btn .public-more a {
    background-color: #057ef3;
    color: #fff
  }

  .GuestRoad .customer {
    padding: 1rem 0;
    /* background-color: #f6f8fa */
  }

  .GuestRoad .customer .por {
    position: relative;
    box-shadow: 0 .1rem .3rem rgba(11, 46, 88, .1);
    border-radius: .15rem;
    overflow: hidden;
  }

  .GuestRoad .customer .por .img img {
    width: 100%;
  }

  .GuestRoad .customer .box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: .4rem;
    display: flex;
    justify-content: space-between;
    flex-flow: column;
    z-index: 3;
    box-sizing: border-box;
  }

  .GuestRoad .customer .box .title {
    font-size: .36rem;
    color: #fff
  }

  .GuestRoad .customer .box .text {
    margin-top: .3rem;
    max-width: 5.25rem;
    font-size: .16rem;
    color: #fff;
    line-height: 1.6;
  }

  .GuestRoad .customer .box .btn {
    margin-top: .35rem;
    display: flex;
    align-items: center
  }

  .GuestRoad .customer .box .btn .public-more1 {
    margin-left: .2rem;
  }

  .GuestRoad .customer .box .btn .public-more1 a {
    border: 1px solid #fff;
  }

  .GuestRoad .customer .box .btn .public-more a {
    background-color: #057ef3;
    color: #fff
  }

  .GuestRoad .client {
    padding: 1rem 0;
    /* background-color: #e9eef2 */
  }

  .GuestRoad .client .public-title {
    text-align: center;
  }

  .GuestRoad .client .list {
    margin-top: .6rem;
  }

  .GuestRoad .client .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -.5%;
  }

  .GuestRoad .client .list ul li {
    margin: .5%;
    background-color: #fff;
    border: 1px solid #eeeeee;
    border-radius: .05rem;
    overflow: hidden;
    filter: grayscale(100%);
  }

  .GuestRoad .client .list ul li img {
    max-width: 100%;
  }

  .GuestRoad .client .list ul li:hover {
    box-shadow: 0 0 .2rem rgba(0, 0, 0, .1);
    filter: grayscale(0%);
  }

  /*???€??¨???’?€?*/
  .GuestMa {
    background-size: cover;
    /*background-image: url('/cn/res/images/GuestRoad-bg.png')*/
    background-image: url('/cn/res/images/yy-bg.jpg');
  }
  .GuestMa  .banner-info {
    position: relative;
    display: flex;
    align-items: center;
    height: 41vw;
    background-color: #003586;
    background-size: cover;
  }

  .GuestMa  .banner-info .flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .GuestMa  .banner-info .flex .left-box {
    width: 43%;
  }

  .GuestMa  .banner-info .flex .right-box {
    position: relative;
    width: 50%;
  }

  .GuestMa  .banner-info .flex .right-box img {
    width: 100%;
    border-radius: .15rem
  }
  .GuestMa .application {
    padding: 1rem 0;
  }

  .GuestMa .application .main-title {
    font-size: .5rem;
    color: #0958a6;
  }

  .GuestMa .application .main-text {
    margin-top: .2rem;
    font-size: .24rem;
    color: #000000;
    line-height: 1.5;
  }

  .GuestMa .application .list1 {
    margin-top: .9rem;
  }

  .GuestMa .application .list1 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .GuestMa .application .list1 ul li {
    position: relative;
    width: 22%;
    padding: .65rem .4rem;
    height: 3.5rem;
    background-size: cover;
    border-radius: .15rem;
    overflow: hidden;
    box-sizing: border-box;
  }

  .GuestMa .application .list1 ul li .title {
    font-size: .32rem;
    color: #fff
  }

  .GuestMa .application .list1 ul li .text {
    margin-top: .25rem;
    font-size: .16rem;
    color: #fff;
    line-height: 1.5;
    text-align:justify;
  }

  .GuestMa .application .list1 ul li:nth-of-type(1) {
    background-image: url('/cn/res/images/GuestMa-application-bg1.png')
  }

  .GuestMa .application .list1 ul li:nth-of-type(2) {
    background-image: url('/cn/res/images/GuestMa-application-bg2.png')
  }

  .GuestMa .application .list1 ul li:nth-of-type(3) {
    background-image: url('/cn/res/images/GuestMa-application-bg3.png')
  }

  .GuestMa .application .list1 ul li:nth-of-type(4) {
    background-image: url('/cn/res/images/GuestMa-application-bg4.png')
  }

  .GuestMa .application .main-title2 {
    margin-top: .9rem;
    font-size: .42rem;
    color: #000000;
    line-height: 1.5;
    text-align: center;
  }

  .GuestMa .application .list2 {
    margin-top: .4rem;
  }

  .GuestMa .application .list2 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .GuestMa .application .list2 ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 31.5%;
    height: 3.6rem;
    padding: .2rem;
    background-size: cover;
    border-radius: .15rem;
    overflow: hidden;
    box-sizing: border-box;
  }

  .GuestMa .application .list2 ul li {
    background-image: url('/cn/res/images/GuestMa-application-bg8.png');
    color: #333
  }

  .GuestMa .application .list2 ul li:nth-of-type(1) {
    background-image: url('/cn/res/images/GuestMa-application-bg8.png');
    color: #333
  }

  .GuestMa .application .list2 ul li:nth-of-type(2) {
    background-image: url('/cn/res/images/GuestMa-application-bg8.png');
    color: #333
  }

  .GuestMa .application .list2 ul li:nth-of-type(3) {
    background-image: url('/cn/res/images/GuestMa-application-bg8.png');
    color: #333
  }

  .GuestMa .application .list2 ul li .box {
    width: 100%;
  }

  .GuestMa .application .list2 ul li .title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .32rem;
  }

  .GuestMa .application .list2 ul li .title span {
    margin-left: .1rem;
    padding: .07rem .14rem;
    font-size: .24rem;
    border-radius: .15rem .2rem .2rem .05rem;
  }

  .GuestMa .application .list2 ul li .name {
    text-align: center;
    font-size: .16rem;
    margin-top: .2rem;
  }

  .GuestMa .application .list2 ul li .public-more {
    margin-top: .9rem;
  }

  .GuestMa .application .list2 ul li .public-more a {
    margin: 0 auto;
    background-color: #057ef3;
    color: #fff
  }

  .GuestMa .application .list2 ul li .title span {
    background: linear-gradient(to right, #ee812f, #f2a346);
    color: #fff
  }

  .GuestMa .application .list2 ul li .title span.h {
    background: linear-gradient(to right, #ee812f, #f2a346);
    color: #fff
  }

  .GuestMa .application .list2 ul li .title span.z {
    background: linear-gradient(to right, #6949e8, #b68ded);
    color: #fff
  }

  .GuestMa .application .list2 ul li .title span.b {
    background: linear-gradient(to right, #000000, #585858);
    color: #f3ca82
  }

  .GuestMa .standard {
    padding: 1rem 0;
  }

  .GuestMa .standard .public-title {
    display: flex;
    align-items: center
  }

  .GuestMa .standard .public-title span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .15rem;
    height: .35rem;
    margin-left: .1rem;
    font-size: .24rem;
    color: #fff;
    border-radius: .15rem .15rem .15rem .05rem;
    background: linear-gradient(to right, #ee812f, #f2a346)
  }

  .GuestMa .standard .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: .5% -.5%;
  }

  .GuestMa .standard .list ul li {
    position: relative;
    width: 32%;
    margin: 0.5%;
  }

  .GuestMa .standard .list ul li .img img {
    width: 100%;
    border-radius: .2rem;
    overflow: hidden;
  }

  .GuestMa .standard .list ul li .box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: .3rem .3rem;
    box-sizing: border-box;
    z-index: 3;
  }

  .GuestMa .standard .list ul li .box .title {
    font-size: .28rem;
    color: #333;
  }

  .GuestMa .standard .list ul li .box .text {
    margin-top: .15rem;
    font-size: .16rem;
    color: #333;
    line-height: 1.6;
  }

  .GuestMa .standard .list ul li .more {
    position: absolute;
    right: .1rem;
    bottom: .1rem;
    z-index: 5;
  }

  /* .GuestMa .standard .list ul li .more a {
    display: block;
    content: '';
    width: .3rem;
    height: .3rem;
    background-image: url('/cn/res/images/more1.png');
    background-size: 100%
  } */

  .GuestMa .standard .list ul li .item {
    position: relative;
    margin-bottom: 4%;
  }

  .GuestMa .standard .list ul li .item:last-child {
    margin-bottom: 0;
  }

  .GuestMa .standard .bottom-box {
    margin-top: 1%;
    display: flex;
    justify-content: space-between
  }

  .GuestMa .standard .bottom-box .left-box {
    width: 38.19%;
    position: relative;
  }

  .GuestMa .standard .bottom-box .left-box .img img {
    width: 100%;
    border-radius: .2rem;
    overflow: hidden;
  }

  .GuestMa .standard .bottom-box .left-box .box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: .4rem;
    box-sizing: border-box;
    z-index: 3;
  }

  .GuestMa .standard .bottom-box .left-box .box .logo {
    display: flex;
    align-items: center;
  }

  .GuestMa .standard .bottom-box .left-box .box .logo img {
    max-width: 100%
  }

  .GuestMa .standard .bottom-box .left-box .box .logo span {
    margin-left: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .88rem;
    height: .3rem;
    font-size: .16rem;
    color: #fff;
    background: linear-gradient(to right, #412cba, #713be0);
    border-radius: .05rem
  }

  .GuestMa .standard .bottom-box .left-box .box .text {
    margin-top: .15rem;
    font-size: .18rem;
    color: #333;
    line-height: 1.6;
    text-align: justify;
  }

  .GuestMa .standard .bottom-box .left-box .box .num {
    margin-top: .35rem;
  }

  .GuestMa .standard .bottom-box .left-box .box .num .name {
    font-size: .24rem;
    color: #fff
  }

  .GuestMa .standard .bottom-box .left-box .box .num .value {
    margin-top: .1rem;
    font-size: .8rem;
    font-weight: bold;
    background: linear-gradient(to bottom, #fff, #fff, transparent);
    -webkit-background-clip: text;
    /* Chrome, Safari */
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /* Chrome, Safari */
    color: transparent;
  }

  .GuestMa .standard .bottom-box .right-box {
    width: 59.3%;
    padding: .5rem .4rem;
    background-image: url('/cn/res/images/GuestMa-logo-bg.png');
    background-size: cover;
    border-radius: .2rem;
    box-sizing: border-box;
  }

  .GuestMa .standard .bottom-box .right-box ul {
    display: flex;
    flex-wrap: wrap;
    margin: -2%;
  }

  .GuestMa .standard .bottom-box .right-box ul li {
    width: 21%;
    margin: 2%;
  }

  .GuestMa .standard .bottom-box .right-box ul li img {
    width: 100%;
    filter: grayscale(100%);
    border-radius: 0.1rem;
  }

  .GuestMa .standard .bottom-box .right-box ul li:hover img {
    filter: grayscale(0%);
  }

  .GuestMa .enhance {
    padding: 1rem 0;
  }

  .GuestMa .enhance .public-title {
    display: flex;
    align-items: center
  }

  .GuestMa .enhance .public-title span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .15rem;
    height: .35rem;
    margin-left: .1rem;
    font-size: .24rem;
    color: #fff;
    border-radius: .15rem .15rem .15rem .05rem;
    background: linear-gradient(to right, #6949e8, #b68ded)
  }

  .GuestMa .enhance .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: .5% -.5%;
  }

  .GuestMa .enhance .list ul li {
    position: relative;
    margin: 0.5%;
  }

  .GuestMa .enhance .list ul li:nth-of-type(1) {
    width: 42%;
  }

  .GuestMa .enhance .list ul li:nth-of-type(2) {
    width: 56%;
  }

  .GuestMa .enhance .list ul li:nth-of-type(3) {
    width: 44%;
  }

  .GuestMa .enhance .list ul li:nth-of-type(4) {
    width: 54%;
  }

  .GuestMa .enhance .list ul li .img img {
    width: 100%;
    border-radius: .2rem;
    overflow: hidden;
  }

  .GuestMa .enhance .list ul li .box {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 3rem;
    padding: .5rem .3rem;
    box-sizing: border-box;
    z-index: 3;
  }

  .GuestMa .enhance .list ul li .box .title {
    font-size: .26rem;
    color: #333;
    line-height: 1.5;
  }

  .GuestMa .enhance .list ul li .box .text {
    margin-top: .15rem;
    font-size: .16rem;
    color: #333;
    line-height: 1.6;
  }

  .GuestMa .enhance .list ul li:nth-of-type(2) .box .title {
    color: #333;
  }

  .GuestMa .enhance .list ul li:nth-of-type(2) .box .text {
    color: #333;
  }

  .GuestMa .enhance .list ul li:nth-of-type(3) .box .title {
    color: #333;
  }

  .GuestMa .enhance .list ul li:nth-of-type(3) .box .text {
    color: #333;
  }

  .GuestMa .enhance .list ul li .more {
    position: absolute;
    bottom: .1rem;
    z-index: 5;
  }

  /* .GuestMa .enhance .list ul li .more a {
    display: block;
    content: '';
    width: .3rem;
    height: .3rem;
    background-image: url('/cn/res/images/more1.png');
    background-size: 100%
  } */

  .GuestMa .enhance .list ul li:nth-of-type(1) .more {
    right: 0.1rem;
  }

  .GuestMa .enhance .list ul li:nth-of-type(2) .more {
    right: 0.1rem;
  }

  .GuestMa .enhance .list ul li:nth-of-type(3) .more {
    right: 0.1rem;
  }

  .GuestMa .enhance .list ul li:nth-of-type(4) .more {
    right: 0.1rem;
  }

  .GuestMa .enhance .list ul li .item {
    position: relative;
    margin-bottom: 4%;
  }

  .GuestMa .enhance .list ul li .item:last-child {
    margin-bottom: 0;
  }

  .GuestMa .enhance .bottom-box {
    margin-top: 1%;
    display: flex;
    justify-content: space-between
  }

  .GuestMa .enhance .bottom-box .left-box {
    width: 38.19%;
    position: relative;
  }

  .GuestMa .enhance .bottom-box .left-box .img img {
    width: 100%;
    border-radius: .2rem;
    overflow: hidden;
  }

  .GuestMa .enhance .bottom-box .left-box .box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: .4rem;
    box-sizing: border-box;
    z-index: 3;
  }

  .GuestMa .enhance .bottom-box .left-box .box .logo {
    display: flex;
    align-items: center;
  }

  .GuestMa .enhance .bottom-box .left-box .box .logo img {
    max-width: 100%
  }

  .GuestMa .enhance .bottom-box .left-box .box .logo span {
    margin-left: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .88rem;
    height: .3rem;
    font-size: .16rem;
    color: #fff;
    background: linear-gradient(to right, #412cba, #713be0);
    border-radius: .05rem
  }

  .GuestMa .enhance .bottom-box .left-box .box .text {
    margin-top: .2rem;
    font-size: .18rem;
    color: #333;
    line-height: 1.6;
  }

  .GuestMa .enhance .bottom-box .left-box .box .num {
    margin-top: .35rem;
  }

  .GuestMa .enhance .bottom-box .left-box .box .num .name {
    font-size: .24rem;
    color: #fff
  }

  .GuestMa .enhance .bottom-box .left-box .box .num .value {
    margin-top: .1rem;
    font-size: .8rem;
    font-weight: bold;
    background: linear-gradient(to bottom, #fff, #fff, transparent);
    -webkit-background-clip: text;
    /* Chrome, Safari */
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /* Chrome, Safari */
    color: transparent;
  }

  .GuestMa .enhance .bottom-box .right-box {
    width: 59.3%;
    padding: .5rem .4rem;
    background-image: url('/cn/res/images/GuestMa-logo-bg.png');
    background-size: cover;
    border-radius: .15rem;
    box-sizing: border-box;
  }

  .GuestMa .enhance .bottom-box .right-box ul {
    display: flex;
    flex-wrap: wrap;
    margin: -2%;
  }

  .GuestMa .enhance .bottom-box .right-box ul li {
    width: 21%;
    margin: 2%;
  }

  .GuestMa .enhance .bottom-box .right-box ul li img {
    width: 100%;
    filter: grayscale(100%);
    border-radius: 0.1rem;
  }

  .GuestMa .enhance .bottom-box .right-box ul li:hover img {
    filter: grayscale(0%)
  }

  .GuestMa .supreme {
    padding: 1rem 0;
  }

  .GuestMa .supreme .public-title {
    display: flex;
    align-items: center
  }

  .GuestMa .supreme .public-title span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .15rem;
    height: .35rem;
    margin-left: .1rem;
    font-size: .24rem;
    color: #dbb470;
    border-radius: .15rem .15rem .15rem .05rem;
    background: linear-gradient(to right, #000000, #585858)
  }

  .GuestMa .supreme .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: .6% -.6%;
  }

  .GuestMa .supreme .list ul li {
    position: relative;
    width: 48.8%;
    margin: 0.6%;
  }

  .GuestMa .supreme .list ul li .img img {
    width: 100%;
    border-radius: .2rem;
    overflow: hidden;
  }

  .GuestMa .supreme .list ul li .box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: .3rem .3rem;
    box-sizing: border-box;
    z-index: 3;
  }

  .GuestMa .supreme .list ul li:nth-of-type(1) .box {}

  .GuestMa .supreme .list ul li:nth-of-type(2) .box {
    max-width: 5.2rem
  }

  .GuestMa .supreme .list ul li:nth-of-type(4) .box {
    max-width: 5.2rem
  }

  .GuestMa .supreme .list ul li .box .title {
    font-size: .28rem;
    color: #333;
    line-height: 1.3;
  }

  .GuestMa .supreme .list ul li .box .text {
    margin-top: .15rem;
    font-size: .16rem;
    color: #333;
    line-height: 1.6;
  }

  .GuestMa .supreme .list ul li .more {
    position: absolute;
    right: .1rem;
    bottom: .1rem;
    z-index: 5;
  }

  /* .GuestMa .supreme .list ul li .more a {
    display: block;
    content: '';
    width: .3rem;
    height: .3rem;
    background-image: url('/cn/res/images/more1.png');
    background-size: 100%
  } */

  .GuestMa .supreme .list ul li .item {
    position: relative;
    margin-bottom: 4%;
  }

  .GuestMa .supreme .list ul li .item:last-child {
    margin-bottom: 0;
  }

  .GuestMa .supreme .bottom-box {
    margin-top: 1%;
    display: flex;
    justify-content: space-between
  }

  .GuestMa .supreme .bottom-box .left-box {
    width: 38.19%;
    position: relative;
  }

  .GuestMa .supreme .bottom-box .left-box .img img {
    width: 100%;
    border-radius: .2rem;
    overflow: hidden;
  }

  .GuestMa .supreme .bottom-box .left-box .box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: .4rem;
    box-sizing: border-box;
    z-index: 3;
  }

  .GuestMa .supreme .bottom-box .left-box .box .logo {
    display: flex;
    align-items: center;
  }

  .GuestMa .supreme .bottom-box .left-box .box .logo img {
    max-width: 100%
  }

  .GuestMa .supreme .bottom-box .left-box .box .logo span {
    margin-left: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .88rem;
    height: .3rem;
    font-size: .16rem;
    color: #fff;
    background: linear-gradient(to right, #412cba, #713be0);
    border-radius: .05rem
  }

  .GuestMa .supreme .bottom-box .left-box .box .text {
    margin-top: .2rem;
    font-size: .18rem;
    color: #333;
    line-height: 1.6;
  }

  .GuestMa .supreme .bottom-box .left-box .box .num {
    margin-top: .35rem;
  }

  .GuestMa .supreme .bottom-box .left-box .box .num .name {
    font-size: .24rem;
    color: #fff
  }

  .GuestMa .supreme .bottom-box .left-box .box .num .value {
    margin-top: .1rem;
    font-size: .8rem;
    font-weight: bold;
    background: linear-gradient(to bottom, #fff, #fff, transparent);
    -webkit-background-clip: text;
    /* Chrome, Safari */
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /* Chrome, Safari */
    color: transparent;
  }

  .GuestMa .supreme .bottom-box .right-box {
    width: 59.3%;
    padding: .5rem .4rem;
    background-image: url('/cn/res/images/GuestMa-logo-bg.png');
    background-size: cover;
    border-radius: .2rem;
    box-sizing: border-box;
  }

  .GuestMa .supreme .bottom-box .right-box ul {
    display: flex;
    flex-wrap: wrap;
    margin: -2%;
  }

  .GuestMa .supreme .bottom-box .right-box ul li {
    width: 21%;
    margin: 2%;
  }

  .GuestMa .supreme .bottom-box .right-box ul li img {
    width: 100%;
    filter: grayscale(100%);
    border-radius: 0.1rem;
  }

  .GuestMa .supreme .bottom-box .right-box ul li:hover img {
    filter: grayscale(0%)
  }

  .GuestMa .qa {
    padding: 1rem 0;
  }

  .GuestMa .qa .public-title {
    text-align: center;
  }

  .GuestMa .qa .list {
    margin-top: .6rem;
  }

  .GuestMa .qa .list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .GuestMa .qa .list ul li {
    width: 31%;
    padding: .6rem .4rem;
    min-height: 3.9rem;
    background-size: cover;
    box-sizing: border-box;
    border-radius: .15rem;
    text-align: justify;
  }

  .GuestMa .qa .list ul li .title {
    height: .6rem;
    position: relative;
    padding-left: .5rem;
    font-size: .2rem;
    color: #fff;
    line-height: 1.5;
  }

  .GuestMa .qa .list ul li .title:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: '';
    width: .4rem;
    height: .4rem;
    background-image: url('/cn/res/images/GuestMa-qa-q.png');
    background-size: 100%;
  }

  .GuestMa .qa .list ul li .x {
    margin: .38rem 0;
    border-top: 1px dashed rgba(255, 255, 255, .9);
  }

  .GuestMa .qa .list ul li .text {
    position: relative;
    padding-left: .5rem;
    font-size: .16rem;
    color: #f6f8fa;
    line-height: 1.6;
  }

  .GuestMa .qa .list ul li .text:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: '';
    width: .4rem;
    height: .4rem;
    background-image: url('/cn/res/images/GuestMa-qa-a.png');
    background-size: 100%;
  }

  .GuestMa .qa .list ul li {
    background-image: url('/cn/res/images/GuestMa-qa-bg1.png')
  }

  .GuestMa .qa .list ul li:nth-of-type(1) {
    background-image: url('/cn/res/images/GuestMa-qa-bg1.png')
  }

  .GuestMa .qa .list ul li:nth-of-type(2) {
    background-image: url('/cn/res/images/GuestMa-qa-bg2.png')
  }

  .GuestMa .qa .list ul li:nth-of-type(3) {
    background-image: url('/cn/res/images/GuestMa-qa-bg3.png')
  }

  /*???“¤???¨?·??*/
  .Practice {
    padding-bottom: 1rem;
  }

  .Practice .banner-info {
    position: relative;
    /* display: flex;
    align-items: center;
    height: 44vw; */
    /* padding: 1rem 0; */
    background-image: url('/cn/res/images/banner-info.png');
    background-size: cover
  }

  .Practice .banner-info .flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 44vw;
  }

  .Practice .banner-info .flex .left-box {
    width: 43%;
  }

  .Practice .banner-info .flex .left-box .labe {
    display: flex;
    align-items: center;
  }

  .Practice .banner-info .flex .left-box .labe span {
    margin-right: .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: .46rem;
    color: #057ef3;
    background-color: rgba(255, 255, 255, .2);
    border-radius: .05rem;
    border: 1px solid #057ef366;
    box-sizing: border-box;
  }

  .Practice .banner-info .flex .left-box .labe span:last-child {
    margin-bottom: 0;
  }

  .Practice .banner-info .flex .left-box .title {
    margin-top: .3rem;
    font-size: .5rem;
    color: #333;
    line-height: 1.3;
  }

  .Practice .banner-info .flex .left-box .name {
    margin-top: .2rem;
    font-size: .16rem;
    color: #8cbeff;
  }

  .Practice .banner-info .flex .left-box .text {
    margin-top: .15rem;
    font-size: .24rem;
    color: #005cb9;
    line-height: 1.6;
  }

  .Practice .banner-info .flex .left-box .public-more {
    margin-top: .4rem;
  }

  .Practice .banner-info .flex .right-box {
    width: 55%;
  }

  .Practice .banner-info .flex .right-box img {
    width: 100%;
    border-radius: .15rem
  }

  .Practice .banner-info .swiper-pagination {
    bottom: .5rem;
    width: 100%;
  }
  .Practice .banner-info .swiper-pagination .swiper-pagination-bullet{margin: 0 .1rem;}
  .Practice .banner-info .swiper-pagination .swiper-pagination-bullet {
    background-color: #005cb9
  }

  .Practice .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -1%;
  }

  .Practice .list ul li {
    margin: 1%;
    width: 31%;
    background-color: #fff;
    border-radius: .15rem;
    overflow: hidden;
    box-shadow: 0 .12rem .16rem rgba(189, 189, 189, .3)
  }

  .Practice .list ul li .img img {
    width: 100%;
  }

  .Practice .list ul li .box {
    padding: .35rem;
  }

  .Practice .list ul li .box .title {
    font-size: .2rem;
    color: #333;
    line-height: 1.5;
  }

  .Practice .list ul li .box .name {
    margin-top: .4rem;
    font-size: .16rem;
    color: #999999;
  }

  .Practice .list ul li .box .text {
    margin-top: .1rem;
    font-size: .16rem;
    color: #656565;
    line-height: 1.6;
  }

  .Practice-contact .bottom-box {
    padding: 1rem 0;
    background-image: url('/cn/res/images/Practice-bottom.png');
    background-size: cover;
    text-align: center;
  }

  .Practice-contact .bottom-box .public-more {
    margin-top: .6rem;
  }

  .Practice-contact .bottom-box .public-more a {
    margin: 0 auto;
  }

  .Practice-contact .bottom-box .public-text {
    margin: .2rem 0 0;
    font-size: .14rem;
    color: #000000;
  }

  .Practice-info {
    padding: 1rem 0;
    background-color: #f6f8fa
  }

  .Practice-info .flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .Practice-info .flex .left-box {
    width: 72.9%;
    padding: .7rem .6rem;
    background-color: #fff;
    border-radius: .15rem;
    box-sizing: border-box;
  }

  .Practice-info .flex .left-box .title {
    font-size: .36rem;
    color: #333333;
    line-height: 1.5;
  }

  .Practice-info .flex .left-box .time {
    margin-top: .2rem;
    display: flex;
    align-items: center;
  }

  .Practice-info .flex .left-box .time .item {
    margin-right: .2rem;
    display: flex;
    align-items: center;
    font-size: .16rem;
    color: #999999;
  }

  .Practice-info .flex .left-box .time .item:last-child {
    margin-right: 0;
  }

  .Practice-info .flex .left-box .time .item:nth-of-type(1) span {
    margin-left: .1rem;
  }

  .Practice-info .flex .left-box .time .item:nth-of-type(2):before {
    display: block;
    margin-right: .1rem;
    content: '';
    width: .17rem;
    height: .12rem;
    background-image: url('/cn/res/images/time.png');
    background-size: 100%;
  }

  .Practice-info .flex .left-box .text {
    margin-top: .2rem;
    padding-top: .25rem;
    font-size: .20rem;
    color: #333333;
    line-height: 1.8;
    border-top: 1px solid #f0f0f0;
  }

  .Practice-info .flex .left-box .text h3{
    text-align:center;
    font-size: 0.22rem;
  }

  .Practice-info .flex .right-box {
    width: 25%;
  }

  .Practice-info .flex .right-box .item {
    margin-bottom: .2rem;
    padding: .3rem;
    background-color: #fff;
    border-radius: .15rem
  }

  .Practice-info .flex .right-box .item .top-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .2rem;
    margin-bottom: .2rem;
    border-bottom: 1px solid #f3f3f3;
  }

  .Practice-info .flex .right-box .item .top-box .main-title {
    font-size: .28rem;
    color: #333333
  }

  .Practice-info .flex .right-box .item .top-box .more a {
    font-size: .16rem;
    color: #999999
  }

  .Practice-info .flex .right-box .item .list ul li {
    margin-bottom: .1rem;
  }

  .Practice-info .flex .right-box .item .list ul li:last-child {
    margin-bottom: 0;
  }

  .Practice-info .flex .right-box .item .list ul li a {
    display: block;
    position: relative;
  }

  .Practice-info .flex .right-box .item .list ul li a .img img {
    width: 100%;
    border-radius: .16rem;
  }

  .Practice-info .flex .right-box .item .list ul li a .box {
    padding: .1rem 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 3;
  }

  .Practice-info .flex .right-box .item .list ul li a .box .title {
    font-size: .16rem;
    color: #333;
    line-height: 1.5;
  }

  .Practice-info .flex .right-box .item .casket {
    position: relative;
  }

  .Practice-info .flex .right-box .item .casket .img img {
    width: 100%;
    border-radius: .16rem;
  }

  .Practice-info .flex .right-box .item .casket .public-more {
    margin-top: .2rem;
  }

  .Practice-info .flex .right-box .item .casket .public-more a {
    margin: 0 auto;
  }

  .Practice-info .flex .left-box .text img {
    max-width: 100%;
  }

  /*?¨???’?¤???¨*/
  .Market .banner-info {
    position: relative;
    /* display: flex;
    align-items: center;
    height: 44vw; */
    padding: 1rem 0;
    background-image: url('/cn/res/images/banner-info.png');
    background-size: cover
  }

  .Market .banner-info .flex {
    display: flex;
    justify-content: space-between;
    /*align-items: center*/
  }

  .Market .banner-info .flex .left-box {
    width: 43%;
  }

  .Market .banner-info .flex .left-box .labe {
    display: flex;
    align-items: center;
  }

  .Market .banner-info .flex .left-box .labe span {
    margin-right: .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: .46rem;
    color: #057ef3;
    background-color: rgba(255, 255, 255, .2);
    border-radius: .05rem;
    border: 1px solid #057ef366;
    box-sizing: border-box;
  }

  .Market .banner-info .flex .left-box .labe span:last-child {
    margin-bottom: 0;
  }

  .Market .banner-info .flex .left-box .title {
    /*margin-top: .3rem;*/
    font-size: .5rem;
    color: #333;
    line-height: 1.3;
  }

  .Market .banner-info .flex .left-box .name {
    margin-top: .2rem;
    font-size: .16rem;
    color: #8cbeff;
  }

  .Market .banner-info .flex .left-box .text {
    margin-top: .15rem;
    font-size: .24rem;
    color: #8cbeff;
    line-height: 1.6;
  }

  .Market .banner-info .flex .left-box .public-more {
    margin-top: .4rem;
  }

  .Market .banner-info .flex .right-box {
    width: 55%;
  }

  .Market .banner-info .flex .right-box img {
    width: 100%;
    border-radius: .15rem
  }

  .Market .banner-info .swiper-pagination {
    bottom: .5rem;
  }

  .Market .banner-info .swiper-pagination .swiper-pagination-bullet {
    background-color: #005cb9
  }
  .Market .top-table {
    padding: .8rem 0;
    overflow: hidden;
  }

  .Market .top-table .flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: .5rem;
    background-color: #fff;
    border-radius: .16rem;
    box-shadow: 0 2px .1rem rgba(11, 46, 88, .1)
  }

  .Market .top-table .flex .right-box {
    width: 50%;
  }

  .Market .top-table .flex .right-box .img img {
    width: 100%;
    border-radius: .16rem
  }

  .Market .top-table .flex .left-box {
    width: 45%;
  }
  .Market .top-table .flex .left-box .logo{margin-bottom: .2rem;width: 1.5rem;}
  .Market .top-table .flex .left-box .logo img{width: 100%;}
  .Market .top-table .flex .left-box .labe dl {
    display: flex;
    flex-wrap: wrap;
    margin: -.1rem;
  }

  .Market .top-table .flex .left-box .labe dl dd {
    margin: .1rem;
    padding: .1rem .15rem;
    font-size: .16rem;
    color: #fff;
    border-radius: 5px
  }

  .Market .top-table .flex .left-box .labe dl:nth-of-type(1) dd {
    background-color: #f29b76;
  }

  .Market .top-table .flex .left-box .labe dl:nth-of-type(2) dd {
    background-color: #333333;
  }

  .Market .top-table .flex .left-box .title {
    margin-top: .4rem;
    font-size: .32rem;
    color: #000000;
    line-height: 1.5;
  }

  .Market .top-table .flex .left-box .box {
    margin-top: .5rem;
  }

  .Market .top-table .flex .left-box .box .name {
    font-size: .18rem;
    color: #999999
  }

  .Market .top-table .flex .left-box .box .value {
    margin-top: .1rem;
    display: flex;
    align-items: baseline;
    font-size: .48rem;
    color: #005cb9;
    font-weight: bold;
  }

  .Market .top-table .flex .left-box .box .text {
    margin-top: .3rem;
    font-size: .18rem;
    color: #333333;
    line-height: 1.5;
  }

  .Market .top-table .swiper {
    overflow: initial;
  }

  .Market .top-table .swiper .swiper-slide {
    transform: scale(.9);
    opacity: .6;
  }

  .Market .top-table .swiper .swiper-slide.swiper-slide-active {
    transform: scale(1);
    opacity: 1;
  }

  .Market .top-table .swiper-button-next, .Market .top-table .swiper-button-prev {
    background-color: #0678e8;
    width: .6rem;
    height: .6rem;
    color: #fff;
    border-radius: .6rem;
    --swiper-navigation-size: .22rem;
    box-shadow: 0 0 .15rem rgba(6, 120, 232, .29)
  }

  .Market .top-table .swiper-button-next {
    right: -.3rem;
  }

  .Market .top-table .swiper-button-prev {
    left: -.3rem;
  }

  .Market .menu {
    margin-top: .2rem;
  }

  .Market .menu ul {
    display: flex;
    padding-bottom: .15rem;
    border-bottom: 2px solid #e7e7e7;
  }

  .Market .menu ul li {
    position: relative;
    margin-right: .8rem;
    padding: 0 .05rem;
  }

  .Market .menu ul li:last-child {
    margin-right: 0;
  }

  .Market .menu ul li a {
    font-size: .24rem;
    color: #000000
  }

  .Market .menu ul li.on a {
    color: #0678e8
  }

  .Market .menu ul li.on:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: -.17rem;
    width: 100%;
    height: 2px;
    background-color: #0678e8;
    z-index: 3;
  }

  .Market .bottom-box {
    padding: .6rem 0;
    background-color: #ffffff;
  }

  .Market .bottom-box .hot ul li {
    margin-bottom: .3rem;
    display: flex;
    flex-wrap: wrap;
    border-radius: .16rem;
    box-shadow: 0 0 5px rgba(28, 35, 44, .1);
    overflow: hidden;
  }

  .Market .bottom-box .hot ul li:last-child {
    margin-bottom: 0;
  }

  .Market .bottom-box .hot ul li .left-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 64%;
    padding: .4rem .3rem;
    background-color: #fff;
    box-sizing: border-box;
  }

  .Market .bottom-box .hot ul li .left-box .img {
    width: 48%;
  }

  .Market .bottom-box .hot ul li .left-box .img img {
    width: 100%;
    border-radius: .16rem
  }

  .Market .bottom-box .hot ul li .left-box .box {
    width: 48%;
  }

  .Market .bottom-box .hot ul li .left-box .box .title {
    font-size: .2rem;
    color: #000000;
  }

  .Market .bottom-box .hot ul li .left-box .box .name {
    margin-top: .1rem;
    font-size: .18rem;
    color: #555555;
  }

  .Market .bottom-box .hot ul li .left-box .box .add {
    margin-top: .45rem;
    margin-bottom: .2rem;
    font-size: .16rem;
    color: #999999;
  }

  .Market .bottom-box .hot ul li .left-box .box .add span {
    color: #005cb9;
  }

  .Market .bottom-box .hot ul li .left-box .box .labe {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.05rem;
  }

  .Market .bottom-box .hot ul li .left-box .box .labe span {
    margin: .05rem;
    padding: .1rem .18rem;
    font-size: .16rem;
    color: #fff;
    background-color: #333;
    border-radius: .05rem;
  }

  .Market .bottom-box .hot ul li .left-box .box .public-more1 {
    margin-top: .4rem;
  }

  .Market .bottom-box .hot ul li .left-box .box .public-more1 a {
    background-color: #077df1;
    border-radius:0.05rem;
    border:0;
    color:#fff;
  }

  .Market .bottom-box .hot ul li .right-box {
    width: 36%;
    padding: .4rem .3rem;
    box-sizing: border-box;
  }

  .Market .bottom-box .hot ul li .right-box .name {
    margin-bottom: .2rem;
    font-size: .16rem;
    color: #999999;
  }

  .Market .bottom-box .hot ul li .right-box dl {
    margin: -1.5%;
    display: flex;
    flex-wrap: wrap;
  }

  .Market .bottom-box .hot ul li .right-box dl dd {
    width: 30%;
    margin: 1.5%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: .66rem;
    background-color: #fff;
    border: 1px solid #d7dbe6;
    border-radius: .05rem;
    box-sizing: border-box;
  }

  .Market .bottom-box .hot ul li .right-box dl dd img {
    max-width: 90%;
    max-height: 90%
  }

  .Market .bottom-box .list {
    margin-top: .7rem;
  }

  .Market .bottom-box .list ul {
    display: flex;
    margin: -1%;
    flex-wrap: wrap;
  }

  .Market .bottom-box .list ul li {
    width: 31%;
    margin: 1%;
    border-radius: .16rem
  }

  .Market .bottom-box .list ul li .img img {
    width: 100%;
  }

  .Market .bottom-box .list ul li .box {
    padding: .3rem .4rem;
    background-color: #fff;
  }

  .Market .bottom-box .list ul li .box .title {
    font-size: .2rem;
    color: #333333;
    line-height: 1.5;
  }

  .Market .bottom-box .list ul li .box .name {
    margin-top: .1rem;
    font-size: .18rem;
    color: #555555;
  }

  .Market .bottom-box .list ul li .box .add {
    margin-top: .3rem;
    margin-bottom: .1rem;
    font-size: .16rem;
    color: #999999;
  }

  .Market .bottom-box .list ul li .box .add span {
    color: #005cb9;
  }

  .Market .bottom-box .list ul li .box .labe {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.05rem;
  }

  .Market .bottom-box .list ul li .box .labe span {
    margin: .05rem;
    padding: .1rem .18rem;
    font-size: .16rem;
    color: #fff;
    background-color: #333;
    border-radius: .05rem;
  }

  .Market .bottom-box .list ul li .box .more {
    margin-top: .2rem;
  }

  .Market .bottom-box .list ul li .box .more a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: .46rem;
    font-size: .16rem;
    color: #fff;
    background-color: #077df1;
    border-radius: .05rem
  }

  .Market .bottom-box .list ul li .box .more a:after {
    display: block;
    content: '';
    width: .11rem;
    height: .15rem;
    margin-left: .1rem;
    background-image: url('/cn/res/images/download.png');
    background-size: 100%;
  }

  .Market .bottom-box .list .main-img {
    margin-top: .6rem;
  }

  .Market .bottom-box .list .main-img img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
  }

  .Market .bottom-box .list1 ul li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: .2rem;
    padding: .4rem;
    border-radius: .16rem;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(28, 35, 44, .1);
    overflow: hidden;
  }

  .Market .bottom-box .list1 ul li .img {
    width: 39%;
  }

  .Market .bottom-box .list1 ul li .img img {
    width: 100%;
    border-radius: .15rem
  }

  .Market .bottom-box .list1 ul li .box {
    width: 57%;
  }

  .Market .bottom-box .list1 ul li .box .title {
    font-size: .3rem;
    color: #000000;
  }

  .Market .bottom-box .list1 ul li .box .more {
    margin-top: .4rem;
  }

  .Market .bottom-box .list1 ul li .box .more a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: .46rem;
    font-size: .16rem;
    color: #005cb9;
    background-color: #e4ecfd;
    border-radius: .05rem
  }

  .Market .bottom-box .list1 ul li .box .more a:after {
    display: block;
    content: '';
    width: .11rem;
    height: .15rem;
    margin-left: .1rem;
    background-image: url('/cn/res/images/download.png');
    background-size: 100%;
  }

  .Market .apply {
    padding: 1rem 0 .7rem;
    background-image: url('/cn/res/images/Market-apply.png');
    background-size: 100%;
  }

  .Market .apply .title {
    font-size: .46rem;
    color: #fff;
    text-align: center;
  }

  .Market .apply .from {
    margin-top: .4rem;
    padding: .6rem 1rem;
    background-color: rgba(255, 255, 255, .9);
    border-radius: .16rem;
  }

  .Market .apply .from ul li {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: .3rem;
  }

  .Market .apply .from ul li:last-child {
    margin-bottom: 0;
  }

  .Market .apply .from ul li .item {
    width: 45%;
  }

  .Market .apply .from ul li .name {
    margin-bottom: .1rem;
    font-size: .18rem;
    color: #005cb9;
  }
  .Market .apply .from ul li .name span{padding-left: .1rem;color: red;}
  .Market .apply .from ul li .text {
    width: 100%;
    height: .5rem;
    padding: 0 .2rem;
    border: 1px solid #e9e9e9;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: .05rem
  }

  .Market .apply .from ul li dl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: -.1rem 0;
  }

  .Market .apply .from ul li dl dd {
    display: flex;
    align-items: center;
    width: 20%;
    margin: .1rem 0;
    font-size: .16rem;
    color: #333333;
  }

  .Market .apply .from ul li dl dd .checkbox {
    margin-right: .1rem;
  }

  .Market .apply .from ul li:last-child {
    padding-top: .3rem;
    border-top: 1px solid #dedede;
  }

  .Market .apply .from ul li .submit {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: .5rem;
    font-size: .18rem;
    color: #ffffff;
    background-color: #005cb9;
    border-radius: .05rem
  }


  /*CRM*/
  .CRM {
    /*background-image: url('/cn/res/images/Ecrp-product-img.png');*/
    background-image: url('/cn/res/images/yy-bg.jpg');
    background-size: cover
  }
  .CRM  .banner-info {
    position: relative;
    display: flex;
    align-items: center;
    height: 41vw;
    background-color: #003586;
    background-size: cover;
  }

  .CRM  .banner-info .flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .CRM  .banner-info .flex .left-box {
    width: 43%;
  }

  /* .CRM  .banner-info .flex .left-box .title {
    font-size: .36rem;
    color: #333;
    line-height: 1.3;
  }
  
  .CRM  .banner-info .flex .left-box .text {
    margin-top: .3rem;
    font-size: .16rem;
    color: #333;
    line-height: 1.6;
  } */

  .CRM  .banner-info .flex .right-box {
    position: relative;
    width: 50%;
  }

  .CRM  .banner-info .flex .right-box img {
    width: 100%;
    border-radius: .15rem
  }
  .CRM .application {
    padding: 1rem 0;
  }

  .CRM .application .main-title {
    font-size: .5rem;
    color: #0958a6;
  }

  .CRM .application .main-text {
    margin-top: .2rem;
    font-size: .24rem;
    color: #000000;
    line-height: 1.5;
  }

  .CRM .application .list {
    margin-top: .3rem;
  }

  .CRM .application .list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .CRM .application .list ul li {
    position: relative;
    margin: 1.1% 0;
  }

  .CRM .application .list ul li .box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: .3rem .3rem;
    box-sizing: border-box;
    z-index: 3;
  }

  .CRM .application .list ul li .title {
    font-size: .32rem;
    color: #333
  }

  .CRM .application .list ul li .text {
    margin-top: .2rem;
    font-size: .16rem;
    color: #333;
    line-height: 1.5;
  }

  .CRM .application .list ul li .more {
    position: absolute;
    right: .2rem;
    bottom: .2rem;
    z-index: 3;
  }

  /* .CRM .application .list ul li .more a:after {
    display: block;
    content: '';
    width: .3rem;
    height: .3rem;
    background-image: url('/cn/res/images/more1.png');
    background-size: 100%;
  } */

  .CRM .application .list ul li:nth-of-type(1) {
    width: 41.8%;
  }

  .CRM .application .list ul li:nth-of-type(2) {
    width: 55.8%;
  }

  .CRM .application .list ul li:nth-of-type(4) {
    width: 41.8%;
  }

  .CRM .application .list ul li:nth-of-type(3) {
    width: 55.8%;
  }

  .CRM .application .list ul li .img img {
    width: 100%;
  }

  .CRM .item-box .item {
    padding: 1rem 0;
  }

  .CRM .item-box .module1 .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -1%;
  }

  .CRM .item-box .module1 .list ul li {
    margin: 1%;
    position: relative;
  }

  .CRM .item-box .module1 .list ul li .img img {
    width: 100%;
    border-radius: .16rem
  }

  .CRM .item-box .module1 .list ul li .box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: .3rem .3rem;
    box-sizing: border-box;
    z-index: 3;
  }

  .CRM .item-box .module1 .list ul li .box .title {
    font-size: .28rem;
    color: #333;
  }

  .CRM .item-box .module1 .list ul li .box .text {
    margin-top: .15rem;
    font-size: .16rem;
    color: #333;
    line-height: 1.6;
  }

  .CRM .item-box .module1 .list ul li .more {
    position: absolute;
    right: .2rem;
    bottom: .2rem;
    z-index: 3;
  }

  /* .CRM .item-box .module1 .list ul li .more a:after {
    display: block;
    content: '';
    width: .3rem;
    height: .3rem;
    background-image: url('/cn/res/images/more1.png');
    background-size: 100%;
  } */

  .CRM .item-box .module1 .list ul li:nth-of-type(1) {
    width: 31%;
  }

  .CRM .item-box .module1 .list ul li:nth-of-type(2) {
    width: 31%;
  }

  .CRM .item-box .module1 .list ul li:nth-of-type(3) {
    width: 31%;
  }

  .CRM .item-box .module1 .list ul li:nth-of-type(4) {
    width: 48%;
  }

  .CRM .item-box .module1 .list ul li:nth-of-type(5) {
    width: 48%;
  }

  .CRM .item-box .module2 .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -1%;
  }

  .CRM .item-box .module2 .list ul li {
    margin: 1%;
    position: relative;
  }

  .CRM .item-box .module2 .list ul li .img img {
    width: 100%;
    border-radius: .16rem
  }

  .CRM .item-box .module2 .list ul li .box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: .3rem .3rem;
    box-sizing: border-box;
    z-index: 3;
  }

  .CRM .item-box .module2 .list ul li .box .title {
    font-size: .28rem;
    color: #333;
  }

  .CRM .item-box .module2 .list ul li .box .text {
    margin-top: .15rem;
    font-size: .16rem;
    color: #333;
    line-height: 1.6;
  }

  .CRM .item-box .module2 .list ul li .more {
    position: absolute;
    right: .2rem;
    bottom: .2rem;
    z-index: 3;
  }

  /* .CRM .item-box .module2 .list ul li .more a:after {
    display: block;
    content: '';
    width: .3rem;
    height: .3rem;
    background-image: url('/cn/res/images/more1.png');
    background-size: 100%;
  } */

  /* .CRM .item-box .module2 .list ul li:nth-of-type(1){width: 31%;} */
  .CRM .bottom-box {
    position: relative;
    background-color: #fff
  }

  .CRM .bottom-box .box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .CRM .bottom-box .img img {
    width: 100%;
    border-radius: .16rem
  }

  .CRM .bottom-box .box .w1440 {
    width: 100%;
  }

  .CRM .bottom-box .box .title {
    display: flex;
    align-items: center;
    font-size: .3rem;
    color: #000000;
  }

  .CRM .bottom-box .box .title img {
    height: .46rem;
  }

  .CRM .bottom-box .box .title span {
    margin-left: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .9rem;
    height: .3rem;
    font-size: .16rem;
    color: #fff;
    background: linear-gradient(to right, #7130a0, #8949b9);
    border-radius: .3rem;
  }

  .CRM .bottom-box .box .list {
    margin-top: .6rem;
  }

  .CRM .bottom-box .box .list ul li {
    margin-bottom: .25rem;
    font-size: .18rem;
    color: #333333;
  }

  .CRM .bottom-box .box .list ul li:last-child {
    margin-bottom: 0;
  }

  .CRM .bottom-box .box .text {
    margin-top: .3rem;
    max-width: 5.9rem;
    font-size: .16rem;
    color: #333333;
    line-height: 1.6;
  }

  .CRM .bottom-box .box .public-more1 {
    margin-top: .4rem;
  }

  .CRM .bottom-box .box .public-more1 a {
    background-color: #087cf3;
    color: #fff
  }

  .CRM .bottom-box .box .flex {
    display: flex;
    justify-content: space-between;
    align-items: center
  }

  .CRM .bottom-box .box dl dd {
    padding: 0 .25rem .3rem;
    margin-bottom: .3rem;
    border-bottom: 1px solid #e1e0dc;
  }

  .CRM .bottom-box .box dl dd:last-child {
    margin-bottom: 0;
  }

  .CRM .bottom-box .box dl dd .name {
    font-size: .3rem;
    color: #333333
  }

  .CRM .bottom-box .box dl dd .value {
    margin-top: .1rem;
    display: flex;
    align-items: baseline;
    font-size: .26rem;
    color: #fea736
  }

  .CRM .bottom-box .box dl dd .value span {
    margin-right: .1rem;
    font-size: .4rem;
  }

  .CRM .bottom-box .box dl dd:last-child .value:after {
    margin-left: .3rem;
    display: block;
    content: '';
    width: .4rem;
    height: .79rem;
    background-image: url('/cn/res/images/CRM-bottom-icon.png');
    background-size: 100%
  }

  /*DuomouSCRM*/
  .DuomouSCRM {
    /*background-image: url('/cn/res/images/Ecrp-product-img.png');*/
    background-image: url('/cn/res/images/yy-bg.jpg');
    background-size: cover
  }

  .DuomouSCRM .application {
    padding: 1rem 0;
  }

  .DuomouSCRM .application .main-title {
    font-size: .5rem;
    color: #0958a6;
  }

  .DuomouSCRM .application .main-text {
    margin-top: .2rem;
    font-size: .24rem;
    color: #000000;
    line-height: 1.5;
  }

  .DuomouSCRM .application .list {
    margin-top: .9rem;
  }

  .DuomouSCRM .application .list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .DuomouSCRM .application .list ul li {
    position: relative;
    width: 22%;
    padding: .65rem .4rem;
    height: 3.5rem;
    background-size: cover;
    border-radius: .15rem;
    overflow: hidden;
    box-sizing: border-box;
  }

  .DuomouSCRM .application .list ul li .title {
    font-size: .32rem;
    color: #fff
  }

  .DuomouSCRM .application .list ul li .text {
    margin-top: .25rem;
    font-size: .16rem;
    color: #fff;
    line-height: 1.5;
  }

  .DuomouSCRM .application .list ul li:nth-of-type(1) {
    background-image: url('/cn/res/images/GuestMa-application-bg1.png')
  }

  .DuomouSCRM .application .list ul li:nth-of-type(2) {
    background-image: url('/cn/res/images/GuestMa-application-bg2.png')
  }

  .DuomouSCRM .application .list ul li:nth-of-type(3) {
    background-image: url('/cn/res/images/GuestMa-application-bg3.png')
  }

  .DuomouSCRM .application .list ul li:nth-of-type(4) {
    background-image: url('/cn/res/images/GuestMa-application-bg4.png')
  }

  .DuomouSCRM .item-box .item .public-title {
    margin-bottom: .3rem;
  }

  .DuomouSCRM .item-box .item {
    padding: 1rem 0;
  }

  .DuomouSCRM .item-box .module1 .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -1%;
  }

  .DuomouSCRM .item-box .module1 .list ul li {
    margin: 1%;
    width: 48%;
    position: relative;
  }

  .DuomouSCRM .item-box .module1 .list ul li .img img {
    width: 100%;
    border-radius: .16rem
  }

  .DuomouSCRM .item-box .module1 .list ul li .box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: .6rem .4rem;
    box-sizing: border-box;
    z-index: 3;
  }

  .DuomouSCRM .item-box .module1 .list ul li:nth-child(1) .box {
    width: 60%;
  }

  .DuomouSCRM .item-box .module1 .list ul li .box .title {
    font-size: .28rem;
    color: #ffffff;
  }

  .DuomouSCRM .item-box .module1 .list ul li .box .text {
    margin-top: .15rem;
    font-size: .16rem;
    color: #fff;
    line-height: 1.6;
  }

  .DuomouSCRM .item-box .module1 .list ul li .more {
    position: absolute;
    right: .2rem;
    bottom: .2rem;
    z-index: 3;
  }

  /* .DuomouSCRM .item-box .module1 .list ul li .more a:after {
    display: block;
    content: '';
    width: .3rem;
    height: .3rem;
    background-image: url('/cn/res/images/more1.png');
    background-size: 100%;
  } */

  .DuomouSCRM .item-box .module1 .list ul li:nth-of-type(2) .box .title {
    color: #333;
  }

  .DuomouSCRM .item-box .module1 .list ul li:nth-of-type(2) .box .text {
    color: #333;
  }

  .DuomouSCRM .item-list .flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .DuomouSCRM .item-list .flex .table-nav {
    width: 26.3%;
  }

  .DuomouSCRM .item-list .flex .table-nav .main-title {
    margin-bottom: .3rem;
    padding-bottom: .3rem;
    font-size: .32rem;
    color: #0056ab;
    font-weight: bold;
    border-bottom: 1px solid #dce7ed;
  }

  .DuomouSCRM .item-list .flex .table-nav ul li {
    padding: .3rem;
    border-radius: .1rem;
    cursor: pointer;
  }

  .DuomouSCRM .item-list .flex .table-nav ul li .title {
    font-size: .2rem;
    color: #333333;
  }

  .DuomouSCRM .item-list .flex .table-nav ul li .text {
    display: none;
    margin-top: .15rem;
    font-size: .16rem;
    color: #19191a;
    line-height: 1.6;
  }

  .DuomouSCRM .item-list .flex .table-nav ul li.on {
    background-color: #f8faff
  }

  .DuomouSCRM .item-list .flex .table-nav ul li.on .title {
    color: #0056ab;
    font-weight: bold;
  }

  .DuomouSCRM .item-list .flex .table-nav ul li.on .text {
    display: block;
  }

  .DuomouSCRM .item-list .flex .table-box {
    width: 68.75%;
  }

  .DuomouSCRM .item-list .flex .table-box ul li {
    display: none;
    position: relative;
  }

  .DuomouSCRM .item-list .flex .table-box ul li.on {
    display: block;
  }

  .DuomouSCRM .item-list .flex .table-box ul li .img img {
    width: 100%;
  }

  .DuomouSCRM .item-list .flex .table-box ul li .public-more {
    position: absolute;
    left: 0;
    bottom: .3rem;
    width: 100%;
    z-index: 3;
  }

  .DuomouSCRM .item-list .flex .table-box ul li .public-more a {
    margin: 0 auto;
    background-color: #fff;
    color: #0056ab;
  }

  /* .DuomouSCRM .bottom-box{padding: 1rem 0;background-color: #fff}
.DuomouSCRM .bottom-box .flex{padding: 1rem .4rem;display: flex;justify-content: space-between;background-image: url('/cn/res/images/DuomouSCRM-bg.png');background-size: cover;border-radius: .16rem}
.DuomouSCRM .bottom-box .flex .left-box{display: flex;width: 48%;}
.DuomouSCRM .bottom-box .flex .left-box .logo{width: 41%;margin-right: 4%;}
.DuomouSCRM .bottom-box .flex .left-box .logo img{width: 100%;}
.DuomouSCRM .bottom-box .flex .left-box .box{width: 55%;}
.DuomouSCRM .bottom-box .flex .left-box .box .title{font-size: .3rem;color: #000000;}
.DuomouSCRM .bottom-box .flex .left-box .box .text{margin-top: .2rem;font-size: .16rem;color: #333333;line-height: 1.7;}
.DuomouSCRM .bottom-box .flex .right-box{}
.DuomouSCRM .bottom-box .flex .right-box .top-box{display: flex;align-items: center}
.DuomouSCRM .bottom-box .flex .right-box .top-box:before{display: block;content: '';width: 1rem;height: .84rem;background-image: url('/cn/res/images/QuantView-module3-icon.png');background-size: cover;}
.DuomouSCRM .bottom-box .flex .right-box .top-box ul{display: flex;align-items: center;margin-left: .2rem;padding-left: .2rem;border-left: .2rem;border-left: 1px solid #cdc7c1;}
.DuomouSCRM .bottom-box .flex .right-box .top-box ul li{margin-right: .3rem;}
.DuomouSCRM .bottom-box .flex .right-box .top-box ul li:last-child{margin-right: 0;}
.DuomouSCRM .bottom-box .flex .right-box .top-box ul li .name{font-size: .18rem;color: #333333;}
.DuomouSCRM .bottom-box .flex .right-box .top-box ul li .value{display: flex;align-items: baseline;font-size: .4rem;color: #087afd;}
.DuomouSCRM .bottom-box .flex .right-box .top-box ul li .value span{margin-right: .1rem;font-size: .8rem;font-weight: bold;}
.DuomouSCRM .bottom-box .flex .right-box .more{margin-top: .3rem;}
.DuomouSCRM .bottom-box .flex .right-box .more a{margin: 0 auto;display: flex;justify-content: center;align-items: center;width: 2.7rem;height: .5rem;font-size: .18rem;color: #ffffff;background-color: #087cf3;border-radius: .5rem} */
  .DuomouSCRM .bottom-box {
    position: relative;
    background-color: #fff
  }

  .DuomouSCRM .bottom-box .box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .DuomouSCRM .bottom-box .img img {
    width: 100%;
    border-radius: .16rem
  }

  .DuomouSCRM .bottom-box .box .w1440 {
    width: 100%;
  }

  .DuomouSCRM .bottom-box .box .title {
    display: flex;
    align-items: center;
    font-size: .3rem;
    color: #000000;
  }

  .DuomouSCRM .bottom-box .box .title span {
    margin-left: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .9rem;
    height: .3rem;
    font-size: .16rem;
    color: #fff;
    background: linear-gradient(to right, #7130a0, #8949b9);
    border-radius: .3rem;
  }

  .DuomouSCRM .bottom-box .box .title img {
    height: .66rem;
  }

  .DuomouSCRM .bottom-box .box .list {
    margin-top: .6rem;
  }

  .DuomouSCRM .bottom-box .box .list ul li {
    margin-bottom: .25rem;
    padding-left: .1rem;
    font-size: .18rem;
    color: #333333;
    border-left: .04rem solid #0048b7;
  }

  .DuomouSCRM .bottom-box .box .list ul li:last-child {
    margin-bottom: 0;
  }

  .DuomouSCRM .bottom-box .box .text {
    margin-top: .3rem;
    max-width: 5.9rem;
    font-size: .16rem;
    color: #333333;
    line-height: 1.6;
  }

  .DuomouSCRM .bottom-box .box .public-more1 {
    margin-top: .4rem;
  }

  .DuomouSCRM .bottom-box .box .public-more1 a {
    background-color: #087cf3;
    color: #fff
  }

  .DuomouSCRM .bottom-box .box .flex {
    display: flex;
    justify-content: space-between;
    align-items: center
  }

  .DuomouSCRM .bottom-box .box dl dd {
    padding: 0 .25rem .3rem;
    margin-bottom: .3rem;
    border-bottom: 1px solid #e1e0dc;
  }

  .DuomouSCRM .bottom-box .box dl dd:last-child {
    margin-bottom: 0;
  }

  .DuomouSCRM .bottom-box .box dl dd .name {
    font-size: .3rem;
    color: #333333
  }

  .DuomouSCRM .bottom-box .box dl dd .value {
    margin-top: .1rem;
    display: flex;
    align-items: baseline;
    font-size: .26rem;
    color: #087afd
  }

  .DuomouSCRM .bottom-box .box dl dd .value span {
    margin-right: .1rem;
    font-size: .6rem;
  }

  .DuomouSCRM .bottom-box .box dl dd .value:after {
    margin-left: .2rem;
    display: block;
    content: '';
    width: .3rem;
    height: .3rem;
    background-image: url('/cn/res/images/DuomouSCRM-icon.png');
    background-size: 100%
  }



  /*???€“?°???€”???¤?’*/
  .NewsCenter {
    padding-bottom: 1rem;
    background-color: #feffff;
  }

  .NewsCenter .banner-info {
    position: relative;
    /* display: flex;
    align-items: center; */
    padding: 0;
    background-image: url('/cn/res/images/banner-info.jpg');
    background-size: cover;
    overflow: hidden;
  }

  .NewsCenter .banner-info .flex {
    display: flex;
    justify-content: space-between;
    height: 44vw;
    align-items: center;
  }

  .NewsCenter .banner-info .flex .left-box {
    width: 43%;
  }

  .NewsCenter .banner-info .flex .left-box .title {
    font-size: .5rem;
    color: #000;
    line-height: 1.3;
  }

  .NewsCenter .banner-info .flex .left-box .text {
    margin-top: .3rem;
    font-size: .16rem;
    color: #333333;
    line-height: 1.6;
  }

  .NewsCenter .banner-info .flex .left-box .public-more {
    margin-top: .4rem;
    /* position:absolute;
    bottom:0; */
  } 

  .NewsCenter .banner-info .flex .right-box {
    width: 50%;
  }

  .NewsCenter .banner-info .flex .right-box img {
    width: 100%;
    border-radius: .15rem
  }

  .NewsCenter .banner-info .swiper-pagination {
    bottom: .5rem;
    width: 100%;
  }

  .NewsCenter .banner-info .swiper-pagination .swiper-pagination-bullet {
    margin: 0 .1rem;
  }

  .NewsCenter .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -1%;
  }

  .NewsCenter .list ul li {
    width: 31%;
    margin: 1%;
    border-radius: .16rem;
    overflow: hidden;
    box-shadow: 0 .12rem .16rem rgba(189, 189, 189, .3)
  }

  .NewsCenter .list ul li .img img {
    width: 100%;
  }

  .NewsCenter .list ul li .box {
    padding: .35rem;
    background-color: #fff;
  }

  .NewsCenter .list ul li .box .title {
    font-size: .2rem;
    color: #333333;
    line-height: 1.5;
    height: .66rem;
  }

  .NewsCenter .list ul li .box .time {
    margin-top: .3rem;
    font-size: .16rem;
    color: #999999;
  }

  /*???€¤?€??¤*/
  .AboutUs {
    /* padding-bottom: 1rem; */
  }

  .AboutUs .banner-info {
    position: relative;
    display: flex;
    align-items: center;
    height: 41vw;
    background-color: #003586;
    background-size: cover;
  }

  .AboutUs .banner-info .flex {
    display: flex;
    justify-content: space-between;
    align-items: center
  }

  .AboutUs .banner-info .flex .left-box {
    width: 43%;
  }

  .AboutUs .banner-info .flex .left-box .title {
    font-size: .36rem;
    color: #333;
    line-height: 1.3;
  }

  .AboutUs .banner-info .flex .left-box .text {
    margin-top: .3rem;
    font-size: .16rem;
    color: #333;
    line-height: 1.6;
  }

  .AboutUs .banner-info .flex .right-box {
    position: relative;
    width: 50%;
  }

  .AboutUs .banner-info .flex .right-box img {
    width: 100%;
    border-radius: .15rem
  }

  .AboutUs .banner-info .flex .right-box .play {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: .72rem;
    height: .72rem;
    background-image: url('/cn/res/images/play.png');
    background-size: 100%;
    cursor: pointer
  }

  .AboutUs .vision {}

  .AboutUs .vision ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }

  .AboutUs .vision ul li {
    position: relative;
    width: 25%;
    height: 4rem;
    display: flex;
    align-items: center;
    background-size: cover;
    border-radius: .16rem;
    overflow: hidden;
  }

  .AboutUs .vision ul li .box {
    padding: .5rem;
    width: 100%;
    box-sizing: border-box;
  }

  .AboutUs .vision ul li .box .text {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .4rem;
    color: #0673f4;
  }

  .AboutUs .vision ul li .box .text span {
    font-size: .52rem;
    font-weight: bold;
  }

  .AboutUs .vision ul li .box .name {
    margin-top: .1rem;
    font-size: .16rem;
    color: #000000;
    text-align: center;
  }

  .AboutUs .vision ul li:nth-of-type(1) {
    background-image: url('/cn/res/images/AboutUs-course1.png')
  }

  .AboutUs .vision ul li:nth-of-type(2) {
    background-image: url('/cn/res/images/AboutUs-course2.png')
  }

  .AboutUs .vision ul li:nth-of-type(3) {
    background-image: url('/cn/res/images/AboutUs-course3.png')
  }

  .AboutUs .vision ul li:nth-of-type(4) {
    background-image: url('/cn/res/images/AboutUs-course4.png')
  }

  .AboutUs .course {
    padding: 1rem 0;
    background-color: #0958a6;
    background-size: cover;
  }

  .AboutUs .vision ul li:after {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-image: url('/cn/res/images/AboutUs-course-x.png');
    background-size: 100%
  }

  .AboutUs .course .main-title {
    font-size: .36rem;
    color: #fff;
  }

  .AboutUs .course .box {
    margin-top: .7rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
  }

  .AboutUs .course .table-nav {
    position: relative;
    width: 2.4rem;
    padding-right: .2rem;
    box-sizing: border-box;
  }

  .AboutUs .course .table-nav:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    display: block;
    content: '';
    background-color: #3b73c9;
  }

  .AboutUs .course .table-nav:before {
    display: block;
    content: '';
    position: absolute;
    right: -.09rem;
    top: -.17rem;
    width: .18rem;
    height: .17rem;
    background-image: url('/cn/res/images/time1.png');
    background-size: 100%;
  }

  .AboutUs .course .table-nav ul {
    position: relative;
    z-index: 2;
  }

  .AboutUs .course .table-nav ul li {
    position: relative;
    padding: .3rem 0;
    opacity: .5;
    z-index: 1;
    cursor: pointer;
  }

  .AboutUs .course .table-nav ul li .time {
    font-size: .2rem;
    color: #fff;
  }

  .AboutUs .course .table-nav ul li .title {
    margin-top: .1rem;
    font-size: .14rem;
    color: #86caff;
    line-height: 1.4;
  }

  .AboutUs .course .table-nav ul li.on {
    opacity: 1;
  }

  .AboutUs .course .table-nav ul li.on .time {
    font-size: .3rem;
  }

  .AboutUs .course .table-nav ul li i {
    position: absolute;
    right: -.335rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: .27rem;
    height: .27rem;
    background-color: transparent;
    border-radius: .27rem;
    z-index: 1;
  }

  .AboutUs .course .table-nav ul li i:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: .07rem;
    height: .07rem;
    background-color: #fff;
    border-radius: .07rem;
    z-index: 3;
  }

  .AboutUs .course .table-nav ul li.on i {
    background-color: rgba(255, 255, 255, .3);
  }

  .AboutUs .course .table-box {
    width: calc(100% - 2.9rem);
    padding-left: .5rem;
    box-sizing: border-box;
  }

  .AboutUs .course .table-box .item {
    display: none;
    height: 4rem;
  }

  .AboutUs .course .table-box .item.on {
    display: block;
  }

  .AboutUs .course .table-box .item .swiper {
    height: 3.5rem;
  }
  .AboutUs .course .table-box .item .swiper-wrapper{display: block}
  .AboutUs .course .table-box .item  .swiper-slide{height: 1rem;}

  .AboutUs .course .table-box .item .swiper .time {
    font-size: .16rem;
    color: #ffffff;
  }
  .AboutUs .course .table-box .item .swiper{position: relative;}
  .AboutUs .course .table-box .item .swiper-button-prev{position: initial;color: #fff;margin-bottom: .1rem;}
  .AboutUs .course .table-box .item .swiper-button-prev:after{--swiper-navigation-size: .3rem;transform: rotate(90deg);}
  .AboutUs .course .table-box .item .swiper-button-next{position: initial;color: #fff;}
  .AboutUs .course .table-box .item .swiper-button-next:after{--swiper-navigation-size: .3rem;transform: rotate(90deg);}
  .AboutUs .course .table-box .item .swiper .text {
    margin-top: .1rem;
    font-size: .16rem;
    color: #fff;
  }

  .AboutUs .contact {
    padding: 1rem 0;
    background-image: url('/cn/res/images/AboutUs-contact-bg1.png')
  }

  .AboutUs .contact .flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .AboutUs .contact .flex .left-box {
    width: 54%;
    height: 4.3rem;
    padding: .6rem .4rem;
    background-image: url('/cn/res/images/AboutUs-contact1.png');
    background-size: cover;
    box-sizing: border-box;
    border-radius: .16rem
  }

  .AboutUs .contact .flex .left-box .title {
    font-size: .36rem;
    color: #000000;
    font-weight: bold;
  }

  .AboutUs .contact .flex .left-box ul li {
    margin-top: .35rem;
  }

  .AboutUs .contact .flex .left-box ul li .name {
    font-size: .20rem;
    color: #333333;
    margin-bottom: .1rem;
  }

  .AboutUs .contact .flex .left-box ul li .value {
    font-size: .26rem;
    color: #0275ff;
    font-weight: bold;
    margin-top:0.2rem;
  }

  .AboutUs .contact .flex .left-box ul li .text {
    margin-top: .2rem;
    font-size: .18rem;
    color: #333;
  }

  .AboutUs .contact .flex .right-box {
    width: 42.2%;
    height: 4.3rem;
    padding: .4rem;
    text-align: center;
    background-image: url('/cn/res/images/AboutUs-contact2.png');
    background-size: cover;
    box-sizing: border-box;
    border-radius: .16rem
  }

  .AboutUs .contact .flex .right-box .img img {
    max-width: 1.9rem
  }

  .AboutUs .contact .flex .right-box .text {
    margin-top: .15rem;
    font-size: .2rem;
    color: #333333;
    line-height: 1.6;
  }

  .AboutUs .contact .flex .right-box .text font {
    font-size: .18rem;
  }

  .AboutUs .contact .flex .right-box .text .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    margin: .1rem auto;
    height: .45rem;
    font-size: .2rem;
    color: #fff;
    background-image: url('/cn/res/images/AboutUs-contact-bg.png');
    background-size: cover;
    border-radius: .45rem
  }

  .AboutUs .service {
    padding: 1rem 0;
    background-image: url('/cn/res/images/AboutUs-service-bg.png')
  }

  .AboutUs .service .public-title {
    text-align: center;
    color: #333;
  }

  .AboutUs .service .list {
    margin-top: .6rem;
  }

  .AboutUs .service .list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .AboutUs .service .list ul li {
    width: 23%;
    height: 3.4rem;
    display: flex;
    align-items: center;
    background-size: cover;
    border-radius: .16rem;
    box-shadow: 0 .05rem .1rem rgba(0, 71, 141, .29);
    overflow: hidden;
  }

  .AboutUs .service .list ul li .box {
    padding: .4rem;
    text-align: center;
  }

  .AboutUs .service .list ul li .box .title {
    font-size: .28rem;
    color: #000;
  }

  .AboutUs .service .list ul li .box .title:after {
    display: block;
    content: '';
    margin: .2rem auto 0 auto;
    width: .2rem;
    height: 2px;
    background-color: #0673f4;
  }

  .AboutUs .service .list ul li .box .text {
    margin-top: .15rem;
    font-size: .16rem;
    color: #000;
    line-height: 1.7;
  }

  .AboutUs .service .list ul li:nth-of-type(1) {
    background-image: url('/cn/res/images/AboutUs-service1.png');
  }

  .AboutUs .service .list ul li:nth-of-type(2) {
    background-image: url('/cn/res/images/AboutUs-service2.png');
  }

  .AboutUs .service .list ul li:nth-of-type(3) {
    background-image: url('/cn/res/images/AboutUs-service3.png');
  }

  .AboutUs .service .list ul li:nth-of-type(4) {
    background-image: url('/cn/res/images/AboutUs-service4.png');
  }

  /*Ecrp*/
  .Ecrp .manage {
    padding: 1rem 0;
    /* background: linear-gradient(to right, #f0f4ff, #f5fafe) */
  }

  .Ecrp .manage .main-title {
    font-size: .4rem;
    color: #1946B9;
  }

  .Ecrp .manage .main-text {
    margin-top: .2rem;
    font-size: .24rem;
    color: #000000;
    line-height: 1.5;
  }

  .Ecrp .manage .list1 {
    margin-top: .7rem;
  }

  .Ecrp .manage .list1 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .Ecrp .manage .list1 ul li {
    /*padding: 0.38rem 0.38rem 0 0.38rem;*/
    background-color: #fff;
    border-radius: .16rem;
    box-sizing: border-box;
    height: 2.84rem;
  }

  .Ecrp .manage .list1 ul li .name {
    font-size: .24rem;
    color: #000000;
    text-align: center;
  }

  .Ecrp .manage .list1 ul li .img {
    margin-top: .3rem;
    display: flex;
    justify-content: center;
    border-radius: 0;
  }

  .Ecrp .manage .list1 ul li .img img {
    width: auto;
    max-width: 100%;
  }
  .Ecrp .manage .list1 ul li{
    height: auto;
  }

  .Ecrp .manage .list1 ul li:nth-of-type(1) {
    width: calc(100% / 3 - 0.6rem);
  }

  .Ecrp .manage .list1 ul li:nth-of-type(2) {
    width: calc(100% / 3 - 0.6rem);
  }

  .Ecrp .manage .list1 ul li:nth-of-type(3) {
    width: calc(100% / 3 - 0.6rem);
  }

  .Ecrp .manage .list2 {
    margin-top: .65rem;
  }

  .Ecrp .manage .list2 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .Ecrp .manage .list2 ul li {
    width: calc(100% / 3 - 0.6rem);
    position: relative;
    border-radius: .16rem;
  }

  .Ecrp .manage .list2 ul li .img img {
    width: 100%;
  }
  .Ecrp .manage .list1 ul li:hover .img img{
    transform:none;
  }
  .Ecrp .manage .list2 ul li:hover .img img{
    transform: scale(1.06);
  }
  .Ecrp .manage .list2 ul li .box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: .7rem .5rem;
    box-sizing: border-box;
    z-index: 1;
  }

  .Ecrp .manage .list2 ul li .box .title {
    font-size: .28rem;
    color: #ffffff;
    line-height: 1.3;
  }

  .Ecrp .manage .list2 ul li .box .text {
    margin-top: .2rem;
    font-size: .16rem;
    color: #fff;
    line-height: 1.4;
  }

  /* .Ecrp .manage .list2 ul li:after{display: block;content: '';position: absolute;right: -32%;top: 0;bottom: 0;margin: auto 0;width: .43rem;height: .43rem;background-image: url('/cn/res/images/Ecrp-manage-j.png');background-size: 100%;z-index: 3;} */
  .Ecrp .manage .list2 ul li:last-child:after {
    display: none;
  }

  .Ecrp {
    /* background-image: url('/cn/res/images/Ecrp-product-img.png'); */
    background-size: cover
  }

  .Ecrp .product .list1 dl dd {
    padding: 1rem 0;
  }

  .Ecrp .product .list1 dl dd .flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .Ecrp .product .list1 dl dd:nth-of-type(even) .flex {
    flex-flow: row-reverse;
  }

  .Ecrp .product .list1 dl dd .flex .left-box {
    width: 62.5%;
  }

  .Ecrp .product .list1 dl dd .flex .left-box ul li {
    display: none;
    position: relative;
  }
  .Ecrp .product .list1 dl dd .flex .left-box ul li .btn{
    display: flex;
    position: absolute;
    bottom: 0.4rem;
    right: 0.42rem;
  }
  .Ecrp .product .list1 dl dd .flex .left-box ul li .btn .public-more{
    margin-right: 0.2rem;
  }

  .Ecrp .product .list1 dl dd .flex .left-box ul li .btn .public-more a{
    width:1.5rem;
  }

  .Ecrp .product .list1 dl dd .flex .left-box ul li.on {
    display: block;
  }

  .Ecrp .product .list1 dl dd .flex .left-box ul li img {
    width: 100%;
    border-radius: .16rem;
  }

  .Ecrp .product .list1 dl dd .flex .right-box {
    width: calc(37.5% - 0.6rem);
  }

  .Ecrp .product .list1 dl dd .flex .right-box .main-title {
    font-size: .32rem;
    color: #0056ab;
    font-weight: bold;
    display: flex;
    align-items: center;
  }

  .Ecrp .product .list1 dl dd .flex .right-box .main-title span {
    margin-left: .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.3rem;
    height: .36rem;
    background-color: #030303;
    font-size: .24rem;
    color: #f4cb8b;
    font-weight: normal;
    border-radius: .18rem .18rem .18rem .03rem;
  }

  .Ecrp .product .list1 dl dd .flex .right-box .main-text {
    margin-top: .15rem;
    font-size: .2rem;
    color: #000;
    line-height: 1.4;
  }

  .Ecrp .product .list1 dl dd .flex .right-box .table-nav {
    margin-top: .3rem;
    /* padding-top: .2rem;
    border-top: 1px solid #dce7ed; */
  }

  .Ecrp .product .list1 dl dd .flex .right-box .table-nav ul li {
    padding: .3rem .25rem;
    border-radius: .15rem;
    cursor: pointer;
  }

  .Ecrp .product .list1 dl dd .flex .right-box .table-nav ul li .title {
    font-size: .2rem;
  }

  .Ecrp .product .list1 dl dd .flex .right-box .table-nav ul li.on .title {
    font-size: .2rem;
    color: #0056ab;
    font-weight: bold;
  }

  .Ecrp .product .list1 dl dd .flex .right-box .table-nav ul li .text {
    display: none;
    margin-top: .15rem;
    font-size: .16rem;
    color: #19191a;
    line-height: 1.4;
  }

  .Ecrp .product .list1 dl dd .flex .right-box .table-nav ul li.on {
    background-color: #f8faff
  }

  .Ecrp .product .list1 dl dd .flex .right-box .table-nav ul li.on .text {
    display: block;
  }

  .Ecrp .product .list1 dl dd .flex .right-box .btn {
    margin-top: .3rem;
    display: flex;
    align-items: center
  }

  .Ecrp .product .list1 dl dd .flex .right-box .btn .public-more {
    margin-right: .2rem;
  }

  .Ecrp .product .list1 dl dd .flex .right-box .btn .public-more a {
    background-color: #057EF3;
    color: #fff;
  }

  .Ecrp .product .list2 ul li {
    padding: 1rem 0;
  }

  .Ecrp .product .list2 ul li .flex {
    display: flex;
    justify-content: space-between
  }

  .Ecrp .product .list2 ul li:nth-of-type(even) .flex {
    flex-flow: row-reverse;
  }

  .Ecrp .product .list2 ul li .casket {
    width: 35.5%;
    padding: .5rem 0;
    display: flex;
    justify-content: space-between;
    flex-flow: column;
    box-sizing: border-box;
  }

  .Ecrp .product .list2 ul li .casket .main-title {
    font-size: .32rem;
    color: #0056ab;
    font-weight: bold;
  }

  .Ecrp .product .list2 ul li .casket .main-text {
    margin-top: .15rem;
    font-size: .2rem;
    color: #000;
    line-height: 1.4;
  }

  .Ecrp .product .list2 ul li .casket .btn {
    display: flex;
    align-items: center
  }

  .Ecrp .product .list2 ul li .casket .btn .public-more {
    margin-right: .2rem;
  }

  .Ecrp .product .list2 ul li .casket .btn .public-more a {
    background-color: #057EF3;
    color: #fff;
  }

  .Ecrp .product .list2 ul li .casket .text {
    margin-top: .4rem;
    font-size: .18rem;
    color: #057ef3;
    line-height: 1.3;
  }

  .Ecrp .product .list2 ul li .img {
    width: 54.5%;
  }

  .Ecrp .product .list2 ul li .img img {
    width: 100%;
  }

  .Ecrp .client {
    padding: 1rem 0;
  }

  .Ecrp .client .public-title {
    text-align: center;
  }

  .Ecrp .client .list {
    margin-top: .6rem;
  }

  .Ecrp .client .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -.5%;
  }

  .Ecrp .client .list ul li {
    margin: .5%;
    background-color: #fff;
    border: 1px solid #eeeeee;
    border-radius: .05rem;
    overflow: hidden;
    filter: grayscale(100%);
  }

  .Ecrp .client .list ul li img {
    max-width: 100%;
  }

  .Ecrp .client .list ul li:hover {
    box-shadow: 0 0 .2rem rgba(0, 0, 0, .1);
    filter: grayscale(0%);
  }

  /*?¤???€¤???±?¤???’?¨*/
  .Club {
    padding: 1rem 0 .3rem 0;
    /*background-image: url('/cn/res/images/Club-bg.png');*/
    background-image: url('/cn/res/images/yy-bg.jpg');
    background-size: cover;
  }

  .Club .top-box .w1440 {
    padding-bottom: 1rem;
    border-bottom: 1px solid #ececec;
  }
  .hyPage .Club .top-box .w1440 {
    padding-bottom: 0;
    border-bottom: none;
  }

  .Club .top-box .main-title {
    font-size: .5rem;
    color: #0958a6;
  }

  .Club .top-box .main-text {
    margin-top: .2rem;
    font-size: .24rem;
    color: #000000;
    line-height: 1.5;
  }

  .Club .item {
    padding: .7rem 0;
  }

  .Club .item .public-title {
    margin-bottom: .6rem;
    text-align: center;
    line-height: 1.4;
  }

  .Club .module1 .public-title {
    text-align: center;
  }
  .Club .module1 .list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
  .Club .module1 .list ul li{position: relative;width: 22.22%;}
  .Club .module1 .list ul li .box{position: absolute;left: 0;top: 0;width: 100%;padding: .2rem;box-sizing: border-box;z-index: 3;}
  .Club .module1 .list ul li .box .title{font-size: .22rem;color: #000000;font-weight: bold;text-align: center;}
  .Club .module1 .list ul li .box .text{margin-top: .2rem;font-size: .16rem;color: #666666;line-height: 1.6;}
   .Club .module1 .list ul li:after{position: absolute;right: -15%;top: 50%;transform: translateY(-50%);display: block;content: '';width: 12.5%;padding-top: 6%;background-image: url('/cn/res/images/Club2-module1-icon.png');background-size: 100%;background-repeat: no-repeat;}
   .Club .module1 .list ul li:last-child:after{display: none;}
  .Club .module1 .img img {
    width: 100%;
    border-radius: .16rem
  }

  .Club .module2 .img img {
    width: 100%;
    border-radius: .16rem
  }

  .Club .module2 .box {
    position: relative;
    
  }

  .Club .module2 .title {
    font-size: .36rem;
    color: #000000;
    font-weight: bold;
  }

  .Club .module2 .text {
    margin-top: .15rem;
    font-size: .2rem;
    color: #757577;
    line-height: 1.5;
    margin-bottom: 0.3rem;
  }

  .Club .module2 .box .btn {
    position: absolute;
    left: 0;
    bottom: .4rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
  }

  .Club .module2 .box .btn .public-more {
    margin-right: .2rem;
  }

  .Club .module2 .box .btn .public-more a {
    background-color: #0056ab;
    color: #fff;
  }

  .Club .module3 .list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .Club .module3 .list ul li {
    position: relative;
    width: 48%;
  }

  .Club .module3 .list ul li .img img {
    width: 100%;
    border-radius: .16rem;
    overflow: hidden;
  }

  .Club .module3 .list ul li .flex {
    position: absolute;
    display: flex;
    justify-content: space-between;
    flex-flow: column;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: .8rem .4rem;
    box-sizing: border-box;
    z-index: 3;
  }

  .Club .module3 .list ul li .title {
    font-size: .3rem;
    color: #000;
  }

  .Club .module3 .list ul li .text {
    margin-top: .15rem;
    max-width: 5.5rem;
    font-size: .16rem;
    color: #757577;
    line-height: 1.6;
  }

  .Club .module3 .list ul li .box {
    position: relative;
    margin-top: .4rem;
  }

  .Club .module3 .list ul li .box .img img {
    width: 100%;
  }

  .Club .module3 .list ul li .box .more {
    position: absolute;
    right: .4rem;
    bottom: .4rem;
    z-index: 3;
  }

  /* .Club .module3 .list ul li .box .more a:after {
    display: block;
    content: '';
    width: .3rem;
    height: .3rem;
    background-image: url('/cn/res/images/more1.png');
    background-size: 100%;
  } */

  .Club .module4 .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -1%;
  }

  .Club .module4 .list ul li {
    width: 31%;
    margin: 1%;
    box-sizing: border-box;
  }

  .Club .module4 .list ul li .title {
    font-size: .3rem;
    color: #000;
  }

  .Club .module4 .list ul li .text {
    margin-top: .15rem;
    max-width: 3.5rem;
    font-size: .16rem;
    color: #757577;
    line-height: 1.6;
  }

  .Club .module4 .list ul li .box {
    position: relative;
    margin-top: .4rem;
  }

  .Club .module4 .list ul li .box .img img {
    width: 100%;
    border-radius: .16rem;
  }

  .Club .module4 .list ul li .box .more {
    position: absolute;
    right: .4rem;
    bottom: .4rem;
    z-index: 3;
  }

  /* .Club .module4 .list ul li .box .more a:after {
    display: block;
    content: '';
    width: .3rem;
    height: .3rem;
    background-image: url('/cn/res/images/more1.png');
    background-size: 100%;
  } */

  .Club .module5 .list ul {}

  .Club .module5 .list ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: .45rem;
    box-sizing: border-box;
  }

  .Club .module5 .list ul li:last-child {
    margin-bottom: 0;
  }

  .Club .module5 .list ul li:nth-of-type(even) {
    flex-flow: row-reverse;
  }

  .Club .module5 .list ul li .title {
    font-size: .28rem;
    color: #333333;
  }

  .Club .module5 .list ul li .text {
    margin-top: .2rem;
    font-size: .16rem;
    color: #333;
    line-height: 1.6;
  }

  .Club .module5 .list ul li .box {
    width: 29%;
  }

  .Club .module5 .list ul li .img {
    width: 67%;
  }

  .Club .module5 .list ul li .img img {
    width: 100%;
  }

  .Club .module5 .list ul li .public-more {
    margin-top: .9rem;
  }

  .Club .module5 .list ul li .public-more a {
    border: 1px solid #0056ab;
    background-color: #fff;
    color: #0056ab;
  }

  .Club .module6 .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -1%;
  }

  .Club .module6 .list ul li {
    position: relative;
    width: 48%;
    margin: 1%;
    background-size: cover;
    border-radius: .16rem;
    box-sizing: border-box;
  }
  .Club .module6:nth-child(odd) .list ul li{
    width: 31%;
  }
  /* .Club .module6:nth-child(odd) .list ul li .title{position: absolute;left: 0;top: 0;padding: .5rem .4rem;z-index: 3;box-sizing: border-box;} */
  .Club .module6:last-child .list ul li{
    width: 48%;
  }
 
  .Club:nth-child(2){
    padding-top: 0;
  }
  .Club .module6 .list ul li .title {
    font-size: .3rem;
    color: #333;
  }
  .Club .module6:nth-child(1) .list ul li .title{
    text-align: center;
  }
  /* .Club .module6:last-child .list ul li .title{
    color: #fff;
  } */
  .Club .module6:nth-child(1) .list ul li .title{position: absolute;left: 0;top: 0;padding: .2rem .3rem;z-index: 3;box-sizing: border-box;}
  .Club .module6 .list ul li .box{position: absolute;left: 0;top: 0;padding: .2rem .3rem;z-index: 3;box-sizing: border-box;}
  .Club .module6 .list ul li .text {
    margin-top: .15rem;
    font-size: .16rem;
    line-height: 1.6;
  }

  .Club .module6 .list ul li .img {
    /*margin-top: .2rem;*/
  }

  .Club .module6 .list ul li .img img {
    width: 100%;
  }

  .Club .module6 .list ul li .public-more {
    position: absolute;
    right: .4rem;
    bottom: .4rem;
    z-index: 3;
  }

  .Club .module6 .list ul li .more {
    position: absolute;
    right: .4rem;
    bottom: .4rem;
    z-index: 3;
  }

  /* .Club .module6 .list ul li .more a:after {
    display: block;
    content: '';
    width: .3rem;
    height: .3rem;
    background-image: url('/cn/res/images/more1.png');
    background-size: 100%;
  } */

  .Club .module6 .list ul li .public-more a {
    border: 1px solid #0056ab;
  }

  .Club .module6 .list ul li:nth-of-type(2) .title {
    color: #333;
  }

  .Club .module6 .list ul li:nth-of-type(2) .text {
    color: #333;
  }

  .Club .module7 .flex {
    padding: .6rem .5rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-size: cover;
    align-items: center;
    border-radius: .16rem
  }

  .Club .module7 .flex .left-box {
    width: 50%;
  }

  .Club .module7 .flex .left-box .img img {
    width: 100%;
  }

  .Club .module7 .flex .right-box .title {
    margin-top: .15rem;
    font-size: .2rem;
    color: #000000;
    line-height: 1.4;
  }

  .Club .module7 .flex .right-box .text {
    margin-top: .15rem;
    font-size: .18rem;
    color: #333333;
    line-height: 1.6;
  }

  .Club .module7 .flex .right-box .text a {
    color: #087cf3;
  }

  .Club .module7 .flex .right-box {
    width: 45%;
  }

  .Club .module7 .flex .right-box .code {
    width: 1.8rem;
    margin: .2rem auto 0 auto;
  }

  .Club .module7 .flex .right-box .code img {
    width: 100%;
  }

  .Club .module7 .flex .right-box .name {
    margin-top: .3rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: .6rem;
    font-size: .16rem;
    color: #ffffff;
    background-color: #087cf3;
    border-radius: .3rem;
  }

  .QuantView {
    padding: 1rem 0 0 0;
    /* background-image: url('/cn/res/images/Club-bg.png');*/
    background-image: url('/cn/res/images/yy-bg.jpg');
    background-size: cover;
  }

  .QuantView .top-box .w1440 {
    /*padding-bottom: 1rem;
    border-bottom: 1px solid #ececec;*/
  }

  .QuantView .top-box .main-title {
    font-size: .5rem;
    color: #0958a6;
  }

  .QuantView .top-box .main-text {
    margin-top: .2rem;
    font-size: .24rem;
    color: #000000;
    line-height: 1.5;
  }

  .QuantView .item {
    padding: .7rem 0;
  }
  .QuantView .module3{
    padding-bottom: 0;
    padding-top: 0;
  }
  .QuantView .module3 .w1440{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 96%;
  }

  .QuantView .module1 .img img {
    width: 100%;
  }
  .QuantView .module1 .list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
  .QuantView .module1 .list ul li{position: relative;width: 22.22%;}
  .QuantView .module1 .list ul li .box{position: absolute;left: 0;top: 0;width: 100%;padding: .2rem;box-sizing: border-box;z-index: 3;}
  .QuantView .module1 .list ul li .box .title{font-size: .2rem;color: #000000;font-weight: bold;text-align: center;}
  .QuantView .module1 .list ul li .box .text{margin-top: .1rem;font-size: .16rem;color: #666666;line-height: 1.6;}
   .QuantView .module1 .list ul li:after{position: absolute;right: -15%;top: 50%;transform: translateY(-50%);display: block;content: '';width: 12.5%;padding-top: 44.7%;background-image: url('/cn/res/images/Club-module1-icon.png');background-size: 100%;background-repeat: no-repeat;}
   .QuantView .module1 .list ul li:last-child:after{display: none;}
  .QuantView .module2 .list ul li {
    position: relative;
    margin-bottom: 1rem;
  }

  .QuantView .module2 .list ul li:last-child {
    margin-bottom: 0;
  }

  .QuantView .module2 .list ul li .img {
    width: 100%;
  }

  .QuantView .module2 .list ul li .img img {
    width: 100%;
  }

  .QuantView .module2 .list ul li .box {
    position: absolute;
    top:  50%;
    max-width: 5.5rem;
    padding: 1.1rem .4rem;
    box-sizing: border-box;
    transform: translateY(-50%)
  }
  .QuantView .module2 .list ul li:nth-of-type(odd) .box{left: 0;}
  .QuantView .module2 .list ul li:nth-of-type(even) .box{right: 0;}
  .QuantView .module2 .list ul li .box .public-title {
    font-size: .3rem;
  }

  .QuantView .module2 .list ul li .box .labe {
    margin-top: .15rem;
    display: flex;
    align-items: center
  }

  .QuantView .module2 .list ul li .box .labe span {
    margin-right: .1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.1rem;
    height: .4rem;
    font-size: .16rem;
    color: #087df1;
    background-color: #fff;
    border-radius: .2rem
  }
  .QuantViewPage .module2 .list ul li .box .labe span{
    color: #fff;
    background-color: #087DF1;
  }
  .QuantView .module2 .list ul li .box .labe span:last-child {
    margin-right: 0;
  }

  .QuantView .module2 .list ul li .box .title {
    margin-top: .25rem;
    font-size: .3rem;
    color: #000000;
    line-height: 1.4;
  }

  .QuantView .module2 .list ul li .box .text {
    margin-top: .15rem;
    height: 1.3rem;
    font-size: .16rem;
    color: #333333;
    line-height: 1.6;
  }

  .QuantView .module2 .list ul li .box .btn {
    margin-top: .4rem;
    display: flex;
    align-items: center
  }

  .QuantView .module2 .list ul li .box .btn .public-more {
    margin-right: .2rem;
  }

  .QuantView .module2 .list ul li:nth-of-type(odd) {
    flex-flow: row-reverse;
  }

  .QuantView .module2 .list ul li:nth-of-type(odd) .box .btn .public-more a {
    background-color: #0056ab;
    color: #fff;
  }

 .QuantViewPage .QuantView .module2 .list ul li:nth-of-type(odd) .box .btn .public-more a {
    background-color: #057ef3;
    color: #fff;
  }
  /* .QuantViewPage .module2 .list ul li:nth-child(2n) .public-more a{
    background-color: #fff !important;
    color: #057ef3 !important;
  }
  .QuantViewPage .module2 .list ul li:nth-child(2n) .public-more1 a{
    background-color: #fff !important;
    color: #057ef3 !important;
  }
  .QuantViewPage .module2 .list ul li:nth-child(2n) .box .labe span{
    color: #087DF1;
    background-color: #fff;
  } */
  /* .QuantView .module2 .list ul li:nth-of-type(even) .box .btn .public-more1 a {
    border: 1px solid #fff;
  }
  
  .QuantView .module2 .list ul li:nth-of-type(even) .public-title {
    color: #fff;
  }
  
  .QuantView .module2 .list ul li:nth-of-type(even) .title {
    color: #fff;
  }
  
  .QuantView .module2 .list ul li:nth-of-type(even) .text {
    color: #fff;
  } */

  .QuantView .module3 .flex {
    margin-top: .5rem;
    padding: 1rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-size: cover;
    height: 6rem;
    box-sizing: border-box;
    background-position: top center;
  }

  .QuantView .module3 .flex .left-box {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 43%;
    flex-direction: column;
  }

  .QuantView .module3 .flex .left-box .img {
    width: auto;
    margin-bottom: 0.6rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 0;
  }

  .QuantView .module3 .flex .left-box .img img {
    width: auto;
  }
  .QuantView .module3 .flex .left-box .img .eg{
    width: 0.88rem;
    height: 0.3rem;
    background: linear-gradient(45deg, #3E2BB8 0%, #713BE0 100%);
    border-radius: 0.06rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0.16rem;
  }

  .QuantView .module3 .flex .left-box .text {
    width: 100%;
    font-size: .18rem;
    color: #333333;
    line-height: 1.7;
  }

  .QuantView .module3 .flex .right-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1;
    justify-content: flex-end;
}
.QuantView .module3 .flex .right-box .kz{
  width: 3.68rem;
    margin-right: 0.9rem;
}
  .QuantView .module3 .flex .right-box .casket {
    display: flex;
    align-items: center;
    margin-top: 1rem;
  }

  .QuantView .module3 .flex .right-box .casket .icon:after {
    display: block;
    content: '';
    width: 0.78rem;
    height: 0.78rem;
    background-image: url('/cn/res/images/QuantView-module3-icon.png');
    background-size: 100%
  }

  .QuantView .module3 .flex .right-box .casket .box {
    margin-left: 0.28rem;
    display: flex;
    flex-direction: column-reverse;
  }

  .QuantView .module3 .flex .right-box .casket .box .name {
    font-size: .18rem;
    color: #333333;
  }

  .QuantView .module3 .flex .right-box .casket .box .value {
    display: flex;
    align-items: baseline;
    font-size: .4rem;
    color: #087afd;
  }

  .QuantView .module3 .flex .right-box .casket .box .value span {
    font-size: .6rem;
    font-weight: bold;
    margin-right: 0.06rem;
    margin-bottom: 0.06rem;
  }

  .QuantView .module3 .flex .right-box .public-more1 {
    margin-top: .2rem;
  }

  .QuantView .module3 .flex .right-box .public-more1 a {
    width: 100%;
    background-color: #087afd;
    color: #fff
  }

  /*???°?¤???€??¨*/
  .Platform {
    padding-top: 1rem;
    background-image: url('/cn/res/images/yy-bg.jpg');
    background-size: cover;
  }

  .Platform .top-box .w1440 {
    /*padding-bottom: .5rem;*/
    /*border-bottom: 1px solid #ececec;*/
  }

  .Platform .top-box .main-title {
    font-size: .46rem;
    color: #0958a6;
  }

  .Platform .top-box .main-text {
    margin-top: .2rem;
    font-size: .24rem;
    color: #000000;
    line-height: 1.5;
  }

  .Platform .one-box {
    padding: 1rem 0;
    padding-top:0;
  }

  .Platform .one-box .public-title {
    text-align: center;
  }

  .Platform .one-box .img {
    margin-top: .75rem;
  }
  .Platform .one-box .list ul{display: flex;justify-content: space-between;flex-wrap: wrap}
  .Platform .one-box .list ul li{width: 22.9%;}
  .Platform .one-box .img img {
    width: 100%;
  }

  .Platform .item-box .item {
    padding: 1rem 0;
  }

  .Platform .item-list .flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .Platform .item-list:nth-of-type(even) .flex {
    flex-flow: row-reverse;
  }

  .Platform .item-list .flex .table-nav {
    width: 26.3%;
  }

  .Platform .item-list .flex .table-nav .main-title {
    font-size: .32rem;
    color: #0056ab;
    font-weight: bold;
  }

  .Platform .item-list .flex .table-nav .main-text {
    margin-top: .2rem;
    font-size: .18rem;
    color: #000000;
    line-height: 1.7;
  }

  .Platform .item-list .flex .table-nav ul {
    margin-top: .2rem;
    padding-top: .2rem;
    border-top: 1px solid #dce7ed;
  }

  .Platform .item-list .flex .table-nav ul li {
    padding: .3rem;
    border-radius: .1rem;
    cursor: pointer;
  }

  .Platform .item-list .flex .table-nav ul li .title {
    font-size: .2rem;
    color: #333333;
  }

  .Platform .item-list .flex .table-nav ul li .text {
    display: none;
    margin-top: .15rem;
    font-size: .16rem;
    color: #19191a;
    line-height: 1.6;
  }

  .Platform .item-list .flex .table-nav ul li.on {
    background-color: #f8faff
  }

  .Platform .item-list .flex .table-nav ul li.on .title {
    color: #0056ab;
    font-weight: bold;
  }

  .Platform .item-list .flex .table-nav ul li.on .text {
    display: block;
  }

  .Platform .item-list .flex .table-box {
    width: 68.75%;
  }

  .Platform .item-list .flex .table-box ul li {
    display: none;
    position: relative;
  }

  .Platform .item-list .flex .table-box ul li.on {
    display: block;
  }

  .Platform .item-list .flex .table-box ul li .img img {
    width: 100%;
  }

  .Platform .item-list .flex .table-box ul li .public-more {
    position: absolute;
    left: 0;
    bottom: .3rem;
    width: 100%;
    z-index: 3;
  }

  .Platform .item-list .flex .table-box ul li .public-more a {
    margin: 0 auto;
    background-color: #057ef3;
    color: #fff;
  }

  .Platform .bottom-box {
    position: relative;
    background-color: #fff
  }
  .Platform .bottom-box .left-box{max-width: 45%}
  .Platform .bottom-box .box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .Platform .bottom-box .img img {
    width: 100%;
    border-radius: .16rem
  }

  .Platform .bottom-box .box .w1440 {
    width: 100%;
  }

  .Platform .bottom-box .box .title {
    display: flex;
    align-items: center;
    font-size: .3rem;
    color: #000000;
  }

  .Platform .bottom-box .box .title img {
    height: .46rem;
  }

  .Platform .bottom-box .box .title span {
    margin-left: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .9rem;
    height: .3rem;
    font-size: .16rem;
    color: #fff;
    background: linear-gradient(to right, #7130a0, #8949b9);
    border-radius: .3rem;
  }
  .Platform .bottom-box .box .name{margin-top: .6rem;font-size: .3rem;color: #005cb9;}
  .Platform .bottom-box .box .list {
    margin-top: .3rem;
  }

  .Platform .bottom-box .box .list ul li {
    position: relative;
    padding-left: .15rem;
    margin-bottom: .1rem;
    font-size: .16rem;
    color: #333333;
    line-height: 1.5;
  }

  .Platform .bottom-box .box .list ul li:last-child {
    margin-bottom: 0;
  }
  .Platform .bottom-box .box .list ul li:before{display: block;content: '';position: absolute;left: 0;top: .1rem;width: .05rem;height: .05rem;background-color: #005cb9;border-radius: .05rem;z-index: 3;}
  .Platform .bottom-box .box .text {
    margin-top: .3rem;
    max-width: 5.9rem;
    font-size: .16rem;
    color: #333333;
    line-height: 1.6;
  }

  .Platform .bottom-box .box .public-more1 {
    margin-top: .4rem;
  }

  .Platform .bottom-box .box .public-more1 a {
    background-color: #087cf3;
    color: #fff
  }

  .Platform .bottom-box .box .flex {
    display: flex;
    justify-content: space-between;
    align-items: center
  }

  .Platform .bottom-box .box dl dd {
    padding: 0 .25rem .3rem;
    margin-bottom: .3rem;
    border-bottom: 1px solid #e1e0dc;
  }

  .Platform .bottom-box .box dl dd:last-child {
    margin-bottom: 0;
  }

  .Platform .bottom-box .box dl dd .name {
    margin-top: .1rem;
    font-size: .18rem;
    color: #333333
  }

  .Platform .bottom-box .box dl dd .value {
    
    display: flex;
    align-items: baseline;
    font-size: .26rem;
    color: #005cb9
  }

  .Platform .bottom-box .box dl dd .value span {
    margin-right: .1rem;
    font-size: .5rem;
  }
  /*???€??°?¨?€??€°cdp*/
  .RapidPulse {
   /* background-image: url('/cn/res/images/Club-bg.png');*/
    background-image: url('/cn/res/images/yy-bg.jpg');
    background-size: cover;
  }

/*  .RapidPulse .one-box {
    padding: 1rem 0;
    background-image: url('/cn/res/images/RapidPulse-one-bg.jpg');
    background-size: cover;
  }
*/
 /* .RapidPulse .one-box .top-box {
    padding-bottom: .7rem;
    border-bottom: 1px solid #ececec;
  }*/

  .RapidPulse .one-box .top-box .main-title {
    font-size: .5rem;
    color: #0958a6;
  }

  .RapidPulse .one-box .top-box .main-text {
    margin-top: .2rem;
    font-size: .24rem;
    color: #000000;
    line-height: 1.5;
  }

  .RapidPulse .one-box .bottom-box {
    margin-top: 1rem;
  }

  .RapidPulse .one-box .bottom-box .public-title {
    text-align: center;
    line-height: 1.4;
  }

  .RapidPulse .one-box .bottom-box .list {
    margin-top: .4rem;
  }

  .RapidPulse .one-box .bottom-box .list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .RapidPulse .one-box .bottom-box .list ul li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .3rem;
    width: 14.5%;
    height: 2.3rem;
    background-size: cover;
    box-sizing: border-box;
    border-radius: .16rem
  }

  .RapidPulse .one-box .bottom-box .list ul li .name {
    position: relative;
    font-size: .24rem;
    color: #333333;
    line-height: 1.2;
    text-align: center;
    z-index: 3;
  }

  .RapidPulse .one-box .bottom-box .list ul li:nth-of-type(1) {
    background-image: url('/cn/res/images/RapidPulse-one-bg1.png')
  }

  .RapidPulse .one-box .bottom-box .list ul li:nth-of-type(2) {
    background-image: url('/cn/res/images/RapidPulse-one-bg2.png')
  }

  .RapidPulse .one-box .bottom-box .list ul li:nth-of-type(3) {
    background-image: url('/cn/res/images/RapidPulse-one-bg3.png')
  }

  .RapidPulse .one-box .bottom-box .list ul li:nth-of-type(4) {
    background-image: url('/cn/res/images/RapidPulse-one-bg4.png')
  }

  .RapidPulse .one-box .bottom-box .list ul li:nth-of-type(5) {
    background-image: url('/cn/res/images/RapidPulse-one-bg5.png')
  }

  .RapidPulse .one-box .bottom-box .list ul li:nth-of-type(6) {
    background-image: url('/cn/res/images/RapidPulse-one-bg6.png')
  }

  .RapidPulse .one-box .bottom-box .list ul li:after {
    display: none;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url('/cn/res/images/RapidPulse-one-hover.png');
    opacity: .7;
  }

  .RapidPulse .one-box .bottom-box .list ul li:hover:after {
    display: block;
  }

  .RapidPulse .one-box .bottom-box .list ul li:hover .name {
    color: #fff;
  }

  .RapidPulse .item-box {
    padding: 1rem 0;
  }

  .RapidPulse .item-box .item {
    margin-bottom: 1.5rem;
  }

  .RapidPulse .item-box .item:last-child {
    margin-bottom: 0;
  }

  .RapidPulse .item-box .item .public-title {
    margin-bottom: 1rem;
  }

  .RapidPulse .item-box .module1 .flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .RapidPulse .item-box .module1 .flex .table-nav {
    width: 34%;
  }

  .RapidPulse .item-box .module1 .flex .table-nav ul li {
    margin-bottom: .1rem;
    padding: .3rem .2rem;
    border-radius: .16rem;
    cursor: pointer;
  }

  .RapidPulse .item-box .module1 .flex .table-nav ul li .title {
    font-size: .2rem;
    color: #000;
  }

  .RapidPulse .item-box .module1 .flex .table-nav ul li .text {
    display: none;
    margin-top: .1rem;
    font-size: .16rem;
    color: #19191a;
    line-height: 1.6;
  }

  .RapidPulse .item-box .module1 .flex .table-nav ul li.on {
    background-color: #f8faff
  }

  .RapidPulse .item-box .module1 .flex .table-nav ul li.on .title {
    color: #005cb9;
  }

  .RapidPulse .item-box .module1 .flex .table-nav ul li.on .text {
    display: block;
  }

  .RapidPulse .item-box .module1 .flex .table-box {
    width: 58%;
  }

  .RapidPulse .item-box .module1 .flex .table-box ul li img {
    width: 100%;
    border-radius: .16rem
  }

  .RapidPulse .item-box .module1 .flex .table-box ul li {
    display: none;
    position: relative;
  }

  .RapidPulse .item-box .module1 .flex .table-box ul li.on {
    display: block;
  }

  .RapidPulse .item-box .module1 .flex .table-box ul li:last-child {
    margin-bottom: 0;
  }

  .RapidPulse .item-box .module1 .flex .table-box ul li .more {
    position: absolute;
    right: .4rem;
    bottom: .4rem;
    z-index: 3;
  }

  /* .RapidPulse .item-box .module1 .flex .table-box ul li .more a:after {
    display: block;
    content: '';
    width: .3rem;
    height: .3rem;
    background-image: url('/cn/res/images/more1.png');
    background-size: 100%;
  } */

  .RapidPulse .item-box .module2 .list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: -1.5% 0;
  }

  .RapidPulse .item-box .module2 .list ul li {
    position: relative;
    border-radius: .16rem;
    overflow: hidden;
    margin: 1.5% 0;
  }

  .RapidPulse .item-box .module2 .list ul li .img img {
    width: 100%;
  }

  .RapidPulse .item-box .module2 .list ul li .box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: .5rem .4rem;
    box-sizing: border-box;
    z-index: 1;
  }

  .RapidPulse .item-box .module2 .list ul li .box .title {
    font-size: .3rem;
  }

  .RapidPulse .item-box .module2 .list ul li .box .text {
    margin-top: .15rem;
    font-size: .16rem;
    line-height: 1.7;
  }

  .RapidPulse .item-box .module2 .list ul li .more {
    position: absolute;
    right: .4rem;
    bottom: .4rem;
    z-index: 3;
  }

  /* .RapidPulse .item-box .module2 .list ul li .more a:after {
    display: block;
    content: '';
    width: .3rem;
    height: .3rem;
    background-image: url('/cn/res/images/more3.png');
    background-size: 100%;
  } */

  .RapidPulse .item-box .module2 .list ul li:nth-of-type(1) {
    width: 39.3%;
  }

  .RapidPulse .item-box .module2 .list ul li:nth-of-type(2) {
    width: 57.6%;
  }

  .RapidPulse .item-box .module2 .list ul li:nth-of-type(3) {
    width: 100%;
  }

  .RapidPulse .item-box .module2 .list ul li:nth-of-type(5) {
    width: 48.4%;
  }

  .RapidPulse .item-box .module2 .list ul li:nth-of-type(6) {
    width: 48.4%;
  }

  .RapidPulse .item-box .module2 .list ul li .public-more {
    position: absolute;
    z-index: 3;
  }

  .RapidPulse .item-box .module2 .list ul li:nth-of-type(1) .box .title {
    color: #333;
  }

  .RapidPulse .item-box .module2 .list ul li:nth-of-type(1) .box .text {
    color: #333;
  }

  .RapidPulse .item-box .module2 .list ul li:nth-of-type(2) .box .title {
    color: #333;
  }

  .RapidPulse .item-box .module2 .list ul li:nth-of-type(2) .box .text {
    color: #333;
  }

  .RapidPulse .item-box .module2 .list ul li:nth-of-type(3) .box .title {
    color: #333;
  }

  .RapidPulse .item-box .module2 .list ul li:nth-of-type(3) .box .text {
    color: #333;
  }

  .RapidPulse .item-box .module2 .list ul li:nth-of-type(4) .box .title {
    color: #333;
  }

  .RapidPulse .item-box .module2 .list ul li:nth-of-type(4) .box .text {
    color: #333;
  }

  .RapidPulse .item-box .module2 .list ul li:nth-of-type(5) .box .title {
    color: #333;
  }

  .RapidPulse .item-box .module2 .list ul li:nth-of-type(5) .box .text {
    color: #333;
  }

  .RapidPulse .item-box .module2 .list ul li:nth-of-type(6) .box .title {
    color: #333;
  }

  .RapidPulse .item-box .module2 .list ul li:nth-of-type(6) .box .text {
    color: #333;
  }

  .RapidPulse .item-box .module2 .list ul li:nth-of-type(2) .public-more {
    left: .4rem;
    bottom: .4rem;
  }

  .RapidPulse .item-box .module2 .list ul li:nth-of-type(4) .public-more {
    right: .4rem;
    bottom: .4rem;
  }

  .RapidPulse .item-box .module2 .list ul li:nth-of-type(2) .box .text {
    max-width: 2.2rem;
  }

  .RapidPulse .item-box .module2 .list ul li:nth-of-type(3) .box .text {
    max-width: 3.1rem;
  }

  .RapidPulse .client {
    padding: 1rem 0;
    background-image: url('/cn/res/images/RapidPulse-client-bg.jpg');
    background-size: cover;
  }

  .RapidPulse .client .public-title {
    text-align: center;
  }

  .RapidPulse .client .list {
    margin-top: .6rem;
  }

  .RapidPulse .client .list ul {
    display: flex;
    flex-wrap: wrap;
    margin: -.5%;
  }

  .RapidPulse .client .list ul li {
    margin: .5%;
    background-color: #fff;
    border: 1px solid #eeeeee;
    border-radius: .05rem;
    overflow: hidden;
    filter: grayscale(100%);
  }

  .RapidPulse .client .list ul li img {
    max-width: 100%;
  }

  .RapidPulse .client .list ul li:hover {
    box-shadow: 0 0 .2rem rgba(0, 0, 0, .1);
    filter: grayscale(0%);
  }

  /*?¤???·?€??°?€?*/
  .Jtdm {
    /*background-image: url('/cn/res/images/Club-bg.png');*/
    background-image: url('/cn/res/images/yy-bg.jpg');
    background-size: cover;
  }

  .Jtdm .one-box {
    padding: 1rem 0;
    /* background-image: url('/cn/res/images/Jtdm-one-box-bg.jpg'); */
    background-size: cover;
  }

  .Jtdm .one-box .flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 .5rem;
  }

  .Jtdm .one-box .flex .box {
    width: 38.8%;
  }

  .Jtdm .one-box .flex .box .title {
    position: relative;
    padding-bottom: .25rem;
    margin-bottom: .25rem;
    font-size: .32rem;
    color: #0958a6;
    line-height: 1.5;
    border-bottom: 1px solid #dedede;
  }

  .Jtdm .one-box .flex .box .title:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    bottom: -0.01rem;
    width: .65rem;
    height: 2px;
    background-color: #005cb9;
    z-index: 3;
  }

  .Jtdm .one-box .flex .box .text {
    font-size: .24rem;
    color: #000000;
    line-height: 1.6;
  }

  .Jtdm .one-box .flex .img {
    width: 50%;
    text-align: center;
  }

  .Jtdm .one-box .flex .img img {
    max-width: 100%;
  }

  .Jtdm .list {
    padding: 1rem 0;
  }

  .Jtdm .list ul li {
    margin-bottom: 1.4rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: .16rem
  }

  .Jtdm .list ul li:last-child {
    margin-bottom: 0;
  }

  .Jtdm .list ul li .img {
    width: 54.1%;
  }

  .Jtdm .list ul li .img img {
    width: 100%;
  }

  .Jtdm .list ul li .flex {
    width: 36.8%;
  }

  .Jtdm .list ul li .flex .box .title {
    font-size: .32rem;
    color: #0056ab;
    font-weight: bold;
  }

  .Jtdm .list ul li .flex .box .name {
    margin-top: .15rem;
    font-size: .28rem;
    color: #000000
  }

  .Jtdm .list ul li .flex .box .text {
    margin-top: .35rem;
    padding-top: .4rem;
    font-size: .16rem;
    color: #333333;
    line-height: 1.8;
    border-top: 1px solid #bcc4cb;
  }

  .Jtdm .list ul li .flex .public-more1 {
    margin-top: .8rem;
  }

  .Jtdm .list ul li .flex .public-more1 a {
    background-color: #057ef3;
    color: #fff
  }

  .Jtdm .list ul li:nth-of-type(odd) {
    flex-flow: row-reverse;
  }

  .Jtdm .list2 {
    background-color: #f6f8fa;
  }

  .Jtdm .list2 ul li:nth-of-type(odd) {
    flex-flow: nowrap;
  }

  /*?¨?¨?€??¨?¨???“*/
  .Guidance {
    padding: 1rem 0;
    background-image: url('/cn/res/images/yy-bg.jpg');
    background-size: cover;
  }

  .Guidance .one-box .title {
    font-size: .44rem;
    color: #0958a6;
    line-height: 1.5;
  }

  .Guidance .one-box .text {
    margin-top: .15rem;
    font-size: .24rem;
    color: #333
  }

  .Guidance .one-box .flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .65rem;
  }

  .Guidance .one-box .flex .left-box {
    width: 42.7%;
  }

  .Guidance .one-box .flex .left-box ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: -2.1% 0;
  }

  .Guidance .one-box .flex .left-box ul li {
    position: relative;
    margin: 2.1% 0;
  }

  .Guidance .one-box .flex .left-box ul li:nth-of-type(1) {
    width: 40.8%;
  }

  .Guidance .one-box .flex .left-box ul li:nth-of-type(2) {
    width: 55%;
  }

  .Guidance .one-box .flex .left-box ul li:nth-of-type(3) {
    width: 55%;
  }

  .Guidance .one-box .flex .left-box ul li:nth-of-type(4) {
    width: 40.8%;
  }

  .Guidance .one-box .flex .left-box ul li .img img {
    width: 100%;
  }

  .Guidance .one-box .flex .left-box ul li .name {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: .3rem;
    font-size: .24rem;
    color: #333;
    line-height: 1.4;
    box-sizing: border-box;
    z-index: 3;
  }

  .Guidance .one-box .flex .right-box {
    position: relative;
    width: 55%;
  }

  .Guidance .one-box .flex .right-box .img img {
    width: 100%;
    border-radius: .16rem
  }

  .Guidance .one-box .flex .right-box .name {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: .5rem;
    font-size: .3rem;
    color: #000;
    box-sizing: border-box;
    z-index: 3;
  }

  .Guidance .list {
    margin-top: 1rem;
  }

  .Guidance .list ul li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
  }

  .Guidance .list ul li:last-child {
    margin-bottom: 0;
  }

  .Guidance .list ul li .left-box {
    padding: .4rem 0;
    width: 30%;
  }

  .Guidance .list ul li .left-box .title {
    font-size: .32rem;
    color: #0056ab;
    font-weight: bold;
  }

  .Guidance .list ul li .left-box .name {
    margin-top: .2rem;
    font-size: .24rem;
    color: #000
  }

  .Guidance .list ul li .left-box .text {
    margin-top: .3rem;
    padding-top: .35rem;
    font-size: .16rem;
    color: #19191a;
    line-height: 2;
    border-top: 1px solid #bdc6cb;
  }

  .Guidance .list ul li .right-box {
    width: 55.5%;
    padding: .4rem .5rem;
    background-size: cover;
    border-radius: .16rem;
    box-sizing: border-box
  }

  .Guidance .list ul li .right-box .icon {
    display: flex;
    align-items: center
  }

  .Guidance .list ul li .right-box .icon span {
    width: .7rem;
    margin-right: .5rem;
  }

  .Guidance .list ul li .right-box .icon span:last-child {
    margin-right: 0;
  }

  .Guidance .list ul li .right-box .icon span img {
    width: 100%;
  }

  .Guidance .list ul li .right-box .text {
    margin-top: .5rem;
  }

  .Guidance .list ul li .right-box .text dl {
    /* display: flex;justify-content: space-between;flex-wrap: wrap; */
  }

  .Guidance .list ul li .right-box .text dl dd {
    display: flex;
    align-items: center;
    margin-bottom: .25rem;
    position: relative;
    padding-left: .2rem;
    font-size: .16rem;
    color: #fff;
    box-sizing: border-box;
  }

  .Guidance .list ul li .right-box .text dl dd:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: .06rem;
    height: .12rem;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    z-index: 3;
    box-sizing: border-box;
    transform: rotate(35deg);
  }

  .Guidance .list ul li:nth-of-type(even) {
    flex-flow: row-reverse;
  }

  .Guidance .list ul li .public-more1 {
    margin-top: .9rem;
  }

  .Guidance .list ul li .public-more1 a {
    background-color: #057ef3;
    color: #fff
  }

  /*?¨?§?€??€“*/
  .Solution {
    background-image: url('/cn/res/images/Solution.png');
    background-size: cover;
  }

  .Solution .menu {
    margin-bottom: 1rem;
  }

  .Solution .menu ul {
    display: flex;
    align-items: center;
  }

  .Solution .menu ul li {
    width: 28.5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2.4rem;
    background-image: url('/cn/res/images/Solution-menu.png');
    background-size: cover;
  }

  .Solution .menu ul>li.on {
    width: 71.5%;
    background-image: url('/cn/res/images/Solution-menu.png')
  }

  .Solution .menu ul>li>a {
    font-size: .24rem;
    color: #333333;
    margin: 0 auto;
  }

  .Solution .menu ul>li>a:after {
    display: block;
    content: '';
    margin: .3rem auto 0 auto;
    width: .1rem;
    height: .1rem;
    border-top: .02rem solid #333;
    border-right: .02rem solid #333;
    transform: rotate(45deg);
  }
  .Solution .menu ul>li .somenu{
    width: 0;
    height: 100%;
    overflow: hidden;
    transition: 0.8s ease;
  }
  .Solution .menu ul>li dl {
    position: relative;
    width:6.2rem;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .45rem .65rem;
    background-color: #fff;
    box-sizing: border-box;
  }
  .Solution .menu ul>li.on dl{width: 100%;}
  .Solution .menu ul>li.on .somenu {
    width: 61%;
    
  }

  .Solution .menu ul>li.on dl:after {
    display: block;
    content: '';
    position: absolute;
    left: -.14rem;
    width: 0;
    height: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    border-right: .14rem solid #fff;
    border-top: .08rem solid transparent;
    border-bottom: .08rem solid transparent;
    z-index: 3;
  }

  .Solution .menu ul li dl>dd {
    width: 45%;
    margin: .1rem 0;
    padding-bottom: .2rem;
    border-bottom: 1px solid transparent;
  }
  /* .Solution .menu ul li>dl>dd:last-child{margin-bottom: 0;} */
  .Solution .menu ul li dl>dd a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .18rem;
    color: #333333;
    white-space: nowrap;
  }

  .Solution .menu ul li dl>dd.on {
    border-bottom: 1px solid #ebebeb;
  }

  .Solution .menu ul li dl>dd.on>a {
    color: #077df1;
  }

  /* .Solution .menu ul li>dl>dd.on>a:after {
    display: block;
    content: '';
    width: .1rem;
    height: .1rem;
    border-top: .02rem solid #077df1;
    border-right: .02rem solid #077df1;
    transform: rotate(45deg);
  } */
  .Solution .menu ul li dl>dd dl{display: none;position: absolute;right: 0;top: 0;width: 60%;justify-content: space-between;flex-wrap: wrap;padding: .45rem .45rem;box-sizing: border-box;}
  .Solution .menu ul li dl>dd dl dd{width: 45%;margin: .2rem 0}
  .Solution .menu ul li dl>dd dl dd a{font-size: .18rem;color: #333333;}
  .Solution .menu ul li dl>dd.on dl{display: flex;}
  /* .Solution .menu ul li:nth-of-type(2) {
    flex-flow: row-reverse;
  } */

  .Solution .one-box {
    position: relative;
  }

  .Solution .one-box .img img {
    width: 100%;
    border-radius: .16rem
  }

  .Solution .one-box .flex {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: .3rem .7rem;
    box-sizing: border-box;
  }

  .Solution .one-box .flex .name {
    font-size: .2rem;
    color: #333;
    margin-top: .45rem;
  }

  .Solution .one-box .flex .text {
    margin-top: .2rem;
    max-width: 5rem;
    font-size: .16rem;
    color: #333;
    line-height: 2;
  }

  .Solution .item-box .item {
    margin-top: 1rem;
  }

  .Solution .item-box .item .public-title {
    margin-bottom: .6rem;
  }

  .Solution .item-box .item .public-name {
    margin-bottom: .15rem;
    font-size: .22rem;
    color: #757577;
  }

  .Solution .item-box .module1 .box {
    padding: .6rem .3rem;
    background-image: url('/cn/res/images/Solution-module1-bg.png');
    background-size: cover;
    border-radius: .16rem;
    overflow: hidden;
  }

  .Solution .item-box .module1 .box .title {
    font-size: .3rem;
    color: #333333;
  }

  .Solution .item-box .module1 .box .text {
    margin-top: .2rem;
    font-size: .16rem;
    color: #333333;
    line-height: 1.5;
  }

  .Solution .item-box .module1 .box .img {
    margin-top: .5rem;
  }

  .Solution .item-box .module1 .box .img img {
    width: 100%;
  }

  .Solution .item-box .module2 .list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .Solution .item-box .module2 .list ul li {
    position: relative;
    width: 49%;
  }

  .Solution .item-box .module2 .list ul li .img img {
    width: 100%;
    border-radius: .16rem
  }

  .Solution .item-box .module2 .list ul li .box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: .5rem .4rem;
    box-sizing: border-box;
    z-index: 3;
  }

  .Solution .item-box .module2 .list ul li .box .title {
    font-size: .3rem;
    color: #fff;
  }

  .Solution .item-box .module2 .list ul li .box .text {
    margin-top: .15rem;
    font-size: .16rem;
    color: #fff;
    line-height: 1.7;
  }

  .Solution .item-box .module2 .list ul li:nth-of-type(2) .box .text {
    max-width: 2.8rem
  }

  .Solution .item-box .module2 .flex {
    margin-top: .3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: .35rem .5rem;
    background-size: cover;
    box-sizing: border-box;
    border-radius:0.15rem;
  }

  .Solution .item-box .module2 .flex .left-box {
    display: flex;
    align-items: center;
    width: 60%;
  }
  .Solution .item-box .module2 .flex .left-box .img{width: 1rem;}
  .Solution .item-box .module2 .flex .left-box .img img {
    width: 100%;
    border-radius: .1rem
  }

  .Solution .item-box .module2 .flex .left-box .text {
    margin-left: .4rem;
    width: calc(100% - 1rem + 0.4rem);
    font-size: .16rem;
    color: #ffffff;
    line-height: 1.7;
    text-align: justify;
  }

  .Solution .item-box .module3 .list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .Solution .item-box .module3 .list ul li {
    position: relative;
    width: 49%;
  }

  .Solution .item-box .module3 .list ul li .img img {
    width: 100%;
    border-radius: .16rem
  }

  .Solution .item-box .module3 .list ul li .box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: .5rem .4rem;
    box-sizing: border-box;
    z-index: 3;
  }

  .Solution .item-box .module3 .list ul li .box .title {
    font-size: .3rem;
    color: #333;
  }

  .Solution .item-box .module3 .list ul li .box .text {
    margin-top: .15rem;
    font-size: .16rem;
    color: #333;
    line-height: 1.7;
  }

  .Solution .item-box .module3 .list ul li:nth-of-type(2) .box .text {
    max-width: 2.8rem
  }

  .Solution .bottom-box {
    margin-top: 1rem;
    padding: 1rem 0;
    background-image: url('/cn/res/images/Solution-bottom-bg.png')
  }

  .Solution .bottom-box .public-title {
    text-align: center;
  }

  .Solution .bottom-box .public-more {
    margin-top: .6rem;
  }

  .Solution .bottom-box .public-more a {
    margin: 0 auto;
    background-color: #087df1;
    color: #fff;
  }

  /*???§???€”*/
  .Popup {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    z-index: 1000;
  }

  .Popup .Popup-box {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 14.4rem;
    width: 100%;
    background-color: #fff;
    border-radius: .2rem;
    transform: translate(-50%, -50%);
    z-index: 1;
  }

  .Popup .Popup-box .close {
    position: absolute;
    right: -.5rem;
    top: -.5rem;
    width: .44rem;
    height: .45rem;
    background-image: url('/cn/res/images/close1.png');
    background-size: 100%;
    z-index: 3;
    cursor: pointer;
  }

  .Popup .Popup-box .flex {
    display: flex;
    align-items: center;
  }

  .Popup .Popup-box .flex .left-box {
    width: 50%;
  }

  .Popup .Popup-box .flex .left-box img {
    width: 100%;
    max-height: 85vh;
  }

  .Popup .Popup-box .flex .right-box {
    padding: 0 .7rem;
    width: 50%;
    box-sizing: border-box;
  }

  .Popup .Popup-box .flex .right-box .title {
    font-size: .36rem;
    color: #333;
    text-align: center;
    font-weight: bold;
  }

  .Popup .Popup-box .flex .right-box .name {
    margin-top: .2rem;
    font-size: .16rem;
    color: #333333;
    text-align: center;
  }

  .Popup .Popup-box .flex .right-box .list {
    margin-top: .35rem;
  }

  .Popup .Popup-box .flex .right-box .list ul li {
    margin-bottom: .2rem;
    position: relative;
  }

  .Popup .Popup-box .flex .right-box .list ul li:last-child {
    margin-bottom: 0;
  }
  .Popup .Popup-box .flex .right-box .list ul li span{position: absolute;left: .1rem;top: .15rem;font-size: .18rem;color: red;}
  .Popup .Popup-box .flex .right-box .list ul li .text {
    width: 100%;
    height: .5rem;
    padding: 0 .2rem;
    font-size: .16rem;
    border: 1px solid #e3e3e3;
    border-radius: .06rem;
    box-sizing: border-box;
  }

  .Popup .Popup-box .flex .right-box .list ul li .privacy,
  .Popup .Popup-box .flex .right-box .list ul li .privacyOne {
    display: flex;
    align-items: center;
    justify-content: center
  }

  .Popup .Popup-box .flex .right-box .list ul li .privacy .txt,
  .Popup .Popup-box .flex .right-box .list ul li .privacyOne .txt {
    margin-left: .1rem;
    font-size: .16rem;
    color: #666666;
  }

  .Popup .Popup-box .flex .right-box .list ul li .privacy .txt a,
    .Popup .Popup-box .flex .right-box .list ul li .privacyOne .txt a {
    color: #057ef3;
  }

  .Popup .Popup-box .flex .right-box .list ul li .submit {
    width: 100%;
    height: .5rem;
    background-color: #057ef3;
    font-size: .17rem;
    color: #ffffff;
    border-radius: .5rem;
    cursor: pointer;
  }

  .slick-slider {
    position: relative;
  }

  .slick-slider .slick-prev {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: .5rem;
    height: .5rem;
    background-image: url('/cn/res/images/more4.png');
    background-size: 100%;
    z-index: 3;
    
  }

  .GuestMa .application .slick-slider .slick-prev{
    background-image: url('/cn/res/images/more5.png');
  }

  .slick-slider .slick-next {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: .5rem;
    height: .5rem;
    background-image: url('/cn/res/images/more4.png');
    background-size: 100%;
    z-index: 3;
    transform: rotate(-180deg)
  }

  .GuestMa .application .slick-slider .slick-next{
    background-image: url('/cn/res/images/more5.png');
  }

  .Public-box{padding: 1rem 0;}
  .Public-box .text{margin-top: .5rem;font-size: .18rem;line-height: 1.7;}






  @media screen and (min-width: 1200px) {
    .Operations .table-flex {
      min-height: 5.45rem
    }

    .Consumer .table-flex {
      min-height: 6rem
    }

    .Mathematical .table-flex {
      min-height: 5.1rem
    }
  }

  @media screen and (max-width: 1480px) {
    .w1440 {
      max-width: 12.8rem;
    }

    .Popup .Popup-box {
      max-width: 12.8rem;
    }
  }

  @media screen and (max-width: 1200px) {
    .rightMenuBtn {
      display: block;
    }

    header {
      position: sticky;
      top: 0;
      width: 100%;
      left: 0;
      z-index: 50;
      padding-right: 50px;
      padding: .2rem 0;
      background-color: #fff;
      box-sizing: border-box;
    }

    header .right-box nav {display: none;}
    header .right-box .media-nav{
      display: block;
      position: fixed;
      margin-top: 0;
      top: .6rem;
      right: 0;
      margin-right: 0;
      width: 100%;
      height: 100%;
      background-color: #fff;
      overflow: unset;
      box-sizing: border-box;
      overflow-x: hidden;
      z-index: 300;
      border-top: 1px solid #ddd;
    }
    header .right-box .media-nav ul li dl{display: none;margin-top: .2rem;padding: 0 .15rem;}
    header .right-box .media-nav ul li:hover dl{display: block;}
    header .right-box .media-nav ul li dl .item{margin-bottom: .2rem;}
    header .right-box .media-nav ul li dl .item:last-child{margin-bottom: 0;}
    header .right-box .media-nav ul li dl .name{position: relative;margin-bottom: .15rem;font-size: .2rem;}
    header .right-box .media-nav ul li dl .name:before{display: block;content: '';position: absolute;right: .2rem;top: .05rem;width: .08rem;height: .08rem;border-top: 1px solid #333;border-right: 1px solid #333;transform: rotate(45deg)}
    header .right-box .media-nav ul li dl .drop-down{display: none;}
    header .right-box .media-nav ul li dl .item:hover .drop-down{display: block;}
    header .right-box .media-nav ul li dl .item:hover .name:before{transform: rotate(135deg);}
    header .right-box .media-nav ul li dl dd{margin-bottom: .1rem;}
    header .right-box .media-nav ul li dl .drop-down .items{margin-bottom: .1rem;}
    header .right-box .media-nav ul li dl .drop-down .items:last-child{margin-bottom: 0;}
    header .right-box .media-nav ul li dl .drop-down .items a{font-size: .18rem;color: #555;line-height: 1.6;}
    /* header .right-box .media-nav ul li dl dd:last-child{margin-bottom: 0;} */
    header .right-box .media-nav ul li dl dd a{font-size: .18rem;color: #555;line-height: 1.6;}
    header .right-box .media-nav.on {
      right: 0;
    }
    header .right-box .media-nav>ul>li:hover>a:after, header .right-box .media-nav>ul>li.on>a:after{display: none}
    header .right-box nav>ul>li .drop-down .box .one-title{margin-bottom: .15rem;}
    header .right-box nav>ul>li .drop-down .w1440{max-width: 100%}
    header .right-box nav>ul>li .drop-down .box{max-width: 96%;margin: 0 auto}
    header .top-box .right-box .search .text {
      width: 2rem;
    }

    .top-streamer .flex .left-box .img img {
      width: 2.4rem;
    }

    .top-streamer .flex .left-box .text {
      display: none;
    }

    .top-streamer .flex {
      justify-content: left;
    }

    .top-streamer .flex .more {
      margin-left: .2rem;
    }

    .top-streamer .close {
      right: 2%;
    }

    body.home header .right-box .media-nav{
      top: 1.45rem;
      right: 0;
    }
    body.home.not header .right-box .media-nav, body.home header.on .right-box .media-nav{
      top: .6rem;
    }
    header .logo img{
      max-width: 1.8rem;
    }
    header .logo img:nth-of-type(1) {
      display: none;
    }

    header .logo img:nth-of-type(2) {
      display: block;
    }

    body.home.not .rightMenuBtn {
      top: .1rem;
    }

    header .right-box .media-nav ul {
      display: block;
      height: calc(100% - .64rem);
      overflow-x: hidden;
    }

    header .right-box .media-nav>ul>li {
      display: block;
      margin-bottom: 0;
      margin-right: 0;
      padding: .25rem .2rem;
      border-bottom: 1px solid #ddd;
      position: relative;
    }
    header .right-box .media-nav>ul>li:before{display: block;content: '';position: absolute;right: .2rem;top: .3rem;width: .08rem;height: .08rem;border-top: 1px solid #333;border-right: 1px solid #333;transform: rotate(45deg)}
    header .right-box .media-nav>ul>li:hover:before{transform: rotate(135deg)}
    header .right-box .media-nav>ul>li>a {
      display: block;
      font-size: .22rem;
      color: #333;
      line-height: 1;
    }

    header .right-box .media-nav>ul>li:hover>a:after, header .right-box .media-nav>ul>li.on>a:after {
      top: .45rem;
    }

   
    .banner .swiper .title {
      font-size: .28rem;
    }

    .banner .media {
      display: block;
    }

    .banner .pc {
      display: none;
    }

    .public-title {
      font-size: .26rem;
      line-height: 1.3;
    }

    footer .foot-nav ul li:not(:last-child) {
      display: none;
    }

    footer {
      padding-top: .6rem;
    }

    footer .bottom-box {
      display: block;
    }

    footer .bottom-box .foot-icp {
      text-align: center;
      line-height: 1.5;
    }

    footer .bottom-box .foot-menu {
      margin-top: .2rem;
    }

    footer .bottom-box .foot-menu ul {
      justify-content: center
    }

    .column-banner .move {
      display: block;
    }

    .column-banner .pc {
      display: none;
    }

    .column-banner .box .title {
      font-size: .26rem;
    }

    .GuestMa .application .main-title {
      font-size: .26rem;
    }

    .GuestMa .application .main-title2 {
      font-size: .26rem;
    }

    .GuestRoad .application .main-title {
      font-size: .26rem;
      line-height: 1.4;
    }

    .Guidance .one-box .title {
      font-size: .26rem;
    }

    .Platform .top-box .main-title {
      font-size: .26rem;
      line-height: 1.3;
    }

    .RapidPulse .one-box .top-box .main-title {
      font-size: .26rem;
    }

    .Market .apply .title {
      font-size: .26rem;
      line-height: 1.3;
    }

    .QuantView .top-box .main-title {
      font-size: .26rem;
    }

    .Ecrp .manage .main-title {
      font-size: .26rem;
      line-height: 1.3;
    }

    .Club .top-box .main-title {
      font-size: .26rem;
    }

    .DuomouSCRM .application .main-title {
      font-size: .26rem;
    }

    .CRM .application .main-title {
      font-size: .26rem;
    }
    .Practice .banner-info .flex .left-box .title{font-size: .26rem;}
  }

  @media screen and (max-width: 1024px) {
      header .right-box nav>ul>li .drop-down{width: 100%;}
    .Club .module6 .list ul li .title{
      font-size: 0.2rem;
    }
    .News {
      padding: .6rem 0;
    }

    .About {
      padding: .6rem 0;
      /* background-color: #fff; */
    }

    .Service {
      padding: .6rem 0;
    }

    .Brand {
      padding: .6rem 0;
    }

    .Case {
      padding: .6rem 0;
    }

    .Private {
      padding: .6rem 0;
    }

    .Mathematical {
      padding: .6rem 0;
    }

    .Consumer {
      padding: .6rem 0;
    }

    .Operations {
      padding: .6rem 0;
    }

    .GuestMa .application {
      padding: .6rem 0;
    }

    .GuestMa .standard {
      padding: .6rem 0;
    }

    .GuestMa .enhance {
      padding: .6rem 0;
    }

    .GuestMa .supreme {
      padding: .6rem 0;
    }

    .GuestMa .qa {
      padding: .6rem 0;
    }

    .GuestRoad .application {
      padding: .6rem 0;
    }

    .GuestRoad .ma {
      padding: .6rem 0;
    }

    .GuestRoad .crm {
      padding: .6rem 0;
    }

    .GuestRoad .interact {
      padding: .6rem 0;
    }

    .GuestRoad .customer {
      padding: .6rem 0;
    }

    .GuestRoad .client {
      padding: .6rem 0;
    }

    .Jtdm .one-box {
      padding: .6rem 0;
    }

    .Jtdm .list {
      padding: .6rem 0;
    }

    .Platform {
      padding-top: .6rem;
    }

    /* .Platform .top-box .w1440 {
      padding-bottom: .6rem;
    } */

    .Platform .one-box {
      padding: 0rem 0;
    }

    .Platform .items-box .item {
      padding: .6rem 0;
    }

    /* .Platform .bottom-box {
      padding: .6rem 0;
    } */

    .RapidPulse .one-box {
      padding: .6rem 0;
    }

    .RapidPulse .one-box .top-box {
      padding-bottom: .6rem;
    }

    .RapidPulse .one-box .bottom-box {
      margin-top: .6rem;
    }

    .RapidPulse .item-box {
      padding: .6rem 0;
    }

    .RapidPulse .item-box .item .public-title {
      margin-bottom: .6rem;
    }

    .RapidPulse .item-box .item {
      margin-bottom: .6rem;
    }

    .RapidPulse .client {
      padding: .6rem 0;
    }

    .Guidance {
      padding: .6rem 0;
    }

    .Guidance .list {
      margin-top: .6rem;
    }

    .column-menu {
      margin: .6rem 0;
    }

    .Practice-info {
      padding: .6rem 0;
    }

    .Market .top-table {
      padding: .6rem 0;
    }

    .Market .apply {
      padding: .6rem 0;
    }

    .AboutUs .vision {
      padding: .6rem 0;
    }

    .AboutUs .course {
      padding: .6rem 0;
    }

    .AboutUs .contact {
      padding: .6rem 0;
    }

    .AboutUs .service {
      padding: .6rem 0;
    }

    .NewsCenter {
      padding-bottom: .6rem;
    }

    .QuantView {
      padding-top: 0;
    }

    .QuantView .top-box .w1440 {
      padding-bottom: .6rem;
    }

    .QuantView .item {
      padding: 0;
    }

    .QuantView .module2 .list ul li {
      margin-bottom: .6rem;
      padding: .3rem;
    }

    .QuantView .module3 .flex {
      padding: 0;height: auto;
    }

    .Ecrp .manage {
      padding: .6rem 0;
    }

    .Ecrp .manage .list1 {
      margin-top: .6rem;
    }

    .Ecrp .product .list1 dl dd {
      padding: .6rem 0;
    }

    .Ecrp .product .list2 ul li {
      padding: .6rem 0;
    }

    .Ecrp .client {
      padding: .6rem 0;
    }

    .Club {
      padding-top: .6rem;
    }

    .Club .top-box .w1440 {
      padding-bottom: .6rem;
    }

    .Club .item {
      padding: .6rem 0;
    }

    .Solution .menu {
      margin-bottom: .6rem;
    }

    .Solution .item-box .item {
      margin-top: .6rem;
    }

    .Solution .item-box .item .public-title {
      margin-bottom: .3rem;
    }

    .Solution .bottom-box {
      margin-top: .6rem;
      padding: .6rem 0;
    }

    .DuomouSCRM .application {
      padding: .6rem 0;
    }

    .DuomouSCRM .application .list {
      margin-top: .6rem;
    }

    .DuomouSCRM .item-box .item {
      padding: .6rem 0;
    }

    /* .DuomouSCRM .bottom-box {
      padding: .6rem 0;
    } */

    .CRM .application {
      padding: .6rem 0;
    }

    .CRM .item-box .item {
      padding: .6rem 0;
    }

    .CRM .bottom-box {
      padding: .6rem 0;
    }

    .CRM .application .list {
      margin-top: .6rem;
    }

    .Platform .item-box .item {
      padding: .6rem 0;
    }

    .Practice-contact .bottom-box {
      padding: .6rem 0;
    }
    .Public-box{padding: .6rem 0;}
  }

  @media screen and (max-width: 768px) {
    /* #mian {
      padding-top: .6rem;
    } */

    .w1440 {
      max-width: 90%
    }

    .column-banner .move {
      height: 60vh;
      object-fit: cover;
    }

    .banner .media {
      /* height: 60vh; */
      object-fit: cover;
    }

    .banner .swiper .text {
      line-height: 1.6;
    }

    .Operations .table-flex {
      display: block;
    }

    .Operations .table-flex .table-nav {
      width: 100%;
    }

    .Operations .table-flex .table-box {
      width: 100%;
      margin-top: .2rem;
    }

    .Operations .table-flex .table-box .item .list ul {
      display: block
    }

    .Operations .table-flex .table-box .item .list ul li {
      width: 100%;
      margin-bottom: .2rem;
    }

    .Consumer .table-flex {
      display: block;
    }

    .Consumer .table-flex .table-box {
      width: 100%;
    }

    .Consumer .table-flex .table-nav {
      width: 100%;
      /* margin-top: .2rem; */
    }

    .Consumer .table-flex .table-box .item:nth-of-type(5) .casket .list ul {
      display: block;
    }

    .Consumer .table-flex .table-box .item:nth-of-type(5) .casket .list ul li {
      width: 100%;
      margin-bottom: .15rem;
    }

    .Mathematical .table-flex {
      display: block;
    }

    .Mathematical .table-flex .table-nav {
      width: 100%;
    }

    .Mathematical .table-flex .table-box {
      width: 100%;
      margin-top: .2rem;
    }

    .Mathematical .table-flex .table-box .item:nth-of-type(1) .list ul {
      display: block;
    }

    .Mathematical .table-flex .table-box .item:nth-of-type(1) .list ul li {
      width: 100%;
      margin-bottom: .15rem;
    }

    .Mathematical .table-flex .table-box .item:nth-of-type(2) .list ul {
      display: block;
    }

    .Mathematical .table-flex .table-box .item:nth-of-type(2) .list ul li {
      width: 100%;
      margin-bottom: .15rem;
    }

    .Mathematical .table-flex .table-box .item:nth-of-type(3) .list ul li {
      width: 100%;
      margin-bottom: .15rem;
    }

    .Mathematical .table-flex .table-box .item:nth-of-type(4) .flex {
      display: block;
    }

    .Mathematical .table-flex .table-box .item:nth-of-type(4) .flex .left-box {
      width: 100%;
    }

    .Mathematical .table-flex .table-box .item:nth-of-type(4) .flex .right-box {
      width: 100%;
      margin-top: .15rem;
    }

    .Mathematical .table-flex .table-box .item:nth-of-type(4) .flex .right-box ul li {
      margin-bottom: .15rem;
    }

    .Private .flex {
      display: block;
    }

    .Private .flex .left-box {
      width: 100%;
    }

    .Private .flex .right-box {
      width: 100%;
      margin-top: .2rem;
    }

    .Case .flex .left-box {
      width: 100%;
      padding: .2rem;
    }

    .Case .flex .right-box {
      width: 100%;
      margin-top: .2rem;
      padding: .2rem;
    }

    .Case .flex .right-box .box ul li {
      margin-bottom: .1rem;
      padding-bottom: .1rem;
    }

    .Case .main-title {
      font-size: .28rem;
    }

    .Case .flex .right-box .img {
      width: 50%;
    }

    .Case .flex .right-box .box {
      width: 48%;
    }

    .Case .flex .left-box .table-img {
      width: 50%;
    }

    .Case .flex .left-box .table-nav {
      width: 48%;
    }

    .Case .main-title {
      margin-bottom: .3rem;
    }

    .Case .flex .left-box .table-nav ul li dl {
      padding: .15rem 0;
    }

    .Case .flex .left-box .table-nav ul li {
      margin-bottom: .1rem;
    }

    .Case .flex .left-box .table-nav ul li dl dd {
      margin-bottom: .1rem;
    }

    .Service .list ul li {
      width: 31%;
      text-align: center;
    }
    .Service .list ul li .box .icon img{margin: 0 auto;}
  
    .Service .list ul li .img {
      display: none;
    }

    /* .About .list1 ul li {
      width: 31.33%;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
    } */

    .About .list2 ul li {
      width: 100%;
      margin-bottom: .2rem;
    }

    .News .flex {
      display: block;
    }

    .News .flex .left-box {
      width: 100%;
    }

    .News .flex .right-box {
      width: 100%;
      margin-top: .2rem;
    }

    .News .flex .right-box .list ul li {
      width: 99%;
    }

    .GuestMa .application .list1 ul li {
      width: 48%;
      padding: .3rem .2rem;
      margin-bottom: 4%;
    }

    .GuestMa .application .list1 ul li .title {
      font-size: .24rem;
    }

    .GuestMa .application .main-title2 {
      margin-top: .5rem;
    }
    .Platform .bottom-box .box dl dd .value span{font-size: .3rem;}
    .DuomouSCRM .bottom-box .box dl dd .value span{font-size: .3rem;}
    .DuomouSCRM .application .list ul li .title{font-size: .24rem;}
    .GuestMa .application .list2 ul li {
      width: 100%;
      margin-bottom: .2rem;
    }

    .GuestMa .application .list1 {
      margin-top: .5rem;
    }

    .GuestMa .standard .list ul li {
      width: 100%;
      margin: 0;
      margin-bottom: .2rem;
    }

    .GuestMa .standard .list ul li .box {
      padding: .2rem;
    }

    .GuestMa .standard .list ul li .box .title {
      font-size: .24rem;
    }

    .GuestMa .standard .bottom-box {
      display: block;
    }

    .GuestMa .standard .bottom-box .left-box {
      width: 100%;
    }

    .GuestMa .standard .bottom-box .right-box {
      width: 100%;
      margin-top: .2rem;
    }

    .GuestMa .standard .bottom-box .left .box {
      padding: .2rem;
    }

    .GuestMa .enhance .list ul li {
      width: 100% !important;
      margin: 0;
      margin-bottom: .2rem;
    }

    .GuestMa .enhance .list ul li .box {
      padding: .2rem;
    }

    .GuestMa .enhance .list ul li:nth-of-type(2) .more {
      right: .1rem;
    }

    .GuestMa .enhance .list ul li:nth-of-type(3) .more {
      right: .1rem;
    }

    .GuestMa .enhance .list ul li .box .title {
      font-size: .24rem;
    }

    .GuestMa .enhance .bottom-box {
      display: block;
    }

    .GuestMa .enhance .bottom-box .left-box {
      width: 100%;
    }

    .GuestMa .enhance .bottom-box .right-box {
      width: 100%;
      margin-top: .2rem;
      padding: .2rem;
    }

    .GuestMa .enhance .bottom-box .left-box .box {
      padding: .2rem;
    }

    .GuestMa .supreme .list ul li {
      width: 100%;
      margin: 0;
      margin-bottom: .2rem;
    }

    .GuestMa .supreme .list ul li .box {
      padding: .2rem;
    }

    .GuestMa .supreme .list ul li .box .title {
      font-size: .24rem;
    }

    .GuestMa .supreme .bottom-box {
      display: block;
    }

    .GuestMa .supreme .bottom-box .left-box {
      width: 100%;
    }

    .GuestMa .supreme .bottom-box .left-box .box {
      padding: .2rem;
    }

    .GuestMa .supreme .bottom-box .right-box {
      margin-top: .2rem;
      width: 100%;
    }

    .GuestMa .qa .list ul li {
      width: 100%;
      margin-bottom: 0;
      padding: .3rem .2rem;
    }
    .GuestMa .qa .list ul li .x{
      margin: .2rem 0;
    }
    .GuestRoad .application .list2 {
      margin-top: .5rem;
    }

    .GuestRoad .application .list2 ul li {
      width: 48%;
      margin-bottom: 4%;
      padding: .3rem .2rem;
    }

    .GuestRoad .application .list2 ul li .title {
      font-size: .28rem;
    }

    .GuestRoad .ma .list ul {
      display: block;
    }

    .GuestRoad .ma .list ul li {
      width: 100% !important;
      margin-bottom: .2rem;
    }

    .GuestRoad .ma .list ul li .box {
      padding: .3rem .2rem;
    }

    .GuestRoad .ma .list ul li .box .title {
      font-size: .22rem;
    }

    .GuestRoad .crm .list ul li {
      width: 100%;
      margin-bottom: .2rem;
    }

    .GuestRoad .crm .list ul li .box {
      padding: .3rem .2rem;
    }

    .GuestRoad .crm .list ul li .box .title {
      font-size: .22rem;
    }

    .GuestRoad .interact .box {
      top: 0;
      padding: .3rem .2rem;
      box-sizing: border-box;
    }

    .GuestRoad .interact .box .title {
      font-size: .22rem;
    }

    .GuestRoad .interact .box .text {
      margin-top: .2rem;
    }

    .GuestRoad .interact .box .btn {
      margin-top: .3rem;
    }

    .GuestRoad .customer .box {
      top: 0;
      padding: .3rem .2rem;
      box-sizing: border-box;
    }

    .GuestRoad .customer .box .title {
      font-size: .22rem;
    }

    .GuestRoad .customer .box .text {
      margin-top: .2rem;
    }

    .GuestRoad .customer .box .btn {
      margin-top: .3rem;
    }

    .Guidance .one-box .flex .left-box ul li {
      /*width: 100% !important;*/
    }

    .Guidance .one-box .flex .left-box {
      width: 100%;
    }

    .Guidance .one-box .flex .right-box {
      margin-top: 2.1%;
      width: 100%;
    }

    .Guidance .list ul li {
      display: block;
      margin-bottom: .6rem;
    }

    .Guidance .list ul li .left-box {
      width: 100%;
      padding: 0;
    }

    .Guidance .list ul li .right-box {
      width: 100%;
      margin-top: .2rem;
      padding: .3rem;
    }

    .Jtdm .one-box .flex {
      padding: 0;
    }

    .Jtdm .one-box .flex .box {
      width: 100%;
    }

    .Jtdm .one-box .flex .img {
      width: 100%;
      margin-top: .2rem;
    }
  
    .Jtdm .list ul li {
      flex-flow: column-reverse;
      margin-bottom: .5rem;
    }
    .Jtdm .list ul li:nth-of-type(odd){
      flex-flow: column-reverse;
    }
    .Jtdm .list ul li .img {
      width: 100%;
    }

    .Jtdm .list ul li .flex {
      width: 100%;
      margin-bottom: .2rem;
    }

    .Jtdm .list ul li .flex .box .text {
      margin-top: .2rem;
      padding-top: 0.2rem;
    }

    .Jtdm .list ul li .flex .public-more1 {
      margin-top: .2rem;
    }

    .Platform .items-box .item .box {
      padding: .3rem;
    }

    .Platform .items-box .item .box .list {
      padding: 0 .5rem;
    }

    .public-text {
      margin-bottom: .3rem;
    }

    .Platform .items-box .item .box .top-box {
      display: block;
    }

    .Platform .items-box .item .box .top-box .left-box {
      width: 100%;
    }

    .Platform .items-box .item .box .top-box .right-box {
      margin-top: .2rem;
      width: 100%;
    }

    .Platform .bottom-box .img img{
     /*  display: none; */
     height: 5rem;
      object-fit: cover;
    }
    /* .Platform .bottom-box .box{position: initial;} */
    .Platform .bottom-box .box .flex {
      display: block;
    }
    .Platform .bottom-box .left-box{max-width: 100%}
    .Platform .bottom-box .box .name{margin-top: .3rem;}
    .Platform .bottom-box .box .flex .right-box {
      margin-top: .2rem;
    }

    .Platform .bottom-box .box .title img {
      height: .4rem;
    }

    .RapidPulse .one-box .bottom-box .list ul li {
      width: 48%;
      margin-bottom: .2rem;
    }

    .RapidPulse .item-box .module1 .flex .table-nav {
      width: 100%;
    }

    .RapidPulse .item-box .module1 .flex .table-box {
      width: 100%;
    }

    .RapidPulse .item-box .module2 .list ul li {
      width: 100% !important;
    }

    .RapidPulse .item-box .module2 .list ul li .box {
      padding: .3rem;
    }

    .Platform .bottom-box .box .right-box .list ul li {
      margin-right: .2rem;
    }

    .column-menu ul li.on a {
      font-size: .22rem;
    }

    .Practice .list ul li {
      width: 48%;
    }

    .Practice .list ul li .box {
      padding: .2rem;
    }

    .Practice .list ul li .box .name {
      margin-top: .2rem;
    }

    .Practice-info .flex .left-box {
      width: 100%;
      padding: .3rem;
    }

    .Practice-info .flex .right-box {
      width: 100%;
      margin-top: .2rem;
    }

    .Practice-info .flex .left-box .title {
      font-size: .28rem;
    }

    .Market .top-table .flex {
      padding: .3rem;
    }

    .Market .top-table .flex .left-box {
      width: 100%;
    }

    .Market .top-table .flex .right-box {
      margin-top: .2rem;
      width: 100%;
    }

    .Market .top-table .flex .left-box .title {
      margin-top: .2rem;
      font-size: .26rem;
    }

    .Market .top-table .flex .left-box .box {
      margin-top: .2rem;
    }

    .Market .bottom-box .hot ul li .left-box {
      width: 100%;
    }

    .Market .bottom-box .hot ul li .right-box {
      width: 100%;
      margin-top: .2rem;
    }

    .Market .bottom-box .hot ul li .left-box .img {
      width: 100%;
    }

    .Market .bottom-box .hot ul li .left-box .box {
      width: 100%;
      margin-top: .2rem;
    }

    .Market .bottom-box .list ul li {
      width: 48%;
    }

    .Market .bottom-box .list ul li .box {
      padding: .2rem;
    }

    .Market .apply .from {
      padding: .3rem;
    }

    .Market .top-table .flex .left-box .box .value {
      font-size: .32rem;
    }

    .Market .bottom-box .list1 ul li {
      padding: .2rem;
    }

    .Market .bottom-box .list1 ul li .img {
      width: 100%;
    }

    .Market .bottom-box .list1 ul li .box {
      width: 100%;
      margin-top: .2rem;
    }

    .AboutUs .banner-info {
      height: auto;
      padding: 1.2rem 0 .6rem 0;
    }

    .AboutUs .banner-info .flex {
      display: block;
    }

    .AboutUs .banner-info .flex .left-box {
      width: 100%;
    }

    .AboutUs .banner-info .flex .right-box {
      width: 100%;
      margin-top: .2rem;
    }

    .AboutUs .banner-info .flex .left-box .title {
      font-size: .32rem;
    }

    .AboutUs .vision ul li {
      width: 48%;
      margin: 1%;
    }

    .AboutUs .course .casket {
      margin-top: .3rem;
      padding: .2rem;
    }

    .AboutUs .course .casket .main-title {
      font-size: .28rem;
    }

    .AboutUs .course .casket .flex .img {
      width: 100%;
    }

    .AboutUs .course .casket .flex .box {
      width: 100%;
      margin-top: .2rem;
    }

    .AboutUs .course .casket .flex .table-nav ul li.on .time {
      font-size: .22rem;
    }

    .AboutUs .contact .flex .left-box {
      width: 100%;
      padding: .3rem;
    }

    .AboutUs .contact .flex .right-box {
      width: 100%;
      padding: .3rem;
      margin-top: .2rem;
    }

    .AboutUs .contact .flex .left-box .title {
      font-size: .32rem;
    }

    .AboutUs .contact .flex .left-box ul li .value {
      font-size: .26rem;
    }

    .AboutUs .service .list ul li {
      width: 48%;
      margin: 1%;
    }

    .AboutUs .service .list ul li .box {
      padding: .2rem;
    }

    .Consumer .table-flex .table-nav {
      text-align: left;
    }

    .About .list2 ul li {
      height: 3.4rem;
    }

    .NewsCenter .list ul li {
      width: 48%;
    }

    .NewsCenter .list ul li .box {
      padding: .2rem;
    }

    .QuantView .module2 .list ul li {
      flex-flow: column-reverse;
      display: flex;
    }
    .QuantView .module2 .list ul li:nth-of-type(odd) {
      flex-flow: column-reverse;
    }
    .QuantView .module2 .list ul li .img {
      width: 100%;
    }

    .QuantView .module2 .list ul li .box {
      width: 100%;
      margin-bottom: .2rem;
      position: initial;
      max-width: 100%;
      transform: translateY(0%);
      padding: 0;
    }
    .QuantView .module2{padding: .6rem 0;}
    .QuantView .module2 .list ul li{padding: 0;}
    .QuantView .module2 .list ul li:nth-of-type(even) .public-title{color: #333;}
    .QuantView .module2 .list ul li:nth-of-type(even) .title{color: #333;}
    .QuantView .module2 .list ul li:nth-of-type(even) .text{color: #333;}
    .QuantViewPage .module2 .list ul li:nth-child(2n) .box .labe span{color: #fff;
    background-color: #087DF1;}
    .QuantView .module3{padding-bottom: .6rem;}
    .QuantView .module2 .list ul li .box .public-title {
      font-size: .26rem;
    }

    .QuantView .module3 .flex {
      margin-top: 0;
    }

    .QuantView .module3 .flex {
      display: block;padding: .6rem 0;background-size: cover;
    }

    .QuantView .module3 .flex .left-box {
      display: block;
      width: 100%;
    }

    .QuantView .module3 .flex .left-box .img {
      width: 100%;
    }

    .QuantView .module3 .flex .left-box .text {
      width: 100%;
      margin-top: .2rem;
    }

    .QuantView .module3 .flex .right-box {
      margin-top: .4rem;
    }

    .QuantView .module3 .flex .right-box .casket {
      justify-content: center
    }

    .Ecrp .manage .list1 ul li {
      width: 98% !important;
      margin-bottom: .2rem;
    }

    .Ecrp .manage .list2 ul li {
      width: 100%;
      margin-bottom: .2rem;
    }

    .Ecrp .manage .list2 ul li:after {
      display: none;
    }

    .Ecrp .product .list1 dl dd .flex {
      display: block;
    }

    .Ecrp .product .list1 dl dd .flex .left-box {
      width: 100%;
      margin-top: .2rem;
    }

    .Ecrp .product .list1 dl dd .flex .right-box {
      width: 100%;
    }

    .Ecrp .product .list2 ul li .flex {
      display: block;
    }

    .Ecrp .product .list2 ul li .casket {
      width: 100%;
      padding: 0;
      margin-top: .2rem;
    }

    .Ecrp .product .list2 ul li .img {
      width: 100%;
      margin-top: .2rem;
    }

    .Ecrp .product .list2 ul li .casket .btn {
      margin-top: .2rem;
    }

    .Club .module2 .flex {
      padding: .3rem;
    }

    .Club .module2 .flex .left-box {
      width: 100%;
    }

    .Club .module2 .flex .right-box {
      width: 100%;
      margin-top: .2rem;
    }

    .Club .module2 .flex .left-box .btn {
      margin-top: .3rem;
    }

    .Club .module3 .list ul li {
      width: 100%;
      margin-bottom: .2rem;
    }

    .Club .module4 .list ul li {
      width: 100%;
      margin-bottom: .2rem;
    }

    .Club .module5 .list ul li {
      display: block;
      margin-bottom: .2rem;
    }

    .Club .module5 .list ul li .img {
      width: 100%;
    }

    .Club .module5 .list ul li .box {
      width: 100%;
      margin-top: .2rem;
    }

    .Club .module5 .list ul li .public-more {
      margin-top: .3rem;
    }

    .Club .item .public-title {
      margin-bottom: .3rem;
    }

    .Club .module6 .list ul li {
      width: 98%;
      padding: .3rem;
      margin-bottom: .2rem;
    }

    .Club .module7 .flex {
      padding: .3rem;
    }

    .Club .module7 .flex .left-box {
      width: 100%;
    }

    .Club .module7 .flex .right-box {
      width: 100%;
      margin-top: .2rem;
    }

    .AboutUs .course .table-box {
      width: calc(100% - 2.4rem);
    }

    .Guidance .list ul li .public-more1 {
      margin-top: .3rem;
    }

    .Solution .menu ul {
      display: block;
    }

    .Solution .menu ul li {
      width: 100%;
    }

    .Solution .menu ul li.on {
      width: 100%;
    }

    .Solution .menu ul li {
      display: block;
      padding: .3rem 0;
      height: auto;
    }
    .Solution .menu ul>li.on .somenu{width: 100%;}
    .Solution .menu ul>li .somenu{
      width: 100%;    transition: 0s ease;
    }
    .Solution .menu ul>li>a{padding: 0 .2rem;}
    .Solution .menu ul li dl {
      padding: .2rem .3rem;
      width: 100%;
      margin: 0;
      margin-top: .2rem;
    }
    .Solution .menu ul li>dl>dd dl{
      padding: .2rem .3rem;
      margin-top: 0;
    }
    .Solution .menu ul li>a:after {
      display: none;
    }

    .Solution .one-box .flex {
      padding: .3rem;
    }

    .Solution .one-box .flex .name {
      margin-top: .2rem;
    }

    .Solution .item-box .module2 .list ul li {
      width: 100%;
      margin-bottom: .2rem;
    }

    .Solution .item-box .module2 .flex .left-box {
      width: 100%;
    }

    .Solution .item-box .module2 .flex .right-box {
      width: 100%;
      margin-top: .2rem;
    }

    .Solution .item-box .module3 .list ul li {
      width: 100%;
      margin-bottom: .2rem;
    }

    .Popup .Popup-box .flex .left-box {
      display: none;
    }

    .Popup .Popup-box .flex .right-box {
      width: 100%;
      padding: .3rem .2rem;
    }

    .Popup .Popup-box .close {
      right: 0;
      top: -.5rem;
    }

    .DuomouSCRM .application .list ul li {
      width: 48%;
      margin-bottom: .2rem;
      padding: .3rem .2rem;
    }

    .DuomouSCRM .item-box .module1 .list ul li {
      width: 98%;
    }

    .DuomouSCRM .item-box .module1 .list ul li .box {
      padding: .3rem .2rem;
    }

    .DuomouSCRM .item-list .flex {
      flex-flow: column-reverse;
    }

    .DuomouSCRM .item-list .flex .table-box {
      width: 100%;
      margin-top: .2rem;
    }

    .DuomouSCRM .item-list .flex .table-nav {
      width: 100%;
    }

    .DuomouSCRM .bottom-box .flex {
      display: block;
      padding: .3rem .2rem;
    }

    .DuomouSCRM .bottom-box .flex .left-box {
      width: 100%;
    }

    .DuomouSCRM .bottom-box .flex .right-box {
      margin-top: .2rem;
    }

    .DuomouSCRM .bottom-box .flex .right-box .top-box ul li .value {
      font-size: .3rem;
      margin-top: .1rem;
    }

    .DuomouSCRM .bottom-box .flex .right-box .top-box ul li .value span {
      font-size: .36rem;
    }

    .DuomouSCRM .bottom-box .flex .right-box .top-box ul li {
      margin-right: .1rem;
    }
    .bannerSlide{
    height:auto;
}
    .column-banner{padding: 1.2rem 0 .6rem 0;height: auto;}
     .column-banner .flex{display: block;}
     .column-banner .flex .left-box{width: 100%;}
     .column-banner .flex .right-box{width: 100%;margin-top: .2rem;}
     .column-banner .title{font-size: .42rem;}
    .CRM .banner-info{height: auto;padding: 1.2rem 0 .6rem 0;}
    .CRM .banner-info .flex{display: block;}
    .CRM .banner-info .flex .left-box{width: 100%;}
    .CRM .banner-info .flex .right-box{width: 100%;margin-top: .2rem;}
    .CRM .application .list ul li {
      width: 100% !important;
      margin: 0;
      margin-bottom: .2rem;
    }
    .GuestMa .banner-info{height: auto;padding: 1.2rem 0 .6rem 0;}
    .GuestMa .banner-info .flex{display: block;}
    .GuestMa .banner-info .flex .left-box{width: 100%;}
    .GuestMa .banner-info .flex .right-box{width: 100%;margin-top: .2rem;}
    .Practice .banner-info {padding: 1.2rem 0 .6rem 0;}
    .GuestMa .application .list ul li .box {
      padding: .3rem .2rem;
    }

    .CRM .item-box .module1 .list ul li {
      width: 98% !important;
    }

    .CRM .item-box .module1 .list ul li .box {
      padding: .3rem .2rem;
    }

    .CRM .item-box .module2 .list ul li {
      width: 98% !important;
    }

    .CRM .item-box .module2 .list ul li .box {
      padding: .3rem .2rem;
    }

    .CRM .bottom-box .box {
      /* padding: .3rem .2rem; */
      margin-top: .2rem;
      position: initial;
    }

    .CRM .bottom-box .box .list {
      margin-top: .3rem;
    }

    .Platform .one-box .img {
      margin-top: .3rem;
    }

    .Platform .item-list .flex {
      display: block;
    }

    .Platform .item-list .flex .table-nav {
      width: 100%;
    }

    .Platform .item-list .flex .table-box {
      width: 100%;
      margin-top: .2rem;
    }

    .Club .module2 .title {
      font-size: .28rem;
    }

    .About .list1 ul li {
      width: 2rem;
    }
    .Operations .public-text{display: none;}
    .Operations .table-flex{margin-top: .2rem;}
    .Consumer .public-text{display: none;}
    .Consumer .table-flex{margin-top: .2rem;}
    .Mathematical .public-text{display: none;}
    .Mathematical .table-flex{margin-top: .2rem;}
    .Ecrp .public-text{display: none;}
    .Ecrp .product .list1 dl dd .flex{margin-top: .2rem;}
    .Platform .public-text{display: none;}
    .Platform .item-list .flex{margin-top: .2rem}
    
    .About .list1 ul li img {
      width: 100%;
    }

    .Operations .table-flex .table-nav ul li.on .text {
      display: none;
    }

    .Consumer .table-flex .table-nav ul li.on .text {
      display: none;
    }

    .Mathematical .table-flex .table-nav ul li.on .text {
      display: none;
    }

    .Consumer .table-flex .table-box .item:nth-of-type(6) .casket .left-box {
      width: 100%;
    }

    .Consumer .table-flex .table-box .item:nth-of-type(6) .casket .right-box {
      width: 100%;
      margin-top: .15rem;
    }

    .Consumer .table-flex .table-box .item:nth-of-type(6) .casket .right-box ul li {
      margin-bottom: .15rem;
    }

    .Operations .table-flex .table-nav .slick-slider .slick-prev {
      top: .2rem;
    }

    .Operations .table-flex .table-nav .slick-slider .slick-next {
      top: .2rem;
    }

    .Consumer .table-flex .table-nav .slick-slider .slick-prev {
      top: .2rem;
    }

    .Consumer .table-flex .table-nav .slick-slider .slick-next {
      top: .2rem;
    }

    .Mathematical .table-flex .table-nav .slick-slider .slick-prev {
      top: .2rem;
    }

    .Mathematical .table-flex .table-nav .slick-slider .slick-next {
      top: .2rem;
    }

    header .right-box .tel {
      display: none;
    }

    .Mathematical .table-flex .table-nav .title {
      font-size: .26rem;
    }

    .Consumer .table-flex .table-nav .title {
      font-size: .26rem;
    }

    .Operations .table-flex .table-nav .title {
      font-size: .26rem;
    }

    .Mathematical .table-flex .table-nav ul li .name {
      font-size: .22rem;
    }

    .Consumer .table-flex .table-nav ul li .name {
      font-size: .22rem;
    }

    .Operations .table-flex .table-nav ul li .name {
      font-size: .22rem;
    }

    .Mathematical .table-flex .table-box .item .title {
      font-size: .22rem;
    }

    .Consumer .table-flex .table-box .item .title {
      font-size: .22rem;
    }

    .Operations .table-flex .table-box .item .title {
      font-size: .22rem;
    }

    .DuomouSCRM .item-list .flex .table-nav .main-title {
      font-size: .26rem;
    }

    .DuomouSCRM .item-list .flex .table-nav ul li .title {
      font-size: .22rem;
    }

    .DuomouSCRM .item-list .flex .table-nav ul li.on .text {
      display: none;
    }

    .Platform .item-list .flex .table-nav ul li .title {
      font-size: .22rem;
    }

    .Platform .item-list .flex .table-nav ul li.on .text {
      display: none;
    }

    .Platform .item-list .flex .table-nav .main-title {
      font-size: .3rem;
    }

    .RapidPulse .item-box .module1 .flex .table-nav ul li .title {
      font-size: .22rem;
    }

    .RapidPulse .item-box .module1 .flex .table-nav ul li.on .text {
      display: none;
    }

    .Ecrp .product .list1 dl dd .flex .right-box .table-nav ul li .title {
      font-size: .22rem;
    }

    .Ecrp .product .list1 dl dd .flex .right-box .main-title {
      font-size: .3rem;
    }

    .Ecrp .product .list1 dl dd .flex .right-box .table-nav ul li.on .text {
      display: none;
    }

    .CRM .bottom-box .img {
      display: none;
    }

    .CRM .bottom-box .box .flex {
      display: block;
    }

    .CRM .bottom-box .box .flex .right-box {
      margin-top: .2rem;
    }

    .CRM .bottom-box .box .title img {
      height: .4rem;
    }

    /* .DuomouSCRM .bottom-box .box {
      position: initial;
    } */

    .DuomouSCRM .bottom-box .img img{
      height: 5rem;
    object-fit: cover;
    }

    .DuomouSCRM .bottom-box .box .flex {
      display: block;
      padding: 0;
    }

    .DuomouSCRM .bottom-box .box .flex .right-box {
      margin-top: .4rem;
    }

    .DuomouSCRM .bottom-box .box .title img {
      height: .4rem;
    }

    .News .flex .right-box .list ul li {
      margin: .1rem 0;
    }

    .News .flex .right-box .list ul li .box .time {
      display: none;
    }

    .News .flex .right-box .list ul li .img {
      display: none;
    }

    .News .flex .right-box .list ul li .box {
      width: 100%;
    }

    .News .flex .right-box .list ul li .time {
      display: none;
    }

    .News .flex .right-box .list ul li:nth-of-type(1) .title {
      width: 100%;
      -webkit-line-clamp: 1;
    }

    .News .flex .right-box .list ul li:nth-of-type(2) a, .News .flex .right-box .list ul li:nth-of-type(3) a {
      padding: 0;
    }

    .News .flex .right-box .list ul li a {
      padding: 0;
    }
    .Practice .banner-info .flex{flex-wrap: wrap;}
    .Practice .banner-info .flex .left-box{width: 100%;}
    .Practice .banner-info .flex .right-box{width: 100%;margin-top: .2rem;}
    .Practice .banner-info{display: block;height: auto;padding: .3rem 0;}
    .Market .banner-info .flex{flex-wrap: wrap;}
    .Market .banner-info .flex .left-box{width: 100%;}
    .Market .banner-info .flex .right-box{width: 100%;margin-top: .2rem;}
    .Market .banner-info{display: block;height: auto;padding: .3rem 0;}
    .Suspension ul li .box .code .img{padding: 0;}
  }

  @media screen and (max-width: 640px) {

  }


  /*?¤???¤?¤???€??¨???€??€?*/
  .public-more1 a {
    position: relative;
    transition: 0.8s ease;
    background: transparent;
  }

  .public-more1 a:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 0;
    margin: auto;
    z-index: 0;
    background-color: rgba(255, 255, 255, .3);
    border-radius: .46rem
  }
  .Market .bottom-box .hot ul li .left-box .box .public-more1 a:after{
    border-radius: 0
  }
  .public-more1 a:hover:after {
    width: 100%;
    height: 100%;
  }

  .public-more1 a:hover {
    /*transform: translateY(-.1rem)*/
  }

  .public-more a {
    position: relative;
    transition: 0.8s ease;
  }

  .public-more a:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 0;
    margin: auto;
    z-index: 0;
    background-color: rgba(255, 255, 255, .3);
    border-radius: .46rem
  }

  .public-more a:hover:after {
    width: 100%;
    height: 100%;
  }

  .public-more a:hover {
    /*transform: translateY(-.1rem)*/
  }

  .column-banner .more a {
    position: relative;
    transition: 0.8s ease;
  }

  .column-banner .more a:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 0;
    margin: auto;
    z-index: 0;
    background-color: rgba(255, 255, 255, .3);
    border-radius: .46rem
  }

  .column-banner .more a:hover:after {
    width: 100%;
    height: 100%;
    transform: translateX(0)
  }

  /* .column-banner .more a:hover {
    transform: translateY(-.1rem)
  } */

  .column-banner .more1 a {
    position: relative;
    transition: 0.8s ease;
  }

  .column-banner .more1 a:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 0;
    margin: auto;
    z-index: 0;
    background-color: rgba(255, 255, 255, .3);
    border-radius: .46rem
  }

  .column-banner .more1 a:hover:after {
    width: 100%;
    height: 100%;
  }

  .column-banner .more1 a:hover {
    transform: translateY(-.1rem)
  }

  .img {
    overflow: hidden;
    border-radius: .16rem
  }

  .img img {
    transition: 0.8s ease;
  }
  .public-more-w a:after{display: block;content: '';width: .3rem;height: .3rem;background-image: url('/cn/res/images/more1.png');background-size: 100%;transition: 0.8s ease;}
  .public-more-w:hover a:after{transform: translateX(.1rem)}
  .public-more-l a:after{display: block;content: '';width: .3rem;height: .3rem;background-image: url('/cn/res/images/more2.png');background-size: 100%;transition: 0.8s ease;}
  .public-more-l:hover a:after{transform: translateX(.1rem)}
  /* .more a:after {
    transition: 0.8s ease;
  } */

 /*  .more:hover a:after {
   transform: translateX(.1rem)
 } */

  .Operations .table-flex .table-box .item .list ul li:hover .img img {
    transform: scale(1.06);
  }
  .Operations .table-flex .table-box .item .por:hover .img img {
    transform: scale(1.06);
  }
  .Consumer .table-flex .table-box .item .list ul li:hover .img img {
    transform: scale(1.06);
  }
  .Consumer .table-flex .table-box .item .casket:hover .img img {
    transform: scale(1.06);
  }
  .Mathematical .table-flex .table-box .item .list ul li:hover .img img {
    transform: scale(1.06);
  }
  .Mathematical .table-flex .table-box .item .por:hover .img img {
    transform: scale(1.06);
  }
  .Service .list ul li:hover .img img {
    transform: scale(1.06);
  }·

  .About .list2 ul li:hover .img img {
    transform: scale(1.06);
  }

  .GuestRoad .ma .list ul li:hover .img img {
    transform: scale(1.06);
  }

  .GuestRoad .crm .list ul li:hover .img img {
    transform: scale(1.06);
  }

  .GuestRoad .interact .por:hover .img img {
    transform: scale(1.06);
  }

  .GuestRoad .customer .por:hover .img img {
    transform: scale(1.06);
  }

  .GuestMa .standard .list ul li:hover .img img {
    transform: scale(1.06);
  }

  .GuestMa .enhance .list ul li:hover .img img {
    transform: scale(1.06);
  }

  .GuestMa .supreme .list ul li:hover .img img {
    transform: scale(1.06);
  }

  .CRM .application .list ul li:hover .img img {
    transform: scale(1.06);
  }

  .CRM .item-box .list ul li:hover .img img {
    transform: scale(1.06);
  }

  .Club .list ul li:hover .img img {
    transform: scale(1.06);
  }

  .DuomouSCRM .item-box .module1 .list ul li:hover .img img {
    transform: scale(1.06);
  }

  .RapidPulse .item-box .module2 .list ul li:hover .img img {
    transform: scale(1.06);
  }

  .Jtdm .list ul li:hover .img img {
    transform: scale(1.06);
  }

  .Practice .list ul li:hover .img img {
    transform: scale(1.06);
  }

  .NewsCenter .list ul li:hover .img img {
    transform: scale(1.06);
  }

  .mobile {
    display: none;
  }

  @media screen and (max-width:768px) {
    .AboutUs .vision ul li .box{padding: .2rem;}
    .AboutUs .vision ul li{height: 2rem;}
    .mobile {
      display: none;
      margin-top: 20px;
    }
    .on .mobile{
      display: block;
    }

    .pcWeb {
      display: none !important;
    }
    .Consumer .table-flex .table-box.mobile .left-box{position: relative;}
    .Consumer .table-flex .table-box .public-more a {
    background-color: #fff;
    color: #057ef3;
    }
    .Consumer .table-flex .table-nav ul li.on .table-box.mobile {
      display: block;
    }

    .Consumer .table-flex .table-nav ul li.on .table-box.mobile .item {
      display: block;
    }

    .Consumer .table-flex .table-nav ul li.on .table-box.mobile .text,
    .Ecrp .table-nav .on .mobile .left-box ul li{
      display: block !important;
    }

    .Consumer .table-flex .table-nav ul li .table-box.mobile .title,
    .Consumer .table-flex .table-nav ul li .table-box.mobile .text {
      font-weight: normal;
    }

    .Consumer .table-flex .table-nav ul li:nth-child(2) .table-box.mobile .title,
    .Consumer .table-flex .table-nav ul li:nth-child(2) .table-box.mobile .text,
    .Consumer .table-flex .table-nav ul li:nth-child(5) .table-box.mobile .title,
    .Consumer .table-flex .table-nav ul li:nth-child(5) .table-box.mobile .text,
    .Consumer .table-flex .table-nav ul li:nth-child(6) .table-box.mobile .title,
    .Consumer .table-flex .table-nav ul li:nth-child(6) .table-box.mobile .text {
      color: #ffffff;
      font-weight: normal;
    }

    .Consumer .table-flex .table-box.mobile .item .list ul {
      flex-direction: column;
    }

    .Consumer .table-flex .table-box.mobile .item .list ul li {
      width: 100%;
      box-sizing: border-box;
    }

    .Consumer .table-flex .table-box.mobile ul {
      margin-top: 0;
      padding-top: 0;
      border-top: none;
    }

    .Consumer .table-flex .table-box.mobile ul li {
      padding: 0 0 0.2rem 0;
      position: relative;
    }

    .Consumer .table-flex .table-box.mobile .left-box {
      margin-bottom: 0.2rem;
    }

    .Consumer .table-flex .table-box.mobile .item .box {
      padding: 0.2rem 0.3rem !important;
    }

    .Platform .item-list .flex .table-nav ul li.on .table-box.mobile ul li {
      display: block;
      padding: 0;
    }
    .Ecrp .product .list1 dl dd .flex .right-box .table-box.mobile ul li{
      padding: 0;
    }
    .Ecrp .product .list1 dl dd .flex .left-box ul li .btn {
        bottom: 0.2rem;
        left: 0.2rem;
    }
    .Mathematical .table-flex .table-box .left-box{position: relative;}
    .Mathematical .table-flex .table-box .right-box{position: relative;}
    .Mathematical li.on .table-box.mobile li{position: relative;}
    .Mathematical li.on .table-box.mobile li .more{    position: absolute;
    /*left: .5rem;
    bottom: .4rem;*/
    right:0.3rem;
    bottom:0.3rem;
    z-index: 3;}
    .Brand .swiper{max-width: 80%;margin: 0 auto;}
    .Mathematical .table-flex .table-nav ul{border: 0;padding-top: 0;}
    .Consumer .table-flex .table-nav ul{border: 0;padding-top: 0;}
    .Operations .table-flex .table-nav ul{border: 0;padding-top: 0;}
    .QuantView .module3 .w1440{
      flex-direction: column;
    }
    .QuantView .module3 .flex .right-box .kz{
      width: 40%;
    }
    .QuantView .module3 .flex .right-box{
                justify-content: left;
    }
    .QuantView .module3 .flex .right-box .casket {
      margin-top: 20px;
  }
  .QuantView .module3 .flex .left-box .img {
    margin-bottom: 10px;
}
.DuomouSCRM .item-list .flex .table-box.mobile ul li {
  display: block;
  position: relative;
  padding: 0;
}
.Club .module6 .list ul li {
  width: 100% !important;
}
.Mathematical li.on  .table-box.mobile .item{
  display: block;
}
.Mathematical li.on  .table-box.mobile li{
  padding: 0;
}
.NewsCenter .banner-info{height: auto;display: block;padding: .3rem 0;}
.NewsCenter .banner-info .swiper-pagination{bottom: 0rem;}
.NewsCenter .banner-info .flex{flex-flow: column-reverse;}
.NewsCenter .banner-info .flex .left-box{width: 100%;margin-top: .2rem;}
.NewsCenter .banner-info .flex .right-box{width: 100%;}
.NewsCenter .banner-info .swiper-pagination .swiper-pagination-bullet{margin: 0 .1rem;}
.Service .list ul li .box .text{display: none;}
.Service .list ul li .box{padding: .3rem .2rem;}
.Service .list ul li .box .title{margin-top: .2rem;font-size: .16rem;}
/* .Consumer2 .table-flex .table-box .item{max-height: 3rem;overflow-x: hidden}
.Operations .table-flex .table-box .item{max-height: 5.5rem;overflow-x: hidden}
.Mathematical .table-flex .table-box .item{max-height: 5.5rem;overflow-x: hidden} */
}

  @media screen and (min-width:769px) {
    .Operations {
      padding: 1rem 0 .7rem !important;
    }

    .Operations .table-flex {
      flex-direction: row !important;
    }
  }

  
  .hyPage .QuantView .module3 .flex .left-box{
    width: auto;
  }
  .hyPage .QuantView .module3 .flex .right-box .kz{
    width: auto;
    margin-right: 0px;
    max-width: 70%;
  }
  .hyPage .QuantView .module3 .flex .left-box .text span{
    color: #087AFD;
  }
  .Suspension{position: fixed;right: 2%;top: 50%;transform: translateY(-50%);z-index: 333;}
  .Suspension ul{padding: .2rem .1rem;background-color: #fff;box-shadow: 0 0 .1rem rgba(0, 0, 0, .18);border-radius: .2rem;}
  .Suspension ul li{margin-bottom: .1rem;padding: .1rem 0;border-bottom: 1px solid #ccc;cursor: pointer;}
  .Suspension ul li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}
  .Suspension ul li .name{font-size: .18rem;color: #333;text-align: center;}
  .Suspension ul li .name:before{display: block;content: '';margin: 0 auto .1rem auto;width: .3rem;height: .3rem;background-size: cover;}
  .Suspension ul li:nth-of-type(1) .name:before{background-image: url('/cn/res/images/wx.svg');}
  .Suspension ul li:nth-of-type(3) .name:before{background-image: url('/cn/res/images/tel.svg');}
 .Suspension ul li:nth-of-type(2) .name:before{background-image: url('/cn/res/images/zx.svg');}
  .Suspension ul li:hover .name{color: #0275ff;}
  .Suspension ul li:nth-of-type(1):hover .name:before{background-image: url('/cn/res/images/wx-on.svg');}
  .Suspension ul li:nth-of-type(3):hover .name:before{background-image: url('/cn/res/images/tel-on.svg');}
  .Suspension ul li:nth-of-type(2):hover .name:before {
    background-image: url(/cn/res/images/zx-on.svg);
}


  .Suspension ul li .box{display: none;position: absolute;width: max-content;right: calc(100% + .3rem);top: 50%;padding: .2rem;background-color: #fff;z-index: 33;border-radius: .2rem;transform: translateY(-50%);box-shadow: 0 0 .1rem rgba(0, 0, 0, .18);}
  .Suspension ul li .box:before{position: absolute;right: -.12rem;top: 0;bottom: 0;display: block;content: '';width: 0;height: 0;margin: auto 0;border-top: .06rem solid transparent;border-bottom: .06rem solid transparent;border-left: .12rem solid #fff;z-index: ;}
  .Suspension ul li .box .code{display: flex;align-items: center}
  .Suspension ul li .box .code .img{width: 1.2rem;padding: .2rem;background-color: #fff;box-sizing: border-box;}
  .Suspension ul li .box .code .img img{width: 100%;}
  .Suspension ul li .box .code .casket{margin-left: .2rem;width: 2rem;}
  .Suspension ul li .box .code .casket .title{font-size: .16rem;color: #333;font-weight: bold;line-height: 1.5;}
  .Suspension ul li .box .code .casket p{margin-top: .15rem;font-size: .16rem;color: #333}
  .Suspension ul li .box .contact p{font-size: .16rem;color: #333}
  .Suspension ul li .box .contact .tel{margin-bottom: .1rem;display: flex;align-items: center; font-weight:bold;}
  .Suspension ul li .box .contact .tel a{font-size: .2rem; color:#0354ad;}
  .Suspension ul li .box .contact .mailbox{margin-top: .2rem;display: flex;align-items: center}
  .Suspension ul li .box .contact .mailbox span{font-size: .2rem;}
  .Suspension ul li:hover .box{display: block;}

/*PC优化*/
.banner .public-more a {width: 2rem;}
.column-banner .public-more a {width:1.7rem;}

.RapidPulse .product .list1 dl dd .flex .right-box .table-nav {
  margin-top: 0rem;
  padding-top: 0rem;
  border-top: 0px solid #dce7ed;
}

.Solution .item-box .list1 {
  margin-top: .9rem;
}

.Solution .item-box .list1 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.Solution .item-box .list1 ul li {
  position: relative;
  width: 22%;
  padding: .65rem .4rem;
  height: 3.5rem;
  background-size: cover;
  border-radius: .15rem;
  overflow: hidden;
  box-sizing: border-box;
}

.Solution .item-box .list1 ul li .title {
  font-size: .26rem;
  color: #fff;
  min-height: .64rem
}

.Solution .item-box .list1 ul li .text {
  margin-top: .25rem;
  font-size: .16rem;
  color: #fff;
  line-height: 1.5;
}

.Solution .item-box .list1 ul li:nth-of-type(1) {
  background-image: url('/cn/res/images/GuestMa-application-bg1.png')
}

.Solution .item-box .list1 ul li:nth-of-type(2) {
  background-image: url('/cn/res/images/GuestMa-application-bg2.png')
}

.Solution .item-box .list1 ul li:nth-of-type(3) {
  background-image: url('/cn/res/images/GuestMa-application-bg3.png')
}

.Solution .item-box .list1 ul li:nth-of-type(4) {
  background-image: url('/cn/res/images/GuestMa-application-bg4.png')
}

.Solution .one-box:nth-of-type(1) .flex{
  justify-content: flex-end;
}

.Solution .two-box .flex {
  justify-content: flex-end; 
}

.QuantView .img img:hover, .RapidPulse .img img:hover, .Ecrp .img img:hover{
  transform: scale(1.03);
}

.Platform .one-box .img img:hover,
.Platform .item-list .flex .table-box ul li .img img:hover{
  transform: scale(1.03);
}

/*PC独立控制样式*/
@media screen and (min-width: 1200px) {
  .NewsCenter .banner-info .flex .left-box .title{font-size:0.32rem;}
}





/*了解更多*/
.public-more2 a{color:#057ef3; border:0px; background-color:#fff;}
.Solution .public-more1 a{background-color:#fff;}
#ECRP1 .public-more1 a,#ECRP2 .public-more1 a,#ECRP3 .public-more1 a,#ECRP4 .public-more1 a,#ECRP7 .public-more1 a{background-color:#fff; border:0px;}
.product .list1 dl dd#ECRP7 .flex .left-box ul li .btn{left:0.42rem;}
.product .list1 dl dd#ECRP7 .public-more1 a{ background-color:#057ef3; color:#fff;}

/*移动端优化*/
@media (max-width:1640px){
  .top-streamer .flex{padding-right: .6rem;box-sizing: border-box;}
}
  @media (max-width:768px) {
    /*移动端字体规范*/
    .NewsCenter .banner-info .flex .left-box .title{font-size:0.26rem; line-height:1.3;}
    .Club .module1 .list ul li{width: 48%;margin-bottom: .2rem;}
    .Club .module1 .list ul li:after{display: none;}
    .QuantView .module1 .list ul li{width: 100%;margin-bottom: .2rem;}
    .QuantView .module1 .list ul li:after{display: none;}
    .Platform .one-box .list ul li{width: 48%;margin-bottom: 0;}
    .public-title,
    .Operations .table-flex .table-nav .title,
    .Consumer .table-flex .table-nav .name{font-size:0.26rem;}

    .Consumer .table-flex .table-nav ul li.on .name,
    .Operations .table-flex .table-box .item:nth-of-type(1) .list ul li:nth-of-type(1) .flex .title{font-size:0.22rem;}
    .Operations .table-flex .table-box .item .list ul li .flex .title{font-size:0.22rem;} 
    .Operations .table-flex .table-box .item .list ul li .flex .text{font-size:0.2rem;}

    .GuestMa .enhance .list ul li .box .title{font-size:0.2rem;}

    .GuestRoad .crm .list ul li .box .name{width:50%;}
    .GuestRoad .crm .list ul li .box .btn .public-more1{display:none;}
    .GuestRoad .interact .box .btn .public-more1,
    .GuestRoad .customer .box .btn .public-more1{display:none;}
    .CRM .application .list ul li .text,
    .CRM .item-box .module1 .list ul li .box .text{display:none;}
    .Solution .item-box .list1 ul li{padding: .3rem;width: 48%;margin: 1%;}
    .Solution .item-box .list1 ul li .title{font-size: .24rem;}
    .Index .Consumer .table-flex .table-nav ul li.on .table-box.mobile .text{display:none !important;}
    .Mathematical .table-flex .table-box .item:nth-of-type(1) .public-more{left: auto;right: .3rem;width: auto !important;}
    .Consumer .table-flex .table-box .item:nth-of-type(1) .public-more{left: auto;right: .3rem;width: auto !important;}
    .News .flex .right-box dl dt{font-size: .26rem;}
    .GuestMa .standard .list ul li .box .text{display: none;}
    .QuantView .module2 .list ul li .box .text{display: none;}
    .QuantView .module2 .list ul li .box .title{margin-top: .2rem;font-size: .26rem;}
    .QuantView .module2 .list ul li{margin-bottom: .3rem;}
    .QuantView .module2 .list ul li .box .btn{margin-top: .2rem;}
    .DuomouSCRM .bottom-box .box dl dd .name{font-size: .26rem;}
    .Club .module6 .list ul li .box{padding: .3rem;}
    .Practice .banner-info .flex{height: auto;}
    .NewsCenter .banner-info .flex{height: auto;flex-flow: column;}
    .Practice .banner-info .flex{height: auto;}
    .NewsCenter .banner-info .flex .left-box{margin-top: 0;margin-bottom: .2rem;}
    /*移动端简介隐藏*/
    .NewsCenter .banner-info .flex .left-box .text,
    .GuestRoad .customer .box .text,
    .GuestRoad .interact .box .text,
    .GuestRoad .ma .list ul li .box .text,
    .GuestRoad .crm .list ul li .box .text{display:none;}
    .GuestMa .supreme .list ul li .box .text,
    .GuestMa .enhance .list ul li .box .text{display:none;}
    .Solution .one-box .flex .text,
    .Solution .item-box .module1 .box .text,
    .Solution .item-box .module2 .list ul li .box .text,
    .Solution .item-box .module3 .list ul li .box .text,
    .CRM .item-box .module2 .list ul li .box .text{display:none;}
    .CRM .application .list ul li .box{padding-top: 0.2rem;}
  
    
    /*左右？榭矶*/
    .GuestRoad .interact .box .title{width:45%;}
    .About .list2 ul{display: block;}
    /*案例*/
    .Platform .bottom-box .box dl{display: flex;justify-content: center}
    .Platform .bottom-box .box dl dd{/* width:33%; float:left; */ padding:0; border-bottom:0; margin:0 .2rem;}

    /*了解更多 */

    /*首页*/
    .Mathematical .table-flex .table-box .item:nth-of-type(1) .title{top:0.2rem;}
    .Mathematical .table-flex .table-box .item:nth-of-type(1) .right-box ul li{margin-bottom: 0.15rem;}
    .Consumer .table-flex ul li:nth-child(6) .table-box .item:nth-of-type(1) .casket .img{max-height:3rem;}

    /*解决方案*/
    .Solution .item-box .module1 .box .title,
    .Solution .item-box .module1 .list ul li .box .title,
    .Solution .item-box .module2 .list ul li .box .title,
    .Solution .item-box .module3 .list ul li .box .title{font-size:0.22rem;}

    /*互动平台*/
    .Platform .item-list .flex .table-nav ul{border-top:0px; margin-top:0;}
    .Platform .item-list .flex .table-nav .main-title{font-size:0.26rem;}

    /*ECRP*/
    .Ecrp .product .list1 dl dd .flex .right-box .table-nav{border-top:0px/* ; margin-top:0; */}
    .Ecrp .product .list1 dl dd .flex .right-box .main-title{font-size:0.26rem;}
    .Ecrp .product .list2 ul li .casket .main-title{font-size:0.26rem;}

    /*京淘数投*/
    .Jtdm .list ul li .flex .box .title{font-size:0.26rem;}
    .Jtdm .list ul li .flex .box .name{font-size:0.26rem;}

    /*会员俱乐部*/
    .Club .module2 .title{font-size:0.26rem; }
    .Club .module6 .list ul li .title{font:0.22rem;}
    .Club .module6:nth-child(1) .list ul li .title{padding: .3rem;}
    .Club .item{padding:0.2rem 0;}
    .Club .module2 .text{margin-bottom:0;}
    .Club .module6 .list ul li{padding:0;}
    .Club .module6 .list ul li .text{display:none;}
     .hyPage .QuantView .module3 .flex .right-box .kz{
        max-width:100%;
    }
  }
  @media (min-width:1640px){
    .Platform .item-list .flex .table-box ul li .img img{height: 5.05rem;object-fit: cover;}
    .Platform #HD1 .flex .table-box ul li .img img{height: 6.2rem;}
    .Platform #HD3{height:6.6rem;}
  }

  @media (min-width:1280px){
  .Ecrp .product .list1 dl dd .flex{min-height:5.7rem;}
  .RapidPulse .product .list1 dl dd .flex{min-height:5rem;}
  #CRM2 .list ul li:first-child .img img,#CRM2 .list ul li:last-child .img img{width:5.3rem;}
  #CRM2 .list ul li:nth-child(2) .img img,#CRM2 .list ul li:nth-child(3) .img img{width:7.06rem;}
  .Platform .item-list .flex{min-height:5.5rem;}
  .Platform #HD1 .flex .table-box ul li .img img{height:5.2rem;}
  .Platform .item-list .flex .table-nav ul li{padding:.2rem .3rem;}
  }
  .bannerSlide {
      position:relative;
  }
.bannerSlide .slick-dots{
    position: absolute;
    bottom: 0.2rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.bannerSlide .slick-dots button{
   font-size: 0;
    width: 0.24rem;
    height: 0.07rem;
    background: #fff;
    margin-left:0.05rem;
    margin-right:0.05rem;
    position:relative;
    border-radius:0.05rem;
    
}
.bannerSlide .slick-dots button::after{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    content: "";
    height: 100%;
    border-radius:0.05rem;
    transition: all 1s;
}
.bannerSlide .slick-dots .slick-active button{
    width: 1.04rem;
}
.bannerSlide .slick-dots .slick-active button:after {
    animation-name: width100;
    animation-duration: 7000ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: running;
    animation-delay: 0ms;
    background: #0275ff;
}
@keyframes width100{0%{width:0;}100%{width:100%;}}

   @media (max-width:768px){
       header .right-box nav>ul>li .drop-down .box{max-width: 90%;}
   }