@font-face {
      font-family: 'Manrope';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(../fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_C-bw.ttf) format('truetype');
}

@font-face {
      font-family: 'Manrope';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(../fonts/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4jE9_C-bw.ttf) format('truetype');
}

@font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(../fonts/pxiEyp8kv8JHgFVrJJfedw.ttf) format('truetype');
}

@font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(../fonts/pxiByp8kv8JHgFVrLEj6Z1xlEA.ttf) format('truetype');
}

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

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: 10px;
      clear: both;
      overflow: hidden;
}

.blank20 {
      width: 100%;
      height: 20px;
      clear: both;
      overflow: hidden;
}

.blank30 {
      width: 100%;
      height: 30px;
      clear: both;
      overflow: hidden;
}

.blank40 {
      width: 100%;
      height: 40px;
      clear: both;
      overflow: hidden;
}

.blank50 {
      width: 100%;
      height: 50px;
      float: left;
      overflow: hidden;
}

.blank60 {
      width: 100%;
      height: 60px;
      clear: both;
      overflow: hidden;
}

.blank70 {
      width: 100%;
      height: 70px;
      clear: both;
      overflow: hidden;
}

.blank80 {
      width: 100%;
      height: 80px;
      clear: both;
      overflow: hidden;
}

.blank90 {
      width: 100%;
      height: 90px;
      clear: both;
      overflow: hidden;
}

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

.blank110 {
      width: 100%;
      height: 110px;
      clear: both;
      overflow: hidden;
}

.blank120 {
      width: 100%;
      height: 120px;
      clear: both;
      overflow: hidden;
}

.blank130 {
      width: 100%;
      height: 130px;
      clear: both;
      overflow: hidden;
}

.blank140 {
      width: 100%;
      height: 140px;
      clear: both;
      overflow: hidden;
}

.blank150 {
      width: 100%;
      height: 150px;
      float: left;
      overflow: hidden;
}

.blank160 {
      width: 100%;
      height: 160px;
      clear: both;
      overflow: hidden;
}

.blank170 {
      width: 100%;
      height: 170px;
      clear: both;
      overflow: hidden;
}

.blank180 {
      width: 100%;
      height: 180px;
      clear: both;
      overflow: hidden;
}

.blank190 {
      width: 100%;
      height: 190px;
      clear: both;
      overflow: hidden;
}

.blank200 {
      width: 100%;
      height: 200px;
      clear: both;
      overflow: hidden;
}

.blank210 {
      width: 100%;
      height: 210px;
      clear: both;
      overflow: hidden;
}

.header-c {
      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;
      position: fixed;
      z-index: 999999;
      left: 0px;
      top: 0px;
      background-color: #fff;
      box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.header {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      max-width: 1200px;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 30px 0px;
}

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

.header-l>a>.img1 {
      width: auto;
      height: 150px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
}

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

.header-r {
      box-sizing: border-box;
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

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

.navmain-item:hover {
      border-bottom: solid 2px #000;
}

.navmain-item:hover a.label-text {
      font-weight: normal;
}

.navmain-item:hover a.label-text:hover {}

.navmain-item-on {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: 100%;
      min-height: 30px;
      margin: 0px 0px 0 40px;
      padding: 0px 0px;
      border-bottom: solid 2px #000;
      cursor: pointer;
}

.navmain-item-on>.label-text {
      padding: 0px 0px;
      font-size: 18px;
      font-weight: normal;
      color: #000;
      cursor: pointer;
}

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

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

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

.label-text>label {
      color: #000;
      font-size: 18px;
      margin: 0 5px 0 0;
      cursor: pointer;
}

.navmain-item {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: 40px;
      min-height: 30px;
      margin: 0px 0px 0px 40px;
      padding: 0px 0px;
      cursor: pointer;
}

.navmain-item>.label-text {
      padding: 0px 0px;
      font-size: 18px;
      font-weight: normal;
      color: #000;
      cursor: pointer;
}

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

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

.navmain-item>.label-text:visited {
      color: #000;
      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: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      background-repeat: no-repeat;
      background-position: center center;
      background-attachment: fixed;
      background-size: cover;
      position: relative;
}

.homeban-c>.swiper{
      position: relative;
      z-index: 111;
}

.homeban-bg {
      box-sizing: border-box;
      margin: 0 auto;
      padding: 0 0 0 0;
      width: 100%;
      height: auto;
      text-align: center;
      position: absolute;
      z-index: 10;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      background-color: #000;
      opacity: 0.3;
}


.homeban {
      position: relative;
      z-index: 22;
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      max-width: 1200px;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 280px 0px 80px 0px;
}

.homeban-img {
      width: 100%;
      height: 100%;
      margin: 0 0;
      object-fit: cover;
      position: absolute;
      z-index: 1;
      left: 0px;
      top: 0px;
}


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

.homebantext-t {
      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: 0px 0px;
}

.homebantext-t>.label-title {
      padding: 0px 0px;
      text-align: left;
      font-size: 60px;
      font-weight: bold;
      color: #fff;
}

.homebantext-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 0px 30px 0;
}

.homebantext-m>.label1 {
      padding: 0px 0px;
      text-align: left;
      font-size: 20px;
      font-weight: normal;
      color: #fff;
}

.homebantext-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: 0px 0px;
}

