/*
html{overflow-x:hidden;-webkit-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);}
*/
html{overflow-x:hidden;}
html,body{-webkit-text-size-adjust:none;background:#fff; min-width:1136px; margin: 0 auto;}
body{font-size:14px;font-family:Microsoft YaHei,"微软雅黑";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0;margin:0}
img {border:0}
ol,ul,li {list-style:none}
i,em{ font-style:normal;}

a{color:#333;text-decoration:none;outline: none;}
a:hover{text-decoration:underline;-webkit-transition:color .2s ease-out;-moz-transition:color .2s ease-out;transition:color .2s ease-out; color: #ff7d27;}
area{blr:expression(this.onFocus=this.blur());outline:none;}

button,input,select,textarea{font-size:100%;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:none;}
body,a:link,a:visited {text-decoration:none;}
table{ border-collapse:collapse;border-spacing:0;}

/*menu*/
.menubox{ position: relative;}
.menu{ background: #fff;height: 83px; width: 1136px; margin: 0 auto; }
.menuline{ border-bottom: #f60 3px solid; height: 0; font-size: 0; line-height: 0; }
.logo{ float: left; background:url("img/logo.png") no-repeat; width: 95px; height: 63px; margin: 10px 100px 10px 10px;}
.nav{ float: left; height: 83px; font-size: 16px; }
.nav li{ float: left; position: relative;width: 130px;height: 83px;}
.nav li .n{ display: block;  height: 58px; padding-top: 25px; text-align: center; line-height: 1.4;}
.nav li .n i{ display: block; font-size: 12px; color: #939393; font-family: Arial;}

.subnav{ display: none; z-index: 6; position:absolute;  top: 86px; width:100%;/**/  height: 80px; line-height: 80px;/* */background:rgba(237,243,249,.9);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5edf3f9, endColorstr=#e5edf3f9); }
.subnav a{ margin:0 40px; /*float: left; padding: 0 5px;*/}
.submain{width: 1136px; margin: auto;}

.subnav .sub01{ margin-left: 170px; }
.subnav .sub02{ margin-left: 380px;  }
.subnav .sub03{ margin-left: 442px; }
.subnav .sub04{ margin-left: 640px; }
.subnav .sub05{ margin-left: 770px; }

.nav li.curr .n,.nav li .n:hover{ background: url("img/menu.png") bottom center no-repeat; color: #fff;}
.nav li.curr .n i,.nav li .n:hover i{color: #fff;}
.nav li:hover .subnav{ display: block;}

/*banner*/
.banner{ width:100%; height:380px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:380px;  position:absolute;width:100%; height:100%; min-width: 1000px; left:0; top:0;}
.b-img a{ display:block; height:380px; float:left;}
.b-list{ height:50px; padding-top:365px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; background:#fff;float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{background: #ff7d27;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0; background:none; top:0; opacity: 0;}
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0; background:none; top:0;opacity: 0; }
.bar-left em{ display:block; width:50px; height:100px; background:url(img/arrow.png) 0 0 no-repeat;  margin: 140px auto 0 auto;}
.bar-right em{ display:block; width:50px; height:100px; background:url(img/arrow.png) -50px 0 no-repeat;  margin: 140px auto 0 auto;}
.bar-left .emcss{ background-position:0 -100px;}
.bar-right .emcss{ background-position:-50px -100px;}
.banner:hover .bar-left,.banner:hover .bar-right { opacity: .9; -webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;transition:opacity .3s ease-out; }

/*foot*/
.footer{ background: #282828; line-height: 2; color: #7a7a7a; margin-top: 80px;}
.footer-main{ position: relative;  width: 630px; padding: 50px 350px 40px 140px; margin:0 auto;}
.foot-logo{ position: absolute; left: 0; top: 65px;  background: url("img/footlogo.png") no-repeat; width: 90px; height: 63px; text-indent: -9999px; overflow: hidden;}
.foot-ewm{ position: absolute; right: 0; top: 50px; background:url("img/ewm.png") top center no-repeat; width: 105px; padding-top: 88px; text-align: center;}
.foot-contact{  position: absolute; right: 125px; top: 40px; text-align: right; line-height: 1.8;}
.foot-contact em{color: #ed6e33; font-size:22px; display: block;}
.foot-contact .phone{ font-size: 28px; font-style: italic; }
.foot-contact a{color: #7a7a7a; text-decoration: underline; margin-right: 10px; }
.foot-contact a:hover{ color: #ed6e33;}
.foot-contact a img{ display: none;}
.lanmu,.lanmu a{ color: #ed6e33; font-size: 16px;}
.lanmu{ margin-bottom: 15px;}
.lanmu i{ margin: 0 10px;}

.copyright{ text-align: center; background: #242424; padding: 14px 0;}

/*index title*/
.ind-title{ text-align: center; line-height: 1; padding: 60px 0;}
.ind-title span,.ind-title p{ color: #999;}
.ind-title span{ font-size: 22px;}
.ind-title p{ font-size: 12px;}
.ind-title div{ background: url("img/titleline.png") center no-repeat; font-size: 36px; color: #ff7d27; margin: 18px 0;}

/*index hotgame*/
.hotgame{ margin: 0 auto; clear: both; overflow: hidden; width: 1156px;}
.hotgame li{  float: left; width:568px; height: 273px; margin-right: 10px; overflow: hidden; background-position:left bottom; background-repeat: no-repeat;}
.hotgame li a{ position: relative;display: block; width: 568px; height: 263px; margin-top: 10px;}
.hotgame li .renwu{ position: absolute; bottom: 0; width: 568px; height: 260px;animation: load .4s ;-webkit-animation: load .4s; -moz-animation: load .4s;}
.hotgame li .renwu img{ position: absolute; bottom: 0; right: 0;}
@keyframes load{
    from{ left:568px;}
    to{ left:0;}
}
@-webkit-keyframes load{
    from{ left:568px;}
    to{ left:0;}
}

/*index li cheng*/
.ind-history{ position:relative; background: url("img/fazhanbg.jpg") no-repeat; height: 371px; margin: 0 auto !important;max-width:1920px !important;}
.ind-history dl{ position: absolute; left:50%; top: 70px; width: 500px; margin-left:40px;color: #fff; line-height: 2;}
.ind-history dl dt{ font-size: 24px;}
.ind-history dl dd{ font-size: 16px;}
.ind-history img{ position: absolute; left: 50%; top:35px; margin-left: -555px;}

/*index about*/
.ind-about{ width: 1080px; min-height: 295px; margin:0 auto 60px auto; overflow: hidden; clear: both; font-size: 16px; line-height: 2;}
.ind-about img{ float: right; margin-left: 40px;}
.ind-about em{color: #ff7d27;}
.tit-line{ border-bottom: dotted 1px #ccc; height: 0; font-size: 0; line-height: 0; margin:5px 570px 5px 0;}

/*index wenhua*/
.ind-culture{ background: url("img/wenhua-bg.jpg") top center no-repeat; height: 537px;}
.ind-culture .ind-title div{ color: #fff;}
.ind-culture ul{ margin: -10px auto 0 auto; width:810px;}
.ind-culture ul li{ float: left; width: 25%; text-align:center; font-size: 18px; color: #fff; line-height: 1.6;}
.ind-culture ul li i{ display: block; width: 103px; height: 103px; margin: 0 auto 5px auto; background: url("img/ind-icon-wenhua.png") no-repeat;}
.ind-culture ul li em{ display: block; font-size: 30px; color: #a4a4a6;}
.ind-culture i.icon-culture-01{ background-position: 0 0;}
.ind-culture i.icon-culture-02{ background-position: -120px 0;}
.ind-culture i.icon-culture-03{ background-position: -240px 0;}
.ind-culture i.icon-culture-04{ background-position: -360px 0;}
.ind-culture li:hover i.icon-culture-01{ background-position: 0 -120px;}
.ind-culture li:hover i.icon-culture-02{ background-position: -120px -120px;}
.ind-culture li:hover i.icon-culture-03{ background-position: -240px -120px;}
.ind-culture li:hover i.icon-culture-04{ background-position: -360px -120px;}

/*index news*/
.ind-news{ width: 1146px; padding-left: 20px; margin: 0 auto; overflow: hidden; clear: both;}
.ind-news li{ float: left; width: 362px; margin-right: 20px; background: #989898;transition:All 0.2s ease-in-out; }
.ind-news a{ color: #fff;}
.ind-news dl{ padding:15px 20px; height:156px; overflow: hidden; font-size: 14px; color: #fff;line-height: 1.2; }
.ind-news dl dt{ font-size: 22px;}
.ind-news dl dd{ margin-top: 10px;}
.ind-new-img{ display: block; width:362px; height: 206px; overflow: hidden;}
.ind-new-img img{transition:All 0.2s ease-in-out;}
.ind-news li:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.ind-news li:hover { background: #777;}
.ind-news li:hover a{ color: #fff;}

/*neiye banner*/
.subbanner{ height: 200px; position: relative; margin-bottom: -35px; background-position: top center; background-repeat: no-repeat;}

/*neiye tab*/
.mtab-c3{ width: 990px; clear: both; position: relative; margin: 0 auto; overflow: hidden;}
.mtab-c3 li{ float: left; width: 380px; text-align: center; height: 70px; line-height: 70px; font-size: 18px; cursor: default;}
.mtab-c3 li a{ display: block; color: #fff; text-decoration: none;cursor: default;}
.mtab-c3 li .c1{ background: #ff9829;}
.mtab-c3 li .c2{ background: #ff7b27;}
.mtab-c3 li .c3{ background: #f50;}
.mtab-c3 li a:hover,.mtab-c3 li.curr a{  background-image:url("img/jt.png"); background-position: bottom center; background-repeat: no-repeat;}

.mtab-c2{ width: 1140px; clear: both; position: relative; margin: 0 auto; overflow: hidden;}
.mtab-c2 li{ float: left; width: 50%; text-align: center; height: 70px; line-height: 70px; font-size: 18px;cursor: default;}
.mtab-c2 li a{ display: block; color: #fff;text-decoration: none;cursor: default;}
.mtab-c2 li .c1{ background: #ff9829;}
.mtab-c2 li .c2{ background: #ff7b27;}
.mtab-c2 li a:hover,.mtab-c2 li.curr a{ background-image:url("img/jt.png"); background-position: bottom center; background-repeat: no-repeat;}

/* new list*/
.newlist{ width: 1136px; margin:30px auto;}
.newlist li{ position: relative; min-height: 150px; border-bottom: #ededed 1px solid; padding: 30px 30px 30px 330px;}
.newlist li .newimg{ position: absolute; left: 30px; top:30px; width: 270px; height: 150px; overflow: hidden;}
.newlist li .newimg img{transition:All 0.2s ease-in-out;}
.newlist li .newimg:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.newlist li dt{ font-size: 24px; line-height: 1;}
.newlist li dd{ font-size: 14px; line-height: 1.8; margin-top:15px;}
.newlist li dd a{ color: #ff7d27;}
.newlist li dd a:hover{ text-decoration: underline;}
.newlist li dd span{ color: #999; margin-right: 20px;}

/* fan ye  */
.pag{ text-align:center; line-height:36px; padding:25px 0; font-size: 20px;}
.pag a{ color:#333; display:inline-block; padding:0 12px; margin:0 2px; cursor:pointer;}
.pag a:hover{ color:#ff7d27; background: #f8f8f8; text-decoration:none;}
a.p_hov,a.p_hov:hover{ color:#ff7d27;cursor:default;}

/* path  */
.path{ line-height:32px; width: 1136px; margin: 30px auto; font-size: 14px; color:#999; }
.path i{ margin:0 10px;}
.path a{ color:#999;}
.path a:hover,.path em{color:#ff7d27;}

/*   article   */
.article-h1{ width: 1136px; margin: 0 auto; font-weight: 400; text-align: center; font-size: 36px; line-height: 1;}
.article-s{ width: 1136px;  margin: 0 auto; border-bottom:#ededed 1px solid ;line-height: 5; text-align: center; font-size: 14px; color: #999;}
.article-s span{ margin: 0 15px;}
.article-m{ width: 1136px; margin: 30px auto 60px auto; color: #888; font-size: 15px; line-height: 2;}
.article-m p{ padding: 10px 0; text-indent: 2em;}
.article-m p img{ width: 1000px; }


/*  about  */
.subban-s{ display: block; height: 181px; text-align: center; margin: 40px auto;}
.about{ width: 990px; margin: 0 auto; font-size: 16px; line-height: 2; }
.about p{padding: 10px 0;  }
.about p fo{padding: 10px 0; text-indent: 2em; font-size: 16px; }
.about img{ margin: 50px 0;}
.about .coname{ display: inline-block; background: url("img/icon-play.png") no-repeat; padding-left: 30px; margin-left: -32px; font-size: 30px; line-height: 32px;}
.about p:first-child{ font-size: 19px;}

/*  cultrue  */
.cultrubox{width: 1136px; margin: 0 auto; overflow: hidden; clear: both; padding-bottom: 50px;}
.cultrue{ margin: -2px 0 0 -2px; }
.cultrue li{ float: left; width:330px; height: 130px; padding: 50px 65px 50px 165px; position: relative; border-left: #ddd 1px solid; border-top:#ddd 1px solid;}
.cultrue li em{ font-size:30px; color: #f60; line-height: 1;}
.cultrue li p{ font-size: 16px; line-height: 1.8; color: #888; margin-top: 20px;}
.cultrue li div{ position: absolute; left: 65px;top:50px; width: 80px; height: 80px; background: url("img/icon-wenhua.png") no-repeat;}
.cultrue li .cultrue-icon01{ background-position: 0 0;}
.cultrue li .cultrue-icon02{ background-position: 0 -80px;}
.cultrue li .cultrue-icon03{ background-position: 0 -160px;}
.cultrue li .cultrue-icon04{ background-position: 0 -240px;}

/*  history   */
.history-top{ background: url("img/licheng.png") no-repeat; height: 270px; width: 471px; margin:50px auto 20px auto; padding-right:102px;}
.history-start{ text-align: center; line-height: 1.5; font-size: 16px; color: #555;}
.history-start em{color:#ff7b27; display: block;font-size: 18px; font-weight: 600;}
.history-time{ padding:30px 0; position: relative; width: 1136px; margin: 0 auto;}
.plane{ background: url("img/feiji.png") no-repeat; width: 180px; height: 174px; position: absolute; right: 180px; top:-80px;}
.clock{ background: url("img/clock.png") no-repeat; width: 26px; height: 26px; margin: 0 auto;}
.timetree{ background: url("img/historyline.png") center repeat-y; clear: both; overflow: hidden; margin: 0 40px;}
.timetree li{ position: relative; min-height:41px;  width: 318px; font-size: 16px; line-height: 1.8; clear: both;color: #555; padding-top: 15px; padding-bottom: 15px;animation:his .4s forwards; animation-play-state:paused;}
.timetree li em{font-size: 18px; font-weight: 600; color: #fff; position: absolute; top: 15px; line-height: 40px; text-align: center; width: 150px;}
.tree-left{ padding-right: 210px;}
.tree-left em{ right: -5px;height: 41px;  padding-right: 47px; background: url("img/time-left.png") no-repeat;}
.tree-right{ padding-left: 210px; margin-left: 528px;}
.tree-right em{ left: -5px; height: 41px;  padding-left: 47px; background: url("img/time-right.png") no-repeat;}

.timetree li.an{ animation-play-state:running; }
@keyframes his{
    from{ margin-top:30px; opacity: 0;}
    to{ margin-top: 0; opacity: 1;}
}
@-webkit-keyframes his {
    from{ margin-top:30px; opacity: 0;}
    to{ margin-top: 0; opacity: 1;}
}
/*  job  */
.job-nav{ background: #eee; padding: 20px 40px; width: 960px; margin: 35px auto; line-height: 30px;}
.job-nav a{margin-right: 50px; font-size: 18px;color: #777;}
.job-nav a:hover{ text-decoration: underline;color:#ff7d27;}
.job-nav span{ display: inline-block; height: 30px; vertical-align: middle;}
.job-nav .icon-sw{ background: url("img/icon-job.png") 0 -1px no-repeat; width: 39px; height: 30px;}
.job-nav .icon-yy{ background: url("img/icon-job.png") 0 -50px no-repeat; width: 39px; height: 30px;}
.job-nav .icon-js{ background: url("img/icon-job.png") 0 -100px no-repeat; width: 39px; height: 30px;}
.job-nav .icon-zh{ background: url("img/icon-job.png") 0 -150px no-repeat; width: 49px; height: 30px;}

.joblist{ width: 1000px; margin: 40px auto 0 auto;}
.joblist dt{ line-height: 1;}
.joblist dt span{ font-size: 22px; color: #999;}
.joblist dt div{ background: url("img/titleline.png") -330px center no-repeat; font-size: 36px; color: #ff7d27; margin:10px 0 0 0;}
.joblist dd{ border-bottom: #ddd 1px solid; padding: 40px 0 10px 0;color: #444;}
.joblist dd p{ font-size: 16px; line-height:2; margin-bottom: 30px; }
.joblist dd em{font-size: 24px; display: block;}
.joblist dd span{color:#ff7d27;}

/* show */
.show01{ width: 1060px; padding-left: 20px; margin: 40px auto 0 auto; clear: both; overflow: hidden;}
.show01 li{ float: left; width: 245px; margin-right: 20px; background: #eee; text-align: center; font-size: 18px; line-height: 74px; color: #555;}
.show01 li img{ display: block;}

.show02{ width: 1049px; margin:-20px auto 0 auto;}
.show02 img{ display: block;}
.show02-intr{ width: 920px; margin: 30px auto; font-size: 16px; line-height: 2; color: #555; text-align: center;}

.show03{ width:692px; margin: 0 auto;}
.show03 img{ display: block;}

/* contact */
.contact{ width: 990px; margin:0 auto; font-size: 16px; line-height: 1.8; clear: both; overflow: hidden;}
.contact em{ font-size: 18px; display: block; margin-bottom: 15px;}
.contact .contact-info img{ vertical-align: middle;}
.contact .map{float: left; box-shadow: #333 0 0 5px; margin: 5px;}
.contact .contact-info{ float: right; width: 370px; height: 257px; padding: 30px 40px; margin: 5px 5px 5px 0; background: #ebebeb; line-height: 2;}
.contact .contact-info a:hover{color:#ff7d27; text-decoration: underline;}

/*  business  */
.bus-slogan{ width: 1050px; margin: 40px auto 70px auto; background: url("img/business.png") left center no-repeat; height: 197px;}
.bus-slogan p{ border-left:#ddd 1px solid; height:97px; padding:50px 0 50px 30px; margin-left: 410px;color: #f26d22; font-weight: 600; font-size: 30px; line-height: 1.5;}

.business{ width: 1020px; margin: 0 auto;}
.business dt{ width: 314px; line-height: 64px; background: #ff9829; color: #fff;font-size: 24px; border-radius: 5px; text-align: center; margin-bottom: 20px;}
.business dd{ font-size: 16px; line-height: 2; color: #555; margin-bottom: 70px;}
.business dd em{color:#ff7d27;}

/* game  */
.game-sm-nav{width: 1066px; margin:20px auto 0 auto; font-size: 16px; line-height: 1.8;}
.game-sm-nav i{color:#ff7d27; margin: 0 20px;}

.game{ width: 1066px; margin: 0 auto;}
.game li{ position: relative; height: 280px; background-position: right bottom; background-repeat: no-repeat; overflow: hidden;}
.game dl{  position: absolute; left: 270px; top: 30px; width: 450px; z-index: 3;}
.game dl dt img{ vertical-align: middle; margin-right: 15px;}
.game dl dt { font-size: 16px; height: 70px; line-height: 70px;}
.game dl dd{ font-size: 14px; line-height: 1.8; margin-left: 10px;}
.game .game-ewm{ position: absolute;bottom: 0; background: url("img/download-box.png") no-repeat; width: 252px; height: 252px; z-index: 2;animation:ewm-an .4s forwards; animation-play-state:paused;}
.game .game-ewm img{ width: 180px; height: 180px; display: block; margin: 45px auto 0 auto;}
.game .game-rw{ position: absolute;bottom: 0; width: 1066px; height: 280px; z-index: 2;animation:rw-an .4s forwards; animation-play-state:paused;}
.game .game-rw img{ position: absolute; right: 0; bottom: 0;}
.game li:first-child .game-ewm,.game li:nth-child(2) .game-ewm,.game .ewm-an{ animation-play-state:running; }
.game li:first-child .game-rw,.game li:nth-child(2) .game-rw,.game .rw-an{ animation-play-state:running; }
@media screen and (max-width: 1000px) {
    .game .game-ewm{animation-play-state:running; }
    .game .game-rw{animation-play-state:running; }
    html,body{ min-width: 1200px;}
}

@keyframes ewm-an{
    from{ left:-252px; opacity: 0;}
    to{ left: 0; opacity: 1;}
}
@-webkit-keyframes ewm-an {
    from{ left:-252px; opacity: 0;}
    to{ left: 0; opacity: 1;}
}
@keyframes rw-an{
    from{ right:-1066px; opacity: 0;}
    to{ right: 0; opacity: 1;}
}
@-webkit-keyframes rw-an {
    from{ right:-1066px; opacity: 0;}
    to{ right: 0; opacity: 1;}
}