*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration:none
}
.title1{
     opacity: 0;
    animation:p1-title 0.5s linear 2.2s 1 both;
}
@keyframes p1-title {
    0%{transform:translate(-400px,0);opacity: 0 }
    100%{transform:translate(0,0);opacity: 1}
}
.xbg-danru{
    opacity: 0;
    animation:xbg-danru 0.5s linear 3s 1 both;
}
@keyframes xbg-danru {
    0%{opacity: 0 }
    100%{opacity: 1}
}
.jiantou1{
    opacity: 0;
    animation:jiantou1 3s linear 2s infinite both;
}
@keyframes jiantou1 {
    0%{opacity: 0 }
    50%{opacity: 0.9}
    100%{opacity: 0}
}
.recruitent1{
    opacity: 0;
    animation:recruitent1 0.8s linear 2.6s 1 both;
}
@keyframes recruitent1 {
    0%{transform:translate(-400px,0);opacity: 0 }
    100%{transform:translate(0,0);opacity: 1}
}
.jiantou2{
    opacity: 0;
    animation:jiantou2 1.2s linear 2.6s infinite;
}
@keyframes jiantou2 {
    0%{opacity: 1;transform:translate(-6px,0);}
    50%{opacity: 1;transform:translate(0px,0);}
    100%{opacity: 1;transform:translate(-6px,0);}
}
.dibutu{
    animation:dibutu 0.8s linear 0.6s 1 both;
}
@keyframes dibutu {
    0%{transform:translate(0,-900px)}
    100%{transform:translate(0,0)}
}
.zhaopian{
    animation:zhaopian 0.8s linear 1s 1 both;
}
@keyframes zhaopian {
    0%{transform:translate(0,-900px)}
    100%{transform:translate(0,0)}
}
.enter{
    opacity: 0;
    animation:enter 1.5s linear 2s 1 both;
}
@keyframes enter {
    0%{opacity: 0 }
    100%{opacity: 1}
}
.nav{
    width: 1200px;
    height: 60px;;
    margin: 0 auto;
    min-width: 1200px;
    overflow: auto;
    /*background-color: red;*/
}
.nav1{
    width: 600px;
}
.nav1 ul li{
    width: 20%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    float: left;
}
.nav1 ul li a{
    color: #000000;
    font-weight: bold;
}
.nav1 ul li:hover{
    border-bottom: 2px solid #30b469;
}
.nav1 ul li:hover a{
    color:#30b469;
}
.nav1 ul li img{
    text-align: center;
    margin-top: 10px;
}
.act{
    border-bottom: 2px solid #30b469;
    color:#30b469;
}
.copyright{ width:100%; line-height:72px; text-align:center; color:#333; font-size:12px; background: url("../images/ditu.png") 100% 100%}
.content{ width:1200px; margin:0 auto;}
.bar{ padding:30px 0;}
.text{ padding:0 100px;}
.text p{ text-indent:2em; text-align:justify; line-height:30px;}
.copyright{ width:100%; line-height:72px; text-align:center; color:#333; font-size:12px; background-color:#32b16c;}