.advantageArea .Img,.advantageArea .Txt .title,.bannerArea .dotsBox li:before,.brandsArea .closeBox,.brandsArea .openBox,.newsArea .Img img,.newsArea .Txt .newsInfoBox .classTitle,.newsArea .Txt .title,.popWin .close,.popWin .close:after,.popWin .close:before{-webkit-transition:all 0.4s;transition:all 0.4s}.popWin{position:fixed;left:0;top:0;z-index:500;width:100%;height:100vh;font-size:15px;line-height:1.8;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:all 0.7s;transition:all 0.7s}.popWin .mask{position:absolute;left:0;top:0;width:100%;height:100vh;background-color:rgba(0,0,0,0.7);opacity:0;-webkit-transition:all 0.7s;transition:all 0.7s}.popWin .inner{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:700px;max-width:90%;max-height:85vh;opacity:0;background-color:#fff;-webkit-transition:all 0.7s;transition:all 0.7s}.popWin .popContent{max-height:85vh;overflow-y:auto}.popWin img{display:block;max-width:100%;height:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}.popWin .Txt{padding:30px}.popWin .Txt .popTitle{font-size:25px;margin-bottom:25px}.popWin .close{width:46px;height:46px;background-color:#385b71;cursor:pointer;position:absolute;top:0;right:0;z-index:1}.popWin .close:after,.popWin .close:before{content:"";position:absolute;left:11px;top:23px;width:25px;height:1px;background-color:#fff}.popWin .close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.popWin .close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media (min-width:1201px){.popWin .close:hover{background-color:rgba(0,0,0,0.85)}}.popWin.show{opacity:1;visibility:visible;pointer-events:auto}.popWin.show .inner,.popWin.show .mask{opacity:1}@media (max-width:1180px){.popWin .popContent{max-height:calc(100vh - 150px)}}.mainArea{padding:0}.bannerArea .bannerBox{position:relative}.bannerArea .bannerList{position:relative;z-index:1}@media (max-width:1180px){.bannerArea .bannerItem.customization .Img{opacity:0.7}}.bannerArea .bannerItem.customization .Txt{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:105px}.bannerArea .bannerItem.customization .Txt .btnBox{padding-top:30px}.bannerArea .bannerItem .Img{position:relative}@media (max-width:1270px){.bannerArea .bannerItem .Img{width:100%;height:620px}}@media (max-width:1270px){.bannerArea .bannerItem .Img img{height:100%;-o-object-fit:cover;object-fit:cover}}.bannerArea .bannerItem .Img .decoBox{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}@media (max-width:1270px){.bannerArea .bannerItem .Img .decoBox{width:100%;height:620px}}.bannerArea .bannerItem .Img .decoBox .deco{position:absolute;top:0;left:0;width:100%;height:auto}@media (max-width:1270px){.bannerArea .bannerItem .Img .decoBox .deco{height:100%;-o-object-fit:cover;object-fit:cover}}.bannerArea .bannerItem .Img .decoBox .birds1{animation:birdAnimation 15s -3s linear infinite reverse}.bannerArea .bannerItem .Img .decoBox .birds2{-webkit-animation:birdAnimation2 10s linear infinite;animation:birdAnimation2 10s linear infinite}.bannerArea .bannerItem .Img .decoBox .cloud1{animation:cloudAnimation 60s -10s ease-in-out infinite reverse}.bannerArea .bannerItem .Img .decoBox .cloud2{-webkit-animation:cloudAnimation 45s -15s ease-in-out infinite;animation:cloudAnimation 45s -15s ease-in-out infinite}.bannerArea .bannerItem .Img .decoBox .cloud3{animation:cloudAnimation 75s -5s ease-in-out infinite reverse}.bannerArea .bannerItem .Img .decoBox .cloud4{-webkit-animation:cloudAnimation 65s ease-in-out infinite;animation:cloudAnimation 65s ease-in-out infinite}.bannerArea .bannerItem .Img .decoBox .fish1{-webkit-animation:fishAnimation 15s -2s linear infinite;animation:fishAnimation 15s -2s linear infinite}.bannerArea .bannerItem .Img .decoBox .leaves1{-webkit-animation:leavesAnimation 8s linear infinite;animation:leavesAnimation 8s linear infinite}.bannerArea .bannerItem .Img .decoBox .meteors1{-webkit-animation:meteorsAnimation 10s linear infinite;animation:meteorsAnimation 10s linear infinite}.bannerArea .bannerItem .Img .decoBox .paper_airplane{-webkit-animation:airplaneAnimation 10s linear infinite;animation:airplaneAnimation 10s linear infinite}.bannerArea .bannerItem .Img .decoBox .satellite1{-webkit-animation:satelliteAnimation 20s linear infinite;animation:satelliteAnimation 20s linear infinite}.bannerArea .bannerItem .Img .decoBox .sea_turtle1{-webkit-animation:turtleAnimation 20s ease-in-out infinite;animation:turtleAnimation 20s ease-in-out infinite}.bannerArea .bannerItem .Img .decoBox .whale{-webkit-animation:whaleAnimation 20s -10s linear infinite;animation:whaleAnimation 20s -10s linear infinite}.bannerArea .bannerItem .Img .decoBox .fan{width:100%;height:100%}@media (max-width:680px){.bannerArea .bannerItem .Img .decoBox .fan{display:none}}.bannerArea .bannerItem .Img .decoBox .fan .ceiling_fan{position:absolute;top:22%;left:21.7%;width:90px;height:auto}@media (max-width:1440px){.bannerArea .bannerItem .Img .decoBox .fan .ceiling_fan{width:70px}}@media (max-width:1270px){.bannerArea .bannerItem .Img .decoBox .fan .ceiling_fan{left:0;right:650px;margin:0 auto}}.bannerArea .bannerItem .Txt{padding:15px 20px 30px;max-width:1200px}@media (max-width:640px){.bannerArea .bannerItem .Txt{padding:0 20px 50px}}.bannerArea .bannerItem .Txt .textBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.bannerArea .bannerItem .Txt .title{font-size:32px;font-weight:bold;letter-spacing:2.8px;color:#252525;opacity:0}@media (max-width:640px){.bannerArea .bannerItem .Txt .title{font-size:25px}}.bannerArea .bannerItem .Txt .subtitle{padding-top:10px;font-size:24px;font-weight:500;letter-spacing:2px;color:#262626;opacity:0}@media (max-width:640px){.bannerArea .bannerItem .Txt .subtitle{font-size:18px}}.bannerArea .bannerItem .Txt .text{padding-top:6px;letter-spacing:1.6px;line-height:1.8;opacity:0}@media (max-width:640px){.bannerArea .bannerItem .Txt .text{font-size:13px}}.bannerArea .bannerItem .Txt .btnBox{padding-top:77px;opacity:0}@media (max-width:1440px){.bannerArea .bannerItem .Txt .btnBox{padding-top:30px}}.bannerArea .slick-current .Txt .title{-webkit-animation:slideUpAnimation 0.8s ease-in-out forwards;animation:slideUpAnimation 0.8s ease-in-out forwards}.bannerArea .slick-current .Txt .subtitle{-webkit-animation:slideUpAnimation 0.8s 0.4s ease-in-out forwards;animation:slideUpAnimation 0.8s 0.4s ease-in-out forwards}.bannerArea .slick-current .Txt .text{-webkit-animation:slideUpAnimation 0.8s 0.8s ease-in-out forwards;animation:slideUpAnimation 0.8s 0.8s ease-in-out forwards}.bannerArea .slick-current .Txt .btnBox{-webkit-animation:slideUpAnimation 0.8s 1.2s ease-in-out forwards;animation:slideUpAnimation 0.8s 1.2s ease-in-out forwards}.bannerArea .dotsBox{position:absolute;bottom:115px;left:0;right:0;z-index:1;margin:0 auto;display:block}.bannerArea .dotsBox .dots{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bannerArea .dotsBox li{position:relative;margin:0 6px;display:block;width:20px;height:20px;cursor:pointer}.bannerArea .dotsBox li.slick-active:before{background:#385b71}.bannerArea .dotsBox li:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:8px;height:8px;background:rgba(56,91,113,0.3);border-radius:100%}.bannerArea .dotsBox button{font-size:0}.bannerArea .scrollDown{position:absolute;left:0;right:0;bottom:25px;z-index:1;width:170px;margin:0 auto;text-align:center;cursor:pointer}.bannerArea .scrollDown .scrollArrowBox{position:relative;margin:0 auto;display:block;width:30px;height:30px;border:2px solid #fff;border-radius:100%;-webkit-animation:bannerScrollAnimation 2.5s ease-in-out infinite;animation:bannerScrollAnimation 2.5s ease-in-out infinite}.bannerArea .scrollDown .scrollArrowBox .arrow{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;width:1px;height:15px;background:#fff}.bannerArea .scrollDown .scrollArrowBox .arrow:before{content:"";position:absolute;bottom:0;left:50%;width:9px;height:9px;border-bottom:1px solid #fff;border-left:1px solid #fff;-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg)}.bannerArea .scrollDown .text{padding-top:11px;font-size:15px;text-transform:uppercase;letter-spacing:0.8px;color:#fff}.aboutArea{position:relative;padding:130px 0 50px;height:666px;overflow:hidden}@media (max-width:1180px){.aboutArea{padding-top:100px}}@media (max-width:460px){.aboutArea{padding:50px 0}}.aboutArea .bgImg{position:absolute;top:60%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-2;width:100%;height:800px}.aboutArea .bgImg img{display:block;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.aboutArea .Txt{padding-top:25px}.aboutArea .btnBox{padding-top:63px}@media (max-width:640px){.aboutArea .btnBox{padding-top:30px}}.advantageArea{position:relative;padding:75px 0}@media (max-width:1180px){.advantageArea{padding:50px 0}}@media (max-width:1180px){.advantageArea .wrap{padding:0 30px}}@media (max-width:1180px){.advantageArea .advantageBox{display:none}}.advantageArea .advantageBox .advantageList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.advantageArea .advantageBox .advantageItem{width:16.6666666667%}.advantageArea .advantageBox .item{margin:0 10px}@media (min-width:1181px){.advantageArea .advantageBox_m{display:none}}.advantageArea .advantageBox_m .slick-track{margin-top:10px}.advantageArea .item{position:relative}.advantageArea .item:hover .Img{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.advantageArea .item:hover .Txt .title{color:#385b71}.advantageArea .Img{margin:0 auto;width:80px}.advantageArea .Img img{display:block;width:100%;height:auto;aspect-ratio:1/1}.advantageArea .Txt{padding-top:25px;text-align:center}.advantageArea .Txt .title{font-size:18px;font-weight:500;letter-spacing:1px}.advantageArea a{position:absolute;top:0;left:0;width:100%;height:100%}.brandsArea{position:relative}.brandsArea .wrap{max-width:100%;padding:0}@media (max-width:1180px){.brandsArea .brandsBox{display:none}}.brandsArea .brandsBox .brandsList{display:-webkit-box;display:-ms-flexbox;display:flex}.brandsArea .brandsBox .brandsItem{-webkit-box-flex:1;-ms-flex:1;flex:1}.brandsArea .brandsBox .brandsItem:not(:last-child){border-right:1px solid #fff}@media (min-width:1181px){.brandsArea .brandsBox_m{display:none}}.brandsArea .item{position:relative;z-index:0;height:932px;background-position:center center;background-size:633px;background-repeat:no-repeat;overflow:hidden}@media (max-width:1180px){.brandsArea .item{height:800px}}@media (max-width:1180px){.brandsArea .item{height:800px}}@media (max-width:640px){.brandsArea .item{height:760px}}.brandsArea .item.current .closeBox,.brandsArea .item:hover .closeBox{opacity:0}.brandsArea .item.current .openBox,.brandsArea .item:hover .openBox{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto;-webkit-transition-delay:0.2s;transition-delay:0.2s}.brandsArea .item:before{content:"";position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:100%;background:rgba(0,0,0,0.3)}.brandsArea .closeBox .Img{position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-filter:contrast(0) brightness(10);filter:contrast(0) brightness(10)}.brandsArea .closeBox .Img img{margin:0 auto;display:block;width:auto;height:auto}.brandsArea .closeBox .Txt{position:absolute;bottom:30px;left:0;right:0;padding:0 18px}.brandsArea .closeBox .Txt .title{padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,0.3);font-size:28px;font-weight:bold;text-align:center;letter-spacing:2px;color:#fff}.brandsArea .openBox{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0;pointer-events:none}.brandsArea .openBox .Txt{position:absolute;top:17.5%;left:0;right:0;padding:0 20px}@media (max-width:1180px){.brandsArea .openBox .Txt{padding:0 30px}}.brandsArea .openBox .Img{-webkit-filter:contrast(0) brightness(10);filter:contrast(0) brightness(10)}.brandsArea .openBox .Img img{display:block;margin:0 auto;display:block;width:auto;height:auto}.brandsArea .openBox .title{position:relative;padding-top:23%;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,0.3);font-size:28px;font-weight:bold;text-align:center;letter-spacing:2px;color:#fff}@media (max-width:640px){.brandsArea .openBox .title{padding-top:10%;font-size:20px}}.brandsArea .openBox .title:before{content:"";position:absolute;bottom:-1px;left:0;right:0;z-index:1;margin:0 auto;width:20%;height:2px;background:#789ab5}.brandsArea .openBox .textEditor{padding:35px calc(20px + 8.5%) 20px;color:#fff}@media (max-width:640px){.brandsArea .openBox .textEditor{padding:35px 0 20px}}.brandsArea .openBox .btnBox{padding-top:37px}@media (max-width:640px){.brandsArea .openBox .btnBox{padding-top:30px}}.esgArea{padding:125px 0 130px;overflow:hidden}@media (max-width:1180px){.esgArea{padding:80px 0 90px}}.esgArea .wrap{margin-right:0;max-width:1670px;padding:0}.esgArea .esgBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:1180px){.esgArea .esgBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.esgArea .Txt{padding:17px 20px 20px;width:470px}@media (max-width:1180px){.esgArea .Txt{padding:0 20px;width:100%}}.esgArea .Txt .textEditor{padding-top:22px}.esgArea .Img{padding-left:28px;width:calc(100% - 470px)}@media (max-width:1180px){.esgArea .Img{padding:0;padding-top:55px;margin:0 auto;max-width:1180px;width:100%}}.esgArea .Img img{display:block;width:100%;height:auto;aspect-ratio:59/46}.esgArea .btnBox{padding-top:65px}@media (max-width:640px){.esgArea .btnBox{padding-top:30px}}.newsArea{position:relative;padding:85px 0 17px;background:#fafafa}@media (max-width:1180px){.newsArea{padding:220px 0 180px}}.newsArea .newsBox{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:1180px){.newsArea .newsBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.newsArea .leftBox{padding-top:8px;width:50%}@media (max-width:1180px){.newsArea .leftBox{width:100%}}@media (max-width:1180px){.newsArea .leftBox .item{margin:0 auto;max-width:1000px;width:100%}}.newsArea .rightBox{padding-left:80px;width:50%}@media (max-width:1440px){.newsArea .rightBox{padding-left:30px}}@media (max-width:1180px){.newsArea .rightBox{padding:0;margin:0 auto;max-width:1000px;width:100%}}.newsArea .rightBox .newsList{padding-top:11px}@media (max-width:1180px){.newsArea .rightBox .newsList{padding-top:50px}}.newsArea .rightBox .item{position:relative;padding:12px 0 40px;border-bottom:1px solid #000}.newsArea .rightBox .item:hover .Txt .newsInfoBox .classTitle{background:#385b71;color:#fff}.newsArea .rightBox .item:hover .Txt .title{color:#385b71}@media (max-width:460px){.newsArea .rightBox .Txt .newsInfoBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}@media (max-width:460px){.newsArea .rightBox .Txt .newsInfoBox .classTitle{margin:0;margin-left:5px;margin-top:5px}}.newsArea .rightBox a{position:absolute;top:0;left:0;width:100%;height:100%}.newsArea .controlBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:1180px){.newsArea .controlBox .titleBox{position:absolute;top:80px}}.newsArea .controlBox .arrowOutBox{max-width:95px;width:100%;height:30px}@media (max-width:1180px){.newsArea .controlBox .arrowOutBox{position:absolute;bottom:95px}}.newsArea .controlBox .arrowOutBox .arrowBox{padding-top:5px;position:static;-webkit-transform:translateY(0);transform:translateY(0);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (max-width:1180px){.newsArea .controlBox .arrowOutBox .arrowBox{padding-top:0}}.newsArea .controlBox .arrowOutBox .arrowBox:before{content:"";position:absolute;top:5px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:block;width:1px;height:18px;background:rgba(0,0,0,0.2)}@media (max-width:1180px){.newsArea .controlBox .arrowOutBox .arrowBox:before{top:0}}.newsArea .controlBox .arrowOutBox .arrowBox .arrow{position:relative;-webkit-transform:translateY(0);transform:translateY(0);width:20px;height:20px}.newsArea .controlBox .arrowOutBox .arrowBox .arrow:before{width:14px;height:14px}.newsArea .Img{overflow:hidden}.newsArea .Img:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.newsArea .Img img{display:block;width:100%;height:auto;aspect-ratio:100/51}.newsArea .Txt{padding-top:25px}.newsArea .Txt .newsInfoBox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 -5px}.newsArea .Txt .newsInfoBox .dateBox{margin-right:10px;letter-spacing:0.2px;padding:5px}.newsArea .Txt .newsInfoBox .dateBox .date{color:#385b71}.newsArea .Txt .newsInfoBox .classTitle{padding:3px 15px;margin-left:5px;min-width:125px;border:1px solid #385b71;font-size:15px;text-align:center;letter-spacing:2px;color:#385b71}.newsArea .Txt .title{padding-top:11px;font-size:18px;font-weight:bold;letter-spacing:1px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.newsArea .Txt .title a{color:#191919}.newsArea .Txt .title a:hover{color:#385b71}.newsArea .Txt .text{padding-top:8px;font-size:16px;letter-spacing:0.6px;color:#262626}.newsArea .Txt .btnBox{padding-top:25px}.contactArea{overflow:hidden}@media (max-width:1180px){.contactArea{padding-top:80px}}.contactArea .wrap{margin-right:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1670px}@media (max-width:1180px){.contactArea .wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.contactArea .textEditor{padding-top:25px}.contactArea .leftBox{padding:40px 20px;width:880px}@media (max-width:1180px){.contactArea .leftBox{padding:0 20px;width:100%}}.contactArea .rightBox{padding-left:55px;width:calc(100% - 880px)}@media (max-width:1180px){.contactArea .rightBox{padding:0;width:100%}}.contactArea .contactBox{padding-top:20px}.contactArea .Img{height:1080px}@media (max-width:1180px){.contactArea .Img{padding-top:60px;margin:0 auto;max-width:800px;width:100%;height:auto}}.contactArea .Img img{display:block;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;aspect-ratio:32/47}@media (max-width:1180px){.contactArea .Img img{height:auto}}