.homebantext-b>.link-learn {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 15px 80px;
      border: none;
      border-radius: 30px;
      background: #1976D2;
      font-size: 16px;
      font-weight: bold;
      color: #fff;
      overflow: hidden;
}

.homebantext-b>.link-learn:hover {
      color: #fff;
      text-decoration: none;
}

.homebantext-b>.link-learn:active {
      color: #fff;
      text-decoration: none;
}

.homebantext-b>.link-learn:visited {
      color: #fff;
      text-decoration: none;
}

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

.homeabout-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: 50px 0px;
      background: #fff;
}

.homeabout {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      max-width: 1200px;
      height: auto;
      min-height: 30px;
      margin: 50px 0px;
      padding: 0px 0px;
}

.homeabout-c>.homeabout:nth-child(even) {
      flex-direction: row-reverse;
}

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

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

.homeabouttext-t {
      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: 0px 0px;
}

.homeabouttext-t>.label-tt {
      padding: 0px 0px;
      text-align: left;
      font-size: 50px;
      font-weight: bold;
      color: #000;
}

.homeabouttext-m {
      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: 30px 0px;
}

.homeabouttext-m>.label1 {
      padding: 0px 0px;
      text-align: left;
      font-size: 16px;
      font-weight: normal;
      line-height: 1.6;
      color: #000;
}

.homeabouttext-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: 0px 0px;
}

.homeabouttext-b>.link-translate {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 10px 50px;
      border: solid 1px #000;
      border-radius: 30px;
      background: #eee;
      font-size: 16px;
      font-weight: normal;
      color: #000;
}

.homeabouttext-b>.link-translate:hover {
      color: #000;
      text-decoration: none;
}

.homeabouttext-b>.link-translate:active {
      color: #000;
      text-decoration: none;
}

.homeabouttext-b>.link-translate:visited {
      color: #000;
      text-decoration: none;
}

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

.homeabout-r>.img1 {
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      border-radius: 20px;
      object-fit: cover;
}

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

.qualitybox-c {
      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: 80px 0px;
      background: #E0F7FA;
}

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

.qualitybox-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;
}

.qualitybox-t>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 40px;
      font-weight: bold;
      color: #000;
}

.qualitybox-m {
      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;
}

.qualitybox-m>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      color: #000;
}

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

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

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

.qualityx-l>.img1 {
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      border-radius: 10px;
      object-fit: cover;
}

.qualityx-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 45%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

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

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

.qualityitem-t>.label-st {
      padding: 0px 0px;
      text-align: left;
      font-size: 18px;
      font-weight: bold;
      color: #000;
}

.qualityitem-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: 0px 0px;
}

.qualityitem-b>.label-sst {
      padding: 0px 0px;
      text-align: left;
      font-size: 14px;
      font-weight: normal;
      line-height: 1.6;
      color: #000;
}

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


.steelbox-c {
      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: 80px 0px;
      background: #fff;
      box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

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

.steelbox-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;
}

.steelbox-t>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 40px;
      font-weight: bold;
      color: #000;
}

.steelbox-m {
      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;
}

.steelbox-m>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      color: #000;
}

