@charset "UTF-8";
@media screen and (min-width: 420px) {
  body, p, input, select, textarea {
    font-size: 14px; } }

@media screen and (max-width: 419px) {
  body, p, input, select, textarea {
    font-size: 12px; } }

html {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 50px;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased; }

body {
  font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;
  color: #333;
  max-width: 750px;
  min-width: 320px;
  margin: 0 auto;
  line-height: 1.5; }

a {
  color: #000; }

p {
  color: #333;
  font-size: .28rem; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  font-weight: 400; }

/* 超过21 雅黑开始变粗+锯齿 ，不好看*/
h1, .f5 {
  font-size: .5rem;
  color: #000; }

h2, .f4 {
  font-size: .4rem;
  color: #000; }

h3, .f36 {
  font-size: .36rem;
  color: #000; }

h4, .f32 {
  font-size: .32rem;
  color: #000; }

h5, .f28 {
  font-size: .28rem;
  color: #000; }

.f26 {
  font-size: .26rem; }

.f24 {
  font-size: .24rem; }

.c000 {
  color: #000; }

/*
h1 { font-size: 20px}
h2 { font-size: 18px}
h3 { font-size: 16px}
h4 { font-size: 14px}
h5 { font-size: 12px}

*/
a, span, div, p,
th, td, form, input, button, textarea, select,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, ol, li, blockquote, pre {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

div, span, a, header, input {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

a:active, a:hover {
  text-decoration: none; }

img {
  display: inline-block;
  border: none;
  vertical-align: middle; }

li {
  list-style: none; }

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

pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word; }

a cite {
  font-style: normal;
  *cursor: pointer; }

hr {
  height: 1px;
  margin: 10px 0;
  border: 0;
  clear: both; }

input, input[type='text'],
button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

#about ul:before, .newsList li:before, .addr li:before, #about ul:after, .newsList li:after, .addr li:after {
  content: "";
  display: table; }

#about ul:after, .newsList li:after, .addr li:after {
  clear: both; }

#topPopover, #topPopover .mui-scroll-wrapper, #topPopover .mui-table-view, #topPopover .mui-table-view .mui-table-view-cell, #topPopover .mui-table-view .mui-navigate-right, #topPopover .mui-table-view .mui-collapse-content, #topPopover .mui-table-view .subLink {
  padding: 0;
  margin: 0;
  border-radius: 0 !important; }

.fl {
  float: left; }

.fr {
  float: right; }

.tc {
  text-align: center; }

.tl {
  text-align: left; }

.tr {
  text-align: right; }

#topNav {
  z-index: 9999;
  max-width: 750px;
  margin: 0 auto;
  padding-right: 3px;
  height: .8rem; }
  #topNav .logoBox {
    height: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: Center; }
    #topNav .logoBox img {
      width: 1.2rem;
      height: .4rem; }
  #topNav .menuBox {
    float: right; }
    #topNav .menuBox .mui-icon-bars {
      height: .8rem;
      margin: 0 !important;
      display: flex;
      justify-content: center;
      align-items: Center; }
      #topNav .menuBox .mui-icon-bars:before {
        content: ''; }
    #topNav .menuBox img {
      width: .32rem;
      height: .22rem; }

#topPopover {
  top: 44px;
  left: auto !important;
  width: 5rem;
  overflow: visible;
  text-align: left;
  margin-left: 2.5rem; }
  #topPopover .mui-table-view {
    max-height: none; }
    #topPopover .mui-table-view .mui-table-view-cell {
      position: relative;
      border-top: 1px solid #e6e6e6;
      margin-top: -1px;
      background-color: #fff; }
      #topPopover .mui-table-view .mui-table-view-cell:after {
        left: 0;
        display: none; }
    #topPopover .mui-table-view .mui-navigate-right {
      padding-left: .3rem;
      border-bottom: 1px solid #e6e6e6;
      line-height: .82rem;
      font-size: .28rem; }
      #topPopover .mui-table-view .mui-navigate-right:after {
        color: #000; }
    #topPopover .mui-table-view .subLink {
      display: block;
      font-size: .28rem;
      line-height: .74rem;
      margin-left: .9rem;
      border-bottom: 1px solid #e6e6e6; }
  #topPopover .mui-popover-arrow {
    display: none;
    z-index: 2; }
    #topPopover .mui-popover-arrow:after {
      background-color: #FFF !important; }
  #topPopover .mainLink {
    position: absolute;
    top: 0px;
    left: 0rem;
    z-index: 999999;
    width: 1.6rem;
    height: .82rem;
    text-align: right;
    line-height: .82rem;
    font-size: .26rem;
    display: inline-block;
    margin: 0;
    padding: 0; }
    #topPopover .mainLink img {
      width: .12rem;
      height: .2rem;
      opacity: .7; }

