* {
  padding: 0;
  margin: 0;
}
.swiper-container {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.bounceup {
  animation: bounceInUp 1.2s;
  -moz-animation: bounceInUp 1.2s;
  /* Firefox */
  -webkit-animation: bounceInUp 1.2s;
  /* Safari and Chrome */
  -o-animation: bounceInUp 1.2s;
  /* Opera */
  visibility: visible;
}
.bounceups {
  animation: bounceInUp 3.6s;
  -moz-animation: bounceInUp 3.6s;
  /* Firefox */
  -webkit-animation: bounceInUp 3.6s;
  /* Safari and Chrome */
  -o-animation: bounceInUp 3.6s;
  /* Opera */
  visibility: visible;
}
.bounceups1 {
  animation: bounceInUp 4.8s;
  -moz-animation: bounceInUp 4.8s;
  /* Firefox */
  -webkit-animation: bounceInUp 4.8s;
  /* Safari and Chrome */
  -o-animation: bounceInUp 4.8s;
  /* Opera */
  visibility: visible;
}
.bounceups2 {
  animation: bounceInUp 5.8s;
  -moz-animation: bounceInUp 5.8s;
  /* Firefox */
  -webkit-animation: bounceInUp 5.8s;
  /* Safari and Chrome */
  -o-animation: bounceInUp 5.8s;
  /* Opera */
  visibility: visible;
}
.bounceups3 {
  animation: bounceInUp 6.8s;
  -moz-animation: bounceInUp 6.8s;
  /* Firefox */
  -webkit-animation: bounceInUp 6.8s;
  /* Safari and Chrome */
  -o-animation: bounceInUp 6.8s;
  /* Opera */
  visibility: visible;
}
.bounceups4 {
  animation: bounceInUp 7.8s;
  -moz-animation: bounceInUp 7.8s;
  /* Firefox */
  -webkit-animation: bounceInUp 7.8s;
  /* Safari and Chrome */
  -o-animation: bounceInUp 7.8s;
  /* Opera */
  visibility: visible;
}
.bounceups5 {
  animation: bounceInUp 8.8s;
  -moz-animation: bounceInUp 8.8s;
  /* Firefox */
  -webkit-animation: bounceInUp 8.8s;
  /* Safari and Chrome */
  -o-animation: bounceInUp 8.8s;
  /* Opera */
  visibility: visible;
}
.max_div {
  width: 100%;
  height: 3585px;
  position: relative;
  background: #151414  !important;
  /* overflow: hidden; */
}
.max_div #dowebok {
  animation-delay: 1s;
  animation-duration: 4s;
  animation-iteration-count: 1;
}
.max_div .banner_div {
  width: 100%;
  height: 733px;
  /* margin-top: 80px; */
  position: absolute;
  top: 77px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.max_div .banner_div .container {
  width: 100%;
  height: 100%;
}
.max_div .banner_div .container .banner_tit {
  display: flex;
  justify-content: space-between;
}
.max_div .banner_div .container .banner_tit .tit_div {
  margin-top: 44%;
}
.max_div .banner_div .container .banner_tit .tit_div p {
  font-size: 28px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
}
.max_div .banner_div .container .banner_tit .tit_div span {
  font-size: 22px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
.max_div .banner_div .container .banner_tit .weizhi_div {
  margin-top: 10%;
}
.max_div .banner_div .container .banner_tit .weizhi_div span {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
}
.max_div .banner_div .container .banner_tit .weizhi_div ul {
  display: inline-flex;
}
.max_div .banner_div .container .banner_tit .weizhi_div ul li {
  list-style: none;
  padding: 0 6px;
  font-weight: 400;
  color: #999999;
}
.max_div .banner_div .container .banner_tit .weizhi_div ul li a {
  font-size: 12px;
  text-decoration: none;
  color: #999999;
}
.max_div .banner_div .container .banner_tit .weizhi_div ul li span {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
.max_div .xq_div {
  position: absolute;
  top: 20%;
  width: 100%;
  height: auto;
  /* background: #0C0C0C; */
}
/* .max_div .xq_div .black{
  width: 100%;
  height: 100px;
  background: red;
} */
.max_div .xq_div .container {
  width: 100%;
}
.max_div .xq_div .container .cssDiv {
  animation-delay: 0.5s;
  animation-duration: 2s;
  animation-iteration-count: 1;
}
.max_div .xq_div .container .cpjs_div {
  display: none;
  margin-top: 500px;
}
.max_div .xq_div .container .cpjs_div p {
  font-size: 22px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 30px;
}
.max_div .xq_div .container .cpjs_div span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
}
.max_div .xq_div .container .xian {
  height: 1px;
  background: #FFFFFF;
  opacity: 0.09;
  margin-top: 80px;
}
.max_div .xq_div .container .kbzdx_div {
  margin-top: 70px;
}
.max_div .xq_div .container .kbzdx_div p {
  margin-bottom: 30px;
  font-size: 22px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
.max_div .xq_div .container .kbzdx_div .kbzdx_div_img {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.max_div .xq_div .container .kbzdx_div .kbzdx_div_img li {
  width: 13%;
  list-style: none;
}
.max_div .xq_div .container .kbzdx_div .kbzdx_div_img li .Handle img{
  width: 100%;
  height: 216px;
}
.max_div .xq_div .container .kbzdx_div .kbzdx_div_img li img {
  width: 100%;
  height: 213px;
}
.max_div .xq_div .container .kbzdx_div .kbzdx_div_img li img img {
  width: 100;
}
.max_div .xq_div .container .kbzdx_div .kbzdx_div_img li p {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  margin-top: 10px;
  /* position: absolute; */
  /* bottom: 0; */
}
.max_div .xq_div .container .kbzdx_div .kbzdx_div_img li #productdetailsHandlebag{
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  margin-top: 7px;
  /* position: absolute; */
  /* bottom: 0; */
}
.max_div .xq_div .container .jscs_div p {
  font-size: 22px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: 80px;
}
.max_div .xq_div .container .jscs_div .cs_div {
  display: flex;
  justify-content: space-between;
}
.max_div .xq_div .container .jscs_div .cs_div ul li {
  list-style: none;
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 20px;
}
.max_div .xq_div .container .jscs_div .cs_div .shuXian_div {
  border-left: 1px solid rgba(255, 255, 255, 0.11);
}
.max_div .xq_div .container .jscs_div .cs_div .ul_div ul li {
  font-size: 13px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
.max_div .xq_div .container .cpxh_div p {
  font-size: 22px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: 100px;
  margin-bottom: 15px;
}
.max_div .xq_div .container .swiper-father {
  position: relative;
}
.max_div .xq_div .container .swiper-father .swiper-container {
  width: 92%;
}
.max_div .xq_div .container .swiper-father .swiper-container .swiper-wrapper {
  width: 100%;
}
.max_div .xq_div .container .swiper-father .swiper-container .swiper-wrapper .cpxq_div_backimg {
  cursor: pointer;
  width: 100%;
  height: 220px;
}
.max_div .xq_div .container .swiper-father .swiper-container .swiper-wrapper .cpxq_div_backimg .cpxq_beijs {
  width: 100%;
  height: 84px;
  background-size: 100% 100%;
  background-image: url("/image/cpxqbeij.png");
  background-repeat: no-repeat;
  margin-top: 56px;
}
.max_div .xq_div .container .swiper-father .swiper-container .swiper-wrapper .cpxq_div_backimg .cpxq_beij {
  width: 100%;
  height: 54px;
  background-size: 100% 100%;
  background-image: url("/image/cpxqbeij.png");
  background-repeat: no-repeat;
  margin-top: -44px;
}
.max_div .xq_div .container .swiper-father .swiper-container .swiper-wrapper .cpxq_div_backimg .cpxq_tu {
  width: 100%;
  height: 82px;
  text-align: center;
  margin: 0 auto;
  padding-top: 50px;
}
.max_div .xq_div .container .swiper-father .swiper-container .swiper-wrapper .cpxq_div_backimg .cpxq_tu img {
  width: 92%;
  /* text-align: center; */
  margin: auto;
}
.max_div .xq_div .container .swiper-father .swiper-container .swiper-wrapper .cpxq_div_backimg .cpxq_tu2 {
  width: 90%;
  text-align: center;
  margin: 0 auto;
  padding-top: 103px;
}
.max_div .xq_div .container .swiper-father .swiper-container .swiper-wrapper .cpxq_div_backimg .cpxq_tu2 img {
  width: 100%;
  text-align: center;
}
.max_div .xq_div .container .swiper-father .swiper-container .swiper-wrapper .cpxq_div_backimg .cpxq_tu3 {
  width: 90%;
  text-align: center;
  margin: 0 auto;
  padding-top: 72px;
}
.max_div .xq_div .container .swiper-father .swiper-container .swiper-wrapper .cpxq_div_backimg .cpxq_tu3 img {
  width: 100%;
  text-align: center;
}
.max_div .xq_div .container .swiper-father .swiper-container .swiper-wrapper .cpxq_z {
  width: 30%;
  height: 22px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 22px;
  margin: auto;
  margin-top: 40px;
  /* margin-left: 150px; */
}
.max_div .xq_div .container .swiper-father .swiper-container .swiper-wrapper .cpxq_z:hover{
    color: red;
    cursor: pointer;
}
.max_div .xq_div .container .swiper-father .swiper-container .swiper-wrapper .cpxq_wz {
  cursor: pointer;
  width: 100%;
  height: 25px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  line-height: 20px;
  margin: auto;
  padding-top: 5px;
  /* margin-left: 80px; */
}
.max_div .xq_div .container .swiper-father .swiper-container .swiper-wrapper p {
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  margin-top: 5px;
  margin-right: 35px;
}
.max_div .xq_div .container .swiper-father .btn .swiper-button-prev {
  position: absolute;
  top: 53% !important;
  left: 95% !important;
  width: 50px!important;
  height: 50px!important;
  background-size: 20%;
  border: 1px solid #fff;
}
.max_div .xq_div .container .swiper-father .btn .swiper-button-next {
  position: absolute;
  top: 38%;
  left: 95% !important;
  width: 50px!important;
  height: 50px!important;
  background-size: 20%;
  border: 1px solid #fff;
}
.cpjs_div1 {
  animation: changeBiger 0.5s linear forwards;
}
.cpjs_div1 p {
  color: #FFFFFF;
}
.cpjs_div1 span {
  color: rgba(255, 255, 255, 0.6);
}
@keyframes changeBiger {
  0% {
    transform: translateY(400px);
  }
  100% {
    transform: translateY(50px);
  }
}
/*媒体查询*/
@media screen and (max-width: 1440px) {
  .xq_div {
    top: 548px;
  }
}

@media(max-width: 768px){
    .max_div{overflow:hidden!important;height:1700px;}
    .max_div .xq_div{top: 9% !important;}
    .max_div .xq_div .container .jscs_div .cs_div{    flex-wrap: wrap;}
    .max_div .xq_div .container .xian{margin-top:0;}
    .max_div .xq_div .container .cpxh_div p{margin-top:2rem;}
    .swiper-slide{width: 50% !important;}
    .max_div .xq_div .container .swiper-father .swiper-container .swiper-wrapper .cpxq_div_backimg .cpxq_beijs{margin-top:0;}
    .max_div .xq_div .container .swiper-father .swiper-container .swiper-wrapper .cpxq_div_backimg{height:auto;}
    .max_div .xq_div .container .swiper-father .btn .swiper-button-next{top:30% !important;}
    .max_div .xq_div .container .swiper-father .swiper-container .swiper-wrapper .cpxq_div_backimg .cpxq_beijs{height: 54px;}
    .max_div .banner_div .container .banner_tit .weizhi_div{margin-top:15px;}
    .max_div .banner_div .container .banner_tit .tit_div{margin-top:10%;}
    .max_div .banner_div .container .banner_tit .tit_div p{font-size: 18px;}
    .max_div .banner_div .container .banner_tit .tit_div span{font-size: 14px !important;}
    .max_div .xq_div .container .swiper-father .swiper-container .swiper-wrapper .cpxq_z{font-size:12px;}
    
    .max_div .xq_div .container .kbzdx_div .kbzdx_div_img li .Handle img{height:auto;}
    .max_div .xq_div .container .kbzdx_div .kbzdx_div_img li img{height:auto;}
}


@media(max-width: 600px){
    .max_div .xq_div{top: 9% !important;}
}

@media(max-width: 430px){
    .max_div .xq_div{top: 7% !important;}
}


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