.steelbox-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: 30px;
      margin: 50px 0px;
      padding: 0px 0px;
}

.steelbox-b>img{
      cursor: pointer;
}

.steelbox-b>.img1 {
      width: 70%;
      height: 400px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      border-radius: 15px;
      object-fit: cover;
}

.steelbox-b>.img2 {
      width: 28%;
      height: 400px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      border-radius: 15px;
      object-fit: cover;
}

.steelbox-b>.img3 {
      width: 28%;
      height: 400px;
      min-height: 30px;
      margin: 20px 0px;
      padding: 0px 0px;
      border-radius: 15px;
      object-fit: cover;
}

.steelbox-b>.img4 {
      width: 70%;
      height: 400px;
      min-height: 30px;
      margin: 20px 0px;
      padding: 0px 0px;
      border-radius: 15px;
      object-fit: cover;
}

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

.globaltrade-c {
      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 80px 0;
      background: #fff;
}

.globaltrade {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      max-width: 1200px;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

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

.globaltrade-l>.img1 {
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
}

.globaltrade-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 50%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 100px;
      background: #1976D2;
}

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

.globaltext-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: 20px 0px;
}

.globaltext-t>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 28px;
      font-weight: bold;
      color: #fff;
}

.globaltext-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: 0px 0px;
}

.globaltext-m1>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 18px;
      font-weight: normal;
      line-height: 1.6;
      color: #fff;
}

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

.globaltext-m2>.img1 {
      width: 80px;
      height: 80px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      border-radius: 100%;
      object-fit: cover;
}

.globaltext-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: 0px 0px;
}

.globaltext-b>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      color: #fff;
}

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



.steelprobox-c {
      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: 40px 0px 80px 0;
      background: #fff;
      box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

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

.steelprobox-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;
}

.steelprobox-t>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 40px;
      font-weight: bold;
      color: #000;
}

.steelprobox-m {
      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;
}

.steelprobox-m>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      color: #000;
}

.steelprobox-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: 30px;
      margin: 50px 0px;
      padding: 0px 0px;
}

.steelprobox-b>.img1 {
      width: 24%;
      height: 500px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      border-radius: 10px;
      cursor: pointer;
      object-fit: cover;
}

.steelprobox-b>.img2 {
      display: none;
}

img.imgbigshow {
      width: auto;
      height: 90vh;
      object-fit: cover;
}

.myskin {
      background-color: transparent;
      /*背景透明*/
      box-shadow: 0 0 0 rgba(0, 0, 0, 0);
      /*前景无阴影*/
}


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


.stproductbox-c {
      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: 80px 0px;
      background: #fff;
      box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

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

.stproductbox-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;
}

.stproductbox-t>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 40px;
      font-weight: bold;
      color: #000;
}

.stproductbox-m {
      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;
}

.stproductbox-m>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      color: #000;
}

.stproductbox-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 50px 0px;
      padding: 0px 0px;
}

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

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

.stproductitem-t>.img1 {
      width: 49%;
      height: 360px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      border-radius: 15px;
      object-fit: cover;
}

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

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

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

.stproductitemtext-l>.label1 {
      padding: 0px 0px;
      text-align: left;
      font-size: 24px;
      font-weight: bold;
      color: #000;
}

.stproductitemtext-l>.label2 {
      margin: 10px 0px;
      padding: 0px 0px;
      text-align: left;
      font-size: 16px;
      font-weight: normal;
      color: #000;
}

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

.stproductitemtext-r>.link-learn2 {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 10px 70px;
      border: solid 1px #000;
      border-radius: 30px;
      background: #eee;
      font-size: 14px;
      font-weight: normal;
      color: #000;
}

.stproductitemtext-r>.link-learn2:hover {
      color: #000;
      text-decoration: none;
}

.stproductitemtext-r>.link-learn2:active {
      color: #000;
      text-decoration: none;
}

.stproductitemtext-r>.link-learn2:visited {
      color: #000;
      text-decoration: none;
}

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










.footer-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 50px 0px 50px 0;
      background: #0D47A1;
}

