body,html{width:100%;height: 100%;overflow: hidden;font-family: hei;
    background:url("") no-repeat center top;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
}

*{margin: 0;padding: 0;}
/*开始页面*/
.loading{
    height: 100%;width: 100%;overflow: hidden;display: block;position: absolute;top: 0;left: 0;z-index: 10;
    background: url("../img/loadingBg.jpg") no-repeat;
    background-size: 100% auto;
}
.small .loading{
    top:-2rem;
}
/*.progressBar{*/
/*    width: 3.9rem;height:0.38rem;*/
/*    margin:9.6rem auto 0;*/
/*    font-size: 0.38rem;color: white;text-align: center;*/
/*}*/
.raote{
    width: 8.24rem;height: 8.24rem;margin: 6.3rem auto 0;
    background: url("../img/loadingWord.png") no-repeat center;
    background-size: 6.4rem auto;
    -webkit-background-size: 6.4rem auto;
}
.raote img{
    width:100%;
    animation:mymove 5s infinite;
    -webkit-animation:mymove 5s infinite; /* Safari 和 Chrome */
}
@keyframes mymove {
    0%{
        transform:rotate(0deg);
        -ms-transform:rotate(0deg); 	/* IE 9 */
        -moz-transform:rotate(0deg); 	/* Firefox */
        -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
        -o-transform:rotate(0deg);
    }
    100%{
        transform:rotate(360deg);
        -ms-transform:rotate(360deg); 	/* IE 9 */
        -moz-transform:rotate(360deg); 	/* Firefox */
        -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
        -o-transform:rotate(360deg);
    }
}
@-webkit-keyframes mymove {
    0%{
        transform:rotate(0deg);
        -ms-transform:rotate(0deg); 	/* IE 9 */
        -moz-transform:rotate(0deg); 	/* Firefox */
        -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
        -o-transform:rotate(0deg);
    }
    100%{
        transform:rotate(360deg);
        -ms-transform:rotate(360deg); 	/* IE 9 */
        -moz-transform:rotate(360deg); 	/* Firefox */
        -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
        -o-transform:rotate(360deg);
    }
}

.start{
    height: 100%;width: 100%;overflow: hidden;display: block;position: relative;
    background: #f6f6f6;
}
.contain div{

}
.bottom{
    width: 100%;height: 1.44rem;position: absolute;bottom:0;
    background: url("../img/bottom.png") no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
}
.word1 img{width:6.97rem;height:1.15rem;margin: 1rem 0 0 0.8rem;}
.word2 img{width: 3.88rem;height: 1.15rem;margin: 0.5rem 0 0 0.8rem;}
.word3 img{width: 7.56rem;height: 3.9rem;margin: 0.5rem 0 0 0.8rem;}
.word4{width: 100%;height: 1.1rem;margin: 0.5rem 0 0 0}
.word4 img{height: 100%;float: right;margin-right: 0.8rem;}
.word5{width: 100%;height: 1.1rem;margin: 0.5rem 0 0 0;}
.word5 img{height: 100%;float: right;margin-right: 0.8rem;}
.word6{
    width: 7.6rem;height: 601rem;margin: 0.5rem 0 0 0.8rem;opacity:0;
    background: url("../img/word6.png") no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
}
.maps{
    width: 100%;height: 100%;overflow: hidden;display: none;position: absolute;top: 0;
    background: url("../img/secondBg.jpg") no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
}
.small .maps{
    top: -2rem;
}
.ico{
    width: 100%;height: 17.5rem;position: relative;margin: 2rem auto 0;
}
.icoPos{
    width: 0.62rem;height: 0.82rem;position: absolute;
    background: url("../img/position.png") no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
}
.ico1{top:2.4rem;left:8.6rem;}
.ico2{top:3em;left:1rem;}
.ico3{top:7.2rem;left:2.8rem;}
.ico4{top:7.3rem;left:6.38rem;}
.ico5{top:12.5rem;left:3.66rem;}
.icoPos img{
    width:1.8rem;position: absolute;left: -0.5rem;top:-1.8rem ;display: none;
}
.backBtn{
    width: 4.53rem;height: 2.01rem;position: absolute;top:17.3rem;left:50%;margin-left: -2.265rem;
    background: url("../img/backBtn.png") no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
}

.videoBox{
    width: 100%;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0;overflow: hidden;display: none;
}
.mask{
    width: 100%;height: 100%;position: absolute;top: 0;left: 0;background:black;opacity: 0.6;
}
.videoCon{
    width: 10.8rem;height: 5.4rem;position: absolute;top: 6.6rem;left: 50%;margin-left: -5.4rem;
    background: url("../img/video.png") no-repeat;
    background-size:100% auto;
    -webkit-background-size: 100% auto;
}
.videoCon video{
    display: block;width: 100%;position: absolute;top: 0;
}
.closeBtn{
    width: 8.8rem;height: 1.7rem;position: absolute;top: 12.5rem;left: 50%;margin-left: -4.4rem;
    background: url("../img/close.png") no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
}
.huxi{
    animation:huxi 2s infinite;
    -webkit-animation:huxi 2s infinite; /* Safari 和 Chrome */
}
@keyframes huxi {
    0%{opacity:1}
    50%{opacity:0.4}
    100%{opacity:1}
}
@-webkit-keyframes huxi {
    0%{opacity:1}
    50%{opacity:0.4}
    100%{opacity:1}
}