@charset 'UTF-8';
/* CSS Document */
/*切图：zcy*/
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;outline:none !important;}
ul, ol,li{ list-style-type:none;}
body, button, input, select, textarea{  font-family: 'Microsoft yahei'; font-size:12px;}
code, kbd, pre, samp { font-family: 'Microsoft yahei';}
a{ text-decoration:none; color:#333;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
	 -o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;}
img{border:0; max-width:100%;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei'; }
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative; float:left; width:100%;}
select{ margin:0; padding:0; font-family: 'Microsoft yahei'; border:none;}
textarea{ resize:none;outline:none;}
label{ margin-bottom:0; font-weight:normal;}
input,select,textarea{ margin:0; padding:0; border:0; outline:none;
 -moz-border-radius:0px; 
 -webkit-border-radius:0; 
 -khtml-border-radius:0;
 border-radius:0;

}

.bannan{ width:5000px; height:100%; background:#000;}


.pf_right{ float:right; width:55px; position:fixed; right:0; top:50%; margin-top:-108px; background:#303030; background:rgba(48,48,48,0.8); z-index:888;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s; border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; padding:5px 0;}
.pf_right li{ float:left; width:100%; position:relative; height:50px;}
.pf_right li a{ float:left; width:100%; height:50px; color:#fff; font-size:14px; line-height:36px;}
.pf_right li.ico3 a{ line-height:18px;}
.pf_right li.ico1 a{ background: url(../img/qq.png) center no-repeat;}
.pf_right li.ico2 a{ background: url(../img/weixin.png) center no-repeat;}
.pf_right li.ico3 a{ background: url(../img/dianhua.png) center no-repeat;}
.pf_right li.ico4 a{ background: url(../img/jiantou.png) center no-repeat;}
.pf_right li.ico5 a{ background: url(../img/jiantou.png) center no-repeat;}
.pf_right li:hover{background:#f42534; background:rgba(175,20,19,0.8); }
.pf_right li.ico3:hover a{ display:none;}
.ServiceHotline{ float:left; width:119px; position:absolute; right:-171px; background:#af1413; background:rgba(175,20,19,0.8) url(images/pf3.png) 13px center no-repeat; padding:7px 0 7px 52px; color:#fff; font-size:14px; line-height:18px;border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}
.pf_right li.ico2{z-index:5;}
.Servicewx{ float:left; width:140px; position:absolute; right:-171px; background:rgba(175,20,19,0.8); padding:7px 0 7px 7px; color:#fff; font-size:14px; line-height:18px;border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}

.pf_right li.ico3:hover .ServiceHotline{ right:0;}
.pf_right li.ico2:hover .Servicewx{ right:0;}