* {
    padding: 0;
    margin: 0;
}
html{
    overflow-x: hidden;
}
body{
	color: #858585;
    font-size: 14px;
    font-family: "微软雅黑",sans-serif;
	/*padding-bottom: 104px;*/
}
a,
a:link,
a:visited{
	text-decoration: none;
	color: #858585;
}
a:hover,
a:active{
	color: #1A6350;
}

ul li {
    list-style: none;
}

.fleft {float: left}
.fright {float: right}

.icon,
.index-list li,
.games li .more{
	background:url("/skimages/sprite.png") no-repeat 0 0;
}

.index-list h3 .more{
    background:url("/skimages/more.png") no-repeat 2px 0;
}

.tab .tab-pane{
    display: none;
}

.wrapper{
	
}
.container{
	width:1020px;
	margin:0 auto;
	height:auto;
	overflow: hidden;
}

.header{
	overflow: hidden;
	
}

.header .logo{
	float:left;
	/*height:119px;*/
}

.header .nav{
	float:right;
	/*width:840px;*/
	/*margin-top:40px;*/
	overflow: hidden;
	padding-left:0px!important;
}
.header .nav li{
	display: inline-block;
	float:left;
	padding:0 2px;
}

.slider{
	background: url(/skimages/slide1.jpg) no-repeat center top;
	width:100%;
	height:380px;
}

.banner {
    background: url("/skimages/banner_bg.jpg") no-repeat center top;
    width: 100%;
    height: 187px;
}

.banner .container{
	display: none;
}

.bg-about{
	background-image: url("/skimages/banner-about_new.jpg");
}
.bg-contact{
	background-image: url("/skimages/banner-contact_new.jpg");
}
.bg-course{
	background-image: url("/skimages/banner-course_new.jpg");
}
.bg-games{
	background-image: url("/skimages/banner-games_new.jpg");
}
.bg-hr{
	background-image: url("/skimages/banner-join_new.jpg");
}
.bg-news{
	background-image: url("/skimages/banner-news_new.jpg");
}


.crumbs {
    margin: 20px auto 0;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    color: #515151;
    border-bottom: 1px #ccc solid;
}

