.TopLogo{
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: url("/image/TopLogo.jpg") no-repeat;
    background-size: 100% 100%;
    font-size: 12px;
    letter-spacing: 23px;
    color: #fff;
    text-align: center;
}

.NavBox{
    background: #fff;
    height: 110px;
    line-height: 110px;
}

/*PC——logo*/
#logo{
    display: inline-block;
}

/*PC——nav*/
.FirstNav{
    display: inline-block;
}

.FirstNav .nav li{
    float: left;
    text-align: center;
    padding: 0;
}

.FirstNav .nav li > a{
    color: #422922;
    font-size: 16px;
}

.FirstNav .nav >li> a >.caret{
    display: none;
}

.FirstNav .nav >li> a:hover,.FirstNav .nav >li.active>a{
    color: #ffcc33;
    background: #fff;
}

.FirstNav .nav >li> a:hover >.caret,.FirstNav .nav >li.active> a>.caret,.FirstNav .nav>li.active> a:hover>.caret {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -8px;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 0;
    border-bottom: 8px solid  #ffcc33;
    border-bottom: 8px solid\9;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.MoblieNavButtonBox,.SecondNavBox{
    display: none;
}

/*PC——banner*/
#banner .PcBanner{
    display: block;
}

#banner .MoblieBanner{
    display: none;
}

#banner .PcBanner > .left >.BannerLeft{
    display: inline-block;
    background: url("/images/icon_BannerLeft.png") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 129px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -64.5px;
}


#banner .PcBanner > .right >.BannerRight{
    display: inline-block;
    background: url("/images/icon_BannerRight.png") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 129px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -64.5px;
}

#PcBanner .PcBannerButton {
    position: absolute;
    bottom: -100px;
    left: 50%;
    z-index: 15;
    width: 800px;
    padding-left: 0;
    margin-left: -400px;
    text-align: center;
    list-style: none
}

#PcBanner .PcBannerButton li {
    float: left;
    width: 200px;
    height: 90px;
    cursor: pointer;
    vertical-align: middle;
    box-sizing: border-box;
    position: relative;
}

#PcBanner .PcBannerButton li > .PcBannerShadow{
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
}

#PcBanner .PcBannerButton li.active > .PcBannerShadow {
    background: transparent;
    border: 3px solid #ffcc33;
    opacity: 1;
}

#PcBanner .PcBannerButton li img{
    max-width: 100%;
    max-height: 100%;
}

#banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop{
    width: 100%;
    height: 120px;
}

#banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop > .BannerGameIcon{
    height: 100%;
    margin-right: 30px;
    vertical-align:top;
}

#banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop > .BannerGameQRcode{
    display: inline-block;
    width: 120px;
    height: 100%;
    position: relative;
}

#banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop > .BannerGameQRcode >img{
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameTop >.BannerGameQRcode>.PcBannerGameShadow{
    background: transparent;
    border: 3px solid #ffcc33;
    opacity: 1;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
}

#PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameTop >.BannerGameQRcode .caret {
    position: absolute;
    left:-10px;
    top: 50%;
    margin-top: -8px;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-left: 0;
    border-right: 8px solid  #ffcc33;
    border-right: 8px solid\9;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

#PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid{
    margin-top: 28px;
}

#PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid .BannerGameName{
    font-size: 48px;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid .BannerGameBrief{
    font-size: 36px;
    padding: 15px 0 7px;
    border-bottom: 3px solid #ffcc33;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid .BannerGameMain{
    padding-top: 4px;
    font-size: 16px;
    line-height: 33px;
}

#PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameBot{
    display: inline-block;
    width: 140px;
    height: 50px;
    line-height: 50px;
    background: #ffcc33;
    color: #fff;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}


/*News*/
#NewsList,#HotList{
    width: 100%;
    margin-top: 134px;
    color: #422922;
    background: #f9f9f9;
}

#NewsList .NewsListTitle,#HotList .HotListTitle{
    padding: 0;
}

.NewsListTitle p.NewsListTitleLeft,.HotListTitle p.HotListTitleLeft{
    font-size: 30px;
    line-height: 46px;
    border-bottom: 5px solid #ffcc33;
    box-sizing: border-box;
    text-align: center;
}

.NewsListTitle p.NewsListTitleRight,.HotListTitle p.HotListTitleRight{
    height: 51px;
    line-height: 51px;
    border-bottom: 5px solid #f2f2f2;
    box-sizing: border-box;
}

.NewsListTitle p.NewsListTitleRight .NewsListmore,.HotListTitle p.HotListTitleRight .HotListmore{
    display: inline-block;
    background: url("/images/icon_MoreNormal.png") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    right: 15px;
    bottom: 5px;
    width: 43px;
    height: 37px;
}

.NewsListTitle p.NewsListTitleRight .NewsListmore:hover,.HotListTitle p.HotListTitleRight .HotListmore:hover{
    background: url("/images/icon_MoreHover.png") no-repeat center center;
    background-size: 100% 100%;
}

.NewsListMain,.HotListMain{
    margin-top: 32px;
    background: #fff;
}

.NewsListMain,.NewsListMain .NewsBox{
    padding: 20px 15px;
}

.NewsListMain .NewsBox>.row>.NewsImgBox >a{
    margin-left: 10px;
    cursor: pointer;
}

.NewsListMain .NewsBox>.row>.NewsImgBox >a>.NewsImg{
    /*margin-left: 10px;*/
    max-width: 100%;
    max-height: 100%;
}

.NewsListMain .NewsBox>.row>.NewsMain>.row>.NewsMainTop>.row>.NewsMainLogo{
    height: 45px;
    line-height: 45px;
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.NewsListMain .NewsBox>.row>.NewsMain>.row>.NewsMainTop>.row>.GameNewsMainLogo{
    background: #ffcc33;
}

.NewsListMain .NewsBox>.row>.NewsMain>.row>.NewsMainTop>.row>.CompanyNewsMainLogo{
    background: #ff6a0c;
}

.NewsListMain .NewsBox>.row>.NewsMain>.row>.NewsMainTop>.row>.NewsMainTime{
    height: 45px;
    line-height: 73px;
    color: #959595;
    text-align: left;
    font-size: 16px;
}


.NewsListMain .NewsBox>.row>.NewsMain>.row>.NewsMainMid{
    margin-top: 5px;
    padding: 0;
    color: #959595;
    text-align: left;
    font-size: 16px;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.NewsListMain .NewsBox>.row>.NewsMain>.row>.NewsMainBot{
    margin-top: 5px;
    padding: 0;
    color: #959595;
    text-align: left;
    font-size: 16px;
    height: 42px;
    /*white-space:nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Hot*/
#HotList{
    margin-top: 40px;
}

/*#HotList .container .row .HotListMain .row .HotListBig,#HotList .container .row .HotListMain .row .HotListMid{*/
    /*height: 420px;*/
/*}*/

#HotList .container .row .HotListMain .row .HotList .HotGameStyle{
    position: absolute;
    top: 0;
    right: 15.5px;
    font-size: 16px;
    z-index: 10;
}

#HotList .container .row .HotListMain .row .HotList .HotGameStyle p{
    background: #ffcc33;
    color: #fff;
    padding: 6px 10px;
    text-align: center;
}

#HotList .container .row .HotListMain .row .HotList .HotListHoverBox{
    display: none;
}

#HotList .container .row .HotListMain .row .HotList:hover .HotListHoverBox{
    display: block;
}

#HotList .container .row .HotListMain .row .HotList .HotListHoverBox{
    position: absolute;
    top: 0;
    left: 15px;
    bottom: 0;
    right: 15.5px;
}

#HotList .container .row .HotListMain .row .HotList .HotListHoverBox .mark{
    background: #000;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#HotList .container .row .HotListMain .row .HotList .HotListHoverBox .HotGameNameMain{
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#HotList .container .row .HotListMain .row .HotList .HotListHoverBox .HotGameNameMain .HotGameName{
    font-size:30px;
    position: absolute;
    top: 23%;
    left: 50%;
    margin-left: -64px;
    letter-spacing: 2px;
}

#HotList .container .row .HotListMain .row .HotList .HotListHoverBox .HotGameNameMain .Yellowline{
    width: 352px;
    height: 3px;
    position: absolute;
    top: 37%;
    left: 50%;
    margin-left: -176px;
    background: #ffcc33;
}

#HotList .container .row .HotListMain .row .HotList .HotListHoverBox .HotGameNameMain .HotGameMain{
    width: 338px;
    position: absolute;
    top: 44%;
    left: 50%;
    margin-left: -169px;
    text-align: left;
    line-height: 30px;
}

#HotList .container .row .HotListMain .row .HotList .HotListHoverBox .HotGameNameMain .HotGameButton{
    width: 140px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: 63%;
    left: 50%;
    margin-left: -70px;
    text-align: center;
    background: #ffcc33;
    color: #fff;
}

#HotList .container .row .HotListMain .row .HotList img{
    /*width: 652px;*/
    /*height: 420px;*/
    width: 100%;
}

/*#HotList .container .row .HotListMain .row .HotListMid img{*/
    /*width: 457px;*/
    /*height: 420px;*/
/*}*/

/*#HotList .container .row .HotListMain .row .HotListSmall img{*/
    /*width: 360px;*/
    /*height: 265px;*/
/*}*/

#HotList .container .row .HotListMain .row .HotListSmall{
    margin: 15px 0;
    /*width:390px;*/
    /*height: 265px;*/
}

#HotList .container .row .HotListMain .row .HotListSmall.HotListSmallImg{
    /*width:390px;*/
    /*height: 265px;*/
}

#HotList .container .row .HotListMain .row .HotListSmall .HotListSmallHoverBox .HotGameNameMain .HotGameName{
    top: 15%;
}

#HotList .container .row .HotListMain .row .HotListSmall .HotListSmallHoverBox .HotGameNameMain .Yellowline{
    width: 260px;
    top: 34%;
    margin-left: -130px;
}

#HotList .container .row .HotListMain .row .HotListSmall .HotListSmallHoverBox .HotGameNameMain .HotGameMain{
    width: 250px;
    top: 41%;
    margin-left: -125px;
}

#HotList .container .row .HotListMain .row .HotListSmall .HotListSmallHoverBox .HotGameNameMain .HotGameButton{
    top: 78%;
}

#Map{
    background: #ffc61b;
    margin-top: 40px;
}

#Map .container .FooterTop{
    padding: 30px 0;
}

#Map .container .FooterTop .row .MapBox{
    box-sizing: border-box;
    border-right: 1px dashed #fff;
    list-style: none;
    height: 140px;
}

#Map .container .FooterTop .row .MapBox:last-child{
    border:0;
}

#Map .container .FooterTop .row .MapBox .MapTitle{
    height: 41px;
    line-height: 41px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin: 0;
}

#Map .container .FooterTop .row .MapBox .MapTitle>i{
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 100%;
    margin-right: 3px;
}

#Map .container .FooterTop .row .MapBox a{
    display: block;
    color: #fff;
    font-size: 16px;
    /*text-align: center;*/
    box-sizing: border-box;
    padding-left: 65px;
    line-height: 30px;
    cursor: pointer;
}

#Map .container .FooterTop .row .MapBox a:hover{
    text-decoration: none;
}

#Map .container .FooterTop .row .MapBox .MapTitle>i.MapProduct{
    background: url("/images/icon_MapProduct.png") no-repeat;
    background-size: 100% 100%;
}

#Map .container .FooterTop .row .MapBox .MapTitle>i.MapNews{
    background: url("/images/icon_MapNews.png") no-repeat;
    background-size: 100% 100%;
}

#Map .container .FooterTop .row .MapBox .MapTitle>i.MapCooperate{
    background: url("/images/icon_MapCooperate.png") no-repeat;
    background-size: 100% 100%;
}

#Map .container .FooterTop .row .MapBox .MapTitle>i.MapAbout{
    background: url("/images/icon_MapAbout.png") no-repeat;
    background-size: 100% 100%;
}

