.i-products .box .next,.i-products .box .prev,.i-advantage .wrap-box .wrap-left .next,.i-advantage .wrap-box .wrap-left .prev{transition:all 0.3s ease-in-out}.banner .text .button a,.i-about .wrap-box .wrap-left .list li .nub,.i-about .wrap-box .wrap-left a.more,.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 .text,.i-products ul li a .piclist>div .text .ico,.i-products ul li a .piclist>div .text button,.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;display:block}.banner img{max-width:100%}.banner .text{position:absolute;top:50%;transform:translateY(-50%);left:9.375%;margin-top:.5rem}.banner .text h2{font-family:"arial Black";font-size:.48rem;color:#fff;text-transform:uppercase;line-height:1.2}.banner .text h2 span{display:block}.banner .text .list{margin:.2rem 0;display:block}.banner .text .button a{width:1.95rem;height:.4rem;line-height:.4rem;text-align:center;color:#fff;font-weight:bold;background:#0068b7;border-radius:3px;font-size:.14rem;display:inline-block}.banner .text .button a.w{background:#fff;color:#0068b7;margin-left:.2rem}.banner .text .button a:hover{background:#000;color:#fff}.index-title,.i-about .index-title,.i-advantage .wrap-box .wrap-left .index-title{display:block;text-align:center}.index-title h2,.i-about .index-title h2,.i-advantage .wrap-box .wrap-left .index-title h2{font-size:.48rem;line-height:1;font-weight:bold;color:#333}.i-about{box-sizing:border-box;font-size:0}@media screen and (max-width: 1920px){.i-about{padding-left:9.375%;padding-right:9.375%}}@media screen and (max-width: 1440px){.i-about{padding-left:100px;padding-right:100px}}@media screen and (max-width: 1360px){.i-about{padding-left:80px;padding-right:80px}}@media screen and (max-width: 768px){.i-about{padding-left:.2rem;padding-right:.2rem}}.i-about .index-title,.i-about .i-advantage .wrap-box .wrap-left .index-title,.i-advantage .wrap-box .wrap-left .i-about .index-title{margin:.6rem 0}.i-about .index-title img,.i-about .i-advantage .wrap-box .wrap-left .index-title img,.i-advantage .wrap-box .wrap-left .i-about .index-title img{height:.48rem}.i-about .wrap-box{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){.i-about .wrap-box{flex-wrap:wrap}}.i-about .wrap-box .wrap-left,.i-about .wrap-box .wrap-right{width:50%}.i-about .wrap-box .wrap-left{order:2;box-sizing:border-box;padding-left:.6rem;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column}@media screen and (max-width: 768px){.i-about .wrap-box .wrap-left{flex-wrap:wrap}}.i-about .wrap-box .wrap-left .title{display:block}.i-about .wrap-box .wrap-left .title h3{font-size:.48rem;color:#333;font-weight:bold;text-transform:uppercase;margin:0 0 .3rem;line-height:1.25}@media screen and (min-width: 768px){.i-about .wrap-box .wrap-left .title h3 span{display:block}}.i-about .wrap-box .wrap-left .title .line{background:url(../images/line.svg) repeat-x 0 100%;width:.8rem;height:.1rem;background-size:.3rem auto;background-position:0 center}.i-about .wrap-box .wrap-left .title p{font-size:.18rem;color:#666;line-height:1.5;text-align:justify;margin:.2rem 0 0}.i-about .wrap-box .wrap-left .list{display:flex;justify-content:space-between;margin-top:.5rem;width:100%}.i-about .wrap-box .wrap-left .list li{position:relative;width:100%;max-width:1.7rem;position:relative}.i-about .wrap-box .wrap-left .list li .nub{display:inline-block;font-size:.48rem;color:#333;position:relative;font-weight:bold;border-bottom:7px solid #0068b7}.i-about .wrap-box .wrap-left .list li .nub .counter{display:inline-block;vertical-align:baseline}.i-about .wrap-box .wrap-left .list li .nub span{display:inline-block;vertical-align:baseline;margin-left:.05rem;font-size:.3rem}.i-about .wrap-box .wrap-left .list li>span{font-size:.14rem;color:#7c7c7c;line-height:1.2;display:block;margin-top:.1rem}.i-about .wrap-box .wrap-left a.more{display:inline-block;width:auto;font-size:.24rem;font-weight:bold;color:#fff;text-transform:capitalize;background:#0068b7;padding:0 .5rem;line-height:.45rem;position:relative;margin:.5rem 0 0}.i-about .wrap-box .wrap-left a.more:hover{background:#000}@media screen and (max-width: 768px){.i-about .wrap-box{flex-wrap:wrap}.i-about .wrap-box .wrap-left,.i-about .wrap-box .wrap-right{width:100%;padding:0}}.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:.6rem}@media screen and (max-width: 1920px){.i-products{padding-left:9.375%;padding-right:9.375%}}@media screen and (max-width: 1440px){.i-products{padding-left:100px;padding-right:100px}}@media screen and (max-width: 1360px){.i-products{padding-left:80px;padding-right:80px}}@media screen and (max-width: 768px){.i-products{padding-left:.2rem;padding-right:.2rem}}.i-products .box{position:relative;margin-top:.6rem}.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:#0068b7;border-color:#0068b7}.i-products .box .next,.i-products .box .prev{display:none;font-family:"common";z-index:5;font-size:.78rem;width:.8rem;outline:none;text-align:center;line-height:.8rem;height:.8rem;position:absolute;right:-1rem;top:50%;transform:translateY(-50%);cursor:pointer}.i-products .box .next:hover,.i-products .box .prev:hover{color:#0068b7}.i-products .box .prev{color:#333}.i-products .box .prev:hover{color:#0068b7}.i-products .box .prev{transform:translateY(-50%) rotate(-180deg);right:auto;left:-1rem;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:calc(calc(100% - .34rem)/2);height:40vh;position:relative;display:inline-block;overflow:hidden}.i-products ul li a .piclist>div:nth-of-type(2){margin-left:.34rem}.i-products ul li a .piclist>div:nth-of-type(3),.i-products ul li a .piclist>div:nth-of-type(4),.i-products ul li a .piclist>div:nth-of-type(5){width:calc(calc(100% - .68rem)/3);height:30vh;margin-top:.34rem;margin-right:.34rem}.i-products ul li a .piclist>div:nth-of-type(5){margin-right:0}.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 .text{position:absolute;opacity:0;z-index:2;width:100%;height:100%;top:0;left:0}.i-products ul li a .piclist>div .text .ico{position:absolute;top:.2rem;left:.2rem;width:.8rem;height:.8rem;text-align:center;line-height:.8rem;background-color:#0068b7;color:#fff;text-align:center;font-size:.6rem;opacity:0}.i-products ul li a .piclist>div .text button{border:none;background:#f1f1f1;display:inline-block;font-size:.18rem;font-weight:bold;color:#333;line-height:1;width:auto;padding:.2rem;position:absolute;right:0;bottom:0}.i-products ul li a .piclist>div .text button .line{margin-top:.1rem}.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-products ul li a .piclist>div:hover .text .ico{opacity:1}.i-advantage{display:block;width:100%;box-sizing:border-box;padding-left:0 !important;font-size:0;background-color:#0068b7;margin-top:1.24rem;position:relative;overflow:hidden;z-index:1}@media screen and (max-width: 1920px){.i-advantage{padding-left:9.375%;padding-right:9.375%}}@media screen and (max-width: 1440px){.i-advantage{padding-left:100px;padding-right:100px}}@media screen and (max-width: 1360px){.i-advantage{padding-left:80px;padding-right:80px}}@media screen and (max-width: 768px){.i-advantage{padding-left:.2rem;padding-right:.2rem}}.i-advantage::after{content:"";position:absolute;top:-20%;right:-10%;width:12.8rem;height:12.8rem;transform:rotate(-45deg);background-image:linear-gradient(0deg, #005a9e 1px, transparent 0);background-size:5px 5px;z-index:-1}.i-advantage .wrap-box{display:flex;justify-content:space-between;align-items:center}.i-advantage .wrap-box .wrap-right{flex-shrink:10;overflow:hidden}.i-advantage .wrap-box .wrap-right img{max-width:100%}.i-advantage .wrap-box .wrap-left{flex-shrink:0;width:6.4rem;padding-bottom:.6rem;flex-wrap:wrap;display:flex;justify-content:space-between;align-items:center;position:relative;box-sizing:border-box;padding-left:.9rem}@media screen and (max-width: 768px){.i-advantage .wrap-box .wrap-left{flex-wrap:wrap}}.i-advantage .wrap-box .wrap-left .index-title{text-align:left}.i-advantage .wrap-box .wrap-left .index-title h2{color:#fff}.i-advantage .wrap-box .wrap-left .index-title .line{background-image:url(../images//line-w.svg);margin:.4rem 0}.i-advantage .wrap-box .wrap-left .index-title p{font-size:.16rem;line-height:1.8;color:#fff;margin:0;text-align:justify}.i-advantage .wrap-box .wrap-left ul{display:block;margin-top:.4rem}.i-advantage .wrap-box .wrap-left ul li{font-size:.18rem;line-height:1.75;color:#fff}.i-advantage .wrap-box .wrap-left .next,.i-advantage .wrap-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:0;cursor:pointer}.i-advantage .wrap-box .wrap-left .next:hover,.i-advantage .wrap-box .wrap-left .prev:hover{color:#333}.i-advantage .wrap-box .wrap-left .prev{transform:rotate(-180deg)}.i-advantage .wrap-box .wrap-left .prev:hover{color:#333}.i-advantage .wrap-box .wrap-left .next{left:1.5rem;right:auto}.i-news{display:block;box-sizing:border-box;font-size:0;padding-top:1rem;position:relative}@media screen and (max-width: 1920px){.i-news{padding-left:9.375%;padding-right:9.375%}}@media screen and (max-width: 1440px){.i-news{padding-left:100px;padding-right:100px}}@media screen and (max-width: 1360px){.i-news{padding-left:80px;padding-right:80px}}@media screen and (max-width: 768px){.i-news{padding-left:.2rem;padding-right:.2rem}}.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:#0068b7;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:#0068b7;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}@media screen and (max-width: 1600px){.i-about .wrap-box .wrap-left .title h3{font-size:.4rem}}@media screen and (max-width: 1440px){.i-about .wrap-box .wrap-left .title h3{font-size:.36rem}.i-about .wrap-box .wrap-left .title p{font-size:.16rem}.i-advantage .wrap-box .wrap-left{width:5rem}.i-advantage .wrap-box .wrap-left .index-title .line{margin:.2rem 0}}@media screen and (max-width: 768px){.banner{height:60vh;position:relative;margin-top:.7rem}.banner .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center}.banner .text h2{font-family:"arial Black";font-size:.24rem;color:#fff;text-transform:uppercase;line-height:1.2}.banner .text h2 span{display:block}.banner .text .list{margin:.1rem 0;display:block}.banner .text .list img{max-width:80%}.banner .text .button a{width:1.2rem;height:.4rem;line-height:.4rem;text-align:center;color:#fff;font-weight:bold;background:#0068b7;border-radius:3px;font-size:.14rem;display:inline-block}.banner .text .button a.w{background:#fff;color:#0068b7;margin-left:.2rem}.banner .text .button a:hover{background:#000;color:#fff}.index-title h2,.i-about .index-title h2,.i-advantage .wrap-box .wrap-left .index-title h2{font-size:.32rem;line-height:1;margin-bottom:.1rem}.i-about{padding:.4rem;box-sizing:border-box}}@media screen and (max-width: 768px) and (max-width: 1920px){.i-about{padding-left:9.375%;padding-right:9.375%}}@media screen and (max-width: 768px) and (max-width: 1440px){.i-about{padding-left:100px;padding-right:100px}}@media screen and (max-width: 768px) and (max-width: 1360px){.i-about{padding-left:80px;padding-right:80px}}@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 .index-title,.i-about .i-advantage .wrap-box .wrap-left .index-title,.i-advantage .wrap-box .wrap-left .i-about .index-title{margin:0;display:none}.i-about .index-title h2 img,.i-about .i-advantage .wrap-box .wrap-left .index-title h2 img,.i-advantage .wrap-box .wrap-left .i-about .index-title h2 img{height:.3rem}.i-about .wrap-left,.i-about .wrap-right{width:100%}.i-about .wrap-box .wrap-left{padding:0;order:1}.i-about .wrap-box .wrap-left .title{margin-top:0}.i-about .wrap-box .wrap-left .title h3{font-size:.32rem;line-height:1;margin-bottom:.1rem}.i-about .wrap-box .wrap-left .title p{font-size:.14rem;margin-top:.1rem;line-height:1.5}.i-about .wrap-box .wrap-left .list{margin:.4rem 0 .2rem}.i-about .wrap-box .wrap-left .list li{width:30%}.i-about .wrap-box .wrap-left .list li .nub{font-size:.22rem;display:block}.i-about .wrap-box .wrap-left .list li .nub span{font-size:.22rem}.i-about .wrap-box .wrap-left .list li>span{font-size:.12rem}.i-about .wrap-box .wrap-left a.more{display:none}.i-about .wrap-box .wrap-right{margin-top:0;order:2}.i-about .wrap-box .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:9.375%;padding-right:9.375%}}@media screen and (max-width: 768px) and (max-width: 1440px){.i-products{padding-left:100px;padding-right:100px}}@media screen and (max-width: 768px) and (max-width: 1360px){.i-products{padding-left:80px;padding-right:80px}}@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{font-size:.32rem;line-height:1;margin-bottom:.1rem}.i-products .box{padding:0;margin-top:.2rem}.i-products .box .swiper-container{padding-bottom:.4rem}.i-products .box .next,.i-products .box .prev{display:none}.i-products .box .swiper-pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:100%;display:block}.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:#0068b7;border-color:#0068b7}.i-products ul li a{position:relative;display:block}.i-products ul li a>div{width:100%;height:40vh;position:relative;display:inline-block;overflow:hidden}.i-products ul li a>div img{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.i-products ul li a>div .text{position:absolute;opacity:1;z-index:2;width:100%;height:100%;top:0;left:0}.i-products ul li a>div .text .ico{position:absolute;top:.2rem;left:.2rem;width:.4rem;height:.4rem;text-align:center;line-height:.4rem;background-color:#0068b7;color:#fff;text-align:center;font-size:.3rem;opacity:1}.i-products ul li a>div .text button{border:none;background:#f1f1f1;display:inline-block;font-size:.16rem;font-weight:bold;color:#333;line-height:1;width:auto;padding:.2rem;position:absolute;right:0;bottom:0}.i-products ul li a>div .text button .line{margin-top:.1rem}.i-advantage{padding:0 !important;margin:.3rem 0}.i-advantage .title h2{width:100%;font-size:.36rem}.i-advantage .wrap-box{padding:0;margin:0;flex-wrap:wrap}.i-advantage .wrap-box .wrap-left{position:relative;top:0;left:0;transform:translate(0);width:100%;height:auto;background:none;padding:.3rem .2rem .6rem}.i-advantage .wrap-box .wrap-left .text{padding:.3rem 0 .6rem}.i-advantage .wrap-box .wrap-left .text span{font-size:.18rem;color:#333}.i-advantage .wrap-box .wrap-left .text h3{font-size:.28rem;margin:.16rem 0;color:#333}.i-advantage .wrap-box .wrap-left .text p{font-size:.18rem;color:#333}.i-advantage .wrap-box .wrap-left .text a{color:#333}.i-advantage .wrap-box .wrap-left ul{display:none}.i-advantage .wrap-box .wrap-left .prev{left:.1rem;bottom:.2rem;color:#fff}.i-advantage .wrap-box .wrap-left .next{left:.8rem;bottom:.2rem;color:#fff}.i-advantage .wrap-box .wrap-left .next::after{content:"|";font-size:.2rem;position:absolute;left:-.2rem;top:1px}.i-advantage .wrap-box .wrap-right{width:100%;margin:0}.i-news{padding:.3rem 0;box-sizing:border-box;margin:0}}@media screen and (max-width: 768px) and (max-width: 1920px){.i-news{padding-left:9.375%;padding-right:9.375%}}@media screen and (max-width: 768px) and (max-width: 1440px){.i-news{padding-left:100px;padding-right:100px}}@media screen and (max-width: 768px) and (max-width: 1360px){.i-news{padding-left:80px;padding-right:80px}}@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 .box{display:block;margin:.3rem 0 .2rem}.i-news .box .list{width:100%}}
