html {
color: #000;
background: #FFF
}
*{
box-sizing: border-box;
font-family: "microsoft yahei",Helvetica,Tahoma,Arial,sans-serif;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
fieldset,img {
border: 0
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal
}
ol,ul {
list-style: none
}
caption,th {
text-align: left
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal
}
q:before,q:after {
content: ''
}
abbr,acronym {
border: 0;
font-variant: normal
}
sup {
vertical-align: text-top
}
sub {
vertical-align: text-bottom
}
input,textarea,select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
*font-size: 100%
}
legend {
color: #000
}
a{
text-decoration: none;
}
.fr{
float: right;
}
.fl{
float: left;
}
a{
text-decoration: none;
}
.parent{
zoom: 1;
}
.parent:after{
content: "";
height: 0px;
display: block;
clear: both;
}
a:hover{
color: #000;
}
a:active{
color: #000000;
}
a:visited{
color: #000;
}
a:link{
color: #000;
}
.header .dianhua .yf{width: 186px}
.header .dianhua{margin-left: 0!important;}
.header .dianhua p{
color: #e50112;
font-weight: 600;
height: 25px !important;
line-height: 25px !important;
font-family: "微软雅黑";
font-style:italic;
font-size: 16px;
letter-spacing:0.2px;
}
.header .dianhua .zf{
width: 40px;height: 40px;float: left;
margin-right: 1px;
margin-top: 8px;
}
.header .dianhua .yf{
float: left
}
.header .nav{margin-left: 0px!important}
.fix-right {
width: 83px;
height: 335px;
position: fixed;
left:0!important;
top: 40%;
z-index: 10000;
}
.fix-right .fix-right1 {
width: 83px;
height: 83px;
font-size: 0;
}
.fix-right .fix-right1 img {
width: 83px;
height: 83px;
position: relative;
}
.fix-right .fix-right1:hover .tell{
left: 83px!important;
}
.fix-right .fix-right1 .tell {
width: 200px;
height: 83px;
position: absolute;
left:-200px!important;
top: 0px;
background: #d31a22;
text-align: center;
line-height: 83px;
color: #fff;
font-size: 24px;
display: block;
transition: 1s all;
}
.fix-right .fix-right2 {
width: 83px;
height: 83px;
margin-top: 1px;
font-size: 0;
}
.fix-right .fix-right3 {
width: 83px;
height: 83px;
margin-top: 1px;
position: relative;
font-size: 0;
}
.fix-right .fix-right3 .wx {
width: 130px;
height: 130px;
position: absolute;
left: -200px!important;
top: -25px;
transition: 1s all;
}
.fix-right .fix-right3 .wx img {
width: 130px;
height: 130px;
border: 3px solid #ccc;
}
.fix-right .fix-right3:hover .wx{
left: 83px !important;
}
.fix-right .fix-right4 {
width: 83px;
height: 83px;
margin-top: 1px;
font-size: 0;
}
.fix-right img {
width: 83px;
height: 83px;
}
.clearfix:before,.clearfix:after{content:'';display:table}
.clearfix:after{clear:both}
.head{position:fixed;top:0;left:0;width:100%;display:block;z-index:101;background-color:#fff}
.pagination{
display: inline-block;
}
.pagination li{
display: inline-block;
width: 36px;
height: 36px;
border-radius: 50%;
border: 1px solid #acacac;
margin: 0 5px;
text-align: center;
line-height: 36px;
font-size: 15px;
}
.pagination li.active{
background: #e50012;
color: #fff
}
.pagination li a{
display:block;
}