@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 .swiper-slide{position:relative;width:100%}.banner .swiper-container .swiper-slide.banner02 .container .text{text-align:center}.banner .swiper-container .swiper-slide.banner02 .container .text h3{font-size:.9rem;font-weight:900;filter:drop-shadow(0 0 0 #428a7b);background:url(../images/banner02-txt.jpg) repeat center center;background-clip:text;color:transparent}.banner .swiper-container .swiper-slide.banner02 .container .text h3.eng{font-size:.72rem}.banner .swiper-container .swiper-slide.banner02 .container .text p{font-size:.36rem;font-weight:600;font-style:italic;background:url(../images/banner02-txt-2.jpg) repeat center center;background-clip:text;color:transparent;margin:.28rem 0 0}.banner .swiper-container .swiper-slide.banner02 .container .text p.eng{font-size:.24rem}.banner .swiper-container .swiper-slide.banner03 .container .text{text-align:center}.banner .swiper-container .swiper-slide.banner03 .container .text h3{font-size:.9rem;font-weight:900;filter:drop-shadow(0 0 0 #428a7b);color:#fff;font-style:normal}.banner .swiper-container .swiper-slide.banner03 .container .text h3.eng{font-size:.72rem}.banner .swiper-container .swiper-slide.banner03 .container .text p{font-size:.3rem;font-weight:400;margin:.28rem 0 0}.banner .swiper-container .swiper-slide.banner03 .container .text p.eng{font-size:.24rem}.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:#aacd06;top:50%;background:none;opacity:1;margin:0;left:1rem;transform:translateY(-50%);position:absolute;display:inline-block;border-radius:50%;border:1px solid #aacd06;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:#aacd06;color:#fff}.banner .swiper-container .swiper-button-next{transform:translateY(-50%) rotate(180deg);left:auto;right:1rem;background:#aacd06;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}.banner .container .text h2{margin-bottom:30px}.banner .container .text h2 img{width:auto;height:.75rem;filter:drop-shadow(-4px 0 0 #fff)}.banner .container .text h3{font-size:44px;color:#fff;line-height:1;font-weight:600;filter:drop-shadow(0 2px 0 #428a7b);font-style:italic;text-transform:uppercase}.banner .container .text h3.en{line-height:1.25;font-size:40px}.banner .container .text p{margin:0;font-size:24px;color:#fff;font-weight:500;line-height:50px;background:#428a7b;padding:0 60px;display:inline-block}.banner .container .text p.en{font-size:18px;margin:6px 0 3px;font-weight:300;background:none;padding:0;display:block}.banner .container .text p.eng{font-size:18px;line-height:42px;margin:18px 0 0}.banner .container .text a{width:65px;height:65px;display:flex;justify-content:center;align-items:center;border:1px solid #428a7b;border-radius:50%;box-sizing:border-box;background:#fff;margin-top:.43rem}@media screen and (max-width: 768px){.banner .container .text a{flex-wrap:wrap}}@media screen and (min-width: 768px){.banner .container .text a{transition:all .5s ease-in-out}}.banner .container .text a i{font-family:"common";font-size:26px;color:#428a7b}@media screen and (min-width: 768px){.banner .container .text a i{transition:all .5s ease-in-out}}.banner .container .text a i::after{content:"\e699"}.banner .container .text a:hover{background:#428a7b}.banner .container .text a:hover i{color:#fff}.banner .container .text .m-d-none{display:block}.banner .swiper-pagination{left:50%;bottom:60px;transform:translateX(-50%)}.banner .swiper-pagination span{margin:0 .1rem 0 0;width:.1rem;height:.1rem;background:rgba(170,205,6,0.5);opacity:1;border-radius:.05rem}@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:#aacd06;width:.5rem}.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:600}.wrap-title h3{display:block;font-size:.18rem;color:#428a7b;line-height:1;font-weight:500}.wrap{position:relative;z-index:4;background:#fefefe}.more{padding:0 80px;height:60px;line-height:60px;background:#fff;color:#333;box-sizing:border-box;border-top-left-radius:.3rem;border-bottom-right-radius:.3rem;font-size:18px;background:linear-gradient(to right, #428a7b, #aacd06);color:#fff;display:inline-block}.more:hover{background:#333;color:#fff}@media screen and (min-width: 768px){.more{transition:all .5s ease-in-out}}.i-about{display:block;width:100%;padding:1.38rem 0 1.1rem;font-size:0;height:auto;box-sizing:border-box;position:relative;background:url(../images/i-about-bg.jpg) no-repeat top center}.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{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.flex{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){.i-about .wrap-box .wrap-left .wrap-title.flex{flex-wrap:wrap}}.i-about .wrap-box .wrap-left .wrap-title h2{font-size:.44rem;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){.i-about .wrap-box .wrap-left .wrap-title h2{flex-wrap:wrap}}.i-about .wrap-box .wrap-left .wrap-title h3{font-size:.24rem;font-weight:normal}.i-about .wrap-box .wrap-left .wrap-title i[class*="icon-"]{font-family:"common";font-weight:normal;margin-left:.5rem}.i-about .wrap-box .wrap-left .wrap-title i[class*="icon-"]::before{content:"";font-size:.72rem;line-height:1;background:linear-gradient(to bottom, #428a7b, #aacd06);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:block}.i-about .wrap-box .wrap-left .wrap-title i[class*="icon-"].icon-16949::before{content:"\e674"}.i-about .wrap-box .wrap-left .wrap-text{margin:.44rem 0 0;min-height:1.86rem}.i-about .wrap-box .wrap-left .wrap-text p{font-size:.16rem;font-weight:300;color:#555;margin:0;line-height:2.25}.i-about .wrap-box .wrap-left .wrap-text p.indent{text-indent:2em}.i-about .wrap-box .wrap-left .more{margin-top:.5rem}.i-about .wrap-box .wrap-right{width:calc(100% - 6.6rem)}.i-about .wrap-box .wrap-right .img{position:relative;z-index:1}.i-about .wrap-box .wrap-right .img img{max-width:100%}.i-about .wrap-box .wrap-right .img::after{content:"";position:absolute;top:-.21rem;right:-.16rem;width:100%;height:100%;background:#aacd06;z-index:-1}.i-products{display:block;font-size:0;padding:.92rem 0 1.2rem;overflow:hidden;position:relative;z-index:1}.i-products .wrap-box .wrap-title{text-align:center}.i-products .wrap-box .wrap-title h3{margin-top:.15rem}.i-products .wrap-box .wrap-nav{display:flex;justify-content:center;align-items:center;margin:.28rem 0 0}@media screen and (max-width: 768px){.i-products .wrap-box .wrap-nav{flex-wrap:wrap}}.i-products .wrap-box .wrap-nav div{margin:0 .12rem}.i-products .wrap-box .wrap-nav a{font-size:.16rem;color:#626262;line-height:1.5}.i-products .wrap-box .wrap-nav a:hover{font-weight:600}.i-products .wrap-list{position:relative;width:100%;margin-top:.6rem;overflow:hidden}.i-products .wrap-list li{background:#fff}@media screen and (min-width: 768px){.i-products .wrap-list li{transition:all .5s ease-in-out}}.i-products .wrap-list li:nth-of-type(2n){background:#f5f5f5}.i-products .wrap-list li:nth-of-type(2n) a .tit{background:#428a7b}.i-products .wrap-list li:nth-of-type(2n) a .tit h3{color:#fff}.i-products .wrap-list li:nth-of-type(2n) a button{background:#fff}.i-products .wrap-list li:nth-of-type(2n) a button span{color:#428a7b}.i-products .wrap-list li a{width:100%;position:relative;z-index:1;display:block}@media screen and (min-width: 768px){.i-products .wrap-list li a{transition:all .5s ease-in-out}}.i-products .wrap-list li a .tit{display:block;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:.07rem .38rem}@media screen and (max-width: 768px){.i-products .wrap-list li a .tit{flex-wrap:wrap}}.i-products .wrap-list li a .tit h3{color:#aacd06;font-size:.18rem;line-height:1;font-weight:400}.i-products .wrap-list li a img{max-width:100%}.i-products .wrap-list li a button{display:flex;justify-content:space-between;align-items:center;justify-content:center;background:#aacd06;border:none;width:.35rem;height:.32rem}@media screen and (max-width: 768px){.i-products .wrap-list li a button{flex-wrap:wrap}}.i-products .wrap-list li a button .arrow-in{overflow:hidden}.i-products .wrap-list li a button span{font-family:"common";font-size:.24rem;color:#fff;display:block}.i-products .wrap-list li:hover a button span{animation:forward 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) forwards}.i-products .swiper-pagination{left:50%;bottom:.4rem;transform:translateX(-50%);z-index:3}.i-products .swiper-pagination span{margin:0 .1rem 0 0;width:.1rem;height:.1rem;background:rgba(170,205,6,0.5);opacity:1;border-radius:.05rem}@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:#aacd06;width:.5rem}.i-process{padding:.64rem 0;font-size:0;background:url(../images/i-process.jpg) no-repeat top center/cover}.i-process .wrap-box .wrap-title{margin-bottom:.5rem}.i-process .wrap-box .wrap-title h3{margin-top:.1rem}.i-process .wrap-box .wrap-list ul{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){.i-process .wrap-box .wrap-list ul{flex-wrap:wrap}}.i-process .wrap-box .wrap-list ul li{position:relative;display:flex;justify-content:space-between;align-items:center;flex-direction:column}@media screen and (max-width: 768px){.i-process .wrap-box .wrap-list ul li{flex-wrap:wrap}}.i-process .wrap-box .wrap-list ul li div[class*="icon-"]{display:flex;justify-content:center;align-items:center;font-family:"common";margin-bottom:.12rem;border-radius:50%;width:1.2rem;height:1.2rem;background:#aacd06}@media screen and (max-width: 768px){.i-process .wrap-box .wrap-list ul li div[class*="icon-"]{flex-wrap:wrap}}.i-process .wrap-box .wrap-list ul li div[class*="icon-"]::before{content:"";font-size:.64rem;line-height:1;color:#fff;display:block}.i-process .wrap-box .wrap-list ul li div[class*="icon-"].icon-01::before{content:"\e690"}.i-process .wrap-box .wrap-list ul li div[class*="icon-"].icon-02::before{content:"\e696"}.i-process .wrap-box .wrap-list ul li div[class*="icon-"].icon-03::before{content:"\e6c8"}.i-process .wrap-box .wrap-list ul li div[class*="icon-"].icon-04::before{content:"\e698"}.i-process .wrap-box .wrap-list ul li div[class*="icon-"].icon-05::before{content:"\e6aa"}.i-process .wrap-box .wrap-list ul li div[class*="icon-"].icon-06::before{content:"\e692"}.i-process .wrap-box .wrap-list ul li div[class*="icon-"].icon-07::before{content:"\eb32"}.i-process .wrap-box .wrap-list ul li div[class*="icon-"].icon-08::before{content:"\e69d"}.i-process .wrap-box .wrap-list ul li .text{box-sizing:border-box;text-align:center}.i-process .wrap-box .wrap-list ul li .text h3{font-size:.18rem;font-weight:500;color:#333;line-height:1.5}.i-process .wrap-box .wrap-list ul li:nth-of-type(2n) div[class*="icon-"]{background:#428a7b}.i-news{display:block;width:100%;padding:1.05rem 0 1rem;font-size:0;position:relative;overflow:hidden}.i-news::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:.35rem;background:url(../images/news-bg.jpg) no-repeat center/cover}.i-news .wrap-box .wrap-title{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){.i-news .wrap-box .wrap-title{flex-wrap:wrap}}.i-news .wrap-box .wrap-title h3{margin:.17rem 0 .5rem}.i-news .wrap-box .wrap-title ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:.25rem}.i-news .wrap-box .wrap-title ul li a span{font-size:.18rem;font-weight:300;line-height:1.5;display:block;color:#555}.i-news .wrap-box .wrap-title ul li:hover a span{font-weight:500;color:#aacd06}.i-news .wrap-box .wrap-list{width:100%}@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 .img .time{font-size:.2rem;width:1.2rem;height:.33rem;text-align:center;line-height:.33rem;background:#428a7b;color:#fff;position:absolute;bottom:0;right:0}.i-news .wrap-box .wrap-list ul li .img .time span{margin-left:.05rem}.i-news .wrap-box .wrap-list ul li .img .time i{font-family:"common";display:none}.i-news .wrap-box .wrap-list ul li .text{width:100%;position:relative;padding:.18rem;box-sizing:border-box;background:#efefef}@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:22px;line-height:1.5;max-height:33px;-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 .des{position:relative;overflow:hidden;height:.36rem;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:.18rem;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:#fff}.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 .container .text{padding-top:0;text-align:center}.banner .container .text h2{margin-bottom:.2rem;display:none}.banner .container .text h2 img{height:.4rem}.banner .container .text h3{font-size:.24rem}.banner .container .text h3.en{line-height:1.25;font-size:.2rem}.banner .container .text p{font-size:.16rem;line-height:3;background:#428a7b;padding:0 .2rem;display:inline-block}.banner .container .text p.en{font-size:.12rem;margin:6px 0 3px;font-weight:300;background:none;padding:0}.banner .container .text p.eng{font-size:.12rem}.banner .container .text a{width:65px;height:65px;display:flex;justify-content:center;align-items:center;border:1px solid #428a7b;border-radius:50%;box-sizing:border-box;background:#fff;margin-top:.43rem;display:none}}@media screen and (max-width: 768px) and (max-width: 768px){.banner .container .text a{flex-wrap:wrap}}@media screen and (max-width: 768px) and (min-width: 768px){.banner .container .text a{transition:all .5s ease-in-out}}@media screen and (max-width: 768px){.banner .container .text a i{font-family:"common";font-size:26px;color:#428a7b}}@media screen and (max-width: 768px) and (min-width: 768px){.banner .container .text a i{transition:all .5s ease-in-out}}@media screen and (max-width: 768px){.banner .container .text a i::after{content:"\e699"}.banner .container .text a:hover{background:#428a7b}.banner .container .text a:hover i{color:#fff}.banner .container .text .m-d-none{display:block}.banner .swiper-container .swiper-slide{position:relative;width:100%}.banner .swiper-container .swiper-slide.banner02 .container .text{text-align:center}.banner .swiper-container .swiper-slide.banner02 .container .text h3{font-size:.32rem}.banner .swiper-container .swiper-slide.banner02 .container .text h3.eng{font-size:.2rem}.banner .swiper-container .swiper-slide.banner02 .container .text p{font-size:.18rem;margin:.12rem 0 0;line-height:1.5}.banner .swiper-container .swiper-slide.banner02 .container .text p.eng{font-size:.14rem}.banner .swiper-container .swiper-slide.banner03 .container .text{text-align:center}.banner .swiper-container .swiper-slide.banner03 .container .text h3{font-size:.32rem}.banner .swiper-container .swiper-slide.banner03 .container .text h3.eng{font-size:.2rem}.banner .swiper-container .swiper-slide.banner03 .container .text p{font-size:.14rem;margin:.12rem 0 0;line-height:1.5}.banner .swiper-container .swiper-slide.banner03 .container .text p.eng{font-size:.14rem}.banner .swiper-pagination{bottom:.2rem}.wrap-title h2{font-size:.3rem}.wrap-title h3{font-size:.16rem}.i-about{padding:.3rem 0}.i-about .wrap-box .wrap-left{width:100%}.i-about .wrap-box .wrap-left .wrap-title h2{flex-wrap:nowrap;font-size:.3rem}.i-about .wrap-box .wrap-left .wrap-title i[class*="icon-"]{margin-left:.2rem}.i-about .wrap-box .wrap-left .wrap-title i[class*="icon-"]::before{font-size:.64rem}.i-about .wrap-box .wrap-left .wrap-title h3{font-size:.16rem}.i-about .wrap-box .wrap-left .wrap-text{margin:.2rem 0 .3rem}.i-about .wrap-box .wrap-left .wrap-text p{font-size:.14rem}.i-about .wrap-box .wrap-left .more{margin-top:.2rem;display:none}.i-about .wrap-box .wrap-right{width:100%}.i-products{padding:.3rem 0}.i-products .wrap-list{margin-top:.2rem;padding-bottom:.5rem}.i-products .wrap-box .wrap-nav a{font-size:.14rem}.i-products .wrap-box .wrap-list li{overflow:hidden}.i-products .wrap-box .wrap-list li a{border:none}.i-products .wrap-box .wrap-list li a .tit h3{font-size:.24rem}.i-products .wrap-box .wrap-list li a .tit span{font-size:.2rem}.i-process{padding:.3rem 0}.i-process .wrap-box .wrap-list ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:0}.i-process .wrap-box .wrap-list ul li div[class*="icon-"]{width:19vw;height:19vw;margin-bottom:.1rem}.i-process .wrap-box .wrap-list ul li div[class*="icon-"]::before{font-size:.36rem}.i-process .wrap-box .wrap-list ul li .text h3{font-size:.14rem}.i-news{padding:.4rem 0;overflow:hidden;width:100%}.i-news .wrap-box .wrap-title h3{margin-bottom:.1rem}.i-news .wrap-box .wrap-list{margin-top:.2rem}.i-news .wrap-box .wrap-list .wrap-left{width:100%;padding:0}.i-news .wrap-box .wrap-list .wrap-left .list-item .img{height:auto}.i-news .wrap-box .wrap-list .wrap-left .list-item .text{padding:.2rem}.i-news .wrap-box .wrap-list .wrap-right{width:100%;padding:0}.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}}