/*
* @Author: zhangfujie
* @Date:   2023-10-31 22:58:37
* @Last Modified by:   zfjsyqk
* @Last Modified time: 2023-11-01 02:09:25
*/
/*整个侧边栏*/
.contactusdiyou {
  position: fixed; 
  right: -230px; 
  bottom: 0px; 
  _position: absolute; 
  width: 230px; 
  height: 100%; 
  background: #fff; 
  z-index: 99999999999;  
  _margin-bottom:0px; 
  _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); 
  transition:all .5s ease;
}

/*我们是谁*/
.contactusdiyou .hoverbtn{
  width: 30px; 
  height: 115px; 
  padding-top:20px; 
  cursor: pointer; 
  position: absolute; 
  top: 50%; 
  margin-top: -57.5px;
  left: -30px; 
  background: #fff; 
  -webkit-border-radius: 3px 0px  0px 3px; 
  -moz-border-radius: 3px 0px  0px 3px; 
  -o-border-radius: 3px 0px  0px 3px;      
  border-radius: 3px 0px  0px 3px; 
  -moz-box-shadow: -4px 4px 4px -4px #fff; 
  -webkit-box-shadow: -4px 4px 4px -4px #fff; 
  box-shadow: -4px 4px 4px -4px #fff;
} 

/*我们是谁*/
.contactusdiyou .hoverbtn span{
  width:30px; 
  height:20px;
  line-height: 20px; 
  text-align: center; 
  overflow:hidden; 
  float:left;
  color: #007AFF;
  font-size: 14px; 
  font-weight: 500;
  /*text-shadow: 0 1px 2px rgba(0, 0, 0, .6);*/
}

/*隐藏的右侧内容*/
.contactusdiyou .conter{
  width:200px; 
  height:740px; 
  margin-left:15px;   
  /*background:#2D8405; */
  overflow: auto;
  cursor: pointer; 
  position: fixed;
  max-height: 100%;
  padding-top: 10px;
  /*top: 50%;*/
  /*-webkit-transform: translateY(-50%);*/
}

.contactusdiyou .conter h3{
  /*color: #2D8405;*/
  width: 100%;
  font-size: 15px;
  height: 35px;
  text-align: center; 
  border:1px solid #007AFF;
  margin-bottom: 10px; 
  margin-top: 10px; 
  border-radius: 5px;
  /*background: #A66BA6;*/
  font-weight: 500;
  color: #007AFF;

  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;
  
  display: -o-box;
  -o-box-orient: horizontal;
  -o-box-pack: center;
  -o-box-align: center;
  
  display: -ms-box;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  -ms-box-align: center;
  
  display: box;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;
}

.contactusdiyou .conter p{
  color: #000;
  font-size: 14px;
  line-height: 18px;
  /*border:1px solid red;*/
  margin-bottom: 8px; 
}

.contactusdiyou .conter img{
  width: 120px;
  height: 120px;
  margin:0 auto;
  margin-left: 40px;
  border-radius: 5px;
}

.contactusdiyou .conter .product{
  width: 100px;
  /*height: 90px;*/
  /*background:#CAD3E1; */
  float: left;
  /*border:1px solid #ffffff;*/
  text-align: center; 
  margin-bottom: 10px; 
}

.contactusdiyou .conter .product img{
  width: 60px;
  height: 60px;
  margin:0 auto;
  border-radius: 8px;
  /*border:1px solid red;*/
}

.contactusdiyou .conter .product p{
  margin-top: 0px;
  /*height: 20px;*/
  font-size: 12px;
  line-height: 12px;
}

.contactusdiyou a{
  color: #000;
  text-decoration:none;
}

.contactusdiyou a:hover{
  color: #007AFF;
  /*color: red;*/
  text-decoration:none;
}

.product a{
	font-size: 12px;
  color: #000;
  text-decoration:none;
}

.product a:hover{
	font-size: 12px;
	color: #007AFF;
	text-decoration:none;
}

/*蒙层*/
.diyoumask { 
  position:fixed; 
  left: 0; 
  top: 0; 
  z-index: 100000; 
  width:100%; 
  height:100%; 
  opacity:0.3;
  filter:alpha(Opacity=30); 
  background:#000; 
  display:none;
}