@media screen and (max-width: 768px){.main{width:100%}}.banner{display:block;width:100%;height:auto;position:relative;overflow:hidden}.banner .swiper{height:100%}.banner .swiper .swiper-slide{width:100%;max-height:100%;text-align:center;position:relative}.banner .swiper .swiper-slide img{max-width:100%}.banner .swiper .container{width:100%;position:absolute;top:25%;left:0;transform:translateY(0%);z-index:2}.banner .swiper .container.active .text-light h2,.banner .swiper .container.active .text-light h3,.banner .swiper .container.active .text-light .rm{transform:translateY(0);transition:transform 2000ms ease,opacity 2000ms ease,-webkit-transform 2000ms ease;opacity:1}.banner .swiper .container .text-light{padding:0 calc(320 / 1920 * 100%);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.banner .swiper .container .text-light h2,.banner .swiper .container .text-light h3{display:block;text-align:right;transform:translateY(120px);transition-delay:1.5s;opacity:0}.banner .swiper .container .text-light h2{font-size:.48rem;font-weight:bold;line-height:2;color:#252525;position:relative}.banner .swiper .container .text-light h2::after{content:'';width:100%;height:5px;background:#252525;position:absolute;bottom:0;right:0}.banner .swiper .container .text-light h3{width:32%;margin-top:.25rem;font-size:.16rem;line-height:1.5;color:#2a2a2a}.banner .swiper .container .text-light .rm{padding:0 .24rem;font-size:.24rem;font-weight:600;line-height:1.83;color:#fff;background:#ead41b;border-radius:.1rem;display:flex;justify-content:center;align-items:center;transform:translateY(-120px);transition:.3s;transition-delay:1.5s;opacity:0}.banner .swiper .container .text-light .rm:hover{background:#fff;color:#ead41b}.banner .swiper .container .text-light .rm span{font-size:.25rem;line-height:1}.banner .swiper-pagination{display:inline-block;width:auto;position:absolute;bottom:30%;left:auto;right:calc(320 / 1920 * 100%);transform:translateX(0%)}.banner .swiper-pagination span{width:.6rem;height:.08rem;margin:3px;background:#5f6569;border-radius:0;opacity:1}.banner .swiper-pagination span.swiper-pagination-bullet-active{background:#ead41b}.tit{display:flex;justify-content:space-between;align-items:center}.tit h3{font-size:.3rem;font-weight:600;line-height:3;color:#1f1f1f;position:relative}.tit h3::before{content:attr(subtitle);font-size:.16rem;line-height:1.5;color:#8d8d8d;position:absolute;top:0;left:0}.tit h3::after{content:'';width:.5rem;height:2px;background:#ead41b;position:absolute;top:50%;left:calc(100% + .1rem);transform:translateY(-50%)}.i-about{padding:0.7rem calc(320 / 1920 * 100%) 1.2rem;background:url(../images/i-about-bg.jpg) no-repeat;background-position:top right;display:flex;justify-content:space-between;align-items:center}.i-about .wrap-left{width:calc(682 / 1280 * 100%);position:relative}.i-about .wrap-left::before{content:'';width:1.8rem;height:1.5rem;border-radius:.1rem;background:#f8c300;position:absolute;bottom:0;left:0;transform:translate(-0.5rem, 0.45rem);z-index:-1}.i-about .wrap-left img{max-width:100%}.i-about .wrap-left .play{cursor:pointer;z-index:1;opacity:0;position:absolute;left:0;top:0;background-color:rgba(0,0,0,0.2);width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:.3s ease-in-out}.i-about .wrap-left .play:hover{opacity:1}.i-about .wrap-left .play img{width:22%;opacity:.5}.i-about .wrap-left .video{transition:.3s ease-in-out;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(234,212,27,0.2);display:flex;justify-content:center;align-items:center}.i-about .wrap-left .video .close{position:absolute;right:10px;top:2px;font-size:.18rem;color:#333;cursor:pointer}.i-about .wrap-left .video .close:hover{text-decoration:underline}.i-about .wrap-right{width:calc(536 / 1280 * 100%)}.i-about .wrap-right p{margin:0 0 .3rem;font-size:.14rem;line-height:1.33;color:#949494}.i-about .wrap-right a{display:inline-block;padding:0 .46rem;font-size:.18rem;line-height:2.5;color:#fff;background:#ead41b}.i-products{padding:0.6rem calc(320 / 1920 * 100%) 0.8rem}.i-products .tit{border-bottom:1px solid rgba(32,32,32,0.16)}.i-products .tit ul{display:flex}.i-products .tit ul li{margin-left:.22rem;font-size:.18rem;color:#888;transition:.3s;cursor:pointer}.i-products .tit ul li.more{font-weight:600}.i-products .tit ul li.more a{color:#000}.i-products .tit ul li.active,.i-products .tit ul li:hover{color:#ead41b}.i-products .tit ul li.active a,.i-products .tit ul li:hover a{color:#ead41b}.i-products .tit ul li a{font-size:.18rem;background:none;transition:.3s}.i-products .typelist{position:relative}.i-products .typelist .pdttype{width:100%;margin-top:.4rem}.i-products .typelist .pdttype ul{display:flex;flex-wrap:wrap;justify-content:space-between}.i-products .typelist .pdttype ul li{width:calc((100% - .16rem * 3) / 4);margin-bottom:.2rem;display:flex;align-items:center;position:relative;box-shadow:0 0 0.1rem rgba(0,0,0,0.2)}.i-products .typelist .pdttype ul li.apdli{opacity:0;pointer-events:none}.i-products .typelist .pdttype ul li a:hover .text{opacity:1}.i-products .typelist .pdttype ul li a img{max-width:100%}.i-products .typelist .pdttype ul li a .text{width:100%;background:#ead41b;position:absolute;bottom:0;left:0;opacity:0;transition:.3s}.i-products .typelist .pdttype ul li a .text h3{font-size:.16rem;font-weight:600;line-height:2;text-align:center;color:#fff}.i-products .typelist .swiper-button-next,.i-products .typelist .swiper-button-prev{width:.85rem;height:.85rem;margin-top:0;font-size:.5rem;color:#ead41b;border:2px solid #ead41b;border-radius:50%;transform:translateY(-50%);transition:.3s;z-index:2}.i-products .typelist .swiper-button-next::after,.i-products .typelist .swiper-button-prev::after{display:none}.i-products .typelist .swiper-button-next:hover,.i-products .typelist .swiper-button-prev:hover{color:#fff;background:#ead41b}.i-products .typelist .swiper-button-prev{left:auto;right:calc(100% + .2rem)}.i-products .typelist .swiper-button-next{left:calc(100% + .2rem);right:auto}.i-products .typelist .swiper-pagination{display:none}.i-service{position:relative}.i-service img{max-width:100%}.i-service div{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}.i-service div h3{font-size:.36rem;font-weight:600;color:#ead41b}.i-service div p{margin:.3rem 0;font-size:.24rem;color:#fff}.i-service div a{display:inline-block;padding:0 .45rem;font-size:.18rem;line-height:2.22;color:#ead41b;border:2px solid #ead41b;transition:.5s}.i-service div a:hover{color:#fff;background:#ead41b}.i-news{padding:1.1rem calc(320 / 1920 * 100%)}.i-news .news ul li:hover a .pic img{transform:scale(1.2)}.i-news .news ul li a .pic{overflow:hidden}.i-news .news ul li a .pic img{max-width:100%;transition:.5s}.i-news .news ul li a .text{margin-top:.2rem}.i-news .news ul li a .text h3{font-size:.18rem;font-weight:600;color:#3c3c3c;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis}.i-news .news ul li a .text span{display:flex;align-items:center;margin:.1rem 0;font-size:.16rem;color:#ababab}.i-news .news ul li a .text span::before{font-size:.21rem;color:#ead41b;margin-right:.1rem}.i-news .news ul li a .text p{font-size:.14rem;line-height:.18rem;color:#ababab;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.i-news .swiper-pagination{display:none}@media screen and (max-width: 1600px){.banner .swiper .container .text-light{padding:0 10%}.banner .swiper-pagination{right:10%}.i-products{padding:.7rem 10%}.i-about{padding:.7rem 10%;background-size:70% 100%}.i-news{padding:.7rem 10%}}@media screen and (max-width: 1440px){.banner .swiper .container .text-light{padding:0 5%}.banner .swiper-pagination{right:5%}.i-products{padding:.5rem 5%}.i-about{padding:.5rem 5% .7rem}.i-news{padding:.5rem 5%}}@media screen and (max-width: 768px){.banner .swiper .container{padding:0 .2rem}.banner .swiper .container .text-light{padding:0}.banner .swiper .container .text-light h2{font-size:.22rem;color:#fff}.banner .swiper .container .text-light h2::after{background:#fff}.banner .swiper .container .text-light h3{width:100%;font-size:.14rem;color:#fff}.banner .swiper .container .text-light .rm{width:1.5rem;margin:.2rem 0;padding:0 .2rem;font-size:.14rem;line-height:.42rem}.banner .swiper .swiper-button-prev,.banner .swiper .swiper-button-next{display:none}.banner .swiper-pagination{bottom:.2rem;right:50%;transform:translateX(50%)}.banner .swiper-pagination span{width:.3rem}.tit h3{padding-top:.24rem;font-size:.24rem;line-height:1}.tit h3::before{width:2rem;font-size:.14rem}.tit h3::after{top:.36rem}.i-about{padding:.2rem;flex-wrap:wrap;background-size:66% 3.3rem}.i-about .wrap-left,.i-about .wrap-right{width:100%}.i-about .wrap-left{margin-bottom:.6rem}.i-about .wrap-left::before{transform:translate(-0.4rem, 0.2rem)}.i-about .wrap-right .tit{margin-bottom:.2rem}.i-about .wrap-right p{margin:0 0 .2rem}.i-about .wrap-right a{font-size:.16rem}.i-products{padding:.2rem}.i-products .tit{flex-direction:column;align-items:flex-start}.i-products .tit ul{width:100%;margin-top:.1rem;justify-content:space-between}.i-products .tit ul li{margin:0;padding:.1rem 0;font-size:.14rem;line-height:1;text-align:center;border-radius:.05rem}.i-products .tit ul li.more a{font-size:.16rem}.i-products .typelist{padding:0}.i-products .typelist .pdttype{margin-top:.2rem}.i-products .typelist .pdttype ul li{width:calc(50% - .1rem)}.i-products .typelist .pdttype ul li a{display:inline-block;width:100%;margin:0}.i-products .typelist .pdttype ul li a .text{opacity:1}.i-products .typelist .swiper-button-prev,.i-products .typelist .swiper-button-next{display:none}.i-products .typelist .swiper-pagination{display:block;bottom:-.2rem;left:50%;transform:translateX(-50%)}.i-products .typelist .swiper-pagination .swiper-pagination-bullet{width:.12rem;height:.12rem;margin:0 .02rem}.i-service{overflow-x:hidden}.i-service img{max-width:none;max-height:2.2rem}.i-service div{width:100%;padding:.2rem}.i-service div h3{font-size:.16rem}.i-service div p{margin:.2rem 0}.i-service div a{font-size:.16rem}.i-news{padding:.2rem .2rem .5rem;position:relative}.i-news .tit{margin-bottom:.2rem;padding:0;flex-wrap:wrap}.i-news .tit h3{font-size:.3rem}.i-news .tit a{margin:.15rem 0 0;padding:0 .3rem;font-size:.16rem;line-height:2.5;right:0}.i-news .news{margin:0;padding:0}.i-news .swiper-pagination{display:block;bottom:.2rem;left:50%;transform:translateX(-50%)}.i-news .swiper-pagination .swiper-pagination-bullet{width:.12rem;height:.12rem;margin:0 .02rem}}