@charset "utf-8";
/* CSS Document */
/*****************      banner        ****************/
.wz_banner{ width:100%; position:relative;overflow:hidden; height:605px; }
.wz_banner img{ left:50%; margin-left:-960px; width:1920px; position:absolute;}

/*****************       高端       ****************/
.gaodu{ background:url(../images/wz_02bg.jpg) no-repeat left bottom #eef2f9; width:100%; padding-top:80px; overflow:hidden; text-align:center; padding-bottom:120px;}
.timu img{ margin-bottom:20px; }
.timu span{ font-size:14px; color:#959ea9; line-height:26px; display:block; margin-bottom:45px; height:90px;width:590px; margin:0 auto;}
.high-end ul li{ width:130px; text-align:center; float:left; padding:0 55px;font-size:16px; color:#54667a;line-height:30px;}
.high-end ul li a{ display:block; width:90px; height:89px; text-align:center; 
background:url(../images/wz_bg1.png) no-repeat  center top; padding-top:40px; padding-left:40px; margin-bottom:15px;
transition: all 0.3s;
	-moz-transition: all 0.3s; /* Firefox 4 */
	-webkit-transition: all 0.3s; /* Safari and Chrome */
	-o-transition: all 0.3s; /* Opera */
	}
.high-end ul li a:hover{ color:#1781d6; display:block;background:url(../images/wz_bg1.png) no-repeat bottom center; transition: all 0.3s;
-moz-transition: all 0.3s;	/* Firefox 4 */
-webkit-transition: all 0.3s;	/* Safari 和 Chrome */
-o-transition: all 0.3s;	/* Opera */}
.high-end ul li a p{width:130px; display:block; position:relative; top:0;height:50px; margin-bottom:15px; overflow:hidden;}
.high-end ul li a p img{ position:absolute; top:0; left:0;}
.high-end ul li a:hover p img{transition: all 0.3s;
-moz-transition: all 0.3s;	/* Firefox 4 */
-webkit-transition: all 0.3s;	/* Safari 和 Chrome */
-o-transition: all 0.3s;	/* Opera */ top:-50px;}

.an1 a,.an2 a{  display:block;  height:46px; margin:0 auto;  font-size:15px; line-height:46px;  }
.an1 a{background:url(../images/wz_03.jpg) no-repeat;color:#FFF;text-align:center;width:194px;margin-top:40px;}
.an2 a{background:url(../images/wz_07.jpg) no-repeat;color:#fff;text-align:left; padding-left:30px;width:164px;}
.an1 a:hover{ color:#70eef8;}
.an2 a:hover{ color:#fff;background:url(../images/wz_07hover.jpg) no-repeat;}

/*****************       服务       ****************/
.serv{ background:url(../images/wz_04bg.jpg) no-repeat center center; width:100%; height:366px; padding-top:254px;margin:0 auto;}
.service ul li{ width:385px; margin-left:44px; margin-right:65px; float:left; margin-bottom:20px;}
.service ul li img{ float:left; margin-right:26px;}
.service ul li span h5{ color:#FFF; font-size:18px;width:265px; line-height:33px;  font-weight:normal; display:block; float:left;}
.service ul li span{ display:block;float:left;color:#c4ebff;line-height:26px; font-size:14px; width:265px;}
		
/*****************       case       ****************/
.anli{ background:#f2f5fa; padding:65px 0; width:100%; text-align:center;}	
.cese{overflow:hidden;margin-bottom:30px;}
.cese ul{overflow:hidden;margin-bottom:20px;}
.cese li{float:left;width:283px;height:187px; margin:0 7px;position:relative;background:#1f1f1f;overflow:hidden;}
.cese li img{width:283px; height:187px;transform:scale(1,1);transition:all 0.3s;}
.cese li div{position:absolute;font-weight:normal;font-size:14px;color:#fff;left:0;width:100%;text-align:center;opacity:0;transform:scale(0,0);transition:all 0.3s;top:50%;margin-top:-50px;filter:alpha(opacity=0);z-index:5;}
.cese li div p{margin-bottom:10px;border:1px solid #5af6e9; width:77%; margin:0 auto; font-size:16px; line-height:30px; color:#5af6e9;}
.cese li div span{padding:5px 0;border-right:none;border-left:none;display:inline-block;font-size:15px;line-height:26px; }
.cese li:hover img{opacity:0.2;filter:alpha(opacity=20);transform:scale(1.1,1.1);transition:0.3s;}
.cese li:hover div{opacity:1;transform:scale(1,1);transition:all 0.5s;filter:alpha(opacity=50);}


.h-case { margin: 0 auto; width: 1200px; }
.h-case-item { float: left; width: 370px; margin-bottom: 20px; box-shadow: 0px 0 0px #efefef,0 0px 0px #efefef,0 5px 10px #efefef,5px 0 10px #efefef; border: 1px solid #eee; background-color: #fff; }
.h-case-item-tit { font-family: "微软雅黑"; color: #333; font-size: 18px; font-weight: bold; padding: 20px 0 15px 15px;display: block; }
.h-case-item-img { display: block; margin: 0 15px; overflow: hidden; }
.h-case-item-img img { width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.h-case-item-img:hover img { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -o-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04); }
.h-case-item-txt { padding: 12px 15px; line-height: 20px; color: #999;margin:0; text-align: left; font-size: 12px;}
.h-case-item-bot { height: 50px; border-top: 1px solid #ddd; }
.h-case-item-bot span { float: left; width: 70px; height: 30px; margin-left: 20px; margin-top: 10px; display: inline-block; }
.h-case-item-bot .sign { width: 16px; height: 14px; position: relative; overflow: hidden; float: right; margin-top: 18px; margin-right: 18px; display: inline-block; }
.h-case-item-bot .sign img { position: absolute; top: 0; left: 0; }