﻿.title{font-size:14px;font-weight:bold;border-bottom:1px solid #f0f0f0;line-height:30px;height:30px;margin:0 0 15px 0;}
.photolist{margin:0;padding-top:40px;list-style:none;width:100%;overflow:hidden;}
.photolist li{position:relative;float:left;display:block;overflow:hidden;width:201px; height:300px;text-align:center;padding:0 12px;}
.photolist li .photo_img {position:absolute;left:0;top:0;}
.photolist li .photo_txt{position:absolute;left:0;top:40px;width:201px;height:40px;line-height:40px;text-align:center;}
.photolist li .photo_bg{background:#111;filter:alpha(opacity=50);border:1px solid #b7a473;position:absolute;left:0;top:40px;opacity: 0.5; moz-opacity: 0.5;width:201px;height:40px;}
.photolist li a{color:#fff;font-size:16px;}
.photolist li p{line-height:22px;padding:0 0 10px 10px;margin:0;}

.phototop{margin:10px 0 0 15px;_margin:20px 0 0 25px;padding:0;list-style:none;width:630px;height:160px;overflow:hidden;clear:both;}
.phototop li{float:left;display:block;overflow:hidden;background:#f3f3f3;margin:0 15px 20px 5px;}
.phototop li img{width:120px;display:block;padding:2px;margin:5px;background:#fff;}
.phototop li div{width:120px;height:30px;line-height:30px;font-size:12px;display:block;text-align:center;padding:0 6px;}

.design {padding-top:50px;}
.design ul li {width:288px;height:298px;border:1px solid #ccc;margin:10px 5px 0 5px;float:left;overflow:hidden; text-align:center;}
.design ul li a {display:block;width:100%;height:100%;
}
.design ul li a:hover {}
.design ul li img {width:288px;height:220px;}
.design ul li h5 {font-size:16px;line-height:40px;font-weight:400;}
.design ul li div {color:#999;}
.design ul .photo {width:288px;height:220px; overflow:hidden;}

.team {padding-top:50px;}
.team ul li {width:290px;height:490px;margin:10px 5px 0 5px;float:left;overflow:hidden;background:rgba(0,0,0,.6);}
.team ul li dt {display:block;width:100%;height:450px;
-webkit-transition:color 1s,background 1s;
	-o-transition-property:background,color;
	-o-transition-duration:1s,1s;
	-moz-transition-property:background,color;
	-moz-transition-duration:1s,1s;
	transition-property:background,color;
	transition-duration:1s,1s;}
.team ul li dt:hover {background:rgba(0,0,0,.5);}
.team ul li img {width:290px;height:380px;}
.team ul li h3 {font-size:18px;line-height:40px;font-weight:400;padding:0 20px;color:#fff;}
.team ul li h5 {font-size:14px;line-height:30px;font-weight:400;padding:0 20px;color:#fff;}
.team ul li .con {color:#ccc;padding:0 20px;}
.team ul .photo {width:290px;height:380px; overflow:hidden;}
.team_link {height:40px;}
.team_link a {width:144px;margin-left:1px;height:40px;line-height:40px;text-align:center;color:#fff;background:#000;float:left;display:inline;
-webkit-transition:color 1s,background 1s;
	-o-transition-property:background,color;
	-o-transition-duration:1s,1s;
	-moz-transition-property:background,color;
	-moz-transition-duration:1s,1s;
	transition-property:background,color;
	transition-duration:1s,1s;}
.team_link a:hover {color:#f40808;background:rgba(255,255,255,.5);}

.video {padding-top:50px;}
.video ul li {width:288px;height:250px;border:1px solid #ccc;margin:10px 5px 0 5px;float:left;overflow:hidden; text-align:center;}
.video ul li a {display:block;width:100%;height:100%;
-webkit-transition:color 1s,background 1s;
	-o-transition-property:background,color;
	-o-transition-duration:1s,1s;
	-moz-transition-property:background,color;
	-moz-transition-duration:1s,1s;
	transition-property:background,color;
	transition-duration:1s,1s;}
.video ul li a:hover {background:rgba(0,0,0,.4);color:#fff;}
.video ul li img {width:288px;height:190px;}
.video ul li h5 {font-size:16px;line-height:50px;font-weight:400;}
.video ul li div {color:#999;}
.video ul .photo {width:288px;height:190px; overflow:hidden;}

.case {padding:0 40px;}
.case li {margin-top:30px;height:280px;background:#cbc1b9;}
.case li h4 {font-weight:300;line-height:60px;font-size:18px;}
.case .w580 {width:560px;height:280px; overflow:hidden;}
.case .w580 img {width:560px;height:280px;display:block;}
.case .w300 {padding:20px 40px;display:block;width:450px;float:left;}
.case .w300 div {padding:5px 0;}
.case .left {float:left;}
.case .right {float:right;}