#Map .container .FooterTop .row .MapBox .MapTitle>i.MapAbout{
    background: url("/images/icon_MapAbout.png") no-repeat;
    background-size: 100% 100%;
}

#Map .container .FooterTop .row .MapBox .MapTitle>i.MapInvestor{
    background: url("/images/icon_MapInvestor.png") no-repeat;
    background-size: 100% 100%;
}

#Map .container .FooterTop .row .MapBox .MapTitle>i.MapCommunity{
    background: url("/images/icon_MapCommunity.png") no-repeat;
    background-size: 100% 100%;
}

#Newstop{
    background: url("/images/NewsTop.jpg") no-repeat center center;
}

#Newstop .NewsIcon{
    background: url("/images/NewsIcon.png") no-repeat;
    background-size: 100% 100%;
    margin-left: -57.5px;
}

#Abouttop{
    background: url("/images/AboutTop.jpg") no-repeat center center;
}

#Abouttop .IntroIcon{
    background: url("/images/IntroductionIconNation.png") no-repeat;
    background-size: 100% 100%;
    margin-left: -257.5px;
}

#Abouttop .IntroIcon:hover,#Abouttop .IntroIcon.active{
    background: url("/images/IntroductionIconHover.png") no-repeat;
    background-size: 100% 100%;
}

#Abouttop .HistoryIcon{
    background: url("/images/HistoryIconNation.png") no-repeat;
    background-size: 100% 100%;
    margin-left: -57.5px;
}

#Abouttop .HistoryIcon:hover,#Abouttop .HistoryIcon.active{
    background: url("/images/HistoryIconHover.png") no-repeat;
    background-size: 100% 100%;
}

#Abouttop .RecruitIcon{
    background: url("/images/RecruitIconNation.png") no-repeat;
    background-size: 100% 100%;
    margin-left: 142.5px;
}

#Abouttop .RecruitIcon:hover,#Abouttop .RecruitIcon.active{
    background: url("/images/RecruitIconHover.png") no-repeat;
    background-size: 100% 100%;
}

.AboutMain>div{
    display: none;
}

.CPculture{
    margin: 40px 0;
}

.CPculture>.txt{
    text-align: center;
    font-size: 18px;
    color: #422922;
}

.zongzhi{
    width: 100%;
    height: 113px;
    position: relative;
    margin: 17px 0 9px 0;
}

.CPculture>.zongzhi>.icon_zz{
    width: 129px;
    height:113px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
}

.CPculture>.zongzhi>.zz01{
    background: url("/image/icon_zz01.png") no-repeat;
    background-size: 100% 100%;
    margin-left: -364px;
}

.CPculture>.zongzhi>.zz02{
    background: url("/image/icon_zz02.png") no-repeat;
    background-size: 100% 100%;
    margin-left: -164px;
}

.CPculture>.zongzhi>.zz03{
    background: url("/image/icon_zz03.png") no-repeat;
    background-size: 100% 100%;
    margin-left: 36px;
}

.CPculture>.zongzhi>.zz04{
    background: url("/image/icon_zz04.png") no-repeat;
    background-size: 100% 100%;
    margin-left: 236px;
}

.strategybox{
    margin-top: 90px;
}

.strategymain {
    width: 100%;
    height: 409px;
    border: 5px solid #422922;
    box-sizing: border-box;
    position: relative;
}

.strategymain .icon_spy{
    width: 170px;
    height: 148px;
    position: absolute;
    top: -76.5px;
    left: 50%;
    margin-left: -85px;
}

.CPstrategy>.row>.strategybox>.strategymain>.spy01{
    background: url("/image/icon_sgy01.png") no-repeat;
    background-size: 100% 100%;
}

.CPstrategy>.row>.strategybox>.strategymain>.spy02{
    background: url("/image/icon_sgy02.png") no-repeat;
    background-size: 100% 100%;
}

.CPstrategy>.row>.strategybox>.strategymain>.spy03{
    background: url("/image/icon_sgy03.png") no-repeat;
    background-size: 100% 100%;
}

.strategybox p{
    position: absolute;
    font-size: 16px;
    color: #422922;
    text-indent: 2em;
    line-height: 30px;
    top: 25%;
    left: 40px;
    right: 30px;
}

.history{
    height: 7834px;
    position: relative;
}

