#header{ background:url(../images/head_bg.gif) left top repeat-x; height:32px;}
.top_nav li{ line-height:32px;  }
.top_nav li img{margin:5px 0; vertical-align:middle;}
.top_nav li a{font-size:12px;color:#1e376d;padding:0 7px 0 6px;border-right:1px solid #444;}

.ad{ background:url(../images/ad.jpg) center top no-repeat; height:491px;}

.menu_box{ height:85px;background:url(../images/menu_bg.png) left top repeat-x;}
.menu li{ float:left;line-height:75px; position:relative; z-index:1;margin:0 20px;}
.menu li a{ display:block;padding:0 24px;  font-family:Microsoft Yahei;font-size:18px;color:#fffefe;}
.menu li a:hover{ background:#00c2dc; text-decoration:none;}
.menu li.active{ background:#00c2dc;}
.menu .sub_menu{background:#00c2dc;width:120px; position:absolute; z-index:1; padding-bottom:5px;}
.menu .sub_menu li{ float:none; text-align:center; line-height:24px;margin:0; }
.menu .sub_menu li a{font-size:14px; display:block; vertical-align:middle;}
.menu .sub_menu li a:hover{color:#ffce38;}

.fix
{
	width:100%;
	position:fixed;
	top: 0;
	left: 0;
	_left:auto;
	_position:absolute;
	_top:expression(eval(document.documentElement.scrollTop));
	z-index:999;
}



.sum_bg{margin-bottom:2px;background:#f1f1f1 ; padding-top:24px; padding-bottom:26px; border-bottom:1px solid #f9f9f9;}
.title{font-family:Microsoft Yahei;font-size:30px;}
.title span{ font-family:'方正兰亭超细黑简体',Simsun;}
.banner{width:514px; height:504px; overflow:hidden; position:relative;margin-top:17px;}
.banner ul li img{width:514px; height:504px;}
.banner ul li{ position:absolute;width:514px; height:504px; left:0; top:0;z-index:0;}
.banner .dot{ position:absolute;width:157px; height:21px;right:16px; bottom:9px; z-index:1;}
.banner .dot span{ float:left; display:inline; width:21px; height:21px; background:url(../images/dot.png) 0 0 no-repeat;margin:0 9px; cursor:pointer;}
.banner .dot span.active{ background-position:-39px 0;}
.sum_con{/*width:427px;*/}
.sum_con p{ line-height:24px;font-size:14px;color:#000; padding-bottom:8px; text-indent:2em;}
.pre_speaker{ background:#00acc0; padding:42px 0 28px 0; border-bottom:1px solid #91d6e0;}
.speaker_list{width:1040px;}
.speaker_list li{ float:left; display:inline; text-align:center;width:182px; height:268px;margin-right:78px;margin-top:30px;color:#fff;}
.speaker_list li h3{font-weight:bold;margin-top:16px;margin-bottom:6px;}
.speaker_list li p{ line-height:18px;}
.speaker_list li img{width:176px; height:176px;}
.hot_topic{ background:url(../images/topic_bg.jpg) center top no-repeat; height:502px;}
.hot_topic .title{ padding-top:50px;}
.hot_topic dl{ line-height:33px;}
.hot_topic dt{ font-weight:bold;font-size:16px;color:#000;}
.hot_topic dd{ background:url(../images/ytcon_bg.png) left center no-repeat; padding-left:13px;font-size:13px;color:#000;}
.topic_con{margin-top:112px;}

.target_audi{ background:#019e89; height:398px;}
.target_audi .title{padding:43px 0 78px 0;}
.target_audi dt{margin-right:46px;}
.target_audi dd{ font-size:14px;color:#fff; width:680px; line-height:22px;margin-bottom:12px;}
.target_audi dd i{ float:left;width:6px; height:6px; overflow:hidden; background:#eea14a;margin-right:12px; position:relative;top:5px;}
.target_audi dd span{ float:left;width:645px;}

.agenda{ background:#F7F3F0 url(../images/agen_bg.jpg) center top no-repeat; padding-bottom:30px;}
.agenda .title{ padding:40px 0 32px 0;}
.agenda table{ border-collapse:collapse; border:1px solid #acacac;}
.agenda table td{ border:1px solid #acacac; padding:4px 0; line-height:22px; }
.agenda table .tdleft{ padding-left:23px;}
.agenda table .tdright{ padding-left:51px;}

.part_company{background:#007684; padding-bottom:37px;}
.part_company .title{padding:49px 0 31px 0;}
.com_list{width:1008px;}
.com_list li{ float:left;width:168px;font-size:14px;color:#fff; line-height:32px;}

.contri_box{ background:#f1f1f1; padding:50px 0 85px 0;}
contri_box dl{width:708px;}
.contri_box dt{margin-bottom:66px;}
.sec_title{font-family:Microsoft Yahei; font-size:30px; }
.sec_title span{ font-family:Simsun; margin-left:10px;}
.contri_box dd{ line-height:26px; margin-left:127px;}
.contri_box dd{width:521px;color:#464646;}
.contri{margin-bottom:79px;}
.contri dd{ background:url(../images/contri_ico.png) 0 0 no-repeat; height:143px; padding-left:187px;}
.contri dd strong{font-weight:bold;}
.contri dd a{color:#034170;}
.speech dd{ background:url(../images/speech_ico.png) 0 center no-repeat; height:84px; padding-left:161px;width:570px;}
.brand_support{ background:#2da5b3; padding:30px 0 60px 0;}
.brand_support dt{font-family:Microsoft Yahei;font-size:16px;font-weight:bold;color:#fff;margin-right:29px;}
.meet_contact{ background:#008696; padding:38px 0 45px; border-bottom:1px solid #66b6c0;}
.meet_contact dl{color:#fff; line-height:30px;}



/*会议日程页面*/
.traffic{margin-bottom:30px;margin-top:30px;}
.traffic_info p{ line-height:22px;}


/*会议赞助*/
.jiabin .jiabin_left .jiabin_title, .part1 .part1_title {
    background: none repeat scroll 0 0 #eb6810;
    height: 56px;
}
.jiabin .jiabin_left .jiabin_title h3, .part1 .part1_title h3 {
    color: #fff;
    float: left;
    font: bold 16px/56px "Microsoft Yahei","黑体";
    padding-left: 30px;
}
.part1_con {
    background: none repeat scroll 0 0 #fff;
    padding: 30px 0;
}
.zz_con p
{
	line-height:26px;
}
.zz_con .news_list2 li
{
	line-height:28px;
}
.pad10
{
	padding-top:15px;
}
.pad20
{
	padding-top:30px;
}
.pad40
{
	padding-top:50px;
}

.richeng_table .tr_title {
    background:#42bfcd;
    color: #fff;
    font: 16px/20px "Microsoft Yahei","黑体";
}
.richeng_table2
{
	width: 750px;
	border: solid 1px #acacac;
	margin: 20px 0;
}
.richeng_table2 tr td
{
	padding:8px 5px;
	border: solid 1px #acacac;
}
.padleft120
{
	padding-left: 120px;
}
.padleft20
{
	padding-left: 20px;
}

.support_contact dd{ line-height:22px;}
/*浮窗*/
*html{
	background-image:url(about:blank);
	background-attachment:fixed;
}
.fuchuang,.xufu_weixin
{
	position:fixed;
  z-index: 3;
	_position:absolute;
    _bottom:auto;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    bottom: 0;
	_margin-bottom:0;
}
.fuchuang
{
	left:0;
	width:104px;
	height:256px;
	background:url(../images/fuchuang.gif) no-repeat;
}
.fuchuang .fuchuang_zc,.fuchuang .fuchuang_traffic,.fuchuang .fuchuang_share,.fuchuang .fuchuang_qq,.fuchuang .fuchuang_wb
{
	width:104px;
	height:52px;
	display:block;
	cursor:pointer;
}
.fuchuang .fuchuang_zc
{
	background-position:0 0;
	height: 47px;
}
.fuchuang .fuchuang_weibo
{
	background:0 -47px;
}
.fuchuang .fuchuang_qq
{
	background:0 -99px;
}
.fuchuang .fuchuang_share
{
	background:0 -151px;
	position:relative;
}
.fuchuang .fuchuang_traffic
{
	background:0 -203px;
}
.jiathis_style
{
	display:none;
}
.fuchuang .fuchuang_close
{
	position: absolute;
	display: block;
	top:0;
	right:0;
	background: #549DE0;
	width: 15px;
	height: 13px;
	line-height: 13px;
	text-align: center;
	font-family: "Arial";
	color: #fff;
	cursor: pointer;
	font-size:12px;
}
.fuchuang .fuchuang_close:hover
{
	color: #f00;
}
/*微信*/

.xufu_weixin
{
	background:#fff;
	right:0;
	text-align:center;
	font-size:12px;
	color:#444;
}
.xufu_weixin h4 img
{
	width:135px;
	height:135px;
	padding:5px;
	background:#fff;
	margin-bottom:5px;
}
.xufu_weixin span
{
	display:block;
	line-height:16px;
	color:#666;
}
.xufu_weixin span.red
{
	color:#cc0000;
	font-weight:bold;
}
.xufu_weixin span img
{
	padding-right:3px;
}
.xufu_weixin2
{
	background:#fff;
	padding-bottom:0;
}
.xufu_weixin2 h4 img
{
	width:123px;
	height:123px;
	margin:0;
	padding:5px 5px 0 5px;
}
.xufu_weixin h3
{
	background:#347cc5;
	color:#fff;
	text-align:center;
	font:normal 16px/28px "Microsoft Yahei","黑体";
}
.xufu_weixin2 .weixin_title
{
	font:normal 16px/22px "Microsoft Yahei","黑体";
	color:#000;
	padding-bottom:5px;
}
.chat
{
	border-top:dashed 1px #ccc;
	background:#ddd;
	padding:8px 0 8px 18px;
	line-height:16px;
	text-align:left;
}
.chat img
{
	padding:5px 5px 0 0;
}

/* Banner */
#banner {
  clear: both;
  height: 549px;
  background: url(../images/banner.jpg) center top no-repeat;
}
:root #banner {
  position: relative;
  overflow: hidden;
  background: #0175BE url(../images/bg-banner.png) repeat;
}
#banner::before,
#banner::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid #87BEE0;
  border-bottom: 1px solid #4198CE;
}
#banner::after {
  bottom: 0;
  /*border-top: 2px solid rgba(15, 141, 225, .7);*/
  border-top: 2px solid #0DADEE;
  border-bottom: 1px solid rgba(14, 135, 216, .7);
  border-bottom: 1px solid #7BC7FD;
}
#banner .wrap {
  position: relative;
  margin: 0 auto;
  width: 960px;
  height: 100%;
}
#banner .title {
  position: relative;
  z-index: 3;
  top: 95px;
  margin: auto;
  width: 621px;
  height: 162px;
  text-indent: -9999px;
  background: url(../images/title.png) no-repeat;
}
#banner .city,
#banner .flowers,
#banner .trees,
#banner .panel {
  position: absolute;
  bottom: 60px;
  background-position: center bottom;
  background-repeat: no-repeat;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
#banner .city {
  left: -7px;
  width: 353px;
  height: 174px;
  background-image: url(../images/houses.png);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  -ms-animation: popup .4s linear .2s forwards;
  -o-animation: popup .4s linear .2s forwards;
  -moz-animation: popup .4s linear .2s forwards;
  -webkit-animation: popup .4s linear .2s forwards;
  animation: popup .4s linear .2s forwards;
}
#banner .flowers {
  left: 530px;
  width: 34px;
  height: 40px;
  background-image: url(../images/flowers.png);
}
#banner .trees.s {
  left: 410px;
  width: 36px;
  height: 47px;
  background-image: url(../images/trees-s.png);
}
#banner .trees.m {
  left: 460px;
  width: 29px;
  height: 62px;
  background-image: url(../images/trees-m.png);
}
#banner .panel {
  background-image: url(../images/panel.png);
  background-size: contain;
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  -ms-animation: popup .4s linear .2s forwards;
  -o-animation: popup .4s linear .2s forwards;
  -moz-animation: popup .4s linear .2s forwards;
  -webkit-animation: popup .4s linear .2s forwards;
  animation: popup .4s linear .2s forwards;
}
#banner .panel.s {
  left: 620px;
  width: 78px;
  height: 62px;
}
#banner .panel.m {
  left: 712px;
  width: 108px;
  height: 86px;
}
#banner .panel.l {
  left: 826px;
  width: 175px;
  height: 144px;
}
#banner .panel.rotate2,
#banner .panel.rotate3 {
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -ms-animation: panelRotate2 1s forwards;
  -o-animation: panelRotate2 1s forwards;
  -moz-animation: panelRotate2 1s forwards;
  -webkit-animation: panelRotate2 2s forwards;
  animation: panelRotate2 1s forwards;
}
#banner .panel.rotate3 {
  -ms-animation-name: panelRotate3;
  -o-animation-name: panelRotate3;
  -moz-animation-name: panelRotate3;
  -webkit-animation-name: panelRotate3;
  animation-name: panelRotate3;
}
#banner .sun {
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -680px;
  width: 95px;
  height: 95px;
  background: url(../images/sun.png) no-repeat;
  -ms-transform-origin: 640px 2500px;
  -o-transform-origin: 640px 2500px;
  -moz-transform-origin: 640px 2500px;
  -webkit-transform-origin: 640px 2500px;
  transform-origin: 640px 2500px;
  /*-ms-transform: scale(0);
  -o-transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  -ms-animation: popup .4s linear .2s forwards;
  -o-animation: popup .4s linear .2s forwards;
  -moz-animation: popup .4s linear .2s forwards;
  -webkit-animation: popup .4s linear .2s forwards;
  animation: popup .4s linear .2s forwards;*/
}
#banner .cloud {
  position: absolute;
  left: 50%;
  background: url(../images/cloud.png) no-repeat;
  background-size: contain;
}
#banner .cloud.xxxl {
  top: 90px;
  margin-left: 380px;
  width: 165px;
  height: 71px;
}
#banner .cloud.xxl {
  top: 160px;
  margin-left: -730px;
  width: 105px;
  height: 45px;
}
#banner .cloud.xl {
  top: 270px;
  left: 50%;
  margin-left: 210px;
  width: 95px;
  height: 40px;
}
#banner .cloud.l {
  top: 230px;
  margin-left: 700px;
  width: 80px;
  height: 35px;
}
#banner .cloud.m {
  top: 300px;
  left: 50%;
  margin-left: -350px;
  width: 60px;
  height: 26px;
}
#banner .cloud.s {
  bottom: 56px;
  left: 50%;
  margin-left: -150px;
  width: 45px;
  height: 20px;
}
#banner .road {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  background: #00C2DC;
}
#banner .plane {
  position: absolute;
  /*left: -100px;*/
  background: url(../images/plane.png) no-repeat;
  background-size: contain;
}
#banner .plane.m {
  left: 500px;
  top: 200px;
  width: 58px;
  height: 65px;
  -webkit-animation: rightwards 15s linear -2s infinite;
     -moz-animation: rightwards 15s linear -2s infinite;
          animation: rightwards 15s linear -2s infinite;
}
#banner .plane.s {
  right: 500px;
  top: 350px;
  width: 40px;
  height: 50px;
  -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
       -o-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-animation: leftwards 30s linear infinite;
     -moz-animation: leftwards 30s linear infinite;
          animation: leftwards 30s linear infinite;
}
#banner .car {
  position: absolute;
  z-index: 1;
  /*left: 100px;*/
  background-repeat: no-repeat;
  background-size: contain;
}
#banner .car.l {
  right: 500px;
  bottom: 20px;
  width: 68px;
  height: 32px;
  background-image: url(../images/car-l.png);
  -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
       -o-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-animation: leftwards 15s linear infinite;
     -moz-animation: leftwards 15s linear infinite;
          animation: leftwards 15s linear infinite;
}
#banner .car.m {
  left: -500px;
  bottom: 10px;
  width: 56px;
  height: 27px;
  background-image: url(../images/car-m.png);
  -webkit-animation: rightwards 25s 1s linear infinite;
     -moz-animation: rightwards 25s 1s linear infinite;
          animation: rightwards 25s 1s linear infinite;
}
#banner .car.s {
  left: 500px;
  bottom: 30px;
  width: 56px;
  height: 27px;
  background-image: url(../images/car-s.png);
  -webkit-animation: rightwards 12s linear infinite;
     -moz-animation: rightwards 12s linear infinite;
          animation: rightwards 12s linear infinite;
}

