.footnav > ul > li:nth-child(n+2) {
    margin-left: 10px;
    padding-left: 10px;
    box-sizing: border-box;
    border-left: 1px solid #000000;
}

.footfont {
    width: 400px;
    text-align: right;
    margin-top: 25px;
}

.interlayer {
    padding: 50px 0;
    box-sizing: border-box;
}

/*主体样式*/
.banner {
    height: 448px;
    background: url("../images/spell-banner.jpg") no-repeat center;
}

.serve-top,
.relation-top,
.int-top,
.advantage-top {
    text-align: center;
    margin-bottom: 25px;
}

.serve-list > ul > li {
    width: 297px;
    height: 374px;
    float: left;
}

.serve-list > ul > li:nth-child(1) {
    background: url("../images/spell02.jpg") no-repeat;
}

.serve-list > ul > li:nth-child(1):hover {
    background: url("../images/spell05.jpg") no-repeat;
}

.serve-list > ul > li:nth-child(2) {
    background: url("../images/spell03.jpg") no-repeat;
    margin: 0 54px;
}

.serve-list > ul > li:nth-child(2):hover {
    background: url("../images/spell06.jpg") no-repeat;
}

.serve-list > ul > li:nth-child(3) {
    background: url("../images/spell04.jpg") no-repeat;
}

.serve-list > ul > li:nth-child(3):hover {
    background: url("../images/spell07.jpg") no-repeat;
}

.advantage,
.relation {
    background: #F5F4F9;
}

.int {
    padding-bottom: 0;
}
.relation-list >ul >li{
    float:left;
    width: 240px;
    height: 220px;
    margin:0 46px ;
    position:relative;
}
.relation-list >ul >li:nth-child(1){
    background:url("../images/spell13.png") no-repeat center top;
}
.relation-list >ul >li:nth-child(2){
    background:url("../images/spell14.png") no-repeat center top;
}
.relation-list >ul >li:nth-child(3){
    background:url("../images/spell15.png") no-repeat center top;
}
.relation-list >ul >li:nth-child(1):hover{
    background:url("../images/spell16.png") no-repeat center top;
}
.relation-list >ul >li:nth-child(2):hover{
    background:url("../images/spell17.png") no-repeat center top;
}
.relation-list >ul >li:nth-child(3):hover{
    background:url("../images/spell18.png") no-repeat center top;
}
.relation-list >ul >li >div{
    position:absolute;
    bottom:0;
    width: 100%;
}
.relation-list >ul >li >div >p{
    text-align: center;
    font-size: 18pt;
    color:#1d2974;
}