@charset "gb2312";

/* Reset*/
body,div,h1,h2,h3,h4,h5,h6,form,img,ul,ol,li,dl,dt,dd,p,tr,th,td{margin:0;padding:0;}
body{font:12px/1.5 'Microsoft Yahei',tahoma,'\5b8b\4f53',sans-serif;color:#777986;min-width:1000px;background-color: #eee;}
html,body{overflow-x:hidden;}
li{list-style:none;}
em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img{border:0;vertical-align:top;}
a{color: #646981;text-decoration:none;outline:none;}
a:hover{color: #e36623;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{*zoom:1;}
.pr{position:relative;}
.pa{position:absolute;}
.ti{text-indent:-999em;}
.hid{display:none;}
.underline{text-decoration:underline;}

/*Wrapper & Bg reset*/
.wrapper{background-color: #eeeeee;overflow:hidden;}

.banner-container {top: 0;left: 0;width: 100%;height: 428px;overflow: hidden;}
.banner-container .banner-wrap {top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.banner-container .slider-pic {
    width: 500%;
}
.banner-container .slider-pic img {display: block;width: 100%;height: 100%;object-fit: cover;}
.banner-container .slider-pic .pic-lnk {width: 20%;}
.flash-box {top: 0;}
.banner-content {top: 0;left: 442px;width: 1226px;height: 100%;}
.main-slogan {display: block;margin-top: 136px;margin-left: 48px;}
.main-slogan .title {line-height: 1;font-weight: lighter;font-size: 40px;color: #fff;}
.main-slogan .desc {margin-top: 16px;line-height: 1;font-size: 18px;color: #fff;}
.main-slogan .date {display: inline-block;margin-top: 15px;padding: 0 12px;border-radius: 99px;background-color: rgba(255, 255, 255, .2);line-height: 20px;font-size: 14px;color: #b0b2b2;}
.banner-container .new-nav2 {display: inline-block;top: 268px;left: 48px;box-sizing: border-box;width: 140px;height: 31px;border: 1px solid #878d8d;border-radius: 99px;line-height: 29px;font-size: 16px;color: #b0b2b2;text-align: center;}
.banner-container .new-nav2:hover {background-color: #e4712c;border-color: #e4712c;color: #fff;}
.banner-container .slider-switcher {bottom: 0;left: 0;z-index: 99;box-sizing: border-box;padding-left: 442px;width: 100%;height: 44px;background-color: #1b1e28;/* overflow-y: scroll; */}
.banner-container .switcher-btn {margin: 0;min-width: 217px;height: 44px;line-height: 44px;border: none;border-radius: 0;font-size: 16px;color: #5d687c;text-align: center;background: none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.banner-container .switcher-btn.switcher-on {background: url(../images/br_active.jpg) no-repeat;background-size: 100% auto;background-position: top center;color: #fff;}
.banner-container .person {bottom: 0;right: 0;width: 686px;}
.banner-container .person img {height: auto;}

.spr{background:url(../images/spr.png) no-repeat;}

/*Transition Reset*/
.opacTrans{-o-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;-webkit-transition:opacity 0.2s ease-in-out;-ms-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;}
.colorTrans{-o-transition:color 0.3s ease-in-out;-moz-transition:color 0.3s ease-in-out;-webkit-transition:color 0.3s ease-in-out;-ms-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out;}
.bgPosTrans{-o-transition:background-position 0.5s ease-in-out;-moz-transition:background-position 0.5s ease-in-out;-webkit-transition:background-position 0.5s ease-in-out;-ms-transition:background-position 0.5s ease-in-out;transition:background-position 0.5s ease-in-out;}
.allTrans{-o-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}

/*Left Side*/
.lside-bg{position: relative;margin-left: 240px;float:left;width: 192px;z-index: 99;background: url(../images/lside_bg.jpg) repeat;padding-bottom: 10000px;margin-bottom: -10000px;}
.lside{width:192px;/* margin-left: 192px; *//* background:url(../images/lside_bg.jpg) no-repeat; */}
.logo{height:143px;width:192px;display:block;}
.lside .lside-top {width: 192px;height: 192px;height: 294px;background-image: url(../images/lside_top.png);overflow: hidden;}
.download,.open-game{margin-top: 0px;width:192px;height:122px;display:block;overflow:hidden;}
.download:hover{background:url(../images/lside_top1.png) no-repeat;}
.open-game:hover{background:url(../images/lside_top1.png) no-repeat;background-position:0px -122px;}
.open-game {margin: 0;height: 85px;}
.download .down-icon,.open-game .open-icon {display: block;top: 0;left: 0;width: 96px;height: 88px;background-position: 0 20px;}
.download .down-text,.open-game .open-text {margin-left: 96px;width: 98px;height: 88px;background-position: -96px 20px;}
.open-game .open-icon {background-position: 0 -62px;}
.open-game .open-text {background-position: -96px -62px;}
.download:hover i, .open-game:hover i {opacity: 0;}
.download:hover div, .open-game:hover div {-webkit-transform: translateX(-29px);transform: translateX(-29px);}
.top-lnk {width: 96px;height: 86px;float: left;}
.tlnk-icon {display: block;margin: 15px auto 0;width: 30px;height: 30px;}
.tlnk-icon.tlnk-1 {background-position: -14px -161px;}
.tlnk-icon.tlnk-2 {background-position: -106px -161px;}
.tlnk-text p {margin-top: 4px;line-height: 1;font-size: 14px;color: #31333f;text-align: center;}
.tlnk-text span {display: block;text-align: center;width: 100%;line-height: 1;font-size: 12px;color: #af5d36;font-variant: small-caps;font-weight: normal;}
.top-lnk:hover {background-color: rgba(255, 255, 255, .1);}
.top-lnk:hover .tlnk-icon {opacity: 0;}
.top-lnk:hover .tlnk-text {transform: translateY(-16px);-webkit-transform: translateY(-16px);}

.mid-lnk {width: 100%;height: 86px;float: left;background-image: url(../images/side_ecenter.png);}
.mid-icon {display: block;margin: 15px auto 0;width: 30px;height: 30px;}
.mid-icon.mid-2 {background-position: -170px -161px;}
.mid-lnk:hover {background-color: rgba(255, 255, 255, .1);}
.mid-lnk:hover .mid-icon {opacity: 0;}
.mid-lnk:hover .mid-text {transform: translateY(-16px);-webkit-transform: translateY(-16px);}
.mid-text p {margin-top: 4px;line-height: 1;font-size: 18px;color: #31333f;text-align: center;}
.mid-text span {display: block;text-align: center;width: 100%;line-height: 1;font-size: 12px;color: #af5d36;font-variant: small-caps;font-weight: normal;}
.mid-lnk:hover .mid-icon {opacity: 0;}
.mid-lnk:hover .mid-text {transform: translateY(-16px);-webkit-transform: translateY(-16px);}

.main-wrap{margin-top:520px}
.main-wrap .main{width:924px;margin-left:276px;min-height:1280px;z-index:3}
.main-wrap .main-side{position:absolute;top:0;left:0;width:268px;overflow:hidden;*zoom:1;z-index:-1}
.main .main-grid{float:left;position:relative;overflow:hidden}
.main .mainpic-grid{float:right;position:relative;overflow:hidden}
.main .pic{float:right;position:relative;overflow:hidden;width:1200px;height:316px;}
.main .newspic-box{width:740px;height:316px;margin-right:10px;background-color:#373540}
.main .newspic-box ul li{float: left;margin:10px 0 0 45px;}
.main .newspic-box ul li img:hover{transform: scale(1.01);transition: all 0.6s;}
.main .newspic-box ul li img{width: 188px;height: 188px;}
.main .newspic-box ul li p{text-align: center;padding-top: 5px;font-size: 14px;color: #fff;}
.main .newspic-box ul li p:hover{text-decoration:underline}
.main .mainart-grid{float:right;position:relative;overflow:hidden}
.main .art{float:right;position:relative;overflow:hidden;margin:8px 0 0 8px;width:1200px;height:316px;}
.main .newsart-box{width:450px;height:316px;background-color:#373540}
.main .slider{width:370px}
.main .server-list{margin-left:8px;width:546px;height:151px;background:url(../images/bg_server.jpg)}
.main .news-box{margin:8px 0 0 8px;width:546px;height:316px;background-color:#fff}
.main .data-box{margin:0;width:100%;margin-top:0px;}
.main .role-box{float:right;margin:8px 0 0;width:1200px}
.main .link-box,.main .part-box{float:left;margin:8px 0 0;width:1200px;margin-left: -276px;}
.main .slider,.main-side .login-box{height:475px}
.main-side .media-box{margin-top:8px;width:100%}
.main-side .contact-box{margin-top:8px;height:459px;background:url(../images/contact_bg.jpg) 0 0 no-repeat;overflow:hidden}

#ac6{margin-left:10px}
#bn{text-align:center;display:inline-block;margin-bottom:2px;background: url(../images/server_bg.gif) no-repeat right bottom;}
/* #bn table tr{background:#fcfcfc;} */
/* #bn table tr:hover{background:#fcf3d2;} */
tbody tr:hover{background:#fcf3d2;}
#bm{float:left;width:100%;border-top:3px solid #b00000;border-left:1px solid #ddd;border-bottom:1px solid #ddd;width:816px;}
#bm thead th{color:#333;height:61px;line-height:61px;text-align:center;/* background:#f5f5f5; */border-right:1px solid grey;border-bottom:2px solid grey;font-size:14px;}
#bm tbody td{height:38px;line-height:38px;border-right:1px solid grey;border-bottom:1px solid grey;}
#bk td{color:#290000;text-align:center;}
#bx td span{color:#0000ff;font-size:12px;font-weight:normal;text-align:left;padding:0 5px;line-height: 30px;}
#bk a{color:#290000;}
#bn #wz{color:blue;}
#bt a:hover{text-decoration:underline;color: #ff7800;}
#bk a:hover{text-decoration:underline;color: #ff7800;}
#bt td{color:#f00;/* background:#af6; */text-align:center;}
#newserver{color:#f00;background:#af6;text-align:center;}
#bt a{color:#f00;}
#bw td{color:#aaa;text-align:center;}
#bt{color:#b00000;width:863px;height:42px;border-bottom:none;background-color: #fffa66;}
#bt:hover{background-color: #af6;}
#bt h3{float:left;font-size:14px;width:957px;height:42px;line-height:42px;padding-left:13px;background:#f5f5f5;border:1px solid #ddd;border-top:none;}
#bt span{float:right;color:#999;font-size:12px;font-weight:normal;padding-right:13px;}
#bt span a{height:42px;line-height:42px;padding-left:13px;display:inline-block;}


.fast-qunlnk{width:192px;display:block;}
.fast-qunlnk{height:20px;background-image: url('../images/navbar_line.png');background-position: 0 -81px;text-align:center;}

.btn-rp{width:100%;height:100%;background:url(../images/btn_rp.png) repeat;top:0;left:0;z-index: 8;}
.fast-lnk-1{height:95px;border-bottom:3px solid #d25d1e;background-color:#f2782f;width:192px;display:block;overflow: hidden;}
.fast-lnk-1:hover{background-color:#f6903c;border-bottom:3px solid #e07628;}
.flnk-icon-1{width:50px;height:50px;display:block;margin:10px auto 0;background-position:-100px -304px;}
.flnk-text-1{width:100%;height:24px;line-height:24px;font-size:16px;color: #36313f;text-align:center;display:block;}
.fast-lnk-1:hover .flnk-icon-1{margin-top:-12px;opacity:0;}
.fast-lnk-1:hover .flnk-text-1{font-weight:bold;color:#563028;}
.fast-lnk{width:192px;display:block;}
.fast-lnk{height:87px;background-image: url('../images/navbar_line.png');background-position: 0 -14px;text-align:center;}
.fast-lnk.flnk-6 {height: 64px;}
.fast-lnk.flnk-6:hover {background-image: url(../images/side_ecenter_active.png);}
.fast-lnk.flnk-6 .flnk-icon {margin-top: 8px;opacity: 1;}
.fast-lnk.flnk-6 .flnk-text p {margin-top: 20px;color: #36313f !important;}
.fast-lnk.flnk-6 .flnk-text span {color: #433942 !important;}
.flnk-icon{width:50px;height:50px;float: left;overflow:hidden;margin: 17px 0 0 5px;opacity:0.5;filter:alpha(opacity=50);position:relative;z-index:11;}
.ficon-1{background-position:0 -304px;}
.ficon-2{background-position:-50px -304px;}
.ficon-3{background-position:-150px -304px;}
.ficon-4{background-position:-150px -354px;}
.ficon-5{background-position:-150px -404px;}

.flnk-text{float: left;position:relative;z-index:11;margin-left: 14px;text-align: left;}
.fast-lnk .flnk-text p {margin-top: 29px;line-height: 1;font-size: 14px;color:#888a96;}
.fast-lnk .flnk-text span {margin-top: 9px;line-height: 1;font-size: 12px;color: #676d81;font-variant: small-caps;font-weight: normal;}
.flnk-text-sub{display:none;opacity:0;filter:alpha(opacity=0);float:left;position:relative;z-index:11;}
.fast-lnk:hover,.fast-lnk.active{background:#2e7b8d;color:#a5f8ff;}
.fast-lnk:hover .flnk-icon,.fast-lnk.active .flnk-icon{margin-left: 8px;opacity: 0;filter:alpha(opacity=0);}
.fast-lnk:hover .flnk-text,.fast-lnk.active .flnk-text{font-weight:bold;text-align: center;}
.fast-lnk:hover .flnk-text p,.fast-lnk.active .flnk-text p {color: #fff;}
.fast-lnk:hover .flnk-text span,.fast-lnk.active .flnk-text span {color: #82cadd;}
.fast-lnk:hover .flnk-cover,.fast-lnk.active .flnk-cover{background:#2a7589;opacity:1;filter:alpha(opacity=100)}
.flnk-5:hover .flnk-text-sub{opacity:1;filter:alpha(opacity=100);display:block;font-weight:bold;}
.flnk-cover{position:absolute;width:100%;height:100%;z-index:10;background:#d25d1e;left:0;top:0;}
.ficon-5{opacity:1;}
.flnk-5:hover .flnk-cover{opacity:0;}
.lside-lnks{width:192px;overflow:hidden;background: url(../images/navbar_line.png);}
.lside-lnks li{float:left;width: 94px;height:100px;border-bottom: 1px solid transparent;border-left: 1px solid #383a48;}
.lside-lnk{display:block;width:100%;height:100%;overflow: hidden;}
.lside-lnk:hover{background:#2e7b8d}
.lside-lnk:hover .lside-icon{margin-top: -12px;opacity: 0;filter:alpha(opacity=0);}
.lside-lnk:hover .llnk-name{font-size:14px;font-weight:bold;color: #fff;}
.lside-icon{width:50px;height:50px;margin: 13px auto 0;display:block;opacity:0.5;filter:alpha(opacity=50)}
    .licon-1{background-position:0 -354px;}
    .licon-2{background-position:-50px -354px;}
    .licon-3{background-position:-100px -354px;}
    .licon-4{background-position:0 -404px;}
    .licon-5{background-position:-50px -404px;}
    .licon-6{background-position:-100px -404px;}
    .licon-7{background-position:-150px -404px;}
    .licon-shop{background:url(../images/lside-icon-shop.png) 4px 4px no-repeat;}
.llnk-name{display:block;height:26px;line-height:26px;color: #888a96;font-size:14px;text-align:center;}
.coop-lnks{width: 159px;padding:24px 0 0 27px;overflow:hidden}
.coop-lnks li{float:left;width:34px;height:34px;margin:0 19px 22px 0;display:inline;}
    .coop-lnk{display:block;width:100%;height:100%;}
    .cooplnk-bg{left:0;top:0;width:100%;height:100%;background:#958980;opacity:0.3;filter:alpha(opacity=30);-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;}
    .cooplnk-icon{top:0;left:0;width:100%;height:100%;opacity:0.5;filter:alpha(opacity=50)}
        .coopicon-add{background-position:-170px -454px;}
        .coopicon-1{background-position:0 -454px;}
        .coopicon-2{background-position:-34px -454px;}
        .coopicon-3{background-position:-68px -454px;}
        .coopicon-4{background-position:-102px -454px;}
        .coopicon-5{background-position:-136px -454px;}
        .coopicon-6{background-position:0 -488px;}
        .coopicon-7{background-position:-34px -488px;}
        .coopicon-8{background-position:-68px -488px;}
        .coopicon-9{background-position:-102px -488px;}
        .coop-lnk:hover .cooplnk-icon{opacity:1;filter:alpha(opacity=100)}
        .coop-lnk:hover .cooplnk-bg{background: #4c6695;opacity:1;filter:alpha(opacity=100);transform:rotateY(180deg);}

.coopmedia{margin: 0 auto;width:180px;border: 3px solid #3d4050;height:23px;line-height:23px;color:#464853;font-family:'\5b8b\4f53',tahoma;text-indent:21px;}
    .coop-list{width: 186px;border: 3px solid #3a3543;border-top:0;background:#2e7b8d;top: 26px;left:-6px;display:none;}
    .coop-link{width:180px;display:block;margin: 0 auto;color:#49bbd6;height:29px;line-height:29px;text-indent:20px;border-bottom:1px dashed #3891a6;}
    .coop-list li:last-child .coop-link {border: none;}
    .coop-link:hover{background:#266b7d;color:#affffa;}
    .arrow-icon{width:11px;height:6px;background-position:-192px 0;float:right;margin:9px 7px 0 0;display:inline;}
    .coopmedia:hover .coop-list{display:block}
.suggest-box{margin:20px 0 0 20px;overflow:hidden;display:block;}
.suggest-title{font-size:16px;color:#c25521;height:40px;line-height:40px;}
.suggest-text{line-height:30px;color:#ff9900;}
.suggest-text em{float:left;/* width:35px; */color:#8f97b4;height:30px;}
.suggest-textpz{line-height:23px;color:#515565;}
.suggest-textpz em{float:left;/* width:35px; */color:#8f97b4;height:23px;}

.btn-lxkf {margin:12px 0 0 16px;color: #a13031;border: 1px solid #a13031;display: inline-block;padding: 0 10px;line-height: 24px;transition: 0.3s all;}



/*Main Content*/
.main{padding-top: 438px;position: relative;overflow: hidden;}

/*Navigation*/
.nav{height: 56px;width:100%;position:absolute;top:0;left:0;z-index:9;z-index:3;overflow:hidden;-o-transition:height 0.5s ease-in-out;-moz-transition:height 0.5s ease-in-out;-webkit-transition:height 0.5s ease-in-out;-ms-transition:height 0.5s ease-in-out;transition:height 0.5s ease-in-out;}
.nav:hover,.nav.nav-on{height:271px;filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=271) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000,endcolorstr=#000,gradientType=1);-ms-filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=0,finishx=0,finishy=271) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000,endcolorstr=#000,gradientType=1);background:#000;background:-moz-linear-gradient(top, rgb(0, 0, 0), rgba(0, 0, 0, 0));background:-webkit-linear-gradient(top, rgba(0, 0, 0, 1), rgba(255, 255, 255, 0));background:-o-linear-gradient(top, red, rgba(0, 0, 255, 0.5));}
.nav-list{padding-top: 38px;height: 20px;width:100%;}
.nav-list li{position: relative;float:left;padding:0 10px;box-sizing: border-box;text-align:center;width: 142px;/* height:18px; */}
.nav-list li i {display: block;position: absolute;top: 4px;right: -1px;width: 2px;height: 10px;background-color: #d6d6d6;}
.nav .bord{border:0;}
.nav .firstopt{width:80px;}
.nav-link{font-size: 16px;line-height:16px;color: #d6d6d6;font-weight:bold;}
.nav-link:hover{color:#a14012;text-decoration:none;}
.navexpand-list{width:100%;height:185px;top: 54px;left: 0;}
.navexpand-list li{float:left;height:160px;width: 142px;padding-top:10px;box-sizing: border-box;border-right: 1px solid transparent;text-align:center;}
.navexpand-list .firstopt{width:100px;}
.navexpand-link{display:inline-block;padding: 6px 10px;line-height:19px;font-size: 14px;color: #d6d6d6;}
.navexpand-link:hover{color: #c25521;}

/*Honor Link*/
.honor-link{width:196px;height:46px;right:0;top:0;background-position:0 -552px;z-index:10;}
.honor-link:hover{opacity:0.9;filter:alpha(opacity=90);}

/*Grid System*/
.grid-main{width: 1226px;overflow:hidden;padding-left: 10px;}
.grid-main.one {}
.grid-main-btm{margin-bottom:60px;/* margin-right: 181px; */}
.grid3x2{width: 608px;height: 312px;float:left;margin: 0 0 10px 10px;display:inline;overflow: hidden;}
.grid2x2{/* width: 816px; */height: 343px;float:left;margin: 0 0 10px 10px;display:inline;overflow: hidden;}
.grid2x1{/* width: 402px; */height: 104px;float:left;margin: 0 0 10px 10px;display:inline;overflow:hidden;}
.grid1x2{width: 196px;height:312px;float:left;margin: 0 0 10px 8px;display:inline;position:relative;overflow:hidden;}
.grid5x2{width: 1020px;height:312px;float:left;padding: 0 0 10px 10px;display:inline;position:relative;overflow:hidden;}
.inner-grid{margin-left:0;}
.grid-video{margin-left:0;}
/*Content*/
    /*Ad Slider*/
    .sliders{overflow:hidden;margin-left:0;}
    .sliders-hd{position:absolute;z-index:10;top:0;left:0;width:100px;height:30px;}
    .sliders-tab{ width:50px; height:30px; float:left; background-color:#2a2a2a; color:#7b7b7b; font-size:14px; line-height:30px; font-weight:bold; text-align:center;}
    .sliders-tab:hover,
    .sliders-tab-on{background-color:#c35522;color:#ffbb85;}
    .act-slider{overflow:hidden;height:100%;}
    .slider-pic{width:400%;height:100%;top:0;left:0;z-index:3;background:#fff;}
    .act-slider .slider-pic{width:600%;}
    .pic-lnk{float:left;width: 100%;height:100%;width: auto;}
    .act-slider .pic-lnk {background-size: cover;}
    .act-slider .title-wrap {padding: 15px 0 0 18px;}
    .act-slider .title-wrap .title {display: inline-block;padding-bottom: 8px;border-bottom: 1px solid #433d4e;line-height: 55px;font-weight: bold;font-size: 40px;color: #e36623;}
    .act-slider .title-wrap .desc {margin-top: 15px;line-height: 1;font-size: 16px;color: #75798f;letter-spacing: 8px;}
    .act-slider .btn {top: 184px;left: 18px;display: inline-block;padding: 0 34px;border: 1px solid #b0bbe6;border-radius: 99px;line-height: 30px;font-size: 16px;color: #b0bbe6;}
    .act-slider .pic-lnk .btn:hover {background-color: #b0bbe6;color: #2e2b37;}
    .act-slider .pic-lnk .person {top: 0;right: 0;width: 267px;}

    .slider-switcher{height:15px;bottom: 23px;left: 21px;z-index:6;}
    .switcher-btn{width: 10px;height: 10px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border: 2px solid #fff;box-sizing: border-box;margin:2px 9px 0 0;float:left;display:inline;overflow:hidden;z-index:7;cursor:pointer;}
    .switcher-on{width: 10px;height: 10px;background: #fff;}
    .act-slider .pic-lnk{width: 402px !important;cursor: pointer;}
        .act-slider .pic-lnk img {display: block;width: 100%;}
        .slider-switcher.grid-slider{height: 7px;bottom: 86px;left: auto;right: 12px;}
        .recommend .slider-switcher.grid-slider {bottom: 10px;}
        .grid-slider .switcher-btn{width: 7px;height: 7px;margin-right:5px;margin-top: 0;}
        .grid-slider .switcher-on{width: 7px;height: 7px;}
        .commu-lnks .switcher-btn{background:#c3c2c7;}
        .commu-lnks .switcher-on{border:1px solid #c3c2c7;background:none;}
    /*News Mod*/
    .topnews{position:absolute;}
    .news{background:#fff;}
    #newstop{background:#fff;width: 400px;}
    .news-tab{padding: 0 13px;box-sizing: border-box;height: 56px;background:#fff;width: 100%;overflow: hidden;}
    .tab-list{margin: 3px auto 0;width: 366px;height: 49px;border-bottom: 1px solid #ebebeb;}
    .tab-list li{position: relative;float:left;margin-right: 4px;width: 50px;height: 50px;}
    .tab-list .tab-more{width:24px;float:right;}
    .tab-lnk{color: #3f3d3d;text-align: center;font-size: 16px;line-height: 48px;display:block;font-weight: bold;}
    .tab-link:hover,.tlink-on{color: #e36623 !important;border-bottom: 2px solid #e36623;}
    .more-link{margin: 13px auto 0;display:block;width: 10px;height: 10px;padding: 6px;border:1px solid #dfe0e1; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;overflow:hidden;background-position: -117px -523px;}
    .tab-list li .dot {top: 7px;right: 3px;display: block;width: 6px;height: 6px;background-color: #ff0000;border-radius: 99px;}
    .news-con{width: 376px;margin: 12px auto;/* overflow: hidden; */display:none;}
    .news-con-hid{height:178px;padding-top:10px;}
    .news-date{float:right;}
    .news-list{width: 100%;box-sizing: border-box;/* font-family:'\5b8b\4f53'; */padding-right: 6px;}
    .news-list li{float:left;width:100%;}
    .news-lnk{line-height: 26px;display:block;color: #4d4c4c;white-space:nowrap;overflow:hidden;height: 32px;line-height: 32px;width:100%;font-size: 14px;text-overflow:ellipsis;}
    .news-hot .news-lnk,.item-0 .news-lnk{margin-top: -6px;height: 46px;line-height: 46px;font-size: 16px;color: #e36623;text-align: center;}
    .item-0 .news-lnk span{display:none;}
    .strategy-news .tab-list {width: 100%;}
    .strategy-news .tab-list li {width: auto;}
    .strategy-news .tab-list li .tab-lnk {width: 95px;}
    .strategy-news .news-con {padding: 0 13px;box-sizing: border-box;width: 100%;}
	.guideimg{position:relative;width:1236px;}

    .news-con-guide{width: 376px;margin: 12px auto;/* overflow: hidden; */display:none;}
	.news-con-guide{padding: 0 13px;box-sizing: border-box;width: 100%;}
	
    .news-con-gamepic{width: 376px;margin: 12px auto;/* overflow: hidden; */display:none;}
    .strategy-news .news-con-gamepic {padding: 0 13px;box-sizing: border-box;width: 100%;}
	.grid-lzq .news-con-gamepic{display:block;margin: 0;padding-top: 17px;width:calc(100% + 10px);height:249px;}
	

    /* activity */
    .activity {background-color: #fff}
    .activity:hover {box-shadow: 0 0 5px rgba(8, 25, 32, 0.2);}
    .activity a {display: block;max-width: 100%;}
    .activity-img {padding: 2px;width: 192px;height: 236px;overflow: hidden;}
    .activity-img img {display: block;width: 100%;}
    .activity .title {margin: 15px 18px 0;line-height: 1;font-size: 16px;color: #2e2a36;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .activity .desc {margin: 10px 18px 0;line-height: 1;font-size: 12px;color: #9c9b9e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .activity .label {position:absolute;display: inline-block;top: 227px;left: 12px;padding: 0 10px;height: 20px;border-radius: 99px;background-color: #e4712c;line-height: 20px;font-size: 12px;color: #fff;}
    .activity.strategy,.activity.lzq {margin-left: 0;}
    .activity .label-name {display: block;margin: 15px auto 0;width: 169px;height: 39px;border: 1px solid #6b6c76;border-radius: 4px;line-height: 39px;font-weight: bold;font-size: 18px;color: #31333f;text-align: center;}
    .activity:hover .label-name {background-color: #e4712c;border-color: transparent;color: #fff;}
    .hd-slider {width: 196px;height: 312px;}
    .hd2-slider {width: 402px;height: 104px;}
    .ac-xf {display: none;}

    /* ecenter */
    .ecenter {margin-left: 0;}
    .ecenter .pic-lnk {display: block;padding: 18px 0 0 18px;box-sizing: border-box;width: 402px;height: 104px;background: url(../images/leftxsrm.jpg);}
    .ecenter .pic-lnk .title {line-height: 1;font-weight: bold;letter-spacing: 4px;font-size: 22px;color: #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .ecenter .pic-lnk .desc {margin-top: 8px;line-height: 1;font-size: 14px;color: #f2c1ac;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .ecenter .pic-lnk .btn {display: inline-block;margin-top: 9px;padding: 0 12px;border: 1px solid #fff;border-radius: 99px;line-height: 20px;font-size: 12px;color: #fff;}
    .ecenter .pic-lnk .btn:hover {background-color: #fff;color: #e4712c;}
    .ecenter .pic-lnk .person {right: 18px;bottom: 0;width: 129px;height: 98px;}

    /* recommend */
    .recommend {
}
    .recommend .recommend-wrap {display: block;width: 402px;height: 100%;background-size: cover;overflow: hidden;background:url(../images/tj_bg_1.jpg);}
    .recommend-wrap::before {display: block;content: " ";position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;background: linear-gradient(to right, #2f2b39, transparent);background: -webkit-linear-gradient(left, right, #2f2b39, transparent);background: -moz-linear-gradient(left, right, #2f2b39, transparent);background: -o-linear-gradient(left, right, #2f2b39, transparent);background: -ms-linear-gradient(left, right, #2f2b39, transparent);pointer-events: none;}
    .recommend .label {position:absolute;display: inline-block;z-index: 3;top: 3px;left: 0;padding: 0 9px 0 4px;width: auto;height: 18px;line-height: 18px;border-top-right-radius: 99px;border-bottom-right-radius: 99px;background-color: #e4712c;font-size: 12px;color: #fff;}
    .recommend .title {position: relative;z-index: 3;margin: 36px 0 0 18px;line-height: 1;font-weight: bold;letter-spacing: 4px;font-size: 18px;color: #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .recommend .desc {position: relative;z-index: 3;margin: 8px 0 0 18px;line-height: 1;font-size: 14px;color: #acacaf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .recommend .person {display: block;bottom: 0;right: 0;z-index: 1;width: 133px;}
    
    /* notice */
    .notice-container {margin: 0 0 10px 10px;width: 1226px;height: 76px;background-color: #cfced1;text-align: center;font-size: 0;}
    .notice-container a.notice-link{display:block;width:100%;height:100%;}
    .notice-container .person {display: inline-block;width: 94px;}
    .notice-container .desc {display: inline-block;margin-left: 28px;font-weight: lighter;line-height: 76px;font-size: 26px;color: #666;}
    .notice-container .btn {display: inline-block;margin: 28px 0 0 15px;width: 23px;height: 23px;background-position: -133px -660px;vertical-align: top;}
    .notice-container .close {display: block;top: 28px;right: 32px;width: 23px;height: 24px;background-position: -161px -660px;cursor: pointer;}

    /*Version*/
    .version{}
    .version-lnks{left:0;top:0;z-index:2;width:100%;height:100%;}
    .version-lnk{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;display:none;}
        .version-lnk-on{z-index:4;display:block;}
    .version-tabs{left:0;top: 0;height:38px;width:100%;color: #31333f;font-size:13px;line-height:38px;z-index: 5;overflow:hidden;padding: 0 2px;}
    .version-tabs span{float:left;font-size:12px;color: #c7c6c8;}
    .version-tab{float:left;height:38px;cursor:pointer;width: 44px;text-align: center;}
    .version-tab-last{width: 48px;}
        .version-tab:hover,.version-tab-on{color: #c25521;}
    .grid-tip{left:0;top:0;background:#327e92;color:#8de5eb;height:26px;line-height:26px;padding:0 4px;z-index:5;}
    
    /*  */

    /*Guide & News*/
    .grid-title{height:50px;overflow:hidden;}
        .search-field{float:right;width:390px;height:29px;margin-top:15px;}
            .input-submit{cursor:pointer;background-position: -139px -522px;width:65px;height:29px;float:right;border: 0;}
            .search-input{float:right;background:#fff;border:1px solid #e3e6ed;width:311px;line-height:27px;height:27px;text-indent:10px;margin-right:8px;display:inline;}
        .title-left{float:left;height:50px;line-height:50px;font-size:16px;font-weight:bold;color: #31333f;}
            .title-left:hover{color:#c25521;}
            .icons{float:left;width:22px;height:22px;margin:13px 2px 0 0;display:inline;}
            .icon-new{background-position:0 -522px;}
            .icon-sns{background-position:-22px -522px;}
            .icon-ver{margin-right: 16px;background-position: -21px -522px;}
            .ctitle-en{font-size: 12px;font-variant:small-caps;color:#bcbcbd;padding-left:5px;font-weight:normal;}
    .grid-full{overflow:hidden;margin-bottom: 16px;}
        .guide-box{border:1px solid #e3e6ed;height: 302px;background:#f8f8f8;float: left;}
            .gbox-on{background:#fff;}
        .guide-pic{float: left;width: 125px;height: 302px;overflow:hidden;position: relative;cursor:pointer}
            .guide-pic-img{position: absolute;left: 50%;margin-left: -62px;top: 0;}
            .gpic-cover{width:100%;height:64px;top:21px;left: 0;background: #f8f8f8;opacity:0.6;filter:alpha(opacity=60)}
            .gbox-on .gpic-cover{display:none;}
            .guide-pic:hover{background:#fff;}
            .guide-pic:hover .gpic-cover{opacity:0;filter:alpha(opacity=0);}
        .guide-content{float:left;padding: 20px 0 20px 23px;overflow:hidden;display:none;}
        .guide-content .news-list{width:379px;height:156px;}
        .guide-pics{height:96px;overflow:hidden;margin-top: 10px;}
            .guide-pics li{float:left;margin-right:8px;display:inline;}
            .guide-pics .nobord{margin:0;}
            .guide-lnk{display:block;width:184px;height:96px;}

    /*Community*/
    .commu-lnks{border:1px solid #e3e6ed;width:190px;height:302px;background:#fff;/* height: 136px; *//* overflow: hidden; */}
    .commu-lnk{width:100%;display:block;overflow:hidden;}
        .commu-lnk:hover .commu-btn{background:#c25521;border:1px solid #d48864;color:#fff;}
    .commulnk-pic{display:block;}
    .commu-name{height:50px;padding-left:15px;line-height:50px;font-family:'\5b8b\4f53';color:#b6b7b7;}
    .commu-btn{height:36px;line-height:36px;margin-left:15px;display:block;border:1px solid #ced0d5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:158px;text-align:center;font-size:13px;color:#36313f;}

    /*Versions*/
    .version-box{overflow: hidden;width: 1228px;height: 174px;}
    .version-list{height:174px;position: absolute;z-index:10;width:4400px;left:0;top:0;}
        .version-list li{float:left;display:inline;width:130px;margin-right:20px;height:174px;text-align:center;}
        .version-list .nobord{margin-left:20px;}
        .version-pic{width:100%;height:130px;display:block;}
        .version-img{left:0;top:0;z-index:3;-webkit-filter:grayscale(0.9) brightness(1.1);-moz-filter:grayscale(0.9) brightness(1.1);-o-filter:grayscale(0.9) brightness(1.1);-ms-filter:grayscale(0.9) brightness(1.1);filter:grayscale(0.9) brightness(1.1)}
        .version-pic:hover .version-img{-webkit-filter:grayscale(0) brightness(1);-moz-filter:grayscale(0) brightness(1);-o-filter:grayscale(0) brightness(1);-ms-filter:grayscale(0) brightness(1);filter:grayscale(0) brightness(1)}
        .version-cover{left:0;top:0;width:100%;height:100%;z-index:4;background-position:0 -660px;}
        .version-name{color:#36313f;line-height:20px;padding-top:2px;}
        .version-time{color:#cccdce;line-height:20px;padding-top:2px;}
    .line-bg{left: 0;top: 64px;width:100%;height: 7px;background-position: 0 -790px;background-repeat: repeat-x;z-index:9;}

/* hz-plank */
.hz-plank {position: relative;z-index: 999;padding-top: 27px;width: 100%;height: 147px;background-color: #31333f;font-size: 0;text-align: center;}
.hz-plank .hz-item {position: relative;display: inline-block;margin: 0 40px;width: 100px;}
.hz-plank .hz-item .hz-icon {display: block;margin: 0 auto;width: 75px;height: 75px;background-image: url(../images/spr_hz.png);}
.hz-plank .hz-item .hz-icon.wb {background-position: 0 0;}
.hz-plank .hz-item:hover .hz-icon.wb {background-position: 0 -80px;}
.hz-plank .hz-item .hz-icon.wx {background-position: -80px 0;}
.hz-plank .hz-item:hover .hz-icon.wx {background-position: -80px -80px;}
.hz-plank .hz-item .hz-icon.ks {background-position: -160px 0;}
.hz-plank .hz-item:hover .hz-icon.ks {background-position: -160px -80px;}
.hz-plank .hz-item .hz-icon.txsp {background-position: -240px 0;}
.hz-plank .hz-item:hover .hz-icon.txsp {background-position: -240px -80px;}
.hz-plank .hz-item .hz-icon.ws {background-position: -320px 0;}
.hz-plank .hz-item:hover .hz-icon.ws {background-position: -320px -80px;}
.hz-plank .hz-item .hz-icon.bz {background-position: -400px 0;}
.hz-plank .hz-item:hover .hz-icon.bz {background-position: -400px -80px;}
.hz-plank .hz-item .hz-icon.sph {background-position: -480px 0;}
.hz-plank .hz-item:hover .hz-icon.sph {background-position: -480px -80px;}
.hz-plank .hz-item .name {margin-top: 14px;line-height: 1;font-size: 20px;color: #61667f;}
.hz-plank .hz-item:hover .name {color: #c25521;}
.hz-plank .hz-item .code-wrap {display: none;top: -124px;left: -4px;margin: 0 auto;padding: 4px 3px 3px 3px;width: 102px;background-color: #c25521;}
.hz-plank .hz-item:hover .code-wrap {display: block;}
.hz-plank .hz-item .code-wrap::after {display: block;content: "";position: absolute;top: 100%;left: 0;right: 0;margin: 0 auto;width: 0;height: 0;border-top: 8px solid #c25521;border-left: 8px solid transparent;border-right: 8px solid transparent;}
.hz-plank .hz-item .code-wrap img {display: block;width: 102px;}

/* career++ */
.career-wrap{position: relative;padding-top: 10px;}
.career-tit{position: absolute;top: 8px;left: 10px;width: 120px;height: 34px;line-height: 34px;}
.career-ico{float: left;width: 22px;height: 22px;margin: 6px 6px 0 0;background: url(../images/career-icons.png) no-repeat -50px -7px;}
.career-tit span{font-size: 18px;color: #31333f;}
.career-tabs-wrap .hd-wrap{position: relative;margin-left: 174px;z-index: 10;}
.career-tabs-wrap .hd-wrap ul{width: 278px;height: 30px;border: 1px solid #ccc;-webkit-box-sizing: border-box;box-sizing: border-box;}
.career-tabs-wrap .hd-wrap ul li{position: relative;float: left;width: 25%;height: 30px;line-height: 30px;text-align: center;font-size: 14px;}
.career-tabs-wrap .hd-wrap ul li::before{position: absolute;width: 1px;height: 10px;background: #ccc;top: 10px;right: 0;content: '';;}
.career-tabs-wrap .hd-wrap ul li.curr::after{position: absolute;width: 100%;height: 2px;background: #e36623;bottom: 1px;left: 0;content: '';}
.career-tabs-wrap .hd-wrap ul li:last-child:before{display: none;}
.career-tabs-wrap .hd-wrap ul li a{display: block;width: 100%;height: 100%;color: #31333f;}
.career-tabs-wrap .hd-wrap ul li.curr a{color: #e36623;}
.career-tabs-wrap .bd-wrap{padding: 3px 0 10px;}
.tab-panel-wrap{display: none;}
.tab-panel-wrap.dis{display: block;}
.tab-panel-inner{display: none;}
.tab-panel-inner.dis{display: block;}
.career-tabs-inner .hd-inner{position: relative;margin-left: 174px;z-index: 10;}
.career-tabs-inner .hd-inner ul{height: 36px;}
.career-tabs-inner .hd-inner ul li{position: relative;float: left;width: 52px;height: 36px;font-size: 14px;color: #31333f;text-align: center;line-height: 36px;}
.career-tabs-inner .hd-inner ul li::before{position: absolute;width: 1px;height: 10px;background: #ccc;top: 13px;right: 0;content: '';}
.career-tabs-inner .hd-inner ul li:last-child::before{display: none;}
.career-tabs-inner .hd-inner ul li a{display: block;width: 100%;height: 100%;}
.career-tabs-inner .hd-inner ul li.curr a,.career-tabs-inner .hd-inner ul li:hover a{color: #e36623;}
.career-tabs-inner{position: relative;width: 100%;height:261px;}
.bd-inner{position:absolute;left: 50%;margin-left: -473px;top: 36px;width: 935px;height: 225px;}
.career-info-wrap{position: relative;width: 100%;height: 225px;background: #fff;}
.race-bg{position: absolute;top: 0;left: 0;width: 935px;height: 225px;}
.race1-bg{background: url(../images/race1-b.png) no-repeat;}
.race2-bg{background: url(../images/race2-b.png) no-repeat;}
.race3-bg{background: url(../images/race3-b.png) no-repeat;}
.race4-bg{background: url(../images/race4-b.png) no-repeat;}
.career-info{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.career-video{position: absolute;top: 50px;left: 50%;margin-left: -60px;width: 26px;height: 26px;background: url(../images/career-icons.png) no-repeat -49px -38px;text-indent: -999em;-webkit-transition: all .3s;transition: all .3s;}
.dis .career-video{-webkit-animation: slideBot .5s cubic-bezier(0.3, 1.5, 0.3, 1) 0s both;animation: slideBot .5s cubic-bezier(0.3, 1.5, 0.3, 1) 0s both;}
.career-video::before{position: absolute;left: 50%;top: -32px;width: 1px;height: 23px;background: #434343;content: '';}
.career-video:hover{-webkit-filter: brightness(1.25);filter: brightness(1.25);}
.career-name{position: absolute;width: 70px;left: 50%;margin-left: -156px;top: 10px;font-size: 60px;color: #000;text-align: center;font-weight: lighter;line-height: 1.1;opacity: 0;}
.dis .career-name{-webkit-animation: slideRight 1s cubic-bezier(0.3, 1.5, 0.3, 1) 0s both;animation: slideRight 1s cubic-bezier(0.3, 1.5, 0.3, 1) 0s both;}
.career-image{position: absolute;bottom: 0;right: 152px;/* width: 553px; */height: 301px;opacity: 0;}
.dis .career-image{-webkit-animation: slideLeft 1s cubic-bezier(0.3, 1.5, 0.3, 1) 0s both;animation: slideLeft 1s cubic-bezier(0.3, 1.5, 0.3, 1) 0s both;}
.career-ico-en{position: absolute;top: 0;left: 50%;margin-left: -220px;width: 40px;height: 100%;opacity: 0;}
.dis .career-ico-en{-webkit-animation: slideRight 1s cubic-bezier(0.3, 1.5, 0.3, 1) .2s both;animation: slideRight 1s cubic-bezier(0.3, 1.5, 0.3, 1) .2s both;}
.career-icon{position: absolute;width: 29px;height: 29px;top: 16px;left: 5px;background: url(../images/career-icons.png) no-repeat;}
.career-icon::before{position: absolute;left: 0;bottom: -6px;width: 29px;height: 1px;background: #b2b2b2;content: '';}
.career-icon1{background-position: -3px -3px;}
.career-icon2{background-position: -3px -37px;}
.career-icon3{background-position: -3px -72px;}
.career-icon4{background-position: -3px -108px;}
.career-yveshi{background-position: -50px -73px;}
.career-icon5{background-position: -3px -143px;}
.career-icon6{background-position: -3px -176px;}
.career-icon7{background-position: -3px -209px;}
.career-icon8{background-position: -3px -243px;}
.career-icon9{background-position: -3px -278px;}
.career-icon10{background-position: -3px -313px;}
.career-icon11{background-position: -3px -348px;}
.career-icon12{background-position: -3px -382px;}
.career-icon13{background-position: -3px -417px;}
.career-icon14{background-position: -3px -451px;}
.career-ico-en span{position: absolute;left: 50%;top: 124px;width: 168px;margin-left: -84px;height: 40px;word-wrap: break-word;font-size: 18px;text-align: left;line-height: 40px;color: #696969;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.career-details{position: absolute;width: 80px;height: 196px;top: 15px;left: 50%;margin-left: -320px;font-size: 14px;color: #000;-webkit-writing-mode: vertical-rl;writing-mode: tb-rl;writing-mode: vertical-rl;opacity: 0;}
.dis .career-details{-webkit-animation: slideRight 1s cubic-bezier(0.3, 1.5, 0.3, 1) .4s both;animation: slideRight 1s cubic-bezier(0.3, 1.5, 0.3, 1) .4s both;}
.prev-box{position: absolute;top: 36px;left: 0;width: 98px;height: 225px;border-left: 1px solid #31333f;border-right: 1px solid #31333f;cursor: pointer;-webkit-transition: all .3s;transition: all .3s;}
.next-box{position: absolute;top: 36px;right: 10px;width: 98px;height: 225px;border-left: 1px solid #31333f;border-right: 1px solid #31333f;cursor: pointer;-webkit-transition: all .3s;transition: all .3s;}
.prev-box:hover,.next-box:hover{border-color: #e4712c;}
.career-name-cn{position: absolute;top: 6px;left: 50%;margin-left: -14px;width: 28px;font-size: 18px;color: #31333f;text-align: center;line-height: 1.2;-webkit-transition: all .3s;transition: all .3s;}
.career-name-cn.on{-webkit-animation: slideBot .5s cubic-bezier(0.3, 1.5, 0.3, 1) 0s both;animation: slideBot .5s cubic-bezier(0.3, 1.5, 0.3, 1) 0s both;}
.career-name-en{position: absolute;bottom: 0;left: 50%;margin-left: -7px;width: 14px;font-size: 12px;color: #31333f;word-break: break-all;text-align: center;line-height: 1;letter-spacing: 3px;-webkit-transition: all .3s;transition: all .3s;}
.career-name-en.on{-webkit-animation: slideTop .5s cubic-bezier(0.3, 1.5, 0.3, 1) 0s both;animation: slideTop .5s cubic-bezier(0.3, 1.5, 0.3, 1) 0s both;}
.prev-box:hover .career-name-cn,.next-box:hover .career-name-cn,.prev-box:hover .career-name-en,.next-box:hover .career-name-en{color: #e4712c;}
.prev-next-icon{position: absolute;top: 50%;margin-top: -27px;width: 52px;height: 52px;background: #eee;border: 1px solid #31333f;-webkit-transition: all .3s;transition: all .3s;}
.prev-box:hover .prev-next-icon,.next-box:hover .prev-next-icon{border-color: #e4712c;background: #e4712c;}
.prev-box:hover .prev-next-icon i,.next-box:hover .prev-next-icon i{background: #fff;}
.prev-box:hover .prev-next-icon em,.next-box:hover .prev-next-icon em{border-bottom-color: #fff;}
.prev-icon{right: -27px;}
.next-icon{left: -27px;}
.prev-next-icon i{position: absolute;top: 50%;margin-top: 0;width: 30px;height: 1px;background: #31333f;-webkit-transition: all .3s;transition: all .3s;}
.prev-icon i{left: 12px;}
.next-icon i{left: 12px;}
.prev-next-icon em{position: absolute;top: 24px;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: none;border-bottom: 4px solid #31333f;-webkit-transition: all .3s;transition: all .3s;}
.prev-icon em{left: 6px;transform: rotate(-90deg);}
.next-icon em{right: 6px;transform: rotate(-270deg);}
@media screen and (max-width: 1460px) {
}
@-webkit-keyframes slideRight{
    0%{opacity: 0;-webkit-transform: translateX(-100px);}
    100%{opacity: 1;-webkit-transform: translateX(0);}
}
@keyframes slideRight{
    0%{opacity: 0;transform: translateX(-100px);}
    100%{opacity: 1;transform: translateX(0);}
}
@-webkit-keyframes slideLeft{
    0%{opacity: 0;-webkit-transform: translateX(300px);}
    100%{opacity: 1;-webkit-transform: translateX(0);}
}
@keyframes slideLeft{
    0%{opacity: 0;transform: translateX(300px);}
    100%{opacity: 1;transform: translateX(0);}
}
@-webkit-keyframes slideTop{
    0%{opacity: 0;-webkit-transform: translateY(100px);}
    100%{opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes slideTop{
    0%{opacity: 0;transform: translateY(100px);}
    100%{opacity: 1;transform: translateY(0);}
}
@-webkit-keyframes slideBot{
    0%{opacity: 0;-webkit-transform: translateY(-100px);}
    100%{opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes slideBot{
    0%{opacity: 0;transform: translateY(-100px);}
    100%{opacity: 1;transform: translateY(0);}
}
/*视频弹窗*/
.popup{width:800px;height: 450px;background: #000;}
.pop-v{width:800px;height: 450px;}
.close-btn{position:absolute;top:0;right:-50px;width:50px;height: 50px;background: rgba(0,0,0,.8);font-size:48px;color:#fff;text-align: center;line-height: 40px;}
/* career++ */

/*Footer
.footer{width:100%;background:#20222c;height:128px;padding:20px 0;}
.footer-main{width:1000px;margin-left:204px;overflow:hidden;}
.foot-logo{float:left;width:315px;height:85px;margin-top:10px;}
.tglogo{width:166px;height:30px;background-position:0 -598px;float:left;margin-right:10px;display:inline;}
.nclogo{width:126px;height:32px;background-position:0 -628px;float:left;}
.foot-text{float:left;width:600px;}
.foot-text p{line-height:20px;color:#485d68;font-family:'\5b8b\4f53'}
.foot-text .foot-split{padding:0 3px;}
.foot-text a{color:#485d68;}
.foot-text .copyright{float:right;}
.foot-text .license{background:#202020;color:#4c4c4c;line-height:24px;margin-top:6px;padding-left:10px;}
.license a{color:#4c4c4c;}
*/
.foot_dark{background-color:#20222c;}
.foot_cpright{width:1040px;margin:0 auto;padding:30px 20px!important;color:#a5a5a5!important;}
.foot_cpright a{color:#a5a5a5!important;}
.foot_cpright a:hover{color:#ff0000!important;text-decoration: underline;}
.foot_cpright .foot_lefts a{margin-top:1px!important;}
.logo-ncsoft{width:126px!important;height:32px!important;background:url(../images/spr.png) no-repeat 0 -628px;}
/*For Media Queries*/
@media screen and (min-width: 1920px) {
    .lside-bg{margin-left: calc((100% - 1920px) / 2 + 240px);}
    .banner-content {margin-left:  calc((100% - 1920px) / 2);}
    .banner-container .slider-switcher {padding-left: calc((100% - 1920px) / 2 + 440px);}
    .banner-container .switcher-btn {min-width: 245px;}
}
@media screen and (max-width: 1840px) {
    .banner-content {margin-left: -159px;width: 1018px;}
    .banner-container .slider-switcher {padding-left: 282px;}
    .banner-container .switcher-btn {min-width: 245px;}
    .lside-bg{margin-left: 80px;}
    .grid-main{width:1232px;}
    .guide-pic{width:98px;}
    .version-box{width: 1232px;}
    .inner-grid{margin-left:0;}
    .commu-video{display:none;}
}
@media screen and (max-width: 1620px) {
    .banner-content {margin-left: -190px;width: 1018px;}
    .banner-container .slider-switcher {padding-left: 252px;}
    .banner-container .switcher-btn {min-width: 245px;}
    .lside-bg{margin-left: 50px;}
    .grid-main{width:1232px;}
    .version-box{width:1232px;}
    .foot_cpright{margin-left:320px;}
    .commu-video{display:none;}
}
@media screen and (max-width: 1460px) {
    .banner-content {margin-left: -179px;width: 1018px;}
    .banner-container .slider-switcher {padding-left: 262px;}
    .banner-container .switcher-btn {min-width: 202px;}
    .lside-bg{margin-left: 60px;}
    .grid-main{width:1029px;}
    .ac-2,.ac-4 {display: none;}
    .recommend.re-2 {width: 196px;}
    .recommend.re-2 .recommend-wrap {width: 192px;}
    .notice-container {width: 1018px;}
    .grid5x2 {width: 822px;}
    .guide-pic{width:73px;}
    .version-box{width:1029px;}
    .foot_cpright{margin-left:175px;}
    .community{margin-left:0;}
    .commu-video{display:block;}
    .grid-video{display:none;}
    .weapon{margin-left:0;}
    /* career++ */
    .bd-inner{width: 729px;margin-left: -370px;}
    .race-bg{width: 729px;}
    .career-image{right: 0;}
    .career-details{margin-left: -365px;}
    .career-ico-en{margin-left: -256px;}
    .career-name{margin-left: -200px;}
    .career-video{margin-left: -112px;}
    /* career-- */
}
@media screen and (max-width: 1386px) {
    .banner-content {margin-left: -220px;width: 1018px;}
    .banner-container .slider-switcher {padding-left: 220px;}
    .banner-container .switcher-btn {min-width: 202px;}
    .lside-bg{margin-left: 20px;}
    .grid-main{width:1029px;}
    .ac-2,.ac-4 {display: none;}
    .recommend.re-2 {width: 196px;}
    .recommend.re-2 .recommend-wrap {width: 192px;}
    .guide-pic{width:73px;}
    .version-box{width:1029px;}
    .foot_cpright{margin-left:120px;}
    .community{margin-left:0;}
    .commu-video{display:block;}
    .grid-video{display:none;}
    .weapon{margin-left:0;}
}
@media screen and (max-width: 1300px) {
    .lside-bg{margin-left: 20px;}
    .grid-main{width:1029px;}
    .ac-2,.ac-4 {display: none;}
    .guide-pic{width:73px;}
    .version-box{width:1029px;}
    .foot_cpright{margin-left:204px;}
    .hz-plank .hz-item {margin: 0px 22px;}
}
@media screen and (max-width: 1044px) {
    .banner-container {min-width: 158px;}
    .banner-container .slider-switcher {padding-left: 202px;}
    .lside-bg{margin-left: 0px;}
    .grid-main{width: 814px;}
    .ac-1,.ac-2,.re-2,.ac-3,.ac-4 {display: none;}
    .ac-xf {display: block;}
    .notice-container {width: 814px;}
    .strategy-news {width: 402px;}
    .guide-pic{width:73px;}
    .grid5x2 {width: 608px;}
    .version-box{width: 814px;}
    .hz-plank .hz-item {margin: 0 20px;}
    .foot_cpright{margin-left:204px;}
}

.pic-lnk.active .main-slogan,
.pic-lnk.active .title-wrap {
    -webkit-animation: 1s .2s cubic-bezier(.22,.4,.5,.96) both moveUp;
    animation: 1s .2s cubic-bezier(.22,.4,.5,.96) both moveUp;
}
.pic-lnk.active .new-nav2,
.pic-lnk.active .btn {
    -webkit-animation: 1s .3s cubic-bezier(.22,.4,.5,.96) both moveUp;
    animation: 1s .3s cubic-bezier(.22,.4,.5,.96) both moveUp;
}
@keyframes moveUp {
    0%, 20% {
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.recommend .pic-lnk.active .title,
.recommend .pic-lnk.active .desc {
    -webkit-animation: 1s .2s cubic-bezier(.22,.4,.5,.96) both moveUp2;
    animation: 1s .2s cubic-bezier(.22,.4,.5,.96) both moveUp2;
}
@keyframes moveUp2 {
    0%, 20% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
.pic-lnk.active .person {
    -webkit-animation: 1s .6s cubic-bezier(.22,.4,.5,.96) both moveLeft;
    animation: 1s .6s cubic-bezier(.22,.4,.5,.96) both moveLeft;
}
@keyframes moveLeft {
    0%, 20% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

.foot{background:#fff;color:#000;font:12px/20px "微软雅黑","宋体";min-width:1050px;margin:0 auto;text-align:left;}
.foot_dark{background:#000;color:#494949}.foot_dark a{color:#494949}
.foot_cpright{width: 1040px;margin: 0 auto;padding: 30px 20px!important;color: #a5a5a5!important;}
.foot_cpright:after{content:"";display:block;height:0;line-height:0;visibility:hidden;clear:both}
.foot_cpright a {color: #a5a5a5!important;}
.foot_cpright a:hover{color:#ff0000!important;text-decoration: underline;}
.f_line{margin:0 2px}
.foot_lefts{float:left;display:inline}
.foot_ieg_logo{float:left;width:120px;height:110px;text-indent:-999em;overflow:hidden;margin:10px 0 0 200px;background:url(../images/logo.png)}
.foot_dark .foot_ieg_logo{background:url(../images/logo.png)}
.foot_left{float:left;text-indent:-999em;overflow:hidden;margin:10px 0 0 10px;width:85px;height:35px;}
.foot_links{display:inline;float:right;width:682px;list-style: none;}
.foot_links li{line-height:20px;overflow:hidden;}
.copyright_zh a{padding-right:10px;}
.foot_links .link_map{font-size:0;}
.foot_links .link_map .f_line:last-child{display:none}
.foot_links .copyright_txt{font-size:10px;}
.foot_links .link_map span,.foot_links .link_map a{font-size:12px;color:#494949}
.foot_links li img{vertical-align:middle;margin-right:3px;display:inline;}
.grid-lzq {float:left;width:100%;height:312px;}
.grid-lzq .news-tab{background-color:transparent;height:45px;border-bottom: 1px solid #e2e2e2;}
.grid-lzq .tab-list{width:100%;margin:0 auto;}
.grid-lzq .tab-list li{width: 100px;}
.grid-lzq .tab-list li.tab-more {width: auto;}
.grid-lzq .tab-lnk {line-height: 43px;font-weight: normal;}
.grid-lzq .tab-lnk.tab-lnk-on {border-bottom: 2px solid #e36623;}
.grid-lzq .news-con{display:block;margin: 0;padding-top: 17px;width:calc(100% + 10px);height:249px;}
.grid-lzq .item {float:left;width:50%;line-height:20px;}
.grid-lzq .item a{display:block;color:#545758;padding-right:100px;overflow:hidden;}
.grid-lzq .item .cont{float:left;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.grid-lzq .item .date{float:right;margin:0 -80px 0 0;}
.grid-lzq .grid-content {overflow: initial;}
.grid-lzq .new-item {position: relative;margin: 0 10px 11px 0;float: left;width: 196px;height: 249px;background-color: #fff;}
.grid-lzq .new-item:last-child {margin-right: 0;}
.grid-lzq .new-item:hover {box-shadow: 0 0 5px rgba(8, 25, 32, 0.2);}
.grid-lzq .new-item .new-link {display: block;width: 100%;height: 100%;}
.grid-lzq .new-item .new-img {margin: 2px;width: 192px;height: 181px;overflow: hidden;}
.grid-lzq .new-item .new-img img {display: block;-webkit-transition: all .15s ease-out;transition: all .15s ease-out;}
.grid-lzq .new-item .flag-detail {display: block;top: 172px;left: 10px;padding-left: 10px;width: 61px;height: 24px;background-position: -132px -690px;line-height: 20px;font-size: 12px;color: #5c5c5c;}
.grid-lzq .new-item:hover .flag-detail {background-position: -132px -715px;color: #fff;}
.grid-lzq .new-item:hover .new-img img {transform: scale(1.1);-webkit-transform: scale(1.1);}
.grid-lzq .new-item .flag-play {display: block;top: 172px;left: 72px;width: 36px;height: 26px;background-position: -132px -721px;}
.grid-lzq .new-item .title {margin: 16px 12px 0;display: block;line-height: 1;font-size: 14px;color: #5c5c5c;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.grid-lzq .new-item .desc {margin: 8px 12px 0;display: block;line-height: 1;font-size: 12px;color: #cacaca;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.bannerblock{margin-right:-14px;}
.bannerblock a{float:left;width:30%;margin-right:3%;height:132px;overflow:hidden;}
.bannerblock a img{display:block;vertical-align:middle;}
.tab-lnk-on{color:#e36623;}
.linkblock{height:304px;float:left;margin-right:14px;}
.linkblock a{display:block;height:100%}
.linkblock-1{width:276px;background:url(../images/lb-brand.jpg) no-repeat;}
.linkblock-2{width:254px;}
/* .linkblock-2 a{display:block;height:48px;line-height:24px;color:#fff;padding:28px 20px 16px 20px; margin-bottom:14px;background:url(../images/lb-brand-parts.jpg) no-repeat;} */
.linkblock-2 .read{background-position:0 0;}
.linkblock-2 .animation{background-position:0 -92px;}
.linkblock-2 .cartoon{background-position:0 -184px;margin-bottom:0;}
.linkblock-2 .hd{font-family:Didot;font-size:18px;}
.linkblock-2 .des{display:inline-block;font-size:14px;background-color:#bc3e01;padding:0 14px;}
.linkblock-2 .cartoon .des{background-color:#e7a61b}
/* .linkblock-3{width:323px;margin-right:0;background:url(../images/lb-lzq.jpg) no-repeat;} */

@media screen and (max-width:1840px){
  .grid-full{padding-right:560px;overflow:hidden;}
  .grid-news{float:left;width:100%;}
  .grid-pics{margin:0 -560px 0 0;float:right;}
  .grid-show{display:none;}
  .linkblock-2{margin-right:0;}
}
em {background-color: #ec4828;display: block;position: absolute;right: -2px;top: 7px;font-size: 9px;border-radius: 50%;width: 14px;height: 14px;text-align: center;line-height: 14px;transform: scale(.9);-ms-transform: scale(.9);-moz-transform: scale(.9);-webkit-transform: scale(.9);-o-transform: scale(.9);color: #fff;display: none;z-index: 1;}