.flexUl {
  display: flex;
  justify-content: space-between; }
  .flexUl li {
    flex: 1; }

.footer {
  background-color: #333;
  text-align: center;
  color: #ccc;
  font-size: .24rem;
  padding: .5rem .3rem .85rem .3rem; }
  .footer h3 {
    font-size: .28rem;
    color: #ccc; }
  .footer p {
    color: #ccc; }
  .footer img {
    width: 3.2rem;
    height: 3.2rem;
    margin: .3rem 0 .2rem 0; }
  .footer .phone {
    font-size: .28rem;
    border: 1px solid #ccc;
    line-height: .72rem;
    height: .72rem;
    margin: .4rem 0; }
  .footer .copy {
    line-height: 2; }

.banner {
  width: 7.5rem;
  height: 4rem;
  position: relative; }
  .banner img {
    width: 100%;
    height: 100%; }
  .banner .txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-left: .3rem;
    text-align: left;
    color: #fff; }
  .banner h2 {
    padding-top: .9rem;
    padding-bottom: .1rem;
    font-size: .4rem;
    color: #fff; }
  .banner .en {
    padding-bottom: .66rem;
    font-size: .26rem;
    text-transform: uppercase; }
  .banner p {
    color: #fff;
    font-size: .22rem;
    line-height: 1.7; }

.mui-bar {
  background-color: #FFF; }

.mui-content {
  background-color: #f3f3f3;
  padding-top: .8rem !important; }
  .mui-content h3 {
    color: #000; }

.mui-slider-indicator .mui-indicator {
  background-color: transparent;
  border: 1px solid #eee;
  box-shadow: none; }

.mui-bar-tab {
  position: relative;
  top: 0;
  box-shadow: 0 0 0 #000;
  border-bottom: 1px solid #e6e6e6;
  font-size: .28rem;
  display: flex;
  height: 1rem;
  /* space-between */ }
  .mui-bar-tab .mui-tab-item {
    flex: 1 1 auto;
    display: inline-block;
    width: auto;
    height: 1rem;
    line-height: 1rem;
    text-overflow: clip;
    color: #000; }
    .mui-bar-tab .mui-tab-item span {
      border-bottom: .04rem solid transparent;
      height: 1rem;
      display: inline-block; }
    .mui-bar-tab .mui-tab-item.mui-active span {
      color: #108aec;
      border-bottom-color: #108aec; }

.md {
  margin-left: auto;
  margin-right: auto; }

#index-center {
  background-color: #f3f3f3;
  line-height: 1;
  text-align: center; }
  #index-center h2 {
    text-align: left;
    height: 1rem;
    font-size: .4rem;
    padding: .3rem 0 0 .3rem; }
    #index-center h2 a {
      float: right;
      padding: 0 .3rem .2rem .3rem; }
    #index-center h2 img {
      width: .18rem;
      height: .3rem; }
  #index-center h3 {
    font-size: .36rem;
    padding-bottom: .2rem; }
  #index-center #product h2 a,
  #index-center #about h2 a {
    display: none; }

#product {
  margin-top: .2rem;
  background-color: #fff;
  padding-bottom: .55rem; }
  #product ul {
    width: 100%;
    padding: 0 .2rem;
    clear: both;
    overflow: hidden; }
    #product ul li {
      width: 33%;
      float: left; }
      #product ul li p:nth-child(2) {
        font-size: .18rem;
        line-height: 2;
        color: #999; }
      #product ul li p:nth-child(3) {
        font-size: .24rem;
        line-height: 1.2; }
    #product ul .imgBox {
      height: 1rem;
      margin-bottom: .1 rem;
      display: flex;
      justify-content: center;
      align-items: Center; }
    #product ul p {
      width: 100%;
      color: #000;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    #product ul li:nth-child(1) img {
      height: .86rem; }
    #product ul li:nth-child(2) img {
      height: 1rem; }
    #product ul li:nth-child(3) img {
      height: .77rem; }

#service {
  margin-top: .2rem;
  background-color: #FFF; }

#srv_planning p {
  color: #999; }

#srv_planning ul {
  padding: .4rem .2rem 0 .2rem; }
  #srv_planning ul img {
    width: .54rem;
    height: .6rem; }
  #srv_planning ul p {
    font-size: .26rem;
    padding-top: .2rem;
    color: #000; }

