html {
      scroll-behavior: smooth;
}

body {
      margin: 0px 0px;
      padding: 0px 0px;
      overflow-x: hidden;
      font-family: NotoSans;
}

a {
      color: #666;
      text-decoration: none;
}

a:visited {
      color: #666;
      text-decoration: none
}

a:active {
      color: #666;
      text-decoration: none
}

a:hover {
      color: #666;
      text-decoration: none;
}

::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #BCBCBC;
}

::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #BCBCBC;
}

:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #BCBCBC;
}

.blank10 {
      width: 100%;
      height: 0.10rem;
      clear: both;
      overflow: hidden;
}

.blank20 {
      width: 100%;
      height: 0.20rem;
      clear: both;
      overflow: hidden;
}

.blank30 {
      width: 100%;
      height: 0.30rem;
      clear: both;
      overflow: hidden;
}

.blank40 {
      width: 100%;
      height: 0.40rem;
      clear: both;
      overflow: hidden;
}

.blank50 {
      width: 100%;
      height: 0.50rem;
      float: left;
      overflow: hidden;
}

.blank60 {
      width: 100%;
      height: 0.60rem;
      clear: both;
      overflow: hidden;
}

.blank70 {
      width: 100%;
      height: 0.70rem;
      clear: both;
      overflow: hidden;
}

.blank80 {
      width: 100%;
      height: 0.80rem;
      clear: both;
      overflow: hidden;
}

.blank90 {
      width: 100%;
      height: 0.90rem;
      clear: both;
      overflow: hidden;
}

.blank100 {
      width: 100%;
      height: 1.00rem;
      clear: both;
      overflow: hidden;
}

.blank110 {
      width: 100%;
      height: 1.10rem;
      clear: both;
      overflow: hidden;
}

.blank120 {
      width: 100%;
      height: 1.20rem;
      clear: both;
      overflow: hidden;
}

.blank130 {
      width: 100%;
      height: 1.30rem;
      clear: both;
      overflow: hidden;
}

.blank140 {
      width: 100%;
      height: 1.40rem;
      clear: both;
      overflow: hidden;
}

.blank150 {
      width: 100%;
      height: 1.50rem;
      float: left;
      overflow: hidden;
}

.blank160 {
      width: 100%;
      height: 1.60rem;
      clear: both;
      overflow: hidden;
}

.blank170 {
      width: 100%;
      height: 1.70rem;
      clear: both;
      overflow: hidden;
}

.blank180 {
      width: 100%;
      height: 1.80rem;
      clear: both;
      overflow: hidden;
}

.blank190 {
      width: 100%;
      height: 1.90rem;
      clear: both;
      overflow: hidden;
}

.blank200 {
      width: 100%;
      height: 2.00rem;
      clear: both;
      overflow: hidden;
}

.blank210 {
      width: 100%;
      height: 2.10rem;
      clear: both;
      overflow: hidden;
}



.pc-box {
      display: block;
}

.phone-box {
      display: none;
}

.pc-box-flex {
      display: flex;
}

.phone-box-flex {
      display: none;
}




.mobheader-c {
      box-sizing: border-box;
      width: 100%;
      height: 0.60rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      position: fixed;
      z-index: 9999999;
      left: 0rem;
      top: 0rem;
}

.mobheader-c.on {
      box-sizing: border-box;
      width: 100%;
      height: 0.60rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      position: fixed;
      z-index: 999999;
      left: 0rem;
      top: 0rem;
      background-color: #2F356F;
}


.mobheader-bar {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      height: 0.60rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0.10rem;
}

.mobheader-bar-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 50%;
      height: 100%;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.mobheader-bar-l>a>.img1 {
      width: auto;
      height: 0.40rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
}

.mobheader-c.on .mobheader-bar-l>a>.img1 {
      width: auto;
      height: 0.40rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
      display: none;
}

.mobheader-bar-l>a>.img2 {
      width: auto;
      height: 0.40rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
      display: none;
}

.mobheader-c.on .mobheader-bar-l>a>.img2 {
      width: auto;
      height: 0.40rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
      display: block;
}


.mobheader-bar-l>a {
      display: block;
      width: auto;
      height: auto;
}

.mobheader-bar-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      width: 50%;
      height: 100%;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.mobheader-bar-r>.mobheader-icon-nav {
      margin: 0rem 0.15rem 0rem 0rem;
      padding: 0rem 0rem;
      font-size: 0.24rem;
      font-weight: bold;
      color: #fff;
      cursor: pointer;
}


.mobheader-nav-modalbox {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      overflow: hidden;
}

.mobheader-nav-modalbg {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 0%;
      height: 100%;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      background: #000;
      position: fixed;
      z-index: 9999;
      left: 0rem;
      top: 0rem;
      transition: all .2s linear 100ms;
      opacity: 0.3;
}

.mobheader-nav-modal {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 0%;
      height: 100%;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      background: #fff;
      position: fixed;
      z-index: 999999999;
      left: 0rem;
      top: 0rem;
      overflow: hidden;
      transition: all .2s linear 100ms;
      opacity: 1;
}

.mobheader-nav-navmob {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: 100%;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0.2rem;
}

.mobheader-nav-navmob-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.mobheader-nav-navhead {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      height: 0.80rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.mobheader-nav-navhead-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 50%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.mobheader-nav-navhead-l>.img1 {
      width: auto;
      height: 0.40rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
}

.mobheader-nav-navhead-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 0.30rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.mobheader-nav-navhead-r>.label-close {
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      font-size: 0.26rem;
      font-weight: normal;
      color: red;
      cursor: pointer;
}

.mobheader-nav-navmob-b {
      box-sizing: border-box;
      flex: 1;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: center;
      width: 100%;
      height: 0;
      min-height: 0.30rem;
      margin: 0.2rem 0rem;
      padding: 0rem 0rem;
      overflow-x: hidden;
      overflow-y: auto;
}

.mobheader-nav-navtree-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      background: #fff;
}

.mobheader-nav-navtree {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: auto;
      min-height: 0.50rem;
      margin: 0rem 0rem;
      padding: 0rem 0.10rem;
      border-bottom: solid 0.01rem #eee;
      cursor: pointer;
}

.mobheader-nav-navtree>.label1 {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.15rem;
      font-weight: normal;
      color: #666;
      text-transform: uppercase;
}

.mobheader-nav-navtree>.arr-icon {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 0.16rem;
      height: 0.16rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.20rem;
      font-weight: normal;
      color: #666;
      cursor: pointer;
}

.mobheader-nav-navtree-childs {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
}

.mobheader-nav-navtree-childs-a {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: auto;
      min-height: 0.40rem;
      margin: 0rem auto;
      padding: 0rem 0.20rem;
}

.mobheader-nav-navtree-childs-a>.label1 {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.15rem;
      font-weight: normal;
      color: #666;
}

.mobheader-searchbox {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 0rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      background: #eee;
      position: fixed;
      z-index: 10;
      left: 0rem;
      top: 0.60rem;
      overflow: hidden;
      transition: all .2s linear 100ms;
}

.mobheader-search {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      height: 0.50rem;
      min-height: 0.30rem;
      margin: 0.30rem 0.30rem;
      padding: 0rem 0rem;
      border: solid 0.01rem #ddd;
      border-radius: 0.30rem;
      overflow: hidden;
}

.mobheader-search-l {
      box-sizing: border-box;
      flex: 1;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.mobheader-search-l>.search-input {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: 100%;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0.20rem;
      border: none;
      background: #fff;
      text-align: left;
      font-size: 0.14rem;
      font-weight: normal;
      color: #666;
      outline: none;
}

.mobheader-search-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 0.80rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.mobheader-search-r>.button-search {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      border: solid 0rem #ccc;
      border-radius: 0rem;
      text-align: center;
      font-size: 0.14rem;
      font-weight: normal;
      color: #666;
      outline: none;
      cursor: pointer;
}

/*--------自适应--------*/





.header-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      position: fixed;
      z-index: 999999;
      left: 50%;
      top: 0rem;
      transform: translateX(-50%) translateY(0%);
}

.header-c.on {
      background-color: #2F356F;
}

.header {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      max-width: 14.00rem;
      height: auto;
      min-height: 0.90rem;
      margin: 0.20rem 0rem 0 0;
      padding: 0rem 0rem;
      border-bottom: solid 0.01rem #eee;
}

.header-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 25%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.header-c.on .header-l>a>.img1 {
      width: auto;
      height: 0.40rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
      display: none;
}

.header-l>a>.img1 {
      width: auto;
      height: 0.40rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
}

.header-c.on .header-l>a>.img2 {
      width: auto;
      height: 0.40rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
      display: block;
}

.header-l>a>.img2 {
      width: auto;
      height: 0.40rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
      display: none;
}

