body{width:100%;height:100%;font-family:"微软雅黑",Arial,Helvetica,sans-serif}#box3d{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;perspective:600px;-webkit-perspective:600px;-moz-perspective:600px;-ms-perspective:600px;-o-perspective:600px}#checkrower{position:fixed;width:100%;height:50%;top:50%;left:0;text-align:center;color:#ebebeb;z-index:999;display:none}#btn1{left:50%;width:150px;margin-left:-95px;margin-top:10px}#box3d_girl{position:absolute;height:70%;width:auto;top:10%;left:50%}#box3d_btn{position:absolute;width:200px;height:100px;left:50%;top:50%;margin:-50px 0 0 -100px}#l_gbr_box{position:absolute;top:-100px;left:120%;width:200px;height:200px;margin-left:-235px;overflow:hidden}#l_gbr{position:absolute;top:0;left:0;height:30px;width:120px;cursor:pointer;text-align:center;line-height:30px;color:#000;border:1px solid #000;font-size:80%}#l_gbr_line{position:absolute;top:0;left:0;height:30px;width:120px;transform:rotate(-45deg) translate(40px,95px);-webkit-transform:rotate(-45deg) translate(40px,95px);-moz-transform:rotate(-45deg) translate(40px,95px);-ms-transform:rotate(-45deg) translate(40px,95px);-o-transform:rotate(-45deg) translate(40px,95px)}#l_gbl_box{position:absolute;top:-100px;left:50%;width:200px;height:200px;margin-left:25px;margin-top:30px;overflow:hidden;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}#footer{position:fixed;text-align:right;width:100%;height:30px;line-height:30px;font-size:14px;color:#fff;bottom:0;right:10px;display:none}.browser{margin:0 10px 0 10px;color:#999}.browser1{margin-left:25px}#c{position:fixed;width:100%;height:2px;background-color:#300;top:50%;margin:-1px 0 0 0}#c1{position:fixed;width:2px;height:100%;background-color:#300;left:50%;margin:0 0 0 -1px}#box{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#222;overflow:hidden;display:none;perspective:350px;-webkit-perspective:350px}#left{position:absolute;width:5000px;height:5000px;top:50%;left:50%;margin-top:-2500px;margin-left:-5000px;background-color:rgba(0,0,0,1);z-index:999;transform-origin:100% 50%;transform:rotate(45deg);-webkit-transform-origin:100% 50%;-webkit-transform:rotate(45deg)}#right{position:absolute;width:5000px;height:5000px;top:50%;left:50%;margin-top:-2500px;margin-left:0;background-color:rgba(0,0,0,1);z-index:999;transform-origin:0 50%;transform:rotate(45deg);-webkit-transform-origin:0 50%;-webkit-transform:rotate(45deg)}#s{position:absolute;width:120%;height:100%;top:0;left:0;overflow:hidden;background-image:url(https://img.haoht123.com/imgs/guide/y1.jpg);background-size:cover;background-position:center;box-shadow:0 0 10px #000;z-index:998;opacity:0}#s_2{position:absolute;width:150%;height:200%;top:-25%;left:-25%;background-color:#000;background-size:cover;background-position:center;z-index:997;opacity:0}#s3d{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1001;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}#words{position:absolute;width:300px;height:100px;bottom:8%;right:0;text-shadow:0 0 8px #999;font-size:150%;font-weight:bold;color:#FFF;z-index:1000;transform:rotateY(140deg) translateZ(300px) translateX(-50px);-webkit-transform:rotateY(140deg) translateZ(300px) translateX(-50px)}.s3d_d{position:absolute;width:14%;height:14%;background-position:center;background-size:cover;display:none;border-radius:8px;border:solid 8px rgba(255,255,255,.6);transition:transform 1.5s,left 1.5s,top 1.5s;-webkit-transition:-webkit-transform 1.5s,left 1.5s,top 1.5s}#s3d_1{left:2.5%;top:12%;background-image:url(https://img.haoht123.com/imgs/welcome/photo1.jpg)}#s3d_2{left:22.5%;top:12%;background-image:url(https://img.haoht123.com/imgs/welcome/photo2.jpg)}#s3d_3{left:42.5%;top:12%;background-image:url(https://img.haoht123.com/imgs/welcome/photo3.jpg)}#s3d_4{left:62.5%;top:12%;background-image:url(https://img.haoht123.com/imgs/welcome/photo4.jpg)}#s3d_5{left:82.5%;top:12%;background-image:url(https://img.haoht123.com/imgs/welcome/photo5.jpg)}#s3d_6{left:2.5%;top:73%;background-image:url(https://img.haoht123.com/imgs/welcome/photo6.jpg)}#s3d_7{left:22.5%;top:73%;background-image:url(https://img.haoht123.com/imgs/welcome/photo7.jpg)}#s3d_8{left:42.5%;top:73%;background-image:url(https://img.haoht123.com/imgs/welcome/photo8.jpg)}#s3d_9{left:62.5%;top:73%;background-image:url(https://img.haoht123.com/imgs/welcome/photo9.jpg)}#s3d_10{left:82.5%;top:73%;background-image:url(https://img.haoht123.com/imgs/welcome/photo10.jpg)}.lastword{position:absolute;width:100%;text-align:center;top:50%;height:80px;line-height:80px;color:#f0f0f0;z-index:9999;transform:rotateX(90deg);-webkit-transform:rotateX(-90deg)}#word1{font-size:400%;font-weight:bold;margin-top:-1.75em;opacity:0;animation-delay:600ms;-webkit-animation-delay:600ms}#word2{margin-top:-2.5em;opacity:0;animation-delay:400ms;-webkit-animation-delay:400ms}#word3{margin-top:-1.2em;opacity:0;animation-delay:200ms;-webkit-animation-delay:200ms}
#word4{margin-top:2px;opacity:0}@-webkit-keyframes lshow1{0%{left:50%}100%{left:5%}}@-webkit-keyframes rshow1{0%{left:50%}100%{left:90%}}@-webkit-keyframes lshow2{0%{left:5%;-webkit-transform:rotate(45deg)}30%{left:50%;-webkit-transform:rotate(45deg)}60%{left:75%;-webkit-transform:rotate(180deg)}100%{left:90%;-webkit-transform:rotate(180deg)}}@-webkit-keyframes rshow2{0%{left:90%;-webkit-transform:rotate(45deg)}30%{left:51%;-webkit-transform:rotate(45deg)}60%{left:74%;-webkit-transform:rotate(180deg)}100%{left:45%;-webkit-transform:rotate(180deg)}}@-webkit-keyframes lshow3{0%{left:90%;-webkit-transform:rotate(180deg)}30%{left:75%;-webkit-transform:rotate(180deg)}60%{left:50%;-webkit-transform:rotate(270deg)}100%{left:50%;top:70%;-webkit-transform:rotate(270deg)}}@-webkit-keyframes rshow3{0%{left:45%;-webkit-transform:rotate(180deg)}30%{left:74%;-webkit-transform:rotate(180deg)}60%{left:49%;-webkit-transform:rotate(270deg)}100%{left:50%;top:30%;-webkit-transform:rotate(270deg)}}@-webkit-keyframes lshow4{0%{left:50%;top:70%;-webkit-transform:rotate(270deg)}100%{left:50%;top:50%;-webkit-transform:rotate(270deg)}}@-webkit-keyframes rshow4{0%{left:50%;top:30%;-webkit-transform:rotate(270deg)}100%{left:50%;top:51%;-webkit-transform:rotate(270deg)}}@-webkit-keyframes d3turn{0%{-webkit-transform:rotateY(0)}100%{-webkit-transform:rotateY(-180deg)}}@-webkit-keyframes word1show{0%{opacity:0;-webkit-transform:rotateY(140deg) translateZ(300px) translateX(0)}60%{opacity:1;-webkit-transform:rotateY(80deg) translateZ(150px) translateX(30px)}100%{opacity:1;-webkit-transform:rotateY(0deg) translateZ(0) translateX(0)}}@-webkit-keyframes word1out{0%{opacity:1;-webkit-transform:rotateY(0deg) translateZ(0) translateX(0)}100%{opacity:0;-webkit-transform:rotateY(0deg) translateZ(0) translateX(0)}}@-webkit-keyframes word1showl{0%{opacity:0;-webkit-transform:rotateY(0deg) translateZ(0) translateX(0);top:50%}100%{opacity:1;-webkit-transform:rotateY(0deg) translateZ(0) translateX(0);top:47%}}@-webkit-keyframes word1outl{0%{opacity:1;-webkit-transform:rotateY(0deg) translateZ(0) translateX(0);top:47%}100%{opacity:0;-webkit-transform:rotateY(0deg) translateZ(0) translateX(0);top:47%}}@-webkit-keyframes webkitwordshow{0%{opacity:0;-webkit-transform:rotateX(-90deg)}100%{opacity:1;-webkit-transform:rotateX(0)}}@-webkit-keyframes s_tran{0%{opacity:0;left:0}20%{opacity:1}80%{opacity:1}100%{opacity:0;left:-8%}}@-webkit-keyframes show2_s_tran{0%{opacity:0;top:0}20%{opacity:1}80%{opacity:1}100%{opacity:0;top:-12%}}@-webkit-keyframes show2_s2_tran{0%{opacity:0;top:0}20%{opacity:.5}80%{opacity:.5}100%{opacity:0;top:-24%}}@-webkit-keyframes show3_s_tran{0%{opacity:0;left:-15%;top:-15%;width:130%;height:130%}20%{opacity:1}100%{opacity:1;left:0;top:0;width:100%;height:100%}}@keyframes w3clshow1{0%{left:50%}100%{left:5%}}@keyframes w3crshow1{0%{left:50%}100%{left:90%}}@keyframes w3clshow2{0%{left:5%;transform:rotate(45deg)}30%{left:50%;transform:rotate(45deg)}60%{left:75%;transform:rotate(180deg)}100%{left:90%;transform:rotate(180deg)}}@keyframes w3crshow2{0%{left:90%;transform:rotate(45deg)}30%{left:51%;transform:rotate(45deg)}60%{left:74%;transform:rotate(180deg)}100%{left:45%;transform:rotate(180deg)}}@keyframes w3clshow3{0%{left:90%;transform:rotate(180deg)}30%{left:75%;transform:rotate(180deg)}60%{left:50%;transform:rotate(270deg)}100%{left:50%;top:70%;transform:rotate(270deg)}}@keyframes w3crshow3{0%{left:45%;transform:rotate(180deg)}30%{left:74%;transform:rotate(180deg)}60%{left:49%;transform:rotate(270deg)}100%{left:50%;top:30%;transform:rotate(270deg)}}@keyframes w3clshow4{0%{left:50%;top:70%;transform:rotate(270deg)}100%{left:50%;top:50%;transform:rotate(270deg)}}@keyframes w3crshow4{0%{left:50%;top:30%;transform:rotate(270deg)}100%{left:50%;top:51%;transform:rotate(270deg)}}@keyframes w3cword1show{0%{opacity:0;transform:rotateY(140deg) translateZ(300px) translateX(-25px)}60%{opacity:1;transform:rotateY(80deg) translateZ(150px) translateX(80px)}100%{opacity:1;transform:rotateY(0deg) translateZ(0) translateX(-50px)}}@keyframes w3cword1out{0%{opacity:1;transform:rotateY(0deg) translateZ(0) translateX(-50px)}100%{opacity:0;transform:rotateY(0deg) translateZ(0) translateX(-50px)}}@keyframes w3cword1showl{0%{opacity:0;transform:rotateY(0deg) translateZ(0) translateX(0);top:55%}100%{opacity:1;transform:rotateY(0deg) translateZ(0) translateX(0);top:45%}}@keyframes w3cword1outl{0%{opacity:1;transform:rotateY(0deg) translateZ(0) translateX(0)}100%{opacity:0;transform:rotateY(0deg) translateZ(0) translateX(0)}}@keyframes w3d3turn{0%{transform:rotateY(0)}100%{transform:rotateY(-180deg)}}@keyframes w3cwordshow{0%{opacity:0;transform:rotateX(-90deg)}100%{opacity:1;transform:rotateX(0)}}@keyframes w3cs_tran{0%{opacity:0;left:0}20%{opacity:1}80%{opacity:1}100%{opacity:0;left:-8%}}@keyframes w3cshow2_s_tran{0%{opacity:0;top:0}20%{opacity:1}80%{opacity:1}100%{opacity:0;top:-12%}}@keyframes w3cshow2_s2_tran{0%{opacity:0;top:0}20%{opacity:.5}80%{opacity:.5}100%{opacity:0;top:-24%}
}@keyframes w3cshow3_s_tran{0%{opacity:0;left:-15%;top:-15%;width:130%;height:130%}20%{opacity:1}100%{opacity:1;left:0;top:0;width:100%;height:100%}}.flShow1{animation:w3clshow1 500ms cubic-bezier(0.9,0,0.7,0.9) forwards;-webkit-animation:lshow1 500ms cubic-bezier(0.9,0,0.7,0.9) forwards}.frShow1{animation:w3crshow1 500ms cubic-bezier(0.9,0,0.7,0.9) forwards;-webkit-animation:rshow1 500ms cubic-bezier(0.9,0,0.7,0.9) forwards}.lShow2{animation:w3clshow2 1500ms cubic-bezier(0.9,0,0.7,0.9) forwards;-webkit-animation:lshow2 1500ms cubic-bezier(0.9,0,0.7,0.9) forwards}.rShow2{animation:w3crshow2 1500ms cubic-bezier(0.9,0,0.7,0.9) forwards;-webkit-animation:rshow2 1500ms cubic-bezier(0.9,0,0.7,0.9) forwards}.lShow3{animation:w3clshow3 1500ms cubic-bezier(0.9,0,0.7,0.9) forwards;-webkit-animation:lshow3 1500ms cubic-bezier(0.9,0,0.7,0.9) forwards}.rShow3{animation:w3crshow3 1500ms cubic-bezier(0.9,0,0.7,0.9) forwards;-webkit-animation:rshow3 1500ms cubic-bezier(0.9,0,0.7,0.9) forwards}.lShow4{animation:w3clshow4 500ms cubic-bezier(0.9,0,0.7,0.9) forwards;-webkit-animation:lshow4 500ms cubic-bezier(0.9,0,0.7,0.9) forwards}.rShow4{animation:w3crshow4 500ms cubic-bezier(0.9,0,0.7,0.9) forwards;-webkit-animation:rshow4 500ms cubic-bezier(0.9,0,0.7,0.9) forwards}.word1Show{animation:w3cword1show 600ms linear forwards;-webkit-animation:word1show 600ms linear forwards}.word1Out{animation:w3cword1out 300ms linear forwards;-webkit-animation:word1out 300ms linear forwards}.word1Showl{animation:w3cword1showl 500ms linear forwards;-webkit-animation:word1showl 500ms linear forwards}.word1Outl{animation:w3cword1outl 300ms linear forwards;-webkit-animation:word1outl 300ms linear forwards}.d3turn{animation:w3d3turn 2000ms cubic-bezier(0.9,0,0.7,0.9) forwards;-webkit-animation:d3turn 2000ms cubic-bezier(0.9,0,0.7,0.9) forwards}.lastwordshow{animation:w3cwordshow 500ms linear forwards;-webkit-animation:webkitwordshow 500ms linear forwards}.s_tran{animation:w3cs_tran 1400ms linear forwards;-webkit-animation:s_tran 1400ms linear forwards}.show2_s_tran{animation:w3cshow2_s_tran 1400ms linear forwards;-webkit-animation:show2_s_tran 1400ms linear forwards}.show2_s2_tran{animation:w3cshow2_s2_tran 1400ms linear forwards;-webkit-animation:show2_s2_tran 1400ms linear forwards}.show3_s_tran{animation:w3cshow3_s_tran 1500ms linear forwards;-webkit-animation:show3_s_tran 1500ms linear forwards}