#srv_train {
  margin-top: .5rem;
  padding: .5rem 0;
  border-top: 1px solid #e6e6e6; }
  #srv_train img {
    width: 4rem;
    height: 5rem;
    margin: 0 auto; }
  #srv_train #srv_slider {
    position: relative;
    z-index: 1;
    height: 5rem;
    background: url("../img/train-bg.jpg") 0 0 no-repeat;
    background-size: 100% 100%; }
  #srv_train .btnL, #srv_train .btnR {
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    width: 1rem;
    height: 100%; }
  #srv_train .btnR {
    left: auto;
    right: 0; }
  #srv_train .box {
    z-index: 3;
    position: absolute;
    width: 4rem;
    height: 100%;
    left: 50%;
    top: 0;
    margin-left: -2rem;
    padding-top: .6rem;
    color: #fff; }
    #srv_train .box img {
      width: .64rem;
      height: .64rem; }
    #srv_train .box h4 {
      font-size: .28rem;
      padding-top: .1rem;
      padding-bottom: .4rem;
      color: #fff; }
    #srv_train .box p {
      width: 3.14rem;
      font-size: .22rem;
      line-height: 1.5;
      text-align: justify;
      text-justify: inter-ideograph;
      margin: 0 auto;
      color: #fff; }
  #srv_train .bg {
    position: absolute;
    z-index: 2;
    width: 4rem;
    height: 5rem;
    left: 50%;
    top: 0;
    margin-left: -2rem;
    background-color: #000;
    opacity: .4; }

#srv_move {
  background-color: #f3f3f3;
  padding: .57rem .2rem .5rem; }
  #srv_move h3 {
    padding-bottom: .4rem; }
  #srv_move img {
    width: .54rem;
    height: .6rem; }
  #srv_move p {
    font-size: .24rem;
    line-height: 1.2;
    padding-top: .2rem;
    color: #000; }

#src_admin {
  height: 4.15rem;
  background: url("../img/operation-bg.jpg") center 0 no-repeat;
  background-size: auto 100%;
  padding: .5rem .3rem; }
  #src_admin h3 {
    color: #fff; }
  #src_admin .desc {
    font-size: .22rem;
    line-height: 1.6;
    text-align: justify;
    text-justify: inter-ideograph;
    height: 1rem;
    margin-bottom: .2rem;
    color: rgba(255, 255, 255, 0.6); }
  #src_admin li {
    flex: 0 1 auto;
    width: 2rem;
    height: 1.46rem;
    background-color: red; }
    #src_admin li img {
      margin: .3rem 0 .2rem;
      width: .64rem;
      height: .43rem; }
    #src_admin li p {
      color: #fff;
      font-size: .24rem; }
  #src_admin li:nth-child(1) {
    background: linear-gradient(#5c7ff4, #1e45bc); }
  #src_admin li:nth-child(2) {
    width: 2.2rem;
    height: 1.66rem;
    margin-top: -.2rem;
    background: linear-gradient(to right, #fe6384, #fd2482); }
    #src_admin li:nth-child(2) img {
      width: .63rem;
      height: .57rem; }
  #src_admin li:nth-child(3) {
    background: linear-gradient(to bottom right, #00ffe7, #2fc6c7); }

#src_consult {
  padding: .5rem 0;
  background-color: #118ef3; }
  #src_consult h3 {
    color: #fff;
    padding-bottom: .4rem; }
  #src_consult img {
    width: 5.52rem;
    height: 3.55rem;
    margin: 0 auto; }

#partner {
  background-color: #fff; }
  #partner #partner_base {
    padding-top: .2rem; }
    #partner #partner_base img {
      width: .54rem;
      height: .64rem; }
    #partner #partner_base p {
      font-size: .28rem;
      color: #000;
      padding-top: .2rem;
      padding-bottom: .5rem; }

#partner_flow {
  padding-top: .5rem;
  padding-bottom: 0.5rem;
  border-top: 1px solid #e6e6e6;
  background-color: #FFF; }
  #partner_flow h3 {
    padding-bottom: 0; }
  #partner_flow .cont {
    height: 6.6rem;
    overflow: hidden;
    background: url("../img/pantner-bg.jpg") 0.28rem 0 no-repeat;
    background-size: auto 100%;
    padding: 0.8rem .3rem 0 .3rem;
    text-align: left; }
    #partner_flow .cont li {
      padding-bottom: .3rem;
      padding-left: .6rem;
      padding-top: .03rem;
      position: relative; }
      #partner_flow .cont li:after {
        position: absolute;
        top: 0px;
        left: 0;
        content: '';
        width: .57rem;
        height: .28rem;
        background: url("../img/icon-circleR.jpg") 0 0 no-repeat;
        background-size: auto 100%; }
    #partner_flow .cont h4 {
      font-size: .28rem;
      padding-bottom: .11rem; }
    #partner_flow .cont p {
      display: inline-block;
      font-size: .22rem;
      line-height: 1.5;
      height: .35rem;
      padding-right: .36rem;
      color: #999; }
    #partner_flow .cont span {
      display: inline-block;
      width: .26rem;
      height: .26rem;
      font-size: .2rem;
      line-height: 1;
      color: #108aec;
      border: 1px solid #108aec;
      box-sizing: border-box;
      border-radius: 50%;
      text-align: center;
      margin-right: .1rem;
      vertical-align: middle; }

