@charset "utf-8";
/* CSS Document */
.group_ab{ width:1200px; margin:20px auto; text-align:center}
.group_ab p{ font-family:"微软雅黑"; font-size:14px; line-height:2em; color:#323232;}
.group_ab .group_ab_tit{ margin-bottom:30px;}
.group_ab .group_ab_icon{ margin-top:30px; text-align:center;}
.group_ab a{ display:inline-block; width:80px; height:150px; position:relative; margin:0px 30px; text-decoration:none; color:#323232}
.group_ab a img{ position:absolute; top:50%; left:50%; transition:all 0.5s}
.group_ab .ab_icon_hov{ width:0px; height:0px; margin-left:0px; margin-top:0px;}
.group_ab .ab_icon{ width:100px; height:100px; margin-left:-50px; margin-top:-50px;}
.group_ab a p{ padding-top:110px; transition:all 0.5s}
.group_ab a:hover .ab_icon_hov{ width:100px; height:100px; margin-left:-50px; margin-top:-50px;}
.group_ab a:hover .ab_icon{ width:0px; height:0px; margin-left:0px; margin-top:0px;}
.group_ab a:hover p{ color:#e81010}

.group_pro{ width:1200px; margin:30px auto}
.group_pro .group_pro_left{ width:440px; height:510px; float:left; text-align:center; position:relative; overflow:hidden}
.group_pro .group_pro_left a{ display:block; color:#fff; text-decoration:none}
.group_pro .group_pro_left h2{ color:#fff; font-weight:900; font-size:30px;  margin:0px; padding:200px 0px 0px; font-family:"微软雅黑"}
.group_pro .group_pro_left h4{ font-family:Arial; font-weight:500; text-transform:uppercase; margin:10px 0px 0px;}
.group_pro .group_pro_left span{ width:100px; height:1px; background:#fff; display:inline-block}
.group_pro .group_pro_right{ width:740px; float:right}
.group_pro .group_pro_tex{ height:510px; width:440px;position:absolute; top:0px; left:0px; z-index:10;transition:all 1s}
.group_pro .group_pro_left .group_pro_bg{ height:510px; width:440px;position:absolute; top:0px; left:0px; transition:all 1s}
.group_pro .group_pro_left img{ transition:all 1s}
.group_pro .group_pro_left a:hover .group_pro_bg{ top:-200%;}
.group_pro .group_pro_left a:hover .group_pro_tex{ top:200%;}
.group_pro .group_pro_left a:hover img{ transform:scale(1.1,1.1)}
.group_pro .group_pro_left a:hover .group_pro_name{  top: -50px;transition:all 0.5s}
.group_pro .group_pro_left .group_pro_name{
  	position: relative;
    z-index: 99999;
    top: 0px;
    line-height: 50px;
    height: 50px;
    background: rgba(0,0,0,0.5);
    color: #fff;
transition:all 0.5s
}