.nav {
    width: 1024px;
}
.web .banner{
    height: 312px;
    background: url(../images/servicePage/head1.jpg) no-repeat;
    background-size: 100%;
}
.web .mainBody{
    height: 727px;
    width: 1024px;
    margin: 0 auto;
}
.web .txt{
    margin-top: 140px; ;
    float: left;
}
.web .txt p{
    line-height: 170%;
    font-size: 2.5em;
    color: #482347;
}
.web .txt .p{
    font-family: "Letter Gothic Std";
    text-decoration: underline;
    font-size: 3em;
}
.web .txt ul{
    line-height: 180%;
    font-size: 16px;
    margin-top: 30px;
}
.web .txt li{
    list-style:disc inside;
}
.web .pic{
    margin-top: 140px; ;
    width: 559px;
    height: 486px;
    float: right;
    background: url(../images/servicePage/computer.png) no-repeat;
    background-size: 100% 100%;
}

.app{
    width: 100%;
}
.app .banner{
    height: 218px;
    background: url(../images/servicePage/head2.jpg) no-repeat;
    background-size: 100%;
}
.app .mainBody{
    height: 727px;
    width: 1024px;
    margin: 0 auto;
}
.app .pic{
    margin-top: 140px;
    background: url(../images/servicePage/iphone.png) no-repeat;
    background-size: 100% 100%;
    float: left;
    width: 576px;
    height: 366px;
}
.app .txt{
    margin-top: 160px; ;
    float: right;
}
.app .txt p{
    line-height: 170%;
    font-size: 2.5em;
    color: #482347;
}
.app .txt .p{
    font-family: "Letter Gothic Std";
    text-decoration: underline;
    font-size: 3em;
}
.app .txt ul{
    line-height: 200%;
    font-size: 16px;
    margin-top: 30px;
}
.app .txt li{
    list-style:disc inside;
}

.seo .banner{
    height: 216px;
    background: url(../images/servicePage/head3.jpg) no-repeat;
    background-size: 100%;
}
.seo .mainBody{
    height: 727px;
    width: 1024px;
    margin: 0 auto;
}
.seo .txt{
    margin-top: 82.5px;
}
.seo .txt p{
    line-height: 170%;
    font-size: 2.5em;
    color: #482347;
}
.seo .txt .p{
    font-family: "Letter Gothic Std";
    text-decoration: underline;
    font-size: 3em;
}
.seo .pic{

    background: url(../images/servicePage/seo.png) no-repeat center center;
    background-size: 100% 100%;
    width: 805px;
    margin: 0 auto;
    height: 450px;
}
.visual .banner{
    height: 218px;
    background: url(../images/servicePage/head4.jpg) no-repeat;
    background-size: 100%;
}
.visual .mainBody{
    height: 727px;
    width: 1024px;
    margin: 0 auto;
}

.visual .pic{
    margin-top: 150px;
    background: url(../images/servicePage/visual.png) no-repeat;
    background-size: 100% 100%;
    float: right;
    width: 411px;
    height: 417px;
}
.visual .txt{
    margin-top: 150px; ;
    float: left;
}
.visual .txt p{
    line-height: 150%;
    font-size: 2.5em;
    color: #482347;
}
.visual .txt .p{
    font-family: "Letter Gothic Std";
    text-decoration: underline;
    font-size: 3em;
}
.visual .txt ul{
    line-height: 200%;
    font-size: 16px;
    margin-top: 30px;
}
.visual .txt li{
    list-style:disc inside;
}