@charset "utf-8";
.quick_bn{position:fixed;right:-300px;bottom:2%;width:15.62%;height:auto;z-index:10;animation:quickBnHide .8s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;}
.quick_bn img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.quick_bn:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.quick_bn.active{
    animation:quickBnShow .8s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.scon .pc{display:block}
.scon .m{display:none}

.fl{float:left}
.section {position: relative;max-width:1920px;margin:0 auto}
.section-default-img {width: 100%;max-width: 1920px;}
.section-default-img.mobile {display: none;}
.tx{position:absolute;left:0}
.tx.m{display:none}
.section-link {position: absolute;z-index: 99;}
.section-link.m{display:none}


.sec1 .section-link--logo {left:43.44%;top:2.9%;width:13.12%;z-index:1}
.sec1 .section-link--promise {left:37.4%;top:48.16%;width:25.2%}
.fade{ 
animation: fadein 1.5s ease-in-out forwards;
  -moz-animation: fadein 1.5s ease-in-out forwards; /* Firefox */
  -webkit-animation: fadein 1.5s ease-in-out forwards; /* Safari and Chrome */
  -o-animation: fadein 1.5s ease-in-out forwards; /* Opera */
  }
.sec2 .tx1{width:19.06%;top:20.49%;left:61.97%}
.sec2 .tx2{width:19.47%;top:37.4%;left:59.68%}
.sec2 .tx3{top:53.42%;width:17.81%;z-index:1;left:56.2%}

.sec3 .tx{opacity:0}
.sec3 .tx1{top:24.71%;left:16.68%;width:6.87%}
.sec3 .tx2{top:24.71%;left:40.22%;width:10.2%}
.sec3 .tx3{top:68.25%;left:62.24%;width:13.22%}
.sec3 .tx4{top:75.3%;left:45.52%;width:12.91%}
.sec3 .tx3.fade, .sec3 .tx4.fade{ animation-delay: 0.8s;}
.sec4 .tx1{width:33.12%;top:24.86%;left:17.55%}
.sec5 .tx1{width:45%;top:30.56%;left:27.5%}
.sec5 .tx2{width:54.58%;top:38.64%;left:22.72%}
.sec6 .tx1{width:37.81%;top:37.22%;left:17.7%}
.sec7 .tx1{width:24.06%;top:23.3%;left:58.33%}
.sec8 .tx1{width:37.81%;top:20.26%;left:17.5%}

.sec9 .swiper-w {position:absolute;top:25.9%;left:15.86%;width:68.28%;display:block}
.sec9 .swiper-w .next{z-index:1;position:absolute;top:30.43%;right:-30px;width:172px;height:141px;background:url(../images/sl_btn.png) no-repeat 0 0;cursor:pointer}
.sec9 .tx1{width:23.75%;top:75.12%;left:55%;z-index:1}

.sec10 .tx1{width:21.87%;top:25.2%;left:15.93%}
.sec10 .tx2{width:21.87%;top:25.2%;left:39.06%}
.sec10 .tx3{width:21.87%;top:25.2%;left:62.29%}
.sec10 .tx4{position:absolute;width:23.02%;top:54.99%;left:0;z-index:1}

.sec11 .tx1{width:17.5%;top:37.65%;left:25.1%}
.sec11 .tx2{width:31.77%;top:54.22%;left:17.29%}
.sec11 .qick{position:absolute;bottom:0;left:0;width:100%}
.sec11 .mqick{display:none}

@media screen and (max-width:1400px) {
.scon .pc{display:none}
.scon .m{display:block}

.section-default-img {display: none;}
.section-default-img.mobile {display: block;}
.section-link.m{display:block}
.sec1{z-index:1}
.sec1 .section-link--logo {top:2.86%;left:41.08%;width:17.84%}
.sec1 .section-link--promise {width:30.36%;top:48.16%;left:34.82%}

.sec2 .tx{display:block}
.sec2 .tx1 {width: 25.92%;top: 21%;left: 66.42%;}
.sec2 .tx2 {width: 25.92%;top: 37.4%;left: 63.14%;}
.sec2 .tx3 {top: 53.42%;width: 25.92%;left: 58.57%;}

.sec3 .tx{display:block;opacity:0}
.sec3 .tx1{top:24.82%;left:4.24%;width:9.28%}
.sec3 .tx2{top:24.82%;left:37%;width:13.42%}
.sec3 .tx3{top:68.1%;left:67.2%;width:17.57%}
.sec3 .tx4{top:75.19%;width:17%;left:44.2%}

.sec3 .tx3.fade, .sec3 .tx4.fade{animation-delay: 1.5s;}

.sec4 .tx{display:block}
.sec4 .tx1{width:45.35%;top:24.64%;left:5.28%}

.sec5 .tx{display:block;width:47.57%}
.sec5 .tx1{width:61.64%;top:29.81%;left:19.18%}
.sec5 .tx2{width:74.78%;top:37.98%;left:12.61%}

.sec6 .tx{display:block}
.sec6 .tx1{top:36.99%;left:5%;width:51.85%}
.sec7 .tx1{top:21.72%;left:60.85%;width:33%}
.sec8 .tx1{top:19.76%;left:5%;width:53.71%}

.sec9 .swiper-w {top:25.96%;left:2.75%;width:94.5%;display:block}
.sec9 .swiper-w .next{top:40.43%;right:0;width:13.15%;height:17.9%;background:url(../images/sl_btn.png) no-repeat 0 0 / 100% auto;cursor:pointer}
.sec9 .tx1{width:33.57%;top:74.92%;%;left:55%;z-index:1}

.sec10 .tx{width:29.85%;top:25.18%}
.sec10 .tx1{left:2.85%}
.sec10 .tx2{left:34.97%}
.sec10 .tx3{left:66.8%}
.sec10 .tx4{top:64%;left:-10%}

.sec11 .tx1{width:23.92%;top:36.98%;left:15.57%}
.sec11 .tx2{width:43.5%;top:54.13%;left:4.64%}
.sec11 .qick{display:none}
.sec11 .mqick{display:block;position:fixed;width:100%;left:0;bottom:0;z-index:100}

.quick_bn{display:none !important}
}

@media (max-width: 768px) {
	
	.sec3 .tx3.fade, .sec3 .tx4.fade{animation-delay: 0.5s;}
}


@keyframes neon2 {
	0% {filter:grayscale(100%) brightness(0.7);}
	100% {filter:grayscale(0) brightness(1);}
}


.blinking{ -webkit-animation:blink 2s ease-in-out infinite alternate; -moz-animation:blink 2s ease-in-out infinite alternate; animation:blink 1.5s ease-in-out infinite alternate; } @-webkit-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } @-moz-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } @keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }
.blinking2{ -webkit-animation:blink 2s ease-in-out infinite alternate; -moz-animation:blink 2s ease-in-out infinite alternate; animation:blink 1.5s ease-in-out infinite alternate; } @-webkit-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } @-moz-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } @keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} }

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes quickBnShow {
    0% {right:-300px}
    100% {right:1.2%}
}

@keyframes quickBnHide {
    0% {right:1.2%}
    100% {right:-300px}
}