.header-l>a {
      display: block;
      width: auto;
      height: auto;
}

.header-r {
      box-sizing: border-box;
      flex: 1;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.navmain-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: flex-start;
      width: auto;
      height: 0.40rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.navmain-item {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: 100%;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0.40rem;
      cursor: pointer;
}

.navmain-item>.label-text {
      padding: 0rem 0rem;
      font-size: 0.16rem;
      font-weight: normal;
      color: #fff;
      cursor: pointer;
      text-transform: uppercase;
}

.navmain-item>.label-text:hover {
      color: #fff;
      text-decoration: none;
}

.navmain-item>.label-text:active {
      color: #fff;
      text-decoration: none;
}

.navmain-item>.label-text:visited {
      color: #fff;
      text-decoration: none;
}





.homeban-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
}

.homeban-c .swiper-pagination {
      bottom: 0.30rem !important;
      text-align: right;
}

.homeban-c .swiper-pagination-bullet {
      width: 0.15rem;
      height: 0.15rem;
      text-align: center;
      line-height: 0.10rem;
      font-size: 0.12rem;
      color: #000;
      opacity: 1;
      background: #fff;
      margin: 0 0.10rem;
}

.homeban-c .swiper-pagination-bullet-active {
      color: #fff;
      background: #2F356F;
}

.homeban-c .swiper {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
}

.homeban-c .swiper-wrapper {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
}

.homeban-c .swiper-slide {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
}

.homeban-c .swiper-item {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
      position: relative;
}

.homeban-c .swiper-item>.img1 {
      width: 100%;
      height: 85vh;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
}

.homeban-c .swiper-pagination {
      box-sizing: border-box;
      width: 80% !important;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
}



/*----*/

.homeads-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      max-width: 12.00rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      position: absolute;
      z-index: 10;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
}

.homeads-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 60%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.homeads {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.homeads-t {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      color: #fff;
      text-align: left;
      font-size: 0.80rem;
      font-weight: bold;
      line-height: 0.80rem;
}

.homeads-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem 0.30rem 0;
      padding: 0rem 0rem;
}

.homeads-m>.p1 {
      padding: 0rem 0rem;
      font-size: 0.12rem;
      font-weight: normal;
      line-height: 1.6;
      color: #fff;
}

.homeads-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.homeads-b>.homebanmore-button {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      margin: 0rem 0rem;
      padding: 0.20rem 0.40rem;
      border: solid 0.01rem #fff;
      border-radius: 0.30rem;
      background: transparent;
      text-align: center;
      font-size: 0.16rem;
      font-weight: bold;
      color: #fff;
      outline: none;
      cursor: pointer;
}

.homeads-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 40%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

/*--------自适应--------*/







.homenums-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.30rem 0rem;
      background: #2F356F;
}

.homenums {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      max-width: 12.00rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
}

.homenumsitem {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.homenumsitem-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.homenumsitem-t>.label-num {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.70rem;
      font-weight: bold;
      color: #fff;
}

.homenumsitem-t>.label2 {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.50rem;
      font-weight: bold;
      color: #fff;
}

.homenumsitem-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.homenumsitem-b>.label1 {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.16rem;
      font-weight: normal;
      color: #fff;
}

/*--------自适应--------*/


.homeabout-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 1.00rem 0rem 2.60rem 0;
      background: #EDEEED;
}

.homeabout {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      max-width: 14.00rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
}

.homeabout-module {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.homeabout-module-l {
      box-sizing: border-box;
      width: 44%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
      position: relative;
}

.homeabout-module-l>.img1 {
      width: 80%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
      position: relative;
      z-index: 2;
      float: left;
}

.homeabout-module-l>.img2 {
      width: 80%;
      height: auto;
      min-height: 0.30rem;
      margin: -1.30rem 0rem 0 0;
      padding: 0rem 0rem;
      object-fit: cover;
      position: relative;
      z-index: 1;
      float: right;
}

.homeabout-module-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 46%;
      height: auto;
      min-height: 0.30rem;
      padding: 0rem 0rem;
}

.homeabout-module-info {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.homeabout-module-info-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.homeabout-module-info-title {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      text-align: left;
      font-weight: bold;
      color: #2F356F;
      font-size: 0.70rem;
      line-height: 0.70rem;
}

.homeabout-module-info-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.10rem 0rem;
}

.homeabout-module-info-desc {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      text-align: left;
      color: #2F356F;
      font-weight: bold;
      font-size: 0.20rem;
}

.homeabout-module-info-content {
      box-sizing: border-box;
      width: 80%;
      height: auto;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      text-align: left;
      color: #2F356F;
      font-weight: normal;
      font-size: 0.12rem;
}

.homeabout-module-info-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: auto;
      margin: 0.40rem 0rem;
      padding: 0rem 0rem;
}

.homeabout-module-info-b>.link-more {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.05rem 0.30rem;
      border: none;
      border-radius: 0.05rem;
      background: #2F356F;
      font-size: 0.20rem;
      font-weight: normal;
      color: #fff;
}

.homeabout-module-info-b>.link-more:hover {
      color: #fff;
      text-decoration: none;
}

.homeabout-module-info-b>.link-more:active {
      color: #fff;
      text-decoration: none;
}

.homeabout-module-info-b>.link-more:visited {
      color: #fff;
      text-decoration: none;
}



/* home case */
.homecase-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      background: #fff;
}

.homecase {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: center;
      width: 100%;
      max-width: 9.00rem;
      height: auto;
      min-height: 0.30rem;
      margin: -1.50rem 0 0 0;
      padding: 0rem 0rem;
}

.homecaseitem {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 50%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.homecaseitem-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.homecaseitem-t>.img1 {
      width: 100%;
      height: 3.00rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
}

.homecaseitem-m1 {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      margin: 0.30rem 0rem;
      padding: 0rem 0.30rem;
}

.homecaseitem-m1>.link1 {
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      font-size: 0.20rem;
      font-weight: normal;
      color: #2F356F;
}

.homecaseitem-m1>.link1:hover {
      color: #2F356F;
      text-decoration: none;
}

.homecaseitem-m1>.link1:active {
      color: #2F356F;
      text-decoration: none;
}

.homecaseitem-m1>.link1:visited {
      color: #2F356F;
      text-decoration: none;
}

.homecaseitem-m2 {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      margin: 0rem 0rem;
      padding: 0rem 0.30rem;
}

.homecaseitem-m2>.link1 {
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      font-size: 0.16rem;
      font-weight: normal;
      color: #2F356F;
}

.homecaseitem-m2>.link1:hover {
      color: #2F356F;
      text-decoration: none;
}

.homecaseitem-m2>.link1:active {
      color: #2F356F;
      text-decoration: none;
}

.homecaseitem-m2>.link1:visited {
      color: #2F356F;
      text-decoration: none;
}

.homecaseitem-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      margin: 0.50rem 0rem;
      padding: 0rem 0.30rem;
}

.homecaseitem-b>a>.img1 {
      width: auto;
      height: 0.12rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
}

/*--------自适应--------*/


.homegoods-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      background: #fff;
}

.homegoods {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      max-width: 14.00rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.homegoods-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0.50rem 0rem;
      padding: 0rem 0rem;
}

.homegoods-t>.label1 {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.40rem;
      font-weight: bold;
      color: #2F356F;
}

.homegoods-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.homegoodsitem {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 22%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem 0.50rem 0rem;
      padding: 0rem 0rem;
}

.homegoodsitem-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.homegoodsitem-t>a>.img1 {
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
      border: none;
}

.homegoodsitem-t>a {
      display: block;
      width: 100%;
      height: auto;
}

.homegoodsitem-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.20rem 0rem;
}

.homegoodsitem-b>.label-name {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.18rem;
      font-weight: normal;
      color: #2F356F;
}

.homegoodsitem-b>.label-name:hover {
      color: #2F356F;
      text-decoration: none;
}

.homegoodsitem-b>.label-name:active {
      color: #2F356F;
      text-decoration: none;
}

.homegoodsitem-b>.label-name:visited {
      color: #2F356F;
      text-decoration: none;
}




/*--------自适应--------*/

.homechoose-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 1.00rem 0rem 0.10rem 0;
      background: #fff;
}

.homechoose {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      max-width: 10.00rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.homechoose-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      width: 50%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem 1.00rem 0;
}

.homechoosex {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.homechoosex-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      overflow: hidden;
}

.homechoosex-t>img {
      float: left;
      width: 100%;
      height: 3.50rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.homechoosex-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.40rem 0.40rem;
}

.homechoosex-m>.label-text {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.20rem;
      font-weight: bold;
      color: #2F356F;
}

.homechoosex-m>p {
      padding: 0rem 0rem;
      font-size: 0.18rem;
      font-weight: normal;
      line-height: 1.6;
      color: #2F356F;
}

