@charset "utf-8";article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0;font-family:'Microsoft YaHei'}
article,aside,details,figcaption,figure,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{display:inline-block}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:400;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,select,textarea{font-weight:inherit;font-size:inherit;font-family:inherit}
body{width:100%; background-color:#000; color:#000; font-size:17px}
.main_tu1{background:url(../images/main_tu1.png) no-repeat;background-size:800px 800px}
.main_bg{position:relative;width:100%;height:4500px;background:url(../images/main_bg.jpg) no-repeat top center;background-size:1920px auto;}
.content{position:absolute;top:0;left:50%;margin-left:-600px;width:1200px;height:100%}
.pos{ position: absolute; display: block;}
.pes{ position:relative;}
.none{ display: none;}

.top{top:0;height:300px; position: relative;}
.top .slo{ width: 907px; height: 177px; background: url(../images/slo.png) no-repeat center; top: 43px; left: 0px;}
.top .logo{ background: url(../images/logo.png) no-repeat center;  position:absolute; right: 50px; top:43px; width:202px; height:65px; }

.content_Div{position:absolute; left:50%; margin-left:-504px; width:1008px; height:660px;}
.mt4Div{top:1241px}
.ttslDiv{top:1978px}
.mrDiv{top:2715px}
.locojoyDiv{ top:3452px}

.content_Div .icon{ position:absolute; top:12px; left:0px; width:145px; height:145px;}
.content_Div .icon img{ width: 100%; display: block; }
.content_Div .titleDiv{ position:absolute; top:12px; left:170px; width:640px; height:200px; color: #fff; }
.content_Div .titleDiv h3{ font-size: 45px; height: 90px; line-height: 90px; font-weight: bold; }
.content_Div .titleDiv h3.f2{font-size:38px;}
.content_Div .titleDiv .wordDiv{height:55px;line-height:55px; text-indent: 75px; font-size: 26px;}
.content_Div .titleDiv span.ic{ width:61px; height: 46px; background: url(../images/ic2.png) no-repeat; left: 5px; top: 5px; }
.content_Div .wxbox{ width: 137px; height: 137px;  top: 17px; right: 0px;}
.content_Div .wxbox img{ width: 100%;}
.content_Div .ckic{ width:156px; height: 62px; background: url(../images/ic1.png) no-repeat; left: 458px; top: 38px;  }
.content_Div .ckic.ic1{ left: 458px;}
.content_Div .ckic.ic2{ left: 458px;}
.content_Div .ckic.ic3{ left: 675px;}
.gameShow{ width: 1000px; height: 480px; left: 50%; margin-left: -500px; top: 208px; }
.gameShow .inco{ min-height: 100px; }
.gameShow .inco p{font-size: 20px; color: #4d2b0a; text-indent: 2em; padding-bottom: 10px; line-height: 30px; padding-bottom: 20px; }
.gameShow .inco.lin2{ line-height: 38px;}
.gameShow .imglist{ height: 356px; overflow: hidden; }
.gameShow .imglist li{ float: left; margin-right: 10px; /*display: none;*/}
.gameShow .imglist li.mr{ margin-right: 0px;}
.gameShow .imglist li img{ width: 100%;}


.anm-fadeInLeft{
-webkit-animation:fadeInLeft 1s .2s ease both;
-moz-animation:fadeInLeft 1s .2s ease both;}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}

.anm-fadeInDown{
-webkit-animation:fadeInDown 0.5s .2s ease both;
-moz-animation:fadeInDown 0.5s .2s 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-flipInY{
-webkit-animation:flipInY 1s .2s ease both;
-moz-animation:flipInY 1s .2s ease both;}
@-webkit-keyframes flipInY{
0%{-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1}
}
@-moz-keyframes flipInY{
0%{-moz-transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{-moz-transform:perspective(400px) rotateY(-10deg)}
70%{-moz-transform:perspective(400px) rotateY(10deg)}
100%{-moz-transform:perspective(400px) rotateY(0deg);
opacity: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)}
}