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

.float-box {
  position: fixed;
  right: 0;
  top: 160px;
  z-index: 999;
}
#zx{
  position:relative;

}
#zx label{
  position:absolute;
  display:block;
  width:18px;
  height:18px;
  text-align:center;
  line-height:18px;
  top:0;
  left:10px;
  color:transparent;
  font-size:14px;
  font-family:"宋体";
  font-weight:bold;
  font-style:normal;
  animation: mymove .5s infinite;
  -webkit-animation: mymove .5s infinite alternate;
  
  border-radius:50%;
  background:transparent;
}
@keyframes mymove {
  from {
    color:#fff; background:red;border-color:red;} }
@-webkit-keyframes mymove {
  from {
    left: #fff; background:red;border-color:red;} }
.float-box a {
  display: block;
  width: 62px;
  height: 62px;
  line-height:12px;
  border-bottom: 1px solid #7A7A7A;
  text-align: center;
  color: #ffffff;
  background: #595656;
  position: relative;
}
.float-box a span {
  display: block;
  font-size:12px;
}
.float-box a span.icon {
  padding: 6px 0;
}
.float-box a span.icon img {
  display: block;
  margin: 0 auto;
}
.float-box a:hover {
  background: #ce2637;
}
.float-box a.go-top {
  background: #d5131a;
}
.float-box a .float-c {
  position: absolute;
  right: 62px;
  top: 0;
  display: none;
  background: #595656;
}
.float-box a .erwm-box {
  padding: 15px 25px;
  width: 190px;
}

.fl {
  float: left; }

.fr {
  float: right; }


.float-box a .erwm-box img {
  display: block;
}
.float-box a .tel-box {
  width: 180px;
  padding: 15px 10px;
  text-align: left;
}
.float-box a .tel-box .inp-s {
  border: 1px solid #ffffff;
  width: 158px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  color: #ffffff;
  font-size: 14px;
  border-radius: 5px;
  background: transparent;
}
.float-box a .tel-box .btn-s {
  width: 66px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  border: none;
  background: #D5131A;
}

body, table,input,ul,ol ,dl, dd, h1, h2, h3, h4, h5, h6, p, form {
	margin:0;
	padding:0;
	font: "微软雅黑" 16px;
	}
	

a {
    color: #000;
    outline: 0;
    text-decoration:none;
  }
 
html,body{width: 100%;margin:0;padding:0;}  

.zhiyesearch{  
    width:25%;
	height:auto;			
	right:5%;
    bottom:1%;
	position:absolute;
	animation: mymove infinite;
	animation-direction:alternate;
	animation-duration: 3s;
	    } 
		
@keyframes mymove
{
from {right:-5%;}
to {right:5%;}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
from {right:-5%;}
to {right:5%;}
}
.mianfeitex{
	color:#fff; 
	font-size:5vw; 
	line-height:2;	
	}

.biaodan{  
    width:70%;
	top:10%;			
	position:absolute;
	font-family: "微软雅黑";
	font-size:2rem;
	color: #fff;
	text-align:center;
	}
.sub{  
    width:20%;		
    right:1%;
    top:10%;
	position:absolute;
	}
	
.moblie{  
    width:62%;
	height:auto;			
	left:15%;
    top:15%;
	position:relative;
	font-family: "微软雅黑";
	font-size:2.3rem;
	color: #fff;
	text-align:center;
	}
	
.mobliebg{
	background:url(images/pandali_20.jpg) no-repeat;
    background-size:100% 100%;
	height:60px;
	border:0;
	font-size:1.2rem;
}

.moblie-left{
	position: absolute;
	top:20%;
	left:10%;
	width:40%;
	align:right;
    font-size:4vw;
}
.mobile-right{
	position: absolute;
	top:20%;
	left:52%;
	width:10%;
	align:left;
}
.mobile-bottom{

	bottom: 20%;
	position: absolute;
	text-align:center;
	color:#ffffff;
	padding-left:10%;
	
}