﻿.right_float_layout{width: 80px; position: fixed; right: 0px; top: 50%; margin-top: -200px; z-index: 999999999;
	 -webkit-transition: all 0.10s ease-in-out;
    -moz-transition: all 0.10s ease-in-out;
    -ms-transition: all 0.10s ease-in-out;
    -o-transition: all 0.10s ease-in-out;
}
.right_float_layout .phone_title{display: block;}
.right_float_layout .phone_title{width: 80px; height: 44px; background: url(img/fast_contact.png) #e03c3b;} 
.right_float_layout .phone_content{width: 100%; background: #ffde00; padding: 10px 0;}
.right_float_layout .phone_content p{text-align: center; color: #b11c22;  line-height: 20px; }
.right_float_layout .phone_content p.name{font-size: 14px; font-family: '????????????';  font-weight: bold;}
.right_float_layout .phone_content p.tel{font-size: 12px; font-family: 'arial';}
.right_float_layout .qq_title{width: 80px; height: 109px; background:url(img/fast_contact.png) 0 -44px #0179dd;}
.right_float_layout .qq_content{width: 100%; background: #289aed;}
.right_float_layout .qq_content a{color: #fff; text-decoration: none; text-align: center; font-size: 13px; display: block; width: 70px; height: 20px; line-height: 20px; margin-top: 5px; border-top: 5px solid #289aed; border-bottom: 5px solid #289aed; margin: 0 auto; background: #ffde00; color: #b11c22; font-weight: bold;
}
.right_float_layout .qr_code{width: 70px; height: 70px; padding: 5px; background: #289aed;}
.right_float_layout .qr_code img{width: 100%; height: 100%;}
.show_hide{width: 30px;  position: absolute; left: -30px; top: 0; text-align: center; font-size: 16px; padding: 10px 0; background: #289aed; color: #fff; font-family: "????????????"; cursor: pointer;
border-radius:10px 0 0 10px;
}
.show_hide.chose{background: #d94a34;}
.middle_float_layout{width: 439px; height: 303px; position: fixed; left: 50%; top: 50%; margin-left: -220px; margin-top: -151px; background: url(img/layer.png); display: none; z-index: 999999999;}
.middle_float_layout a.close_btn{text-decoration: none; font-size: 20px;   position: absolute; right: 12px; top: 45px; color: #111; color: #2ca7eb; font-family:"\5b8b\4f53";
 -webkit-transition: all 0.10s ease-in-out;
    -moz-transition: all 0.10s ease-in-out;
    -ms-transition: all 0.10s ease-in-out;
    -o-transition: all 0.10s ease-in-out;
}
.middle_float_layout a.close_btn:hover{
transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari ??? Chrome */
-o-transform:rotate(90deg); 	/* Opera */
}
.middle_float_layout a.contact1,.middle_float_layout a.contact2{position: absolute; left: 30px; font-family: '????????????'; font-weight: bold; display: block; width: 150px; height: 40px; text-align: center; line-height: 40px; background: #2ca7eb; color: #fff; text-decoration: none;
 -webkit-transition: all 0.10s ease-in-out;
    -moz-transition: all 0.10s ease-in-out;
    -ms-transition: all 0.10s ease-in-out;
    -o-transition: all 0.10s ease-in-out;
}
.middle_float_layout a.contact1:hover,.middle_float_layout a.contact2:hover{background: #ffde00; color: #b11c22;}
.middle_float_layout a.contact1{top: 120px;}
.middle_float_layout a.contact2{top: 200px;}