.homechoosex-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0.40rem;
}

.homechoosex-b>a>.img1 {
      width: auto;
      height: 0.12rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
}

.homechoosex-b>a {
      display: block;
      width: auto;
      height: auto;
}

.homechoose-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 50%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0.40rem 0rem 0.40rem;
      background: #2F356F;
}

.homechoosey {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.homechoosey-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.homechoosey-t>.label-title {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.80rem;
      font-weight: bold;
      line-height: 0.80rem;
      color: #fff;
}

.homechoosey-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0.50rem 0rem;
      padding: 0rem 0rem;
}

.homechoosey-m>.label-desc {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.18rem;
      font-weight: normal;
      line-height: 1.6;
      color: #fff;
}

.homechoosey-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.homechoosey-b>.link1 {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      margin: 0rem 0rem;
      padding: 0.15rem 0.50rem;
      border: none;
      border-radius: 0.05rem;
      background: #fff;
      font-size: 0.18rem;
      font-weight: bold;
      color: #2F356F;
}

.homechoosey-b>.link1:hover {
      color: #2F356F;
      text-decoration: none;
}

.homechoosey-b>.link1:active {
      color: #2F356F;
      text-decoration: none;
}

.homechoosey-b>.link1:visited {
      color: #2F356F;
      text-decoration: none;
}

.homechoose-ban {
      box-sizing: border-box;
      margin: 0 auto;
      padding: 0 0 0 0;
      width: 100%;
      height: auto;
      text-align: center;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
}

.homechoose-ban>img {
      width: 100%;
      height: auto;
      margin: 0 0;
      object-fit: cover;
}

.homechoose-textc {
      box-sizing: border-box;
      margin: 0 auto;
      padding: 0.30rem 0;
      width: 100%;
      height: auto;
      text-align: center;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
}

.homechoose-text {
      box-sizing: border-box;
      margin: 0 auto;
      padding: 0 0 0 0;
      width: 100%;
      max-width: 12.00rem;
      height: auto;
      text-align: center;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
}

.homechoose-text>label {
      font-weight: bold;
      font-size: 0.40rem;
      color: #2F356F;
      margin: 0 0;
}

.homechoose-text a {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      border: none;
      background: #2F356F;
      color: #fff;
      margin: 0 0;
      padding: 0.10rem 0.30rem;
      font-size: 0.16rem;
      border-radius: 0.05rem;
}

.homechoose-text a:hover {
      color: #fff;
}

.homechoose-text a:active {
      color: #fff;
}

.homechoose-text a:visited {
      color: #fff;
}


/*--------自适应--------*/

.homecaseban-box {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
      position: relative;
}

.homecaseban-box>.img1 {
      width: 100%;
      height: auto;
      max-height: 7.50rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
}

.homecaseban-ads {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      max-width: 12.00rem;
      height: 3.00rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      position: absolute;
      z-index: 100;
}

.homecaseban-ads-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      width: 60%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.homecaseban-ads-l>.label1 {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.80rem;
      font-weight: normal;
      line-height: 0.80rem;
      color: #fff;
}

.homecaseban-ads-l>.label2 {
      margin: 0.30rem 0rem;
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.14rem;
      font-weight: normal;
      line-height: 1.8;
      color: #fff;
}

.homecaseban-ads-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 40%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}


/*--------自适应--------*/


.caseiconbox-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      position: absolute;
      z-index: 10;
      left: 0rem;
      bottom: 0.70rem;
}

.caseiconbox {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      max-width: 12.00rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
}

.caseicon {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 20%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.caseicon-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.10rem 0.10rem;
}

.caseicon-t>img {
      width: auto;
      height: 0.40rem;
      margin: 0 0;
      object-fit: cover;
}

.caseicon-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0.05rem 0rem;
      padding: 0rem 0rem;
}

.caseicon-b>.label-text {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.18rem;
      color: #fff;
}




/*--------自适应--------*/


.footbox-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      position: relative;
}

.footbox {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      position: absolute;
      z-index: 1;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
}

.footbox-d {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0.10rem 0rem;
}

.footbox-d>img {
      width: 30%;
      height: auto;
      margin: 0.20rem 0;
      object-fit: cover;
}

.footbox-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.10rem 0rem;
}

.footbox-t>.label-title {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.36rem;
      font-weight: bold;
      color: #fff;
}

.footbox-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.footbox-b>.label-desc {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.20rem;
      font-weight: normal;
      color: #fff;
}

.footbox-c>.img2 {
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
}





/*--------自适应--------*/


.subban-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      position: relative;
}

.subban-c>.img2 {
      width: 100%;
      height: 80vh;
      min-height: 60vh;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
}

.subbantext {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      max-width: 10.00rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      position: absolute;
      z-index: 100;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
}

.subbantext-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.20rem 0rem;
}

.subbantext-t>.label-title {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.80rem;
      font-weight: bold;
      color: #fff;
}

.subbantext-t>.label-title2 {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 1.30rem;
      font-weight: bold;
      color: #fff;
      line-height: 1.30rem;
}

.subbantext-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 0.01rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      background: #fff;
}

.subbantext-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      margin: 0rem 0rem;
      padding: 0.20rem 0rem;
}

.subbantext-b>.label-desc {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.34rem;
      font-weight: normal;
      color: #fff;
}



/*--------自适应--------*/



.aboutchoose-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 1.00rem 0rem 1.00rem 0;
      background: #fff;
}

.aboutchoose {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      max-width: 10.00rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0.40rem 0rem;
      padding: 0rem 0rem;
}

.aboutchoose-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      width: 50%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem 0.60rem 0;
}

.aboutchoosex {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.aboutchoosex-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      overflow: hidden;
}

.aboutchoosex-t>img {
      float: left;
      width: 100%;
      height: 3.50rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.aboutchoosex-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.40rem 0.40rem;
}

.aboutchoosex-m>.label-text {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.20rem;
      font-weight: bold;
      color: #2F356F;
}

.aboutchoosex-m>p {
      padding: 0rem 0rem;
      font-size: 0.18rem;
      font-weight: normal;
      line-height: 1.6;
      color: #2F356F;
}

.aboutchoosex-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0.40rem;
}

.aboutchoosex-b>a>.img1 {
      width: auto;
      height: 0.12rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
}

.aboutchoosex-b>a {
      display: block;
      width: auto;
      height: auto;
}

.aboutchoose-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      width: 50%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0.40rem 0rem 0.40rem;
      background: #2F356F;
}

.aboutchoosey {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 1.00rem 0rem 0 0;
      padding: 0rem 0rem;
}

.aboutchoosey-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.aboutchoosey-t>.label-title {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.70rem;
      font-weight: normal;
      line-height: 0.70rem;
      color: #fff;
}

.aboutchoosey-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0.50rem 0rem;
      padding: 0rem 0rem;
}

.aboutchoosey-m>.label-desc {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.18rem;
      font-weight: normal;
      line-height: 1.6;
      color: #fff;
}

.aboutchoosey-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.aboutchoosey-b>.link1 {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      margin: 0rem 0rem;
      padding: 0.15rem 0.50rem;
      border: none;
      border-radius: 0.05rem;
      background: #fff;
      font-size: 0.18rem;
      font-weight: bold;
      color: #2F356F;
}

.aboutchoosey-b>.link1:hover {
      color: #2F356F;
      text-decoration: none;
}

.aboutchoosey-b>.link1:active {
      color: #2F356F;
      text-decoration: none;
}

.aboutchoosey-b>.link1:visited {
      color: #2F356F;
      text-decoration: none;
}






.aboutoffer-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 1.00rem 0rem 1.60rem 0;
      background: #EDEEED;
}

.aboutoffer {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      max-width: 14.00rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
}

.aboutoffer-module {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.aboutoffer-module-l {
      box-sizing: border-box;
      width: 44%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
      position: relative;
}

.aboutoffer-module-l>.img1 {
      width: 60%;
      height: auto;
      min-height: 0.30rem;
      margin: 1.00rem 0rem 0 0;
      padding: 0rem 0rem;
      object-fit: cover;
      position: relative;
      z-index: 3;
}

.aboutoffer-module-l>.img2 {
      width: 60%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem 0 0;
      padding: 0rem 0rem;
      object-fit: cover;
      position: relative;
      z-index: 2;
      position: absolute;
      top: 0rem;
      right: 0rem;
}

.aboutoffer-module-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 46%;
      height: auto;
      min-height: 0.30rem;
      padding: 0.50rem 0rem 0 0;
}

.aboutoffer-module-info {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.aboutoffer-module-info-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.aboutoffer-module-info-title {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      text-align: left;
      font-weight: bold;
      color: #2F356F;
      font-size: 0.70rem;
      line-height: 0.80rem;
}

.aboutoffer-module-info-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.10rem 0rem;
}

