﻿﻿/* CSS Document */

/*-----首页新闻----*/
.newslist_zt{width:483px; float:left; line-height:35px;}
	.newslist_zt h3 { float:left;font-size:17px; color:#f00; font-weight:bold;width:170px;}
	.newslist_zt h3 a{color:#f00;}
	.newslist_zt ul{ float:left;width:300px;}
	.newslist_zt ul li{overflow: hidden;zoom:1; float:left;line-height: 35px;background:none; padding-left:0px;}
    
    .newslist_zt1{width:483px; float:left; line-height:35px;}
	.newslist_zt1 h3 { float:left;font-size:17px; color:#355e92; font-weight:bold;width:130px;}
	.newslist_zt1 h3 a{color:#355e92;}
	.newslist_zt1 ul{ float:left;width:350px;}
	.newslist_zt ul li{overflow: hidden;zoom:1; float:left;line-height: 35px;background:none; padding-left:0px;}
    .newslist_zt1 ul  li a {display: inline-block;float: left;max-width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*--头条新闻--*/
.headlist{  padding:8px 65px; margin: 0 auto;position: relative;background: #f5f5f5;margin-bottom:10px;}
.headlist h2,.headlist p{ display: block; width:100%; text-align: center;}
.headlist h2{ line-height: 40px;margin-bottom:8px; font-weight: bold; color:#e32929; font-size: 33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.headlist h2 a{color:#e32929;}
.headlist p{ line-height: 36px; color:#4372ad;}
.headlist p a{ color:#4372ad;}
.headlist .tit{ width:56px; height:52px; position:absolute; top:0px; left:0px }
.fousNews{ width:1170px;margin-top:12px;}
/*--焦点图--*/

.focusPic{ width:672px;position:relative;}
    .foucebox {position:relative;width:672px; height:463px;overflow:hidden; }	
	.foucebox .bd {position:absolute;left:0;top:0;width:672px;height:463px;overflow:hidden;}
	.foucebox .bd ul{ overflow:hidden;zoom:1;}
	.foucebox .bd ul li{ float:left; width:672px; height:463px; position:relative;}
    .foucebox .bd ul li img{ width:672px; height:463px;}
    .foucebox .bd ul li span{ display:block; width:100%; text-indent:19px; background:rgba(0,0,0,0.52); line-height:45px; height:45px; position:absolute; bottom:0px; left:0px; color:#fff;}	

	.foucebox .hd {position:absolute; width:80px;height:8px;bottom:18px; padding-left:2px;right:5px; z-index:99;}
	.foucebox .hd ul { overflow:hidden;zoom:1;}
	.foucebox .hd li {float:left;width:8px; height:8px; margin:0px 2px; background:#fff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;cursor:pointer;  }
	.foucebox .hd li.on{ width:25px; background:#da3027;}
	
.sywlb{width:483px; }

.areaCon{ width:100%; }
.areaCon .hd{ background:url(../images/lin2.jpg) repeat-x bottom; font-family:"微软雅黑"; font-size:18px;}
.areaCon .hd ul li{ float:left; /*margin-right:5px;*/ font-size:18px; line-height:45px;margin-top:-5px; }
.areaCon .hd ul li a{ display:block; padding:0px 5px;text-align:center;}
.areaCon .hd ul li a:hover,.areaCon .hd ul li.on a{ background:url(../images/lin3.jpg) repeat-x bottom; color:#355e92 !important; font-weight:bold; font-size:18px;}
.areaCon .bd{  margin-top:5px; height:302px;padding-bottom:13px; border-bottom:1px dashed #bfbfbf;}
.areaCon .bd ul li{ line-height:33px !important;}
.areaCon .bd ul li a{ max-width:82% !important;}
.areaCon .bd .newslist_zt ul li {width:100% !important;}
.areaCon .bd .newslist_zt ul li a {max-width:100% !important;width:90% !important;}

.notice{margin-top:13px; background:#f5f5f5; padding:8px 8px; width:467px;}
.notice .tit{ width:73px; height:58px; background:#ce1c07; color:#fff; text-align:center; font-size:18px; font-weight:bold; line-height:20px;padding-top:15px;}
.notice .tit a{ color:#fff;}
.tzlb{ width:375px;margin-top:2px;}
.tzlb .bd ul li{ background:url(../images/arrow20.png) no-repeat left !important; }
.tzlb .bd ul li a{ width:76%;}



/*---首页政务公开---*/

.inforHo{ width:561px; border:1px solid #dcdcdc; padding:14px 14px;}
.homeBt{ width:100%; height:30px; line-height:30px; overflow:hidden;zoom:1; margin-bottom:5px; background:url(../images/h-titbg.jpg) repeat-x center;}
.homeBt a{ display:inline-block; padding-right:12px; background:#fff; }
.homeBt i{ display:block; width:25px; height:30px; float:left; background:url(../images/htit-1.png) no-repeat 0 0;}
.homeBt span{ display:block; float:left; margin-left:11px; color:#355e92; font-size:22px; font-weight:bold; font-weight:bold; font-family:"微软雅黑"}

.homeBt a{color:#355e92;}
.homeBt i.himg1{ background-position:0 0;}
.homeBt i.himg2{ background-position:0 -30px;}
.homeBt i.himg3{ background-position:0 -60px;}

.inforCen{ width:561px; height:984px;margin-top:14px; }
 .sypub{ width:561px;}
 .sypub .hd{ width:141px;}
 .sypub .hd ul li{background:#f5f5f5; height:52px; text-align:center; line-height:52px; color:#222222; font-size:16px; }
 .sypub .hd ul li a{ display:block; width:100%; height:52px;position:relative; background:url(../images/hgkmenu-bg1.jpg) no-repeat 0 -52px;}
 .sypub .hd ul li a:hover,.sypub .hd ul li.on a{ background:#3069ba; color:#fff; background:url(../images/hgkmenu-bg1.jpg) no-repeat 0 0;}

.sypub .bd{ width:401px; height:314px;}


.hgksc{ width:389px; border:1px solid #dcdcdc; height:40px; padding:4px 5px; margin-bottom:10px; }
.hgkctab{ width:95px; height:40px; font-size:15px; color:#1d66cb; text-align:center; padding-right:10px;}
.hgkctab select{ margin-left:5px;border:none; outline:none; display:block; width:95px; line-height:40px; color:#1d66cb; background:url(../images/arrow2.jpg)  no-repeat scroll right center transparent; -webkit-appearance: none;}
.hgkcbk{ width:99%; overflow:hidden; zoom:1; height:40px;   }
.hgkcbk input.shuk2{ float:left; width:340px; text-indent:15px; line-height:40px; height:40px;color:#444;}
.hgkcbk input.chaz2{ width:41px; height:48px; background:url(../images/btn2.jpg) no-repeat; float:right;}
.lieb{ margin-top:0px !important;}
.lieb li{ background:url(../images/arrow3.jpg) no-repeat left !important; line-height:31px;}
.lieb li a{ max-width:76% !important;}

.zfgklm.hmzctj{ width:100%;}
.zfgklm{ background:#f3f6fb; padding:13px 13px 3px 13px; width:535px !important;margin-top:20px;}
.zfgklm .tit,.hmzctj .tit{ line-height:36px; font-size:16px; font-weight:bold; margin:10px 0 5px 0px; font-family:"微软雅黑";}

.inforxl li{ float:left; width:170px; height:50px; margin:0 12px 12px 0; background:#fff; overflow:hidden;zoom:1; border-radius:3px; -web-border-radius:3px; -moz-border-radius:3px;}
.inforxl li i{ display:block; float:left; width:30px; height:50px; margin-left:15px; background:url(../images/h-zwicon.png) no-repeat 0 0;
webkit-transition: 400ms; -o-transition: 400ms;    -moz-transition: 400ms;    transition: 400ms; }
.inforxl li span{ display:block; float:left; margin-left:8px; line-height:50px; font-size:15px;}
li.xl1 i{ background-position:0 0;}
li.xl1:hover i{ background-position:-35px 0 !important;}

li.xl2 i{ background-position:0 -50px;}
li.xl2:hover i{ background-position:-35px -50px !important;}

li.xl3 i{ background-position:0 -100px;}
li.xl3:hover i{ background-position:-35px -100px !important;}

li.xl4 i{ background-position:0 -150px;}
li.xl4:hover i{ background-position:-35px -150px !important;}

li.xl5 i{ background-position:0 -200px;}
li.xl5:hover i{ background-position:-35px -200px!important;}

li.xl6 i{ background-position:0 -250px;}
li.xl6:hover i{ background-position:-35px -250px !important;}

.inforxTow{margin-top:3px; border-top:1px dashed #cfd1d6; padding-top:15px;}
.inforxTow li{ float:left; width:172px; height:60px; background:url(../images/sy-zw-bg.png) no-repeat 0 0; margin-right:9px;margin-bottom:10px;  overflow:hidden;zoom:1;}
.inforxTow li i{ display:block; width:50px; float:left; height:50px; border-radius:30px; background:url(../images/h-zwicon2.png) no-repeat;margin-top:5px; margin-left:17px;}
.inforxTow li span{ display:block;margin-left:10px; line-height:60px; font-size:16px; color:#fff; float:left;}

li.xlm1{ height:130px !important; }
li.xlm1 i{ margin:0 auto;margin-top:16px !important; float:none !important;}
li.xlm1 span{ text-align:center; margin-left:0 !important;float:none !important; line-height:40px !important;}

li.xlm1{ background-position:0 0;}
li.xlm2{ background-position:0 -140px ;}
li.xlm3{ background-position:0 -210px;}
li.xlm4{ background-position:0 -280px;}
li.xlm5{ background-position:0 -350px;}

li.xlm3,li.xlm5{margin-right:0 !important;}

li.xlm1 i{ background-position: 0 0;}
li.xlm2 i{ background-position: 0 -50px;}
li.xlm3 i{ background-position: 0 -100px}
li.xlm4 i{ background-position: 0 -150px;}
li.xlm5 i{ background-position: 0 -200px;}

.inforxTow li:hover i,.hwgk li:hover i{
	webkit-transition: -webkit-transform 0.7s ease-out;
    -moz-transition: -moz-transform 0.7s ease-out;
    transition: transform 0.7s ease-out;
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
	}



.hmzctj ul li{ float:left; width:128px; margin-right:15px;}
.hmzctj ul li img{ width:126px; border:1px solid #dadada; height:75px;}
.hmzctj ul li span{ display:block;margin-top:7px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.htopic{ margin-top:5px; width:100%;}
.hTip{ width:100%; position:relative; padding-bottom:13px;}
.hTip .hd a{ display:block; width:27px; height:96px; position:absolute; top:0; z-index:99;  }
.hTip .hd a.next{ right:2px; background:url(../images/arrow22.png) no-repeat;}
.hTip .hd a.prev{ left:0; background:url(../images/arrow21.png) no-repeat;}

.hTip .bd li{ float:left;width:269px; height:96px; border:1px solid #f5f5f5; margin-right:17px;}
.hTip .bd li img{}


.htiplist{ width:100%; margin-top:22px;padding-bottom:15px;}
.htiplist ul,htiplist h3{ display:block; float:left;}
.htiplist ul{ width:524px;}
.htiplist ul li{ float:left; width:30%; line-height:35px !important; font-size:16px; } 
.htiplist ul li a{ width:100% !important;}
.htiplist ul li.last{ background:none !important;}
.htiplist ul li.last a{ color:#ce1c07; font-weight:bold;}
.htiplist h3{ width:27px; float:right;padding:9px 0; height:46px; line-height:25px; border:1px solid #e8e8e8; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#f3f2f2; text-align:center;}


.hwgkzd{ width:100%; margin-top:15px;}
.hwgk{ width:229px}
.hwgk li{ width:229px; height:70px; overflow:hidden;zoom:1;  background:url(../images/sy-zw-bg2.png) no-repeat 0 0;}
.hwgk li i,.hwgk li span{ display:block; float:left;}
.hwgk li i{ width:40px; height:70px; background:url(../images/sy-wgk-icon.png) no-repeat 0 0;margin-left:43px}
.hwgk li span{ margin-left:19px; line-height:70px; color:#fff;}
li.wgk{ background-position:0 0;margin-bottom:11px;}
li.wgk i{ background-position:0 0;}
li.zhly{ background-position:0 -77px;}
li.zhly i{ background-position:0 -70px;}



.hlylst,.hlylst2{ display:block; float:left; width:182px;margin-left:-3px; height:136px; background:#f0f2f3; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;  border-top-left-radius:0;  border-bottom-left-radius:0; padding:5px 10px 10px 20px;}
.hlylst li,.hlylst2 li{ display:block;background:url(../images/arrow20.png) no-repeat 0 10px; padding-left:14px; line-height:23px; margin-bottom:6px;}



.hzctj{ width:308px;}
.zcjd-tit{ width:45px; height:127px; text-align:center; background:#3069ba; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-top-right-radius:0; border-bottom-right-radius:0; 
float:left; line-height:26px; padding-top:24px;}
.zcjd-tit a{ color:#fff; font-size:18px; }
.hzctj .bd{ width:253px; height:141px; background:#f3f2f2; padding:5px 5px; float:right;}
.hzctj .bd li{ width:252px; height:141px; position:relative;}
.hzctj .bd li img{ width:252px; height:140px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.hzctj .bd li span{ display:block; width:100%; height:25px; background:rgba(0,0,0,0.45); bottom:0; left:0; position:absolute; color:#fff; padding:5px; overflow:hidden;zoom:1;line-height:25px;}
.hzctj .bd li span strong{ width:51px; display:inline-block; line-height:30px; float:left; text-align:center;}
.hzctj .bd li span p{ display:inline-block; width:191px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:normal; float:left;}



/*--------首页政务结束--------*/

.fencelm{ width:561px;}

/*----------首页服务开始-------*/
.hfuwu,.hhmutu{ width:531px; border:1px solid #dcdcdc; padding:14px 14px; }
.hserv,.hhd,.hhdxx,.hhdxx-cd{ width:533px;}
.hserv{ height:451px;margin-top:12px;}
.hhd{ height:576px;margin-top:12px;}

.hfwbsd{ width:531px; overflow:hidden;zoom:1;}
.hfwbsdTu{ width:256px; height:66px;}
.hfwcx,.hbsfw{ width:100%;} 

.hfwcx{ overflow:hidden;zoom:1; background:#f3f3f3; padding:2px 10px 15px 10px; width:509px;margin-top:13px;}
.hfwcx h3{ display:block;font-size:16px; color:#3069ba; float:left; line-height:40px; width:100%; font-weight:bold;text-indent: 4px;}
.hfwshk{ width:100%; overflow:hidde; zoom:1;}
.hfwshk input.shuk3{ float:left; width:400px; border:1px solid #e1e1e1; height:36px;text-indent:11px; font-size:15px;margin-left:5px;}
.hfwshk input.anniu2{ float:left; width:93px; height:40px; background:url(../images/btn-bg1.png) no-repeat; color:#fff; text-align:center; line-height:40px;margin-left:5px;}

.leftMokuai .fuwu{width:737px;}


.hbsfw .hd,.hhdxx .hd{ background:#f5f5f5;height:41px; }
.hbsfw .hd ul,.hhdxx .hd ul{ overflow:inherit;}
.hbsfw .hd ul li,.hhdxx .hd ul li{ float:left; width:130px; text-align:center; position:relative; }
.hbsfw .hd ul li a,.hhdxx .hd ul li a{ display:block; width:130px; height:41px; line-height:41px;}
.hbsfw .hd ul li a:hover a,.hbsfw .hd ul li.on a,.hhdxx .hd ul li:hover a,.hhdxx .hd ul li.on a{ background:#275ba5; color:#fff; }
.hbsfw .hd ul li.on i,.hhdxx .hd ul li.on i{ width:0; height:0; position:absolute; bottom:-16px; content: " ";left:57px; border-width:8px;border-style: solid;border-color:#275ba5 transparent transparent transparent;}

.hhdxx{ border-bottom:1px dashed #e6e6e6; padding-bottom:14px;margin-top:3px;}
.hhdxx .hd  span{ display:block; height:41px; line-height:41px; float:right; width:100px; background:url(../images/writ1.png) no-repeat left; text-indent:26px;}
.hhdxx .hd  span a{ color:#d80303;}
.hhdxx .bd{ height:240px;}


.hbsfw .bd{margin-top:15px;}
.hbsfw .bd .oneBf{ width:100%; height:285px; position:relative;}
.hbsfw .bd .oneBf .inHd{ width:100%; height:6px; position:absolute; bottom:10px; left:0;}
.hbsfw .bd .oneBf .inHd ul{ display:block; margin:0 auto; text-align:center;}

.hbsfw .bd .oneBf .inHd ul li{ width:15px; height:6px; display:inline-block; margin-left:10px; background:#d8d8d8; border-radius:3px;border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;
 text-indent:-999px; line-height:0;} 
.hbsfw .bd .oneBf .inHd ul li.on{ background:#22599d;}

.hbsfw .bd .oneBf .inBd ul li{float:left; width:93px; margin-right:15px;margin-bottom:5px; }
.hbsfw .bd .oneBf .inBd ul li i{ display:block;width:35px; height:57px; margin:0 auto; webkit-transition: 400ms; -o-transition: 400ms;    -moz-transition: 400ms;    transition: 400ms; }

.hbsfw .bd .oneBf .bumen ul{ margin-top:15px !important;}
.hbsfw .bd .oneBf .bumen ul li{ width:121px !important;  margin-right:12px; margin-bottom:14px;}
.hbsfw .bd .oneBf .bumen ul li.last{margin-bottom:14px !important;}

.hbsfw .bd .oneBf .bumen ul li a{ display:block;width:100% !important;height:36px ; text-align:center; line-height:38px; border:1px solid #ebe8e8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hbsfw .bd .oneBf .bumen ul li a:hover{ background:#0076ca; color:#fff;border:1px solid #0076ca;}

.hbsfw .bd .oneBf .inBd ul li span{ width:100%; height:23px; line-height:23px;  display:block; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}

.hbsfw .bd .banj li{ width:100% !important; overflow:hidden; line-height:32px !important; }
.hbsfw .bd .banj li span{ width:105px !important; line-height:32px !important}

/*----控制首页服务栏目按钮位置---*/
.hfwbsd .hfwbsdTu .bsmen5 i{ margin-left:8px !important;float:left;height:66px; width:52px;}
.hfwbsd .hfwbsdTu .bsmen5 i{background:url(../images/bs-icon4.png);background-position:0 -264px;}
.hfwbsd .hfwbsdTu .bsmen5 span{ display:block;color:#fff;font-size:16px;float:left;line-height:66px;}

/*--首页互动开始---------*/
.hhmutu{ margin-top:20px;}
.hhdxx .bd{ margin-top:19px;}
.hxinj,.syhc,.hft{ width:100%;}
.hxinj .tit,.banj .tit{ height:35px; background:#f8f8f8; overflow:hidden; font-size:16px; line-height:35px; text-indent:12px;}
.hxinj .tit span,.banj .tit span{ float:right; margin-right:14px;}
.hxinj ul{ margin-left:10px;margin-top:10px;}
.hxinj ul.newlist li{ background:url(../images/arrow4.jpg) no-repeat left !important; padding-left:26px !important; }
.hxinj ul.newlist li span{margin-right:10px;}
.syhc ul li span.bqsm{ float:left; color:#777;}
.syhc ul li a{ width:70% !important;}
.syhc ul li span.date{ float:right;}
.hhdxx-cd{ margin-top:14px; overflow:hidden;}
.hhdxx-cd ul li{width:164px;float:left; height:61px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background:#5c89c9; margin-right:16px; overflow:hidden;zoom:1;}
.hhdxx-cd li i{ margin-left:25px;display:block; width:35px; height:53px; float:left; background:url(../images/h-hdicon.png) no-repeat 0 0;margin-top:4px; }
.hhdxx-cd li:hover i{
	webkit-transition: -webkit-transform 0.7s ease-out;
    -moz-transition: -moz-transform 0.7s ease-out;
    transition: transform 0.7s ease-out;
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
	}
.hhdxx-cd li span{ display:block; float:left;margin-left:10px; color:#fff; font-size:15px; line-height:61px;}
li.hhd1 i{ background-position: 0 -4px;}
li.hhd2 i{ background-position: 0 -65px;}
li.hhd3 i{ background-position: 0 -128px;}

.syftan{ width:100%;margin-top:8px;}
.sytit{line-height:40px; font-size:18px; font-weight:bold; font-family:"微软雅黑"; border-bottom:1px solid #d3d5da;margin-bottom:14px; color:#1e5cb4;}
.sytit a{ color:#1e5cb4;}
.zccf{ width:100%;}


/*--首页互动结束---------*/


.hftpic{ width:183px; height:121px;}
.hftpic img{width:183px; height:121px;}
.hftwen{ width:280px; margin-left:15px;}
.hftwen h3{ font-weight:bold; line-height:26px; font-size:15px; display: block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hftwen p{line-height:33px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hftwen p span{ width:50x;}


.wangq{ width:100%; margin-top:15px;}
.wangq h2{ display:block; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background:#73b8ed; width:53px; height:38px; padding:5px 0;  text-align:center; color:#fff; font-weight:bold; }
.wangq ul{ display:block; width:470px !important; margin-top:-5px;}
.wangq ul li{ line-height:28px !important;}
.hft{ position:relative;}
.hwqhg{ width:45px;height:58px; position:absolute; top:0px; right:0;}



/*首页打开时的动画*/
.logoSerch{ position:relative;}

.logo{
	position: absolute;
	top: 0;
	left: 0;
	animation:changeLogo 7s;
	-moz-animation:changeLogo 7s; /* Firefox */
    -webkit-animation:changeLogo 7s; /* Safari and Chrome */
    -o-animation:changeLogo 7s; /* Opera */

}
.sousuo{
	position: absolute;
	top: 0;
	right: 0;
	animation:changeSerch 7s;
	-moz-animation:changeSerch 7s; /* Firefox */
    -webkit-animation:changeSerch 7s; /* Safari and Chrome */
    -o-animation:changeSerch 7s; /* Opera */

}
/*LOGO的动画*/
@keyframes changeLogo
        {
            0%   {top:0px;left: 0;}

            45%  {top:190px;left: 392px;}
            
            50%  {top:190px;left: 392px;}

            55%  {top:190px;left: 392px;}
            
            100% {top:0px;left: 0;}
        }
/* Firefox */
@-moz-keyframes changeLogo 
        {
            0%   {top:0px;left: 0;}

            45%  {top:190px;left: 392px;}
            
            50%  {top:190px;left: 392px;}

            55%  {top:190px;left: 392px;}
            
            100% {top:0px;left: 0;}
        }
/* Safari and Chrome */
 @-webkit-keyframes changeLogo 
        {
        
            0%   {top:0px;left: 0;}

            45%  {top:190px;left: 392px;}
            
            50%  {top:190px;left: 392px;}

            55%  {top:190px;left: 392px;}
            
            100% {top:0px;left: 0;}
        }

/* Opera */
@-o-keyframes changeLogo 
        {
            
            0%   {top:0px;left: 0;}

            45%  {top:190px;left: 392px;}
            
            50%  {top:190px;left: 392px;}

            55%  {top:190px;left: 392px;}
            
            100% {top:0px;left: 0;}
        }
        

/*搜索框的动画*/
@keyframes changeSerch
		{
            0%   {top:0px;right: 0}

            45%  {top:300px;right: 335px}
            
            50%  {top:300px;right: 335px}

            55%  {top:300px;right: 335px}
            
            100% {top:0px;right: 0}
        }
/* Firefox */
@-moz-keyframes changeSerch 
        {
            0%   {top:0px;right: 0}

            45%  {top:300px;right: 335px}
            
            50%  {top:300px;right: 335px}

            55%  {top:300px;right: 335px}
            
            100% {top:0px;right: 0}
        }
/* Safari and Chrome */
 @-webkit-keyframes changeSerch 
        {
            0%   {top:0px;right: 0}

            45%  {top:300px;right: 335px}
            
            50%  {top:300px;right: 335px}

            55%  {top:300px;right: 335px}
            
            100% {top:0px;right: 0}
        }
		
/* Opera */
@-o-keyframes changeSerch 
        {
            0%   {top:0px;right: 0}

            45%  {top:300px;right: 335px}
            
            50%  {top:300px;right: 335px}

            55%  {top:300px;right: 335px}
            
            100% {top:0px;right: 0}
        }
		
@media (max-height:770px){

    @keyframes changeLogo
        {
            0%   {top:0px;left: 0;}

            45%  {top:50px;left: 392px;}
            
            50%  {top:50px;left: 392px;}

            55%  {top:50px;left: 392px;}
            
            100% {top:0px;left: 0}
        }


/* Safari and Chrome */
 @-webkit-keyframes changeLogo 
        {
        
            0%   {top:0px;left: 0;}

            45%  {top:50px;left: 392px;}
            
            50%  {top:50px;left: 392px;}

            55%  {top:50px;left: 392px;}
            
            100% {top:0px;left: 0}
        }

  @keyframes changeSerch
        {
            0%   {top:0px;right: 0}

            45%  {top:180px;right: 335px}
            
            50%  {top:180px;right: 335px}

            55%  {top:180px;right: 335px}
            
            100% {top:0px;right: 0}
        }
/* Safari and Chrome */
         @-webkit-keyframes changeSerch 
        {
            0%   {top:0px;right: 0}

            45%  {top:180px;right: 335px}
            
            50%  {top:180px;right: 335px}

            55%  {top:180px;right: 335px}
            
            100% {top:0px;right: 0}
        }
}