*{padding: 0;margin:0}
a,a:hover{text-decoration: none;}
html,body{width: 100%;font-size:12px;font-family: "Microsoft YaHei";}
.wrapper{width: 100%;}
/*头部导航*/
.header{width: 100%;height: 188px;}
.header .nav_top{width:100%;height: 56px;background: #333333;line-height: 56px;}
.header .nav_top .top{width: 80%;margin:0 auto;}
.header .nav_top .top .left{width:500px;color:#aeaeae;font-size: 14px;float: left;}
.header .nav_top .top .left #date{padding-left: 30px;}
.header .nav_top .top .right{float: right;;width: 300px;height: 56px;text-align: right;}
.header .nav_top .top .right a{width: 50px;height: 50px;display: inline-block;color: white;}
.header .nav_top .top .right .icon{width: 50px;height: 50px;color: white;margin-top: 3px;}
.header .home-header{width: 100%;background: white;height: 130px;border: 0;border-radius: 0;padding: 20px 0;}
.header .home-header .container-fluid{height: 100px;    width: 80%;}
.header .home-header .container-fluid .navbar-header{height: 100px;}
.header .home-header .container-fluid .navbar-nav{height: 100px;}
.header .home-header .container-fluid .navbar-nav li{text-align:center;height: 100px;padding: 0 5px;}
.header .home-header .container-fluid .navbar-nav li a{height: 100px;line-height: 70px;font-size: 18px;color: black}
.header .home-header .container-fluid .navbar-nav li a:hover{color: #669}

/*首页导航*/
.index-nav{position: fixed;width: 80%;height: 100px;z-index: 11111;top: 70px;left: 180px;}
.index-nav .logo{width: 20%;height: 100px;display: inline-block;float: left;}
.index-nav .logo img{width: 100%;position: relative;top: 50%;transform: translateY(-50%);}
.index-nav ul{width:60%;height:100px;list-style: none;float: right;padding-right: 100px;transition: display 2s;}
.index-nav ul li{float: left;width:12.2%;line-height: 100px;}
.index-nav ul li a{text-decoration: none;color: white;font-size: 1.5em}
.index-nav ul li a:hover{color: #dedede}
.index-nav .nav-icon{width: 100px;height: 100px;display: inline-block;position: absolute;right: 0;}
.index-nav .nav-icon i{width: 60px;height: 10px;background: #FF6600;display: inline-block;margin: 2px 20px;}




/*首页section*/
.section .wrap{width: 80%;height: 40%;margin: 100px auto 0;font-size: 100px;text-align: center;}


/*新闻列表页*/
.wrapper .news-list{padding: 0}
.news-banner{width:100%;height: 260px;background: url(/images/banner.jpg)  center center;background-size: cover;}
.news-banner p{text-align: center;position: relative;top: 50%;transform: translateY(-50%);font-size: 40px;color: white}
.wrapper .news-list .news{width: 100%;min-height: 550px;}
.wrapper .news-list .news .breadcrumb{text-align: right;}
.wrapper .news-list .news .content{width: 80%;margin: 0 auto;padding: 70px 0;}
.wrapper .news-list .news .content ul{list-style: none}
.wrapper .news-list .news .content ul li{height: 340px;}
.wrapper .news-list .news .content ul li a{display: inline-block;border: 1px solid #eee;padding: 10px;transition: bottom .5s;position: relative;}
.wrapper .news-list .news .content ul li a:hover{box-shadow: 5px 10px 10px #eee;bottom: 10px;}
.wrapper .news-list .news .content ul li a img{width: 100%;height:240px;display: inline;margin: 0 auto}
.wrapper .news-list .news .content ul li a span{display: block;}
.wrapper .news-list .news .content ul li a span.title{font-size: 18px;color: black;height: 35px;line-height: 35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wrapper .news-list .news .content ul li a span.date{color: black}
.wrapper .news-list .news .content ul li a p.des{color: black;text-indent: 30px;margin: 10px 0 0;}
.wrapper .news-list .news .content ul li a a.more{width: 100px;}

/*新闻内容页*/
.wrapper .news-content{padding: 0}
.news-banner{width:100%;height: 260px;background: url(/images/banner.jpg)  center center; background-size: cover;}
.news-banner p{text-align: center;position: relative;top: 50%;transform: translateY(-50%);font-size: 40px;color: white}
.wrapper .news-content .news{width: 100%;min-height: 550px;}
.wrapper .news-content .news .breadcrumb{text-align: right;}
.wrapper .news-content .news .content{width: 80%;margin: 0 auto;padding: 30px 0;}
.wrapper .news-content .news .content .left_con{width: 70%;float: left;}
.wrapper .news-content .news .content .left_con .article-header{border-left: 10px solid #FF6600;text-indent: 20px;}
.wrapper .news-content .news .content .left_con .article-header .article-title{font-size: 23px;}
.wrapper .news-content .news .content .left_con .article-pn{padding: 20px 0}
.wrapper .news-content .news .content .left_con .article-pn span{display: inline-block;width: 37%;height: 30px;line-height: 30px; border:1px solid #cecece;margin: 0 10px;text-align: center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.wrapper .news-content .news .content .right_con{width: 30%;float: left;}
.wrapper .news-content .news .content .right_con .xgtitle{height: 50px;line-height: 50px;font-size: 25px;color: #ff6600;text-indent: 10px;}
.wrapper .news-content .news .content .right_con .listarticle{width: 400px;list-style: none;margin:0 auto;}
.wrapper .news-content .news .content .right_con .listarticle li{width: 100%;margin:40px 0;}
.wrapper .news-content .news .content .right_con .listarticle li a{width: 100%;display: inline-block;}
.wrapper .news-content .news .content .right_con .listarticle li a img{width: 100%;height: 250px;}
.wrapper .news-content .news .content .right_con .listarticle li a span{color: black;font-size: 20px;}
.wrapper .news-content .news .content .right_con .listarticle li a span.date{font-size: 15px;}
.wrapper .news-content .news .content .right_con .listarticle li a:hover{border: 1px solid #eee;}


/*招贤纳士页面*/
.wrapper .jobs-content{padding: 0;margin-top: -10px;}
.jobs-banner{width:100%;height: 370px;background: url(/images/jobs.jpg)  center center;background-size: cover;}
.jobs-banner .ad{width: 400px;margin: 0 auto;position: relative;top: 50%;transform: translateY(-50%);text-align: center;color: white}
.jobs-banner p{font-size: 30px;}
.jobs-banner p span{display: inline-block;border:1px solid #a9a9a9;padding: 5px 20px;margin:0 15px;font-size: 15px;}
.wrapper .jobs-content .jobs{width: 100%;min-height: 800px;}
.wrapper .jobs-content .jobs .breadcrumb{text-align: right;}
.wrapper .jobs-content .jobs .content{width: 80%;margin: 0 auto;padding: 30px 0}
.wrapper .jobs-content .jobs .content .jobs-contain{width: 1200px;margin: 0 auto;}
.wrapper .jobs-content .jobs .content .jobs-contain .jobs-list{list-style: none;width: 300px;height: 500px;float: left;}
.wrapper .jobs-content .jobs .content .jobs-contain .jobs-list li{cursor:pointer;width: 230px;margin: 10px auto;height: 70px;background: #dedede;text-align: center;}
.wrapper .jobs-content .jobs .content .jobs-contain .jobs-list li.active{background:#FF6600;}
.wrapper .jobs-content .jobs .content .jobs-contain .jobs-list li.active a{color: white}
.wrapper .jobs-content .jobs .content .jobs-contain .jobs-list li a{font-size: 20px;color: black;height: 70px;width: 230px;line-height:70px;display: inline-block;}
.wrapper .jobs-content .jobs .content .jobs-contain .jobs-list li a span{font-size: 12px;}
.wrapper .jobs-content .jobs .content .jobs-contain .jobs-con{width: 800px;height: 600px;float: left;}
.wrapper .jobs-content .jobs .content .jobs-contain .jobs-con .jobs-con-list{padding: 20px 50px;}
.wrapper .jobs-content .jobs .content .jobs-contain .jobs-con .jobs-con-list .money{padding:5px;}
.wrapper .jobs-content .jobs .content .jobs-contain .jobs-con .jobs-con-list .money ul{font-size: 15px;list-style: none;}
.wrapper .jobs-content .jobs .content .jobs-contain .jobs-con .jobs-con-list .money ul li{height: 25px;line-height: 25px;font-weight: 600}
.wrapper .jobs-content .jobs .content .jobs-contain .jobs-con .jobs-con-list p{font-size: 18px;border-bottom: 1px solid gray;padding: 10px 0}
.wrapper .jobs-content .jobs .content .jobs-contain .jobs-con .jobs-con-list .cons{font-size: 16px;padding: 0 20px;}



/*公司简介*/
.wrapper .about-content{padding: 0;margin-top: -10px;}
.about-banner{width:100%;height: 370px;background: url(/images/about.jpg)  center center;background-size: cover;}
.about-banner .ad{width: 400px;margin: 0 auto;position: relative;top: 50%;transform: translateY(-50%);text-align: center;color: white}
.about-banner p{font-size: 30px;}
.about-banner p span{display: inline-block;border:1px solid #a9a9a9;padding: 5px 20px;margin:0 15px;font-size: 15px;}
.wrapper .about-content .about{width: 100%;min-height: 550px;}
.wrapper .about-content .about .breadcrumb{text-align: right;}
.wrapper .about-content .about .content {width: 85%;margin: 0 auto;padding: 30px 0}
.wrapper .about-content .about .content .cont-top{width: 100%;height: 500px;}
.wrapper .about-content .about .content .cont-top .left{width: 40%;height: 500px;float: left;}
.wrapper .about-content .about .content .cont-top .left .comp{width: 400px;height: 350px;position:relative;top: 50%;transform: translateY(-50%); margin:0 auto;}
.wrapper .about-content .about .content .cont-top .left .comp img{margin-top: 50px;width: 300px;}
.wrapper .about-content .about .content .cont-top .left .comp .about-sfy{width: 200px;height: 300px;position: absolute;top: 0;left: 200px;border-top: 8px solid #FF6600;border-left: 8px solid #FF6600;border-bottom: 8px solid #FF6600;}
.wrapper .about-content .about .content .cont-top .left .comp .about-sfy span{position: relative;top: 40%;left: 80%;font-size: 25px;}
.wrapper .about-content .about .content .cont-top .right{width: 60%;height: 500px;float: left;font-size: 18px;}
.wrapper .about-content .about .content .cont-top .right span{height: 500px;display: inline-block;text-indent: 60px;line-height: 30px;padding: 50px 60px;letter-spacing: 1px;}
.wrapper .about-content .about .content .cont-bot{width: 100%;height: 300px;margin-top: 20px;}
.wrapper .about-content .about .content .cont-bot .left{width: 70%;height: 300px;float: left;}
.wrapper .about-content .about .content .cont-bot .left span{font-size: 18px;width: 700px;display: inline-block;position: relative;top: 50%;transform: translateY(-50%);line-height: 30px;left: 10%;text-indent:60px;letter-spacing: 1px;}
.wrapper .about-content .about .content .cont-bot .right{width:30%;height: 300px;float: left;}
.wrapper .about-content .about .content .cont-bot .right img{ width: 300px;   margin: 40px 100px;}


/*联系我们*/
.wrapper .contact-content{padding: 0;margin-top: -10px;}
.contact-banner{width:100%;height: 400px;background: url(/images/contact.jpg)  center center;background-size: cover;}
.contact-banner .ad{width: 400px;margin: 0 auto;position: relative;top: 50%;transform: translateY(-50%);text-align: center;color: white;border: 1px solid #eee;}
.contact-banner p{font-size: 30px;    padding: 10px 0;}
.contact-banner p span{display: inline-block;border:1px solid #a9a9a9;padding: 5px 20px;margin:0 15px;font-size: 15px;}
.wrapper .contact-content .contact{width: 100%;min-height: 550px;}
.wrapper .contact-content .contact .breadcrumb{text-align: right;}
.wrapper .contact-content .contact .content {width: 80%;margin: 0 auto;padding: 30px 0}
.wrapper .contact-content .contact .content .section1 .con-us{text-align: center;margin-bottom: 30px;}
.wrapper .contact-content .contact .content .section1 .con-us p:nth-child(1){font-size: 24px;color: #FF6600}
.wrapper .contact-content .contact .content .section1 .con-us p:nth-child(3){font-size: 18px;color: #FF6600}
.wrapper .contact-content .contact .content .section2 {margin:50px 0;}
.wrapper .contact-content .contact .content .section2 .con-us1{width: 80%;height: 120px;margin:0 auto;list-style: none;border: 1px solid #eee;}
.wrapper .contact-content .contact .content .section2 .con-us1 li{width: 33.3%;height: 120px;float: left;text-align: center;}
.wrapper .contact-content .contact .content .section2 .con-us1 li:nth-child(1),.wrapper .contact-content .contact .content .section2 .con-us1 li:nth-child(2){border-right: 1px solid #eee;}
.wrapper .contact-content .contact .content .section2 .con-us1 li a{width: 100%;height: inherit; display: inline-block;}
.wrapper .contact-content .contact .content .section2 .con-us1 li a .icon-box{width: 50%;float: left;height: inherit;text-align: right;padding-right: 5px;}
.wrapper .contact-content .contact .content .section2 .con-us1 li a .des{width: 50%;float: left;height: inherit;text-align: left;}
.wrapper .contact-content .contact .content .section2 .con-us1 li a .des span{color: black;display: inline-block;}
.wrapper .contact-content .contact .content .map{width:  80%;height: 400px;margin:0 auto;}
.wrapper .contact-content .contact .content .map #allmap{width:  100%;height: 400px;}


/*平台列表页*/
.wrapper .platform-list{padding: 0}
.platform-banner{width:100%;height: 260px;background: url(/images/platform.jpg)  center center;background-size: cover;}
.platform-banner .ind{width: 50%;height: 100px;position: relative;top: 50%;transform: translateY(-50%);text-align: center;margin:0 auto;}
.platform-banner .ind p{color: white;font-size: 35px;}
.wrapper .platform-list .platform{width: 100%;min-height: 550px;}
.wrapper .platform-list .platform .breadcrumb{text-align: right;}
.wrapper .platform-list .platform .content{width: 80%;margin: 0 auto;padding: 70px 0;}
.wrapper .platform-list .platform .content ul{list-style: none}
.wrapper .platform-list .platform .content ul li{height: 300px;overflow: hidden;}
.wrapper .platform-list .platform .content ul li a{display: inline-block;border: 1px solid #eee;padding: 10px;transition: bottom .5s;position: relative;height: 220px;}
.wrapper .platform-list .platform .content ul li a:hover{box-shadow: 5px 10px 10px #eee;bottom: 10px;}
.wrapper .platform-list .platform .content ul li a p.pimg{height: 150px;text-align: center;}
.wrapper .platform-list .platform .content ul li a img{display: inline;margin: 0 auto}
.wrapper .platform-list .platform .content ul li a span{display: block;}
.wrapper .platform-list .platform .content ul li a span.title{font-size: 18px;color: black;height: 35px;line-height: 35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wrapper .platform-list .platform .content ul li a span.date{color: black}
.wrapper .platform-list .platform .content ul li a p.des{color: black;text-indent: 30px;margin: 10px 0 0;}
.wrapper .platform-list .platform .content ul li a a.more{width: 100px;}

/*游戏列表页*/
.wrapper .games-list{padding: 0}
.games-banner{width:100%;height: 260px;background: url(/images/games.jpg)  center center;background-size: cover;}
.games-banner .ind{width: 20%;height: 115px;position: relative;top: 50%;transform: translateY(-50%);text-align: center;margin:0 auto;border: 1px solid white;}
.games-banner .ind p{color: white;font-size: 35px;}
.wrapper .games-list .games{width: 100%;min-height: 550px;}
.wrapper .games-list .games .breadcrumb{text-align: right;}
.wrapper .games-list .games .content{width: 80%;margin: 0 auto;padding: 70px 0;}
.wrapper .games-list .games .content ul{list-style: none}
.wrapper .games-list .games .content ul li{height: 300px;overflow: hidden;}
.wrapper .games-list .games .content ul li p{width: 100%}
.wrapper .games-list .games .content ul li p img{width: 100%;}
.wrapper .games-list .games .content ul li span.title{font-size: 20px;}
.wrapper .games-list .games .content ul li a.more{width: 70px;border: 1px solid #dedede;display: inline-block;text-align: center;padding:3px;border-radius: 5px;position: absolute;right: 20px;color: black;transition: background .5;}
.wrapper .games-list .games .content ul li a.more:hover{background: #eee}

/*.wrapper .games-list .games .content ul li a{display: inline-block;border: 1px solid #eee;padding: 10px;transition: bottom .5s;position: relative;height: 300px;}
.wrapper .games-list .games .content ul li a:hover{box-shadow: 5px 10px 10px #eee;bottom: 10px;}
.wrapper .games-list .games .content ul li a img{width: 100%;display: inline;margin: 0 auto}
.wrapper .games-list .games .content ul li a span{display: block;}
.wrapper .games-list .games .content ul li a span.title{font-size: 18px;color: black;height: 35px;line-height: 35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wrapper .games-list .games .content ul li a span.date{color: black}
.wrapper .games-list .games .content ul li a p.des{color: black;text-indent: 30px;margin: 10px 0 0;}
.wrapper .games-list .games .content ul li a a.more{width: 100px;position: absolute;bottom: 0}*/


/*底部*/
.footer{width: 100%;height: 140px;background: #f7f7f7}
.footer .cons{width: 80%;margin: 0 auto;height: 100px;}
.footer .cons .left{width: 60%;height: 100px;float: left;}
.footer .cons .left .con{height: 50px;position: relative;top: 50%;transform: translateY(-50%);}
.footer .cons .left p{margin-top: 15px;}
.footer .cons .right-logo{width:20%;height:100px;float: right; background: url(/images/logo.png) no-repeat center center;background-size: contain;}


@media screen and (min-width: 1200px) and (max-width: 1500px){
	 /*头部导航*/
 .home-header .navbar-header{width: 30%}
 .header .home-header .container-fluid{height: 100px;    width: 100%;}
 .home-header .navbar-header a{width: 100%}
 .home-header .navbar-header a img{width: 100%}
 .home-header .navbar-right{width: 70%;float: left;}
 .home-header .navbar-right li{width: 14.2%}
 .home-header .navbar-right li a{font-size: 14px !important}

/*公司简介页面*/
.wrapper .about-content .about .content{width: 100%;padding: 0}
.about-banner{height: 300px;}
.wrapper .about-content .about .content .cont-top .left{width: 30%}
.wrapper .about-content .about .content .cont-top .left .comp{width: 200px;height: 170px;}
.wrapper .about-content .about .content .cont-top .left .comp img{width:200px;}
.wrapper .about-content .about .content .cont-top .left .comp .about-sfy{left: 70px;height: 250px}
.wrapper .about-content .about .content .cont-top .left .comp .about-sfy span{font-size: 20px}
.wrapper .about-content .about .content .cont-top .right{width: 55%;float: right;}
.wrapper .about-content .about .content .cont-top .right span{padding:150px 0;font-size: 13px;line-height: 25px;letter-spacing: 0;text-indent: 40px;height: 350px}
.wrapper .about-content .about .content .cont-bot .left span{    width: 550px;font-size: 13px;letter-spacing: 0}
.wrapper .about-content .about .content .cont-bot .right img{width: 250px;margin: 40px 0;}

}

@media screen and (min-width: 1100px) and (max-width: 1300px){
	/*首页导航*/
 .index-nav .logo{width: 25%}
 .index-nav{left: 100px;}  
 .index-nav ul{    padding-right: 50px;}
 .index-nav ul li a{font-size: 1em} 
 .index-nav .nav-icon{width: 70px;height: 70px}
 .index-nav .nav-icon i{width: 45px;height: 10px;}
 .index-nav .nav-icon i:nth-child(1){margin-top: 15px;}
 .section .wrap{width: 80%;height: 40%}
 .section .wrap img{width: 100%}

 /*头部导航*/
 .home-header .navbar-header{width: 30%}
 .header .home-header .container-fluid{height: 100px;    width: 100%;}
 .home-header .navbar-header a{width: 100%}
 .home-header .navbar-header a img{width: 100%}
 .home-header .navbar-right{width: 70%;float: left;}
 .home-header .navbar-right li{width: 14.2%}
 .home-header .navbar-right li a{font-size: 14px !important}

/*公司简介页面*/
.wrapper .about-content .about .content{width: 100%;padding: 0}
.about-banner{height: 300px;}
.wrapper .about-content .about .content .cont-top .left{width: 30%}
.wrapper .about-content .about .content .cont-top .left .comp{width: 200px;height: 170px;}
.wrapper .about-content .about .content .cont-top .left .comp img{width:200px;}
.wrapper .about-content .about .content .cont-top .left .comp .about-sfy{left: 70px;height: 250px}
.wrapper .about-content .about .content .cont-top .left .comp .about-sfy span{font-size: 20px}
.wrapper .about-content .about .content .cont-top .right{width: 55%;float: right;}
.wrapper .about-content .about .content .cont-top .right span{padding:150px 0;font-size: 13px;line-height: 25px;letter-spacing: 0;text-indent: 40px;height: 350px}
.wrapper .about-content .about .content .cont-bot .left span{    width: 550px;font-size: 13px;letter-spacing: 0}
.wrapper .about-content .about .content .cont-bot .right img{width: 250px;margin: 40px 0;}

/*新闻列表*/
.news-banner{height: 200px;}
.news-banner p{font-size: 30px;}
.wrapper .news-list .news .content{width: 100%;}
.wrapper .news-list .news .content ul{height: 230px;margin:0;padding: 0}
.wrapper .news-list .news .content ul li{height: 230px;overflow: hidden;}
.wrapper .news-list .news .content ul li p{margin: 0 0 5px;}
.wrapper .news-list .news .content ul li a{height: 230px;padding: 0}
.wrapper .news-list .news .content ul li a img{height: 140px}
.wrapper .news-list .news .content ul li a span.title{height: 25px;line-height: 25px;font-size: 16px}
.wrapper .news-list .news .content ul li a span.date{font-size: 13px}
.wrapper .news-list .news .content ul li a p.des {margin:5px 0;}

/*游戏平台*/
.games-banner{height: 200px;}
.wrapper .platform-list .platform .content{width: 100%}
.wrapper .platform-list .platform .content ul{height: 270px;}
.wrapper .platform-list .platform .content ul li{height: 270px;}
.wrapper .platform-list .platform .content ul li a{height: 270px}
/*.wrapper .platform-list .platform .content ul li a p.pimg{height: 80px}*/

/*新闻内容*/
.wrapper .news-content .news .content{width: 95%}
.wrapper .news-content .news .content .right_con{width: 25%;float: right;}
.wrapper .news-content .news .content .right_con .listarticle{width: 250px}
.wrapper .news-content .news .content .right_con .listarticle li a img{height: 150px}
.wrapper .news-content .news .content .right_con .listarticle li a span{font-size: 18px}
.wrapper .news-content .news .content .right_con .listarticle li a span.date{font-size: 13px;}

/*游戏运营*/
.games-banner .ind p{font-size: 20px;margin-top: 8%}
.wrapper .games-list .games .content ul li{height: 180px;transition: bottom .5s}
.wrapper .games-list .games .content ul li:hover{bottom: 10px}
.footer .cons .right-logo{width: 30%}

/*招贤纳士*/
.jobs-banner{height: 250px;}
.wrapper .jobs-content .jobs .content{width: 100%;}
.wrapper .jobs-content .jobs .content .jobs-contain{width: 100%;}
.wrapper .jobs-content .jobs .content .jobs-contain .jobs-list{width: 30%;}
.wrapper .jobs-content .jobs .content .jobs-contain .jobs-con{width: 70%}

/*联系我们*/
.contact-banner{height: 270px;}
.wrapper .contact-content .contact .content{width: 100%;}
.wrapper .contact-content .contact .content .section2 .con-us1{width: 87%;}
}




@media screen and (min-width: 960px) and (max-width: 1077px) {
	/*首页导航*/
 .index-nav .logo{width: 25%}
 .index-nav{left: 100px;}  
 .index-nav ul{    padding-right: 50px;}
 .index-nav ul li a{font-size: 1em} 
 .index-nav .nav-icon{width: 70px;height: 70px}
 .index-nav .nav-icon i{width: 45px;height: 10px;}
 .index-nav .nav-icon i:nth-child(1){margin-top: 15px;}
 .section .wrap{width: 80%;height: 40%}
 .section .wrap img{width: 100%}

 /*头部导航*/
 .header{height: 150px;}
 .header .home-header{height: 96px;}
 .home-header .navbar-header{width: 30%;height: 70px !important;}
 .header .home-header .container-fluid{height: 70px;    width: 100%;}
 .home-header .navbar-header a{width: 100%}
 .home-header .navbar-header a img{width: 100%}
 .home-header .navbar-right{width: 70%;float: left;height: 70px}
 .header .home-header .container-fluid .navbar-nav{height: 70px}
 .home-header .navbar-right li{width: 14.2%}
 .home-header .navbar-right li a{font-size: 13px !important}
 .header .home-header .container-fluid .navbar-nav li{height: 70px}
 .header .home-header .container-fluid .navbar-nav li a{height: 70px;line-height: 50px;}

/*公司简介页面*/
.wrapper .about-content .about .content{width: 100%;padding: 0}
.about-banner{height: 300px;}
.wrapper .about-content .about .content .cont-top{height: 370px;}
.wrapper .about-content .about .content .cont-top .left{width: 30%;height: 350px}
.wrapper .about-content .about .content .cont-top .left .comp{width: 200px;height: 170px;}
.wrapper .about-content .about .content .cont-top .left .comp img{width:200px;}
.wrapper .about-content .about .content .cont-top .left .comp .about-sfy{left: 70px;height: 250px}
.wrapper .about-content .about .content .cont-top .left .comp .about-sfy span{font-size: 20px}
.wrapper .about-content .about .content .cont-top .right{width: 55%;height:350px;float: right;}
.wrapper .about-content .about .content .cont-top .right span{padding:20px 30px;font-size: 13px;line-height: 25px;letter-spacing: 0;text-indent: 40px;height: 350px}
.wrapper .about-content .about .content .cont-bot .left span{    width: 550px;font-size: 13px;letter-spacing: 0}
.wrapper .about-content .about .content .cont-bot .right img{width: 250px;margin: 40px 0;}

/*新闻列表*/
.news-banner{height: 200px;}
.news-banner p{font-size: 30px;}
.wrapper .news-list .news .content{width: 100%;}
.wrapper .news-list .news .content ul{height: 230px;margin:0;padding: 0}
.wrapper .news-list .news .content ul li{height: 230px;overflow: hidden;}
.wrapper .news-list .news .content ul li p{margin: 0 0 5px;}
.wrapper .news-list .news .content ul li a{height: 230px;padding: 0}
.wrapper .news-list .news .content ul li a img{height: 140px}
.wrapper .news-list .news .content ul li a span.title{height: 25px;line-height: 25px;font-size: 16px}
.wrapper .news-list .news .content ul li a span.date{font-size: 13px}
.wrapper .news-list .news .content ul li a p.des {margin:5px 0;}

/*游戏平台*/
.games-banner{height: 200px;}
.wrapper .platform-list .platform .content{width: 100%}
.wrapper .platform-list .platform .content ul{height: 270px;}
.wrapper .platform-list .platform .content ul li{height: 270px;}
.wrapper .platform-list .platform .content ul li a{height: 270px}
.wrapper .platform-list .platform .content ul li a p.pimg{height: 80px}

/*新闻内容*/
.wrapper .news-content .news .content{width: 95%}
.wrapper .news-content .news .content .right_con{width: 25%;float: right;}
.wrapper .news-content .news .content .right_con .listarticle{width: 250px}
.wrapper .news-content .news .content .right_con .listarticle li a img{height: 150px}
.wrapper .news-content .news .content .right_con .listarticle li a span{font-size: 18px}
.wrapper .news-content .news .content .right_con .listarticle li a span.date{font-size: 13px;}

/*游戏运营*/
.games-banner .ind p{font-size: 20px;margin-top: 8%}
.wrapper .games-list .games .content ul li{height: 180px;transition: bottom .5s}
.wrapper .games-list .games .content ul li:hover{bottom: 10px}
.footer .cons .right-logo{width: 30%}

/*招贤纳士*/
.jobs-banner{height: 250px;}
.wrapper .jobs-content .jobs .content{width: 100%;}
.wrapper .jobs-content .jobs .content .jobs-contain{width: 100%;}
.wrapper .jobs-content .jobs .content .jobs-contain .jobs-list{width: 30%;}
.wrapper .jobs-content .jobs .content .jobs-contain .jobs-con{width: 70%}

/*联系我们*/
.contact-banner{height: 270px;}
.wrapper .contact-content .contact .content{width: 100%;}
.wrapper .contact-content .contact .content .section2 .con-us1{width: 87%;}

}
@media screen and (max-width: 960px) {
 	/*首页导航*/
 .index-nav .logo{width: 25%}
 .index-nav{left: 100px;}  
 .index-nav ul{    padding-right: 50px;}
 .index-nav ul li a{font-size: 1em} 
 .index-nav .nav-icon{width: 70px;height: 70px}
 .index-nav .nav-icon i{width: 45px;height: 10px;}
 .index-nav .nav-icon i:nth-child(1){margin-top: 15px;}
 .section .wrap{width: 80%;height: 40%}
 .section .wrap img{width: 100%}

 /*头部导航*/
 .header{height: 150px;}
 nav.navbar.navbar-default.home-header{height: 96px;}
 .home-header .navbar-header{width: 30%}
 .header .home-header .container-fluid{height: 70px;  width: 100%;padding: 0}
 .home-header .navbar-header a{width: 100%}
 .home-header .navbar-header a img{width: 100%}
 .home-header .navbar-right{width: 70%;float: left; height: 70px;   margin-top: -50px;}
 .home-header .navbar-right li{width: 14.2%}
 .home-header .navbar-right li a{font-size: 12px !important}
 .header .home-header .container-fluid .navbar-nav li{height: 70px;}
 .header .home-header .container-fluid .navbar-nav li a{height: 70px;line-height: 50px;}

/*公司简介页面*/
.wrapper .about-content .about .content .cont-top{height: 370px;}
.wrapper .about-content .about .content{width: 100%;padding: 0}
.about-banner{height: 300px;}
.wrapper .about-content .about .content .cont-top .left{width: 30%;height: 350px}
.wrapper .about-content .about .content .cont-top .left .comp{width: 200px;height: 170px;}
.wrapper .about-content .about .content .cont-top .left .comp img{width:200px;}
.wrapper .about-content .about .content .cont-top .left .comp .about-sfy{left: 70px;height: 250px}
.wrapper .about-content .about .content .cont-top .left .comp .about-sfy span{font-size: 20px}
.wrapper .about-content .about .content .cont-top .right{width: 55%;float: right;height: 350px}
.wrapper .about-content .about .content .cont-top .right span{padding:0;font-size: 13px;line-height: 25px;letter-spacing: 0;text-indent: 40px;height: 350px}
.wrapper .about-content .about .content .cont-bot .left span{width: 550px;font-size: 13px;letter-spacing: 0}
.wrapper .about-content .about .content .cont-bot .right img{width: 250px;margin: 40px 0;}

/*新闻列表*/
.news-banner{height: 200px;}
.news-banner p{font-size: 30px;}
.news-banner .new_intr{width: 30%;margin:0 auto;position: relative;top: 50%;transform: translateY(-50%);}
.wrapper .news-list .news .content{width: 100%;}
.wrapper .news-list .news .content ul{height: 230px;margin:0;padding: 0}
.wrapper .news-list .news .content ul li{height: 230px;overflow: hidden;}
.wrapper .news-list .news .content ul li p{margin: 0 0 5px;}
.wrapper .news-list .news .content ul li a{height: 230px;padding: 0}
.wrapper .news-list .news .content ul li a img{height: 140px}
.wrapper .news-list .news .content ul li a span.title{height: 25px;line-height: 25px;font-size: 16px}
.wrapper .news-list .news .content ul li a span.date{font-size: 13px}
.wrapper .news-list .news .content ul li a p.des {margin:5px 0;}

/*游戏平台*/
.games-banner{height: 200px;}
.wrapper .platform-list .platform .content{width: 100%}
.wrapper .platform-list .platform .content ul{height: 270px;}
.wrapper .platform-list .platform .content ul li{height: 270px;}
.wrapper .platform-list .platform .content ul li a{height: 270px}
.wrapper .platform-list .platform .content ul li a p.pimg{height: 80px}

/*新闻内容*/
.wrapper .news-content .news .content{width: 95%}
.wrapper .news-content .news .content .right_con{width: 25%;float: right;}
.wrapper .news-content .news .content .right_con .listarticle{width: 250px}
.wrapper .news-content .news .content .right_con .listarticle li a img{height: 150px}
.wrapper .news-content .news .content .right_con .listarticle li a span{font-size: 18px}
.wrapper .news-content .news .content .right_con .listarticle li a span.date{font-size: 13px;}

/*游戏运营*/
.games-banner .ind p{font-size: 20px;margin-top: 8%}
.wrapper .games-list .games .content ul li{height: 180px;transition: bottom .5s}
.wrapper .games-list .games .content ul li:hover{bottom: 10px}
.footer .cons .right-logo{width: 30%}

/*招贤纳士*/
.jobs-banner{height: 250px;}
.wrapper .jobs-content .jobs .content{width: 100%;}
.wrapper .jobs-content .jobs .content .jobs-contain{width: 100%;}
.wrapper .jobs-content .jobs .content .jobs-contain .jobs-list{width: 30%;}
.wrapper .jobs-content .jobs .content .jobs-contain .jobs-con{width: 70%}

/*联系我们*/
.contact-banner{height: 270px;}
.wrapper .contact-content .contact .content{width: 100%;}
.wrapper .contact-content .contact .content .section2 .con-us1{width: 87%;}

}