.icon.new,.icon.hot{
    width: 29px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.icon.new{
    background-position: 0 -130px;
}
.icon.hot{
    background-position: -29px -130px;
}

.icon-crumbs {
    background-position: -9px -253px;
    vertical-align:-4px;
    width: 31px;
    height: 21px;
    display: inline-block;
    margin-right: 10px;
}
.icon-contact {
    background-position: -214px -247px;
    vertical-align:-10px;
    width: 23px;
    height: 30px;
    display: inline-block;
    margin-right: 20px;
}

.icon-home {
    background-position: -3px -219px;
    vertical-align:-1px;
    width: 13px;
    height: 13px;
    display: inline-block;
    margin-right: 10px;
}

.icon-hr {
    background-position: -214px -247px;
    vertical-align:-10px;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
}

a.zmore {
    font-size: 12px;
    background-position: -26px -218px;
    padding:0 5px 0 6px;
}

.body {
    position: relative;
    width: 1020px;
}

.body-left {
    width: 195px;
    float: left;
    overflow: hidden;
    margin: 40px 0;
}

.body-left ul {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.body-left ul li {
    padding: 20px 0;
    border-bottom: 1px #CAD6E1 solid;
    line-height: 30px;
}

.body-left ul li a {
    display: block;
}

.body-left ul li i{
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 30px;
}

.body-left ul li i.icon-info {
    background-position: -56px -248px;
}
.body-left ul li.hover i.icon-info {
    background-position: -56px -288px;
}
.body-left ul li i.icon-dynamic {
    background-position: -105px -248px;
}
.body-left ul li.hover i.icon-dynamic {
    background-position: -105px -288px;
}
.body-left ul li i.icon-progress {
    background-position: -159px -248px;
}
.body-left ul li.hover i.icon-progress {
    background-position: -159px -288px;
}

.body-left ul li.hover {
    background: url(/skimages/sprite.png) no-repeat -805px 28px;
}

.body-left ul li.hover a {
    color: #1A6350;
}

.body-right {
    width: 760px;
    float: right;
    overflow: hidden;
    margin: 40px 0;
}

.body-right .info {
    width: 100%;
    overflow: hidden;
}

.body-right .info p {
    line-height: 26px;
    font-size: 14px;
}

.body-right .info h1 {
    color: #588C7F;
    font-size: 22px;
    text-align: center;
}

.body-right .info .h1-time {
    color:#999;
    font-size: 14px;
    text-align: center;
    margin-bottom: 40px;
}

.body-right .info p img {
    max-width: 100%;
}

.body-right ul.news-list {
    width: 100%;
    overflow: hidden;
    padding: 0;
}

.body-right ul.news-list li {
    padding: 0 8px;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px #C7C7C9 dotted;
    font-size: 14px;
    color: #999;
}

.course {
    float: right;
    width: 760px;
    border-left: 5px #E8EFED solid;
    position: relative;
    padding: 2em 0;
    min-height: 730px;
}

.course i.icon-time {
    background-position: -977px -70px;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    left: -14px;
    margin-top: 4px;
}

.course h2 {
    font-size: 22px;
    color: #cf7c00;
    padding-left: 30px;
    margin: 1em 0 0.5em 0;
}

.course ul.course-list {
    padding: 0;
    margin: 0;
    font-size: 14px;
    text-indent: 2.2em;
    color: #909090;
}

.course ul.course-list li {
    line-height: 30px;
}

.contact {
    margin: 30px auto;
    color: #888;
}

hr {
    border-top: 1px #A5C4CD solid;
}

.contact h1 {
    font-size: 22px;
    color: #cf7c00;
}

.login{
	margin-top:14px;
	height:280px;
	padding:0;
    width: 300px;
	/*background-color:#A83F41;*/
	float:left;
	/*overflow: hidden;*/
}

.games{
	/*margin:60px 0;*/
	list-style: none;
	padding:0;
    width: 720px;
	/*background-color:#A83F41;*/
	float:left;
	/*overflow: hidden;*/
}
.games li{
	width:220px;
	height:110px;
    float: left;
	margin-left:30px;
	margin-top:30px;
	/*background: url(/skimages/game1.png) no-repeat left center;*/
}

.games .game1{
	margin-left:0;
	/*background-image:url(/skimages/game1.png);*/
}/*
.games .game2{
	background-image:url(/skimages/game2.png);
}
.games .game3{
	background-image:url(/skimages/game3.png);
}
.games .game4{
	background-image:url(/skimages/game4.png);
}*/
.games,
.games h3,
.games p{
	text-align: right;
}
.games h3{
	margin:0.3em 0;
	font-size: 22px;
	color: #5A8F81;
	font-weight: bold;
}
.games p{
	font-size: 12px;
	color: #515151;

}

.games li .more{
	margin-right:5px;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-position:0 -155px;
}
.games li .more:hover{
	background-position:-30px -155px;
}

.index-list{
	overflow: hidden;
}
.index-list .news,
.index-list .join{
	display: inline-block;
	width:45.7%;
    margin-right: 3%;
	float:left;
}
.index-list .join{
	float: right;
}

.index-list h3{
	overflow: hidden;
}
.index-list h3 img{
	vertical-align: middle;
}
.index-list h3 .more{
	display: inline-block;
	width: 59px;
	height: 31px;
    margin-left: 244px;
	vertical-align: -10px;
}
.index-list h3 .more:hover{
	/*background-position:-79px 0;*/
}

.index-list .news h3{
	/*background: url("/skimages/index_news_bg.png") no-repeat 100% 0;*/
}
.index-list .join h3{
	/*background: url("/skimages/index_join_bg.png") no-repeat 100% 0;*/
}

.index-list ul{
	list-style: none;
	padding:0;
	font-size: 14px;
	color: #858585;
	margin-top:10px;
	overflow: hidden;
	height: auto;
}

.index-list li{
	margin:0.5em 0;
	height: 19px;
	width:100%;
	float: left;
	overflow: hidden;
	text-indent: 1em;
	line-height: 19px;
	display: block;
	background-position:0 -190px;
}

.index-list .news li .date{
	float: right;
}


.index-list .join li{
	width:33.3%;
	float: left;
}

.footer{
	width:100%;
	height: auto;
	background: #515151;
	padding:10px 0;
	font-size: 12px;
	color: #cccccc;
	overflow: hidden;
	/*bottom: 0;*/
	/*position: fixed;*/
}


.footer .copy{
	width:860px;
	float: left;
}
.footer .logo{
	margin-top:12px;
	float: right;
}


iframe.map{
    width: 1000px;
    height: 380px;
    overflow: hidden;
    border:1px solid #dddddd;
}

.nav-hr{
    list-style: none;
    padding: 0;
    margin-top: 40px;
    overflow: hidden;
    border-bottom: 1px solid #cccccc;
}

.nav-hr li{
    display: block;
    width:90px;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #ffffff;
    float: left;
    margin: 0 18px;
}


.nav-hr li h5{
    font-size: 18px;
    font-weight: lighter;
}

.nav-hr li a{
    display: block;
}

.nav-hr li.active{
    border-bottom: 1px solid #cccccc;
}


.list{
    min-height: 500px;
}
.list li{
    overflow: hidden;
    border-bottom:1px dotted #c6c6c8;
    padding-bottom: 20px;
    margin:20px 0;
}
.body-hr li .left{
    float: left;
    width:610px;
}
.body-hr li .right{
    float: right;
    width: 360px;
}


.list li h2{
    font-size: 22px;
    color: #cf7c00;
    font-weight: lighter;
}

.body-hr table.info th,
.body-hr table.info td{
    font-size: 14px;
}

.body-hr table.info td{
    width: 120px;
}

.list .tab-pane{

}

.list .desc{
	display: none;
    margin-top:40px;
    color: #858585;
}

.icon-games-home,
.icon-games-ios,
.icon-games-ios1,
.icon-games-android,
.icon-hr-apply,
.icon-hr-detail{
    display: inline-block;
    width: 120px;
    height: 42px;
    margin:30px 5px !important;
}
.icon-hr-apply,
.icon-hr-detail{
	
	width: 140px;
	
	
}
.icon-hr-apply{
    background-position: -1px -340px;
}
.icon-hr-detail{
    background-position: -154px -340px;
}
.icon-hr-apply:hover{
    background-position: -1px -390px;
}
.icon-hr-detail:hover{
    background-position: -154px -390px;
}
.icon-games-home{
    background-position: -1px -451px;
}
.icon-games-ios{
    background-position: -154px -451px;
}
.icon-games-ios1{
    background-position: -468px -451px;
}
.icon-games-android{
    background-position: -309px -451px;
}

.icon-games-home:hover{
    background-position: -1px -502px;
}
.icon-games-ios:hover{
    background-position: -154px -502px;
}
.icon-games-android:hover{
    background-position: -309px -502px;
}
.icon-games-ios1:hover{
    background-position: -468px -502px;
}


.body-games{}
.body-games .left{
    width: 290px;
    float: left;
    text-align: center;
}
.body-games .left img{
    width: 286px;
}
.body-games .center{
    width: 550px;
    float: left;
    margin-left:10px;
}
.body-games .center h2 small{
    color: #cccccc;
    font-size: 12px;
    height:28px;
    vertical-align: middle;

    display: inline-block;
    border-left: 1px solid #ccc;
    overflow: hidden;
    padding-left:1em;
    margin-left:1em;
    line-height: 35px;
}

.body-games .center p{
    text-indent: 2em;
	line-height: 1.8em;
	
}
.body-games .center .buttons{

}
.body-games .center .buttons .icon{
    margin:0 10px;
}

.body-games .right{
    width: 110px;
    float: right;
    text-align: center;
}
.body-games .right img{
    margin-top:50px;
}

.index_banner_main{height:380px; width:100%;  position:relative; z-index:1; overflow:hidden;}

.index_banner_main .scrollWrap{width:100000px; height:auto; overflow:hidden;margin: 0;padding:0;}
.index_banner_main .scrollWrap li{ float:left; position:relative; z-index:1; overflow:hidden;}
.index_banner_main .scrollWrap li a{height:380px;display: block;background-position:center center;background-repeat: no-repeat;}
.index_banner_main .scrollWrap li a img{display: none;}
.index_banner_main .btn{width:40px; height:85px; position:absolute; top:50%; margin-top:-42.5px; z-index:9999; background:url(/skimages/icon_merge.png) no-repeat scroll; overflow:hidden;}
.index_banner_main .prev_btn{left:20px; background-position:0 0;}
.index_banner_main .next_btn{right:20px; background-position:-40px 0;}


.index_banner_main .solidBottom{height:34px; width:100%; background:url(/skimages/newimg_bannermask.png) no-repeat 50% 0; position:absolute; bottom:0; left:0; z-index:9999; color:#fff; overflow:hidden;}
.index_banner_main .solidBottom .centerSolidHand{width:276px; height:auto; margin:10px auto; text-align:center; overflow:hidden;}
.index_banner_main .solidBottom .centerSolidHand a{display:inline-block; height:12px; margin-right:9px; width:5px; padding:0 4px; border-radius:10em; background: #ccc; /* background:url(/skimages/newimg_solid_pic01.png) no-repeat 50% 0; */ overflow:hidden;}
.index_banner_main .solidBottom .centerSolidHand .current{width:auto;background: #5A8F80; /* background:url(/skimages/newimg_solid_pic02.png) no-repeat 50% 0; */}

.pagination{
    overflow: hidden;
    padding: 0;
    margin-top:50px;
    text-align: center;
}
.pagination li{
    display: inline-block;
    margin:5px;
}
.pagination li a{
    display:block;
    width: 38px;
    float: left;
    height: 38px;
}
.icon-page{
    text-align: center;
    color: #fff;
    line-height: 38px;
    background-position: -51px -572px;
}
.icon-page-prev{
    background-position: 0px -572px;
}
.icon-page-next{
    background-position: -103px -572px;
}


.icon-page.active,
.icon-page:hover{
    background-position: -52px -620px;
    color: #fff;

}
.icon-page-prev:hover{
    background-position: 0px -620px;
}
.icon-page-next:hover{
    background-position: -103px -620px;
}