.welcome .cls-1 {fill-rule: evenodd;stroke:  #ffeccc;}
.welcome .cls-1,.welcome .cls-2 {fill: none;stroke-miterlimit: 10;}
.welcome .cls-2 {stroke: #ffeccc;}
.welcome{position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 999;background: #951A14;clip-path: circle(20rem at 50% 40%); }

.welcome #superLine{position: absolute;top: 0;left: 0;z-index: 5;display: block;}
.welcome .wels{position: absolute;top: 0;left: 0;bottom: 0;  }
.welcome .wels .bg{max-width: inherit;max-height: inherit;height: 100%;position: relative;z-index: 0}
.welcome .wels .spdot{width: .18rem;height: .18rem;background: url(../images/a/dotsp.png) no-repeat center;background-size: 100% 100%;border-radius: 50%;position: absolute;bottom: 8.75%;left: 10.759166666%;z-index: 5;opacity: 0;}
.welcome .wels .txtlist{position: absolute;left: 0;top: 0;bottom: 0;width: 100% }
.welcome .wels .txtlist li{ position: absolute;color: #FFECCC;font-family: 'fzyt';z-index: 5;top: 50%;text-align: center; line-height: 1.5em;user-select: none}
.welcome .wels .txtlist li:before{content: '';position: absolute;width: .2rem;height: .2rem;background: url(../images/a/dot.svg) no-repeat center;background-size: 100% 100%;top:-.1rem;left: 50%;margin-left: -.1rem;opacity: 0;}
.welcome .wels .txtlist li:after{content: '';position: absolute;height:0;border-left: 1px dashed #DEDBCC;top: 0.15rem;left: 50%;margin-left: -1px}

.welcome .wels .txtlist li.li1{left: 14.5%;padding-top: .8rem}
.welcome .wels .txtlist li.li2{left: 21%;padding-top: 2rem}
.welcome .wels .txtlist li.li3{left: 29%;padding-top: .8rem}
.welcome .wels .txtlist li.li4{left: 37.5%;padding-top: 1.7rem}
.welcome .wels .txtlist li.li5{left: 46.5%;padding-top: .8rem}
.welcome .wels .txtlist li.li6{left: 54%;padding-top: 1.9rem}
.welcome .wels .txtlist li.li6s{left: 64%;padding-top: .8rem}
.welcome .wels .txtlist li.li7{left: 76.5%;padding-top: 1rem}
 
.welcome .wels .txtlist li.li2 svg{position: absolute;left: 50%;width: 2.54rem;height: 2.54rem;margin-left: -1.27rem;top: -1.27rem}
.welcome .wels .txtlist li.li4 svg{position: absolute;left: 50%;width: 1.4rem;height: 1.22rem;margin-left: -.7rem;top: -.7rem}
.welcome .wels .txtlist li.li6 svg{position: absolute;left: 50%;width: 2.54rem;height: 2.54rem;margin-left: -1.27rem;top: -1.27rem}
.welcome .wels .txtlist li.li7 svg{position: absolute;left: 50%;width: 4.82rem;height: 5.42rem;margin-left: -2.41rem;top: -2.41rem}
.welcome .wels .txtlist li.li8 svg{position: absolute;left: 50%;width: 4.82rem;height: 4.82rem;margin-left: -2.41rem;top: -2.41rem}

.welcome .wels .txtlist li .year{font-size: .28rem;position: absolute;top: -.55rem;left: 0;right: 0;text-align: center;color: #FFECCC;transform:translateY(-150%);opacity: 0}
.welcome .wels .txtlist li .p{font-size: .17rem}
.welcome .wels .txtlist li.li1 .p{transform:translateY(150%);opacity: 0}
.welcome .wels .txtlist li.li2 .p{transform:translateY(150%);opacity: 0}
.welcome .wels .txtlist li.li3 .p{transform:translateY(150%);opacity: 0}
.welcome .wels .txtlist li.li4 .p{transform:translateY(150%);opacity: 0}
.welcome .wels .txtlist li.li5 .p{transform:translateY(150%);opacity: 0}
.welcome .wels .txtlist li.li6 .p{transform:translateY(150%);opacity: 0}
.welcome .wels .txtlist li.li6s .p{transform:translateY(150%);opacity: 0}
.welcome .wels .txtlist li.li7 .p{transform:translateY(150%);opacity: 0}
 
.welcome.show .wels .spdot{opacity: 1;transition: all .3s 2.4s ease;  }


.welcome #l1{stroke-dasharray: 80; stroke-dashoffset:80;}
.welcome #l2{stroke-dasharray: 2932; stroke-dashoffset:2932;}
.welcome #l3{stroke-dasharray: 83; stroke-dashoffset:83;}

.welcome #c0{stroke-dasharray: 1065; stroke-dashoffset:1065;}
.welcome #c1{stroke-dasharray: 1298; stroke-dashoffset:1298;}
.welcome #c2{stroke-dasharray: 628; stroke-dashoffset:628;}
.welcome #c3{stroke-dasharray: 291; stroke-dashoffset:291;}
.welcome #c4{stroke-dasharray: 236; stroke-dashoffset:236;}
.welcome #c5{stroke-dasharray: 628; stroke-dashoffset:628;}
.welcome #c6{stroke-dasharray: 1297; stroke-dashoffset:1297;}
.welcome #c7{stroke-dasharray: 1065; stroke-dashoffset:1065;}
.welcome #c8{stroke-dasharray: 1065; stroke-dashoffset:1065;}
 
.welcome #t1s1{stroke-dasharray: 322.3; stroke-dashoffset:322.3;}
.welcome #t1s2{stroke-dasharray: 450.4; stroke-dashoffset:450.4;}
.welcome #t1s3{stroke-dasharray: 539.9; stroke-dashoffset:539.9;}
.welcome #t1s4{stroke-dasharray: 444.0; stroke-dashoffset:444.0;}


.welcome #t2s1{stroke-dasharray: 546.1; stroke-dashoffset:546.1;}
.welcome #t2s2{stroke-dasharray: 557.3; stroke-dashoffset:557.3;}
.welcome #t2s3{stroke-dasharray: 546.1; stroke-dashoffset:546.1;}
.welcome #t2s4{stroke-dasharray: 449.9; stroke-dashoffset:449.9;}



.welcome.show .wels .txtlist li.li1:before{opacity: 1;transition: all .3s 1.8s ease;  }
.welcome.show .wels .txtlist li.li2:before{opacity: 1;transition: all .3s 4s ease;  }
.welcome.show .wels .txtlist li.li3:before{opacity: 1;transition: all .3s 4.5s ease;  }
.welcome.show .wels .txtlist li.li4:before{opacity: 1;transition: all .3s 5.8s ease;  }
.welcome.show .wels .txtlist li.li5:before{opacity: 1;transition: all .3s 6.3s ease; }
.welcome.show .wels .txtlist li.li6:before{opacity: 1;transition: all .3s 8.5s ease; }
.welcome.show .wels .txtlist li.li6s:before{opacity: 1;transition: all .3s 11s ease; }
.welcome.show .wels .txtlist li.li7:before{opacity: 1;transition: all .3s 13.2s ease;  } 
.welcome.show .wels .txtlist li.li8:before{opacity: 1;transition: all .3s 13.2s ease;  } 



.welcome.show .wels .txtlist li.li1:after{transition: height .3s 1.9s ease; height: .6rem}
.welcome.show .wels .txtlist li.li2:after{transition: height .3s 4.1s ease; height: 1.75rem}
.welcome.show .wels .txtlist li.li3:after{transition: height .3s 4.6s ease; height: .6rem}
.welcome.show .wels .txtlist li.li4:after{transition: height .3s 5.9s ease; height: 1.45rem}
.welcome.show .wels .txtlist li.li5:after{transition: height .3s 6.4s ease; height: .6rem}
.welcome.show .wels .txtlist li.li6:after{transition: height .3s 8.6s ease; height: 1.7rem}
.welcome.show .wels .txtlist li.li6s:after{transition: height .3s 11.1s ease; height: .6rem}
.welcome.show .wels .txtlist li.li7:after{transition: height .3s 13.5s ease; height: .8rem} 
.welcome.show .wels .txtlist li.li8:after{transition: height .3s 13.5s ease; height: .8rem} 

.welcome.show .wels .txtlist li.li1 .p{transition: all .5s 2s ease;transform:translateY(0);opacity: 1}
.welcome.show .wels .txtlist li.li2 .p{transition: all .5s 4.2s ease;transform:translateY(0);opacity: 1}
.welcome.show .wels .txtlist li.li3 .p{transition: all .3s 4.7s ease;transform:translateY(0);opacity: 1}
.welcome.show .wels .txtlist li.li4 .p{transition: all .3s 6.2s ease;transform:translateY(0);opacity: 1}
.welcome.show .wels .txtlist li.li5 .p{transition: all .3s 6.6s ease;transform:translateY(0);opacity: 1}
.welcome.show .wels .txtlist li.li6 .p{transition: all .3s 8.7s ease;transform:translateY(0);opacity: 1}
.welcome.show .wels .txtlist li.li6s .p{transition: all .3s 11.2s ease;transform:translateY(0);opacity: 1}
.welcome.show .wels .txtlist li.li7 .p{transition: all .3s 13.7s ease;transform:translateY(0);opacity: 1} 
.welcome.show .wels .txtlist li.li7 .8{transition: all .3s 13.7s ease;transform:translateY(0);opacity: 1} 

.welcome.show .wels .txtlist li.li1 .year{transition: all .5s 2s ease;transform:translateY(0);opacity: 1}
.welcome.show .wels .txtlist li.li2 .year{transition: all .5s 4.2s ease;transform:translateY(0);opacity: 1}
.welcome.show .wels .txtlist li.li3 .year{transition: all .3s 4.7s ease;transform:translateY(0);opacity: 1}
.welcome.show .wels .txtlist li.li4 .year{transition: all .3s 6.2s ease;transform:translateY(0);opacity: 1}
.welcome.show .wels .txtlist li.li5 .year{transition: all .3s 6.6s ease;transform:translateY(0);opacity: 1}
.welcome.show .wels .txtlist li.li6 .year{transition: all .3s 8.7s ease;transform:translateY(0);opacity: 1}
.welcome.show .wels .txtlist li.li6s .year{transition: all .3s 11.2s ease;transform:translateY(0);opacity: 1}
.welcome.show .wels .txtlist li.li7 .year{transition: all .3s 13.7s ease;transform:translateY(0);opacity: 1} 
.welcome.show .wels .txtlist li.li8 .year{transition: all .3s 13.7s ease;transform:translateY(0);opacity: 1} 

.welcome.show .wels{  will-change: transform;transition: transform 12s 4s linear }



.welcome.show #l1{transition: stroke-dashoffset .5s linear; stroke-dashoffset:0 }
.welcome.show #l2{transition: stroke-dashoffset 11s 1.5s linear; stroke-dashoffset:0 }
.welcome.show #l3{transition: stroke-dashoffset .5s 16.2s linear; stroke-dashoffset:0 }

.welcome.show #t1s1{transition: stroke-dashoffset .3s .3s linear; stroke-dashoffset:0 }
.welcome.show #t1s2{transition: stroke-dashoffset .3s .6s linear; stroke-dashoffset:0 }
.welcome.show #t1s3{transition: stroke-dashoffset .3s .9s linear; stroke-dashoffset:0 }
.welcome.show #t1s4{transition: stroke-dashoffset .3s 1.2s linear; stroke-dashoffset:0 }


.welcome.show #c0{transition: stroke-dashoffset 1s 1.5s linear;stroke-dashoffset:0}
.welcome.show #c1{transition: stroke-dashoffset 1s 2.5s linear;stroke-dashoffset:0}
.welcome.show #c2{transition: stroke-dashoffset .5s 3.5s  linear;stroke-dashoffset:0}
.welcome.show #c3{transition: stroke-dashoffset .5s 5s linear;stroke-dashoffset:0}
.welcome.show #c4{transition: stroke-dashoffset .5s 5.5s linear;stroke-dashoffset:0}
.welcome.show #c5{transition: stroke-dashoffset .5s 8s linear;stroke-dashoffset:0}
.welcome.show #c6{transition: stroke-dashoffset 1s 12.5s linear;stroke-dashoffset:0}
.welcome.show #c7{transition: stroke-dashoffset 1s 14s linear;stroke-dashoffset:0}
.welcome.show #c8{transition: stroke-dashoffset 1s 14s linear;stroke-dashoffset:0}

.welcome.show #t2s1{transition: all .5s 14.5s linear; stroke-dashoffset:0 }
.welcome.show #t2s2{transition: all .6s 14.7s linear; stroke-dashoffset:0 }
.welcome.show #t2s3{transition: all .7s 14.9s linear; stroke-dashoffset:0 }
.welcome.show #t2s4{transition: all .8s 15.3s linear; stroke-dashoffset:0 }

.welcome.scale{clip-path: circle(0 at 29.9% 37.5%);transition: all 1.2s .5s cubic-bezier(.17, .67, .49, .93);opacity: 0}
.welcome  #t2s{transition: all .3s ease;opacity: 0}
.welcome  #t2s .cls-2{fill:  #ffeccc;}
.welcome.scale  #t2s{opacity: 1}
/*.welcome.scale  #t2s2{fill:  #ffeccc;transition: fill .3s ease}
.welcome.scale  #t2s3{fill:  #ffeccc;transition: fill .3s ease}
.welcome.scale  #t2s4{fill:  #ffeccc;transition: fill .3s ease}*/


.slogmp .st{position: absolute;z-index: 3;pointer-events: none;user-select: none}
.slogmp .st1{width: 7.8125%;left: 9.1%;bottom: 9.2%;height:25%}
.slogmp .st2{width: 7.8125%;left: 22.8%;bottom: 36.5%;height:25%}
.slogmp .st3{width: 7.8125%;left: 48.9%;bottom: 49.5%;;height:25%}
.slogmp .st4{width: 7.8125%;left: 80.4%;bottom: 56.5%;;height:25%}
.slogmp .st .k1{position: absolute;z-index: 4;width: 70%;left: 15%;opacity: 0;top: -20%;}
.slogmp .st .k2{position: absolute;z-index: 3;width: 100%;top: 32%;;opacity: 0}
.slogmp .st .k3{background-repeat: no-repeat;background-position: bottom center;background-size: 100% auto;height: 0;position: absolute;bottom: 0;left: 0;right: 0;}
.slogmp .st .sha{position: absolute;right: 50%;bottom: -27%;width: 88%;opacity: 0}
.slogmp .st1 .k3{background-image: url(../images/m/t1s.png);}
.slogmp .st2 .k3{background-image: url(../images/m/t2s.png);}
.slogmp .st3 .k3{background-image: url(../images/m/t3s.png);}
.slogmp .st4 .k3{background-image: url(../images/m/t4s.png);}


.show .slogmp .st1  .k1{transition: .3s 1.5s linear;opacity: 1}
.show .slogmp .st1  .k2{top: -26%;transition: .3s 1s linear;opacity: 1}
.show .slogmp .st1  .k3{height: 100%;transition: .3s 1s linear}
.show .slogmp .st1 .sha{transition: .3s 1s linear;opacity: 1}

.show .slogmp .st2  .k1{transition: .3s 2.5s linear;opacity: 1}
.show .slogmp .st2  .k2{top: -26%;transition: .3s 2s linear;opacity: 1}
.show .slogmp .st2  .k3{height: 100%;transition: .3s 2s linear}
.show .slogmp .st2 .sha{transition: .3s 2s linear;opacity: 1}

.show .slogmp .st3  .k1{transition: .3s 3.5s linear;opacity: 1}
.show .slogmp .st3  .k2{top: -26%;transition: .3s 3s linear;opacity: 1}
.show .slogmp .st3  .k3{height: 100%;transition: .3s 3s linear}
.show .slogmp .st3 .sha{transition: .3s 3s linear;opacity: 1}

.show .slogmp .st4  .k1{transition: .3s 4.5s linear;opacity: 1}
.show .slogmp .st4  .k2{top: -26%;transition: .3s 4s linear;opacity: 1}
.show .slogmp .st4  .k3{height: 100%;transition: .3s 4s linear}
.show .slogmp .st4 .sha{transition: .3s 4s linear;opacity: 1}

@media (max-width: 1024px){
 .welcome .wels .txtlist li:before{width: .3rem;height: .3rem;top:-.15rem;margin-left: -.15rem;}
.welcome .wels .txtlist li{font-size: .3rem}
.welcome .wels .txtlist li{font-size: 14px}
}
@media (width: 1024px){
.welcome.show .wels{  will-change: transform;transition: transform 7.5s 2.5s linear }
}
@media (max-width: 992px){
 .welcome .wels .txtlist li:before{width: 12px;height: 12px;top:-6px;margin-left: -6px;}
.welcome .wels .txtlist li .p{font-size: 10px;line-height: 1.6em }
.welcome .wels .txtlist li .year{font-size: 16px;top: -.7rem }

.welcome.scale{clip-path: circle(0 at 8.6% 34.2%);transition: all 1.2s .5s cubic-bezier(.17, .67, .49, .93);opacity:0}
.welcome .wels .txtlist li.li1{left: 14.2% }
.welcome .wels .txtlist li.li2{left: 22% }
.welcome .wels .txtlist li.li3{left: 30% }
.welcome .wels .txtlist li.li4{left: 38%;}
.welcome .wels .txtlist li.li6{left: 50%;}
.welcome .wels .txtlist li.li6s{left: 59%;}
.welcome .wels .txtlist li.li7{left: 74%;}
 
.welcome.show .wels .txtlist li.li6:after{ height: 1.5rem}
.welcome .wels .txtlist li.li6{ padding-top: 1.8rem}

.welcome.show .wels .txtlist li.li4:after{ height: 2rem}
.welcome .wels .txtlist li.li4{ padding-top: 2.3rem}
.welcome .wels .txtlist li.li4 svg{width:1.8rem ;height:1.58rem ;margin-left: -.9rem;top: -.9rem;}
}

/*0119*/
.wels-show #container:before{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 999;background: #9F201D}
.welcome .swi-close{position: fixed;top: .2rem;right: .2rem;width: 1rem;height: 0.46rem;display: flex;align-items: center;justify-content: center;background: #FFECCC;color: #A73129;border-radius: 50vw;font-size: .16rem;z-index: 77;/* font-weight: bold; *//* display: flex; */}
.welcome .swi-close:before{display:none;}
.cirslogm{position: absolute;top: 14%;left: 3%;width: 19%;height: 40%;background: rgba(0,0,0,0);border-radius: 50% ;display: none;z-index: 20}
 @media (max-width: 992px){
 .cirslogm{display: block;} 
  .welcome .swi-close{width: .8rem;height: .8rem;font-size: .28rem} 
 }

.welcome.over{overflow: auto}
.welcome.over  #t2s .cls-2{fill:  #ffeccc;transition: none}
.welcome.over .swi-close{display: flex}
.welcome.over .wels{transform: translateX(0)!important;transition: none!important}
.welcome.over .wels .txtlist li{overflow: visible;}