.headerArea {
    position: absolute;
}
.wrapper{
    background: #fff;
}
.topArea {
    height: 400px;
    width: 100%;
    position: relative;
}
.one img{
    width: 100%;
    height: 100%;
}
.content{
    width: 80%;
    margin: 54px auto;
}
.one{
    font-size:28px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(37,40,43,1);
    text-align: center;
}
.one>.line{
    width:46px;
    height:2px;
    background:rgba(39,48,223,1);
    margin: 33px auto 44px;
}
.two{
    display: flex;
    justify-content: space-between;
}
.two>.main{
    width: 26%;
    text-align: center;
}
.content>.two>.main:nth-child(1):hover div:nth-child(3),.content>.two>.main:nth-child(2):hover div:nth-child(3),.content>.two>.main:nth-child(3):hover div:nth-child(3),.content>.two>.main:nth-child(4):hover div:nth-child(3){
    color: #3E77FF;
}
.content>.two>.main:nth-child(1):hover div>img,.content>.two>.main:nth-child(2):hover div>img,.content>.two>.main:nth-child(3):hover div>img,.content>.two>.main:nth-child(4):hover div>img{
    height: 115px;
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.main div>img{
    height: 108px;
    -webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;
}
.main>div:nth-child(3){
    text-align: left;
    font-size:16px;
    font-family:"pingfang";
    font-weight:400;
    color:rgba(118,118,118,1);
    padding: 0 35px;
}
.main>div:nth-child(2){
    margin: 28px auto 23px;
    font-size:24px;
    font-family:"Source Han Sans CN";
    font-weight:500;
    color:#000;
}
.content1{
    margin-top: 50px;
    width: 100%;
    background-image: url("../img/banner3.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 470px;
    text-align: center;
}
.content1>i{
    color: #fff;
    font-size: 55px;
    line-height: 0;
}
.content1>.one{
    color: #fff;
}
.content1>.one>.line{
    background:#fff;
    margin: 27px auto 41px;
}
.content1>.two{
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
}
.content1>.two>div{
    width: 20%;
}
.content2>.one{
    margin-top: 46px;
}
.content2>.two{
    width: 80%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    flex-wrap: wrap;
}
.content2>.two>div{
    width: 16%;
}
.item{
    width:16%;
    text-align: center;
    margin-bottom: 30px;
}
.item>.top{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto 17px;
    text-align: center;
    color: #fff;
    line-height: 100px;
    font-size: 50px;
}
.item:nth-child(1)>.top,.item:nth-child(7)>.top{
    background:linear-gradient(134deg,rgba(142,169,252,1),rgba(171,236,249,1));
}
.item:nth-child(2)>.top,.item:nth-child(10)>.top{
    background:linear-gradient(134deg,rgba(136,128,242,1),rgba(225,207,254,1));
}
.item:nth-child(3)>.top,.item:nth-child(6)>.top{
    background:linear-gradient(134deg,rgba(249,137,136,1),rgba(253,214,192,1));
}
.item:nth-child(4)>.top,.item:nth-child(8)>.top{
    background:linear-gradient(134deg,rgba(251,173,107,1),rgba(255,246,179,1));
}
.item:nth-child(5)>.top,.item:nth-child(9)>.top{
    background:linear-gradient(134deg,rgba(108,219,157,1),rgba(232,252,164,1));
}
.item>.bottom{
    font-size:14px;
    font-family:"Source Han Sans CN";
    font-weight:500;
    color:rgba(53,53,53,1);
}
.copyright{
    width: 100%;
    background-image: url("../img/banner4.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 368px;
    font-size:12px;
    font-family:"Microsoft YaHei";
    font-weight:bold;
    color:rgba(255,255,255,1);
    position: relative;
}
.copyright>div{
    position: absolute;
    bottom: 90px;
    text-align: center;
    width: 100%;
}