代码css旋转图片

<script type="text/jscript">

      $(function() {

  $(".g_wt li,.g_fa dl,.m_cp dl,.g_jn dl,.m_yyr dl,.g_kf dl").hover(function()

  {

    $(this).addClass("bg1")

  },function(){

    $(this).removeClass("bg1")

  });

    $(".g_ly textarea").focus(function() {

      if ($(this).val() == this.defaultValue) {

        $(this).val("");

        $(this).addClass("bg2")

      };

    }).blur(function() {

      if ($(this).val() == "") {

        $(this).val(this.defaultValue);

        $(this).addClass("bg2")

      };

    });

})

</script>

<style>

.g_wt{background:url(comdata/20870/201706/20170623145640d71e8f.jpg) no-repeat center top; height: 585px;}

.g_wt h2{position: absolute;left:460px;top:100px;font-size: 32px;color: #666666;font-weight: normal;}

.g_wt h2 em{display: block;font-size: 45px;color: #015cb5;font-weight: bold;}

.g_wt h2 span{display: block;font-size: 40px;color: #222222;}

.g_wt li{position: absolute; font-size: 14px;color: #222222;line-height: 25px;background: #fff;border: 1px solid #e3e3e3; padding: 30px 0 0 70px;height: 80px; }

.g_wt li b{font-weight: bold;color: #222}

.g_wt li em{position: absolute;left:-60px;top:-17px; background:url(comdata/20870/201706/20170623145639e15979.png) no-repeat;width: 122px;height: 122px;line-height: 122px;text-align: center;font-size: 55px;color: #fff;font-family: arial;transition: transform 0.2s ease-out 0s; transform:rotate(0deg);}

.g_wt li em:hover{transition: transform 1s ease-out 0s; transform:rotate(360deg);}

.g_wt li i{display: block;font-style: normal;font-size: 26px;color: #222222;font-weight: bold;}

.g_wt .bg1{font-size: 14px;color: #fff;line-height: 25px;background: #015cb5;}

.g_wt .bg1 b{font-weight: bold;color: #fff}

.g_wt .bg1 em{background:url(comdata/20870/201706/20170623145811b2eda9.png) no-repeat;}

.g_wt .bg1 i{color: #fff;}

.g_wt .li01{width: 270px;left:159px;top:180px;border-right: none;}

.g_wt .li02{width: 378px;left:54px;top:302px;border-right: none;}

.g_wt .li03{width: 295px;left:135px;top:422px;border-right: none;}

.g_wt .li04{width: 271px;right:160px;top:180px; padding-left: 30px;padding-right: 60px;border-left: none;}

.g_wt .li04 em{left:216px;}

.g_wt .li05{width: 375px;right:56px;top:302px;padding-left: 30px;padding-right: 60px;border-left: none;}

.g_wt .li05 em{left:318px;}

.g_wt .li06 {width: 320px;top: 422px;right: 113px;border-left: none;}

.g_wt .li06 span {left: 230px;position: absolute;top:-18px;width:122px;height:122px}

.g_wt .li06 {padding-left: 30px;padding-right: 30px;}

.f_fw{font-family:"Microsoft Yahei"}

.f_fwn{font-weight:normal;}

.f_fwb{font-weight:bold;}

.f_pr{position:relative;}

em {

    font-style: normal;

}

</style>

  <div class="g_wt f_fw">

        <div class="content f_pr">

            <h2>

                选择空压机时<em>您是否有</em><span>这些问题</span></h2>

            <ul>

                  <li class="li01"><em>1</em>不是直接生产厂家，<b>价格高、水分高</b>？</li>

                <li class="li02"><em>2</em>想要找与应用领域<b>相匹配</b>的空压机好难？</li>

                <li class="li03"><em>3</em>空压机<b>耗电大</b>，一年在电费上就需要支付很大一笔款？</li>

                <li class="li04 rli"><em>4</em>空压机找到了，可是<b>后续处理设备</b>还得另找？</li>

                <li class="li05 rli"><em>5</em><b>不是</b>空压机厂商，购置后<b>没有后续</b>服务？</li>

                <li class="li06 rli">全国24小时免费服务热线<i>400-830-6698</i><span><a href="http://p.qiao.baidu.com/cps/chat?siteId=8284299&userId=19533306" target="_blank" title="立即咨询"><img src="/comdata/20870/201706/20170623145640356e91.png" alt="立即咨询" title="立即咨询"></a></span></li>

            </ul>

        </div>

    </div>