.history>.timeline{
    width: 149px;
    height: 100%;
    background: url("/images/timeline.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -74.5px;
}


.history>div.time{
    opacity: 0;
}

.history>.time01{
    width: 500px;
    height: 409px;
    background: url("/images/time01.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 395px;
    left: 50%;
    margin-left: 100px;
}

.history>.time02{
    width: 296px;
    height: 354px;
    background: url("/images/time02.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 527px;
    left: 50%;
    margin-left: -398px;
}

.history>.time03{
    width: 500px;
    height: 496px;
    background: url("/images/time03.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 1363px;
    left: 50%;
    margin-left: 100px;
}

.history>.time04{
    width: 500px;
    height: 343px;
    background: url("/images/time04.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 1500px;
    left: 50%;
    margin-left: -602px;
}

.history>.time05{
    width: 500px;
    height: 343px;
    background: url("/images/time05.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 1885px;
    left: 50%;
    margin-left: -602px;
}

.history>.time06{
    width: 500px;
    height: 138px;
    background: url("/images/time06.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 2036px;
    left: 50%;
    margin-left: 100px;
}

.history>.time07{
    width: 500px;
    height: 424px;
    background: url("/images/time07.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 2765px;
    left: 50%;
    margin-left: 100px;
}

.history>.time08{
    width: 500px;
    height: 343px;
    background: url("/images/time08.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 2918px;
    left: 50%;
    margin-left: -602px;
}

.history>.time09{
    width: 500px;
    height: 122px;
    background: url("/images/time09.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 3232px;
    left: 50%;
    margin-left: 100px;
}

.history>.time010{
    width: 500px;
    height: 343px;
    background: url("/images/time010.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 3305px;
    left: 50%;
    margin-left: -602px;
}

.history>.time011{
    width: 500px;
    height: 199px;
    background: url("/images/time011.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 3447px;
    left: 50%;
    margin-left: 100px;
}

.history>.time012{
    width: 500px;
    height: 199px;
    background: url("/images/time012.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 4115px;
    left: 50%;
    margin-left: 100px;
}

.history>.time013{
    width: 296px;
    height: 354px;
    background: url("/images/time013.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 4225px;
    left: 50%;
    margin-left: -398px;
}

.history>.time014{
    width: 500px;
    height: 244px;
    background: url("/images/time014.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 4358px;
    left: 50%;
    margin-left: 100px;
}

.history>.time015{
    width: 500px;
    height: 216px;
    background: url("/images/time015.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 4647px;
    left: 50%;
    margin-left: 100px;
}

.history>.time016{
    width: 296px;
    height: 354px;
    background: url("/images/time016.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 4780px;
    left: 50%;
    margin-left: -398px;
}

.history>.time017{
    width: 500px;
    height: 432px;
    background: url("/images/time017.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 4910px;
    left: 50%;
    margin-left: 100px;
}

.history>.time018{
    width: 296px;
    height: 354px;
    background: url("/images/time018.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 5262px;
    left: 50%;
    margin-left: -398px;
}

.history>.time019{
    width: 500px;
    height: 470px;
    background: url("/images/time019.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 5387px;
    left: 50%;
    margin-left: 100px;
}

.history>.time020{
    width: 500px;
    height: 133px;
    background: url("/images/time020.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 5900px;
    left: 50%;
    margin-left: 100px;
}

.history>.time021{
    width: 500px;
    height: 343px;
    background: url("/images/time021.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 6498px;
    left: 50%;
    margin-left: -602px;
}

.history>.time022{
    width: 500px;
    height: 483px;
    background: url("/images/time022.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 6560px;
    left: 50%;
    margin-left: 100px;
}

.history>.time023{
    width: 296px;
    height: 354px;
    background: url("/images/time023.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 6897px;
    left: 50%;
    margin-left: -398px;
}

.history>.time024{
    width: 500px;
    height: 289px;
    background: url("/images/time024.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 7088px;
    left: 50%;
    margin-left: 100px;
}

.history>.time025{
    width: 296px;
    height: 354px;
    background: url("/images/time025.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 7295px;
    left: 50%;
    margin-left: -398px;
}

.history>.time026{
    width: 500px;
    height: 122px;
    background: url("/images/time026.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 7566px;
    left: 50%;
    margin-left: 100px;
}

.Recruit .container .mainbox .row .main .workimg{
    /*width: 1068px;*/
    width: 100%;
    margin-top: 20px;
    margin-bottom: 25px;
}

.Recruit .container .mainbox .row .RecruitTxt{
    text-align: center;
    font-size: 16px;
    color: #422922;
    text-indent: 2em;
    line-height: 30px;
}

.Recruit .container .mainbox .row .recruitmid{
    margin: 40px 0;
}

.Recruit .container .mainbox .row .recruitmid .row>div{
    /*height: 330px;*/
    margin: 20px 0;
}

.Recruit .container .mainbox .row .recruitmid .row>div>.icon_dy{
    /*width: 376px;*/
    /*height: 330px;*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*margin-left: -188px;*/
    width: 100%;
}

/*.Recruit .container .mainbox .row .main .row>div>.icon_dy01{*/
    /*background: url("/images/icon_dy01.png") no-repeat center center;*/
/*}*/

/*.Recruit .container .mainbox .row .main .row>div>.icon_dy02{*/
    /*background: url("/images/icon_dy02.png") no-repeat center center;*/
/*}*/

/*.Recruit .container .mainbox .row .main .row>div>.icon_dy03{*/
    /*background: url("/images/icon_dy03.png") no-repeat center center;*/
/*}*/

.recruitmbot .row .hrbox>p{
    color: #422922;
    font-size: 24px;
    letter-spacing: 1px;
    padding: 20px 0 27px 50px;
    position: relative;
    margin: 0;
}

.recruitmbot .row .hrbox p>.caret{
    position: absolute;
    bottom: 0;
    left: 90px;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 0;
    border-bottom: 8px solid  #ffcc33;
    border-bottom: 8px solid\9;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.recruitmbot .row .hrbox .hr{
    border: 5px solid #ffcc33;
    padding: 19px 0;
    height: 200px;
    color: #422922;
    box-sizing: border-box;
}

.recruitmbot .row .hrbox .hr .hrleft,.recruitmbot .row .hrbox .hr .hrmid,.recruitmbot .row .hrbox .hr .hrright{
    position: relative;
    float: left;
}

.recruitmbot .row .hrbox .hr .hrright{
    width: 49%;
}

.recruitmbot .row .hrbox .hr .hrleft .hrImg{
    display: inline-block;
    background: url("/images/icon_hr01.png") no-repeat;
    background-size: 100% 100%;
    width: 166px;
    height: 91px;
    margin: 35.5px 0px 35.5px 88px;
}

.recruitmbot .row .hrbox .hr .hrleft p{
    display: inline-block;
    font-size: 30px;
    width: 90px;
    color: #422922;
    position: absolute;
    top:91px;
    left: 276px;
}

.recruitmbot .row .hrbox .hr .hrmid{
    width: 5px;
    height: 152px;
    background: #ffcc33;
    margin:0 89px 0 186px;
}

.recruitmbot .row .hrbox .hr .hrright{
    font-size: 20px;
    color: #422922;
    line-height: 50px;
    margin: 20px 0;
}

.recruitmbot .row .hrbox .hr .icon_hr02{
    width: 113px;
    height: 132px;
    background: url("/images/icon_hr02.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    right: 15px;
}

.recruitmtab .worktop .workbox>li{
    list-style: none;
    padding: 0 15px;
}

.recruitmtab .worktop .workbox>li>.worktab{
    width: 100%;
}

.recruitmtab .worktop .workbox>li>.workpro{
    background: url("/images/icon_workpronor.png") no-repeat;
    background-size: 100% 100%;
}

.recruitmtab .worktop .workbox>li:hover>.workpro,.recruitmtab .worktop .workbox>li.active>.workpro{
    background: url("/images/icon_workprohover.png") no-repeat;
    background-size: 100% 100%;
}

.recruitmtab .worktop .workbox>li>.workart{
    background: url("/images/icon_workartnor.png") no-repeat;
    background-size: 100% 100%;
}

.recruitmtab .worktop .workbox>li:hover>.workart,.recruitmtab .worktop .workbox>li.active>.workart{
    background: url("/images/icon_workarthover.png") no-repeat;
    background-size: 100% 100%;
}

.recruitmtab .worktop .workbox>li>.workope{
    background: url("/images/icon_workopenor.png") no-repeat;
    background-size: 100% 100%;
}

.recruitmtab .worktop .workbox>li:hover>.workope,.recruitmtab .worktop .workbox>li.active>.workope{
    background: url("/images/icon_workopehover.png") no-repeat;
    background-size: 100% 100%;
}

.recruitmtab .worktop .workbox>li>.workplan{
    background: url("/images/icon_workplannor.png") no-repeat;
    background-size: 100% 100%;
}

.recruitmtab .worktop .workbox>li:hover>.workplan,.recruitmtab .worktop .workbox>li.active>.workplan{
    background: url("/images/icon_workplanhover.png") no-repeat ;
    background-size: 100% 100%;
}

.recruitmtab .worktop .workbox>li>.workother{
    background: url("/images/icon_workothernor.png") no-repeat;
    background-size: 100% 100%;
}

.recruitmtab .worktop .workbox>li:hover>.workother,.recruitmtab .worktop .workbox>li.active>.workother{
    background: url("/images/icon_workotherhover.png") no-repeat;
    background-size: 100% 100%;
}

.recruitmtab .workbot{
    margin-top: 30px;
}

.recruitmtab .workbot .swiper-container .swiper-wrapper .swiper-slide{
    box-sizing: border-box;
    border: 5px solid #ffcc33;
    padding: 33px 21px 50px 21px;
    color: #422922;
}

.recruitmtab .workbot .swiper-container .swiper-wrapper .swiper-slide>.workname{
    font-size: 24px;
}

.recruitmtab .workbot .swiper-container .swiper-wrapper .swiper-slide>.txt01{
    font-size: 18px;
    margin-top: 5px;
}

.recruitmtab .workbot .swiper-container .swiper-wrapper .swiper-slide>.worktxt,
.recruitmtab .workbot .swiper-container .swiper-wrapper .swiper-slide>.workrequire{
    font-size: 14px;
    line-height: 30px;
}

.recruitmtab .workbot .swiper-container{
    display: none;
}

.swiper-container .swiper-button-prev{
    background: url("/images/worklefthover.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 97px;
    bottom: 40px;
    width: 43px;
    height: 50px;
}

.swiper-container .swiper-button-next{
    background: url("/images/workrighthover.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 37px;
    bottom: 40px;
    width: 43px;
    height: 50px;
}

.swiper-button-prev.swiper-button-disabled{
    background: url("/images/workleftnar.png") no-repeat;
    background-size: 100% 100%;
}

.swiper-button-next.swiper-button-disabled{
    background: url("/images/workrightnar.png") no-repeat;
    background-size: 100% 100%;
}

.swiper-container{
    padding-bottom: 130px;
}

#Contacttop{
    background: url("/images/ContactTop.jpg") no-repeat center center;
}

#Contacttop .ContactIcon{
    background: url("/images/ContactIconNation.png") no-repeat;
    background-size: 100% 100%;
    margin-left: -157px;
}

#Contacttop .ContactIcon:hover,#Contacttop .ContactIcon.active{
    background: url("/images/ContactIconHover.png") no-repeat;
    background-size: 100% 100%;
}

#Contacttop .FriendIcon{
    background: url("/images/FriendIconNation.png") no-repeat;
    background-size: 100% 100%;
    margin-left: 42px;
}

#Contacttop .FriendIcon:hover,#Contacttop .FriendIcon.active{
    background: url("/images/FriendIconHover.png") no-repeat;
    background-size: 100% 100%;
}

.ContMain>div{
    display: none;
}

.ContactMain .CT .CTMap{
    width: 100%;
}

#CTMap img{
    max-width: 100%;
}

.ContactMain .CT .address,.ContactMain .CT .phone{
    font-size: 18px;
    color: #422922;
    display: inline-block;
}

.ContactMain .CT .address i{
    width: 33px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    background: url("/images/icon_address.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 22px;
    margin-left: 36px;
}

.ContactMain .CT .phone{
    margin-left: 69px;
}

.ContactMain .CT .phone i{
    width: 40px;
    height: 49px;
    display: inline-block;
    vertical-align: middle;
    background: url("/images/icon_phone.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 22px;
}

.ContactMain .CTCard{
    margin-top: 40px;
}

.ContactMain .CTCard .cardbox{
    position: relative;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
}

.ContactMain .CTCard .cardbox .cbox{
    background: url("/images/cardbox.png") no-repeat;
    background-size: 100% 100%;
    padding: 20px 43px 43px 60px;
}

.ContactMain .CTCard .cardbox .cbox p{
    text-align: left;
    font-size: 18px;
    margin-top: 16px;
    margin-left: 41px;
    color: #422922;
}

.ContactMain .CTCard .cardbox .cbox .cwork{
    color: #fff;
    margin-left: -30px;
}

.ContactMain .CTCard .cardbox .cbox .name{
    margin-top: 28px;
    font-size: 24px;
}

.ContactMain .CTCard .cardbox .cbox .qq{
    margin-top: 16px;
}

.ContactMain .CTCard .cardbox .cbox .email{
    margin-top: 10px;
    font-size: 17px;
}

.FriendMain .container .mainbox .row .FD .row .FDbox{
    margin: 20px 0;
}

.FriendMain .container .mainbox .row .FD .row .FDbox a{
    width: 100%;
    height: 65px;
    line-height: 65px;
    /*background: #ffcc33;*/
    color: #fff;
    display: inline-block;
    text-align: center;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.FriendMain .container .mainbox .row .FD .row .FDbox a img{
    width: 100%;
}

#Investortop{
    background: url("/images/InvestorTop.jpg") no-repeat center center;
}

#Investortop .ManagerIcon{
    background: url("/images/ManagerIconNation.png") no-repeat;
    background-size: 100% 100%;
    margin-left: -257.5px;
}

#Investortop .ManagerIcon:hover,#Investortop .ManagerIcon.active{
    background: url("/images/ManagerIconHover.png") no-repeat;
    background-size: 100% 100%;
}

#Investortop .NoticeIcon{
    background: url("/images/NoticeIconNation.png") no-repeat;
    background-size: 100% 100%;
    margin-left: -57.5px;
}

#Investortop .NoticeIcon:hover,#Investortop .NoticeIcon.active{
    background: url("/images/NoticeIconHover.png") no-repeat;
    background-size: 100% 100%;
}

#Investortop .SharesIcon{
    background: url("/images/SharesIconNation.png") no-repeat;
    background-size: 100% 100%;
    margin-left: 142.5px;
}

#Investortop .SharesIcon:hover,#Investortop .SharesIcon.active{
    background: url("/images/SharesIconHover.png") no-repeat;
    background-size: 100% 100%;
}

.InvestMain>div{
    display: none;
}

.ManagerMain>.container>.mainbox>.row>.MG{
    padding: 0px 15px 22px 15px;
    background: transparent;
}

.ManagerMain .mainbox .row .MG .row .Managerbox{
    /*position: relative;*/
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
    height: 150px;
}

.ManagerMain .mainbox .row .MG .row .Managerbox .manager{
    width: 100%;
}

.ManagerMain .mainbox .row .MG .row .Managerbox .managerpop{
    /*position: absolute;*/
    /*top: 0;*/
    /*bottom: 5px;*/
    /*left: 15px;*/
    /*right: 15px;*/
}

.ManagerMain .mainbox .row .MG .row .Managerbox .managerpop .mask{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 40%);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 40%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 40%);
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 40%);
}

.ManagerMain .mainbox .row .MG .row .Managerbox .managerpop .managertxt{
    text-align: left;
    color: #000;
    position: absolute;
    left: 21px;
    right: 21px;
    bottom: 26px;
    line-height: 30px;
}

.ManagerMain .mainbox .row .MG .row .Managerbox .managerpop .managertxt p{
    margin: 0;
}

.ManagerMain .mainbox .row .MG .row .Managerbox .managerpop .managertxt p.managername{
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 3px;
}

.ManagerMain .mainbox .row .MG .row .Managerbox .managerpop .managertxt p.managerwork{
    font-size: 18px;
}

.ManagerMain .mainbox .row .MG .row .Managerbox .managerpop .managertxt p.managerlive{
    font-size: 16px;
    line-height: 24px;
    /*display: none;*/
}

.ManagerMain .mainbox .row .MG .row .Managerbox:hover .managerpop .managertxt p.managerlive{
    display: block;
}

.ManagerMain .row .gdTitle{
    margin: 8px 0 0 0;
}

.ManagerMain .mainbox .row .share{
    margin-top: 40px;
    color: #422922;
}

.ManagerMain .mainbox .row .share .row .shareholderbox .shareholdername{
    margin-top: 14px;
    font-size: 24px;
    line-height: 30px;
}

.ManagerMain .mainbox .row .share .row .shareholderbox .shareholdertxt{
    font-size: 16px;
    line-height: 28px;
}

.NoticeMain .container .mainbox .row .ND{
    padding: 40px 36px;
}

.NoticeMain .container .mainbox .row .ND .row .NDbox{
    border-bottom: 1px solid #959595;
    padding: 16px 15px;
}

.NoticeMain .container .mainbox .row .ND .row .NDbox a{
    font-size: 16px;
    line-height: 21px;
    color: #959595;
    display: block;
}

.NoticeMain .container .mainbox .row .ND .row .NDbox a i{
    width: 19px;
    height: 16px;
    background: url("/images/icon_liu.png") no-repeat center center;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

.NoticeMain .container .mainbox .row .ND .row .NDbox a div{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.NoticeMain .container .mainbox .row .ND .row .NDbox a .time{
    text-align: right;
}

.NoticeMain .container .mainbox .row .ND .row .NDbut .row .btngroup{
    text-align: right;
    margin-top: 15px;
}

.NoticeMain .container .mainbox .row .ND .row .NDbut .row .btngroup span{
    display: inline-block;
    width: 43px;
    height: 50px;
    margin-right: 15px;
}

.NoticeMain .container .mainbox .row .ND .row .NDbut .row .btngroup .left{
    background: url("/images/workleftnar.png") no-repeat;
    background-size: 100% 100%;
}

.NoticeMain .container .mainbox .row .ND .row .NDbut .row .btngroup .right{
    background: url("/images/workrightnar.png") no-repeat;
    background-size: 100% 100%;
}

.NoticeMain .container .mainbox .row .ND .row .NDbut .row .btngroup .left:hover{
    background: url("/images/worklefthover.png") no-repeat;
    background-size: 100% 100%;
}

.NoticeMain .container .mainbox .row .ND .row .NDbut .row .btngroup .right:hover{
    background: url("/images/workrighthover.png") no-repeat;
    background-size: 100% 100%;
}

.SharesMain .mainbox .row .main{
    background: transparent;
}

.SharesMain .mainbox .row .main .sharesImg{
    width: 100%;
}

.SharesMain .mainbox .row .SMTxt .SMTxtBox{
    border: 5px solid #ffcc33;
    font-size: 18px;
    color: #422922;
    line-height: 36px;
    text-align: left;
    padding: 44px 0;
}

.SharesMain .mainbox .row  .SMTxt .SMTxtBox p{
    padding-left: 122px;
}

#Producttop{
    background: url("/images/ProductTop.jpg") no-repeat center center;
}

#Producttop .GameCenterIcon{
    background: url("/images/GameCenterIconNation.png") no-repeat;
    background-size: 100% 100%;
    margin-left: -157px;
}

#Producttop .GameCenterIcon:hover,#Producttop .GameCenterIcon.active{
    background: url("/images/GameCenterIconHover.png") no-repeat;
    background-size: 100% 100%;
}

#Producttop .VideoIcon{
    background: url("/images/VideoIconNation.png") no-repeat;
    background-size: 100% 100%;
    margin-left: 42px;
}

#Producttop .VideoIcon:hover,#Producttop .VideoIcon.active{
    background: url("/images/VideoIconHover.png") no-repeat;
    background-size: 100% 100%;
}

.GameCMain .container .row .Title p.GameStyle{
    font-size: 24px;
    line-height: 46px;
    border-bottom: 5px solid #f2f2f2;
    box-sizing: border-box;
    text-align: center;
    color: #422922;
    letter-spacing: 3px;
    cursor: pointer;
}

.GameCMain .container .row .Title p.GameStyle.active{
    border-bottom: 5px solid #ffcc33;
}

.GameCMain .container .row .Title .GameTitleRight{
    height: 51px;
    /*line-height: 51px;*/
    border-bottom: 5px solid #f2f2f2;
    box-sizing: border-box;
    text-align: right;
    font-size: 24px;
    padding-bottom: 11px;
}

.GameCMain .container .row .Title .GameTitleRight .search{
    width: 345px;
    height: 40px;
    line-height: 40px;
    background: #ffcc33;
    color: #fff;
    border: 0;
    padding-left: 15px;
    font-size: 16px;
    box-sizing: border-box;
    float: right;
}

.GameCMain .container .row .Title .GameTitleRight .btn_search{
    display: block;
    width: 45px;
    height: 40px;
    background: url("/images/tbn_search.png") no-repeat center center;
    background-color: #ffcc33;
    vertical-align: middle;
    float: right;
    cursor: pointer;
    border: 0;
}

.GameCMain>.container>.mainbox{
    display: none;
}

.GameCMain .container .mainbox .row .gamebox,.GameCMain .container .mainbox .row .gamebtn{
    background: transparent;
    padding: 0 36px;
}

.GameCMain .container .mainbox .row .gamebox .row .gameb{
    margin-bottom: 15px;
}

.GameCMain .container .mainbox .row .gamebox .row .gameb .gameboxtop{
    /*width: 346px;*/
    width: 100%;
    height: 208px;
    position: relative;
}

.GameCMain .container .mainbox .row .gamebox .row .gameb img{
    width: 100%;
}

.GameCMain .container .mainbox .row .gamebox .row .gameb .gameboxtop img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.GameCMain .container .mainbox .row .gamebox .row .gameb .gameboxtop .gamepop {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.GameCMain .container .mainbox .row .gamebox .row .gameb:hover .gameboxtop .gamepop {
    display: block;
}

.GameCMain .container .mainbox .row .gamebox .row .gameb .gameboxtop .gamepop .mask{
    background: #000;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.GameCMain .container .mainbox .row .gamebox .row .gameb .gameboxtop .gamepop .gamemore{
    width: 34px;
    height: 40px;
    position: absolute;
    bottom: 18px;
    right: 20px;
    background: url("/images/gamemore.png") no-repeat center center;
}

.GameCMain .container .mainbox .row .gamebox .row .gameb .gameboxbot{
    padding: 15px;
    background: #fff;
    border-bottom: 5px solid #f2f2f2;
}

.GameCMain .container .mainbox .row .gamebox .row .gameb .gameboxbot .gamename{
    font-size: 18px;
    line-height: 24px;
    color: #422922;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.GameCMain .container .mainbox .row .gamebox .row .gameb .gameboxbot .gametxt{
    display: inline-block;
    width: 85%;
    font-size: 16px;
    height: 48px;
    line-height: 24px;
    color: #422922;
    overflow: hidden;
}

.GameCMain .container .mainbox .row .gamebox .row .gameb .gameboxbot .btn_zan{
    display: inline-block;
    width: 31px;
    height: 29px;
    position: absolute;
    right: 30px;
    bottom:36px;
    background: url("/images/gamezannor.png") no-repeat center center;
}

.GameCMain .container .mainbox .row .gamebox .row .gameb .gameboxbot .btn_zan.active{
    background: url("/images/gamezanhov.png") no-repeat center center;
}

.GameCMain .container .mainbox .row .gamebtn{
    height: 50px;
    text-align: center;
    padding: 0 36px;
}

.GameCMain .container .mainbox .row .gamebtn a{
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    width: 43px;
    height: 50px;
    background: url("/images/btnnormal.png") no-repeat;
    background-size: 100% 100%;
    margin:0 28px;
}

.GameCMain .container .mainbox .row .gamebtn a.product_mid{
    font-weight:bold;
    font-family: Source Han Sans CN;
}

.GameCMain .container .mainbox .row .gamebtn a:hover,
.GameCMain .container .mainbox .row .gamebtn a.active{
    text-decoration: none;
    background: url("/images/btnhover.png") no-repeat;
    background-size: 100% 100%;
}

.VideoMain .container .mainbox .row .videobox{
    background: transparent;
    padding: 0 36px;

}

.VideoMain .container .mainbox .row .videobox .row .videob{
    margin-bottom: 15px;
}


.VideoMain .container .mainbox .row .videobox .row .videob .videoboxtop{
    /*width: 346px;*/
    /*height: 208px;*/
    position: relative;
}

.VideoMain .container .mainbox .row .videobox .row .videob .videoboxtop img{
    width: 100%;
    /*height: 100%;*/
    position: absolute;
    top: 0;
    left: 0;
}

.VideoMain .container .mainbox .row .videobox .row .videob .videoboxtop .videopop {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.VideoMain .container .mainbox .row .videobox .row .videob:hover .videoboxtop .videopop {
    display: block;
}

.VideoMain .container .mainbox .row .videobox .row .videob .videoboxtop .videopop .mask{
    background: #000;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.VideoMain .container .mainbox .row .videobox .row .videob .videoboxtop .videopop .videomore{
    width: 60px;
    height: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -30px;
    background: url("/images/videomore.png") no-repeat center center;
}

.VideoMain .container .mainbox .row .videobox .row .videob .videoboxbot{
    padding: 15px;
    background: #fff;
    border-bottom: 5px solid #f2f2f2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.VideoMain .container .mainbox .row .videobox .row .videob .videoboxbot .videoname{
    font-size: 16px;
    line-height: 24px;
    color: #422922;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
}

.VideoMain .container .mainbox .row .videobtn{
    height: 50px;
    text-align: center;
    padding: 0 36px;
    background: transparent;
}

.VideoMain .container .mainbox .row .videobtn a{
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    width: 43px;
    height: 50px;
    background: url("/images/btnnormal.png") no-repeat;
    background-size: 100% 100%;
    margin:0 28px;
}

.VideoMain .container .mainbox .row .videobtn a.product_mid{
    font-weight:bold;
    font-family: Source Han Sans CN;
}

.VideoMain .container .mainbox .row .videobtn a:hover,
.VideoMain .container .mainbox .row .videobtn a.active{
    text-decoration: none;
    background: url("/images/btnhover.png") no-repeat;
    background-size: 100% 100%;
}

.GameMain .container .mainbox .row .GameTxtbox{
    padding: 10px 36px;
}
.GameTxtbox>.row>p>a{
    font-size:16px; 
}
.GameTxtbox>.row>p {
     font-size:26px;
}

.GameMain .container .mainbox .row .GameTxtbox .row .icon_game img{
    /*width: 160px;*/
    /*height: 160px;*/
    width: 100%;
}

.GameMain .container .mainbox .row .GameTxtbox .row .icon_txt{
    height: 160px;
    box-sizing: border-box;
    padding: 20px 15px;
    font-size: 24px;
    color: #422922;
    line-height: 30px;
    margin-bottom: 0;
    overflow: hidden;
}


.GameMain .container .mainbox .row .GameTxtbox .row .icon_down{
    width:20rem;
    height: 140px;
    box-sizing: border-box;
    padding: 30px 15px;
    color: #422922;
    z-index:200;
   
}


.GameMain .container .mainbox .row .GameTxtbox .row .icon_down a{
    display:none;
    font-size:18px;
    border-radius:25px;
    display: inline-block;
    background: #ffcc33;
    color: #fff;
    height:30px;
    line-height:8px;
    width: 100%;
    padding: 8px 0;
    text-align: center;
    
}
#iosandr_box{
 diplay:block;
 height:24px;
 width:auto;
 background-color:red;
}

#ios_andr{  
     diskplay:block;
     margin-left:80px;
     color:#fff;
     font-size:24px;
     height:24px;
     width:100%;
     line-height:0 auto;
     font-family:Source Han Sans CN;
      background-color:#ffcc33;  
     border-radius:4px;  
}

.GameMain .container .mainbox .row .GameTxtbox .row .icon_down a.andr{
    margin-top: 25px;
}

.GameMain .container .mainbox .row .GameTxtbox .row .icon_code img{
    /*width: 160px;*/
    /*height: 160px;*/
     width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -320px;
    right: 0;
    bottom: 0;
    display:none;
    /*margin-left: -80px;*/
}

.GameMain .container .mainbox .row .GameTxtbox .row .icon_code .borderbox{
    display:none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left:-320px;
    right: 0;
    bottom: 0;
    border: 5px solid #ffcc33;
    box-sizing: border-box;
}

.GameMain .container .mainbox .row .GameConbox{
    margin:40px 0 ;
    padding: 80px 100px;
    font-size: 16px;
    color: #422922;
    text-indent: 2em;
    line-height: 30px;
}

.GameMain .container .mainbox .row .GameImgbox{
    padding: 20px 52px;
}

.GameMain .container .mainbox .row .GameImgbox .row .game_img img{
    width: 105%;
    height:120%;
    margin: 20px 0;
}

.ListMain .container .contain .row .list{
    background: #fff;
    padding: 15px 38px;
}

.ListMain .container .contain .row .list>.NewList{
    padding: 25px 0 ;
    border-bottom: 1px dashed #ffcc33;
}

.ListMain .container .contain .row .list .row .main{
    padding: 15px 0;
}

.ListMain .container .contain .row .list .row .main .listtop{
    font-size: 16px;
}

.ListMain .container .contain .row .list .row .main .listtop .listlogo{
    text-align: right;
    color: #fff;
}

.ListMain .container .contain .row .list .row .main .listtop .listlogo .gongsi{
    padding: 3px 8px;
    background: #ffcc33;
}

.ListMain .container .contain .row .list .row .main .listtop .listlogo .youxi {
    padding: 3px 8px;
    background: #ffcc33;
}

.ListMain .container .contain .row .list .row .main .listtop .listtitle{
    text-align: left;
    color: #959595;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ListMain .container .contain .row .list .row .main{
    padding: 0;
}

.ListMain .container .contain .row .list .row .main .row> div{
    margin-top: 10px;
}

.ListMain .container .contain .row .list .row .main .listtop .listtime{
    text-align: center;
    color: #959595;
}

.ListMain .container .contain .row .list .row .main .listmid{
    display: inherit;
    padding-left: 5px;
    text-align: left;
    color: #959595;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ListMain .container .contain .row .list .row .listbot .row div img{
    /*width: 159px;*/
    /*height: 108px;*/
    width: 100%;
}

.ListMain .container .contain .row .list .row .btngroup{
    text-align: right;
    margin-top: 15px;
}

.ListMain .container .contain .row .list .row .btngroup span{
    display: inline-block;
    width: 43px;
    height: 50px;
    margin-right: 15px;
}

.ListMain .container .contain .row .list .row .btngroup .left{
    background: url("/images/workleftnar.png") no-repeat;
    background-size: 100% 100%;
}

.ListMain .container .contain .row .list .row .btngroup .right{
    background: url("/images/workrightnar.png") no-repeat;
    background-size: 100% 100%;
}

.ListMain .container .contain .row .list .row .btngroup .left:hover{
    background: url("/images/worklefthover.png") no-repeat;
    background-size: 100% 100%;
}

.ListMain .container .contain .row .list .row .btngroup .right:hover{
    background: url("/images/workrighthover.png") no-repeat;
    background-size: 100% 100%;
}

.ListMain .container .contain .row .listright .row .timebox{
    padding: 0 0 0 40px;
}

.ListMain .container .contain .row .listright .row .timebox p{
    text-align: center;
    padding: 15px 0;
    font-size: 20px;
    margin: 0;
}

.ListMain .container .contain .row .listright .row .timebox a{
    text-align: center;
    padding: 15px 0;
    font-size: 20px;
    margin: 0;
    display: block;
    cursor: pointer;
}

.ListMain .container .contain .row .listright .row .timebox p.timetitle{
    color: #fff;
    background: #ffcc33;
}

.ListMain .container .contain .row .listright .row .timebox a.time{
    color: #959595;
    background: #fff;
}

.ListMain .container .contain .row .listright .row .guanzhubox{
    padding: 0 0 0 40px;
    margin-top: 111px;
}

.ListMain .container .contain .row .listright .row .guanzhubox .icon_mf{
    width: 82px;
    height: 91px;
    background: url("/images/mifeng.png") no-repeat center center;
    position: absolute;
    top: -83px;
    left: 50%;
    margin-left: -21px;
}

.ListMain .container .contain .row .listright .row .guanzhubox .gzbox{
    background: #fff;
    padding-bottom:15px;
}

.ListMain .container .contain .row .listright .row .guanzhubox .gzbox .gztitle{
    font-size: 20px;
    letter-spacing: 5px;
    color: #959595;
    padding: 15px 0;
    text-align: center;
    border-bottom: 3px solid #ffcc33;
}

.ListMain .container .contain .row .listright .row .guanzhubox .gzbox img{
    width: 160px;
    margin-left: 42.5px;
    margin-top: 15px;
}


@media screen and (max-width: 768px){
    .main {
        padding: 20px 30px;
    }

    .NavBox{
        height: 90px;
        line-height: 90px;
    }

    /*mobile——logo*/
    .NavBox .container #logo >img{
        height: 48px;
    }

    /*mobile——nav*/
    .FirstNav{
        display: none;
    }

    .MoblieNavButtonBox{
        height: 90px;
        display:inline-block;
        text-align: center;
    }

    .MoblieNavButtonBox > .MoblieNavButton{
        position: relative;
        text-align: left;
    }

    .MoblieNavButtonBox > .MoblieNavButton > .icon-bar{
        display: inline-block;
        background-color:#ffcc33;
        height: 4px;
        position: absolute;
    }

    .MoblieNavButtonBox > .MoblieNavButton > .icon-bar-top{
        top: 3px;
    }

    .MoblieNavButtonBox > .MoblieNavButton > .icon-bar-mid{
        top: 50%;
        margin-top: -2px;
    }

    .MoblieNavButtonBox > .MoblieNavButton > .icon-bar-bot{
        bottom: 3px;
    }

    .SecondNavBox{
        position: fixed;
        top: 0;
        right: 0;
        width: 40%;
        height: 100%;
        background: #ffcc33;
        text-align: center;
        padding: 15px 20px;
        box-sizing: border-box;
        z-index: 100;
    }

    .SecondNavBox>a.SecondNavClose{
        font-size: 16px;
        color: #fff;
    }

    .SecondNav li{
        width: 100%;
        list-style: none;
        border-bottom: 1px dashed #fff;
    }

    .SecondNav li>a{
        display: inline-block;
        width: 100%;
        line-height: 40px;
        text-align: center;
        font-size: 16px;
        color: #fff;
    }

    .SecondNav li span{
        display: none;
    }

    .SecondNav li.active span{
        display: inline-block;
    }

    /*mobile——banner*/
    #banner .carousel > .carousel-indicators{
        display: block;
    }

    #banner .PcBanner{
        display: none;
    }

    #banner .MoblieBanner{
        display: block;
    }

    #banner  #MoblieBanner .carousel-indicators {
        position: absolute;
        top: 45%;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none
    }

    #banner  #MoblieBanner .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff\9;
        background-color: rgba(255,255,255,1);
        border-radius: 10px
    }

    #banner  #MoblieBanner .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #ffcc33
    }

    #MoblieBanner > .carousel-inner > .item{
        overflow-x: hidden;
        overflow-y: visible;
    }

    #MoblieBanner > .carousel-inner > .item >.caret{
        position: absolute;
        left:50%;
        top:48%;
        margin-left: -10px;
        display: inline-block;
        width: 0;
        height: 0;
        vertical-align: middle;
        border-top: 0;
        border-bottom: 10px solid  #ffcc33;
        border-bottom: 10px solid\9;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }

    #MoblieBanner > .carousel-inner > .item >.MobileBannerTxt > .MoblieBannerGameTop>.row >.MBbox .caret {
        position: absolute;
        left:6px;
        top: 50%;
        margin-top: -8px;
        display: inline-block;
        width: 0;
        height: 0;
        vertical-align: middle;
        border-left: 0;
        border-right: 8px solid  #422922;
        border-right: 8px solid\9;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
    }

    #MoblieBanner > .carousel-inner > .item >.MobileBannerTxt{
        text-align: center;
        box-sizing: border-box;
        background: #ffcc33;
    }

    #MoblieBanner > .carousel-inner > .item >.MobileBannerTxt>.MoblieBannerGameTop>.row>.MBbox{
        margin-top: 20px;
    }

    #MoblieBanner > .carousel-inner > .item >.MobileBannerTxt>.MoblieBannerGameTop>.row>.MBboxleft{
        text-align: right;
    }

    #MoblieBanner >.carousel-inner > .item > .MobileBannerTxt >.MoblieBannerGameTop >.row>.MBbox>.BannerGameQRcode{
        position: absolute;
        left: 15px;
    }

    #MoblieBanner >.carousel-inner > .item > .MobileBannerTxt >.MoblieBannerGameTop >.row>.MBbox>.PcBannerGameShadow{
        background: transparent;
        border: 2px solid #422922;
        opacity: 1;
        height: 100%;
        box-sizing: border-box;
        position: absolute;
        top: 0;
    }

    #MoblieBanner >.carousel-inner > .item > .MobileBannerTxt >.MoblieBannerGameTop >.BannerGameQRcode .caret {
        position: absolute;
        left:-10px;
        top: 50%;
        margin-top: -8px;
        display: inline-block;
        width: 0;
        height: 0;
        vertical-align: middle;
        border-left: 0;
        border-right: 8px solid #422922;
        border-right: 8px solid\9;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
    }

    #MoblieBanner >.carousel-inner > .item > .MobileBannerTxt >.MoblieBannerGameMid{
        margin-top: 17px;
        padding: 0 40px;
        text-align: center;
    }

    #MoblieBanner >.carousel-inner > .item > .MobileBannerTxt >.MoblieBannerGameMid > .BannerGameName{
        font-size: 24px;
        margin-bottom: 0;
    }

    #MoblieBanner >.carousel-inner > .item > .MobileBannerTxt >.MoblieBannerGameMid .BannerGameBrief{
        font-size: 18px;
        line-height: 28px;
        padding-bottom:7px;
        border-bottom: 2px solid #422922;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin: 5px 0;
    }

    #MoblieBanner >.carousel-inner > .item > .MobileBannerTxt >.MoblieBannerGameMid .BannerGameMain{
        font-size: 14px;
        text-align: left;
    }

    #MoblieBanner >.carousel-inner > .item > .MobileBannerTxt >.BannerGameBot{
        display: inline-block;
        width: 70%;
        margin: 15px 15%;
        padding: 12px 0;
        background: #422922;
        color: #fff;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
    }

    #NewsList,#HotList{
        margin-top: 21px;
    }

    .NewsListTitle p.NewsListTitleLeft, .HotListTitle p.HotListTitleLeft{
        font-size: 18px;
        line-height: 21px;
        border-bottom: 3px solid #ffcc33;
    }

    .NewsListTitle p.NewsListTitleRight,.HotListTitle p.HotListTitleRight{
        height: 24px;
        line-height: 24px;
        border-bottom: 3px solid #f2f2f2;
    }

    .NewsListTitle p.NewsListTitleRight .NewsListmore,.HotListTitle p.HotListTitleRight .HotListmore{
        background: url("/images/icon_MoreHover.png") no-repeat center center;
        background-size: 100% 100%;
        right: 15px;
        bottom: 3px;
        width: 22px;
        height: 19px;
    }

    .NewsListMain,.HotListMain{
        margin-top: 32px;
        background: #fff;
    }

    .NewsListMain .NewsBox {
        padding: 10px 15px;
    }

    .NewsListMain .NewsBox>.row>.NewsImgBox >a{
        margin-left:0;
    }

    .NewsListMain .NewsBox>.row>.NewsMain>.row>.NewsMainTop>.row>.NewsMainLogo{
        display: none;
    }

    .NewsListMain .NewsBox>.row>.NewsMain>.row>.NewsMainTop>.row>.NewsMainTime {
        height: 20px;
        line-height: 22px;
        font-size: 14px;
        margin: 0;
        padding: 0;
    }

    #HotList .container .row .HotListMain .row .HotList .HotGameStyle {
        font-size: 12px;
    }

    #HotList .container .row .HotListMain .row .HotList .HotListHoverBox .HotGameNameMain .HotGameName {
        font-size: 18px;
        top: 12%;
        margin-left: -40px;
        letter-spacing: 2px;
    }

    #HotList .container .row .HotListMain .row .HotList .HotListHoverBox .HotGameNameMain .Yellowline {
        width: 250px;
        top: 32%;
        margin-left: -125px;
    }

    #HotList .container .row .HotListMain .row .HotList .HotListHoverBox .HotGameNameMain .HotGameMain {
        width: 220px;
        position: absolute;
        top: 39%;
        left: 50%;
        margin-left: -110px;
        line-height: 20px;
        font-size: 12px;
    }

    #HotList .container .row .HotListMain .row .HotList .HotListHoverBox .HotGameNameMain .HotGameButton {
        width: 100px;
        height: 36px;
        line-height: 36px;
        position: absolute;
        top: 73%;
        left: 50%;
        margin-left: -50px;
        font-size: 12px;
    }


    #HotList .container .row .HotListMain .row .HotListMid .HotListHoverBox .HotGameNameMain .Yellowline,
    #HotList .container .row .HotListMain .row .HotListMid .HotListHoverBox .HotGameNameMain .HotGameMain,
    #HotList .container .row .HotListMain .row .HotListSmall .HotListHoverBox .HotGameNameMain .Yellowline,
    #HotList .container .row .HotListMain .row .HotListSmall .HotListHoverBox .HotGameNameMain .HotGameMain{
         display: none;
     }

    #HotList .container .row .HotListMain .row .HotListMid .HotListHoverBox .HotGameNameMain .HotGameName,
    #HotList .container .row .HotListMain .row .HotListSmall .HotListHoverBox .HotGameNameMain .HotGameName{
        top: 34%;
    }

    #HotList .container .row .HotListMain .row .HotListMid .HotListHoverBox .HotGameNameMain .HotGameButton,
    #HotList .container .row .HotListMain .row .HotListSmall .HotListHoverBox .HotGameNameMain .HotGameButton{
        top:65%;
        width: 80px;
        height: 24px;
        line-height: 24px;
        margin-left: -40px;
    }

    #Map{
        display: none;
    }

    #footer .footermain {
        text-align: center;
        font-size: 12px;
    }

    .Icon {
        width: 90px;
        height: 77px;
        top: 61.5px;
    }

    #Abouttop .IntroIcon {
        margin-left: -145px;
    }

    #Abouttop .HistoryIcon {
        margin-left: -45px;
    }

    #Abouttop .RecruitIcon {
        margin-left: 55px;
    }

    .Title {
        margin: 24px 0;
    }

    .Title p.TitleLeft {
        display:none;
        font-size: 20px;
        line-height: 36px;
        letter-spacing: 3px;
        border-bottom: 3px solid #ffcc33;
    }

    .Title p.TitleRight {
        display:none;
        height: 39px;
        line-height: 39px;
        border-bottom: 3px solid #f2f2f2;
        font-size: 20px;
    }

    .mainbox>.row>.main>.profile {
        font-size: 12px;
        line-height: 26px;
    }

    .mainbox>.row>.main>.title {
        font-size: 16px;
    }

    .mainbox>.row>.main>.title i {
        width: 2px;
        height: 23px;
    }

    .CPculture {
        margin: 24px 0;
    }

    .CPculture>.txt {
        font-size: 14px;
    }

    .zongzhi {
        height: 183px;
    }

    .CPculture>.zongzhi>.icon_zz {
        width: 100px;
        height: 86px;
    }

    .CPculture>.zongzhi>.zz01 {
        margin-left: -110px;
    }

    .CPculture>.zongzhi>.zz02 {
        margin-left: 10px;
    }

    .CPculture>.zongzhi>.zz03 {
        margin-top: 96px;
        margin-left: -110px;
    }

    .CPculture>.zongzhi>.zz04 {
        margin-top: 96px;
        margin-left: 10px;
    }

    .strategybox{
        margin-top: 62px;
    }

    .strategymain .icon_spy {
        width: 120px;
        height: 104px;
        top: -52px;
        margin-left: -60px;
    }

    .strategymain {
        height: 290px;
        border: 3px solid #422922;
    }

    .strategybox p {
        font-size: 12px;
        line-height: 24px;
        top: 25%;
        left: 20px;
        right: 20px;
    }

    #footer .footerWeiBo, #footer .footerWeiXin {
        height: 80px;
        line-height: 80px;
    }

    #footer .footerQRcode {
        width: 80px;
        height: 80px;
    }

    #footer .footerQRcode .footerQRcodeBorder {
        width: 80px;
        height: 80px;
    }

    #footer .footerQRcode img {
        width: 80px;
        height: 80px;
    }

    .history {
        height: 2629px;
    }

    .history>.timeline {
        width: 50px;
        margin-left: -25px;
    }

    .history>.time01 {
        width: 120px;
        height: 98px;
        top: 131px;
        margin-left: 15px;
    }

    .history>.time02 {
        width: 71px;
        height: 79px;
        top: 176px;
        margin-left: -86px;
    }

    .history>.time03 {
        width: 120px;
        height: 119px;
        top: 457px;
        margin-left: 15px;
    }

    .history>.time04 {
        width: 120px;
        height: 82px;
        top: 502px;
        margin-left: -135px;
    }

    .history>.time05 {
        width: 120px;
        height: 82px;
        top: 632px;
        margin-left: -135px;
    }

    .history>.time06 {
        width: 120px;
        height: 33px;
        top: 683px;
        margin-left: 15px;
    }

    .history>.time07 {
        width: 120px;
        height: 102px;
        top: 928px;
        margin-left: 15px;
    }

    .history>.time08 {
        width: 120px;
        height: 82px;
        top: 978px;
        margin-left: -135px;
    }

    .history>.time09 {
        width: 120px;
        height: 29px;
        top: 1084px;
        margin-left: 15px;
    }

    .history>.time010 {
        width: 120px;
        height: 82px;
        top: 1109px;
        margin-left: -135px;
    }

    .history>.time011 {
        width: 120px;
        height: 48px;
        top: 1157px;
        margin-left: 15px;
    }

    .history>.time012 {
        width: 120px;
        height: 48px;
        top: 1381px;
        margin-left: 15px;
    }

    .history>.time013 {
        width: 71px;
        height: 79px;
        top: 1418px;
        margin-left: -86px;
    }

    .history>.time014 {
        width: 120px;
        height: 59px;
        top: 1462px;
        margin-left: 15px;
    }

    .history>.time015 {
        width: 120px;
        height: 52px;
        top: 1558px;
        margin-left: 15px;
    }

    .history>.time016 {
        width: 71px;
        height: 79px;
        top: 1604px;
        margin-left: -86px;
    }

    .history>.time017 {
        width: 120px;
        height: 104px;
        top: 1647px;
        margin-left: 15px;
    }

    .history>.time018 {
        width: 71px;
        height: 79px;
        top: 1765px;
        margin-left: -86px;
    }

    .history>.time019 {
        width: 120px;
        height: 113px;
        top: 1808px;
        margin-left: 15px;
    }

    .history>.time020 {
        width: 120px;
        height: 32px;
        top: 1980px;
        margin-left: 15px;
    }

    .history>.time021 {
        width: 120px;
        height: 82px;
        top: 2180px;
        margin-left: -135px;
    }

    .history>.time022 {
        width: 120px;
        height: 116px;
        top: 2200px;
        margin-left: 15px;
    }

    .history>.time023 {
        width: 71px;
        height: 79px;
        top: 2314px;
        margin-left: -86px;
    }

    .history>.time024 {
        width: 120px;
        height: 69px;
        top: 2378px;
        margin-left: 15px;
    }

    .history>.time025 {
        width: 71px;
        height: 79px;
        top: 2447px;
        margin-left: -86px;
    }

    .history>.time026 {
        width: 120px;
        height: 29px;
        top: 2539px;
        margin-left: 15px;
    }

    .Recruit .container .mainbox .row .RecruitTxt {
        font-size: 12px;
        line-height: 24px;
    }

    .recruitmbot .row .hrbox .hr {
        border: 0;
        padding: 0;
        /*height: 120px;*/
    }

    .recruitmbot .row .hrbox .hr .hrleft{
        border: 2px solid #ffcc33;
        width: 100%;
    }

    .recruitmbot .row .hrbox .hr .hrleft .hrImg {
        width: 120px;
        height: 66px;
        margin: 20px 0px 20px 28px;
    }

    .recruitmbot .row .hrbox .hr .hrleft p {
        font-size: 16px;
        width: 50px;
        top: 63px;
        left: 152px;
    }

    .recruitmbot .row .hrbox .hr .hrmid {
        display: none;
    }

    .recruitmbot .row .hrbox .hr .hrright {
        border-left: 2px solid #ffcc33;
        border-right: 2px solid #ffcc33;
        border-bottom: 2px solid #ffcc33;
        width: 100%;
        font-size: 14px;
        color: #422922;
        line-height: 50px;
        margin: 0;
        padding: 10px 10px 30px 10px;
        box-sizing: border-box;
    }

    .recruitmbot .row .hrbox .hr .icon_hr02 {
        width: 40px;
        height: 47px;
        right: 15px;
    }

    .recruitmtab .worktop .workbox>li {
        list-style: none;
        padding: 0px;
    }

    .recruitmtab .workbot {
        margin-top: 15px;
    }

    .recruitmtab .workbot .swiper-container .swiper-wrapper .swiper-slide>.workname {
        font-size: 18px;
    }

    .recruitmtab .workbot .swiper-container .swiper-wrapper .swiper-slide>.txt01 {
        font-size: 16px;
        margin-top: 3px;
    }

    .recruitmtab .workbot .swiper-container .swiper-wrapper .swiper-slide>.worktxt, .recruitmtab .workbot .swiper-container .swiper-wrapper .swiper-slide>.workrequire {
        font-size: 12px;
        line-height: 22px;
    }

    .swiper-container {
        padding-bottom: 80px;
    }

    .swiper-container .swiper-button-prev {
        right: 80px;
        bottom: 40px;
        width: 30px;
        height: 35px;
    }

    .swiper-container .swiper-button-next {
        right: 37px;
        bottom: 40px;
        width: 30px;
        height: 35px;
    }



    .ContactMain .CT .address i {
        width: 22px;
        height: 33px;
        margin-right: 5px;
        margin-left: 5px;
        float: left;
    }

    .ContactMain .CT .address, .ContactMain .CT .phone {
        font-size: 14px;
    }

    .ContactMain .CT .phone {
        margin-top: 5px;
        margin-left: 5px;
    }

    .ContactMain .CT .phone i {
        width: 22px;
        height: 27px;
        margin-right: 5px;
    }

    .FriendMain .container .mainbox .row .FD .row .FDbox a {
        width: 100%;
        height: 48px;
        line-height: 48px;
        font-size: 12px;
    }

    #Contacttop .ContactIcon {
        margin-left: -110px;
    }

    #Contacttop .FriendIcon {
        margin-left: 10px;
    }

    #Producttop .GameCenterIcon {
        margin-left: -110px;
    }

    #Producttop .VideoIcon {
        margin-left: 10px;
    }

    .GameMain .container .mainbox .row .GameTxtbox .row .icon_txt {
        padding: 5px;
        font-size:20px;
        line-height: 24px;
    }

    .GameMain .container .mainbox .row .GameTxtbox .row .icon_code{
	dispaly:none;
        margin: 20px 0;
	left:-320px;
	position:absolute;
	width:auto;
	height:auto;
	
    }

    .GameMain .container .mainbox .row .GameConbox {
        margin: 40px 0;
        padding: 20px 30px;
        font-size: 12px;
        line-height: 24px;
    }

    .GameMain .container .mainbox .row .GameImgbox{
        padding: 20px;
    }

    #Investortop .ManagerIcon {
        margin-left: -145px;
    }

    #Investortop .NoticeIcon {
        margin-left: -45px;
    }

    #Investortop .SharesIcon{
        margin-left: 55px;
    }

    #footer {
        background: #2a1f1b;
        padding: 20px 0;
        margin-top: 40px;
    }

    .NoticeMain .container .mainbox .row .ND {
        padding: 40px 24px;
    }

    .NoticeMain .container .mainbox .row .ND .row .NDbox a {
        font-size: 12px;
        line-height: 20px;
    }

    .NoticeMain .container .mainbox .row .ND .row .NDbut .row .btngroup span {
        width: 28px;
        height: 32px;
    }

    .SharesMain .mainbox .row .SMTxt .SMTxtBox {
        border: 3px solid #ffcc33;
        font-size: 12px;
        line-height: 24px;
        padding: 20px 0;
    }

    .SharesMain .mainbox .row .SMTxt .SMTxtBox p {
        text-align: center;
        padding: 0;
    }

    #Newstop .NewsIcon{
        margin-left: -45px;
    }

    h3.newtitle {
        font-size: 18px;
        line-height: 24px;
    }

    .newmain {
        margin-top: 18px;
        padding-top: 25px;
        line-height: 24px;
    }

    .ListMain .container .contain .row .list .row .main .listtop .listlogo {
        display: none;
    }

    .ListMain .container .contain .row .list .row .newtxtmain  {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .ListMain .container .contain .row .list .row .listbot .row div.newimglast{
        display: none;
    }

    .ListMain .container .contain .row .list .row .btngroup span {
        width: 28px;
        height: 32px;
    }

    .NoticeMain .container .mainbox .row .ND .row .NDbut .row .btngroup span {
        width: 28px;
        height: 32px;
    }

    .listright{
        display: none;
    }

    .GameCMain .container .mainbox .row .gamebtn a {
        line-height: 33px;
        font-size: 14px;
        width: 28px;
        height: 33px;
        margin: 0 5px;
    }

    .VideoMain .container .mainbox .row .videobtn a {
        line-height: 33px;
        font-size: 14px;
        width: 28px;
        height: 33px;
        margin: 0 5px;
    }

    .GameCMain .container .row .Title .GameTitleRight .btn_search,
    .GameCMain .container .row .Title .GameTitleRight .search{
        display: none;
    }

    .mainbox >.row >.main.CTCard {
        padding: 7px 25px;
    }

    .ContactMain .CTCard .cardbox{
        padding: 0;
    }

    .ContactMain .CTCard .cardbox .cbox{
        padding: 20px 23px 23px 30px;
    }

    .ContactMain .CTCard .cardbox .cbox p{
        font-size: 12px;
        margin-top: 7px;
        margin-left: 18px;
    }

    .ContactMain .CTCard .cardbox .cbox .cwork{
        margin-left: -16px;
    }

    .ContactMain .CTCard .cardbox .cbox .name{
        margin-top: 20px;
        font-size: 18px;
    }

    .ContactMain .CTCard .cardbox .cbox .qq{
        margin-top: 9px;
    }

    .ContactMain .CTCard .cardbox .cbox .email{
        margin-top: 9px;
        font-size: 12px;
    }
}