.aboutoffer-module-info-desc {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      text-align: left;
      color: #2F356F;
      font-weight: bold;
      font-size: 0.20rem;
}

.aboutoffer-module-info-content {
      box-sizing: border-box;
      width: 80%;
      height: auto;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      text-align: left;
      color: #2F356F;
      font-weight: normal;
      font-size: 0.16rem;
}

.aboutoffer-module-info-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: auto;
      margin: 0.40rem 0rem;
      padding: 0rem 0rem;
}

.aboutoffer-module-info-b>.link-more {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.05rem 0.30rem;
      border: none;
      border-radius: 0.05rem;
      background: #2F356F;
      font-size: 0.16rem;
      font-weight: normal;
      color: #fff;
}

.aboutoffer-module-info-b>.link-more:hover {
      color: #fff;
      text-decoration: none;
}

.aboutoffer-module-info-b>.link-more:active {
      color: #fff;
      text-decoration: none;
}

.aboutoffer-module-info-b>.link-more:visited {
      color: #fff;
      text-decoration: none;
}









.contactstrate-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.80rem 0rem;
      background: #1D2A73;
}

.contactstrate {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      max-width: 14.00rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.contactstrate-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.contactstrate-t>.label-head {
      flex: 1;
      width: 100%;
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.50rem;
      font-weight: bold;
      color: #fff;
}

.contactstrate-headtext {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 35%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
}

.contactstrate-headtext>.label-desc {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.14rem;
      font-weight: bold;
      line-height: 1.6;
      color: #fff;
}

.contactstrate-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0.50rem 0rem;
      padding: 0rem 0rem;
}

.contactstritem {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: auto;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.contactstritem-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.contactstritem-icon {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 1.50rem;
      height: 1.50rem;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
      border-radius: 100%;
      background: #fff;
}

.contactstritem-icon>.img1 {
      width: 0.70rem;
      height: 0.70rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
}

.contactstritem-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0.20rem 0rem;
      padding: 0rem 0rem;
}

.contactstritem-b>.label-title {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.22rem;
      font-weight: normal;
      line-height: 1.6;
      color: #fff;
}




/*--------自适应--------*/



.contactform-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 1.40rem 0rem 0.60rem 0;
}

.contactform {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      max-width: 12.00rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
      background: #fff;
}

.contactform-title {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
}

.contactform-title>.label-head {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.50rem;
      font-weight: bold;
      color: #1D2A73;
}

.contactform-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0.2rem 0 0 0;
      padding: 0rem 0rem;
}

.contactrow {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      width: 46%;
      height: auto;
      min-height: 0.30rem;
      margin: 0.30rem 0rem;
      padding: 0.10rem 0rem;
      border-bottom: solid 0.01rem #1D2A73;
      background: #fff;
}

.contactrow-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: auto;
      height: 0.40rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.contactrow-l>.label-text {
      padding: 0rem 0rem;
      font-size: 0.30rem;
      font-weight: bold;
      color: #1D2A73;
}

.contactrow-m {
      box-sizing: border-box;
      flex: 1;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      border: none;
      position: relative;
}

.contactrow-m>.input-text {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: 0.50rem;
      min-height: 0.50rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      border: none;
      border-radius: 0rem;
      background: #fff;
      text-align: left;
      font-size: 0.16rem;
      font-weight: normal;
      color: #1D488F;
      outline: none;
}

.contactform-button>.button-send {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: 0.50rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.08rem 0.30rem;
      border: solid 0rem #ccc;
      border-radius: 0.05rem;
      background: #1D2A73;
      text-align: center;
      font-size: 0.18rem;
      font-weight: normal;
      color: #fff;
      outline: none;
      cursor: pointer;
}

.contactform-button {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0.70rem 0rem 0.60rem 0;
}


.contactform input::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #1D2A73;
      font-size: 0.36rem;
      font-weight: bold;
      line-height: 0.5rem;
      opacity: 0.5;
}

.contactform input::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #1D2A73;
      font-size: 0.36rem;
      font-weight: bold;
      line-height: 0.5rem;
      opacity: 0.5;
}

.contactform input:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #1D2A73;
      font-size: 0.36rem;
      font-weight: bold;
      line-height: 0.5rem;
      opacity: 0.5;
}


/*--------自适应--------*/


.casehonor-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.30rem 0rem;
      background: #fff;
}

.casehonor {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      max-width: 14.00rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.casehonor-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.50rem 0rem;
}

.casehonor-t>.label-title {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.50rem;
      font-weight: bold;
      color: #2F356F;
}

.casehonor-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.casehonor-b>.img1 {
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
}



/*--------自适应--------*/

.casefuture-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.50rem 0rem 1.50rem 0;
      background: #fff;
}

.casefuture {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      height: auto;
      max-width: 14.00rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.casefuture-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 40%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.casefuturex {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.casefuturex-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.casefuturex-t>.label-st {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.20rem;
      font-weight: bold;
      color: #2F356F;
}

.casefuturex-m1 {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.casefuturex-m1>.label-bt {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.70rem;
      font-weight: bold;
      color: #2F356F;
      line-height: 0.70rem;
}

.casefuturex-m2 {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0.20rem 0rem;
      padding: 0rem 0rem;
}

.casefuturex-m2>.label1 {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.16rem;
      font-weight: normal;
      line-height: 1.6;
      color: #2F356F;
}

.casefuturex-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0.30rem 0rem;
      padding: 0rem 0rem;
}

.casefuturex-b>.link1 {
      margin: 0rem 0rem;
      padding: 0.15rem 0.40rem;
      border-radius: 0.05rem;
      background: #2F356F;
      font-size: 0.14rem;
      font-weight: normal;
      color: #fff;
}

.casefuturex-b>.link1:hover {
      color: #fff;
      text-decoration: none;
}

.casefuturex-b>.link1:active {
      color: #fff;
      text-decoration: none;
}

.casefuturex-b>.link1:visited {
      color: #fff;
      text-decoration: none;
}

.casefuture-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 50%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.casefuture-r>.img1 {
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
}




/*--------自适应--------*/


.casenums-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.casenums {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      max-width: 13.00rem;
      height: auto;
      min-height: 0.30rem;
      margin: -0.60rem 0 0 0;
      padding: 0.40rem 0rem;
      background: #2F356F;
}

.casenumsitem {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.casenumsitem-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.casenumsitem-t>.label-num {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.70rem;
      font-weight: bold;
      color: #fff;
}

.casenumsitem-t>.label2 {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.50rem;
      font-weight: bold;
      color: #fff;
}

.casenumsitem-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.casenumsitem-b>.label1 {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.16rem;
      font-weight: normal;
      color: #fff;
}



/*--------自适应--------*/




.teambox-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 1.20rem 0rem 0.80rem 0;
      background: #fff;
}

.teambox {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      max-width: 10.00rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.teambox-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.teambox-t>.label-teamt {
      width: 3.00rem;
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.60rem;
      line-height: 0.60rem;
      font-weight: bold;
      color: #2F356F;
}

.teambox-title {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-end;
      justify-content: flex-end;
      width: 35%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0;
      padding: 0rem 0rem;
}

.teambox-title>p {
      padding: 0rem 0rem;
      font-size: 0.20rem;
      font-weight: bold;
      color: #2F356F;
}

.teambox-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0.10rem 0rem;
      padding: 0rem 0rem;
}

.teamitem {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 50%;
      height: auto;
      min-height: 0.30rem;
      margin: 0.40rem 0rem;
      padding: 0rem 0rem;
}

.teamitem-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.teamitem-t>.img1 {
      width: 100%;
      height: 3.00rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
}

.teamitem-m1 {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.30rem 0.30rem;
}

.teamitem-m1>.label-text {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.22rem;
      font-weight: bold;
      color: #2F356F;
}

.teamitem-m1>.link2 {
      margin: 0.05rem 0rem;
      padding: 0rem 0rem;
      font-size: 0.18rem;
      font-weight: bold;
      color: #000;
}

.teamitem-m1>.link2:hover {
      color: #000;
      text-decoration: none;
}

.teamitem-m1>.link2:active {
      color: #000;
      text-decoration: none;
}

.teamitem-m1>.link2:visited {
      color: #000;
      text-decoration: none;
}

.teamitem-m2 {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 1.20rem;
      margin: 0rem 0rem;
      padding: 0rem 0.30rem;
      text-align: left;
      font-size: 0.16rem;
}

.teamitem-m2>.p1 {
      padding: 0rem 0rem;
      font-size: 0.14rem;
      font-weight: bold;
      line-height: 1.6;
      color: #2F356F;
}

.teamitem-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0.30rem;
}

.teamitem-b>a>.img1 {
      width: 0.20rem;
      height: 0.20rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
      border-radius: 100%;
      object-fit: cover;
}

.teamitem-b>a {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 0.40rem;
      height: 0.40rem;
      overflow: hidden;
      border-radius: 100%;
      margin: 0 0.05rem 0 0;
      background-color: #2F74BA;
}





/*--------自适应--------*/


.business-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 1.00rem 0rem;
      background: #1D488F;
}

