﻿@charset "utf-8";

/* CSS Document */

/*切图：zcy*/

html{ overflow-x:hidden; overflow-y:auto;}

body{ overflow-x: hidden;}

*{ padding:0; margin:0;}

ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}

body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}

code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}

address, caption, cite, code, dfn, em, th, var {

	font-style: normal;

	font-style: normal;

	font-weight: normal;

}

a{ text-decoration:none; color:#333;

        transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

-webkit-transition: all 0.5s linear;

     -o-transition: all 0.5s linear;

-webkit-tap-highlight-color:rgba(0, 0, 0, 0);

-webkit-tap-highlight-color: transparent;

}

a:hover{color:#333; cursor:pointer;}

img{border:0; max-width:100%;}

table { border-collapse: collapse; border-spacing: 0; }

h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}

h1{font-size:36px;}

h2{font-size:24px;}

h3{font-size:22px;}

h4{font-size:18px;}

h5{font-size:14px;}

h6{font-size:12px;}

input,table,tr,td{ margin:0; padding:0; border:none;}

button,table{ border:none; background:none; margin:0; padding:0;}

select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}

textarea{ resize:none; outline:0;}

input,textarea{ outline:0; background:none; border:0;}

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}






/*右侧漂浮*/

.pf_right{ position:fixed; right:15px; top:50%; margin-top:-126px; z-index:8;}

.pf_right ul{ width:50px; float:left;

-moz-border-radius:7px; 

-webkit-border-radius:7px; 

-khtml-border-radius:7px;

border-radius:7px;}

.pf_right ul li{ width:50px; height:51px; background:#2f2f2e; float:left; position:relative; cursor:pointer; text-align:center; border-top:solid 1px #575757; overflow:hidden;

-webkit-transition: all 0.3s ease-out 0s; 

-moz-transition: all 0.3s ease-out 0s; 

-o-transition: all 0.3s ease-out 0s; 

transition: all 0.3s ease-out 0s;}

.pf_right ul li:first-child{ border-top:0; height:50px;}

.pf_right ul li a{ display:block; height:50px; width:100%; float:left; overflow:hidden; z-index:2; position:relative;}

.pf_right ul li img{ float:left; height:50px;

-webkit-transition: all 0.3s ease-out 0s; 

-moz-transition: all 0.3s ease-out 0s; 

-o-transition: all 0.3s ease-out 0s; 

transition: all 0.3s ease-out 0s;}

.pf_right ul li h4{ position:absolute; right:0; top:0; text-align:center; height:50px; line-height:50px; color:white; font-size:16px; letter-spacing:1px; opacity:0; z-index:5; background:#007eff; white-space:nowrap; width:202px;

-webkit-transition: all 0.3s ease-out 0s; 

-moz-transition: all 0.3s ease-out 0s; 

-o-transition: all 0.3s ease-out 0s; 

transition: all 0.3s ease-out 0s;}

.pf_right ul li:hover{ overflow:visible;}

.pf_right ul li:hover h4{ right:0; opacity:1;}

.pf_right ul li .ewm{ position:absolute; right:40px; top:50%; margin-top:-56px; width:121px; text-align:center; height:112px; background:url(../images/right6.png) no-repeat center center; opacity:0; z-index:1; padding:10px 18px 10px 10px;

-webkit-transition: all 0.3s ease-out 0s; 

-moz-transition: all 0.3s ease-out 0s; 

-o-transition: all 0.3s ease-out 0s; 

transition: all 0.3s ease-out 0s;}

.pf_right ul li .ewm img{ width:100%; float:left; height:auto; margin:0;

-moz-border-radius:0px; 

-webkit-border-radius:0px; 

-khtml-border-radius:0px;

border-radius:0px;}

.pf_right ul li:hover .ewm{ right:65px; opacity:1;}

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

.pf_right{ right:0;}

}

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

.pf_right{ display:none;}

}



/*底部漂浮*/

.pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#007eff; height:50px; z-index:99;}

.pf_down li{ width:20%; float:left; text-align:center; padding:0 0 5px 0; position:relative;}

.pf_down li .ico{ width:100%; float:left; height:30px;}

.pf_down li .ico img{ height:36px;}

.pf_down li .name{ width:100%; float:left; margin-top:0px; font-size:12px; color:#fff; line-height:14px;}

.pf_down li.l1 a{ display:inline-block; *zoom:1; *display:inline; width:56px; height:56px; background:rgba(255,255,255,0.8); border:solid 2px #007eff; margin-top:-20px;

-moz-border-radius:50%; 

-webkit-border-radius:50%; 

-khtml-border-radius:50%;

border-radius:50%;}

.pf_down li.l1 .name{ color:#007eff;}




