/*主页*/
/* 游戏横幅图 start*/
.bannerWrap {
    position: relative;
    min-width: 1000px;
    width: 100%;
    height: 433px;
}

.banner {
    position: absolute;
    left: 50%;
    width: 1920px;
    height: 433px;
    margin-left: -960px;
}

.leftBtn,.rightBtn {
    position: absolute; 
    top: 180px;
    z-index: 2;
    width: 50px;
    height: 55px;
    cursor: pointer;
    background: url(../img/bannerBtn.png) no-repeat; 
}
 
.leftBtn {
    left: 20px;
    background-position: 10px 0;
}

.rightBtn {
    right: 20px;
    background-position: -110px 0;
}

.bannerImg ul li {
    position: absolute;
} 

.bannerImg ul li a img {
    width: 1920px;
    height: 433px;
}
/* 游戏横幅图 end*/

/* 轮播样式 start*/
.ladyScroll {
    width: 980px;
    height: 200px;
    margin: 15px auto 10px auto;
    position: relative
}

.ladyScroll .prev,.ladyScroll .next {
    width: 15px;
    height: 56px;
    position: absolute;
    top: 68px;
    left: 0;
    z-index: 100;
    cursor: pointer;
    background: url(../img/gif.gif)
}

.ladyScroll .next {
    left: auto;
    right: 0;
    background-position: -15px -320px
}

.ladyScroll .prev {
    background-position: 0 -320px
}


.ladyScroll .scrollWrap {
    width: 950px;
    margin-left: 15px;
    overflow: hidden;
    position: absolute;
    height: 190px
}

.ladyScroll dl {
    float: left;
    width: 316px;
    text-align: center;
    position: relative
}

.ladyScroll span {
    display: block;
    width: 306px;
    height: 2px;
    position: absolute;
    left: 5px;
    bottom: 0;
    background: #B7DEFF;
    filter: alpha(opacity=80);
    opacity: 0.80;
    overflow: hidden
}

.ladyScroll dt {
    margin: 0 auto;
    width: 306px;
    overflow: hidden
}

.ladyScroll img {
    display: block;
    width: 306px;
    height: 190px
}

.ladyScroll dd {
    width: 306px;
    height: 40px;
    line-height: 28px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    position: absolute;
    left: 5px;
    bottom: 0
}

.ladyScroll dd a {
    color: #fff
}

.ladyScroll dd a:hover {
    text-decoration: none
}

.ladyScroll dl:hover span {
    background: #f5d405
}
/* 轮播样式 end*/

/* 公司简介样式 start*/
.informationWrap {
    width: 980px;
    margin: auto;
}
.fix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}
.fix {
    zoom: 1
}

/*index_about*/
.index_about {
    width: 385px;
    float: left;
    margin-left: 0;
    display: inline-block
}

.index_about h2 {
    height: 45px;
    background: url(../img/gif-title.gif) 0 0 no-repeat;
    text-indent: -888em;
    position: relative;
    margin-bottom: 8px
}

.index_about h2 a {
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 125px;
    height: 35px
}

.index_about img.br {
    border: #bfecff solid 2px 
}

.index_about p {
    color: #666;
    line-height: 25px;
    width: 360px;
    margin: 10px auto;
    height: 125px;
    overflow: hidden;
    text-indent: 25px
}

.index_about a,.index_about a:hover {
    color: #666;
    text-decoration: none
}

/*index_news*/
.index_news {
    float: right;
    width: 530px;
    margin-right: 12px;
    display: inline-block
}

.index_news h2 {
    height: 45px;
    background: url(../img/gif-title.gif) 0 -245px no-repeat;
    text-indent: -888em;
    position: relative;
    margin-bottom: 8px
}

.index_news h2 a {
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 125px;
    height: 35px
}

.index_news blockquote a.news_pic {
    width: 170px;
    overflow: hidden;
    margin-right: 15px;
    display: inline-block;
    float: left
}

.index_news blockquote article {
    width: 330px;
    height: 106px;
    overflow: hidden;
    float: left
}

.index_news blockquote article h3 {
    color: #ff5400;
    line-height: 32px;
    font-weight: bold;
    width: 325px;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: -5px 0 5px 0
}

.index_news blockquote article h3 a {
    color: #ff5400
}

.index_news blockquote article p {
    line-height: 24px;
    overflow: hidden;
    width: 330px;
    text-indent: 25px
}

.index_news blockquote ul.index_news_list {
    margin-top: 10px
}

.index_news blockquote ul.index_news_list li {
    line-height: 28px;
    border-bottom: #d0d0d0 dotted 1px;
    background: url(../img/gif.gif) -1175px -50px no-repeat;
    text-indent: 12px;
    overflow: hidden;
    height: 28px
}

