.banner {
    overflow: hidden;
}
.banner {
    position: relative;
}
.banner img{
	width:100%;
}


/*开始*/
.hf{background:#eee;padding-bottom:58px;}
.hf *{box-sizing: content-box;}
.hf .cf{padding-top:48px;}
.hf .cf .left{width:153px;background:#2b78d9;height:85px;vertical-align: middle;}
.hf .cf .right{width:1047px;background:#fff;padding-bottom:22px;}
.hf .cf .left p{text-align:center;font-size: 18px;color:#fff;line-height: 85px;_line-height:85px;height:85px;}
.hf .cf .left p img{padding-right:13px;}
.hf .cf .left .img{padding-top:16px;text-align: center;}
.hf .cf .left a{font-size: 14px;color:#7e7e7e;line-height: }
.hf .cf .right ul{padding-top:23px;padding-left:36px;}
.hf .cf .right li{font-size:14px;width:200px;height:32px;line-height: 32px;padding-top:1px;padding-bottom:1px;float: left;}
.hf .cf .right li a{padding:0 22px;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;color:#7e7e7e;}
.hf .cf .right li a:hover{color:#fff;background:#2b78d9;-moz-border-radius: 15px;-ms-border-radius: 15px;-webkit-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px;}
.hf .cf .right .active a{color:#fff;background:#2b78d9;-moz-border-radius: 15px;-ms-border-radius: 15px;-webkit-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px;}
.hf .list{padding-top:42px;padding-bottom:30px;}
.hf .cf .op .right li{width:auto;margin-right:17px;font-size: 14px;}
.hf .cf .op .right{padding-bottom:28px;}
.hf .cf .op .right li.last{margin-right: 0;}
.hf .cf .op{margin-bottom:1px;}
.hf .list li,.design .case li{float:left;width:277px;height:300px;position: relative;margin-right: 30px;margin-bottom: 26px;background:#fff;}
.hf .list .last{margin-right: 0;}
.hf .list .txt{padding-left:15px;padding-top:18px;}
.hf .list .p1{font-size: 16px;color:#444;line-height: 48px;background:url(../images/cgal_07.jpg) no-repeat left top;}
.hf .list .p2{font-size: 12px;color:#898989;line-height: 18px;}
.hf .list .con{position: absolute;left:0;top:0;width:100%;height:100%;text-align: center;background:url(../images/cgal_06.png);-moz-transition:0.5s;-ms-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;opacity: 0;}
.hf .list .bl .con{opacity: 1;}
.hf .list .tit,.design .case .con .li_tit{font-size: 21px;color:#fff;line-height: 36px;padding-top:80px;padding-bottom:12px;}
.hf .list .hy,.design .case .con .hy{font-size: 14px;color:#fff;line-height: 30px;padding-bottom:33px;}
.hf .list a,.design .case .con a{display: block;width:120px;font-size: 16px;margin:0 auto;line-height: 44px;background:#2b78d9;border-radius: 5px;color:#fff;}
.hf .list li,.design .case li{-moz-animation:hfli 1.5s ease-out both;-ms-animation:hfli 1.5s ease-out both;-webkit-animation:hfli 1.5s ease-out both;-o-animation:hfli 1.5s ease-out both;animation:hfli 1.5s ease-out both;}
/*结束*/


/*开始*/

/*结束*/