@charset "UTF-8";

.head {
  width: 100%;
  padding: 0 calc(80 / 1920 * 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  color: #fff;
  background-color: rgba(255, 255, 255, 0);
}
.headS_en{
  padding-left: calc(260 / 1920 * 100%);

}

.head .logo {
  width: calc(338 / 1760 * 100%);
  margin: 0.4rem 0;
  cursor: pointer;
}

.head .logo .logo2 {
  height: 0.54rem;
  display: block;
}

.head .logo .logo1 {
  height: 0.54rem;
  display: none;
}

@media (max-width: 900px) {
  .head .logo .logo1 {
    height: 0.54rem;
    display: block;
  }

  .head .logo .logo2 {
    height: 0.54rem;
    display: none;
  }
}

.head .tag {
  width: calc(968 / 1760 * 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.head .tag ul {
  width: calc(756 / 968 * 100%);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.head .tag ul li {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.head .tag ul li .secondary {
  position: absolute;
  left: 50%;
  bottom: 0;
  white-space: nowrap;
  padding: 0.3rem;
  background-color: #fff;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  color: #000;
  -webkit-box-shadow: 0 11px 10px #00000047;
  box-shadow: 0 11px 10px #00000047;
  display: none;
}

.head .tag ul li:hover {
  position: relative;
}

.head .tag ul li:hover .secondary {
  display: block;
  line-height: 1.5;
}

.head .tag ul li:hover::after {
  content: '';
  width: 0.35rem;
  height: 3px;
  background-color: #fff;
  position: absolute;
  bottom: 0.26rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.head .tag ul .Lactive {
  position: relative;
}

.head .tag ul .Lactive::after {
  content: '';
  width: 0.35rem;
  height: 3px;
  background-color: #fff;
  position: absolute;
  bottom: 0.26rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.head .tag .Aimg img {
  width: 30px;
  display: block;
}

.head .tag .Aimg img:nth-child(1) {
  display: none;
}

.head .tag .search img {
  width: 20px;
  margin: 0 0.5rem;
}

.head .tag .search img:nth-child(1) {
  display: none;
}

.head .tag .weixin {
  position: relative;
}

.head .tag .weixin img {
  margin-right: 0.2rem;
}

.head .tag .weixin .hav_w {
  position: absolute;
  width: 1.2rem;
  padding-top: 0.1rem;
  left: 50%;
  -webkit-transform: translateX(calc(-50% - 0.1rem));
  transform: translateX(calc(-50% - 0.1rem));
  margin: 0;
  display: none;
}

.head .tag .weixin:hover .hav_w {
  display: block;
}

.head .tag .phone_en {
  position: relative;
}

.head .tag .phone_en img {
  margin-right: 0.2rem;
}

.head .tag .phone_en .hav_w {
  position: absolute;
  padding: 0 0.2rem;
  padding-top: 0.1rem;
  /* left: 50%; */
  right: 0;
  /* -webkit-transform: translateX(calc(-50% - 0.1rem)); */
  transform: translateX(calc(10% - 0.1rem));
  margin: 0;
  display: none;
}
@media (max-width:900px) {
  .head .tag .phone_en .hav_w{
    display: none !important;
  }
}

.head .tag .phone_en .hav_w .phonehBox {
  background-color: #fff;
  box-shadow: 0 3px 8px #00000047;
  padding: 0.1rem 0.2rem;
  border-radius: 20px;
  white-space: nowrap;
}

.head .tag .phone_en:hover .hav_w {
  display: block;
}

.head .tag .close {
  width: 32px;
  z-index: 12;
  padding: 0.1rem;
  margin-left: 0.2rem;
  display: none;
}

.head .tag .close span {
  display: block;
  height: 2px;
  background: #000000;
  margin-bottom: 6px;
  border-radius: 2px;
  -webkit-transform-origin: right center;
  transform-origin: right center;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 100%;
}

.head .tag .close span:nth-child(3) {
  margin-bottom: 0;
}

.head .tag .open span {
  background: #000000;
}

.head .tag .open span:nth-of-type(1) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.head .tag .open span:nth-of-type(2) {
  width: 0;
}

.head .tag .open span:nth-of-type(3) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.head .h-nav {
  display: none;
}

@media (max-width: 1000px) {
  .head .tag {
    width: calc(1100 / 1760 * 100%);
  }
}

@media (max-width: 900px) {
  .head .tag ul {
    display: none;
  }

  .head .close {
    display: block !important;
  }
}

.headS {
  color: #000;
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px #000;
  box-shadow: 0 0 8px #000;
}

.headS .logo .logo2 {
  display: none;
}

.headS .logo .logo1 {
  height: 0.54rem;
  display: block;
}
.headS_en .logo .logo1{
  height: 0.8rem;
}

.headS .tag ul li:hover::after {
  content: '';
  width: 0.35rem;
  height: 3px;
  background-color: black;
  position: absolute;
  bottom: 0.26rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.headS .tag ul .Lactive {
  position: relative;
}

.headS .tag ul .Lactive::after {
  content: '';
  width: 0.35rem;
  height: 3px;
  background-color: black;
  position: absolute;
  bottom: 0.26rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.headS .tag .Aimg img:nth-child(1) {
  display: block;
}

.headS .tag .Aimg img:nth-child(2) {
  display: none;
}

.headS .tag .search img:nth-child(1) {
  display: block;
}

.headS .tag .search img:nth-child(2) {
  display: none;
}

.Sanicon {
  width: 6px;
  margin: 0 3px;
}

.searchBox {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #00000060;
  z-index: 999999999999999;
  display: none;
}

.searchBox .ipt {
  width: 100%;
  height: 2rem;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.searchBox .ipt .inpZ {
  width: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #66666650;
  padding: 0.5rem 0;
  padding: 0.1rem 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.searchBox .ipt .inpZ input {
  width: 5rem;
  border: none;
}

.BMap_bubble_content {
  height: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.BMap_bubble_content div{
  align-items: center !important;
}
.BMap_bubble_content div img{
  display: block !important;
  height: 100% !important;
  flex-shrink: 0 !important;
  margin-right: 8px !important;
}

@media (max-width: 900px) {
  main {
    margin-top: 1.34rem;
  }

  .head {
    position: fixed;
    background-color: #fff;
  }

  .head .search img:nth-child(1) {
    display: block !important;
  }

  .head .search img:nth-child(2) {
    display: none !important;
  }

  .head .h-nav {
    display: block;
    position: fixed;
    height: calc(100vh - 1rem);
    width: 50%;
    background-color: #ffffff;
    top: 1rem;
    right: -50%;
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #000000;
  }

  .head .h-nav .HnavBox {
    line-height: 40px;
  }

  .head .h-nav .HnavBox .onc {
    padding: 0 0.5rem;
    width: 100%;
    line-height: 40px;
    display: block;
  }

  .head .h-nav .HnavBox .onc:hover {
    background-color: #00000063;
  }

  .head .h-nav .active {
    background-color: #f2cb1e;
  }

  .head .h-nav .hideBox {
    position: relative;
  }

  .head .h-nav .hideBox .onc::before {
    content: "+";
    line-height: 40px;
    position: absolute;
    right: 0.5rem;
    font-size: 26px;
  }

  .head .h-nav .hideBox .hide {
    display: none;
  }

  .head .h-nav .hideBox .hide li {
    padding: 0 0.7rem;
    line-height: 40px;
  }

  .head .h-nav .hideBox .hide li:hover {
    background-color: #f6e7a563;
  }

  .head .h-nav .k .onc::before {
    content: "-";
    line-height: 40px;
    position: absolute;
    right: 0.55rem;
    font-size: 30px;
  }
}

main {
  margin-top: 1.34rem;
}

.idx1-swiper {
  position: relative;
}

.idx1-swiper .swiper-slide .div1 {
  position: relative;
}

.idx1-swiper .swiper-slide .div2 {
  display: none;
}

.idx1-swiper .swiper-slide .bg1 {
  width: 100%;
  display: block;
}

.idx1-swiper .swiper-slide .swiper-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 1.8rem;
  color: #fff;
}

.idx1-swiper .swiper-slide .div2 .swiper-text {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  padding: 10px;
}

.idx1-swiper .swiper-slide .swiper-text .p3 {
  margin-top: 0.2rem;
  max-width: 5.5rem;
}

.idx1-swiper .swiper-slide .swiper-text .bth {
  margin-top: 0.6rem;
  padding: 0.24rem;
  background-color: #fff;
  color: #e62129;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 2.2rem;
}

@media (max-width: 600px) {
  .idx1-swiper .swiper-slide .swiper-text {
    left: 1.5rem;
  }

  .idx1-swiper .swiper-slide .div2 {
    display: block;
  }

}

@media (max-width: 700px) {
  .main1 .idx1-swiper .swiper-text .p2 {
    font-size: 15px;
  }

  .main1 .idx1-swiper .swiper-text .p3 {
    font-size: 14px;
    margin-top: 2px;
    max-width: inherit;
  }

  .main1 .idx1-swiper .swiper-text .bth {
    margin-top: 5px;
    padding: 3px;
    font-size: 14px;
  }

  .main1 .idx1-swiper .swiper-text .icon {
    margin-top: 10px;
  }

  .main1 .idx1-swiper .swiper-text .icon .item img {
    width: 25px;
    margin-bottom: 4px;
  }

  .head .tag .Aimg {
    width: 20px;
    height: 20px;
    margin-left: 0.1rem;
  }

  .head .tag .Aimg img {
    width: 100%;
  }
}

.idx1-swiper .swiper-button-next {
  width: 0.18rem;
  height: 0.37rem;
  margin-top: 0.185rem;
  right: 0.85rem;
  background-size: 100% 100%;
}

.idx1-swiper .swiper-button-prev {
  width: 0.18rem;
  height: 0.37rem;
  margin-top: 0.185rem;
  left: 0.85rem;
  background-size: 100% 100%;
}

@-webkit-keyframes identifier {
  25% {
    bottom: 0.2rem;
  }

  50% {
    bottom: 0.5rem;
  }

  75% {
    bottom: 0.2rem;
  }

  100% {
    bottom: 0.5rem;
  }
}

@keyframes identifier {
  25% {
    bottom: 0.2rem;
  }

  50% {
    bottom: 0.5rem;
  }

  75% {
    bottom: 0.2rem;
  }

  100% {
    bottom: 0.5rem;
  }
}

.idx1-swiper .arrowBottom {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0.5rem;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-animation: identifier 4s infinite;
  animation: identifier 4s infinite;
}

.idx1-swiper .arrowBottom img {
  width: 0.26rem;
  display: block;
}

.main1 .idx1-swiper .swiper-text .p2 .idx1-swiper .arrowBottom p {
  color: #fff;
  margin-top: 0.1rem;
}

@media (max-width:600px) {
  .idx1-swiper .arrowBottom {
    display: none;
  }
}

.idx1-product {
  padding: 0 calc(180 / 1920 * 100%);
  padding-top: calc(108 / 1920 * 100%);
  padding-bottom: calc(115 / 1920 * 100%);
}

.idx1-product .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.idx1-product .title .p2 {
  margin-top: 0.15rem;
  position: relative;
  margin-bottom: 0.3rem;
}

.idx1-product .title .p2::after {
  content: '';
  position: absolute;
  width: 1em;
  height: 3px;
  left: 0;
  bottom: calc(-0.3rem - 3px);
  background-color: #e62129;
}

.idx1-product .title .title-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.2rem;
  font-size: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #e8e8e8;
}

.idx1-product .title .title-icon:hover {
  color: #e62129;
}

.idx1-product .title .title-icon img {
  width: 0.26rem;
}

.idx1-product .product {
  margin-top: 0.55rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.idx1-product .product .left {
  width: calc(510 / 1560 * 100%);
  position: relative;
  display: block;
}

.idx1-product .product .left img {
  width: 100%;
  display: block;
}

.idx1-product .product .left .text {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: calc(40 / 510 * 100%);
  padding-left: calc(50 / 510 * 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.idx1-product .product .left .text img {
  width: 108%;
  display: block;
}

.idx1-product .product .left p {
  font-weight: bold;
}

.idx1-product .product .left .p2 {
  margin-top: 0.13rem;
  margin-bottom: 0.53rem;
  position: relative;
}

.idx1-product .product .left .p2::after {
  content: '';
  position: absolute;
  width: 1em;
  height: 3px;
  left: 0;
  bottom: calc(-0.2rem);
  background-color: #e62129;
}

.idx1-product .product .left .p3 {
  font-weight: 400;
  width: calc(255 / 410 * 100%);
  line-height: 1.5;
}

.idx1-product .product .right {
  width: calc(990 / 1560 * 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.idx1-product .product .right .T-right {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.idx1-product .product .right .t1 {
  width: calc(560 / 990 * 100%);
  position: relative;
}

.idx1-product .product .right .t1 img {
  width: 100%;
  display: block;
}

.idx1-product .product .right .t1 .text {
  position: absolute;
  font-weight: bold;
  top: calc(40 / 450 * 100%);
  left: calc(40 / 450 * 100%);
}

.idx1-product .product .right .t1 .p2 {
  margin-top: 0.1rem;
  margin-bottom: 0.53rem;
  position: relative;
}

.idx1-product .product .right .t1 .p2::after {
  content: '';
  position: absolute;
  width: 1em;
  height: 3px;
  left: 0;
  bottom: calc(-0.2rem);
  background-color: #e62129;
}

.idx1-product .product .right .t1 .tban {
  position: absolute;
  right: 10%;
  bottom: 0;
  width: 60%;
}

@media (max-width:600px) {
  .idx1-product .product .right .t1 .tban {
    width: 80%;
    left: calc(40 / 450 * 100%);
    bottom: 10%;
    right: auto;
  }
}

.idx1-product .product .right .t2 {
  width: calc(410 / 990 * 100%);
  position: relative;
}

.idx1-product .product .right .t2 img {
  width: 100%;
  display: block;
}

.idx1-product .product .right .t2 .text {
  position: absolute;
  font-weight: bold;
  top: calc(40 / 450 * 100%);
  left: calc(40 / 450 * 100%);
}

.idx1-product .product .right .t2 .p2 {
  margin-top: 0.1rem;
  margin-bottom: 0.53rem;
  position: relative;
}

.idx1-product .product .right .t2 .p2::after {
  content: '';
  position: absolute;
  width: 1em;
  height: 3px;
  left: 0;
  bottom: calc(-0.2rem);
  background-color: #e62129;
}

.idx1-product .product .right .t2 .tban {
  position: absolute;
  right: 10%;
  bottom: 0;
  width: 80%;
}

@media (max-width: 500px) {
  .idx1-product .product .right .T-right {
    display: block;
  }

  .idx1-product .product .right .t1 {
    width: 100%;
    position: relative;
  }

  .idx1-product .product .right .t2 {
    width: 100%;
    position: relative;
  }
}

@media (max-width: 900px) {
  .idx1-product .product {
    display: block;
  }

  .idx1-product .product .left {
    width: 50%;
  }

  .idx1-product .product .right {
    width: 100%;
  }

  .idx1-product .product .T-right .t1,
  .idx1-product .product .T-right .t2 {
    margin-top: 0.2rem;
  }
}

@media (max-width: 600px) {
  .idx1-product .product .left {
    width: 100%;
  }

  .idx1-product .product .left .text img {
    width: 92%;
  }
}

@media (max-width: 1200px) {
  .idx1-product {
    padding: 0 4%;
    padding-top: calc(108 / 1920 * 100%);
    padding-bottom: calc(115 / 1920 * 100%);
  }
}

.idx-introduce {
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: calc(130 / 1920 * 100%) calc(180 / 1920 * 100%);
}

.idx-introduce .introduce-bg {
  width: 100%;
  display: block;
}

.idx-introduce .text {
  width: calc(800 / 1920 * 100%);
  color: #fff;
}

.idx-introduce .text .p1 {
  margin-top: 0.15rem;
  margin-bottom: 0.9rem;
  position: relative;
}

.idx-introduce .text .p1::after {
  content: '';
  position: absolute;
  width: 1em;
  height: 3px;
  left: 0;
  bottom: calc(-0.25rem);
  background-color: #e62129;
}

.idx-introduce .text .p2 {
  line-height: 1.5;
}

.idx-introduce .text .introduce-icon {
  margin-top: 0.95rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.idx-introduce .text .introduce-icon .item {
  margin-left: 1rem;
}

.idx-introduce .text .introduce-icon .item:nth-child(1) {
  margin-left: 0;
}

.idx-introduce .text .introduce-icon .item img {
  width: 0.54rem;
}

.idx-introduce .text .introduce-icon .item .h1 {
  line-height: 1;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.2rem 0;
}

.idx-introduce .text .bth {
  margin-top: 0.6rem;
  padding: 0.24rem;
  background-color: #fff;
  color: #e62129;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 2.2rem;
}

@media (max-width: 900px) {
  .idx-introduce .text {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .idx-introduce {
    padding: calc(130 / 1920 * 100%) 4%;
  }
}

.idx1-news {
  padding: 0 calc(180 / 1920 * 100%);
  padding-top: calc(108 / 1920 * 100%);
  background-image: url(../images/banner3.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: calc(0.8rem - 10px);
}

.idx1-news .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.idx1-news .title .p2 {
  margin-top: 0.15rem;
  position: relative;
  margin-bottom: 0.3rem;
}

.idx1-news .title .p2::after {
  content: '';
  position: absolute;
  width: 1em;
  height: 3px;
  left: 0;
  bottom: calc(-0.3rem - 3px);
  background-color: #e62129;
}

.idx1-news .title .title-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.2rem;
  font-size: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #e8e8e8;
}

.idx1-news .title .title-icon:hover {
  color: #e62129;
}


.idx1-news .swiper-container2 {
  margin-top: 0.5rem;
  padding-bottom: calc(0.9rem + 10px);
}

.idx1-news .swiper-container2 .swiper-slide {
  height: auto;
  display: flex;
  flex-direction: column;
}

.idx1-news .swiper-container2 .swiper-slide img {
  width: 100%;
  display: block;
}

.idx1-news .swiper-container2 .swiper-slide .imgBoxBc {
  padding-top: calc(305 / 495 * 100%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.idx1-news .swiper-container2 .swiper-text2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  position: relative;
  flex: 1;
}

.idx1-news .swiper-container2 .swiper-text2 .tx1 {
  width: calc(385 / 486 * 100%);
  padding: calc(45 / 385 * 100%);
  border-right: 1px solid #e8e8e8;
}

.idx1-news .swiper-container2 .swiper-text2 .tx1 .p1 {
  font-weight: 600;
}

.idx1-news .swiper-container2 .swiper-text2 .tx1 .p2 {
  margin-top: 0.2rem;
  color: #717273;
}

.idx1-news .swiper-container2 .swiper-text2 .tx2 {
  padding-top: calc(45 / 385 * 100%);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.idx1-news .swiper-container2 .swiper-text2 .tx2 .p1 {
  width: 100%;
  text-align: center;
  color: #717273;
}

.idx1-news .swiper-container2 .swiper-text2 .tx2 .p2 {
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #717273;
  margin-top: 0.2rem;
}

.idx1-news .swiper-container2 .swiper-text2 .bth {
  position: absolute;
  bottom: 0;
  left: calc(385 / 486 * 100%);
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  width: 0.66rem;
  height: 0.66rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #e62129;
}

.idx1-news .swiper-container2 .swiper-text2 .bth img {
  width: calc(37 / 66 * 100%);
}

.idx1-news .swiper-container2 .swiper-pagination-bullet {
  width: 0.2rem;
  height: 3px;
  background-color: #e62129;
  border-radius: 0;
}

@media (max-width: 900px) {
  .idx1-news {
    padding: 0 4%;
    padding-top: calc(108 / 1920 * 100%);
  }
}

.idx2-nav {
  height: 1rem;
  padding: 0 calc(180 / 1920 * 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.idx2-nav .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #666666;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.idx2-nav .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.idx2-nav .right a {
  display: block;
  line-height: 1rem;
  margin-left: 0.7rem;
}

.idx2-nav .right .Active {
  color: #e62129;
  position: relative;
  font-weight: bold;
}

.idx2-nav .right .Active::after {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #e62129;
}

@media (max-width: 650px) {
  .idx2-nav {
    height: auto;
    display: block;
    padding-top: 10px !important;
  }

  .idx2-nav .right {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .idx2-nav .right a {
    margin: 0;
  }
}

.idx2-commodity {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 1rem calc(180 / 1920 * 100%);
}

.idx2-commodity .h1 {
  font-weight: bold;
  margin-bottom: 0.25rem;
}

.idx2-commodity .commodity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.idx2-commodity .item {
  padding-top: 0.6rem;
  width: calc(490 / 1560 * 100%);
  margin-right: calc(45 / 1560 * 100%);
}

.idx2-commodity .item:hover .bth {
  background-color: #e62129;
  color: #fff;
}

.idx2-commodity .item:nth-child(3n-3) {
  margin-right: 0;
}

.idx2-commodity .item img {
  width: 100%;
  display: block;
}

.idx2-commodity .item .text {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.idx2-commodity .item .title {
  font-weight: bold;
  margin-top: 0.35rem;
}

.idx2-commodity .item .p2 {
  margin-top: 0.14rem;
  line-height: calc(24 / 16 * 100%);
}

.idx2-commodity .item .bth {
  width: calc(150 / 490 * 100%);
  line-height: 0.5rem;
  border: 1px solid #dddddd;
  color: #717273;
  margin-top: 0.24rem;
}

@media (max-width: 900px) {
  .idx2-nav {
    padding: 0rem 4%;
  }

  .idx2-commodity {
    padding: 1rem 4%;
  }

  .idx2-commodity .item {
    width: 47%;
    margin-right: 6% !important;
  }

  .idx2-commodity .item:nth-child(2n-2) {
    margin-right: 0 !important;
  }
}

@media (max-width: 500px) {
  .idx2-commodity .item {
    width: 100%;
    margin-right: 0 !important;
  }
}

.idx3-details {
  background-color: #f9f9f9;
  padding: 0 calc(260 / 1920 * 100%);
  padding-top: 0.5rem;
  padding-bottom: 0.9rem;
}

.idx3-details .Dswiper {
  height: 4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.idx3-details .Dswiper .swiperBox {
  width: calc(810 / 1330 * 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: calc(70 / 1360 * 100%);
}

.idx3-details .Dswiper .pag {
  height: calc(420 / 485 * 100%);
  width: calc(92 / 810 * 100%);
  margin-right: calc(20 / 642 * 100%);
}

.idx3-details .Dswiper .pag .swiper-container3 {
  overflow: auto;
  /* 滚动槽 */
  /* 滚动条滑块 */
}

.idx3-details .Dswiper .pag .swiper-container3::-webkit-scrollbar {
  width: 4px;
}

.idx3-details .Dswiper .pag .swiper-container3::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(175, 175, 175, 0.4);
}

.idx3-details .Dswiper .pag .swiper-container3::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
}

.idx3-details .Dswiper .pag .swiper-container3::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(141, 138, 138, 0.4);
}

.idx3-details .Dswiper .pag .swiper-container {
  height: 100%;
}

.idx3-details .Dswiper .pag .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f9f9f9;
}

.idx3-details .Dswiper .pag .bor {
  background-color: #ffffff;
  border: solid 1px #e50012;
}

.idx3-details .Dswiper .bg {
  width: 80%;
}

.idx3-details .Dswiper .commodity {
  height: calc(420 / 485 * 100%);
  width: calc(530 / 642 * 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* background-color: #f9f9f9; */
}

.idx3-details .Dswiper .commodity .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* background-color: #f9f9f9; */
}

.idx3-details .Dswiper .cy {
  width: 90%;
}

.idx3-details .Dswiper .text {
  width: calc(580 / 1360 * 100%);
  height: calc(420 / 485 * 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.idx3-details .Dswiper .text .Tbox {
  height: calc(400 / 420 * 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.idx3-details .Dswiper .text .title {
  font-weight: bold;
}

.idx3-details .Dswiper .text .p1 {
  line-height: calc(30 / 16 * 100%);
  margin-top: 0.2rem;
}

.idx3-details .Dswiper .text .dianhua {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.idx3-details .Dswiper .text .dianhua img {
  width: calc(52 / 580 * 100%);
  margin-right: calc(20 / 580 * 100%);
}

.idx3-details .Dswiper .text .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.idx3-details .Dswiper .text .d1 {
  font-weight: bold;
}

.idx3-details .Dswiper .text .d2 {
  font-weight: bold;
  line-height: calc(30 / 21 * 100%);
  color: #e62129;
}

@media (max-width: 900px) {
  .idx3-details .Dswiper {
    display: block;
    height: auto;
    padding: 0.55rem 0;
  }

  .idx3-details .Dswiper .swiperBox {
    width: 100%;
  }

  .idx3-details .Dswiper .pag {
    height: auto;
  }

  .idx3-details .Dswiper .pag .swiper-slide {
    height: 22% !important;
  }

  .idx3-details .Dswiper .commodity {
    height: auto;
  }

  .idx3-details .Dswiper .text {
    width: 100%;
    padding: 0.55rem 0.4rem;
    padding-bottom: 0;
  }

  .idx3-details .Dswiper .dianhua {
    margin-top: 0.5rem;
  }
}

.idx3-details .record {
  margin-top: 0.2rem;
  background-color: #fff;
}

.idx3-details .record .nav {
  line-height: 0.8rem;
  padding: 0 calc(140 / 1360 * 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #f2f2f2;
  font-weight: bold;
}

.idx3-details .record .nav .Active {
  color: #e62129;
  position: relative;
}

.idx3-details .record .nav .Active::after {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #e62129;
}

@media (max-width: 900px) {
  .idx3-details .record .nav {
    padding: 0 4%;
  }
}

.idx3-details .record #Mao1,
.idx3-details .record #Mao2,
.idx3-details .record #Mao3,
.idx3-details .record #Mao4 {
  height: 0;
  position: relative;
  top: -2rem;
  display: block;
}

.idx3-details .record .text1 {
  padding: 0.6rem 0.55rem;
}

.idx3-details .record .text1 .t1 {
  padding-left: calc(23 / 1290 * 100%);
  position: relative;
  font-weight: bold;
}

.idx3-details .record .text1 .t1::after {
  content: '';
  width: 0.04rem;
  height: 80%;
  position: absolute;
  bottom: 10%;
  left: 0;
  background-color: #e62129;
}

.idx3-details .record .text1 .t2 {
  padding-left: calc(23 / 1290 * 100%);
  position: relative;
  font-weight: bold;
  margin-top: 0.38rem;
}

.idx3-details .record .text1 .t2::after {
  content: '';
  width: 0.12rem;
  height: 0.12rem;
  position: absolute;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  left: -0.06rem;
  background-image: url(../images/x5.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.idx3-details .record .text1 .p {
  padding-left: calc(23 / 1290 * 100%);
  margin-top: 0.12rem;
  color: #666666;
  line-height: calc(30 / 16 * 100%);
}

.idx3-details .record .text2 {
  padding: 0 0.55rem;
  padding-top: 0.15rem;
  position: relative;
}

.idx3-details .record .text2 .t1 {
  padding-left: calc(23 / 1290 * 100%);
  position: relative;
  font-weight: bold;
  margin-bottom: 0.3rem;
}

.idx3-details .record .text2 .t1::after {
  content: '';
  width: 0.04rem;
  height: 80%;
  position: absolute;
  bottom: 10%;
  left: 0;
  background-color: #e62129;
}

.idx3-details .record .text2 .swiper-container5 .swiper-slide {
  padding-top: calc(320 / 1290 * 100%);
  background-position: center;
  background-size: 80%;
  background-repeat: no-repeat;
  background-color: #f9f9f9;
}

@media (max-width: 900px) {
  .idx3-details .record .text2 .swiper-container5 .swiper-slide {
    padding-top: calc(480 / 1290 * 100%);
  }
}

@media (max-width: 500px) {
  .idx3-details .record .text2 .swiper-container5 .swiper-slide {
    padding-top: calc(960 / 1290 * 100%);
  }
}

.idx3-details .record .text2 .swiper-pagination {
  width: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -0.26rem;
}

.idx3-details .record .text2 .swiper-pagination-bullet-active {
  background: #e62129;
}

.idx3-details .record .text3 {
  padding: 0 0.55rem;
  padding-top: 0.8rem;
}

.idx3-details .record .text3 .t1 {
  padding-left: calc(23 / 1290 * 100%);
  position: relative;
  font-weight: bold;
  margin-bottom: 0.35rem;
}

.idx3-details .record .text3 .t1::after {
  content: '';
  width: 0.04rem;
  height: 80%;
  position: absolute;
  bottom: 10%;
  left: 0;
  background-color: #e62129;
}

.idx3-details .record .text3 .tableBox {
  width: 100%;
  overflow: auto;
}

.idx3-details .record .text3 .tableBox::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 8px;
}

.idx3-details .record .text3 .tableBox::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
  box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
  background: #c9c5c5;
}

.idx3-details .record .text3 .tableBox::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
  box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
  border-radius: 10px;
  background: #ededed;
}

.idx3-details .record .text3 table {
  width: 100%;
  overflow: auto;
}

.idx3-details .record .text3 tr {
  height: 0.48rem;
}

.idx3-details .record .text3 tr:nth-child(1) {
  background-color: #d81a29;
  color: #fff;
}

.idx3-details .record .text3 tr:nth-child(2n-2) {
  background-color: #f8f8f8;
  color: #000;
}

.idx3-details .record .text3 td {
  text-align: center;
  min-width: 100px;
  padding: 0.2rem 0;
}

.idx3-details .record .text4 {
  padding: 0 0.55rem;
  padding-top: 0.7rem;
  padding-bottom: 0.6rem;
}

.idx3-details .record .text4 .t1 {
  padding-left: calc(23 / 1290 * 100%);
  position: relative;
  font-weight: bold;
  margin-bottom: 0.35rem;
}

.idx3-details .record .text4 .t1::after {
  content: '';
  width: 0.04rem;
  height: 80%;
  position: absolute;
  bottom: 10%;
  left: 0;
  background-color: #e62129;
}

.idx3-details .record .text4 .inp1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0.3rem;
}

.idx3-details .record .text4 .inp1 .inpBox {
  width: calc(620 / 1290 * 100%);
  height: 0.48rem;
  background-color: #f8f8f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.3rem;
}

.idx3-details .record .text4 .inp1 .inpBox p {
  margin-right: 0.1rem;
}

.idx3-details .record .text4 .inp1 .inpBox input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
  background-color: #f8f8f8;
}

.idx3-details .record .text4 textarea {
  width: 100%;
  height: 1rem;
  background-color: #f8f8f8;
  border: none;
  padding: 0.18rem 0.28rem;
  margin-bottom: 0.3rem;
}

.idx3-details .record .text4 button {
  width: 1.6rem;
  height: 0.48rem;
  border: none;
  background-color: #e50012;
  color: #fff;
}

@media (max-width: 900px) {
  .idx3-details .record .text4 .inp1 {
    display: block;
  }

  .idx3-details .record .text4 .inp1 .inpBox {
    width: 100%;
    margin-top: 0.3rem;
  }
}

@media (max-width: 900px) {
  .idx3-details {
    padding-left: 4% !important;
    padding-right: 4% !important;
  }
}

.paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 1.2rem;
}
.paging span,.paging a,
.paging .pag {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 0.2rem; border:1px solid #eee;
}
.paging span:nth-last-child(2),
.paging span:last-child { width:150px; border:none;display:none;}

.paging .pag:nth-child(1) {
  margin-left: 0;
}

.paging .pag:hover {
  background-color: #e62129;
  color: #fff;
}

.paging .Apag {
  background-color: #dddddd;
  color: #fff;
}

.paging .Bpag {
  background-color: #e62129;
  color: #fff;
}

.idx3-nav {
  height: 1rem;
  padding: 0 calc(180 / 1920 * 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
}

.idx3-nav .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #666666;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.idx3-nav .left .icon1 {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

.idx3-nav .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.idx3-nav .right a {
  display: block;
  line-height: 1rem;
  margin-left: 0.7rem;
}

.idx3-nav .right .Active {
  color: #e62129;
  position: relative;
  font-weight: bold;
}

.idx3-nav .right .Active::after {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #e62129;
}

@media (max-width: 650px) {
  .idx3-nav {
    height: auto;
    display: block;
    padding-top: 10px !important;
  }

  .idx3-nav .right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.idx3-commodity {
  padding: 1rem calc(180 / 1920 * 100%);
}

.idx3-commodity .selop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.20rem;
  height: 0.52rem;
}

.idx3-commodity .selop .sop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.idx3-commodity .selop .p1 {
  margin-right: 0.4rem;
}

.idx3-commodity .selop .sebox {
  border: 1px solid #e8e8e8;
  height: 0.52rem;
  padding: 0 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.idx3-commodity .selop select {
  border: none;
  background-color: rgba(255, 255, 255, 0);
  margin-left: 0.7rem;
}

@media (max-width: 700px) {
  .idx3-commodity .selop {
    display: block;
  }

  .idx3-commodity .selop select {
    margin-left: 0rem;
  }
}

.idx3-commodity .h1 {
  font-weight: bold;
}

.idx3-commodity .commodity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.idx3-commodity .item {
  padding-top: 0.8rem;
  width: calc(490 / 1560 * 100%);
  margin-right: calc(45 / 1560 * 100%);
}

.idx3-commodity .item:nth-child(3n-3) {
  margin-right: 0;
}

.idx3-commodity .item img {
  width: 100%;
  display: block;
}

.idx3-commodity .item .swiper-text2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  position: relative;
  border: 1px solid #e8e8e8;
}

.idx3-commodity .item .swiper-text2 .tx1 {
  width: calc(385 / 486 * 100%);
  padding: calc(45 / 385 * 100%) calc(40 / 385 * 100%);
  border-right: 1px solid #e8e8e8;
}

.idx3-commodity .item .swiper-text2 .tx1 .p1 {
  font-weight: 600;
}

.idx3-commodity .item .swiper-text2 .tx1 .p2 {
  margin-top: 0.2rem;
  color: #717273;
}

.idx3-commodity .item .swiper-text2 .tx2 {
  padding-top: calc(40 / 385 * 100%);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.idx3-commodity .item .swiper-text2 .tx2 .p1 {
  width: 100%;
  text-align: center;
  color: #717273;
  line-height: 1;
}

.idx3-commodity .item .swiper-text2 .tx2 .p2 {
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #717273;
  margin-top: 0.15rem;
}

.idx3-commodity .item .swiper-text2 .bth {
  position: absolute;
  bottom: 0;
  left: calc(385 / 486 * 100%);
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  width: 0.66rem;
  height: 0.66rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #e62129;
}

.idx3-commodity .item .swiper-text2 .bth img {
  width: calc(37 / 66 * 100%);
}

@media (max-width: 900px) {
  .idx3-nav {
    padding: 0 4%;
  }

  .idx3-commodity {
    padding: 1rem 4%;
  }

  .idx3-commodity .item {
    width: 47%;
    margin-right: 6% !important;
  }

  .idx3-commodity .item:nth-child(2n-2) {
    margin-right: 0 !important;
  }
}

@media (max-width: 500px) {
  .idx3-commodity .item {
    width: 100%;
    margin-right: 0 !important;
  }
}

.idx5-text {
  padding: 0 calc(460 / 1920 * 100%);
  padding-top: 1rem;
}

.idx5-text .Cbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0.4rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #e8e8e8;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.idx5-text .Cbox .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.idx5-text .Cbox .icon img {
  display: block;
}

.idx5-text .Cbox .icon1 {
  width: 0.18rem;
  margin-right: 0.07rem;
}

.idx5-text .Cbox .icon2 {
  width: 0.21rem;
  margin-right: 0.07rem;
  margin-left: 0.3rem;
}

.idx5-text .Cbox .icon3 {
  width: 0.18rem;
  margin-right: 0.07rem;
  margin-left: 0.32rem;
}

.idx5-text .Cbox .z4 {
  margin-left: 0.35rem;
}

.idx5-text .content {
  padding-top: 0.6rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid #e8e8e8;
}

.idx5-text .content p {
  line-height: calc(30 / 18 * 100%);
  text-indent: 2em;
  margin-bottom: 0.3rem;
  color: #666666;
}

.idx5-text .content img {
  width: 100%;
  display: block;
}

.idx5-text .bth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.idx5-text .bth .left img {
  margin-right: 0.1rem;
}

.idx5-text .bth .left .l2 {
  display: none;
}

.idx5-text .bth .left:hover {
  color: #e62129;
}

.idx5-text .bth .left:hover .l1 {
  display: none;
}

.idx5-text .bth .left:hover .l2 {
  display: block;
}

.idx5-text .bth .right img {
  margin-left: 0.1rem;
}

.idx5-text .bth .right .r2 {
  display: none;
}

.idx5-text .bth .right:hover {
  color: #e62129;
}

.idx5-text .bth .right:hover .r1 {
  display: none;
}

.idx5-text .bth .right:hover .r2 {
  display: block;
}

.idx5-text .bth div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.3rem;
  padding-bottom: 1.2rem;
}

.idx5-text .bth img {
  width: 0.23rem;
}

.idx5-text .icon4 {
  width: 0.20rem;
  margin-right: 0.2rem;
}

.idx5-text .icon5 {
  width: 0.21rem;
}

@media (max-width: 1200px) {
  .idx5-text {
    padding: 0 4%;
    padding-top: 1rem;
  }
}

.idx6-title {
  padding: 1rem calc(180 / 1920 * 100%);
}

.idx6-title .h1 {
  font-weight: bold;
}

.idx6-title .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0.6rem;
  border: solid 1px #e8e8e8;
}


.idx6-title .item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: calc(45 / 1560 * 100%);
  background-color: #fff;
  border-left: solid 1px #e8e8e8;
}

.idx6-title .item:nth-child(1) {
  border-left: none;
}

@media (max-width:800px) {
  .idx6-title .tab {
    flex-wrap: wrap;
  }

  .idx6-title .item {
    flex: auto;
    width: 100%;
    border: none;
    border-top: solid 1px #e8e8e8;
  }

  .idx6-title .item :nth-child(1) {
    border-top: none;
  }
}

.idx6-title .item .img {
  padding: calc(37 / 1560 * 100%);
  display: block;
}

.idx6-title .item .p1 {
  margin-top: 0.25rem;
}

.idx6-title .item .tx {
  color: #717273;
  margin-top: 0.25rem;
}

.idx6-title .item .tx p {
  margin-top: 0.15rem;
}


@media (max-width: 900px) {
  .idx6-title {
    padding: 1rem 4%;
  }
}

.idx7-map {
  position: relative;
}

.idx7-map #container {
  width: 100%;
  height: 7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.idx7-map #Mao5 {
  position: relative;
  top: -3rem;
  height: 0;
  display: block;
}

.idx7-map .window {
  position: absolute;
  width: calc(710 / 1920 * 100%);
  top: 5rem;
  left: calc(1030 / 1920 * 100%);
  background-color: #fff;
  z-index: 999;
  padding: 0 calc(75 / 1920 * 100%);
  padding-top: 0.7rem;
  padding-bottom: 0.75rem;
}

.idx7-map .window .h1 {
  color: #e62129;
  margin-bottom: 0.4rem;
}

.idx7-map .window .inpbox {
  height: 0.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #000000;
  margin-bottom: 0.25rem;
}

.idx7-map .window .inpbox input {
  border: none;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 10px;
}

.idx7-map .window .inpbox input:focus::-webkit-input-placeholder {
  /* WebKit browsers，webkit内核浏览器 */
  color: #000000;
}

.idx7-map .window .inpbox input:focus:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000000;
}

.idx7-map .window .inpbox input:focus::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000000;
}

.idx7-map .window .inpbox input:focus:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #000000;
}

.idx7-map .window .inpbox input::-webkit-input-placeholder {
  /* WebKit browsers，webkit内核浏览器 */
  color: #19191950;
}

.idx7-map .window .inpbox input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #19191950;
}

.idx7-map .window .inpbox input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #19191950;
}

.idx7-map .window .inpbox input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #19191950;
}

.idx7-map .window .inpbox .filter-box {
  width: 100%;
}

.idx7-map .window .inpbox .filter-box .filter-text {
  border: none !important;
  padding-left: 0;
}

.idx7-map .window .inpbox1 {
  height: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #000000;
}

.idx7-map .window .inpbox1 textarea {
  width: 100%;
  height: 100%;
  border: none;
  padding: 10px;
}

.idx7-map .window .inpbox1 textarea:focus::-webkit-input-placeholder {
  /* WebKit browsers，webkit内核浏览器 */
  color: #000000;
}

.idx7-map .window .inpbox1 textarea:focus:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000000;
}

.idx7-map .window .inpbox1 textarea:focus::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000000;
}

.idx7-map .window .inpbox1 textarea:focus:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #000000;
}

.idx7-map .window .inpbox1 textarea::-webkit-input-placeholder {
  /* WebKit browsers，webkit内核浏览器 */
  color: #19191950;
}

.idx7-map .window .inpbox1 textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #19191950;
}

.idx7-map .window .inpbox1 textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #19191950;
}

.idx7-map .window .inpbox1 textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #19191950;
}

.idx7-map .window .bth {
  background-color: #e50012;
  color: #fff;
  height: 0.66rem;
  width: calc(200 / 710 * 100%);
  min-width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  margin-top: 0.4rem;
}

.idx7-map .window .bth img {
  margin-left: 0.3rem;
}

@media (max-width: 900px) {
  .idx7-map .window {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }
}

.idx8-Lbg {
  width: 100%;
  height: 6.53rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-left: calc(180 / 1920 * 100%);
  padding-top: 1.5rem;
}

.idx8-Lbg .p1 {
  color: #717273;
  margin-bottom: 0.15rem;
}

.idx8-Lbg .p2 {
  font-weight: bold;
}

.idx9-nav {
  height: 1rem;
  padding: 0 calc(180 / 1920 * 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.idx9-nav .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #666666;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.idx9-nav-en .left{
  justify-content: flex-start;
}

.idx9-nav .left .icon {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

.idx9-content {
  padding: 0 calc(180 / 1920 * 100%);
  padding-top: 0.6rem;
}

.idx9-content .banner {
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0 calc(80 / 1560 * 100%);
  padding-top: calc(195 / 1560 * 100%);
  padding-bottom: calc(210 / 1560 * 100%);
}

.idx9-content .text {
  width: calc(710 / 1560 * 100%);
  color: #fff;
}

.idx9-content .text .p1 {
  margin-bottom: 0.4rem;
  font-weight: bold;
}

.idx9-content .text .p2 {
  margin-bottom: 0.4rem;
}

@media (max-width: 900px) {
  .idx9-content .text {
    width: 100%;
  }
}

.idx9-content .idx9-table {
  padding-top: 0.6rem;
  text-align: center;
}

.idx9-content .idx9-table .tableBox {
  width: 100%;
  overflow-y: auto;
  text-align: left;
}

.idx9-content .idx9-table .t3 {
  width: 100%;
  min-width: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e8e8e8;
}

.idx9-content .idx9-table .t3 div {
  width: 25%;
  min-width: 200px;
  padding: 0.35rem 0;
}

.idx9-content .idx9-table .t3 a {
  padding: 0.1rem 0.15rem;
  border: 1px solid #66666610;
  cursor: pointer;
}

.idx9-content .idx9-table .details {
  background-color: #f7f7f7;
  padding: 0.52rem;
  text-align: left;
  display: none;
  min-width: 800px;
}

.idx9-content .idx9-table .details .tag {
  line-height: 2;
}

.idx9-content .idx9-table .details .tag span {
  margin-left: 0.6rem;
}

.idx9-content .idx9-table .details .tag span:nth-child(1) {
  margin-left: 0;
}

.idx9-content .idx9-table .details .text {
  width: 100%;
  margin-top: 0.4rem;
  color: #626262;
  line-height: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.idx9-content .idx9-table .details .text .left {
  width: 48%;
}

.idx9-content .idx9-table .details .text .right {
  width: 48%;
}

@media (max-width: 700px) {
  .idx9-content .idx9-table .details .tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .idx9-content .idx9-table .details .tag span {
    margin-left: 0 !important;
  }

  .idx9-content .idx9-table .details .text {
    display: block;
  }

  .idx9-content .idx9-table .details .text .left {
    width: 100%;
  }

  .idx9-content .idx9-table .details .text .right {
    width: 100%;
  }
}

.idx9-content .idx9-table .details .bth1 {
  padding: 0.15rem 0.4rem;
  background-color: #e62129;
  display: inline-block;
  color: #ffffff;
  margin-top: 0.8rem;
}

.idx9-content .idx9-table .load {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #666666;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.6rem;
  margin-bottom: 1rem;
}

.idx9-content .idx9-table .load .imgBox {
  width: 100%;
  position: relative;
}

.idx9-content .idx9-table .load .imgBox::after {
  content: "";
  width: calc(50% - 0.6rem);
  height: 1px;
  background-color: #e8e8e8;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

.idx9-content .idx9-table .load .imgBox::before {
  content: "";
  width: calc(50% - 0.6rem);
  height: 1px;
  background-color: #e8e8e8;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

.idx9-content .idx9-table .load img {
  width: 0.6rem;
}

.idx9-content .idx9-table .load p {
  margin-top: 0.2rem;
}

@media (max-width: 900px) {
  .idx9-content .idx9-table {
    padding: 0;
    padding-top: 0.6rem;
  }
}

@media (max-width: 900px) {
  .idx9-nav {
    padding: 0 4%;
  }

  .idx9-content {
    padding: 0 4%;
    padding-top: 0.6rem;
  }
}

.idx10-product {
  padding: 0 calc(180 / 1920 * 100%);
  padding-bottom: 1.17rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.idx10-product .item {
  width: calc(486 / 1560 * 100%);
  margin-left: calc(50 / 1560 * 100%);
  margin-top: 0.38rem;
}

.idx10-product .item:nth-child(3n+1) {
  margin-left: 0;
}

.idx10-product img {
  width: 100%;
  display: block;
}

.idx10-product .p1 {
  padding: 0.4rem 0;
  text-align: center;
  border: 1px solid #e8e8e8;
  display: block;
}

@media (max-width: 900px) {
  .idx10-product {
    padding: 0 4%;
    padding-bottom: 1.17rem;
  }
}

@media (max-width: 700px) {
  .idx10-product .item {
    width: 48%;
    margin-left: 4%;
  }

  .idx10-product .item:nth-child(3n+1) {
    margin-left: 4%;
  }

  .idx10-product .item:nth-child(2n+1) {
    margin-left: 0%;
  }
}

@media (max-width: 450px) {
  .idx10-product .item {
    width: 100%;
    margin-left: 0% !important;
  }
}

.idx11-nav {
  height: 1rem;
  padding: 0 calc(180 / 1920 * 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.idx11-nav .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #666666;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.idx11-nav .left .icon {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

.idx11-nav .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.idx11-nav .right a {
  display: block;
  line-height: 1rem;
  margin-left: 0.7rem;
}

.idx11-nav .right .Active {
  color: #e62129;
  position: relative;
  font-weight: bold;
}

.idx11-nav .right .Active::after {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #e62129;
}

@media (max-width: 1200px) {
  .idx11-nav {
    padding: 0 4%;
  }
}

@media (max-width: 650px) {
  .idx11-nav {
    height: auto;
    display: block;
    padding-top: 10px !important;
  }

  .idx11-nav .right {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .idx11-nav .right a {
    margin: 0;
  }
}

.about #Mao6,
.about #Mao7,
.about #Mao8,
.about #Mao9,
.about #Mao10 {
  position: relative;
  top: -2rem;
  height: 0;
  display: block;
}

.about .top {
  padding: 0 calc(180 / 1920 * 100%);
  padding-top: 0.9rem;
  padding-bottom: 1.67rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.about .top .left {
  width: calc(600 / 1560 * 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.about .top .left .p1 {
  font-weight: bold;
  margin-bottom: 1rem;
  position: relative;
}

.about .top .left .p1::after {
  content: "";
  width: 0.5em;
  height: 3px;
  background-color: #e62129;
  position: absolute;
  left: 0;
  bottom: -0.5rem;
}

.about .top .left .p2 {
  line-height: calc(36 / 16 *1em);
}

.about .top .left .imgBoxN img {
  width: 100%;
}

.about .top .data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #666666;
  margin-top: 0.8rem;
  flex-wrap: wrap;
}

.about .top .data .p2 {
  margin-top: 0.1rem;
}

.about .top .data .topT {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.about .top .right {
  width: calc(760 / 1560 * 100%);
}

.about .top .right img {
  width: 100%;
  display: block;
}

@media (max-width: 1200px) {
  .about .top {
    padding: 0 4%;
    padding-top: 0.9rem;
    padding-bottom: 1.67rem;
  }
}

@media (max-width: 900px) {
  .about .top {
    display: block;
  }

  .about .top .left {
    width: 100% !important;
  }

  .about .top .right {
    width: 100%;
  }

  .about .top .right img {
    width: 100%;
    display: block;
  }
}

.about .swiper5 {
  position: relative;
}

.about .swiper-container5 {
  position: relative;
}

.about .swiper-container5 .swiper-slide {
  padding-top: 1.2rem;
  color: #fff;
  padding-bottom: 2.9rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.about .swiper-container5 .p1 {
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.about .swiper-container5 .tentBox {
  padding: 0 calc(180 / 1920 * 100%);
  padding-top: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.about .swiper-container5 .tentBox img {
  width: calc(500 / 1560 * 100%);
  margin-right: 2.1rem;
}

.about .swiper-container5 .tentBox .p2 {
  margin-bottom: 0.7rem;
}

@media (max-width: 900px) {
  .about .swiper-container5 .tentBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 4%;
    padding-top: 1.25rem;
    padding-right: calc(4% + 0.8rem);
  }

  .about .swiper-container5 .tentBox img {
    width: calc(500 / 1560 * 100%);
    margin-right: 0;
  }

  .about .swiper-container5 .tentBox .p2 {
    margin-bottom: 0.7rem;
  }
}

@media (max-width: 550px) {
  .about .swiper-container5 .tentBox {
    display: block;
  }

  .about .swiper-container5 .tentBox img {
    width: 100%;
    margin-right: 0;
  }

  .about .swiper-container5 .tentBox .p2 {
    margin-bottom: 0.7rem;
  }
}

.about .swiper-container5 .bth {
  z-index: 10;
  position: absolute;
  right: calc(180 / 1920 * 100%);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 900px) {
  .about .swiper-container5 .bth {
    z-index: 10;
    position: absolute;
    right: 4%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.about .swiper-container5 .bthLeft,
.about .swiper-container5 .bthRight {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
}

.about .swiper-container5 .bthLeft .img1,
.about .swiper-container5 .bthRight .img1 {
  display: block;
}

.about .swiper-container5 .bthLeft .img2,
.about .swiper-container5 .bthRight .img2 {
  display: none;
}

.about .swiper-container5 .bthLeft:hover,
.about .swiper-container5 .bthRight:hover {
  background-color: #e62129;
}

.about .swiper-container5 .bthLeft:hover .img1,
.about .swiper-container5 .bthRight:hover .img1 {
  display: none;
}

.about .swiper-container5 .bthLeft:hover .img2,
.about .swiper-container5 .bthRight:hover .img2 {
  display: block;
}

.about .swiper-container5 .bthRight {
  margin-top: 0.4rem;
}

.about .swiper-container6 {
  position: absolute;
  bottom: 1.2rem;
  right: 0;
  width: calc(1740 / 1920 * 100%);
  color: #fff;
  overflow: initial;
}

.about .swiper-container6 .swiper-slide:nth-child(1) .t1 {
  position: absolute;
  left: 0;
  -webkit-transform: translateX(0%) !important;
  transform: translateX(0%) !important;
  top: 0rem;
}

.about .swiper-container6 .swiper-slide:nth-child(1) .t2 {
  position: absolute;
  left: 0;
  -webkit-transform: translateX(0%) !important;
  transform: translateX(0%) !important;
  bottom: 0rem;
}

.about .swiper-container6 .Ybox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.4rem;
}

.about .swiper-container6 .yuan {
  width: 0.14rem;
  height: 0.14rem;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
}

.about .swiper-container6 .line {
  width: 100%;
  height: 2px;
  background-color: #ffffff20;
}

.about .swiper-container6 .t1 {
  position: absolute;
  left: 0.07rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0rem;
  display: none;
}

.about .swiper-container6 .t2 {
  position: absolute;
  left: 0.07rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0rem;
}

.about .swiper-container6 .bor .t1 {
  display: block;
}

.about .swiper-container6 .bor .t2 {
  display: none;
}

.about .swiper6 {
  padding-right: calc(180 / 1920 * 100%);
  padding-top: 1rem;
  padding-bottom: 1.3rem;
}

.about .swiper6 .h1 {
  margin-left: calc(180 / 1920 * 100%);
  margin-bottom: 0.6rem;
  font-weight: bold;
  text-align: center;
}

.about .swiper-container7 {
  margin-left: calc(180 / 1920 * 100%);
  overflow: inherit;
  padding-bottom: 0.9rem;
}

.about .swiper-container7 img {
  width: 100%;
  display: block;
}

.about .swiper-container7 .swiper-scrollbar {
  width: 100%;
  left: 0;
  height: 2px;
}

.about .swiper-container7 .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #cf1e25;
}

.about .swiper7 {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  background-image: url(../images/aboutBg3.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 calc(200 / 1920 * 100%);
  padding-top: 1.2rem;
  padding-bottom: 0.8rem;
}

.about .swiper7 .h2 {
  font-weight: bold;
  text-align: center;
}

.about .swiper7 .bthLeft {
  z-index: 10;
  position: absolute;
  left: calc(60 / 1920 * 100%);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.about .swiper7 .bthRight {
  z-index: 10;
  position: absolute;
  right: calc(60 / 1920 * 100%);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.about .swiper7 .bthLeft,
.about .swiper7 .bthRight {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
}

.about .swiper7 .bthLeft .img1,
.about .swiper7 .bthRight .img1 {
  display: block;
}

.about .swiper7 .bthLeft .img2,
.about .swiper7 .bthRight .img2 {
  display: none;
}

.about .swiper7 .bthLeft:hover,
.about .swiper7 .bthRight:hover {
  background-color: #e62129;
}

.about .swiper7 .bthLeft:hover .img1,
.about .swiper7 .bthRight:hover .img1 {
  display: none;
}

.about .swiper7 .bthLeft:hover .img2,
.about .swiper7 .bthRight:hover .img2 {
  display: block;
}

.about .swiper7 .bthRight {
  margin-top: 0.4rem;
}

.about .swiper-container9 {
  margin-top: 1.15rem;
}

.about .swiper-container9 .swiper-wrapper {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.about .swiper-container9 .swiper-slide {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.about .swiper-container9 .bg1 {
  max-width: 75%;
  max-height: 3rem;
  display: block;
}

.about .swiper-container9 .bg2 {
  width: 100%;
  display: block;
}

.about .cooperation {
  padding: 1rem calc(180 / 1920 * 100%);
}

.about .cooperation .h3 {
  font-weight: bold;
  margin-bottom: 0.4rem;
}

.about .cooperation .iconS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.about .cooperation .iconS .item {
  border: 1px solid #eeeeee;
  width: 15%;
  margin-left: 2%;
  margin-top: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.about .cooperation .iconS .item:nth-child(6n+1) {
  margin-left: 0;
}

.about .cooperation .iconS img {
  width: 80%;
}

@media (max-width: 700px) {
  .about .cooperation .iconS .item {
    width: 22%;
    margin-left: 4%;
  }

  .about .cooperation .iconS .item:nth-child(6n+1) {
    margin-left: 4%;
  }

  .about .cooperation .iconS .item:nth-child(4n+1) {
    margin-left: 0%;
  }
}

@media (max-width: 400px) {
  .about .cooperation .iconS .item {
    width: 48%;
    margin-left: 4%;
    padding: 0.1rem 0;
  }

  .about .cooperation .iconS .item:nth-child(6n+1) {
    margin-left: 4%;
  }

  .about .cooperation .iconS .item:nth-child(4n+1) {
    margin-left: 4%;
  }

  .about .cooperation .iconS .item:nth-child(2n+1) {
    margin-left: 0%;
  }
}

@media (max-width: 900px) {
  .about .cooperation {
    padding: 1rem 4%;
  }
}

footer {
  padding-top: 0.9rem;
  padding-bottom: 0.4rem;
  background-color: #e8e8e8;
}

footer .top {
  margin: 0 calc(180 / 1920 * 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #c7c7c752;
}

footer .Fleft .l1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

footer .Fleft .l1 img {
  margin-right: 0.1rem;
}

footer .Fleft .phone {
  margin-top: 0.25rem;
  margin-bottom: 0.35rem;
  font-weight: bold;
}

footer .Fleft .ipt {
  width: 2.33rem;
  height: 0.5rem;
  background-color: #fff;
  border: solid 1px #dddddd;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

footer .Fleft .ipt input {
  width: calc(185 / 233 * 100%);
  border: none;
}

footer .Fleft .ipt img {
  width: 0.2rem;
}

footer .Fleft .Ficon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-top: 0.4rem;
}

footer .Fleft .Ficon .icon {
  position: relative;
}

footer .Fleft .Ficon .icon:nth-child(1) img {
  margin-left: 0;
}

footer .Fleft .Ficon .icon img {
  display: block;
  margin-left: 0.4rem;
}

footer .Fleft .Ficon .icon .hied {
  display: none;
  width: 2rem;
  position: absolute;
  bottom: calc(-2rem - 10px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-top: 10px;
}

footer .Fleft .Ficon .icon_en .hied{
  padding: 0.2rem;
  white-space: nowrap;
  background-color: #fff;
  width: auto;
  border-radius: 20px;
  bottom: auto;
  top: 0;
  left: 0;
  transform: translate(0,100%);
}
footer .Fleft .Ficon .icon .hied img {
  width: 100%;
  display: block;
}

footer .Fleft .Ficon .icon:hover .hied {
  display: block;
}

footer .link {
  width: calc(810 / 1560 * 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

footer .link .h {
  font-weight: bold;
  margin-bottom: 0.4rem;
}

footer .link .l li {
  margin-bottom: 0.25rem;
}

footer .ewm {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

footer .ewm .eBox:nth-child(1) {
  margin-right: 0.2rem;
}

footer .ewm img {
  width: 1.46rem;
  display: block;
}

footer .ewm p {
  color: #000;
  margin-top: 0.2rem;
}

footer .copyright {
  margin: 0 calc(180 / 1920 * 100%);
  padding: 0.35rem 0;
}

footer .link1 {
  height: 5px;
  width: 100%;
  background-color: #e62129;
}

@media (max-width: 900px) {
  footer .top {
    display: block;
    padding-bottom: 2rem;
    position: relative;
  }

  footer .top .Ficon {
    margin: 0.2rem 0;
    position: absolute;
    bottom: 1rem;
  }

  footer .top .Ficon .icon {
    position: relative;
  }

  footer .top .Ficon .icon:nth-child(1) img {
    margin-left: 0;
  }

  footer .top .Ficon .icon img {
    display: block;
    margin-left: 1rem;
  }

  footer .Fleft .ipt {
    display: none;
  }

  footer .link {
    width: 100%;
    display: block;
    margin-top: 0.5rem;
  }

  footer .link .h {
    margin-bottom: 0.25rem;
  }

  footer .link .l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  footer .link .l li {
    margin-right: 0.5rem;
  }

  footer .ewm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  footer .ewm .eBox {
    width: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  footer .ewm .eBox:nth-child(1) {
    margin-right: 0.2rem;
  }

  footer .ewm .eBox img {
    width: 100%;
  }
}

.right_nav {
  position: fixed;
  right: 10px;
  top: 50%;
  z-index: 999;
  border: 1px solid #c8c8c8;
}

.right_nav .item {
  width: 0.6rem;
  height: 0.6rem;
  border-top: 1px solid #c8c8c8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.right_nav .item:nth-child(1) {
  border-top: none;
}

.right_nav .item img {
  width: 50%;
}

.right_nav .item1 {
  position: relative;
}

.right_nav .item1 .text {
  position: absolute;
  left: 0;
  top: -1px;
  height: calc(100% + 2px);
  padding: 0 10px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  text-align: center;
  line-height: 0.6rem;
  background-color: #fff;
  border: 1px solid #c8c8c8;
  white-space: nowrap;
  display: none;
}

.right_nav .item1:hover .text {
  display: block;
}

/*# sourceMappingURL=index.css.map */