body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
body{background:#fdfdfd;font:14px/1.5 "Microsoft YaHei",Tahoma,"simsun",sans-serif;color:#323235}
i{font-style:normal}
a{color:#000;text-decoration:none}
a:hover{color:#F60}
a.under:link,a.under:active,a.under:visited,a.under:hover{text-decoration:underline}
.site-title,.hidden{height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}
.hide{display:none}
:focus{outline:0}
.clear{zoom:1}
.clear:after{content:"";clear:both;display:block;height:0;line-height:0;font-size:0}
.wrap{width:100%;max-width:1920px;min-width:1280px;position:relative}
.header{position:relative;height:850px}
._content_1facf_36{align-items:center;display:flex;flex-direction:column;padding:10px}
._content_1facf_36 ._btnImg_1facf_42{cursor:pointer;height:44px;margin-top:.1rem;width:110px}
._content_1facf_36 p{margin:0;padding:0}
._content_1facf_36 ._scan_1facf_52{position:relative}
._content_1facf_36 ._scan_1facf_52 img{height:110px;width:110px}
._content_1facf_36 ._scan_1facf_52:after{animation:_scan_1facf_52 3s infinite;background:#bdd9ff;content:"";height:.04rem;left:0;position:absolute;width:1.3rem}
body,html{margin:0;padding:0;width:100vw;height:100%;overflow-x:hidden}
.top-banner{width:100vw;min-width:auto;height:100%;background-color:#000;text-align:center}
.top-banner img{width:100%;min-width:auto;height:100%;margin:0;object-fit:cover}
.nav{height:80px;background:rgba(0,0,0,.5);position:absolute;width:100%;z-index:999}
.nav_list{display:flex;justify-content:center;align-items:center;gap:20px;padding:10px 0}
._wrap_1facf_1{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:999;background:rgba(255,255,255,0.9);border:1px solid #eee;padding:15px;border-radius:10px 0 0 10px;pointer-events:auto}
@media screen and (max-width:1200px){.top-banner img{width:100vw;margin:0;position:static}
.nav_list{flex-wrap:wrap;justify-content:center}
.nav_list .logo{order:-1;margin:10px 0}
}.banner-news-container{display:flex;justify-content:center;gap:30px;max-width:1400px;margin:0 auto;padding:30px 0}
.banner{flex:1;max-width:800px;margin:0}
.news_box{flex:1;max-width:600px;margin:0}
.news_box .news_tab{margin-bottom:20px}
@media screen and (max-width:1024px){.banner-news-container{flex-direction:column;gap:20px;max-width:100%}
.banner,.news_box{max-width:100%}}
.list-banner{position:relative;width:100%;height:400px}
.list-banner img{width:100%;height:100%;object-fit:cover}
.part{width:1280px;margin:0 auto;position:relative;overflow:hidden;display:flex;justify-content:center;}
.nav_list{text-align:center;height:100%;overflow:inherit}
.nav_list .item{width:120px;border-bottom:5px solid transparent;margin:0 50px;color:#fff;height:30px}
.nav_list .item i{font-size:18px}
.nav_list .home i{background-position:0 0}
.nav_list .intel i{background-position:0 -33px}
.nav_list .occupation i{background-position:0 -67px}
.nav_list .service i{background-position:0 -101px}
.nav_list .item p{line-height:1;font-size:10px;font-family:'Arial';color:#687f8f;text-transform:uppercase}
.nav_list .logo{width:178px;float:left;margin:0 84px}
.download{width:570px;height:170px;background:#ffffff85;border-radius:10px;position:absolute;top:700px;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:space-around;align-items:center}
.qrcode{width:150px;height:150px}
.qrcode:nth-child(1)::after{content:'';animation:sys 2.5s 
linear infinite;-webkit-animation:sys 2.5s 
linear infinite;position:absolute;width:150px;height:3px;background:#eecb9c;opacity:.8;box-shadow:0 0 6px #000}
@keyframes sys{0%,100%{top:0}
50%{top:144px}
}@-webkit-keyframes sys{0%,100%{top:0}
50%{top:144px}
}.down_btns{height:150px;width:220px;display:flex;flex-direction:column}
.down_btns .ios,.android{margin:2px 0}
.down_btns img{width:100%;height:100%}
.p1{height:400px}
.banner{width:680px;height:370px;float:left;overflow:hidden;position:relative}
.banner .swiper-pagination{bottom:5px;padding-left:10px;text-align:left}
.banner .swiper-pagination-bullet{width:15px;height:15px;border-radius:8px;background:#fff;opacity:1;transition:width .2s linear;-webkit-transition:width .2s linear}
.banner .swiper-pagination-bullet-active{width:40px}
.news_box{width:580px;height:370px;background:#fff;float:right;position:relative}
.news_tab{border-bottom:1px solid #ccc;height:46px;padding:3px 10px 0}
.news_tab a{float:left;padding:0 10px;color:#555;line-height:46px;font-size:18px;position:relative;margin-right:15px}
.news_tab a::after{content:'/';position:absolute;color:#ad9b93;height:10px;font-size:12px;right:-10px;top:0}
.news_tab a:last-child:after{display:none}
.news_tab .cur{font-weight:bold;color:#c33e37}
.news_tab .cur::before,.type .cur::before{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:#c33e37}
.news_con{margin:20px 18px 0;position:relative;height:300px;overflow:hidden}
.recommend{background:#f5f5f5;overflow:hidden;line-height:30px;height:30px;margin-bottom:10px}
.recommend span{float:left;position:relative;padding:0 15px;margin-right:20px;font-size:14px;font-weight:bold;background:#409419;background-image:linear-gradient(top,#298d1c,#629f14);background-image:-webkit-linear-gradient(top,#298d1c,#629f14);color:#FFF}
.recommend span::before{content:'';border:4px solid #469618;position:absolute;right:-8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent}
.news_con ul{width:100%;position:absolute;top:0;left:0;display:none}
.news_con ul.on{display:block}
.news_con li{width:100%;line-height:47px;height:47px;position:relative;border-bottom:1px dashed #d5d5d5}
.news_con li .title{width:450px;font-size:16px;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.news_con li .time,.content .list .time{float:right;color:#999}
.news_ft{position:absolute;top:376px;right:0;height:24px}
.news_prev,.news_next{float:right;width:50px;height:22px;border:1px solid #999;margin-right:10px;background:#fff url('../images/news_pn.jpg') no-repeat}
.news_prev:hover,.news_next:hover{border-color:#666}
.news_next{background-position:right top}
.news_more{float:right;line-height:24px;height:24px;font-size:12px;color:#fff;padding:0 15px;background:#c84c3f}
.news_more:hover{background:#e05c4e;color:#fff}
.p2{height:750px}
.role_nav{position:absolute;left:50px;top:200px;width:60px}
.role_nav span{display:block;width:60px;height:61px;margin-bottom:15px;background:url('/skin/default/images/role_ico.png') no-repeat;cursor:pointer}
.role_nav .dk{background-position:0 0}
.role_nav .gs{background-position:0 -78px}
.role_nav .jk{background-position:0 -156px}
.role_nav .qk{background-position:0 -234px}
.role_nav .ys{background-position:0 -303px}
.role_nav span.cur{background-position-x:-70px}
.rolelist{margin-left:236px;width:1044px;height:680px;overflow:hidden;position:relative}
.role{position:absolute;width:100%;height:100%;opacity:0;z-index:-1;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;overflow:hidden}
.role.on{z-index:1;opacity:1}
.role .desc{margin-top:192px;height:94px;position:relative}
.role .name,.job_tit,.sex_btn a,.sex_ico span{background:url('/skin/default/images/role.png') no-repeat;display:block}
.role .name{height:94px;width:188px}
.role .dk .name{background-position:0 0}
.role .gs .name{background-position:0 -103px}
.role .jk .name{background-position:0 -206px}
.role .qk .name{background-position:0 -310px}
.role .ys .name{background-position:0 -415px}
.role .sex_btn{position:absolute;left:386px;top:13px;width:50px}
.role .sex_btn a{padding-left:26px;line-height:25px;font-size:12px;color:#fff;background-color:#2d2b21;margin-bottom:10px}
.role .sex_btn .nan{background-position:-192px -456px}
.role .sex_btn .nv{background-position:-271px -456px}
.role .sex_btn a.cur{background-color:#c94f41}
.role .sex_ico{position:absolute;left:244px;top:0}
.role .sex_ico .nan,.role .sex_ico .nv{float:left;width:81px;height:81px}
.role .sex_ico .nan{margin-left:-32px}
.role .dk .sex_ico .nan{background-position:-289px 0}
.role .dk .sex_ico .nv{background-position:-198px 0}
.role .gs .sex_ico .nan{background-position:-289px -91px}
.role .gs .sex_ico .nv{background-position:-198px -91px}
.role .jk .sex_ico .nan{background-position:-289px -182px}
.role .jk .sex_ico .nv{background-position:-198px -182px}
.role .qk .sex_ico .nan{background-position:-289px -274px}
.role .qk .sex_ico .nv{background-position:-198px -274px}
.role .ys .sex_ico .nan{background-position:-289px -366px}
.role .ys .sex_ico .nv{background-position:-198px -366px}
.role .sex_ico .nan.cur{background-position-x:-471px}
.role .sex_ico .nv.cur{background-position-x:-380px}
.role .job{margin:32px 0 18px 20px;width:460px;color:#666666}
.role .job_tit{height:28px;background-position:-463px -459px;border-bottom:1px solid #b6bbbe;margin-bottom:10px}
.role_nan,.role_nv{position:absolute;width:336px;height:682px;left:580px;top:-7px;opacity:0;z-index:-1;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s}
.role_nan.on,.role_nv.on{z-index:1;opacity:4}
.p3{height:710px}
.swiper{margin:83px auto 0}
.swiper .swiper-slide{width:868px;height:486px}
.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-left{background-color:rgba(0,0,0,.6)}
.next,.prev{width:119px;height:43px;background:url('../images/pn.png') no-repeat;position:absolute;top:220px;cursor:pointer;z-index:1}
.prev{left:55px}
.next{background-position:right top;right:55px}
.swiper .pagination{text-align:center;margin-top:20px}
.swiper .pagination .swiper-pagination-bullet{width:15px;height:15px;border-radius:7px;background:#c5c5c5;opacity:1;transition:all .2s linear;-webkit-transition:all .2s linear}
.swiper .pagination .swiper-pagination-bullet-active{width:40px;background:#a38478}
.p4{height:350px}
.contact{margin-top:80px}
.contact .item{width:270px;height:190px;background:#fff;float:left;position:relative}
.contact .c2{margin:0 220px}
.contact .area{width:130px;height:130px;background-color:#fff;padding:15px;border:1px solid #dbdbdb;text-align:center;color:#999999;position:absolute;top:-30px;right:-30px}
.contact .desc{padding:25px 0 0 28px;height:125px;color:#666}
.contact .desc p{float:left;width:25px;line-height:1;text-align:center}
.contact .zx{float:left;width:21px;font-size:12px;background:#c5423a;margin-right:4px;color:#fff;text-align:center;padding:6px 2px;line-height:1}
.contact .zx:hover{background:#d34a43}
.contact .desc .tit{color:#000;font:bold 16px / 1 "Source Han Serif SC","思源宋体";margin-left:6px}
.contact .tips{margin-left:30px;position:relative;font-size:12px;color:#999;line-height:24px}
.contact .tips::before{content:'';width:50px;height:1px;background:#dbdbdb;position:absolute;left:0;top:0}
.contact .tel_ico{width:78px;height:78px;margin:8px auto 0}
.qrcode img,.swiper-slide img{display:block;width:100%}
.inner{background-image:url('/skin/default/images/inner_bg.jpg')}
.inner .main{padding:0 0 55px;height:auto}
.side_download{background:#00000085;width:240px;height:420px;}
.side_download .qrcode{width:180px;height:180px;float:inherit;margin:20px auto 0}
.side_download .down_btns{float:inherit;margin:0 auto;width:210px;padding-top:20px}
.side_download .down_btns .ios{width:210px;background-position:0 -160px}
.side_download .down_btns .ios:hover{background-position:-220px -160px}
.side_download .down_btns .android{width:210px;background-position:0 -240px}
.side_download .down_btns .android:hover{background-position:-220px -240px}
.middle{background:#fff;width:1000px}
.art_top{height:80px;line-height:68px;background:#be5f38;padding:10px 50px 0 30px;color:#fff}
.art_top h3{float:left;font-size:30px;font-family:"Source Han Serif SC","思源宋体"}
.art_top .site{float:right}
.art_top .site a{color:#fff}
.type{border-bottom:1px solid #e5e5e5;margin:22px 50px 0;text-align:center}
.type a{display:inline-block;font-size:20px;font-weight:bold;color:#565b6a;line-height:58px;padding:0 10px;margin:0 16px;position:relative}
.type .cur{font-weight:bold;color:#c13631}
.content{padding:25px 50px;min-height:600px}
.content .list li{height:50px;line-height:50px;border-bottom:1px dashed #e5e5e5;font-size:15px}
.content .list .title{width:750px;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ct{margin:20px 30px 0;border-bottom:1px solid #e5e5e5;padding:15px 0;text-align:center}
.ct h2{font-size:22px;color:#555;line-height:1.2}
.ct p{color:#aaa;margin-top:8px}
.article{color:#666666;line-height:30px;padding:15px}
.article img{display:block;max-width:800px}
.page{text-align:center;padding:30px 0;border-top:2px solid #ececec}
.page a{font-size:16px;padding:5px 10px;margin:0 5px;color:#000;border:1px solid #cad5f2;}
.page a:hover{color:#fff;background:#ffffff18}
.page ul{list-style: none;}
.page li{display:inline;}
.fixed-top,.art_top .back{display:none}
@media screen and (min-width:320px) and (max-width:750px){.inner{min-width:100%;background:#e8f6ff}
.inner img{display:block;width:100%}
.inner .nav,.inner .side_download,.art_top .site,.cyou-top{display:none}
.inner .main{margin:56px 0 0;padding:0}
.inner .part{width:100%}
.middle{margin:0;width:100%;background:#e8f6ff}
.art_top{background:#fff;padding:15px 20px 10px;height:30px;line-height:30px;color:#565b6a;position:relative}
.art_top h3{float:initial;font-size:20px;text-align:center}
.art_top .back{display:block}
.art_top .back{position:absolute;padding-left:12px;top:50%;left:10px;color:#565b6a;font-size:14px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.art_top .back::before{content:"";display:inline-block;height:6px;width:6px;border-width:1px 1px 0 0;border-color:#565b6a;border-style:solid;-webkit-transform:matrix(-.71,.71,.71,.71,0,0);transform:matrix(-.71,.71,.71,.71,0,0);position:absolute;top:50%;margin-top:-3px;left:5px}
.ct{margin:0 20px;padding:20px 10px;font-size:12px}
.ct h2{font-size:16px;line-height:1.4}
.content{padding:20px;min-height:auto}
.article{padding:0;font-size:12px;line-height:2}
.fixed-top{width:100%;position:fixed;top:0;left:0;box-sizing:border-box;padding:15px 15px 0;height:56px;display:flex;background:#121c2d;z-index:2}
.logo{width:50px;height:50px;border-radius:10px}
.game_info{color:#fff;margin-left:10px;line-height:1.2;font-size:12px;flex:1}
.game_info .name{font-size:15px;margin-bottom:2px}
.game_link,.game_link:hover{display:block;line-height:30px;height:30px;margin-right:10px;border-radius:3px;padding:0 10px;color:#fff;background-image:linear-gradient(180deg,#277309 0%,#6aa802 100%),linear-gradient( #000000,#000000)}
.menu_btn{width:34px;padding:4px 2px;height:26px}
.menu_btn span{display:block;width:100%;height:4px;margin:0 auto;background-color:#fff;border-radius:2px;-webkit-transition:0.3s;transition:0.3s}
.menu_btn span:nth-child(2){margin:5px 0}
.expand span:nth-child(1){-webkit-transform:translateY(9px) rotate(-45deg);transform:translateY(9px) rotate(-45deg)}
.expand span:nth-child(2){opacity:0}
.expand span:nth-child(3){-webkit-transform:translateY(-9px) rotate(45deg);transform:translateY(-9px) rotate(45deg)}
.menu{position:absolute;right:0;top:56px;z-index:2;display:none}
.menu a{display:block;line-height:40px;padding:0 15px;text-align:center;margin-bottom:1px;background:rgba(0,0,0,.6);color:#fff}
#cyou_bottom{float:initial!important;min-width:100%!important;padding:0!important;height:auto!important}
.cyou_bottom_cont p{line-height:1.2}
}.ios_btn{display:block;width:114px;height:146px;background:url('/skin/default/images/ios.png') no-repeat;position:absolute;right:-120px;top:35px}
.ios_btn:hover{background-position:right top}
.footer{width:100%;min-height:80px;padding-top:20px;text-align:center;background:#000}
.footer a{color:#fff}
.footer p{color:#fff}
.footer-nav-ul{margin:0 20px;font-size:16px;font-weight:bold}