.i-products .box .next,.i-products .box .prev,.i-advantage .box .wrap-left .next,.i-advantage .box .wrap-left .prev{transition:all 0.3s ease-in-out}.i-about .wrap-left a.more,.i-about .wrap-left a.more::after,.i-about .wrap-right .box .text i,.i-about .wrap-right .box .text h3::after,.i-products ul li a .piclist>div img,.i-products ul li a .piclist>div::after,.i-products ul li a .piclist>div .text button,.i-products ul li a .piclist>div .text button::after,.i-advantage .box .wrap-left .text a,.i-advantage .box .wrap-left .text a::after,.i-news .box .list,.i-news .box .list .img img,.i-news .more i{transition:all 0.5s cubic-bezier(0.4, 0, 0.2, 1)}@media screen and (max-width: 768px){.main{width:100%}}.banner{width:100%;display:block;overflow:hidden;font-size:0;height:100vh;display:block}.banner .banner2{background:url("../images/banner.jpg") center bottom/cover;position:absolute;top:0;left:0;height:100%;width:100%}.banner .banner2 .text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;z-index:2;width:100%}.banner .banner2 .text h2{font-family:"zyhfss";font-size:1.8rem;letter-spacing:-10px;line-height:1;color:#000;margin-top:-1rem;margin-bottom:.1rem;position:relative;width:auto;display:inline-block;opacity:0;transform:translateY(-20px)}.banner .banner2 .text h2 span{font-family:"hyzkj";color:#fff;font-size:.42rem;writing-mode:tb-rl;background:url(../images/banner-ico-01.png) no-repeat;width:.81rem;height:1.3rem;position:absolute;right:-.9rem;top:-.2rem;line-height:1.85;opacity:0;transform:translateX(-20px)}.banner .banner2 .text h2 .before{width:3.66rem;height:.57rem;position:absolute;left:-2.6rem;bottom:.1rem;background:url(../images/banner-ico-02.png) no-repeat;opacity:0;transform:translateX(20px)}.banner .banner2 .text h2 .after{width:4rem;height:.49rem;position:absolute;right:-2.5rem;bottom:.15rem;background:url(../images/banner-ico-03.png) no-repeat;opacity:0;transform:translateX(-20px)}.banner .banner2 .text h3{font-family:"hyzkj";font-size:.24rem;color:#000;line-height:1;opacity:0}.banner .banner2 .img{background:url("../images/banner.jpg") center bottom;position:absolute;bottom:0;width:100%;height:23%;-webkit-filter:url("#turbulence");filter:url("#turbulence");overflow:hidden}.banner .smoke{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(180deg);overflow:hidden}.banner .smoke canvas{height:100%;width:100%}.banner.active .banner2 .text h2{opacity:1;transition:all 0.5s ease-in 1s;transform:translateY(0)}.banner.active .banner2 .text h2 span,.banner.active .banner2 .text h2 .before,.banner.active .banner2 .text h2 .after{opacity:1;transition:all 1s ease-in 1.5s;transform:translateX(0)}.banner.active .banner2 .text h3{opacity:1;transition:all 0.7s ease-in 1.3s}.i-about{display:flex;justify-content:space-between;padding:1rem 0 0;box-sizing:border-box;font-size:0}@media screen and (max-width: 768px){.i-about{flex-wrap:wrap}}@media screen and (max-width: 1920px){.i-about{padding-left:2.5%;padding-right:2.5%}}@media screen and (max-width: 768px){.i-about{padding-left:.2rem;padding-right:.2rem}}.i-about .wrap-left,.i-about .wrap-right{width:50%}.i-about .wrap-left{order:2;box-sizing:border-box;padding:0 5%;display:flex;justify-content:space-between;flex-direction:column}.i-about .wrap-left .title{display:block;margin-top:.6rem}.i-about .wrap-left .title h2{font-size:.3rem;color:#333;line-height:1}.i-about .wrap-left .title h3{font-size:.48rem;color:#222;font-weight:bold;margin:.24rem 0;line-height:1}.i-about .wrap-left .title span{display:block;font-size:.16rem;line-height:1.8;color:#333}.i-about .wrap-left .title p{font-size:.16rem;color:#333;line-height:1.8;text-align:justify;margin:0}.i-about .wrap-left .list{display:flex;justify-content:space-between}.i-about .wrap-left .list li{position:relative;width:100%;max-width:1.7rem;position:relative}.i-about .wrap-left .list li i{font-family:"common";font-size:.3rem;color:#666;position:absolute;right:.2rem;top:-.1rem}.i-about .wrap-left .list li span{display:block;font-size:.14rem;color:#555;line-height:1.5}.i-about .wrap-left .list li .nub{display:inline-block;font-size:.48rem;color:#333;font-family:"din";position:relative}.i-about .wrap-left .list li .nub .counter{display:inline-block;vertical-align:baseline}.i-about .wrap-left .list li .nub sup{position:absolute;top:0;right:-.15rem;line-height:1;font-size:.3rem}.i-about .wrap-left .list li .nub span{display:inline-block;vertical-align:baseline;margin-left:.05rem}.i-about .wrap-left a.more{display:inline-block;font-size:.16rem;color:#333;line-height:1;width:1.3rem;position:relative;margin-bottom:.14rem}.i-about .wrap-left a.more i{font-family:"common";font-size:.12rem;border:2px solid #000;border-radius:.9rem;height:.2rem;width:.2rem;text-align:center;line-height:.16rem;position:absolute;top:50%;right:0;transform:translateY(-50%) scale(0.9);box-sizing:border-box}.i-about .wrap-left a.more::after{content:"";width:0;height:2px;background:#000;position:absolute;bottom:-.14rem;left:0}.i-about .wrap-left a.more:hover{width:1.4rem}.i-about .wrap-left a.more:hover::after{width:100%}.i-about .wrap-right .box{display:block;position:relative}.i-about .wrap-right .box .img img{max-width:100%}.i-about .wrap-right .box .text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.i-about .wrap-right .box .text i{font-family:"common";font-size:.86rem;color:#fff;line-height:1rem;height:1rem}.i-about .wrap-right .box .text h3{font-size:.16rem;color:#fff;margin:.4rem 0 0;padding-bottom:.11rem;line-height:1;position:relative}.i-about .wrap-right .box .text h3::after{content:"";width:0;height:1px;background:#fff;position:absolute;left:0;bottom:0}.i-about .wrap-right .box:hover .text i{font-size:.72rem}.i-about .wrap-right .box:hover .text h3::after{width:100%}.video-box{display:none}.i-products{display:block;box-sizing:border-box;font-size:0;padding-top:1rem}@media screen and (max-width: 1920px){.i-products{padding-left:2.5%;padding-right:2.5%}}@media screen and (max-width: 768px){.i-products{padding-left:.2rem;padding-right:.2rem}}.i-products .title h2{text-align:center;font-size:.48rem;color:#333;font-weight:bold}.i-products .box{position:relative;margin-top:.6rem;padding:0 5%}.i-products .box .swiper-pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:-.66rem;display:none}.i-products .box .swiper-pagination span{margin:0 .1rem;width:.1rem;height:.1rem;background:#f3f3f3;opacity:1;border:2px solid #fff}.i-products .box .swiper-pagination span.swiper-pagination-bullet-active{background:#da2527;border-color:#da2527}.i-products .box .next,.i-products .box .prev{font-family:"common";z-index:5;font-size:.78rem;width:.8rem;outline:none;text-align:center;line-height:.8rem;height:.8rem;position:absolute;left:0;top:50%;transform:translateY(-50%);cursor:pointer}.i-products .box .next:hover,.i-products .box .prev:hover{color:#da2527}.i-products .box .prev{color:#333}.i-products .box .prev:hover{color:#da2527}.i-products .box .next{transform:translateY(-50%) rotate(-180deg);left:auto;right:0;color:#333}.i-products ul li a{position:relative;display:block}.i-products ul li a .piclist{display:block}.i-products ul li a .piclist>div{width:100%;height:55vh;position:relative;display:inline-block;overflow:hidden}.i-products ul li a .piclist>div:nth-of-type(2){width:calc(calc(100% - .2rem)/2);height:35vh;margin-right:.2rem;margin-top:.2rem}.i-products ul li a .piclist>div:nth-of-type(3){width:calc(calc(100% - .2rem)/2);height:35vh;margin-top:.2rem}.i-products ul li a .piclist>div img{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.i-products ul li a .piclist>div::after{content:"";width:100%;height:100%;background:rgba(0,0,0,0.3);filter:blur(100px);position:absolute;top:0;left:0;opacity:0}.i-products ul li a .piclist>div .text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;z-index:2}.i-products ul li a .piclist>div .text button{border:none;background:none;display:inline-block;text-align:left;font-size:.16rem;color:#fff;line-height:1;width:1.3rem;position:relative;margin-bottom:.14rem}.i-products ul li a .piclist>div .text button i{font-family:"common";font-size:.12rem;border:2px solid #fff;border-radius:.9rem;height:.2rem;width:.2rem;text-align:center;line-height:.16rem;position:absolute;top:50%;right:0;transform:translateY(-50%) scale(0.9);box-sizing:border-box}.i-products ul li a .piclist>div .text button::after{content:"";width:0;height:2px;background:#fff;position:absolute;bottom:-.14rem;left:0}.i-products ul li a .piclist>div .text button:hover{width:1.4rem}.i-products ul li a .piclist>div .text button:hover::after{width:100%}.i-products ul li a .piclist>div:hover::after{opacity:1}.i-products ul li a .piclist>div:hover img{transform:translate(-50%, -50%) scale(1.2)}.i-products ul li a .piclist>div:hover .text{opacity:1}.i-advantage{display:block;box-sizing:border-box;font-size:0;padding-top:1rem}@media screen and (max-width: 1920px){.i-advantage{padding-left:2.5%;padding-right:2.5%}}@media screen and (max-width: 768px){.i-advantage{padding-left:.2rem;padding-right:.2rem}}.i-advantage .title h2{text-align:center;font-size:.48rem;color:#333;font-weight:bold}.i-advantage .box{position:relative;display:block;margin-top:.6rem}.i-advantage .box .wrap-right{position:relative;width:65%;margin-left:35%;display:block}.i-advantage .box .wrap-right img{max-width:100%}.i-advantage .box .wrap-left{width:7rem;height:4.9rem;position:absolute;top:50%;left:10%;transform:translateY(-50%);background:#da2527;z-index:2}.i-advantage .box .wrap-left .text{width:100%;height:100%;box-sizing:border-box;padding:.9rem}.i-advantage .box .wrap-left .text span{color:#fff;font-size:.3rem;line-height:1}.i-advantage .box .wrap-left .text h3{color:#fff;font-size:.48rem;font-weight:bold;margin:.27rem 0;line-height:1}.i-advantage .box .wrap-left .text p{font-size:.2rem;color:#fff;margin:0 0 .26rem}.i-advantage .box .wrap-left .text a{display:inline-block;text-align:left;font-size:.16rem;color:#fff;line-height:1;width:1.3rem;position:relative;margin-bottom:.14rem}.i-advantage .box .wrap-left .text a i{font-family:"common";font-size:.12rem;border:2px solid #fff;border-radius:.9rem;height:.2rem;width:.2rem;text-align:center;line-height:.16rem;position:absolute;top:50%;right:0;transform:translateY(-50%) scale(0.9);box-sizing:border-box}.i-advantage .box .wrap-left .text a::after{content:"";width:100%;height:2px;background:#fff;position:absolute;bottom:-.14rem;left:0}.i-advantage .box .wrap-left .text a:hover{width:1.4rem}.i-advantage .box .wrap-left .text a:hover::after{width:100%}.i-advantage .box .wrap-left .next,.i-advantage .box .wrap-left .prev{font-family:"common";z-index:5;font-size:.32rem;color:#fff;outline:none;text-align:center;position:absolute;left:.9rem;bottom:.4rem;cursor:pointer}.i-advantage .box .wrap-left .next:hover,.i-advantage .box .wrap-left .prev:hover{color:#333}.i-advantage .box .wrap-left .prev{transform:rotate(-180deg)}.i-advantage .box .wrap-left .prev:hover{color:#333}.i-advantage .box .wrap-left .next{left:1.5rem;right:auto}.i-advantage .swiper-container{display:block;position:relative}.i-news{display:block;box-sizing:border-box;font-size:0;padding-top:1rem;padding-bottom:1rem;position:relative}@media screen and (max-width: 1920px){.i-news{padding-left:2.5%;padding-right:2.5%}}@media screen and (max-width: 768px){.i-news{padding-left:.2rem;padding-right:.2rem}}.i-news .title{text-align:center}.i-news .title span{display:block;font-size:.21rem;line-height:3;color:#da2527}.i-news .title h2{text-align:center;font-size:.48rem;color:#da2527;font-weight:bold}.i-news .box{display:flex;justify-content:space-between;margin:.5rem 0 .9rem}.i-news .box .list{width:32%;overflow:hidden;z-index:1}.i-news .box .list .img{position:relative;overflow:hidden}.i-news .box .list .img img{width:100%}.i-news .box .list .img span{display:inline-block;padding:.1rem .15rem;font-size:.14rem;line-height:1;color:#fff;background:#da2527;border-radius:5px;position:absolute;right:.25rem;top:.25rem}.i-news .box .list:hover img{transform:scale(1.2)}.i-news .box .text{box-sizing:border-box;padding:.2rem 0}.i-news .box .text h3{color:#000;font-size:.24rem;line-height:1;margin-bottom:.16rem}.i-news .box .text time i{font-family:"common";font-size:.2rem;display:inline-block;vertical-align:middle;margin-right:.1rem;color:#333}.i-news .box .text time i::after{content:"\e602"}.i-news .box .text time span{display:inline-block;vertical-align:middle;color:#333;font-size:.16rem}.i-news .more{display:block;width:1.5rem;box-sizing:border-box;padding-right:.1rem;background:#da2527;font-size:.16rem;color:#fff;line-height:.5rem;margin:0 auto;text-align:center;border-radius:25px}.i-news .more i{font-family:"common";display:inline-block;transform:rotate(180deg) translateX(-10px)}.i-news .more:hover i{transform:rotate(180deg) translateX(-15px);opacity:1}.i-news::after{content:"";width:100%;height:100%;background:url(../images/i-news-bg.png) no-repeat top left;position:absolute;top:-1.2rem;left:0;z-index:-1}@media screen and (max-width: 1600px){.i-products .box{padding:0 7.5%}}@media screen and (max-width: 1440px){.i-about .wrap-left{padding-right:0}}@media screen and (max-width: 768px){.banner{height:60vh;position:relative;margin-top:.7rem}.banner .banner2 .text{top:60%}.banner .banner2 .text h2{font-size:.68rem}.banner .banner2 .text h2 span{font-size:.26rem;background:url(../images/banner-ico-01.png) no-repeat center center/100% auto;width:.5rem;height:1rem;letter-spacing:.0rem;position:absolute;right:-.6rem;top:-.6rem;line-height:1.8;opacity:0;transform:translateX(-20px)}.banner .banner2 .text h2 .before{width:2rem;left:-2rem;bottom:.1rem;background:url(../images/banner-ico-02.png) no-repeat center center/100% auto}.banner .banner2 .text h2 .after{width:2rem;right:-1.8rem;background:url(../images/banner-ico-03.png) no-repeat center center/100% auto}.banner .banner2 .text h3{font-family:"hyzkj";font-size:.24rem;color:#000;line-height:1;opacity:0}.i-about{padding:.4rem;box-sizing:border-box}}@media screen and (max-width: 768px) and (max-width: 1920px){.i-about{padding-left:2.5%;padding-right:2.5%}}@media screen and (max-width: 768px) and (max-width: 768px){.i-about{padding-left:.2rem;padding-right:.2rem}}@media screen and (max-width: 768px){.i-about .wrap-left,.i-about .wrap-right{width:100%}.i-about .wrap-left{padding:0;order:1}.i-about .wrap-left .title{margin-top:0}.i-about .wrap-left .title h2{font-size:.2rem}.i-about .wrap-left .title h3{font-size:.36rem}.i-about .wrap-left .title p{font-size:.14rem}.i-about .wrap-left .list{margin:.4rem 0 .2rem}.i-about .wrap-left .list li i{font-size:.24rem}.i-about .wrap-left .list li .nub{font-size:.26rem}.i-about .wrap-right{margin-top:0;order:2}.i-about .wrap-right .box{width:100%}.i-products{padding:0;box-sizing:border-box}}@media screen and (max-width: 768px) and (max-width: 1920px){.i-products{padding-left:2.5%;padding-right:2.5%}}@media screen and (max-width: 768px) and (max-width: 768px){.i-products{padding-left:.2rem;padding-right:.2rem}}@media screen and (max-width: 768px){.i-products .title h2{width:100%;font-size:.36rem}.i-products .box{padding:0;margin-top:.2rem}.i-products .box .next,.i-products .box .prev{display:none}.i-products .box .swiper-pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:-.4rem;width:100%}.i-products .box .swiper-pagination span{margin:0 .05rem;width:.1rem;height:.1rem;background:#f3f3f3;opacity:1;border:2px solid #fff}.i-products .box .swiper-pagination span.swiper-pagination-bullet-active{background:#da2527;border-color:#da2527}.i-products ul{margin-top:.2rem}.i-products ul li a .piclist>div{height:2rem}.i-products ul li a .piclist>div:nth-of-type(2),.i-products ul li a .piclist>div:nth-of-type(3){height:1.2rem;margin-top:.1rem;width:calc(calc(100% - 0.1rem)/2)}.i-products ul li a .piclist>div:nth-of-type(2){margin-right:.1rem}.i-advantage{padding:.3rem 0;box-sizing:border-box}}@media screen and (max-width: 768px) and (max-width: 1920px){.i-advantage{padding-left:2.5%;padding-right:2.5%}}@media screen and (max-width: 768px) and (max-width: 768px){.i-advantage{padding-left:.2rem;padding-right:.2rem}}@media screen and (max-width: 768px){.i-advantage .title h2{width:100%;font-size:.36rem}.i-advantage .box{margin:.2rem 0 0}.i-advantage .box .wrap-left{position:relative;top:0;left:0;transform:translate(0);width:100%;height:auto;background:none}.i-advantage .box .wrap-left .text{padding:.3rem 0 .6rem}.i-advantage .box .wrap-left .text span{font-size:.18rem;color:#333}.i-advantage .box .wrap-left .text h3{font-size:.28rem;margin:.16rem 0;color:#333}.i-advantage .box .wrap-left .text p{font-size:.18rem;color:#333}.i-advantage .box .wrap-left .text a{color:#333}.i-advantage .box .wrap-left .prev{left:.2rem;bottom:.2rem;color:#333}.i-advantage .box .wrap-left .next{left:.9rem;bottom:.2rem;color:#333}.i-advantage .box .wrap-left .next::after{content:"|";font-size:.2rem;position:absolute;left:-.2rem;top:1px}.i-advantage .box .wrap-right{width:100%;margin:0}.i-news{box-sizing:border-box;padding-bottom:.4rem}}@media screen and (max-width: 768px) and (max-width: 1920px){.i-news{padding-left:2.5%;padding-right:2.5%}}@media screen and (max-width: 768px) and (max-width: 768px){.i-news{padding-left:.2rem;padding-right:.2rem}}@media screen and (max-width: 768px){.i-news::after{content:"";background-size:50% auto;top:0}.i-news .box{display:block;margin:.3rem 0 .5rem}.i-news .box .list{width:100%}}