.contact .service{
    width:330px;
    height:300px;
    background:url(/img/contact_service_bg.jpg) no-repeat;
    float:left;
}

.contact .service .icon{
    padding-top:54px;
    margin:0 auto;
   
    text-align:center;
    width:127px;
    height:165px;
}

.contact .tel .icon{
    padding-top:56px;
    margin:0 auto;
    
    text-align:center;
    width:153px;
    height:148px;
}

.contact .email .icon{
    padding-top:56px;
    margin:0 auto;
   
    text-align:center;
    width:153px;
    height:148px;
}

.contact .address .icon{
    padding-top:48px;
    margin: 0 auto;
    
    text-align:center;
    width:210px;
    height:190px;
}

.contact .fax .icon{
    padding-top:56px;
    margin:0 auto;
   
    text-align:center;
    width:153px;
    height:148px;
}

.contact .weixin .icon{
    padding-top:56px;
    margin:0 auto;
   
    text-align:center;
    width:153px;
    height:148px;
}

.contact  .icon .title{
    color:#b0b0b0;
    float:left;
    font-size:16px;
    font-family:'Microsoft YaHei';
    text-align:center;
    width:100%;
    margin-top:18px;
     float:left;
}


.contact  .icon .content{
    color:#b0b0b0;
    float:left;
    font-size:18px;
    font-family:'Microsoft YaHei';
    text-align:center;
    width:100%;
     float:left;
     margin-top:58px;
}

.contact .tel{
    width:330px;
    height:300px;
    background:url(/img/contact_service_bg.jpg) no-repeat;
    float:left;
    margin-left:16px;
}

.contact .email{
    width:330px;
    height:300px;
    background:url(/img/contact_service_bg.jpg) no-repeat;
    float:left;
    margin-left:16px;
}

.contact .address{
    width:330px;
    height:300px;
    background:url(/img/contact_service_bg.jpg) no-repeat;
    float:left;
    margin-top:20px;
}

.contact .fax{
    width:330px;
    height:300px;
    background:url(/img/contact_service_bg.jpg) no-repeat;
    float:left;
    margin-left:16px;
    margin-top:20px;
}

.contact .weixin{
    width:330px;
    height:300px;
    background-color:#151515;
    float:left;
    margin-left:16px;
    margin-top:20px;
}


.map 
{
    width:806px;
    height:408px;
    border:1px solid #1d1d1d;
    margin:50px 0 50px 0;
    text-align:center;
}

.map img
{
    margin-top:5px;
}


.message .name
{
    width:390px;
    height:50px;
    border:1px solid #1d1d1d;
    float:left;
    text-align:center;
    vertical-align:middle;
}

.message .tel
{
    width:390px;
    height:50px;
    border:1px solid #1d1d1d;
    float:left;
    text-align:center;
    vertical-align:middle;
    margin-left:25px;
}

.message .message
{
    width:99.5%;
    height:200px;
    border:1px solid #1d1d1d;
    float:left;
    text-align:center;
    vertical-align:middle;
    margin-top:30px;
}

.message  .title
{
    margin-left:28px;
    color:#b0b0b0;
    font-size:14px;
    font-family:'Microsoft YaHei';
    line-height: 52px;
    float:left;
}

.message .box
{
    float:left;
    background-color:#252525;
    height:50px;
    color:#b0b0b0;
    margin-left:5px;
}

.message textarea
{
    float:left;
    background-color:#252525;
    height:120px;
    width:88%;
    margin-left:28px;
    color:#b0b0b0;
    resize: none;
}

.message .submit
{
    width:140px;
    height:50px;
    background-color:#1d1d1d;
    float:left;
    margin-top:38px;
    color:#9f9f9f;
    font-size:16px;
    cursor:pointer;
}


@media screen and (max-width:480px) {
    .contact .address, .contact .service, .contact .tel, .contact .email, .contact .fax, .contact .weixin {
        width: 215px;
        margin-top: 20px;
    }

    .contact .service, .contact .email, .contact .fax {
        width: 215px;
        margin-left: 0;
    }

    .contact .address, .contact .tel, .contact .weixin {
        margin-left: 16px;
    }
    .map {
    width:100%;}
    .my-map {
    width:100% !important;}
    .message .name {margin-bottom:30px;margin-top:30px;
    width:100%;}
    .message .tel {
    width:100%;margin-left:0;}
    .message .box {
    width:80%;}




















}