@charset "utf-8";
body{padding:0;margin:0;font:normal 12px/180% "Microsoft YaHei"; color:#333;background: #f5f5f5;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/180% "Microsoft YaHei";}
a:link,a:visited{color:#666;text-decoration:none}
a:hover{color:#c00;text-decoration:underline}
img{ border:none}
ol,ul,li{list-style:none;}
i{font-style:normal;}
input,img{vertical-align: middle;}
input[type="button"],input[type="submit"]{vertical-align: middle;cursor: pointer;}
html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
  /*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block; margin:0 auto;}
/*style*/
.w980{width: 980px;margin: 0 auto;position: relative;}
.fl{float: left;}
.fr{float: right;}
.list_14 li{background:url(images/style_dian.jpg) no-repeat left center;padding-left:10px;font-size:14px;padding-top:3px;padding-bottom: 3px;}
.list_12 li{background:url(images/style_dian1.jpg) no-repeat left center;padding-left:10px;font-size:12px;padding-top:3px;padding-bottom: 3px;}
.withe,.withe a:link,.withe a:visited,.withe a:hover{ color:#fff;}
/* clearfix */
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*通用头部*/
/*.top{ background:url(images/top_nav_bg.png) repeat-x; height:42px;position:absolute;top:0;left:0;z-index: 300;width:100%;}
.top span{ float:left; line-height:42px;display:inline-block; width:245px;}
.top span a{ padding:0 5px;}
.top em{ float:right; display:inline-block; width:620px;}
.top em input,.top em img{ vertical-align:middle; margin:0 2px;}
.top em input.people_input{ background:#bee7f8; width:110px; height:19px; border:#bdddeb 1px solid; line-height:19px; color:#fff;}
.top em input.one{ width:60px; height:20px; border:none; padding:0 2px; background:#8dbee2; color:#fff;}
.top em div.search{ float:left; width:170px; padding-top:10px;}
.top em div.language{float:left; padding-top:10px; padding-left:10px;}
.top em div.language i{display:block; float:left;}
.select_box{width:110px; height:19px; text-align:left; background:url(images/icon003.png) top right no-repeat #ceedf9; display:inline-block; position:relative; padding:0 0 0 5px; margin:2px 0 0 5px; float:left; color:#333;}
.select_box p {cursor:pointer; display:block; line-height:20px; padding:0 0 0 10px; width:108px; height:20px; overflow:hidden;}
.select_box ul li {cursor:pointer;}
.paper_list {width:110px; position:absolute; left:0px; top:20px; border:1px dashed #ccc; background:#ceedf9;}
.paper_list li{display:block; line-height:20px; padding-left:10px; width:100px;}
.paper_list li.hover {background:#9ddaf7;}
.paper_list li a{display:block; width:108px; height:20px; text-decoration:none;}
.top .rmw_logo{ float:left; padding-left:35px; padding-top:6px;}
.top .link{ width:160px; float:left; padding-left:20px;}
.top .link a{ background:#cc3333; display:block; float:left; margin:10px 10px  0 0; width:61px; height:23px; line-height:23px; text-align:center;}*/
/*内容部分*/
.focus_top{
  width: 100%;
  max-width:1920px;
  min-width:1000px;
  height: auto;
  position: relative;
  height: 900px;
  overflow: hidden;
}
.focus_top video{
  min-height: 100%;
  min-width: 100%;
}
.focus_c{
  width: 1000px;
  margin: 0 auto;
  height: 900px;
  position: relative;
}
.focus_top video{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
.focus_top img{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 6;
}
.focus_top div.mask{
  width: 100%;
  height: 900px;
  z-index: 5;
  position: absolute;
  left: 0px;
  top:0px;
  background:url(images/screen.png);
}
.focus_top div.mask_1{
  width: 100%;
  height: 900px;
  z-index: 9;
  position: absolute;
  left: 0px;
  top:0px;
  background:url(images/bottom_bg.png) no-repeat bottom center;
}
.focus_top div.mask2{
  display:none;
}
.fenxiang{
  /*position:absolute;
  right:0px;
  top:800px;*/
  z-index:180;
}
.lhlogo{
  display:inline-block;
  width:300px;
  height:78px;
  background:url(http://www.people.com.cn/img/2017lh/logo/logo.png) no-repeat;
  background-size:contain;
  position:absolute;
  top:190px;
  left:490px;
  opacity:1;
  z-index:10;
}
.renwu{
  display: inline-block;
  width: 850px;
  height: 866px;
  background:url(images/renwu.png) no-repeat;
  position: absolute;
  bottom:-30px;
  z-index: 10;
  left:-233px;
  opacity:0;
}
.big_wenzi{
  display: inline-block;
  position: absolute;
  left:515px;
  top: 282px;
  width: 448px;
  height: 132px;
  background:url(images/big_wenzi.png) no-repeat;
  z-index: 10;
  opacity: 0;
}
.big_wenzi1{
  display: inline-block;
  position: absolute;
  left:470px;
  top: 433px;
  width: 527px;
  height: 81px;
  background:url(images/big_wenzi1.png) no-repeat;
  z-index: 10;
  opacity: 0;
}
.big_wenzi2{
  display: inline-block;
  position: absolute;
  left:475px;
  top: 534px;
  width: 531px;
  height: 93px;
  background:url(images/big_wenzi2.png) no-repeat;
  z-index: 10;
  opacity: 0;
}
.big_wenzi3{
  display: inline-block;
  position: absolute;
  left:370px;
  top: 668px;
  width: 620px;
  height: 110px;
  padding-right:120px;
  /*background:url(images/big_wenzi3.png) no-repeat right;*/
  z-index: 10;
  opacity: 0;
  font-size:16px;
  text-indent:2em;
  color:#fff;
}
.logo{
  display: inline-block;
  position: absolute;
  left:798px;
  top:722px;
  width: 173px;
  height:65px;
  background:url(images/rmw_logo1.png) no-repeat;
  z-index: 10;
  opacity: 0;
}
.content{
  width: 100%;
  height: auto;
}
.animation_c{
  width: 95%;
  max-width: 1660px;
  min-width: 980px;
  margin:0px auto;
  height: 41rem;
  position: relative;
}
 /*动画效果*/
 .wenzi_right{
  -webkit-animation:wenzi_right 1.3s ease-in-out forwards;
  -ms-animation:wenzi_right 1.3s ease-in-out forwards;
  animation:wenzi_right 1.3s ease-in-out forwards;
}
@-webkit-keyframes wenzi_right{
  0%{-webkit-transform:translate3d(-2200px,0,0);opacity:0}
  100%{-webkit-transform:translate3d(0px,0,0);opacity:1}
}
@-ms-keyframes wenzi_right{
  0%{-ms-transform:translate3d(-2200px,0,0);opacity:0}
  100%{-ms-transform:translate3d(0px,0,0);opacity:1}
}
@keyframes wenzi_right{
  0%{transform:translate3d(-2200px,0,0);opacity:0}
  100%{transform:translate3d(0px,0,0);opacity:1}
}
 .wenzi_left{
  -webkit-animation:wenzi_left .8s ease-in-out forwards;
  -ms-animation:wenzi_left .8s ease-in-out forwards;
  animation:wenzi_left .8s ease-in-out forwards;
}
@-webkit-keyframes wenzi_left{
  0%{-webkit-transform:translate3d(2200px,0,0);opacity:0}
  100%{-webkit-transform:translate3d(0px,0,0);opacity:1}
}
@-ms-keyframes wenzi_left{
  0%{-ms-transform:translate3d(2200px,0,0);opacity:0}
  100%{-ms-transform:translate3d(0px,0,0);opacity:1}
}
@keyframes wenzi_left{
  0%{transform:translate3d(2200px,0,0);opacity:0}
  100%{transform:translate3d(0px,0,0);opacity:1}
}
 .wenzi_top{
  -webkit-animation:wenzi_top .9s ease-in-out forwards;
  -ms-animation:wenzi_top .9s ease-in-out forwards;
  animation:wenzi_top .9s ease-in-out forwards;
}
@-webkit-keyframes wenzi_top{
  0%{-webkit-transform:translate3d(0,-500px,0);opacity:0}
  100%{-webkit-transform:translate3d(0px,0,0);opacity:1}
}
@-ms-keyframes wenzi_top{
  0%{-ms-transform:translate3d(0,-500px,0);opacity:0}
  100%{-ms-transform:translate3d(0px,0,0);opacity:1}
}
@keyframes wenzi_top{
  0%{transform:translate3d(0,-500px,0);opacity:0}
  100%{transform:translate3d(0px,0,0);opacity:1}
}
 .wenzi_flash{
  -webkit-animation:wenzi_flash .9s ease-in-out forwards;
  -ms-animation:wenzi_flash .9s ease-in-out forwards;
  animation:wenzi_flash .9s ease-in-out forwards;
}
@-webkit-keyframes wenzi_flash{
  0%{opacity:0}
  100%{opacity:1}
}
@-ms-keyframes wenzi_flash{
  0%{opacity:0}
  100%{opacity:1}
}
@keyframes wenzi_flash{
  0%{opacity:0}
  100%{opacity:1}
}
 .wenzi_up{
  -webkit-animation:wenzi_up .9s ease-in-out infinite;
  -ms-animation:wenzi_up .9s ease-in-out infinite;
  animation:wenzi_up .9s ease-in-out infinite;
}
@-webkit-keyframes wenzi_up{
   0%{-webkit-transform:translate3d(0,-30px,0);opacity:0}
  100%{-webkit-transform:translate3d(0px,0,0);opacity:1}
}
@-ms-keyframes wenzi_up{
  0%{-ms-transform:translate3d(0,-30px,0);opacity:0}
  100%{-ms-transform:translate3d(0px,0,0);opacity:1}
}
@keyframes wenzi_up{
  0%{transform:translate3d(0,-30px,0);opacity:0}
  100%{transform:translate3d(0px,0,0);opacity:1}
}
 .wenzi_flash1{
  -webkit-animation:wenzi_flash1 .1s  forwards;
  -ms-animation:wenzi_flash1 .1s  forwards;
  animation:wenzi_flash1 .1s  forwards;
}
@-webkit-keyframes wenzi_flash1{
  0%{opacity:0}
  20%{opacity:.5}
  40%{opacity:.1}
  60%{opacity:.7}
  80%{opacity:.4}
  100%{opacity:0}
}
@-ms-keyframes wenzi_flash1{
  0%{opacity:0}
  20%{opacity:.5}
  40%{opacity:.1}
  60%{opacity:.7}
  80%{opacity:.4}
  100%{opacity:0}
}
@keyframes wenzi_flash1{
  0%{opacity:0}
  20%{opacity:.5}
  40%{opacity:.1}
  60%{opacity:.7}
  80%{opacity:.4}
  100%{opacity:0}
}
 .wenzi_flash2{
  -webkit-animation:wenzi_flash2 .2s  forwards;
  animation:wenzi_flash2 .2s  forwards;
}
@-webkit-keyframes wenzi_flash2{
  0%{opacity:0}
  100%{opacity:1}
}
@keyframes wenzi_flash2{
  0%{opacity:0}
  100%{opacity:1}
}
/*地图内容*/
.map_content{
  width: 100%;
  max-width:1920px;
  height: 525px;
  background:url(images/c_bg1.jpg) no-repeat bottom center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.map_c{
  width: 1000px;
  margin:0 auto;
  position: relative;
  top:-120px;
}
.map{
  position:absolute;
  left: 0px;
  top: 0px;
}
.map_show{
  width: 450px;
  position: absolute;
  right: -50px;
  top: 200px;
  display:none;
}
.map_show p{
  font-size: 18px;
  color: #667e7f;
  line-height: 160%;
  margin:15px 0 0 0;
}
.map_show p.t1{
  background:url(images/kuai1.png) no-repeat left 10px;
  padding-left:20px;
}
.map_show p.t2{
  background:url(images/kuai2.png) no-repeat left 10px;
  padding-left:20px;
}
.map_show p span{
  font-size: 24px;
  color: #a57d5c;
}
.map_show b{
  font-size: 18px;
  font-weight: normal;
  color:#06C;
}
.map_show p strong{
  color: #559f9f;
  font-size: 24px;
  font-weight: normal;
}
/*切换内容*/
.tab_title{
  width: 1000px;
  margin: 0 auto;
  position: relative;
  height: 138px;
  top: -69px;
  z-index: 200;
}
.yue{
  display: inline-block;
  width: 136px;
  height: 138px;
  background: url(images/yue_3.png) no-repeat;
  position: absolute;
  left: 0px;
  top:0px;
  display:none;
}
.yue1{
  width: 136px;
  height: 138px;
  background: url(images/yue_3_1.png) no-repeat;
  position: absolute;
  left: 0px;
  top:0px;
}
.yue2{
  width: 136px;
  height: 138px;
  background: url(images/yue_3_2.png) no-repeat;
  position: absolute;
  left: 0px;
  top:0px;
}
.yue3{
  width: 136px;
  height: 138px;
  background: url(images/yue_3_3.png) no-repeat;
  position: absolute;
  left: 0px;
  top:0px;
}
.yue4{
  width: 136px;
  height: 138px;
  background: url(images/yue_3_3.png) no-repeat;
  position: absolute;
  left: 0px;
  top:0px;
}
.tab_list{
  position: absolute;
  left: 135px;
  top: 56px;
  background:url(images/xian.jpg) repeat-x 0px 12px;
  display: none;
  z-index: 200;
}
.mouse{
  width:144px;
  height:73px;
  background:url(images/mouse.png) no-repeat;
  position:absolute;
  bottom:-10px;
  left:40%;
  display:inline-block;
  z-index:250;
  cursor:pointer;
}
.tab_list li{
  float: left;
  background:url(images/icon2.png) no-repeat 35px 5px;
  font-size: 24px;
  color: #657e7e;
  text-align: left;
  padding:30px 30px 0 15px;
  cursor: pointer;
}
/*.tab_list li:nth-child(even) {
  background:url(images/icon3.png) no-repeat 35px 3px;
}*/
.tab_list li.active{
  background:url(images/icon4.png) no-repeat 35px 2px;
}
.tab_year{
  width:425px;
  height: 112px;
  position: absolute;
  right: -96px;
  top: 68px;
}
.tab_year span{
  /*opacity:.3;*/
  width:100px;
  height:100px;
  display:inline-block;
  background:#fdb040;
  text-align:center;
  color:#fff;
  line-height:100px;
  font-size:30px;
}
.tab_year span.active{
  background:url(images/tab_bg.png) no-repeat;;
}
.tab_year span:hover{
  opacity: 1;
}
.year_2013{
  position: absolute;
  right: 0px;
  top: 103px;
  cursor: pointer;
}
.year_2014{
  position: absolute;
  right: 103px;
  top: 103px;
  cursor: pointer;
}
.year_2015{
  position: absolute;
  right:206px;
  top: 103px;
  cursor: pointer;
}
.year_2016{
  position: absolute;
  right:0px;
  top: 0px;
  cursor: pointer;
}
.year_2017{
  position: absolute;
  right:103px;
  top: 0px;
  cursor: pointer;
}
.tab_content{
  width: 100%;
  max-width:1920px;
  height: 500px;
  background:url(images/c_bg.jpg) no-repeat top center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  position:relative;
  overflow: hidden;
}
.tab_c_list{
  width: 1000px;
  height: auto;
  margin:0 auto;
  position:relative;
  height: 500px;
}
.tab_content_list{

  width: 1200px;
  height: auto;
  margin-left:-75px;
  height: 500px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.top1{
  transform:translate3d(0px,0,0);opacity:1;
}
.top2{
  transform:translate3d(540px,0,0);opacity:0;
  top: 540px;
}
.tab_c{
  width: 1000px;
  height: auto;
  margin: 0 auto;
  padding:45px 0;
}
.tab_c ul li{
  float: left;
  width: 1000px;
}
.tab_c h1{
  font-size: 38px;
  font-weight: bold;
  margin-left: auto;
  color:#1D82AC;
  padding-bottom:45px;
}
.tab_c h1 span{
  font-size: 30px;
  color: #48abd2;
  margin-right:10px;
}
.tab_c h1 img{
  vertical-align: middle;
  margin:0 5px;
}
.tab{
  width: 100%;
  position: relative;
  margin-left: -25px;
  height: 370px;
}
.tab div.tab_left{
  float: left;
  text-align: center;
  font-size: 14px;
  width: 470px;
}
.tab div.tab_left img{
  margin-bottom:10px;
}
.tab_right{
  float: right;
  width: 470px;
}
.tab_right span{
  display: inline-block;
  width: 146px;
  height: 44px;
  font-weight:600;
  background:url(/r/cms/www/default/img/zi_bg.png) no-repeat;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  color: #fff;
  margin:0px 0px 5px 0;
  cursor:pointer;
}
.tab_right span.active{
  display: inline-block;
  width: 146px;
  height: 44px;
  background:url(/r/cms/www/default/img/zi_bg1.png) no-repeat;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  color: #fff;
  margin:0px 0px 5px 0;
  cursor:pointer;
}
.tab_c2 .tab_right span.active{
  display: inline-block;
  width: 146px;
  height: 44px;
  background:url(images/zi_bg2.png) no-repeat;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  color: #fff;
  margin:0px 0px 5px 0;
  cursor:pointer;
}
.tab_c1 .tab_right span{
  display: inline-block;
  width: 146px;
  height: 44px;
  background:url(images/zi_bg4.png) no-repeat;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  color: #fff;
  margin:0px 0px 5px 0;
  cursor:pointer;
}
.tab_c2 .tab_right span{
  display: inline-block;
  width: 146px;
  height: 44px;
  background:url(images/zi_bg5.png) no-repeat;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  color: #fff;
  margin:0px 0px 5px 0;
  cursor:pointer;
}
.tab_c1 .tab_right span.active{
  display: inline-block;
  width: 146px;
  height: 44px;
  background:url(images/zi_bg3.png) no-repeat;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  color: #fff;
  margin:0px 0px 5px 0;
  cursor:pointer;
}
.tab_c4 .tab_right span{
  display: inline-block;
  width: 146px;
  height: 44px;
  background:url(images/zi_bg7.png) no-repeat;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  color: #fff;
  margin:0px 0px 5px 0;
  cursor:pointer;
}
.tab_c4 .tab_right span.active{
  display: inline-block;
  width: 146px;
  height: 44px;
  background:url(images/zi_bg6.png) no-repeat;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  color: #fff;
  margin:0px 0px 5px 0;
  cursor:pointer;
}
.tab_right p{
  font-size: 20px;
  color: #1f4959;
  text-align:justify;
  line-height: 150%;
  padding-top:11px;
  display:none;
  text-indent:2em;
}
.tab_button{
  width: 1000px;
  height: auto;
  margin: 0 auto;
  position:absolute;
  top:200px;
  z-index: 100;
}
.focus_top div.mask2{
  width:100%;
  height:900px;
  position: absolute;
  left: 0px;
  top:0px;
  z-index: 4;
  background:url(images/top_bg2.jpg) no-repeat;
}
.left_b{
  display:inline-block;
  position: absolute;
  width: 42px;
  height: 116px;
  left: 0px;
  background:url(/r/cms/www/default/img/left_b.png) no-repeat;
  cursor:pointer;
  z-index: 200;
}
.right_b{
  display:inline-block;
  position: absolute;
  width: 42px;
  height: 116px;
  background:url(/r/cms/www/default/img/right_b.png) no-repeat;
  right:-150px;
  z-index:200;
  cursor:pointer;
}
/*制作团队*/
.tuandui{
  width: 100%;
  padding:30px 0;
  text-align: center;
  color: #333;
  background: #eee;
  font-size: 14px;
}
.focus_loading{
  position:absolute;
  left:0;
  top:0px;
  background:#f2f2f2;
  width:100%;
  height:900px;
  z-index:190;
}
.tab_loading{
  position:absolute;
  left:0;
  top:0px;
  background:#f2f2f2;
  width:100%;
  height:500px;
  z-index:190;
}
.spinner {
  margin: 100px auto;
  width: 50px;
  height: 50px;
  position:absolute;
  left:48%;
  top:30%;
  z-index:999;
}
.spinner1 {
  margin: 100px auto;
  width: 50px;
  height: 50px;
  position:absolute;
  left:48%;
  top:20%;
  z-index:999;
}
 
.container1 > div, .container2 > div, .container3 > div {
  width: 15px;
  height: 15px;
  background-color: #333;
 
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
 
.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
 
.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
 
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
 
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
 
.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
 
.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
 
.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
 
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
 
.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
 
.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

 /*2018*/
.lhlogo{
  display:inline-block;
  width:254px;
  height:61px;
  background:url(/img/2019lh/static/images/logo1.png) no-repeat;
  background-size:contain;
  position:absolute;
  top:190px;
  left:490px;
  opacity:1;
  z-index:10;
}
.big_wenzi2{
  display: inline-block;
  position: absolute;
  left:475px;
  top: 534px;
  width: 531px;
  height: 93px;
  background:url(images/big_wenzi2_2018.png) no-repeat;
  z-index: 10;
  opacity: 0;
}
.year_2018 {
    position: absolute;
    right: 206px;
    top: 0px;
    cursor: pointer;
}
.year_2019 {
    position: absolute;
    right:308px;
    top: 0px;
    cursor: pointer;
}

.indeximg {
    transition: all 1s;
}

.indeximg:hover{ transform: scale(1.3);}