@media screen and (min-width:769px) and (max-width : 1280px) {
    .TopLogo {
        letter-spacing: 15px;
    }

    .NewsListMain .NewsBox>.row>.NewsImgBox >a{
        margin: 0;
    }

    .NewsListMain .NewsBox>.row>.NewsMain>.row>.NewsMainTop>.row>p{
        margin: 0;
    }

    .NewsListMain .NewsBox>.row>.NewsMain>.row>p{
        margin-bottom: 0;
    }

    #HotList .container .row .HotListMain .row .HotListSmall .HotListSmallHoverBox .HotGameNameMain .HotGameName{
        font-size: 24px;
        top: 13%;
    }

    #HotList .container .row .HotListMain .row .HotListSmall .HotListSmallHoverBox .HotGameNameMain .Yellowline{
        width: 220px;
        top: 33%;
        margin-left: -110px;
    }

    #HotList .container .row .HotListMain .row .HotListSmall .HotListSmallHoverBox .HotGameNameMain .HotGameMain{
        width: 200px;
        font-size: 12px;
        top: 37%;
        margin-left: -100px;
        line-height: 20px;
    }

    #HotList .container .row .HotListMain .row .HotListSmall .HotListSmallHoverBox .HotGameNameMain .HotGameButton{
        top: 71%;
        width: 120px;
        height: 40px;
        line-height: 40px;
        margin-left: -60px;
    }

    #Map .container .FooterTop .row .MapBox .MapTitle{
        font-size: 16px;
    }

    #Map .container .FooterTop .row .MapBox a{
        font-size: 14px;
    }



    .history{
        height: 5258px;
        position: relative;
    }

    .history>.timeline{
        width: 100px;
        height: 100%;
        background: url("/images/timeline.png") no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -50px;
    }

    .history>.time01 {
        width: 336px;
        height: 275px;
        background: url("/images/time01.png") no-repeat;
        background-size: 100% 100%;
        top: 263px;
        margin-left: 40px;
    }

    .history>.time02 {
        width: 199px;
        height: 231px;
        background: url("/images/time02.png") no-repeat;
        background-size: 100% 100%;
        top: 354px;
        margin-left: -229px;
    }

    .history>.time03 {
        width: 336px;
        height: 275px;
        background: url("/images/time03.png") no-repeat;
        background-size: 100% 100%;
        top: 914px;
        margin-left: 40px;
    }

    .history>.time04 {
        width: 336px;
        height: 231px;
        background: url("/images/time04.png") no-repeat;
        background-size: 100% 100%;
        top: 1006px;
        margin-left: -366px;
    }

    .history>.time05 {
        width: 336px;
        height: 231px;
        background: url("/images/time05.png") no-repeat;
        background-size: 100% 100%;
        top: 1267px;
        margin-left: -366px;
    }

    .history>.time06 {
        width: 336px;
        height: 93px;
        background: url("/images/time06.png") no-repeat;
        background-size: 100% 100%;
        top: 1368px;
        margin-left: 40px;
    }

    .history>.time07 {
        width: 336px;
        height: 285px;
        background: url("/images/time07.png") no-repeat;
        background-size: 100% 100%;
        top: 1856px;
        margin-left: 40px;
    }

    .history>.time08 {
        width: 336px;
        height: 231px;
        background: url("/images/time08.png") no-repeat;
        background-size: 100% 100%;
        top: 1959px;
        margin-left: -366px;
    }

    .history>.time09 {
        width: 336px;
        height: 82px;
        background: url("/images/time09.png") no-repeat;
        background-size: 100% 100%;
        top: 2169px;
        margin-left: 40px;
    }

    .history>.time010 {
        width: 336px;
        height: 231px;
        background: url("/images/time010.png") no-repeat;
        background-size: 100% 100%;
        top: 2219px;
        margin-left: -366px;
    }

    .history>.time011 {
        width: 336px;
        height: 134px;
        background: url("/images/time011.png") no-repeat;
        background-size: 100% 100%;
        top: 2313px;
        margin-left: 40px;
    }

    .history>.time012 {
        width: 336px;
        height: 134px;
        background: url("/images/time012.png") no-repeat;
        background-size: 100% 100%;
        top: 2762px;
        margin-left: 40px;
    }

    .history>.time013 {
        width: 199px;
        height: 231px;
        background: url("/images/time013.png") no-repeat;
        background-size: 100% 100%;
        top: 2836px;
        margin-left: -229px;
    }

    .history>.time014 {
        width: 336px;
        height: 164px;
        background: url("/images/time014.png") no-repeat;
        background-size: 100% 100%;
        top: 2924px;
        margin-left: 40px;
    }

    .history>.time015 {
        width: 336px;
        height: 145px;
        background: url("/images/time015.png") no-repeat;
        background-size: 100% 100%;
        top: 3120px;
        margin-left: 40px;
    }

    .history>.time016 {
        width: 199px;
        height: 231px;
        background: url("/images/time016.png") no-repeat;
        background-size: 100% 100%;
        top: 3209px;
        margin-left: -229px;
    }

    .history>.time017 {
        width: 336px;
        height: 290px;
        background: url("/images/time017.png") no-repeat;
        background-size: 100% 100%;
        top: 3296px;
        margin-left: 40px;
    }

    .history>.time018 {
        width: 199px;
        height: 231px;
        background: url("/images/time018.png") no-repeat;
        background-size: 100% 100%;
        top: 3532px;
        margin-left: -229px;
    }

    .history>.time019 {
        width: 336px;
        height: 316px;
        background: url("/images/time019.png") no-repeat;
        background-size: 100% 100%;
        top: 3615px;
        margin-left: 40px;
    }

    .history>.time020 {
        width: 336px;
        height: 89px;
        background: url("/images/time020.png") no-repeat;
        background-size: 100% 100%;
        top: 3960px;
        margin-left: 40px;
    }

    .history>.time021 {
        width: 336px;
        height: 231px;
        background: url("/images/time021.png") no-repeat;
        background-size: 100% 100%;
        top: 4362px;
        margin-left: -366px;
    }

    .history>.time022 {
        width: 336px;
        height: 325px;
        background: url("/images/time022.png") no-repeat;
        background-size: 100% 100%;
        top: 4402px;
        margin-left: 40px;
    }

    .history>.time023 {
        width: 199px;
        height: 231px;
        background: url("/images/time023.png") no-repeat;
        background-size: 100% 100%;
        top: 4629px;
        margin-left: -229px;
    }

    .history>.time024 {
        width: 336px;
        height: 194px;
        background: url("/images/time024.png") no-repeat;
        background-size: 100% 100%;
        top: 4757px;
        margin-left: 40px;
    }

    .history>.time025 {
        width: 199px;
        height: 231px;
        background: url("/images/time025.png") no-repeat;
        background-size: 100% 100%;
        top: 4896px;
        margin-left: -229px;
    }

    .history>.time026 {
        width: 336px;
        height: 82px;
        background: url("/images/time026.png") no-repeat;
        background-size: 100% 100%;
        top: 5080px;
        margin-left: 40px;
    }

    .recruitmbot .row .hrbox .hr .hrleft .hrImg {
        margin: 35.5px 0px 35.5px 44px;
    }

    .recruitmbot .row .hrbox .hr .hrleft p {
        left: 232px;
    }

    .recruitmbot .row .hrbox .hr .hrmid {
        margin: 0 29px 0 142px;
    }

    .GameMain .container .mainbox .row .GameTxtbox .row .icon_txt{
        padding: 0 15px;
    }

    .GameMain .container .mainbox .row .GameTxtbox .row .icon_down {
        padding: 0 15px;
	display:none;
    }

    .SharesMain .mainbox .row .SMTxt .SMTxtBox p {
        padding-left: 45px;
    }

    .ListMain .container .contain .row .listright .row .guanzhubox .gzbox img {
        width: 80%;
        /*margin-left: 42.5px;*/
        margin-top: 15px;
    }

    .GameCMain .container .mainbox .row .gamebox .row .gameb .gameboxtop{
        /*width: 280px;*/
        height: 168px;
        width: 100%;
        position: relative;
    }

    .VideoMain .container .mainbox .row .videobox .row .videob .videoboxtop{
        /*width: 280px;*/
        /*height: 168px;*/
    }

    #Producttop .GameCenterIcon{
        margin-left: -110px;
    }

    #Producttop .VideoIcon{
        margin-left: 10px;
    }

    .ContactMain .CTCard .cardbox .cbox{
        padding: 20px 43px 43px 60px;
    }

    .ContactMain .CTCard .cardbox .cbox p{
        font-size: 15px;
        margin-top: 16px;
        margin-left: 0px;
    }

    .ContactMain .CTCard .cardbox .cbox .cwork{
        margin-left: -41px;
    }

    .ContactMain .CTCard .cardbox .cbox .name{
        margin-top: 28px;
        font-size: 20px;
    }

    .ContactMain .CTCard .cardbox .cbox .qq{
        margin-top: 16px;
    }

    .ContactMain .CTCard .cardbox .cbox .email{
        margin-top: 10px;
        font-size: 15px;
    }
}

