html body{background:#383838;width:100%;min-width:1200px}
.loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;z-index:101;font-size:18px;color:#cfd1cc}
.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}
.wrapper{overflow:hidden;position:relative;text-align:center;z-index:1;zoom:1;margin-top:0}
.wrapper.cls{margin-top:40px}
.wrapper .bg{width:1920px;position:absolute;left:50%;margin-left:-960px;top:0;background:url(../images/bg.jpg) no-repeat 50% 1080px;height:3940px}
.wrapper .bg #star{top:0;left:0; z-index: 6;}
.wrapper .header{ width: 100%; height: 1080px; position: relative; overflow: hidden;}
.wrapper .header .bgimg{width:1920px;height:1080px;background:url(../images/bgimg.jpg) no-repeat;top:0;left:calc(50% - 960px);z-index:2}
.wrapper .header .mask{width:1920px;height:1080px;background:url(../images/mask.png) no-repeat;top:0;left:calc(50% - 960px);z-index:5}
.wrapper .header .slogan{width:1920px;height:1080px;background:url(../images/slogan.png) no-repeat;top:0;left:calc(50% - 960px);z-index:7}
.wrapper .header .logo{width:207px;height:116px;position:absolute; top:36px; z-index:9; left:calc(50% - 103px);background:url(../images/logo.png) no-repeat}
.wrapper .section{position:relative;z-index:2;height:3940px}
.wrapper .section .con{width:1200px;margin-left:auto;margin-right:auto;position:relative; top: 800px; z-index:6;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}

.wrapper .section .con .lhCon{-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:440px;height:1780px;width:1200px;position:relative}
.wrapper .section .con .lhCon::before{display:block;content:"";width:1200px;height:680px;position:absolute;pointer-events:none;background:url(../images/tit.png) no-repeat;top:0;left:calc(50% - 600px);z-index:2}
.wrapper .section .con .lhCon .from.on{background-position-x:-110px}
.wrapper .section .con .lhCon .from{width:110px;height:238px;top:762px;left:197px;background:url(../images/form.png) no-repeat;display:block;z-index:2}
.wrapper .section .con .lhCon .ImgBox{ width: 1200px; height: 1225px; background:url(../images/di.png) no-repeat; position:relative}
.wrapper .section .con .lhCon .ImgBox li img{position:absolute;top:0;left:0;display:none}
.wrapper .section .con .lhCon .ibtn{ left: 0; top: 980px;}
.wrapper .section .con .lhCon .ibtn a{display:block;width:174px;height:178px; position: absolute; background:url(../images/lhBtn.png) no-repeat;margin-right:-12px;text-indent:-999em}
.wrapper .section .con .lhCon .ibtn a::before{ content: ""; width: 45px; height: 151px; position: absolute; left: 64px; top: -120px; background: url(../images/lhBtn-s.png) no-repeat;}
.wrapper .section .con .lhCon .ibtn a:nth-child(1){ top: 0; left: 20px; background-position-x:0}
.wrapper .section .con .lhCon .ibtn a:nth-child(2){ top: 0; left: 980px; background-position-x:-174px}
.wrapper .section .con .lhCon .ibtn a:nth-child(3){ top: 190px; left: 170px; background-position-x:-348px}
.wrapper .section .con .lhCon .ibtn a:nth-child(4){ top: 190px; left: 855px; background-position-x:-522px}
.wrapper .section .con .lhCon .ibtn a:nth-child(5){ top: 320px; left: 20px; background-position-x:-696px}
.wrapper .section .con .lhCon .ibtn a:nth-child(6){ top: 380px; left: 306px; background-position-x:-870px}
.wrapper .section .con .lhCon .ibtn a:nth-child(7){ top: 350px; left: 720px; background-position-x:-1044px}
.wrapper .section .con .lhCon .ibtn a:nth-child(8){ top: 300px; left: 980px; background-position-x:-1218px}
.wrapper .section .con .lhCon .ibtn a.on{background-position-y:-178px;}
.wrapper .section .con .lhCon .ibtn a.on::before{ background-position-x: -45px;}

.wrapper .section .con .lhCon #btn-link{ width: 540px; height: 210px; top: 1500px; left: calc(50% - 270px); z-index: 10; text-indent: -9999px; background: url(../images/btn-1.png) no-repeat;}
.wrapper .section .con .lhCon #btn-link:hover,.wrapper .section .con .lhCon .from:hover{ filter: brightness(1.1); }

.wrapper .section .con .con1{background:url(../images/con1.png) no-repeat center top; height:675px}
.wrapper .section .con .con2{background:url(../images/con2.png) no-repeat center top; height:492px}
.wrapper .section .con .con2 .n1{ width: 566px; height: 529px; right: -190px; top: 60px; background: url(../images/con2-s.png) no-repeat;}
.wrapper .section .con .con2 .btn-1{ width: 500px; height: 270px; top: 175px; left: 346px;}


.popdiv{display:none;width:454px; height: 338px; background:url(../images/pop-1.png) no-repeat;}
.popdiv .close{text-indent:-999em;position:absolute;cursor:pointer;z-index:2;width:45px;height:45px;top:34px;right:-18px;background:url(../images/btn-close.png) no-repeat}