.footer {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      max-width: 1200px;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.footer-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 260px;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.footer-l>.label-ct {
      padding: 0px 0px;
      text-align: left;
      font-size: 24px;
      font-weight: bold;
      color: #fff;
}

.footer-l-b {
      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: 15px auto;
      padding: 0px 0px;
}

.footer-l-b>.label1 {
      padding: 0px 0px;
      text-align: left;
      font-size: 14px;
      color: #fff;
}

.footer-l-b-b {
      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: 30px;
      margin: 0px auto;
      padding: 0px 0px;
}

.footer-l-b-b>.label1 {
      padding: 0px 0px;
      text-align: left;
      font-size: 14px;
      font-weight: normal;
      color: #fff;
}

.footer-l-b-b>.label2 {
      padding: 0px 0px;
      text-align: left;
      font-size: 14px;
      font-weight: normal;
      color: #fff;
}

.footer-l-c {
      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;
}

.footer-l-c>.label1 {
      padding: 0px 0px;
      text-align: left;
      font-size: 14px;
      color: #fff;
}

.footer-l-c>.label2 {
      padding: 0px 0px;
      text-align: left;
      font-size: 14px;
      font-weight: normal;
      color: #fff;
}

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

.footer-l-d>a>.img1 {
      width: 30px;
      height: 30px;
      min-height: 30px;
      margin: 0px 15px 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
}

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

.footer-m {
      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: 30px;
      margin: 0px 0px;
      padding: 50px 0px;
}

.footer-m>.label1 {
      padding: 0px 0px;
      text-align: left;
      font-size: 14px;
      font-weight: bold;
      color: #fff;
}

.footer-m>.label2 {
      margin: 5px 0px;
      padding: 0px 0px;
      text-align: left;
      font-size: 14px;
      font-weight: normal;
      color: #fff;
}

.footer-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 380px;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.footer-r>.label1 {
      padding: 0px 0px;
      text-align: left;
      font-size: 16px;
      font-weight: bold;
      color: #fff;
}

.footer-r>.label2 {
      margin: 30px 0px 2px 0;
      padding: 0px 0px;
      text-align: left;
      font-size: 16px;
      font-weight: normal;
      color: #fff;
}

.footer-r>.input3 {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: 60px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 15px 15px;
      border: solid 1px #ccc;
      border-radius: 10px;
      background: #fff;
      text-align: left;
      font-size: 18px;
      font-weight: normal;
      color: #000;
      outline: none;
}

.footer-r>.link-submit {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      min-height: 30px;
      margin: 10px 0px;
      padding: 10px 40px;
      border: none;
      border-radius: 30px;
      background: #1976D2;
      font-size: 14px;
      font-weight: bold;
      color: #fff;
}

.footer-r>.link-submit:hover {
      color: #fff;
      text-decoration: none;
}

.footer-r>.link-submit:active {
      color: #fff;
      text-decoration: none;
}

.footer-r>.link-submit:visited {
      color: #fff;
      text-decoration: none;
}

.footer-c-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      max-width: 1200px;
      height: auto;
      min-height: 30px;
      margin: 20px auto;
      padding: 0px 0px;
}

.footer-c-b>.label-cpy {
      padding: 0px 0px;
      text-align: left;
      font-size: 14px;
      font-weight: normal;
      color: #fff;
}

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



.servicebox-c {
      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: 80px 0px;
      background: #0D47A1;
      box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

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

.servicebox-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;
}

.servicebox-t>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 40px;
      font-weight: bold;
      color: #fff;
}

.servicebox-m {
      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;
}

.servicebox-m>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 14px;
      font-weight: normal;
      color: #fff;
}

.servicebox-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: 30px;
      margin: 50px 0px;
      padding: 0px 0px;
}

.serviceitem {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 32%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.serviceitem-t {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: center;
      width: 100%;
      height: 300px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      overflow: hidden;
}

.serviceitem-t>a>.img1 {
      width: 100%;
      height: 100%;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
}

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

.serviceitem-m {
      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: 30px;
      margin: 0px 0px;
      padding: 25px 45px;
      background-color: #fff;
}

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

.serviceitem-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;
      margin: 0px 0px;
      padding: 5px 0px;
}

.serviceitem-info-t-a {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      margin: 0px 0px;
      padding: 0px 0px;
      text-align: left;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      word-break: break-all;
      ;
      text-overflow: ellipsis;
      white-space: wrap;
      overflow: hidden;
}

