.product-category {
  padding: 30px 0;
  color: #3e3e3e;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  font-size: 14px;
  position: relative;
}
.product-category ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0;
}
.product-category li {
  text-align: center;
  padding-right: 10px;
}
.product-category li:last-child {
  padding-right: 0;
}
.product-category img {
  width: 100%;
  max-width: 100%;
  display: block;
}
.product-image {
  width: 100px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-content: flex-end;
  margin: 0 auto;
}
.product-category-item a {
  color: #333;
} /*#000*/
.product-category-item a:hover {
  color: #e60012;
  text-decoration: none;
}
.product-category-item a .default{
  display: block;
}
.product-category-item a .hover{
  display: none;
}

/* .product-category::after{content:''; background: #f8f8f8; position: absolute; top: 0; left:50%;width: 100vw; margin-left: -50vw;height: 100%;animation: scaleMini .2s ;} */
.banner-swiper {
  overflow: hidden;
  max-width: 100%;
  position: relative;
}
.banner-swiper .swiper-container {
  height: 600px;
  overflow: hidden;
}
.banner-swiper .swiper-wrapper {
  height: 600px;
}
.banner-swiper .swiper-slide,
.banner-swiper .swiper-slide a {
  width: 100%;
  height: 600px;
  position: relative;
  display: block;
  overflow: hidden;
}
.banner-swiper .swiper-slide img {
  position: absolute;
  left: 50%;
  width: 1920px;
  height: 100%;
  top: 0;
  margin-left: -960px;
}
.banner-swiper .swiper-pagination-bullet {
  padding: 12px 1vw;
  width: 70px;
  box-sizing: content-box;
  height: 4px;
  border-radius: 0;
  background: none;
  opacity: 1;
}

