@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:calc(100vh - 108px);margin-top:108px;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-wrapper::before{content:"";width:100%;height:50%;background:linear-gradient(to bottom, rgba(0,111,188,0), #006fbc);position:absolute;top:50%;left:0;z-index:2;opacity:.7}.banner .swiper-container .swiper-wrapper::after{content:"";width:100%;height:100%;background:url(../images/pattern.png) repeat;position:absolute;top:0;left:0;z-index:3}.banner .swiper-container .swiper-slide{position:relative;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:#006FBC;top:50%;background:none;opacity:1;margin:0;left:1rem;transform:translateY(-50%);position:absolute;display:inline-block;border-radius:50%;border:1px solid #006FBC;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:#006FBC;color:#fff}.banner .swiper-container .swiper-button-next{transform:translateY(-50%) rotate(180deg);left:auto;right:1rem;background:#006FBC;color:#fff}.banner .swiper-container .swiper-button-next:hover{opacity:.5}.banner .container{width:100%;position:absolute;left:0;bottom:135px;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%;text-align:center}.banner .container .text h2{font-size:72px;font-weight:600;color:#fff}.banner .container .text h2.en{font-size:60px}.banner .container .text p{margin:0 auto;font-size:16px;color:#fff;font-weight:400;line-height:1.875;max-width:10rem}.banner .container .text a{width:65px;height:65px;display:flex;justify-content:center;align-items:center;border:1px solid #E60012;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:#E60012}@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:#E60012}.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 .035rem;width:.16rem;height:.06rem;background:rgba(255,255,255,0.5);opacity:1;border-radius:.03rem}@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:#fff;width:.4rem}.wrap-title{display:block;position:relative;width:100%}.wrap-title h2{display:block;position:relative;font-size:.3rem;line-height:1.2;color:#006FBC;font-weight:600}.wrap-title h3{display:block;font-size:.48rem;color:#333;line-height:1;font-weight:500}.wrap-title h4{display:block;font-size:.24rem;color:#333;line-height:1;font-weight:400}.wrap-title h4 span{color:#006FBC;font-weight:600}.more{padding:0 30px;height:65px;line-height:65px;background:#fff;color:#333;box-sizing:border-box;border-radius:.25rem;font-size:18px;background:#006FBC;color:#fff;display:inline-flex}.more:hover{background:#333;color:#fff}@media screen and (min-width: 768px){.more{transition:all .5s ease-in-out}}.more i{font-family:"common";font-size:.18rem;transform:rotate(-45deg);margin-left:.44rem}.more i::before{content:"\e607"}.i-about{display:block;width:100%;padding:.9rem 0 1.4rem;font-size:0;box-sizing:border-box;position:relative;background:url(../images/i-about-bg.jpg) no-repeat top center/cover;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){.i-about{flex-wrap:wrap}}.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:50%;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 h2{margin-bottom:.32rem}.i-about .wrap-box .wrap-left .wrap-title h3{margin-bottom:.24rem}.i-about .wrap-box .wrap-left .wrap-title h3.en{font-size:.36rem}.i-about .wrap-box ul{margin-top:.8rem}.i-about .wrap-box ul li{height:1rem;background:#f2f2f2;width:24.5vw;border-radius:.1rem;overflow:hidden;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){.i-about .wrap-box ul li{flex-wrap:wrap}}.i-about .wrap-box ul li i{background:#006FBC;height:100%;width:5.9vw;flex-shrink:0;font-family:"common";color:#fff;font-size:3.4vw;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){.i-about .wrap-box ul li i{flex-wrap:wrap}}.i-about .wrap-box ul li i.icon-01::before{content:"\e655";font-size:3.6vw}.i-about .wrap-box ul li i.icon-02::before{content:"\e69a"}.i-about .wrap-box ul li i.icon-03::before{content:"\e69b"}.i-about .wrap-box ul li .text{width:100%;box-sizing:border-box;padding:0 1.9vw}.i-about .wrap-box ul li .text h3{font-size:.3rem;font-weight:500;color:#006FBC}.i-about .wrap-box ul li .text p{margin:0;font-size:.18rem;font-weight:400;color:#333}.i-about .wrap-box ul li:not(:last-of-type){margin-bottom:.36rem}@media screen and (min-width: 768px){.i-about .wrap-box ul li:nth-of-type(2){margin-left:6.25vw}.i-about .wrap-box ul li:nth-of-type(3){margin-left:12.5vw}}.i-about .wrap-box .wrap-right{width:100%;flex-shrink:1;text-align:right}.i-about .wrap-box .wrap-text{margin:.36rem 0 0;min-height:1.86rem}.i-about .wrap-box .wrap-text p{font-size:.18rem;font-weight:400;color:#555;margin:0;line-height:1.6667}.i-products{display:block;font-size:0;height:100vh;overflow:hidden;position:relative;z-index:1;background:url(../images/i-pr-bg.jpg) no-repeat top center/cover;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){.i-products{flex-wrap:wrap}}.i-products .wrap-box{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){.i-products .wrap-box{flex-wrap:wrap}}.i-products .wrap-box .wrap-title{position:absolute}.i-products .wrap-box .wrap-title h2{margin-bottom:.32rem}.i-products .wrap-box .wrap-title h3{margin-bottom:.16rem}.i-products .wrap-box .wrap-title h4{line-height:1.5}.i-products .wrap-list{position:relative;width:100%;overflow:hidden}.i-products .wrap-list li{position:relative;width:100%;height:80vh;opacity:0 !important}@media screen and (min-width: 768px){.i-products .wrap-list li{transition:all .5s ease-in-out}}.i-products .wrap-list li.swiper-slide-active{opacity:1 !important}.i-products .wrap-list li a{width:100%;position:relative;z-index:1;display:block;height:100%}@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{position:absolute;right:0;top:.4rem;text-align:right;transform:skew(-7deg)}.i-products .wrap-list li a .tit h3{color:#006FBC;font-size:.36rem;line-height:1;font-weight:600}.i-products .wrap-list li a .tit h4{font-size:.3rem;color:#333;line-height:1;font-weight:500;margin-top:.2rem}.i-products .wrap-list li a .img{width:45.57vw;position:absolute;right:0;bottom:0}.i-products .wrap-list li a img{max-width:100%;filter:drop-shadow(0 0 20px rgba(0,0,0,0.2))}.i-products .wrap-list li a button{display:flex;justify-content:space-between;align-items:center;justify-content:center;background:#006FBC;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 .box{left:0;bottom:0;z-index:3;position:absolute}.i-products .box a{margin:.24rem 0 0}.i-products .swiper-pagination{position:relative;margin:0;top:0;left:0;right:0;bottom:0}.i-products .swiper-pagination span{font-size:.24rem;color:#333;font-weight:500;padding-left:.28rem;margin:0;width:100%;height:auto;line-height:2;text-align:left;background:none;opacity:1;border-radius:0;display:block;position:relative}@media screen and (min-width: 768px){.i-products .swiper-pagination span{transition:all .5s ease-in-out}}.i-products .swiper-pagination span::before{content:"";width:.1rem;height:.1rem;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%);background:#333}.i-products .swiper-pagination span.swiper-pagination-bullet-active{color:#006FBC;background:none}.i-products .swiper-pagination span.swiper-pagination-bullet-active::before{background:#006FBC}.i-area{font-size:0;background:#fff url(../images/i-area.png) no-repeat center bottom/43.07vw auto;height:100vh;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}@media screen and (max-width: 768px){.i-area{flex-wrap:wrap}}.i-area .set{width:5.53rem;height:3.62rem;position:absolute;right:50%;transform:translateX(9.6rem);top:0;background:url(../images/set.jpg) no-repeat top center/cover;z-index:-1}.i-area .set.buttom{top:auto;bottom:0;right:auto;left:50%;transform:rotate(180deg) translateX(9.6rem);z-index:-1}.i-area .wrap-box .wrap-title{margin-bottom:.5rem;text-align:center}.i-area .wrap-box .wrap-title h2{margin-bottom:.32rem}.i-area .wrap-box .wrap-title h3{margin-bottom:.24rem}.i-area .wrap-box .wrpa-text span{font-size:.18rem;line-height:1.6667;display:block;text-align:center;color:#626262}.i-news{font-size:0;background:#006FBC;display:flex;justify-content:space-between;align-items:center;position:relative;padding:1.2rem 0 .9rem}@media screen and (max-width: 768px){.i-news{flex-wrap:wrap}}.i-news::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;background:url(../images/i-news.png) no-repeat center/69.84375vw auto;opacity:.24}.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:#006FBC}.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:35vh;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 .time{font-size:.16rem;color:#fff}.i-news .wrap-box .wrap-list ul li .time span{margin-left:.05rem}.i-news .wrap-box .wrap-list ul li .time i{font-family:"common"}.i-news .wrap-box .wrap-list ul li .text{width:100%;position:relative;padding:.24rem .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:#fff;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}@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:.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:#fff;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 .time{color:#006FBC}.i-news .wrap-box .wrap-list ul li:hover .text{background:#fff}.i-news .wrap-box .wrap-list ul li:hover .text h3{color:#333}.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: 1440px){.i-about .wrap-box ul li .text h3{font-size:.24rem}.i-about .wrap-box ul li .text p{font-size:.16rem}}@media screen and (max-width: 768px){.banner{margin-top:.6rem;overflow:hidden;width:100%;height:auto}.banner .swiper-container .container{padding-top:0;bottom:.4rem}.banner .swiper-container .container .text{text-align:center}.banner .swiper-container .container .text h2{font-size:.2rem}.banner .swiper-container .container .text p{display:none}.banner .swiper-pagination{position:absolute;bottom:.1rem;display:none}.wrap-title h2{font-size:.2rem}.wrap-title h3{font-size:.3rem}.wrap-title h4{font-size:.14rem}.i-about{padding:.3rem 0 1.2rem;background-size:100% auto;background-position:bottom center;overflow:hidden}.i-about .wrap-box .wrap-left{width:100%;padding:0}.i-about .wrap-box .wrap-left .wrap-title h2{margin-bottom:.14rem}.i-about .wrap-box .wrap-left .wrap-title h3{margin-bottom:.1rem}.i-about .wrap-box ul{margin-top:.3rem}.i-about .wrap-box ul li{width:100%;flex-wrap:nowrap;height:.8rem}.i-about .wrap-box ul li i{width:.8rem;font-size:.36rem}.i-about .wrap-box ul li i.icon-01::before{font-size:.44rem}.i-about .wrap-box ul li .text{box-sizing:border-box;padding:.2rem}.i-about .wrap-box ul li .text h3{font-size:.2rem}.i-about .wrap-box ul li .text p{font-size:.16rem}.i-about .wrap-box .wrap-text{order:1}.i-about .wrap-box .wrap-text p{font-size:.16rem;text-align:left;text-indent:2em}.i-about .wrap-box .wrap-right{display:flex;justify-content:center;align-items:center}}@media screen and (max-width: 768px) and (max-width: 768px){.i-about .wrap-box .wrap-right{flex-wrap:wrap}}@media screen and (max-width: 768px){.i-about .wrap-box .wrap-right a.more{order:2;margin-top:.16rem}.i-products{padding:.3rem 0;height:auto;overflow:hidden}.i-products .wrap-box .wrap-title{position:relative}.i-products .wrap-box .wrap-title h2{margin-bottom:.14rem}.i-products .wrap-box .wrap-title h3{margin-bottom:.1rem}.i-products .wrap-box .wrap-title h4 br{display:none}.i-products .wrap-box .swiper-pagination{display:none}.i-products .wrap-list li{height:auto}.i-products .wrap-list li a .img{width:100%;height:40vh;position:relative;display:flex;justify-content:center;align-items:center}}@media screen and (max-width: 768px) and (max-width: 768px){.i-products .wrap-list li a .img{flex-wrap:wrap}}@media screen and (max-width: 768px){.i-products .wrap-list li a .img img{max-width:100%;max-height:100%}.i-products .wrap-list li a .tit{position:relative;top:auto;text-align:center}.i-products .wrap-list li a .tit h3{font-size:.2rem}.i-products .wrap-list li a .tit h4{font-size:.2rem;margin-top:.06rem}.i-products .box{position:relative;display:flex;justify-content:center;align-items:center}}@media screen and (max-width: 768px) and (max-width: 768px){.i-products .box{flex-wrap:wrap}}@media screen and (max-width: 768px){.i-area{padding:.3rem 0;height:auto;background-size:100% auto;background-position:bottom center;overflow:hidden}.i-area .wrap-box .wrap-title h2{margin-bottom:.14rem}.i-area .wrap-box .wrap-title h3{margin-bottom:.1rem}.i-area .wrap-box .wrap-title h4 br{display:none}.i-area .wrap-box .wrpa-text span{font-size:.16rem}.i-news{padding:.3rem 0;overflow:hidden;width:100%}.i-news .wrap-box .wrap-list{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 .time{color:#006FBC}.i-news .wrap-box .wrap-list ul li .text{background:#fff}.i-news .wrap-box .wrap-list ul li .text h3{color:#333}.i-news .wrap-box .wrap-list ul li .text .des span{color:#333}.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}}
