/*客户留言*/

.message{

    overflow: hidden;

    display: none;

    position:relative;

}

.message h3{

    font-size:22px;

    font-weight: normal;

    color:#000;

    text-align: center;

    line-height:34px;

}

.message p{

    font-size:22px;

    font-weight: normal;

    text-align: center;

}

.message form{

    margin-top:50px;

    overflow: hidden;

}

.message form div{

    float:left;

    width:480px;

}

.message form div input{

    width:100%;

    height:35px;

    background-color: #E8E8E8;

    margin-bottom:10px;

    border:none;

    padding-left:10px;

}

.message form textarea{

    float:right;

    width:480px;

    height:160px;

    background-color: #E8E8E8;

    border:none;

    padding:10px;

    resize:none;

}

.message form .submit{

    float:right;

    width:100px;

    height:30px;

    margin-top:15px;

    background-color:#797D94;

    text-align:center;

    line-height:30px;

    color:#fff;

    border:none;

	cursor:pointer;

}

.message .beside{

    position: absolute;

    right:0;

    bottom:0;

}

.message .beside .online-message{

    height:80px;

    margin-bottom: 10px;

    color:#fff;

    background: url("../images/online-message.png") no-repeat center left;

    background-color:#DBC291;

}



.message .beside .online-message span{

    display: none;

    padding-left:90px;

    padding-right:30px;

    line-height:80px;

    font-size:20px;

}

.message .beside .online-message:hover span{

    display: block;

}



.message .beside .call{

    background-color:#DBC291;

    width:80px;

    height:80px;

    float:right;

}

.message .beside .call i{

    display: block;

    width:80px;

    height:80px;

    background: url("../images/call.png") no-repeat center;



}

@media (max-width: 1024px){
.message h3,.message p{ font-size:20px}
.message form{ margin:6% 0}
.message form div,.message form textarea{ width:48%}
.message form div input{ box-sizing:border-box}
.message form textarea{ height:149px}
.message .beside .online-message,.message .beside .call,.message .beside .call i{ background-size:cover; width:40px; height:40px}
.message .beside .online-message span{ line-height:40px}

}

@media (max-width:640px){
.message h3,.message p{ font-size:16px}
.message form div, .message form textarea{ width:100%}
.message form textarea{ box-sizing:border-box}
}