.business {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      max-width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.business-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.business-t>.label-bt {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.60rem;
      font-weight: bold;
      line-height: 0.60rem;
      color: #fff;
}

.business-bc {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      max-width: 100%;
      height: auto;
      min-height: 0rem;
      margin: 0.90rem 0rem 0.70rem 0;
      padding: 0rem 0rem;
      position: relative;
}

.business-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      max-width: 14.00rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      position: relative;
}

.businessitem {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      width: 18%;
      aspect-ratio: 1 / 1;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      border: solid 0.01rem #fff;
      border-radius: 100%;
}

.businessitem-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-end;
      justify-content: center;
      width: 100%;
      height: 40%;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.businessitem-t>.img1 {
      width: 30%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
}

.businessitem-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 0.20rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.businessitem-m>.label1 {
      width: 0.20rem;
      height: 0.20rem;
      padding: 0rem 0rem;
      border-radius: 100%;
      background: #fff;
      position: relative;
      z-index: 100;
      text-align: center;
      font-size: 0.14rem;
      font-weight: normal;
      color: #666;
}

.businessitem-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: center;
      width: 100%;
      height: 40%;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.businessitem-b>.label-text {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.22rem;
      font-weight: bold;
      color: #fff;
}

.business-b-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 0.01rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      background: #ccc;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
}



/*--------自适应--------*/

.probox-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.70rem 0rem;
      background: #fff;
}

.probox {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      max-width: 16.00rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.probox-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.probox-t>.label-tt {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.40rem;
      font-weight: bold;
      color: #2E346F;
}

.probox-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.70rem 0rem;
}

.prolayout-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
      background: #fff;
}

.prolayout {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      max-width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.prolayout-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 3.00rem;
      height: auto;
      min-height: 2.00rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.procate-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      background: #fff;
}

.procate-b.on {
      max-height: 100rem;
      transition: all .2s linear 100ms;
}

.procate-t>.icon.on {
      transition: all .2s linear 100ms;
      transform: rotate(0deg);
}

.procate {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.procate-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: auto;
      min-height: 0.40rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.procate-t>.label-ctitle {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.20rem;
      font-weight: bold;
      color: #000;
}

.procate-t>.label-ctitle:hover {
      color: #000;
      text-decoration: none;
}

.procate-t>.label-ctitle:active {
      color: #000;
      text-decoration: none;
}

.procate-t>.label-ctitle:visited {
      color: #000;
      text-decoration: none;
}

.procate-t>.icon {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 0.30rem;
      height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      font-size: 0.22rem;
      font-weight: normal;
      color: #999;
      cursor: pointer;
      transition: all .2s linear 100ms;
      transform: rotate(90deg);
      cursor: pointer;
}

.procate-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      max-height: 0rem;
      margin: 0rem 0rem 0 0;
      padding: 0rem 0rem;
      overflow: hidden;
      transition: all .2s linear 100ms;
}

.procate-blank {
      box-sizing: border-box;
      margin: 0 0;
      padding: 0 0 0 0;
      width: 100%;
      height: 2cap;
}

.procate-child {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: auto;
      min-height: 0.40rem;
      margin: 0.05rem 0rem;
      padding: 0rem 0rem 0rem 0rem;
}

.procate-child-l {
      box-sizing: border-box;
      flex: 1;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.procate-child-l>.label-catitem {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.16rem;
      font-weight: normal;
      color: #999;
}

.procate-child-l>.label-catitem.on {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.16rem;
      font-weight: bold;
      color: #000;
}



.procate-child-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 0.20rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.prolayout-r {
      box-sizing: border-box;
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 1.00rem;
      margin: 0rem 0rem 0rem 0.80rem;
      padding: 0rem 0rem;
}

.prolist {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.prolist-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.protool {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: auto;
      min-height: 0.40rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.protool-l {
      box-sizing: border-box;
      flex: 1;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.protool-l>.label1 {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.14rem;
      font-weight: bold;
      color: #000;
}

.protool-m1 {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.protool-m1>.label1 {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.14rem;
      font-weight: bold;
      color: #000;
}

.protool-m1>.link2 {
      margin: 0rem 0.05rem;
      padding: 0rem 0rem;
      font-size: 0.14rem;
      font-weight: bold;
      color: #ccc;
}

.protool-m1>.link2.on {
      color: #000;
}

.protool-m2 {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0.20rem;
}

.protool-m2>.protool-viewicon {
      width: auto;
      margin: 0rem 0.05rem;
      padding: 0rem 0rem;
      font-size: 0.18rem;
      font-weight: normal;
      color: #ccc;
      cursor: pointer;
}

.protool-m2>.protool-viewicon>img {
      width: 0.25rem;
      height: auto;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      font-size: 0.18rem;
      font-weight: normal;
      color: #000;
      cursor: pointer;
}



.protool-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.protool-r>.select1 {
      box-sizing: border-box;
      width: 100%;
      height: 0.40rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      border: solid 0.01rem #000;
      font-size: 0.14rem;
      font-weight: normal;
      color: #000;
      outline: none;
}

.prolist-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.prorow {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 22%;
      height: auto;
      min-height: 0.30rem;
      margin: 0.30rem 0rem;
      padding: 0rem 0rem;
}

.prorow-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.prorow-t>a>.img1 {
      width: 100%;
      height: 3.00rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
}

.prorow-t>a {
      display: block;
      width: 100%;
      height: auto;
}

.prorow-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.10rem 0rem;
}

.prorow-m>.label1 {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.20rem;
      font-weight: bold;
      color: #2E346F;
}

.prorow-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.10rem 0rem;
}

.prorow-b>.link1 {
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      font-size: 0.14rem;
      font-weight: normal;
      color: #000;
}

.prorow-b>.link1:hover {
      color: #000;
      text-decoration: none;
}

.prorow-b>.link1:active {
      color: #000;
      text-decoration: none;
}

.prorow-b>.link1:visited {
      color: #000;
      text-decoration: none;
}

.prolist-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

/*--------自适应--------*/
.pager {
      box-sizing: border-box;
      clear: both;
      font-size: 0.14rem;
      width: 100%;
      height: auto;
      margin: 0.40rem 0 0.50rem 0;
      padding: 0 0rem 0 0;
      text-align: center;
}

.pager a {
      color: #666;
      font-size: 0.14rem;
      text-decoration: none;
      border: solid 0.01rem #ddd;
      display: inline-block;
      padding: 0.06rem 0.10rem;
      margin: 0.02rem 0.04rem;
      border-radius: 0.03rem;
      background-color: #ddd;
}

.pager a:visited {
      color: #666;
      text-decoration: none
}

.pager a:active {
      color: #666;
      text-decoration: none
}

.pager a:hover {
      color: #666;
      text-decoration: none;
}

.pager a.cur {
      color: #fff;
      background: rgb(236, 97, 97);
      border: none;
}

.pager a.prev {}

.pager a.next {
      background-color: transparent;
}

.pager a.off {
      color: #999;
      border: solid 0.01rem #ddd;
      background-color: #ddd;
}

.pager span {
      float: right;
}

.pager input {
      outline: none;
      width: 0.40rem;
      height: 0.29rem;
      text-align: center;
      line-height: 0.28rem;
      border: solid 0.01rem #ccc;
}

.pager button {
      outline: none;
      width: 0.40rem;
      height: 0.29rem;
      line-height: 0.28rem;
      border: solid 0.01rem #ccc;
      border-left: none;
      cursor: pointer;
}

.prodetail-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 1.00rem 0rem;
      background: #fff;
}

.prodetail {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      max-width: 16.00rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
}

.prodetail-nav {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
}

.pronav {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.pronav-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      width: auto;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0.10rem 0rem 0rem;
}

.pronav-l>.label1 {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      min-height: 0.30rem;
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.14rem;
      font-weight: bold;
      color: #000;
}

.pronav-r {
      box-sizing: border-box;
      flex: 1;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.pronavmenu-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      width: auto;
      height: auto;
      margin: 0rem 0.20rem 0rem 0rem;
      padding: 0rem 0rem;
      position: relative;
}

.pronavmenu-c:hover .pronavmenu-drop {
      max-height: 2.00rem;
      transition: all .2s linear 100ms;
}

.pronavmenu-c:hover .pronavmenu>.icon {
      transform: rotate(180deg);
      transition: all .2s linear 100ms;
}

.pronavmenu {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem 0rem 0rem;
      padding: 0rem 0rem;
      cursor: pointer;
}

.pronavmenu>.label1 {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.14rem;
      font-weight: normal;
      color: #666;
}

.pronavmenu.on>.label1 {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.14rem;
      font-weight: bold;
      color: #000;
}



.pronavmenu>.icon {
      margin: 0rem 0.05rem;
      padding: 0rem 0rem;
      font-size: 0.16rem;
      font-weight: normal;
      color: #000;
      transition: all .2s linear 100ms;
}

.pronavmenu.on>.icon {
      margin: 0rem 0.05rem;
      padding: 0rem 0rem;
      font-size: 0.16rem;
      font-weight: bold;
      color: #000;
      transition: all .2s linear 100ms;
}

.pronavmenu-drop {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      max-height: 0rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      background: #fff;
      position: absolute;
      z-index: 10;
      left: 0rem;
      top: 0.30rem;
      overflow: hidden;
      transition: all .2s linear 100ms;
}

.pronavmenu-dropbox {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.10rem 0.10rem;
}

.pronavmenu-dropitem {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.pronavmenu-dropitem-l {
      box-sizing: border-box;
      display: none;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 0.30rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.pronavmenu-dropitem-l>.icon {
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      font-size: 0.14rem;
      font-weight: normal;
      color: #666;
}

.pronavmenu-dropitem-r {
      box-sizing: border-box;
      flex: 1;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.pronavmenu-dropitem-r>.label-text {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.14rem;
      font-weight: normal;
      color: #666;
}

.prodetail-box {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0.50rem 0rem;
}

.prorels-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0.5rem 0 0rem 0;
      padding: 0rem 0rem;
}

.prorels {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.prorels-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.prorels-t>.label-reltitle {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.40rem;
      font-weight: bold;
      color: #2E346F;
}

.prorels-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.30rem 0rem;
}

.prorelgoods {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 24%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.prorelgoods-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      border: solid 0.01rem #ddd;
}

.prorelgoods-t>a>.img1 {
      width: 100%;
      height: 4.00rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: cover;
}

.prorelgoods-t>a {
      display: block;
      width: 100%;
      height: auto;
}

.prorelgoods-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.20rem 0rem;
}

.prorelgoods-b>.label-series {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.16rem;
      font-weight: bold;
      color: #666;
}

.prorelgoods-b>.link2 {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      min-height: 0.30rem;
      margin: 0.20rem 0rem;
      padding: 0.06rem 0.30rem;
      border: none;
      border-radius: 0.05rem;
      background: #2F356F;
      font-size: 0.14rem;
      font-weight: normal;
      color: #fff;
}

.prorelgoods-b>.link2:hover {
      color: #fff;
      text-decoration: none;
}

.prorelgoods-b>.link2:active {
      color: #fff;
      text-decoration: none;
}

.prorelgoods-b>.link2:visited {
      color: #fff;
      text-decoration: none;
}

/*--------自适应--------*/
.position-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      background: #fff;
}

.position {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      max-width: 100%;
      height: 0.40rem;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
}

.position>.link-item {
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      font-size: 0.20rem;
      font-weight: normal;
      color: #666;
}

.position>.link-item:hover {
      color: #666;
      text-decoration: none;
}

.position>.link-item:active {
      color: #666;
      text-decoration: none;
}

.position>.link-item:visited {
      color: #666;
      text-decoration: none;
}

.position>.icon-arrow {
      margin: 0rem 0.05rem;
      padding: 0rem 0rem;
      font-size: 0.18rem;
      font-weight: bold;
      color: #666;
}

.position>.label-item {
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.20rem;
      font-weight: normal;
      color: #666;
}

/*--------自适应--------*/
.proinfo-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0.20rem auto;
      padding: 0.10rem 0rem;
      background: #fff;
}

.proinfo {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      max-width: 16.00rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      background: #fff;
      border-bottom: 0.03rem solid #666;
}

.proinfo-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      width: 49%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.proinfo_gallery-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
      background: #fff;
      position: relative;
}