#partner_ptn {
  background-color: #f3f3f3;
  padding: .5rem .2rem .4rem .25rem; }
  #partner_ptn h3 {
    padding-bottom: .4rem; }
  #partner_ptn ul {
    flex-wrap: wrap;
    height: 2.8rem;
    margin: 0;
    background: url("../img/partner-logo1.jpg") center 0 no-repeat;
    overflow: hidden;
    background-size: 100% auto; }
    #partner_ptn ul li {
      flex: 0 1 auto;
      min-width: 1.8rem; }
    #partner_ptn ul a {
      display: block;
      width: 100%;
      height: .6rem;
      margin: 0 auto; }
  #partner_ptn ul.hidden {
    margin-top: -0.2rem;
    width: 100%;
    height: 4rem;
    background: url("../img/partner-logo2.jpg") center 0.26rem no-repeat;
    background-size: 100% auto; }
    #partner_ptn ul.hidden a {
      height: .8rem; }
  #partner_ptn .more {
    height: .5rem;
    font-size: .28rem;
    color: #666;
    display: inline-block; }
    #partner_ptn .more span {
      display: inline-block;
      width: .28rem;
      height: .16rem;
      vertical-align: middle;
      margin-left: .1rem;
      background: url("../img/arrow-b.png") center 0 no-repeat;
      background-size: 100% auto;
      opacity: .6; }
    #partner_ptn .more span.all {
      background: url("../img/arrow-t.png") center 0 no-repeat;
      background-size: 100% auto;
      opacity: .6; }

#solution {
  margin-top: .2rem;
  background-color: #FFF; }

#solu_custom {
  padding-bottom: .6rem; }
  #solu_custom h3 {
    margin-top: .15rem;
    padding-bottom: .12rem; }
  #solu_custom .desc {
    width: 4.26rem;
    margin: 0 auto;
    line-height: 1.7;
    font-size: .22rem;
    color: rgba(51, 51, 51, 0.6);
    padding-bottom: .57rem; }
  #solu_custom ul {
    padding: 0 .2rem; }
  #solu_custom li {
    flex: 0 1 auto;
    width: 1.62rem;
    height: 2.05rem;
    box-shadow: 0 0 .08rem #8EB2FC;
    border-radius: 4px;
    padding-top: .32rem; }
    #solu_custom li img {
      width: .75rem;
      height: .9rem; }
    #solu_custom li p {
      font-size: .28rem;
      padding-top: .2rem;
      color: #333; }

#solu_industry {
  padding: .5rem 0;
  background: linear-gradient(to right, #289af6, #148cee); }
  #solu_industry h3 {
    color: #fff; }
  #solu_industry p {
    font-size: .24rem;
    line-height: 1.8;
    padding-bottom: .63rem;
    color: #fff; }
  #solu_industry .more {
    display: block;
    margin: 0 auto;
    width: 3.4rem;
    height: .8rem;
    line-height: .8rem;
    background-color: #FFF;
    font-size: .28rem;
    color: #108aec;
    border-radius: 4px; }

#about {
  text-align: left;
  background-color: #FFF; }
  #about h2 {
    border-bottom: 1px solid #f3f3f3; }
  #about ul {
    margin-left: .3rem; }
  #about li {
    display: flex;
    align-items: Center;
    height: .82rem;
    line-height: .82rem;
    border-bottom: 1px solid #f3f3f3; }
    #about li img, #about li h3 {
      display: inline-block; }
    #about li img {
      margin-right: .2rem;
      width: .34rem;
      height: .41rem; }
    #about li h3 {
      padding-bottom: 0;
      color: #000;
      font-size: .28rem; }

.test img {
  display: block;
  width: 6.9rem;
  height: 4rem;
  background-size: 100% 100%; }

