@media screen and (max-width: 768px){.main{width:100%}}.wrap-box{box-sizing:border-box;padding-left:11vw;padding-right:11vw;width:100%}@media screen and (max-width: 1600px){.wrap-box{padding-left:7.5vw;padding-right:7.5vw}}@media screen and (max-width: 1440px){.wrap-box{padding-left:100px;padding-right:100px}}@media screen and (max-width: 1360px){.wrap-box{padding-left:80px;padding-right:80px}}@media screen and (max-width: 768px){.wrap-box{max-width:100%;box-sizing:border-box;padding-left:.2rem;padding-right:.2rem}}.main{box-sizing:border-box;padding-left:11vw;padding-right:11vw;width:100%}@media screen and (max-width: 1600px){.main{padding-left:7.5vw;padding-right:7.5vw}}@media screen and (max-width: 1440px){.main{padding-left:100px;padding-right:100px}}@media screen and (max-width: 1360px){.main{padding-left:80px;padding-right:80px}}@media screen and (max-width: 768px){.main{max-width:100%;box-sizing:border-box;padding-left:.2rem;padding-right:.2rem}}.banner{width:100%;display:block;overflow:hidden;font-size:0;height:100vh;box-sizing:border-box;position:relative;z-index:3}.banner .swiper-container{position:relative;z-index:4;overflow:hidden;height:100%}.banner .swiper-container::before{content:"";width:100%;height:100%;background:rgba(16,101,127,0.28);position:absolute;top:0;left:0;z-index:2}.banner .swiper-container .swiper-slide{width:100%}.banner .swiper-container img{width:100%;height:100%;object-position:center;object-fit:cover}.banner .swiper-container .swiper-button-next,.banner .swiper-container .swiper-button-prev{font-family:"common";font-size:.24rem;width:.6rem;text-align:center;height:.6rem;line-height:.6rem;color:#10657f;top:50%;background:none;opacity:1;margin:0;left:1rem;transform:translateY(-50%);position:absolute;display:inline-block;border-radius:50%;border:1px solid #10657f;box-sizing:border-box;padding-right:.05rem;display:none}@media screen and (min-width: 768px){.banner .swiper-container .swiper-button-next,.banner .swiper-container .swiper-button-prev{transition:all .3s ease-in-out}}.banner .swiper-container .swiper-button-next:hover,.banner .swiper-container .swiper-button-prev:hover{background:#10657f;color:#fff}.banner .swiper-container .swiper-button-next{transform:translateY(-50%) rotate(180deg);left:auto;right:1rem;background:#10657f;color:#fff}.banner .swiper-container .swiper-button-next:hover{opacity:.5}.banner .container{width:100%;height:100%;position:absolute;left:0;top:0;box-sizing:border-box;z-index:5;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){.banner .container{flex-wrap:wrap}}.banner .container .text{position:relative;width:100%;padding-top:50px;text-align:center}.banner .container .text h2{font-size:.6rem;color:#fff;line-height:1.2;font-weight:600;text-transform:uppercase}.banner .container .text h3{font-size:18px;color:#fff;line-height:1.666667;font-weight:200;margin:.16rem 0 .36rem}.banner .container .text a{display:inline-block;padding:0 .7rem;height:.48rem;line-height:.48rem;background:#fff;color:#333;box-sizing:border-box;background:#10657f;color:#fff;font-size:.18rem}.banner .container .text a:hover{background:#10657f;color:#fff}@media screen and (min-width: 768px){.banner .container .text a{transition:all .5s ease-in-out}}.banner .container .text a:hover{opacity:.7}.banner .container .text .m-d-none{display:block}.banner .swiper-pagination{left:50%;bottom:60px;transform:translateX(-50%)}.banner .swiper-pagination span{margin:0 .12rem;width:.15rem;height:.15rem;background:#fff;opacity:1;border-radius:50%}@media screen and (min-width: 768px){.banner .swiper-pagination span{transition:all .5s ease-in-out}}.banner .swiper-pagination span.swiper-pagination-bullet-active{background:#10657f}.wrap-title{display:block;position:relative;width:100%}.wrap-title h2{display:block;position:relative;font-size:.48rem;line-height:1.2;color:#333;font-weight:500}.wrap-title h3{display:block;font-size:.24rem;color:#10657f;line-height:1;font-weight:500}.wrap-title.flex{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){.wrap-title.flex{flex-wrap:wrap}}.wrap{position:relative;z-index:4;background:#fefefe}.more{display:inline-block;padding:0 .7rem;height:.48rem;line-height:.48rem;background:#fff;color:#333;box-sizing:border-box;background:#10657f;color:#fff;font-size:.18rem}.more:hover{background:#10657f;color:#fff}@media screen and (min-width: 768px){.more{transition:all .5s ease-in-out}}.more:hover{background:#333}.i-recommend{display:block;font-size:0;padding:.9rem 0;overflow:hidden;position:relative;z-index:1}.i-recommend .wrap-box .wrap-list{display:grid;grid-template-columns:repeat(3, 1fr);gap:.25rem}.i-recommend .wrap-box .wrap-list li{background:#333;overflow:hidden}@media screen and (min-width: 768px){.i-recommend .wrap-box .wrap-list li{transition:all .5s ease-in-out}}.i-recommend .wrap-box .wrap-list li:nth-of-type(2n){background:#10657f}.i-recommend .wrap-box .wrap-list li:nth-of-type(2n) a .tw{background:repeating-linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0) 8px, #fff 0, #fff 26px)}.i-recommend .wrap-box .wrap-list li:nth-of-type(2n) a .text button:hover{background:#333;opacity:1}.i-recommend .wrap-box .wrap-list li a{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative;z-index:1;min-height:3rem}@media screen and (max-width: 768px){.i-recommend .wrap-box .wrap-list li a{flex-wrap:wrap}}@media screen and (min-width: 768px){.i-recommend .wrap-box .wrap-list li a{transition:all .5s ease-in-out}}.i-recommend .wrap-box .wrap-list li a .tw{position:absolute;top:.24rem;left:-.16rem;width:2.4rem;height:.24rem;z-index:2;transform:skew(45deg);background:repeating-linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0) 8px, #10657f 0, #10657f 26px)}.i-recommend .wrap-box .wrap-list li a .text{display:block;width:60%;box-sizing:border-box;padding:.4rem;padding-right:.2rem}.i-recommend .wrap-box .wrap-list li a .text span{font-size:.12rem;font-weight:200;color:#fff;line-height:1;display:block;margin-bottom:.05rem}.i-recommend .wrap-box .wrap-list li a .text h3{font-size:.3rem;font-weight:600;color:#fff;line-height:1.2;display:block}.i-recommend .wrap-box .wrap-list li a .text h3.en{font-size:.26rem}.i-recommend .wrap-box .wrap-list li a .img{position:absolute;right:0;top:0;height:100%;width:50%}.i-recommend .wrap-box .wrap-list li a .img img{width:100%;height:100%;object-fit:cover;object-position:center}.i-recommend .wrap-box .wrap-list li a button{display:inline-flex;margin-top:.2rem;padding:0 .3rem;height:.4rem;line-height:.4rem;background:#fff;color:#333;box-sizing:border-box;border-radius:.05rem;background:#fff;color:#10657f;font-size:.16rem;border:none}.i-recommend .wrap-box .wrap-list li a button:hover{background:#10657f;color:#fff}@media screen and (min-width: 768px){.i-recommend .wrap-box .wrap-list li a button{transition:all .5s ease-in-out}}.i-recommend .wrap-box .wrap-list li a button:hover{background:#10657f;opacity:1}@media screen and (max-width: 768px){.i-recommend .wrap-box .wrap-list{display:grid;grid-template-columns:repeat(1, 1fr);gap:.2rem}.i-recommend .wrap-box .wrap-list li a .text h3{font-size:.24rem}.i-recommend .wrap-box .wrap-list li a .img img{width:auto}}.i-about{display:block;width:100%;padding:1.38rem 0 1.1rem;font-size:0;height:auto;box-sizing:border-box;position:relative;background:#f1f6f7;z-index:1}.i-about::before{content:"";width:35.83333%;height:100%;background:url(../images/i-about.png) no-repeat bottom center;position:absolute;left:calc(50% - 29.6875%);bottom:0;z-index:-1}.i-about::after{content:"";width:31.5625%;height:100%;background:url(../images/logo-2.png) no-repeat bottom center;position:absolute;left:calc(50% - 39.6875%);bottom:0;z-index:-2}.i-about .wrap-box{display:flex;justify-content:space-between}@media screen and (max-width: 768px){.i-about .wrap-box{flex-wrap:wrap}}.i-about .wrap-box .wrap-left{width:6.2rem;flex-shrink:0;position:relative;z-index:2}.i-about .wrap-box .wrap-left .wrap-title{width:100%}.i-about .wrap-box .wrap-left .wrap-title h3{margin-bottom:.03rem}.i-about .wrap-box .wrap-left .wrap-title h3 svg{width:auto;height:.2rem;margin:0 .14rem 0 0}.i-about .wrap-box .wrap-left .wrap-title h3 svg path{fill:#10657f}.i-about .wrap-box .wrap-left .wrap-title h2{font-size:.36rem;color:#10657f;line-height:1.333334}.i-about .wrap-box .wrap-left .wrap-title h2.en{font-size:.3rem}.i-about .wrap-box .wrap-left .wrap-title h2 span{display:block;color:#333}.i-about .wrap-box .wrap-left .more{margin-top:.28rem}.i-about .wrap-box .wrap-text p{font-size:.18rem;color:#333;margin:0;line-height:1.66666667}.i-about .wrap-box .wrap-text p.en{font-size:.16rem}.i-about .wrap-box .wrap-right{width:100%;max-width:5.3rem}.i-about .wrap-box .wrap-right ul{margin:1.1rem 0 0}.i-about .wrap-box .wrap-right ul li{display:flex;justify-content:space-between;align-items:center;transform:translateX(-0.3rem)}@media screen and (max-width: 768px){.i-about .wrap-box .wrap-right ul li{flex-wrap:wrap}}.i-about .wrap-box .wrap-right ul li:not(:last-of-type){margin-bottom:.22rem}.i-about .wrap-box .wrap-right ul li i{width:1.3rem;height:1.3rem;border:2px solid #10657f;border-radius:50%;box-sizing:border-box;flex-shrink:0;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){.i-about .wrap-box .wrap-right ul li i{flex-wrap:wrap}}.i-about .wrap-box .wrap-right ul li i::before{content:"";font-size:.8rem;font-family:"common";color:#10657f}.i-about .wrap-box .wrap-right ul li i.icon-01::before{content:"\e7e4"}.i-about .wrap-box .wrap-right ul li i.icon-02::before{content:"\ebc8"}.i-about .wrap-box .wrap-right ul li i.icon-03::before{content:"\e69e"}.i-about .wrap-box .wrap-right ul li .text{width:100%;flex-shrink:1;box-sizing:border-box;padding:0 0 0 .35rem}.i-about .wrap-box .wrap-right ul li .text h3{font-size:.3rem;color:#10657f;line-height:1.2;font-weight:500}.i-about .wrap-box .wrap-right ul li .text p{font-size:.18rem;font-weight:200;color:#555;line-height:1.666667;margin:0}.i-about .wrap-box .wrap-right ul li:nth-of-type(2){transform:translateX(1rem)}.i-products{display:block;width:100%;padding:.8rem 0;font-size:0;position:relative;overflow:hidden}.i-products .wrap-box .wrap-list{width:100%;overflow:hidden}.i-products .wrap-box .wrap-list ul li a{position:relative;width:100%;display:block}.i-products .wrap-box .wrap-list ul li .img{width:100%;height:3.76rem;position:relative;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){.i-products .wrap-box .wrap-list ul li .img{flex-wrap:wrap}}.i-products .wrap-box .wrap-list ul li .img img{max-width:100%;max-height:100%}.i-products .wrap-box .wrap-list ul li .img::after{content:"";width:100%;height:100%;background:linear-gradient(to bottom, rgba(16,101,127,0), #10657f);position:absolute;top:50%;left:0}@media screen and (min-width: 768px){.i-products .wrap-box .wrap-list ul li .img::after{transition:all .5s ease-in-out}}.i-products .wrap-box .wrap-list ul li .tit{width:100%;position:absolute;bottom:0;left:0;padding:.22rem;box-sizing:border-box}.i-products .wrap-box .wrap-list ul li .tit h3{font-size:.18rem;font-weight:500;color:#fff}.i-products .wrap-box .wrap-list ul li:hover .img::after{top:0;opacity:.5}.i-products .swiper-pagination{left:50%;bottom:.4rem;transform:translateX(-50%)}.i-products .swiper-pagination span{margin:0 .06rem;width:.15rem;height:.15rem;background:rgba(16,101,127,0.5);opacity:1;border-radius:50%}@media screen and (min-width: 768px){.i-products .swiper-pagination span{transition:all .5s ease-in-out}}.i-products .swiper-pagination span.swiper-pagination-bullet-active{background:#10657f}.i-news{display:block;width:100%;padding:.3rem 0 1rem;font-size:0;position:relative;overflow:hidden}.i-news .wrap-box .wrap-list{width:100%}.i-news .wrap-box .wrap-list ul{margin-top:.76rem}@media screen and (min-width: 768px){.i-news .wrap-box .wrap-list ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:.4rem}}.i-news .wrap-box .wrap-list ul li a{position:relative;width:100%;display:block}.i-news .wrap-box .wrap-list ul li .img{width:100%;height:2.67rem;position:relative}.i-news .wrap-box .wrap-list ul li .img img{width:100%;height:100%;object-fit:cover;object-position:center}.i-news .wrap-box .wrap-list ul li .text{width:100%;position:relative;padding:.22rem .3rem;box-sizing:border-box}@media screen and (min-width: 768px){.i-news .wrap-box .wrap-list ul li .text{transition:all .5s ease-in-out}}.i-news .wrap-box .wrap-list ul li .text h3{color:#333;font-weight:400;position:relative;width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:20px;line-height:1.5;max-height:30px;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;margin-bottom:.03rem}@media screen and (min-width: 768px){.i-news .wrap-box .wrap-list ul li .text h3{transition:all .5s ease-in-out}}.i-news .wrap-box .wrap-list ul li .text .time{font-size:.16rem;line-height:.33rem;color:#10657f}.i-news .wrap-box .wrap-list ul li .text .time span{margin-left:.05rem}.i-news .wrap-box .wrap-list ul li .text .time i{font-family:"common"}.i-news .wrap-box .wrap-list ul li .text .des{position:relative;overflow:hidden;height:.42rem;margin-top:.04rem}.i-news .wrap-box .wrap-list ul li .text .des p{display:none}.i-news .wrap-box .wrap-list ul li .text .des span{color:#797979;font-size:.14rem;font-weight:300;line-height:1.5;background:linear-gradient(#333, #333) 100% 100%/0 1px no-repeat;will-change:background-size;transition:background-size 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;text-align:justify}.i-news .wrap-box .wrap-list ul li:hover .text{background:#efefef}.i-news .wrap-box .wrap-list ul li:hover .text .des span{background-position:0 100%;background-size:100% 1px;color:#333}.i-news .wrap-box .wrap-right{margin-top:.6rem;overflow:hidden}@media screen and (max-width: 768px){.banner{margin-top:.6rem;overflow:hidden;width:100%;height:auto}.banner .swiper-container .container{padding-top:0;bottom:0}.banner .swiper-container .container .text{text-align:center;position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%}.banner .swiper-container .container .text h2{font-size:.24rem;margin-top:0}.banner .swiper-container .container .text h3{font-size:.12rem}.banner .swiper-container .container .text a{display:none}.banner .swiper-pagination{position:absolute;left:0;bottom:.3rem;text-align:center;width:100%}.banner .swiper-pagination span{margin:0 .1rem 0 0;width:.1rem;height:.1rem;display:inline-block;background:rgba(16,101,127,0.5);opacity:1;border-radius:50%}.banner .swiper-pagination span.swiper-pagination-bullet-active{background:#10657f}.wrap-title h2{font-size:.32rem}.more{padding:0 .24rem;height:.36rem;line-height:.36rem;background:#fff;color:#333;box-sizing:border-box;background:#10657f;color:#fff;font-size:.14rem}.more:hover{background:#10657f;color:#fff}.i-recommend{padding:.3rem 0}.i-recommend .wrap-box .wrap-list li a .text h3.en{font-size:.2rem}.i-about{padding:.3rem 0;background:linear-gradient(to bottom, #fff, #fff 50%, #f1f6f7 100%)}.i-about::before{display:none}.i-about::after{width:100%;left:0;background-size:100% auto}.i-about .wrap-box .wrap-left{width:100%}.i-about .wrap-box .wrap-left a{display:none}.i-about .wrap-box .wrap-right ul{margin:.2rem 0 0}.i-about .wrap-box .wrap-right ul li{transform:translateX(0) !important;flex-wrap:nowrap}.i-about .wrap-box .wrap-right ul li i{width:1rem;height:1rem}.i-about .wrap-box .wrap-right ul li i::before{font-size:.64rem}.i-about .wrap-box .wrap-right ul li .text{padding:0 0 0 .2rem}.i-about .wrap-box .wrap-right ul li .text h3{font-size:.24rem;margin-bottom:.05rem}.i-about .wrap-box .wrap-right ul li .text p{font-size:.14rem;font-weight:500}.i-about .wrap-box .wrap-text{margin-top:.2rem}.i-about .wrap-box .wrap-text p{font-size:.16rem}.i-products{padding:.3rem 0}.i-products .wrap-box .wrap-title{flex-wrap:nowrap}.i-news{padding:.3rem 0;overflow:hidden;width:100%;border-top:1px solid rgba(204,204,204,0.3)}.i-news .wrap-box .wrap-list ul{margin-top:.2rem}.i-news .wrap-box .wrap-list ul li{width:100%}.i-news .wrap-box .wrap-list ul li .img{height:2.4rem}.i-news .wrap-box .wrap-list ul li .text{background:#fff;padding:.1rem 0}.i-ad{margin-bottom:.2rem}.i-ad .wrap-box .wrap-text{height:40vh;background:cover}.i-ad .wrap-box .wrap-text h2{font-size:.24rem}.i-ad .wrap-box .wrap-text h3{line-height:1.5}}