body {
    width: 100%;
}
.float-left{
    float: left;
}
.float-right{
    float: right;
}
.clearboth{
    clear:both;
}
/* 顶部样式 */
.service-top{
    width: 100%;
    background: #4D525C;
    height: 90px;
}
.service-topimg{
    height: 90px;
    line-height: 80px;
    margin-left: 18%;
}
.service-top img{
    width: 9.5rem;
    display: inline-block;
    vertical-align: middle;
}
.service-t1{
    color: #fff;
    line-height: 90px;
    font-size: 16px;
    margin-right: 6rem;
}
.service-t1 a{
    color: #fff;
    text-decoration: none; 
}
.service-t2{
    margin-right: 18%;
}
.service-t2 a{
    color: #00A0E9;
    text-decoration: none;
}
.service-intro{
    position: relative;
}
.service-introimg img{
    width: 100%;
}
.service-introservice{
    position: absolute;
    top:40%;
    left: 22%;
}
.introservice-p1{
    font-size: 2.4rem;
    color: #fff;
}
.introservice-p2{
    font-size: 1rem;
    color: #fff;
    margin-top: 1rem;
}
.service-content1{
    width: 100%;
    height: 45rem;
    background: #fff;
    position: relative;
}
.service-content1 .content-img{
    margin-left: 18%;
}
.service-content2 .content-img{
    margin-right: 18%;
}
.service-content1 .content-img,.service-content2 .content-img{
    height: 45rem;
    line-height: 45rem;
}
.service-content1 img,.service-content2 img{
    width: 27rem;
    vertical-align: middle;
    display: inline-block;
}
.service-content1 .content-p{
    position: absolute;
    top:40%;
    right: 18%;
}
.content-p .content-p1{
    font-size: 2.4rem;
    margin-bottom: 2rem;
    color: #333;
}
.content-p .content-p2{
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #333;
}
.service-content2{
    background: #F7F8FA;
    width: 100%;
    height: 45rem;
    position: relative;
}
.service-content2 .content-p{
    position: absolute;
    top:40%;
    left:18%;
}
.service-footer{
    width: 100%;
    height: 27rem;
    background: #4D525C;
    padding: 7rem 10% 0;
    box-sizing: border-box;
    position: relative;
}
.service-footer .part{
    float: left;
}
.service-footer .service-footer-part1{
    width: 50%;
}
.service-footer .service-footer-part2{
    width: 25%;
}
.service-footer .service-footer-part3{
    width: 25%;
}
.service-footer .service-p1{
    color: #fff;
    font-size: 1rem;
    margin-bottom: 2rem;
    font-weight: 700;
}
.service-footer .service-p2{
    color: #fff;
    font-size: 1rem;
    margin-bottom: 1rem;
    opacity: 0.49;
}
.service-footer .service-p3{
    color: #fff;
    font-weight: 500;
    font-size: 2.5rem;
    margin-bottom: 1rem;
}
.service-footer-part3 .service-p1{
    color: #4D525C;
}
.service-footer .copyright{
    position: absolute;
    bottom: 1rem;
    left: 39%;
}