body,p,b,dl,dd,table,td,th,input,button,textarea,xmp,pre,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,header,section,nav,footer{margin:0;padding:0;}
img,iframe,acronym{border:0;}
ol,ul,li{list-style:none;}
img,input,label,button{vertical-align:middle;}
a {star:expression(this.onFocus=this.blur()); text-decoration:none; }
html , body{ background:#fff; height:100%; position:relative; width:100%; overflow:hidden;}

#main {width:640px;overflow:hidden; margin:0 auto; position:relative; text-align:center;  height:100%; }

#main {width:640px;overflow:hidden; position:relative; text-align:center;  height:100%; -webkit-perspective: 800px;-moz-perspective: 800px;	perspective: 800px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;}

a,img,button,input,textarea ,span ,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input,textarea{-webkit-appearance:none;}
body , input {font-family: 'Microsoft YaHei UI','Microsoft Yahei','Microsoft Jhenghei',helvetica,tahoma,arial,sans-serif;}
.animate-load { -webkit-animation: 1s linear 0s normal none infinite spin; }
@-webkit-keyframes spin { 0% {
 -webkit-transform: rotate(0deg);
}
100% {
 -webkit-transform: rotate(360deg);
}
}
.animate-load { animation: 1s linear 0s normal none infinite spin; }
@keyframes spin { 0% {
 transform: rotate(0deg);
}
100% {
 transform: rotate(360deg);
}
}


.ajaxloading { background:url(../images/loading.gif) center no-repeat rgb(0,0,0); width:100%; height:100%; position:absolute; left:0; top:0; z-index:999; opacity:0.7; display:none;}

.box-step{position:absolute;width:100%;height:100%;display:none; }
.bjbox {position:absolute;width:100%;height:100%;display:none; }

.scrolltouch{-webkit-overflow-scrolling:touch}



#loading { position: absolute; z-index: 9999; width: 100%; height: 100%; top: 0; left: 0; background:#000; }
#loading P { position: absolute; width: 100%; top: 50%; text-align: center; font-size: 20px; font-weight: 100; color:#fff; margin-top:40px;}

.center { position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}

.centercenter { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translateX(-50%,-50%);}

.box { width:640px; height:1040px; position:absolute; left:0; top:50%; margin-top:-520px;}


.popmask { width:100%; height:100%; position:absolute; left:0; top:0; z-index:999; background:#000; opacity:.8;}


#loading { background:url(../images/bg.jpg) center rgb(65,128,179); background-size:cover; width:640px; height:100%; left:50%; margin-left:-320px;}


.l1 { background:url(../images/l1.png); width:270px; height:258px; position:absolute;}

.centercenter { left:50%; top:50%; transform:translate(-50%,-50%)}



.l2 { background:url(../images/lo.png) left;; width:100%; height:26px; position:absolute;top: 186px;width: 0;}





#main {background:url(../images/bg.jpg) center; background-size:cover; width:640px; height:100%;}




.s1-1 { background:url(../images/1-1.png); width:222px; height:102px; position:absolute; top:0; left:50%; margin-left:-111px;}

.s1-2 {  width:536px; height:146px; position:absolute; left:50%; margin-left:-268px; top:130px;}
.s1-2 img { position:absolute; left:0; top:0;}
.videobox { position:absolute; top:340px; background:url(../images/video.png); width:580px; height:330px; left:50%; margin-left:-290px;}

.playbtn { background:url(../images/play.png); width:116px; height:110px; position:absolute; }



.s1-3 { position:absolute; left:0; top:50%;margin-top: 150px;}

.s1-4 { bottom:0; position:absolute; width:88px; height:114px; left:50%; margin-left:-44px;}

.s1-4 img { position:absolute; left:0; top:0;}

.s2-1 { width:533px; height:512px; position:absolute; left:50%; margin-left:-266px; top:310px;}


.s2-1 img { position:absolute; left:0; top:0;}


.s2-btn1 { background:url(../images/btn1.png); width:353px; height:83px; position:absolute; left:50%; margin-left:-176px; bottom:100px}
.s2-btn2 { background:url(../images/btn2.png); width:353px; height:83px; position:absolute; left:50%; margin-left:-176px; bottom:0;}


.s2-4 {left: -83px;
position: absolute;
top: 50%;
margin-top: 340px;}

.s2-5 {margin-top: 320px;
position: absolute;
right: -70px;
top: 50%;}

.s2-6 {left: -50px;
margin-top: -250px;
position: absolute;
top: 50%;}


.v { width:556px; height:313px; position:absolute; left:50%; top:50%; margin-left:-278px; margin-top:-156px;}

.l1 img { position:absolute; left:0; top:0;}

.z1 { position:absolute; left:-10px; top:5%;}
.z2 { position:absolute; left:0; top:5%;}
.z3 { position:absolute; left:10px; top:5%;}