@charset "utf-8";
/* CSS Document */

html,body{
margin:0;
padding:0;
height:100%;
width:100%;
}


body{
font-family:'Ubuntu','Microsoft YaHei',Helvetica, sans-serif;
font-weight:400;
font-size:14px;
color:#ffffff;
background-color:#2d2d2d;
line-height:160%;
}


.container1300{
margin:0 -20px;
}



.container1280{
max-width:1280px;
margin:auto;
}

#wrapTop .container1280{

}

.homepageWrap{
overflow:hidden!important;
}

.container960{
width:960px;
margin:auto;
}

.box305{
width:305px;
}

#wrap{

}

#wrapTop{
background-color:#e14646;
position:relative;
z-index:25;

-webkit-box-shadow: rgba(0,0,0,0.7) 0 0 10px;
-moz-box-shadow: rgba(0,0,0,0.7) 0 0 10px;
box-shadow: rgba(0,0,0,0.7) 0 0 10px;
}

#wrapTop .logo{
display:block;
float:left;
padding:20px 0 25px 0;
max-width:250px;
margin-left:10px;
}


#wrapTop .logo img{
width:100%;
}


#wrapMid{
clear:both;
min-height:600px;
margin:50px 0 0 0;
}

#wrapBtm{
clear:both;
background-color:#e14646;
padding:35px 0;
font-size:16px;
margin:60px 0 0 0;
position:relative;
}
#wrapBtm .box305.left{
 margin-left:10px; 
}

#wrapBtm .logo{
display:block;
}

#wrapBtm .mediaWrap{
display:block;
}

#wrapBtm .mediaWrap{
margin:50px 0 30px 0;
}
#wrapBtm .mediaWrap p{
margin:10px 0;
}
#wrapBtm .mediaWrap a{

background-color:#fff;
width:40px;
height:40px;
float:left;
margin:0 1px 0 0;
text-align:center;
vertical-align:middle;
line-height:40px;
}
#wrapBtm .mediaWrap a img{
vertical-align:middle;
line-height:40px;
}
#footer{
font-size:12px;
margin:0 0 0 10px;
}

#footer span{
font-size:16px;
font-family:Verdana, Geneva, sans-serif;
vertical-align:baseline;
}



.leftCont600{
width:600px;
float:left;
}

.rightSide300{
width:300px;
float:right;
}


.leftCont600 ul {
font-size:16px;
line-height:170%;
}


.leftCont550{
width:550px;
float:left;
font-size:12px;
margin:0 0 20px 0;
}


.rightCont390{
width:390px;
float:right;
font-size:12px;
margin:0 0 20px 0;
}
.rightCont390R{
width:390px;
float:right;
font-size:12px;

margin-bottom:20px;
}








#landingPage{
 width:100%;
 height:100%;
 overflow:hidden;
 background-color:#111324;
 position:absolute;
 left:0;
 top:0;
 z-index:1001;
}


#landingPage #landingImg{
 height:100%;
 position:absolute;
 left:0;
 top:0;
 z-index:1;
}



#landingBg{
 width:100%;
 height:100%;
 background:url(../images/landingBg.png) right center no-repeat;
 position:absolute;
 right:50%;
 top:0;
 z-index:3;
 margin-right:-200px;
}

.homeInnerMsg{
 width:40%;
}




#landingPage .inner{
 width:960px;
 height:520px;
 position:absolute;
 z-index:2;
 left:50%;
 top:50%;
 z-index:5;
 margin:-260px 0 0 -480px;
}


#landingPage .tagLine{
font-size:40px;
font-weight:bold;
line-height:50px;
font-style:italic;
text-transform:uppercase;
margin:60px 0 0 0;
}

#landingPage .txt{
font-size:16px;
line-height:24px;
margin:60px 0;
}

.landingBtnWrap{
 text-align:center;
 width:540px;
 overflow:hidden;
 bottom:0;
 left:50%;
 margin-left:-300px;
 position:absolute;
}

.btnWrap{
 width:258px;
 height:71px;
 overflow:hidden;
}
.landingBtnWrap a{
 width:258px;
 height:71px;
 line-height:71px;
 text-align:center;
 
 color:#fff;
 font-size:24px;
 font-weight:bold;
 
 
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s;
}


.landingBtnWrap a.left{
 background:url(../images/btnHomeLeft.png) left top no-repeat;
 color:#e14646;
 margin-left:300px;
}

.landingBtnWrap a.right{
 background:url(../images/btnHomeRight.png) right top no-repeat;
  margin-right:300px;
}




.btnLandingDown{
width:74px;
height:64px;
background:#de3232 url(../images/arrowLanding.png) center 25px no-repeat;
background:rgba(184,50,50,0.9) url(../images/arrowLanding.png) center 25px no-repeat;

position:absolute;
left:50%;
margin-left:-37px;
bottom:0;
z-index:5;

-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
-o-transition:all 0.4s;
transition:all 0.4s;


-webkit-border-radius: 40px 40px 0 0;
-moz-border-radius: 40px 40px 0 0;
border-radius:  40px 40px 0 0;
}



.btnLandingDown:hover{
  background:#de3232 url(../images/arrowLanding.png) center 30px no-repeat;
 background:rgba(184,50,50,1) url(../images/arrowLanding.png) center 30px no-repeat;
}









#wrapTop .logo, #wrapBtm .logo{
 max-width:200px;
}