@charset "UTF-8";
/* CSS Document */
/*首页css-start*/
/*焦点图*/
#banner{background:#fff; position:relative;height:600px; margin-bottom:50px;}
#banner .bannerMain{width:100%;height:600px;overflow:hidden;position:relative;}
#banner .bannerMain ul li{float:left; width:100%; height:600px;background-repeat:no-repeat;background-position:center top;}
#banner .bannerMain ul li a{ cursor:default !important; }
#banner .bannerList{text-align:center;width:100%; position: absolute;bottom:10px;}
#banner .bannerList span{display:inline-block;width:24px;height:24px;background:url(../images/bannercurrent.png) no-repeat;text-indent:-99px;overflow:Hidden; cursor:pointer;}
#banner .bannerList span.selected{background-position:-24px 0;}


.focus-banner { background:url(../images/banner.jpg) no-repeat center top; height:600px;}
.focus-dot { text-align:center; margin:0 auto; padding:16px 0 40px;}
.focus-dot a { display:inline-block; width:14px; height:14px; line-height:14px; border-radius:20px; background-color:#fff; border:2px solid #dddddd; text-indent:-999em; margin:0 3px;}
.focus-dot a.current { width:14px; height:14px; border-radius:20px; background-color:#d50f19; border:2px solid #dddddd;}

.index-tit01 { background:url(../images/tit-yxcp.jpg) no-repeat center top; height:80px;}
.index-tit02 { background:url(../images/tit-aboutus.jpg) no-repeat center top; height:80px;}
.index-tit03 { background:url(../images/tit-news.jpg) no-repeat center top; height:80px;}

.index-cont01 { height:300px; padding:18px 0 58px;}
.index-cont01 li { float:left; width:300px; height:300px; position:relative;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.index-cont01 li.li01 { background:url(../images/pic-yxcp-01.jpg) no-repeat center top;}
.index-cont01 li.li02 { background:url(../images/pic-yxcp-02.jpg) no-repeat center top;}
.index-cont01 li.li03 { background:url(../images/pic-yxcp-03.jpg) no-repeat center top;}
.index-cont01 li.li04 { background:url(../images/pic-yxcp-more.jpg) no-repeat center top;}
.index-cont01 li.li04 a.more { width:300px; height:300px; display:inline-block;}

.index-cont01 li .li-infobg { position: absolute; bottom:0; left:0; width:300px; height:130px;  background: #000; background: rgba(0,0,0,.7); opacity: 0; filter: alpha(opacity=70); transition: all .35s ease; -o-transition: all .35s ease; -webkit-transition: all .35s ease; -moz-transition: all .35s ease;  -ms-transition: all .35s ease; visibility: hidden\0; border-radius:2px;color:#fff;}
.index-cont01 li.li-hover .li-infobg{opacity: 1;}

/*.index-cont01 li.li-hover .li-infobg { position:absolute; bottom:0; left:0; width:300px; height:130px; background: #000; background: rgba(0,0,0,.7); filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0); color:#fff; }*/
.index-cont01 li .li-infobg h3 { font-size:32px; text-align:center; line-height:90px; padding:12px 0 ;}
.index-cont01 li .li-info { font-size:14px; }
.index-cont01 li .li-info a { background:url(../images/icon.png) no-repeat -999px -999px; display:inline-block; font-size:14px; color:#fff; }
.index-cont01 li .li-info a.android { background-position:-230px 3px; padding:10px 40px 10px 63px;}
.index-cont01 li .li-info a.ios { background-position:-468px 3px; padding:10px 0px 10px 26px;}

.index-cont02 { padding:18px 0 70px;}
.index-cont02 p { text-indent:2em; line-height:30px; font-size:18px; font-family: PingFangSC-Light, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.index-cont03 {padding:25px 0 100px;}
.index-cont03 .form-tit { padding-bottom:20px;}
.index-cont03 .form-wrap { width:515px;}

.index-cont03 .form-wrap input { color:#666; font-family: PingFangSC-Light, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 1px solid #ccc; border-radius: 4px; width: 452px; height: 60px; line-height: 60px; padding: 0px 0 0px 63px; font-size: 18px; margin-bottom:30px;}
.index-cont03 .form-wrap input.icon-01 { background:url(../images/icon.png) no-repeat -452px -191px; background-color:#fff}
.index-cont03 .form-wrap input.icon-02 { background:url(../images/icon.png) no-repeat -452px -303px;background-color:#fff}
.index-cont03 .form-wrap input.icon-03 { background:url(../images/icon.png) no-repeat -452px -419px;background-color:#fff}
.index-cont03 .form-wrap textarea { border: 1px solid #ccc; border-radius: 4px; width: 509px; line-height:30px; padding:3px; font-size: 18px; margin-bottom:30px;}



.index-cont03 .form-wrap .btn-yygwzx { margin-left:92px; width:330px; height:70px; line-height:70px; text-align:center; font-size:24px; color:#ff9900; border:1px solid #f90; background-color:#fff;font-family: PingFangSC-Light, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.index-cont03 .form-wrap a.btn-yygwzx { margin:0 auto; display:block; width:328px; height:70px; line-height:70px; text-align:center; font-size:24px; color:#ff9900; border:1px solid #f90; background-color:#fff;font-family: PingFangSC-Light, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}




/*手游定制*/
.sydz-banner { background:url(../images/banner.jpg) no-repeat center top; height:400px;}

.sydz-cont { padding:53px 0;font-family: PingFangSC-Light, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.sydz-cont h2 { background:url(../images/tit.jpg) no-repeat center top; height:82px;}
.sydz-cont01 { background:url(../images/pic-01.jpg) no-repeat 862px 65px; height:360px;}
.sydz-cont01 h3 { font-size:36px; width:730px; padding:112px 0px 30px 34px; }
.sydz-cont01 p { font-size:22px; line-height:40px; width:730px; padding-left:34px;}

.sydz-cont02 { background:url(../images/pic-02.jpg) no-repeat 40px 0px; height:402px;}
.sydz-cont02 h3 { font-size:36px; width:550px; padding:70px 0px 30px 580px; }
.sydz-cont02 p { font-size:22px; line-height:40px; width:550px; padding-left:580px;}

.sydz-cont03 { background:url(../images/pic-03.jpg) no-repeat 646px 0px; height:256px;}
.sydz-cont03 h3 { font-size:36px; width:510px; padding:50px 0px 30px 35px; }
.sydz-cont03 p { font-size: 20px;
    line-height: 38px;
    width: 530px;
    padding-left: 35px;}

.sydz-cont04 { background:url(../images/pic-04.jpg) no-repeat 19px 0px; height:415px;}
.sydz-cont04 h3 { font-size:36px; width:560px; padding:112px 0px 30px 587px; }
.sydz-cont04 p { font-size:22px; line-height:40px; width:560px; padding-left:587px;}

/*游戏产品*/

/*页面类型1*/
.yxcp-contbg-01 { background:url(../images/contbg-01.jpg) no-repeat center top; height:538px; }
.yxcp-contbg-02 { background:url(../images/contbg-02.jpg) no-repeat center top; height:538px; }
.yxcp-contbg-03 { background:url(../images/contbg-03.jpg) no-repeat center top; height:538px; }
.yxcp-contbg-04 { background:url(../images/contbg-04.jpg) no-repeat center top; height:538px; }

.yxcp-type01 { padding:185px 0 0 535px; color:#fff;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.yxcp-type01 h3 { font-size:24px; line-height:36px;}
.yxcp-type01 p { font-size:18px; line-height:30px; width:626px;}
.yxcp-type01 .link-info { padding-top:50px; }
.yxcp-type01 .link-info img{float:left; margin-right:20px; width:100px; height:100px;}
.yxcp-type01 .link-info a { background:url(../images/icon.png) no-repeat -999px -999px; display:inline-block; font-size:24px; color:#fff; }
.yxcp-type01 .link-info a.android { background-position:-455px -545px; padding:10px 0px 10px 47px;}
.yxcp-type01 .link-info a.ios { background-position:-275px -545px; padding:10px 0px 10px 37px; margin-right:53px;}


.yxcp-type02 { padding:185px 0 0 25px;}



/*页面类型2*/
.yxcp-cont01-bg { background:url(../images/cont-01.jpg) no-repeat center top; height:538px; }
.yxcp-cont01 { padding:364px 0 0 535px; }
.yxcp-cont01 a { display:inline-block; text-indent:-999em;}
.yxcp-cont01 a.ios { width:125px; height:35px; margin-right:55px;}
.yxcp-cont01 a.android { width:180px; height:35px; }

.yxcp-cont02-bg { background:url(../images/cont-02.jpg) no-repeat center top; height:538px; }
.yxcp-cont02 { padding:372px 0 0 22px; }
.yxcp-cont02 a { display:inline-block; text-indent:-999em;}
.yxcp-cont02 a.ios { width:125px; height:35px; margin-right:55px;}
.yxcp-cont02 a.android { width:180px; height:35px; }

.yxcp-cont03-bg { background:url(../images/cont-03.jpg) no-repeat center top; height:538px; }
.yxcp-cont04-bg { background:url(../images/cont-04.jpg) no-repeat center top; height:538px; }


/*加入我们*/
.join-banner { background: url(../images/banner.jpg) no-repeat center top; height:421px;}
.join-cont { background-color:#f2f2f2; padding:50px 0; font-family: PingFangSC-Light, sans-serif; }
.join-left-wrap { background:#fff; padding:10px 20px;}
.join-left-wrap h3 { font-size:24px; padding-top:10px; line-height:60px; border-bottom:1px solid #ededed;}
.join-left-wrap ul { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.join-left-wrap ul li { border-bottom:1px solid #ededed; height:59px; line-height:60px; font-size:20px; padding-left:50px; background:url(../images/icon.jpg) no-repeat -999px -999px; }
.join-left-wrap ul li.li01 { background-position:0px 15px; }
.join-left-wrap ul li.li02 { background-position:0px -47px; }
.join-left-wrap ul li.li03 { background-position:0px -107px; }
.join-left-wrap ul li.li04 { background-position:0px -167px; }
.join-left-wrap ul li:hover.li01,.join-left-wrap ul li.li01.current { background-position:0px -236px; color:#ff9900; }
.join-left-wrap ul li:hover.li02,.join-left-wrap ul li.li02.current { background-position:0px -298px; color:#ff9900; }
.join-left-wrap ul li:hover.li03,.join-left-wrap ul li.li03.current { background-position:0px -358px; color:#ff9900; }
.join-left-wrap ul li:hover.li04,.join-left-wrap ul li.li04.current { background-position:0px -418px; color:#ff9900; }
.join-left-wrap ul li.current a{ color:#ff9900; }
.join-left-wrap ul li:hover a{ color:#ff9900; }

.post_fl{width:220px; float:left; margin-right: 20px; }
.join-left-hr { background:#fff; padding:10px 20px 50px; width:220px; margin-top:25px;}
.join-left-hr p { padding-top:20px; font-size:14px; line-height:26px;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.join-left-hr p.mail { background:url(../images/icon.jpg) no-repeat -10px -478px; padding-left:30px; font-size:16px; line-height:26px}
.join-left-hr p.weixin { background:url(../images/icon.jpg) no-repeat -10px -545px; padding-left:30px; padding-top:10px; font-size:16px; line-height:26px}

/*.post-pic:hover { transform: scale(1.1); transition: all 0.3s; }*/
.post-name { font-size: 18px; font-weight: 700;  color: #666666;}
.post-open { width: 1190px; margin: 0 auto;}
.post-classify { width: 220px; background: #fff; padding: 20px 20px 0;height:380px;}
.job-title { width: 830px; height: 615px; background: #fff; padding: 40px 40px 0;}
.recruit-name,.post-classify li { height: 66px; line-height: 66px; padding-left:10px;}
.recruit-name { font-size: 22px; color: #333333; border-bottom:1px solid #ededed;}
.post-classify li { font-size: 18px; color: #666; cursor: pointer;}
.post-classify li:hover,.post-classify li.current,.post-job li:hover,.post-job li.current { color: #f90; }
.post-job { padding: 8px 0 4px; border-bottom: 1px solid #EDEDED; margin-bottom: 23px;}
.post-job li { height: 20px; line-height: 20px; color: #666; cursor: pointer; font-size: 18px; padding-right: 19px; margin-right: 12px; margin-bottom: 14px;}
.bdr { border-right: 1px solid #D9D9D9; }
.mb35 { margin-bottom: 44px; margin-left: 20px;}
.mb35 h3 { font-size: 17px; color: #545557; margin-bottom: 11px;}
.job-descrip { line-height: 30px; color: #666666; font-size: 15px; }


.top {display: block; width: 218px; cursor: pointer; height: 60px; margin: 45px auto 75px; background: url(../images/web_btn_top.png);}
.top:hover { background: url(../images/web_btn_top_hover.png); }

.job-first,.job-second {display: none;}
.job-current { display: block; color: #D50F19; }
.second-current { display: block; }
.broadcast:hover .word  { color: #D50F19;}


/*联系我们*/
.contact-banner { background: url(../images/banner.png) no-repeat center top; height:421px;}
.contact_con{background-color:#f2f2f2; padding:50px;}
.contact_infobox{width:1120px; background-color:#fff; padding:40px;}
.tablebox{width:600px;}
.contact_formtit{text-align:center; }
.contact_formtit h3{font-size:32px; }
.contact_formtit p{font-size:16px; line-height:300%; color:#999}
.contact-cont03 {width:550px; padding-left:50px;}
.contact-cont03 .form-tit { padding-bottom:20px;}
.contact-cont03 .form-wrap { width:550px;}

.contact-cont03 .form-wrap input { color:#666; font-family: PingFangSC-Light, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 1px solid #ccc; border-radius: 4px; width: 452px; height: 60px; line-height: 60px; padding: 0px 0 0px 63px; font-size: 18px; margin-bottom:30px;}
.contact-cont03 .form-wrap input.icon-01 { background:url(../images/icon.png) no-repeat -452px -191px; background-color:#fff}
.contact-cont03 .form-wrap input.icon-02 { background:url(../images/icon.png) no-repeat -452px -303px;background-color:#fff}
.contact-cont03 .form-wrap input.icon-03 { background:url(../images/icon.png) no-repeat -452px -419px;background-color:#fff}
.contact-cont03 .form-wrap textarea { border: 1px solid #ccc; border-radius: 4px; width: 509px; line-height:30px; padding:3px; font-size: 18px; margin-bottom:30px;}
.contact-cont03 .form-wrap .btn-yygwzx { margin-left:92px; width:330px; height:70px; line-height:70px; text-align:center; font-size:24px; color:#ff9900; border:1px solid #f90; background-color:#fff;font-family: PingFangSC-Light, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.contact-cont03 .form-wrap a.btn-yygwzx { margin:0 auto; display:block; width:328px; height:70px; line-height:70px; text-align:center; font-size:24px; color:#ff9900; border:1px solid #f90; background-color:#fff;font-family: PingFangSC-Light, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.contact_infobox p{color:#666}
.maplink{width:150px; height:50px; line-height:50px; text-align:center; display:block; font-size:16px; margin-top:10px;}
.maplink:link,.maplink:hover,.maplink:visited,.maplink:active{color:#fff;}
.maplink:link,.maplink:visited{background-color:#ff9933;}
.maplink:hover,.maplink:active{background-color:#333333;}

.icon-error{border:2px solid #f0470c !important;}


/* 首页新闻 */
.index-cont03 .news_list{
    margin-top: 26px;
}
.index-cont03 .news_list li{
    border-bottom: solid 1px #dedede;
    padding: 0 20px 20px 0;
    margin-bottom: 20px;
    float: left;
    width: 560px;
}
.index-cont03 .news_list li:first-child,.index-cont03 .news_list li:last-child{
    border-bottom: none;
}
.index-cont03 .news_list li:first-child{
    margin-right: 45px;
    width: 515px;
}
.index-cont03 ul li:first-child a img.ind_news_1stimg {
    border: solid 10px #fc9a03;
    margin-bottom: 25px;
    height: 287px;
    width: 495px;
}
.ind_news_title {
    overflow: hidden;
    text-decoration: none;
    line-height: 26px;
    font-size: 18px;
    color: #000;
    height: 26px;
}
.index-cont03 ul li:first-child .ind_news_title {
    height: auto;
}
.index-cont03 ul li:first-child .ind_news_date{
    color: #999;
    margin: 10px 0;
}
.ind_news_text {
    text-decoration: none;
    text-align: justify;
    margin-top: 8px;
    line-height: 24px;
    font-size: 14px;
    height: 48px;
    color: #949494;
    overflow: hidden;
}
.index-cont03 ul li:first-child .ind_news_text {
    height: 72px;
}
.clearFix::after{
    content: '';
    display: block;
    clear: both;

}
.index-cont03 ul li .dateblock {
    margin-right: 10px;
    text-align: center;
    padding: 16px 10px;
    color: #fc9a03;
    float: left;
    width: 56px;
    background-color: #f2f2f2;
    transition: 0.6s;
}
.index-cont03 ul li .dateblock p:first-child {
    line-height: 34px;
    font-size: 38px;
}
.index-cont03 ul li .dateblock p:last-child {
    line-height: 14px;
    font-size: 10px;
}
.index-cont03 .news_list li:hover .ind_news_title{
    color: #fc9a03;
    font-weight: 600;
}
.index-cont03 .news_list li:hover .dateblock{
    color: #fff;
    background-color: #fc9a03;
}
.more_link{
    margin-top: 30px;
    display: block;
    text-align: center;
}
.more_link .more{
    border: 2px solid #fc9a03;
    padding: 10px 40px;
    font-size:18px;
    line-height: 1.8;
    border-radius: 30px;
    text-align: center;
    transition: 0.6s;
}
.more_link:hover .more{
    background-color: #fc9a03;
    color: #fff;
}



.pd40{
    padding-bottom: 40px;
}
.job-title{
    height: auto;
}
.clearFix::after{
    content: '';
    display: block;
    clear: both;
}
.job-second{
    border-bottom: 1px dashed #ccc;
    padding: 15px 0;
}
.job-second:last-child{
    border: 0;
}
.job-second .dateblock {
    margin-right: 30px;
    text-align: center;
    padding: 16px;
    color: #fc9a03;
    float: left;
    width: 56px;
    background-color: #f2f2f2;
    transition: 0.6s;
}
.job-second .dateblock p:first-child {
    line-height: 34px;
    font-size: 38px;
}
.job-second .dateblock p:last-child {
    line-height: 14px;
    font-size: 10px;
}
.job-second:hover .ind_news_title{
    color: #fc9a03;
    font-weight: 600;
}
.job-second:hover .dateblock{
    color: #fff;
    background-color: #fc9a03;
}

.my-4 {
    margin: 1.5rem 0!important;
}
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.page-num, .page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #fc9a03;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.page-num, .page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #fc9a03;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-num-current {
    z-index: 1;
    color: #fff;
    background-color: #fc9a03;
    border-color: #fc9a03;
}


.news_wrap ul li {
    border-bottom: 1px solid #ededed;
    height: 59px;
    line-height: 60px;
    font-size: 20px;
    padding-left: 10px;
    background: none;
}
.news_content .post-job h3{
    font-size: 24px;
    text-align: center;
}
.news_content .post-job .date{
    color: #ccc;
    font-size: 16px;
    text-align: center;
    padding: 10px 0;
}
.news_content .content{
    padding: 0 30px;
    text-indent: 2em;
    font-size: 16px;
}
.news_content .content p{
    padding: 10px 0;
    line-height: 1.8;
}
.news_content .content p img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}