#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 10px;}
.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;
}
#scrolltotop {
  display: block;
  position: fixed;
  _position: absolute;
 right:50px;
  bottom: 220px;
  _bottom: "auto";
  width: 52px;
  height:50px;
  cursor: pointer;
  opacity:0.35;
  filter: Alpha(opacity=35);
  background:url(../images/toplink.png) no-repeat;
}


.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:494px; height:359px; overflow:hidden; position:relative;margin-top:17px;}
.banner ul li img{width:494px; height:359px;}
.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;}
.banner .bg{width:100%; height:48px; background:#fff; opacity:0.48; filter:alpha(opacity=48); position:absolute;left:0; bottom:0;}
.banner p{ position:absolute;width:100%; height:48px; line-height:48px; left:0;bottom:0;color:#f00;font-size:18px; font-weight:bold; font-family:Microsoft Yahei; padding-left:10px;}
.sum_con{width:425px;margin-top:17px;}
.sum_con p{ line-height:22px;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:507px;}
.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:50px;}

.target_audi{ background:#00acc0; 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:8px;}
.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 .th_bg td,.agenda table .td_bg td{font-size:14px;}
.agenda table .th_bg{background:rgb(64,193,208);background:rgba(0,172,192,0.73);/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#7300acc0', EndColorStr='#7300acc0');*/}
.agenda table .td_bg{background:rgb(195,224,226);background:rgba(0,172,192,0.17);/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#1700acc0', EndColorStr='#1700acc0');*/}
.agenda table td{ border:1px solid #acacac; padding:4px 0; line-height:22px; font-size:12px; }
.agenda table .tdleft{ padding-left:23px;}
.agenda table .tdright{ padding-left:51px;}

.part_company{background:#39acaf; padding-bottom:37px;}
.part_company .title{padding:49px 0 31px 0;}
.com_list_box{ height:196px; overflow:hidden;}
.com_list{width:1008px;}
.com_list li{ float:left;width:250px;font-size:14px;color:#fff; line-height:49px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


.past_cooper{ background:#fff; padding-top:66px; padding-bottom:28px;}
.past_cooper .past_cooper_box{ height:168px;width:960px; overflow:hidden;}
.past_cooper .past_cooper_list{ margin-top:30px;width:9999px;}
.past_cooper .past_cooper_list li{ float:left; display:inline;width:190px;}
.past_cooper .past_cooper_list li img{ vertical-align:middle;width:150px; height:70px;}
.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:574px;}
.brand_support{ background:#fff; padding:30px 0 60px 0;}
.brand_support dt{font-family:Microsoft Yahei;font-size:16px;font-weight:bold;color:#595757;margin-right:29px;}
.meet_contact{ background:#008696; padding:38px 0 45px; border-bottom:1px solid #66b6c0;}
.meet_contact dl{color:#fff; line-height:30px;}

.supp-list dd{width:865px;}
.supp-list dd a{margin:0 15px 10px; float:left;}



/*会议日程页面*/
.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: #39acaf;
}
#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: 749px;
  height: 265px;
  text-indent: -9999px;
  background: url(../images/title1.png?v=1020) no-repeat;
}

#banner .city,
#banner .flowers,
#banner .trees,
#banner .panel {
  position: absolute;
  bottom: 0;
  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: 133px;
  width: 172px;
  height: 159px;
  background-image: url(../images/flowers.png);
}
#banner .trees.s {
  left: 410px;
  width: 604px;
  height: 197px;
  background-image: url(../images/trees-s.png);
}
#banner .trees.m {
  left: -472px;
   width: 604px;
  height: 197px;
  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:304px;
  width:89px;
  height:68px;
  z-index:0;
}
#banner .panel.m {
  left:474px;
  width: 87px;
  height:65px;
  z-index:1;
}
#banner .panel.l {
 left:360px;
  width: 108px;
  height: 86px;
  z-index:1;
 }

 .butter1{width:32px; height:30px; position:absolute;left:262px; bottom:161px;}
 .butter2{width:26px; height:26px;  position:absolute;left:308px; bottom:146px;}
 .butter1 { animation:20s butter1 infinite;-webkit-animation:20s butter1 infinite; -moz-animation:20s butter1 infinite;
 -ms-animation:20s butter1 infinite; -o-animation:20s butter1 infinite; transform:rotateZ(-30deg);-webkit-transform: rotateZ(-30deg);-moz-transform: rotateZ(-30deg);-ms-transform: rotateZ(-30deg);-o-transform: rotateZ(-30deg); }
.butter2 {animation:20s butter2 infinite;-webkit-animation:20s butter2 infinite; -moz-animation:20s butter2 infinite;-ms-animation:20s butter2 infinite; -o-animation:20s butter2 infinite;transform:rotateZ(-30deg);-webkit-transform: rotateZ(-30deg);-moz-transform: rotateZ(-30deg);-ms-transform: rotateZ(-30deg);-o-transform: rotateZ(-30deg);}
 
 .butterfly1{width:32px; height:30px;background:url(../images/buffer_l.png) 0 0 no-repeat; }
 .butterfly2{width:26px; height:26px;background:url(../images/buffer_s.png) 0 0 no-repeat; }
  .butterfly1,.butterfly2{
				animation:ease-linear x-spin infinite;
				-moz-animation:ease-linear x-spin infinite;
				-webkit-animation:ease-linear x-spin infinite;
				-ms-animation:ease-linear x-spin infinite;
				-o-animation:ease-linear x-spin infinite;
				
				}
		 @keyframes x-spin {
				0%		{ -webkit-transform: rotateX(0deg); }
				20%		{ -webkit-transform: rotateX(80deg); }
				40%		{ -webkit-transform: rotateX(130deg); }
				50%		{ -webkit-transform: rotateX(180deg); }
				60%		{ -webkit-transform: rotateX(210deg); }
				80%		{ -webkit-transform: rotateX(270deg); }
				100%	{ -webkit-transform: rotateX(360deg); }
			}
 @-webkit-keyframes x-spin {
				0%		{ -webkit-transform: rotateX(0deg); }
				20%		{ -webkit-transform: rotateX(80deg); }
				40%		{ -webkit-transform: rotateX(130deg); }
				50%		{ -webkit-transform: rotateX(180deg); }
				60%		{ -webkit-transform: rotateX(210deg); }
				80%		{ -webkit-transform: rotateX(270deg); }
				100%	{ -webkit-transform: rotateX(360deg); }
			}
 @-moz-keyframes x-spin {
				0%		{ -webkit-transform: rotateX(0deg); }
				20%		{ -webkit-transform: rotateX(80deg); }
				40%		{ -webkit-transform: rotateX(130deg); }
				50%		{ -webkit-transform: rotateX(180deg); }
				60%		{ -webkit-transform: rotateX(210deg); }
				80%		{ -webkit-transform: rotateX(270deg); }
				100%	{ -webkit-transform: rotateX(360deg); }
			}
			 @-ms-keyframes x-spin {
				0%		{ -webkit-transform: rotateX(0deg); }
				20%		{ -webkit-transform: rotateX(80deg); }
				40%		{ -webkit-transform: rotateX(130deg); }
				50%		{ -webkit-transform: rotateX(180deg); }
				60%		{ -webkit-transform: rotateX(210deg); }
				80%		{ -webkit-transform: rotateX(270deg); }
				100%	{ -webkit-transform: rotateX(360deg); }
			}
			 @-o-keyframes x-spin {
				0%		{ -webkit-transform: rotateX(0deg); }
				20%		{ -webkit-transform: rotateX(80deg); }
				40%		{ -webkit-transform: rotateX(130deg); }
				50%		{ -webkit-transform: rotateX(180deg); }
				60%		{ -webkit-transform: rotateX(210deg); }
				80%		{ -webkit-transform: rotateX(270deg); }
				100%	{ -webkit-transform: rotateX(360deg); }
			}
			
			
/* @-webkit-keyframes x-spin {
				0%		{ -webkit-transform: scale(1,1); }
				20%		{ -webkit-transform: scale(1,-0.2); }
				40%		{ -webkit-transform: scale(1,1); }
				50%		{ -webkit-transform: scale(1,-0.2); }
				60%		{ -webkit-transform: scale(1,1); }
				80%		{ -webkit-transform: scale(1,0.2); }
				100%	{ -webkit-transform: scale(1,1); }
			}
			*/
 @keyframes butter1 {
			    0%{left: 262px; bottom: 160px; opacity:1;  }
				10%{left:240px; bottom: 100px;}
				20%		{ left: 235px; bottom: 95px;  }
			    30%		{ left: 230px; bottom: 90px;  }
				40%		{ left: 260px; bottom: 120px;  }
			     90%{left: 600px; bottom: 120px; opacity:0.6; }
				100%	{ left: 700px; bottom: 110px; opacity:0;  }
			}
			 @-webkit-keyframes butter1 {
			    0%{left: 262px; bottom: 160px; opacity:1;  }
				10%{left:240px; bottom: 100px;}
				20%		{ left: 235px; bottom: 95px;  }
			    30%		{ left: 230px; bottom: 90px;  }
				40%		{ left: 260px; bottom: 120px;  }
			     90%{left: 600px; bottom: 120px; opacity:0.6; }
				100%	{ left: 700px; bottom: -50px; opacity:0;  }
			}
			 @-moz-keyframes butter1 {
			    0%{left: 262px; bottom: 160px; opacity:1;  }
				10%{left:240px; bottom: 100px;}
				20%		{ left: 235px; bottom: 95px;  }
			    30%		{ left: 230px; bottom: 90px;  }
				40%		{ left: 260px; bottom: 120px;  }
			     90%{left: 600px; bottom: 120px; opacity:0.6; }
				100%	{ left: 700px; bottom: 110px; opacity:0;  }
			}
			 @-ms-keyframes butter1 {
			    0%{left: 262px; bottom: 160px; opacity:1;  }
				10%{left:240px; bottom: 100px;}
				20%		{ left: 235px; bottom: 95px;  }
			    30%		{ left: 230px; bottom: 90px;  }
				40%		{ left: 260px; bottom: 120px;  }
			     90%{left: 600px; bottom: 120px; opacity:0.6; }
				100%	{ left: 700px; bottom: 110px; opacity:0;  }
			}
		 @-o-keyframes butter1 {
			    0%{left: 262px; bottom: 160px; opacity:1;  }
				10%{left:240px; bottom: 100px;}
				20%		{ left: 235px; bottom: 95px;  }
			    30%		{ left: 230px; bottom: 90px;  }
				40%		{ left: 260px; bottom: 120px;  }
			     90%{left: 600px; bottom: 120px; opacity:0.6; }
				100%	{ left: 700px; bottom: 110px; opacity:0;  }
			}
			
			
			@keyframes butter2 {
				0%	{ opacity:1;}
				20%	{ left: 160px; bottom: 85px; }
				20%	{ left: 165px; bottom: 80px; }
				40%	{ left: 168px; bottom:90px;  }
				90%	{ left: 500px; bottom:100px; opacity:0.6; }
			
				100%{ left: 700px; bottom: -50px; opacity:0; }
			}


@-o-keyframes butter2 {
				0%		{ opacity:1;}
				20%		{ left: 160px; bottom: 85px; }
				20%		{ left: 165px; bottom: 80px; }
				40%		{ left: 168px; bottom:90px;  }
				90%		{ left: 500px; bottom:100px; opacity:0.6; }
			
				100%	{ left: 700px; bottom: -50px; opacity:0; }
			}

@-ms-keyframes butter2 {
					0%		{ opacity:1;}
				20%		{ left: 160px; bottom: 85px; }
				20%		{ left: 165px; bottom: 80px; }
				40%		{ left: 168px; bottom:90px;  }
				90%		{ left: 500px; bottom:100px; opacity:0.6; }
			
				100%	{ left: 700px; bottom: -50px; opacity:0; }
			}

@-webkit-keyframes butter2 {
				0%		{ opacity:1;}
				20%		{ left: 160px; bottom: 85px; }
				20%		{ left: 165px; bottom: 80px; }
				40%		{ left: 168px; bottom:90px;  }
				90%		{ left: 500px; bottom:100px; opacity:0.6; }
			
				100%	{ left: 700px; bottom: -50px; opacity:0; }
			}
@-moz-keyframes butter2 {
					0%		{ opacity:1;}
				20%		{ left: 160px; bottom: 85px; }
				20%		{ left: 165px; bottom: 80px; }
				40%		{ left: 168px; bottom:90px;  }
				90%		{ left: 500px; bottom:100px; opacity:0.6; }
			
				100%	{ left: 700px; bottom: -50px; opacity:0; }
			}


#banner .fengche{ background:url(../images/fengche.png) 0 0 no-repeat;width:850px; height:238px;bottom:0; left:560px; position:absolute;} 
#banner .fc_bg{ width:502px; height:238px; position:absolute;left:560px;bottom:0; background:url(../images/fengche_bg.png) 0 0 no-repeat;}
#banner .fc_bg .fc{ position:absolute;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;-webkit-animation: rotate 4s linear infinite;-moz-animation: rotate 4s linear infinite;-o-animation: rotate 4s linear infinite;animation: rotate 4s linear infinite; transform-origin:center center;
}
#banner .fc_bg .left_fc{left:139px;top:0; width:128px; height:128px; background:url(../images/left_fc.png) 0 0 no-repeat;}
#banner .fc_bg .middle_fc{left:223px;top:69px; width:76px; height:75px; background:url(../images/middle_fc.png) 0 0 no-repeat;}
#banner .fc_bg .right_fc{left:324px;top:30px; width:112px; height:104px; background:url(../images/right_fc.png) 0 0 no-repeat;}

@keyframes rotate{from{transform: rotate(0deg)}
to{transform: rotate(359deg)}
}
@-ms-keyframes rotate{from{transform: rotate(0deg)}
to{transform: rotate(359deg)}
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(359deg)}
}







 
#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: 121px;
  height:120px;
  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 {
	background:url(../images/cloud_r.png) no-repeat;
  top: 90px;
  margin-left: 380px;
  width: 84px;
  height: 61px;
}
#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%;
  }
}