@charset "utf-8";
/* CSS Document */

.izl-rmenu{position:fixed; right:9px;  bottom:300px; padding-bottom:20px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#efa594;}
.izl-rmenu .btn-qq:hover{background-color:#efa594;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#efa594; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#efa594;}
.izl-rmenu .btn-wx:hover{background-color:#efa594;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:170px;}
.izl-rmenu .btn-wb{background:url(../images/r_wb.png) 0px 0px no-repeat; background-color:#efa594;    display: none;}
.izl-rmenu .btn-wb:hover{background-color:#efa594;}
.izl-rmenu .btn-wb .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-mas{background:url(../images/r_mas.png) 0px 0px no-repeat; background-color:#efa594; display: none;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#efa594;}
.izl-rmenu .btn-phone:hover{background-color:#efa594;}
.izl-rmenu .btn-phone .phone{background-color:#efa594; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}


/*表单*/


.reveal-modal-bg {position:fixed; height:100%; width:100%; z-index:9999!important; display: none; top: 0; left: 0; background:rgba(00, 00, 00, 0.8);}

.reveal-modal { 
visibility: hidden; 
top:10% !important;
left:30%;
width:570px;
height:auto;
position: fixed;
z-index:9999999;
padding: 30px 40px 34px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px; 
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); 
-box-shadow: 0 0 10px rgba(0,0,0,.4); 
background-color:#FFF; }


.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}


.reveal-modal .close-reveal-modal { font-size: 22px; line-height: 0.5; position: absolute; top: 8px; right: 11px; color: #333; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; 		} 


/*form*/

.mpro-main{
width: 570px;
background: #fff;
margin:72px auto 0;
}

.mpro-main td{
padding: 0 0 20px 20px;
font-size: 14px;
line-height:36px;
color: #666;
}

.mpro-main td label{
width: 318px;
border:1px solid #ccc ;
font-size:11px;
color: #ccc;
display: block;
}

.mpro-main td label:hover{ border:1px solid  #999; }


.mpro-main td label.long{
width: 387px;
height: 133px;
}

.mpro-main label p.fl{
margin-left:16px;
width:240px;
cursor: pointer;
}


.mpro-main label span{
display:block;
line-height:36px;
padding:0 5px;
}

.mpro-main label .fr  img{ display:inline-block!important; margin:10px 2px;}







.mpro-main label input{
width: 240px;
height: 36px;
padding: 0 16px;
border: 0;
outline:none;
background: none;
font-size: 11px;
line-height: 36px;
color: #999;
display:block;
}





.mpro-main label textarea{
width: 309px;
height: 113px;
padding: 10px 16px;
border: 0;
outline:none;
background: none;
resize: none;
font-size: 11px;
line-height: 18px;
color: #999;
}

.mpro-main input.m_submit{
width: 50%;
height: 46px;
border:0;
background: #5D5D5D;
cursor:pointer;
margin-top: 17px;
font-size: 18px;
color: #fff;
    margin: 0 auto;
    display: block;
    margin-bottom: 25px;
/** transition: all 0.1s;**/
}



.mpro-main input.m_submit:hover{
background: #caa657;
color: #fff;
}






/*表单*/







 @media screen and (max-width: 768px){

.izl-rmenu .btn{    width: 50px !important;
    height: 50px !important;}
.izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited{    background-size: 100%;}
.izl-rmenu .btn-wx{    background-size: 100%;}
.izl-rmenu .btn-phone{    background-size: 100%;}
.cd-top{ width:40px !important; height:40px !important;}
.izl-rmenu .btn-phone .phone{  line-height:50px !important;}
.izl-rmenu .btn-wb{ background-size: 100%;}
.izl-rmenu{display: none;}

 }