.index_news blockquote ul.index_news_list li span {
    color: #999;
    font-family: Verdana;
    float: right
}

/* 关于卡创 start*/
#topbgpic{ 
  position:relative; 
  height:250px;
}
.po{
  position:relative;
  padding-top:47px;
   _background:#fff;
 }
#float{
  position:absolute;
  top:0px;_top:0;
  z-index:999; 
  left:0;
}
.part_main{ 
  position:relative;
  height:47px;
  width:100%;
  background:url(../img/aboutbigpic2.jpg) top center no-repeat;
  background-color:#dddddd;
}
#pr_nav .tab-index{ 
  width:900px; position:absolute; 
  top:183px; left:50%; 
  margin-left:-490px; 
}
#pr_nav .tab-index li{
  float:left; 
  margin-right:15px; 
  width:97px; 
  height:31px; 
  line-height:31px; 
  text-align:center; 
  background:url(../img/icon.gif) 0 -260px no-repeat; 
  cursor:pointer; 
  font-size:14px;
}
#pr_nav .tab-index li.on{ 
  color:#fff; 
  background:url(../img/icon.gif) 0 -220px no-repeat; 
}
#gy_nav{ 
  margin-top:-176px;
}
#gy_nav li.on a{ 
  display:block;  
  color:#fff;
}
.gsjs{ 
  background:#fff;
}
.fzlc{
  background:#F1F8FE; 
  padding:47px 0;
}
.culture{ 
  padding:30px 0; 
  background:#f1f8fe;
}
.culturepic{ 
  text-align: center;
}
#gsdescription{ 
  height:auto; 
  _margin-bottom:-33px;
}	
.description{ 
  font-size:30px; 
  color:#555; height:auto; 
  font-weight:normal; 
  line-height:40px;
  padding-top:10px;
}
.descriptionCon{ 
  padding:20px 0 0 0;
}
.about_left{
  width:960px;
}
.about_left .article{
  line-height:30px;
  font-size:14px;
  color:#666
}
.about_left .article hr{
  height:1px;
  border:none;
  border-bottom:#CCC dotted 1px;
  overflow:hidden;
  margin:25px 0;
  margin:5px 0 10px 0\9
}
.about_left .company{
  position:relative;
  width:731px;
  height:460px;
  margin-top:-20px;
}
.about_left .company_fl{
  position:absolute;
  left:120px;
  top:50px;
}
.about_left .article p.in{
  text-indent:2em
}
p.product,p.vision{
  text-indent:-1888em;
  width:250px;
  height:30px;
  background-image:url(../img/all_pages.gif);
  background-repeat:no-repeat;
  margin:15px 0
}
.about_left .article p.product{
  background-position:0px -2px
}
.about_left .article p.vision{
  background-position:0px -43px
}
.go_top{ 
  width:60px; 
  height:50px; 
  position:fixed; 
  display:block; _position:absolute; 
  text-align:center;cursor:pointer; 
  text-decoration:none;  
  top:305px;_top:326px; 
  background:url(../img/go_top.jpg) no-repeat; 
  text-indent:-9999em;}
/*员工生活 照片墙*/
.yg{
  background:url(../img/ygphotos/sy_lf.jpg) no-repeat;
  width:725px;height:545px;
  position:relative;
  margin-top:20px}
.yg .photos{
  width:670px;
  height:550px;
  margin-top:20px;
  overflow:hidden;
  position:absolute;top:32px;
  left:35px;z-index:8}
.psb{
  background:url(../img/ygphotos/sy.gif) 0 -130px no-repeat;
  width:292px;
  height:40px;
  display:block;
  position:absolute;top:470px;
  left:200px;z-index:1888
}
.photos_title{
  /*position:absolute;top:20px;left:180px;*/z-index:1888
}
#neonText span{
  width:380px;
  height:50px;
  position:absolute;
  left:740px;
  margin-top:50px;
  background:url(../img/ygphotos/sy.gif) no-repeat left top
}
span#version1{
  z-index:100
}
#neonText{
  width:380px;
  height:50px;
  text-indent:-9999px
}
/* 关于卡创 end*/