.menu2 {
  background-color: #FFF;
  display: flex;
  justify-content: center;
  align-items: Center;
  text-align: center; }
  .menu2 a {
    flex: 1;
    font-size: .28rem; }
  .menu2 span {
    display: inline-block;
    border-bottom: .04rem solid transparent;
    margin-bottom: .1rem;
    height: .74rem;
    line-height: .74rem; }
  .menu2 a.active {
    color: #108aec; }
    .menu2 a.active span {
      border-bottom-color: #108aec; }

.about-center .part {
  padding: 0 .3rem;
  background-color: #FFF; }
  .about-center .part p {
    text-align: justify;
    text-justify: inter-ideograph; }

#aboutIn-main .part {
  margin-bottom: .2rem; }
  #aboutIn-main .part h3 {
    font-size: .32rem;
    padding-bottom: .2rem;
    padding-top: .4rem; }
  #aboutIn-main .part p {
    line-height: 1.5;
    padding-bottom: .25 rem; }

#ab-tab1-1 img {
  width: 6.9rem;
  height: 4rem;
  margin-bottom: .2rem; }

#ab-tab1-1 p {
  padding-bottom: .3rem; }

#ab-tab1-2 {
  padding: .3rem; }
  #ab-tab1-2 h3 {
    padding: .2rem 0 .4rem 0 !important; }
  #ab-tab1-2 .cont {
    width: 6.9rem;
    height: 2.8rem;
    position: relative; }
  #ab-tab1-2 img {
    width: 100%;
    height: 100%; }
  #ab-tab1-2 p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5.7rem;
    text-align: center;
    color: #fff;
    line-height: .28rem;
    font-size: .24rem; }

#bigNews {
  padding-bottom: .34rem; }
  #bigNews h3 {
    text-align: center; }
  #bigNews .cont {
    padding-top: .24rem; }
  #bigNews .yearUl li {
    min-height: 1rem;
    overflow: hidden;
    clear: both; }
    #bigNews .yearUl li:first-child {
      position: relative;
      height: .5rem;
      min-height: .5rem; }
      #bigNews .yearUl li:first-child:after {
        top: 0px;
        position: absolute;
        left: 50%;
        z-index: 9;
        content: '';
        width: .12rem;
        margin-left: -.06rem;
        height: .12rem;
        border-radius: 50%;
        background-color: #108aec; }
    #bigNews .yearUl li:last-child {
      position: relative;
      height: 1.5rem;
      margin-bottom: 1rem; }
      #bigNews .yearUl li:last-child:after {
        bottom: 0;
        position: absolute;
        left: 50%;
        z-index: 9;
        content: '';
        width: .12rem;
        margin-left: -.06rem;
        height: .12rem;
        border-radius: 50%;
        background-color: #108aec; }
  #bigNews .yearUl .fl, #bigNews .yearUl .fr {
    min-height: 1rem; }
  #bigNews .yearUl h4 {
    height: 100%;
    padding: .2rem 0;
    font-size: .32rem; }
  #bigNews .yearUl p {
    position: relative;
    font-size: .24rem;
    padding: .3rem 0;
    line-height: 1.3;
    min-height: 1rem;
    display: flex;
    justify-content: center;
    align-items: Center; }
  #bigNews .yearUl i {
    position: absolute;
    z-index: 2;
    width: .57rem;
    height: .28rem;
    display: block; }
  #bigNews .yearUl .fl {
    width: 50%;
    height: 100%;
    position: relative;
    text-align: right; }
    #bigNews .yearUl .fl:after {
      position: absolute;
      top: 0px;
      right: -.02rem;
      content: '';
      height: 100%;
      border-left: .04rem solid #108aec; }
    #bigNews .yearUl .fl h4 {
      text-align: right;
      padding-right: .4rem; }
    #bigNews .yearUl .fl p {
      padding-right: .4rem;
      text-align: left; }
    #bigNews .yearUl .fl i {
      right: -.14rem;
      background: url("../img/icon-circleL.jpg") center center no-repeat;
      background-size: 100%; }
  #bigNews .yearUl .fr {
    width: 50%;
    height: 100%;
    padding-left: .56rem;
    text-align: right;
    position: relative; }
    #bigNews .yearUl .fr:after {
      position: absolute;
      top: 0px;
      left: -.02rem;
      content: '';
      height: 100%;
      border-left: .04rem solid #108aec; }
    #bigNews .yearUl .fr h4 {
      text-align: left; }
    #bigNews .yearUl .fr i {
      left: -.7rem;
      top: .04 rem;
      background: url("../img/icon-circleR.jpg") center center no-repeat;
      background-size: 100%; }
  #bigNews .yearUl h4 {
    position: relative; }
  #bigNews .yearUl .y2018 {
    top: .38rem; }
  #bigNews .yearUl .y2017 {
    top: .84rem; }
  #bigNews .yearUl .y2016 {
    top: .38rem; }
  #bigNews .yearUl .y2015 {
    top: 1rem; }
  #bigNews .yearUl .y2014 {
    top: .54rem; }