.proinfo_gallery-c>.swiper {
      border: solid 0.01rem #ddd;
      position: relative;
}

.proinfo_gallery-c .swiper-pagination {
      bottom: 0rem !important;
}

.proinfo_gallery-c .swiper-pagination-bullet {
      width: 0.10rem;
      height: 0.10rem;
      text-align: center;
      line-height: 0.10rem;
      font-size: 0.12rem;
      color: #000;
      opacity: 1;
      background: #ddd;
      margin: 0 0.10rem;
}

.proinfo_gallery-c .swiper-pagination-bullet-active {
      color: #fff;
      background: #1D488F;
}

.proinfo_gallery-cmd>.proinfo_gallery-thumb.on {
      border: solid 0.01rem #000;
}

.proinfo_gallery-c .swiper {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
      border: solid 0.02rem #ddd;
}

.proinfo_gallery-c .swiper-wrapper {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
}

.proinfo_gallery-c .swiper-slide {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
}

.proinfo_gallery-c .swiper-item {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
      position: relative;
}

.proinfo_gallery-c .swiper-item>.img1 {
      width: 100%;
      height: 4.40rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      object-fit: contain;
}

.proinfo_gallery-c .swiper-pagination {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
}

.proinfo_gallery-cmd {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
}

.proinfo_gallery-thumb {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 0.60rem;
      height: 0.60rem;
      min-height: 0.30rem;
      margin: 0.10rem 0.05rem 0rem 0rem;
      padding: 0rem 0rem;
      cursor: pointer;
      border: solid 0.01rem #ddd;
}

.proinfo_gallery-thumb>.img1 {
      width: 100%;
      height: 100%;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      cursor: pointer;
      object-fit: cover;
}

.proinfo-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 49%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.30rem 0.60rem;
      background: #E9EBF0;
}

.proinfo-info {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.proinfo-info-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.10rem 0rem;
      border-bottom: solid 0.02rem #2F356F;
}

.proinfo-info-t>.label-title {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.30rem;
      font-weight: bold;
      color: #2F356F;
}

.proinfo-info-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.10rem 0rem;
}

.proinfo-infoitem {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0.05rem 0rem;
      padding: 0rem 0rem;
}

.proinfo-infoitem p {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.14rem;
      font-weight: normal;
      line-height: 1.6;
      color: #666;
}

.proinfo-info-m-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
}

.proinfo-info-m-b>.label-note {
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.14rem;
      font-weight: normal;
      color: #666;
}

.proinfo-info-m-c {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0.20rem 0rem;
      text-align: left;
      font-size: 0.14rem;
      color: #666;
      line-height: 1.6;
}

.proinfo-info-m-c>p {
      margin: 0 0;
      padding: 0rem 0rem;
      font-size: 0.14rem;
      font-weight: normal;
      color: #666;
}

.proinfo-info-m-d {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
}

.proinfo-info-m-d>.img1 {
      width: 0.30rem;
      height: 0.30rem;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
      border-radius: 100%;
      object-fit: cover;
}

.proinfo-info-m-d>.label2 {
      margin: 0rem 0rem 0rem 0.10rem;
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.22rem;
      font-weight: bold;
      color: #666;
}

.proinfo-info-m-d>.label3 {
      margin: 0rem 0rem 0rem 0.20rem;
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.22rem;
      font-weight: bold;
      color: #2F356F;
}

.proinfo-info-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.10rem 0rem;
}

.proinfo-info-b>.proinfo-inquiry-button {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      margin: 0rem 0rem;
      padding: 0.15rem 0.35rem;
      border: none;
      background: #2F356F;
      text-align: center;
      font-size: 0.14rem;
      font-weight: normal;
      color: #fff;
      outline: none;
      cursor: pointer;
}

/*--------自适应--------*/
.prodetailbox {
      box-sizing: border-box;
      width: 100%;
      max-width: 100%;
      margin: 0rem auto;
      padding: 0rem 0rem;
      text-align: left;
      font-size: 0.14rem;
      color: #000;
      line-height: 1.8;
}

.prodetailbox h1 {
      font-size: 0.50rem;
      margin: 0 0;
}

.prodetailbox h2 {
      font-size: 0.40rem;
      margin: 0 0;
}

.prodetailbox h3 {
      font-size: 0.30rem;
      margin: 0 0;
}

.prodetailbox h4 {
      font-size: 0.20rem;
      margin: 0 0;
}

.prodetailbox h5 {
      font-size: 0.18rem;
      margin: 0 0;
}

.prodetailbox p {
      text-align: left;
      font-size: 0.14rem;
      color: #000;
      line-height: 1.8;
      margin: 0 0;
}

.prodetailbox img {
      width: auto;
      max-width: 100%;
      margin: 0.10rem auto;
      height: auto;
}

.prodetailbox video {
      width: auto;
      max-width: 100%;
      margin: 0.10rem auto;
      height: auto;
}


.productparams {
      box-sizing: border-box;
      margin: 0 auto;
      padding: 0 0 0 0;
      width: 100%;
      height: auto;
      text-align: center;
}

