.popWin .close,.popWin .close:after,.popWin .close:before{-webkit-transition:all 0.5s cubic-bezier(0.34,0.615,0.4,0.985);transition:all 0.5s cubic-bezier(0.34,0.615,0.4,0.985)}.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:#062829;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:#062829}.popWin .close:hover:before{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}.popWin .close:hover:after{-webkit-transform:rotate(30deg);transform:rotate(30deg)}}.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}.mainArea .socialBox{display:block;position:fixed;z-index:2;top:50%;left:3.5%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width:1600px){.mainArea .socialBox{left:1.5%}}@media (max-width:1536px){.mainArea .socialBox{left:2%}}@media (max-width:1180px){.mainArea .socialBox{display:none}}.mainArea .socialBox .socialList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mainArea .socialBox .socialList li{margin:7.5px 0}.mainArea .socialBox .socialList li:first-child{margin-top:0}.mainArea .socialBox .socialList li:last-child{margin-bottom:0}.mainArea .socialBox .socialList li a{display:block;font-size:18px;line-height:35px;color:#999;text-align:center}.mainArea .socialBox .socialList li a svg{fill:#999;display:inline-block;width:20px;height:20px;vertical-align:middle}@media (min-width:1201px){.mainArea .socialBox .socialList li a:hover{color:#c89769}.mainArea .socialBox .socialList li a:hover svg{fill:#c89769}}.bannerArea .bannerBox{position:relative}.bannerArea .bannerList{position:relative;z-index:1}.bannerArea .bannerList.slick-dotted{margin-bottom:0}.bannerArea .bannerItem .Txt{max-width:1200px;padding:110px 20px 85px}.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}.bannerArea .bannerItem .Txt .title{opacity:0;font-size:60px;font-weight:700;line-height:1.2;color:#fff;letter-spacing:0.5px}.bannerArea .bannerItem .Txt .subtitle{display:block;opacity:0;margin-top:10px;font-size:28px;line-height:1.2;color:#fff;letter-spacing:0.5px}.bannerArea .bannerItem .Txt .text{display:block;opacity:0;margin-top:10px;line-height:1.5;color:#fff;letter-spacing:0.5px}.bannerArea .bannerItem .Txt .btnBox{opacity:0;padding-top:30px}.bannerArea .bannerItem .Txt .bannerVideo .videoBtn{position:absolute;bottom:150px;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%);width:100px;height:100px;cursor:pointer;border:1px solid #fff;border-radius:50%}.bannerArea .bannerItem .Txt .bannerVideo .videoBtn:before{content:"";display:block;position:absolute;z-index:1;top:calc(50% - 10px);left:calc(50% - 5px);width:0;height:0;border-width:10px 0 10px 20px;border-style:solid;border-color:transparent transparent transparent #fff}.bannerArea .bannerItem .Txt .bannerVideo .videoBtn:after{content:"";z-index:1;border:1px dashed #fff;border-radius:50%}@media (max-width:1440px){.bannerArea .bannerItem .Txt{padding:20px 20px 85px}}@media (max-width:960px){.bannerArea .bannerItem .Txt{padding:20px}}@media (max-width:640px){.bannerArea .bannerItem .Img{padding-bottom:75%}}@media (max-width:480px){.bannerArea .bannerItem .Img{padding-bottom:100%}}.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 .slick-current .Txt .videoBtn:after{-webkit-animation:rotate 50s linear forwards;animation:rotate 50s linear forwards}