.banner-swiper .swiper-pagination-bullet span {
  display: block;
  width: 70px;
  height: 4px;
  background: rgba(255, 255, 255, 0.6);
  position: relative;
}
.banner-swiper .swiper-pagination-bullet span::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  display: none;
}
.banner-swiper .swiper-pagination-bullet.active span::after {
  animation: widthChage 4s linear;
  display: block;
}
.banner-swiper .banner-warp {
  position: absolute;
  left: 0;
  bottom: 50%;
  width: 100%;
  animation: fadeInBottom 0.5s cubic-bezier(0.02, 0.99, 1, 1);
  display: none;
}
.swiper-slide-active .banner-warp {
  display: block;
}
.banner-swiper .banner-warp .banner-text {
  max-width: 1400px;
  margin: 0 auto;
  color: #fff;
  padding-bottom: 50px;
}
.banner-swiper .banner-warp .banner-text span {
  width: 500px;
  display: block;
  font-weight: bold;
  position: relative;
  transform: translate(0, 30%);
}
.banner-swiper-mobile {
  position: relative;
  margin-top: -10px;
}
.banner-swiper-mobile .swiper-container,
.banner-swiper-mobile .swiper-wrapper,
.banner-swiper-mobile .swiper-slide,
.banner-swiper-mobile .swiper-slide a {
  height: 52.4vw;
}
.banner-swiper-mobile .swiper-slide img {
  position: static;
  width: 100%;
  margin-left: 0;
}
.banner-swiper .banner-warp .banner-text {
  max-width: 700px;
  margin-left: 0px;
  color: #fff;
  padding-bottom: 50px;
  font-weight: 550;
  text-align: left;
  line-height: 60px;
}
.banner-swiper .banner-warp .banner-text span {
  width: 700px;
}
.banner-swiper .swiper-lazy-preloader{
  border-color: #e60012;
}
.video-banner-wrap{
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}
.video-banner{
  width: 100%;
  padding-bottom: 41.7%;
  position: relative;
}
.video-banner video{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  height: 100%;
  width: auto;
}
.product-container{width: 100%; overflow: hidden;}
.product-warp{padding: 30px 0;width: 100%; max-width: 1400px; min-height: 780px; position: relative; margin:0 auto;color: #333;}
.item-right{text-align: right;}
.item-left{text-align: left;}
.product-main{position: relative;overflow: hidden; width: 100%;}
.product-main .product-main-image{width:1140px;z-index: 1; overflow: hidden; display: block; height: 640px;}
.item-right .product-main-image{float: right;}
.product-main .product-main-image img{width: 100%; height: 640px; transition: all .5s;}
.product-main .product-main-image img:hover,.product-main .product-main-image-1 img:hover{transform: scale(1.1);}
.product-main .product-main-image-1 a{display: inline-block;}
.product-main .product-main-image-1{width: 1000px; float: right; text-align: right;z-index: 1;}
.product-main .product-main-image-1 img{transition: all .3s; width: 320px; height: 536px;}
.product-main .product-main-info{z-index: 2;}
.product-main .product-main-info h3{line-height: 1.5; }
a.product-main-inquiry,a.product-main-detail{width:250px; display: block; line-height: 50px; color: #fff; background: #e60012; position: relative; overflow: hidden;transition: background .3s;}
a.product-main-inquiry span,a.product-main-detail span{position: relative; z-index: 2; display: flex; align-items: center; justify-content: center;}
a.product-main-inquiry:hover,a.product-main-detail:hover{color: #fff; text-decoration: none;background: #000;}
/* a.product-main-inquiry::before,a.product-main-detail::before{content: ""; position: absolute; left: 0; top: 0;  width: 100%; height: 100%; transition: all .3s; background: #e60012;  z-index: 1; opacity: 0;}
a.product-main-detail::before{background: none;}
a.product-main-inquiry:hover::before,a.product-main-detail:hover::before{ background: #000; opacity: 1;} */
a.product-main-detail{margin-top: 20px; background: #e0e0e0; color: #1D1D1D;}
.product-main-tag{line-height: 55px;height: 180px; margin-bottom: 40px;}
.product-list{padding: 0 20px; margin-bottom: 30px;}
.product-list ul::after{display: block; content: "";clear: both;}
.product-list li{float:left; padding:0 20px; margin-top: 20px; width: 160px;text-align: center;position: relative; vertical-align: middle;}
.product-list a{color: #333; text-decoration: none; display: block; overflow: hidden;}
.product-list a:hover{color: #e60012;}
.product-list li img{width:110px; height: 77px; transition: all .5s; position: relative; z-index: 1;}
.product-list li img:hover{transform: scale(1.1);}
.product-list li::after{content: "";border-right:1px solid #E0E0E0;position: absolute;right: 0; height: 90px; top:50%; margin-top: -45px;}
.product-list li:last-child::after{border-right:none;}
.hot-float{width: 60px!important; height: 45px!important; position: absolute; top: 0; right: 0;}
.product-main-image-1 .hot-float{ top: 100px; width: 60px; padding-left: 0;}
.bold {
  font-weight: bold;
}
.index_font_big {
  font-size: 48px;
}
.index_font_medium {
  font-size: 20px;
}
.index_font_small {
  font-size: 18px;
}
.index_font_smaller {
  font-size: 16px;
}
.index-content .box-footer {
  margin-top: 0;
}
@media screen and (min-width: 1281px) and (max-width: 1600px) {
  .product-category {
    transform: scale(0.9);
    transform-origin: center bottom;
    margin-top: -1% !important;
  }
}
@media only screen and (max-width: 1280px) {
  .index_font_big {
    font-size: 36px;
  }
  .index_font_medium {
    font-size: 18px;
  }
  .index_font_small {
    font-size: 16px;
  }
  .index_font_smaller {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1024px) {
  .banner,
  .banner .el-carousel__container,
  .banner a {
    height: 52.4vw;
  }
  .banner .banner-img {
    left: 0;
    margin-left: 0;
    width: 100%;
    height: 52.4vw;
  }
  .banner {
    margin-bottom: 0;
  }
  .index-content {
    -webkit-overflow-scrolling: touch;
  }
}
@media only screen and (max-width: 768px) {
  .index_font_medium {
    font-size: 16px;
  }
  .index_font_small {
    font-size: 14px;
  }
  .index_font_smaller {
    font-size: 12px;
  }
}
@media screen and (min-width: 1600px) {
  .banner-swiper .banner-warp .banner-text {
    line-height: 70px;
  }
}

@media screen and (min-width: 1281px) and (max-width: 1600px) {
  .product-category {
    transform: scale(0.9);
    transform-origin: center bottom;
    margin-top: -1% !important;
  }
  .product-warp{transform:scale(0.9);transform-origin:center bottom; margin-top: -5%!important;}
}
@media screen and(max-width: 1600px) and (min-width: 1025px) {
  .banner-swiper .swiper-slide img {
    position: static;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    margin-left: 0;
    height: 31.25vw;
  }
  .banner-swiper .swiper-container,
  .banner-swiper .swiper-wrapper,
  .banner-swiper .swiper-slide,
  .banner-swiper .swiper-slide a {
    height: 31.25vw;
  }
}
@media screen and(max-width: 1440px) and(min-width: 1281px) {
  .banner-swiper .banner-warp .banner-text {
    max-width: 1200px;
  }
}
@media screen and (max-width: 1280px) {
  .product-main-tag{line-height: 48px;height:144px;}
  /* .product-main .product-main-image{width:100%;}
.product-main .product-main-info{width: 39.48%;height: 51vw;}
.product-main .product-main-image-1{width:80%;} */
}

@media screen and (max-width: 1381px)  and (min-width: 1025px){
	.product-warp.item-gray::before{right: 0;width: 120vw;}
}
@media screen and(max-width: 1280px) and(min-width: 1024px) {
  .banner-swiper .banner-warp .banner-text {
    max-width: 100%;
  }
  .banner-swiper .banner-warp .banner-text span {
    padding-left: 20px;
  }
}
@media screen and (min-width: 1181px) and (max-width: 1280px) {
	.product-warp{transform:scale(0.9);transform-origin:center bottom; margin-top: -5%!important;}
}
@media screen and (max-width: 1380px) {
  .product-image {
    width: 80px;
    height: 72px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .product-category {
    font-size: 12px;
    padding: 24px;
  }
  /* .product-image {
    width: 64px;
    max-height: 49.6px;
  }
  .product-category img {
    width: 64px;
    max-height: 49.6px;
  } */
}
@media screen and (max-width: 1181px) and (min-width: 1025px) {
	.small-pro-7{clear: both;}
}
@media screen and (min-width: 1025px) and (max-width: 1180px){
	.product-warp{transform:scale(0.9);transform-origin:center bottom; margin-top: -8%!important;}
}
@media screen and (min-width: 1025px) {
  .product-category-item a:hover .default{
    display: none;
  }
  .product-category-item a:hover .hover{
    display: block;
    animation:  fadeIn .5s cubic-bezier(0, 0, 0.35, 1);
  }
	.product-main .product-main-info{position: absolute; top: 50%; width:450px; background: #f8f8f8; padding: 70px 30px; height:590px; margin-top: -295px;}
	.product-main-name,.product-main-tag{padding-left: 2px;}
	.item-gray .product-main .product-main-info{width: 300px;height: 390px; padding-bottom: 0;}
	.product-main-tag span{display: block;}
	.item-right .product-main-info{left: 0;}
	.item-left .product-main-info{right: 0;}
	.small-product-title{font-size: 14px;line-height: 1.1;position: relative; z-index: 2;}
	.product-warp.item-gray::before{ content:"";background: #f8f8f8;  height: 100%; position: absolute; top: 0; width:100vw; box-sizing: content-box;width:100vw;right: 18.57%;}
	.product-warp.item-gray .product-main .product-main-info{ background: none;padding: 70px 0;top: 0; margin-top: 30px;}
	.product-warp.item-gray h3{margin-top: 0; width: 300px;}
	.product-main-image-1{margin-top: 100px;}
	.product-main-image-1 img{padding-left: 20px; width: 100%; max-width: 330px;}
	.product-main .product-main-image-1 a{width: 32%; }
	.product-main-info .animate-left-in{animation-duration: .1s;}
	.animate-left-in{animation: fadeInLeft .5s cubic-bezier(0, 0, 0.35, 1) forwards; opacity: 0; position: relative;}
	span.animate-left-in,span.animate-right-in{display: block;}
	.animate-right-in{animation: fadeInRight .5s cubic-bezier(0, 0, 0.35, 1) forwards; opacity: 0; position: relative;}
	.animate-bottom-in{animation: fadeInBottom .1s cubic-bezier(0, 0, 0.35, 1) forwards; opacity: 0; position: relative;}
}
@media screen and (max-width: 1024px) {
	.product-warp{min-height: 521px;}
	/* .product-warp{padding-top: 0;} */
	.even .product-warp{background: #f4f5f6;}
	.yel-text{font-size:3.7vw; color: #ff8900;}
	.product-main .product-main-info{width: 100%;height: auto;background: none; text-align: center;}
	.product-main .product-main-info h3{font-size:3.7vw; margin-top:2vw; margin-bottom: 2vw; line-height: 1.2;}
	.product-main .product-main-info .product-main-name{width: 60%;display: block; margin: 0 auto;}
	.product-main .product-main-info .product-main-sn{font-size: 4.53vw; display: inline-block; margin-bottom: 1vw;}
	.product-main .product-main-info .product-main-tag{ height: auto; width: 64vw; line-height: 7.6vw; margin:0 auto 4vw;}
	.index_font_big{font-size: 5.6vw;}
	a.product-main-inquiry,a.product-main-detail{width: 260px; margin: 0 auto; line-height: 50px; }
	a.product-main-detail{margin-top: 2vw; margin-bottom: 2vw; background: none!important; color: #0064D9!important;}
	.product-main .product-main-image,.product-main .product-main-image-1{display: none;}
	.product-main .product-main-image-mobile{width:100vw; /*height: 45.9vw;*/ max-height: 56vw; margin:0 auto; display: block;}
	.product-main .product-main-image-list .product-main-image-mobile{max-height:38.9vw; }
	.product-main-image-list  .product-main-image-mobile{margin: 8vw auto 15vw;}
	.product-main-image-list a:last-child  .product-main-image-mobile{margin-bottom: 0;}
	.product-list{border-top: 1px solid #d9d9d9; width: 91vw;margin:3vw auto 0;padding: 0;}
	.product-list li::after{display: none;}
	.product-list ul{display: flex; flex-wrap: wrap;}
	.product-list li{width: 25%; padding:3vw 1% 0;}
	.product-list li.add-width{width: 33%;}
	.product-list li.pd-0{padding: 3vw 0 0;}
	.product-list li img{max-width: 100%; width: 67px; height: 47px; display: block; margin: 0 auto;}
	/* .product-list li.pd-0 img{width: 92%;} */
	.product-list .small-product-title{font-size: 2.8vw; line-height: 1.1;}
	.icon-arrow-right{width: 14px; height: 14px; vertical-align: middle;}
  .product-category-item a:hover {
    color: #333;
  }
  .product-category {
    overflow-x: scroll;
    padding: 0;
    padding-bottom: 10px;
    font-size: 12px;
    -webkit-overflow-scrolling: touch;
  }
  .product-category ::-webkit-scrollbar {
    display: none;
  }
  /* .product-category ul{width: 900px; padding-right: 10px; margin: 0 auto;} */
  .product-category ul {
    width: 1200px;
    padding-right: 10px;
    margin: 0 auto;
    height: 100px;
    align-items: center;
    padding: 0 4vw;
    margin-left: 2px;
  }
  .product-category li {
    width: auto;
    /* margin: 10px 0; */
    margin-right: 0;
  }
  .product-image,
  .product-category img {
    width: 70px;
    height: 63px;
  }
}
@media screen and (max-width: 768px) {
  .banner-swiper .swiper-pagination-bullet {
    padding: 8px 1vw;
    width: 30px;
  }
  .banner-swiper .swiper-pagination-bullet span {
    width: 30px;
    height: 2px;
  }
  .swiper-pagination-fraction,
  .swiper-pagination-custom,
  .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0;
  }
  .product-list li{margin-top: 0;}
	a.product-main-inquiry,a.product-main-detail{width: 168px; line-height: 40px;}
	.product-warp *{animation: none;}
    /* .product-list li{width: 50%; float: left; padding:2%;margin-top: 0;} */
}
@media screen and (max-width: 767px) {
  .video-banner{
    padding-bottom: 68%;
  }
}
@keyframes scaleMini {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@-webkit-keyframes scaleMini {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}