.nummer-container {
  margin: 80px auto;
  width: 75%;
  position: relative;
  h1 {
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    color: rgb(51, 51, 51);
    margin-bottom: 60px;
  }
  .hboard .bswipers {
    overflow: hidden;
    margin: 0 2.8645833333333335rem;
    height: 34.375rem;
  }
  .hboard .bswipers .swiper-slide {
    height: 50%;
  }
  .hboard .bswipers a {
    padding: 1.0416666666666667rem 2.0833333333333335rem;
    border-bottom: 0.052083333333333336rem solid #e5e5e5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 3.385416666666667rem;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .hboard .bswipers .flca {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .hboard .bswipers .pic {
    width: 10.416666666666668rem;
    height: 10.416666666666668rem;
    border-radius: 50%;
    overflow: hidden;
  }
  .hboard .bswipers .pic img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }
  .hboard .bswipers .text {
    width: calc(100% - 13.28125rem);
  }
  .hboard .bswipers .text h4 {
    font-size: 1.25rem;
    line-height: 1.2;
    color: #293c75;
    margin-bottom: 1.0416666666666667rem;
  }
  .hboard .bswipers .text p {
    font-size: 0.9375rem;
    line-height: 1.3;
    color: #333333;
  }
  .hboard .next,
  .hboard .prev {
    background: url(/skin/images/mico8.png) no-repeat center #f2f4f7;
    width: 4.427083333333334rem;
    height: 4.427083333333334rem;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    left: -2.0833333333333335rem;
    top: 50%;
    margin-top: -2.2395833333333335rem;
  }
  .hboard .next {
    left: auto;
    right: -2.0833333333333335rem;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9*/
    -moz-transform: rotate(180deg);
    /* Firefox*/
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome*/
    -o-transform: rotate(180deg);
  }
  .hboard .spans span {
    background: #293c75;
  }
  .hboard .bswipers .flca .btn {
    width: 7.8125rem;
    line-height: 2.604166666666667rem;
    border-radius: 0.15625rem;
    border: 1px solid rgba(255, 255, 255, 0.42);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1.0416666666666667rem;
  }
  .hboard .bswipers .flca .btn i {
    background: url(../images/mico3.png) no-repeat right center;
    font-size: 0.8333333333333334rem;
    color: #ffffff;
    display: block;
    font-style: normal;
  }
  .hboard .bswipers .flca:nth-child(2) {
    display: none;
    margin-top: 1.1458333333333335rem;
  }
  .hboard .bswipers a:hover {
    background: url(../images/mico7.png) no-repeat center/100% 100%;
    border-color: #fff;
  }
  .hboard .bswipers a:hover .flca .pic {
    width: 7.8125rem;
    height: 7.8125rem;
  }
  .hboard .bswipers a:hover h4 {
    color: #fff;
  }
  .hboard .bswipers a:hover p {
    color: #fff;
  }
  .hboard .bswipers a:hover .flca:nth-child(2) {
    display: flex;
  }
  .hboard .spans {
    text-align: center;
    margin-top: 4.166666666666667rem;
  }

  .spans span {
    width: 2.0833333333333335rem;
    height: 0.20833333333333334rem;
    border-radius: 0.20833333333333334rem;
    margin: 0 0.5208333333333334rem !important;
    opacity: 0.17;
    background: #fff;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    /* IE 9*/
    -moz-transition: all 0.3s;
    /* Firefox*/
    -webkit-transition: all 0.3s;
    /* Safari 和 Chrome*/
    -o-transition: all 0.3s;
  }
  .spans span.swiper-pagination-bullet-active {
    opacity: 1;
    width: 4.166666666666667rem;
  }

  .hboard .bswipers .flca .btn {
    width: 7.8125rem;
    line-height: 2.604166666666667rem;
    border-radius: 0.15625rem;
    border: 1px solid rgba(255, 255, 255, 0.42);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1.0416666666666667rem;
  }
  .hboard .bswipers .flca .btn i {
    background: url(/skin/images/mico3.png) no-repeat right center;
    font-size: 0.8333333333333334rem;
    color: #ffffff;
    display: block;
  }
  .hboard .bswipers .flca:nth-child(2) {
    display: none;
    margin-top: 1.1458333333333335rem;
  }
  .hboard .bswipers a:hover {
    background: url(/skin/images/mico7.png) no-repeat center/100% 100%;
    border-color: #fff;
  }
  .hboard .bswipers a:hover .flca .pic {
    width: 7.8125rem;
    height: 7.8125rem;
  }
  .hboard .bswipers a:hover h4 {
    color: #fff;
  }
  .hboard .bswipers a:hover p {
    color: #fff;
  }
  .hboard .bswipers a:hover .flca:nth-child(2) {
    display: flex;
  }
}


