@charset "utf-8";blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{box-sizing:border-box;margin:0;padding:0;outline:0 0;-webkit-tap-highlight-color:transparent;}
body{background:#fff;color:#000;font:9pt/1.5 Arial,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,tahoma,sans-serif;}
a{outline:0 0;color:#0088cc;cursor:pointer;}
a,a:hover{text-decoration:none;}
ol,ul{list-style:none;}
img{border:0 none;}
em,i{font-style:normal;}
em,h1,h2,h3,h4,i{font-weight:400;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
.fl,.fr{float:left;display:inline;}
.fr{float:right;}
.pr{position:relative;}
.pa{position:absolute;}
@font-face{font-family:FontAwesome;src:url(fonts/fontawesome-webfont.woff),url(fonts/fontawesome-webfont.ttf),url(fonts/fontawesome-webfont.eot);}
.swiper-container{width:100%;height:100%;}
.swiper-slide{display:-ms-flexbox;display:flex;background:#fff;text-align:center;font-size:18px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:top;}
.swiper-slide .culumnList{width:100%;height:100%;}
.swiper-container .swiper-slide{height:500px!important;}
.work .swiper-button-next,.work .swiper-button-prev{top:auto;bottom:0;left:auto;width:30px;height:30px;background-image:url(//png.pookcdn.net/new_net/icon_next.png);background-size:30px 30px;background-repeat:no-repeat;}
.work .swiper-button-prev{right:50px;transform:rotate(-180deg);}
.work .swiper-button-next{right:0;}
.wrapper{color:#fff;font-size:18px;}
#page-header{position:fixed;top:0;left:0;z-index:420;width:100%;background:#222;color:#fff;}
.container{position:relative;overflow:hidden;margin:0 auto;width:1485px;}
.logoTop{position:absolute;top:42px;line-height: 1;}
.has-scrolled .logoTop{top:7px;}
.has-scrolled .logoTop img{width:110px;}
#page-header .container{overflow:inherit;}
#nav-group{margin-left:356px;padding-top:53px;}
#nav-group.nav-scorll{position:fixed;top:0;left:0;width:100%;background:#222;}
#nav-group ul{margin:0;padding:0;list-style:none;}
#navigation>ul:not(.social)>li{position:relative;border-bottom:1px solid hsla(0,0%,100%,.1);}
#navigation>ul:not(.social)>li>a{display:block;margin:0 auto;width:75pt;outline:0;color:#fff;text-align:center;text-decoration:none;letter-spacing:.2em;font-size:1em;}
#navigation>ul:not(.social)>li:nth-child(1)>a,#navigation>ul:not(.social)>li:nth-child(2)>a{width:5pc;}
#navigation>ul:not(.social)>li>a:hover{color:#999;}
#nav-group .social li a{display:inline-block;box-sizing:border-box;padding:5px 3px;width:28px;height:28px;border-radius:30px;background:#fff;vertical-align:middle;text-align:center;line-height:28px;}
#nav-group .social li i{color:#bead85;}
.content.video-bg{position:relative;z-index:0;overflow:hidden;height:85vh;}
.content.video-bg video{top:0;z-index:-100;height:auto;min-width:100%;}
.content.video-bg video,.intro{position:absolute;left:0;width:100%;}
.intro{bottom:235px;margin-bottom:3vw;text-align:center;}
.img-responsive img{margin:0 1px 7px;opacity:0;}
.img-responsive.animate:first-child img{animation:.8s topDown;animation-fill-mode:forwards;}
.img-responsive.animate.animate:first-child img:nth-child(7),.img-responsive.animate:first-child img:nth-child(1),.img-responsive.animate:first-child img:nth-child(3){animation-delay:.3s;}
.img-responsive.animate:first-child img:nth-child(5),.img-responsive:first-child img:nth-child(2){animation-delay:.6s;}
.img-responsive.animate:first-child img:nth-child(4),.img-responsive.animate:first-child img:nth-child(6),.img-responsive.animate:first-child img:nth-child(8){animation-delay:.9s;}
@keyframes topDown{0%{transform:translateY(-15em);}
to{opacity:1;transform:translateY(0);}
}
.img-responsive.animate:last-child img{animation:.8s txtScale;animation-fill-mode:forwards;}
.img-responsive.animate:last-child img:nth-child(1),.img-responsive.animate:last-child img:nth-child(11),.img-responsive.animate:last-child img:nth-child(15),.img-responsive.animate:last-child img:nth-child(18),.img-responsive.animate:last-child img:nth-child(3),.img-responsive.animate:last-child img:nth-child(7){animation-delay:.3s;}
.img-responsive.animate:last-child img:nth-child(10),.img-responsive.animate:last-child img:nth-child(13),.img-responsive.animate:last-child img:nth-child(16),.img-responsive.animate:last-child img:nth-child(2),.img-responsive.animate:last-child img:nth-child(5),.img-responsive.animate:last-child img:nth-child(9){animation-delay:.6s;}
.img-responsive.animate:last-child img:nth-child(12),.img-responsive.animate:last-child img:nth-child(14),.img-responsive.animate:last-child img:nth-child(17),.img-responsive.animate:last-child img:nth-child(19),.img-responsive.animate:last-child img:nth-child(20),.img-responsive.animate:last-child img:nth-child(4),.img-responsive.animate:last-child img:nth-child(6),.img-responsive.animate:last-child img:nth-child(8){animation-delay:.9s;}
@keyframes txtScale{0%{transform:scale(0);}
50%{transform:scale(1.5);}
50%,to{opacity:1;}
to{transform:scale(1);}
}
#home-more-trigger{position:absolute;bottom:0;left:50%;margin-bottom:90pt;margin-left:-25px;width:50px;height:8pc;background:url(//png.pookcdn.net/new_net/trigger.gif) no-repeat;}
.layout-column{box-sizing:border-box;width:100%;}
#news .layout-column{padding-left:9px;}
.page-header{margin:68px 0 35px;color:#2d2d2d;font-size:30px;}
.page-header i{color:#a4a5b3;}
.nav-toggle{display:none;}
.content{position:relative;padding-bottom:5%;}
.content.banner{padding-top:40%;height:0;background-position:top center;background-size:cover;background-repeat:no-repeat;}
.content.banner .join{position:absolute;bottom:-142px;width:100%;}
.news{padding-left:18px;color:#474747;font-size:1pc;}
.newsList{overflow:auto;}
.news li{position:relative;display:flex;display:-webkit-flex;height:66px;list-style:circle;align-items:center;}
.news li span{width:10%;}
.news li .tag,.news li span{margin:0 30px;text-align:center;}
.news li .tag{width:130px;height:30px;color:#fff;letter-spacing:2px;font-size:14px;line-height:30px;}
.news li .tag.cl-blue{background:#4b85cd;}
.news li .tag.cl-red{background:#fb6664;}
.news li .tag.cl-yellow{background:#baa77d;}
.news li a{overflow:hidden;width:70%;color:#474747;text-overflow:ellipsis;white-space:nowrap;}
.news li:after{position:absolute;top:50%;left:0;margin-top:-4px;width:8px;height:8px;background:url(//png.pookcdn.net/new_net/ico_dote.gif) no-repeat;content:"";}
.news .btnMore{display:block;margin:0 auto;width:310px;height:60px;border:2px solid #474747;color:#474747;text-align:center;font-size:1pc;line-height:60px;}
.news .btnMore:after{display:block;margin-top:-60px;width:0;height:60px;background:#3786be;content:"";transition:all .6s ease 0s;}
.news .btnMore:hover{border:2px solid #3786be;color:#fff;}
.news .btnMore:hover:after{width:100%;color:#fff;}
.work .swiper-slide ul{width:100%;}
.work .swiper-slide li{float:left;margin:7px;height:216px;background:#baa77d;}
.work .swiper-slide li.text{display:flex;display:-webkit-flex;width:233px;height:216px;cursor:pointer;align-items:center;justify-content:center;}
.work .swiper-slide li.img-b{height:446px;}
.work .swiper-slide .column-slide-02{width:247px;}
.work .swiper-slide .column-slide-03{width:494px;}
.join{height:142px;background:#2989db;}
.join .container{display:flex;display:-webkit-flex;height:100%;align-items:center;justify-content:space-between;}
.join .txtJoin{font-weight:700;font-size:40px;}
.join .btnJoin{display:block;width:306px;height:58px;border:2px solid #fff;text-align:center;line-height:58px;transition:all .3s ease-out 0s;color:#fff;}
.join .btnJoin:after{display:block;margin-top:-58px;width:0;height:58px;background:#fff;content:"";transition:all .6s ease 0s;}
.join .btnJoin:hover{color:#2989db;}
.join .btnJoin:hover:after{width:100%;color:#2989db;}
.info{clear:both;overflow:hidden;margin:10% auto 5%;}
.info .info-left{float:left;width:20%;border-right:1px solid #282828;}
.info .layout-column{margin:0 auto;width:80%;}
.info .social{display:table;margin-top:20px;width:2in;}
.info .social li{display:table-cell;text-align:center;}
.info .social li i{padding:4px 3px;border:2px solid #baa77d;border-radius:20px;color:#beac85;}
.info .info-right{float:left;display:table;width:75%;}
.info .info-right ul{display:table-cell;text-align:center;}
.info .info-right ul a{color:#828282;font-size:14px;transition:all .3s ease-out 0s;}
.info .info-right ul a:hover{text-decoration:underline;}
.info .info-right li:first-child{color:#272727;font-size:18px;}
.honor{height:709px;background:url(//png.pookcdn.net/new_net/bg_honor.jpg) no-repeat top center;background-size:cover;}
.honor .page-header{color:#f2f2f2;}
.honor .itemList .container{width:1572px;}
.honor .itemList .en-container{position:relative;overflow:inherit!important;margin:0 auto;width:1485px!important;}
.honor .itemList li{float:left;width:25%;height:125px;text-align:center;}
.honor img{height:100%;}
.honor .itemList .swiper-container{margin:40px auto 0;}
.honor .itemList .swiper-slide{width:311px!important;height:182px!important;}
.honor .itemList .swiper-slide:nth-child(odd){background:url(//png.pookcdn.net/new_net/en/swiper_top_bg.png) no-repeat;background-size:100% 100%;}
.honor .itemList .swiper-slide:nth-child(even){background:url(//png.pookcdn.net/new_net/en/swiper_bottom_bg.png) no-repeat;background-size:100% 100%;}
.honor .swiper-slide:nth-child(odd) .honor-contnent{position:absolute;top:-3px;left:6px;width:310px;height:180px;}
.honor .swiper-slide:nth-child(even) .honor-contnent{position:absolute;top:-5px;top:-6px;left:58px;width:310px;height:180px;}
.honor .swiper-slide .honor-contnent img{width:310px;height:180px;}
.honor .swiper-button-next{top:187px;right:-35px;width:24px;height:24px;background:url(//png.pookcdn.net/new_net/en/honor_next.png) no-repeat;}
.honor .swiper-button-prev{top:187px;left:-35px;width:24px;height:24px;background:url(//png.pookcdn.net/new_net/en/honor_next.png) no-repeat;transform:rotate(180deg);}
.footer{padding-bottom:5%;text-align:center;font-size:14px;}
.footer,.footer a{color:#2d2d2d;}
.footer p{margin-top:2%;}
.footer img{margin:0 5px;vertical-align:middle;}
#bannerList,.inside .aboutBanner{margin-top:43px;}
.inside #bannerList .swiper-slide{height:100%!important;}
.inside #bannerList .swiper-slide:after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.38);content:"";}
.inside .content .container{letter-spacing:1px;}
.inside .gameInfo,.inside .newsInfo{padding:70px 0;background:#ededed;}
.inside .gameTxt{margin-left:36px;color:#7f7f7f;}
.inside .gameTxt .name{margin:20px auto 10px;color:#222;font-weight:700;font-size:26px;}
.inside .gameTxt .btn{margin-top:50px;}
.inside .gameTxt a{display:inline-block;margin-right:20px;margin-bottom:10px;width:230px;height:50px;background:#3786be;text-align:center;line-height:50px;transition:all .6s ease 0s;}
.inside .gameTxt a img,.inside .gameTxt a span{margin-right:10px;vertical-align:middle;}
.inside .gameTxt a:hover{background:#cfb06a;}
.inside .gameDetail .video{margin:35px auto 30px;width:990px;height:558px;}
.inside .gameDetail .description{color:#171717;font-size:20px;line-height:1.8;}
.inside .gameFeatures .swiper-container{width:918px;}
.inside .gameFeatures .swiper-slide{margin-right:7px!important;width:350px!important;}
.inside .swiper-button-next,.inside .swiper-button-prev{width:20px;height:37px;background:0 0;color:#373737;}
.inside .swiper-button-next{right:-8px;}
.inside .swiper-button-prev{left:0;}
.inside .btnMore{display:block;margin:70px auto;width:310px;height:60px;border:1px solid #000;color:#000;text-align:center;line-height:60px;}
.inside .btnMore:hover{border:1px solid #3786be;}
.inside .btnMore:after{display:block;margin-top:-60px;width:0;height:60px;background:#3786be;content:"";transition:all .6s ease 0s;}
.inside .btnMore:hover{color:#fff;}
.inside .btnMore:hover:after{width:100%;color:#fff;}
.inside .footer{padding:70px 0;height:auto;background:#ededed;}
.inside .newsInfo{color:#3b3b3b;font-size:40px;line-height:1.2;}
.inside .newsInfo .title{font-weight:700;}
.inside .newsInfo .newsTitle{margin-top:20px;font-weight:400;}
.inside .newsInfo .date{margin-top:20px;font-size:18px;}
.inside .news{margin:2% auto;}
.inside .newsList{margin-bottom:5%;height:auto;}
.inside .newsList li{height:60px;border-bottom:1px solid #d2d2d2;}
.inside .newsDetail{margin:20px auto;color:#171717;line-height:1.8;}
.inside .newsDetail a{color:#0088cc;}
.inside .news .page{text-align:center;font-size:1pc;}
.inside .news .page span{margin:0 20px;color:#818495;font-weight:700;cursor:pointer;}
.inside .news .page span.active{color:#2c9af8;}
.inside .news .page span i{vertical-align:middle;}
.inside .aboutBanner{padding-bottom:0;text-align:center;}
.inside .aboutBanner .imgBanner img{width:100%;}
.inside .aboutBanner .container{overflow:initial;margin-top:-6pc;padding-left:37px;text-align:left;}
.inside .aboutBanner .container img{position:relative;top:-300px;}
.inside .aboutDetail{padding-bottom:0;}
.inside .aboutDetail .txtTitle{margin:70px 0 25px 38px;text-align:left;}
.inside .aboutDetail .txtList{margin-bottom:2%;padding-left:2em;color:#171717;text-indent:2em;font-size:20px;line-height:2;}
.inside .aboutDetail .txtList01{text-indent:2em;}
.inside .aboutDetail .txtList02{margin-bottom:0;padding-left:0;text-align:left;}
.inside .aboutDetail .txtList03{margin-top:2%;text-align:center;}
.inside .aboutDetail .btnJoin{display:block;margin:5% auto;width:306px;height:58px;border:2px solid #171717;color:#171717;text-align:center;line-height:58px;transition:all .3s ease-out 0s;}
.inside .aboutDetail .btnJoin:after{display:block;margin-top:-58px;width:0;height:58px;background:#2a89db;content:"";transition:all .6s ease 0s;}
.inside .aboutDetail .btnJoin:hover{border:2px solid #2a89db;color:#fff;}
.inside .aboutDetail .btnJoin:hover:after{width:100%;}
.inside .aboutDetail .join{margin-top:5%;padding:3% 0;height:auto;}
.inside .aboutDetail .join .container{display:block;}
.inside .aboutDetail .join .txtList02{padding-left:3%;color:#fff;text-indent:0;}
.inside .aboutDetail .join .txtList02:nth-child(1){font-size:30px;}
.inside .aboutDetail .join .txtList02 a {color: #fff;}
.inside .joinBanner .swiper-pagination-bullet{box-sizing:border-box;padding:10px 0;width:76px;height:76px;border:2px solid #2989db;border-radius:50%;background:0 0;color:#2989db;font-size:18px;line-height:28px;opacity:1;}
.inside .joinBanner .swiper-pagination-bullet-active{border:2px solid #fff;color:#fff;}
.joinBanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:25px;}
.joinBanner .swiper-container-horizontal>.swiper-pagination-bullets,.joinBanner .swiper-pagination-custom,.swiper-pagination-fraction{bottom:5pc;}
.inside .joinBanner .infoText{position:absolute;z-index:2;display:flex;display:-webkit-flex;width:100%;height:100%;align-items:center;justify-content:center;}
.inside .joinBanner .swiper-slide img{width:100%;height:100%;}
.inside .joinDetail .tab{margin:35px 0 40px;}
.inside .joinDetail .tab li{display:inline-block;margin-right:35px;width:142px;height:45px;border-radius:30px;background:#298adb;color:#fff;text-align:center;line-height:45px;}
.inside .joinDetail .tab li.active,.inside .joinDetail .tab li:hover{background:#cfb06a;cursor:pointer;}
.inside .joinDetail .txtAll{position:absolute;top:185px;right:0;color:#2989db;font-weight:700;font-size:1pc;cursor:pointer;}
.inside .joinDetail .postTitle{width:100%;border-bottom:1px solid #f0f0f0;line-height:50px;}
.inside .joinDetail .txt{display:inline-block;color:#525252;text-align:center;letter-spacing:1px;font-size:1pc;}
.inside .joinDetail .txt01{box-sizing:border-box;padding-left:10px;width:40%;text-align:left;}
.inside .joinDetail .txt02,.inside .joinDetail .txt03{width:10%;}
.inside .joinDetail .txt04{width:25%;color:#318ddc;vertical-align:middle;text-align:right;cursor:pointer;}
.inside .joinDetail .postList .culumnList{display:none;}
.inside .joinDetail .postList .culumnList.active{display:block;}
.inside .joinDetail .postList li{overflow:hidden;border-bottom:1px solid #f0f0f0;}
.inside .joinDetail .postList .listTop{position:relative;z-index:9;line-height:5pc;cursor:pointer;}
.inside .joinDetail .postList .txt01{color:#2989db;font-weight:700;font-size:20px;}
.inside .joinDetail .postList .txt03{color:#a0a0a0;}
.inside .joinDetail .postList .listBot{display:flex;display:-webkit-flex;padding:0 10px;height:0;opacity:0;align-items:center;justify-content:space-between;}
.inside .joinDetail .postList .listBot.active{height:auto;opacity:1;}
.inside .joinDetail .postList .listBot li{border:none;color:#525252;font-size:1pc;line-height:2;}
.inside .joinDetail .postList .btn{margin-right:25px;width:190px;height:52px;background:#2989db;color:#fff;text-align:center;line-height:52px;}
.inside .joinDetail .mailText{margin-top:2%;padding:0 10px;color:#525252;font-size:1pc;}
.inside .joinDetail .mailText a{color:#000;}
.inside .projectInfo{padding:105px 0;background:#ededed;color:#3b3b3b;font-size:30px;}
.inside .bg_jzjh_nav_con{overflow:hidden;margin:5% auto;}
.inside .bg_jzjh_nav_con li{float:left;}
.inside .bg_jzjh_nav_con li a{display:block;margin-right:22px;width:25pc;height:60px;border:2px solid #3b3b3b;color:#3b3b3b;text-indent:30px;line-height:60px;}
.inside .bg_jzjh_nav_con li a:after{display:block;margin-top:-60px;width:0;height:60px;background:#3786be;content:"";transition:all .6s ease 0s;}
.inside .bg_jzjh_nav_con li a.on,.inside .bg_jzjh_nav_con li a:hover{border:2px solid #3786be;color:#fff;}
.inside .bg_jzjh_nav_con li a.on:after,.inside .bg_jzjh_nav_con li a:hover:after{width:100%;color:#fff;}
.inside .jzjh_content{padding:30px 20px 0 0;font-family:Microsoft Yahei;}
.inside .jzjh_content h1{margin-bottom:20px;color:#171717;font-weight:700;font-size:26px;}
.inside .jzjh_content h4{margin-bottom:10px;color:#171717;font-weight:700;font-size:20px;}
.inside .jzjh_content p{color:#171717;font-size:20px;line-height:2;}
.inside .jzjh_content .text_indent{text-indent:2em;}
.inside .jzjh_content .mb_20{margin-bottom:5%;}
.inside .jzjh_content .line_h{line-height:30px;}
.inside .jzjh_content a{color:#0042ff;text-decoration:underline;}
.inside .gcjs_img span{margin-right:25px;}
.inside .cjwt_title{margin-bottom:20px;padding-bottom:10px;background:url(//png.pookcdn.net/net/bg_jzjh_cjwt_title.gif) no-repeat left bottom;color:#474747;font-size:18px;}
.inside .jhjd_tab,.inside .jhjd_tab input{color:#707070;font-size:14px;}
.inside .jhjd_tab input{width:90pt;height:26px;border:1px solid #e5e5e5;line-height:26px;}
.inside .btn_jhjd_select{display:block;width:81px;height:28px;background:url(//png.pookcdn.net/net/bg_jzjh_nav.png) no-repeat left -8pc;}
.inside .btn_jhjd_select:hover{background-position:-81px -8pc;}
.inside .service h1{margin:5% auto 2%;}
@media (min-width:860px){#page-header{position:absolute;background:0 0;transition:background .25s ease-in-out,top .25s ease-in-out;}
.has-scrolled#page-header,.inside #page-header{position:fixed;top:65px;margin-top:-65px;background:#222;}
.has-scrolled#page-header #nav-group,.inside #page-header #nav-group{padding-top:0;}
.has-scrolled #translate,.inside #translate{top:12px;}
.content.home.video-bg{height:100vh;}
.intro-logo{display:block;margin:0 auto;}
.content.banner.fixed{background-attachment:fixed;}
.content.banner{padding-top:0;height:420px;}
#nav-group .social.has-scrolled{display:none;}
#translate.has-scrolled{top:8px;}
.content .page-header{margin:30px 0 15px;text-indent:7px;font-size:20px;}
#nav-group ul{float:left;display:table;width:70%;text-transform:uppercase;}
#nav-group li{display:table-cell;height:43px;vertical-align:middle;}
#nav-group li a:hover{color:#999;}
#navigation>ul:not(.social)>li{border:none;}
.work .swiper-slide ul{float:left;}
.newsList{height:495px;}
}
@media (min-width:1025px){.content.banner{height:300px;}
.swiper-slide .culumnList{display:table;}
.work .swiper-slide ul{float:none;display:table-cell;}
.content .page-header{margin:60px 0 35px;}
.joinDetail .page-header{margin-top:90px;}
}
@media (min-width:1920px){.info .social li i{font-size:20px;}
.content{padding-bottom:92px;}
.content.banner{height:580px;}
.honor{/*! height:615px; */}
}
@media all and (max-width:1920px){.newsDetail .container,.newsDetailInfo .container{margin:0 auto;width:750pt;}
}
@media all and (max-width:1785px){.container{margin:0 auto;max-width:1468px;}
}
@media (min-width:1440px) and (max-width:1680px){.content.banner{height:380px;}
#nav-group{margin-left:270px;}
.container{margin:0 auto;max-width:1190px;}
.logo{top:55px;}
.logo img{width:80%;}
.work .swiper-slide li,.work .swiper-slide li img{height:166px;}
.work .swiper-slide li.text{width:183px;height:166px;}
.work .swiper-slide li.img-b,.work .swiper-slide li.img-b img{height:346px;}
.work .swiper-slide .column-slide-02{width:247px;}
.work .swiper-slide .column-slide-03{width:494px;}
.swiper-container .swiper-slide{height:25pc!important;}
.inside #bannerList .swiper-slide{height:600px!important;}
.inside .joinDetail .txt03{width:7%;}
.work .swiper-button-next{right:40px;}
.work .swiper-button-prev{right:90px;}
.honor{height:600px;}
.honor .itemList .container{max-width:1250px;}
.honor .itemList li{height:110px;}
}
@media all and (max-width:1439px){.container{overflow:hidden;margin:0 auto;max-width:1010px;}
.logoTop img{width:80%;}
#nav-group{margin-left:220px;}
.work .swiper-slide li,.work .swiper-slide li img{height:136px;}
.work .swiper-slide li.text{width:153px;height:136px;font-size:14px;}
.work .swiper-slide li.img-b,.work .swiper-slide li.img-b img{height:286px;}
.work .swiper-slide .column-slide-02{width:247px;}
.work .swiper-slide .column-slide-03{width:494px;}
.swiper-container .swiper-slide{height:337px!important;}
.work .swiper-button-next{right:40px;}
.work .swiper-button-prev{right:90px;}
.inside #bannerList .swiper-slide{height:600px!important;}
.content.banner .join{bottom:-110px;height:110px;}
.content.banner .join .txtJoin{font-size:30px;}
.info{margin:10% auto 0;padding-bottom:2%;}
.info .info-left{width:25%;}
.info .info-right{width:70%;}
.honor .itemList .container{max-width:855pt;}
.honor .itemList li{width:33%;height:75pt;}
}
@media all and (max-width:1035px){.content .page-header{margin:40px 0 15px;}
.container{margin:0 auto;max-width:755px;}
.logoTop{position:absolute;top:58px;}
.logoTop img{width:90pt;}
#nav-group{margin-left:0;}
#nav-group ul{float:right;width:80%;}
.content.home.video-bg{height:538px;}
#home-more-trigger{margin-bottom:50px;}
.intro{bottom:10pc;margin-bottom:0;}
.content.banner.fixed{width:100%;height:300px;background-size:cover;background-attachment:inherit;}
.work .swiper-slide li{margin:3px;height:107px;}
.work .swiper-slide li img{height:107px;}
.work .swiper-slide li.text{width:115px;height:107px;font-size:9pt;}
.work .swiper-slide li.img-b,.work .swiper-slide li.img-b img{height:220px;}
.work .swiper-slide .column-slide-02{width:118px;}
.work .swiper-slide .column-slide-03{width:245px;}
.work .swiper-slide .column-slide-04{width:380px;}
.info{margin-top:15%;}
.info .container{max-width:90%;}
.info .info-left{border-right:none;}
.info-left .logo img{width:100%;}
.swiper-container .swiper-slide{height:277px!important;}
.honor{height:615px;}
.honor .itemList .container{max-width:840px;}
.honor .itemList li{width:33%;height:90px;}
}
@media all and (max-width:859px){.container{margin:0 auto;max-width:500px;}
.logoTop{top:11px;left:50%;margin-left:-50px;}
#translate{position:absolute!important;top:15px!important;right:0!important;width:75px!important;}
.logoTop img{width:75pt;}
#page-header{height:3rem;}
#page-header .container{padding-top:3rem;}
#nav-group{position:fixed;top:0;left:0;z-index:422;overflow-y:auto;margin:0;width:70%;height:100%;background:#1779c0;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;transform:translate(-100%,0);-ms-transform:translate(-100%,0);}
#navigation>ul:not(.social)>li:last-child{border-bottom:none;}
#navigation>ul:not(.social)>li:nth-child(1)>a,#navigation>ul:not(.social)>li:nth-child(2)>a,#navigation>ul:not(.social)>li>a{width:100%;}
.nav-toggle{display:block;width:2em;cursor:pointer;}
.nav-open{position:absolute;top:1rem;top:50%;left:0;margin-left:13.75px;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;transform:translate(0,-50%);-ms-transform:translate(0,-50%);}
.nav-open span,.nav-open:after,.nav-open:before{display:block;overflow:hidden;padding:.2em 0 0;width:100%;height:0;border-radius:0;background:#fff;content:"";}
.nav-open span{margin:.3em 0;}
.intro{bottom:84px;}
.intro .img-responsive:first-child img{height:30px;}
.intro .img-responsive:last-child img{height:20px;}
#home-more-trigger{margin-bottom:-20px;transform:scale(.6);}
.page-header{margin:30px 0 15px;font-size:20px;}
.news{padding-left:0;}
.news li .tag{margin-left:50px;width:5pc;}
.join .txtJoin{letter-spacing:1px;font-size:20px;}
.join .btnJoin{width:130px;}
.nav-on#nav-group{padding-top:0;transform:translate(0,0);-ms-transform:translate(0,0);}
.nav-close{position:relative;margin:1.6em 0 0;margin-left:13.75px;height:2.5em;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;transform:scale(0);-ms-transform:scale(0);}
.nav-on .nav-close{transform:scale(1);-ms-transform:scale(1);}
.nav-close:after,.nav-close:before{position:absolute;top:50%;left:0;display:block;overflow:hidden;margin:-.2em 0 0;padding:.3em 0 0;width:100%;height:0;border-radius:0;background:#fff;content:"";}
.nav-close:before{transform:rotate(45deg);transform-origin:50% 50%;-ms-transform:rotate(45deg);-ms-transform-origin:50% 50%;}
.nav-close:after{transform:rotate(-45deg);transform-origin:50% 50%;-ms-transform:rotate(-45deg);-ms-transform-origin:50% 50%;}
#nav-group ul.social{display:table;margin-top:1em;width:100%;text-align:center;}
#navigation>ul:not(.social)>li{height:75pt;border-bottom:1px solid #57a9e4;text-align:left;text-indent:36px;font-size:36px;line-height:75pt;}
.social li{display:table-cell;}
.work .swiper-slide .column-slide-02{width:100%;}
.content.video-bg{height:20em;}
.content.banner{padding-top:25%;}
.news .btnMore{margin-top:10%;}
.swiper-container .swiper-slide{height:auto!important;}
.info{margin-top:10%;}
.info .info-left{float:none;width:100%;border:none;text-align:center;}
.info-left .logo img{width:inherit;}
.info .info-right{margin-top:5%;width:100%;}
.content.home.video-bg{height:377px;}
.content.banner.fixed{height:75pt;}
.honor{height:680px;}
.honor .itemList .container{max-width:680px;}
.honor .itemList li{width:50%;height:70px;}
}
@media all and (max-width:550px){.container{margin:0 auto;max-width:470px;}
.content.video-bg{height:10rem;}
.intro{bottom:17px;}
#home-more-trigger{margin-bottom:-27px;}
.honor .itemList .container{max-width:500px;}
.honor .itemList li{width:50%;height:70px;}
}
@media all and (max-width:500px){.container{overflow:hidden;margin:0 auto;padding:20px 0;max-width:310px;}
.content.home.video-bg{height:200px;}
.logoTop{margin-left:-87px;}
.intro{bottom:52px;}
.nav-open{top:35%;margin-left:0;}
.content .page-header{margin:15px 0 5px;font-size:1pc;}
.news li .tag{margin-right:10px;margin-left:60px;width:45px;}
.news li span{width:20%;}
.news .btnMore{width:95%;}
.content.banner{padding-top:0;height:200px;}
.work .swiper-button-next{right:-7px;}
.work .swiper-button-prev{right:25px;}
.join{height:60px;}
.join .container{padding:0;}
.join .txtJoin{font-size:14px;}
.join .btnJoin{width:130px;height:39px;line-height:39px;}
.join .btnJoin:after{margin-top:-39px;height:39px;}
.info .info-left,.info .info-right{float:none;display:block;width:100%;border:0;}
.info .logo{text-align:center;}
.info .layout-column,.info .social{width:100%;}
.info .info-right{display:table;margin-top:.5em;}
.honor{height:620px;}
.honor .itemList .container{max-width:360px;}
.honor .itemList li{width:50%;height:60px;}
}
.news .container .coordinate{margin-top:-4px;color:#000;font-size:18px;}
.joinDetail .container .coordinate{margin-top:20px;color:#000;font-size:18px;}
.coordinate{margin-top:10px;color:#000;font-size:18px;margin-bottom:50px;}
.coordinate a{color:#000;}
.btnNext{display:flex;display:-webkit-flex;align-items:center;justify-content:center;margin-top:50px;}
.btnNext a{width:310px;height:60px;border:2px solid #474747;color:#474747;text-align:center;font-size:1pc;line-height:60px;}
.btnNext a:after{display:block;margin-top:-60px;width:0;height:60px;background:#3786be;content:"";transition:all .6s ease 0s;}
.btnNext a:hover{border:2px solid #3786be;color:#fff;}
.btnNext a:hover:after{width:100%;color:#fff;}
.btnNext a:first-child{margin-right:30px;}
.bgW{background:#fff!important;}
.content.gameInfo{/*! height:138px; */background:#ededed;padding: 70px 0 30px;}
.gameInfo .gameIntroduction{display:flex;display:-webkit-flex;margin:15px auto;max-width:1010px;}
.gameInfo .gameIntroduction .gameName{width:150px;height:150px;}
.gameIntroduction .introductionContent{position:relative;margin-left:35px;}
.gameIntroduction .introductionTitle{margin-top:10px;color:#222;font-weight:700;font-size:26px;}
.gameIntroduction p{color:#7f7f7f;font-size:1pc;}
.download{display:inline-block;margin-top:26px;width:230px;height:50px;background-repeat:no-repeat;vertical-align:middle;}
.download.iosBtn{left:0;background-image:url(//png.pookcdn.net/new_net/ios_btn.png);}
.download.androidbBtn{right:0;background-image:url(//png.pookcdn.net/new_net/android_btn.png);}
.download.anticipateBtn{background-image:url(//png.pookcdn.net/new_net/anticipate_btn.png);}
.download.intoBtn{background-image:url(//png.pookcdn.net/new_net/into_btn.png);}
.download.websiteBtn{ background-image: url(//png.pookcdn.net/new_net/btn_gw.png);}
.download.steamBtn{ background-image: url(//png.pookcdn.net/new_net/btn_steam.jpg);}
.gameIntroduction .codeImg{position:absolute;top:-3px;display:inline-block;display:none;width:75pt;height:75pt;}
.content .games{padding-left:20px;color:#171717;font-size:1pc;}
.games .gameContent{margin:30px auto;max-width:1010px;color:#000!important;}
.games .gameImg{display:block;display:flex;display:-webkit-flex;margin:0 auto;margin-bottom:15px;width:50pc;height:28pc;justify-content:center;}
.games .gameContent .txt01{margin:0 auto;width:50pc;color:#171717;font-size:1pc;}
.games .gameContent .txt02{padding:70px 44px 30px;color:#2d2d2d;font-size:28px;}
.games .itemScreenshot{position:relative;display:flex;display:-webkit-flex;margin:0 auto;max-width:1010px;justify-content:center;}
.itemScreenshot .itemContent{margin:0 auto;width:872px;height:520px;}
.itemScreenshot .swiper-container{position:relative;margin-right:auto;margin-left:auto;width:100%;height:100%;}
.itemScreenshot .swiper-slide{display:-ms-flexbox;display:flex;height:520px!important;text-align:center;font-size:18px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;}
.itemScreenshot .swiper-slide img{width:294px;height:520px;}
.itemScreenshot .swiper-button-next,.itemScreenshot .swiper-button-prev{width:13px;height:18px;background-repeat:repeat;}
.itemScreenshot .swiper-button-next{right:37px;background-image:url(//png.pookcdn.net/new_net/next_ico.png);}
.itemScreenshot .swiper-button-prev{left:37px;background-image:url(//png.pookcdn.net/new_net/pre_ico.png);}
.otherGameBtn{display:block;display:flex;margin:50px auto 0;width:311px;height:63px;background-color:#3786be;color:#fff;text-align:center;font-size:20px;line-height:63px;justify-content:center;}
.main_element{cursor:pointer;}
#translate{position:absolute;top:65px;right:0;width:60px;font-size:14px;cursor:pointer;}
#translate a{display:inline-block;color:#a4a3a3;}
#translate a.active,#translate a:hover{color:#fff;}
#translate a:first-child:after{display:inline-block;margin:4px 5px 0 10px;height:10px;border-right:1px solid #fff;content:"";}
.download.en-androidbBtn{right:0;background-image:url(//png.pookcdn.net/new_net/en/en_android_btn.png);}
.download.en-anticipateBtn{background-image:url(//png.pookcdn.net/new_net/en/en_anticipate_btn.png);}
.download.en-intoBtn{background-image:url(//png.pookcdn.net/new_net/into_btn.png);}
.download.en-iosBtn{left:0;background-image:url(//png.pookcdn.net/new_net/en/en_ios_btn.png);}
.download.en-androidbBtn{right:0;background-image:url(//png.pookcdn.net/new_net/en/en_android_btn.png);}
.download.en-steamBtn{ background-image: url(//png.pookcdn.net/new_net/btn_steam_en.png);}
.inside .joinBanner-en .swiper-pagination-bullet{box-sizing:border-box;padding:10px 0;width:83px;height:83px;color:#fff;font-size:18px;line-height:28px;opacity:1;}
.inside .joinBanner-en .swiper-pagination-bullet-active{color:#2989db;}
.joinBanner-en .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:25px;}
.joinBanner-en .swiper-container-horizontal>.swiper-pagination-bullets,.joinBanner-en .swiper-pagination-custom,.swiper-pagination-fraction{bottom:5pc;}
.inside .joinBanner-en .swiper-pagination-bullet .list_style{display:inline-block;}
.label_style{display:flex;margin-top:50px;margin-left:-20px;width:120px;text-align:center;font-size:14px;line-height:20px;accelerator:false;justify-content:center;}
.inside .joinBanner-en .swiper-pagination-bullet.list_style:nth-child(1){width:83px;height:83px;background:url(//png.pookcdn.net/new_net/en/active_icon.png) no-repeat;background-size:83px 168px;}
.inside .joinBanner-en .swiper-pagination-bullet-active.list_style:nth-child(1){background-position:0 -85px;}
.inside .joinBanner-en .swiper-pagination-bullet.list_style:nth-child(2){width:83px;height:83px;background:url(//png.pookcdn.net/new_net/en/physical_icon.png) no-repeat;background-size:83px 168px;}
.inside .joinBanner-en .swiper-pagination-bullet-active.list_style:nth-child(2){background-position:0 -85px;}
.inside .joinBanner-en .swiper-pagination-bullet.list_style:nth-child(3){width:83px;height:83px;background:url(//png.pookcdn.net/new_net/en/trip_icon.png) no-repeat;background-size:83px 168px;}
.inside .joinBanner-en .swiper-pagination-bullet-active.list_style:nth-child(3){background-position:0 -85px;}
.inside .joinBanner-en .swiper-pagination-bullet.list_style:nth-child(4){width:83px;height:83px;background:url(//png.pookcdn.net/new_net/en/tijian_icon.png) no-repeat;background-size:83px 168px;}
.inside .joinBanner-en .swiper-pagination-bullet-active.list_style:nth-child(4){background-position:0 -85px;}
.inside .joinBanner-en .swiper-pagination-bullet.list_style:nth-child(5){width:83px;height:83px;background:url(//png.pookcdn.net/new_net/en/study_icon.png) no-repeat;background-size:83px 168px;}
.inside .joinBanner-en .swiper-pagination-bullet-active.list_style:nth-child(5){background-position:0 -85px;}
.inside .joinBanner-en .infoText{position:absolute;z-index:2;display:flex;display:-webkit-flex;width:100%;height:100%;align-items:center;justify-content:center;}
.inside .joinBanner-en .swiper-slide img{width:100%;height:100%;}
.en-width{width: 40%!important;}

/* 新增的css下拉框 */

.navSelect {
    width: 100%;
    position: absolute;
    top: 43px;
    background-color: #222222;
}

.navSelect span {
    display: inline-block;
    width: 100%;
    height: 43px;
    line-height: 43px;
    margin: 0 auto;
    cursor: pointer;
    font-size: 18px;
    text-align: center;
}

.cn a {
    cursor: none;
}

a {
    text-decoration: none;
    color: #fff;
    letter-spacing: .2em;
}