@charset "UTF-8";
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-slider *{outline:none}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-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)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-slider *{outline:0;margin:0px 20px}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-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)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.contact{position:relative;padding:60px 0 100px 0;width:100%;height:auto;min-height:800px;left:0;top:0;z-index:1}#contact-box1{margin-top:100px;margin-bottom:80px}#contact-content{position:relative;display:inline-block;width:410px;height:335px;max-width:100%}#contact-1{position:absolute;display:block;width:calc(53 / 410 * 100%);left:calc(1 / 410 * 100%);top:calc(0 / 335 * 100%);z-index:2}#contact-svg1{width:100%;height:auto}#contact-svg1 path{fill:url(#contact-svgcolor)}#contact-2{position:absolute;display:block;width:calc(408 / 410 * 100%);left:calc(1 / 410 * 100%);top:calc(31 / 335 * 100%);z-index:2}#contact-3{position:absolute;display:block;width:calc(203 / 410 * 100%);left:calc(1 / 410 * 100%);top:calc(147 / 335 * 100%);z-index:2}#contact-svg2{width:100%;height:auto}#contact-svg2 path{fill:url(#contact-svgcolor2)}#contact-4{position:absolute;display:block;width:calc(403 / 410 * 100%);left:calc(2 / 410 * 100%);top:calc(189 / 335 * 100%);z-index:2}.scrolltop{display:block;width:38px;height:49px;margin:70px auto 0 auto;background:url(/images/main/scrolltop.png) 0 0 no-repeat;background-repeat:no-repeat;background-size:contain}@media (max-width:767px){.scrolltop{position:absolute;width:32px;height:43px;left:50%;bottom:15px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%)}}@media (max-width:479px){.contact{max-width:100%;height:auto;min-height:1px;padding:60px 0 100px 0}#contact-box1{margin-top:50px;margin-bottom:0}#contact-content{margin-left:0;height:auto}#contact-1{position:relative;width:15%;left:0;top:0;margin-bottom:15px}#contact-2{position:relative;width:90%;left:0;top:0}#contact-3{position:relative;width:60%;left:0;top:0;margin-top:-15px;margin-bottom:15px}#contact-4{position:relative;width:85%;left:0;top:0;margin-bottom:40px;margin-top:-10px}}@-webkit-keyframes ImageFilter5{0%{background-position:0 25%}10%{background-position:0 50%}20%{background-position:0 75%}30%{background-position:0 100%}40%{background-position:0 75%}50%{background-position:0 100%}60%{background-position:0 75%}70%{background-position:0 50%}80%{background-position:0 75%}90%{background-position:0 50%}to{background-position:0 25%}}@keyframes ImageFilter5{0%{background-position:0 25%}10%{background-position:0 50%}20%{background-position:0 75%}30%{background-position:0 100%}40%{background-position:0 75%}50%{background-position:0 100%}60%{background-position:0 75%}70%{background-position:0 50%}80%{background-position:0 75%}90%{background-position:0 50%}to{background-position:0 25%}}@-webkit-keyframes changeImgOut{0%{opacity:1;-webkit-transform:scale(1) translate(0px)}to{opacity:0;-webkit-transform:scale(5) translate(0px)}}@keyframes changeImgOut{0%{opacity:1;-webkit-transform:scale(1) translate(0px);transform:scale(1) translate(0px)}to{opacity:0;-webkit-transform:scale(5) translate(0px);transform:scale(5) translate(0px)}}@-webkit-keyframes changeImgIn{0%{opacity:0;-webkit-transform:scale(0) translate(0px)}to{opacity:1;-webkit-transform:scale(1) translate(0px)}}@keyframes changeImgIn{0%{opacity:0;-webkit-transform:scale(0) translate(0px);transform:scale(0) translate(0px)}to{opacity:1;-webkit-transform:scale(1) translate(0px);transform:scale(1) translate(0px)}}@-webkit-keyframes removechangeImgIn{0%{opacity:0;-webkit-transform:scale(5) translate(0px)}to{opacity:1;-webkit-transform:scale(1) translate(0px)}}@keyframes removechangeImgIn{0%{opacity:0;-webkit-transform:scale(5) translate(0px);transform:scale(5) translate(0px)}to{opacity:1;-webkit-transform:scale(1) translate(0px);transform:scale(1) translate(0px)}}@-webkit-keyframes removechangeImgOut{0%{opacity:1;-webkit-transform:scale(1) translate(0px)}to{opacity:0;-webkit-transform:scale(0) translate(0px)}}@keyframes removechangeImgOut{0%{opacity:1;-webkit-transform:scale(1) translate(0px);transform:scale(1) translate(0px)}to{opacity:0;-webkit-transform:scale(0) translate(0px);transform:scale(0) translate(0px)}}.icon-checkbox,.icon-chlink,.icon-chlink2,.icon-chlink3,.icon-linkicon,.icon-numbericon3,.icon-numbericon4,.icon-numbericon5,.icon-numbericon7,.icon-numbericon11,.icon-scrolldown,.icon-twlink2,.icon-twlink,.icon-twlink-xs{max-width:100%;background-size:100%;background-image:url("/images/index/index-icon.png")}.icon-twlink2{background-position:0 0%;background-size:100%}.icon-chlink3{background-position:0 3.930636%;background-size:129.361702%}.icon-twlink-xs{background-position:0 7.861272%;background-size:140.092166%}.icon-chlink2{background-position:0 11.630559%;background-size:217.142857%}.icon-scrolldown{background-position:0 15.327565%;background-size:310.204082%}.icon-numbericon11{background-position:0 25.659472%;background-size:844.444444%}.icon-numbericon3{background-position:0 33.493397%;background-size:844.444444%}.icon-numbericon4{background-position:0 41.366906%;background-size:844.444444%}.icon-numbericon5{background-position:0 49.219688%;background-size:844.444444%}.icon-numbericon7{background-position:0 57.142857%;background-size:844.444444%}.icon-linkicon{background-position:0 63.243874%;background-size:950%}.icon-checkbox{background-position:0 68.464244%;background-size:1688.888889%}.icon-chlink{background-position:0 84.11215%;background-size:2533.333333%}.icon-twlink{background-position:0 100%;background-size:2533.333333%}#step1{position:relative;height:100vh;min-height:800px;overflow:initial}#step1-box{position:relative;width:635px;max-width:100%;height:100%;margin:0 auto}#step1-content{position:absolute;width:100%;padding-top:calc(439 / 635 * 100%);top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:1}#step1-content div{-webkit-transition:All .3s linear;-moz-transition:All .3s linear;-o-transition:All .3s linear;transition:All .3s linear}#step1-1{position:absolute;width:calc(83 / 635 * 100%);left:calc(0 / 635 * 100%);top:calc(239 / 439 * 100%);z-index:4}#step1-2{position:absolute;width:calc(79 / 635 * 100%);left:calc(104 / 635 * 100%);top:calc(235 / 439 * 100%);overflow:hidden;z-index:4}#step1-3{position:absolute;width:calc(510 / 635 * 100%);left:calc(74 / 635 * 100%);top:calc(0 / 439 * 100%);z-index:2}#step1-4{position:absolute;width:calc(76 / 635 * 100%);left:calc(29 / 635 * 100%);top:calc(88 / 439 * 100%);z-index:5}#step1-5{position:absolute;width:calc(303 / 635 * 100%);left:calc(50 / 635 * 100%);top:calc(137 / 439 * 100%);z-index:6}#step1-6{position:absolute;width:calc(12 / 635 * 100%);left:calc(560 / 635 * 100%);top:calc(325 / 439 * 100%);z-index:7}#step1-7-1{position:absolute;width:calc(76 / 635 * 100%);left:calc(65 / 635 * 100%);top:calc(1 / 439 * 100%);opacity:.5;z-index:1}#step1-7-2{position:absolute;width:calc(35 / 635 * 100%);left:calc(52 / 635 * 100%);top:calc(73 / 439 * 100%);opacity:1;z-index:1}#step1-7-3{position:absolute;width:calc(76 / 635 * 100%);left:calc(64 / 635 * 100%);top:calc(102 / 439 * 100%);opacity:.2;z-index:1}#step1-7-4{position:absolute;width:calc(76 / 635 * 100%);left:calc(20 / 635 * 100%);top:calc(171 / 439 * 100%);opacity:.1;z-index:1}#step1-8-1{position:absolute;width:calc(76 / 635 * 100%);left:calc(556 / 635 * 100%);top:calc(223 / 439 * 100%);opacity:.5;z-index:1}#step1-8-2{position:absolute;width:calc(76 / 635 * 100%);left:calc(517 / 635 * 100%);top:calc(292 / 439 * 100%);opacity:.2;z-index:1}#step1-8-3{position:absolute;width:calc(35 / 635 * 100%);left:calc(598 / 635 * 100%);top:calc(321 / 439 * 100%);opacity:.5;z-index:1}#step1-8-4{position:absolute;width:calc(76 / 635 * 100%);left:calc(560 / 635 * 100%);top:calc(357 / 439 * 100%);opacity:.1;z-index:1}#step1 .scrolldown{position:absolute;left:50%;bottom:125px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);z-index:30}#step1-changeBox{position:absolute;display:block;width:761px;max-width:100%;height:100%;left:50%;top:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);z-index:1}#step1-changeBox-content{position:absolute;width:100%;padding-top:calc(451 / 761 * 100%);top:45%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:1}#step1-change-1{position:absolute;width:calc(583 / 761 * 100%);left:calc(99 / 761 * 100%);top:calc(23 / 451 * 100%);z-index:2}#step1-change-2{position:absolute;width:calc(84 / 761 * 100%);left:calc(434 / 761 * 100%);top:calc(138 / 451 * 100%);z-index:3}#step1-change-3{position:absolute;width:calc(117 / 761 * 100%);left:calc(554 / 761 * 100%);top:calc(215 / 451 * 100%);z-index:4}#step1-change-7-1{position:absolute;width:calc(76 / 761 * 100%);left:calc(45 / 761 * 100%);top:calc(5 / 451 * 100%);z-index:1}#step1-change-7-1 img{opacity:.5}#step1-change-7-2{position:absolute;width:calc(35 / 761 * 100%);left:calc(32 / 761 * 100%);top:calc(75 / 451 * 100%);z-index:1}#step1-change-7-2 img{opacity:1}#step1-change-7-3{position:absolute;width:calc(76 / 761 * 100%);left:calc(43 / 761 * 100%);top:calc(103 / 451 * 100%);z-index:1}#step1-change-7-3 img{opacity:.2}#step1-change-7-4{position:absolute;width:calc(76 / 761 * 100%);left:calc(0 / 761 * 100%);top:calc(170 / 451 * 100%);z-index:1}#step1-change-7-4 img{opacity:.1}#step1-change-8-1{position:absolute;width:calc(76 / 761 * 100%);left:calc(682 / 761 * 100%);top:calc(167 / 451 * 100%);z-index:1}#step1-change-8-1 img{opacity:.5}#step1-change-8-2{position:absolute;width:calc(76 / 761 * 100%);left:calc(643 / 761 * 100%);top:calc(235 / 451 * 100%);z-index:1}#step1-change-8-2 img{opacity:.5}#step1-change-8-3{position:absolute;width:calc(35 / 761 * 100%);left:calc(724 / 761 * 100%);top:calc(267 / 451 * 100%);z-index:1}#step1-change-8-3 img{opacity:.5}#step1-change-8-4{position:absolute;width:calc(76 / 761 * 100%);left:calc(685 / 761 * 100%);top:calc(304 / 451 * 100%);z-index:1}#step1-change-8-4 img{opacity:.1}#step1-changeBox{z-index:-1}#step1-changeBox .img-animate{opacity:0}#step1.change #step1-box{z-index:-1}#step1.change #step1-box .img-animate{-webkit-animation-name:changeImgOut;animation-name:changeImgOut;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0.7s;animation-delay:0.7s}#step1.change #step1-box #step1-2{-webkit-animation-delay:0.2s;animation-delay:0.2s}#step1.change #step1-box #step1-3{-webkit-animation-delay:0.3s;animation-delay:0.3s}#step1.change #step1-box #step1-4{-webkit-animation-delay:0.4s;animation-delay:0.4s}#step1.change #step1-box #step1-5{-webkit-animation-delay:0.5s;animation-delay:0.5s}#step1.change #step1-box #step1-6{-webkit-animation-delay:0.6s;animation-delay:0.6s}#step1.change #step1-changeBox{z-index:1}#step1.change #step1-changeBox .img-animate{opacity:0;-webkit-animation-name:changeImgIn;animation-name:changeImgIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:1.2s;animation-delay:1.2s}#step1.change #step1-changeBox #step1-change-1{-webkit-animation-delay:1.0s;animation-delay:1.0s}#step1.change #step1-changeBox #step1-change-2{-webkit-animation-delay:1.1s;animation-delay:1.1s}#step1.removechange #step1-box{z-index:1}#step1.removechange #step1-box .img-animate{opacity:0;-webkit-animation-name:removechangeImgIn;animation-name:removechangeImgIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-out-in;animation-timing-function:ease-out-in;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:1.0s;animation-delay:1.0s}#step1.removechange #step1-box #step1-2{-webkit-animation-delay:0.5s;animation-delay:0.5s}#step1.removechange #step1-box #step1-3{-webkit-animation-delay:0.6s;animation-delay:0.6s}#step1.removechange #step1-box #step1-4{-webkit-animation-delay:0.7s;animation-delay:0.7s}#step1.removechange #step1-box #step1-5{-webkit-animation-delay:0.8s;animation-delay:0.8s}#step1.removechange #step1-box #step1-6{-webkit-animation-delay:0.9s;animation-delay:0.9s}#step1.removechange #step1-changeBox{z-index:-1}#step1.removechange #step1-changeBox .img-animate{opacity:1;-webkit-animation-name:removechangeImgOut;animation-name:removechangeImgOut;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0.4s;animation-delay:0.4s}#step1.removechange #step1-changeBox #step1-change-1{-webkit-animation-delay:0.2s;animation-delay:0.2s}#step1.removechange #step1-changeBox #step1-change-2{-webkit-animation-delay:0.3s;animation-delay:0.3s}#step23{position:relative;width:100%;overflow:hidden;-webkit-overflow-scrolling:touch}#step2{position:relative;padding:60px 0;width:100%;min-height:100vh;left:0;top:0;z-index:1}#step2-svg svg{width:214px;max-width:50%;height:65px}#step2-svg svg path{fill:url(#svgcolor)}#step2-box1{position:relative;margin-top:80px}#step2-content{position:relative;display:inline-block}#step2-2{position:relative;z-index:2}.step2-2-img{max-width:100%;background-size:100%;background-image:url("/images/index/step2/step2-2.png");background-position:0 0%;background-size:100%}.step2-2-img.active{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-name:ImageFilter5;-webkit-animation-name:ImageFilter5;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:steps(1);-webkit-animation-timing-function:steps(1)}#step2-3{position:absolute;display:block;width:calc(12 / 460 * 100%);left:calc(416 / 460 * 100%);top:calc(161 / 233 * 100%);z-index:3}#step2-7-1{position:absolute;display:block;width:calc(76 / 460 * 100%);left:calc(218 / 460 * 100%);top:calc(0 / 233 * 100%);opacity:.5;z-index:1}#step2-7-2{position:absolute;display:block;width:calc(76 / 460 * 100%);left:calc(179 / 460 * 100%);top:calc(69 / 233 * 100%);opacity:.2;z-index:1}#step2-7-3{position:absolute;display:block;width:calc(35 / 460 * 100%);left:calc(260 / 460 * 100%);top:calc(97 / 233 * 100%);opacity:.5;z-index:1}#step2-7-4{position:absolute;display:block;width:calc(76 / 460 * 100%);left:calc(459 / 460 * 100%);top:calc(146 / 233 * 100%);opacity:.5;z-index:1}#step2-7-5{position:absolute;display:block;width:calc(35 / 460 * 100%);left:calc(446 / 460 * 100%);top:calc(218 / 233 * 100%);opacity:1;z-index:1}#step2-7-6{position:absolute;display:block;width:calc(76 / 460 * 100%);left:calc(458 / 460 * 100%);top:calc(248 / 233 * 100%);opacity:.2;z-index:1}#step2-7-7{position:absolute;display:block;width:calc(76 / 460 * 100%);left:calc(414 / 460 * 100%);top:calc(317 / 233 * 100%);opacity:.1;z-index:1}#step2-box2{margin-top:120px;margin-bottom:83px;max-width:75%}.scrollToElem{position:relative;z-index:3}#step2-changeBox{position:absolute;display:block;max-width:100%;height:100%;left:50%;top:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);z-index:2}#step2-changeBox-content{position:relative;max-width:100%;width:725px}#step2-change-1{margin-top:85px}#step2-change-2{display:block;margin-top:5px;width:152px;max-width:100%}#step2-change-3{margin-top:50px}#step2-change-3 a,#step2-change-3 a:hover{display:block;padding-top:15px;color:#ffffff}#step2-change-7-1{position:absolute;width:calc(76 / 761 * 100%);left:calc(-60 / 761 * 100%);top:calc(65 / 451 * 100%);z-index:1}#step2-change-7-1 img{opacity:.5}#step2-change-7-2{position:absolute;width:calc(76 / 761 * 100%);left:calc(-100 / 761 * 100%);top:calc(120 / 451 * 100%);z-index:1}#step2-change-7-2 img{opacity:.25}#step2-change-7-3{position:absolute;width:calc(35 / 761 * 100%);left:calc(-20 / 761 * 100%);top:calc(145 / 451 * 100%);z-index:1}#step2-change-7-3 img{opacity:.5}#step2-change-7-4{position:absolute;width:calc(76 / 761 * 100%);left:calc(655 / 761 * 100%);top:calc(180 / 451 * 100%);z-index:1}#step2-change-7-4 img{opacity:.5}#step2-change-7-5{position:absolute;width:calc(35 / 761 * 100%);left:calc(640 / 761 * 100%);top:calc(235 / 451 * 100%);z-index:1}#step2-change-7-5 img{opacity:1}#step2-change-7-6{position:absolute;width:calc(76 / 761 * 100%);left:calc(655 / 761 * 100%);top:calc(257 / 451 * 100%);z-index:1}#step2-change-7-6 img{opacity:.1}#step2-change-7-7{position:absolute;width:calc(76 / 761 * 100%);left:calc(610 / 761 * 100%);top:calc(310 / 451 * 100%);z-index:1}#step2-change-7-7 img{opacity:.1}#step2-changeBox{z-index:-1}#step2-changeBox .img-animate{opacity:0}#step2.change #step2-box{z-index:-1}#step2.change #step2-box .img-animate{opacity:1;-webkit-animation-name:changeImgOut;animation-name:changeImgOut;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0.4s;animation-delay:0.4s}#step2.change #step2-box #step2-2{-webkit-animation-delay:0.2s;animation-delay:0.2s}#step2.change #step2-box #step2-svg{-webkit-animation-delay:0.3s;animation-delay:0.3s}#step2.change #step2-box #step2-box2{-webkit-animation-delay:0.3s;animation-delay:0.3s}#step2.change #step2-changeBox{z-index:1}#step2.change #step2-changeBox .img-animate{opacity:0;-webkit-animation-name:changeImgIn;animation-name:changeImgIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0.7s;animation-delay:0.7s}#step2.change #step2-changeBox #step2-change-1{-webkit-animation-delay:0.8s;animation-delay:0.8s}#step2.change #step2-changeBox #step2-change-2{-webkit-animation-delay:0.9s;animation-delay:0.9s}#step2.change #step2-changeBox #step2-change-3{-webkit-animation-delay:1s;animation-delay:1s}#step2.removechange #step2-box{z-index:1}#step2.removechange #step2-box .img-animate{opacity:0;-webkit-animation-name:removechangeImgIn;animation-name:removechangeImgIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-out-in;animation-timing-function:ease-out-in;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0.9s;animation-delay:0.9s}#step2.removechange #step2-box #step2-2{-webkit-animation-delay:0.6s;animation-delay:0.6s}#step2.removechange #step2-box #step2-svg{-webkit-animation-delay:0.7s;animation-delay:0.7s}#step2.removechange #step2-box #step2-box2{-webkit-animation-delay:0.8s;animation-delay:0.8s}#step2.removechange #step2-changeBox{z-index:-1}#step2.removechange #step2-changeBox .img-animate{opacity:1;-webkit-animation-name:removechangeImgOut;animation-name:removechangeImgOut;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0.4s;animation-delay:0.4s}#step2.removechange #step2-changeBox #step2-change-1{-webkit-animation-delay:0.1s;animation-delay:0.1s}#step2.removechange #step2-changeBox #step2-change-2{-webkit-animation-delay:0.2s;animation-delay:0.2s}#step2.removechange #step2-changeBox #step2-change-3{-webkit-animation-delay:0.3s;animation-delay:0.3s}#step3{position:relative;width:100%;height:100vh;min-height:800px;margin:0 auto;z-index:2;background:center no-repeat;background-repeat:no-repeat;background-size:cover}#step3:before{position:absolute;content:"";width:100%;height:100%;left:0;top:0;z-index:1;background:rgba(0,0,0,0.4)}#step3-1{position:absolute;width:100%;left:0;top:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:2;pointer-events:none}#step3-box{position:relative;width:100%;height:100%;margin:0 auto;z-index:2}#step3-content{position:absolute;width:436px;max-width:100%;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);z-index:1}#step3-content div{-webkit-transition:All .3s linear;-moz-transition:All .3s linear;-o-transition:All .3s linear;transition:All .3s linear}#numbericon3{width:calc(25 / 436 * 100%);z-index:2;margin:0 auto}#step3-text{width:calc(250 / 436 * 100%);z-index:2;color:#fff;margin:10px auto 20px auto;text-align:center;color:#fff;text-align:center;font-size:25px;font-weight:bold;letter-spacing:4px;line-height:120%}#step3-text text{fill:url(#svgcolor2)}#step3-info{width:calc(382 / 436 * 100%);max-width:100%;z-index:2;color:#fff;margin:10px auto 20px auto;text-align:center;color:#fff;text-align:center;font-size:13px;line-height:160%}#step3-linkicon{display:block;width:calc(152 / 436 * 100%);background:#621110;z-index:2;margin:0 auto;text-align:center;color:#ffffff;font-size:13px;letter-spacing:1px;padding:7px 15px}#step3-7-1{position:absolute;display:block;width:calc(76 / 436 * 100%);left:calc(-40 / 436 * 100%);top:calc(2 / 185 * 100%);opacity:.5;z-index:1}#step3-7-2{position:absolute;display:block;width:calc(76 / 436 * 100%);left:calc(-79 / 436 * 100%);top:calc(71 / 185 * 100%);opacity:.2;z-index:1}#step3-7-3{position:absolute;display:block;width:calc(35 / 436 * 100%);left:calc(8 / 436 * 100%);top:calc(99 / 185 * 100%);opacity:.5;z-index:1}#step3-7-4{position:absolute;display:block;width:calc(35 / 436 * 100%);left:calc(430 / 436 * 100%);top:calc(117 / 185 * 100%);opacity:.2;z-index:1}#step3-7-5{position:absolute;display:block;width:calc(76 / 436 * 100%);left:calc(370 / 436 * 100%);top:calc(142 / 185 * 100%);opacity:.2;z-index:1}#step3 .scrolldown{position:absolute;bottom:125px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%)}#step4{height:100vh}#step4-box{position:relative;width:584px;height:100vh;min-height:800px;margin:0 auto}#step4-content{position:absolute;width:100%;padding-top:calc(393 / 584 * 100%);top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:1}#step4-content div{-webkit-transition:All .3s linear;-moz-transition:All .3s linear;-o-transition:All .3s linear;transition:All .3s linear}#step4-0{position:absolute;display:block;width:calc(12 / 584 * 100%);left:calc(558 / 584 * 100%);top:calc(152 / 393 * 100%);z-index:7}#step4-1{position:absolute;width:calc(144 / 584 * 100%);left:calc(130 / 584 * 100%);top:calc(0 / 393 * 100%);z-index:2}#step4-2{position:absolute;width:calc(266 / 584 * 100%);left:calc(86 / 584 * 100%);top:calc(112 / 393 * 100%);z-index:2}#step4-svg{width:100%;height:25px}#step4-svg path{fill:url(#step4-svgcolor)}#step4-3{position:absolute;width:calc(120 / 584 * 100%);left:calc(126 / 584 * 100%);top:calc(142 / 393 * 100%);z-index:2}.step4-3-img{max-width:100%;background-size:100%;background-image:url("/images/index/step4/step4-3.png");background-position:0 0%;background-size:100%}.step4-3-img.active{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-name:ImageFilter5;-webkit-animation-name:ImageFilter5;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:steps(1);-webkit-animation-timing-function:steps(1)}#step4-4{position:absolute;width:calc(346 / 584 * 100%);left:calc(238 / 584 * 100%);top:calc(138 / 393 * 100%);z-index:2}#step4-5{position:absolute;width:calc(317 / 584 * 100%);left:calc(139 / 584 * 100%);top:calc(268 / 393 * 100%);z-index:2}#step4-7-1{position:absolute;width:calc(76 / 584 * 100%);left:calc(39 / 584 * 100%);top:calc(135 / 393 * 100%);opacity:.5;z-index:1}#step4-7-2{position:absolute;width:calc(76 / 584 * 100%);left:calc(0 / 584 * 100%);top:calc(204 / 393 * 100%);opacity:.2;z-index:1}#step4-7-3{position:absolute;width:calc(35 / 584 * 100%);left:calc(81 / 584 * 100%);top:calc(232 / 393 * 100%);opacity:.5;z-index:1}#step4-7-4{position:absolute;width:calc(63 / 584 * 100%);left:calc(45 / 584 * 100%);top:calc(269 / 393 * 100%);opacity:.6;z-index:1}#step4-7-5{position:absolute;width:calc(76 / 584 * 100%);left:calc(361 / 584 * 100%);top:calc(22 / 393 * 100%);opacity:.6;z-index:1}#step4-7-6{position:absolute;width:calc(35 / 584 * 100%);left:calc(361 / 584 * 100%);top:calc(100 / 393 * 100%);opacity:1;z-index:1}#step4-7-7{position:absolute;width:calc(76 / 584 * 100%);left:calc(382 / 584 * 100%);top:calc(125 / 393 * 100%);opacity:.2;z-index:1}#step4-7-8{position:absolute;width:calc(76 / 584 * 100%);left:calc(300 / 584 * 100%);top:calc(125 / 393 * 100%);opacity:.1;z-index:1}#step4 .scrolldown{position:absolute;left:50%;bottom:125px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);z-index:30}#step5{position:relative;width:100%;height:100vh;min-height:800px;z-index:1}#step5-1{position:absolute;width:100%;left:0;top:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:2}#step5-box{position:relative;width:100%;height:100%;margin:0 auto}#step5-content{position:absolute;width:100%;left:0;top:calc(50% - 70px);transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:1;text-align:center}#numbericon5{width:25px;margin:0 auto 70px}.slide .item{display:block;height:100px;padding:0;text-align:center;opacity:.4}.slide .item.active,.slide .item:active,.slide .item:focus,.slide .item:hover{opacity:1}.slide .item img{position:relative;margin:0 auto;max-width:100%;max-height:100%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%)}#step5-7-1{position:absolute;width:76px;left:calc(50% - 106px);top:-57px;opacity:.5;z-index:1}#step5-7-2{position:absolute;width:76px;left:calc(50% - 145px);top:13px;opacity:.2;z-index:1}#step5-7-3{position:absolute;width:35px;left:calc(50% - 63px);top:40px;opacity:.5;z-index:1}#step5-7-4{position:absolute;width:35px;left:calc(50% + 58px);bottom:-67px;opacity:.5;z-index:1}#step5-7-5{position:absolute;width:76px;left:calc(50%);bottom:-138px;opacity:.2;z-index:1}#step5-7-6{position:absolute;width:76px;left:calc(50% + 44px);bottom:-206px;opacity:.2;z-index:1}#step5 .scrolldown{position:absolute;bottom:125px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%)}#step67{position:relative;width:100%;overflow:hidden;-webkit-overflow-scrolling:touch}#step6{position:relative;padding:60px 0;width:100%;min-height:100vh;left:0;top:0;z-index:1}#step6-box{position:relative}#step6-content{position:relative;display:inline-block;width:543px;height:411px;max-width:100%}#step6-1{position:absolute;display:block;width:calc(162 / 543 * 100%);left:calc(86 / 543 * 100%);top:calc(37 / 411 * 100%);z-index:2}#step6-svg1{width:100%;height:20px}#step6-svg1 path{fill:url(#step6-svgcolor)}#step6-2{position:absolute;display:block;width:calc(404 / 543 * 100%);left:calc(88 / 543 * 100%);top:calc(76 / 411 * 100%);z-index:2}#step6-3{position:absolute;display:block;width:calc(455 / 543 * 100%);left:calc(88 / 543 * 100%);top:calc(166 / 411 * 100%);z-index:2}.step6-3-img{max-width:100%;background-size:100%;background-image:url("/images/index/step6/step6-3.png");background-position:0 0%;background-size:100%}.step6-3-img.active{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-name:ImageFilter5;-webkit-animation-name:ImageFilter5;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:steps(1);-webkit-animation-timing-function:steps(1)}#step6-4{position:absolute;display:block;width:calc(184 / 543 * 100%);left:calc(86 / 543 * 100%);top:calc(294 / 411 * 100%);z-index:2}#step6-svg2{width:100%;height:30px}#step6-svg2 path{fill:url(#step6-svgcolor)}#step6-5{position:absolute;display:block;width:calc(12 / 543 * 100%);left:calc(400 / 543 * 100%);top:calc(187 / 411 * 100%);z-index:3}#step6-6{display:block;width:369px;margin-bottom:130px}#step6-7-1{position:absolute;display:block;width:calc(76 / 543 * 100%);left:calc(-5 / 543 * 100%);top:calc(0 / 411 * 100%);opacity:.5;z-index:1}#step6-7-2{position:absolute;display:block;width:calc(35 / 543 * 100%);left:calc(-18 / 543 * 100%);top:calc(71 / 411 * 100%);opacity:1;z-index:1}#step6-7-3{position:absolute;display:block;width:calc(76 / 543 * 100%);left:calc(-7 / 543 * 100%);top:calc(101 / 411 * 100%);opacity:.2;z-index:1}#step6-7-4{position:absolute;display:block;width:calc(76 / 543 * 100%);left:calc(-50 / 543 * 100%);top:calc(170 / 411 * 100%);opacity:.1;z-index:1}#step6-7-5{position:absolute;display:block;width:calc(76 / 543 * 100%);left:calc(313 / 543 * 100%);top:calc(261 / 411 * 100%);opacity:.5;z-index:1}#step6-7-6{position:absolute;display:block;width:calc(76 / 543 * 100%);left:calc(274 / 543 * 100%);top:calc(330 / 411 * 100%);opacity:.2;z-index:1}#step6-7-7{position:absolute;display:block;width:calc(35 / 543 * 100%);left:calc(355 / 543 * 100%);top:calc(358 / 411 * 100%);opacity:.5;z-index:1}#step6-box2{margin-top:120px;margin-bottom:83px;max-width:75%}#step6-changeBox{position:absolute;display:block;max-width:100%;height:100%;left:50%;top:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);z-index:2}#step6-changeBox-content{position:relative;width:876px;max-width:100%}.step6-change-content{position:relative;width:100%;margin-top:60px}#step6-change-1{position:relative}#step6-change-3{display:block;margin-top:-10px;width:152px;max-width:100%}#step6-change-7-1{position:absolute;width:calc(76 / 876 * 100%);left:calc(-85 / 876 * 100%);top:calc(-37 / 305 * 100%);z-index:1}#step6-change-7-1 img{opacity:.5}#step6-change-7-2{position:absolute;width:calc(35 / 876 * 100%);left:calc(-98 / 876 * 100%);top:calc(34 / 305 * 100%);z-index:1}#step6-change-7-2 img{opacity:1}#step6-change-7-3{position:absolute;width:calc(76 / 876 * 100%);left:calc(-87 / 876 * 100%);top:calc(64 / 305 * 100%);z-index:1}#step6-change-7-3 img{opacity:.2}#step6-change-7-4{position:absolute;width:calc(76 / 876 * 100%);left:calc(-130 / 876 * 100%);top:calc(133 / 305 * 100%);z-index:1}#step6-change-7-4 img{opacity:.1}#step6-change-7-5{position:absolute;width:calc(76 / 876 * 100%);left:calc(791 / 876 * 100%);top:calc(244 / 305 * 100%);z-index:1}#step6-change-7-5 img{opacity:.5}#step6-change-7-6{position:absolute;width:calc(76 / 876 * 100%);left:calc(752 / 876 * 100%);top:calc(313 / 305 * 100%);z-index:1}#step6-change-7-6 img{opacity:.2}#step6-change-7-7{position:absolute;width:calc(35 / 876 * 100%);left:calc(833 / 876 * 100%);top:calc(341 / 305 * 100%);z-index:1}#step6-change-7-7 img{opacity:.5}#step6-change-2{margin-top:50px}#step6-change-2 a,#step6-change-2 a:hover{display:block;padding-top:15px;color:#ffffff}#step6-changeBox{z-index:-1}#step6-changeBox .img-animate{opacity:0}#step6.change #step6-box{z-index:-1}#step6.change #step6-box .img-animate{opacity:1;-webkit-animation-name:changeImgOut;animation-name:changeImgOut;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0.8s;animation-delay:0.8s}#step6.change #step6-box #step6-2{-webkit-animation-delay:0.2s;animation-delay:0.2s}#step6.change #step6-box #step6-1{-webkit-animation-delay:0.3s;animation-delay:0.3s}#step6.change #step6-box #step6-3{-webkit-animation-delay:0.4s;animation-delay:0.4s}#step6.change #step6-box #step6-4{-webkit-animation-delay:0.5s;animation-delay:0.5s}#step6.change #step6-box #step6-5{-webkit-animation-delay:0.6s;animation-delay:0.6s}#step6.change #step6-box #step6-6{-webkit-animation-delay:0.7s;animation-delay:0.7s}#step6.change #step6-changeBox .img-animate{opacity:0;-webkit-animation-name:changeImgIn;animation-name:changeImgIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:1.2s;animation-delay:1.2s}#step6.change #step6-changeBox #step6-change-1{-webkit-animation-delay:1s;animation-delay:1s}#step6.change #step6-changeBox #step6-change-2{-webkit-animation-delay:1.1s;animation-delay:1.1s}#step6.removechange #step6-box{z-index:1}#step6.removechange #step6-box .img-animate{opacity:0;-webkit-animation-name:removechangeImgIn;animation-name:removechangeImgIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-out-in;animation-timing-function:ease-out-in;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:1.1s;animation-delay:1.1s}#step6.removechange #step6-box #step6-2{-webkit-animation-delay:0.5s;animation-delay:0.5s}#step6.removechange #step6-box #step6-1{-webkit-animation-delay:0.6s;animation-delay:0.6s}#step6.removechange #step6-box #step6-3{-webkit-animation-delay:0.7s;animation-delay:0.7s}#step6.removechange #step6-box #step6-4{-webkit-animation-delay:0.8s;animation-delay:0.8s}#step6.removechange #step6-box #step6-5{-webkit-animation-delay:0.9s;animation-delay:0.9s}#step6.removechange #step6-box #step6-6{-webkit-animation-delay:1s;animation-delay:1s}#step6.removechange #step6-changeBox{z-index:-1}#step6.removechange #step6-changeBox .img-animate{opacity:1;-webkit-animation-name:removechangeImgOut;animation-name:removechangeImgOut;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0.3s;animation-delay:0.3s}#step6.removechange #step6-changeBox #step6-change-1{-webkit-animation-delay:0.1s;animation-delay:0.1s}#step6.removechange #step6-changeBox #step6-change-2{-webkit-animation-delay:0.2s;animation-delay:0.2s}#step7{position:relative;width:100%;height:100vh;min-height:800px;margin:0 auto;z-index:2;background:url(/images/index/step7/step7bg.jpg) center no-repeat;background-repeat:no-repeat;background-size:cover}#step7:before{position:absolute;content:"";width:100%;height:100%;left:0;top:0;z-index:1;background:rgba(192,44,36,0.7)}#step7-box{position:relative;width:100%;height:100%;margin:0 auto;z-index:2}#step7-content{position:absolute;width:436px;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);z-index:1}#step7-content div{-webkit-transition:All .3s linear;-moz-transition:All .3s linear;-o-transition:All .3s linear;transition:All .3s linear}#numbericon7{width:calc(25 / 436 * 100%);z-index:2;margin:0 auto}#step7-text{width:calc(250 / 436 * 100%);z-index:2;color:#fff;margin:10px auto 20px auto;text-align:center;color:#fff;text-align:center;font-size:25px;font-weight:bold;letter-spacing:4px;line-height:120%}#step7-text text{fill:url(#svgcolor2)}#step7-info{width:calc(382 / 436 * 100%);max-width:100%;z-index:2;color:#fff;margin:10px auto 20px auto;text-align:center;color:#fff;text-align:center;font-size:13px;line-height:160%}#step7-linkicon{display:block;width:calc(152 / 436 * 100%);background:#621110;z-index:2;margin:0 auto;text-align:center;color:#ffffff;font-size:13px;letter-spacing:1px;padding:7px 15px}#step7-7-1{position:absolute;display:block;width:calc(76 / 436 * 100%);left:calc(-40 / 436 * 100%);top:calc(2 / 185 * 100%);opacity:.5;z-index:1}#step7-7-2{position:absolute;display:block;width:calc(76 / 436 * 100%);left:calc(-79 / 436 * 100%);top:calc(47 / 185 * 100%);opacity:.2;z-index:1}#step7-7-3{position:absolute;display:block;width:calc(35 / 436 * 100%);left:calc(8 / 436 * 100%);top:calc(68 / 185 * 100%);opacity:.5;z-index:1}#step7-7-4{position:absolute;display:block;width:calc(35 / 436 * 100%);left:calc(430 / 436 * 100%);top:calc(47 / 185 * 100%);opacity:.2;z-index:1}#step7-7-5{position:absolute;display:block;width:calc(76 / 436 * 100%);left:calc(380 / 436 * 100%);top:calc(67 / 185 * 100%);opacity:.2;z-index:1}#step7-7-6{position:absolute;display:block;width:calc(52 / 436 * 100%);left:calc(435 / 436 * 100%);top:calc(115 / 185 * 100%);opacity:.45;z-index:1}#step7 .scrolldown{position:absolute;bottom:125px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%)}#step8{position:relative;height:100vh;min-height:800px}#step8-box{position:relative;width:742px;height:100vh;margin:0 0 0 auto}#step8-content{position:absolute;width:100%;padding-top:calc(377 / 742 * 100%);top:40%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:1}#step8-content div{-webkit-transition:All .3s linear;-moz-transition:All .3s linear;-o-transition:All .3s linear;transition:All .3s linear}#step8-0{position:absolute;width:calc(140 / 742 * 100%);left:calc(301 / 742 * 100%);top:calc(146 / 377 * 100%);z-index:3}#step8-1{position:absolute;width:calc(616 / 742 * 100%);left:calc(155 / 742 * 100%);top:calc(28 / 377 * 100%);z-index:2}#step8-1xs{position:absolute;width:calc(206 / 312 * 100%);left:calc(0 / 312 * 100%);top:calc(36 / 315 * 100%);z-index:2}#step8-2{position:absolute;width:calc(278 / 742 * 100%);left:calc(161 / 742 * 100%);top:calc(143 / 377 * 100%);z-index:2}#step8-3{position:absolute;width:calc(403 / 742 * 100%);left:calc(159 / 742 * 100%);top:calc(232 / 377 * 100%);z-index:2}#step8-7-1{position:absolute;width:calc(76 / 742 * 100%);left:calc(44 / 742 * 100%);top:calc(0 / 377 * 100%);opacity:.2;z-index:1}#step8-7-2{position:absolute;width:calc(35 / 742 * 100%);left:calc(125/ 742 * 100%);top:calc(27 / 377 * 100%);opacity:.5;z-index:1}#step8-7-3{position:absolute;width:calc(76 / 742 * 100%);left:calc(65 / 742 * 100%);top:calc(76 / 377 * 100%);opacity:.2;z-index:1}#step8-7-4{position:absolute;width:calc(76 / 742 * 100%);left:calc(0 / 742 * 100%);top:calc(131 / 377 * 100%);opacity:.5;z-index:1}#step8-7-5{position:absolute;width:calc(35 / 742 * 100%);left:calc(519 / 742 * 100%);top:calc(124 / 377 * 100%);opacity:.2;z-index:1}#step8-7-6{position:absolute;width:calc(76 / 742 * 100%);left:calc(459 / 742 * 100%);top:calc(149 / 377 * 100%);opacity:.2;z-index:1}#step8-7-7{position:absolute;width:calc(52 / 742 * 100%);left:calc(528 / 742 * 100%);top:calc(206 / 377 * 100%);opacity:.45;z-index:1}#step8-linkgroup{position:absolute;left:0;padding:90px 0 0 130px}#step8-linkgroup #step8-line1{position:absolute;left:0;top:0;width:160px;height:160px;z-index:1;opacity:.2}.step8-link{display:block;width:350px;max-width:100%;color:rgba(255,255,255,0.6);font-size:16px;letter-spacing:1px;line-height:140%;margin-bottom:5px}.step8-link h3{font-size:16px}.step8-link.active,.step8-link:active,.step8-link:focus,.step8-link:hover{color:#fff}#step8 .scrolldown{position:absolute;z-index:30}#step9{position:relative;height:100vh}#step9-box{position:relative;width:703px;height:100vh;min-height:800px;margin:0 auto}#step9-content{position:absolute;width:100%;padding-top:calc(583 / 703 * 100%);top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:1}#step9-content div{-webkit-transition:All .3s linear;-moz-transition:All .3s linear;-o-transition:All .3s linear;transition:All .3s linear}#step9-0{position:absolute;display:block;width:calc(12 / 703 * 100%);left:calc(550 / 703 * 100%);top:calc(305 / 583 * 100%);z-index:7}#step9-1{position:absolute;width:calc(324 / 703 * 100%);left:calc(173 / 703 * 100%);top:calc(0 / 583 * 100%);z-index:2}#step9-2{position:absolute;width:calc(552 / 703 * 100%);left:calc(145 / 703 * 100%);top:calc(151 / 583 * 100%);z-index:2}.step9-2-img{max-width:100%;background-size:100%;background-image:url("/images/index/step9/step9-2.png");background-position:0 0%;background-size:100%}.step9-2-img.active{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-name:ImageFilter5;-webkit-animation-name:ImageFilter5;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:steps(1);-webkit-animation-timing-function:steps(1)}#step9-3{position:absolute;width:calc(514 / 703 * 100%);left:calc(143 / 703 * 100%);top:calc(305 / 583 * 100%);z-index:2}#step9-svg{width:100%;height:auto}#step9-svg path{fill:url(#step9-svgcolor)}#step9-7-1{position:absolute;width:calc(76 / 703 * 100%);left:calc(44 / 703 * 100%);top:calc(92 / 583 * 100%);opacity:.2;z-index:1}#step9-7-2{position:absolute;width:calc(35 / 703 * 100%);left:calc(125 / 703 * 100%);top:calc(119 / 583 * 100%);opacity:.5;z-index:1}#step9-7-3{position:absolute;width:calc(76 / 703 * 100%);left:calc(65 / 703 * 100%);top:calc(168 / 583 * 100%);opacity:.2;z-index:1}#step9-7-4{position:absolute;width:calc(76 / 703 * 100%);left:calc(0 / 703 * 100%);top:calc(223 / 583 * 100%);opacity:.5;z-index:1}#step9-7-5{position:absolute;width:calc(35 / 703 * 100%);left:calc(642 / 703 * 100%);top:calc(315 / 583 * 100%);opacity:.2;z-index:1}#step9-7-6{position:absolute;width:calc(76 / 703 * 100%);left:calc(582 / 703 * 100%);top:calc(340 / 583 * 100%);opacity:.2;z-index:1}#step9-7-7{position:absolute;width:calc(52 / 703 * 100%);left:calc(651 / 703 * 100%);top:calc(397 / 583 * 100%);opacity:.45;z-index:1}#step9 .scrolldown{position:absolute;left:50%;bottom:125px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);z-index:30}#step9-changeBox{position:absolute;display:block;max-width:90%;width:584px;height:100%;left:50%;top:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);z-index:2}#step9-changeBox-content{position:absolute;width:100%;padding-top:calc(507 / 584 * 100%);top:40%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:1}#step9-change-1{position:absolute;width:calc(580 / 584 * 100%);left:calc(4 / 584 * 100%);top:calc(0 / 507 * 100%);z-index:1}#step9-change-2{position:absolute;width:calc(469 / 584 * 100%);left:calc(0 / 584 * 100%);top:calc(182 / 507 * 100%);z-index:1}#step9-change-3{position:absolute;width:calc(531 / 584 * 100%);left:calc(0 / 584 * 100%);top:calc(384 / 507 * 100%);z-index:1}#step9-change-4{position:absolute;display:block;width:calc(117 / 584 * 100%);left:calc(454 / 584 * 100%);top:calc(175 / 507 * 100%);z-index:4}#step9-change-7-1{position:absolute;width:calc(76 / 584 * 100%);left:calc(-53 / 584 * 100%);top:calc(-40 / 507 * 100%);z-index:1}#step9-change-7-1 img{opacity:.5}#step9-change-7-2{position:absolute;width:calc(35 / 584 * 100%);left:calc(-66 / 584 * 100%);top:calc(31 / 507 * 100%);z-index:1}#step9-change-7-2 img{opacity:1}#step9-change-7-3{position:absolute;width:calc(76 / 584 * 100%);left:calc(-55 / 584 * 100%);top:calc(61 / 507 * 100%);z-index:1}#step9-change-7-3 img{opacity:.2}#step9-change-7-4{position:absolute;width:calc(76 / 584 * 100%);left:calc(-98 / 584 * 100%);top:calc(130 / 507 * 100%);z-index:1}#step9-change-7-4 img{opacity:.1}#step9-change-7-5{position:absolute;width:calc(76 / 584 * 100%);left:calc(584 / 584 * 100%);top:calc(129 / 507 * 100%);z-index:1}#step9-change-7-5 img{opacity:.5}#step9-change-7-6{position:absolute;width:calc(76 / 584 * 100%);left:calc(545 / 584 * 100%);top:calc(198 / 507 * 100%);z-index:1}#step9-change-7-6 img{opacity:.2}#step9-change-7-7{position:absolute;width:calc(35 / 584 * 100%);left:calc(626 / 584 * 100%);top:calc(226 / 507 * 100%);z-index:1}#step9-change-7-7 img{opacity:.5}#step9-change-7-8{position:absolute;width:calc(76 / 584 * 100%);left:calc(587 / 584 * 100%);top:calc(264 / 507 * 100%);z-index:1}#step9-change-7-8 img{opacity:.1}#step9-changeBox{z-index:-1}#step9-changeBox .img-animate{opacity:0}#step9.change #step9-box{z-index:-1}#step9.change #step9-box .img-animate{opacity:1;-webkit-animation-name:changeImgOut;animation-name:changeImgOut;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0.5s;animation-delay:0.5s}#step9.change #step9-box #step9-2{-webkit-animation-delay:0.2s;animation-delay:0.2s}#step9.change #step9-box #step9-1{-webkit-animation-delay:0.3s;animation-delay:0.3s}#step9.change #step9-box #step9-3{-webkit-animation-delay:0.4s;animation-delay:0.4s}#step9.change #step9-changeBox{z-index:1}#step9.change #step9-changeBox .img-animate{opacity:0;-webkit-animation-name:changeImgIn;animation-name:changeImgIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:1s;animation-delay:1s}#step9.change #step9-changeBox #step9-change-1{-webkit-animation-delay:0.7s;animation-delay:0.7s}#step9.change #step9-changeBox #step9-change-2{-webkit-animation-delay:0.8s;animation-delay:0.8s}#step9.change #step9-changeBox #step9-change-3{-webkit-animation-delay:0.9s;animation-delay:0.9s}#step9.removechange #step9-box{z-index:1}#step9.removechange #step9-box .img-animate{opacity:0;-webkit-animation-name:removechangeImgIn;animation-name:removechangeImgIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-out-in;animation-timing-function:ease-out-in;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0.9s;animation-delay:0.9s}#step9.removechange #step9-box #step9-2{-webkit-animation-delay:0.6s;animation-delay:0.6s}#step9.removechange #step9-box #step9-1{-webkit-animation-delay:0.7s;animation-delay:0.7s}#step9.removechange #step9-box #step9-3{-webkit-animation-delay:0.8s;animation-delay:0.8s}#step9.removechange #step9-changeBox{z-index:-1}#step9.removechange #step9-changeBox .img-animate{opacity:1;-webkit-animation-name:removechangeImgOut;animation-name:removechangeImgOut;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0.4s;animation-delay:0.4s}#step9.removechange #step9-changeBox #step9-change-1{-webkit-animation-delay:0.1s;animation-delay:0.1s}#step9.removechange #step9-changeBox #step9-change-2{-webkit-animation-delay:0.2s;animation-delay:0.2s}#step9.removechange #step9-changeBox #step9-change-3{-webkit-animation-delay:0.3s;animation-delay:0.3s}#step11{position:relative;width:100%;z-index:1}#step11-1{position:absolute;width:100%;left:0;top:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:2}#step11-box{position:relative;width:100%;height:100%;margin:0 auto}#step11-content .container{max-width:996px}#numbericon11{width:25px;margin-bottom:10px}#step11-7-1{position:absolute;width:76px;left:calc(50% - 106px);top:-2px;opacity:.5;z-index:1}#step11-7-2{position:absolute;width:76px;left:calc(50% - 145px);top:68px;opacity:.2;z-index:1}#step11-7-3{position:absolute;width:35px;left:calc(50% - 63px);top:95px;opacity:.5;z-index:1}#step11-7-4{position:absolute;width:35px;left:calc(50% + 58px);bottom:-67px;opacity:.2;z-index:1}#step11-7-5{position:absolute;width:76px;left:calc(50%);bottom:-138px;opacity:.2;z-index:1}#step11-7-6{position:absolute;width:52px;left:calc(50% + 44px);bottom:-186px;opacity:.5;z-index:1}#step11-7-7{position:absolute;width:76px;left:calc(50% + -20px);bottom:-247px;opacity:.1;z-index:1}@media (min-width:480px){#step3-box{width:436px}#step7-box{position:relative;width:436px}#step8-1xs{display:none}.step8-link{padding-left:7px}.step8-link2{padding-left:25px}.step8-link3{padding-left:45px}#step8 .scrolldown{left:50%;bottom:125px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%)}}@media (min-width:768px){#step11-content .container{max-width:785px}}@media (min-width:992px){#step23{height:100vh}#step2,#step3{position:absolute}#step67{height:100vh}#step6,#step7{position:absolute}#step6-6{margin-left:86px}#step6 .scrolldown{margin-left:86px}#step8-linkgroup{bottom:300px}.step8-link{width:300px}#step8 .scrolldown{left:calc(155 / 742 * 100%);bottom:-130px;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0)}}@media (min-width:1200px){#step8-linkgroup{bottom:350px;left:auto;right:6%}#step8-linkgroup #step8-line1{transform:scale(2.3);-webkit-transform:scale(2.3);-moz-transform:scale(2.3);-o-transform:scale(2.3);-ms-transform:scale(2.3);left:-80px;top:-80px}.step8-link{width:350px}#step11-content .container{max-width:996px}}@media (min-width:1400px){.slide .item{padding:0}#step8-box{margin:0 0 0 50%}}@media (max-width:991px){#step2.change #step2-change-1{margin-top:35px}#step2.change #step2-change-1 img{max-width:520px}#step2.change #step2-change-3{margin-top:20px}#step2.change #step2-change-3 img{max-width:70vw}#step2.change #step2-change-7-4{left:calc(155 / 320 * 100%);top:calc(230 / 451 * 100%)}#step2.change #step2-change-7-5{left:calc(150 / 320 * 100%);top:calc(276 / 451 * 100%)}#step2.change #step2-change-7-6{left:calc(155 / 320 * 100%);top:calc(295 / 451 * 100%)}#step2.change #step2-change-7-7{left:calc(135 / 320 * 100%);top:calc(335 / 451 * 100%)}#step6-content{margin-left:-86px}#step8-box{margin-left:-50px}#step8-content{top:150px;transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);-ms-transform:translateY(0%)}#step8-linkgroup{top:450px;margin-left:-26px}.checkbox-group{padding-bottom:40px}}@media (max-width:767px){.container.max-width{max-width:540px}#step1{max-width:100%;min-height:800px}#step1-1{left:calc(31 / 635 * 100%);top:calc(243 / 439 * 100%)}#step1-2{left:calc(135 / 635 * 100%);top:calc(242 / 439 * 100%)}#step1-3{left:calc(107 / 635 * 100%);top:calc(4 / 439 * 100%)}#step1-4{left:calc(61 / 635 * 100%);top:calc(93 / 439 * 100%)}#step1-5{left:calc(80 / 635 * 100%);top:calc(140 / 439 * 100%)}#step1-6{left:calc(595 / 635 * 100%)}#step1-7-1{left:calc(45 / 635 * 100%);top:calc(0 / 439 * 100%)}#step1-7-2{left:calc(32 / 635 * 100%);top:calc(71 / 439 * 100%)}#step1-7-3{left:calc(43 / 635 * 100%);top:calc(101 / 439 * 100%)}#step1-7-4{left:calc(0 / 635 * 100%);top:calc(170 / 439 * 100%)}#step1-8-1{left:calc(536 / 635 * 100%);top:calc(222 / 439 * 100%)}#step1-8-2{left:calc(497 / 635 * 100%);top:calc(291 / 439 * 100%)}#step1-8-3{left:calc(578 / 635 * 100%);top:calc(319 / 439 * 100%)}#step1-8-4{left:calc(539 / 635 * 100%);top:calc(357 / 439 * 100%)}#step1 .scrolldown{bottom:125px}#step2{max-width:100%;min-height:800px}#step2-box2{margin-top:60px;margin-bottom:50px}#step3{max-width:100%;min-height:800px}#step4-box{max-width:100%;min-height:800px}#step4 .scrolldown{bottom:125px}#step5{max-width:100%;min-height:800px}#step5-content{top:calc(50% - 130px)}#step6{max-width:100%;min-height:800px}#step6-box2{margin-top:60px;margin-bottom:50px}#step6.change .step6-change-content{margin-top:120px}#step6.change #step6-change-2{margin-top:100px}#step7{max-width:100%;min-height:800px}#step8{min-height:800px}#step8-box{max-width:100%;margin-left:calc(-90 / 742 * 100%)}#step8-linkgroup{top:80px;margin-top:calc(377 / 742 * 100%);margin-left:-75px}#step9-box{max-width:100%;min-height:800px}#step9 .scrolldown{bottom:125px}#step11{max-width:100%}#step11-content .container{padding:0}}@media (max-width:479px){.scrolldown{width:58px;height:51px}#step1{max-width:100%;min-height:500px}#step1-content{padding-top:calc(400 / 320 * 100%)}#step1-1{width:calc(44 / 320 * 100%);left:calc(17 / 320 * 100%);top:calc(183 / 400 * 100%)}#step1-2{width:calc(42 / 320 * 100%);left:calc(72 / 320 * 100%);top:calc(183 / 400 * 100%)}#step1-3{position:absolute;width:calc(296 / 320 * 100%);left:calc(25 / 320 * 100%);top:calc(43 / 400 * 100%);z-index:2}#step1-4{width:calc(40 / 320 * 100%);left:calc(31 / 320 * 100%);top:calc(103 / 400 * 100%)}#step1-5{width:calc(225 / 320 * 100%);left:calc(45 / 320 * 100%);top:calc(115 / 400 * 100%)}#step1-6{position:absolute;width:calc(108.5 / 320 * 100%);left:calc(19 / 320 * 100%);top:calc(263 / 400 * 100%);z-index:7}#step1-7-1{width:calc(58 / 320 * 100%);left:calc(9 / 320 * 100%);top:calc(0 / 400 * 100%)}#step1-7-2{width:calc(27 / 320 * 100%);left:calc(0 / 320 * 100%);top:calc(54 / 400 * 100%)}#step1-7-3{width:calc(58 / 320 * 100%);left:calc(7 / 320 * 100%);top:calc(77 / 400 * 100%)}#step1-7-4{width:calc(58 / 320 * 100%);left:calc(-26 / 320 * 100%);top:calc(130 / 400 * 100%)}#step1-8-1{width:calc(58 / 320 * 100%);left:calc(260 / 320 * 100%);top:calc(233 / 400 * 100%)}#step1-8-2{width:calc(58 / 320 * 100%);left:calc(230 / 320 * 100%);top:calc(286 / 400 * 100%)}#step1-8-3{width:calc(27 / 320 * 100%);left:calc(292 / 320 * 100%);top:calc(308 / 400 * 100%)}#step1-8-4{width:calc(58 / 320 * 100%);left:calc(263 / 320 * 100%);top:calc(337 / 400 * 100%)}#step1 .scrolldown{bottom:60px}#step1-change-3{position:absolute;width:calc(117 / 320 * 100%);left:calc(45 / 320 * 100%);top:calc(400 / 400 * 100%);z-index:7}#step2{max-width:100%;min-height:500px}#step2-box1{margin-top:30px}#step2-box2{margin-top:35px;margin-bottom:20px}#step2.change #step2-change-7-4{width:calc(58 / 320 * 100%);left:calc(195 / 320 * 100%);top:calc(200 / 451 * 100%)}#step2.change #step2-change-7-5{width:calc(27 / 320 * 100%);left:calc(185 / 320 * 100%);top:calc(256 / 451 * 100%)}#step2.change #step2-change-7-6{width:calc(58 / 320 * 100%);left:calc(195 / 320 * 100%);top:calc(280 / 451 * 100%)}#step2.change #step2-change-7-7{width:calc(58 / 320 * 100%);left:calc(165 / 320 * 100%);top:calc(340 / 451 * 100%)}#step3{max-width:100%;min-height:500px}#step3-info br{display:none}#step3 .scrolldown{bottom:60px}#step4-box{max-width:100%;min-height:500px}#step4-content{padding-top:calc(251 / 312 * 100%)}#step4-1{width:calc(84 / 312 * 100%);left:calc(57 / 312 * 100%);top:calc(13 / 251 * 100%)}#step4-2{width:calc(193 / 312 * 100%);left:calc(16 / 312 * 100%);top:calc(72 / 251 * 100%)}#step4-3{width:calc(74 / 312 * 100%);left:calc(39 / 312 * 100%);top:calc(97 / 251 * 100%)}#step4-4{width:calc(216 / 312 * 100%);left:calc(110 / 312 * 100%);top:calc(94 / 251 * 100%)}#step4-5{width:calc(207 / 312 * 100%);left:calc(45 / 312 * 100%);top:calc(169 / 251 * 100%)}#step4-7-1{width:calc(43 / 312 * 100%);left:calc(-5 / 312 * 100%);top:calc(92 / 251 * 100%)}#step4-7-2{width:calc(43 / 312 * 100%);left:calc(-26 / 312 * 100%);top:calc(131 / 251 * 100%)}#step4-7-3{width:calc(20 / 312 * 100%);left:calc(19 / 312 * 100%);top:calc(147 / 251 * 100%)}#step4-7-4{width:calc(35 / 312 * 100%);left:calc(-1 / 312 * 100%);top:calc(167 / 251 * 100%)}#step4-7-5{width:calc(43 / 312 * 100%);left:calc(210 / 312 * 100%);top:calc(0 / 251 * 100%)}#step4-7-6{width:calc(20 / 312 * 100%);left:calc(210 / 312 * 100%);top:calc(44 / 251 * 100%)}#step4-7-7{width:calc(43 / 312 * 100%);left:calc(222 / 312 * 100%);top:calc(58 / 251 * 100%)}#step4-7-8{width:calc(43 / 312 * 100%);left:calc(175 / 312 * 100%);top:calc(58 / 251 * 100%)}#step4 .scrolldown{bottom:60px}#step5{max-width:100%;min-height:500px}.slide .item{padding:0}#step5 .scrolldown{bottom:60px}#step6{max-width:100%;min-height:500px;padding:100px 0 60px}#step6-content{margin-left:0;height:auto}#step6-1{position:relative;width:50%;left:0;top:0;margin-bottom:15px}#step6-2{position:relative;width:90%;left:0;top:0}#step6-3{position:relative;width:100%;left:0;top:0}#step6-4{position:relative;width:50%;left:0;top:0;margin-bottom:40px;margin-top:-10px}#step6-6{width:80%;margin-bottom:33px}#step6-7-1{width:76px;left:-15px;top:-93px}#step6-7-2{width:35px;left:-35px;top:-26px}#step6-7-3{width:76px;left:-15px;top:-3px}#step6-7-5{width:76px;left:auto;top:auto;right:47px;bottom:14px}#step6-7-6{width:35px;left:auto;top:auto;right:48px;bottom:-40px;opacity:.5}#step6-7-7{width:76px;left:auto;top:auto;right:88px;bottom:-52px;opacity:.2}#step6-box2{margin-top:35px;margin-bottom:20px}#step6.change #step6-change-2{margin-top:20px}#step6.change #step6-change-2 img{max-width:70vw}#step6.change #step6-change-7-1{width:calc(44 / 315 * 100%);left:calc(-18 / 315 * 100%);top:calc(-16 / 229 * 100%)}#step6.change #step6-change-7-2{width:calc(44 / 315 * 100%);left:calc(-41 / 315 * 100%);top:calc(25 / 229 * 100%)}#step6.change #step6-change-7-3{width:calc(20 / 315 * 100%);left:calc(7 / 315 * 100%);top:calc(41 / 229 * 100%)}#step6.change #step6-change-7-4{width:calc(44 / 315 * 100%);left:calc(255 / 315 * 100%);top:calc(208 / 229 * 100%)}#step6.change #step6-change-7-5{width:calc(27 / 315 * 100%);left:calc(248 / 315 * 100%);top:calc(250 / 229 * 100%)}#step6.change #step6-change-7-6{width:calc(44 / 315 * 100%);left:calc(254 / 315 * 100%);top:calc(273 / 229 * 100%)}#step6.change #step6-change-7-7{width:calc(44 / 315 * 100%);left:calc(229 / 315 * 100%);top:calc(309 / 229 * 100%)}#step6-change-3{margin-top:0;margin-left:15px}#step7{max-width:100%;min-height:500px}#step7 .scrolldown{bottom:60px}#step8{min-height:650px}#step8-box{height:90vh;max-width:100%;margin-left:0}#step8-content{top:10px;padding-top:calc(315 / 312 * 100%)}#step8-1{display:none}#step8-2{width:calc(221 / 312 * 100%);left:calc(13 / 312 * 100%);top:calc(174 / 315 * 100%)}#step8-3{width:calc(232 / 312 * 100%);left:calc(14 / 312 * 100%);top:calc(228 / 315 * 100%)}#step8-7-1{width:calc(76 / 312 * 100%);left:calc(-25 / 312 * 100%);top:calc(0 / 315 * 100%);opacity:.1}#step8-7-2{width:calc(35 / 312 * 100%);left:calc(56 / 312 * 100%);top:calc(27 / 315 * 100%);opacity:.25}#step8-7-3{width:calc(76 / 312 * 100%);left:calc(-4 / 312 * 100%);top:calc(76 / 315 * 100%);opacity:.1}#step8-7-4{width:calc(76 / 312 * 100%);left:calc(-69 / 312 * 100%);top:calc(131 / 315 * 100%);opacity:.25}#step8-7-5{width:calc(35 / 312 * 100%);left:calc(251 / 312 * 100%);top:calc(140 / 315 * 100%);opacity:.1}#step8-7-6{width:calc(76 / 312 * 100%);left:calc(191 / 312 * 100%);top:calc(165 / 315 * 100%);opacity:.1}#step8-7-7{width:calc(52 / 312 * 100%);left:calc(260 / 312 * 100%);top:calc(222 / 315 * 100%);opacity:.2}#step8-linkgroup{width:calc(100% - 30px);top:30px;margin-top:calc(315 / 312 * 100%);margin-left:15px;margin-right:15px;padding-left:0;padding-top:15px;border-top:1px solid #ca5857}#step8-linkgroup #step8-line1{display:none}#step8 .scrolldown{position:relative;bottom:auto;top:-15px;margin-left:15px}#step9{height:auto}#step9-box{max-width:100%;min-height:500px}#step9-content{padding-top:calc(356 / 320 * 100%);top:20px;transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);-ms-transform:translateY(0%)}#step9-1{width:calc(201 / 320 * 100%);left:calc(29 / 320 * 100%);top:calc(27 / 356 * 100%)}#step9-2{width:calc(287 / 320 * 100%);left:calc(15 / 320 * 100%);top:calc(120 / 356 * 100%)}#step9-3{width:calc(266 / 320 * 100%);left:calc(15 / 320 * 100%);top:calc(203 / 356 * 100%)}#step9-0{position:absolute;display:block;width:calc(12 / 320 * 100%);left:calc(290 / 320 * 100%);top:calc(205 / 356 * 100%);z-index:7}#step9-7-1{width:calc(76 / 320 * 100%);left:calc(-20 / 320 * 100%);top:calc(0 / 356 * 100%);opacity:.1}#step9-7-2{width:calc(35 / 320 * 100%);left:calc(61 / 320 * 100%);top:calc(27 / 356 * 100%);opacity:.25}#step9-7-3{width:calc(76 / 320 * 100%);left:calc(1 / 320 * 100%);top:calc(76 / 356 * 100%);opacity:.1}#step9-7-4{width:calc(76 / 320 * 100%);left:calc(-64 / 320 * 100%);top:calc(131 / 356 * 100%);opacity:.25}#step9-7-5{width:calc(35 / 320 * 100%);left:calc(294 / 320 * 100%);top:calc(204 / 356 * 100%);opacity:.1}#step9-7-6{width:calc(76 / 320 * 100%);left:calc(234 / 320 * 100%);top:calc(229 / 356 * 100%);opacity:.1}#step9-7-7{width:calc(52 / 320 * 100%);left:calc(303 / 320 * 100%);top:calc(286 / 356 * 100%);opacity:.2}#step9 .scrolldown{bottom:60px}#step9-change-4{position:absolute;width:calc(117 / 320 * 100%);left:calc(200 / 320 * 100%);top:calc(130 / 356 * 100%);z-index:1}#step11{max-width:100%;min-height:1px;height:auto;padding-bottom:140px}#step11-box{height:auto}#numbericon11{display:none}#step11 .img-full{display:none}}
@media (min-width:480px){#step3-box{width:436px}#step7-box{position:relative;width:436px}#step8-1xs{display:none}.step8-link{padding-left:7px}.step8-link2{padding-left:25px}.step8-link3{padding-left:45px}#step8 .scrolldown{left:50%;bottom:125px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%)}}@media (min-width:768px){#step11-content .container{max-width:785px}}@media (min-width:992px){#step23{height:100vh}#step2,#step3{position:absolute}#step67{height:100vh}#step6,#step7{position:absolute}#step6-6{margin-left:86px}#step6 .scrolldown{margin-left:86px}#step8-linkgroup{bottom:355px;left:auto;right:11%}.step8-link{width:300px}#step8 .scrolldown{left:calc(155 / 742 * 100%);bottom:-130px;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0)}}@media (min-width:1200px){#step8-linkgroup{bottom:350px;left:auto;right:11%}#step8-linkgroup #step8-line1{transform:scale(2.3);-webkit-transform:scale(2.3);-moz-transform:scale(2.3);-o-transform:scale(2.3);-ms-transform:scale(2.3);left:-80px;top:-80px}.step8-link{width:350px}#step11-content .container{max-width:996px}}@media (min-width:1400px){.slide .item{padding:0}#step8-box{margin:0 0 0 50%}}@media (max-width:991px){#step2.change #step2-change-1{margin-top:35px}#step2.change #step2-change-1 img{max-width:520px}#step2.change #step2-change-3{margin-top:20px}#step2.change #step2-change-3 img{max-width:70vw}#step2.change #step2-change-7-4{left:calc(155 / 320 * 100%);top:calc(230 / 451 * 100%)}#step2.change #step2-change-7-5{left:calc(150 / 320 * 100%);top:calc(276 / 451 * 100%)}#step2.change #step2-change-7-6{left:calc(155 / 320 * 100%);top:calc(295 / 451 * 100%)}#step2.change #step2-change-7-7{left:calc(135 / 320 * 100%);top:calc(335 / 451 * 100%)}#step6-content{margin-left:-86px}#step8-box{margin-left:-50px}#step8-content{top:150px;transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);-ms-transform:translateY(0%)}#step8-linkgroup{top:450px;margin-left:-26px;right:0;left:auto}#step10-content{margin-left:-86px}.checkbox-group{padding-bottom:40px}}@media (max-width:767px){.container.max-width{max-width:540px}#step1{max-width:100%;min-height:800px}#step1-1{left:calc(31 / 635 * 100%);top:calc(243 / 439 * 100%)}#step1-2{left:calc(135 / 635 * 100%);top:calc(242 / 439 * 100%)}#step1-3{left:calc(107 / 635 * 100%);top:calc(4 / 439 * 100%)}#step1-4{left:calc(61 / 635 * 100%);top:calc(93 / 439 * 100%)}#step1-5{left:calc(80 / 635 * 100%);top:calc(140 / 439 * 100%)}#step1-6{left:calc(595 / 635 * 100%)}#step1-7-1{left:calc(45 / 635 * 100%);top:calc(0 / 439 * 100%)}#step1-7-2{left:calc(32 / 635 * 100%);top:calc(71 / 439 * 100%)}#step1-7-3{left:calc(43 / 635 * 100%);top:calc(101 / 439 * 100%)}#step1-7-4{left:calc(0 / 635 * 100%);top:calc(170 / 439 * 100%)}#step1-8-1{left:calc(536 / 635 * 100%);top:calc(222 / 439 * 100%)}#step1-8-2{left:calc(497 / 635 * 100%);top:calc(291 / 439 * 100%)}#step1-8-3{left:calc(578 / 635 * 100%);top:calc(319 / 439 * 100%)}#step1-8-4{left:calc(539 / 635 * 100%);top:calc(357 / 439 * 100%)}#step1 .scrolldown{bottom:125px}#step2{max-width:100%;min-height:800px}#step2-box2{margin-top:60px;margin-bottom:50px}#step3{max-width:100%;min-height:800px}#step4-box{max-width:100%;min-height:800px}#step4 .scrolldown{bottom:125px}#step5{max-width:100%;min-height:800px}#step6{max-width:100%;min-height:800px}#step6-box2{margin-top:60px;margin-bottom:50px}#step6.change .step6-change-content{margin-top:120px}#step6.change #step6-change-2{margin-top:100px}#step7{max-width:100%;min-height:800px}#step8{min-height:800px}#step8-box{max-width:100%;margin-left:calc(-90 / 742 * 100%)}#step8-linkgroup{position:relative;top:80px;padding-bottom:140px;margin-left:-75px;margin-top:0}#step9-box{max-width:100%;min-height:800px}#step9 .scrolldown{bottom:125px}#step11{max-width:100%}#step11-content .container{padding:0}}@media (max-width:479px){.scrolldown{width:58px;height:51px}#step1{max-width:100%;min-height:500px}#step1-content{padding-top:calc(400 / 320 * 100%)}#step1-1{width:calc(44 / 320 * 100%);left:calc(17 / 320 * 100%);top:calc(183 / 400 * 100%)}#step1-2{width:calc(42 / 320 * 100%);left:calc(72 / 320 * 100%);top:calc(183 / 400 * 100%)}#step1-3{position:absolute;width:calc(296 / 320 * 100%);left:calc(25 / 320 * 100%);top:calc(43 / 400 * 100%);z-index:2}#step1-4{width:calc(40 / 320 * 100%);left:calc(31 / 320 * 100%);top:calc(103 / 400 * 100%)}#step1-5{width:calc(225 / 320 * 100%);left:calc(45 / 320 * 100%);top:calc(115 / 400 * 100%)}#step1-6{position:absolute;width:calc(108.5 / 320 * 100%);left:calc(19 / 320 * 100%);top:calc(263 / 400 * 100%);z-index:7}#step1-7-1{width:calc(58 / 320 * 100%);left:calc(9 / 320 * 100%);top:calc(0 / 400 * 100%)}#step1-7-2{width:calc(27 / 320 * 100%);left:calc(0 / 320 * 100%);top:calc(54 / 400 * 100%)}#step1-7-3{width:calc(58 / 320 * 100%);left:calc(7 / 320 * 100%);top:calc(77 / 400 * 100%)}#step1-7-4{width:calc(58 / 320 * 100%);left:calc(-26 / 320 * 100%);top:calc(130 / 400 * 100%)}#step1-8-1{width:calc(58 / 320 * 100%);left:calc(260 / 320 * 100%);top:calc(233 / 400 * 100%)}#step1-8-2{width:calc(58 / 320 * 100%);left:calc(230 / 320 * 100%);top:calc(286 / 400 * 100%)}#step1-8-3{width:calc(27 / 320 * 100%);left:calc(292 / 320 * 100%);top:calc(308 / 400 * 100%)}#step1-8-4{width:calc(58 / 320 * 100%);left:calc(263 / 320 * 100%);top:calc(337 / 400 * 100%)}#step1 .scrolldown{bottom:60px}#step1-change-3{position:absolute;width:calc(117 / 320 * 100%);left:calc(45 / 320 * 100%);top:calc(400 / 400 * 100%);z-index:7}#step2{max-width:100%;min-height:500px}#step2-box1{margin-top:30px}#step2-box2{margin-top:35px;margin-bottom:20px}#step2.change #step2-change-7-4{width:calc(58 / 320 * 100%);left:calc(195 / 320 * 100%);top:calc(200 / 451 * 100%)}#step2.change #step2-change-7-5{width:calc(27 / 320 * 100%);left:calc(185 / 320 * 100%);top:calc(256 / 451 * 100%)}#step2.change #step2-change-7-6{width:calc(58 / 320 * 100%);left:calc(195 / 320 * 100%);top:calc(280 / 451 * 100%)}#step2.change #step2-change-7-7{width:calc(58 / 320 * 100%);left:calc(165 / 320 * 100%);top:calc(340 / 451 * 100%)}#step3{max-width:100%;min-height:500px}#step3-info br{display:none}#step3 .scrolldown{bottom:60px}#step4-box{max-width:100%;min-height:500px}#step4-content{padding-top:calc(251 / 312 * 100%)}#step4-1{width:calc(84 / 312 * 100%);left:calc(57 / 312 * 100%);top:calc(13 / 251 * 100%)}#step4-2{width:calc(193 / 312 * 100%);left:calc(16 / 312 * 100%);top:calc(72 / 251 * 100%)}#step4-3{width:calc(74 / 312 * 100%);left:calc(39 / 312 * 100%);top:calc(97 / 251 * 100%)}#step4-4{width:calc(216 / 312 * 100%);left:calc(110 / 312 * 100%);top:calc(94 / 251 * 100%)}#step4-5{width:calc(207 / 312 * 100%);left:calc(45 / 312 * 100%);top:calc(169 / 251 * 100%)}#step4-7-1{width:calc(43 / 312 * 100%);left:calc(-5 / 312 * 100%);top:calc(92 / 251 * 100%)}#step4-7-2{width:calc(43 / 312 * 100%);left:calc(-26 / 312 * 100%);top:calc(131 / 251 * 100%)}#step4-7-3{width:calc(20 / 312 * 100%);left:calc(19 / 312 * 100%);top:calc(147 / 251 * 100%)}#step4-7-4{width:calc(35 / 312 * 100%);left:calc(-1 / 312 * 100%);top:calc(167 / 251 * 100%)}#step4-7-5{width:calc(43 / 312 * 100%);left:calc(210 / 312 * 100%);top:calc(0 / 251 * 100%)}#step4-7-6{width:calc(20 / 312 * 100%);left:calc(210 / 312 * 100%);top:calc(44 / 251 * 100%)}#step4-7-7{width:calc(43 / 312 * 100%);left:calc(222 / 312 * 100%);top:calc(58 / 251 * 100%)}#step4-7-8{width:calc(43 / 312 * 100%);left:calc(175 / 312 * 100%);top:calc(58 / 251 * 100%)}#step4 .scrolldown{bottom:60px}#step5{max-width:100%;min-height:500px}.slide .item{padding:0}#step5 .scrolldown{bottom:60px}#step6{max-width:100%;min-height:500px;padding:100px 0 60px}#step6-content{margin-left:0;height:auto}#step6-1{position:relative;width:50%;left:0;top:0;margin-bottom:15px}#step6-2{position:relative;width:90%;left:0;top:0}#step6-3{position:relative;width:100%;left:0;top:0}#step6-4{position:relative;width:50%;left:0;top:0;margin-bottom:40px;margin-top:-10px}#step6-6{width:80%;margin-bottom:33px}#step6-7-1{width:76px;left:-15px;top:-93px}#step6-7-2{width:35px;left:-35px;top:-26px}#step6-7-3{width:76px;left:-15px;top:-3px}#step6-7-5{width:76px;left:auto;top:auto;right:47px;bottom:14px}#step6-7-6{width:35px;left:auto;top:auto;right:48px;bottom:-40px;opacity:.5}#step6-7-7{width:76px;left:auto;top:auto;right:88px;bottom:-52px;opacity:.2}#step6-box2{margin-top:35px;margin-bottom:20px}#step6.change #step6-change-2{margin-top:20px}#step6.change #step6-change-2 img{max-width:70vw}#step6.change #step6-change-7-1{width:calc(44 / 315 * 100%);left:calc(-18 / 315 * 100%);top:calc(-16 / 229 * 100%)}#step6.change #step6-change-7-2{width:calc(44 / 315 * 100%);left:calc(-41 / 315 * 100%);top:calc(25 / 229 * 100%)}#step6.change #step6-change-7-3{width:calc(20 / 315 * 100%);left:calc(7 / 315 * 100%);top:calc(41 / 229 * 100%)}#step6.change #step6-change-7-4{width:calc(44 / 315 * 100%);left:calc(255 / 315 * 100%);top:calc(208 / 229 * 100%)}#step6.change #step6-change-7-5{width:calc(27 / 315 * 100%);left:calc(248 / 315 * 100%);top:calc(250 / 229 * 100%)}#step6.change #step6-change-7-6{width:calc(44 / 315 * 100%);left:calc(254 / 315 * 100%);top:calc(273 / 229 * 100%)}#step6.change #step6-change-7-7{width:calc(44 / 315 * 100%);left:calc(229 / 315 * 100%);top:calc(309 / 229 * 100%)}#step6-change-3{margin-top:0;margin-left:15px}#step7{max-width:100%;min-height:500px}#step7 .scrolldown{bottom:60px}#step8{min-height:650px}#step8-box{height:90vh;max-width:100%;margin-left:0}#step8-content{top:10px;padding-top:calc(315 / 312 * 100%)}#step8-1{display:none}#step8-2{width:calc(221 / 312 * 100%);left:calc(13 / 312 * 100%);top:calc(174 / 315 * 100%)}#step8-3{width:calc(232 / 312 * 100%);left:calc(14 / 312 * 100%);top:calc(228 / 315 * 100%)}#step8-7-1{width:calc(76 / 312 * 100%);left:calc(-25 / 312 * 100%);top:calc(0 / 315 * 100%);opacity:.1}#step8-7-2{width:calc(35 / 312 * 100%);left:calc(56 / 312 * 100%);top:calc(27 / 315 * 100%);opacity:.25}#step8-7-3{width:calc(76 / 312 * 100%);left:calc(-4 / 312 * 100%);top:calc(76 / 315 * 100%);opacity:.1}#step8-7-4{width:calc(76 / 312 * 100%);left:calc(-69 / 312 * 100%);top:calc(131 / 315 * 100%);opacity:.25}#step8-7-5{width:calc(35 / 312 * 100%);left:calc(251 / 312 * 100%);top:calc(140 / 315 * 100%);opacity:.1}#step8-7-6{width:calc(76 / 312 * 100%);left:calc(191 / 312 * 100%);top:calc(165 / 315 * 100%);opacity:.1}#step8-7-7{width:calc(52 / 312 * 100%);left:calc(260 / 312 * 100%);top:calc(222 / 315 * 100%);opacity:.2}#step8-linkgroup{width:calc(100% - 30px);top:30px;margin-left:15px;margin-right:15px;padding-left:0;padding-top:15px;border-top:1px solid #ca5857}#step8-linkgroup #step8-line1{display:none}#step8 .scrolldown{position:relative;bottom:auto;top:-15px;margin-left:15px}#step9{height:auto}#step9-box{max-width:100%;min-height:500px}#step9-content{padding-top:calc(356 / 320 * 100%);top:20px;transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);-ms-transform:translateY(0%)}#step9-1{width:calc(201 / 320 * 100%);left:calc(29 / 320 * 100%);top:calc(27 / 356 * 100%)}#step9-2{width:calc(287 / 320 * 100%);left:calc(15 / 320 * 100%);top:calc(120 / 356 * 100%)}#step9-3{width:calc(266 / 320 * 100%);left:calc(15 / 320 * 100%);top:calc(203 / 356 * 100%)}#step9-0{position:absolute;display:block;width:calc(12 / 320 * 100%);left:calc(290 / 320 * 100%);top:calc(205 / 356 * 100%);z-index:7}#step9-7-1{width:calc(76 / 320 * 100%);left:calc(-20 / 320 * 100%);top:calc(0 / 356 * 100%);opacity:.1}#step9-7-2{width:calc(35 / 320 * 100%);left:calc(61 / 320 * 100%);top:calc(27 / 356 * 100%);opacity:.25}#step9-7-3{width:calc(76 / 320 * 100%);left:calc(1 / 320 * 100%);top:calc(76 / 356 * 100%);opacity:.1}#step9-7-4{width:calc(76 / 320 * 100%);left:calc(-64 / 320 * 100%);top:calc(131 / 356 * 100%);opacity:.25}#step9-7-5{width:calc(35 / 320 * 100%);left:calc(294 / 320 * 100%);top:calc(204 / 356 * 100%);opacity:.1}#step9-7-6{width:calc(76 / 320 * 100%);left:calc(234 / 320 * 100%);top:calc(229 / 356 * 100%);opacity:.1}#step9-7-7{width:calc(52 / 320 * 100%);left:calc(303 / 320 * 100%);top:calc(286 / 356 * 100%);opacity:.2}#step9 .scrolldown{bottom:60px}#step9-change-4{position:absolute;width:calc(117 / 320 * 100%);left:calc(200 / 320 * 100%);top:calc(130 / 356 * 100%);z-index:1}#step11{max-width:100%;min-height:1px;height:auto;padding-bottom:140px}#step11-box{height:auto}#numbericon11{display:none}#step11 .img-full{display:none}}