.tableparams {
      margin: 0 0;
      padding: 0 0;
      width: auto;
      height: auto;
      border-collapse: collapse;
}

.tableparams th {
      border: solid 1px #ddd;
      height: 40px;
}

.tableparams tr {
      border: solid 1px #ddd;
}

.tableparams tr td {
      border: solid 1px #ddd;
      padding: 5px 10px;
      font-size: 14px;
      color: #000;
      height: 40px;
      line-height: 1.8;
      text-align: left;
}
















.gallery-icon {
      position: absolute;
      z-index: 99999;
      right: 0px;
      bottom: 0px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 30px;
      background-color: #666;
      cursor: pointer;
      border: solid 1px #999;
}



.picsbox-c {
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      margin: 0px 0px;
      padding: 0px 0px;
      background: #000;
      position: fixed;
      z-index: 9999999;
      left: 0px;
      top: 0px;
      display: none;
}

.picboxs-top {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      position: absolute;
      z-index: 10;
      left: 0px;
      top: 0px;
}

.picboxs-topleft {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.picboxs-topleft>.label-count {
      padding: 0px 0px;
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      color: #fff;
}

.picboxs-topright {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 10px;
}

.picboxs-topright>.img-fullscreen {
      width: 20px;
      height: 20px;
      margin: 0px 20px;
      padding: 0px 0px;
      cursor: pointer;
      object-fit: cover;
}

.picboxs-topright>.img-exitscreen {
      width: 20px;
      height: 20px;
      margin: 0px 20px;
      padding: 0px 0px;
      cursor: pointer;
      object-fit: cover;
}

.picboxs-topright>.img-share {
      width: 20px;
      height: 20px;
      margin: 0px 0px;
      padding: 0px 0px;
      cursor: pointer;
      object-fit: cover;
}

.picboxs-topright>.img-close {
      width: 29px;
      height: 29px;
      margin: 0px 0px 0px 20px;
      padding: 0px 0px;
      cursor: pointer;
      object-fit: cover;
}

.picboxs-topright>.img-zoom {
      width: 20px;
      height: 20px;
      margin: 0px 0px 0px 20px;
      padding: 0px 0px;
      cursor: pointer;
      object-fit: cover;
}

.picsbox-c-left {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 30px;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      position: absolute;
      z-index: 100;
      top: 50%;
      left: 0px;
      transform: translateX(0%) translateY(-50%);
      cursor: pointer;
}


.picsbox-c-right {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 30px;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      position: absolute;
      z-index: 100;
      top: 50%;
      right: 0px;
      transform: translateX(0%) translateY(-50%);
      cursor: pointer;
}


.picsbox-c-d {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      margin: 0px auto;
      padding: 0px 0px;
      position: absolute;
      z-index: 5;
      left: 0px;
      top: 0px;
}

.picsbox-c-d>.img1 {
      width: auto;
      max-width: 90%;
      height: auto;
      max-height: 95%;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
      transition: all .5s linear 100ms;
      -webkit-transition: all .5s linear 100ms;
      transform: scale(1);
}

.picsbox-c-d>.img1.big {
      width: 50%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
      transition: all .5s linear 100ms;
      -webkit-transition: all .5s linear 100ms;
      transform: scale(1.2);
}



/*-------- news ----------*/


.newsdetailx-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.50rem 0rem;
      background: #fff;
}

.newsdetailx {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      max-width: 14.00rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.10rem 0.10rem;
      background: #fff;
}

.newsdetailx-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.10rem 0rem;
}

.newsdetailx-t>.label-title {
      padding: 0rem 0rem;
      font-size: 0.50rem;
      font-weight: bold;
      color: #000;
}

.newsdetailx-m1 {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.10rem 0rem 0.20rem 0rem;
      border-bottom: solid 0.01rem #eee;
}

.newsdetailx-m1>.label-from {
      padding: 0rem 0rem;
      font-size: 0.14rem;
      font-weight: normal;
      color: #999;
}

.newsdetailx-m1>.label-date {
      margin: 0rem 0rem 0rem 0.20rem;
      padding: 0rem 0rem;
      font-size: 0.24rem;
      font-weight: normal;
      color: #999;
}

.newsdetailx-m1>.label-view {
      margin: 0rem 0rem 0rem 0.20rem;
      padding: 0rem 0rem;
      font-size: 0.14rem;
      font-weight: normal;
      color: #999;
}

.newsdetailx-m2 {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.10rem 0rem;
}

.newsdetailx-detail {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.10rem 0.10rem;
      text-align: left;
      font-size: 0.14rem;
      color: #666;
      line-height: 1.8;
}

.newsdetailx-detail p {
      margin: 0rem 0rem;
}

.newsdetailx-detail img {
      margin: 0.10rem auto;
      width: auto;
      max-width: 100%;
      height: auto;
}


.newsdetailx-detail {
      box-sizing: border-box;
      width: 100%;
      max-width: 100%;
      margin: 0rem auto;
      padding: 0.2rem 0rem;
      text-align: left;
      font-size: 0.18rem;
      color: #000;
      line-height: 1.8;
}

.newsdetailx-detail h1 {
      font-size: 0.50rem;
}

.newsdetailx-detail h2 {
      font-size: 0.40rem;
}

.newsdetailx-detail h3 {
      font-size: 0.30rem;
}

.newsdetailx-detail h4 {
      font-size: 0.20rem;
}

.newsdetailx-detail h5 {
      font-size: 0.18rem;
}

.newsdetailx-detail p {
      text-align: left;
      font-size: 0.18rem;
      color: #000;
      line-height: 1.8;
}

.newsdetailx-detail img {
      width: auto;
      max-width: 100%;
      margin: 0.10rem auto;
      height: auto;
}

.newsdetailx-detail video {
      width: auto;
      max-width: 100%;
      margin: 0.10rem auto;
      height: auto;
}



.newsdetailx-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.20rem 0rem;
}

.newsdetailx-prenext {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.newsdetailx-prenext-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      width: 48%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.newsdetailx-prenext-l>.label-prev {
      width: 0.80rem;
      padding: 0rem 0rem;
      font-size: 0.16rem;
      font-weight: bold;
      color: #666;
      line-height: 1.8;
}

.newsdetailx-prenext-l>.label-prev-text {
      flex: 1;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap;
      width: 100%;
      padding: 0rem 0rem;
      font-size: 0.16rem;
      font-weight: normal;
      color: #666;
      line-height: 1.8;
}

.newsdetailx-prenext-l>.label-prev-text:hover {
      color: #666;
      text-decoration: none;
}

.newsdetailx-prenext-l>.label-prev-text:active {
      color: #666;
      text-decoration: none;
}

.newsdetailx-prenext-l>.label-prev-text:visited {
      color: #666;
      text-decoration: none;
}

.newsdetailx-prenext-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap;
      width: 48%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.newsdetailx-prenext-r>.label-next {
      width: 0.80rem;
      padding: 0rem 0rem;
      font-size: 0.16rem;
      font-weight: bold;
      color: #666;
      line-height: 1.8;
}

.newsdetailx-prenext-r>.label-next-text {
      flex: 1;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap;
      width: 100%;
      padding: 0rem 0rem;
      font-size: 0.16rem;
      font-weight: normal;
      color: #666;
      line-height: 1.8;
}

.newsdetailx-prenext-r>.label-next-text:hover {
      color: #666;
      text-decoration: none;
}

.newsdetailx-prenext-r>.label-next-text:active {
      color: #666;
      text-decoration: none;
}

.newsdetailx-prenext-r>.label-next-text:visited {
      color: #666;
      text-decoration: none;
}





.success-info-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 1rem 0rem;
      background: #fff;
}

.success-info {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      max-width: 12.00rem;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.success-info-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.success-info-t>.label1 {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.40rem;
      font-weight: bold;
      color: #000;
}

.success-info-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0.50rem 0rem;
      padding: 0rem 0rem;
}

.success-info-m>.label1 {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.2rem;
      font-weight: normal;
      line-height: 1.6;
      color: #000;
}

.success-info-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.success-info-b>.link1 {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0.06rem 0.30rem;
      border: none;
      border-radius: 0.05rem;
      background: #1D2A73;
      font-size: 0.16rem;
      font-weight: bold;
      color: #fff;
}

.success-info-b>.link1:hover {
      color: #fff;
      text-decoration: none;
}

.success-info-b>.link1:active {
      color: #fff;
      text-decoration: none;
}

.success-info-b>.link1:visited {
      color: #fff;
      text-decoration: none;
}

/*--------自适应--------*/



.footfellow {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0.8rem 0rem 0 0;
      padding: 0rem 0rem;
}