/*游戏产品 start*/
/*index*/
.hide{
  display: none;
}
.brandbox{
  width:980px;
  margin:20px auto;
}
.brandbox ul li{
  float:left; 
}
.brandbox ul li.brand_item{
  width:180px;
  height:180px;
  margin:0 73px 50px 73px;
}
.brand_item a{
  display:block;
  width:180px;
  height:180px; 
  background:#fff; 
  padding-bottom:30px;
  _padding-bottom:0; 
}
.brand_name p,.brand_detail p{ 
  height:30px; 
  line-height:30px;
}
.brand_item a:hover{
  text-decoration:none
}
.gamename{
  color:#000;
  float:left;
  width:180px;
  font-size:18px;
  text-align:center;
}
/*detail*/
.baner {
  height: 470px;
  width:1920px;
  clear: both;
  background-position: center top;
  margin:0 auto;
}
.page {
  padding: 30px 0;
  clear: both;
  font: 14px/1.5 Tahoma, "Microsoft YaHei";
  color: #666;
  background-color: rgb(244, 244, 244);
}
.content {
  width: 1000px;
  margin: auto;
}
.clearfix:before,
.clearfix:after {
  content: '';
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.mod-tab-s1 {
  zoom: 1;
  position: relative;
}
.mod-tab-s1 .mod-tab-hd {
  position: relative;
  height: 40px;
  line-height: 40px;
  border: 1px solid #E0E0E0;
}
.mod-tab-s1 .mod-tab-hd h3 {
  float: left;
  _display: inline;
  font-size: 14px;
  margin: 0 10px;
  font-size: 16px;
}
.mod-tab-s1 .mod-tab-trigger {
  width: 100%;
  margin-left: -1px;
}
.mod-tab-s1 .mod-tab-trigger li {
  position: relative;
  cursor: pointer;
  float: left;
  width: 24.8%;
  border-left: 1px solid #d8d8d8;
  text-align: center;
}
.mod-tab-s1 .mod-tab-trigger li.hover {
  background-color: #5D5D5D;
  color: #fff;
}
.mod-tab-s1 .mod-tab-trigger li.selected {
  padding-bottom: 1px;
  margin-bottom: -1px;
  font-weight: 700;
  background-color: #5D5D5D;
  color: white;
}
.mod-tab-s1 .mod-tab-bd {
  padding-top: 25px;
}
.mod-tab-s1 .mod-tab-bd .backdrop img {
  width: 380px;
  float: left;
  _display: inline;
  margin-right: 20px;
}
.mod-tab-s1 .mod-tab-bd .backdrop p {
  background: url(../img/icons.png) no-repeat -133px 6px;
  padding-left: 15px;
  margin: 15px 0;
}
.mod-tab-s1 .mod-tab-bd .backdrop .fl {
  width: 595px;
  float: left;
}
.mod-tab-s1 .mod-tab-bd h2 {
  border-bottom: 1px solid #ccc;
}
.mod-tab-s1 .mod-tab-bd h2 strong {
  font-size: 18px;
  border-bottom: 1px solid #f60;
  display: inline-block;
  margin-bottom: -1px;
  padding-bottom: 10px;
}
.mod-tab-s1 .mod-tab-bd .picc li {
  width: 305px;
  float: left;
  _display: inline;
  margin: 0 10px 25px 15px;
}
.mod-tab-s1 .mod-tab-bd .picc li img {
  width: 305px;
  height:172px;
}

.mod-tab-s1 .mod-tab-bd .tex {
  padding: 0 30px;
  line-height: 24px;
}
.mod-tab-s1 .mod-tab-bd .tex li {
  position: relative;
  zoom: 1;
  padding: 15px 0 0 40px;
  margin-bottom: 10px;
}
.mod-tab-s1 .mod-tab-bd .tex li em {
  width: 35px;
  height: 35px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  background: url(../img/zt_icons.png) no-repeat 0 -160px;
}

.fr {
  display: inline;
  float: right !important;
}

.fl {
  display: inline;
  float: left !important;
}
/*游戏产品 end*/

/*公司新闻 start*/
/*index*/
.con{ 
  background:url(../img/conbg.jpg) top center repeat-y; 
  width:980px; 
  box-shadow:0 0 6px #DCDCDC; 
  padding-bottom:16px;
}
#products{ 
  background:none;
  box-shadow:none; 
  padding-bottom:0;
}
#pr_nav .tab-content .tab-box{
  display:none; 
  padding:35px 0;
  _padding-bottom:0px; 
}
#pr_nav .tab-content .on{
  display:block; 
  color:#fff; 
}
.news{ 
  border-bottom:1px dotted #d0d0d0; 
  height:130px; 
  margin:30px 0; 
  display:block; 
  width:100%; 
  cursor:pointer;
}
.newsleft{ 
  width:121px; 
  float:left; 
  display:block; 
}
.newsmiddle{ 
  width:180px; 
  height:110px; 
  float:left; 
  display:block;
}
.newsright{ 
  width:658px; 
  float:right; 
  display:block;
}
.dates{ 
  color:#a4a4a4; 
  font-size:24px; 
  line-height:1.3em;
}
.newsleft p{ 
  font-size:12px; 
  color:#2f2f2f;
}
.newtit{ 
  color:#000; 
  height:24px; 
  line-height:22px; 
  font-size:20px; 
  margin-bottom:20px; 
  font-weight:normal; 
  width:600px;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.newsright p{ 
  color:#838383; 
  line-height:2em; 
  width:650px; 
  height:70px; 
  font-weight:normal; 
  overflow: hidden; 
  text-overflow: ellipsis;
}
/*detail*/
#newscon{ 
  background:#FFF; 
  margin-top:27px; 
  box-shadow:0 0 6px #DCDCDC;
}
.newtits{ 
  font-size:22px; 
  color:#404040; 
  padding-left:36px; 
  float:left; 
  height:32px; 
  line-height:32px; 
}
.atn{ 
  width:164px; 
  height:32px; 
  float:right; 
  margin-right:19px;
}
.leftatn{ 
  width:30px; 
  height:30px; 
  float:left; 
  background:url(../img/icon.gif) 0 -620px no-repeat; 
  display:block;
}
.middleatn{ 
  width:96px; 
  height:30px; 
  float:left; 
  background:url(../img/icon.gif) -30px -620px no-repeat; 
  display:block;
}
.rightatn{ 
  width:30px; 
  height:30px; 
  float:right; 
  background:url(../img/icon.gif) -132px -620px no-repeat; 
  display:block;
}
.newdate{ 
  color:#adadad; 
  text-indent:3em; 
  width:182px; 
  float:left;
}
.text{ 
  padding:54px 43px;
  color:#404040;
  line-height:2em; 
  font-size:14px; 
  text-indent:2em;
}
.text img{
  max-width:100%;
  max-height:100%; 
  border-top: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  border-left: #ccc 1px solid;
  border-right: #ccc 1px solid; 
  padding:5px 5px 5px 5px;
}
.text p{ 
  color:#404040; 
  line-height:2em; 
  font-size:14px; 
  text-indent:2em; 
  margin-bottom:20px;
}
.newspic{ 
  margin:0 auto 20px;
}
.nextandlast{ 
  height:30px; 
  line-height:30px; 
  margin-top:50px;
}
.last,.nexts{ 
  width:440px; 
  color:#838383; 
  height:24px; 
  overflow: hidden;
  white-space: nowrap;
  text-overflow: 
  ellipsis;
}
.last{ 
  float:left
}
.nexts{ 
  float:right; 
  text-align:right;
}
/*公司新闻 end*/
/**商务合作*/
#content_pages{
  width:920px; 
  margin:0 auto;
}
#business{ 
  background:none; 
  box-shadow:none;
}
.business{ 
  font-size:36px; 
  font-weight:normal; 
  margin-top:40px; 
  text-align:center; 
  height:50px; 
  line-height:50px;
}
#partner{ 
  _margin-top:0px
}
.tit1{ 
  font-size:14px; 
  font-weight:normal; 
  text-align:center; 
  line-height:2em;
}
.t1{ 
  width:200px; 
  float:left; 
  height:151px; 
  padding-left:44px;}
