.content1{
    width: 1200px;
    height: 480px;
    margin:10px auto;
}
.content1 h1{
    background:url(../images/title_bg.jpg)  no-repeat 167px 0px ;
    text-align: center;
    width:1200px;
    height: 58px;
    line-height: 30px;
    font-size: 34px;
    color: #13227a;
    margin-top:60px;
    margin-bottom:40px;
}
.content1 ul li{
    width:280px;
    height:200px;
    float:left;
    margin-right:20px;
    border-radius: 6px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 12px rgba(0,62,128,.2);
    -moz-box-shadow: 0 0 12px rgba(0,62,128,.2);
    box-shadow: 0 0 12px rgba(0,62,128,.2);
}
.content1 ul li div{
    width:280px;
    height: 260px;
    float:left;
}
.content1 ul li:hover div > a{
    display: block;
    color:#ffffff;
    line-height: 22px;
    text-decoration:none;
    padding:50px 20px;
}
.content1 ul li div a{
    display: none;
    float:left;
}
.earth{
 background: url(../images/earth1.jpg)  no-repeat 0px 0px;
 background-size: 300px 300px;
}
.invest{
 background: url(../images/invest.jpg)  no-repeat 0px 0px;
 background-size: 300px 300px;
}
.zy{
 background: url(../images/zy.jpg)  no-repeat 0px 0px;
 background-size: 300px 300px;
}
.life{
 background: url(../images/life.jpg)  no-repeat 0px 0px;
 background-size: 300px 300px;
}
.content1 ul li img{
    margin-left: -20px;
    margin-top: -20px;
}
.content1 ul li h2{
    height: 60px;
    width:280px;
    line-height:60px;
    text-align: center;
    font-size:18px;
    color:#13227a;
}
/* .wapper1{
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    min-width: 200px;
    height: 800px;
    background: url(../images/mission1.jpg)  no-repeat 0px 0px;
    background-size: 1500px 600px;
} */
/* .mission{
    width: 1200px;
    height: 584px;
    margin: 0px auto;
    overflow: hidden;
} */
.missionbox{
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    min-width: 200px;
    height: 800px;
    background: url(../images/mission.jpg) no-repeat 0px 0px;
    background-size: 1200px 600px;
    background-position: center center; 
}
.mission{
    width: 1200px;
    height: 600px;
    margin: 0px auto;
    overflow: hidden;
}
.bg{
    width: 100%;
    min-width: 1200px;
    background-color:#fbfbfb;
    overflow: hidden;
    margin: auto;
}
.content2{
    width: 1200px;
    min-width: 1200px;
    display: block;
    margin:10px auto;
    height: 700px;
    overflow: hidden;
}
.content2 h1{
    background:url(../images/title_bg.jpg)  no-repeat 167px 0px ;
    text-align: center;
    width:1200px;
    height: 58px;
    line-height: 30px;
    font-size: 34px;
    color: #13227a;
    margin-top:60px;
    margin-bottom:40px;
}
.content2 li{
    width:300px;
    float:left;
    text-align: center;
    overflow: hidden;
}
/* .content2 li.one{
    background:url(../images/Professional.jpg)  no-repeat 0px 0px ;
    padding-bottom:422px;
    background-size: 300px 600px;
}
.content2 li.two{
    background:url(../images/correctly.jpg)  no-repeat 0px 0px ;
    padding-top:422px;
    background-size: 300px 600px;
}
.content2 li.three{
    background:url(../images/manner.jpg)  no-repeat 0px 0px ;
    padding-bottom:422px;
    background-size: 300px 600px;
}
.content2 li.four{
    background:url(../images/root.jpg)  no-repeat 0px 0px ;
    padding-top:422px;
    background-size: 300px 600px;
} */
.content2 li.one p{
    font-size: 20px;
    color: #333333;
    line-height:40px;
}
.content2 li.one h2{
    color: #13227a;
    font-size: 24px;
    line-height:40px;
}
.content2 li.three p{
    font-size: 20px;
    color: #333333;
    line-height:40px;
}
.content2 li.three h2{
    color: #13227a;
    font-size: 24px;
    line-height:40px;
}
.content2 li.two p{
    font-size: 20px;
    color: #333333;
    line-height:40px;
}
.content2 li.two h2{
    color: #13227a;
    font-size: 24px;
    line-height: 40px;
}
.content2 li.four p{
    font-size: 20px;
    color: #333333;
    line-height:40px;
}
.content2 li.four h2{
    color: #13227a;
    font-size: 24px;
    line-height:40px;
}
.content3{
    width: 1200px;
    min-width: 1200px;
    display: block;
    margin:10px auto;
    height: 560px;
    overflow: hidden;
}
.content3 h1{
    background:url(../images/title_bg.jpg)  no-repeat 167px 0px ;
    text-align: center;
    width:1200px;
    height: 58px;
    line-height: 30px;
    font-size: 34px;
    color: #13227a;
    margin-top:60px;
    margin-bottom:40px;
    float:left;
}
@keyframes slowMove {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(100px);
    }
  }
.imagesMoving{
    position: relative;
    width: 100%;
    height: 200px;
}
.imagesMoving img{
    animation: slowMove 5s infinite alternate
}