body
{
	padding:0;
	margin:0;
	  /* font-family: "Microsoft YaHei",氓戮庐猫陆炉茅鈥衡�γ┞烩��,STHeiti/* 'Raleway', sans-serif */; */
	  overflow:-Scroll;overflow-x:hidden;/*鍘绘帀搴曠婊氭潯*/
}

#child_footer
{
	margin:0;
	padding:0;
	margin-top:70px;
	display:block;border:0px
}
#child_head
{
	margin:0;
	padding:0;
	display:block;border:0px
}

#honor
{
	width:100%;
	overflow:hidden;;
	padding-top:110px;
	/* border:1px solid red; */
}
.ribandpic
{
	width:50%;
	height:180px;
	float:left;
	margin-top:-50px;
}
.ribandpic img
{
	width:100%;
	height:250px;
	/* border:1px solid red; */
}
#text
{
	margin:0 auto;
	margin-top:40px;
	width:200px;
	height:70px;	
	font-size:50px;
	color:rgb(205,149,12);
	/* border:1px solid red; */
}
#clear{clear:both;}   /*娓呴櫎娴姩*/

#block
{
	width:90%;
	overflow:hidden;
	margin:0 auto;
	/* border:1px solid red; */
}

.pic1
{
	position:relative;
	width:28%;
	/* height:330px; */
	height:100%;	
	margin-top:100px;
	margin-left:4%;
	float:left;
	margin-bottom:60px;
	/* border:1px solid blue; */
}
.pic2
{
	position:relative;
	width:24%;
	height:100%;
	margin-top:50px;
	margin-left:6.6%;
	margin-bottom:100px;
	float:left;
	/* border:1px solid red; */
}

.pic1 img,.pic2 img
{
	width:100%;
	height:100%;
	float:left;	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	/* border:1px solid red; */
}

.describe{
  opacity: 0;/*閫忔槑搴�*/
  transition: opacity 800ms;/*hover鏃剁殑杩囨浮鏃堕棿*/
  -webkit-transition: opacity 800ms;
  position: absolute;
  height:100%;
  width:100%;
  /* padding: 18px 0 0; */
  background: rgba(0, 0, 0, 0.5);
	    -moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
  align-items:center; display: -webkit-flex;/*璁緃3鍨傜洿灞呬腑*/ 
  justify-content:center; display: -webkit-flex;/*h3姘村钩灞呬腑*/ 
  /* border:1px solid red; */
	}
	
.describe h3{
	font-size: 16px;
	color: #fff;
	text-align:center;
}

.pic1:hover .describe{opacity: 1;cursor:pointer;}
.pic2:hover .describe{opacity: 1;cursor:pointer;}

@media only screen and (max-width: 1250px) {
	.pic1{position:relative;clear:both;width:70%;height:80%;margin-left:15%}
	.pic2{clear:both;width:55%;height:60%;margin-left:20%}
	.describe h3{font-size: 20px;}
}



