.m-product-e1 .box-content{width:100%;z-index:1}
.m-product-e1 .box-content .product-top{position:relative}
.m-product-e1 .box-content .product-top .product-top-brand{position:absolute;top:114px;left:453px;z-index:101;color:#000;width:100%}
.m-product-e1 .product-top .swiper-button{position:absolute;top:0;width:34.5px;left:202.75px;z-index:3;cursor:pointer;height:100%}
.m-product-e1 .product-top .swiper-button::after{position:absolute;top:0;left:50%;transform:translateX(-50%);content:' ';width:1px;height:660px;background-color:rgba(255,255,255,.3)}
.m-product-e1 .product-top .swiper-button::before{position:absolute;top:auto;bottom:0;left:50%;transform:translateX(-50%);content:' ';width:1px;height:32px;background-color:rgba(255,255,255,.3)}
.m-product-e1 .product-top .swiper-button .swiper-prev{top:168.75px}
.m-product-e1 .product-top .swiper-button .swiper-prev:focus{outline:0}
.m-product-e1 .product-top .swiper-button div{width:34.5px;height:34.5px;background-color:#fff;border-radius:50%;box-shadow:0 6px 18px 0 rgba(100,100,111,.2);position:absolute;left:50%;transform:translateX(-50%);background-image:url(../images/e-prev.png);background-repeat:no-repeat;background-position:center;background-size:15px auto}
.m-product-e1 .product-top .swiper-button .swiper-next{top:444.75px;background-image:url(../images/e-next.png);background-repeat:no-repeat;background-position:center;background-size:15px auto}
.m-product-e1 .product-top .swiper-button .swiper-next:focus{outline:0}
.m-product-e1 .product-top .sub{position:absolute;top:240px;left:215px;z-index:3}
.m-product-e1 .product-top .sub li{font-size:16px;font-weight:400;line-height:32px;color:#51312d;position:relative;padding-left:30px;cursor:pointer;margin-bottom:35px}
.m-product-e1 .box-content .product-top .sub li::before{content:'';display:inline-block;width:10px;height:10px;background:#51312d;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.m-product-e1 .box-content .product-top .sub li.on{color:#e5342e;font-weight:700;font-size:24px}
.m-product-e1 .box-content .product-top .sub li.on::before{background:#b44342}
.m-product-e1 .box-content .product-top .sub li:nth-child(4).on{color:#fff}
.m-product-e1 .box-content .product-top .sub li:nth-child(4).on::before{background:#fff}
.m-product-e1 .box-content .product-top .swiper-slide:nth-child(5) .pro_sub,.m-product-e1 .box-content .product-top .swiper-slide:nth-child(5) .pro_tit{color:#fff}
.m-product-e1 .slide-img{width:100%;height:760px;position:relative;overflow:hidden}
.m-product-e1 .slide-img li{position:absolute;top:0;left:0;opacity:0;z-index:-4}
.m-product-e1 .slide-img li.on{opacity:1;z-index:3}
.m-product-e1 .slide-img a{position:relative;display:block;overflow:hidden;height:760px}
.m-product-e1 .slide-img img{display:block;width:100%;height:100%;object-fit:cover}
.m-product-e1 .swiper-slide-active .slide-img a::after{background:linear-gradient(90deg,#adbbcc 13%,rgba(181,195,213,.95) 24%,rgba(181,195,213,.75) 41%,rgba(181,195,213,.2) 56%,rgba(181,195,213,0) 75%)}
.m-product-e1 .slide-img .slide-img-mask{width:65%;height:100%;position:absolute;top:0;right:0}
.m-product-e1 .slide-img .slide-img-mask:hover .slide-img-icon{opacity:1}
.m-product-e1 .slide-img .slide-img-icon{opacity:0;transition:all .3s;width:.03802083rem;position:absolute;left:47%;top:.15625rem;animation:1s infinite scale}
.m-product-e1 .slide-img .slide-img-icon img{width:auto;height:100%}
.swiper-item-sub{width:624px;position:absolute;left:453px;bottom:40px;z-index:5}
.swiper-item-sub ul a{position:relative;display:block;width:100%;height:100%}
.swiper-item-sub ul li .bg1{position:absolute;left:0;right:0;bottom:0;top:0;z-index:2;background-image:url(../images/e-bg3.png);background-position:center;background-size:0 auto;background-repeat:no-repeat}
.swiper-item-sub ul li:hover .bg1{background-image:url(../images/e-bg3.png);background-position:center;background-size:168px auto;background-repeat:no-repeat;background-color:rgba(229,52,46,.95)}
.swiper-item-sub ul{display:flex;justify-content:space-between}
.swiper-item-sub li{width:192px;height:96px;cursor:pointer;overflow:hidden}
.product-swiper .swiper-pagination-fraction{bottom:39px;left:200px;width:auto!important;font-family:DIN;font-size:24px;font-weight:500;color:#fff}
.product-swiper .swiper-pagination-current{font-size:36px;font-weight:700;color:#e5342e}
.product-swiper .swiper-slide{width:89.35%!important}
@media only screen and (min-width:1199px) and (max-width:1920px){
.m-product-e1 .box-content .product-top .product-top-brand{top:5.937vw;left:23.59vw}
.m-product-e1 .product-top .swiper-button{top:0;width:1.796vw;left:10.55vw}
.m-product-e1 .product-top .swiper-button::after{top:0;transform:translateX(-50%);content:' ';width:1px;height:34.37vw}
.m-product-e1 .product-top .swiper-button::before{top:auto;bottom:0;transform:translateX(-50%);content:' ';width:1px;height:1.666vw}
.m-product-e1 .product-top .swiper-button .swiper-prev{top:8.789vw}
.m-product-e1 .product-top .swiper-button .swiper-prev:focus{outline:0}
.m-product-e1 .product-top .swiper-button div{width:1.796vw;height:1.796vw;border-radius:50%;box-shadow:0 .312vw .937vw 0 rgba(100,100,111,.2);transform:translateX(-50%);background-size:cover;background-image:url(../images/e-prev.png);background-repeat:no-repeat;background-size:.781vw auto}
.m-product-e1 .product-top .swiper-button .swiper-next{top:23.16vw;background-image:url(../images/e-next.png);background-repeat:no-repeat;background-size:.781vw auto}
.m-product-e1 .product-top .swiper-button .swiper-next:focus{outline:0}
.m-product-e1 .product-top .sub{top:12.5vw;left:11.19vw}
.m-product-e1 .product-top .sub li{font-size:.833vw;font-weight:400;line-height:1.666vw;padding-left:1.562vw;margin-bottom:1.822vw}
.m-product-e1 .box-content .product-top .sub li::before{content:'';width:.52vw;height:.52vw;background:#51312d;border-radius:50%;left:0;top:50%;transform:translateY(-50%)}
.m-product-e1 .box-content .product-top .sub li.on{font-weight:700;font-size:1.25vw}
.m-product-e1 .box-content .product-top .sub li.on::before{background:#b44342}
.m-product-e1 .box-content .product-top .sub li:nth-child(4).on::before{background:#fff}
.m-product-e1 .slide-img{height:39.58vw}
.m-product-e1 .slide-img li.on{opacity:1}
.m-product-e1 .slide-img a{height:39.58vw}
.m-product-e1 .slide-img img{object-fit:cover}
.m-product-e1 .slide-img a::after{left:0;top:0;bottom:0;content:' ';background:rgba(0,0,0,.5)}
.m-product-e1 .swiper-slide-active .slide-img a::after{background:linear-gradient(90deg,#adbbcc 13%,rgba(181,195,213,.95) 24%,rgba(181,195,213,.75) 41%,rgba(181,195,213,.2) 56%,rgba(181,195,213,0) 75%)}
.m-product-e1 .slide-img .slide-img-mask{top:0;right:0}
.m-product-e1 .slide-img .slide-img-mask:hover .slide-img-icon{opacity:1}
.m-product-e1 .slide-img .slide-img-icon{opacity:0;transition:all .3s;width:.03802083rem;top:.15625rem;animation:1s infinite scale}
.m-product-e1 .slide-img .slide-img-icon img{width:auto}
.swiper-item-sub{width:32.5vw;left:23.59vw;bottom:2.083vw}
.swiper-item-sub ul li .bg1{left:0;right:0;bottom:0;top:0;background-image:url(../images/e-bg3.png);background-size:0 auto;background-repeat:no-repeat}
.swiper-item-sub ul li:hover .bg1{background-image:url(../images/e-bg3.png);background-size:8.75vw auto;background-repeat:no-repeat}
.swiper-item-sub ul{justify-content:space-between}
.swiper-item-sub li{width:10vw;height:5vw}
.product-swiper .swiper-pagination-fraction{bottom:2.031vw;left:10.41vw;width:auto!important;font-family:DIN;font-size:1.25vw;font-weight:500}
.product-swiper .swiper-pagination-current{font-size:1.875vw;font-weight:700}
.product-swiper .swiper-slide{width:89.35%!important}
}
@media only screen and (max-width:1199px){
.m-product-e1 .product-top .sub{position:static;top:auto;left:auto;z-index:3}
.m-product-e1 .product-top .swiper-button::after,.m-product-e1 .product-top .swiper-button::before{display:none}
.m-product-e1 .product-top .sub ul{text-align:center;margin-bottom:15px}
.m-product-e1 .product-top .sub li{display:inline-block;padding:0 10px;height:40px;line-height:40px;background-color:#fff;border-radius:5px;margin:0 5px;font-size:14px}
.m-product-e1 .box-content .product-top .sub li::before{display:none}
.m-product-e1 .box-content .product-top .sub li.on{font-size:18px}
.m-product-e1 .product-top .swiper-button,.product-swiper .swiper-pagination-fraction{display:none}
.m-product-e1 .box-content .product-top .product-top-brand{position:absolute;top:0;left:100px}
.product-swiper .inner .con .num{font-size:40px;margin-right:10px}
.product-swiper .inner .con i{width:20px;height:50px;background-image:url(../images/e-icon13.png);background-repeat:no-repeat;background-size:20px auto;background-position:center}
.product-swiper .inner .con .tit .span1{font-size:20px}
.product-swiper .inner .con .desc{font-size:25px;margin-bottom:10px}
.product-swiper .inner .con .info span{font-size:15px;padding-right:10px;margin-right:15px}
.product-swiper .inner .con .info span::after{height:13px}
.product-swiper .inner .con .info{margin-bottom:30px}
.product-swiper .inner .con .more a{width:100px;height:25px;background-image:url(../images/e-bg5.png);background-size:100px auto;background-repeat:no-repeat;background-position:center;font-size:12px}
.product-swiper{height:auto}
.swiper-item-sub{width:500px;position:absolute;left:100px;bottom:80px;z-index:5;overflow:hidden}
.m-product-e1 .slide-img,.m-product-e1 .slide-img a{height:47vw}
.swiper-item-sub li{width:160px;height:80px}
.swiper-item-sub ul li:hover .bg1{background-size:132px auto}
}
@media only screen and (max-width:959px){
.m-product-e1 .slide-img,.m-product-e1 .slide-img a{height:50vw}
}
@media only screen and (max-width:767px){
.m-product-e1 .box-content .product-top .product-top-brand{left:20px}
.m-product-e1 .slide-img,.m-product-e1 .slide-img a{height:70vw}
.product-swiper .inner .con{position:absolute;z-index:10;left:0;top:20px}
.product-swiper .inner .con .num{font-size:30px;margin-right:5px}
.product-swiper .inner .con i{width:15px;height:34px;background-size:15px auto}
.product-swiper .inner .con .tit .span1{font-size:14px}
.product-swiper .inner .con .desc{font-size:16px;margin-bottom:5px}
.product-swiper .inner .con .info span{font-size:12px;padding-right:10px;margin-right:10px}
.product-swiper .inner .con .info span::after{height:10px}
.product-swiper .swiper-slide{width:100%!important}
.swiper-item-sub li{width:100px;height:50px}
.swiper-item-sub ul li:hover .bg1{background-size:83px auto}
.swiper-item-sub{width:310px;position:absolute;left:20px;bottom:20px}
.product-swiper .arrow,.product-swiper .swiper-slide-next .arrow{display:none!important}
.product-swiper .inner .con .info{margin-bottom:15px}
}