@charset "utf-8";

.subCon { position: relative; min-width: 1200px;  font-weight: 400; }
.subCon .inner { position: absolute; top: 0; width: 1200px; margin-left: -600px; }
.subCon h2,
.subCon h3 { font-weight: 300; }

b,
.eb7 {  font-weight: 900;}
.t1 { font-weight: 300;}
.r4 {  font-weight: 400;}
.l3 {  font-weight: 100; letter-spacing: -1px; }
.m5 {  font-weight: 500; letter-spacing: -1px; }
.b6 {  font-weight: 900; letter-spacing: -1px; }
.h8 {  font-weight: 900;}
em { font-style: normal; }
b,
em,
strong, i { font-style: normal; }
.content {width:1920px;margin:0 auto;}
.section01 {position:relative;}
.section01 .txt01 {position:absolute; top:390px; left:50%; margin-left:-600px; transform: translate3d(-20px, 0, 0); opacity:1;}
.section01 .txt02 {position:absolute; top:740px; left:50%; margin-left:-600px; animation-duration: 5s; animation-name: ring; animation-iteration-count: infinite; transform: translate3d(-20px, 0, 0); opacity:1;}
.section01 .txt03 {position:absolute; top:515px; right:50%; margin-right:-538px; animation: rotate_image 5s infinite linear; transform-origin: 50% 50%;}
.section01 a {position:absolute; top:538px; right:50%; margin-right:-517px; width:200px; height:200px; display:block; font-size:0; background:rgba(0,0,0,0);}
.section01.current .txt01{opacity:1; transform: translate3d(0, 0, 0); transition: transform 0.3s 0.3s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.3s 0.3s ease-out;} 
.section01.current .txt02{opacity:1; transform: translate3d(0, 0, 0); transition: transform 0.5s 0.5s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.5s 0.5s ease-out;} 
.section02 {position:relative;}
.section02 video {position:absolute; top:0; left:50%; width:100%; max-width:1920px; height:940px; margin-left:-960px; z-index:1;}
.section02 .txt01 {position:absolute; top:90px; left:0; width:100%; text-align:center; z-index:2; transform: translate3d(0, -20px, 0); opacity:1;}
.section02 .txt02 {position:absolute; top:305px; left:0; width:100%; text-align:center; z-index:2;}
.section02 .txt03 {position:absolute; top:570px; left:50%; margin-left:-600px; font-size:60px; color:#fff; line-height:1.2; z-index:2; text-shadow:0 0 10px #ff4e6c; transform: translate3d(-20px, 0, 0); opacity:1;}
.section02 .txt03 b {display:inline-block; margin-left:55px; color:#e9ff71; }
.section02 .txt04 {position:absolute; top:570px; right:50%; margin-right:-717px; font-size:60px; color:#fff; line-height:1.2; z-index:2; text-shadow:0 0 10px #ff4e6c; transform: translate3d(20px, 0, 0); opacity:1;}
.section02 .txt04 b {display:inline-block; color:#e9ff71; }
.section02 .txt04 span {display:inline-block; margin-left:55px;}
.section02.current .txt01 {opacity:1; transform: translate3d(0, 0, 0); transition: transform 0.3s 0.3s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.3s 0.3s ease-out;} 
.section02.current .txt03 {opacity:1; transform: translate3d(0, 0, 0); transition: transform 0.5s 0.5s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.5s 0.5s ease-out;} 
.section02.current .txt04 {opacity:1; transform: translate3d(0, 0, 0); transition: transform 0.7s 0.7s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.7s 0.7s ease-out;} 
.section03 {position:relative;}
.section03 .txt01 {position:absolute; top:162px; left:0; width:100%; text-align:center; font-size:34px; color:#fff; letter-spacing:-1px; transform: translate3d(0, -20px, 0); opacity:1;}
.section03 .txt02 {position:absolute; top:215px; left:0; width:100%; text-align:center; font-size:60px; color:#1d1d1d; letter-spacing:-1px; transform: translate3d(0, -20px, 0); opacity:1;}
.section03 .txt03 {position:absolute; top:700px; left:0; width:100%; text-align:center; font-size:38px; color:#fff; letter-spacing:-1px;}
.section03 a {position:absolute; top:117px; right:50%; margin-right:-590px; animation-duration: 0.8s; animation-name: down; animation-iteration-count: infinite; animation-timing-function: linear;}
.section03 ul {position:absolute; top:345px; left:0; width:100%; text-align:center; font-size:0;}
.section03 ul li {position:relative; display:inline-block; vertical-align:top; width:342px; margin:0 5px; cursor:pointer;}
.section03 ul li .thumb {width:342px; height:180px; overflow:hidden;}
.section03 ul li .thumb img {transform:scale(1); transition:all 0.5s; width:100%;}
.section03 ul li:hover .thumb img {transform:scale(1.2);}
.section03 ul li .desc {position:absolute; bottom:-72px; right:18px;}
.section03 .bg_pink {background: #ff6393; padding: 2px 10px; }
.section03 .line {position:relative;}
.section03 .line span {position:relative; z-index:2;}
.section03 .line:after {content:''; width:100%; height:15px; background:#e9ff71; position:absolute; bottom:5px; left:0;}
.section03.current .txt01{opacity:1; transform: translate3d(0, 0, 0); transition: transform 0.3s 0.3s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.3s 0.3s ease-out;} 
.section03.current .txt02{opacity:1; transform: translate3d(0, 0, 0); transition: transform 0.5s 0.5s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.5s 0.5s ease-out;} 
.section04 {position:relative;}
.section04 .txt01 {position:absolute; top:180px; left:0; width:100%; text-align:center; font-size:34px; color:#ff4981; letter-spacing:-1px; transform: translate3d(0, -20px, 0); opacity:1;}
.section04 .txt02 {position:absolute; top:235px; left:0; width:100%; text-align:center; font-size:60px; color:#fff; letter-spacing:-1px; transform: translate3d(0, -20px, 0); opacity:1;}
.section04 a {position:absolute; top:117px; right:50%; margin-right:-560px; animation-duration: 0.8s; animation-name: down; animation-iteration-count: infinite; animation-timing-function: linear;}
.section04 .img01 {position:absolute; top:458px; left:50%; margin-left:-619px;}
.section04 .img02 {position:absolute; top:431px; left:50%; margin-left:-300px;}
.section04 .img03 {position:absolute; top:448px; right:50%; margin-right:-329px;}
.section04 .img04 {position:absolute; top:470px; right:50%; margin-right:-660px;}
.section04 .hideon {animation-duration: 1.6s; animation-name: hideon; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}
.section04 .line {position:relative;}
.section04 .bg_ye {background: #e9ff71; padding: 2px 10px; }
.section04 .line span {position:relative; z-index:2;}
.section04 .line:after {content:''; width:100%; height:15px; background:#ec477a; position:absolute; bottom:5px; left:0;}
.section04.current .txt01{opacity:1; transform: translate3d(0, 0, 0); transition: transform 0.3s 0.3s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.3s 0.3s ease-out;} 
.section04.current .txt02{opacity:1; transform: translate3d(0, 0, 0); transition: transform 0.5s 0.5s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.5s 0.5s ease-out;} 
.section05 {position:relative;}
.section05 .txt01 {position:absolute; top:135px; left:0; width:100%; text-align:center; font-size:34px; color:#ec477a; letter-spacing:-1px; transform: translate3d(0, -20px, 0); opacity:1;}
.section05 .txt02 {position:absolute; top:190px; left:0; width:100%; text-align:center; font-size:60px; color:#fff; letter-spacing:-1px; transform: translate3d(0, -20px, 0); opacity:1;}
.section05 .txt03 {position:absolute; top:750px; left:50%; margin-left:-465px; transform: translate3d(-20px, 0, 0); opacity:1;}
.section05 .txt04 {position:absolute; top:890px; right:50%; margin-right:-475px; transform: translate3d(20px, 0, 0); opacity:1;}
.section05 ul {position:absolute; top:580px; left:0; width:100%; text-align:center; font-size:0; transform: translate3d(0, -20px, 0); opacity:1;}
.section05 ul li {position:relative; display:inline-block;  width:380px; margin:0 10px; font-size:20px; line-height:1.4; color:#81828b;}
.section05 ul li .thumb {width:342px; height:180px; overflow:hidden;}
.section05 ul li .thumb img {transform:scale(1); transition:all 0.5s; width:100%;}
.section05 ul li:hover .thumb img {transform:scale(1.2);}
.section05 ul li .desc {position:absolute; bottom:-72px; right:18px;}
.section05 .line {position:relative;}
.section05 .line span {position:relative; z-index:2;}
.section05 .line:after {content:''; width:100%; height:15px; background:#ec477a; position:absolute; bottom:5px; left:0;}
.section05.current .txt01 {opacity:1; transform: translate3d(0, 0, 0); transition: transform 0.3s 0.3s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.3s 0.3s ease-out;} 
.section05.current .txt02 {opacity:1; transform: translate3d(0, 0, 0); transition: transform 0.5s 0.5s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.5s 0.5s ease-out;} 
.section05.current ul {opacity:1; transform: translate3d(0, 0, 0); transition: transform 0.7s 0.7s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.7s 0.7s ease-out;} 
.section05.current .txt03 {opacity:1; transform: translate3d(0, 0, 0); transition: transform 0.9s 0.9s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.9s 0.9s ease-out;}
.section05.current .txt04 {opacity:1; transform: translate3d(0, 0, 0); transition: transform 1.1s 1.1s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 1.1s 1.1s ease-out;}
.section06 {position:relative;}
.section06 .txt01 {position:absolute; top:152px; left:15px; width:100%; text-align:center; font-size:34px; color:#fff; letter-spacing:-1px; transform: translate3d(0, -20px, 0); opacity:1;}
.section06 .txt02 {position:absolute; top:210px; left:0; width:100%; text-align:center; font-size:60px; color:#1d1d1d; letter-spacing:-1px; transform: translate3d(0, -20px, 0); opacity:1;}
.section06 .line {position:relative;}
.section06 .line span {position:relative; z-index:2;}
.section06 .line:after {content:''; width:100%; height:15px; background:#e9ff71; position:absolute; bottom:5px; left:0;}
.section06.current .txt01{opacity:1; transform: translate3d(0, 0, 0); transition: transform 0.3s 0.3s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.3s 0.3s ease-out;} 
.section06.current .txt02{opacity:1; transform: translate3d(0, 0, 0); transition: transform 0.5s 0.5s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.5s 0.5s ease-out;} 
.section07 {position:relative; height:1070px; overflow:hidden;}
.section07 video {position:absolute; top:0; left:50%; width:1920px; height:1071px; margin-left:-960px; z-index:1;}
.section07 .txt01 {position:absolute; top:293px; right:50%; margin-right:-470px; z-index:2; transform: translate3d(20px, 0, 0); opacity:1;}
.section07 ul {position:absolute; top:525px; right:50%; margin-right:-700px; width:803px; z-index:2; transform: translate3d(20px, 0, 0); opacity:1;}
.section07 ul li {float:left; margin-right:1px; margin-bottom:1px; cursor:pointer;}
.section07 ul li:nth-child(3n){margin-right:0;} 
.section07 ul li .thumb {width:267px; height:130px; overflow:hidden;}
.section07 ul li .thumb img {transform:scale(1); transition:all 0.5s; width:100%;}
.section07 ul li:hover .thumb img {transform:scale(1.2);}
.section07 a {position:absolute; top:820px; right:50%; margin-right:-500px; z-index:2; transform: translate3d(20px, 0, 0); opacity:1;}
.section07.current .txt01 {opacity:1; transform: translate3d(0, 0, 0); transition: transform 0.3s 0.3s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.3s 0.3s ease-out;} 
.section07.current ul {opacity:1; transform: translate3d(0, 0, 0); transition: transform 0.5s 0.5s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.5s 0.5s ease-out;} 
.section07.current a {opacity:1; transform: translate3d(0, 0, 0); transition: transform 0.7s 0.7s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.7s 0.7s ease-out;} 
.section08 {position:relative;}
.section08 .txt01 {position:absolute; top:145px; left:0; width:100%; text-align:center; font-size:50px; color:#fff; letter-spacing:-1px; transform: translate3d(0, -20px, 0); opacity:1;}
.section08 .txt02 {position:absolute; top:215px; left:0; width:100%; text-align:center; font-size:24px; color:#81828b; transform: translate3d(0, -20px, 0); opacity:1;}
.section08.current .txt01 {opacity:1; transform: translate3d(0, 0, 0); transition: transform 0.3s 0.3s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.3s 0.3s ease-out;} 
.section08.current .txt02 {opacity:1; transform: translate3d(0, 0, 0); transition: transform 0.5s 0.5s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.5s 0.5s ease-out;} 
.section08 ul {position:absolute; top:295px; left:50%; width:1400px; margin-left:-700px; font-size:0;}
.section08 ul li {position:relative; display:inline-block; vertical-align:top; width:450px; margin-right:25px; margin-bottom:50px; text-align:center;}
.section08 ul li:nth-child(3n) {margin-right:0;}
.section08 ul li a {display:block; margin:22px auto 0;}
.section08 ul li .caption {position:absolute; bottom:10px; right:0; font-size:16px; color:#81828b;}
.section08 ul li .listWrap, .section08 ul li .bnaWrap {width:450px;}
.section08 ul li .bnaWrap {display:none; opacity:1;}
.section08 ul li.active .bnaWrap {display:block;}
.section08 ul li.active .listWrap {display:none;}
.section08 ul li.active .bnaWrap .bnaWrapInner {width:450px; height:300px; position:relative; background:#fff;}
.section08 .baSlider  {position:absolute; top:50%; margin-top:-75px; width:450px; height:150px; background:#fff;}
@keyframes rotate_image{
	0%  {
		transform: rotate(0deg);
	}
    100% {
        transform: rotate(360deg);
    }
}
@keyframes hideon {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}