#ab-tab1-3 {
  margin-bottom: 0 !important; }
  #ab-tab1-3 h3 {
    font-size: .32rem;
    text-align: left;
    margin-bottom: .1rem; }
  #ab-tab1-3 li {
    position: relative;
    width: 100%;
    padding-bottom: .4rem;
    margin-bottom: .4rem;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
    clear: both; }
  #ab-tab1-3 li:last-child {
    margin-bottom: 0; }
  #ab-tab1-3 img {
    width: 1.4rem;
    height: 1.4rem;
    float: left; }
  #ab-tab1-3 .box {
    float: right;
    width: 5.5rem;
    padding-left: .2rem;
    height: 100%;
    color: #333;
    text-align: justify;
    text-justify: inter-ideograph; }
    #ab-tab1-3 .box h4 {
      font-size: .28rem;
      color: #000;
      padding-bottom: .23rem; }
    #ab-tab1-3 .box p {
      color: #333 !important;
      font-size: .24rem;
      line-height: .3rem; }

#news-main {
  min-height: 6rem; }

.newsList {
  text-align: left;
  background-color: #f3f3f3;
  margin-bottom: 0; }
  .newsList li {
    padding: .2rem .3rem .3rem;
    background-color: #fff;
    overflow: hidden;
    margin-bottom: .2rem; }
  .newsList img {
    width: 2rem;
    height: 1.4rem;
    float: left;
    margin-top: .1rem; }
  .newsList .txt {
    position: relative;
    min-height: 1.5rem;
    margin-left: 2.25rem;
    padding-bottom: .4rem; }
  .newsList h4 {
    font-size: .28rem;
    color: #333;
    line-height: 1.5;
    margin: 0 0 .12rem 0;
    font-weight: bold; }
  .newsList p {
    max-height: 1.33rem;
    font-size: .24rem;
    overflow: hidden;
    color: #666;
    box-sizing: content-box;
    text-align: justify;
    text-justify: inter-ideograph; }
  .newsList .date {
    width: 100%;
    background-color: #FFF;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: .24rem;
    text-align: right;
    color: #999; }

#honor-main {
  text-align: center; }
  #honor-main img {
    margin-bottom: .27rem;
    width: 6.9rem; }
  #honor-main .w470 {
    width: 4.7rem; }
  #honor-main p {
    font-size: .28rem;
    color: #000;
    margin-bottom: .2rem; }

#contact-main h3 {
  font-size: .36rem;
  padding: 0.4rem 0;
  text-align: center; }

#contact-main .banner img {
  width: 7.5rem; }

.mapBox {
  height: 3.86rem;
  background: url("../img/contact-map.jpg") center 0 no-repeat;
  background-size: 100% auto; }
  .mapBox .txt {
    width: 5.72rem;
    height: 1.71rem;
    background: url("../img/map-bg.png") center 0 no-repeat;
    background-size: 100% 100%;
    text-align: center;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-52.5%, -60%); }
  .mapBox h4 {
    font-size: .32rem;
    padding: .36rem 0 .13rem 0; }
  .mapBox p {
    font-size: .22rem;
    text-align: center !important; }

.addr {
  text-align: left;
  margin-top: .3rem;
  padding-bottom: 1rem; }
  .addr li {
    margin-bottom: .24rem; }
  .addr p {
    display: inline-block;
    margin-left: .2rem;
    margin-top: -0.05rem;
    line-height: 1;
    color: #000;
    vertical-align: middle; }
  .addr span {
    display: inline-block;
    margin-left: .02rem;
    line-height: 1;
    color: #666;
    font-size: .24rem;
    margin-top: -0.05rem;
    vertical-align: middle; }
  .addr #addr-icon1 {
    width: .18rem;
    height: .24rem; }
  .addr #addr-icon2 {
    width: .34rem;
    height: .4rem; }
  .addr #addr-icon3 {
    width: .40rem;
    height: .28rem; }

#news-detail {
  background-color: #FFF;
  padding: .46rem .3rem;
  line-height: .4rem; }
  #news-detail img {
    display: inline-block; }

.product-center .mui-control-content {
  padding-top: .44rem; }

.product-center .mui-badge {
  margin-right: .2rem; }

