html, body {
        position: relative;
        height: 100%;
    }
    body {
       
        font-family: Microsoft YaHei,Arial,Helvetica,sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
    ul,li,dl,dt,dd{list-style:none;}
    img{display: block;}
    .clearfix {
    display: inline-table;
    display: block;
    zoom:1;
}
:focus { outline: 0; }
a{text-decoration: none;}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
    .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
		background:#fceffe;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        font-size: 0px;
    }
.arrow {
	position:absolute;
	z-index: 1;
	width: 40px;
	height: 25px;
	background: url(../images/up.png);
	background-size:100%;
	bottom:20px;
	left: 52%;
	text-align: center;
	margin-left: -28px;
	animation: arrowUp 2s infinite ease-in;
	-webkit-animation: arrowUp 2s infinite ease-in;
}
@keyframes arrowUp {
    0% {transform:translateY(42px);opacity: 0;}
    60% {transform:translateY(12px); opacity: 1;}
    100% {transform:translateY(0px); opacity: 0;}
}
@-webkit-keyframes arrowUp {
    0% {-webkit-transform:translateY(42px);opacity: 0;}
    60% {-webkit-transform:translateY(12px); opacity: 1;}
    100% {-webkit-transform:translateY(0px); opacity: 0;}
}

@-webkit-keyframes rollInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollInLeft {
    -webkit-animation-name: rollInLeft;
    animation-name: rollInLeft
}


.demo-1{
    width: 100%;
    height: 100%;
    background: url(../images/page01.jpg) center center no-repeat;
    background-size:100% 100%;
    position: relative;
}

.demo-2{
    width: 100%;
    height: 100%;
    background: url(../images/page02.jpg) center center no-repeat;
    background-size:100%  100% ;
    position: relative;
}

.demo-4{
    width: 100%;
    height: 100%;
    background: url(../images/page04.jpg) center center no-repeat;
    background-size:100%  100% ;
    position: relative;
}




p{
    margin: 0 !important;
}

/*第一页 */
.demo-1 .xinxi p{
    font-family:'微软雅黑';
    font-size: 0.36rem; 
    color:#fff;
    line-height:0.6rem; 
    text-align: left;
}

.demo-1 .xinxi1 p{
    font-family:'微软雅黑';
    font-size:0.24rem; 
    color:#fff;
    line-height: 0.5rem;
    text-align: left;
}

/* 第二页 */

.demo-2 .about p{
    font-family:'微软雅黑';
    font-size: 0.34rem;
    line-height: 0.55rem;
    color:#fff;
    text-align: left;
}

/* 第十二页 */
.demo-12 .submit{
    width:68%;
    height: 5%;
    background: #fff;
}

.demo-12 .submit input{
    border: none;
    height: 100%;
    width: 81%;
    margin-left: 2%;
    font-size: 16px;
    color: #6e6fd5;
}

.demo-12 .submit label{
    font-size: 16px;
    color: #6e6fd5;

}





/*
.dom1-txt{width: 295px;position: absolute;top:20%;left: 10%;}
.dom1-txt img{width: 100%;height: auto;}

.dem1-phote{position: absolute; bottom:3.5%;
    width: 27%;
    left: 30%; }


.dom2-1{position: absolute;width: 189px;height: 20px;top:50px;left: 25px;}
.dom2-1 img{width: 100%;}
.dom2-2{width: 92px;height: 108px;position: absolute;right: 15px;top:20px;}
.dom2-2 img{width: 100%;}
.dom2-3{position: absolute;width: 233px;height: 23px;left: 25px;top:95px;}
.dom2-3 img{width: 100%;}

.dom2-4{position: absolute;width: 320px;height: 93px;left: 25px;top:108px;}
.dom2-4 img{width: 100%;}

.dom2-5{position: absolute;width: 189px;height: 20px;top:231px;right: 28px;}
.dom2-5 img{width: 100%;}
.dom2-6{position: absolute;width: 320px;height: 122px;top:251px;left: 25px;}
.dom2-6 img{width: 100%;}

.dom2-7{width: 179px;height: 102px;position: absolute;top:353px;left: 50%;margin-left: -89px;}
.dom2-7 img{width: 100%;}

.dom3-2{width: 314px;height: 129px;position: absolute;left: 50%;margin-left: -157px;top:80px;}
.dom3-2 img{width: 100%;}
.dom3-3{top:221px;}
.dom3-4{width: 320px;height: 258px;position: absolute;left: 50%;margin-left: -160px;top:258px;}
.dom3-4 img{width: 100%;}

.dom4-1{width: 255px;height: 78px;position: absolute;left: 50%;margin-left: -127px;top:40px;}
.dom4-1 img{width: 100%;}

.dom4-2{width: 306px;height: 113px;position: absolute;left: 50%;margin-left: -150px;top:70px;}
.dom4-2 img{width: 100%;}

.dom4-3{width: 210px;height: 54px;position: absolute;left: 50%;margin-left: -105px;top:350px;}

.dom4-3 a{display: block;}

.dom4-3 a img{width: 100%;} */



.music{ /*display: none; */position: absolute;right: 15px;top:3%;width: 40px;height: 40px;background: url(../images/on.png) no-repeat;background-size:cover;z-index: 999;}
.music-off{position: absolute;right: 15px;top:3%;width: 40px;height: 40px;background: url(../images/off.png) no-repeat;background-size:cover;z-index: 999;}

@media (max-width:320px){
    .dom1-txt{left: 5%;top:32%;}
   /* .dem1-phote{bottom: 2%;}*/
    .dom2-1{width: 142px;height: 15px;}
    .dom2-2{width: 69px;height: 81px;}
    .dom2-3{width: 204px;height: 20px;top: 76px;}
    .dom2-4{width: 280px;height: 81px;top:100px;}
    .dom2-5{width: 142px;height: 14px;top:203px;}
    .dom3-3{top:193px;}
    .dom2-6{width: 280px;height: 106px;top:240px;}
    .dom2-7{top:362px;}
    .dom3-2{width: 275px;height: 113px;margin-left: -137px;}
    .dom3-4{top:228px;width: 280px;height: 225px;margin-left: -140px;}
    .dom4-1{width: 191px;height: 59px;margin-left: -95px;}
    .dom4-2{width: 268px;height: 224px;margin-left: -134px;}
    .dom4-3{width: 157px;height: 40px;margin-left: -78px;}
}

@media (min-width: 321px) and (max-width:380px){
    .dom1-txt{top:32%;}
    /* .dem1-phote{bottom: 6%;}*/
}

@media (min-width:381px) and (max-width:415px){
    .dom1-txt{top:34%;left: 14%;}
   /* .dem1-phote{bottom: 10%;}*/
    .dom2-7{top:423px;}
}