@keyframes popup {
  0% {
    -ms-transform: scale3d(0, 0, 0);
    -o-transform: scale3d(0, 0, 0);
    -moz-transform: scale3d(0, 0, 0);
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0)
  }
  /*20% {
    -ms-transform: scale3d(.2, .2, .3);
    -o-transform: scale3d(.2, .2, .3);
    -moz-transform: scale3d(.2, .2, .3);
    -webkit-transform: scale3d(.2, .2, .3);
    transform: scale3d(.2, .2, .3)
  }
  40% {
    -ms-transform: scale3d(.5, .5, .5);
    -o-transform: scale3d(.5, .5, .5);
    -moz-transform: scale3d(.5, .5, .5);
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .6)
  }
  60% {
    -ms-transform: scale3d(.3);
    -o-transform: scale3d(.3);
    -moz-transform: scale3d(.3);
    -webkit-transform: scale3d(.3);
    transform: scale3d(.3, .3, .4)
  }
  80% {
    -ms-transform: scale(.6);
    -o-transform: scale(.6);
    -moz-transform: scale(.6);
    -webkit-transform: scale(.6);
    transform: scale3d(.6, .6, .7)
  }*/
  100% {
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale3d(1, 1, 1)
  }
}
@-webkit-keyframes popup {
  0% {
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  /*20% {
    -ms-transform: scale(.2);
    -o-transform: scale(.2);
    -moz-transform: scale(.2);
    -webkit-transform: scale(.2);
    transform: scale(.2)
  }
  40% {
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }
  60% {
    -ms-transform: scale(.3);
    -o-transform: scale(.3);
    -moz-transform: scale(.3);
    -webkit-transform: scale(.3);
    transform: scale(.3)
  }
  80% {
    -ms-transform: scale(.6);
    -o-transform: scale(.6);
    -moz-transform: scale(.6);
    -webkit-transform: scale(.6);
    transform: scale(.6)
  }*/
  100% {
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@-moz-keyframes popup {
  0% {
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  /*20% {
    -ms-transform: scale(.2);
    -o-transform: scale(.2);
    -moz-transform: scale(.2);
    -webkit-transform: scale(.2);
    transform: scale(.2)
  }
  40% {
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }
  60% {
    -ms-transform: scale(.3);
    -o-transform: scale(.3);
    -moz-transform: scale(.3);
    -webkit-transform: scale(.3);
    transform: scale(.3)
  }
  80% {
    -ms-transform: scale(.6);
    -o-transform: scale(.6);
    -moz-transform: scale(.6);
    -webkit-transform: scale(.6);
    transform: scale(.6)
  }*/
  100% {
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@-o-keyframes popup {
  0% {
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  /*20% {
    -ms-transform: scale(.2);
    -o-transform: scale(.2);
    -moz-transform: scale(.2);
    -webkit-transform: scale(.2);
    transform: scale(.2)
  }
  40% {
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }
  60% {
    -ms-transform: scale(.3);
    -o-transform: scale(.3);
    -moz-transform: scale(.3);
    -webkit-transform: scale(.3);
    transform: scale(.3)
  }
  80% {
    -ms-transform: scale(.6);
    -o-transform: scale(.6);
    -moz-transform: scale(.6);
    -webkit-transform: scale(.6);
    transform: scale(.6)
  }*/
  100% {
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes panelRotate2 {
  from {
    background-image: url(../images/panel.png);
  }
  to {
    background-image: url(../images/panel2.png);
  }
}
@-webkit-keyframes panelRotate2 {
  from {
    background-image: url(../images/panel.png);
  }
  to {
    background-image: url(../images/panel2.png);
  }
}
@-moz-keyframes panelRotate2 {
  from {
    background-image: url(../images/panel.png);
  }
  to {
    background-image: url(../images/panel2.png);
  }
}
@-o-keyframes panelRotate2 {
  from {
    background-image: url(../images/panel.png);
  }
  to {
    background-image: url(../images/panel2.png);
  }
}
@keyframes panelRotate3 {
  from {
    background-image: url(../images/panel2.png);
  }
  to {
    background-image: url(../images/panel3.png);
  }
}
@-webkit-keyframes panelRotate3 {
  from {
    background-image: url(../images/panel2.png);
  }
  to {
    background-image: url(../images/panel3.png);
  }
}
@-moz-keyframes panelRotate3 {
  from {
    background-image: url(../images/panel2.png);
  }
  to {
    background-image: url(../images/panel3.png);
  }
}
@-o-keyframes panelRotate3 {
  from {
    background-image: url(../images/panel2.png);
  }
  to {
    background-image: url(../images/panel3.png);
  }
}
@-webkit-keyframes rightwards {
  from {
    left: -5%;
  }
  to {
    left: 110%;
  }
}
@-moz-keyframes rightwards {
  from {
    left: -5%;
  }
  to {
    left: 110%;
  }
}
@keyframes rightwards {
  from {
    left: -5%;
  }
  to {
    left: 110%;
  }
}
@-webkit-keyframes leftwards {
  from {
    right: -5%;
  }
  to {
    right: 110%;
  }
}
@-moz-keyframes leftwards {
  from {
    right: -5%;
  }
  to {
    right: 110%;
  }
}
@keyframes leftwards {
  from {
    right: -5%;
  }
  to {
    right: 110%;
  }
}