@charset "UTF-8";
/*START 产品资源块轮播*/

     .hn_probanner{background:white;overflow:hidden;border:1px solid #e5e5e5;}
     .hn_probanner:hover{
         
         /* animation: porbanner 0.5s ease-out 0s;
          -moz-animation: porbanner 0.5s ease-out 0s;     
          -webkit-animation: porbanner 0.5s ease-out 0s;    
          -o-animation: porbanner 0.5s ease-out 0s;     
          animation-fill-mode:forwards;
          -webkit-animation-fill-mode:forwards;*/
          
     }
     @keyframes porbanner
     {
     0%   {box-shadow:0px 0px 1px #dbdbdb}
     100% {box-shadow:0px 0px 10px #dbdbdb}
     }

     @-moz-keyframes porbanner /* Firefox */
     {
     0%   {box-shadow:0px 0px 1px #dbdbdb}
     100% {box-shadow:0px 0px 10px #dbdbdb}
     }

     @-webkit-keyframes porbanner /* Safari 和 Chrome */
     {
     0%   {box-shadow:0px 0px 1px #dbdbdb}
     100% {box-shadow:0px 0px 10px #dbdbdb}
     }

     @-o-keyframes porbanner /* Opera */
     {
     0%   {box-shadow:0px 0px 1px #dbdbdb}
     100% {box-shadow:0px 0px 10px #dbdbdb}
     }

    .hn_interaction_content{width:1260px;margin:30px auto;min-height:420px;zoom:1;display:block;}
    .content .hn_interaction_content{margin-left:-12px;}
    .hn_interaction_content.cur{display:block;}

     .hn_probanner ul{position:absolute;top:0px;left:0px;width:400%;display:block;white-space:nowrap;z-index:0}
     .hn_probanner ul li{display:block;float:left;background:white;position:relative;overflow:hidden;}
     .hn_probanner ul li a{display:table;vertical-align:middle;}
     .hn_probanner ul li img{position:absolute;z-index:0;vertical-align:middle}
     .hn_probanner ul li .infobox{color:#666;position:relative;z-index:10;white-space:normal;}
     .hn_probanner ul li .infobox h2{font-size:3.2em;line-height:1.25em;color:#333;}
     .hn_probanner ul li .infobox p{font-size:1.6em;line-height:1.5em;color:#999;}
     .hn_probanner .nav{position:absolute;bottom:0px;text-align:left;float:right;display:inline-block;z-index:10;background:url(hn_null.gif);}
     .hn_probanner .nav span{cursor:pointer;float:left;display:block;padding:10px 0px;margin:0 5px;background:white;}
     .hn_probanner .nav span i{display:inline-block;width:40px;height:3px;background:#c6cacb;}
     .hn_probanner .nav span:hover i,.hn_probanner .nav span.cur i{background:#33beff;}
     .hn_probanner ul li .infobox a:hover h2{color:#32beff;}
     .hn_probanner ul li .infobox a:hover p{color:#32beff;}

     .hn_probanner.r3_2 ul li,.hn_probanner.r3_2 ul li a{width:814px;height:394px;}
     .hn_probanner.r3_2 ul li img{top:25px;left:60px;}
     .hn_probanner.r3_2 .infobox{width:200px;display:table-cell;vertical-align:middle;position:absolute;top:33%;right:135px;}
     .hn_probanner.r3_2 .infobox h2{font-size:3.2em;line-height:1.25em;max-height:2.5em;overflow:hidden;margin-bottom:5px;}
     .hn_probanner.r3_2 .infobox p{font-size:1.6em;line-height:1.5em;max-height:3em;overflow:hidden;word-break:break-all;}
     .hn_probanner.r3_2 .nav{right:20px;}
     .hn_probanner.r3_2 .nav span i{width:50px;}
     .hn_probanner.r3_2 ul li img:hover{
          animation: imgr32 0.2s ease-out 0s;
         -moz-animation: imgr32 0.2s ease-out 0s;     /* Firefox */
         -webkit-animation: imgr32 0.2s ease-out 0s;     /* Safari 和 Chrome */
         -o-animation: imgr32 0.2s ease-out 0s;     /* Opera */
         animation-fill-mode:forwards;/*设置动画结束停留在最后一针*/
         -webkit-animation-fill-mode:forwards;
         width:370px;height:370px;top:15px;left:50px;
      }

      @keyframes imgr32
      {
      0%   {width:350px;height:350px;top:25px;left:60px;}
      100% {width:370px;height:370px;top:15px;left:50px;}
      }

      @-moz-keyframes imgr32 /* Firefox */
      {
      0%   {width:350px;height:350px;top:25px;left:60px;}
      100% {width:370px;height:370px;top:15px;left:50px;}
      }

      @-webkit-keyframes imgr32 /* Safari 和 Chrome */
      {
      0%   {width:350px;height:350px;top:25px;left:60px;}
      100% {width:370px;height:370px;top:15px;left:50px;}
      }

      @-o-keyframes imgr32 /* Opera */
      {
      0%   {width:350px;height:350px;top:25px;left:60px;}
      100% {width:370px;height:370px;top:15px;left:50px;}
      } 

     .hn_probanner.r2_2 ul li,.hn_probanner.r2_2 ul li a{width:604px;height:394px;}
     .hn_probanner.r2_2 ul li img{top:50px;left:32px;}
     .hn_probanner.r2_2 .infobox{width:200px;display:table-cell;vertical-align:middle;position:absolute;top:33%;right:50px;}
     .hn_probanner.r2_2 .infobox h2{font-size:3.2em;line-height:1.25em;max-height:2.5em;overflow:hidden;margin-bottom:5px;}
     .hn_probanner.r2_2 .infobox p{font-size:1.6em;line-height:1.5em;max-height:3em;overflow:hidden;word-break:break-all;}
     .hn_probanner.r2_2 .nav{right:20px;}
     .hn_probanner.r2_2 ul li img:hover{
          animation: imgr22 0.2s ease-out 0s;
         -moz-animation: imgr22 0.2s ease-out 0s;     /* Firefox */
         -webkit-animation: imgr22 0.2s ease-out 0s;     /* Safari 和 Chrome */
         -o-animation: imgr22 0.2s ease-out 0s;     /* Opera */
         animation-fill-mode:forwards;/*设置动画结束停留在最后一针*/
         -webkit-animation-fill-mode:forwards;
         width:318px;height:318px;top:41px;left:23px;
      }

      @keyframes imgr22
      {
      0%   {width:300px;height:300px;top:50px;left:32px;}
      100% {width:318px;height:318px;top:41px;left:23px;}
      }

      @-moz-keyframes imgr22 /* Firefox */
      {
      0%   {width:300px;height:300px;top:50px;left:32px;}
      100% {width:318px;height:318px;top:41px;left:23px;}
      }

      @-webkit-keyframes imgr22 /* Safari 和 Chrome */
      {
      0%   {width:300px;height:300px;top:50px;left:32px;}
      100% {width:318px;height:318px;top:41px;left:23px;}
      }

      @-o-keyframes imgr22 /* Opera */
      {
      0%   {width:300px;height:300px;top:50px;left:32px;}
      100% {width:318px;height:318px;top:41px;left:23px;}
      } 

     .hn_probanner.r1312 ul li,.hn_probanner.r1312 ul li a{width:396px;height:184px;}
     .hn_probanner.r1312 ul li img{top:20px;left:30px;}
     .hn_probanner.r1312 .infobox{width:125px;display:table-cell;vertical-align:middle;position:absolute;top:33%;right:50px;}
     .hn_probanner.r1312 .infobox h2{font-size:1.8em;line-height:1.4em;max-height:2.8em;overflow:hidden;margin-bottom:3px;}
     .hn_probanner.r1312 .infobox p{font-size:1.4em;line-height:1.57em;max-height:1.57em;overflow:hidden;word-break:break-all;}
     .hn_probanner.r1312 .nav{right:20px;}
     .hn_probanner.r1312 .nav span{display:inline-block;float:none;margin:0 3px;}
     .hn_probanner.r1312 .nav span i{width:20px;}
     .hn_probanner.r1312 ul li img:hover{
          animation: imgr1312 0.2s ease-out 0s;
         -moz-animation: imgr1312 0.2s ease-out 0s;     /* Firefox */
         -webkit-animation: imgr1312 0.2s ease-out 0s;     /* Safari 和 Chrome */
         -o-animation: imgr1312 0.2s ease-out 0s;     /* Opera */
         animation-fill-mode:forwards;/*设置动画结束停留在最后一针*/
         -webkit-animation-fill-mode:forwards;
         width:160px;height:160px;top:15px;left:25px;
      }

      @keyframes imgr1312
      {
      0%   {width:150px;height:150px;top:20px;left:30px;}
      100% {width:160px;height:160px;top:15px;left:25px;}
      }

      @-moz-keyframes imgr1312 /* Firefox */
      {
      0%   {width:150px;height:150px;top:20px;left:30px;}
      100% {width:160px;height:160px;top:15px;left:25px;}
      }

      @-webkit-keyframes imgr1312 /* Safari 和 Chrome */
      {
      0%   {width:150px;height:150px;top:20px;left:30px;}
      100% {width:160px;height:160px;top:15px;left:25px;}
      }

      @-o-keyframes imgr1312 /* Opera */
      {
      0%   {width:150px;height:150px;top:20px;left:30px;}
      100% {width:160px;height:160px;top:15px;left:25px;}
      } 

     .hn_probanner.r1_2 ul li,.hn_probanner.r1_2 ul li a{width:289px;height:394px;}
     .hn_probanner.r1_2 ul li img{bottom:30px;left:45px;}
     .hn_probanner.r1_2 .infobox{width:280px;text-align:center;margin:0 auto;padding-top:30px;}
     .hn_probanner.r1_2 .infobox h2{font-size:2.4em;line-height:1.3em;max-height:2.6em;overflow:hidden;width:80%;margin:0 auto}
     .hn_probanner.r1_2 .infobox p{font-size:1.6em;line-height:1.5em;max-height:1.5em;overflow:hidden;width:80%;margin:0 auto}
     .hn_probanner.r1_2 .nav{width:92%;text-align:center;left:4%;background:url(hn_null.gif);}
     .hn_probanner.r1_2 .nav span{display:inline-block;float:none;margin:0 3px;}
     .hn_probanner.r1_2 .nav span i{width:20px;}
     .hn_probanner.r1_2 ul li img:hover{
          animation: imgr12 0.2s ease-out 0s;
         -moz-animation: imgr12 0.2s ease-out 0s;     /* Firefox */
         -webkit-animation: imgr12 0.2s ease-out 0s;     /* Safari 和 Chrome */
         -o-animation: imgr12 0.2s ease-out 0s;     /* Opera */
         animation-fill-mode:forwards;/*设置动画结束停留在最后一针*/
         -webkit-animation-fill-mode:forwards;
         width:212px;height:212px;bottom:24px;left:39px;
      }

      @keyframes imgr12
      {
      0%   {width:200px;height:200px;bottom:30px;left:45px;}
      100% {width:212px;height:212px;bottom:24px;left:39px;}
      }

      @-moz-keyframes imgr12 /* Firefox */
      {
      0%   {width:200px;height:200px;bottom:30px;left:45px;}
      100% {width:212px;height:212px;bottom:24px;left:39px;}
      }

      @-webkit-keyframes imgr12 /* Safari 和 Chrome */
      {
      0%   {width:200px;height:200px;bottom:30px;left:45px;}
      100% {width:212px;height:212px;bottom:24px;left:39px;}
      }

      @-o-keyframes imgr12 /* Opera */
      {
      0%   {width:200px;height:200px;bottom:30px;left:45px;}
      100% {width:212px;height:212px;bottom:24px;left:39px;}
      } 

     .hn_probanner.r1_1 ul li,.hn_probanner.r1_1 ul li a{width:289px;height:184px;}
     .hn_probanner.r1_1 ul li img{bottom:20px;right:25px;}
     .hn_probanner.r1_1 .infobox{position:absolute;top:25px;left:20px;width:120px;display:table-cell;vertical-align:middle;padding-right:10px;}
     .hn_probanner.r1_1 .infobox h2{font-size:1.8em;line-height:1.4em;max-height:2.8em;overflow:hidden;margin-bottom:0px;}
     .hn_probanner.r1_1 .infobox p{font-size:1.4em;line-height:1.57em;max-height:1.57em;overflow:hidden}
     .hn_probanner.r1_1 .nav{left:20px;}
     .hn_probanner.r1_1 .nav span{padding:10px 0px;margin:0 3px;}
     .hn_probanner.r1_1 .nav span i{width:20px;}
     .hn_probanner.r1_1 ul li img:hover{
         animation: imgr11 0.2s ease-out 0s;
         -moz-animation: imgr11 0.2s ease-out 0s;     /* Firefox */
         -webkit-animation: imgr11 0.2s ease-out 0s;     /* Safari 和 Chrome */
         -o-animation: imgr11 0.2s ease-out 0s;     /* Opera */
         animation-fill-mode:forwards;/*设置动画结束停留在最后一针*/
         -webkit-animation-fill-mode:forwards;
         width:106px;height:106px;bottom:17px;right:22px;
      }

      @keyframes imgr11
      {
      0%   {width:100px;height:100px;bottom:20px;right:25px;}
      100% {width:106px;height:106px;bottom:17px;right:22px;}
      }

      @-moz-keyframes imgr11 /* Firefox */
      {
      0%   {width:100px;height:100px;bottom:20px;right:25px;}
      100% {width:106px;height:106px;bottom:17px;right:22px;}
      }

      @-webkit-keyframes imgr11 /* Safari 和 Chrome */
      {
      0%   {width:100px;height:100px;bottom:20px;right:25px;}
      100% {width:106px;height:106px;bottom:17px;right:22px;}
      }

      @-o-keyframes imgr11 /* Opera */
      {
      0%   {width:100px;height:100px;bottom:20px;right:25px;}
      100% {width:106px;height:106px;bottom:17px;right:22px;}
      } 

     .hn_probanner.r1_1fang ul li,.hn_probanner.r1_1fang ul li a{width:394px;height:394px;}
     .hn_probanner.r1_1fang ul li img{bottom:40px;right:40px;}
     .hn_probanner.r1_1fang .infobox{position:absolute;top:25px;left:20px;width:200px;display:table-cell;vertical-align:middle;padding-right:10px;}
     .hn_probanner.r1_1fang .infobox h2{font-size:3.2em;line-height:1.25em;max-height:2.5em;overflow:hidden;margin-bottom:5px;}
     .hn_probanner.r1_1fang .infobox p{font-size:1.6em;line-height:1.5em;max-height:1.5em;overflow:hidden;word-break:break-all;}
     .hn_probanner.r1_1fang .nav{left:12px;}
     .hn_probanner.r1_1fang .nav span{padding:10px 0px;margin:0 5px;}
     .hn_probanner.r1_1fang .nav span i{width:30px;}
     .hn_probanner.r1_1fang ul li img:hover{
         animation: imgr11fang 0.2s ease-out 0s;
         -moz-animation: imgr11fang 0.2s ease-out 0s;     /* Firefox */
         -webkit-animation: imgr11fang 0.2s ease-out 0s;     /* Safari 和 Chrome */
         -o-animation: imgr11fang 0.2s ease-out 0s;     /* Opera */
         animation-fill-mode:forwards;/*设置动画结束停留在最后一针*/
         -webkit-animation-fill-mode:forwards;
         width:212px;height:212px;bottom:34px;right:34px;
      }

      @keyframes imgr11fang
      {
      0%   {width:200px;height:200px;bottom:40px;right:40px;}
      100% {width:212px;height:212px;bottom:34px;right:34px;}
      }

      @-moz-keyframes imgr11fang /* Firefox */
      {
      0%   {width:200px;height:200px;bottom:40px;right:40px;}
      100% {width:212px;height:212px;bottom:34px;right:34px;}
      }

      @-webkit-keyframes imgr11fang /* Safari 和 Chrome */
      {
      0%   {width:200px;height:200px;bottom:40px;right:40px;}
      100% {width:212px;height:212px;bottom:34px;right:34px;}
      }

      @-o-keyframes imgr11fang /* Opera */
      {
      0%   {width:200px;height:200px;bottom:40px;right:40px;}
      100% {width:212px;height:212px;bottom:34px;right:34px;}
      } 

/*END 产品资源块轮播*/
/*START 粉丝团资源块*/
     .hn_fans a{background:#32beff;display:block;color:white;}
     .hn_fans a h2{padding:20px 20px 0 ;line-height:1.4em;padding-top:25px;}
     .hn_fans a h3{padding:0 20px;font-size:1.6em;line-height:1.5em;opacity:0.5;}
     .hn_fans a p{padding:20px 20px 0 }
     .hn_fans a img.img{position:absolute;bottom:20px;right:25px;}

     .hn_fans.r1_2 a{width:291px;height:396px;}
     .hn_fans.r1_2 a h2{font-size:2.4em;line-height:1.3em;max-height:2.6em;overflow:hidden;width:200px;}
     .hn_fans.r1_2 a h3{font-size:1.4em;line-height:1.57em;max-height:1.57em;width:200px;}
     .hn_fans.r1_2 a p{font-size:1.6em;line-height:1.5em}
     .hn_fans.r1_2 a img.img{width:64px;height:64px;right:25px;}

     .hn_fans.r1_1 a{width:291px;height:186px;position:relative;}
     .hn_fans.r1_1 a h2{font-size:2.4em;padding-top:25px;line-height:1.3em;max-height:2.6em;overflow:hidden;position:relative;width:200px;}
     .hn_fans.r1_1 a h3{font-size:1.4em;line-height:1.57em;display:none;}
     .hn_fans.r1_1 a p{position:absolute;bottom:20px;left:0px;font-size:1.4em;line-height:1.57em}
     .hn_fans.r1_1 a img.img{width:64px;height:64px;}

     .hn_fans.r1312 a{width:396px;height:186px;}
     .hn_fans.r1312 a h2{font-size:2.4em;line-height:1.3em;max-height:2.6em;overflow:hidden;width:200px;}
     .hn_fans.r1312 a h3{font-size:1.4em;line-height:1.57em;max-height:1.57em;overflow:hidden;width:200px;}
     .hn_fans.r1312 a p{font-size:1.6em;line-height:1.5em}
     .hn_fans.r1312 a img.img{width:64px;height:64px;bottom:20px;right:30px;}

     .hn_fans.r1612 a{width:186px;height:186px;}
     .hn_fans.r1612 a h2{font-size:1.8em;line-height:1.4em;max-height:4.2em;overflow:hidden;width:110px;padding-top:20px;}
     .hn_fans.r1612 a h3{font-size:1.4em;line-height:1.57em;max-height:1.57em;overflow:hidden;display:none;}
     .hn_fans.r1612 a p{font-size:1.6em;line-height:1.5em}
     .hn_fans.r1612 a img.img{width:48px;height:48px;bottom:20px;right:25px;}

     .hn_fans:hover a{
          background:#005aab;
          animation: fans_hover 0.5s ease-out 0s;
          -moz-animation: fans_hover 0.5s ease-out 0s;     /* Firefox */
          -webkit-animation: fans_hover 0.5s ease-out 0s;     /* Safari 和 Chrome */
          -o-animation: fans_hover 0.5s ease-out 0s;     /* Opera */
          animation-fill-mode:forwards;/*设置动画结束停留在最后一针*/
          -webkit-animation-fill-mode:forwards;
          
     }
     @keyframes fans_hover
     {
     0%   {background:#32beff;}
     100% {background:#005aab;}
     }

     @-moz-keyframes fans_hover /* Firefox */
     {
     0%   {background:#32beff;}
     100% {background:#005aab;}
     }

     @-webkit-keyframes fans_hover /* Safari 和 Chrome */
     {
     0%   {background:#32beff;}
     100% {background:#005aab;}
     }

     @-o-keyframes fans_hover /* Opera */
     {
     0%   {background:#32beff;}
     100% {background:#005aab;}
     }
/*END 粉丝团资源块*/
/*START 纯文资源块*/
  .hn_textbox1312{width:394px;height:184px;}
  .hn_textbox1312 a{display:block;width:394px;height:184px;}
  .hn_textbox1312 a h2{font-size:2.4em;line-height:1.3em;max-height:2.6em;overflow:hidden;padding:0px 20px 5px ;padding-top:20px;line-height:1.4em;}
  .hn_textbox1312 a h3{margin:0 20px;font-size:1.4em;line-height:1.57em;max-height:3.14em;overflow:hidden;opacity:0.5;}


  .hn_textbox1612{width:184px;height:184px;}
  .hn_textbox1612 a{display:block;width:184px;height:184px;}
  .hn_textbox1612 a h2{font-size:1.8em;line-height:1.4em;max-height:4.2em;overflow:hidden;margin:0px 20px 5px ;padding-top:20px;line-height:1.4em;width:105px;}
  .hn_textbox1612 a h3{display:none;}

  .hn_textbox1412{width:289px;height:184px;}
  .hn_textbox1412 a{display:block;width:289px;height:184px;}
  .hn_textbox1412 a h2{font-size:2.4em;line-height:1.3em;max-height:2.6em;overflow:hidden;padding:0px 20px 5px ;padding-top:20px;line-height:1.4em;}
  .hn_textbox1412 a h3{margin:0 20px;font-size:1.4em;line-height:1.57em;max-height:3.14em;overflow:hidden;opacity:0.5;}

  .hn_textbox_gray{background:#f6f6f6;border:1px solid #f6f6f6;}
  .hn_textbox_gray a:hover h3{color:#666;}
  .hn_textbox_gray:hover{
          background:white;
          border-color:#e5e5e5;
          animation: textbox_gray 0.5s ease-out 0s;
          -moz-animation: textbox_gray 0.5s ease-out 0s;     /* Firefox */
          -webkit-animation: textbox_gray 0.5s ease-out 0s;     /* Safari 和 Chrome */
          -o-animation: textbox_gray 0.5s ease-out 0s;     /* Opera */
          animation-fill-mode:forwards;/*设置动画结束停留在最后一针*/
          -webkit-animation-fill-mode:forwards;
          
     }
     @keyframes textbox_gray
     {
     0%   {background:#f6f6f6;border-color:#f6f6f6;}
     100% {background:white;border-color:#e5e5e5;}
     }

     @-moz-keyframes textbox_gray /* Firefox */
     {
     0%   {background:#f6f6f6;border-color:#f6f6f6;}
     100% {background:white;border-color:#e5e5e5;}
     }

     @-webkit-keyframes textbox_gray /* Safari 和 Chrome */
     {
     0%   {background:#f6f6f6;border-color:#f6f6f6;}
     100% {background:white;border-color:#e5e5e5;}
     }

     @-o-keyframes textbox_gray /* Opera */
     {
     0%   {background:#f6f6f6;border-color:#f6f6f6;}
     100% {background:white;border-color:#e5e5e5;}
     }

    .hn_textbox_blue{background:#32beff;border:1px solid #32beff;}
    .hn_textbox_blue a{color:white;}
    .hn_textbox_blue a:hover{color:white;}
    
    .hn_textbox_blue:hover{
          background:#005aab;border-color:#005aab;
          animation: textbox_blue 0.5s ease-out 0s;
          -moz-animation: textbox_blue 0.5s ease-out 0s;     
          -webkit-animation: textbox_blue 0.5s ease-out 0s;     
          -o-animation: textbox_blue 0.5s ease-out 0s;     
          animation-fill-mode:forwards;
          -webkit-animation-fill-mode:forwards;
          
     }
     @keyframes textbox_blue
     {
     0%   {background:#32beff;border-color:#32beff;}
     100% {background:#005aab;border-color:#005aab;}
     }

     @-moz-keyframes textbox_blue 
     {
     0%   {background:#32beff;border-color:#32beff;}
     100% {background:#005aab;border-color:#005aab;}
     }

     @-webkit-keyframes textbox_blue 
     {
     0%   {background:#32beff;border-color:#32beff;}
     100% {background:#005aab;border-color:#005aab;}
     }

     @-o-keyframes textbox_blue 
     {
     0%   {background:#32beff;border-color:#32beff;}
     100% {background:#005aab;border-color:#005aab;}
     }
     

/*END 纯文资源块*/
/*START 图文列表资源块*/
  .hn_textimglist1422{width:289px;height:394px;background:white;border:1px solid #e5e5e5;}
  .hn_textimglist1422 h2{margin:20px 20px 0px;}
  .hn_textimglist1422 ul{display:block;padding:0px 20px;height:320px;overflow:hidden}
  .hn_textimglist1422 ul li{display:block;border-bottom:1px solid #e5e5e5;padding:20px 0;overflow:auto;}
  .hn_textimglist1422 ul li .img{float:left;margin-right:12px;}
  .hn_textimglist1422 ul li h3 a{max-height:3.14em;margin-bottom:15px;overflow:hidden;position:relative;top:-5px;}
  .hn_textimglist1422 ul li p{overflow:hidden;max-height:1.57em;position:relative;top:5px; }

  .hn_textimglist1322{width:394px;height:394px;background:white;border:1px solid #e5e5e5;}
  .hn_textimglist1322 h2{margin:20px 20px 0px;}
  .hn_textimglist1322 ul{display:block;padding:0px 20px;height:320px;overflow:hidden}
  .hn_textimglist1322 ul li{display:block;border-bottom:1px solid #e5e5e5;padding:20px 0;overflow:auto;}
  .hn_textimglist1322 ul li .img{float:left;margin-right:12px;}
  .hn_textimglist1322 ul li h3 a{max-height:3.14em;margin-bottom:15px;overflow:hidden;position:relative;top:-2px;}
  .hn_textimglist1322 ul li p{overflow:hidden;max-height:1.57em;position:relative;top:5px; }

  .hn_textimglist1312{width:394px;background:white;height:186px;border:1px solid #e5e5e5;overflow:hidden;position:relative;}
  .hn_textimglist1312 h2{margin:20px 20px 0px;width:270px;overflow:hidden}
  .hn_textimglist1312 .showbox{width:394px;height:90px;overflow:hidden;position:relative;margin:27px auto 0;}
  .hn_textimglist1312 ul{display:block;height:320px;overflow:hidden;width:3000px;}
  .hn_textimglist1312 ul li{display:block;overflow:auto;float:left;width:394px;}
  .hn_textimglist1312 ul li .box{padding:0 20px;display:block;}
  .hn_textimglist1312 ul li .img{float:left;margin-right:12px;}
  .hn_textimglist1312 ul li h3 a{max-height:2.8em;margin-bottom:15px;overflow:hidden;position:relative;top:-2px;}
  .hn_textimglist1312 ul li p{overflow:hidden;max-height:1.57em;position:relative;top:5px;}
  .hn_textimglist1312 .btn_per{ -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;position:absolute;top:30px;right:47px;cursor:pointer;vertical-align:middle;width:25px;height:25px;background:url(hn_ico.png) no-repeat #c6cacb;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;background-position:0px -575px;}
  .hn_textimglist1312 .btn_next{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;position:absolute;top:30px;right:20px;cursor:pointer;vertical-align:middle;width:25px;height:25px;background:url(hn_ico.png) no-repeat #c6cacb;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;background-position:-25px -575px;}
  .hn_textimglist1312 .btn_per:hover,.hn_textimglist1312 .btn_next:hover{background-color:#32beff;}

  .hn_textlist1422{width:289px;height:394px;background:white;border:1px solid #e5e5e5;}
  .hn_textlist1422 h2{margin:20px 20px 0px;}
  .hn_textlist1422 ul{display:block;padding:0px 20px;height:320px;overflow:hidden}
  .hn_textlist1422 ul li{display:block;border-bottom:1px solid #e5e5e5;padding:20px 0;overflow:auto;}
  .hn_textlist1422 ul li h3 a{max-height:1.57em;margin-bottom:15px;overflow:hidden;position:relative;}
  .hn_textlist1422 ul li p{overflow:hidden;max-height:1.57em;position:relative;}

  .hn_textlist1322{width:394px;height:394px;background:white;border:1px solid #e5e5e5;}
  .hn_textlist1322 h2{margin:20px 20px 0px;}
  .hn_textlist1322 ul{display:block;padding:0px 20px;height:320px;overflow:hidden}
  .hn_textlist1322 ul li{display:block;border-bottom:1px solid #e5e5e5;padding:20px 0;overflow:auto;}
  .hn_textlist1322 ul li h3 a{max-height:1.57em;margin-bottom:15px;overflow:hidden;position:relative;}
  .hn_textlist1322 ul li p{overflow:hidden;max-height:1.57em;position:relative;}

  .hn_textlist1312{width:394px;background:white;height:186px;border:1px solid #e5e5e5;overflow:hidden;position:relative;}
  .hn_textlist1312 h2{margin:20px 20px 0px;width:270px;overflow:hidden}
  .hn_textlist1312 .showbox{width:394px;height:90px;overflow:hidden;position:relative;margin:20px auto 0;}
  .hn_textlist1312 ul{display:block;height:320px;overflow:hidden;width:3000px;}
  .hn_textlist1312 ul li{display:block;overflow:auto;float:left;width:394px;}
  .hn_textlist1312 ul li h3 a{margin:0 20px;max-height:2.8em;margin-bottom:15px;overflow:hidden;position:relative;display:inline-block;}
  .hn_textlist1312 ul li p{padding:0 20px;overflow:hidden;max-height:1.57em;position:relative;}
  .hn_textlist1312 .btn_per{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;position:absolute;top:30px;right:47px;cursor:pointer;vertical-align:middle;width:25px;height:25px;background:url(hn_ico.png) no-repeat #c6cacb;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;background-position:0px -575px;}
  .hn_textlist1312 .btn_next{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;position:absolute;top:30px;right:20px;cursor:pointer;vertical-align:middle;width:25px;height:25px;background:url(hn_ico.png) no-repeat #c6cacb;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;background-position:-25px -575px;}
  .hn_textlist1312 .btn_per:hover,.hn_textlist1312 .btn_next:hover{background-color:#32beff;}

/*END  图文列表资源块*/

/*START 活动资源块*/

  /*活动资源块图片 1*2*/
  .hn_activityimg1_2{background:white;}
  .hn_activityimg1_2 a{color:#333;display:block;}
  .hn_activityimg1_2 a:hover{color:#32beff;}
  .hn_activityimg1_2 .imgbox{height:140px;position:relative;overflow:hidden;}
  .hn_activityimg1_2 .imgbox img{position:absolute;top:0px;left:0px;}
  .hn_activityimg1_2 .cont{padding:20px 19px;}
  .hn_activityimg1_2 .cont h2{font-size:2.4em;color:#333;line-height:1.3em;max-height:2.6em;overflow:hidden;margin-bottom:5px;}
  .hn_activityimg1_2 .cont p{font-size:1.4em;color:#999;line-height:1.57em;max-height:7.85em;overflow:hidden}
  .hn_activityimg1_2 .tool{position:absolute;bottom:20px;left:20px;}

  .hn_activityimg1_2 .imgbox:hover img{
     animation: atv_img1 0.2s ease-out 0s;
     -moz-animation: atv_img1 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: atv_img1 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: atv_img1 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:forwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
     top:-5px;left:-5px;width:300px;height:150px;
   }
     @keyframes atv_img1
     {
     0%   {top:0px;left:0px;width:291px;height:146px;}
     100% {top:-5px;left:-5px;width:300px;height:150px;}
     }

     @-moz-keyframes atv_img1 /* Firefox */
     {
     0%   {top:0px;left:0px;width:291px;height:146px;}
     100% {top:-5px;left:-5px;width:300px;height:150px;}
     }

     @-webkit-keyframes atv_img1 /* Safari 和 Chrome */
     {
     0%   {top:0px;left:0px;width:291px;height:146px;}
     100% {top:-5px;left:-5px;width:300px;height:150px;}
     }

     @-o-keyframes atv_img1 /* Opera */
     {
     0%   {top:0px;left:0px;width:291px;height:146px;}
     100% {top:-5px;left:-5px;width:300px;height:150px;}
     }


     /*活动资源块图片 1*2 正方图片 */
  .hn_activityimg1_2_fang{background:white;}
  .hn_activityimg1_2_fang a{color:#333;display:block;}
  .hn_activityimg1_2_fang a:hover{color:#32beff;}
  .hn_activityimg1_2_fang .imgbox{height:291px;position:relative;overflow:hidden;}
  .hn_activityimg1_2_fang .imgbox img{position:absolute;top:0px;left:0px;}
  .hn_activityimg1_2_fang .cont{padding:17px 19px;}
  .hn_activityimg1_2_fang .cont h2{font-size:2em;color:#333;line-height:1.2em;max-height:1.2em;overflow:hidden;margin-bottom:5px;}
  .hn_activityimg1_2_fang .cont p{font-size:1.4em;color:#999;line-height:1.57em;max-height:3.14em;overflow:hidden;}
  .hn_activityimg1_2_fang .tool{position:absolute;bottom:20px;left:20px;}

  .hn_activityimg1_2_fang .imgbox:hover img{
     animation: atv_img 0.2s ease-out 0s;
     -moz-animation: atv_img 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: atv_img 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: atv_img 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:forwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
     top:-5px;left:-5px;width:300px;height:300px;
   }
     @keyframes atv_img
     {
     0%   {top:0px;left:0px;width:291px;height:291px;}
     100% {top:-5px;left:-5px;width:300px;height:300px;}
     }

     @-moz-keyframes atv_img /* Firefox */
     {
     0%   {top:0px;left:0px;width:291px;height:291px;}
     100% {top:-5px;left:-5px;width:300px;height:300px;}
     }

     @-webkit-keyframes atv_img /* Safari 和 Chrome */
     {
     0%   {top:0px;left:0px;width:291px;height:291px;}
     100% {top:-5px;left:-5px;width:300px;height:300px;}
     }

     @-o-keyframes atv_img /* Opera */
     {
     0%   {top:0px;left:0px;width:291px;height:291px;}
     100% {top:-5px;left:-5px;width:300px;height:300px;}
     }
     
   /*活动资源块图片 1*1*/
  .hn_activityimg1_1{position:relative;}
  .hn_activityimg1_1 .imgbox{height:146px;position:relative;overflow:hidden;}
  .hn_activityimg1_1 .imgbox img{position:absolute;top:0px;left:0px;}
  .hn_activityimg1_1 .cont{background:white;position:absolute;width:100%;bottom:0px;left:0px;}

  .hn_activityimg1_1 .cont h2 {padding:0 20px ;font-size:1.4em;line-height:2.5em;max-height:2.5em;overflow:hidden}
  .hn_activityimg1_1 .cont h2 a{color:#666;}
  .hn_activityimg1_1 .cont h2 a:hover{color:#36c1ff;}
  .hn_activityimg1_1 .cont p{font-size:1.4em;color:#999;line-height:1.57em;max-height:4.71em;overflow:hidden}
  .hn_activityimg1_1 .tool{width:100%;padding:12px 0;display:block;position:absolute;background:white;position:absolute;bottom:0px;text-align:right}
  .hn_activityimg1_1 .tool .i_see{margin-left:10px;}
  .hn_activityimg1_1:hover .cont{
     bottom:30px;
     animation: atv_tit 0.2s ease-out 0s;
     -moz-animation: atv_tit 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: atv_tit 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: atv_tit 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:backwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
   }
     @keyframes atv_tit
     {
     0%   {bottom:0px;}
     100% {bottom:30px;}
     }

     @-moz-keyframes atv_tit /* Firefox */
     {
     0%   {bottom:0px;}
     100% {bottom:30px;}
     }

     @-webkit-keyframes atv_tit /* Safari 和 Chrome */
     {
     0%   {bottom:0px;}
     100% {bottom:30px;}
     }

     @-o-keyframes atv_tit /* Opera */
     {
     0%   {bottom:0px;}
     100% {bottom:30px;}
     }
   
   /*活动资源块文字 1*2*/
  .hn_activitytext1_2{background:white;}
  .hn_activitytext1_2 a{color:#333;}
  .hn_activitytext1_2 .imgbox{height:140px;position:relative;overflow:hidden;}
  .hn_activitytext1_2 .imgbox img{position:absolute;top:0px;left:0px;}
  .hn_activitytext1_2 .cont{padding:20px 19px;}
  .hn_activitytext1_2 .cont h2{font-size:2.4em;color:#333;line-height:1.3em;max-height:2.6em;overflow:hidden;margin-bottom:5px;}
  .hn_activitytext1_2 .cont p{font-size:1.4em;color:#999;line-height:1.57em;max-height:9.42em;overflow:hidden}
  .hn_activitytext1_2 .tool{position:absolute;bottom:20px;left:20px;}
  .hn_activitytext1_2 a:hover{color:#36c1ff;}

  /*活动资源块文字 1*1*/
  .hn_activitytext1_1{background:white;}
  .hn_activitytext1_1 a{color:#333;}
  .hn_activitytext1_1 .imgbox{height:140px;position:relative;overflow:hidden;}
  .hn_activitytext1_1 .imgbox img{position:absolute;top:0px;left:0px;}
  .hn_activitytext1_1 .cont{padding:20px 19px;}
  .hn_activitytext1_1 .cont h2{font-size:1.8em;color:#333;line-height:1.4em;max-height:2.3em;overflow:hidden;padding-bottom:12px;}
  .hn_activitytext1_1 .cont p{font-size:1.4em;color:#999;line-height:1.57em;max-height:4.71em;overflow:hidden}
  .hn_activitytext1_1 .tool{position:absolute;bottom:20px;left:20px;}
  .hn_activitytext1_1 a:hover{color:#36c1ff;}

/*END 活动资源块*/
/*START 评价资源块*/
  .hn_evaluation2_2{/*box-shadow:0 0px 1px #e5e5e5;*/width:606px;height:396px;}
  .hn_evaluation2_2 {display:block;background:white;}
  .hn_evaluation2_2 .l{position:absolute;left:0px;top:0px;width:291px!important;background:#f6f6f6;position:relative;overflow:hidden;height:396px;}
  .hn_evaluation2_2 .l h2{margin:25px 20px 0;color:#333;font-size:3.2em;line-height:1.25em;max-height:2.5em;overflow:hidden;margin-bottom:5px;}
  .hn_evaluation2_2 .l p{padding:0px 20px 0;color:#999;font-size:1.4em;line-height:1.57em;max-height:6.28em;overflow:hidden}
  .hn_evaluation2_2 .l .scorebox{vertical-align:middle;line-height:25px;position:absolute;padding-bottom:20px;position:absolute;bottom:0px ;left:0px;}
  .hn_evaluation2_2 .l .scorebox p {color:#666;}
  .hn_evaluation2_2 .l .scorebox p b{color:#32beff;font-weight:normal}
  .hn_evaluation2_2 .r{width:314px!important;position:absolute;left:291px;top:0px;display:table;vertical-align:middle;text-align:center;overflow:hidden;height:394px;border:1px solid #e5e5e5;border-left:none;}
  .hn_evaluation2_2 .r .imgbox{display:inline-block;vertical-align:middle;position:absolute;top:50%;left:50%;margin-top:-125px;margin-left:-125px;width:250px;height:250px;}
  .hn_evaluation2_2 .r .imgbox img{width:100%;height:100%;}
  .hn_evaluation2_2 a{color:#333;}
  .hn_evaluation2_2 a:hover{color:#32beff;}
  .hn_evaluation2_2 .r .imgbox:hover{
 
     animation: evaluation_img 0.2s ease-out 0s;
     -moz-animation: evaluation_img 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: evaluation_img 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: evaluation_img 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:backwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
     width:266px;height:266px;margin-top:-133px;margin-left:-133px;
   }
     @keyframes evaluation_img
     {
     0%   {width:250px;height:250px;margin-top:-125px;margin-left:-125px;}
     100% {width:266px;height:266px;margin-top:-133px;margin-left:-133px;}
     }

     @-moz-keyframes evaluation_img /* Firefox */
     {
     0%   {width:250px;height:250px;margin-top:-125px;margin-left:-125px;}
     100% {width:266px;height:266px;margin-top:-133px;margin-left:-133px;}
     }

     @-webkit-keyframes evaluation_img /* Safari 和 Chrome */
     {
     0%   {width:250px;height:250px;margin-top:-125px;margin-left:-125px;}
     100% {width:266px;height:266px;margin-top:-133px;margin-left:-133px;}
     }

     @-o-keyframes evaluation_img /* Opera */
     {
     0%   {width:250px;height:250px;margin-top:-125px;margin-left:-125px;}
     100% {width:266px;height:266px;margin-top:-133px;margin-left:-133px;}
     }

  .hn_evaluation1_2{width:291px;height:396px;}
  .hn_evaluation1_2 {display:block;background:white;}
  .hn_evaluation1_2 .l{height:186px!important;background:#f6f6f6;position:absolute;bottom:0;}
  .hn_evaluation1_2 .l h2{margin:20px 20px 0;color:#333;font-size:3.2em;line-height:1.25em;max-height:1.25em;overflow:hidden;margin-bottom:5px;}
  .hn_evaluation1_2 .l p{padding:0px 20px 0;color:#999;font-size:1.4em;line-height:1.57em;max-height:3.14em;overflow:hidden}
  .hn_evaluation1_2 .l .scorebox{vertical-align:middle;line-height:25px;position:absolute;padding-bottom:20px;position:absolute;bottom:0px ;left:0px;}
  .hn_evaluation1_2 .l .scorebox p {color:#666;}
  .hn_evaluation1_2 .l .scorebox p b{color:#32beff;font-weight:normal}
  .hn_evaluation1_2 .r{height:209px!important;display:table;vertical-align:middle;text-align:center;width:289px;border:1px solid #e5e5e5;position:relative;border-bottom:0px;}
  .hn_evaluation1_2 .r .imgbox{display:inline-block;vertical-align:middle;position:absolute;top:50%;left:50%;border-bottom:0;width:150px;height:150px;margin-top:-75px;margin-left:-75px;}
  .hn_evaluation1_2 .r .imgbox img{width:100%;height:100%;}
  .hn_evaluation1_2 a{color:#333;}
  .hn_evaluation1_2 a:hover{color:#32beff;}
  .hn_evaluation1_2 .r .imgbox:hover{

     animation: evaluation_img123 0.2s ease-out 0s;
     -moz-animation: evaluation_img123 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: evaluation_img123 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: evaluation_img123 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:backwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
     width:160px;height:160px;margin-top:-80px;margin-left:-80px;
   }
     @keyframes evaluation_img123
     {
     0%   {width:150px;height:150px;margin-top:-75px;margin-left:-75px;}
     100% {width:160px;height:160px;margin-top:-80px;margin-left:-80px;}
     }

     @-moz-keyframes evaluation_img123 /* Firefox */
     {
     0%   {width:150px;height:150px;margin-top:-75px;margin-left:-75px;}
     100% {width:160px;height:160px;margin-top:-80px;margin-left:-80px;}
     }

     @-webkit-keyframes evaluation_img123 /* Safari 和 Chrome */
     {
     0%   {width:150px;height:150px;margin-top:-75px;margin-left:-75px;}
     100% {width:160px;height:160px;margin-top:-80px;margin-left:-80px;}
     }

     @-o-keyframes evaluation_img123 /* Opera */
     {
     0%   {width:150px;height:150px;margin-top:-75px;margin-left:-75px;}
     100% {width:160px;height:160px;margin-top:-80px;margin-left:-80px;}
     }

  .hn_evaluation2322{/*box-shadow:0 0px 1px #e5e5e5;*/width:816px;height:396px;}
  .hn_evaluation2322 {display:block;background:white;}
  .hn_evaluation2322 .l{position:absolute;left:0px;top:0px;width:291px!important;background:#f6f6f6;position:relative;overflow:hidden;height:396px;}
  .hn_evaluation2322 .l h2{margin:25px 20px 0;color:#333;font-size:3.2em;line-height:1.25em;max-height:2.5em;overflow:hidden;margin-bottom:5px;}
  .hn_evaluation2322 .l p{padding:0px 20px 0;color:#999;font-size:1.4em;line-height:1.57em;max-height:6.28em;overflow:hidden}
  .hn_evaluation2322 .l .scorebox{vertical-align:middle;line-height:25px;position:absolute;padding-bottom:20px;position:absolute;bottom:0px ;left:0px;}
  .hn_evaluation2322 .l .scorebox p {color:#666;}
  .hn_evaluation2322 .l .scorebox p b{color:#32beff;font-weight:normal}
  .hn_evaluation2322 .r{width:525px!important;position:absolute;left:291px;top:0px;display:table;vertical-align:middle;text-align:center;overflow:hidden;height:394px;border:1px solid #e5e5e5;border-left:none;}
  .hn_evaluation2322 .r .imgbox{display:inline-block;vertical-align:middle;position:absolute;top:50%;left:50%;margin-top:-175px;margin-left:-175px;width:350px;height:350px;}
  .hn_evaluation2322 .r .imgbox img{width:100%;height:100%;}
  .hn_evaluation2322 a{color:#333;}
  .hn_evaluation2322 a:hover{color:#32beff;}
  .hn_evaluation2322 .r .imgbox:hover{
 
     animation: evaluation_img2322 0.2s ease-out 0s;
     -moz-animation: evaluation_img2322 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: evaluation_img2322 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: evaluation_img2322 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:backwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
     width:370px;height:370px;margin-top:-185px;margin-left:-185px;
   }
     @keyframes evaluation_img2322
     {
     0%   {width:350px;height:350px;margin-top:-175px;margin-left:-175px;}
     100% {width:370px;height:370px;margin-top:-185px;margin-left:-185px;}
     }

     @-moz-keyframes evaluation_img2322 /* Firefox */
     {
     0%   {width:350px;height:350px;margin-top:-175px;margin-left:-175px;}
     100% {width:370px;height:370px;margin-top:-185px;margin-left:-185px;}
     }

     @-webkit-keyframes evaluation_img2322 /* Safari 和 Chrome */
     {
     0%   {width:350px;height:350px;margin-top:-175px;margin-left:-175px;}
     100% {width:370px;height:370px;margin-top:-185px;margin-left:-185px;}
     }

     @-o-keyframes evaluation_img2322 /* Opera */
     {
     0%   {width:350px;height:350px;margin-top:-175px;margin-left:-175px;}
     100% {width:370px;height:370px;margin-top:-185px;margin-left:-185px;}
     }

  .hn_evaluation1322{width:396px;height:396px;}
  .hn_evaluation1322 {display:block;background:white;}
  .hn_evaluation1322 .l{height:186px!important;background:#f6f6f6;position:absolute;bottom:0;}
  .hn_evaluation1322 .l h2{margin:20px 20px 0;color:#333;font-size:3.2em;line-height:1.25em;max-height:1.25em;overflow:hidden;margin-bottom:5px;}
  .hn_evaluation1322 .l p{padding:0px 20px 0;color:#999;font-size:1.4em;line-height:1.57em;max-height:3.14em;overflow:hidden}
  .hn_evaluation1322 .l .scorebox{vertical-align:middle;line-height:25px;position:absolute;padding-bottom:20px;position:absolute;bottom:0px ;left:0px;}
  .hn_evaluation1322 .l .scorebox p {color:#666;}
  .hn_evaluation1322 .l .scorebox p b{color:#32beff;font-weight:normal}
  .hn_evaluation1322 .r{height:209px!important;display:table;vertical-align:middle;text-align:center;width:394px;border:1px solid #e5e5e5;position:relative;border-bottom:0px;}
  .hn_evaluation1322 .r .imgbox{display:inline-block;vertical-align:middle;position:absolute;top:50%;left:50%;border-bottom:0;width:150px;height:150px;margin-top:-75px;margin-left:-75px;}
  .hn_evaluation1322 .r .imgbox img{width:100%;height:100%;}
  .hn_evaluation1322 a{color:#333;}
  .hn_evaluation1322 a:hover{color:#32beff;}
  .hn_evaluation1322 .r .imgbox:hover{
     
     animation: evaluation_img12 0.2s ease-out 0s;
     -moz-animation: evaluation_img12 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: evaluation_img12 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: evaluation_img12 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:backwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
     width:160px;height:160px;margin-top:-80px;margin-left:-80px;
   }
     @keyframes evaluation_img12
     {
     0%   {width:150px;height:150px;margin-top:-75px;margin-left:-75px;}
     100% {width:160px;height:160px;margin-top:-80px;margin-left:-80px;}
     }

     @-moz-keyframes evaluation_img12 /* Firefox */
     {
     0%   {width:150px;height:150px;margin-top:-75px;margin-left:-75px;}
     100% {width:160px;height:160px;margin-top:-80px;margin-left:-80px;}
     }

     @-webkit-keyframes evaluation_img12 /* Safari 和 Chrome */
     {
     0%   {width:150px;height:150px;margin-top:-75px;margin-left:-75px;}
     100% {width:160px;height:160px;margin-top:-80px;margin-left:-80px;}
     }

     @-o-keyframes evaluation_img12 /* Opera */
     {
     0%   {width:150px;height:150px;margin-top:-75px;margin-left:-75px;}
     100% {width:160px;height:160px;margin-top:-80px;margin-left:-80px;}
     }
/*END 评价资源块*/
/*START 视频资源块*/
  .hn_video2_2{position:relative;overflow:hidden;box-shadow:0 0px 5px #e5e5e5}
  .hn_video2_2 .imgbox{overflow:hidden;width:140%!important;text-align:center;position:relative;left:50%;margin-left:-70%;height:396px;}
  .hn_video2_2 .imgbox img{position:relative;top:0;}
  .hn_video2_2 .imgbox .zz{width:100%!important;background:rgba(0,0,0,0.3);position:absolute;top:0;left:0px;height:1000px;}
  .hn_video2_2 .imgbox .i_play{position:absolute;left:50%;margin-left:-25px;top:50%;margin-top:-25px;}
  .hn_video2_2 .textbox{display:block;background:white;padding:20px 15px 25px;}
  .hn_video2_2 .textbox h2{color:#333;font-size:2em;line-height:1.5em;height:1.5em;overflow:hidden}
  .hn_video2_2 .textbox p{color:#999;font-size:1.2em;line-height:1.5em;height:1.5em;overflow:hidden}

  .hn_video1_2{position:relative;overflow:hidden;box-shadow:0 0px 5px #e5e5e5}
  .hn_video1_2 .imgbox{overflow:hidden;height:295px!important;text-align:center;position:relative;}
  .hn_video1_2 .imgbox img{position:relative;top:0;}
  .hn_video1_2 .imgbox .zz{width:100%!important;background:rgba(0,0,0,0.3);position:absolute;top:0;left:0px;height:1000px;}
  .hn_video1_2 .imgbox .i_play{position:absolute;left:50%;margin-left:-25px;top:50%;margin-top:-25px;}
  .hn_video1_2 .textbox{display:block;background:white;padding:27px 15px 30px;}
  .hn_video1_2 .textbox h2{color:#333;font-size:1.8em;line-height:1.5em;height:1.5em;overflow:hidden}
  .hn_video1_2 .textbox p{color:#999;font-size:1.3em;line-height:1.4em;height:1.4em;overflow:hidden}

  .hn_video1_1{position:relative;overflow:hidden;box-shadow:0 0px 5px #e5e5e5}
  .hn_video1_1 .imgbox{overflow:hidden;width:140%!important;text-align:center;position:relative;left:50%;margin-left:-70%;}
  .hn_video1_1 .imgbox img{position:relative;top:0;}
  .hn_video1_1 .imgbox .zz{width:100%!important;background:rgba(0,0,0,0.3);position:absolute;top:0;left:0px;height:700px;}
  .hn_video1_1 .imgbox .i_play{position:absolute;left:50%;margin-left:-25px;top:50%;margin-top:-25px;}
  .hn_video1_1 .textbox{display:block;background:white;padding:5px 15px 10px;}
  .hn_video1_1 .textbox h2{color:#333;font-size:1.8em;line-height:1.5em;height:1.5em;overflow:hidden}
  .hn_video1_1 .textbox p{color:#999;font-size:1.2em;line-height:1.5em;height:1.5em;overflow:hidden}

  .hn_video1312{position:relative;overflow:hidden;}
  .hn_video1312 .imgbox{overflow:hidden;height:146px!important;width:396px;text-align:center;position:relative;}
  .hn_video1312 .imgbox img{position:absolute;width:396px;height:198px;top:0;margin-top:-26px;left:0px;}
  .hn_video1312 .imgbox .zz{width:100%!important;background:rgba(0,90,171,0.5);position:absolute;top:0;left:0px;height:500px;}
  .hn_video1312 .imgbox .i_play{position:absolute;left:50%;margin-left:-25px;top:50%;margin-top:-25px;}
  .hn_video1312 .textbox{display:block;background:white;height:39px;border:1px solid #e5e5e5;border-top:0px;}
  .hn_video1312 .textbox h2{color:#666;font-size:1.6em;line-height:39px;height:39px;overflow:hidden;margin:0 18px;}
  .hn_video1312 .imgbox:hover .zz{display:none;}
  .hn_video1312 .imgbox:hover img{
     animation: video1312 0.2s ease-out 0s;
     -moz-animation: video1312 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: video1312 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: video1312 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:backwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
     width:420px;height:210px;margin-top:-32px;left:-12px;
   }
     @keyframes video1312
     {
     0%   {width:396px;height:198px;margin-top:-26px;left:0px;}
     100% {width:420px;height:210px;margin-top:-32px;left:-12px;}
     }

     @-moz-keyframes video1312 /* Firefox */
     {
     0%   {width:396px;height:198px;margin-top:-26px;left:0px;}
     100% {width:420px;height:210px;margin-top:-32px;left:-12px;}
     }

     @-webkit-keyframes video1312 /* Safari 和 Chrome */
     {
     0%   {width:396px;height:198px;margin-top:-26px;left:0px;}
     100% {width:420px;height:210px;margin-top:-32px;left:-12px;}
     }

     @-o-keyframes video1312 /* Opera */
     {
     0%   {width:396px;height:198px;margin-top:-26px;left:0px;}
     100% {width:420px;height:210px;margin-top:-32px;left:-12px;}
     }

  .hn_video1412{position:relative;overflow:hidden;}
  .hn_video1412 .imgbox{overflow:hidden;height:146px!important;width:291px;text-align:center;position:relative;}
  .hn_video1412 .imgbox img{position:absolute;width:291px;height:146px;top:0;margin-top:0;left:0px;}
  .hn_video1412 .imgbox .zz{width:100%!important;background:rgba(0,90,171,0.5);position:absolute;top:0;left:0px;height:500px;}
  .hn_video1412 .imgbox .i_play{position:absolute;left:50%;margin-left:-25px;top:50%;margin-top:-25px;}
  .hn_video1412 .textbox{display:block;background:white;height:39px;border:1px solid #e5e5e5;border-top:0px;}
  .hn_video1412 .textbox h2{color:#666;font-size:1.6em;line-height:39px;height:39px;overflow:hidden;margin:0 18px;}
  .hn_video1412 .imgbox:hover .zz{display:none;}
  .hn_video1412 .imgbox:hover img{
     animation: video1412 0.2s ease-out 0s;
     -moz-animation: video1412 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: video1412 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: video1412 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:backwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
     width:309px;height:155px;margin-top:-4px;left:-9px;
   }
     @keyframes video1412
     {
     0%   {width:291px;height:146px;margin-top:0px;left:0px;}
     100% {width:309px;height:155px;margin-top:-4px;left:-9px;}
     }

     @-moz-keyframes video1412 /* Firefox */
     {
     0%   {width:291px;height:146px;margin-top:0px;left:0px;}
     100% {width:309px;height:155px;margin-top:-4px;left:-9px;}
     }

     @-webkit-keyframes video1412 /* Safari 和 Chrome */
     {
     0%   {width:291px;height:146px;margin-top:0px;left:0px;}
     100% {width:309px;height:155px;margin-top:-4px;left:-9px;}
     }

     @-o-keyframes video1412 /* Opera */
     {
     0%   {width:291px;height:146px;margin-top:0px;left:0px;}
     100% {width:309px;height:155px;margin-top:-4px;left:-9px;}
     }
/*END 视频资源块*/
/*START图文资源块*/
  .hn_imgtext1322_1{position:relative;overflow:hidden;border:1px solid #e5e5e5;width:394px;height:394px;overflow:visible;background:white}
  .hn_imgtext1322_1 .showbox{width:396px;height:396px;position:absolute;top:-1px;left:-1px;overflow:hidden;}
  .hn_imgtext1322_1 .showbox ul{width:30000px;}
  .hn_imgtext1322_1 .showbox ul li{width:396px;height:396px;float:left;}
  .hn_imgtext1322_1 .imgbox{overflow:hidden;height:356px!important;width:396px;text-align:center;position:relative;}
  .hn_imgtext1322_1 .imgbox img{position:absolute;width:396px;height:396px;top:0;margin-top:-20px;left:0px;}
  .hn_imgtext1322_1 .textbox{display:block;height:39px;}
  .hn_imgtext1322_1 .textbox h2{color:#666;font-size:1.6em;line-height:39px;height:39px;overflow:hidden;margin:0 18px;}
  .hn_imgtext1322_1 .nav{position:absolute;bottom:40px;right:10px;text-align:left;float:right;display:inline-block;z-index:10;background:url(hn_null.gif);}
  .hn_imgtext1322_1 .nav span{cursor:pointer;float:left;display:block;padding:10px 0px;margin:0 5px;}
  .hn_imgtext1322_1 .nav span i{display:inline-block;width:30px;height:3px;background:#c6cacb;}
  .hn_imgtext1322_1 .nav span:hover i,.hn_imgtext1322_1 .nav span.cur i{background:#33beff;}
  .hn_imgtext1322_1 .imgbox:hover img{
     animation: imgtext1322_1 0.2s ease-out 0s;
     -moz-animation: imgtext1322_1 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: imgtext1322_1 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: imgtext1322_1 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:backwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
     width:420px;height:420px;margin-top:-32px;left:-13px;
   }
     @keyframes imgtext1322_1
     {
     0%   {width:396px;height:396px;margin-top:-20px;left:0px;}
     100% {width:420px;height:420px;margin-top:-32px;left:-13px;}
     }

     @-moz-keyframes imgtext1322_1 /* Firefox */
     {
     0%   {width:396px;height:396px;margin-top:-20px;left:0px;}
     100% {width:420px;height:420px;margin-top:-32px;left:-13px;}
     }

     @-webkit-keyframes imgtext1322_1 /* Safari 和 Chrome */
     {
     0%   {width:396px;height:396px;margin-top:-20px;left:0px;}
     100% {width:420px;height:420px;margin-top:-32px;left:-13px;}
     }

     @-o-keyframes imgtext1322_1 /* Opera */
     {
     0%   {width:396px;height:396px;margin-top:-20px;left:0px;}
     100% {width:420px;height:420px;margin-top:-32px;left:-13px;}
     }


  .hn_imgtext1422{position:relative;overflow:hidden;border:1px solid #e5e5e5;width:289px;height:394px;overflow:visible;background:white}
  .hn_imgtext1422 .showbox{width:291px;height:396px;position:absolute;top:-1px;left:-1px;overflow:hidden;}
  .hn_imgtext1422 .showbox ul{width:30000px;}
  .hn_imgtext1422 .showbox ul li{width:291px;height:396px;float:left;}
  .hn_imgtext1422 .imgbox{overflow:hidden;height:303px!important;width:291px;text-align:center;position:relative;}
  .hn_imgtext1422 .imgbox img{position:absolute;width:303px;height:303px;top:0;margin-top:0px;left:-6px;}
  .hn_imgtext1422 .textbox{display:block;padding:20px 0;}
  .hn_imgtext1422 .textbox h2{color:#666;font-size:1.6em;line-height:1.5em;height:1.5em;overflow:hidden;margin:0 18px;}
  .hn_imgtext1422 .textbox p{color:#999;font-size:1.4em;line-height:1.57em;height:1.57em;overflow:hidden;margin:0 18px;}
  .hn_imgtext1422 .nav{position:absolute;bottom:95px;right:15px;text-align:left;float:right;display:inline-block;z-index:10;background:url(hn_null.gif);}
  .hn_imgtext1422 .nav span{cursor:pointer;float:left;display:block;padding:10px 0px;margin:0 3px;}
  .hn_imgtext1422 .nav span i{display:inline-block;width:20px;height:3px;background:#c6cacb;}
  .hn_imgtext1422 .nav span:hover i,.hn_imgtext1422 .nav span.cur i{background:#33beff;}
  .hn_imgtext1422 .imgbox:hover img{
     animation: imgtext1422 0.2s ease-out 0s;
     -moz-animation: imgtext1422 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: imgtext1422 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: imgtext1422 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:backwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
     width:321px;height:321px;margin-top:-15px;left:-15px;
   }
     @keyframes imgtext1422
     {
     0%   {width:303px;height:303px;margin-top:0px;left:-6px;}
     100% {width:321px;height:321px;margin-top:-9px;left:-15px;}
     }

     @-moz-keyframes imgtext1422 /* Firefox */
     {
     0%   {width:303px;height:303px;margin-top:0px;left:-6px;}
     100% {width:321px;height:321px;margin-top:-9px;left:-15px;}
     }

     @-webkit-keyframes imgtext1422 /* Safari 和 Chrome */
     {
     0%   {width:303px;height:303px;margin-top:0px;left:-6px;}
     100% {width:321px;height:321px;margin-top:-9px;left:-15px;}
     }

     @-o-keyframes imgtext1422 /* Opera */
     {
     0%   {width:303px;height:303px;margin-top:0px;left:-6px;}
     100% {width:321px;height:321px;margin-top:-9px;left:-15px;}
     }

  .hn_imgtext1312{position:relative;overflow:hidden;border:1px solid #e5e5e5;width:394px;height:184px;overflow:visible;background:white}
  .hn_imgtext1312 .showbox{width:396px;height:186px;position:absolute;top:-1px;left:-1px;overflow:hidden;}
  .hn_imgtext1312 .showbox ul{width:30000px;}
  .hn_imgtext1312 .showbox ul li{width:396px;height:186px;float:left;position:relative;}
  .hn_imgtext1312 .imgbox{overflow:hidden;height:186px!important;width:186px;text-align:center;position:relative;}
  .hn_imgtext1312 .imgbox img{position:absolute;width:186px;height:186px;top:0;margin-top:0px;left:0px;}
  .hn_imgtext1312 .textbox{display:block;width:200px;position:absolute;right:0px;top:20px;}
  .hn_imgtext1312 .textbox h2{color:#666;font-size:1.6em;line-height:1.5em;max-height:3em;overflow:hidden;margin:0 18px;display:block;margin-bottom:5px;}
  .hn_imgtext1312 .textbox p{color:#999;font-size:1.4em;line-height:1.57em;max-height:3.14em;overflow:hidden;margin:0 18px;display:block;}
  .hn_imgtext1312 .nav{position:absolute;bottom:0px;right:15px;text-align:left;float:right;display:inline-block;z-index:10;background:url(hn_null.gif);}
  .hn_imgtext1312 .nav span{cursor:pointer;float:left;display:block;padding:10px 0px;margin:0 3px;}
  .hn_imgtext1312 .nav span i{display:inline-block;width:20px;height:3px;background:#c6cacb;}
  .hn_imgtext1312 .nav span:hover i,.hn_imgtext1312 .nav span.cur i{background:#33beff;}
  .hn_imgtext1312 .imgbox:hover img{
     animation: imgtext1312 0.2s ease-out 0s;
     -moz-animation: imgtext1312 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: imgtext1312 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: imgtext1312 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:backwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
     width:197px;height:197px;margin-top:-5px;left:-5px;
   }
     @keyframes imgtext1312
     {
     0%   {width:186px;height:186px;margin-top:0px;left:0px;}
     100% {width:197px;height:197px;margin-top:-5px;left:-5px;}
     }

     @-moz-keyframes imgtext1312 /* Firefox */
     {
     0%   {width:186px;height:186px;margin-top:0px;left:0px;}
     100% {width:197px;height:197px;margin-top:-5px;left:-5px;}
     }

     @-webkit-keyframes imgtext1312 /* Safari 和 Chrome */
     {
     0%   {width:186px;height:186px;margin-top:0px;left:0px;}
     100% {width:197px;height:197px;margin-top:-5px;left:-5px;}
     }

     @-o-keyframes imgtext1312 /* Opera */
     {
     0%   {width:186px;height:186px;margin-top:0px;left:0px;}
     100% {width:197px;height:197px;margin-top:-5px;left:-5px;}
     }


  .hn_imgtext2322{position:relative;overflow:hidden;border:1px solid #e5e5e5;width:814px;height:394px;overflow:visible;background:white}
  .hn_imgtext2322 .showbox{width:816px;height:396px;position:absolute;top:-1px;left:-1px;overflow:hidden;}
  .hn_imgtext2322 .showbox ul{width:30000px;}
  .hn_imgtext2322 .showbox ul li{width:816px;height:396px;float:left;}
  .hn_imgtext2322 .imgbox{overflow:hidden;height:356px!important;width:816px;text-align:center;position:relative;}
  .hn_imgtext2322 .imgbox img{position:absolute;width:816px;height:408px;top:0;margin-top:-26px;left:0px;}
  .hn_imgtext2322 .textbox{display:block;height:39px;}
  .hn_imgtext2322 .textbox h2{color:#666;font-size:1.6em;line-height:39px;height:39px;overflow:hidden;margin:0 18px;}
  .hn_imgtext2322 .nav{position:absolute;bottom:40px;right:10px;text-align:left;float:right;display:inline-block;z-index:10;background:url(hn_null.gif);}
  .hn_imgtext2322 .nav span{cursor:pointer;float:left;display:block;padding:10px 0px;margin:0 5px;}
  .hn_imgtext2322 .nav span i{display:inline-block;width:30px;height:3px;background:#c6cacb;}
  .hn_imgtext2322 .nav span:hover i,.hn_imgtext2322 .nav span.cur i{background:#33beff;}
  .hn_imgtext2322 .imgbox:hover img{
     animation: imgtext2322 0.2s ease-out 0s;
     -moz-animation: imgtext2322 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: imgtext2322 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: imgtext2322 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:backwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
     width:865px;height:432px;margin-top:-38px;left:-26px;
   }
     @keyframes imgtext2322
     {
     0%   {width:816px;height:408px;margin-top:-26px;left:0px;}
     100% {width:865px;height:432px;margin-top:-38px;left:-26px;}
     }

     @-moz-keyframes imgtext2322 /* Firefox */
     {
     0%   {width:816px;height:408px;margin-top:-26px;left:0px;}
     100% {width:865px;height:432px;margin-top:-38px;left:-26px;}
     }

     @-webkit-keyframes imgtext2322 /* Safari 和 Chrome */
     {
     0%   {width:816px;height:408px;margin-top:-26px;left:0px;}
     100% {width:865px;height:432px;margin-top:-38px;left:-26px;}
     }

     @-o-keyframes imgtext2322 /* Opera */
     {
     0%   {width:816px;height:408px;margin-top:-26px;left:0px;}
     100% {width:865px;height:432px;margin-top:-38px;left:-26px;}
     }


  .hn_imgtext1312_1{position:relative;overflow:hidden;border:1px solid #e5e5e5;width:394px;height:184px;overflow:visible;background:white}
  .hn_imgtext1312_1 .showbox{width:396px;height:186px;position:absolute;top:-1px;left:-1px;overflow:hidden;}
  .hn_imgtext1312_1 .showbox ul{width:30000px;}
  .hn_imgtext1312_1 .showbox ul li{width:396px;height:186px;float:left;}
  .hn_imgtext1312_1 .imgbox{overflow:hidden;height:146px!important;width:396px;text-align:center;position:relative;}
  .hn_imgtext1312_1 .imgbox img{position:absolute;width:396px;height:198px;top:0;margin-top:-26px;left:0px;}
  .hn_imgtext1312_1 .textbox{display:block;height:39px;}
  .hn_imgtext1312_1 .textbox h2{color:#666;font-size:1.6em;line-height:39px;height:39px;overflow:hidden;margin:0 18px;}
  .hn_imgtext1312_1 .nav{position:absolute;bottom:40px;right:10px;text-align:left;float:right;display:inline-block;z-index:10;background:url(hn_null.gif);}
  .hn_imgtext1312_1 .nav span{cursor:pointer;float:left;display:block;padding:10px 0px;margin:0 5px;background:url(hn_null.gif);}
  .hn_imgtext1312_1 .nav span i{display:inline-block;width:30px;height:3px;background:#c6cacb;}
  .hn_imgtext1312_1 .nav span:hover i,.hn_imgtext1312_1 .nav span.cur i{background:#33beff;}
  .hn_imgtext1312_1 .imgbox:hover img{
     animation: imgtext1312_1 0.2s ease-out 0s;
     -moz-animation: imgtext1312_1 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: imgtext1312_1 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: imgtext1312_1 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:backwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
     width:420px;height:210px;margin-top:-32px;left:-12px;
   }
     @keyframes imgtext1312_1
     {
     0%   {width:396px;height:198px;margin-top:-26px;left:0px;}
     100% {width:420px;height:210px;margin-top:-32px;left:-12px;}
     }

     @-moz-keyframes imgtext1312_1 /* Firefox */
     {
     0%   {width:396px;height:198px;margin-top:-26px;left:0px;}
     100% {width:420px;height:210px;margin-top:-32px;left:-12px;}
     }

     @-webkit-keyframes imgtext1312_1 /* Safari 和 Chrome */
     {
     0%   {width:396px;height:198px;margin-top:-26px;left:0px;}
     100% {width:420px;height:210px;margin-top:-32px;left:-12px;}
     }

     @-o-keyframes imgtext1312_1 /* Opera */
     {
     0%   {width:396px;height:198px;margin-top:-26px;left:0px;}
     100% {width:420px;height:210px;margin-top:-32px;left:-12px;}
     }

  .hn_imgtext1412{position:relative;overflow:hidden;border:1px solid #e5e5e5;width:289px;height:184px;overflow:visible;background:white}
  .hn_imgtext1412 .showbox{width:291px;height:186px;position:absolute;top:-1px;left:-1px;overflow:hidden;}
  .hn_imgtext1412 .showbox ul{width:30000px;}
  .hn_imgtext1412 .showbox ul li{width:291px;height:186px;float:left;}
  .hn_imgtext1412 .imgbox{overflow:hidden;height:146px!important;width:291px;text-align:center;position:relative;}
  .hn_imgtext1412 .imgbox img{position:absolute;width:291px;height:146px;top:0;margin-top:-0px;left:0px;}
  .hn_imgtext1412 .textbox{display:block;height:39px;}
  .hn_imgtext1412 .textbox h2{color:#666;font-size:1.6em;line-height:39px;height:39px;overflow:hidden;margin:0 18px;}
  .hn_imgtext1412 .nav{position:absolute;bottom:40px;right:10px;text-align:left;float:right;display:inline-block;z-index:10;background:url(hn_null.gif);}
  .hn_imgtext1412 .nav span{cursor:pointer;float:left;display:block;padding:10px 0px;margin:0 3px;}
  .hn_imgtext1412 .nav span i{display:inline-block;width:20px;height:3px;background:#c6cacb;}
  .hn_imgtext1412 .nav span:hover i,.hn_imgtext1412 .nav span.cur i{background:#33beff;}
  .hn_imgtext1412 .imgbox:hover img{
     animation: imgtext1412 0.2s ease-out 0s;
     -moz-animation: imgtext1412 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: imgtext1412 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: imgtext1412 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:backwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
     width:309px;height:155px;margin-top:-4px;left:-9px;
   }
     @keyframes imgtext1412
     {
     0%   {width:291px;height:146px;margin-top:-0px;left:0px;}
     100% {width:309px;height:155px;margin-top:-4px;left:-9px;}
     }

     @-moz-keyframes imgtext1412 /* Firefox */
     {
     0%   {width:291px;height:146px;margin-top:-0px;left:0px;}
     100% {width:309px;height:155px;margin-top:-4px;left:-9px;}
     }

     @-webkit-keyframes imgtext1412 /* Safari 和 Chrome */
     {
     0%   {width:291px;height:146px;margin-top:-0px;left:0px;}
     100% {width:309px;height:155px;margin-top:-4px;left:-9px;}
     }

     @-o-keyframes imgtext1412 /* Opera */
     {
     0%   {width:291px;height:146px;margin-top:-0px;left:0px;}
     100% {width:309px;height:155px;margin-top:-4px;left:-9px;}
     }

  .hn_imgtext2422{position:relative;overflow:hidden;border:1px solid #e5e5e5;width:604px;height:394px;overflow:visible;background:white}
  .hn_imgtext2422 .showbox{width:606px;height:396px;position:absolute;top:-1px;left:-1px;overflow:hidden;}
  .hn_imgtext2422 .showbox ul{width:30000px;}
  .hn_imgtext2422 .showbox ul li{width:606px;height:396px;float:left;}
  .hn_imgtext2422 .imgbox{overflow:hidden;height:303px!important;width:606px;text-align:center;position:relative;}
  .hn_imgtext2422 .imgbox img{position:absolute;width:606px;height:303px;top:0;margin-top:0px;left:0px;}
  .hn_imgtext2422 .textbox{display:block;padding:20px 0;}
  .hn_imgtext2422 .textbox h2{color:#666;font-size:1.6em;line-height:1.5em;height:1.5em;overflow:hidden;margin:0 18px;}
  .hn_imgtext2422 .textbox p{color:#999;font-size:1.4em;line-height:1.57em;height:1.57em;overflow:hidden;margin:0 18px;}
  .hn_imgtext2422 .nav{position:absolute;bottom:95px;right:15px;text-align:left;float:right;display:inline-block;z-index:10;background:url(hn_null.gif);}
  .hn_imgtext2422 .nav span{cursor:pointer;float:left;display:block;padding:10px 0px;margin:0 3px;}
  .hn_imgtext2422 .nav span i{display:inline-block;width:20px;height:3px;background:#c6cacb;}
  .hn_imgtext2422 .nav span:hover i,.hn_imgtext2422 .nav span.cur i{background:#33beff;}
  .hn_imgtext2422 .imgbox:hover img{
     animation: imgtext2422 0.2s ease-out 0s;
     -moz-animation: imgtext2422 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: imgtext2422 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: imgtext2422 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:backwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
     width:642px;height:321px;margin-top:-9px;left:-18px;
   }
     @keyframes imgtext2422
     {
     0%   {width:606px;height:303px;margin-top:0px;left:0px;}
     100% {width:642px;height:321px;margin-top:-9px;left:-18px;}
     }

     @-moz-keyframes imgtext2422 /* Firefox */
     {
     0%   {width:606px;height:303px;margin-top:0px;left:0px;}
     100% {width:642px;height:321px;margin-top:-9px;left:-18px;}
     }

     @-webkit-keyframes imgtext2422 /* Safari 和 Chrome */
     {
     0%   {width:606px;height:303px;margin-top:0px;left:0px;}
     100% {width:642px;height:321px;margin-top:-9px;left:-18px;}
     }

     @-o-keyframes imgtext2422 /* Opera */
     {
     0%   {width:606px;height:303px;margin-top:0px;left:0px;}
     100% {width:642px;height:321px;margin-top:-9px;left:-18px;}
     }

  .hn_imgtext1322{position:relative;overflow:hidden;border:1px solid #e5e5e5;width:394px;height:394px;overflow:visible;background:white}
  .hn_imgtext1322 .showbox{width:396px;height:396px;position:absolute;top:-1px;left:-1px;overflow:hidden;}
  .hn_imgtext1322 .showbox ul{width:30000px;}
  .hn_imgtext1322 .showbox ul li{width:396px;height:396px;float:left;}
  .hn_imgtext1322 .imgbox{overflow:hidden;height:186px!important;width:396px;text-align:center;position:relative;}
  .hn_imgtext1322 .imgbox img{position:absolute;width:396px;height:198px;top:0;margin-top:-6px;left:0px;}
  .hn_imgtext1322 .textbox{display:block;padding:20px 0;}
  .hn_imgtext1322 .textbox h2{color:#666;font-size:1.6em;line-height:1.5em;height:1.5em;overflow:hidden;margin:0 18px 5px;}
  .hn_imgtext1322 .textbox p{color:#999;font-size:1.4em;line-height:1.57em;max-height:3.14em;overflow:hidden;margin:0 18px;}
  .hn_imgtext1322 .nav{position:absolute;bottom:208px;right:15px;text-align:left;float:right;display:inline-block;z-index:10;background:url(hn_null.gif);}
  .hn_imgtext1322 .tool{position:absolute;bottom:11px;left:15px;font-size:1.4em;line-height:1.57em;max-height: 3.14em;overflow: hidden;color:#666;}
  .hn_imgtext1322 .nav span{cursor:pointer;float:left;display:block;padding:10px 0px;margin:0 3px;}
  .hn_imgtext1322 .nav span i{display:inline-block;width:20px;height:3px;background:#c6cacb;}
  .hn_imgtext1322 .nav span:hover i,.hn_imgtext1322 .nav span.cur i{background:#33beff;}
  .hn_imgtext1322 .imgbox:hover img{
     animation: imgtext1322 0.2s ease-out 0s;
     -moz-animation: imgtext1322 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: imgtext1322 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: imgtext1322 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:backwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
     width:420px;height:210px;margin-top:-12px;left:-12px;
   }
     @keyframes imgtext1322
     {
     0%   {width:396px;height:198px;margin-top:-6px;left:0px;}
     100% {width:420px;height:210px;margin-top:-12px;left:-12px;}
     }

     @-moz-keyframes imgtext1322 /* Firefox */
     {
     0%   {width:396px;height:198px;margin-top:-6px;left:0px;}
     100% {width:420px;height:210px;margin-top:-12px;left:-12px;}
     }

     @-webkit-keyframes imgtext1322 /* Safari 和 Chrome */
     {
     0%   {width:396px;height:198px;margin-top:-6px;left:0px;}
     100% {width:420px;height:210px;margin-top:-12px;left:-12px;}
     }

     @-o-keyframes imgtext1322 /* Opera */
     {
     0%   {width:396px;height:198px;margin-top:-6px;left:0px;}
     100% {width:420px;height:210px;margin-top:-12px;left:-12px;}
     }

  .hn_imgtext1422_n{position:relative;overflow:hidden;border:1px solid #e5e5e5;width:289px;height:394px;overflow:visible;background:white}
  .hn_imgtext1422_n .showbox{width:291px;height:396px;position:absolute;top:-1px;left:-1px;overflow:hidden;}
  .hn_imgtext1422_n .showbox ul{width:30000px;}
  .hn_imgtext1422_n .showbox ul li{width:291px;height:396px;float:left;}
  .hn_imgtext1422_n .imgbox{overflow:hidden;height:146px!important;width:291px;text-align:center;position:relative;}
  .hn_imgtext1422_n .imgbox img{position:absolute;width:291px;height:146px;top:0;margin-top:-0px;left:0px;}
  .hn_imgtext1422_n .textbox{display:block;padding:10px 0;}
  .hn_imgtext1422_n .textbox h2{color:#666;font-size:1.6em;line-height:1.5em;height:1.5em;overflow:hidden;margin:0 18px 5px;}
  .hn_imgtext1422_n .textbox p{color:#999;font-size:1.4em;line-height:1.57em;max-height:4.71em;overflow:hidden;margin:0 18px;}
  .hn_imgtext1422_n .nav{position:absolute;bottom:250px;right:13px;text-align:left;float:right;display:inline-block;z-index:10;background:url(hn_null.gif);}
  .hn_imgtext1422_n .tool{position:absolute;bottom:11px;left:15px;font-size:1.4em;line-height:1.57em;max-height: 3.14em;overflow: hidden;color:#666;}
  .hn_imgtext1422_n .nav span{cursor:pointer;float:left;display:block;padding:10px 0px;margin:0 3px;}
  .hn_imgtext1422_n .nav span i{display:inline-block;width:20px;height:3px;background:#c6cacb;}
  .hn_imgtext1422_n .nav span:hover i,.hn_imgtext1422_n .nav span.cur i{background:#33beff;}
  .hn_imgtext1422_n .imgbox:hover img{
     animation: imgtext1422_n 0.2s ease-out 0s;
     -moz-animation: imgtext1422_n 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: imgtext1422_n 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: imgtext1422_n 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:backwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
     width:309px;height:155px;margin-top:-4px;left:-9px;
   }
     @keyframes imgtext1422_n
     {
     0%   {width:291px;height:146px;margin-top:-0px;left:0px;}
     100% {width:309px;height:155px;margin-top:-4px;left:-9px;}
     }

     @-moz-keyframes imgtext1422_n /* Firefox */
     {
     0%   {width:291px;height:146px;margin-top:-0px;left:0px;}
     100% {width:309px;height:155px;margin-top:-4px;left:-9px;}
     }

     @-webkit-keyframes imgtext1422_n /* Safari 和 Chrome */
     {
     0%   {width:291px;height:146px;margin-top:-0px;left:0px;}
     100% {width:309px;height:155px;margin-top:-4px;left:-9px;}
     }

     @-o-keyframes imgtext1422_n /* Opera */
     {
     0%   {width:291px;height:146px;margin-top:-0px;left:0px;}
     100% {width:309px;height:155px;margin-top:-4px;left:-9px;}
     }
/*END 图文资源块*/
/*START 图片资源块*/
  .hn_picture2_2{position:relative;overflow:hidden;box-shadow:0 0px 5px #e5e5e5}
  .hn_picture2_2 .imgbox{overflow:hidden;width:140%!important;height:305px;text-align:center;position:relative;left:50%;margin-left:-70%;}
  .hn_picture2_2 .imgbox img{position:relative;top:0;}
  .hn_picture2_2 .textbox{display:block;background:white;padding:20px 15px 25px;}
  .hn_picture2_2 .textbox h2{;font-size:2em;line-height:1.5em;height:1.5em;overflow:hidden}
  .hn_picture2_2 .textbox h2 a{color:#333;}
  .hn_picture2_2 .textbox p{color:#999;font-size:1.2em;line-height:1.5em;height:1.5em;overflow:hidden}
  .hn_picture2_2 .textbox h2 a:hover{color:#32beff;}

  .hn_picture1_2{position:relative;overflow:hidden;box-shadow:0 0px 5px #e5e5e5}
  .hn_picture1_2 .imgbox{overflow:hidden;height:295px!important;text-align:center;position:relative;}
  .hn_picture1_2 .imgbox img{position:relative;top:0;}
  .hn_picture1_2 .textbox{display:block;background:white;padding:27px 15px 30px;}
  .hn_picture1_2 .textbox h2{color:#333;font-size:1.8em;line-height:1.5em;height:1.5em;overflow:hidden}
  .hn_picture1_2 .textbox h2 a{color:#333;}
  .hn_picture1_2 .textbox p{color:#999;font-size:1.3em;line-height:1.4em;height:1.4em;overflow:hidden}
  .hn_picture1_2 .textbox h2 a:hover{color:#32beff;}
  

  .hn_picture1_1{position:relative;overflow:hidden;box-shadow:0 0px 5px #e5e5e5}
  .hn_picture1_1 .imgbox{overflow:hidden;width:140%!important;height:147px;text-align:center;position:relative;left:50%;margin-left:-70%;}
  .hn_picture1_1 .imgbox img{position:relative;top:0;}
  .hn_picture1_1 .textbox{display:block;background:white;padding:5px 15px 10px;}
  .hn_picture1_1 .textbox h2{color:#333;font-size:1.8em;line-height:1.5em;height:1.5em;overflow:hidden}
  .hn_picture1_1 .textbox h2 a{color:#333;}
  .hn_picture1_1 .textbox p{color:#999;font-size:1.2em;line-height:1.5em;height:1.5em;overflow:hidden}
  .hn_picture1_1  h2 a:hover{color:#32beff;}
/*END 图片资源块*/
/*START 用户关注度资源块*/
  .hn_hotbox{position:relative;overflow:hidden;border:1px solid  #e5e5e5;background:white;}
  .hn_hotbox .tit{height:100px;}
  .hn_hotbox .tit p{font-size:1.6em;color:#999;line-height:1.5em;padding:25px 20px 0;height:1.5em;overflow:hidden}
  .hn_hotbox .tit h2{color:#333;padding:0px 20px 0;font-weight:normal;height:1.25em;overflow:hidden;}
  .hn_hotbox ul.prolist{padding:0px 20px;display:block;}
  .hn_hotbox ul.prolist li{padding:2px 0;position:relative;padding:7px 0;height:24px;overflow:hidden;}

  .hn_hotbox ul.prolist i{float:left;vertical-align:top;display:inline-block;width:24px;height:24px;text-align:center;background:#e6ebec;color:#8d8e8f;line-height:24px}
  .hn_hotbox ul.prolist .textbox{position:relative;display:block;margin-left:10px;line-height:24px;float:left;width:86%;}
  .hn_hotbox ul.prolist .textbox h2{height:24px;overflow:hidden;width:65%;overflow:hidden;display:inline-block;color:#666;}
  .hn_hotbox ul.prolist .textbox.big{width:90%;}
  .hn_hotbox ul.prolist .textbox.big h2{width:75%;}

  .hn_hotbox ul.prolist .textbox p{position:absolute;top:0px;right:0px;vertical-align:top;display:inline-block;line-height:24px;max-height:24px;overflow:hidden;margin-left:5px;width:60px;overflow:hidden;color:#999;}
  .hn_hotbox ul.prolist .img{position:absolute;top:14px;right:0px;display:none;}
  .hn_hotbox ul.prolist li.cur{border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;margin:5px 0;padding:15px 0;height:65px;}

  .hn_hotbox ul.prolist li.cur i{font-size:1.8em;width:40px;height:40px;line-height:40px;background:#005aaa;color:white;}
  .hn_hotbox ul.prolist li.cur .textbox{width:50%;position:relative;top:-3px;}
  .hn_hotbox ul.prolist li.cur .textbox h2{display:block;height:auto;font-size:1.6em;line-height:1.5em;max-height:3em;overflow:hidden;width:100%;}
  .hn_hotbox ul.prolist li.cur .textbox p{position:relative;display:block;height:auto;margin-left:0;width:100%;}
  .hn_hotbox ul.prolist li.cur .img{display:block;}
  .hn_hotbox ul.prolist li.cur .img.big{display:block;right:20px;}
  /*.hn_hotbox ul.prolist li.cur .img:hover{
    animation: hotimg 0.2s ease-out 0s;
     -moz-animation: hotimg 0.2s ease-out 0s;     
     -webkit-animation: hotimg 0.2s ease-out 0s;  
     -o-animation: hotimg 0.2s ease-out 0s;    
     animation-fill-mode:backwards;
     -webkit-animation-fill-mode:forwards;
     width:74px;height:74px;top:8px;right:-2px;
   }*/
     @keyframes hotimg
     {
     0%   {width:70px;height:70px;top:10px;right:0px;}
     100% {width:74px;height:74px;top:8px;right:-2px;}
     }

     @-moz-keyframes hotimg /* Firefox */
     {
     0%   {width:70px;height:70px;top:10px;right:0px;}
     100% {width:74px;height:74px;top:8px;right:-2px;}
     }

     @-webkit-keyframes hotimg /* Safari 和 Chrome */
     {
     0%   {width:70px;height:70px;top:10px;right:0px;}
     100% {width:74px;height:74px;top:8px;right:-2px;}
     }

     @-o-keyframes hotimg /* Opera */
     {
     0%   {width:70px;height:70px;top:10px;right:0px;}
     100% {width:74px;height:74px;top:8px;right:-2px;}
     }
/*
     .hn_hotbox ul.prolist li.cur .img.big:hover{
      animation: hotimgbig 0.2s ease-out 0s;
     -moz-animation: hotimgbig 0.2s ease-out 0s;     
     -webkit-animation: hotimgbig 0.2s ease-out 0s;    
     -o-animation: hotimgbig 0.2s ease-out 0s;    
     animation-fill-mode:backwards;
     -webkit-animation-fill-mode:forwards;
     width:74px;height:74px;top:8px;right:18px;
   }*/
     @keyframes hotimgbig
     {
     0%   {width:70px;height:70px;top:10px;right:20px;}
     100% {width:74px;height:74px;top:8px;right:18px;}
     }

     @-moz-keyframes hotimgbig /* Firefox */
     {
     0%   {width:70px;height:70px;top:10px;right:20px;}
     100% {width:74px;height:74px;top:8px;right:18px;}
     }

     @-webkit-keyframes hotimgbig /* Safari 和 Chrome */
     {
     0%   {width:70px;height:70px;top:10px;right:20px;}
     100% {width:74px;height:74px;top:8px;right:18px;}
     }

     @-o-keyframes hotimgbig /* Opera */
     {
     0%   {width:70px;height:70px;top:10px;right:20px;}
     100% {width:74px;height:74px;top:8px;right:18px;}
     }


/*END 用户关注度资源块*/
/*START 文本资灰蓝源块 1*1*/
.hn_text_ad_box{}
.hn_text_ad_box h2{padding-top:20px;width:80%;margin:0 auto;font-size:2.3em;line-height:1.2em;padding-bottom:5px;}
.hn_text_ad_box h2 a{font-size:24px;line-height:1.2em;max-height:2.3em;display:block;overflow: hidden;}
.hn_text_ad_box p{width:80%;margin:0 auto;font-size:1.4em;line-height:1.57em;max-height:4.71em;overflow:hidden}
.boxcolor_blue{background:#32beff;color:#abe0ff;}
.boxcolor_blue a{color:white;}
.boxcolor_gray{background:#f0f4f7;color:#b2b6b9;}
.boxcolor_gray a{color:#666;}

/*START 纯图片模块*/
  .hn_imgbox3_2{width:816px;height:396px;position:relative;}
  .hn_imgbox3_2 img{position:absolute;left:0px;top:-6px;}
  .hn_imgbox3_2 img:hover{
     animation: imgbox32 0.2s ease-out 0s;
     -moz-animation: imgbox32 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: imgbox32 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: imgbox32 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:backwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
     width:865px;height:432px;left:-25px;top:-12px;
   }
     @keyframes imgbox32
     {
     0%   {width:816px;height:408px;left:0px;top:-6px;}
     100% {width:865px;height:432px;left:-25px;top:-12px;}
     }

     @-moz-keyframes imgbox32 /* Firefox */
     {
     0%   {width:816px;height:408px;left:0px;top:-6px;}
     100% {width:865px;height:432px;left:-25px;top:-12px;}
     }

     @-webkit-keyframes imgbox32 /* Safari 和 Chrome */
     {
     0%   {width:816px;height:408px;left:0px;top:-6px;}
     100% {width:865px;height:432px;left:-25px;top:-12px;}
     }

     @-o-keyframes imgbox32 /* Opera */
     {
     0%   {width:816px;height:408px;left:0px;top:-6px;}
     100% {width:865px;height:432px;left:-25px;top:-12px;}
     }

  .hn_imgbox2_2{width:396px;height:396px;}
  .hn_imgbox2_2 img{position:absolute;top:0px;left:0px;}
  .hn_imgbox2_2 img:hover{
     animation: imgbox22 0.2s ease-out 0s;
     -moz-animation: imgbox22 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: imgbox22 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: imgbox22 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:backwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
     width:420px;height:420px;left:-13px;top:-13px;
   }
     @keyframes imgbox22
     {
     0%   {width:396px;height:396px;left:0px;top:0px;}
     100% {width:420px;height:420px;left:-13px;top:-13px;}
     }

     @-moz-keyframes imgbox22 /* Firefox */
     {
     0%   {width:396px;height:396px;left:0px;top:0px;}
     100% {width:420px;height:420px;left:-13px;top:-13px;}
     }

     @-webkit-keyframes imgbox22 /* Safari 和 Chrome */
     {
     0%   {width:396px;height:396px;left:0px;top:0px;}
     100% {width:420px;height:420px;left:-13px;top:-13px;}
     }

     @-o-keyframes imgbox22 /* Opera */
     {
     0%   {width:396px;height:396px;left:0px;top:0px;}
     100% {width:420px;height:420px;left:-13px;top:-13px;}
     }

  .hn_imgbox2_1{width:396px;height:186px;position:relative;}
  .hn_imgbox2_1 img{position:absolute;top:-6px;left:0px;}
  .hn_imgbox2_1 img:hover{
     animation: imgbox21 0.2s ease-out 0s;
     -moz-animation: imgbox21 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: imgbox21 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: imgbox21 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:backwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
     width:420px;height:210px;top:-12px;left:-12px;
   }
     @keyframes imgbox21
     {
     0%   {width:396px;height:198px;top:-6px;left:0px;}
     100% {width:420px;height:210px;top:-12px;left:-12px;}
     }

     @-moz-keyframes imgbox21 /* Firefox */
     {
     0%   {width:396px;height:198px;top:-6px;left:0px;}
     100% {width:420px;height:210px;top:-12px;left:-12px;}
     }

     @-webkit-keyframes imgbox21 /* Safari 和 Chrome */
     {
     0%   {width:396px;height:198px;top:-6px;left:0px;}
     100% {width:420px;height:210px;top:-12px;left:-12px;}
     }

     @-o-keyframes imgbox21 /* Opera */
     {
     0%   {width:396px;height:198px;top:-6px;left:0px;}
     100% {width:420px;height:210px;top:-12px;left:-12px;}
     }

  .hn_imgbox1_1{width:186px;height:186px;position:relative;}
  .hn_imgbox1_1 img{position:absolute;top:0px;left:0px;}
  .hn_imgbox1_1 img:hover{
     animation: imgbox11 0.2s ease-out 0s;
     -moz-animation: imgbox11 0.2s ease-out 0s;     /* Firefox */
     -webkit-animation: imgbox11 0.2s ease-out 0s;     /* Safari 和 Chrome */
     -o-animation: imgbox11 0.2s ease-out 0s;     /* Opera */
     animation-fill-mode:backwards;/*设置动画结束停留在最后一针*/
     -webkit-animation-fill-mode:forwards;
     width:198px;height:198px;left:-6px;top:-6px;
   }
     @keyframes imgbox11
     {
     0%   {width:186px;height:186px;left:0px;top:0px;}
     100% {width:198px;height:198px;left:-6px;top:-6px;}
     }

     @-moz-keyframes imgbox11 /* Firefox */
     {
     0%   {width:186px;height:186px;left:0px;top:0px;}
     100% {width:198px;height:198px;left:-6px;top:-6px;}
     }

     @-webkit-keyframes imgbox11 /* Safari 和 Chrome */
     {
     0%   {width:186px;height:186px;left:0px;top:0px;}
     100% {width:198px;height:198px;left:-6px;top:-6px;}
     }

     @-o-keyframes imgbox11 /* Opera */
     {
     0%   {width:186px;height:186px;left:0px;top:0px;}
     100% {width:198px;height:198px;left:-6px;top:-6px;}
     }
/*END 纯图片模块*/