.main{ width:1200px; overflow:hidden; margin: 0;}
.demo4{ width:1200px; margin-bottom:0px;}
.pos_dem{ overflow:hidden; line-height: 33px; border-bottom:2px solid #e4e4e4;}
.demo4_tit{ display:block; width:108px; height: 33px; line-height: 33px; color:#222222; font-size:16px;  border:2px solid #e4e4e4; border-radius:8px 8px 0 0; border-bottom:none; padding-left: 13px; float:left; cursor:pointer;}
.pos_dem a{ float:right; width:60px; height:33px; line-height:33px; color:#254472; background:url(../images/more.png) right center no-repeat;}
.demo4_tit em{  background:url(../images/gc.png) left top no-repeat; width:15px; height:16px;display: block;float: left;margin: 11px 10px 0 0;}
.demo4_list{ overflow:hidden; padding-top: 0;}
.demo4_list li{float:left;width:239px;height: 173.5px;position:relative;margin-right:3px;margin-bottom: 3px;}
.demo4_list li:nth-of-type(4),.demo4_list li:nth-of-type(7){ margin-right:0px;}
.demo4_list li img{width:239px;height: 173.5px;}
.demo4_list li.first { width:474px; height:350px;}
.demo4_list li.first img{ width:474px; height:350px;}
.demo4_list li.first a .opa span{ padding:0 95px; line-height:25px;}
.demo4_list li a .opa{ position:absolute; left:0; bottom:0; width:100%; height:40px; background:url(../images/probg.png) repeat;  transition:all 0.5s linear;  color:#fff; }
.demo4_list li a .opa h2{ font-weight:normal; text-align:center; line-height:40px;height: 40px;overflow: hidden;padding: 0 20px;font-size: 14px;}
.demo4_list li a .opa span{  text-align:center; display:none; padding:0 20px;}
.demo4_list li:hover a .opa h2{ font-size:14px; background:#254472; color:#fff;}