a,body,dd,div,dl,dt,em,h1,h2,h3,h4,h5,h6,i,img,input,li,p,select,span,textarea,ul{margin:0;padding:0}
body{font-size:12px;font-family:"Microsoft Yahei";overflow-x:hidden}
a,dd,dl,dt,em,h1,h2,h3,h4,h5,h6,i,img,input,li,p,select,span,textarea,ul{font-style:normal;list-style-type:none;background:0 0;border:none}
a{color:#fff;text-decoration:none;outline:0}
a:hover{text-decoration:none}

#careerbox{margin:0 auto;width:1200px;height:380px;overflow:hidden}
#careerbox ul{width:100%;overflow:hidden}
#careerbox li{width:78px;height:380px;margin-right:2px;float:left;display:inline-block;overflow:hidden;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s}
#careerbox li.current{width:478px}
#careerbox li .switch-bg{float:left;display:block;height:380px;width:78px;background:url(jian.png) no-repeat}
#careerbox li.wusheng_1 .switch-bg{background-position:0 0}
#careerbox li.wusheng_2 .switch-bg{background-position:0 0}
#careerbox li.wusheng_3 .switch-bg{background-position:0 0}
#careerbox li.wusheng_4 .switch-bg{background-position:0 0}
#careerbox li.wusheng_5 .switch-bg{background-position:0 0}
#careerbox li.wusheng_6 .switch-bg{background-position:0 0}
#careerbox li.wusheng_7 .switch-bg{background-position:0 0}
#careerbox li.wusheng_8 .switch-bg{background-position:0 0}
#careerbox li.wusheng_9 .switch-bg{background-position:0 0}
#careerbox li.wusheng_10 .switch-bg{background-position:0 0}
#careerbox .careerswitch{float:left;display:inline-block;background:url(jian.png) no-repeat;width:78px;height:380px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(Opacity=0);transition:all .7s;-moz-transition:all .7s;-webkit-transition:all .7s;-o-transition:all .7s}
#careerbox .careerswitch:hover,#careerbox .current .careerswitch{opacity:1;-ms-filter:"alpha(Opacity=100)";filter:alpha(Opacity=100)}
#careerbox li.wusheng_1 .careerswitch{background-position:-80px 0}
#careerbox li.wusheng_2 .careerswitch{background-position:-80px 0}
#careerbox li.wusheng_3 .careerswitch{background-position:-80px 0}
#careerbox li.wusheng_4 .careerswitch{background-position:-80px 0}
#careerbox li.wusheng_5 .careerswitch{background-position:-80px 0}
#careerbox li.wusheng_6 .careerswitch{background-position:-80px 0}
#careerbox li.wusheng_7 .careerswitch{background-position:-80px 0}
#careerbox li.wusheng_8 .careerswitch{background-position:-80px 0}
#careerbox li.wusheng_9 .careerswitch{background-position:-80px 0}
#careerbox li.wusheng_10 .careerswitch{background-position:-80px 0}
#careerbox .career_bg{float:left;display:inline-block;position:relative;background:#ededed;height:380px}
#careerbox .jianbg,#careerbox .jianbingbg{position:absolute;width:400px;height:380px;background-image:url(jbg.jpg);background-repeat:no-repeat;overflow:hidden}
#careerbox .jianbingbg{display:none}
#careerbox .jianbg img,#careerbox .jianbingbg img{float:right}
#careerbox .career_detail{position:absolute;width:400px;height:380px}
#careerbox .career_detail .detail-img{position:absolute;left:30px;top:0}
#careerbox .career_detail .sexswitch{position:absolute;right:0}
#careerbox .career_detail .sexswitch a{display:block;width:27px;padding:20px 0;color:#fff;font-size:18px;background-color:#9da3a5;margin-bottom:3px;font-family:Microsoft YaHei;text-align:center}
#careerbox .career_detail .sexswitch a.active,#careerbox .career_detail .sexswitch a:hover{background-color:#7F0804}
@keyframes spin1{0%{transform:rotateY(0)}
25%{transform:rotateY(90deg)}
50%{transform:rotateY(-90deg)}
75%{transform:rotateY(0)}
}
@-webkit-keyframes spin1{0%{transform:rotateY(0)}
25%{transform:rotateY(90deg)}
50%{transform:rotateY(-90deg)}
75%{transform:rotateY(0)}
}