.close_donwloadbar, #nie-download .download_txt, .link-apple, .link-android {
    background-image: url(../img/index_z_6e70f35.png) !important;
}

.index_side_bar .link_list a.icon12 .icon7_h,.index_side_bar .link_list a.icon2 .icon7_h,.server_pop_container .pop_title,.index_side_bar .link_list a.icon7 .icon7_h,.index_side_bar .link_list a.icon1 .icon7_h,.zhiliao_infopop.transform,.zhiliao_infopop,.index_side_bar_bgqt .link_list a.icon2_bgqt,.index_side_bar .link_list a.icon6 .icon7_h,.index_side_bar .link_list a.icon8 .icon7_h,.index_side_bar_bgqt .sidebar_title_bgqt,.serverpop_code_wrap,.index_side_bar .sidebar_title,.index_side_bar_bgqt .link_list a.icon3_bgqt,.index_side_bar_bgqt .link_list a.icon1_bgqt,.index_side_bar_bgqt .link_list a.icon4_bgqt,.media_section .media_title,.strategy_nav a .line,.paper_part h3,.video_part h3,.zhiliao_progress .seperate,.index_side_bar .link_list a.icon7,.progress_part li .line,.strategy_nav a span.strategy3,.strategy_nav a span.strategy2,.strategy_nav a span.strategy1,.strategy_nav a span.strategy4,.index_side_bar_bgqt .link_list .portal-url-wrap a.portal-url3 {
	background-image:url(../img/index_z_fa92d88.png);
}
.index_side_bar_bgqt .link_list .portal-url-wrap a.portal-url2,.index_side_bar_bgqt .link_list .portal-url-wrap a.portal-url1,.code_wrap .txt .wx_txt,.back_top,.index_side_bar .link_list a.icon3,.progress_part li .dacheng,.server_part .server_icon,.index_side_bar .link_list a,.index_side_bar .link_list a.icon1,#nie-download .button-desktop,.tongren_title,.nie_download_wrap .fold_wrap a,.progress_part .nav_item span.icon5,.progress_part .nav_item span.icon2,.index_side_bar .link_list a.icon9,.index_side_bar .link_list a.icon10,.index_side_bar .link_list a.icon11,.progress_part .nav_item span.icon3,.progress_part .nav_item span.icon4,.progress_part .nav_item span.icon1,.index_side_bar .link_list a.icon5,.index_side_bar .link_list a.icon4,#nie-download .download_txt,.index_side_bar .link_list a.icon8,.index_side_bar .link_list a.icon12,.index_side_bar .link_list a.icon6,.code_wrap .txt .wb_txt,.index_side_bar .link_list a.icon2,.tongren_pics li a span em,.shishen_wrap ul .shishen_item {
	background-image:url(../img/index_z_fa92d88.png);
}
.com_tabs a em,.progress_part .nav_item span.icon4.gray,.com_tabs .tab_name,.progress_part .nav_item span.icon1.gray,.progress_part .nav_item span.icon3.gray,.progress_part .nav_item span.icon5.gray,.progress_part .nav_item span.icon2.gray,.server_pop_container .server_item .icon.qmwj,.server_pop_container .server_item .icon.qzf,.server_pop_container .server_item .icon.txyy,.server_pop_container .server_item .icon.xybl,.server_pop_container .server_item .icon.qbjj,.server_pop_container .server_item .icon.jbty,.server_pop_container .server_item .icon.xstx,.server_pop_container .server_item .icon.inter,.server_pop_container .server_item .icon.fzq,.server_pop_container .server_item .icon.lzy,.server_pop_container .server_item .icon.lxwj,.server_pop_container .server_item .icon.szc,.server_pop_container .server_item .icon.zzy,.server_pop_container .server_item .icon.yzy,.server_pop_container .server_item .icon.xzc,.server_pop_container .server_item .icon.czy,.server_pop_container .server_item .icon,.server_pop_container .server_item .icon.xbxs,.server_pop_container .server_item .icon.mzh,.server_pop_container .server_item .icon.yzj,.server_pop_container .server_item .icon.qsyc,.server_pop_container .server_item .icon.mzx,.server_pop_container .server_item .icon.xyxt {
	background-image:url(../img/index_z_fa92d88.png);
}
.server_pop_container .server_item .icon.pmzl,.server_pop_container .server_item .icon.mzay,.server_pop_container .server_item .icon.cygs,.server_pop_container .server_item .icon.yzh,.server_pop_container .server_item .icon.ggzx,.server_pop_container .server_item .icon.yyzy,.server_pop_container .server_item .icon.tzh,.server_pop_container .server_item .icon.dzx,.server_pop_container .server_item .icon.xzxy,.server_pop_container .server_item .icon.lzj,.server_pop_container .server_item .icon.qzy,.server_pop_container .server_item .icon.yszm,.server_pop_container .server_item .icon.qzl,.server_pop_container .server_item .icon.yzq,.server_pop_container .server_item .icon.hwjs,.server_pop_container .server_item .icon.jzy,.server_pop_container .server_item .icon.gzf,.server_pop_container .server_item .icon.lqxy,.server_pop_container .server_item .icon.fytx,.server_pop_container .server_item .icon.yze,#show_order_progress em,.topbar_more .list_item .pic.jingxuan,.topbar_more .list_item .pic.cos,.topbar_more .list_item .pic.xiaoshuo,.topbar_more .list_item .pic.huihua,.topbar_more .list_item .pic.bbs,.topbar_more .list_item .pic.video,.topbar_more .list_item .pic.baidu {
	background-image:url(../img/index_z_fa92d88.png);
}

.topbar_more .list_item .pic,.search .btn_search,.search .btn_search:hover,.link-apple:hover,.link-android,.link-android:hover,.link-apple,.server_pop_container .server_item em,.server_pop_container .server_item em.new,.server_pop_container .server_item .a-xyxt .new,.order_tel_inp,.order_code_inp,.to_detail,.close_btn,.index_side_bar_bgqt ._sidebar_subtitle,.com_tabs a span,.com_tabs a.fuben span,.com_tabs a.zhujue span,.com_tabs a.shishen span,.com_tabs a.yuhun span:hover,.close_zhiliao_pop,.close_order_pop,.close_serverpop,#alertBox .alert_wrap .alertClose,.shishenlist_container .prev:hover,.shishenlist_container .prev,.news_tab.news span {
	background-image:url(../img/index_z_fa92d88.png);
}
.com_tabs a.help span,.news_tab.media span,.progress_part li .get,.news_tab.activity span,.news_tab span,.news_tab.official span,.news_tabs .seperate_line,#top_bar.fixed .line,.topnav_list .topnav_li .line,.zhujue_info .num.four,#nie-download .close_donwloadbar,.zhujue_info .num,.zhujue_info .num.two,.zhujue_info .num.three,.search_box .search_btn,.tongren_tabs .tongren1 em,.tongren_tabs .tongren5 em,.tongren_tabs .tongren3 em,.tongren_tabs .tongren4 em,.tongren_tabs .tongren6 em,.tongren_tabs .tongren2 em,.progress_part li .num em,.com_tabs .sperate_dot {
	background-image:url(../img/index_z_fa92d88.png);
}


#main {
 position:relative;
 max-width:1920px;
 width:100%;
