*{
        margin: 0;
        padding: 0;
        list-style: none;
        text-decoration: none;
    }
    img{
        border: none;
    }
    a{
        color: #fff;
    }
    .clearfix:after{
        display: block;
        clear: both;
        content: "";
        visibility: hidden;
        height: 0;
    }
    .clear{
        clear: both;
    }
    .occupation-cont{
        width: 100%;
        height: 1080px;
        background: url('../img/zhiye/occupation-bg.jpg') no-repeat;
        position:relative;
    }
        .occupation-cont .back-game {
            width: 164px;
            height: 35px;
            text-align: center;
            line-height: 35px;
            color: #ffffff;
            position: absolute;
            top: 1px;
            right: 300px;
            background-color: #4a6ada;
            border-radius: 20px;
            z-index:8;
        }
        .slideBox {
            width: 100%;
            height: 1080px;
            overflow: hidden;
            position: relative;
            margin: 0 auto;
        }
            .slideBox .hd {
                width: 235px;
                height: 930px;
                overflow: hidden;
                position: absolute;
                left: 265px;
                top: 104px;
                z-index: 1;
            }
    .slideBox .hd ul{ 
        overflow:hidden; 
        zoom:1; 
        float:left;  
    }
    .slideBox .hd ul .li-1{
        background: url('../img/zhiye/occup-li-1-bg.png') no-repeat;
        background-position: 14px 7px;
    }
    .slideBox .hd ul .li-2{
        background: url('../img/zhiye/occup-li-2-bg.png') no-repeat;
        background-position: 14px 7px;
        
    }
    .slideBox .hd ul .li-3{
        background: url('../img/zhiye/occup-li-3-bg.png') no-repeat;
        background-position: 14px 7px;
    }
    .slideBox .hd ul .li-4{
        background: url('../img/zhiye/occup-li-4-bg.png') no-repeat;
        background-position: 14px 7px;
    }
    .slideBox .hd ul .li-5{
        background: url('../img/zhiye/occup-li-5-bg.png') no-repeat;
        background-position: 14px 7px;
    }
    .slideBox .hd ul .li-6{
        background: url('../img/zhiye/occup-li-6-bg.png') no-repeat;
        background-position: 14px 7px;
    }
    .slideBox .hd ul .li-7{
        background: url('../img/zhiye/occup-li-7-bg.png') no-repeat;
        background-position: 14px 7px;
    }
    .slideBox .hd ul .li-8{
        background: url('../img/zhiye/occup-li-8-bg.png') no-repeat;
        background-position: 14px 7px;
    }
        .slideBox .hd ul .li-9 {
            background: url('../img/zhiye/occup-li-9-bg.png') no-repeat;
            background-position: 14px 7px;
        }
        .slideBox .hd ul .li-10{
            background: url('../img/zhiye/occup-li-10-bg.png') no-repeat;
            background-position: 14px 7px;
        }
    .slideBox .hd ul li{ 
        float:left; 
        margin-right:2px;  
        width:110px; 
        height:116px; 
        cursor:pointer; 
    }
    .slideBox .hd ul li img{
        margin-left: 7px;
    }
    .slideBox .hd ul li:hover img{
        animation:myfirst .4s;
        -moz-animation:myfirst .4s; /* Firefox */
        -webkit-animation:myfirst .4s; /* Safari and Chrome */
        -o-animation:myfirst .4s; /* Opera */
    }
    @keyframes myfirst
    {
    0%   {transform: scale(1.0);}
    
    50%  {transform: scale(1.2);}
    
    100% {transform: scale(1.0);}
    }
    
    @-moz-keyframes myfirst /* Firefox */
    {
        0%   {transform: scale(1.0);}
        
        50%  {transform: scale(1.2);}
        
        100% {transform: scale(1.0);}
        }
    
    @-webkit-keyframes myfirst /* Safari 和 Chrome */
    {
        0%   {transform: scale(1.0);}
        
        50%  {transform: scale(1.2);}
        
        100% {transform: scale(1.0);}
        }
    
    @-o-keyframes myfirst /* Opera */
    {
        0%   {transform: scale(1.0);}
        
        50%  {transform: scale(1.2);}
        
        100% {transform: scale(1.0);}
        }




