*{
    margin:0;
    padding: 0;
}
ul,li{
    list-style: none;
}
a{
    text-decoration: none;
}
/* 顶部banner */
.mpa_banner{
    width:100%;
    height:100%;
}
.mpa_banner>img{
    width:100%;
}
.part1>.main{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.part1>.main>img{
    margin-top: 50px;
}
.part1>.main>div{
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
}
.part1>.main>a{
    display: block;
    width: 334px;
    height: 71px;
    background: url(../images/bg-an1.png)no-repeat center center;
    font-size: 24px;
    line-height: 71px;
    text-align: center;
    color: #fff;
    margin: 50px auto;
}   

.part2 {
    background: #f4f4f4;
    height: 640px;
}
.part2 .main{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.part2 .main>img{
    margin: 60px 0;
}
.part2 .main>p{
    font-size: 48px;
    color: #fff;
    padding: 50px 0 35px 0;
}
.bon1 input{
    width: 920px;
    height: 80px;
    border-radius: 15px;
    border: none;
    font-size: 34px;
    line-height: 66px;
    padding-left: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
    border: 1px solid #ff4785;
}
.bon1 .dosubmit{
    display: block;
    width: 661px;
    height: 85px;
    background: url(../images/bg-an2.png)no-repeat center center;
    background-size: 100%;
    font-size: 48px;
    color: #fff;
    line-height: 85px;
    font-weight: bold;
    margin: 15px auto 0;
    border-radius: 42px;
}
.part3{
    background: #fce7e8;
    padding-bottom: 50px;
}
.part3>.main{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.part3>.main>img{
    margin: 70px auto 60px;
}
.part3>.main>table{
    width: 1200px;
    text-align: center;
    font-size: 30px;
    border-top-left-radius: 20px;
}
.part3>.main>table th{
    background: #ff2c68;
    color: #fff;
    height: 80px;
}
.part3>.main>table td{
    background: #fff;
    color: #333;
    height: 80px;
}
.part3>.main>a{
    display: block;
    width: 443px;
    height: 71px;
    background: url(../images/bg-an3.png)no-repeat center center;
    font-size: 24px;
    line-height: 71px;
    text-align: center;
    color: #fff;
    margin: 50px auto 0;
}
.part4>.main{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 50px;
}
.part4>.main>img{
    margin-top: 70px;
}
.part4>.main>p{
    margin-top: 30px;
    font-size: 24px;
    color: #666;
}
.part4 .box4-1{
    display: flex;
    justify-content: space-between;
    width: 960px;
    margin: 30px auto;
}
.part4 .box4-1 a{
    width: 301px;
    height: 64px;
}
.part4 .box4-1 .a1{
    background: url(../images/bga1.png)no-repeat center center;
}
.part4 .box4-1 .a2{
    background: url(../images/bga2.png)no-repeat center center;
}
.part4 .box4-1 .a3{
    background: url(../images/bga3.png)no-repeat center center;
}
.part4 .box4-2{
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
}
.part4 .box4-2>div{
    background: url(../images/bg44.png)no-repeat center bottom;
    width: 288px;
    height: 400px;
}
.part4 .box4-2>div h4{
    font-size: 30px;
    color: #000;
}
.part4 .box4-2>div a{
    display: block;
    width: 200px;
    height: 40px;
    border: 1px solid #e4007f;
    border-radius: 20px;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    margin: 15px auto;
}
.part4>.main>a{
    display: block;
    width: 299px;
    height: 71px;
    background: url(../images/bg-an4.png)no-repeat center center;
    font-size: 24px;
    line-height: 71px;
    text-align: center;
    color: #fff;
    margin: 50px auto 0;
}
.part5{
    background: url(../images/bg5.png)no-repeat center center;
    height: 697px;
    min-width: 1200px;
}
.part5>.main{
    width: 1200px;
    margin: 0 auto;
    text-align: center
}
.part5>.main>img{
    margin-top: 70px;
}
.part5>.main>div{
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}
.part5>.main>a{
    display: block;
    width: 290px;
    height: 58px;
    font-size: 24px;
    line-height: 58px;
    text-align: center;
    margin: 50px auto;
    color: #333;
    font-weight: bold;
    background: #fff;
    border-radius: 29px;
}


.part6{
    background: #f4f4f4;
    padding-bottom: 50px;
}
.part6>.main{
    width: 1200px;
    margin: 0 auto;
    text-align: center
}
.part6>.main>img{
    margin-top: 70px;
}
.part6>.main>div{
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}
.part6>.main>a{
    display: block;
    width: 299px;
    height: 71px;
    background: url(../images/bg-an6.png)no-repeat center center;
    font-size: 24px;
    line-height: 71px;
    text-align: center;
    color: #fff;
    margin: 50px auto 0;
}






/* 7大服务 */
.serving{
    text-align:center;
    background-color:#fff;
}
.serving_content{
    width: 1200px;
    margin:0 auto;
}
span.senver_serving{
    color:#fb625b;
}
.serving_content .headlines{
    margin-top: 50px;
}
.serving_box{
    margin:85px auto;

}

/* 左侧导航 */
.serving_item{
    float:left;
    cursor: pointer;
}
.serving_nav{
    float:left;
    color:#fff;

    width:66px;
    height: 480px;
    border-radius: 10px;
    padding:10px;
    text-align: center;
}
.sn_1{
    background-color: #fb625b;
}
.sn_2{
    background-color: #4abdb9;
}
.sn_3{
    background-color: #cc428d;
}
.sn_4{
    background-color: #5362fa;
}
.sn_5{
    background-color: #9654b6;
}
.sn_6{
    background-color: #efb10b;
}
.sn_7{
    background-color: #90d73d;
}
.serving_nav>p{
    width: 55px;
    font-size: 30px;
    margin: 0 auto;
}
.serving_nav>i{
    display: block;
    width:55px;
    height:55px;
    margin:30px auto;
}
/* 图标 */
.serving_nav_1{
    background:url(../images/serving_nav_1.png) no-repeat center center;
}
.serving_nav_2{
    background:url(../images/serving_nav_2.png) no-repeat center center;
}
.serving_nav_3{
    background:url(../images/serving_nav_3.png) no-repeat center center;
}
.serving_nav_4{
    background:url(../images/serving_nav_4.png) no-repeat center center;
}
.serving_nav_5{
    background:url(../images/serving_nav_5.png) no-repeat center center;
}
.serving_nav_6{
    background:url(../images/serving_nav_6.png) no-repeat center center;
}
.serving_nav_7{
    background:url(../images/serving_nav_7.png) no-repeat center center;
}
/* 右侧内容 */
.accordion{
    width:0;
    float:left;
    overflow: hidden;
}
.serving_details{
    text-align: center;
    width: 586px;
    height:495px;
    border-radius: 10px;
    overflow: hidden;
}
/* 边框色 */
.sd_1{
    border:2px solid #fb625b;
}
.sd_2{
    border:2px solid #4abdb9;
}
.sd_3{
    border:2px solid #cc428d;
}
.sd_4{
    border:2px solid #5362fa;
}
.sd_5{
    border:2px solid #9654b6;
}
.sd_6{
    border:2px solid #efb10b;
}
.sd_7{
    border:2px solid #90d73d;
}
.serving_details>p>img{
    widtH:100%;
}
.serving_dec{
    padding:10px;
    text-align: left;
    line-height:30px;
}

.serving_item.active .accordion{
    width: 592px;
    animation: accordion ease-in 1s;
    display:block;
}
.serving_item.unactive .accordion{
	animation: accordion_1 ease-in 1s;
}
@keyframes accordion{
    from{
        width:0px;
    }
    to{
        width:592px;
    }
}
@keyframes accordion_1{
    from{
        width:592px;
    }
    to{
        width:0px;
    }
}
@-o-keyframes accordion{
    from{
        width:0px;
    }
    to{
        width:592px;
    }
}
@-o-keyframes accordion_1{
    from{
        width:592px;
    }
    to{
        width:0px;
    }
}
@-webkit-keyframes  accordion{
    from{
        width:0px;
    }
    to{
        width:592px;
    }
}
@-webkit-keyframes accordion_1{
    from{
        width:592px;
    }
    to{
        width:0px;
    }
}
@-moz-keyframes accordion{
    from{
        width:0px;
    }
    to{
        width:592px;
    }
}
@-moz-keyframes accordion_1{
    from{
        width:592px;
    }
    to{
        width:0px;
    }
}