﻿.Z0001{position:relative;height:calc(100vh - 95px);font-size:16px;background:#f9f9f9;
/*
background:-webkit-linear-gradient(left,rgba(245,236,234,0.9)20%,rgb(230,230,230) 99%);
background:-moz-linear-gradient(left,rgba(245,236,234,0.9)20%,rgba(235,224,219,1) 99%);
background:linear-gradient(left right,rgba(245,236,234,0.9)20%,rgb(235,224,219) 99%);

background:-webkit-linear-gradient(left,rgba(245,236,234,0.9)20%,rgb(235,224,219) 99%);
background:-moz-linear-gradient(left,rgba(245,236,234,0.9)20%,rgba(235,224,219,1) 99%);
background:linear-gradient(left right,rgba(245,236,234,0.9)20%,rgb(235,224,219) 99%);
*/
}
.Z0001 .Imgs img{display:block;width:100%;}
.Z0001 .Imgs .Img1{position:absolute;top:0;left:0;}
.Z0001 .Imgs .Img2{position:absolute;bottom:0;left:0;}
.Z0001 .Imgs .Img3{position:absolute;bottom:0;right:0;animation-delay:.5s;}
.Z0001 .FadeIn{position:absolute;top:24vh;bottom:0;left:25vw;}
.Z0001 .Title{display:none;}
.Z0001 .FadeIn .Title{display:block;color:#fa4300;line-height:60px;letter-spacing:6px;font-size:52.5px;font-weight:600;}
.Z0001 .FadeIn .Title b{display:inline;}
.Z0001 .FadeIn .Title p{width:7em;white-space: nowrap;border-right: 2px solid transparent;animation: typing 3.5s steps(7, end), blink-caret .75s step-end infinite;overflow: hidden;}
/*.Z0001 .FadeIn .Title span{display:block;width:6em;border-right:.05em solid;overflow:hidden;white-space:nowrap;animation:typing 3s steps(11), caret 1s steps(1) infinite;}*/
.Z0001 .Text{font-size:19.5px;line-height:37.5px;letter-spacing:3px;text-align:left;animation-delay:1.5s;}

@keyframes caret{50%{border-color:transparent;}}
@keyframes typing{from{width:0;}}
@keyframes typing{from{width:0;}to{width:7em;}}
@keyframes blink-caret{from,to{box-shadow:1px 0 0 0 transparent;}50%{box-shadow:1px 0 0 0;}}/*游標*/
.Z0002{position:relative;height:100vh;}
.Z0002 .Title{position:absolute;top:34vh;right:7vw;width:30vw;line-height:52.5px;font-size:37.5px;font-weight:600;animation-delay:2.5s;}
.Z0002 .Text{position:absolute;top:48vh;right:7vw;width:30vw;line-height:37.5px;font-size:18px;animation-delay:3.3s;}
.Z0002 button{padding:15px 30px;color:#fff;font-size:18px;border:0;border-radius:10px;background:#e64600;cursor:pointer;}
.S1s .S11.Z0003{position:relative;float:left;padding:10% 0;margin:0;width:100%;overflow:inherit;}/*{{LiStyle=background-color:#d8eefa}}*/
.Z0003:before{content:'';position:absolute;top:0;right:0;left:0;z-index:-1;height:55%;background-color:#d8eefa;}
.Z0003 .Title{width:100%;line-height:60px;font-size:45px;font-weight:600;text-align:center;}
.Z0003 .Text{width:100%;line-height:37.5px;font-size:18px;text-align:center;}
.Z0004{position:relative;padding:10% 0;}
.Z0004 .Title{margin:0 0 5vh;line-height:60px;font-size:45px;font-weight:600;text-align:center;}
.Z0004 .Text{text-align:center;}
.Z0004 .Text .Box{display:inline-block;*display:inline;*zoom:1;margin:2vh 0;width:24%;}
.Z0004 .Text .Box2{animation-delay:0.2s;}
.Z0004 .Text .Box3{animation-delay:0.3s;}
.Z0004 .Text .Box4{animation-delay:0.4s;}
.Z0004 .Text .Box5{animation-delay:1s;}
.Z0004 .Text .Box6{animation-delay:1.1s;}
.Z0004 .Text .Box7{animation-delay:1.2s;}
.Z0004 .Text .Box8{animation-delay:1.3s;}
.Z0004 .Text .Box9{animation-delay:2s;}
.Z0004 .Text .Box10{animation-delay:2.1s;}
.Z0004 .Text .Box11{animation-delay:2.2s;}
.Z0004 .Text .Box12{animation-delay:2.3s;}
.Z0004 .Text .Box13{animation-delay:2.9s;}
.Z0004 .Text .Box14{animation-delay:3s;}
.Z0004 .Text .Box15{animation-delay:3.1s;}
.Z0004 .Text .Box16{animation-delay:3.2s;}
.Z0005{position:relative;clear:both;padding:10% 0;margin:25% 0 0 0;overflow:hidden;}
#CountsUp{text-align:center;}
#CountsUp .CU{display:inline-block;width:33%;line-height:5vw;color:#fa7f00;font-size:90px;font-weight:600;animation-delay:2s;}
#CountsUp .CU span{color:#fff;font-size:22.5px;font-weight:500;}
#CountsUp .CU p{color:#eee;line-height:2vw;font-size:initial;}
.Text img{display:block;margin:0 auto;width:100%;}
.Text .A301{float:left;padding:3.1%;margin:0 1%;width:25%;background-color:#fff;box-shadow:1px 1px 5px #eee;}
.Text .A301 .TImgs.TImg{text-align:center}
.Text .A301 .TImgs.TImg img{width:auto;}
.Text .A301 h2{text-align:center;}
.Text .A301 h3{text-align:center;}
.Text .A301 h2 span{position:relative;display:inline-block;*display::inline;*zoom:1;margin:0 auto 15px;font-size:30px;font-weight:500;line-height:60px;text-align:center;}
.Text .A301 h2 span:after{content:"";position:absolute;bottom:0;left:0;width:100%;border-bottom:4px double;}
#Footer{color:#fff;background:#e64600;background:#3c3c82;}
#Footer a{color:#e64600;}
@media screen and (max-width:1249px){
}
@media screen and (max-width:1249px) and (min-width:960px){
}
@media screen and (max-width:959px){
}
@media screen and (min-width:640px) and (max-width:959px){
}
@media screen and (max-width:639px){
}