html{font-family:"微软雅黑",Arial,sans-serif}*{margin: 0;padding: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,button,textarea,p,th,td,b,i,strong{padding:0;margin:0;font-family:Microsoft YaHei,sans-serif,Arial}
strong,b{font-weight: normal;}
fieldset,img{border:0}
a,div,li{text-decoration:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input:focus{box-shadow: none;outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
ul li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%}
html,body{width: 100%;height:100%;}
body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; width: 100%;height: 100%;background-size: 100% auto;}
.body{
    width: 100%;
    height:100%;
    position: relative;
    min-width: 1200px;
    overflow: auto;
}
.right{
    height:100%;
    width:100%;
    overflow: auto;
}
.page{
    width: 100%;
   height: auto;
   background-position: center top;position: relative;
    overflow:hidden;
}
.page1{background-image: url(../img/p1_bg.jpg); height:950px;}
.page2{background-image: url(../img/p2_bg.jpg);height:1219px;}
.page3{background-image: url(../img/p3_bg.jpg);height:757px;}
.page4{background-image: url(../img/p4_bg.jpg);height:756px;}
.page5{background-image: url(../img/p5_bg.jpg);height:873px;}

.main_center{width: 1100px;height: 100%;position: relative;margin: 0 auto;}
	/*第一屏*/
.logo{width:530px; height:397px; position:absolute; top:310px; left:0px;-webkit-animation:scaleA 1s .2s ease both;
-moz-animation:scaleA 1s ease both;
-ms-animation:scaleA 1s ease both;
-o-animation:scaleA 1s ease both;
animation:scaleA 1s ease both; cursor:pointer;}
	/*神圣联赛图标对应的放大在缩小动画*/
@-webkit-keyframes scaleA{
0%{opacity:0;-webkit-transform:scale(2,2);}
80%{-webkit-transform:scale(.9,.9);}
100%{opacity:1;-webkit-transform:scale(1,1);}
}
@-moz-keyframes scaleA{
0%{opacity:0;-moz-transform:scale(2,2);}
80%{-moz-transform:scale(.9,.9);}
100%{opacity:1;-moz-transform:scale(1,1);}
}
@-ms-keyframes scaleA{
0%{opacity:0;-ms-transform:scale(2,2);}
80%{-ms-transform:scale(.9,.9);}
100%{opacity:1;-ms-transform:scale(1,1);}
}
@-o-keyframes scaleA{
0%{opacity:0;-o-transform:scale(2,2);}
80%{-o-transform:scale(.9,.9);}
100%{opacity:1;-o-transform:scale(1,1);}
}
@keyframes scaleA{
0%{opacity:0;-webkit-transform:scale(2,2);}
80%{-webkit-transform:scale(.9,.9);}
100%{opacity:1;-webkit-transform:scale(1,1);}}
.container{
    width: 1060px;
    height:260px;
    position:absolute;
    left: 28px;
    top: 721px; 
}
.title{
    width: auto;
    height: 55px;
    overflow: hidden;
     margin-left:310px;
}
.title img,.title2 img,.titl3 img,title4 img,titl5 img{
    height: 100%;
    float: left;
    clear: both;
}
.desc{
    width: 1066px;
    height:83px;
    background:url(../img/p1_btn_bg.png) no-repeat;margin-bottom:10px;}



.main_nav{width:1102px;height:79px; position:relative;}
.nav li{float:left; display:inline; height:79px;width:240px;cursor: pointer;}
.main_nav .active i{opacity: 1;filter:alpha(opacity=100)}
.main_nav i{display: block;width: 100%;height: 100%;background-repeat: no-repeat;opacity: 0;filter:alpha(opacity=0);}
.main_nav a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.nav a:hover{color:#166fd6; text-decoration:underline; }
li.n01 i{background-image: url(../img/p1_btn_bg_hover_01.png);}
li.n02 i{background-image: url(../img/p1_btn_bg_hover_02.png);}
li.n03 i{background-image: url(../img/p1_btn_bg_hover_03.png);}
li.n04 i{background-image: url(../img/p1_btn_bg_hover_04.png);}
li:hover i{opacity: 1;filter: alpha(opacity=100);}
li.n01 {display:block; position: absolute;left: 0px;top: 0px;}
li.n02 {display: block;position: absolute;left: 269px;top: 0px;}
li.n03 {display: block;position: absolute;left: 535px;top: 0px;}
li.n04 {display: block;position: absolute;left: 795px;top: 0px; }




.picBox{position: relative; width: 1066px;
    height:97px;
    background:url(../img/p1_input_bg.png) no-repeat;}
.input2{    height: 36px;width: 509px;position: absolute;top: 10px;left: 248px;}
.text_content4{width:480px;padding-left:20px; height:36px;color:#808080; line-height:36px; background:none; font-size:18px; float:left; border:none; overflow:hidden;text-align:left;}
.login_bn a{display:block; width:209px; height:45px;  position:absolute; left:774px; top:6px;}
.login_bn a:hover{background:url(../img/p1_login_hover.png);}


/*第二屏*/
.pos{position: absolute;left: 200px;top: -0%;}
.page2 .pos{margin-top: 30px;}
.title2{
    width: auto;
    height: 186px;
    overflow: hidden;
     margin-left:180px;
}
.container2{
    width: auto;
    height:auto;
    position:absolute;
    left: 28px;
    top: 11px; 
}
.desc2{
    width: 830px;
    height:851px;
    }

/*第三屏*/
.container3{
    width: auto;
    height:auto;
    position:absolute;
    left: 328px;
    top: 41px; 
}
.title3{
    width: auto;
    height: 129px;
    overflow: hidden;

}
.desc3{
    width: 702px;
    height:435px;
    }


/*第四屏*/
.container4{
    width: auto;
    height:auto;
    position:absolute;
    left: 68px;
    top: 4px; 
}

.title4{ width: auto;
    height: 101px;
    overflow: hidden;
     margin-left:360px;margin-bottom:10px;}

	
.swi2{width: 546px;height: 541px;position: relative;background-repeat: no-repeat;margin-left: 60px;}
.swi2-left{width:79px; height:108px; background:url(../img/p4_left_row.png); position:absolute;left: 40px;top: 228px; cursor:pointer;}
.swi2-right{width:81px; height:104px; background:url(../img/p4_right_row.png); position:absolute;right:-254px;top: 228px;cursor:pointer;}
.swi2-inner{
    width:405px;height: 541px; border-radius:5px; border:2px solid #a79e9f;
    position: absolute;
    left: 218px;top: 0px;
    overflow: hidden;
}
.swi2-wrap{height: 100%;position: absolute;
left: -405px;top: 0;
overflow: hidden;
}
.swi2-wrap div{
    width:405px;height: 541px;
    float: left;
    line-height: 0;
}
.swi2-wrap div{width: 405px;}
.swi2-navs{
    width:267px;height: 24px;
    line-height: 24px;
    position: absolute;
    left:293px;bottom: -70px; background:url(../img/p4_circle_bg.png);
}
.swi2-navs span{
    display: inline-block;
    width:17px;height: 17px;
  	margin-right:44px;
    background:url(../img/p4_nav.png);
  
    cursor: pointer;
}
.swi2-navs span:last-child {margin-right:0;}
.swi2-navs .active{background:url(../img/p4_nav_hover.png);width:17px; height:17px;}

/*第五屏*/

.container5{
    width: auto;
    height:auto;
    position:absolute;
    left: 18px;
    top: 11px;
}

.title5{
    width: auto;
    height: 175px;
    overflow: hidden;
     margin-left:310px; margin-bottom:20px;
}
.bottom_icon{position: relative; width: 879px;
    height:159px;
    background:url(../img/p5_text.png) no-repeat; margin-left:49px;margin-bottom:230px;}


.footer{  height:47px;color:#868686;}
.footer img{margin-right:10px; float:left;}
.footer p{margin-right:10px; float:left;}
.footer p a{color:#868686;}
.footer p a:hover{color:#f00;}


/*返回顶部*/
#gotop {display: none;position: fixed;right: 20px;bottom:20px;padding: 10px 10px;font-size: 20px;background: #777;color: white;cursor: pointer;	z-index:11111;}

/*弹窗*/
.tan_ce{background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;width:100%;height:100%;z-index:2; display: none;}
.tan_ce .bg1{position:absolute;left:0;top:0;width:100%;height:100%;}
.tan{background:url(../img/tc_bg.png) center top no-repeat;background-size:100% 100%; width:564px;position:fixed;left:50%;margin-left:-282px;top:50%;height:590px;margin-top:-295px;}
.close{position:absolute; top:10px; right:10px; cursor:pointer;}
.register{width:380px; height:340px; text-align:center; position:absolute; top:340px; left:92px;}
.tc_btn1 {margin-bottom:10px;}

.initBef .step0,
.initBef .step1,
.initBef .step2,
.initBef .step3,
.initBef .step4,
.initAni .step5
{opacity: 1;}

.initAni .step0{
    -webkit-animation: fadeInRight 1.4s ease both;
    -moz-animation: fadeInRight 1.4s ease both;
    -ms-animation: fadeInRight 1.4s ease both;
    animation: fadeInRight 1.4s ease both;
}

.initAni .step1{
    -webkit-animation: fadeInDown 1.4s ease both;
    -moz-animation: fadeInDown 1.4s ease both;
    -ms-animation: fadeInDown 1.4s ease both;
    animation: fadeInDown 1.4s ease both;
}
.initAni .step2{
    -webkit-animation: fadeInDown 1.4s .3s ease both;
    -moz-animation: fadeInDown 1.4s .3s ease both;
    -ms-animation: fadeInDown 1.4s .3s ease both;
    animation: fadeInDown 1.4s .3s ease both;
}
.initAni .step3{
    -webkit-animation: fadeInDown 1.4s .6s ease both;
    -moz-animation: fadeInDown 1.4s .6s ease both;
    -ms-animation: fadeInDown 1.4s .6s ease both;
    animation: fadeInDown 1.4s .6s ease both;
}
.initAni .step4{
    -webkit-animation: fadeInDown 1.4s .9s ease both;
    -moz-animation: fadeInDown 1.4s .9s ease both;
    -ms-animation: fadeInDown 1.4s .9s ease both;
    animation: fadeInDown 1.4s .9s ease both;
}
.initAni .step5{
    -webkit-animation: fadeInDown 1.4s 1.2s ease both;
    -moz-animation: fadeInDown 1.4s 1.2s ease both;
    -ms-animation: fadeInDown 1.4s 1.2s ease both;
    animation: fadeInDown 1.4s 1.2s ease both;
}

@-webkit-keyframes fadeInDown{
	from{opacity: 0; -webkit-transform: translateY(100px);-moz-transform: translateY(100px);-ms-transform: translateY(100px);transform: translateY(100px);}
	to{opacity: 1; -webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
@-webkit-keyframes fadeInRight{
    from{opacity: 0; -webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);}
    to{opacity: 1; -webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
}