.product-center .mui-badge2 {
  margin-right: .1rem; }

.product-center .videoBox {
  height: 4.26rem;
  position: relative; }
  .product-center .videoBox video {
    width: 100%;
    height: 3.66rem;
    margin: 0; }
  .product-center .videoBox .videoAbout {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .6rem;
    background-color: #000;
    opacity: 0.8;
    color: #fff;
    line-height: .6rem;
    font-size: .22rem;
    padding: 0 .2rem;
    text-align: center; }
  .product-center .videoBox .fl {
    float: none;
    text-align: center; }
  .product-center .videoBox .fr {
    display: none; }

.product-center .tabC {
  background-color: #FFF;
  padding: 0 .3rem .5rem 0.3rem; }
  .product-center .tabC h3 {
    padding-bottom: .24rem;
    font-size: .32rem;
    text-align: center; }
  .product-center .tabC p {
    font-size: .28rem;
    line-height: 1.4;
    padding-bottom: .16rem;
    color: #333;
    text-align: justify;
    text-justify: inter-ideograph; }

.product-center .blank {
  height: .45rem; }

.product-center .style h4 {
  margin-top: .25rem;
  font-size: .32rem;
  padding-bottom: .15rem;
  line-height: 1.4;
  position: relative;
  padding-left: .3rem; }
  .product-center .style h4:after {
    position: absolute;
    top: .15rem;
    left: 0;
    content: '';
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background-color: #108ded; }

.product-center .style p {
  padding-left: .3rem; }

.product-center .style .style2 {
  padding-left: .3rem; }

.product-center .style2 p {
  position: relative;
  padding-left: .3rem; }
  .product-center .style2 p:after {
    position: absolute;
    top: .15rem;
    left: 0;
    content: '';
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background-color: #24befe; }

.product-center #tab0 {
  padding-bottom: .5rem; }

.product-center .style-img img {
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: .26rem; }

#style-cm4 h4 {
  padding-bottom: 0;
  line-height: 1.2; }

#service-center .part {
  background-color: #FFF;
  margin-top: .2rem; }

#service-center #logoList ul {
  flex-wrap: wrap;
  justify-content: center;
  padding-top: .3rem; }

#service-center #logoList li {
  text-align: center;
  margin-bottom: .5rem; }

#service-center #logoList a {
  display: block;
  margin: 0 auto;
  width: 1rem;
  text-align: center;
  font-size: .28rem;
  line-height: 1; }

#service-center #logoList span {
  width: 1rem;
  height: 1.20rem;
  margin-bottom: .2rem;
  display: block;
  display: flex;
  justify-content: center;
  align-items: Center;
  background-color: #ffffff;
  box-shadow: 0px 0px 6px 0px rgba(51, 51, 51, 0.2);
  border-radius: .06rem; }

#service-center #logoList img {
  width: .8rem; }

#service-center h3 {
  text-align: center;
  padding: .5rem 0 .35rem 0; }

#service-center .desc {
  padding: 0 .3rem;
  margin-bottom: .2rem;
  text-align: center; }
  #service-center .desc p {
    font-size: .24rem;
    color: #999;
    line-height: 1.6;
    padding-bottom: .05rem; }

#service-center .main-ul {
  padding-left: .3rem; }
  #service-center .main-ul li {
    padding-bottom: .3rem; }
  #service-center .main-ul img {
    width: .54rem;
    height: .64rem;
    float: left; }
  #service-center .main-ul .txt {
    margin-left: .85rem;
    border-bottom: 1px solid #ddd;
    padding-right: .3rem;
    padding-bottom: .2rem; }
  #service-center .main-ul li:last-child .txt {
    border: none; }
  #service-center .main-ul h4 {
    font-size: .32rem;
    margin-bottom: .1rem; }
  #service-center .main-ul p {
    font-size: .28rem; }
  #service-center .main-ul .pBox p {
    padding-left: .25rem;
    position: relative; }
    #service-center .main-ul .pBox p:after {
      position: absolute;
      top: 0px;
      left: 0;
      content: '·';
      font-size: .48rem;
      line-height: .8; }

#service-center #contList {
  margin-bottom: .4rem; }
  #service-center #contList .part:last-child {
    padding-bottom: .4rem; }

#partner-center #dataBox .part {
  margin-bottom: .2rem;
  background-color: #FFF; }

#partner-center .title {
  padding: .2rem .3rem;
  border-bottom: 1px solid #e6e6e6; }
  #partner-center .title img {
    width: .54rem;
    height: .64rm;
    margin-right: .2rem;
    float: left; }
  #partner-center .title h3 {
    font-size: .36rem;
    line-height: .64rem; }

