html{ overflow: hidden; }
.con-more{margin-top:64px;display:inline-block;}
.con-more .text{letter-spacing:2px; font-size: 12px;line-height:30px ; color: white; vertical-align: middle;font-family: "AlibabaPuHuiTi-Bold"}
.con-more .icon{margin-left: 10px; background-image: url(../images/icon-arrow-right.png); background-size: auto; background-repeat: no-repeat; background-position: left center; width: 15px;height: 15px; display:inline-block;vertical-align: middle;}
.con-more:hover .text{color: #bb8d59;}
.con-more:hover .icon{margin-left: 20px; background-image: url(../images/icon-arrow-right-white.png);}
/* -- 首页 -- */
.home-section{ width: 100%; min-height:100vh;/*-moz-user-select: none; -khtml-user-select: none; user-select: none; */}
.home-section-01{ background-color: #000221; background-image: url(../images/home-banner-bg.png); background-repeat: no-repeat;background-position: center; background-size: cover; }
.home-section-01 .section-01__box{ min-height:100vh; display: flex; align-items: center;}
.home-section-01 .section-01__box .section-01__box__text{ padding-left: 160px;color: white;font-family: 'CKTKingKong-Bold'; letter-spacing: 3px; }
.home-section-01 .section-01__box .section-01__box__text .desc-cn{ font-size: 60px; line-height: 72px; }
.home-section-01 .section-01__box .section-01__box__text .desc-cn b{font-size:72px;color:#bb8d59;}
.home-section-01 .section-01__box .section-01__box__text .desc-en{ font-size: 18px; line-height: 36px;}
.home-section-01 .section-01__box .section-01__box__more{ padding: 50px 0px 100px 160px ; position: absolute;bottom: 0;left: 0;display:flex; align-items: center; justify-content: space-between; }
.home-section-02{padding-top: 1px; min-height:650px;background-color: #000221;}
.home-section-02 .section-02__box{ position: relative; min-height:inherit;}
.home-section-02 .section-02__box .box-image{ position: absolute;top: 0;left: 0; z-index: 5; height:688px; flex-shrink: 0;width:60%; background-color: #9d1d22; display: flex; justify-content: flex-end;}
.home-section-02 .section-02__box .box-image .image-box{ position: relative;right: 0;top: 0; width:843px;max-width: 100%; padding: 0 15px; box-sizing: border-box;height: inherit; }
.home-section-02 .section-02__box .box-image .chaozai{width: 268px; height:auto; position: absolute; right:71%; top: 36%;animation: movepoint 2s infinite; -webkit-animation: movepoint 2s infinite;}
.home-section-02 .section-02__box .box-image .baozhuang{width:580px; height:auto;position: absolute; right: -78px; top:92px;display:block;}
.home-section-02 .section-02__box .box-image .baozhuang:hover{transform: scale(1.05,1.05); transform-origin: center center;}
.home-section-02 .section-02__box .box-image .xiaobaozhuang{width:145px; height:auto;position: absolute; right: 50%; bottom:2%;}
.home-section-02 .section-02__box .box-image .con-title{text-transform:uppercase; -webkit-animation-timing-function:ease-in;animation-timing-function:ease-in; font-family: 'CKTKingKong-Bold';color: white;position: absolute; left:2%; top:20%;}
.home-section-02 .section-02__box .box-image .con-title .solid{ letter-spacing:0px;font-size: 100px; line-height:100px;}
.home-section-02 .section-02__box .box-image .con-title .hollow{ letter-spacing:0px;font-size:100px; line-height:100px; -webkit-text-fill-color:transparent;-webkit-text-stroke:1px #fff; margin-top:15px;}
.home-section-02 .section-02__box .box-text{ position: absolute;top: 0;right: 0;background-color: #000221;min-height: inherit;width:40%; display: flex; align-items: center;padding-left:8.5%; box-sizing: border-box;}
.home-section-03{min-height:650px;background-color: #000221;}
.home-section-03 .section-03__box{position: relative;min-height: inherit; display: flex;}
.home-section-03 .section-03__box .box-image{position: absolute;top: 0;right: 0; z-index: 4; height: 688px; flex-shrink: 0;width:60%; background-color: #f7bb21; display: flex; }
.home-section-03 .section-03__box .box-image .image-box{ position: relative;left: 0;top: 0; width:843px;max-width: 100%; padding: 0 15px; box-sizing: border-box;height: inherit; }
.home-section-03 .section-03__box .box-image .yaowan{width:97px; height:100px; position: absolute; right: 90px; top: -35px; }
.home-section-03 .section-03__box .box-image .chaozai{width: 280px; height: auto; position: absolute; right:6.5%; top: 14.5%;animation: movepoint 2s infinite; -webkit-animation: movepoint 2s infinite;}
.home-section-03 .section-03__box .box-image .baozhuang{width:580px; height:auto;position: absolute;left: -195px; top: 15%;}
.home-section-03 .section-03__box .box-image .baozhuang:hover{transform: scale(1.05,1.05); transform-origin: center center;}
.home-section-03 .section-03__box .box-image .xiaobaozhuang{width: 150px; height: auto; position: absolute; left: 43%; bottom: 5%;}
.home-section-03 .section-03__box .box-image .con-title{text-transform:uppercase; -webkit-animation-timing-function:ease-in;animation-timing-function:ease-in; font-family: 'CKTKingKong-Bold';color: white;position: absolute;left:34%; top:32%;}
.home-section-03 .section-03__box .box-image .con-title .solid{ letter-spacing:0px;font-size:100px;line-height:100px; }
.home-section-03 .section-03__box .box-image .con-title .hollow{ letter-spacing:0px;font-size:100px; line-height:100px; -webkit-text-fill-color:transparent;-webkit-text-stroke:1px #fff;margin-top:15px;}
.home-section-03 .section-03__box .box-text{ position: absolute;top: 0;left: 0;background-color: #000221;min-height: inherit;width:40%; display: flex; align-items: center;justify-content: flex-end; padding-right: 8%; box-sizing: border-box; }
.home-section-03 .section-03__box .box-text .text-con{ color: white; }
.home-section-04{ min-height:650px;background-color: #000221; }
.home-section-04 .section-04__box{position: relative;min-height: inherit; display: flex;}
.home-section-04 .section-04__box .box-image{position: absolute;top: 0;left: 0; z-index: 3; height: 688px; flex-shrink: 0;width:60%; background-color: #799e2d; display: flex; justify-content: flex-end; }
.home-section-04 .section-04__box .box-image .image-box{ position: relative;left: 0;top: 0; width:843px;max-width: 100%; padding: 0 15px; box-sizing: border-box;height: inherit; }
.home-section-04 .section-04__box .box-image .yaowan{width:97px; height:100px; position: absolute; right: 90px; top: -35px; }
.home-section-04 .section-04__box .box-image .chaozai{width: 250px; height: auto; position: absolute; left: 2.5%; top: 9%;animation: movepoint 2s infinite; -webkit-animation: movepoint 2s infinite;}
.home-section-04 .section-04__box .box-image .baozhuang{width:580px; height:auto;position: absolute;right: -105px; top: 15%;}
.home-section-04 .section-04__box .box-image .baozhuang:hover{transform: scale(1.05,1.05); transform-origin: center center;}
.home-section-04 .section-04__box .box-image .shaozi{width: 320px; height: auto; position: absolute; left: 22%; bottom: 6%;}
.home-section-04 .section-04__box .box-image .con-title{text-transform:uppercase; -webkit-animation-timing-function:ease-in;animation-timing-function:ease-in; font-family: 'CKTKingKong-Bold';color: white;position: absolute;left:2%; top:25%;}
.home-section-04 .section-04__box .box-image .con-title .solid{ letter-spacing:0px;font-size:100px; line-height:100px; }
.home-section-04 .section-04__box .box-image .con-title .hollow{ letter-spacing:0px;font-size:100px; line-height:100px; -webkit-text-fill-color:transparent;-webkit-text-stroke:1px #fff; margin-top:15px;}
.home-section-04 .section-04__box .box-text{ position: absolute;top: 0;right: 0;background-color: #000221;min-height: inherit;width:40%; display: flex; align-items: center;padding-left:8.5%; box-sizing: border-box;}
.home-section-05{ min-height:650px; background-color: #000221;}
.home-section-05 .section-05__box{position: relative;min-height: inherit; display: flex;}
.home-section-05 .section-05__box .box-image{position: absolute;top: 0;right: 0; z-index: 2; height:688px; flex-shrink: 0;width:60%; background-color: #57bfab; display: flex;}
.home-section-05 .section-05__box .box-image .image-box{ position: relative;left: 0;top: 0; width:843px;max-width: 100%; padding: 0 15px; box-sizing: border-box;height: inherit; }
.home-section-05 .section-05__box .box-image .chaozai{width: 580px; height: auto; position: absolute; left: -80px; bottom: 0;}
.home-section-05 .section-05__box .box-image .chaozai:hover{transform: scale(1.05,1.05); transform-origin: center center;}
.home-section-05 .section-05__box .box-image .wenzi{width: 500px; height: auto; position: absolute; right: 10%; top: 28%;}
.home-section-05 .section-05__box .box-text{ position: absolute;top: 0;left: 0;background-color: #000221;min-height: inherit;width:40%; display: flex; align-items: center;justify-content: flex-end; padding-right: 12%; box-sizing: border-box;}
.home-section-05 .section-05__box .box-text .con-title{}
.home-section-05 .section-05__box .box-text .con-title .line{height: 2px; width: 17px; background-color: #bb8d59;}
.home-section-05 .section-05__box .box-text .con-title .text-en{ font-size: 24px; font-family: 'AlibabaPuHuiTi-Regular'; text-transform: uppercase; }
.home-section-05 .section-05__box .box-text .con-title .text-cn{font-size: 92px; line-height: 92px; color: #58bfac; }
.home-section-05 .section-05__box .box-text .con-desc{font-family: "AlibabaPuHuiTi-Regular";font-size: 16px; line-height: 32px; color: #fff; margin-top: 30px;}
.home-section-06{ background-color: #000221;min-height:100vh; padding-top: 60px;}
.home-section-06 .section-06__box{ padding:0 160px; position: relative; display: flex;justify-content: space-between;align-items: center; height:100vh;}
.home-section-06 .section-06__box .con-text{ }
.home-section-06 .section-06__box .con-text .con-title{font-family: "Microsoft YaHei"; font-weight: 700;}
.home-section-06 .section-06__box .con-text .con-title .line{height: 2px; width: 17px; background-color: #bb8d59;}
.home-section-06 .section-06__box .con-text .con-title .text{font-size: 36px; text-transform: uppercase; color: white;letter-spacing: 0px;}
.home-section-06 .section-06__box .con-text .con-desc{font-family: "AlibabaPuHuiTi-Regular"; font-size: 16px; line-height: 36px; color: #bb8d59; margin-top:55px;}
.home-section-06 .section-06__box .con-info{font-family:"fangsong","STFangsong"; font-size: 16px;line-height: 48px; color: #bb8d59;writing-mode: vertical-rl;writing-mode: tb-rl; }
.home-section-06 .section-06__box .con-image{position: absolute; top: 0; left: 20%; display: flex; align-items: center; height: inherit;}
.home-section-06 .section-06__box .con-image img{ flex-shrink: 0;margin-top: -10px; }
.home-section-07{ background-color: #000221;min-height: 100vh; position: relative;}
.home-section-07 .section-07__box{ padding: 0 160px; position: relative; display: flex;justify-content: space-between;align-items: center; height: 100vh;z-index: 1;}
.home-section-07 .section-07__box .con-text{ }
.home-section-07 .section-07__box .con-text .con-title{font-family: "Microsoft YaHei"; font-weight: 700;}
.home-section-07 .section-07__box .con-text .con-title .line{height: 2px; width: 17px; background-color: #bb8d59;}
.home-section-07 .section-07__box .con-text .con-title .text{font-size: 36px; text-transform: uppercase; color: white;letter-spacing: 0px;}
.home-section-07 .section-07__box .con-text .con-desc{font-family: "AlibabaPuHuiTi-Regular"; font-size: 16px; line-height: 36px; color: #bb8d59; margin-top:55px;}
.home-section-07 .section-07__window{ position: absolute; right:-150px; top: 50%; width:932px; height: 816px; display: flex; align-items:center; background-image: url(../images/section-07-window.png);background-repeat: no-repeat; background-size:100%; transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);-moz-transform:translate(0%,-50%);}
.home-section-07 .section-07__window .window{width:100%; height:100%; -webkit-animation: move 60s infinite; animation: move 60s infinite; background-image: url(../images/section-07-image.png); background-size: cover; -webkit-mask: url(../images/section-07-window__bg.png); mask: url(../images/section-07-window__bg.png); -webkit-mask-size: cover; mask-size: cover;}
.home-section-08{user-select: none; background-color: #000221;min-height: 100vh; display: flex; align-items: center; justify-content: center;}
.home-section-08 .section-08__window{user-select: none; overflow: hidden; width:1415px; height: 1257px; background-image: url(../images/section-08-window.png);background-repeat: no-repeat; background-size:auto;}
.home-section-08 .section-08__window .window{user-select: none;width:1208px; height:1050px;margin: 92px 0 0 105px; background-color: rgb(0,0,0,0); -webkit-mask: url(../images/section-08-window__bg.png); mask: url(../images/section-08-window__bg.png); -webkit-mask-size: cover; mask-size: cover; position: relative;}
.home-section-08 .section-08__window .window .window__box{user-select: none;position: absolute;top: 20%;left: 0;right: 0; z-index: 1; display: flex; justify-content: center;}
.home-section-08 .section-08__window .window .con-text { display: inline-block; }
.home-section-08 .section-08__window .window .con-text .con-title{font-family: "Microsoft YaHei"; font-weight: 700;}
.home-section-08 .section-08__window .window .con-text .con-title .line{height: 2px; width: 17px; background-color: #bb8d59;}
.home-section-08 .section-08__window .window .con-text .con-title .text{font-size: 36px; line-height: 64px; text-transform: uppercase; color: white;letter-spacing: 0px;}
.home-section-08 .section-08__window .window .con-text .con-more {margin-top:14px;}
.home-section-02 .section-02__box .box-text .text-con,
.home-section-03 .section-03__box .box-text .text-con,
.home-section-04 .section-04__box .box-text .text-con,
.home-section-05 .section-05__box .box-text .text-con{ -webkit-animation-timing-function:ease-in;animation-timing-function:ease-in; font-family: 'CKTKingKong-Bold';color: white; }
.home-section-02 .section-02__box .box-text .text-con .con-title,
.home-section-03 .section-03__box .box-text .text-con .con-title,
.home-section-04 .section-04__box .box-text .text-con .con-title{text-transform:uppercase; font-size: 72px;line-height:81px; letter-spacing:4px;}
.home-section-02 .section-02__box .box-text .text-con .con-title .hollow,
.home-section-03 .section-03__box .box-text .text-con .con-title .hollow,
.home-section-04 .section-04__box .box-text .text-con .con-title .hollow{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #fff;}
.home-section-02 .section-02__box .box-text .text-con .con-gongxiao,
.home-section-03 .section-03__box .box-text .text-con .con-gongxiao,
.home-section-04 .section-04__box .box-text .text-con .con-gongxiao{text-transform:uppercase; font-size:16px;line-height:28px; color: #fff; margin-top:32px; font-family:'AlibabaPuHuiTi-Bold';}
.home-section-02 .section-02__box .box-text .text-con .con-desc,
.home-section-03 .section-03__box .box-text .text-con .con-desc,
.home-section-04 .section-04__box .box-text .text-con .con-desc{text-transform:uppercase; font-size:16px;line-height:28px; color: #fff; font-family:'AlibabaPuHuiTi-Regular';}
@media screen and (min-width:1660px){
.home-section-07 .section-07__window{right:5%;}
}
@media screen and (max-width:768px){
.home-section-01 .section-01__box .section-01__box__text{ padding-left: 0px;}
.home-section-01 .section-01__box .section-01__box__text .desc-cn{ font-size: 32px; line-height: 42px; }
.home-section-01 .section-01__box .section-01__box__text .desc-cn b{font-size:36px;}
.home-section-01 .section-01__box .section-01__box__text .desc-en{ font-size: 18px; line-height: 32px;}
.home-section-01 .section-01__box .section-01__box__more{ padding: 50px 0px 100px 15px ;}
.home-section-02{min-height: auto;}
.home-section-02 .section-02__box{display: block;}
.home-section-02 .section-02__box .box-image{ height: 100vh; width: 100%; overflow: hidden; position: relative;}
.home-section-02 .section-02__box .box-image .yaowan{ display: none; }
.home-section-02 .section-02__box .box-image .baozhuang{width: 420px; height: auto; right: -40px; bottom: -10%; top: auto;}
.home-section-02 .section-02__box .box-image .xiaobaozhuang{width: 120px; height: auto; bottom: auto; top: 5%; right: 5%;}
.home-section-02 .section-02__box .box-image .chaozai{ width:300px; height: auto;right: auto; left: -48px; top: 22%; }
.home-section-02 .section-02__box .box-image .con-title{ right: auto; left: 5%; top:5%; }
.home-section-02 .section-02__box .box-image .con-title .solid{font-size: 50px; letter-spacing: 5px; line-height: 50px;}
.home-section-02 .section-02__box .box-image .con-title .hollow{font-size:50px; letter-spacing: 5px;line-height: 50px;}
.home-section-02 .section-02__box .box-text{width: 100%; min-height: 100vh; z-index: 6; background-color: rgba(0,0,0,.7);}
.home-section-03{min-height: auto;}
.home-section-03 .section-03__box{display: block;}
.home-section-03 .section-03__box .box-text{width: 100%; padding-left: 8.5%; box-sizing: border-box; justify-content: flex-start;border-top: 1px solid #292929;height: 100vh;z-index: 5; background-color: rgba(0,0,0,.7);}
.home-section-03 .section-03__box .box-image{height: 100vh; width: 100%; overflow: hidden; position: relative;}
.home-section-03 .section-03__box .box-image .yaowan{display: none;}
.home-section-03 .section-03__box .box-image .con-title { right: auto; left: 5%; top: 5%; }
.home-section-03 .section-03__box .box-image .con-title .solid{font-size: 50px; line-height: 50px;letter-spacing: 5px;}
.home-section-03 .section-03__box .box-image .con-title .hollow{font-size:50px; line-height: 50px; letter-spacing: 5px;}
.home-section-03 .section-03__box .box-image .baozhuang{width: 420px; height: auto; left: 0px; bottom: -10%; top: auto;}
.home-section-03 .section-03__box .box-image .xiaobaozhuang{width: 120px; height: auto; bottom: auto; top: 25%; right: auto; left: 5%;}
.home-section-03 .section-03__box .box-image .chaozai{width:300px; height: auto;right: -50px; top: 20%;}
.home-section-04{min-height: auto;}
.home-section-04 .section-04__box{display: block;}
.home-section-04 .section-04__box .box-image{ height: 100vh; width: 100%; overflow: hidden; position: relative;}
.home-section-04 .section-04__box .box-text{width: 100%; height: 100vh; z-index: 3;background-color: rgba(0,0,0,.7); }
.home-section-04 .section-04__box .box-image .baozhuang{width: 420px; height: auto; right: -40px; bottom: -10%; top: auto;}
.home-section-04 .section-04__box .box-image .shaozi{width: 240px; height: auto; bottom: auto; top: 1%; right: -68px; left: auto;}
.home-section-04 .section-04__box .box-image .chaozai{ width:300px; height: auto;right: auto; left: -72px; top: 16%; }
.home-section-04 .section-04__box .box-image .con-title{ right: auto; left: 5%; top:5%; }
.home-section-04 .section-04__box .box-image .con-title .solid{font-size: 32px;}
.home-section-04 .section-04__box .box-image .con-title .hollow{font-size:54px;letter-spacing: 2px;}
.home-section-05{min-height: auto;}
.home-section-05 .section-05__box{display: block;}
.home-section-05 .section-05__box .box-text{width: 100%; padding-left: 8.5%; box-sizing: border-box; justify-content: flex-start;border-top: 1px solid #292929;height: 100vh;z-index: 5; background-color: rgba(0,0,0,.7);min-height: auto;}
.home-section-05 .section-05__box .box-text .con-title .text-en{font-size: 32px;}
.home-section-05 .section-05__box .box-image{height: 100vh; width: 100%; overflow: hidden; position: relative;}
.home-section-05 .section-05__box .box-image .chaozai{width:450px; height: auto; left: auto; bottom: 0; right: -40%;}
.home-section-05 .section-05__box .box-image .wenzi{width: 240px; height: auto; top: 5%; right: auto; left: 5%;}
.home-section-06{padding-bottom: 60px;}
.home-section-06 .section-06__box{display: block;height: auto; padding: 0;}
.home-section-06 .section-06__box .con-text {width: 100%;padding-left: 8.5%;}
.home-section-06 .section-06__box .con-text .con-title .text{font-size: 32px;}
.home-section-06 .section-06__box .con-image{top: 7%; width: 300px; left: auto; right: 0;}
.home-section-06 .section-06__box .con-info{line-height: 42px; padding: 60px 0;width: 100%;}
.home-section-07{z-index: 2;}
.home-section-07 .section-07__box{padding: 0;}
.home-section-07 .section-07__window{overflow: hidden;right: 0;}
.home-section-07 .section-07__box .con-text { width: 100%; padding-left: 8.5%; }
.home-section-07 .section-07__box .con-text .con-title .text{font-size: 32px;}
.home-section-08{overflow: hidden;position: relative;}
.home-section-08 .section-08__window{width: 700px; height: 622px; background-size: 700px 622px; margin-left: -350px; left: 50%; position: absolute;}
.home-section-08 .section-08__window .window{ width: 600px; height: 522px; margin: 45px 0 0 50.25px;}
.home-section-08 .section-08__window .window .window__box{ top: 15%; }
.home-section-08 .section-08__window .window .con-text .con-more{margin-top: 0;}
.home-section-08 .section-08__window .window .con-text .con-title .text{font-size: 32px;}
.home-section-02 .section-02__box .box-text .text-con .con-title,
.home-section-03 .section-03__box .box-text .text-con .con-title,
.home-section-04 .section-04__box .box-text .text-con .con-title{font-size:32px;line-height:42px;}
}
@media screen and (max-width:375px){
.home-section-02 .section-02__box .box-image .xiaobaozhuang,
.home-section-02 .section-02__box .box-image .chaozai,
.home-section-03 .section-03__box .box-image .xiaobaozhuang,
.home-section-03 .section-03__box .box-image .chaozai,
.home-section-04 .section-04__box .box-image .shaozi,
.home-section-04 .section-04__box .box-image .chaozai{display: none;}
.home-section-05 .section-05__box .box-image .chaozai{width: 320px;right: -30%;}
.home-section-05 .section-05__box .box-image .wenzi{width: 200px;}
}
@-webkit-keyframes zoomFadeIn {
0% {
opacity:0;
-webkit-transform:scale(.8);
transform:scale(.8)
}
40% {
-webkit-transform:scale(1);
transform:scale(1)
}
100% {
opacity:1
}
}
@keyframes zoomFadeIn {
0% {
opacity:0;
-webkit-transform:scale(.8);
transform:scale(.8)
}
40% {
-webkit-transform:scale(1);
transform:scale(1)
}
100% {
opacity:1
}
}
.animate__zoomFadeIn {
-webkit-animation-name:zoomFadeIn;
animation-name:zoomFadeIn;
}