@media only screen and (max-width:1660px) {
	html{
		font-size:16px;
	}
	.header .rts::before{
		display: none;
	}
    .srvice .waps{

         width: auto;
        padding: 0 20px;
    }
	.waps{
		width: 87rem;
	}
}

@media only screen and (max-width:1400px) {
	html{
		font-size:14px;
	}
		
}

@media only screen and (max-width:1200px) {
   html{
   	font-size:12px;
   }
  .about .hd ul li .mbtn a{
	  width: 22rem;
  }
 

}

@media only screen and (max-width: 1100px) {
  .nummer-container {
    width: 90%;
    margin: 20px auto;
    h1{
        margin-bottom: 20px;
    }
    .hpage1 .text {
      z-index: 10000;
    }

    .banner .txt {
      position: absolute;
      left: 0;
      right: 0;
      top: 9.979166666666668rem;
      z-index: 1;
      text-align: center;
    }

    .hpage1 .wrap {
      margin: 0 auto;
      position: relative;
      height: 100%;
      display: flex;
      margin-top: 80px;
      align-items: stretch;
    }

    .banner .txt h2 {
      font-size: 22px !important;
    }
    #bn-title {
      font-size: 0.9833554rem;
    }
    #bn-title2 {
      font-size: 1.0233554rem;
      margin-top: -160px;
    }
    .uitproducts li .pic {
      overflow: hidden;
      height: auto;
      padding: 10px;

      /*
	 padding: 0 0 10px 0;
	height:16.041666666666668rem;
	overflow:hidden;
	*/
    }
    .hpage1 .text h2 {
      font-size: 1.166666666666667rem;
      line-height: 1.2;
      font-weight: normal;
      color: #fff;
      text-transform: none;
    }

    .uitproducts li .txt h4 {
      font-size: 1.3541666666666667rem;
      line-height: 1.2008333333333335rem;
      color: #fff;
      font-weight: bold;
      max-height: 7.083333333333334rem;
      overflow: hidden;
      padding-left: 10px;
    }

    .uitproducts li .txt h4 a {
      color: #eb8c20;
      font-size: 1.284545645564rem;
    }

    .pde .pimg-desc {
      width: 34.6666666666667rem;
      overflow: hidden;
      position: relative;
      padding-left: 2rem;
    }

    .srvice .waps {
      width: auto;
      padding: 0 20px;
    }
    .quote .waps {
      width: 100%;
    }
    .quote .layui-col-md6 {
      width: 100%;
      margin: 0;
    }
    .product .waps,
    .catelist .waps,
    .list .waps,
    .plist .uitproducts,
    .plist .pcate,
    .uitproducts li {
      /*width: auto;*/
      width: 100%;
    }
    .uitproducts li {
      margin-right: 0;
      box-sizing: border-box;
      padding: 10px;
      position: relative;
      box-shadow: 0 8px 10px #3c3c3c;
      border: 1px solid #3c3c3c;
    }
    .plist,
    .plist.uitproducts ul {
      display: flex;
      flex-direction: column;
      align-items: stretch;
    }
    .pde {
      display: flex;
      flex-direction: column-reverse;
      align-items: stretch;
    }
    .pde .pimg-desc,
    .pde .parg {
      width: auto;
      padding: 0;
    }
    .parg .bcontact li {
      margin-right: 1rem;
      width: calc((100% - 1rem) / 2);
      margin-left: 0;
      position: relative;
    }

    .psearch {
      width: 90%;
      margin: 4rem auto;
    }

    .uitcate li {
      margin-bottom: 0.6041666666666667rem;
      margin-right: 0.425rem;
      border: 2px solid #2a3d78;
      width: calc((100% - 0.425rem) / 2);
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0.8rem;
      position: relative;
      text-align: center;
    }
    .uitcate li:nth-child(2n) {
      margin-right: 0;
    }

    html {
      font-size: 14px;
    }
    .aboutban .txt {
      width: 21.875rem;
      position: static;
      text-align: left;
      margin-top: 120px;
    }
    .srvice .serbgs .ovs {
      height: auto;
    }

    .mkvideo .icos {
      right: 0;
      transform: scale(0.8);
      -ms-transform: scale(0.8); /* IE 9 */
      -moz-transform: scale(0.8); /* Firefox */
      -webkit-transform: scale(0.8); /* Safari 和 Chrome */
      -o-transform: scale(0.8);
    }
    .wrap {
      width: auto;
    }
    .header {
      padding: 0 20px;
      background: #000;
      height: 60px;
      overflow: initial;
    }
    .gh {
      display: block;
    }
    .header .laug {
      margin-right: 50px;
    }
    .naver {
      position: absolute;
      left: 0;
      width: 80%;
      top: 100%;
      background: #000;
      height: calc(100vh - 60px);
      transition: all 0.3s;
      -ms-transition: all 0.3s; /* IE 9 */
      -moz-transition: all 0.3s; /* Firefox */
      -webkit-transition: all 0.3s; /* Safari 和 Chrome */
      -o-transition: all 0.3s;
      transform: translateX(-100%);
      -ms-transform: translateX(-100%); /* IE 9 */
      -moz-transform: translateX(-100%); /* Firefox */
      -webkit-transform: translateX(-100%); /* Safari 和 Chrome */
      -o-transform: translateX(-100%);
    }
    .selected::before {
      content: "";
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      z-index: 22;
      bottom: 0;
      background: rgba(0, 0, 0, 0.8);
    }
    .selected .naver {
      transform: translateX(0%);
      -ms-transform: translateX(0%); /* IE 9 */
      -moz-transform: translateX(0%); /* Firefox */
      -webkit-transform: translateX(0%); /* Safari 和 Chrome */
      -o-transform: translateX(0%);
    }
    .header .naver ul {
      display: block;
    }
    .header .rts {
      position: static;
    }
    .header .naver li a {
      font-size: 16px;
      line-height: 50px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .header .laug {
      width: auto;
    }
    .header .laug a {
      padding: 0 10px;
    }

    h2 {
      /*font-size: 22px !important;*/
    }
    h3 {
      font-size: 18px !important;
    }
    h4 {
      font-size: 16px !important;
    }
    p,
    h5,
    h6 {
      font-size: 14px !important;
    }
    .wrap {
      padding: 0 20px !important;
    }
    .banner,
    .hpage1 {
      min-height: 100vw;
      height: auto;
    }
    .footer .hds {
      margin-top: 20px;
      display: block;
    }
    .footer .hds .nav ul {
      display: none;
      margin-top: 20px;
    }
    .footer .hds .nav li {
      margin: 0;
    }
    .footer .hds .nav li a {
      font-size: 14px;
      line-height: 30px;
    }
    .footer {
      padding: 15px 0;
    }
    .footer .bds {
      margin-top: 20px;
      display: block;
    }
    .footer .bds .lt {
      width: auto;
    }
    .footer .bds .rt {
      width: auto;
    }
    .footer .bds li {
      width: 50px;
      height: 50px;
      margin-right: 10px !important;
      margin-bottom: 5px;
    }
    .footer .bds li img {
      max-width: 60%;
      max-height: 60%;
    }
    .footer .fts {
      margin-top: 15px;
      padding: 15px 0;
      display: block;
    }
    .aboutban .txt p {
      margin: 20px 0;
      font-size: 1.4rem !important;
    }
    .play img {
      width: 40px;
    }
    .arrow {
      width: 80px;
      background-size: 100% auto !important;
      background-position: center bottom !important;
    }
    .arrow h6 {
      font-size: 12px !important;
    }
    .about .hd ul {
      display: block;
    }
    .about .hd ul li {
      width: auto;
      min-height: 200px;
      padding: 20px;
    }
    .about .hd ul li .cent h6 br {
      display: none;
    }
    .about .hd ul li h2 {
      margin: 20px 0;
    }

    .about .bd .abswiper ul li {
      width: 48% !important;
      margin: 0 0 10px 0 !important;
    }
    .about .bd .abswiper ul {
      justify-content: space-between;
    }
    .about .bd {
      padding: 40px 0;
    }
    .mtit {
      margin-bottom: 20px;
    }
    .abpic {
      height: 100vw;
      padding-top: 60px;
    }
    .dtit h2 {
      font-size: 16px !important;
      margin-bottom: 10px;
    }
    .hboard {
      padding: 40px 0;
    }
    .hboard .bswipers {
      height: auto;
      margin: 0;
    }
    .hboard .bswipers .swiper-slide {
      height: auto;
    }
    .hboard .bswipers .flca {
      display: block;
    }
    .hboard .bswipers .text {
      width: auto;
    }
    .hboard .bswipers .pic {
      margin: 0 auto;
    }
    .hboard .spans {
      margin-top: 20px;
    }
    .spans span {
      width: 15px !important;
      margin: 0 2px !important;
    }
    .hboard .next,
    .hboard .prev {
      z-index: 10;
      margin-left: 10px;
      margin-right: 10px;
    }
    .hidea .wrap {
      height: auto;
      display: block;
    }
    .hidea .pic,
    .hidea .text {
      width: auto;
    }
    .hidea .text {
      position: relative;
      z-index: 22;
      margin-bottom: 20px;
    }
    .hidea {
      padding: 40px 0;
    }
    .contact .wrap {
      width: auto;
    }
    .contact .hd .flac {
      display: block;
    }
    .contact .hd .pic {
      width: auto;
      height: auto;
    }
    .contact .hd .text {
      width: auto;
      margin-top: 15px;
    }
    .contact .hd .text li {
      width: 100%;
      margin-top: 20px;
    }
    .contact .hd {
      padding: 40px 0;
    }
    .contact .bd {
      margin: 30px 0;
    }
    .contact .bd ul {
      display: block;
    }
    .contact .bd ul li {
      width: 100%;
      margin: 0 0 10px 0 !important;
      padding: 10px !important;
      border: 1px solid rgba(255, 255, 255, 0.2);
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
    }
    .contact .bd li p {
      margin: 0 0 0 !important;
      text-align: left !important;
    }
    .contact .bd li p::before {
      content: "";
      position: absolute;
      left: -1.6145833333333335rem !important;
      width: 0.052083333333333336rem;
      top: 0;
      background: #293c75;
      height: 5.885416666666667rem;
      display: none;
    }
    .contact .bd li p::after {
      content: "";
      position: absolute;
      left: -1.8229166666666667rem;
      top: -0.10416666666666667rem;
      width: 0.4166666666666667rem;
      height: 0.4166666666666667rem;
      border-radius: 50%;
      background: #293c75;
      display: none;
    }
    .contact .bd .qiu img {
      width: 80%;
      margin: 0 auto;
    }
    .contact .bd .qiu {
      position: static;
      margin: 0 auto 20px;
      position: relative;
      top: 0;
      height: 60vw;
      width: 60vw;
    }
    .contact .cform {
      padding: 40px 0;
    }
    .contact .cform ul {
      width: auto;
    }

    .uitnavs li::before {
      height: 1px;
      width: 100%;
    }
    .uitnavs li.on::before {
      height: 3px;
    }
    .uitnavs ul {
      display: block;
      /*white-space: nowrap;*/
      /*overflow-x: scroll;*/
      /*overflow-y: hidden;*/
      padding: 0 20px !important;
    }
    .uitnavs li {
      display: inline-block;
      /*margin-right: 20px;*/
    }
    .uitnavs li a {
      line-height: 40px;
      font-size: 14px;
    }
    .uitnavs li.on a,
    .uitnavs li a:hover {
      font-size: 16px;
    }
    .investor .list li .time {
      /*display: none;*/
      width: 68px;
    }
    .investor .list li .rts {
      width: calc(100% - 72px);
      padding: 15px 0;
    }
    .investor .list li {
      margin-left: -10px;
      width: calc(100% + 10px);
      /*display: block;*/
    }
    .investor .list li p a,
    .investor .list li h5 {
      line-height: 1.6;
    }
    .investor .list li p a {
      font-size: 14px;
    }
    .investor .list {
      padding: 40px 20px !important;
    }
    .investor {
      padding-bottom: 40px;
    }
    .uitnavs .wrap {
      padding: 0 !important;
    }
    .news .uitnews {
      padding: 60px 0 40px;
    }
    .uitnews ul {
      display: block;
    }
    .uitnews li {
      width: auto;
      margin: 0 0 60px 0;
    }
    .uitnews li:last-child {
      margin-bottom: 40px;
    }
    .newsdel .hds .tps {
      display: block;
    }
    .newsdel .hds .wrap {
      margin: 0;
    }
    .newbanner img {
      height: 200px;
      object-fit: cover;
    }
    .newbanner .txt {
      top: 50%;
    }
    .newsdel .hds .tps .time {
      display: none;
    }
    .newsdel .hds .tps h1 {
      width: auto;
      font-size: 18px;
      line-height: 1.5;
      font-weight: bold;
      border: none;
      padding: 10px 0;
    }
    .newsdel .hds .del {
      margin: 10px 0;
      font-size: 14px;
    }
    .newsdel .hds .share dd {
      margin-left: 10px;
    }
    .newsdel .bds {
      padding: 70px 0 40px;
    }
    .banner .txts {
      width: auto;
      right: auto;
      left: 20px;
    }
    .banner h3 span {
      font-size: 24px;
    }
    .srvice {
      padding: 40px 0;
    }
    .catelist .waps {
      width: auto;
      padding: 0 20px;
    }
    .srvice .srve {
      display: block;
    }
    .srvice .srve .pic {
      width: auto;
      height: auto;
    }
    .srvice .srve .text {
      width: auto;
      margin-top: 20px;
    }
    .srvice .srve .text h3 {
      margin: 10px 0;
    }
    .srvice .srve .text .d1 dd {
      margin-bottom: 10px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px;
      width: 48%;
      border: 1px solid rgba(0, 0, 0, 0.1);
    }
    .srvice .srve {
      padding-bottom: 40px;
    }
    .srvice .serbgs {
      padding: 40px 0;
    }
    .srvice .serbgs .ovs {
      margin: 20px;
      padding-right: 0;
    }
    .srvice .serbgs .d3 dd {
      float: none;
      width: auto;
      margin-right: 0;
      margin: 0 0 20px !important;
    }
    .srvice .serbgs .d3 dd .ts {
      margin: 10px 0;
    }
    .srvice .serbgs {
      margin-bottom: 40px;
    }
    .srvice .srve .text h3.ons span {
      font-size: 1em;
    }
    .srvice .srve .text .d2 {
      margin-top: 20px;
    }
    .srvice .srve .text .d2 dd {
      width: 100%;
      margin-bottom: 10px;
    }
    .abpic,
    .hpage1 {
      background-attachment: initial !important;
    }
    .footer .fts .btn,
    .footer .fts .copyright a {
      font-size: 14px;
    }
    .aboutban .wrap {
      justify-content: space-between !important;
    }
    .srvice .srve .text h4 {
      font-size: 30px !important;
    }

    /* 新增 */

    .team-pop {
      width: auto;
      margin: 0 20px;
    }
    .team-pop .content {
      height: auto;
      max-height: 60vh;
      overflow-y: scroll;
      width: auto;
      padding: 20px;
    }
    .team-pop .left {
      width: auto;
      float: none;
    }
    .team-pop .right {
      float: none;
      width: auto;
    }
    .team-pop .left img {
      margin: 0 auto;
      width: 150px;
      height: 150px;
    }
    .team-pop .name h2 {
      text-align: center;
    }
    .team-pop .edu h4,
    .team-pop .name h4 {
      text-align: center;
    }

    .hswipers {
      height: auto;
    }
    .hswipers .swiper-wrapper2 {
      display: block;
    }
    .home .hfxrt {
      display: none;
    }
    .hpage1 .wrap {
      width: auto;
      min-height: 100vw;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      padding: 20px !important;
    }
    .hpage1 .text h6 a p {
      max-width: 250px;
    }
    .hpage1 .text .ico1 {
      margin-top: 0;
    }
    .arrow {
      display: none;
    }
    .spanbtn {
      bottom: 10px;
    }
    .spanbtn .spansa .swiper-pagination-current {
      font-size: 20px;
    }
    .spanbtn .spansa {
      font-size: 12px;
    }
    .hpage1 .text {
      width: 100%;
    }
    .hpage1 .wrap .play {
      margin-right: 0;
    }
    .hpage1 .wrap.wraps2 .text {
      width: calc(100% - 100px);
    }
    .mpages1 .yhd {
      padding: 40px 0;
    }
    .mpages1 .ybd .li .wrap {
      display: block;
    }
    .mpages1 .ybd .li {
      padding: 30px 0;
    }
    .mpages1 .ybd .li .text {
      width: auto;
      text-align: center;
      margin-bottom: 20px;
    }
    .mpages1 .ybd .li .rt {
      width: auto;
    }
    .mpages1 .ybd .li .rt ul li {
      width: 50%;
    }
    .ytable .yth {
      padding: 20px;
    }
    .ytable .yth dl {
      margin: 10px 0;
    }
    .ytable .ytb {
      overflow-x: scroll;
    }
    .ytable .ytb table {
      width: 800px;
    }
    .ylist {
      padding: 40px 0;
    }
    .ylist li {
      width: 100%;
    }
    .hidea .text {
      margin-left: 0;
    }
    .srvice .srve .pic img {
      min-height: 0;
    }
    .wow {
      visibility: inherit !important;
    }
    .ytable .ytb table td h4 {
      font-size: 14px !important;
    }
    .uitnavs li {
      display: block;
    }
  }
}