*{margin: 0 ;padding: 0;}


.head{width: 100%;background: #ffffff;}
.nav{width: 1000px;margin: 0 auto;height: 64px;overflow: hidden;}
.nav ul{float: right;width: 750px;}
.nav ul li{float: left;height: 64px;}
.nav ul li a{text-align: center;font-size: 16px;color: #333333;width: 100%;height: 20px;display: block;line-height: 20px;border-right: 1px solid #ccc;margin-top: 18px;padding-bottom: 3px;}
.nav ul li a.guan{border: none;}
.nav ul li a:hover{border-bottom: 3px solid #004487;}
.nav ul li:nth-child(1){width: 90px;}
.nav ul li:nth-child(2){width: 132px;}
.nav ul li:nth-child(3){width: 132px;}
.nav ul li:nth-child(4){width: 132px;}
.nav ul li:nth-child(5){width: 132px;}
.nav ul li:nth-child(6){width: 120px;}

.nav ul li.first{width: 90px;}
.nav ul li.two{width: 132px;}
.nav ul li.third{width: 132px;}
.nav ul li.four{width: 132px;}
.nav ul li.six{width: 132px;}
.nav ul li.seven{width: 120px;}

.logo{float: left;}




html,body{width: 100%;height: 100%;}

.box{width: 718px;height: 660px;margin: 0 auto;margin-top: 60px;position: relative;}
.box img{opacity: 0;}
.im1{position: absolute;left: 50%;margin-left: -76px;}
.im3{position: absolute;right: 68px;top: 116px;}
.im5{position: absolute;right: 68px;bottom: 138px;}
.im7{position: absolute;left: 50%;margin-left: -76px;bottom: 22px;}
.im9{position: absolute;left: 54px;bottom: 140px;}
.im11{position: absolute;left: 53px;top: 113px;}
.im12{position: absolute;left: 166px;top: 82px;}


.im2{position: absolute;left: 56.5%;top: 72px;}
.im4{position: absolute;left: 81.5%;top: 244px;}
.im6{position: absolute;left: 56.5%;bottom: 94px;}
.im8{position: absolute;left: 22.5%;bottom: 94px;}
.im10{position: absolute;left: 15.5%;bottom: 262px;}


.im13{position: absolute;right: 2px;top: 125px;cursor: pointer;}
.im14{position: absolute;right: 1px;top: 145px;cursor: pointer;}
.im15{position: absolute;right: 2px;top: 176px;cursor: pointer;}
.im16{position: absolute;right: 2px;top: 200px;cursor: pointer;}
.im17{position: absolute;right: 21px;top: 224px;cursor: pointer;}
.im18{position: absolute;left: 50%;margin-left: -166px;  top: 50%;margin-top: -133px;}

 .im1{-webkit-animation:fadeIn .8s .2s forwards;}
 .im2{-webkit-animation:fadeIn .8s .4s forwards;}
 .im3{-webkit-animation:fadeIn .8s .6s forwards;}
 .im4{-webkit-animation:fadeIn .8s .8s forwards;}
 .im5{-webkit-animation:fadeIn .8s 1s forwards;}
 .im6{-webkit-animation:fadeIn .8s 1.2s forwards;}
 .im7{-webkit-animation:fadeIn .8s 1.4s forwards;}
 .im8{-webkit-animation:fadeIn .8s 1.6s forwards;}
 .im9{-webkit-animation:fadeIn .8s 1.8s forwards;}
 .im10{-webkit-animation:fadeIn .8s 2s forwards;}
 .im11{-webkit-animation:fadeIn .8s 2.2s forwards;}
 .im12{-webkit-animation:fadeIn .8s 2.2s forwards;}
 
 .im13{-webkit-animation:fadeIn .8s 2.4s forwards;}
 .im14{-webkit-animation:fadeIn .8s 2.6s forwards;}
 .im15{-webkit-animation:fadeIn .8s 2.8s forwards;}
 .im16{-webkit-animation:fadeIn .8s 3s forwards;}
 .im17{-webkit-animation:fadeIn .8s 3.2s forwards;}
 .im18{-webkit-animation:bounceIn .8s 3.4s forwards;}
 
 .footer{position: absolute;left: 0;bottom:0;width: 100%;height: 51px;background: #00295a;color: #dbe1e7;text-align: center;line-height: 51px;}
        
        
.banner{width: 100%;height:400px;background: url(../images/banner.png) center top no-repeat;padding-bottom: 50px;}  
.jobwidth {width:960px;margin: 0 auto;}      

.job h1{text-align: center;font-size: 68px;color:#a4a7ad ;margin-top: 50px;}

.job{width: 1000px;margin: 0 auto;}
.job p{font-size: 16px;color:#333333;text-indent: 2em;line-height: 30px;width: 965px;margin: 0 auto;text-align: left;}


.rightnav{width: 300px;height: 100%;position: absolute;top: 0;right: -330px;z-index: 999;}
.sub{width: 280px;height: 100%;position: relative;background: url(../images/bg.png);padding: 0 10px;text-align: left;}
.rightnav ul{padding-top: 30px;}
.rightnav li h3{color: #fff;font-weight: bold;font-size: 20px;}
.rightnav li h3 p{font-size: 14px;display: inline;padding-left: 10px;}
.rightnav li h3 span{display: block;margin: 12px 0 7px;padding: 1px 0 0 0;background: url(../images/dian-line-white.png);}
.rightnav li p{text-align: left;}
.rightnav li .pr-info-1{font-size: 13px;color: #fff;line-height: 22px;}
.rightnav li .pr-info-2{font-size: 13px;color: #fff;line-height: 22px;margin-bottom: 10px;}
.rightnav li .pr-info-3{font-size: 13px;color: #fff;line-height: 22px;}
#toggle-preach{background: url(../images/bg.png) repeat;border-radius: 5px;position: absolute;top: 50%;left: -30px;height: 66px;cursor: pointer;width: 30px;display: inline-block;margin-top: -33px;}
.pr-l-a-icon{position: absolute;top: 50%;left: 50%;margin: -7px 0 0 -4px;display: inline-block;padding: 14px 8px 0 0;background:url(../images/campusIcons.png) -26px  -89px;}