.slideBox .hd ul .hd-a {
    width: 110px;
    height: 600px;
    float: left;
    margin-top: 9px;
}
.slideBox .hd ul .hd-b {
    width: 110px;
    height: 600px;
    float: left;
    margin-top: 183px;
}
.slideBox .hd ul .li-1.on {
    background: url('../img/zhiye/occup-li-1-on.png') no-repeat;
    background-position: 14px 7px;
}
.slideBox .hd ul .li-2.on{
            background: url('../img/zhiye/occup-li-2-on.png') no-repeat;
            background-position: 14px 7px;
}
.slideBox .hd ul .li-3.on{
    background: url('../img/zhiye/occup-li-3-on.png') no-repeat;
    background-position: 14px 7px;
}
.slideBox .hd ul .li-4.on{
    background: url('../img/zhiye/occup-li-4-on.png') no-repeat;
    background-position: 14px 7px;
}
.slideBox .hd ul .li-5.on{
    background: url('../img/zhiye/occup-li-5-on.png') no-repeat;
    background-position: 14px 7px;
}
.slideBox .hd ul .li-6.on{
    background: url('../img/zhiye/occup-li-6-on.png') no-repeat;
    background-position: 14px 7px;
}
.slideBox .hd ul .li-7.on{
    background: url('../img/zhiye/occup-li-7-on.png') no-repeat;
    background-position: 14px 7px;
}
.slideBox .hd ul .li-8.on{
    background: url('../img/zhiye/occup-li-8-on.png') no-repeat;
    background-position: 14px 7px;
}
.slideBox .hd ul .li-9.on {
    background: url('../img/zhiye/occup-li-9-on.png') no-repeat;
    background-position: 14px 7px;
}
.slideBox .hd ul .li-10.on {
    background: url('../img/zhiye/occup-li-10-on.png') no-repeat;
    background-position: 14px 7px;
}
    .slideBox .bd{ 
        position:relative; 
        height:100%; 
        z-index:0;   
    }
    .slideBox .bd li{ 
        zoom:1; 
        vertical-align:middle; 
    }
    .slideBox .bd ul li .left{ 
        width:492px; 
        height:704px;
         display:block;  
         float: left;
        }
.slideBox .bd ul li .left{ 
        width:492px; 
        height:704px;
         display:block;  
         float: left;
         margin-left: 550px;
         margin-top: 114px;
        }
        .slideBox .bd ul li.zrsg {
            width: 100%;
            height: 1280px;
            background: url('../img/zhiye/zrsg-2.png') no-repeat;
            background-position-x: 150px;
        }
        .slideBox .bd ul li.slmz {
            width: 100%;
            height: 1280px;
            background: url('../img/zhiye/slmz-2.png') no-repeat;
            background-position-x: 150px;
        }
        .slideBox .bd ul li.yxz {
            width: 100%;
            height: 1080px;
            background: url('../img/zhiye/yxz-2.png') no-repeat;
            background-position-x: 150px;
        }
        .slideBox .bd ul li.qs {
            width: 100%;
            height: 1080px;
            background: url('../img/zhiye/qs-2.png') no-repeat;
            background-position-x: 150px;
        }
        .slideBox .bd ul li.yx {
            width: 100%;
            height: 1080px;
            background: url('../img/zhiye/yx-2.png') no-repeat;
            background-position-x: 150px;
        }
.slideBox .bd ul li.zs{
    width: 100%;
    height: 1080px;
    background: url('../img/zhiye/zs-2.png') no-repeat;
    background-position-x: 150px;
}
.slideBox .bd ul li.js {
    width: 100%;
    height: 1080px;
    background: url('../img/zhiye/js-2.png') no-repeat;
    background-position-x: 150px;
}
.slideBox .bd ul li.fs {
    width: 100%;
    height: 1080px;
    background: url('../img/zhiye/fs-2.png') no-repeat;
    background-position-x: 150px;
}
.slideBox .bd ul li.lnz {
    width: 100%;
    height: 1080px;
    background: url('../img/zhiye/lnz-2.png') no-repeat;
    background-position-x: 150px;
}
.slideBox .bd ul li.fwgj {
    width: 100%;
    height: 1080px;
    background: url('../img/zhiye/fwgj-2.png') no-repeat;
    background-position-x: 150px;
}