/* background:#fff url(../img/main_banner_2eeb95c.jpg) top center no-repeat;*/
 margin:0 auto;
 overflow:hidden
}
.main_banner {
 width:100%;
 position:relative;
 height:585px
}
.main_banner {
 width:100%;
 position:relative;
 height:585px
}
.nie_download_wrap {
    position: absolute;
    width: 533px;
    height: 123px;
    top: 462px;
    left: 50%;
    overflow: hidden;
    margin-left: -291px;
    z-index: 9;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.nie_download_container {
    width: 100%;
    height: 100%;
    background: #fccc00;
    border-radius: 10px;
    box-shadow: 0 0 7px 4px #feeb00 inset;
}
#nie-download .close_donwloadbar {
    margin-right: 10px;
    float: left;
    width: 22px;
    height: 23px;
    background-repeat: no-repeat;
}
#nie-download .close_donwloadbar {
    background-position: -1827px -1164px;
}
#nie-download .download_txt {
    margin-right: 10px;
    float: left;
    width: 45px;
    height: 100px;
    background-repeat: no-repeat;
}
#nie-download .download_txt {
    background-position: -1635px -312px;
}
#nie-download {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-left: 10px;
}
.NIE-qrcode {
    float: left;
    width: 91px;
    height: 91px;
    background: #fff;
    padding: 8px;
    border-radius: 5px;
    position: relative;
}
.NIE-qrcode img {
    width: 100%;
}
#nie-download .buttons {
    float: left;
    width: 175px;
    height: 120px;
    margin-left: 6px;
}
.link-android, .link-apple {
    display: block;
    margin-bottom: 5px;
    width: 171px;
    height: 51px;
}
.link-android, .link-apple {
    display: block;
    margin-bottom: 5px;
    width: 171px;
    height: 51px;
}
.link-apple {
    background-repeat: no-repeat;
}
.link-apple {
    background-position: -1300px -1372px;
}
.link-android {
    background-repeat: no-repeat;
}
.link-android {
    background-position: -638px -1531px;
}
#nie-download .button-desktop {
    float: left;
    width: 131px;
    height: 107px;
    margin-left: 6px;
    background-repeat: no-repeat;
}
#nie-download .button-desktop {
    background: url(../img/shadowbane/kehudyan01.png);
    background-size: 100% 100%;
}

