/* rotate */ /* transform-origin */ /* transform */ /* transition */ /* transform-transition */ /* css-transition */ /* transform-css-transition */ /* keyframes */ /*@include keyframes(scroll-loop) { 0% { @include transform(translateY(0)); } 50% { @include transform(translateY(0)); } 100% { @include transform(translateY(0)); } }*/ /* line */ body { overflow-x: auto; background: #fff; } .footer_wrap { position: relative; z-index: 100; } #content { position: relative; min-width: 1280px; margin: 0 auto; overflow: hidden; } .section { overflow: hidden; position: relative; width: 100%; } .alt-txt-hide { text-indent: -9999px; font-size: 0; position: absolute; top: -9999px; } .btn_download { display: inline-block; width: 210px; height: 45px; font-size: 0; text-indent: -9999px; vertical-align: top; background: url(../img/btn_download.png) no-repeat 0 0; } .btn_download:hover { background-position: 0 -55px; } .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } #container h1 { font-family: 'samsungonekorean200'; font-size: 62px; letter-spacing: 0; line-height: 70px; font-weight: 100; } #container h2 { font-family: 'samsungonelatin200'; font-size: 52px; letter-spacing: 0.05em; line-height: 70px; font-weight: 100; text-align: left; color: #58463f; } #container h3 { font-family: 'samsungonekorean300'; font-size: 36px; letter-spacing: 0.22em; line-height: 56px; font-weight: 100; } #container h3 span, #container h3 em { font-family: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; } #container h4.txt-tit { font-family: 'samsungonekorean400'; font-size: 32px; line-height: 46px; letter-spacing: 0.02em; color: inherit; box-sizing: border-box; } #container h4 { font-family: 'samsungonekorean300'; font-size: 22px; letter-spacing: 0; line-height: 1; font-weight: 100; text-align: left; color: #e1aa95; } #container p { font-family: 'samsungonekorean400'; font-size: 18px; letter-spacing: -0.035em; line-height: 36px; font-weight: 400; } #container .noTransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } #container .inner-cont-wrap { position: relative; width: 100%; min-width: 1280px; height: 100%; } #container .bg-holder { position: absolute; width: 100%; height: 100%; } #container .cont-holder { position: relative; width: 1280px; height: 100%; margin: 0 auto; text-align: center; } #container .img-box .img-desc { font-family: 'samsungonekorean400'; font-size: 14px; letter-spacing: 0; line-height: 1; font-weight: 100; color: inherit; } #container .disclaimer-holder { font-family: 'samsungonekorean400'; font-size: 14px; line-height: 22px; letter-spacing: 0.02em; color: #735d53; } #container .sound-clip em { font-family: 'samsungonelatin800'; font-size: 16px; letter-spacing: 0; line-height: 1; font-weight: 100; color: #905d40; } #container .sound-clip span { font-family: 'samsungonekorean400'; font-size: 18px; letter-spacing: 0; font-weight: 100; color: #905d40; } #container #section-2 .inner-cont-wrap .cont-holder .txt-box .sub-title-box span { font-family: 'samsungonekorean400'; font-size: 26px; letter-spacing: 0.1em; line-height: 1; font-weight: 100; color: #825034; } .footer-btns.test-1 a, .footer-btns.test-3 a, .footer-btns.test-2 a, .footer-btns.test-4 a, #section-5 .inner-cont-wrap .cont-holder .txt-box .footer-btns a { display: inline-block; width: 210px; height: 45px; margin-right: 10px; } .footer-btns.test-1 a:hover, .footer-btns.test-3 a:hover, .footer-btns.test-2 a:hover, .footer-btns.test-4 a:hover, #section-5 .inner-cont-wrap .cont-holder .txt-box .footer-btns a:hover { background-position-y: bottom; background-repeat: no-repeat; } .footer-btns.test-1 a:nth-child(1) { background-image: url("../img/btn_download.png"); } .footer-btns.test-1 a:nth-child(2) { background-image: url("../img/btn_sec.png"); } .footer-btns.test-3 a:nth-child(1) { background-image: url("../img/btn_download_b.png"); } .footer-btns.test-3 a:nth-child(2) { background-image: url("../img/btn_sec_b.png"); } .footer-btns.test-2 a:nth-child(1) { background-image: url("../img/btn_download.png"); } .footer-btns.test-2 a:nth-child(2) { background-image: url("../img/btn_samsung.png"); } .footer-btns.test-4 a:nth-child(1) { background-image: url("../img/btn_download_b.png"); } .footer-btns.test-4 a:nth-child(2) { background-image: url("../img/btn_samsung_b.png"); } #section-5 .inner-cont-wrap .cont-holder .txt-box .footer-btns a:nth-child(1) { background-image: url("../img/btn_download.png"); } #section-5 .inner-cont-wrap .cont-holder .txt-box .footer-btns a:nth-child(2) { background-image: url("../img/btn_samsung_cn.png"); } .footer-btns { font-size: 0; } .content .inner-cont-wrap .scroll-holder { display: block; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .content .inner-cont-wrap .scroll-holder span { display: block; margin-bottom: 16px; opacity: 0; filter: alpha(opacity=0); color: #fff; letter-spacing: 0; font-family: 'samsungonelatin800'; font-size: 16px; } .content .inner-cont-wrap .scroll-holder em { position: relative; left: 50%; display: block; width: 2px; height: 0; background-color: #fff; } .content .inner-cont-wrap .onInit.scroll-holder span { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.4s 0.8s linear; -moz-transition: opacity 0.4s 0.8s linear; -ms-transition: opacity 0.4s 0.8s linear; -o-transition: opacity 0.4s 0.8s linear; transition: opacity 0.4s 0.8s linear; } .content .inner-cont-wrap .onInit.scroll-holder em { opacity: 1; filter: alpha(opacity=100); height: 40px; -webkit-transition: height 0.4s 0.8s ease-out; -moz-transition: height 0.4s 0.8s ease-out; -ms-transition: height 0.4s 0.8s ease-out; -o-transition: height 0.4s 0.8s ease-out; transition: height 0.4s 0.8s ease-out; } .content .inner-cont-wrap .onShow.scroll-holder span { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.3s 0.4s linear; -moz-transition: opacity 0.3s 0.4s linear; -ms-transition: opacity 0.3s 0.4s linear; -o-transition: opacity 0.3s 0.4s linear; transition: opacity 0.3s 0.4s linear; } .content .inner-cont-wrap .onShow.scroll-holder em { height: 67px; -webkit-transition: height 0.65s 0.4s ease-in-out; -moz-transition: height 0.65s 0.4s ease-in-out; -ms-transition: height 0.65s 0.4s ease-in-out; -o-transition: height 0.65s 0.4s ease-in-out; transition: height 0.65s 0.4s ease-in-out; } .content .inner-cont-wrap .onHide.scroll-holder span { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .content .inner-cont-wrap .onHide.scroll-holder em { height: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s linear,height 0.65s ease-in-out; -moz-transition: opacity 0.3s linear,height 0.65s ease-in-out; -ms-transition: opacity 0.3s linear,height 0.65s ease-in-out; -o-transition: opacity 0.3s linear,height 0.65s ease-in-out; transition: opacity 0.3s linear,height 0.65s ease-in-out; } .content .inner-cont-wrap .scroll-holder span { color: #fff; } .content .inner-cont-wrap .scroll-holder em { background-color: #fff; } #container { padding-top: 70px; } .content { position: relative; height: calc( 100vh - 70px ); visibility: hidden; } .content .inner-cont-wrap .dim-holder { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: black; opacity: 0; filter: alpha(opacity=0); } .content .inner-cont-wrap .scroll-holder.onInit span { -webkit-transition-delay: 3.5s; -moz-transition-delay: 3.5s; -o-transition-delay: 3.5s; transition-delay: 3.5s; } .content .inner-cont-wrap .scroll-holder.onInit em { -webkit-transition-delay: 3.5s; -moz-transition-delay: 3.5s; -o-transition-delay: 3.5s; transition-delay: 3.5s; } .content.onShow { visibility: visible; } /*part section*/ #section-1 { height: calc( 100vh - 70px ); overflow: hidden; } #section-1 .inner-cont-wrap { position: fixed; height: inherit; background-color: #000; } #section-1 .inner-cont-wrap .bg-holder { position: absolute; left: 50%; top: 50%; margin-left: -1280px; margin-top: -674px; opacity: 0; filter: alpha(opacity=0); } #section-1 .inner-cont-wrap .bg-holder.onShow { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s; -moz-transition: opacity 2s; -ms-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s; } #section-1 .inner-cont-wrap .dim-holder { height: 100%; } #section-1 .inner-cont-wrap .cont-holder .title-box { position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: -10px; } #section-1 .inner-cont-wrap .cont-holder .title-box .title { opacity: 0; filter: alpha(opacity=0); } #section-1 .inner-cont-wrap .cont-holder .title-box .title h2 { letter-spacing: 6.5px; color: #e1aa95; text-align: center; } #section-1 .inner-cont-wrap .cont-holder .title-box .title h4 { margin-top: 14px; text-align: center; } #section-1 .inner-cont-wrap .cont-holder .title-box .title.onShow { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.8s 0.6s linear; -moz-transition: opacity 0.8s 0.6s linear; -ms-transition: opacity 0.8s 0.6s linear; -o-transition: opacity 0.8s 0.6s linear; transition: opacity 0.8s 0.6s linear; } #section-1 .inner-cont-wrap .cont-holder .title-box .title.onShow h2 { letter-spacing: 2.6px; -webkit-transition: letter-spacing 2s 0.6s ease-out; -moz-transition: letter-spacing 2s 0.6s ease-out; -ms-transition: letter-spacing 2s 0.6s ease-out; -o-transition: letter-spacing 2s 0.6s ease-out; transition: letter-spacing 2s 0.6s ease-out; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box { position: absolute; width: 3840px; height: 2160px; margin: -1166px auto 0 -1920px; top: 50%; left: 50%; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask { overflow: hidden; width: 3840px; height: 2160px; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi { position: absolute; left: 0; top: 0; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi ol { position: absolute; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi ol li { position: absolute; left: 0; top: 0; overflow: hidden; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi ol li span { display: block; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi ol li span img { display: block; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-0 ol li:nth-child(1) { left: 1938px; top: 87px; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-0 ol li:nth-child(1) span { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: transform 0.4s linear 0.85s; -moz-transition: transform 0.4s linear 0.85s; -ms-transition: transform 0.4s linear 0.85s; -o-transition: transform 0.4s linear 0.85s; transition: transform 0.4s linear 0.85s; -webkit-transition-delay: 1.05s; -moz-transition-delay: 1.05s; -o-transition-delay: 1.05s; transition-delay: 1.05s; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-0 ol li:nth-child(2) { left: 1809px; top: 962px; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-0 ol li:nth-child(2) span { -webkit-transform: translate(-100%, -100%); -moz-transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); -o-transform: translate(-100%, -100%); transform: translate(-100%, -100%); -webkit-transition: transform 0.3s linear; -moz-transition: transform 0.3s linear; -ms-transition: transform 0.3s linear; -o-transition: transform 0.3s linear; transition: transform 0.3s linear; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-0 ol li:nth-child(3) { left: 1851px; top: 962px; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-0 ol li:nth-child(3) span { -webkit-transform: translate(100%, -100%); -moz-transform: translate(100%, -100%); -ms-transform: translate(100%, -100%); -o-transform: translate(100%, -100%); transform: translate(100%, -100%); -webkit-transition: transform 0.3s linear 0.15s; -moz-transition: transform 0.3s linear 0.15s; -ms-transition: transform 0.3s linear 0.15s; -o-transition: transform 0.3s linear 0.15s; transition: transform 0.3s linear 0.15s; -webkit-transition-delay: 0.35s; -moz-transition-delay: 0.35s; -o-transition-delay: 0.35s; transition-delay: 0.35s; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-0 ol li:nth-child(4) { left: 1809px; top: 1024px; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-0 ol li:nth-child(4) span { -webkit-transform: translate(100%, -100%); -moz-transform: translate(100%, -100%); -ms-transform: translate(100%, -100%); -o-transform: translate(100%, -100%); transform: translate(100%, -100%); -webkit-transition: transform 0.2s linear 0.45s; -moz-transition: transform 0.2s linear 0.45s; -ms-transition: transform 0.2s linear 0.45s; -o-transition: transform 0.2s linear 0.45s; transition: transform 0.2s linear 0.45s; -webkit-transition-delay: 0.65s; -moz-transition-delay: 0.65s; -o-transition-delay: 0.65s; transition-delay: 0.65s; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-0 ol li:nth-child(5) { left: 1859px; top: 1026px; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-0 ol li:nth-child(5) span { -webkit-transform: translate(100%, -100%); -moz-transform: translate(100%, -100%); -ms-transform: translate(100%, -100%); -o-transform: translate(100%, -100%); transform: translate(100%, -100%); -webkit-transition: transform 0.2s linear 0.65s; -moz-transition: transform 0.2s linear 0.65s; -ms-transition: transform 0.2s linear 0.65s; -o-transition: transform 0.2s linear 0.65s; transition: transform 0.2s linear 0.65s; -webkit-transition-delay: 0.85s; -moz-transition-delay: 0.85s; -o-transition-delay: 0.85s; transition-delay: 0.85s; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-0 ol li:nth-child(6) { left: 1939px; top: 1026px; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-0 ol li:nth-child(6) span { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: transform 0.2s linear 0.85s; -moz-transition: transform 0.2s linear 0.85s; -ms-transition: transform 0.2s linear 0.85s; -o-transition: transform 0.2s linear 0.85s; transition: transform 0.2s linear 0.85s; -webkit-transition-delay: 1.05s; -moz-transition-delay: 1.05s; -o-transition-delay: 1.05s; transition-delay: 1.05s; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-0 ol li:nth-child(7) { left: 1940px; top: 1103px; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-0 ol li:nth-child(7) span { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: transform 0.2s linear 1.05s; -moz-transition: transform 0.2s linear 1.05s; -ms-transition: transform 0.2s linear 1.05s; -o-transition: transform 0.2s linear 1.05s; transition: transform 0.2s linear 1.05s; -webkit-transition-delay: 1.25s; -moz-transition-delay: 1.25s; -o-transition-delay: 1.25s; transition-delay: 1.25s; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-0 ol li:nth-child(8) { left: 1977px; top: 1083px; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-0 ol li:nth-child(8) span { -webkit-transform: translate(-100%, 100%); -moz-transform: translate(-100%, 100%); -ms-transform: translate(-100%, 100%); -o-transform: translate(-100%, 100%); transform: translate(-100%, 100%); -webkit-transition: transform 0.3s linear 1.25s; -moz-transition: transform 0.3s linear 1.25s; -ms-transition: transform 0.3s linear 1.25s; -o-transition: transform 0.3s linear 1.25s; transition: transform 0.3s linear 1.25s; -webkit-transition-delay: 1.45s; -moz-transition-delay: 1.45s; -o-transition-delay: 1.45s; transition-delay: 1.45s; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-1 ol li:nth-child(1) { left: 1622px; top: 983px; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-1 ol li:nth-child(1) span { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: transform 0.25s linear; -moz-transition: transform 0.25s linear; -ms-transition: transform 0.25s linear; -o-transition: transform 0.25s linear; transition: transform 0.25s linear; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-1 ol li:nth-child(2) { left: 1620px; top: 925px; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-1 ol li:nth-child(2) span { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: transform 0.25s linear; -moz-transition: transform 0.25s linear; -ms-transition: transform 0.25s linear; -o-transition: transform 0.25s linear; transition: transform 0.25s linear; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-1 ol li:nth-child(3) { left: 1622px; top: 925px; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-1 ol li:nth-child(3) span { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: transform 0.2s linear; -moz-transition: transform 0.2s linear; -ms-transition: transform 0.2s linear; -o-transition: transform 0.2s linear; transition: transform 0.2s linear; -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -o-transition-delay: 0.25s; transition-delay: 0.25s; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-1 ol li:nth-child(4) { left: 1698px; top: 925px; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-1 ol li:nth-child(4) span { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: transform 0.2s linear ; -moz-transition: transform 0.2s linear ; -ms-transition: transform 0.2s linear ; -o-transition: transform 0.2s linear ; transition: transform 0.2s linear ; -webkit-transition-delay: 0.45s; -moz-transition-delay: 0.45s; -o-transition-delay: 0.45s; transition-delay: 0.45s; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-1 ol li:nth-child(5) { left: 0; top: 1103px; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-1 ol li:nth-child(5) span { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform 0.7s linear ; -moz-transition: transform 0.7s linear ; -ms-transition: transform 0.7s linear ; -o-transition: transform 0.7s linear ; transition: transform 0.7s linear ; -webkit-transition-delay: 0.65s; -moz-transition-delay: 0.65s; -o-transition-delay: 0.65s; transition-delay: 0.65s; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-2 ol li:nth-child(1) { left: 2028px; top: 1234px; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-2 ol li:nth-child(1) span { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: transform 0.2s linear; -moz-transition: transform 0.2s linear; -ms-transition: transform 0.2s linear; -o-transition: transform 0.2s linear; transition: transform 0.2s linear; -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-2 ol li:nth-child(2) { left: 2001px; top: 1237px; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-2 ol li:nth-child(2) span { -webkit-transform: translate(100%, -100%); -moz-transform: translate(100%, -100%); -ms-transform: translate(100%, -100%); -o-transform: translate(100%, -100%); transform: translate(100%, -100%); -webkit-transition: transform 0.2s linear; -moz-transition: transform 0.2s linear; -ms-transition: transform 0.2s linear; -o-transition: transform 0.2s linear; transition: transform 0.2s linear; -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-2 ol li:nth-child(3) { left: 2111px; top: 23px; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-2 ol li:nth-child(3) span { -webkit-transform: translate(-100%, 100%); -moz-transform: translate(-100%, 100%); -ms-transform: translate(-100%, 100%); -o-transform: translate(-100%, 100%); transform: translate(-100%, 100%); -webkit-transition: transform 0.75s linear; -moz-transition: transform 0.75s linear; -ms-transition: transform 0.75s linear; -o-transition: transform 0.75s linear; transition: transform 0.75s linear; -webkit-transition-delay: 1.1s; -moz-transition-delay: 1.1s; -o-transition-delay: 1.1s; transition-delay: 1.1s; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-2 ol li:nth-child(4) { left: 2111px; top: 1237px; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-2 ol li:nth-child(4) span { -webkit-transform: translate(-100%, -100%); -moz-transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); -o-transform: translate(-100%, -100%); transform: translate(-100%, -100%); -webkit-transition: transform 0.2s linear; -moz-transition: transform 0.2s linear; -ms-transition: transform 0.2s linear; -o-transition: transform 0.2s linear; transition: transform 0.2s linear; -webkit-transition-delay: 1.3s; -moz-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-3 ol li:nth-child(1) { left: 1898px; top: 1165px; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-3 ol li:nth-child(1) span { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: transform 0.2s linear; -moz-transition: transform 0.2s linear; -ms-transition: transform 0.2s linear; -o-transition: transform 0.2s linear; transition: transform 0.2s linear; -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-3 ol li:nth-child(2) { left: 1901px; top: 1275px; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-3 ol li:nth-child(2) span { -webkit-transform: translate(-100%, 100%); -moz-transform: translate(-100%, 100%); -ms-transform: translate(-100%, 100%); -o-transform: translate(-100%, 100%); transform: translate(-100%, 100%); -webkit-transition: transform 0.2s linear; -moz-transition: transform 0.2s linear; -ms-transition: transform 0.2s linear; -o-transition: transform 0.2s linear; transition: transform 0.2s linear; -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-3 ol li:nth-child(3) { left: 0px; top: 1403px; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask .kanzi-3 ol li:nth-child(3) span { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform 1s linear; -moz-transition: transform 1s linear; -ms-transition: transform 1s linear; -o-transition: transform 1s linear; transition: transform 1s linear; -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask.onShow { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 2.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: transform 2.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); -ms-transition: transform 2.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: transform 2.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: transform 2.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } #section-1 .inner-cont-wrap .cont-holder .kanzi-box .mask.onShow .kanzi ol li span { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } #section-1 .inner-cont-wrap .cont-holder .product-box { position: absolute; top: 50%; width: 100%; height: 771px; margin-top: -279px; } #section-1 .inner-cont-wrap .cont-holder .product-box > div { position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); } #section-1 .inner-cont-wrap .cont-holder .product-box .gold { top: 103px; left: 78px; -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } #section-1 .inner-cont-wrap .cont-holder .product-box .gold div { position: absolute; left: 0; top: 0; } #section-1 .inner-cont-wrap .cont-holder .product-box .gold .obj { position: static; } #section-1 .inner-cont-wrap .cont-holder .product-box .gold .gui { opacity: 0; filter: alpha(opacity=0); } #section-1 .inner-cont-wrap .cont-holder .product-box .silver { right: 18px; left: auto; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); } #section-1 .inner-cont-wrap .cont-holder .product-box .silver div { position: absolute; left: 0; top: 0; } #section-1 .inner-cont-wrap .cont-holder .product-box .silver .obj { position: static; } #section-1 .inner-cont-wrap .cont-holder .product-box .silver .gui { opacity: 0; filter: alpha(opacity=0); } #section-1 .inner-cont-wrap .cont-holder .product-box.onShow .gold { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: opacity 1.5s 1.2s ease-out,transform 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s; -moz-transition: opacity 1.5s 1.2s ease-out,transform 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s; -ms-transition: opacity 1.5s 1.2s ease-out,transform 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s; -o-transition: opacity 1.5s 1.2s ease-out,transform 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s; transition: opacity 1.5s 1.2s ease-out,transform 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s; } #section-1 .inner-cont-wrap .cont-holder .product-box.onShow .gold .gui { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.3s 3s linear; -moz-transition: opacity 0.3s 3s linear; -ms-transition: opacity 0.3s 3s linear; -o-transition: opacity 0.3s 3s linear; transition: opacity 0.3s 3s linear; } #section-1 .inner-cont-wrap .cont-holder .product-box.onShow .silver { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: opacity 1.5s 1.2s ease-out,transform 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s; -moz-transition: opacity 1.5s 1.2s ease-out,transform 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s; -ms-transition: opacity 1.5s 1.2s ease-out,transform 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s; -o-transition: opacity 1.5s 1.2s ease-out,transform 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s; transition: opacity 1.5s 1.2s ease-out,transform 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s; } #section-1 .inner-cont-wrap .cont-holder .product-box.onShow .silver .gui { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.3s 3s linear; -moz-transition: opacity 0.3s 3s linear; -ms-transition: opacity 0.3s 3s linear; -o-transition: opacity 0.3s 3s linear; transition: opacity 0.3s 3s linear; } #section-1 .inner-cont-wrap .cont-holder .dim-box { position: absolute; left: 50%; margin-left: -1280px; top: 50%; margin-top: -674px; } #section-1 .inner-cont-wrap .disclaimer-holder { position: absolute; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, 286px); -moz-transform: translate(-50%, 286px); -ms-transform: translate(-50%, 286px); -o-transform: translate(-50%, 286px); transform: translate(-50%, 286px); opacity: 0; filter: alpha(opacity=0); } #section-1 .inner-cont-wrap .disclaimer-holder.onShow { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.6s 0.6s linear; -moz-transition: opacity 0.6s 0.6s linear; -ms-transition: opacity 0.6s 0.6s linear; -o-transition: opacity 0.6s 0.6s linear; transition: opacity 0.6s 0.6s linear; } #section-2 { height: calc( 100vh - 70px ); overflow: hidden; } #section-2 .inner-cont-wrap { height: inherit; background-color: #dedbd8; } #section-2 .inner-cont-wrap .bg-holder { width: 2360px; height: 2360px; left: 50%; top: 50%; margin-left: -1180px; margin-top: -1180px; } #section-2 .inner-cont-wrap .bg-holder .bg { position: absolute; left: 0; top: 0; } #section-2 .inner-cont-wrap .dim-holder { height: 100%; } #section-2 .inner-cont-wrap .cont-holder .txt-box { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -49%); -moz-transform: translate(-50%, -49%); -ms-transform: translate(-50%, -49%); -o-transform: translate(-50%, -49%); transform: translate(-50%, -49%); } #section-2 .inner-cont-wrap .cont-holder .kanzi { width: 52px; margin: 0 auto; } #section-2 .inner-cont-wrap .cont-holder .kanzi h2 { line-height: 0; } #section-2 .inner-cont-wrap .cont-holder .kanzi h2 span { display: inline-block; opacity: 0; filter: alpha(opacity=0); } #section-2 .inner-cont-wrap .cont-holder .kanzi h2 span.txt-1 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } #section-2 .inner-cont-wrap .cont-holder .kanzi h2 span.txt-2 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } #section-2 .inner-cont-wrap .cont-holder .kanzi h2 span.txt-3 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } #section-2 .inner-cont-wrap .cont-holder .kanzi h2 span.txt-4 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } #section-2 .inner-cont-wrap .cont-holder .kanzi h2 span.line { position: relative; left: 50%; display: block; margin-left: -1px; margin-top: 46px; width: 2px; height: 60px; opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(1) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(2) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(3) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(4) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(5) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(6) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(7) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 2.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 2.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 2.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 2.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 2.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(8) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 2.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 2.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 2.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 2.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 2.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(9) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 3.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 3.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 3.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 3.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 3.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(10) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 3.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 3.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 3.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 3.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 3.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(11) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(12) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 4.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 4.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 4.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 4.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 4.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(13) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 4.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 4.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 4.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 4.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 4.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(14) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 5.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 5.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 5.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 5.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 5.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(15) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 5.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 5.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 5.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 5.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 5.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(16) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 6s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(17) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 6.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 6.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 6.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 6.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 6.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(18) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 6.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 6.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 6.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 6.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 6.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(19) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 7.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 7.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 7.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 7.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 7.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(20) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 7.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 7.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 7.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 7.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 7.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(21) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 8s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(22) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 8.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 8.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 8.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 8.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 8.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(23) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 8.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 8.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 8.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 8.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 8.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(24) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 9.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 9.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 9.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 9.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 9.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(25) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 9.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 9.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 9.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 9.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 9.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(26) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 10s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 10s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 10s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 10s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 10s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(27) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 10.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 10.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 10.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 10.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 10.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(28) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 10.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 10.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 10.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 10.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 10.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(29) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 11.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 11.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 11.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 11.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 11.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .kanzi.onShow h2 span:nth-child(30) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.5s 11.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.5s 11.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.5s 11.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.5s 11.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.5s 11.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-2 .inner-cont-wrap .cont-holder .sub-title-box { margin-top: 70px; } #section-2 .inner-cont-wrap .cont-holder .sub-title-box span { display: block; font-size: 32px; } #section-2 .inner-cont-wrap .cont-holder .sub-title-box span em { opacity: 0; filter: alpha(opacity=0); } #section-2 .inner-cont-wrap .cont-holder .sub-title-box p { color: #825034; margin-top: 26px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } #section-2 .inner-cont-wrap .cont-holder .sub-title-box.onShow span em { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.2s; -moz-transition: opacity 1.2s; -ms-transition: opacity 1.2s; -o-transition: opacity 1.2s; transition: opacity 1.2s; } #section-2 .inner-cont-wrap .cont-holder .sub-title-box.onShow span em:nth-child(1) { -webkit-transition-delay: 1.7s; -moz-transition-delay: 1.7s; -o-transition-delay: 1.7s; transition-delay: 1.7s; } #section-2 .inner-cont-wrap .cont-holder .sub-title-box.onShow span em:nth-child(2) { -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; } #section-2 .inner-cont-wrap .cont-holder .sub-title-box.onShow span em:nth-child(3) { -webkit-transition-delay: 1.9s; -moz-transition-delay: 1.9s; -o-transition-delay: 1.9s; transition-delay: 1.9s; } #section-2 .inner-cont-wrap .cont-holder .sub-title-box.onShow span em:nth-child(4) { -webkit-transition-delay: 1.8s; -moz-transition-delay: 1.8s; -o-transition-delay: 1.8s; transition-delay: 1.8s; } #section-2 .inner-cont-wrap .cont-holder .sub-title-box.onShow p { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: transform 1s 2s ,opacity 1s 2s; -moz-transition: transform 1s 2s ,opacity 1s 2s; -ms-transition: transform 1s 2s ,opacity 1s 2s; -o-transition: transform 1s 2s ,opacity 1s 2s; transition: transform 1s 2s ,opacity 1s 2s; } #section-3 .txt-box.char-cn, #section-4 .txt-box.char-cn { font-size: 32px; line-height: 46px; } #section-3 .cont-box, #section-4 .cont-box { position: relative; width: 100%; max-width: 2560px; margin: 0 auto; background-color: rgba(254, 254, 144, 0); } #section-3 .cont-box .cont-holder, #section-4 .cont-box .cont-holder { max-width: 1120px; margin: 0 auto; text-align: left; font-size: 0; } #section-3 .cont-box .cont-gra-mask, #section-4 .cont-box .cont-gra-mask { display: block; position: absolute; width: 488px; height: 100%; top: 0; background-size: 100%; background-repeat: repeat-y; background-position: top left; } #section-3 .cont-box .cont-gra-mask.mask-l, #section-4 .cont-box .cont-gra-mask.mask-l { right: 2290px; background-image: url("../img/sec_line_gradient_mask_l.png"); } #section-3 .cont-box .cont-gra-mask.mask-l.type-beige, #section-4 .cont-box .cont-gra-mask.mask-l.type-beige { background-image: url("../img/sec_line_gradient_mask_beige_l.png"); } #section-3 .cont-box .cont-gra-mask.mask-r, #section-4 .cont-box .cont-gra-mask.mask-r { left: 2290px; background-image: url("../img/sec_line_gradient_mask_r.png"); } #section-3 .cont-box .cont-gra-mask.mask-r.type-beige, #section-4 .cont-box .cont-gra-mask.mask-r.type-beige { background-image: url("../img/sec_line_gradient_mask_beige_r.png"); } #section-3 .cont-box .txt-tit-box, #section-4 .cont-box .txt-tit-box { margin-top: 100px; color: #d0a493; text-align: left; } #section-3 .cont-box .txt-tit-box .txt-tit span, #section-4 .cont-box .txt-tit-box .txt-tit span { display: block; } #section-3 .cont-box .txt-tit-box .txt-tit em, #section-4 .cont-box .txt-tit-box .txt-tit em { display: inline-block; } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(1), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(1) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(2), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(2) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(3), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(3) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(4), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(4) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(5), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(5) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(6), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(6) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(7), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(7) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(8), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(8) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(9), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(9) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(10), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(10) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(11), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(11) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(12), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(12) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(13), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(13) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(14), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(14) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(15), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(15) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(16), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(16) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(17), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(17) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(18), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(18) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(19), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(19) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(20), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(20) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(21), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(21) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(22), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(22) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(23), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(23) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(24), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(24) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(25), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(25) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(26), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(26) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(27), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(27) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(28), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(28) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(29), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(29) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-tit em:nth-child(30), #section-4 .cont-box .txt-tit-box .txt-tit em:nth-child(30) { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-tit-box .txt-desc, #section-4 .cont-box .txt-tit-box .txt-desc { margin-top: 35px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 20px, 0); -moz-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); -o-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } #section-3 .cont-box .txt-box, #section-4 .cont-box .txt-box { text-align: left; box-sizing: border-box; } #section-3 .cont-box .txt-box.txt-size-half, #section-4 .cont-box .txt-box.txt-size-half { display: inline-block; width: 50%; } #section-3 .cont-box .txt-box.txt-size-full, #section-4 .cont-box .txt-box.txt-size-full { margin-top: 52px; font-size: 0; } #section-3 .cont-box .txt-box.txt-size-full .txt-tit, #section-4 .cont-box .txt-box.txt-size-full .txt-tit { display: inline-block; width: 35.8%; padding-left: 120px; vertical-align: top; } #section-3 .cont-box .txt-box.txt-size-full .txt-desc, #section-4 .cont-box .txt-box.txt-size-full .txt-desc { display: inline-block; width: 64.2%; margin-top: 0; } #section-3 .cont-box .txt-box .txt-tit, #section-4 .cont-box .txt-box .txt-tit { box-sizing: border-box; } #section-3 .cont-box .txt-box .txt-desc, #section-4 .cont-box .txt-box .txt-desc { margin-top: 20px; letter-spacing: -0.045em; line-height: 32px; color: inherit; box-sizing: border-box; } #section-3 .cont-box .txt-box .txt-tit, #section-4 .cont-box .txt-box .txt-tit { opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box .txt-box .txt-desc, #section-4 .cont-box .txt-box .txt-desc { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 20px, 0); -moz-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); -o-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } #section-3 .cont-box .txt-box.onShow .txt-tit, #section-4 .cont-box .txt-box.onShow .txt-tit { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.65s ease-in-out, opacity 0.65s linear; -moz-transition: -moz-transform 0.65s ease-in-out, opacity 0.65s linear; -ms-transition: -ms-transform 0.65s ease-in-out, opacity 0.65s linear; -o-transition: -o-transform 0.65s ease-in-out, opacity 0.65s linear; transition: transform 0.65s ease-in-out, opacity 0.65s linear; } #section-3 .cont-box .txt-box.onShow .txt-desc, #section-4 .cont-box .txt-box.onShow .txt-desc { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 1s 0.4s cubic-bezier(0, 0, 0.32, 1), opacity 1s 0.4s linear; -moz-transition: -moz-transform 1s 0.4s cubic-bezier(0, 0, 0.32, 1), opacity 1s 0.4s linear; -ms-transition: -ms-transform 1s 0.4s cubic-bezier(0, 0, 0.32, 1), opacity 1s 0.4s linear; -o-transition: -o-transform 1s 0.4s cubic-bezier(0, 0, 0.32, 1), opacity 1s 0.4s linear; transition: transform 1s 0.4s cubic-bezier(0, 0, 0.32, 1), opacity 1s 0.4s linear; } #section-3 .cont-box .img-box, #section-4 .cont-box .img-box { position: relative; background-color: #020102; overflow: hidden; } #section-3 .cont-box .img-box.img-size-half, #section-4 .cont-box .img-box.img-size-half { display: inline-block; width: 50%; vertical-align: bottom; } #section-3 .cont-box .img-box .img-clip, #section-4 .cont-box .img-box .img-clip { display: inline-block; opacity: 0; filter: alpha(opacity=0); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } #section-3 .cont-box .img-box .img-clip.clip-1, #section-4 .cont-box .img-box .img-clip.clip-1 { position: relative; /*width:560px; height:620px;*/ } #section-3 .cont-box .img-box .img-clip.clip-2, #section-4 .cont-box .img-box .img-clip.clip-2 { position: absolute; width: auto; height: auto; top: 0; right: 0; } #section-3 .cont-box .img-box .img-clip.clip-3, #section-4 .cont-box .img-box .img-clip.clip-3 { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #section-3 .cont-box .img-box .video-clip, #section-4 .cont-box .img-box .video-clip { display: inline-block; position: absolute; width: 232px; height: 492px; top: 54px; left: 29px; padding-top: 27px; background-color: #000; box-sizing: border-box; } #section-3 .cont-box .img-box .video-clip video, #section-4 .cont-box .img-box .video-clip video { position: relative; height: 412px; } #section-3 .cont-box .img-box .video-clip .video-poster, #section-4 .cont-box .img-box .video-clip .video-poster { position: absolute; width: 100%; height: 412px; top: 27px; left: 0; } #section-3 .cont-box .img-box .img-desc, #section-4 .cont-box .img-box .img-desc { position: absolute; left: 0; bottom: 0; text-align: center; color: #484442; } #section-3 .cont-box .img-box .img-desc .txt-type, #section-4 .cont-box .img-box .img-desc .txt-type { display: block; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.6s ease-out; -moz-transition: opacity 0.6s ease-out; -ms-transition: opacity 0.6s ease-out; -o-transition: opacity 0.6s ease-out; transition: opacity 0.6s ease-out; } #section-3 .cont-box .img-box .img-desc .txt-type.on, #section-4 .cont-box .img-box .img-desc .txt-type.on { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.6s 0.6s ease-out; -moz-transition: opacity 0.6s 0.6s ease-out; -ms-transition: opacity 0.6s 0.6s ease-out; -o-transition: opacity 0.6s 0.6s ease-out; transition: opacity 0.6s 0.6s ease-out; } #section-3 .cont-box .img-box .img-desc .txt-type.simple, #section-4 .cont-box .img-box .img-desc .txt-type.simple { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #section-3 .cont-box .line-obj, #section-4 .cont-box .line-obj { position: absolute; top: 0; left: 0; } #section-3 .cont-box .line-obj .box, #section-4 .cont-box .line-obj .box { width: 2px; height: 100px; overflow: hidden; } #section-3 .cont-box .line-obj .box .line, #section-4 .cont-box .line-obj .box .line { width: 100%; height: 100%; background-color: #58463f; } #section-3 .cont-box .line-obj.type-width .box, #section-4 .cont-box .line-obj.type-width .box { width: 100px; height: 2px; } #section-3 .cont-box .line-gra-mask, #section-4 .cont-box .line-gra-mask { display: none; position: absolute; width: 488px; height: 100%; top: 0; background-size: 100%; background-repeat: repeat-y; background-position: top left; } #section-3 .cont-box .line-gra-mask.mask-r, #section-4 .cont-box .line-gra-mask.mask-r { right: 0; background-image: url("../img/sec_line_gradient_mask_r.png"); } #section-3 .cont-box .line-gra-mask.mask-r.type-beige, #section-4 .cont-box .line-gra-mask.mask-r.type-beige { background-image: url("../img/sec_line_gradient_mask_beige_r.png"); } #section-3 .cont-box .line-gra-mask.mask-l, #section-4 .cont-box .line-gra-mask.mask-l { left: 0; background-image: url("../img/sec_line_gradient_mask_l.png"); } #section-3 .cont-box .line-gra-mask.mask-l.type-beige, #section-4 .cont-box .line-gra-mask.mask-l.type-beige { background-image: url("../img/sec_line_gradient_mask_beige_l.png"); } #section-3 .cont-box.cover .bg-holder .bg-clip, #section-4 .cont-box.cover .bg-holder .bg-clip { position: absolute; left: 50%; top: 0; margin-left: -385px; overflow: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } #section-3 .cont-box.cover .bg-holder .bg-clip .bg-obj-mask, #section-4 .cont-box.cover .bg-holder .bg-clip .bg-obj-mask { position: absolute; width: 1631px; height: 860px; top: 0; left: 0; margin-left: 34px; overflow: hidden; } #section-3 .cont-box.cover .bg-holder .bg-clip .bg-obj, #section-4 .cont-box.cover .bg-holder .bg-clip .bg-obj { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: -moz-radial-gradient(center, ellipse cover, #58463f 0%, rgba(88, 70, 63, 0) 80%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #58463f 0%, rgba(88, 70, 63, 0) 80%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #58463f 0%, rgba(88, 70, 63, 0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58463f', endColorstr='#0058463f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale3d(0, 0, 1); -moz-transform: scale3d(0, 0, 1); -ms-transform: scale3d(0, 0, 1); -o-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); opacity: 0; filter: alpha(opacity=0); } #section-3 .cont-box.cover .bg-holder .bg-clip .bg-img, #section-4 .cont-box.cover .bg-holder .bg-clip .bg-img { position: relative; } #section-3 .cont-box.onShow .bg-holder .bg-clip .bg-obj, #section-4 .cont-box.onShow .bg-holder .bg-clip .bg-obj { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(2.5, 2.5, 1); -moz-transform: scale3d(2.5, 2.5, 1); -ms-transform: scale3d(2.5, 2.5, 1); -o-transform: scale3d(2.5, 2.5, 1); transform: scale3d(2.5, 2.5, 1); -webkit-transition: -webkit-transform 3.6s 0s cubic-bezier(0.32, 0.18, 0.29, 1), opacity 0.8s 0s linear; -moz-transition: -moz-transform 3.6s 0s cubic-bezier(0.32, 0.18, 0.29, 1), opacity 0.8s 0s linear; -ms-transition: -ms-transform 3.6s 0s cubic-bezier(0.32, 0.18, 0.29, 1), opacity 0.8s 0s linear; -o-transition: -o-transform 3.6s 0s cubic-bezier(0.32, 0.18, 0.29, 1), opacity 0.8s 0s linear; transition: transform 3.6s 0s cubic-bezier(0.32, 0.18, 0.29, 1), opacity 0.8s 0s linear; } #section-3 { height: 5060px; overflow: hidden; } #section-3 .inner-cont-wrap { height: inherit; background-color: #0a0909; } #section-3 .inner-cont-wrap .cont-box .txt-box { color: #dad4d0; } #section-3 .inner-cont-wrap .cont-1 { margin-bottom: 330px; } #section-3 .inner-cont-wrap .cont-1.cover .bg-holder .bg-clip { margin-top: -484px; margin-left: -352px; } #section-3 .inner-cont-wrap .cont-1.cover .bg-holder .bg-clip .bg-obj-mask, #section-3 .inner-cont-wrap .cont-1.cover .bg-holder .bg-clip .bg-img { visibility: hidden; } #section-3 .inner-cont-wrap .cont-1.cover .bg-holder .bg-clip .draw-line { width: 2102px; height: 1314px; } #section-3 .inner-cont-wrap .cont-1.cover .bg-holder .bg-clip .draw-line .path-line { fill: none; stroke: #58463f; stroke-miterlimit: 10; stroke-width: 2px; } #section-3 .inner-cont-wrap .cont-1.cover .bg-holder .bg-clip .draw-line .path-line.line-1 { stroke-dashoffset: 1395px; stroke-dasharray: 1395px; } #section-3 .inner-cont-wrap .cont-1.cover .bg-holder .bg-clip .draw-line .path-line.line-2 { stroke-dashoffset: 2065px; stroke-dasharray: 2065px; } #section-3 .inner-cont-wrap .cont-1 .cont-holder { padding-top: 204px; } #section-3 .inner-cont-wrap .cont-1 .txt-box { display: inline-block; padding-left: 118px; color: #d0a493; } #section-3 .inner-cont-wrap .cont-1 .txt-box span { display: block; opacity: 0; filter: alpha(opacity=0); } #section-3 .inner-cont-wrap .cont-1 .txt-tit-box { padding-left: 118px; } #section-3 .inner-cont-wrap .cont-1 .line-obj-1 { left: 132px; top: 60px; } #section-3 .inner-cont-wrap .cont-1 .line-obj-1 .box { height: 97px; } #section-3 .inner-cont-wrap .cont-1 .line-obj-1 .box .line { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(1) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(1) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(1) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(2) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(2) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(2) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(3) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(3) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(3) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(4) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(4) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(4) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(5) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(5) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(5) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(6) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(6) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(6) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(7) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(7) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(7) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(8) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(8) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(8) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(9) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(9) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(9) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(10) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(10) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(10) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(11) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(11) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(11) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(12) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(12) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(12) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(13) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(13) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(13) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(14) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(14) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(14) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(15) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(15) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(15) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(16) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(16) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(16) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(17) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(17) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(17) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(18) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(18) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(18) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(19) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(19) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(19) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(20) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(20) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(20) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(21) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(21) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(21) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(22) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(22) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(22) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(23) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(23) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 1.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(23) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(24) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(24) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(24) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(25) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(25) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(25) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(26) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(26) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(26) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(27) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(27) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(27) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(28) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(28) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(28) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(29) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.7s 1.1s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(29) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(29) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(30) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 1.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(30) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(30) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-3 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-desc { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.8s 1.8s cubic-bezier(0, 0, 0.32, 1), opacity 0.8s 1.8s linear; -moz-transition: -moz-transform 0.8s 1.8s cubic-bezier(0, 0, 0.32, 1), opacity 0.8s 1.8s linear; -ms-transition: -ms-transform 0.8s 1.8s cubic-bezier(0, 0, 0.32, 1), opacity 0.8s 1.8s linear; -o-transition: -o-transform 0.8s 1.8s cubic-bezier(0, 0, 0.32, 1), opacity 0.8s 1.8s linear; transition: transform 0.8s 1.8s cubic-bezier(0, 0, 0.32, 1), opacity 0.8s 1.8s linear; } #section-3 .inner-cont-wrap .cont-1.onShow .txt-box .txt-2 { -webkit-transition-delay: 1.4s; -moz-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; } #section-3 .inner-cont-wrap .cont-1.onShow .txt-box span { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 1s 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 1s 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 1s 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 1s 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-3 .inner-cont-wrap .cont-1.onShow .line-obj-1 .box .line { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.45, 0.04, 0.32, 1); -webkit-transition-delay: 0.3s; -moz-transition: -moz-transform 0.8s cubic-bezier(0.45, 0.04, 0.32, 1); -moz-transition-delay: 0.3s; -ms-transition: -ms-transform 0.8s cubic-bezier(0.45, 0.04, 0.32, 1); -ms-transition-delay: 0.3s; -o-transition: -o-transform 0.8s cubic-bezier(0.45, 0.04, 0.32, 1); -o-transition-delay: 0.3s; transition: transform 0.8s cubic-bezier(0.45, 0.04, 0.32, 1); transition-delay: 0.3s; } #section-3 .inner-cont-wrap .cont-2 { margin-bottom: 160px; overflow: visible; } #section-3 .inner-cont-wrap .cont-2 .line-obj-2 { top: -277px; left: 132px; } #section-3 .inner-cont-wrap .cont-2 .line-obj-2 .box { height: 563px; } #section-3 .inner-cont-wrap .cont-2 .line-obj-2 .box .line { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } #section-3 .inner-cont-wrap .cont-2 .line-obj-2.onShow .box .line { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 1.8s cubic-bezier(0.45, 0.04, 0.32, 1); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1.8s cubic-bezier(0.45, 0.04, 0.32, 1); -moz-transition-delay: 0s; -ms-transition: -ms-transform 1.8s cubic-bezier(0.45, 0.04, 0.32, 1); -ms-transition-delay: 0s; -o-transition: -o-transform 1.8s cubic-bezier(0.45, 0.04, 0.32, 1); -o-transition-delay: 0s; transition: transform 1.8s cubic-bezier(0.45, 0.04, 0.32, 1); transition-delay: 0s; } #section-3 .inner-cont-wrap .cont-2 .line-obj-3 { /*position:relative;*/ width: 1400px; height: 1525px; top: 100%; left: auto; right: 120px; } #section-3 .inner-cont-wrap .cont-2 .line-obj-3 .box-1 { position: absolute; height: 160px; top: 0; right: 0; } #section-3 .inner-cont-wrap .cont-2 .line-obj-3 .box-1 .line { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } #section-3 .inner-cont-wrap .cont-2 .line-obj-3 .box-2, #section-3 .inner-cont-wrap .cont-2 .line-obj-3 .box-3 { position: absolute; height: 1072px; top: 160px; right: 0; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #section-3 .inner-cont-wrap .cont-2 .line-obj-3 .box-2 .line, #section-3 .inner-cont-wrap .cont-2 .line-obj-3 .box-3 .line { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } #section-3 .inner-cont-wrap .cont-2 .line-obj-3 .box-3 { display: none; height: 1230px; top: 920px; right: 800px; } #section-3 .inner-cont-wrap .cont-2 .line-obj-3 .box-3.onShow .line { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 2.8s cubic-bezier(0.45, 0.04, 0.32, 1); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 2.8s cubic-bezier(0.45, 0.04, 0.32, 1); -moz-transition-delay: 0s; -ms-transition: -ms-transform 2.8s cubic-bezier(0.45, 0.04, 0.32, 1); -ms-transition-delay: 0s; -o-transition: -o-transform 2.8s cubic-bezier(0.45, 0.04, 0.32, 1); -o-transition-delay: 0s; transition: transform 2.8s cubic-bezier(0.45, 0.04, 0.32, 1); transition-delay: 0s; } #section-3 .inner-cont-wrap .cont-2 .line-obj-3 .mask-l { left: -242px; top: auto; bottom: -200px; } #section-3 .inner-cont-wrap .cont-2 .line-obj-3.onShow .box-1 .line { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.48, 0.15, 0.68, 0.7); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 0.6s cubic-bezier(0.48, 0.15, 0.68, 0.7); -moz-transition-delay: 0s; -ms-transition: -ms-transform 0.6s cubic-bezier(0.48, 0.15, 0.68, 0.7); -ms-transition-delay: 0s; -o-transition: -o-transform 0.6s cubic-bezier(0.48, 0.15, 0.68, 0.7); -o-transition-delay: 0s; transition: transform 0.6s cubic-bezier(0.48, 0.15, 0.68, 0.7); transition-delay: 0s; } #section-3 .inner-cont-wrap .cont-2 .line-obj-3.onShow .box-2 .line { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 2.2s cubic-bezier(0.49, 0.01, 0.42, 0.92); -webkit-transition-delay: 0.6s; -moz-transition: -moz-transform 2.2s cubic-bezier(0.49, 0.01, 0.42, 0.92); -moz-transition-delay: 0.6s; -ms-transition: -ms-transform 2.2s cubic-bezier(0.49, 0.01, 0.42, 0.92); -ms-transition-delay: 0.6s; -o-transition: -o-transform 2.2s cubic-bezier(0.49, 0.01, 0.42, 0.92); -o-transition-delay: 0.6s; transition: transform 2.2s cubic-bezier(0.49, 0.01, 0.42, 0.92); transition-delay: 0.6s; } #section-3 .inner-cont-wrap .cont-2 .txt-box { padding-left: 118px; margin-bottom: 13px; } #section-3 .inner-cont-wrap .cont-2 .img-box .img-clip { -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #section-3 .inner-cont-wrap .cont-2 .img-box .clip-2 { -webkit-transform: scale3d(0.98, 0.98, 1); -moz-transform: scale3d(0.98, 0.98, 1); -ms-transform: scale3d(0.98, 0.98, 1); -o-transform: scale3d(0.98, 0.98, 1); transform: scale3d(0.98, 0.98, 1); } #section-3 .inner-cont-wrap .cont-2 .img-box.onShow .img-clip { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 1.2s 0s ease-in-out, opacity 1.2s 0s linear; -moz-transition: -moz-transform 1.2s 0s ease-in-out, opacity 1.2s 0s linear; -ms-transition: -ms-transform 1.2s 0s ease-in-out, opacity 1.2s 0s linear; -o-transition: -o-transform 1.2s 0s ease-in-out, opacity 1.2s 0s linear; transition: transform 1.2s 0s ease-in-out, opacity 1.2s 0s linear; } #section-3 .inner-cont-wrap .cont-3 { margin-bottom: 196px; } #section-3 .inner-cont-wrap .cont-3 .txt-box { position: relative; padding-left: 77px; bottom: -7px; } #section-3 .inner-cont-wrap .cont-3 .img-box .img-clip { -webkit-transform: translate3d(0, 30px, 0); -moz-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); -o-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } #section-3 .inner-cont-wrap .cont-3 .img-box.onShow .img-clip { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 1s 0s ease-in-out, opacity 1s 0s linear; -moz-transition: -moz-transform 1s 0s ease-in-out, opacity 1s 0s linear; -ms-transition: -ms-transform 1s 0s ease-in-out, opacity 1s 0s linear; -o-transition: -o-transform 1s 0s ease-in-out, opacity 1s 0s linear; transition: transform 1s 0s ease-in-out, opacity 1s 0s linear; } #section-3 .inner-cont-wrap .cont-4 { margin-bottom: 194px; } #section-3 .inner-cont-wrap .cont-4 .line-obj-4 { height: 757px; top: 0; left: 240px; margin-top: -196px; } #section-3 .inner-cont-wrap .cont-4 .line-obj-4 .box-1 { position: absolute; height: 150px; top: 0; right: 0; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #section-3 .inner-cont-wrap .cont-4 .line-obj-4 .box-1 .line { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } #section-3 .inner-cont-wrap .cont-4 .line-obj-4 .box-2 { position: absolute; height: 532px; top: 105px; right: 106px; } #section-3 .inner-cont-wrap .cont-4 .line-obj-4 .box-2 .line { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } #section-3 .inner-cont-wrap .cont-4 .line-obj-4.onShow .box-1 .line { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.48, 0.15, 0.68, 0.7); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 0.9s cubic-bezier(0.48, 0.15, 0.68, 0.7); -moz-transition-delay: 0s; -ms-transition: -ms-transform 0.9s cubic-bezier(0.48, 0.15, 0.68, 0.7); -ms-transition-delay: 0s; -o-transition: -o-transform 0.9s cubic-bezier(0.48, 0.15, 0.68, 0.7); -o-transition-delay: 0s; transition: transform 0.9s cubic-bezier(0.48, 0.15, 0.68, 0.7); transition-delay: 0s; } #section-3 .inner-cont-wrap .cont-4 .line-obj-4.onShow .box-2 .line { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 1.6s cubic-bezier(0.49, 0.01, 0.42, 0.92); -webkit-transition-delay: 0.9s; -moz-transition: -moz-transform 1.6s cubic-bezier(0.49, 0.01, 0.42, 0.92); -moz-transition-delay: 0.9s; -ms-transition: -ms-transform 1.6s cubic-bezier(0.49, 0.01, 0.42, 0.92); -ms-transition-delay: 0.9s; -o-transition: -o-transform 1.6s cubic-bezier(0.49, 0.01, 0.42, 0.92); -o-transition-delay: 0.9s; transition: transform 1.6s cubic-bezier(0.49, 0.01, 0.42, 0.92); transition-delay: 0.9s; } #section-3 .inner-cont-wrap .cont-4 .txt-box { padding-left: 118px; margin-bottom: 125px; } #section-3 .inner-cont-wrap .cont-4 .img-box { background: none; overflow: visible; } #section-3 .inner-cont-wrap .cont-4 .img-box .img-clip { margin-left: -100px; } #section-3 .inner-cont-wrap .cont-4 .img-box .clip-1 { -webkit-transform: translate3d(20px, 20px, 0); -moz-transform: translate3d(20px, 20px, 0); -ms-transform: translate3d(20px, 20px, 0); -o-transform: translate3d(20px, 20px, 0); transform: translate3d(20px, 20px, 0); } #section-3 .inner-cont-wrap .cont-4 .img-box .clip-2 { right: auto; left: 0; -webkit-transform: translate3d(-20px, 20px, 0); -moz-transform: translate3d(-20px, 20px, 0); -ms-transform: translate3d(-20px, 20px, 0); -o-transform: translate3d(-20px, 20px, 0); transform: translate3d(-20px, 20px, 0); } #section-3 .inner-cont-wrap .cont-4 .img-box.onShow .img-clip { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0) rotate3d(1, 1, 1, 0deg); -moz-transform: translate3d(0, 0, 0) rotate3d(1, 1, 1, 0deg); -ms-transform: translate3d(0, 0, 0) rotate3d(1, 1, 1, 0deg); -o-transform: translate3d(0, 0, 0) rotate3d(1, 1, 1, 0deg); transform: translate3d(0, 0, 0) rotate3d(1, 1, 1, 0deg); -webkit-transition: -webkit-transform 0.8s ease-out, opacity 0.4s ease-out; -moz-transition: -moz-transform 0.8s ease-out, opacity 0.4s ease-out; -ms-transition: -ms-transform 0.8s ease-out, opacity 0.4s ease-out; -o-transition: -o-transform 0.8s ease-out, opacity 0.4s ease-out; transition: transform 0.8s ease-out, opacity 0.4s ease-out; } #section-3 .inner-cont-wrap .cont-5 .line-obj-5 { top: -260px; left: 132px; } #section-3 .inner-cont-wrap .cont-5 .line-obj-5 .box { height: 280px; } #section-3 .inner-cont-wrap .cont-5 .line-obj-5 .box .line { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } #section-3 .inner-cont-wrap .cont-5 .line-obj-5.onShow { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 1.6s cubic-bezier(0.45, 0.04, 0.32, 1); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1.6s cubic-bezier(0.45, 0.04, 0.32, 1); -moz-transition-delay: 0s; -ms-transition: -ms-transform 1.6s cubic-bezier(0.45, 0.04, 0.32, 1); -ms-transition-delay: 0s; -o-transition: -o-transform 1.6s cubic-bezier(0.45, 0.04, 0.32, 1); -o-transition-delay: 0s; transition: transform 1.6s cubic-bezier(0.45, 0.04, 0.32, 1); transition-delay: 0s; } #section-3 .inner-cont-wrap .cont-5 .line-obj-5.onShow .box .line { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.45, 0.04, 0.32, 1); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1.2s cubic-bezier(0.45, 0.04, 0.32, 1); -moz-transition-delay: 0s; -ms-transition: -ms-transform 1.2s cubic-bezier(0.45, 0.04, 0.32, 1); -ms-transition-delay: 0s; -o-transition: -o-transform 1.2s cubic-bezier(0.45, 0.04, 0.32, 1); -o-transition-delay: 0s; transition: transform 1.2s cubic-bezier(0.45, 0.04, 0.32, 1); transition-delay: 0s; } #section-3 .inner-cont-wrap .cont-5 .img-box .clip-1 { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale3d(1.05, 1.05, 1); -moz-transform: scale3d(1.05, 1.05, 1); -ms-transform: scale3d(1.05, 1.05, 1); -o-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); } #section-3 .inner-cont-wrap .cont-5 .img-box.onShow .img-clip { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 1s ease-in-out, opacity 1s linear; -moz-transition: -moz-transform 1s ease-in-out, opacity 1s linear; -ms-transition: -ms-transform 1s ease-in-out, opacity 1s linear; -o-transition: -o-transform 1s ease-in-out, opacity 1s linear; transition: transform 1s ease-in-out, opacity 1s linear; } #section-4 { height: 5015px; overflow: hidden; } #section-4 .inner-cont-wrap { background-color: #dedbd8; height: inherit; } #section-4 .inner-cont-wrap .cont-box .txt-box { color: #484442; } #section-4 .inner-cont-wrap .cont-box .txt-box .txt-tit { color: #484442; } #section-4 .inner-cont-wrap .cont-box .txt-tit-box { color: #825034; } #section-4 .inner-cont-wrap .cont-box .line-obj .box .line { background-color: #c6ad9f; } #section-4 .inner-cont-wrap .cont-1 { margin-bottom: 365px; } #section-4 .inner-cont-wrap .cont-1.cover .bg-holder .bg-clip { width: 3700px; height: 2900px; margin-left: -2020px; margin-top: -483px; overflow: hidden; } #section-4 .inner-cont-wrap .cont-1.cover .bg-holder .bg-clip .bg-obj-mask, #section-4 .inner-cont-wrap .cont-1.cover .bg-holder .bg-clip .bg-img { visibility: hidden; } #section-4 .inner-cont-wrap .cont-1.cover .bg-holder .bg-clip .bg-obj-mask { width: 2560px; height: 2304px; margin-left: 20px; } #section-4 .inner-cont-wrap .cont-1.cover .bg-holder .bg-clip .bg-obj { -webkit-transform-origin: 39% 24%; -moz-transform-origin: 39% 24%; -ms-transform-origin: 39% 24%; -o-transform-origin: 39% 24%; transform-origin: 39% 24%; background: -moz-radial-gradient(center, ellipse cover, #c6ad9f 0%, rgba(198, 173, 159, 0) 80%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #c6ad9f 0%, rgba(198, 173, 159, 0) 80%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #c6ad9f 0%, rgba(198, 173, 159, 0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6ad9f', endColorstr='#00c6ad9f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #section-4 .inner-cont-wrap .cont-1.cover .bg-holder .bg-clip .draw-line { width: 4039px; height: 3425px; } #section-4 .inner-cont-wrap .cont-1.cover .bg-holder .bg-clip .draw-line .path-line { fill: none; stroke: #c6ad9f; stroke-miterlimit: 10; stroke-width: 2px; } #section-4 .inner-cont-wrap .cont-1.cover .bg-holder .bg-clip .draw-line .path-line.line-1 { stroke-dashoffset: 1395px; stroke-dasharray: 1395px; } #section-4 .inner-cont-wrap .cont-1.cover .bg-holder .bg-clip .draw-line .path-line.line-2 { stroke-dashoffset: 2065px; stroke-dasharray: 2065px; } #section-4 .inner-cont-wrap .cont-1.cover .bg-holder .bg-clip .draw-line .path-line.line-3 { stroke-dashoffset: 2065px; stroke-dasharray: 2065px; } #section-4 .inner-cont-wrap .cont-1.cover .bg-holder .bg-clip .draw-line .path-line.line-4 { stroke-dashoffset: 2065px; stroke-dasharray: 2065px; } #section-4 .inner-cont-wrap .cont-1 .cont-holder { padding-top: 204px; padding-left: 560px; box-sizing: border-box; } #section-4 .inner-cont-wrap .cont-1 .txt-box { display: inline-block; color: #6b5646; } #section-4 .inner-cont-wrap .cont-1 .txt-box span { display: block; opacity: 0; filter: alpha(opacity=0); } #section-4 .inner-cont-wrap .cont-1 .txt-tit-box { margin-left: -3px; } #section-4 .inner-cont-wrap .cont-1 .line-obj-1 { left: 50%; top: 60px; margin-left: 14px; } #section-4 .inner-cont-wrap .cont-1 .line-obj-1 .box { height: 97px; } #section-4 .inner-cont-wrap .cont-1 .line-obj-1 .box .line { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } #section-4 .inner-cont-wrap .cont-1 .cont-gra-mask.mask-l { right: 2810px; } #section-4 .inner-cont-wrap .cont-1.onShow .bg-holder .bg-clip .bg-obj { -webkit-transition-duration: 3.8s; -moz-transition-duration: 3.8s; -o-transition-duration: 3.8s; transition-duration: 3.8s; } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(1) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(1) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(1) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(2) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(2) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(2) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(3) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(3) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(3) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(4) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(4) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(4) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(5) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(5) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(5) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(6) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(6) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(6) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(7) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(7) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(7) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(8) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(8) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(8) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(9) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(9) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(9) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(10) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(10) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(10) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(11) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(11) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(11) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(12) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(12) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(12) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(13) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(13) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(13) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(14) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(14) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(14) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(15) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(15) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(15) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(16) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(16) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(16) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(17) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(17) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(17) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(18) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(18) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(18) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(19) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(19) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(19) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(20) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(20) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(20) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(21) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(21) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(21) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(22) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(22) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(22) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(23) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(23) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(23) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(24) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(24) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(24) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.7s 2.3s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(25) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(25) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(25) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(26) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(26) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(26) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(27) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(27) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(27) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.8s 2.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(28) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(28) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(28) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2s 2.6s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(29) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(29) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(29) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.2s 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-1 em:nth-child(30) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-2 em:nth-child(30) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 1.9s 2.5s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-3 em:nth-child(30) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -ms-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: opacity 2.1s 2.7s cubic-bezier(0.215, 0.610, 0.355, 1.000); } #section-4 .inner-cont-wrap .cont-1.onShow .txt-tit-box .txt-desc { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.8s 3s cubic-bezier(0, 0, 0.32, 1), opacity 0.8s 3s linear; -moz-transition: -moz-transform 0.8s 3s cubic-bezier(0, 0, 0.32, 1), opacity 0.8s 3s linear; -ms-transition: -ms-transform 0.8s 3s cubic-bezier(0, 0, 0.32, 1), opacity 0.8s 3s linear; -o-transition: -o-transform 0.8s 3s cubic-bezier(0, 0, 0.32, 1), opacity 0.8s 3s linear; transition: transform 0.8s 3s cubic-bezier(0, 0, 0.32, 1), opacity 0.8s 3s linear; } #section-4 .inner-cont-wrap .cont-1.onShow .txt-box .txt-2 { -webkit-transition-delay: 1.8s; -moz-transition-delay: 1.8s; -o-transition-delay: 1.8s; transition-delay: 1.8s; } #section-4 .inner-cont-wrap .cont-1.onShow .txt-box span { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 1s 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 1s 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 1s 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 1s 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } #section-4 .inner-cont-wrap .cont-1.onShow .line-obj-1 { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.45, 0.04, 0.32, 1); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 0.8s cubic-bezier(0.45, 0.04, 0.32, 1); -moz-transition-delay: 0s; -ms-transition: -ms-transform 0.8s cubic-bezier(0.45, 0.04, 0.32, 1); -ms-transition-delay: 0s; -o-transition: -o-transform 0.8s cubic-bezier(0.45, 0.04, 0.32, 1); -o-transition-delay: 0s; transition: transform 0.8s cubic-bezier(0.45, 0.04, 0.32, 1); transition-delay: 0s; } #section-4 .inner-cont-wrap .cont-1.onShow .line-obj-1 .box .line { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.45, 0.04, 0.32, 1); -webkit-transition-delay: 0.8s; -moz-transition: -moz-transform 0.8s cubic-bezier(0.45, 0.04, 0.32, 1); -moz-transition-delay: 0.8s; -ms-transition: -ms-transform 0.8s cubic-bezier(0.45, 0.04, 0.32, 1); -ms-transition-delay: 0.8s; -o-transition: -o-transform 0.8s cubic-bezier(0.45, 0.04, 0.32, 1); -o-transition-delay: 0.8s; transition: transform 0.8s cubic-bezier(0.45, 0.04, 0.32, 1); transition-delay: 0.8s; } #section-4 .inner-cont-wrap .cont-2 { padding-bottom: 160px; } #section-4 .inner-cont-wrap .cont-2 .img-box .clip-2 { top: auto; right: auto; left: 0; bottom: 0; } #section-4 .inner-cont-wrap .cont-2 .line-obj-2 { top: 245px; left: auto; right: 100%; margin-right: -58px; } #section-4 .inner-cont-wrap .cont-2 .line-obj-2 .box { width: 984px; } #section-4 .inner-cont-wrap .cont-2 .line-obj-2 .box .line { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } #section-4 .inner-cont-wrap .cont-2 .line-obj-3 { top: 100%; left: 130px; margin-top: -173px; } #section-4 .inner-cont-wrap .cont-2 .line-obj-3 .box { position: absolute; height: 333px; } #section-4 .inner-cont-wrap .cont-2 .line-obj-3 .box .line { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } #section-4 .inner-cont-wrap .cont-2 .line-obj-3.onShow .box .line { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 1.8s cubic-bezier(0.45, 0.04, 0.32, 1); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1.8s cubic-bezier(0.45, 0.04, 0.32, 1); -moz-transition-delay: 0s; -ms-transition: -ms-transform 1.8s cubic-bezier(0.45, 0.04, 0.32, 1); -ms-transition-delay: 0s; -o-transition: -o-transform 1.8s cubic-bezier(0.45, 0.04, 0.32, 1); -o-transition-delay: 0s; transition: transform 1.8s cubic-bezier(0.45, 0.04, 0.32, 1); transition-delay: 0s; } #section-4 .inner-cont-wrap .cont-2 .txt-box { padding-left: 118px; vertical-align: middle; } #section-4 .inner-cont-wrap .cont-2 .img-box { vertical-align: middle; } #section-4 .inner-cont-wrap .cont-2 .img-box .img-clip { -webkit-transform: translate3d(20px, -20px, 0); -moz-transform: translate3d(20px, -20px, 0); -ms-transform: translate3d(20px, -20px, 0); -o-transform: translate3d(20px, -20px, 0); transform: translate3d(20px, -20px, 0); } #section-4 .inner-cont-wrap .cont-2 .img-box.onShow .img-clip { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 1s 0s ease-in-out, opacity 1s 0s linear; -moz-transition: -moz-transform 1s 0s ease-in-out, opacity 1s 0s linear; -ms-transition: -ms-transform 1s 0s ease-in-out, opacity 1s 0s linear; -o-transition: -o-transform 1s 0s ease-in-out, opacity 1s 0s linear; transition: transform 1s 0s ease-in-out, opacity 1s 0s linear; } #section-4 .inner-cont-wrap .cont-2.onShow .line-obj-2 .box .line { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 2.2s cubic-bezier(0.45, 0.04, 0.32, 1); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 2.2s cubic-bezier(0.45, 0.04, 0.32, 1); -moz-transition-delay: 0s; -ms-transition: -ms-transform 2.2s cubic-bezier(0.45, 0.04, 0.32, 1); -ms-transition-delay: 0s; -o-transition: -o-transform 2.2s cubic-bezier(0.45, 0.04, 0.32, 1); -o-transition-delay: 0s; transition: transform 2.2s cubic-bezier(0.45, 0.04, 0.32, 1); transition-delay: 0s; } #section-4 .inner-cont-wrap .cont-3 { margin-bottom: 153px; } #section-4 .inner-cont-wrap .cont-3 .line-obj-4 { top: -333px; left: 130px; } #section-4 .inner-cont-wrap .cont-3 .line-obj-4 .box { height: 333px; } #section-4 .inner-cont-wrap .cont-3 .line-obj-4 .box .line { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } #section-4 .inner-cont-wrap .cont-3 .line-obj-4.onShow .box .line { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 1.6s cubic-bezier(0.45, 0.04, 0.32, 1); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1.6s cubic-bezier(0.45, 0.04, 0.32, 1); -moz-transition-delay: 0s; -ms-transition: -ms-transform 1.6s cubic-bezier(0.45, 0.04, 0.32, 1); -ms-transition-delay: 0s; -o-transition: -o-transform 1.6s cubic-bezier(0.45, 0.04, 0.32, 1); -o-transition-delay: 0s; transition: transform 1.6s cubic-bezier(0.45, 0.04, 0.32, 1); transition-delay: 0s; } #section-4 .inner-cont-wrap .cont-3 .img-box .clip-1 { -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1); -ms-transform: scale3d(1.1, 1.1, 1); -o-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); -webkit-transform-origin: 50% 65%; -moz-transform-origin: 50% 65%; -ms-transform-origin: 50% 65%; -o-transform-origin: 50% 65%; transform-origin: 50% 65%; } #section-4 .inner-cont-wrap .cont-3 .img-box .clip-2 { -webkit-transform: translate3d(0, 20px, 0); -moz-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); -o-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } #section-4 .inner-cont-wrap .cont-3 .img-box.onShow .img-clip { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.8s ease-out, opacity 0.8s linear; -moz-transition: -moz-transform 0.8s ease-out, opacity 0.8s linear; -ms-transition: -ms-transform 0.8s ease-out, opacity 0.8s linear; -o-transition: -o-transform 0.8s ease-out, opacity 0.8s linear; transition: transform 0.8s ease-out, opacity 0.8s linear; } #section-4 .inner-cont-wrap .cont-3 .img-box.onShow .img-clip.clip-2 { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } #section-4 .inner-cont-wrap .cont-4 { padding-bottom: 172px; } #section-4 .inner-cont-wrap .cont-4 .line-obj-5 { width: 852px; height: 1582px; top: 0; left: -721px; margin-top: -140px; } #section-4 .inner-cont-wrap .cont-4 .line-obj-5 .box-1 { position: absolute; height: 428px; top: 0; right: 0; } #section-4 .inner-cont-wrap .cont-4 .line-obj-5 .box-1 .line { height: 139px; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } #section-4 .inner-cont-wrap .cont-4 .line-obj-5 .box-2 { position: absolute; height: 1495px; top: 428px; right: 0; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #section-4 .inner-cont-wrap .cont-4 .line-obj-5 .box-2 .line { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } #section-4 .inner-cont-wrap .cont-4 .line-obj-5.onShow .box-1 .line { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 1s cubic-bezier(0.48, 0.15, 0.68, 0.7); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1s cubic-bezier(0.48, 0.15, 0.68, 0.7); -moz-transition-delay: 0s; -ms-transition: -ms-transform 1s cubic-bezier(0.48, 0.15, 0.68, 0.7); -ms-transition-delay: 0s; -o-transition: -o-transform 1s cubic-bezier(0.48, 0.15, 0.68, 0.7); -o-transition-delay: 0s; transition: transform 1s cubic-bezier(0.48, 0.15, 0.68, 0.7); transition-delay: 0s; } #section-4 .inner-cont-wrap .cont-4 .line-obj-5.onShow .box-2 .line { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 2.8s cubic-bezier(0.49, 0.01, 0.42, 0.92); -webkit-transition-delay: 1s; -moz-transition: -moz-transform 2.8s cubic-bezier(0.49, 0.01, 0.42, 0.92); -moz-transition-delay: 1s; -ms-transition: -ms-transform 2.8s cubic-bezier(0.49, 0.01, 0.42, 0.92); -ms-transition-delay: 1s; -o-transition: -o-transform 2.8s cubic-bezier(0.49, 0.01, 0.42, 0.92); -o-transition-delay: 1s; transition: transform 2.8s cubic-bezier(0.49, 0.01, 0.42, 0.92); transition-delay: 1s; } #section-4 .inner-cont-wrap .cont-4 .img-box { background: none; vertical-align: middle; white-space: nowrap; overflow: visible; } #section-4 .inner-cont-wrap .cont-4 .img-box .img-clip { opacity: 1; filter: alpha(opacity=100); } #section-4 .inner-cont-wrap .cont-4 .img-box .img-clip .img-lighting { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #section-4 .inner-cont-wrap .cont-4 .img-box .clip-1 { margin-left: -17px; vertical-align: top; -webkit-transform: translate3d(0, 46px, 0); -moz-transform: translate3d(0, 46px, 0); -ms-transform: translate3d(0, 46px, 0); -o-transform: translate3d(0, 46px, 0); transform: translate3d(0, 46px, 0); } #section-4 .inner-cont-wrap .cont-4 .img-box .clip-1 .video-clip { left: 30px; } #section-4 .inner-cont-wrap .cont-4 .img-box .clip-2 { position: static; margin-top: 92px; margin-left: 3px; -webkit-transform: translate3d(0, -46px, 0); -moz-transform: translate3d(0, -46px, 0); -ms-transform: translate3d(0, -46px, 0); -o-transform: translate3d(0, -46px, 0); transform: translate3d(0, -46px, 0); } #section-4 .inner-cont-wrap .cont-4 .img-box .img-desc { width: 253px; bottom: 62px; padding-left: 6px; } #section-4 .inner-cont-wrap .cont-4 .img-box.onShow .img-clip { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 1s 0.1s ease-in-out, opacity 0.6s 0.4s ease-out; -moz-transition: -moz-transform 1s 0.1s ease-in-out, opacity 0.6s 0.4s ease-out; -ms-transition: -ms-transform 1s 0.1s ease-in-out, opacity 0.6s 0.4s ease-out; -o-transition: -o-transform 1s 0.1s ease-in-out, opacity 0.6s 0.4s ease-out; transition: transform 1s 0.1s ease-in-out, opacity 0.6s 0.4s ease-out; } #section-4 .inner-cont-wrap .cont-4 .txt-box { padding-left: 80px; margin-bottom: 84px; vertical-align: bottom; } #section-4 .inner-cont-wrap .cont-5 { margin-bottom: 280px; } #section-4 .inner-cont-wrap .cont-5 .mask-r { margin-top: -945px; } #section-4 .inner-cont-wrap .cont-5 .txt-box { width: 57.2%; margin-top: 137px; padding-left: 118px; vertical-align: top; } #section-4 .inner-cont-wrap .cont-5 .txt-box .txt-desc { margin-top: 32px; } #section-4 .inner-cont-wrap .cont-5 .draw-aux-line { position: absolute; width: 1356px; height: 1257px; top: -858px; right: -876px; } #section-4 .inner-cont-wrap .cont-5 .draw-aux-line .line-box { position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; overflow: hidden; } #section-4 .inner-cont-wrap .cont-5 .draw-aux-line .line-box svg { position: absolute; bottom: 0; left: 0; } #section-4 .inner-cont-wrap .cont-5 .draw-aux-line.reverse { top: 240px; right: 160px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #section-4 .inner-cont-wrap .cont-5 .draw-aux-line .path-line { fill: none; stroke: #c6ad9f; stroke-width: 2; } #section-4 .inner-cont-wrap .cont-5 .draw-aux-line .path-line.path-1, #section-4 .inner-cont-wrap .cont-5 .draw-aux-line .path-line.path-2 { stroke-dasharray: 2365px; stroke-dashoffset: 2365px; } #section-4 .inner-cont-wrap .cont-5 .img-box { width: auto; background: none; vertical-align: middle; overflow: visible; } #section-4 .inner-cont-wrap .cont-5 .img-box .img-clip { opacity: 0; filter: alpha(opacity=0); visibility: hidden; } #section-4 .inner-cont-wrap .cont-5 .img-box .line-obj { opacity: 0; filter: alpha(opacity=0); visibility: hidden; } #section-4 .inner-cont-wrap .cont-5 .img-box .clip-1 { background-color: #dedbd8; } #section-4 .inner-cont-wrap .cont-5 .img-box .sound-clip { position: absolute; top: 50%; left: 50%; margin-top: -3px; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); opacity: 0; filter: alpha(opacity=0); } #section-4 .inner-cont-wrap .cont-5 .img-box .sound-clip .sound { width: 190px; text-align: left; margin-top: 46px; opacity: 0; filter: alpha(opacity=0); } #section-4 .inner-cont-wrap .cont-5 .img-box .sound-clip .sound:first-child { margin-top: 0; } #section-4 .inner-cont-wrap .cont-5 .img-box .sound-clip .sound > ul { margin-top: 5px; border-top: 1px solid #825034; } #section-4 .inner-cont-wrap .cont-5 .img-box .sound-clip .sound > ul > li { margin-top: 20px; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } #section-4 .inner-cont-wrap .cont-5 .img-box .sound-clip .sound > ul > li > div .aud-btn { float: right; display: block; width: 36px; height: 36px; line-height: 36px; background-image: url("../img/soundBtns.png"); background-position-y: bottom; background-repeat: no-repeat; } #section-4 .inner-cont-wrap .cont-5 .img-box .sound-clip .sound > ul > li > div > span { float: left; line-height: 36px; } #section-4 .inner-cont-wrap .cont-5 .img-box .sound-clip .sound > ul > li > div.onPlay .aud-btn { background-position-y: top; } #section-4 .inner-cont-wrap .cont-5 .img-box .sound-clip .sound > ul > li > div.onPlay > span { -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; -ms-transition: color 0.4s ease-out; -o-transition: color 0.4s ease-out; transition: color 0.4s ease-out; } #section-4 .inner-cont-wrap .cont-5 .img-box .sound-clip .booting-sound { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.4s ease-out; -moz-transition: opacity 0.4s ease-out; -ms-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; } #section-4 .inner-cont-wrap .cont-5 .img-box .sound-clip .booting-sound .sound-1 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 0.8s ease-out 0.6s, opacity 0.6s 0.6s; -moz-transition: transform 0.8s ease-out 0.6s, opacity 0.6s 0.6s; -ms-transition: transform 0.8s ease-out 0.6s, opacity 0.6s 0.6s; -o-transition: transform 0.8s ease-out 0.6s, opacity 0.6s 0.6s; transition: transform 0.8s ease-out 0.6s, opacity 0.6s 0.6s; } #section-4 .inner-cont-wrap .cont-5 .img-box .sound-clip .booting-sound .sound-2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 0.8s ease-out 0.8s, opacity 0.6s 0.8s; -moz-transition: transform 0.8s ease-out 0.8s, opacity 0.6s 0.8s; -ms-transition: transform 0.8s ease-out 0.8s, opacity 0.6s 0.8s; -o-transition: transform 0.8s ease-out 0.8s, opacity 0.6s 0.8s; transition: transform 0.8s ease-out 0.8s, opacity 0.6s 0.8s; } #section-4 .inner-cont-wrap .cont-5 .img-box .sound-clip .booting-sound .sound-2 { margin-top: 10px; } #section-4 .inner-cont-wrap .cont-5 .img-box .sound-clip .booting-sound .sound-3 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 0.8s ease-out 1s, opacity 0.6s 1s; -moz-transition: transform 0.8s ease-out 1s, opacity 0.6s 1s; -ms-transition: transform 0.8s ease-out 1s, opacity 0.6s 1s; -o-transition: transform 0.8s ease-out 1s, opacity 0.6s 1s; transition: transform 0.8s ease-out 1s, opacity 0.6s 1s; } #section-4 .inner-cont-wrap .cont-5 .img-box .sound-clip .booting-sound .sound-3 { margin-top: 10px; } #section-4 .inner-cont-wrap .cont-5 .img-box .sound-clip .alarm-sound { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.4s ease-out 0.4s; -moz-transition: opacity 0.4s ease-out 0.4s; -ms-transition: opacity 0.4s ease-out 0.4s; -o-transition: opacity 0.4s ease-out 0.4s; transition: opacity 0.4s ease-out 0.4s; } #section-4 .inner-cont-wrap .cont-5 .img-box .sound-clip .alarm-sound .sound-1 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 0.8s ease-out 0.6s, opacity 0.6s 0.6s; -moz-transition: transform 0.8s ease-out 0.6s, opacity 0.6s 0.6s; -ms-transition: transform 0.8s ease-out 0.6s, opacity 0.6s 0.6s; -o-transition: transform 0.8s ease-out 0.6s, opacity 0.6s 0.6s; transition: transform 0.8s ease-out 0.6s, opacity 0.6s 0.6s; } #section-4 .inner-cont-wrap .cont-5 .img-box .sound-clip .alarm-sound .sound-2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 0.8s ease-out 0.8s, opacity 0.6s 0.8s; -moz-transition: transform 0.8s ease-out 0.8s, opacity 0.6s 0.8s; -ms-transition: transform 0.8s ease-out 0.8s, opacity 0.6s 0.8s; -o-transition: transform 0.8s ease-out 0.8s, opacity 0.6s 0.8s; transition: transform 0.8s ease-out 0.8s, opacity 0.6s 0.8s; } #section-4 .inner-cont-wrap .cont-5 .img-box .sound-clip .alarm-sound .sound-2 { margin-top: 10px; } #section-4 .inner-cont-wrap .cont-5 .img-box .sound-clip .alarm-sound .sound-3 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 0.8s ease-out 1s, opacity 0.6s 1s; -moz-transition: transform 0.8s ease-out 1s, opacity 0.6s 1s; -ms-transition: transform 0.8s ease-out 1s, opacity 0.6s 1s; -o-transition: transform 0.8s ease-out 1s, opacity 0.6s 1s; transition: transform 0.8s ease-out 1s, opacity 0.6s 1s; } #section-4 .inner-cont-wrap .cont-5 .img-box .sound-clip .alarm-sound .sound-3 { margin-top: 10px; } #section-4 .inner-cont-wrap .cont-5 .img-box .line-obj-6 { position: absolute; top: auto; left: auto; bottom: 100%; right: 0; margin-bottom: -182px; } #section-4 .inner-cont-wrap .cont-5 .img-box .line-obj-6 .box { height: 1200px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } #section-4 .inner-cont-wrap .cont-5 .img-box .line-obj-6 .box .line { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } #section-4 .inner-cont-wrap .cont-5 .img-box .line-obj-7 { position: absolute; top: 100%; left: 0; margin-top: -183px; } #section-4 .inner-cont-wrap .cont-5 .img-box .line-obj-7 .box { height: 1000px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } #section-4 .inner-cont-wrap .cont-5 .img-box .line-obj-7 .box .line { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } #section-4 .inner-cont-wrap .cont-5 .img-box.onShow .img-clip { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.3s 1s ease-out, opacity 0.3s 1s ease-out; -moz-transition: -moz-transform 0.3s 1s ease-out, opacity 0.3s 1s ease-out; -ms-transition: -ms-transform 0.3s 1s ease-out, opacity 0.3s 1s ease-out; -o-transition: -o-transform 0.3s 1s ease-out, opacity 0.3s 1s ease-out; transition: transform 0.3s 1s ease-out, opacity 0.3s 1s ease-out; } #section-4 .inner-cont-wrap .cont-5 .img-box.onShow .line-obj-6 .box .line { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 1.1s cubic-bezier(0.48, 0.15, 0.68, 0.7); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1.1s cubic-bezier(0.48, 0.15, 0.68, 0.7); -moz-transition-delay: 0s; -ms-transition: -ms-transform 1.1s cubic-bezier(0.48, 0.15, 0.68, 0.7); -ms-transition-delay: 0s; -o-transition: -o-transform 1.1s cubic-bezier(0.48, 0.15, 0.68, 0.7); -o-transition-delay: 0s; transition: transform 1.1s cubic-bezier(0.48, 0.15, 0.68, 0.7); transition-delay: 0s; } #section-4 .inner-cont-wrap .cont-5 .img-box.onShow .line-obj-7 .box .line { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 1s cubic-bezier(0.16, 0.14, 0.32, 1); -webkit-transition-delay: 1s; -moz-transition: -moz-transform 1s cubic-bezier(0.16, 0.14, 0.32, 1); -moz-transition-delay: 1s; -ms-transition: -ms-transform 1s cubic-bezier(0.16, 0.14, 0.32, 1); -ms-transition-delay: 1s; -o-transition: -o-transform 1s cubic-bezier(0.16, 0.14, 0.32, 1); -o-transition-delay: 1s; transition: transform 1s cubic-bezier(0.16, 0.14, 0.32, 1); transition-delay: 1s; } #section-4 .inner-cont-wrap .cont-5 .img-box.onShow .sound-clip { opacity: 1; filter: alpha(opacity=100); -webkit-transition: -webkit-transform 0.4s 1.2s ease-in-out, opacity 0.4s 1.2s ease-in-out; -moz-transition: -moz-transform 0.4s 1.2s ease-in-out, opacity 0.4s 1.2s ease-in-out; -ms-transition: -ms-transform 0.4s 1.2s ease-in-out, opacity 0.4s 1.2s ease-in-out; -o-transition: -o-transform 0.4s 1.2s ease-in-out, opacity 0.4s 1.2s ease-in-out; transition: transform 0.4s 1.2s ease-in-out, opacity 0.4s 1.2s ease-in-out; } #section-4 .inner-cont-wrap .slider-holder { position: relative; height: 720px; } #section-4 .inner-cont-wrap .slider-holder .bx-viewport { overflow: visible !important; background-color: #010101; } #section-4 .inner-cont-wrap .slider-holder .slider { height: 100%; left: 50%; margin-left: -560px; text-align: left; } #section-4 .inner-cont-wrap .slider-holder .slider .img-tit-txt { font-size: 14px; line-height: 1; letter-spacing: 0; color: #dedbd8; } #section-4 .inner-cont-wrap .slider-holder .slider .slider-item-1 .img-box { opacity: 0; filter: alpha(opacity=0); } #section-4 .inner-cont-wrap .slider-holder .slider .slider-item-1 .img-box.onShow { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } #section-4 .inner-cont-wrap .slider-holder .slider .slider-item-1 .des-box { position: absolute; right: 30px; bottom: 27px; } #section-4 .inner-cont-wrap .slider-holder .slider .slider-item-1 .des-box .img-tit-txt { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } #section-4 .inner-cont-wrap .slider-holder .slider .slider-item-1 .des-box.onShow .img-tit-txt { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: transform 0.5s ease-out,opacity 0.5s linear; -moz-transition: transform 0.5s ease-out,opacity 0.5s linear; -ms-transition: transform 0.5s ease-out,opacity 0.5s linear; -o-transition: transform 0.5s ease-out,opacity 0.5s linear; transition: transform 0.5s ease-out,opacity 0.5s linear; } #section-4 .inner-cont-wrap .slider-holder .slider .slider-item-2 .des-box { position: absolute; right: 30px; bottom: 27px; } #section-4 .inner-cont-wrap .slider-holder .slider .slider-item-3 .des-box { position: absolute; right: 30px; bottom: 27px; } #section-4 .inner-cont-wrap .slider-holder .bx-controls { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #section-4 .inner-cont-wrap .slider-holder .bx-controls .bx-pager { position: absolute; width: 100%; height: 14px; left: 0; bottom: 30px; z-index: 1000; font-size: 0; text-align: center; } #section-4 .inner-cont-wrap .slider-holder .bx-controls .bx-pager .bx-pager-item { display: inline-block; width: 14px; height: 14px; margin: 0 4px 0 3px; } #section-4 .inner-cont-wrap .slider-holder .bx-controls .bx-pager .bx-pager-item a { display: block; width: 100%; height: 100%; border: 2px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; text-indent: -1000px; box-sizing: border-box; } #section-4 .inner-cont-wrap .slider-holder .bx-controls .bx-pager .bx-pager-item a.active { background: #fff; } #section-5 { overflow: hidden; } #section-5 .inner-cont-wrap { height: calc( 100vh - 70px ); background-color: #090909; } #section-5 .inner-cont-wrap .dim-holder { height: 100%; } #section-5 .inner-cont-wrap .bg-holder { background-image: url("../img/sec5_bg.jpg"); background-size: cover; background-position: center center; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale3d(1.05, 1.05, 1); -moz-transform: scale3d(1.05, 1.05, 1); -ms-transform: scale3d(1.05, 1.05, 1); -o-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } #section-5 .inner-cont-wrap .bg-holder.onShow { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 2.4s ease-out, opacity 2.4s linear; -moz-transition: -moz-transform 2.4s ease-out, opacity 2.4s linear; -ms-transition: -ms-transform 2.4s ease-out, opacity 2.4s linear; -o-transition: -o-transform 2.4s ease-out, opacity 2.4s linear; transition: transform 2.4s ease-out, opacity 2.4s linear; } #section-5 .inner-cont-wrap .cont-holder .txt-box { width: 100%; position: absolute; top: 50%; color: #fff; -webkit-transform: translateY(-16%); -moz-transform: translateY(-16%); -ms-transform: translateY(-16%); -o-transform: translateY(-16%); transform: translateY(-16%); opacity: 0; filter: alpha(opacity=0); } #section-5 .inner-cont-wrap .cont-holder .txt-box p { display: block; width: 100%; padding-bottom: 40px; } #section-5 .inner-cont-wrap .cont-holder .txt-box.onTrans { -webkit-transition: transform 1s ease-out,opacity 2.2s 0.5s; -moz-transition: transform 1s ease-out,opacity 2.2s 0.5s; -ms-transition: transform 1s ease-out,opacity 2.2s 0.5s; -o-transition: transform 1s ease-out,opacity 2.2s 0.5s; transition: transform 1s ease-out,opacity 2.2s 0.5s; opacity: 1; filter: alpha(opacity=100); } /*# sourceMappingURL=page.css.map */