网站在百度虚拟服务器上运行前端一个版块出现样式错乱，网站在本地运行没有问题

百度出错的：这是正常运行的

这一块HTML的代码：

<div class="ipro2 w clearfix">
  
  <div class="headx">
            <h2><em>研学课程</em><span>MILITARY</span></h2>
            {pboot:sort scode=13}<a href="[sort:link]" class="mo">MORE+</a>{/pboot:sort}
        </div>
  <div class="tod">
      <ul>
      {pboot:list scode=13 num=8 order=date}
          <li><a href="[list:link]" title="[list:title]"><img src="[list:ico]" alt="[list:title]" title="[list:title]" /></a>
          <div class="wd"><a href="[list:link]" title="[list:title]">[list:title len=11]</a>
          </div>
      </li>
      {/pboot:list}  
          
              </ul>
  </div>
    </div>
 

CSS样式：

.ipro2{}
.ipro2 ul{width: 110%;}
.ipro2 li{float: left;padding: 10px;border: 1px solid #d0d0d0;margin:12px;transition:none;}
.ipro2 li .wd{text-align: center;height: 50px;line-height: 50px;}
.ipro2 li .wd a{color: #5a5a5a;display: block;width: 232px;}
.ipro2 li img{width: 232px;}
.ipro2 li:hover img{
-webkit-transform: rotateY( 360deg );
    -moz-transform: rotateY( 360deg );
  -ms-transform: rotateY( 360deg );}
.ipro2 li:hover{ border: 2px solid #014B70;padding: 9px;}
.ipro2 li:hover .wd a{ color: #014B70;font-weight: bold;}