.footfellow-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.footfellow-t>.label-t1 {
      padding: 0rem 0rem;
      text-align: center;
      font-size: 0.20rem;
      font-weight: bold;
      color: #fff;
}

.footfellow-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0.20rem 0;
      padding: 0rem 0rem;
}

.footfellow-icon {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 0.50rem;
      height: 0.50rem;
      min-height: 0.30rem;
      margin: 0rem 0.1rem;
      padding: 0rem 0rem;
      border: solid 0.01rem #fff;
      border-radius: 100%;
      overflow: hidden;
}

.footfellow-icon>.img1 {
      width: 0.25rem;
      height: 0.25rem;
      margin: 0rem auto;
      padding: 0rem 0rem;
      object-fit: cover;
}

.footfellow-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0.30rem;
      margin: 0rem 0rem;
      padding: 0rem 0rem;
}

.footfellow-b>.label-cpy {
      padding: 0rem 0.2rem;
      text-align: center;
      font-size: 0.14rem;
      font-weight: normal;
      color: #fff;
}

/*--------自适应--------*/



.blogs-c{
box-sizing:border-box;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
width:100%;
max-width:100%;
height:auto;
min-height:30px;
margin:0px 0px;
padding:1rem 0px;
background-color: #efefef;
}
.blogs{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;
width:100%;
max-width: 14rem;
height:auto;
min-height:30px;
margin:0px auto;
padding:0px 0px;
}
.blogsitem{
box-sizing:border-box;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
width:23%;
height:auto;
min-height:30px;
margin:0px 0px;
padding:0px 0px;
border-radius:10px;
background:#fff;
position:relative;
overflow:hidden;
}
.blogsitem-t{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
width:100%;
height:auto;
min-height:30px;
margin:0px 0px;
padding:0px 0px;
}
.blogsitem-t>a>.img1{
width:100%;
height:2.5rem;
min-height:30px;
margin:0px 0px;
padding:0px 0px;
object-fit:cover;
}
.blogsitem-t>a{
display:block;
width: 100%;
height: auto;
}
.blogsitem-m{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
width:100%;
height:auto;
min-height:30px;
margin:0px 0px;
padding:10px 15px;
}
.blogsitem-m>.label-title{
padding:0px 0px;
text-align:left;
font-size:0.18rem;
font-weight:bold;
color:#666;
line-height: 1.6;
}
.blogsitem-m>.label-title:hover{
color: #666;
text-decoration: none;
}
.blogsitem-m>.label-title:active{
color: #666;
text-decoration: none;
}
.blogsitem-m>.label-title:visited{
color: #666;
text-decoration: none;
}

.blogsitem-b{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
width:100%;
height:auto;
min-height:30px;
margin:0px 0px;
padding:10px 15px;
}
.blogsitem-b>.label-desc{
padding:0px 0px;
text-align:left;
font-size:0.14rem;
font-weight:normal;
color:#666;
line-height: 1.6;
}
.blogsitem-d{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-end;
width:100%;
height:auto;
min-height:30px;
margin:0px auto;
padding:10px 15px;
}
.blogsitem-d>.label-date{
padding:7px 20px;
background:#eee;
text-align:center;
font-size:0.14rem;
font-weight:normal;
color:#666;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
}
/*--------自适应--------*/





.blogdetail-c{
box-sizing:border-box;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
width:100%;
height:auto;
min-height:30px;
margin:0px 0px;
padding:1rem 0px;
}
.blogdetail{
box-sizing:border-box;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
width:100%;
max-width: 14rem;
height:auto;
min-height:30px;
margin:0px 0px;
padding:10px 10px;
background:#fff;
}
.blogdetail-t{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
flex-wrap:wrap;
width:100%;
height:auto;
min-height:30px;
margin:0px 0px;
padding:10px 0px;
}
.blogdetail-t>.label-title{
padding:0px 0px;
font-size:0.3rem;
font-weight:normal;
color:#000;
}
.blogdetail-m1{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
width:100%;
height:auto;
min-height:30px;
margin:0px 0px;
padding:10px 0px 20px 0px;
border-bottom:solid 1px #eee;
}
.blogdetail-m1>.label-from{
padding:0px 0px;
font-size:14px;
font-weight:normal;
color:#999;
}
.blogdetail-m1>.label-date{
margin:0px 0px 0px 20px;
padding:0px 0px;
font-size:14px;
font-weight:normal;
color:#999;
}
.blogdetail-m1>.label-view{
margin:0px 0px 0px 20px;
padding:0px 0px;
font-size:14px;
font-weight:normal;
color:#999;
}
.blogdetail-m2{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
width:100%;
height:auto;
min-height:30px;
margin:0px 0px;
padding:10px 0px;
}
.blogdetail-detail{
box-sizing:border-box;
width:100%;
height:auto;
min-height:30px;
margin:0px 0px;
padding:10px 10px;
text-align:left;
font-size:0.14rem;
color:#333;
line-height:1.8;
}
.blogdetail-detail p{
     margin:0px 0px;
}
.blogdetail-detail img{
     margin:10px auto;
     width: auto;
     max-width:100%;
     height: auto;
     object-fit: cover;
}

.blogdetail-b{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
width:100%;
height:auto;
min-height:30px;
margin:0px 0px;
padding:20px 0px;
}
.blogdetail-prenext{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap;
width:100%;
height:auto;
min-height:30px;
margin:0px 0px;
padding:0px 0px;
}
.blogdetail-prenext-l{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:flex-start;
width:100%;
height:auto;
min-height:30px;
margin:0px 0px;
padding:0px 0px;
}
.blogdetail-prenext-l>.label-prev{
width:auto;
padding:0px 0px;
font-size:0.16rem;
font-weight:bold;
color:#333;
}
.blogdetail-prenext-l>.label-prev-text{
flex:1;
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:flex-start;
flex-wrap:wrap;
width:100%;
padding:0px 0px;
font-size:0.16rem;
font-weight:normal;
color:#333;
}
.blogdetail-prenext-l>.label-prev-text:hover{
color: #333;
text-decoration: none;
}
.blogdetail-prenext-l>.label-prev-text:active{
color: #333;
text-decoration: none;
}
.blogdetail-prenext-l>.label-prev-text:visited{
color: #333;
text-decoration: none;
}

.blogdetail-prenext-r{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:flex-start;
flex-wrap:wrap;
width:100%;
height:auto;
min-height:30px;
margin:0px 0px;
padding:0px 0px;
}
.blogdetail-prenext-r>.label-next{
width:auto;
padding:0px 0px;
font-size:0.16rem;
font-weight:bold;
color:#333;
}
.blogdetail-prenext-r>.label-next-text{
flex:1;
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:flex-start;
flex-wrap:wrap;
width:100%;
padding:0px 0px;
font-size:0.16rem;
font-weight:normal;
color:#333;
}
.blogdetail-prenext-r>.label-next-text:hover{
color: #333;
text-decoration: none;
}
.blogdetail-prenext-r>.label-next-text:active{
color: #333;
text-decoration: none;
}
.blogdetail-prenext-r>.label-next-text:visited{
color: #333;
text-decoration: none;
}

/*--------自适应--------*/


.qqfloat-c{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
width:100%;
margin:0px 0px;
padding:0px 0px;
position:relative;
}
.qqfloat{
box-sizing:border-box;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
width:50px;
height:auto;
min-height:30px;
margin:0px 0px;
padding:0px 0px;
border:solid 1px #ddd;
position:fixed;
z-index:9999;
right:0px;
bottom:15%;
transform: translateY(0%);
}
.qqfloat-item{
box-sizing:border-box;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
width:100%;
height:auto;
margin:0px 0px;
padding:0px 0px;
border-bottom:solid 1px #eee;
background:#0072E3;
position:relative;
}
.qqfloat-item:hover .qqfloat-item-c{
      display: block;
}
.qqfloat-item-t{
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
width:100%;
height:50px;
margin:0px 0px;
padding:0px 0px;
}
.qqfloat-item-t>.label-icon{
margin:0px 0px;
padding:0px 0px;
font-size:20px;
font-weight:normal;
color:#fff;
cursor: pointer;
}
/*--------自适应--------*/
.edun-seo-heading {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.edun-product-inquiry-modal { display: none; position: fixed; inset: 0; z-index: 99999; overflow-y: auto; }
.edun-product-inquiry-modal.is-open { display: block; }
.edun-product-inquiry-modal__backdrop { position: fixed; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; background: rgba(0,0,0,.62); cursor: pointer; }
.edun-product-inquiry-modal__dialog { position: relative; z-index: 1; width: min(1180px, calc(100% - 32px)); margin: 48px auto; background: #fff; }
.edun-product-inquiry-modal__close { position: absolute; top: 10px; right: 16px; z-index: 2; border: 0; background: transparent; color: #222; font: 36px/1 Arial, sans-serif; cursor: pointer; }