/*fp-seed:9c5d8z788929 @layout p2dmz176asg*/
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}

.top{position:absolute; z-index:999; top:0px; left:0px; width:100%}
.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{}
#join:hover{}

.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}/*@reset lk56r61wfci*/
.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; margin-top:30px; overflow:hidden; cursor:pointer}
.video .hd .next{display:block; width:18px; height:22px; 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}/*global:02n96ponbd6*/
.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}
.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}/*@dist vn5yvzf89*/
.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-color:#3c4f70; 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; 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}