body { width: 100%; overflow: hidden; }
.hide { display: none; }
.block1 { display: block; }
.page { position: absolute; width: 100%; top: 0; bottom: 0; font-size: 100px; text-align: center; }
.page .wrap { height: 100%; }
.page-1-1 { background-color: #EDEDED; background: url(../images/bg-01.jpg) center center no-repeat; background-size: cover }
.page-2-1 { background-color: #9261BF; background: url(../images/bg-02.jpg) center center no-repeat; background-size: cover }
.page-3-1 { background-color: #FFBB4D; background: url(../images/bg-b.jpg) center center no-repeat; background-size: cover }
.page-4-1 { background-color: #F94848; background: url(../images/bg-04.jpg) center center no-repeat; background-size: cover }
.page-5-1 { background-color: #F94848; background: url(../images/bg-b.jpg) center center no-repeat; background-size: cover }
.page-6-1 { background-color: #F94848; background: url(../images/bg-b.jpg) center center no-repeat; background-size: cover }
.page-7-1 { background-color: #F94848; background: url(../images/bg-b.jpg) center center no-repeat; background-size: cover }
.page-8-1 { background-color: #F94848; background: url(../images/08.jpg) center center no-repeat; background-size: cover }
.page-9-1 { background-color: #F94848; background: url(../images/08.jpg) center center no-repeat; background-size: cover }
.page-10-1 { background-color: #F94848; background: url(../images/0019.jpg) center center no-repeat; background-size: cover }

.page-current { z-index: 1; }
.page-1-1 .img_1 {
	height:auto;width:35%;
	position:absolute;
	left:30%;
	top:45%;
    z-index: 2;
}
.page-1-1 .img_2 {
	height:auto;width:60%;
	position:absolute;
	left:19%;
	top:26%;
    z-index: 2;
}
.page-1-1 .img_4 {
	height:auto;width:30%;
	position:absolute;
	left:6%;
	top:7%;
    z-index: 2;
}
.page-1-1 .img_3 { height: auto; width: 25px; position: absolute; left: 88%; top: 55%; margin-left: -12px; }

.page-2-1 .img_1 { 	
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:36%; 
	z-index: 15}
	
.page-2-1 .img_2 { 
 	height:auto;width:92%;
	position:absolute;
	left:4%;
	top:43%; 

 }
.page-2-1 .img_3 {
	height:auto;width:11%;
	position:absolute;
	left:64%;
	top:45%;

}
.page-2-1 .img_4 { 
	height:auto;width:55%;
	position:absolute;
	left:7%;
	top:5%;
    z-index: 12;
 }
.page-3-1 .img_1 {
		height:auto;width:75%;
	position:absolute;
	left:3%;
	top:10%;

}
.page-3-1 .img_2 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:0%;
	

}
.page-3-1 .img_3 {
	height:auto;width:11%;
	position:absolute;
	left:78%;
	top:25%;

}

.page-3-1 .img_4 {
	height:auto;width:81%;
	position:absolute;
	left:10%;
	top:75%;
   

 }
.page-3-1 .img_5 { 
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:33%;

 }
.page-3-1 .img_6 { height: auto; width: 25px; position: absolute; left: 50%; top: 92%; margin-left: -12px; }
.page-3-1 .img_7 { height: auto; width: 248px; position: absolute; left: 50%; top: 43%; margin-left: -124px; }
.page-4-1 .img_1 {
	height:auto;width:70%;
	position:absolute;
	left:14%;
	top:7%;
 z-index: 3;
}
.page-4-1 .img_2 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:0%;
 z-index: 4;
}
.page-4-1 .img_3 {
	height:auto;width:11%;
	position:absolute;
	left:55%;
	top:40%;

}
.page-4-1 .img_4 { height: auto; width: 240px; position: absolute; left: 60%; bottom: 8%; margin-left: -160px; }
.page-4-1 .img_5 { 
	height:auto;width:76%;
	position:absolute;
	left:11%;
	top:18%;

}
.page-4-1 .img_6 { 
	height:auto;width:72%;
	position:absolute;
	left:13%;
	top:78%;
   
 }
.page-4-1 .img_7 { height: auto; width: 271px; position: absolute; left: 50%; top: 33%; margin-left: -135px; }
.page-4-1 .img_8 { height: auto; width: 169px; position: absolute; left: 50%; top: 75%; margin-left: -84px; }
.page-5-1 .img_1 {
	height:auto;width:80%;
	position:absolute;
	left:5%;
	top:10%;

}
.page-5-1 .img_3 {
	height:auto;width:11%;
	position:absolute;
	left:25%;
	top:50%;

}

.page-5-1 .img_4 {
	height:auto;width:85%;
	position:absolute;
	left:0%;
	top:40%;

}

.page-5-1 .img_6 {
	height:auto;width:85%;
	position:absolute;
	left:15%;
	top:75%;

}

.page-6-1 .img_1 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:0%;

}

.page-5-1 .img_2 {
		height:auto;width:100%;
	position:absolute;
	left:0%;
	top:0%;
}

.page-6-1 .img_2 {
		height:auto;width:100%;
	position:absolute;
	left:0%;
	top:0%;
	z-index:15;
}
.page-6-1 .img_3 {
	height:auto;width:11%;
	position:absolute;
	left:59%;
	top:45%;
z-index:1;

}
.page-6-1 .img_4 {
	height:auto;width:73%;
	position:absolute;
	left:14%;
	top:32%;
	z-index:1;
   
}

.page-6-1 .img_5 {
	height:auto;width:58%;
	position:absolute;
	left:20%;
	top:46%;
	z-index:1;
   
}

.page-7-1 .img_1 {
    height:auto;width:11%;
	position:absolute;
	left:59%;
	top:52%;
	z-index:2;
}


.page-7-1 .img_3 {
	height:auto;width:80%;
	position:absolute;
	left:10%;
	top:5%;
	z-index:1;
}

.page-7-1 .img_2 {
		height:auto;width:100%;
	position:absolute;
	left:0%;
	top:0%;
z-index:3;
}

.page-7-1 .img_4 {
	height:auto;width:100%;
	position:absolute;
	left:0%;
	top:45%;

}

.page-7-1 .img_5 {
	height:auto;width:70%;
	position:absolute;
	left:10%;
	top:8%;

}

.page-8-1 .img_1 {
	height:auto;width:45%;
	position:absolute;
	left:28%;
	top:62%;

}
.page-8-1 .img_2 {
 	height:auto;width:7%;
	position:absolute;
	left:21%;
	top:62%;
  
}


.page-8-1 .img_3 {
	height:auto;width:48%;
	position:absolute;
	left:10%;
	top:45%;

}

.page-8-1 .img_4 {
    height:auto;width:100%;
	position:absolute;
	left:0%;
	top:0%;
	z-index:5;

}


.page-8-1 .img_5 {
	height:auto;width:11%;
	position:absolute;
	left:68%;
	top:25%;


}


.page-9-1 .img_1 {
	height:auto;width:82%;
	position:absolute;
	left:9%;
	top:75%;

}
.page-10-1 .img_1 {
	height:auto;width:70%;
	position:absolute;
	left:16%;
	top:28%;

}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder
        {
            color: #ccc;
        }
        .reg
        {
            position: absolute;
            left: 50%;
            top: 30%;
            margin-left: -120px;
            padding: 10px 15px;
            width: 210px;
            border-radius: 6px;
            background-color: #000000;
            font-size: 14px;
            color: #fff;
            border: 2px solid #f6e20e;
            background-color: #000000;
            z-index: 10;
            opacity: 1;
            filter: alpha(opacity=100);
            display: none;
        }
        .reg dl dd
        {
            display: block;
            padding: 5px 0;
        }
        .reg .ipt-text
        {
            padding: 0 5px;
            width: 100%;
            height: 32px;
            line-height: normal;
            border: 1px solid #d2d2d2;
            border-radius: 0px;
            -webkit-appearance: none;
            appearance: none;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-family: "Î¢ÈíÑÅºÚ";
        }
        .reg select
        {
            padding: 0 5px;
            width: 100%;
            height: 32px;
            line-height: 32px;
            border: 1px solid #d2d2d2;
            border-radius: 4px;
            background-color: #fff;
            -webkit-appearance: none;
            appearance: none;
            color: #ccc;
            font-family: "Î¢ÈíÑÅºÚ";
        }
        .reg .btn
        {
            margin: 10px auto 0 auto;
            display: block;
            width: 200px;
            height: 30px;
            line-height: 30px;
            background-color: #000000;
            color: #fff;
            text-align: center;
            border-radius: 0px;
        }
        
        .result
        {
            padding: 45px 0;
            text-align: center;
            color: #df3031;
            font-size: 16px;
        }




.page-4-2 .img_1 { height: auto; width: 298px; position: absolute; left: 50%; top: 5%; margin-left: -149px; }
.page-4-2 .img_2 { height: auto; width: 260px; position: absolute; left: 50%; top: 75%; margin-left: -130px; }
.page-4-2 .img_3 { height: auto; width: 20px; position: absolute; left: 50%; top: 87%; margin-left: -10px; }
.page-4-2 .img_6 { height: auto; width: 25px; position: absolute; left: 50%; top: 92%; margin-left: -12px; }




.page-6-1 .img_6 { height: auto; width: 25px; position: absolute; left: 50%; top: 92%; margin-left: -12px; }



.page-7-1 .img_6 { height: auto; width: 25px; position: absolute; left: 50%; top: 92%; margin-left: -12px; }

.page-8-1 .img_6 { height: auto; width: 25px; position: absolute; left: 50%; top: 92%; margin-left: -12px; }

.page-9-1 .img_2 { height: auto; width: 320px; position: absolute; left: 50%; bottom: 0px; margin-left: -160px; }
.page-9-1 .img_3 { height: auto; width: 175px; position: absolute; left: 50%; bottom: 15%; margin-left: -87.75px; }
.page-9-1 .img_6 { height: auto; width: 25px; position: absolute; left: 50%; top: 92%; margin-left: -12px; }

.page-10-1 .img_2 { height: auto; width: 100px; position: absolute; left: 50%; bottom: 25px; margin-left: -50px; }
.page-10-1 .img_3 { height: auto; width: 157.5px; position: absolute; left: 50%; bottom: 99px; margin-left: -78.75px; }
.page-10-1 .img_6 { height: auto; width: 25px; position: absolute; left: 50%; top: 92%; margin-left: -12px; }
.page-10-1 .img_logo { height: auto; width: 103.5px; position: absolute; left: 50%; top: 83%; margin-left: -51.75px; }
.page-10-1 .img_7 { height: auto; width: 100px; position: absolute; left: 50%; bottom: 25px; margin-left: -50px; }
.page-10-1 div.text { top: 276px; color: #FF811A; font-size: 16px; position: absolute; text-align: center; width: 100%; line-height: 1.5em; }
.page-10-1 div.text a { color: #FF811A; }
.page-10-1 span h2 { font-size: 28px; }
.page-10-1 span h3 { font-size: 24px; }
#textsuper { position: absolute; top: -1000; left: -1000; overflow-x: hidden; overflow-y: hidden; z-index: 4000 }
#textsub { color: black; position: relative; font-size: 21pt; text-align: left; line-height: 40pt; top: 2000px }
#share { background: rgba(0,0,0,0.8); position: absolute; top: 0px; width: 100%; height: 100%; display: none; z-index: 99998 }
.shareImg { background: url(../images/share.png) right top no-repeat; position: absolute; top: 0px; right: 0px; width: 165px; height: 114px; background-size: cover; z-index: 99999 }