#partner-center .cont {
  padding-left: 1.06rem;
  padding-bottom: .1rem; }
  #partner-center .cont .item {
    padding: .3rem .3rem .3rem 0;
    border-bottom: 1px solid #e6e6e6; }
  #partner-center .cont .item:last-child {
    border: none; }
  #partner-center .cont h4 {
    margin-bottom: .15rem; }
  #partner-center .cont p {
    color: #999;
    line-height: .4rem;
    font-size: .28rem;
    text-align: justify;
    text-justify: inter-ideograph; }

#partner-center #p3 {
  padding: 0.5rem 0;
  background-image: linear-gradient(-66deg, #118aec 0%, #289af6 100%);
  text-align: center; }
  #partner-center #p3 h4 {
    padding-bottom: .5rem;
    font-size: .36rem;
    line-height: .40rem;
    color: #ffffff; }
  #partner-center #p3 p {
    width: 4.7rem;
    margin: 0 auto;
    height: .63rem;
    font-size: .24rem;
    line-height: .40rem;
    color: #ffffff;
    margin-bottom: 1rem; }
  #partner-center #p3 .btn {
    display: block;
    margin: 0 auto;
    width: 3.40rem;
    height: .8rem;
    line-height: .8rem;
    background-color: #ffffff;
    border-radius: .05rem;
    font-size: .28rem; }
    #partner-center #p3 .btn a {
      color: #3a53dd; }

#register {
  background-color: #FFF; }
  #register h2 {
    padding: .5rem 0;
    text-align: center; }
  #register form {
    padding: 0 .3rem; }
  #register .zform-fieldset {
    border: none;
    padding: 0;
    margin: 0; }
  #register .zform-control {
    height: 1.4rem; }
  #register input[type='text'] {
    width: 100%;
    margin-bottom: 0;
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    padding: 0 .2rem;
    font-size: .24rem;
    margin: 0;
    -webkit-user-select: text;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: .03rem;
    outline: none;
    background-color: #fff;
    -webkit-appearance: none; }
  #register .field-invalidmsg,
  #register .field-validmsg {
    padding-left: .2rem;
    font-size: .24rem; }
  #register .zbtn {
    width: 100%;
    margin-top: .2rem;
    height: .8rem;
    line-height: .8rem;
    padding: 0;
    margin-bottom: 1rem; }

.field-invalid {
  border-color: #a94442; }

.field-invalidmsg {
  color: #a94442; }

.field-validmsg {
  color: green; }

#solu-index {
  padding: .3rem .3rem 1rem .3rem;
  background-color: #FFF; }
  #solu-index h2 {
    text-align: center;
    padding: .2rem 0 .5rem 0; }
  #solu-index ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  #solu-index li {
    position: relative;
    width: 3.2rem;
    margin-bottom: .2rem; }
    #solu-index li img {
      width: 3.2rem;
      height: 1.6rem; }
    #solu-index li p {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      color: #fff; }
  #solu-index .desc {
    color: #999;
    line-height: 1.4;
    font-size: .24rem;
    padding: .2rem 0 .4rem 0; }
  #solu-index .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  #solu-index .item {
    text-align: center; }
    #solu-index .item .imgBox {
      width: .58rem;
      height: .58rem;
      display: flex;
      justify-content: center;
      align-items: Center;
      margin: 0 auto; }
      #solu-index .item .imgBox img {
        width: .48rem; }
    #solu-index .item p {
      padding-top: .2rem;
      color: #999; }

.solu-ban .txt {
  height: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: Center; }
  .solu-ban .txt h2 {
    padding: 0;
    text-align: center;
    line-height: 1.5; }

.solu-main {
  padding: .3rem 0 1rem 0;
  background-color: #FFF; }
  .solu-main h3, .solu-main h4 {
    line-height: 1.4; }
  .solu-main h3 {
    display: inline-block;
    vertical-align: middle; }
  .solu-main h4 {
    padding: 0.15rem .3rem 0 1.08rem; }
  .solu-main img {
    width: .54rem;
    height: .64rem;
    margin-right: .2rem;
    margin-left: .3rem; }
  .solu-main p {
    position: relative;
    padding: 0.1rem .3rem 0 1.08rem;
    color: #999;
    text-align: justify;
    text-justify: inter-ideograph; }
    .solu-main p span {
      position: absolute;
      left: 1.08rem;
      top: 0.17rem;
      font-weight: bold;
      font-size: .2rem; }
  .solu-main hr {
    background-color: #e6e6e6;
    margin-top: .2rem; }