/*gcases*/
.gcases_index{width:1360px;margin:0 auto;}
.gcases_title{width:100%;padding:30px 0;}
.gcases_title .left_title{float: left;}
.gcases_title .left_title a{font-size:34px;color:#000;}
.gcases_title .left_title span{height:17px;line-height:17px;padding-left: 8px;font-size:16px;color:#555;border-left:1px solid #555;margin-left:7px;display: inline-block;}
.gcases_title ul{float: right;margin-top: 20px;}
.gcases_title ul li{display: inline-block;}
.gcases_title ul li a{color:#000;padding:0 10px;font-size: 16px;}
.gcases_title ul li:hover a{color:#d80c18;}
.gcases_list{width:100%;overflow: hidden;}
.gcases_list ul{width:101%;}
.gcases_list ul li{position:relative;width:24%;margin-right:1%;margin-bottom:1%;float: left;overflow: hidden;}
.gcases_list ul li img{width:100%;height: 227px;}
.gcases_mb{position:absolute;top:50%;left:50%;margin-top: 34%;margin-left:-35%;width:70%;height:70%;line-height:155px;text-align:center;color:#fff;transition: all 0.5s ease-in;background:rgba(0,0,0,0.7);z-index: 1;}
.gcases_mb h3{font-weight:normal;font-size:16px;}
.gcases_list ul li:hover .gcases_mb{margin-top:-25%;}
.gcases_list ul li .line-left{ width:2px; height:0; position:absolute;background:#d80c18; left:0; top:0;transition: all 0.5s ease-in;}
.gcases_list ul li .line-right{ width:2px; height:0;position:absolute;background:#d80c18; right:0; bottom:0;transition: all 0.5s ease-in;}
.gcases_list ul li .line-top{ width:0; height:2px;position:absolute;background:#d80c18; top:0; left:0;transition: all 0.5s ease-in;}
.gcases_list ul li .line-bottom{ width:0; height:2px;position:absolute;background:#d80c18; bottom:0; right:0;transition: all 0.5s ease-in;}
/*gcases end*/