html body{background:#3b3b3b;width:100%;min-width:1200px}
.loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;z-index:20;font-size:18px;color:#cfd1cc;z-index:101}
.loading .box{width:100%;height:1px;background:#414141;margin:0 auto;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0}
.loading .box span{height:1px;background:#c4c4c4;position:relative;top:0;left:0;display:block}
.loading .box p{font-size:16px;line-height:30px;color:silver;text-align:center}
.wraper{width:100%;min-width:1200px;height:100%;position:relative;overflow:hidden;margin-top:40px}
.wraper .bg{ width: 100%;;position:absolute;left:0;top:0;background:url(../images/bg.jpg) no-repeat center top;height:6500px}
.wraper .section{position:relative;z-index:2;height:6500px}
.wraper .section .main{width:1200px;margin-left:auto;margin-right:auto;position:relative;z-index:2;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:0px}
.wraper .section .main .logo{position:absolute;width:113px;height:113px;top:53px;right:510px;margin-left:0px;text-indent:-999em;background:url(../images/sprite.png) no-repeat 0 0px;z-index:3}
.wraper .section .main .hCon{height:966px;margin-bottom:0px;width:1920px;left:calc(50% - 960px);overflow:hidden}
.wraper .section .main .hCon .slogan{background:url(../images/slogan.png) no-repeat;width:684px;height:450px;top:260px;left:700px}
.wraper .section .main .hCon .slogan::before{display:block;content:"";width:196px;height:184px;position:absolute;pointer-events:none;background:url(../images/y.png) no-repeat;top:374px;left:612px;-webkit-animation:mv 1s infinite linear;animation:mv 1s infinite linear}
.wraper .section .main .hCon .nav{background:url(../images/navBg.png) no-repeat;width:940px;height:106px;left:calc(50% - 470px);-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;top:820px;}
.wraper .section .main .hCon .nav a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;font-size:23px;color:#fff;font-weight:bold}
.wraper .section .main .hCon .nav a:nth-child(1){width:303px}
.wraper .section .main .hCon .nav a:nth-child(2){width:296px}
.wraper .section .main .hCon .nav a:nth-child(3){width:310px}
.wraper .section .main .hCon .nav a.active{color:#3eefff}
.wraper .section .main .hCon .nav.pf{top:40px;z-index:5}
.wraper .section .main .con1{height:1764px}
.wraper .section .main .con2{height:784px}
.wraper .section .main .con3{height:2830px;}
.wraper .section .main .con3 .box1{height: 1740px;left:811px; top: 350px;}
.wraper .section .main .con3 .box1 a{display:block;width:26px;height:26px;position:relative}
.wraper .section .main .con3 .box1 a::after{width:346px;left:calc(50% - 173px);display:block;content:"";position:absolute;pointer-events:none;background:url(../images/t.png) no-repeat;top:26px;display:none !important;}
.wraper .section .main .con3 .box1 a:nth-child(1){margin-top:0px;margin-left:0px}
.wraper .section .main .con3 .box1 a:nth-child(1)::after{height:308px;background-position-y:0px}
.wraper .section .main .con3 .box1 a:nth-child(2){margin-top:47px;margin-left:15px}
.wraper .section .main .con3 .box1 a:nth-child(2)::after{height:182px;background-position-y:-308px}
.wraper .section .main .con3 .box1 a:nth-child(3){margin-top:9px;margin-left:91px}
.wraper .section .main .con3 .box1 a:nth-child(3)::after{height:229px;background-position-y:-488px}
.wraper .section .main .con3 .box1 a:nth-child(4){margin-top:45px;margin-left:14px}
.wraper .section .main .con3 .box1 a:nth-child(4)::after{height:99px;background-position-y:-716px}
.wraper .section .main .con3 .box1 a:nth-child(5){margin-top:182px;margin-left:5px}
.wraper .section .main .con3 .box1 a:nth-child(5)::after{height:100px;background-position-y:-815px}
.wraper .section .main .con3 .box1 a:nth-child(6){margin-top:284px;margin-left:15px}
.wraper .section .main .con3 .box1 a:nth-child(6)::after{height:181px;background-position-y:-913px}
.wraper .section .main .con3 .box1 a:nth-child(7){margin-top:175px;margin-left:5px}
.wraper .section .main .con3 .box1 a:nth-child(7)::after{height:100px;background-position-y:-1094px}
.wraper .section .main .con3 .box1 a:nth-child(8){margin-top:75px;margin-left:4px}
.wraper .section .main .con3 .box1 a:nth-child(8)::after{height:100px;background-position-y:-1192px}
.wraper .section .main .con3 .box1 a:nth-child(9){margin-top:80px;margin-left:5px}
.wraper .section .main .con3 .box1 a:nth-child(9)::after{height:100px;background-position-y:-1291px}
.wraper .section .main .con3 .box1 a:nth-child(10){margin-top:84px;margin-left:15px}
.wraper .section .main .con3 .box1 a:nth-child(10)::after{height:200px;background-position-y:-1390px}
.wraper .section .main .con3 .box1 a:hover::after{display:block !important}
.wraper .section .main .con3 .checkIn{margin:175px auto 0;width:840px}
.wraper .section .main .con3 .checkIn .Imgbox{width:100%;height:500px}
.wraper .section .main .con3 .checkIn .Imgbox li{width:100%;height:100%;overflow: hidden;}
.wraper .section .main .con3 .checkIn .Imgbox li img,.wraper .section .main .con3 .checkIn .Imgbox li video{-o-object-fit:cover;object-fit:cover}
.wraper .section .main .con3 .checkIn .Imgbox li img{ width: 100%;}
.wraper .section .main .con3 .checkIn p{width:100%;height:90px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center; font-weight: bold;font-size:18px;color:#d2d2e4;position:absolute;top:499px;left:0;background:#2b3094}
.wraper .section .main .con3 .checkIn .ibtn{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:840px;margin:0 auto;top:89px;-ms-flex-wrap:wrap;flex-wrap:wrap;background:#20222f}
.wraper .section .main .con3 .checkIn .ibtn a{width:168px;height:70px;border-bottom:1px solid #273274;border-right:1px solid #273274;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;color:#8090d0;text-align:center}
.wraper .section .main .con3 .checkIn .ibtn a:nth-child(5n){border-right:0}
.wraper .section .main .con3 .checkIn .ibtn a.on{background:#cd3a8d;color:#fff}
@-webkit-keyframes mv{0%,100%{-webkit-transform:translateY(0px);transform:translateY(0px)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}
@keyframes mv{0%,100%{-webkit-transform:translateY(0px);transform:translateY(0px)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}
@-webkit-keyframes sc{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.9);transform:scale(0.9)}}
@keyframes sc{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.9);transform:scale(0.9)}}