/**联系方式*/
.contact_text{ 
  width:920px; 
  margin:0 auto; 
  padding:10px; 
  line-height:30px; 
  font-size:14px;
}
.contact_name{ 
  font-size:18px; 
  font-weight:bold; 
  border-bottom:1px dotted #CCCCCC; 
  padding:5px 0;
}
/*家长监护*/  
.whitebg{ 
  zoom: 1; 
  width:1000px; 
  height:800px;
  margin: 0 auto;
  overflow:hidden;
}
.pad50 { 
  padding:10px;
}
.pad50 .title2 { 
  font-size:24px; 
  color:#000; 
  text-align:left; 
  margin:0 auto 30px auto;
}
.pad50 .title3 { 
  font-size:18px; 
  color:#000; 
  margin:34px 300px 20px 0;
}
.ultab { 
  margin:20px auto; 
  border-bottom:1px solid #ccc;
}
.ultan li a{ 
  color:#000;
}
.ultab li { 
  float:left; 
  padding:15px 50px; 
  font-size:16px; 
  text-align:center; 
  list-style-type:none;}
.ultab li.active { 
  background-color:#ff5900; 
  color:#fff;
}
.ultab li.active a { 
  color:#fff;
}
.project p{
    margin:20px;
}
/*卡创资讯分页样式*/
.pagination {
    margin:0 auto;
    width: 500px;
    padding: 15px 10px 35px 10px;
}

.pagination li a,
.pagination li.disabled {
    float: left;
    padding: 4px 10px;
    display: block;
    background-color: #e5e5e5;
    margin-left: 10px;
    color: #000;
    border-radius: 4px;
}

.pagination li.disabled {
    color: #aaa;
}

.pagination li a:hover,
.pagination .active {
    float: left;
    padding: 4px 10px;
    display: block;
    background-color: #de0303;
    margin-left: 10px;
    color: #FFFFFF;
    border-radius: 4px;
}