.serviceitem-info-t-a>.label-title {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 16px;
      font-weight: 600;
      color: #000;
}

.serviceitem-info-t-a>.label-title:hover {
      color: #000;
      text-decoration: none;
}

.serviceitem-info-t-a>.label-title:active {
      color: #000;
      text-decoration: none;
}

.serviceitem-info-t-a>.label-title:visited {
      color: #000;
      text-decoration: none;
}

.label-title>label {
      color: #000;
      font-size: 16px;
      margin: 0 5px 0 0;
      cursor: pointer;
}

.serviceitem-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: 30px;
      margin: 0px 0px;
      padding: 10px 0px;
}

.serviceitem-info-desc {
      box-sizing: border-box;
      width: 100%;
      height: 46px;
      margin: 0px 0px;
      padding: 0px 0px;
      text-align: left;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      text-overflow: ellipsis;
      white-space: wrap;
      overflow: hidden;
}

.serviceitem-info-desc>.label-desc {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 14px;
      font-weight: normal;
      color: #666;
}

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




.serabout-c {
      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: 80px 0px;
      background: #fff;
}

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

.serabout-t {
      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: 0px 0px 30px 0;
}

.serabout-t>.label1 {
      padding: 0px 0px;
      text-align: left;
      font-size: 36px;
      font-weight: bold;
      color: #000;
}

.serabout-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: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.seraboutitem {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 45%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.seraboutitem-t {
      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: 0px 0px;
}

.seraboutitem-t>.label1 {
      padding: 0px 0px;
      text-align: left;
      font-size: 16px;
      font-weight: bold;
      color: #000;
}

.seraboutitem-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: 0px 0px;
}

.seraboutitem-b>.p1 {
      padding: 0px 0px;
      font-size: 14px;
      font-weight: normal;
      line-height: 1.6;
      color: #000;
}

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

.serabout-b>.img1 {
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      border-radius: 20px;
      object-fit: cover;
}

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



.contactbox-c {
      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: 80px 0px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      position: relative;
}

.contactboxbg {
      position: absolute;
      z-index: 10;
      left: 0px;
      top: 0px;
      background-color: #000;
      opacity: 0.5;
      width: 100%;
      height: 100%;
}

.contactbox {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      max-width: 1200px;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      position: relative;
      z-index: 11;
}

.contactbox-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;
}

.contactbox-t>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 40px;
      font-weight: bold;
      color: #fff;
}

.contactbox-m {
      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;
}

.contactbox-m>.label1 {
      padding: 0px 0px;
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      color: #fff;
}

.contactbox-b {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap;
      width: 100%;
      height: auto;
      max-width: 600px;
      min-height: 30px;
      margin: 30px auto;
      padding: 10px 0px;
      background: #fff;
      border-radius: 20px;
      overflow: hidden;
}

.contactform {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 10px 30px;

}

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

.contactform-l>.label-text {
      padding: 0px 0px;
      font-size: 15px;
      font-weight: normal;
      color: #000;
}

.contactform-m {
      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;
      border: solid 1px #ddd;
      position: relative;
}

.contactform-m>.input-text {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: 50px;
      min-height: 40px;
      margin: 0px 0px;
      padding: 0px 10px;
      border: none;
      border-radius: 10px;
      background: #fff;
      text-align: left;
      font-size: 14px;
      font-weight: normal;
      color: #666;
      outline: none;
}

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

.contactbox-b-b>.button-send {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 200px;
      height: 50px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      border: solid 0px #ccc;
      border-radius: 30px;
      background: #0D47A1;
      text-align: center;
      font-size: 16px;
      font-weight: normal;
      color: #fff;
      outline: none;
      cursor: pointer;
}

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



.mapbox-c {
      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: 80px 0px;
      background: #fff;
}

.mapbox {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      max-width: 1200px;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.mapbox-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 45%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.maptext {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      text-align: left;
      line-height: 1.6;
}

.maptext p {
      margin: 0 0;
      padding: 0 0;
}


.mapbox-r {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 45%;
      height: 400px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.mapbox-r iframe {
      border: solid 1px #ddd;
}

.mapbox-r>.img1 {
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
}

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