
/*案例详情页面顶部*/
#subheader_content {
	color:#fff;
	padding:0;
	height:470px;
	position:relative;
	 border-top:0px solid #A20000;
}
	#subheader_content  ul.case_view{
		width:100%;
		position: absolute;
		height:124px;
		top:123px;
		left:0;
		z-index:10;
	}
	#subheader_content  ul.case_view li a{
		display:block;
		width:124px;
		height:124px;
	}
	#subheader_content  ul.case_view li a.prev{
		float:left;
		background:url("../images/large_left1.png") top left no-repeat;
	}
	#subheader_content  ul.case_view li a.prev:hover{
		float:left;
		background:url("../images/large_left2.png") top left no-repeat;
	}
	#subheader_content  ul.case_view li a.next{
		float:right;
		background:url("../images/large_right1.png") top right no-repeat;
	}
	#subheader_content  ul.case_view li a.next:hover{
		float:right;
		background:url("../images/large_right2.png") top right no-repeat;
	}

	#subheader_content .case-show {
		height:470px;
	}
	
	#subheader_content .case-cat-list {
		height:90px;
		width:100%;
		position: absolute;
		bottom:0;
		left:0;
		z-index:10;
	}
	#subheader_content .case-cat-list-bg {
		background:#01299B;
		height:90px;
		width:100%;
		position: absolute;
		bottom:0;
		left:0;
		z-index:9;
		opacity: 0.8;
		filter:alpha(opacity=80); /*这个是为IE6设的，可取值在0-100，其它三个0到1.*/
		-moz-opacity:0.8; /*这个是为了支持一些老版本的Mozilla浏览器。*/
		-khtml-opacity: 0.8; /*这个为了支持一些老版本的Safari浏览器。*/
	}

a.pbtn{display:block;height:78px;width:25px;overflow:hidden;background:url(../images/arrow3.png) no-repeat 0px 50%;}
#subheader_content .case-cat{width:986px;*width:986px;height:78px;margin:0 auto;margin-top:6px;padding-left:7px;padding-right:7px;}
#subheader_content .case-cat .caselist_w{width:936px;height:78px;overflow:hidden;float:left;position:relative;/*必要元素*/}
#subheader_content .case-cat .caselist_w ul{width:20000px;position:absolute;left:0px;top:0px;}
#subheader_content .case-cat .caselist_w li{width:117px;float:left;text-align:center;}	
#subheader_content .case-cat ul.caselist li a img {
	width:100px;
	padding:4px;
    border: none;
		opacity: 0.6;
		filter:alpha(opacity=60); /*这个是为IE6设的，可取值在0-100，其它三个0到1.*/
		-moz-opacity:0.6; /*这个是为了支持一些老版本的Mozilla浏览器。*/
		-khtml-opacity: 0.6; /*这个为了支持一些老版本的Safari浏览器。*/
}

#subheader_content .case-cat ul.caselist li a:hover img {
	padding:2px;
    border: solid 2px #00B7EE;
		opacity: 1;
		filter:alpha(opacity=100); /*这个是为IE6设的，可取值在0-100，其它三个0到1.*/
		-moz-opacity:1; /*这个是为了支持一些老版本的Mozilla浏览器。*/
		-khtml-opacity: 1; /*这个为了支持一些老版本的Safari浏览器。*/
}
#subheader_content .case-cat ul.caselist li a  img.border {
	padding:2px;
    border: solid 2px #00B7EE;
		opacity: 1;
		filter:alpha(opacity=100); /*这个是为IE6设的，可取值在0-100，其它三个0到1.*/
		-moz-opacity:1; /*这个是为了支持一些老版本的Mozilla浏览器。*/
		-khtml-opacity: 1; /*这个为了支持一些老版本的Safari浏览器。*/
}



/*team*/

.content-page.team ul.list-team {
	list-style: none;
	margin: 0 auto;
}
	ul.list-team li {
		margin: 0; 
		padding: 3px;
		float: left;
		position: relative;  /* Set the absolute positioning base coordinate */
		width: 82px;
		height: 82px;
	}
	ul.list-team li img {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray;
		width: 82px; height: 82px; /* Set the small thumbnail size */
		-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
		/* border: 1px solid #ddd; */
		padding: 0;
		background: #f0f0f0;
		position: absolute;
		left: 0; 
		top: 0;
	}
	ul.list-team li img.hover {
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
		filter: grayscale(0%);
		filter: ;
		background: #444;  /* Image used as background on hover effect
		border: none; /* Get rid of border on hover */
	}
	.team_02 {margin-bottom:20px;}
.team_02 img {width:100%}
/*pictorial*/
#masonry {position:relative;height:8000px;margin:0;padding:0;}
#masonry img{width:100%;}

.content-page.pictorial .post{float:left;margin:1px;border:0;}

.content-page.pictorial .w0{width:167px;}
.content-page.pictorial .w1{width:234px;}
.content-page.pictorial .w2{width:470px;}

.content-page.pictorial .h0{height:167px;}
.content-page.pictorial .h1{height:234px;}
.content-page.pictorial .h2{height:328px;}
.content-page.pictorial .h3{height:470px;}
.content-page.pictorial .h4{height:659px;}


/*二级目录滑动背景样式*/
#case_slider .prev,#case_slider .next {display:none;}
#award_list .callbacks_nav {
	top:98px;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 124px;
  width: 124px;
  /* background: url("../images/arrow-nav.png") no-repeat right center; */
  }
#award_list .prev:hover{
		background:url("../images/large_left2.png") top left no-repeat;}
#award_list .next:hover{
		background:url("../images/large_right2.png") top left no-repeat;}
#award_list .prev {
	left:0px;
		background:url("../images/large_left1.png") top left no-repeat;}
#award_list .next {
	right:0px;
		background:url("../images/large_right1.png") top left no-repeat;}

		
		
/*首页滚动icon*/
a.abtn{display:block;height:130px;width:25px;overflow:hidden;background:url(../images/arrow3.png) no-repeat 0px 50%;}
a.aleft{float:left;}
a.agrayleft{cursor:default;background-position:-50px 50%;}
a.aright{float:right;background-position:-25px 50%;}
a.agrayright{cursor:default;background-position:-75px 50%;}
.scrolllist{width:1000px;height:130px;margin:0 auto;}
.scrolllist .imglist_w{width:950px;height:130px;overflow:hidden;float:left;position:relative;/*必要元素*/}
.scrolllist .imglist_w ul{width:20000px;position:absolute;left:0px;top:0px;}
.scrolllist .imglist_w li{width:95px;float:left;text-align:center;}
.scrolllist .imglist_w li img{}
.scrolllist .imglist_w li a{color:#666;text-decoration:none;}
.scrolllist .imglist_w li a:hover{color:#a02625;}
.scrolllist .imglist_w li a:hover img{filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.scrolllist .imglist_w li p{width:90px;height:24px;line-height:24px;overflow:hidden;text-align:center;}

/*产品详细页滚动产品*/