@media screen and (min-width:769px) and (max-width : 991px) {
    #banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop {
        height: 68px;
    }

    #banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop > .BannerGameIcon{
        margin-right: 13px;
    }

    #banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop > .BannerGameQRcode{
        width: 68px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid{
        margin-top: 2px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid .BannerGameName{
        font-size: 24px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid .BannerGameBrief{
        font-size: 18px;
        margin-top: -7px;
        padding: 0 0 3px 0;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid .BannerGameMain{
        font-size: 12px;
        line-height: 18px;
        margin-top: -10px;
        margin-bottom: 4px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameBot{
        width: 75px;
        height: 28px;
        line-height: 28px;
        font-size: 12px;
    }

    .FirstNav .nav li > a {
        font-size: 14px;
    }

    .carousel-caption{
        top:7%;
        left: 10%;
        width: 39%;
    }

    .carousel-control{
        width: 30px;
    }

    #banner .PcBanner > .left >.BannerLeft,#banner .PcBanner > .right >.BannerRight  {
        height: 72px;
        margin-top:-36px;
    }

    #PcBanner .PcBannerButton {
        width: 600px;
        margin-left: -300px;
        bottom: -77.5px;
    }

    #PcBanner .PcBannerButton li {
        width: 150px;
        height: 67.5px;
    }

    #NewsList{
        margin-top: 101px;
    }

    .NewsListMain .NewsBox{
        padding: 10px 15px;
    }

    .NewsListMain .NewsBox>.row>.NewsMain>.row>.NewsMainTop>.row>.NewsMainLogo {
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }

    .NewsListMain .NewsBox>.row>.NewsMain>.row>.NewsMainTop>.row>.NewsMainTime {
        height: 36px;
        line-height: 58px;
        font-size: 14px;
    }

    .NewsListMain .NewsBox>.row>.NewsMain>.row>.NewsMainMid {
        margin-top: 2px;
        font-size: 14px;
    }

    .NewsListMain .NewsBox>.row>.NewsMain>.row>.NewsMainBot {
        margin-top: 2px;
        font-size: 14px;
        height: 37px;
    }

    #HotList .container .row .HotListMain .row .HotListMid .HotListHoverBox .HotGameNameMain .HotGameName {
        font-size: 24px;
        top: 15%;
        margin-left: -52px;
    }

    #HotList .container .row .HotListMain .row .HotListMid .HotListHoverBox .HotGameNameMain .Yellowline {
        width: 320px;
        top: 36%;
        margin-left: -160px;
    }

    #HotList .container .row .HotListMain .row .HotListMid .HotListHoverBox .HotGameNameMain .HotGameMain {
        width: 306px;
        top: 40%;
        margin-left: -153px;
        line-height: 24px;
    }

    #HotList .container .row .HotListMain .row .HotListMid .HotListHoverBox .HotGameNameMain .HotGameButton {
        width: 100px;
        height: 36px;
        line-height: 36px;
        top: 71%;
        margin-left: -50px;
    }

    #HotList .container .row .HotListMain .row .HotListSmall .HotListHoverBox .HotGameNameMain .HotGameName {
        font-size: 24px;
        top: 15%;
        margin-left: -52px;
    }

    #HotList .container .row .HotListMain .row .HotListSmall .HotListHoverBox .HotGameNameMain .Yellowline {
        width: 320px;
        top: 36%;
        margin-left: -160px;
    }

    #HotList .container .row .HotListMain .row .HotListSmall .HotListHoverBox .HotGameNameMain .HotGameMain {
        width: 306px;
        top: 40%;
        margin-left: -153px;
        line-height: 24px;
        font-size: 14px;
    }

    #HotList .container .row .HotListMain .row .HotListSmall .HotListHoverBox .HotGameNameMain .HotGameButton {
        width: 100px;
        height: 36px;
        line-height: 36px;
        top: 71%;
        margin-left: -50px;
    }

    #Map .container .FooterTop .row .MapBox .MapTitle{
        height: 28px;
        line-height: 28px;
        font-size: 12px;
    }

    #Map .container .FooterTop .row .MapBox .MapTitle>i {
        width: 24px;
    }

    #Map .container .FooterTop .row .MapBox a {
        font-size: 12px;
        padding-left: 25px;
    }

    .CPculture>.zongzhi>.icon_zz {
        width: 100px;
        height: 88px;
    }

    .CPculture>.zongzhi>.zz01{
        margin-left: -254px;
    }

    .CPculture>.zongzhi>.zz02{
        margin-left: -118px;
    }

    .CPculture>.zongzhi>.zz03{
        margin-left: 18px;
    }

    .CPculture>.zongzhi>.zz04{
        margin-left: 154px;
    }

    .strategymain {
        height: 435px;
    }

    .recruitmbot .row .hrbox .hr {
        height: 168px;
    }

    .recruitmbot .row .hrbox .hr .hrleft .hrImg {
        width: 130px;
        height: 71px;
        margin: 35.5px 0px 35.5px 25px;
    }

    .recruitmbot .row .hrbox .hr .hrleft p {
        font-size: 24px;
        width: 73px;
        top: 79px;
        left: 160px;
    }

    .recruitmbot .row .hrbox .hr .hrmid {
        height: 120px;
        margin: 0 15px 0 100px;
    }

    .recruitmbot .row .hrbox .hr .hrright {
        font-size: 12px;
        color: #422922;
        line-height: 50px;
        margin: 10px 0;
    }

    .recruitmbot .row .hrbox .hr .icon_hr02{
        width: 83px;
        height: 97px;
        right: 15px;
    }

    .recruitmtab .workbot .swiper-container .swiper-wrapper .swiper-slide>.workname {
        font-size: 18px;
    }

    .recruitmtab .workbot .swiper-container .swiper-wrapper .swiper-slide>.txt01 {
        font-size: 16px;
    }

    .recruitmtab .workbot .swiper-container .swiper-wrapper .swiper-slide>.worktxt, .recruitmtab .workbot .swiper-container .swiper-wrapper .swiper-slide>.workrequire {
        line-height: 24px;
    }

    .strategymain .icon_spy{
        width: 120px;
        height: 104px;
        top: -52px;
        margin-left: -60px;
    }

    .strategybox p {
        font-size: 14px;
        line-height: 30px;
        top: 15%;
        left: 20px;
        right: 20px;
    }

    .ContactMain .CT .address i{
        width: 24px;
        height: 36px;
        margin-right: 14px;
        margin-left: 20px;
    }

    .ContactMain .CT .address, .ContactMain .CT .phone {
        font-size: 14px;
    }

    .ContactMain .CT .phone{
        margin-left: 29px;
    }

    .ContactMain .CT .phone i{
        width: 24px;
        height: 29px;
        margin-right: 14px;
    }

    .GameMain .container .mainbox .row .GameTxtbox .row .icon_down a {
	
        padding:9px 0;
    }
    .GameMain .container .mainbox .row .GameTxtbox .row .icon_down a.andr {
	
        margin-top: 4px;
    }

    .GameMain .container .mainbox .row .GameConbox {
        padding: 40px 50px;
        line-height: 27px;
    }
    

    /*.ManagerMain .mainbox .row .MG .row .Managerbox .managerpop {*/
        /*position: absolute;*/
        /*top: 0;*/
        /*bottom: 2px;*/
    /*}*/

    .ManagerMain .mainbox .row .MG .row .Managerbox .managerpop .managertxt {
        left: 15px;
        right: 15px;
        bottom: 10px;
        line-height: 30px;
    }

    .ManagerMain .mainbox .row .MG .row .Managerbox .managerpop .managertxt p.managername {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 2px;
    }

    .ManagerMain .mainbox .row .MG .row .Managerbox .managerpop .managertxt p.managerwork {
        font-size: 14px;
    }

    .ManagerMain .mainbox .row .MG .row .Managerbox .managerpop .managertxt p.managerlive {
        font-size: 12px;
        line-height: 20px;
    }

    .SharesMain .mainbox .row .main{
        padding: 0 36px 22px 36px;
    }

    .SharesMain .mainbox .row .SMTxt .SMTxtBox {
        font-size: 14px;
        line-height: 20px;
        padding: 22px 0;
    }

    .SharesMain .mainbox .row .SMTxt .SMTxtBox p {
        padding-left: 30px;
    }

    .NewsMain .container .newsmain .row .main{
        padding: 40px 50px;
    }
}

