*{margin:0; padding:0; list-style:none;box-sizing: border-box;}
img{ border:0;  }

.float {
  position: fixed;
  top: 50%;
  right: 0;
  margin-top: -135px;
  width: 40px;
  z-index: 999;
}


.float-item, .float-item-1, .float-item-2, .float-item-3, .float-item-4, .float-item-5 {
  width: 40px;
  height: 40px;
 /* border-bottom: 1px solid  #33965e;*/
  position: absolute;
  right: 0px;
 
}
.float-item > a, .float-item-1 > a, .float-item-2 > a, .float-item-3 > a, .float-item-4 > a, .float-item-5 > a {
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  left: 0px;
  background-color: #636363;
  color: #fff;
  line-height: 40px;
  font-size: 16px;
  cursor: pointer;
}
.float-item i, .float-item-1 i, .float-item-2 i, .float-item-3 i, .float-item-4 i, .float-item-5 i {
  float: left;
  width: 40px;
  height: 40px;
  background: url(../img/sprite_2.png) 0 0 no-repeat;
  margin-right: 8px;
}

.float-item:hover > a, .float-item-1:hover > a, .float-item-3:hover > a, .float-item-4:hover > a, .float-item-2:hover > a {
  background-color: #0168b5;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
}

.float-item-expand, .float-item-1, .float-item-4 {
  text-indent: 2px;
}
.float-item-expand > div, .float-item-1 > div, .float-item-4 > div {
  display: none;
}

.float-item-slide, .float-item-2, .float-item-3 {
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
  overflow: hidden;
}
.float-item-slide > a, .float-item-2 > a, .float-item-3 > a {
  width: 140px;
}

.float-item-slide:hover, .float-item-2:hover, .float-item-3:hover {
  width: 140px;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.3s ease 0s;
}

.float-item-1 {
	position: relative;
  top: 0px;
}
.float-item-1 i {
  background-position: 0px 0px;
}

.float-item-2 {
  top: 41px;
}
.float-item-2 i {
  background-position: 0px -41px;
}

.float-item-3 {
  top: 82px;
}
.float-item-3 i {
  background-position: 0px -82px;
}

.float-item-4 {
  top: 123px;
}
.float-item-4 i {
  background-position: 0px -123px;
}

.float-item-5 {
  top: 164px;
}
.float-item-5 i {
  background-position: 0px -164px;
}

.float-expand, .float-qq,  .float-wechat{
  position: absolute;
  top: 0px;
  left: -160px;
  height: 270px;
  width: 160px;
  padding: 0 14px;
  background-color: #33965e;
}
.float-wechat{top: -162px;}
.float-expand h5, .float-qq h5, .float-wechat h5 {
  font-size: 16px;
  padding: 20px 0;
  color: #fff;
}
.qq_div{background: #004380;position: absolute;left: -160px;top: 0;height: 204px;width: 160px;color: #FFFFFF;padding: 20px 10px;font-size: 13px;}
.wechat_div{background: #004380;position: absolute;left: -160px;top: -123px;height: 204px;width: 160px;color: #FFFFFF;padding: 20px 10px;font-size: 13px;}
.float-item-1:hover .qq_div{display: block;}
.float-item-4:hover .wechat_div{display: block;}
.denglu_zhuce{height: 526px;top: 50%;margin-top: -263px;}
.denglu02{height: 350px;top: 50%;margin-top: -175px;}
.denglu_zhuce .inp,.denglu02 .inp{height: 54px;line-height: 54px;font-size: 14px;color: #bcbcbc;background: url(../img/bg_hy.jpg) repeat-x;}
.denglu_zhuce .inp_tit,.denglu02 .inp_tit{height: 54px;line-height: 54px;font-size: 14px;width: 66px;color: #636363;}
.hy_sapn{font-size: 18px;color: #000;}
.denglu_head{padding:0 85px;}
.denglu .btn_div a{height: 42px;line-height: 42px;font-size: 16px;}