body{margin:0px; background:#ededed; font-size:14px; text-align:center; color:#666573;}
*{font-family:"Microsoft Yahei","微软雅黑";}
input,select{color:#3f4557;}
form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}
table{border-collapse:collapse;}
img{border:0px;}
ul,li{list-style-type:none;}
a{text-decoration:none; color:#666573;}
a:hover{color:#83828d;}
.clearbox{float:none; clear:both; width:0px; height:0px; overflow:hidden;}
.lanrenzhijia_top{ width:50px; height:50px; position:fixed; right:0px; bottom:35px; z-index:9999999; display:none; background:url(top02.png) no-repeat;}

.top{position:absolute; z-index:999; top:0px; left:0px; width:100%; background:url(top.jpg) repeat-x;}
.top .cont{width:1200px; height:105px; margin:0px auto; text-align:left;}
.logo{float:left; width:208px; height:80px; padding:25px 0px 0px 10px;}


#join{background:url(star.jpg) 0px 33px no-repeat;}
#join:hover{background:#30333e url(star.jpg) -96px 33px no-repeat;}

.banner{width:100%; height:300px; margin-top:60px; text-align:left; background:#000;}

.index_banner{width:100%; height:450px; margin-top:60px; text-align:left; background:#000;}
#index_banner{width:100%; height:450px; padding:0px; margin:0px auto; text-align:left; position:relative; z-index:10; overflow:hidden;}
#index_banner_con{width:100%; height:100%; margin:0 auto; overflow:hidden; text-align:center;}
#index_banner_list{width:100%; height:100%;}
#index_banner_list li{width:100%; height:100%;}
#index_banner_list li a{width:100%; height:100%; display:block; background:no-repeat top center; text-indent: -9999px;}
#prev_btn{position:absolute; z-index:101; left:0px; top:50%; margin-top:-50px;}
#next_btn{position:absolute; z-index:101; right:0px; top:50%; margin-top:-50px;}
#banner_nav{position:absolute; z-index:1002; left:50%; margin:-20px 0px 0px -40px;}
#banner_nav a{float:left; display:block; width:12px; height:12px; background:#ffffff; margin-left:5px; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px;}
#banner_nav a:hover{background:#cfdaec;}
#banner_nav a.this{background:#3c4f70;}

.content{width:1140px; text-align:left; margin:0px auto; padding:20px 30px 20px 30px; background:#ffffff;}
.content .tt{width:1140px; padding:0px 0px 0px 0px; height:36px; line-height:36px;}
.content .tt .t{width:240px; height:36px; line-height:36px; padding-left:10px; background:#3f434f; font-size:18px; font-weight:normal; color:#ffffff;}
.content .tt strong{font-size:24px; color:#ffffff;}
.content .tt ul{float:right;}
.content .tt li{float:left; width:120px;}
.content .tt a{display:block; width:110px; height:24px; line-height:24px; background:#3f434f; border:1px #3f434f solid; color:#ffffff; text-align:center; margin-top:2px;}
.content .tt a:hover{background:#30333e; border:1px #3f434f solid;}
.content .location{display:block; width:1120px; height:24px; line-height:24px; padding:0px 10px 0px 10px; color:#666573; background:#f6f6f6; border-bottom:1px #dddddd dotted; border-top:1px #cdcdcd solid; font-size:12px; text-align:right;}
.content .location a{color:#666573; font-size:12px;}
.content .cont{width:1140px; padding:30px 0px; line-height:24px;}

.content1{width:1140px; text-align:left; margin:0px auto; padding:50px 30px 50px 30px; background:#ffffff;}
.content1 .tt1{width:1140px; padding:0px 0px 0px 0px; height:36px; line-height:36px;}
.content1 .tt1 .t{width:240px; height:36px; line-height:36px; padding-left:10px; background:#3f434f; font-size:18px; font-weight:normal; color:#ffffff;}
.content1 .tt1 strong{font-size:24px; color:#ffffff;}
.content1 .tt1 ul{float:right;}
.content1 .tt1 li{float:left; width:106px;}
.content1 .tt1 a{display:block; width:100px; height:24px; line-height:24px; background:#3f434f; border:1px #3f434f solid; color:#ffffff; text-align:center; margin-top:2px;}
.content1 .tt1 a:hover{background:#30333e; border:1px #3f434f solid;}
.content1 .location{display:block; width:1120px; height:24px; line-height:24px; padding:0px 10px 0px 10px; color:#666573; background:#f6f6f6; border-bottom:1px #dddddd dotted; border-top:1px #cdcdcd solid; font-size:12px; text-align:right;}
.content1 .location a{color:#666573; font-size:12px;}
.content1 .cont{width:1140px; padding:30px 0px; line-height:24px;}

.bottom{clear:both; width:100%; padding:15px 0px 0px 0px; background:#3f434f; text-align:center;}
.nav{width:1170px; margin:0px auto; text-align:left;}
.nav li{float:left;}
.nav .n1{width:260px; height:180px; line-height:30px;}
.nav .n1 strong{font-size:18px; font-weight:normal; color:#ffffff;}
.nav .n1 li{float:left; width:120px; line-height:30px;}
.nav .n1 a{color:#ffffff;}

.nav .n2{width:170px; height:180px; line-height:30px;}
.nav .n2 strong{font-size:18px; font-weight:normal; color:#bdbdbd;}
.nav .n2 li{float:none; width:120px; line-height:30px;}
.nav .n2 a{color:#787b86;}

.nav .n3{width:382px; height:180px; line-height:40px;}
.nav .n3 strong{font-size:18px; font-weight:normal; color:#bdbdbd;}
.nav .n3 p{float:none; width:340px; line-height:20px; color:#787b86;}

.nav .n4{width:320px; height:180px; line-height:40px;}
.nav .n4 li{float:left; width:112px; padding:10px 20px 0px 0px; line-height:20px; text-align:center; color:#787b86;}

.copyright{clear:both; width:100%; background:#353844; text-align:left;}
.copyright .cont{width:1170px; margin:0px auto; line-height:24px; text-align:left; color:#787b86;}
.copyright .cont a{color:#787b86;}
.copyright span{float:right;}

.page{width:100%; height:24px; line-height:24px; padding-top:20px; text-align:center; clear:both;}
.article{line-height:30px; padding:0px 20px;}

.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;width:100%;height:100%;_padding:0 20px 0 0;background:#000000;display:none;}
.showbox{position:fixed;top:50%;left:50%;z-index:10001;opacity:0;filter:alpha(opacity=0); width:710px; height:500px; background:#ffffff;}
.showbox .close{float:right;}
*html,*html body{background-image:url(about:blank);background-attachment:fixed;}
*html .showbox,*html .overlay{position:absolute;top:expression(eval(document.documentElement.scrollTop));}

.videotitle{width:100%; padding-top:50px; text-align:center; line-height:30px;}
.videotitle strong{font-size:24px;}

.video{clear:both; width:100%; padding:20px 0px; margin-top:20px; border-top:1px #cdcdcd dashed; border-bottom:1px #cdcdcd dashed;}
.video li{float:left; width:25%; text-align:center;}
.video li a{display:block; width:260px; height:165px; padding-top:5px; margin:0px auto; line-height:30px;}
.video li a:hover{background:#eeeeee; outline:1px #cdcdcd solid;}
.video li img{width:250px; height:160px;}
.video li span{position:absolute; z-index:99; display:none; width:260px; height:106px; padding:64px 0px 0px 0px; text-align:center; margin:-165px 0px 0px 0px; background:#000000; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
.video li span img{width:52px; height:52px;}
.video .hd .prev{display:block; width:20px; height:22px; background:url(nextp.jpg) no-repeat; margin-top:30px; overflow:hidden; cursor:pointer;}
.video .hd .next{display:block; width:18px; height:22px; background:url(prevp.jpg) no-repeat; margin-top:30px; overflow:hidden; cursor:pointer;}


.picturelist{width:100%;}
.picturelist li{float:left; width:33%; padding-top:20px; text-align:center;}
.picturelist li a{display:block; width:220px; padding-top:5px; margin:0px auto; line-height:30px;}
.picturelist li a:hover{background:#eeeeee; outline:1px #cdcdcd solid;}
.picturelist li img{width:210px; height:130px;}

.picture{width:100%;}
.picture .t{width:100%; text-align:center; margin-top:20px; line-height:36px;}
.picture .t strong{font-size:30px;}
.picture .p{width:100%; padding-top:10px; line-height:24px; border-bottom:1px #cdcdcd dashed; text-align:center;}
.picture .i{width:100%; padding:20px 0px; text-align:center;}
.picture .i img{width:500px;}
.picture .c{width:94%; padding:20px 3% 50px 3%; line-height:24px;}

.productlist{width:100%; padding-top:10px;}
.productlist li{float:left; width:25%; height:220px; text-align:center;}
.productlist a{display:block; width:230px; background:#eeeeee;}
.productlist a:hover{background:#3f434f; color:#ffffff;}
.productlist .border{display:block; width:230px; height:154px; padding-top:4px; background:#f6f6f6; border:1px #e3e3e3 solid; margin:0px auto; line-height:30px;}
.productlist img{width:230px; height:154px;}
.productlist span{display:block; width:198px; height:36px; background:#f6f6f6; border:1px #e3e3e3 solid; line-height:36px; margin:2px auto; color:#949fbe;}

.productlist2{width:100%; padding-top:10px;}
.productlist2 li{width:100%;}
.productlist2 .border{float:left; width:600px; height:450px; text-align:center;}
.productlist2 .border img{width:400px; height:auto}
.productlist2 .text{float:left; width:500px; height:350px; padding:100px 20px 0px 20px; line-height:30px; text-align:left;}
.productlist2 .text strong{display:block; font-size:24px; padding-bottom:15px;}

.newslist{width:100%;}
.newslist li{float:left; width:47%; height:120px; padding:20px 2% 20px 1%; border-bottom:1px #cdcdcd dashed;}
.newslist li .border{float:left; width:205px; height:120px;}
.newslist li .border img{width:185px; height:120px; border:1px #cac3b8 solid;}
.newslist span{float:right; color:#7f7c77;}
.newslist li a{font-size:15px; font-weight:bold; font-family:'Microsoft Yahei','微软雅黑';}
.newslist li p{text-indent:24px; line-height:24px; height:96px; overflow:hidden; margin-top:5px;}
.newslist li span{color:#999999;}

.newslist3{width:100%;}
.newslist3 li{width:98%; height:30px; padding:15px 1%; border-bottom:1px #cdcdcd dashed; padding-left:20px; background:url(icon.jpg) 5px 25px no-repeat;}
.newslist3 li a{font-size:15px; font-weight:bold; font-family:'Microsoft Yahei','微软雅黑';}
.newslist3 li span{float:right; color:#3d3b4f;}

.newscategory{width:100%; height:50px;}
.newscategory li{float:left; height:36px; line-height:36px;}
.newscategory .lst{width:100px; text-align:center;}
.newscategory .lst a{display:block; width:80px; height:30px; line-height:30px; margin:0px auto; color:#666666;}
.newscategory .lst .cur{display:block; width:80px; height:30px; line-height:30px; background:#90c31f; margin:0px auto; color:#ffffff;}
.newscategory .ln{width:2px; text-align:center;}

.newslist2{width:100%;}
.newslist2 li{float:left; width:33%; height:511px;}
.newslist2 li a{display:block; width:336px; border:1px #c2c2c2 solid; line-height:24px;}
.newslist2 li img{width:336px; height:336px;}
.newslist2 .title{color:#666573; padding:10px 10px 0px 10px;; font-size:15px;}
.newslist2 .date{color:#999999; padding:0px 10px; font-size:12px;}
.newslist2 .remark{color:#999999; padding:0px 10px 10px 10px; font-size:14px;}
.newslist2 .end{position:absolute; z-index:999; margin:-461px 0px 0px 284px; display:block; width:63px; height:54px; background:url(tag.png) 0px 0px no-repeat; padding:5px 0px 0px 10px; font-size:22px; color:#ffffff;}

.news{width:100%;}
.news .t{width:100%; text-align:center; margin-top:15px; line-height:25px;}
.news .t strong{font-size:20px; font-family:'Microsoft Yahei','微软雅黑'; font-weight:normal;}
.news .p{width:100%; padding-top:10px; line-height:24px; border-bottom:1px #cdcdcd dashed; text-align:center;}
.news .c{width:98%; padding:20px 1% 50px 1%; line-height:24px;}

.search{width:100%; height:36px; line-height:36px;}
.search .btn{width:80px; height:24px; line-height:20px; text-align:center; background:#727272; color:#ffffff; border:1px #727272 solid; cursor:pointer; padding:0px; margin:0px;}
.store{width:100%;}

.network{width:100%; padding-top:10px;}
.network li{float:left; width:44%; line-height:30px; padding:15px 2% 10px 2%; border-bottom:1px #cdcdcd dashed; height:145px;}
.network .border{float:left; width:190px; background:#ffffff;}
.network .border img{width:177px; height:110;}
.network span{display:block; width:100%; height:30px; color:#3f434f; font-size:16px; border-bottom:1px #cdcdcd dotted;}

.feedback{width:100%; line-height:36px;}
.feedback .ddl{width:443px; border:1px #c2c2c2 solid;}
.feedback .txt{width:440px; border:1px #c2c2c2 solid;}
.feedback .ta{width:436px; height:100px; border:1px #c2c2c2 solid;}
.feedback .btn{width:200px; height:24px; line-height:20px; text-align:center; background:#60646f; color:#ffffff; border:1px #727272 solid; cursor:pointer; padding:0px; margin:0px; margin-top:10px;}

.answer{width:100%;}
.answer li{width:100%; padding:20px 0px; border-bottom:1px #cdcdcd dashed;}
.answer .t{width:90%; height:40px; padding-left:20px; background:url(icon3.jpg) 0px 4px no-repeat; font-size:16px; color:#3f434f; font-weight:bold;}
.answer .c{width:98%; height:auto; padding-left:20px; font-size:14px; color:#666666;}

.recruitment{width:100%;}
.recruitment li{padding-bottom:30px;}

.candidates{width:100%; text-align:center;}
.candidates table{width:550px; margin:0px auto;}
.candidates td{height:36px;}
.candidates .ddl{width:309px; float:left;}
.candidates .txt{width:309px; float:left;}
.candidates .ta{float:left; width:307px; height:100px;}
.candidates .btn{width:160px; height:24px; line-height:20px; text-align:center; background:#727272; color:#ffffff; border:1px #727272 solid; cursor:pointer; padding:0px; margin:0px;}

.apply{width:100%;}
.apply table{width:100%;}
.apply td{height:36px;}
.apply .tdh{width:100%; height:30px; text-align:center; padding:10px 0px;}
.apply .tdh strong{display:block; width:100%; height:36px; line-height:36px; font-size:18px; background:#60646f; color:#ffffff;}
.btn{text-align:center; padding-right:10px;}
.btn input{width:300px; height:30px; line-height:30px; text-align:center; background:#60646f; color:#ffffff; border:1px #727272 solid; cursor:pointer; padding:0px; margin:0px;}

/*电竞*/
.game-list {
margin: 0 auto;
width: 1000px;
padding-top: 20px;
padding-bottom: 20px;
}
.clear {
zoom: 1;
}
.game-list li.first {
margin-left: 0px;
}
.game-list li {
width: 232px;
height: 375px;
margin-left: 12px;
background: #f7f7f7; float:left
}
.game-list li .p1 {
height: 43px;
line-height: 43px;
border-bottom: 1px solid #c6c6c6;
margin-left: 10px;
margin-right: 10px;
}
.p1 {
padding: 1px;
}
.p2 {
padding: 2px;
}
.game-list li .p2 {
line-height: 24px;
font-size: 12px;
padding-left: 10px;
padding-right: 10px;
}