@media screen and (min-width:992px) and (max-width :1080px){
    #banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop {
        height: 68px;
    }

    #banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop > .BannerGameIcon{
        margin-right: 13px;
    }

    #banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop > .BannerGameQRcode{
        width: 68px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid{
        margin-top: 2px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid .BannerGameName{
        font-size: 24px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid .BannerGameBrief{
        font-size: 18px;
        margin-top: -7px;
        padding: 0 0 3px 0;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid .BannerGameMain{
        font-size: 12px;
        line-height: 18px;
        margin-top: -10px;
        margin-bottom: 4px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameBot{
        width: 75px;
        height: 28px;
        line-height: 28px;
        font-size: 12px;
    }
}

@media screen and (min-width:1081px) and (max-width : 1280px) {
    #banner #PcBanner > .carousel-inner >.item > .carousel-caption{
        top: 8.5%;
    }

    #banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop {
        height: 80px;
    }

    #banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop > .BannerGameIcon{
        margin-right: 13px;
    }

    #banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop > .BannerGameQRcode{
        width: 80px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid{
        margin-top: 16px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid .BannerGameName{
        font-size: 32px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid .BannerGameBrief{
        font-size: 24px;
        margin-top: -5px;
        padding: 0 0 15px 0;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid .BannerGameMain{
        font-size: 13px;
        line-height: 25px;
        margin-top: -3px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameBot{
        width: 106px;
        height: 38px;
        line-height: 38px;
        font-size: 14px;
    }


}

@media screen and (min-width:1281px) and (max-width : 1366px) {
    #banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop {
        height: 84px;
    }

    #banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop > .BannerGameIcon{
        margin-right: 13px;
    }

    #banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop > .BannerGameQRcode{
        width: 84px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid{
        margin-top: 16px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid .BannerGameName{
        font-size: 34px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid .BannerGameBrief{
        font-size: 25px;
        margin-top: -5px;
        padding: 0 0 15px 0;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid .BannerGameMain{
        font-size: 13px;
        line-height: 25px;
        margin-top: -3px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameBot{
        width: 106px;
        height: 38px;
        line-height: 38px;
        font-size: 14px;
    }
}

@media screen and (min-width:1367px) and (max-width : 1440px) {
    #banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop {
        height: 90px;
    }

    #banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop > .BannerGameIcon{
        margin-right: 15px;
    }

    #banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop > .BannerGameQRcode{
        width: 90px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid{
        margin-top: 23px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid .BannerGameName{
        font-size: 36px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid .BannerGameBrief{
        font-size: 27px;
        padding: 0 0 15px 0;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid .BannerGameMain{
        font-size: 14px;
        line-height: 25px;
        margin-top: -2px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameBot{
        width: 106px;
        height: 38px;
        line-height: 38px;
        font-size: 14px;
    }
}

@media screen and (min-width:1441px) and (max-width : 1680px) {
    #banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop {
        height: 105px;
    }

    #banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop > .BannerGameIcon{
        margin-right: 18px;
    }

    #banner #PcBanner > .carousel-inner >.item > .carousel-caption >.BannerGameTop > .BannerGameQRcode{
        width: 105px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid{
        margin-top: 20px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid .BannerGameName{
        font-size: 42px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid .BannerGameBrief{
        font-size: 31px;
        padding: 1px 0 13px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameMid .BannerGameMain{
        font-size: 14px;
        line-height: 33px;
    }

    #PcBanner >.carousel-inner > .item > .carousel-caption >.BannerGameBot{
        width: 122px;
        height: 44px;
        line-height: 44px;
        font-size: 14px;
    }
}

@media screen and (max-width:360px){
    .TopLogo{
        letter-spacing: 0.5px;
    }

    .MoblieNavButtonBox > .MoblieNavButton{
        margin: 25px 0 25px 10px;
        width: 45px;
        height: 40px;
    }

    .MoblieNavButtonBox > .MoblieNavButton > .icon-bar{
        width: 45px;
    }

    .NewsListMain .NewsBox>.row>.NewsMain>.row>.NewsMainMid {
        margin: 0;
        font-size: 14px;
    }

    .NewsListMain .NewsBox>.row>.NewsMain>.row>.NewsMainBot {
        margin: 0;
        font-size: 12px;
        height: 34px;
    }


}

@media screen and (min-width:361px) and (max-width: 414px){
    .NewsBox>.row>.NewsMain>.row>.NewsMainMid {
        margin: 5px 0;
        font-size: 16px;
    }

    .NewsListMain .NewsBox>.row>.NewsMain>.row>.NewsMainBot {
        margin: 0;
        font-size: 14px;
        height: 38px;
    }

    .GameMain .container .mainbox .row .GameTxtbox .row .icon_down a {
        padding: 15px 0;
    }
}

@media screen and (min-width:321px) and (max-width: 750px){
    .TopLogo{
        letter-spacing: 2.5px;
    }

    .MoblieNavButtonBox > .MoblieNavButton{
        margin: 25px 0 25px 10px;
        width: 45px;
        height: 40px;
    }

    .MoblieNavButtonBox > .MoblieNavButton > .icon-bar{
        width: 45px;
    }

    .GameMain .container .mainbox .row .GameTxtbox .row .icon_down a {
        padding: 19px 0;
    }

}
#downqrcode{
	display:none;
	background-image: url("/images/qrcode.png");
      	position:absolute;
	width:153px;
	height:153px;
	left:600px;
	top:10px;
}
.BannerGameName{
	color: #ffffff; 
}
.BannerGameMain>span{
	color: #ffffff !important;
}
.BannerGameBrief {
	color:#ffffff;
}