@font-face {
font-family:calibri_0;
src: url("../fonts/calibri_0.eot") /* EOT file for IE */
}
@font-face {
font-family:calibri_0;
src: url("../fonts/calibri_0.ttf") /* TTF file for CSS3 browsers */
}
body, h1, h2, h3, h4, h5, h6, ul, li, p, ol, table, tr, td, a, img {
    font-family: calibri_0;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
body {
    width: 100%;
	background:#fff;
}
.clear{
	clear:both;
}
.wrapper {
    clear: both;
    margin: 0 auto;
    width: 1010px;
}
.header {
    float: left;
    width: 100%;
	background:#000;
}
.header .logo {
    float: left;
    width: 365px;
}
.header .menu {
    float: left;
    width: 645px;
}
.header .menu ul {
    float: right;
}
.header .menu ul li {
    float: left;
    list-style: outside none none;
	position:relative;
	padding:25px 15px;
}
.header .menu ul li.red{
    background: none repeat scroll 0 0 #a40000;
	padding:24px;
}
.header .menu ul li.red a{
	font-size:20px;
}
.header .menu ul li:hover {
    background: none repeat scroll 0 0 #a40000;
}

.header .menu ul li a {
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
}
.header .menu ul li ul{
	display:none;
}
.header .menu ul li:hover ul {
    background: none repeat scroll 0 0 #31353e;
    border-radius: 5px;
    display: block;
    position: absolute;
    right: -3px;
    top: 57px;
    width: 120px;
    z-index: 999;
}
.header .menu ul li ul li{
	padding:10px 0;
	float:left;
	width:100%;
	border-radius:5px;
}
.header .menu ul li ul li a{
	text-align:center;
	width:100%;
}
.banner {
    background: none repeat scroll 0 0 #000;
    float: left;
    height: 460px;
    position: relative;
    width: 100%;
}
.banner .wrapper{
	width:1263px;
}

.banner iframe {
    border-radius: 2px;
    left: 153px;
    position: absolute;
    top: 165px;
}
.banner a {
    float: left;
    height: 52px;
    left: 573px;
    position: absolute;
    top: 362px;
    width: 245px;
}
.banner .iner-banr #slides{
	overflow:visible;
	height:414px;
}
.banner .iner-banr #slides h1 {
    color: #fff;
    font-size: 50px;
    font-style: italic;
    font-weight: normal;
    left: 115px;
    position: absolute;
    text-align: center;
    top: 70px;
}
.banner .iner-banr #slides p {
    color: #fff;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    left: 115px;
    position: absolute;
    text-align: center;
    top: 140px;
}
.banner .iner-banr #slides span {
    left: 550px;
    position: absolute;
    top: 450px;
}
.banner .iner-banr #slides span a {
    background: none repeat scroll 0 0 #31353e;
    border-radius: 5px;
    color: #fff;
    float: left;
    font-size: 18px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    text-decoration: none;
    width: 135px;
}
.banner #slides span a:hover{
	background:#f05f42;
}
.banner #slides .slidesjs-pagination{
	text-align:center;
	float:left;
	margin-left:600px;
	display:none;
}
.banner #slides .slidesjs-pagination .slidesjs-pagination-item{
	float:left;
	width:20px;
	list-style:none;
}
.banner #slides .slidesjs-pagination .slidesjs-pagination-item a{
	background:url(../images/white.png) no-repeat;
	width:13px;
	height:13px;
	position:relative;
	top:-40px;
	z-index:9999;
	text-indent:999px;
	text-decoration:none;
	color:#fff;
	float:left;
}
.banner #slides .slidesjs-pagination .slidesjs-pagination-item a.active{
	background:url(../images/orange.png) no-repeat;
	width:13px;
	height:13px;
	color:#f36341;
	float:left;
}
.banner #slides .slidesjs-previous.slidesjs-navigation {
    left: 20px;
}
.banner #slides .slidesjs-next.slidesjs-navigation {
    left: 1100px;
}
.banner #slides .slidesjs-navigation {
    position: relative;
    right: 630px;
    top: -225px;
    z-index: 999;
}
.main{
	background:#181818;
	width:100%;
	float:left;
	padding-bottom:230px;
}
.btns{
	background:#4e4e4e;
	width:100%;
	float:left;
}
.btns .btn {
    box-sizing: border-box;
    float: left;
    padding:15px 5px 10px 15px;
    width: 237px;
	height:109px;
	text-decoration:none;
}
.btns .btn:hover{
	/*background:url(../images/bg-btn.png) no-repeat;*/
}
.btns .btn:hover h1 span{
	color:#009649;
}
.btns .gren{
	background:url(../images/bg.png);
	width:286px;
	padding-left:50px;
}
.btns .yelow{
	background:url(../images/win.jpg);
	float:right;
	width:250px;
}
.btns .btn h1{
	color:#fff;
	font-size:18px;
	font-weight:normal;
}
.btns .btn h1 span{
	background:url(../images/dot.png) no-repeat;
	width:25px;
	height:25px;
	float:left;
	margin-right:5px;
	text-align:center;
	color:#535353;
	font-size:18px;
	line-height:25px;
}
.btns .btn p{
	color:#fff;
	font-size:16px;
	clear:both;	
}
.logos{
	width:100%;
	float:left;
	padding:25px 0;
	background:#313131;
	margin:6px 0;
}
.logos a{
	float:left;
	background:url(../images/logos1.png) no-repeat;
	margin:0 11px;	
}
.logos a.logo1{
	background-position:0px 0px;
	width:60px;
	height:30px;
}
.logos a.logo1:hover{
	background-position:0 -32px;
}
.logos a.logo2 {
    background-position: -68px 0;
    height: 30px;
    width: 100px;
}
.logos a.logo2:hover{
	background-position: -68px -30px;
}
.logos a.logo3 {
    background-position: -177px 0px;
    height: 30px;
    width: 45px;
}
.logos a.logo3:hover{
	background-position: -177px -30px;
}
.logos a.logo4 {
    background-position: -230px 0;
    height: 30px;
    width: 60px;
}
.logos a.logo4:hover{
	background-position: -230px -30px;
}
.logos a.logo5 {
    background-position: -300px 0;
    height: 30px;
    width: 70px;
}
.logos a.logo5:hover{
	background-position: -300px -30px;
}
.logos a.logo6 {
    background-position: -375px 0;
    height: 30px;
    width: 60px;
}
.logos a.logo6:hover{
	background-position: -375px -30px;
}
.logos a.logo7 {
    background-position: -435px 0;
    height: 30px;
    width: 90px;
}
.logos a.logo7:hover{
	background-position: -435px -30px;
}
.logos a.logo8 {
    background-position: -530px 0;
    height: 30px;
    width: 50px;
}
.logos a.logo8:hover{
	background-position: -530px -30px;
}
.logos a.logo9 {
    background-position: -590px 0;
    height: 30px;
    width: 65px;
}
.logos a.logo9:hover{
	background-position: -590px -32px;
}
.logos a.logo10 {
    background-position: -665px 0;
    height: 32px;
    width: 40px;
}
.logos a.logo10:hover{
	background-position: -665px -32px;
}
.logos a.logo11 {
    background-position: -715px 0;
    height: 32px;
    width: 65px;
}
.logos a.logo11:hover{
	background-position: -715px -32px;
}
.logos a.logo12 {
    background-position: -790px 0;
    height: 32px;
    width: 30px;
}
.logos a.logo12:hover{
	background-position: -790px -32px;
}
.tstmnl{
	width:100%;
	float:left;
	background:#313131;
	margin-bottom:6px;
}
.tstmnl #slides1 .slidesjs-pagination{
	display:none;
}
.tstmnl #slides1 .slidesjs-slide {
	padding:20px 0;
}
.tstmnl #slides1 .slidesjs-slide p {
    box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 16px;
    padding: 25px;
    width: 65%;
}
.tstmnl #slides1 .slidesjs-slide .pic{
	width:35%;
	float:left;
}
.tstmnl #slides1 .slidesjs-slide .pic span{
	float:left;
	margin-right:10px;
}
.tstmnl #slides1 .slidesjs-slide .pic span h1{
	color:#fff;
	margin-top:30px;
}
.tstmnl #slides1 .slidesjs-slide .pic span h3{
	color:#fff;
	font-weight:normal;
}
.login {
    background: none repeat scroll 0 0 #212121;
    box-sizing: border-box;
    float: left;
    height: 78px;
    line-height: 35px;
    padding: 20px 0 0 25px;
    width: 100%;
}
.login label{
	color:#979797;
	font-size:16px;
	float:left;
	margin-right:10px;
}
.login input{
	color:#979797;
	font-size:16px;
	width:250px;
	height:35px;
	background:#313131;
	border:none;
	float:left;
	margin-right:25px;
}
.login input.btn-sbmt{
	background:url(../images/login.png) no-repeat;
	width:106px;
	height:40px;
}
.gam{
    background: none repeat scroll 0 0 #212121;
	width:100%;
	float:left;
}
.gam .gams{
	float:left;
	width:242px;
	margin-left:10px;
	text-decoration:none;
}
.gam .gams h1{
	color:#fff;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	margin-top:20px;
}
.gam .gams p{
	color:#fff;
	font-size:15px;
	text-align:center;
	margin-top:20px;
}
.gam .gams h3 {
    box-sizing: border-box;
    color: #fff;
    float: left;
    font-size: 18px;
    margin-top: 195px;
    padding-bottom: 16px;
    padding-left: 80px;
    text-align: center;
    text-decoration: none;
	font-weight:normal;
}
.gam .red1{
	background:url(../images/red1.png) no-repeat;
}
.gam .blk1{
	background:url(../images/blk1.png) no-repeat;
}
.gam .yelow1{
	background:url(../images/yelow1.png) no-repeat;
}
.gam .gren1{
	background:url(../images/gren1.png) no-repeat;
}
.txt{
	background: none repeat scroll 0 0 #212121;
	width:100%;
	float:left;
	padding:60px 35px 90px 15px;
	box-sizing:border-box;
}
.txt h1{
	color:#fff;
	font-size:25px;
}
.txt p{
	color:#535353;
	font-size:16px;
	margin-top:10px;
	margin-bottom:130px;
}
.txt .txt1{
	background: none repeat scroll 0 0 #212121;
    border: 1px solid #2d2d2d;
    box-sizing: border-box;
    float: left;
    margin: 0 30px;
    padding: 27px 38px;
}
.txt .txt1 h1{
	color:#fff;
	font-size:25px;
}
.txt .txt1 p{
	color:#535353;
	font-size:16px;
	margin-top:10px;
	margin-bottom:0px;
}
.footer{
	background:#212121;
	width:100%;
	float:left;
}
.footer .logos{
	margin-top:0;
}
.footer .lft-ftr {
    float: left;
    margin: 30px 0;
    width: 30%;
}
.footer .lft-ftr a {
    background: none repeat scroll 0 0 #272727;
    border-right: 1px solid #4b4b4b;
    float: left;
    padding: 10px;
    text-decoration: none;
}
.footer .lft-ftr a:last-child{
	border-right:none;
}
.footer .cntr-ftr{
	width:40%;
	float:left;
}
.footer .cntr-ftr ul {
    margin-left: 50px;
    margin-top: 30px;
    text-align: center;
}
.footer .cntr-ftr ul li{
	list-style:none;
	float:left;
	border-right:1px solid #4b4b4b;
	padding:0 15px;
}
.footer .cntr-ftr ul li a{
	color:#4e4e4e;
	text-decoration:none;
	font-size:16px;
}
.footer .cntr-ftr ul li a:hover{
	color:#404040;
}
.footer .cntr-ftr ul li:last-child{
	border-right:none;
}
.footer .cntr-ftr p {
    color: #4d4d4d;
    float: left;
    font-size: 18px;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}
.footer .rit-ftr {
    float: right;
    margin-top: 30px;
    text-align: right;
    width: 30%;
}