﻿
.banner {
    width:100%;height:270px;background:url(/yonggang/images/service/banner.jpg) no-repeat center top;position:relative;
}
.banner > div{
    position:absolute;bottom:60px;left:0;width:100%;color:#fafafa;text-align:center;font-size:30px;line-height:36px;
}
.banner > div span{
    font-size:14px;
}

.main {
    background:#f6f6f6;
}
.main .bgw{
    background:#fff;padding:40px 45px 155px;
}
.main .bgw .title{
    text-align:center;font-size:18px;line-height:24px;
}
.main .bgw .subtitle{
    text-align:center;font-size:12px;line-height:24px;color:#dcc488;
}
.main .bgw .memo{
    text-align:center;font-size:12px;line-height:24px;padding-top:5px;padding-bottom:50px;color:#888;
}
.main .bgw .content{
    padding:0 110px 90px;
}
.main .bgw .content .img{
    float:left;width:43.5%;
}
.main .bgw .content .img img{
    width:100%;max-width:387px;
}
.main .bgw .content .text{
    float:left;width:56.5%;padding-top:10px;padding-left:60px;line-height:35px;color:#888;
}
.main .bgw .content .text p{
    position:relative;padding-left:28px;
}
.main .bgw .content .text p:before{
    content:"";display:block;width:28px;height:35px;position:absolute;left:0;top:0;
}
.main .bgw .content .text p:nth-child(1):before{
    background:url(/yonggang/images/service/icon1_1.jpg) no-repeat left center;
}
.main .bgw .content .text p:nth-child(2):before{
    background:url(/yonggang/images/service/icon1_2.jpg) no-repeat left center;
}
.main .bgw .content .text p:nth-child(3):before{
    background:url(/yonggang/images/service/icon1_3.jpg) no-repeat left center;
}
.main .bgw .content .text p:nth-child(4):before{
    background:url(/yonggang/images/service/icon1_4.jpg) no-repeat left center;
}
.main .bgw .content .text p:nth-child(5):before{
    background:url(/yonggang/images/service/icon1_5.jpg) no-repeat left center;
}
.main .bgw .content .text p:nth-child(6):before{
    background:url(/yonggang/images/service/icon1_6.jpg) no-repeat left center;
}
.main .bgw .content .text p:nth-child(7):before{
    background:url(/yonggang/images/service/icon1_7.jpg) no-repeat left center;
}
.main .bgw .content .text p:nth-child(8):before{
    background:url(/yonggang/images/service/icon1_8.jpg) no-repeat left center;
}

    .main .bgw .block {
    }
    .main .bgw .block > div{
        float:left;width:24.46%;margin-right:0.72%;margin-bottom:10px;height:160px;padding-top:10px;
        -webkit-box-shadow:0 0 10px rgba(180, 180, 180, 0.50);
        -moz-box-shadow:0 0 10px rgba(180, 180, 180, 0.50);
        box-shadow:0 0 10px rgba(180, 180, 180, 0.50);
    }
    .main .bgw .block > div:nth-child(4n){
        margin-right:0;
    }
    .main .bgw .block > div > i{
        display:block;height:110px;
    }
    .main .bgw .block > div:nth-child(1) > i{
        background:url(/yonggang/images/service/icon2_1.jpg) no-repeat center center;
    }
    .main .bgw .block > div:nth-child(2) > i{
        background:url(/yonggang/images/service/icon2_2.jpg) no-repeat center center;
    }
    .main .bgw .block > div:nth-child(3) > i{
        background:url(/yonggang/images/service/icon2_3.jpg) no-repeat center center;
    }
    .main .bgw .block > div:nth-child(4) > i{
        background:url(/yonggang/images/service/icon2_4.jpg) no-repeat center center;
    }
    .main .bgw .block > div:nth-child(5) > i{
        background:url(/yonggang/images/service/icon2_5.jpg) no-repeat center center;
    }
    .main .bgw .block > div:nth-child(6) > i{
        background:url(/yonggang/images/service/icon2_6.jpg) no-repeat center center;
    }
    .main .bgw .block > div:nth-child(7) > i{
        background:url(/yonggang/images/service/icon2_7.jpg) no-repeat center center;
    }
    .main .bgw .block > div:nth-child(8) > i{
        background:url(/yonggang/images/service/icon2_8.jpg) no-repeat center center;
    }
    .main .bgw .block > div > p{
        text-align:center;color:#888;
    }

