@charset "utf-8";
html{overflow-x:hidden;}
body{background:#fff; font-size:12px; color:#6e6e6e;width:100%;vertical-align:top;margin:0;padding:0;font-family:"Microsoft YaHei","SimSun","SimHei",Arial,Tahoma,Helvetica;-webkit-text-size-adjust:none;}h1,h2,h3,h4,h5,h6,u,i,div,font,span,table,tr,td,dl,dd,dt,ul,ol,li,pre,form,fieldset,input,textarea,blockquote{margin:0px;padding:0px;}ol,ul,li{list-style:none;margin:0px;padding:0px;vertical-align:top;}dl,dt,dd{list-style:none;margin:0px;padding:0px;vertical-align:top;}font{margin:0px;padding:0px;font:normal;font-weight:normal;}p{margin:0px;padding:0px;}img{vertical-align:top;border:0;}h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;font-size:12px;font-weight:normal;line-height:normal;}form{margin:0px;padding:0px;}abbr,acronym{border:0;}address,caption,cite,code,dfn,th,var{font-weight:normal;font-style:normal;}a{-webkit-text-size-adjust:none; -webkit-user-select: none;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-font-smoothing: antialiased;}a:link{color:#000;text-decoration:none;}a:visited{color:#000;text-decoration:none;}a:hover{color:#000;text-decoration:none;}a:active{color:#000;}a:focus{outline:none;}.clear:before,.clear:after{content:"";clear:both;display:block;height:0;visibility:hidden;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}input,textarea{background:none;border:0px none;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block; margin:0; padding:0;}.foAr{font-family:Arial,"Microsoft YaHei","SimSun";}html{overflow-x:hidden;}.fl{float:left;}.fr{float:right;}.show{display:block;}.hide{display:none;}.fontBankGothic{font-family:BankGothic,Arial;}
.pos{ position: absolute;}

.anm_fadeInDown{
-webkit-animation:fadeInDown 0.5s  ease both;
-moz-animation:fadeInDown 0.5s  ease both;}
@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
0%{opacity:0;
-moz-transform:translateY(-20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
.anm_autoDown{
-webkit-animation:autoDown 0.8s  ease  infinite both;
-moz-animation:autoDown 0.8s  ease infinite both;}
@-webkit-keyframes autoDown{
0%{-webkit-transform:translateY(-20px)}
50%{-webkit-transform:translateY(0)}
100%{-webkit-transform:translateY(-20px)}
}
@-moz-keyframes autoDown{
0%{-moz-transform:translateY(-20px)}
50%{-moz-transform:translateY(0)} 
100%{-moz-transform:translateY(-20px)} 
}
.anm-pulse{
-webkit-animation:pulse 0.5s  ease both;
-moz-animation:pulse 0.5s  ease both;}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.2)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.2)}
100%{-moz-transform:scale(1)}
}
.anm_tada{
-webkit-animation:tada 1s .2s ease both;
-moz-animation:tada 1s .2s ease both;}
@-webkit-keyframes tada{
0%{-webkit-transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0)}
}
@-moz-keyframes tada{
0%{-moz-transform:scale(1)}
10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
100%{-moz-transform:scale(1) rotate(0)}
}

.anm_tada2{
-webkit-animation:tada2 1s  ease both;
-moz-animation:tada2 1s  ease both;}
@-webkit-keyframes tada2{
0%{-webkit-transform:scale(3.8)}
100%{-webkit-transform:scale(1) }
}
@-moz-keyframes tada2{
0%{-moz-transform:scale(3.8)}
100%{-moz-transform:scale(1)}
}

.anm_bounceInDown{
-webkit-animation:bounceInDown 1s .2s ease both;
-moz-animation:bounceInDown 1s .2s ease both;}
@-webkit-keyframes bounceInDown{
0%{opacity:0;
-webkit-transform:translateY(-2000px)}
60%{opacity:1;
-webkit-transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px)}
100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInDown{
0%{opacity:0;
-moz-transform:translateY(-2000px)}
60%{opacity:1;
-moz-transform:translateY(30px)}
80%{-moz-transform:translateY(-10px)}
100%{-moz-transform:translateY(0)}
}


.loding{ width: 60px; height: 60px; z-index: 101; top: 38%; left: 50%; margin-left: -30px; color: #fff;  }
.loding img{ width: 100%;}
.loding p{ position: absolute; height: 25px; text-align: center; line-height: 25px; width: 120px; margin-left: -60px; top: 60px; left: 50%; }
.mask{ width: 100%; height: 1138px; z-index: 100; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #000; opacity: 1;}
.btn{ display: block;}
.none{ display: none;}
/*startdom*/
.main{ width: 640px; margin: 0px auto; position: relative;}
.cont{min-height: 1138px; background: url(../images/bg.jpg) no-repeat top center; background-size:800px auto;  }
.title{ width: 228px; height: 184px;  left: 50%; margin-left: -114px; top: 14px; background: url(../images/s1.png) no-repeat top center; background-size:228px auto; }
.slo{ width: 557px; height: 134px; left: 50%; margin-left: -278.5px; top: 212px; background: url(../images/s3.png) no-repeat top center; background-size:557px auto; }
.rw{ width: 621px; height: 470px; left: 50%; margin-left: -310.5px; top: 348px; background: url(../images/s2.png) no-repeat top center; background-size:621px auto; }
.rw .tt{ height: 60px; width: 621px; text-align: center; color: #fff; line-height: 60px; top: 297px; font-size: 40px; color: #ffc11c; font-weight: bold; }
.rw .nt{ height: 45px; width: 621px; line-height: 45px; color: #fff; text-align: center;   top: 365px; text-align: center; font-size:26px; }
.btn{width: 464px; height: 130px; left: 50%; margin-left: -232px; top: 839px; background: url(../images/s5.png) no-repeat top center; background-size:464px auto; }
.notice{ width: 640px; height: 45px; line-height: 45px; left: 0px; top: 985px; line-height: 45px; text-align: center; color: #fff; font-size: 24px;}





/*enddom*/