.role-swiper {
 width:1200px;
 height:100%;
 left:50%;
 margin-left:-600px;
 position:absolute;
}
.role-swiper .con .slide span {
 position:absolute;
 bottom:0;
 -webkit-opacity:0;
 -moz-opacity:0;
 opacity:0;
 filter:alpha(opacity=0);
 -webkit-transition:all 1s ease-out 0s;
 -moz-transition:all 1s ease-out 0s;
 -ms-transition:all 1s ease-out 0s;
 -o-transition:all 1s ease-out 0s;
 transition:all 1s ease-out 0s
}
.role-swiper .con .slide span.r1 {
 left: 328px;
 top: 44px;
 -webkit-transform:translate3d(150px,0,0);
 -moz-transform:translate3d(150px,0,0);
 -ms-transform:translate3d(150px,0,0);
 -o-transform:translate3d(150px,0,0);
 transform:translate3d(150px,0,0)
}
.role-swiper .con .slide span.r2 {
 left: 53px;
top: 0;
 -webkit-transform:translate3d(-150px,0,0);
 -moz-transform:translate3d(-150px,0,0);
 -ms-transform:translate3d(-150px,0,0);
 -o-transform:translate3d(-150px,0,0);
 transform:translate3d(-150px,0,0);
 z-index:2
}
.role-swiper .con .slide span.r3 {
 left: 249px;
 top: 0;
 -webkit-transform:translate3d(150px,0,0);
 -moz-transform:translate3d(150px,0,0);
 -ms-transform:translate3d(150px,0,0);
 -o-transform:translate3d(150px,0,0);
 transform:translate3d(150px,0,0)
}
.role-swiper .con .slide span.r4 {
 left: 3px;
 top: 79px;
 -webkit-transform:translate3d(-150px,0,0);
 -moz-transform:translate3d(-150px,0,0);
 -ms-transform:translate3d(-150px,0,0);
 -o-transform:translate3d(-150px,0,0);
 transform:translate3d(-150px,0,0);
 z-index:2
}
.role-swiper .con .slide.active span {
 -webkit-opacity:100;
 -moz-opacity:100;
 opacity:100;
 filter:alpha(opacity=10000);
 -webkit-transform:translate3d(0,0,0);
 -moz-transform:translate3d(0,0,0);
 -ms-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
.role-swiper .next {
 width: 50px;
 height: 87px;
 position:absolute;
 right:305px;
 top:290px;
 z-index:2;
 -webkit-opacity:0;
 -moz-opacity:0;
 opacity:0;
 filter:alpha(opacity=0);
 -webkit-transform:translate3d(-20px,0,0);
 -moz-transform:translate3d(-20px,0,0);
 -ms-transform:translate3d(-20px,0,0);
 -o-transform:translate3d(-20px,0,0);
 transform:translate3d(-20px,0,0);
 -webkit-transition:all .6s ease-out 1s;
 -moz-transition:all .6s ease-out 1s;
 -ms-transition:all .6s ease-out 1s;
 -o-transition:all .6s ease-out 1s;
 transition:all .6s ease-out 1s
}

.role-swiper .next i {
    display: block;
    height: 100%;
    background:url(../img/next_61471b4.png) no-repeat;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}
.role-swiper .next.active {
 -webkit-opacity:100;
 -moz-opacity:100;
 opacity:100;
 filter:alpha(opacity=10000);
 -webkit-transform:translate3d(0,0,0);
 -moz-transform:translate3d(0,0,0);
 -ms-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
.role-swiper .next:hover i {
 -webkit-transform:scale(1.1);
 -moz-transform:scale(1.1);
 -ms-transform:scale(1.1);
 -o-transform:scale(1.1);
 transform:scale(1.1)
}

.wave {
 position:absolute;
 bottom:0;
 left:-360px;
 width:1920px;
 height:91px;
 z-index:9
}
.wave .wave-group {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.wave .wave-group img {
 display:block;
 position:absolute;
 top:0;
 width:1284px;
 height:91px
}
.wave .wave-group .wave-1 {
 left:0
}
.wave .wave-group .wave-2 {
 left:1284px
}
.wave .wave-group .wave-3 {
 left:2568px
}
@keyframes move {
 0% {
  transform:translate(0,0)
 }
 100% {
  transform:translate(-1284px,0)
 }
}
.wave .group-1 {
 animation:move 7s infinite linear;
 z-index:10
}
.wave .group-2 {
 left:-300px;
 animation:move 5s infinite linear;
}
.wave .group-3 {
 left:-600px;
 animation:move 9s infinite linear;
}
@-webkit-keyframes roleanimate {
 0% {
  -webkit-transform:translate3d(0,50px,0);
  -moz-transform:translate3d(0,50px,0);
  -ms-transform:translate3d(0,50px,0);
  -o-transform:translate3d(0,50px,0);
  transform:translate3d(0,50px,0)
 }
 100% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@-moz-keyframes roleanimate {
 0% {
  -webkit-transform:translate3d(0,50px,0);
  -moz-transform:translate3d(0,50px,0);
  -ms-transform:translate3d(0,50px,0);
  -o-transform:translate3d(0,50px,0);
  transform:translate3d(0,50px,0)
 }
 100% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@-ms-keyframes roleanimate {
 0% {
  -webkit-transform:translate3d(0,50px,0);
  -moz-transform:translate3d(0,50px,0);
  -ms-transform:translate3d(0,50px,0);
  -o-transform:translate3d(0,50px,0);
  transform:translate3d(0,50px,0)
 }
 100% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@-o-keyframes roleanimate {
 0% {
  -webkit-transform:translate3d(0,50px,0);
  -moz-transform:translate3d(0,50px,0);
  -ms-transform:translate3d(0,50px,0);
  -o-transform:translate3d(0,50px,0);
  transform:translate3d(0,50px,0)
 }
 100% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@keyframes roleanimate {
 0% {
  -webkit-transform:translate3d(0,50px,0);
  -moz-transform:translate3d(0,50px,0);
  -ms-transform:translate3d(0,50px,0);
  -o-transform:translate3d(0,50px,0);
  transform:translate3d(0,50px,0)
 }
 100% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@-webkit-keyframes mainbarcode {
 0% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 100% {
  -webkit-transform:translate3d(0,90px,0);
  -moz-transform:translate3d(0,90px,0);
  -ms-transform:translate3d(0,90px,0);
  -o-transform:translate3d(0,90px,0);
  transform:translate3d(0,90px,0)
 }
}
@-moz-keyframes mainbarcode {
 0% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 100% {
  -webkit-transform:translate3d(0,90px,0);
  -moz-transform:translate3d(0,90px,0);
  -ms-transform:translate3d(0,90px,0);
  -o-transform:translate3d(0,90px,0);
  transform:translate3d(0,90px,0)
 }
}
@-ms-keyframes mainbarcode {
 0% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 100% {
  -webkit-transform:translate3d(0,90px,0);
  -moz-transform:translate3d(0,90px,0);
  -ms-transform:translate3d(0,90px,0);
  -o-transform:translate3d(0,90px,0);
  transform:translate3d(0,90px,0)
 }
}
@-o-keyframes mainbarcode {
 0% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 100% {
  -webkit-transform:translate3d(0,90px,0);
  -moz-transform:translate3d(0,90px,0);
  -ms-transform:translate3d(0,90px,0);
  -o-transform:translate3d(0,90px,0);
  transform:translate3d(0,90px,0)
 }
}
@keyframes mainbarcode {
 0% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 100% {
  -webkit-transform:translate3d(0,90px,0);
  -moz-transform:translate3d(0,90px,0);
  -ms-transform:translate3d(0,90px,0);
  -o-transform:translate3d(0,90px,0);
  transform:translate3d(0,90px,0)
 }
}
@-webkit-keyframes jump {
 0% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 5% {
  -webkit-transform:translate3d(0,-15px,0);
  -moz-transform:translate3d(0,-15px,0);
  -ms-transform:translate3d(0,-15px,0);
  -o-transform:translate3d(0,-15px,0);
  transform:translate3d(0,-15px,0)
 }
 15% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 100% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@-moz-keyframes jump {
 0% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 5% {
  -webkit-transform:translate3d(0,-15px,0);
  -moz-transform:translate3d(0,-15px,0);
  -ms-transform:translate3d(0,-15px,0);
  -o-transform:translate3d(0,-15px,0);
  transform:translate3d(0,-15px,0)
 }
 15% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 100% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@-ms-keyframes jump {
 0% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 5% {
  -webkit-transform:translate3d(0,-15px,0);
  -moz-transform:translate3d(0,-15px,0);
  -ms-transform:translate3d(0,-15px,0);
  -o-transform:translate3d(0,-15px,0);
  transform:translate3d(0,-15px,0)
 }
 15% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 100% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@-o-keyframes jump {
 0% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 5% {
  -webkit-transform:translate3d(0,-15px,0);
  -moz-transform:translate3d(0,-15px,0);
  -ms-transform:translate3d(0,-15px,0);
  -o-transform:translate3d(0,-15px,0);
  transform:translate3d(0,-15px,0)
 }
 15% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 100% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
@keyframes jump {
 0% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 5% {
  -webkit-transform:translate3d(0,-15px,0);
  -moz-transform:translate3d(0,-15px,0);
  -ms-transform:translate3d(0,-15px,0);
  -o-transform:translate3d(0,-15px,0);
  transform:translate3d(0,-15px,0)
 }
 15% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
 100% {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
 }
}
.open_server_pop {
 position:absolute;
 z-index:10;
 width:135px;
 height:118px;
 bottom:3px;
 left:50%;
 margin-left:-535px;
 outline:0;
 -webkit-transition:all .1s linear;
 -moz-transition:all .1s linear;
 -ms-transition:all .1s linear;
 -o-transition:all .1s linear;
 transition:all .1s linear
}
.open_server_pop img {
 width:102px
}
.open_server_pop:hover {
 opacity:.7
}





.index_side_bar {
	z-index:10;
	position:absolute;
	width:300px;
	height:1100px;
	background:url(../img/shadowbane/slogan01.png) top center no-repeat;
	left:50%;
	margin-left:280px;
	top:418px
}

.index_side_bar .sidebar_title {
    position: absolute;
    width: 321px;
    height: 168px;
    top: -15px;
    left: 25px;
    z-index: 2;
    background-repeat: no-repeat;
	background-position: -586px -870px;
    display: none;
}
.index_side_bar .link_list {
	width:346px;
	padding-top:150px;
    display:none;

}
.index_side_bar .link_list a {
	display:block;
	width:314px;
	height:103px;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
	background-repeat: no-repeat;
}
.index_side_bar .link_list a span {
	display:block;
	margin:62px 0 0 17px;
	color:#000;
	font-size:13px
}
.index_side_bar .link_list a:hover {
	-webkit-transform:translate3d(15px,0,0);
	-moz-transform:translate3d(15px,0,0);
	-ms-transform:translate3d(15px,0,0);
	-o-transform:translate3d(15px,0,0);
	transform:translate3d(15px,0,0)
}
.index_side_bar .link_list a.odd {
	float:left;
	margin-left:10px
}
.index_side_bar .link_list a.eve {
	float:right;
	margin-right:28px
}
.index_side_bar .link_list a.icon1 {
	width:321px;
	height:104px;
	padding-top:0;
	margin-top:-15px;
	position:relative;
	z-index:15;
	background-repeat: no-repeat;
	background-position: -661px -1057px;
}
.index_side_bar .link_list a.icon1 .curData {
	margin:2px 0 0 10px
}
.index_side_bar .link_list a.icon1 span {
	margin:57px 110px 0 25px
}
.index_side_bar .link_list a.icon1 .icon7_h {
	height:210px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:none;
	background-repeat: no-repeat;
	transition:all .2s;
}
.index_side_bar .link_list a.icon1 .icon7_h .curData {
	margin:62px 0 0 10px
}
.index_side_bar .link_list a.icon1 .icon7_h .yuyun_con {
	margin:30px 0 0 -20px;
	padding:0 27px 0 50px
}
.index_side_bar .link_list a.icon1 .icon7_h .yuyun_con span {
	margin:8px 0;
	line-height:20px
}
.index_side_bar .link_list a.icon2 {
	width:324px;
	height:96px;
	padding-top:0;
	margin-top:5px;
	position:relative;
	z-index:14;
	background-repeat: no-repeat;
    background-position:0 -1314px;
}

.index_side_bar .link_list a.icon2 .iconData {
	display:none
}
.index_side_bar .link_list a.icon2 .curData {
	margin:2px 0 0 10px
}
.index_side_bar .link_list a.icon2 span {
	margin:43px 10px 0 165px
}
.index_side_bar .link_list a.icon2 .icon7_h {
	height:363px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display: none;
	background-repeat: no-repeat;
	background-position:-309px -2px;
}
.index_side_bar .link_list a.icon2 .icon7_h .curData {
	margin:62px 0 0 10px
}
.index_side_bar .link_list a.icon2 .icon7_h .yuyun_con {
	margin:20px 0 0 17px;
	padding:0 27px 0 50px
}
.index_side_bar .link_list a.icon2 .icon7_h .yuyun_con span {
	margin:8px 0;
	line-height:20px
}
.index_side_bar .link_list a.icon3 {
	width:309px;
	height:108px;
	margin-top:-13px;
	margin-bottom:-7px;
	background-repeat: no-repeat;
	background-position:-1079px -881px;
}
.index_side_bar .link_list a.icon3 span {
	margin:53px 125px 0 20px
}
.index_side_bar .link_list a.icon4 {
	margin-bottom:-9px;
	margin-top:-15px;
	width:312px;
	height:100px;
	background-repeat: no-repeat;
	background-position:-518px -1206px;
}
.index_side_bar .link_list a.icon4 span {
	margin:62px 0 0 24px
}
.index_side_bar .link_list a.icon5 {
	width:312px;
	height:104px;
	background-repeat: no-repeat;
	background-position:-208px -1202px;
}
.index_side_bar .link_list a.icon5 span {
	margin:46px 0 0 109px
}
.index_side_bar .link_list a.icon6 {
	width:307px;
	height:97px;
	padding-top:0;
	margin-top:-2px;
	position:relative;
	z-index:13;
	background-repeat: no-repeat;
	background-position:-1400px -99px;
}
.index_side_bar .link_list a.icon6 span {
	margin:46px 110px 0 24px
}
.index_side_bar .link_list a.icon6 .iconData {
	display:none
}
.index_side_bar .link_list a.icon6 .curData {
	margin:2px 0 0 10px
}
.index_side_bar .link_list a.icon6 .icon7_h {
	height:187px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:none;
	background-repeat: no-repeat;
	background-position:-327px -686px;
}
.index_side_bar .link_list a.icon6 .icon7_h .curData {
	margin:62px 0 0 10px
}
.index_side_bar .link_list a.icon6 .icon7_h .yuyun_con {
	padding:14px 31px 0 25px
}
.index_side_bar .link_list a.icon6 .icon7_h .yuyun_con hr {
	border:1px dashed #000
}
.index_side_bar .link_list a.icon6 .icon7_h .yuyun_con span {
	margin:8px 0;
	line-height:20px
}
.index_side_bar .link_list a.icon7 {
	width:331px;
	height:85px;
	padding-top:60px;
	margin-top:-10px;
	position:relative;
	z-index:11;
	background-repeat: no-repeat;
	background-position:-330px -1050px;
}
.index_side_bar .link_list a.icon7 .iconData {
	display:none
}
.index_side_bar .link_list a.icon7 .curData {
	margin:2px 0 0 10px
}
.index_side_bar .link_list a.icon7:hover {
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(13px,0,0)
}
.index_side_bar .link_list a.icon7 .icon7_h {
	height:302px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:none;
	background-repeat: no-repeat;
	background-position:-210px -363px;
}
.index_side_bar .link_list a.icon7 .icon7_h .curData {
	margin:62px 0 0 10px
}
.index_side_bar .link_list a.icon7 .icon7_h .yuyun_con {
	margin:30px 0 0 17px
}
.index_side_bar .link_list a.icon7 .icon7_h .yuyun_con span {
	margin:8px 0
}
.index_side_bar .link_list a.icon8 {
	width:294px;
	height:100px;
	padding-top:0;
	margin-top:-2px;
	position:relative;
	z-index:12;
	background-repeat: no-repeat;
	background-position:-832px -1207px;
}
.index_side_bar .link_list a.icon8 span {
	margin:46px 10px 0 136px
}
.index_side_bar .link_list a.icon8 .iconData {
	display:none
}
.index_side_bar .link_list a.icon8 .curData {
	margin:2px 0 0 10px
}
.index_side_bar .link_list a.icon8 .icon7_h {
	height:187px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:none;
	background-repeat: no-repeat;
	background-position:-635px -683px;
}
.index_side_bar .link_list a.icon8 .icon7_h .curData {
	margin:62px 0 0 10px
}
.index_side_bar .link_list a.icon8 .icon7_h .yuyun_con {
	padding:14px 31px 0 25px
}
.index_side_bar .link_list a.icon8 .icon7_h .yuyun_con hr {
	border:1px dashed #000
}
.index_side_bar .link_list a.icon8 .icon7_h .yuyun_con span {
	margin:8px 0;
	line-height:20px
}
.index_side_bar .link_list a.icon9 {
	margin-top:-5px;
	width:93px;
	height:104;
	background-repeat: no-repeat;
}
.index_side_bar .link_list a.icon9:hover {
	-webkit-transform:translate3d(0,5px,0);
	-moz-transform:translate3d(0,5px,0);
	-ms-transform:translate3d(0,5px,0);
	-o-transform:translate3d(0,5px,0);
	transform:translate3d(0,5px,0)
}
.index_side_bar .link_list a.icon10 {
	margin-top:-5px;
	margin-left:7px;
	width:93px;
	height:104;
	background-repeat: no-repeat;
}
.index_side_bar .link_list a.icon10:hover {
	-webkit-transform:translate3d(0,5px,0);
	-moz-transform:translate3d(0,5px,0);
	-ms-transform:translate3d(0,5px,0);
	-o-transform:translate3d(0,5px,0);
	transform:translate3d(0,5px,0)
}
.index_side_bar .link_list a.icon11 {
	margin-top:-5px;
	margin-left:7px;
	width:93px;
	height:104px;
	background-repeat: no-repeat;
}
.index_side_bar .link_list a.icon11:hover {
	-webkit-transform:translate3d(0,5px,0);
	-moz-transform:translate3d(0,5px,0);
	-ms-transform:translate3d(0,5px,0);
	-o-transform:translate3d(0,5px,0);
	transform:translate3d(0,5px,0)
}
.index_side_bar .link_list a.icon12 {
	width:308px;
	height:99px;
	padding-top:0;
	margin-top:-50px;
	position:relative;
	z-index:10;
	background-repeat: no-repeat;
	background-position:-1400px 0;
}
.index_side_bar .link_list a.icon12 span {
	margin:61px 10px 0 145px
}
.index_side_bar .link_list a.icon12 .iconData {
	display:none
}
.index_side_bar .link_list a.icon12 .curData {
	margin:2px 0 0 10px
}
.index_side_bar .link_list a.icon12 .icon7_h {
	height:364px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:none;
	background-repeat: no-repeat;

}
.index_side_bar .link_list a.icon12 .icon7_h .curData {
	margin:62px 0 0 10px
}
.index_side_bar .link_list a.icon12 .icon7_h .yuyun_con {
	padding:14px 31px 0 25px
}
.index_side_bar .link_list a.icon12 .icon7_h .yuyun_con hr {
	border:1px dashed #000
}
.index_side_bar .link_list a.icon12 .icon7_h .yuyun_con span {
	margin:8px 0;
	line-height:20px
}
.index_side_bar .link_list a:hover .icon7_h {
	display: block;
}







.news_section {
    display: block;
    zoom: 1;
	background:#fff;
	height:350px;
}
.news_section .news_part_wrap {
 width:1200px;
 margin:0 auto;
 padding-bottom:30px;
 padding-top:30px
}
#banner {
 width:270px;
 height:270px;
 position:relative;
 float:left;
}
.banner_wrap {
 width:100%;
 height:100%;
 position:relative
}
.banner_wrap .banner_item {
 width:360px;
 height:270px;
 display:block
}
.banner_wrap .banner_item img {
 width:100%;
 height:100%
}
.banner_nav,.strategy_banner_nav {
 position:absolute;
 width:100%;
 text-align:center;
 height:16px;
 right:12px;
 bottom:10px
}
.banner_nav a,.strategy_banner_nav a {
 width:8px;
 height:8px;
 margin-left:6px;
 display:inline-block;
 border:3px solid #e37b63;
 border-radius:100%;
 -webkit-transition:background .3s ease;
 -moz-transition:background .3s ease;
 -ms-transition:background .3s ease;
 -o-transition:background .3s ease;
 transition:background .3s ease
}
.banner_nav a.on,.strategy_banner_nav a.on {
 background:#e37b63
}
.news_wrap {
 margin-left:39px;
 width:500px;
 float:left;
 height:270px
}
.news_tabs {
 width:100%;
 padding-bottom:10px;
 border-bottom:2px solid #000;
 margin-bottom:2px
}
.news_tabs .seperate_line {
 position:absolute;
 top:6px;
 right:-18px;
 width:17px;
 height:28px;
 background-repeat: no-repeat;
background-position:-1689px -196px;
}
.news_tab {
 float:left;
 position:relative;
 margin-right:15px;
 width:74px;
 height:42px
}
.news_tab span {
 margin:0 auto;
 position:relative;
 z-index:2;
 width:44px;
 height:30px;
 display:block;
 background-repeat: no-repeat;
}

.news_tabs .latest span {
	background-position:-1008px -823px;
}
.news_tabs .news span {
	background-position:-1641px -1218px;
}
.news_tabs .official span {
	background-position:-1019px -872px;
}
.news_tabs .activity span {
	background-position:-702px -613px;
}
.news_tabs .media span {
	background-position:-702px -582px;
}

.news_tab em {
 position:absolute;
 top:4px;
 left:0;
 display:block;
 width:74px;
 height:33px;
 border-radius:20px;
 background:#68d7fc;
 opacity:0;
 display:none\9;
 -webkit-transform:translate3d(0,20%,0);
 -moz-transform:translate3d(0,20%,0);
 -ms-transform:translate3d(0,20%,0);
 -o-transform:translate3d(0,20%,0);
 transform:translate3d(0,20%,0);
 -webkit-transition:all .2s linear;
 -moz-transition:all .2s linear;
 -ms-transition:all .2s linear;
 -o-transition:all .2s linear;
 transition:all .2s linear;
}
.news_tab.active em,.news_tab:hover em {
 opacity:1;
 -webkit-transform:translate3d(0,0,0);
 -moz-transform:translate3d(0,0,0);
 -ms-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0);
 display:block\9
}
.news_tab.news span {
 height:31px;
 background-repeat: no-repeat;

}
.news_tab.official span {
 background-repeat: no-repeat;
}
.news_tab.activity span {
 width:45px;
 background-repeat: no-repeat;
}
.news_tab.media span {
 width:46px;
 height:31px;
 background-repeat: no-repeat;
}
.news_list {
 border-top:1px solid #000;
 padding-top:12px
}
.news_list ul {
 width:100%
}
.news_list ul li {
 width:100%;
 height:40px;
 border-bottom:1px dotted #999
}
.news_list ul li em {
 float:right;
 font-style:normal;
 color:#bccddc;
 font-size:12px;
 line-height:40px;
 font-weight:400
}
.news_list ul li a {
 color:#333;
 font-size:14px;
 float:left;
 width:80%;
 height:40px;
 line-height:40px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.news_list ul li a:hover {
 color:#c1831c
}


.news_list ul li.recommend a span {
 color:#313131;
 font-size:14px;
 font-weight:400
}
.shishen_section {
 position:relative;
 width:100%;
 height:550px;
 background:#fff url(../img/zsbg.png) center no-repeat;
}
.pingan_container {
 position:relative;
 width:1200px;
 height:304px;
 margin:0 auto
}
.pingan_container section {
 position:absolute;
 left:0;
 top:0;
 opacity:0;
 display:none\9;
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 -o-transition:all .3s;
 transition:all .3s
}
.pingan_container section.show {
 display:block\9;
 opacity:1;
 z-index:2
}
.com_tabs {
 	width:1200px;
 	margin:0 auto;
	margin-bottom:18px;
	padding-right:400px;
	box-sizing: border-box;
}
.com_tabs .tab_name {
 float:left;
 width:134px;
 height:85px;
 margin-right:12px;
 background-repeat: no-repeat;
}
.com_tabs .tab_name.pingan {
 width:130px;
 height:69px;
 margin-top:16px;
 background-repeat: no-repeat;
}
.com_tabs .sperate_dot {
 display:block;
 margin-top:50px;
 float:left;
 width:44px;
 height:4px;
 background-repeat: no-repeat;
}
.com_tabs a {
 position:relative;
 float:left;
 display:block;
 width:100px;
 height:91px;
 margin:5px 8px 0
}
.com_tabs a em {
 top:0;
 left:0;
 position:absolute;
 width:96px;
 height:91px;
 opacity:0;
 display:none\9;
 -webkit-transform:translate3d(0,10%,0);
 -moz-transform:translate3d(0,10%,0);
 -ms-transform:translate3d(0,10%,0);
 -o-transform:translate3d(0,10%,0);
 transform:translate3d(0,10%,0);
 -webkit-transition:all .3s linear;
 -moz-transition:all .3s linear;
 -ms-transition:all .3s linear;
 -o-transition:all .3s linear;
 transition:all .3s linear;
 background-repeat: no-repeat;
}
.com_tabs a.active em,.com_tabs a:hover em {
 -webkit-transform:translate3d(0,0,0);
 -moz-transform:translate3d(0,0,0);
 -ms-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0);
 opacity:1;
 display:block\9
}
.com_tabs a.shishen span {
 margin-top:27px;
 width:70px;
 height:33px;
 background-repeat: no-repeat;
}
.com_tabs a.zhujue span {
 margin-top:24px;
 width:64px;
 height:36px;
 background-repeat: no-repeat;
}
.com_tabs a.yuhun span {
 margin-top:27px;
 width:71px;
 height:31px;
 background-repeat: no-repeat;
}
.com_tabs a.fuben span {
 margin-top:24px;
 width:75px;
 height:38px;
 background-repeat: no-repeat;
}
.com_tabs a.help span {
 margin-top:29px;
 width:80px;
 height:31px;
 background-repeat: no-repeat;
}
.com_tabs a span {
 position:relative;
 z-index:2;
 width:68px;
 height:39px;
 display:block;
 margin:0 auto;
 margin-top:20px;
 background-repeat: no-repeat;
}
.shishen_topbar {
 width:800px;
 height:50px;
 margin-bottom:15px;
 border-bottom:1px dotted #333
}
.shishen_tabs {
 float:left;
 padding-top:14px;
 margin-left:10px
}
.shishen_tabs a {
 float:left;
 color:#000;
 font-size:18px;
 font-weight:700;
 font-family:"Microsoft JhengHei",'Microsoft Yahei';
 margin-right:32px
}
.shishen_tabs a:hover,.shishen_tabs a.cur {
 color:#cea441
}

.search_box {
 width:262px;
 height:34px;
 float:right;
 background:#fff;
 border:2px solid #000
}
.search_box input {
 float:left;
 border:0;
 height:34px;
 line-height:34px;
 width:120px;
 color:#000;
 font-size:18px;
 text-align:right;
 font-weight:700;
 font-family:'Microsoft Yahei'
}
.search_box input::-webkit-input-placeholder,.search_box textarea::-webkit-input-placeholder {
 color:#000;
 font-weight:700
}
.search_box input:-moz-placeholder,.search_box textarea:-moz-placeholder {
 color:#000;
 font-weight:700
}
.search_box input::-moz-placeholder,.search_box textarea::-moz-placeholder {
 color:#000;
 font-weight:700
}
.search_box input:-ms-input-placeholder,.search_box textarea:-ms-input-placeholder {
 color:#000;
 font-weight:700
}
.search_box .search_btn {
 float:left;
 width:21px;
 height:21px;
 margin-left:10px;
 margin-top:7px;
 background-repeat: no-repeat;
}
.shishenlist_container {
 position:relative;
 width:850px;
 height:220px
}

.shishenlist_container .prev {
 left:-42px;
 background-repeat: no-repeat;
}
.shishenlist_container .prev:hover {
 background-repeat: no-repeat;
}
.shishenlist_container .prev.prevStop {
 display:none
}

.shishen_wrap {
 width:782px;
 height:210px;
 position:relative;
 overflow:hidden
}
.shishen_wrap ul {
 float:left;
 padding:5px 24px 0 0;
 height:202px;
 border-right:1px solid #95a7a4;
 margin-right:24px
}
.shishen_wrap ul li {
 width:89px;
 height:92px;
 margin-bottom:14px;
 position:relative
}
.shishen_wrap ul .shishen_item {
 display:block;
 width:89px;
 height:92px;
 position:relative;
 background-repeat: no-repeat;
	background-position:-1501px -198px;
}
.shishen_wrap ul .shishen_item .icon-new {
    display: block;
    width: 31px;
    height: 36px;
    background: url(../img/new_icon.png) no-repeat;
    position: absolute;
    top: 4px;
    right: -10px;
    z-index: 3;
}
.shishen_wrap ul .shishen_item:hover .tb {
 display:table\9;
 opacity:1
}
.shishen_wrap ul .shishen_item .tb {
 position:absolute;
 top:-10px;
 left:0;
 width:88px;
 height:88px;
 background:url(../img/mask_6b7d844.png) repeat;
 border-radius:100%;
 z-index:2;
 display:table;
 display:none\9;
 opacity:0;
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 -o-transition:all .3s;
 transition:all .3s;
}
.shishen_wrap ul .shishen_item .tr {
 display:table-row
}
.shishen_wrap ul .shishen_item .td {
 display:table-cell;
 text-align:center;
 vertical-align:middle
}
.shishen_wrap ul .shishen_item .td em {
 display:inline-block;
 zoom:1;
 font-weight:400;
 font-style:normal;
 width:19px;
 color:#fff;
 font-size:14px;
 line-height:16px
}
.shishen_wrap ul .shishen_item img {
 width:82px;
 height:82px;
 position:absolute;
 top:3px;
 left:3px
}
.shishen_wrap ul .shishen_item img:hover {
	transform: scale(1.1);
}

.zhujue_tabs {
 float:left;
 width:150px;
 padding-top:45px;
 margin-left:-20px;
}
.zhujue_tabs .zhujue_tab {
 position:relative;
 display:block;
 width:136px;
 height:35px;
 border:2px solid #fff;
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 -o-transition:all .3s;
 transition:all .3s;
 margin-bottom:20px;
	border-radius: 20px;
}
.zhujue_tabs .zhujue_tab:hover,.zhujue_tabs .zhujue_tab.cur {
 background:#fff;
 border:2px solid #000;
	 border-radius:20px;
}
.zhujue_tabs .zhujue_tab:hover em,.zhujue_tabs .zhujue_tab.cur em {
 display:block\9;
 opacity:1
}
.zhujue_tabs .zhujue_tab span {
 display:block;
 width:100%;
 height:100%;
 color:#000;
 font-size:18px;
 text-align:center;
 line-height:35px
}
.zhujue_tabs .zhujue_tab em {
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 -o-transition:all .3s;
 transition:all .3s;
 position:absolute;
 opacity:0;
 display:none\9;
 top:11px;
 right:-10px;
 display:block;
 width:0;
 height:0;
 border-left:5px solid #000;
 border-top:5px solid transparent;
 border-bottom:5px solid transparent
}
.zhujue_container {
 width:809px
}
.zhujue_wrap {
 position:absolute;
 right:0;
 top:0;
 opacity:0;
 display:none\9;
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 -ms-transition:all .3s;
 -o-transition:all .3s;
 transition:all .3s
}
.zhujue_wrap.show {
 opacity:1;
 display:block\9;
 z-index:3
}
.zhujue_pic {
 float:left;
 margin-top:-150px;
 margin-right:-40px
}
.zhujue_pic1 { margin-right:-120px}
.zhujue_pic3 { margin-right: -240px;margin-top: -70px;}
.zhujue_pic2 {margin-top: -150px;margin-right: -100px;}
.zhujue_pic4 {margin-top: -30px;margin-right: -240px;}
.zhujue_info {
float: left;
width: 290px;
height: 300px;
background-repeat: no-repeat !important;
}
.info1 img {float:right;margin-top:40px;}
.info2 img {float:right;margin-top:40px;}
.info3 img {float:right;margin-top:40px;margin-right: -40px;}
.info4 img {float:right;margin-top:40px;}
.zhujue_info .num {
 display:block;
 margin-bottom:10px;
 width:38px;
 height:23px;
 background-repeat: no-repeat;
}
.zhujue_info .num {
    background-position:-1305px -734px;
}
.zhujue_info .two {
    background-position:-1344px -734px;
}
.zhujue_info .three {
    background-position:-1040px -608px;
}
.zhujue_info .four {
    background-position:-1669px -835px;
}

.zhujue_info .num.two {
 background-repeat: no-repeat;
}
.zhujue_info .num.three {
 background-repeat: no-repeat;
}
.zhujue_info .num.four {
 background-repeat: no-repeat;
}
.zhujue_info h3 {
 line-height:40px;
 font-size:30px;
 color:#000;
 border-bottom:2px solid #000;
 width:227px;
 margin-bottom:2px;
 letter-spacing:2px
}
.zhujue_info p {
 width:227px;
 color:#333;
 font-size:14px;
 line-height:22px;
 padding-top:5px;
 border-top:1px solid #000;
 margin-bottom:19px
}

.strategy_section {
 width:1200px;
 margin:0 auto;
 margin-bottom:100px
}
.left_banner_part,.right_strategy_part {
 float:left
}
.left_banner_part {
 width:368px;
 height:430px;
 border:2px solid #000;
 margin-right:35px;
 position:relative
}
.search {
 width:372px;
 height:40px;
 position:absolute;
 left:-2px;
 top:-58px;
 border:2px solid #000
}
.search .search_con {
 width:300px;
 height:39px;
 line-height:39px;
 border:0;
 outline:medium;
 position:absolute;
 left:16px;
 top:1px
}
.search input::-webkit-input-placeholder {
 color:#b2afaf;
 font-size:16px;
 font-family:'Microsoft Yahei'
}


.com_tabs .tab_name.pingan {
    background:url(../img/shadowbane/index_z_611.png);
    background-size: 100% 100%;
}
.com_tabs a em {
    background-position:-1592px -197px;
}
.com_tabs a.shishen span {
    margin-top: 27px;
    width: 70px;
    height: 33px;
    background-repeat: no-repeat;
	background-position:-1326px -993px;
}
.com_tabs a.zhujue span {
    background-position:-1640px -907px;
}





	.tongren_section {
		width: 1220px;
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 30px;
		z-index: 2;
	}
	.tongren_topbar {
		width: 1200px;
		height: 77px;
		margin: 0 auto 45px;

	}
	.tongren_title {
		background-position:-906px -872px;
	}
	.tongren_title {
		float: left;
		width: 112px;
		height: 106px;
		margin-top: -19px;
		margin-right: 24px;
		background-repeat: no-repeat;
	}
	.tongren_tabs {
		position: relative;
		width: 1062px;
		height: 100%;
		float: left;
		overflow: hidden;
	}

	.tongren_tabs li {
		float: left;
		width: 155px;
		height: 75px;
		border-bottom: 2px solid #000;
	}
	.tongren_tabs li:hover span {
		margin-top:-12px;
	}
	.tongren_tabs .tongren1 {
		border: 0;
	}
	.tongren_tabs a {
		position: absolute;
		display: block;
		width: 155px;
		height: 100%;
		border-left: 1px dotted #000;
		bottom:0;
	}
	.tongren_tabs a span {
		top: 18px;
		height: 18px;
	}
	.tongren_tabs .tongren1 em {
		background-position:-1125px -1290px;
	}
	.tongren_tabs .tongren2 em {
		background-position:-1111px -569px;
	}
	.tongren_tabs .tongren3 em {
		background-position:-1286px -1290px;
	}

	.tongren_tabs .tongren4 em {
		background-position:-1110px -588px;
	}
	.tongren_tabs .tongren5 em {
		background-position:-1197px -1290px;
	}
	.tongren_tabs .tongren6 em {
		background-position:-1111px -569px;
	}
	.tongren_tabs .tongren2 i {
		background-position: -165px 0;
	}
	.tongren_tabs .tongren3 i {
		background-position: -314px 0;
	}
	.tongren_tabs .tongren4 i {
		background-position: -476px 0;
	}
	.tongren_tabs .tongren6 i {
		background-position: -625px 0;
	}
	.tongren_tabs .tongren5 i {
		background-position: -924px 0;
	}
	.tongren_tabs a span em {
		display: block;
		margin: 0 auto;
		height: 100%;
		background-position: 0 0;
		width: 72px;
	}
	.tongren_tabs a span em:hover {
		bottom:90px;
	}
	h1, h2, h3, h4, h5, h6, em, strong, b {
		font-weight: 700;
	}
	.tongren_tabs .tongren1 i {
		background-position: 0 0;
	}
	.tongren_tabs a i {
		bottom: -75px;
		height: 54px;
		background:url(../img/icons_8a667d7.png);
	}
	.tongren_tabs a:hover i, .tongren_tabs a.on i {
		bottom: -5px;
	}
	.tongren_tabs a span, .tongren_tabs a i {
		position: absolute;
		width: 100%;
		left: 0;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
	}
.tongren_pics_wrap {
		width: 7320px;
		left: -1220px;
		position: relative;
		overflow: hidden;
		padding: 0px;
		margin: 0px;
}
.huace_pics a{
	display:block;
	width:390px;
	height:175px;
	float:left;
	margin-right:15px;
}
.huace_pics a:nth-child(3){
	margin-right:0;
}
.huace_pics a img {
	width:100%;
}



.clearfix::after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.tongren_pics {
    float: left;
    width: 1220px;
}
.tongren_pics {
    height: 415px;
}
.tongren_pics li {
    float: left;
    width: 285px;
    height: 200px;
    margin: 0 10px 10px;
}
.tongren_pics li a {
    display: block;
    width: 100%;
    height: 163px;
    overflow: hidden;
    position: relative;
}
.tongren_pics li img {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    width: 100%;
    height: 100%;
}
html, body, fieldset, img, iframe, abbr {
    border: 0;
}
.tongren_pics li a span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -ms-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: url(../img/mask_6b7d844.png) repeat;
}

.tongren_pics li a span em {
    position: absolute;
    width: 79px;
    height: 93px;
    left: 50%;
    margin-left: -40px;
    top: 50%;
    margin-top: -46px;
    background-repeat: no-repeat;
}
.tongren_pics li a span em {
	background-position:-1424px -196px;
}
h1, h2, h3, h4, h5, h6, em, strong, b {
    font-weight: 700;
}
.tongren_pics li p {
    line-height: 42px;
    color: #666;
    height: 42px;
    font-size: 14px;
}
.tongren_pics li a:hover span {
    display: block\9;
    opacity: 1;
}







.shitu_section {
    width: 100%;
    height: 514px;
    margin-bottom: 65px;
    background:url(../img/video_bg_33bf38e.jpg) 0 0 no-repeat;
}
.shitu_wrap {
    width: 1200px;
    margin: 0 auto;
    padding-top: 58px;
}
.video_part {
    float: left;
}
.video_part a.item img, .paper_part a.item img {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    width: 100%;
    height: 154px;
    display: block;
}
.video_part a.item img:hover,.paper_part a.item img:hover {
	transform:scale(1.1);
}
.video_part .name {
    color: #000;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    text-indent: 12px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
}
.video_part h3 {
    background-position:-1080px -614px;
}
.video_part h3 {
    width: 227px;
    height: 148px;
    margin-right: 62px;
    background-repeat: no-repeat;
}
.video_part h3, .paper_part h3 {
    float: left;
}
h1, h2, h3, h4, h5, h6, em, strong, b {
    font-weight: 700;
}
.video_part a.item {
    margin-right: 20px;
}
.paper_part .name {
    color: #666;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    text-indent: 12px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.video_part a.item, .paper_part a.item {
    display: block;
    float: left;
    position: relative;
    width: 270px;
    height: 200px;
    margin-bottom: 15px;
    overflow: hidden;
}
.paper_part {
    float: right;
}
.video_part, .paper_part {
    width: 600px;
}
.paper_part h3 {
    background-position: -1080px -466px;
}
.paper_part h3 {
    width: 248px;
    height: 148px;
    margin-right: 42px;
    background-repeat: no-repeat;
}
.video_part h3, .paper_part h3 {
    float: left;
}
.video_part a.item, .paper_part a.item {
    display: block;
    float: left;
    position: relative;
    width: 270px;
    height: 200px;
    margin-bottom: 15px;
    overflow: hidden;
}
.paper_part a {
    margin-left: 20px;
}
.clearfix::after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.activity_wrap {
    width: 1200px;
    height: 262px;
    margin: 0 auto;
	background:url(../img/st_bg.png) top center no-repeat;
}
.activity_title {
    width: 150px;
    height: 262px;
    margin-right: 37px;
    background:url(../img/st.png) 40px 0 no-repeat;
    float: left;
}
.activity_wrap a {
	display:block;
}
a, button {
    cursor: pointer;
}









.code_section {
    margin-top: 83px;
	width: 1200px;
	margin:0 auto;
	height: 167px;
	background: #f2f2f2;
	position:relative;
}
.bottom_logo {
    display: block;
    float: left;
    width: 198px;
    height: 233px;
    margin-top: -45px;
    background:url(../img/logo_df9cf4d.png) no-repeat;
    background-size: 100%;
}
a, a:hover {
    text-decoration: none;
}
.code_wrap {
    float: left;
    width: 186px;
    padding-top: 20px;
    height: 146px;
    position: relative;
    margin-right:60px;
	border: 2px solid #ccc;
	background: #fff;
	margin-top:-26px;
	margin-left:20px;
}
.code_wrap .code {
    position: absolute;
    background: #fff;
    right: -32px;
    top: -32px;
    width: 130px;
    height: 130px;
    border: 1px solid #ccc;
    padding: 10px;
	box-sizing: border-box;
}
.code_wrap .code img {
    width: 100%;
    height: 100%;
}
.code_wrap .txt {
    margin-left: 20px;
}
.code_wrap .txt p {
    width: 27px;
    float: left;
    line-height: 17px;
}
.code_wrap .txt .wb_txt {
    background-position: -735px -364px;
}
.code_wrap .txt .wb_txt {
    display: block;
    float: left;
    width: 24px;
    height: 96px;
    margin-top: 2px;
    background-repeat: no-repeat;
}
.code_wrap .line {
    width: 52px;
    height: 2px;
    background: #d1d1d1;
    position: absolute;
    bottom: 40px;
    left: 33px;
}
.code_wrap .name {
    position: absolute;
    bottom: 15px;
    left: 33px;
    color: #000;
    font-size: 14px;
}
.code_wrap .name span {
    color: #d2c199;
}
.server_part {
    position: relative;
    width: 225px;
    height: 90px;
    float: left;
}
.back_top {
    background-position: -1266px -762px;
}
.back_top {
    position: absolute;
    width: 25px;
    height: 111px;
    right: -45px;
    top: 15px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    background-repeat: no-repeat;
}
.server_part .server_icon {
    background-position:-542px -474px;
}
.server_part .server_icon {
    position: absolute;
	width: 80px;
	height: 80px;
	top: -20px;
	right: 0;
	background-repeat: no-repeat;
}
.server_part .dashen {
    position: absolute;

background: #fff;

right: -32px;

top: -32px;

width: 130px;

height: 130px;

border: 1px solid #ccc;

padding: 10px;

box-sizing: border-box;
}
.server_part .dashen { background:url(../img/dashen.jpg);}
.server_part p {
    content: #000;
    font-size: 14px;
    line-height: 22px;
}
.server_part p.tel {
    font-family: Georgia,"Microsoft Yahei";
    font-size: 20px;
    margin-bottom: 24px;
}
.server_part p {
    content: #000;
    font-size: 14px;
    line-height: 22px;
}
.server_part .line {
    width: 52px;
    height: 2px;
    background: #d1d1d1;
    display: block;
    margin-bottom: 4px;
}
.server_part .bug {
    display: block;
    color: #c9b27c;
    font-size: 12px;
}
.server_part .bug a {
    font-size: 13px;
    color: #dbbe7c;
    margin-right: 5px;
}
.slidebar {
	position:absolute;
	top: 250px !important;
	left: 90px !important;
}
#banner .slidebar ul li{
	width:8px;
	height:8px;
	font-size: 0;
	border-radius:30px;
	border:2px solid #e37b63;
	margin-right:8px;
	transition:all .1s;
	background: rgba(0,0,0,0);
}
#banner .slidebar li.on{
	background:#e37b63;
}
.shishen_container{ width:800px;}


.porad {
	height:180px;
	margin-bottom:40px;
}
.porad a {
	display: block;
	float:left;
	margin-right:10px;
	width:390px;
	height:175px;
	background:#ccc;
}
.lll {
	float: left;
	width: 176px;
	padding-top: 40px;
	height: 126px;
	position: relative;
	margin-right: 60px;
	border: 2px solid #ccc;
	background: #fff;
	margin-top: -26px;
	margin-left: 20px;
	padding-left: 20px;
}
.wgif {
	width:250px;
	height:140px;
	float:right;
	position:relative;
	margin-left: 20px;
}
.wgif1 {
	background:url(../img/one.gif) top left no-repeat;
}
.wgif2 {
	background:url(../img/two.png) top left no-repeat;
}
.wgif3 {
	background:url(../img/three.gif) top left no-repeat;
}
.wgif4 {
	background:url(../img/four.png) top left no-repeat;
}
.wgif a {
	display: block;
	font-size:16px;
	padding:5px 15px;
	background: rgba(18,18,18,1.00);
	position: absolute;
	bottom: -10px;
	right: -10px;
	color:#fff;
	font-weight: 600;
}


.part_ruzhu {
    height: 240px;
    margin: 0 auto 40px;
    background: url(../img/ruzhu_bg.jpg) center bottom no-repeat;
}
.ruzhu_tit { height:23px; text-align: center; font-size: 26px}
.part_ruzhu ul li {
    float: left;
    width: 220px;
    height: 155px;
    background: url(../img/rz_bg.jpg) center bottom no-repeat;
    margin-right: 20px;
    position: relative;
}
.part_ruzhu ul .rz_head {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 5px;
    overflow: hidden;
}
.part_ruzhu ul .rz_head_bg {
    width: 118px;
    height: 110px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -59px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    background-repeat: no-repeat;
}
.part_ruzhu ul .ruzhu_desc {
    font-size: 14px;
    margin-top: 115px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.part_ruzhu ul .rz_head_bg {
    background:  url(../img/head_bg11.png) center bottom no-repeat;;
}
.ruzhu_box { margin:25px auto 0;}

.code_wrap wb{display: none}

#nie-download .close_donwloadbar {margin-left:80px}
#nie-download .download_txt {margin-left:10px}
.NIE-qrcode{margin-left:20px}
#nie-download .button-desktop{margin-left: 20px}