@charset "utf-8";
/* CSS Document */
.wapper{
	width:1120px; margin:0 auto; padding:0px; text-align:center; vertical-align:middle; overflow:hidden; }
.big_wapper1{
	width:100%; margin:0px; padding:0px; text-align:center; vertical-align:middle; overflow:hidden}
.comdiv{
	float:left; margin:0px; padding:0px; width:100%; text-align:center; vertical-align:middle; overflow:hidden;}	
.comdiv p {text-indent:2em;}
.bt_1{
font-size:48px; line-height:48px; color:#3f3f3f; padding-top:70px; font-family:Microsoft Yi Baiti,Arial, Helvetica, sans-serif}
.bt_2{
color:#3a557c; font-size:30px; line-height:35px; padding-top:10px; padding-bottom:30px;}
.bt_2 span{
color:#d7d7d7}

.yg_list{
position:relative;}
.yg_list li{
float:left; margin:0px; padding:0px; width:370px; height:247px; position:relative; border:1px solid #FFF;}
.yg_list li img.yg_img{
float:left; width:100%; height:247px;}
.yg_list li .mask{
position:absolute; left:0; top:0; width:100%; height:247px; background-image:url(../images/png.png); font-size:18px; color:#fff;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;  filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity: 0;  
      opacity: 0;}
.yg_list li:hover .mask{
filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1;}	  
.yg_list_right{
position:absolute; right:0; bottom:0; width:280px; height:200px; background-image:url(../images/about4.jpg); background-position:center; background-repeat:no-repeat; z-index:10;}	
.yg_list_right .mask{position:absolute; left:0; top:0; width:100%; height:200px; background-image:url(../images/png.png); font-size:18px; color:#fff;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;  }