@charset "utf-8";

/* about_btn */
.hgl_abbtn {
    position: absolute;
    width: 84px;
    height: 104px;
    display: inline-block;
    cursor: pointer;
}

.hgl_conbtn {
    position: absolute;
    width: 119px;
    height: 119px;
    display: inline-block;
    cursor: pointer;
}
.hgl_newsbtn {
    position: absolute;
    width: 41px;
    height: 41px;
    display: inline-block;
    cursor: pointer;
}
.hglbtn>img {
    position: absolute;
    left: 0px;
    top: 0px;
}
.hglbtn>img.btn_opacity1 {
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all 0.7s;
}
.hglbtn>img.btn_opacity0 {
    transform: scale(0.2);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.7s;
}
.hglbtn:hover>img.btn_opacity1{
    transform:scale(1.2);
    opacity: 0;
    filter:alpha(opacity=0);
}
.hglbtn:hover>img.btn_opacity0{
    transform:scale(1);
    opacity: 1;
    filter:alpha(opacity=100);
}



/* 产品系列 */
.pro_liebiao{
width:100%;
  height:640px;
}
.pro_liebiao a{
width:20%;
  float:left;
  display:block;
  height:320px;
  position: relative;
  text-align:center;
  background-repeat:no-repeat;
  background-position:center center;
}
.pro_liebiao a{
color:#fff;
}
.pro_liebiao a:after{
content:'';
position: absolute;
  width:0%;
  height:0%;
  left:50%;
  top:50%;
  transition:all 0.8s cubic-bezier(0, 0, .58, 1);
  z-index:0;
  background:rgba(0,93,201,0.7)
}
.pro_liebiao a:hover:after{
content:'';
position: absolute;
  width:100%;
  height:100%;
  left:0%;
  top:0%;
  z-index:0;
  background:rgba(0,93,201,0.7)
}
.pro_liebiao a img{
margin-bottom:25px;
  margin-top:105px;
      position: relative;
    z-index: 9;
}
.pro_liebiao a p.p1{
font-size:13px;
  font-family:"微软雅黑";
      position: relative;
    z-index: 9;
}
.pro_liebiao a p.p2{
font-size:10px;
  font-family:"arial";
text-transform:Uppercase;
      position: relative;
    z-index: 9;
}
.pro_liebiao a:nth-child(1){
background-image:url(/img/cp_bg1.jpg);
}
.pro_liebiao a:nth-child(2){
background-image:url(/img/cp_bg2.jpg);
}
.pro_liebiao a:nth-child(3){
background-image:url(/img/cp_bg6.jpg);
}
.pro_liebiao a:nth-child(4){
background-image:url(/img/cp_bg10.jpg);
}
.pro_liebiao a:nth-child(5){
background-image:url(/img/cp_bg4.jpg);
}
.pro_liebiao a:nth-child(6){
background-image:url(/img/cp_bg11.jpg);
}
.pro_liebiao a:nth-child(7){
background-image:url(/img/cp_bg12.jpg);
}
.pro_liebiao a:nth-child(8){
background-image:url(/img/cp_bg9.jpg);
}
.pro_liebiao a:nth-child(9){
background-image:url(/img/cp_bg8.jpg);
}
.pro_liebiao a:nth-child(10){
background-image:url(/img/cp_bg7.jpg);
}