.marginAuto {
  width: 100%;
}
.marginAuto .swiper-container{height:auto;}


.margins .marginAuto {
  width: 100%;
}

.productContent .content,.productContent .content .aside .text{width: 100%}

.productContent .content .aside .swiper-container,.swiper-wrapper{height: auto !important}
.companyIntroduction .swiper-button-next, .companyIntroduction .swiper-button-prev{width: .2rem;}
.companyIntroduction .swiper-button-prev{left: .3rem}
.companyIntroduction .swiper-button-next{right: .3rem}
.header{padding-top: 0}
.companyIntroduction .text *{font-size: .35rem !important}
.header .marginAuto {
  padding: 0 .24rem !important;
}

.header .logo img {
  width: .5rem;
  height: auto;
}
.pc-banner{display: none;}
.mob-banner{display: block;}
.header{
  margin: .4rem 0;
}
.header .title h1 {
  font-size: .34rem;
  height: auto;
}

.header .nav {
  padding-top: 0;
}

.header .nav .list {
  display: none;
  position: fixed;
  right: 0;
  top: 0;
  width: 3rem;
  height: 100%;
  background: #fff;
  z-index: 99999999;
}
.teamContent ul li:nth-child(2n){margin-left: 0;}
.header .nav .list .close {
  display: block;
  position: absolute;
  right: .2rem;
  top: .2rem;
}
.banner .tips a .img{width: 4.5rem;}
.banner .tips a .img img{height: auto}
.banner .tips a .text{width: 4rem;margin-top: 0.1rem}
.banner .tips a .text p{margin-top: 0.1rem}
/*.banner .tips a .text p{    -webkit-line-clamp: 5;}*/
.header .nav .list .close i {
  font-size: .5rem;
  color: #000;
}

.header .nav .list ul {
  display: block;
  padding-top: 1.5rem;
}

.header .nav .list ul li {
  padding-left: .3rem;
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
  margin-bottom: .3rem;
}
.banner{padding-top: 0}
.banner .swiper-button-next, .banner .swiper-button-prev{width: 10px;height:20px;margin-top: -5px;background-size: 100% 100%}
.header .nav .list ul li a,.banner .header .nav .list ul li a {
  font-size: .32rem;
  color: #000;
}


.header .nav .search {
  display: none;
}

.header .nav .mBtn {
  display: block;
}

.header .nav .mBtn i {
  font-size: .6rem;
  color: #000;
}

.banner {
  margin-bottom: .3rem;
}

.banner .header {
  top: .3rem;

}

.banner .tips {
  position: relative;bottom:initial;
flex-wrap: wrap;
z-index: 2;
  /*display: none;*/
}
.banner .tips a{margin-top: 20px;background: #ddd;height: auto;}
.banner .tips a .text p,.banner .tips a .text h1{color: #333;}
.footer .marginAuto {
  display: block;
  height:auto;
  box-sizing: border-box;
  padding: .3rem .24rem 0;
  text-align: center;
  
}
.footer{padding-bottom: 0.4rem}

.footer .marginAuto .copyright {
  margin-bottom: .2rem;
}

.footer .marginAuto .copyright .switch {
  margin-bottom: .2rem;
}

.footer .marginAuto .copyright .switch a {
  font-size: .28rem;
}

.footer .marginAuto .copyright p {
  font-size: .25rem;
  transform:scale(1);
}

.product .marginAuto {
  box-sizing: border-box;
  padding: 0 .24rem;
}

.product .productNav {
  overflow-x: scroll;
  white-space: nowrap;
}

.product .productNav a {
  font-size: .28rem;
  line-height: .28rem;
  border-right: 1px solid #bbbbbc;
}

.product .productType {
  line-height: .32rem;
}

.product .productType h1 {
  border-left: 1px solid #fff;
  font-size: .32rem;
}

.product .productType select {
  font-size: .28rem;
}

.product .list ul li {
  width: 100%;
  margin-right: 0;
  margin-bottom: .2rem;
}

.product .list ul li img {
  width: 100%;
}

.companyIntroduction .text {
  max-width: 1200px;
  margin: .3rem auto;
}

.companyIntroduction .text p {
  font-size: .28rem;
  font-weight: bold;
  padding: 0 .24rem;
}

.contactUs .list {
  padding: 0 .24rem;
}

.contactUs .list li {
  flex-wrap: wrap;
  padding-bottom: .3rem;
  margin-bottom: .5rem;
}

.contactUs .list li .img {
  margin-right: 0;
  margin-bottom: .3rem;
}

.contactUs .list li .img img {
  width: 100%;
}

.contactUs .list li .text h1 {
  margin-bottom: .3rem;
  font-size: .38rem;
}

.contactUs .list li .text .icon img {
  width: .8rem;
}

.contactUs .list li .text p {
  font-size: .28rem;
  margin-bottom: .3rem;
}

.productContent .content {
  flex-wrap: wrap;
  top: 0;
}

.productContent .content .aside {
  width: 100%;
}

.productContent .content .aside .swiperBox {
  /*display: none;*/
  width: 80%;margin: 0 auto;
  padding:0 .4rem;
  height:1.2rem;
}
.productContent .content .aside .swiperBox .swiper-button-next, .productContent .content .aside .swiperBox .swiper-button-prev{width: .3rem;z-index: 999999;}

.productContent .content .aside .text {
  padding: .4rem .3rem;
}

.productContent .content .aside .text .title h1 {
  width: 3rem;
  font-size: .32rem;
}

.productContent .content .aside .text p {
  font-size: .28rem;
}

.productContent .content .recommend {
  width: 100%;
  display: none;
  padding-top: .3rem;
  margin-left: 0;
  box-sizing: border-box;
}

.productContent .content .recommend .title {
  margin-bottom: .3rem;
}

.productContent .content .recommend .title h1 {
  text-align: center;
  font-size: .32rem;
}

.productContent .content .recommend .swiperBox {
  height: auto;
  padding: .3rem 0;
}

.productContent .content .recommend .swiperBox .swiper-container {
  height: auto;
}

.productContent .content .recommend .swiperBox .swiper-container .swiper-slide img {
  width: 2rem;
}

.productContent .content .recommend .swiperBox .swiper-button-prev, .productContent .content .recommend .swiperBox .swiper-button-next {
  display: none;
}
.productContent .content .aside1 .text{
  min-height: auto;
}
.banner{
  padding: 0;
  height: auto;
}
.banner .swiper-slide a img{
  width: 100%;
  height: auto;
}
.teamContent{
  width: 100%;
  padding: 0 .24rem;
  box-sizing: border-box;
}
.teamContent ul li{
  padding-bottom: .5rem;
  margin-bottom: .5rem;
}
.teamContent ul li a{
  flex-wrap: wrap;
}
.teamContent ul li .img {
  margin-bottom: .3rem;
}
.teamContent ul li .img img{
  width: 100%;
  height: auto;
}
.teamContent ul li .text{
  width: 100%;
}
.teamContent ul li .text h1{
  font-size: 12px;
  margin-bottom: .1rem;
}
.teamContent ul li .text h2{
  font-size: 12px;
  margin-bottom: .1rem;
}
.teamContent ul li .text p{
  font-size: .24rem;
}