@charset "utf-8";
#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:80px;background:#548e8f;}
.menu li{ float:left;line-height:80px; position:relative; z-index:1;margin:0 10px;}
.menu li a{ display:block;padding:0 16px;  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:104px; 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{background:#f1f1f1 ; padding-top:24px; padding-bottom:26px;}
.title{font-family:Microsoft Yahei;font-size:26px;line-height:34px;color:#000;}
.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:275px; 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:#F1F1F1; padding:42px 0 28px 0;}
.speaker_list{width:1040px;}
.speaker_list li{ float:left; display:inline; text-align:center;  width: 168px; height:268px;margin-right:40px;margin-top:30px;color:#fff; font-family: "微软雅黑";}
.speaker_list li h3{font-size:16px;font-weight:bold;margin-top:13px;color:#000; line-height: 26px;}
.speaker_list li p{ line-height:20px;color:#000;}
.speaker_list li img{width:156px; height:156px;}
.hot_topic{ background:#F1F1F1; padding-bottom: 48px; font-family: "微软雅黑";}
.hot_topic .title{ padding-top:50px;}
.hot_topic dl{ height:250px;}
.hot_topic dl.con1{width:297px; background:#fff url(../images/hp1.png) 20px 61px no-repeat; padding-left: 173px;}
.hot_topic dl.con2{width:354px; background:#fff url(../images/hp2.png) 14px 61px no-repeat; padding-left: 156px;}
.hot_topic dt{ font-weight:normal;font-size:24px;color:#548e8f; line-height: 44px;margin-top:9px;}
.hot_topic dd{ background:url(../images/ytcon_bg.png) left center no-repeat; padding-left:13px;font-size:14px;color:#000; line-height: 26px;}
.hot_topic dl.con1 dd{ line-height: 46px;}
.topic_con{margin-top:15px;}

.target_audi{ background:#F1F1F1; padding-bottom: 45px;}
.target_audi .title{padding:43px 0 21px 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:#fff; padding-bottom:30px;}
.agenda .title{ padding:40px 0 15px 0;}
.agenda table{ border-collapse:collapse;border: none;}
.agenda table .th_bg td,.agenda table .td_bg td{font-size:14px;color:#fff;background: #548e8f; height:32px; }
.agenda table td{ font-size:14px;border-bottom:1px solid #b6bec9; padding:4px 0; line-height:22px; font-weight: bold; }
.agenda table .tdleft{ padding-left:23px;}
.agenda table .tdright{ padding-left:51px;}
.agenda .tab-list{border: none;}
.agenda .tab-list td{line-height: 30px;border:none;}

.chobj-list{margin-right: -5px;*overflow: hidden;*zoom:1;*padding-bottom: 5px;}
.chobj-list li{background: #00acc0; height: 115px; float: left;width:360px;margin-right: 5px;margin-bottom: 5px; position: relative;}
.chobj-list li.one{width:270px; height: 235px;}
.chobj-list li.two{background: #548e8f;}
.chobj-list li.five{background: #30baca;}
.chobj-list li .wrap{ padding: 15px 0 0 19px;}
.chobj-list li h3{font-size:18px;color:#fff; line-height: 24px;}
.chobj-list li p{font-size: 14px;color:#fff; line-height: 20px;margin-top: 10px;}
.chobj-list li img{position: absolute;}
.chobj-list li.one img{right:3px;bottom:0;}
.chobj-list li.two img{right:15px;bottom:4px;}
.chobj-list li.three img{right:12px;bottom:5px;}
.chobj-list li.four img{right:8px;bottom:5px;}
.chobj-list li.five img{right:5px;bottom:5px;}

.go{
    position: absolute;
    width: 48px;
    height: 48px;
    background: url(http://www.ofweek.com/award/2016/laser/images/go.png) 0 0 no-repeat;
    left: -26px;
    top: 210px;
    animation: goreg 1s infinite;
    /* -webkit-animation: goreg 1s infinite; */
    -moz-animation: goreg 1s infinite;
    -ms-animation: goreg 1s infinite;
    /* animation: goreg 1s infinite; */
	z-index:9999;	
}
@-webkit-keyframes goreg{
    from{left:-26px;}
    to{left:-20px;}
}
@-moz-keyframes goreg{
    from{left:-26px;}
    to{left:-20px;}
}
@-ms-keyframes goreg{
    from{left:-26px;}
    to{left:-20px;}
}
@keyframes goreg{
    from{left:-26px;}
    to{left:-20px;}
}
.hot{position: absolute;left:50px;top:8px; -webkit-animation:hotplays 1s infinite;-moz-animation:hotplays 1s infinite;-ms-animation:hotplays 1s infinite;animation:hotplays 1s infinite;}
@keyframes hotplays{
	0{transform: scale(1.0);}
	25%{transform: scale(1.2);}
	100%{ transform: scale(1.2);}
}
@-webkit-keyframes hotplays{
	0{transform: scale(1.0);}
	25%{transform: scale(1.2);}
	100%{ transform: scale(1.2);}
}
@-moz-keyframes hotplays{
	0{transform: scale(1.0);}
	25%{transform: scale(1.2);}
	100%{ transform: scale(1.2);}
}
@-ms-keyframes hotplays{
	0{transform: scale(1.0);}
	25%{transform: scale(1.2);}
	100%{ transform: scale(1.2);}
}

.part_company{background:#548e8f; padding-bottom:37px;}
.part_company .title{padding:49px 0 8px 0;color:#fff;border-bottom:1px solid #76a5a5;}
.com_list_box{ height:196px; overflow:hidden;margin-top: 8px;}
.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:#548e8f; padding:38px 0 45px; border-bottom:1px solid #66b6c0;}
.meet_contact .title{color:#fff;}
.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:203px;
	background:url(../images/fuchuang1.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
{
	padding:5px 0;
	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: 602px;
  background:#8ec3bb url(../images/banner_bg.png) center bottom no-repeat;
  position: relative;
  overflow: hidden;
}
/*:root #banner {
  position: relative;
  overflow: hidden;
  background: #8ec3bb;
}*/

#banner .wrap {
  position: relative;
  margin: 0 auto;
  width: 1000px;
  height:602px;
}
#banner .title {
  position: relative;
  z-index: 3;
  top:80px;
  margin: auto;
  width: 744px;
  height: 216px;
  text-indent: -9999px;
  background: url(../images/title3.png?v=1020) no-repeat;
}

#banner .logo {
  position:absolute;
  z-index: 3;
  left:17px;
  top:26px;
  margin: auto;
  width:216px;
  height: 55px;
  background: url(../images/mainlogo.png) 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{ position:absolute; z-index:4;-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; }
#banner  .left_fc{left:494px;bottom:196px; width:125px; height:123px; background:url(../images/left_fc.png) 0 0 no-repeat;transform-origin:57.6% 56%;}
#banner  .middle_fc{right:293px;bottom:181px; width:87px; height:84px; background:url(../images/middle_fc.png) 0 0 no-repeat;transform-origin:44.8% 58.3%;}
#banner  .right_fc{right:226px;bottom:166px; width:73px; height:73px; background:url(../images/right_fc.png) 0 0 no-repeat;transform-origin:54.8% 41.1%;}

@keyframes rotate{from{transform: rotate(0deg)}
to{transform: rotate(360deg)}
}
@-ms-keyframes rotate{from{transform: rotate(0deg)}
to{transform: rotate(360deg)}
}
@-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(360deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(360deg)}
}

 
#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: 50px;
  left: 50%;
  margin-left: -680px;
  width:70px;
  height:68px;
  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 {
	width:62px;
	height: 36px;
  position: absolute;
  left: 50%;
  background: url(../images/cloud.png) no-repeat;
  background-size: contain;
}
#banner .cloud.xxxl {
  top: 74px;
  margin-left: 243px;
}
#banner .cloud.xxl {
  top:243px;
  margin-left: -710px;
}
#banner .cloud.xl {
  top: 90px;
  left: 50%;
  margin-left: 279px;
  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%;
  }
}



#g-footer {
    margin-top: 15px;
    padding: 10px 0;
    border-top: 1px solid #ddd;
    clear: both;
    font-family: simsun;
    font-size: 12px;
    background: #fff;
}

#g-footer .g-footer-nav {
    height: 30px;
    line-height: 30px;
    text-align: center
}

#g-footer .g-footer-nav a {
    color: #1a4991;
    text-decoration: none
}

#g-footer .g-footer-nav a:hover {
    color: #f15c00;
    text-decoration: underline
}

#g-footer .g-footer-links {
    color: #666;
    float: left;
    line-height: 25px;
    padding: 5px 0;
    text-align: center;
    width: 100%
}
#g-footer .g-footer-links a,#g-footer .g-footer-record a{
	color:#243851;
}
#g-footer .g-footer-links a:hover,#g-footer .g-footer-record a:hover{color:#c00;}

#g-footer .g-footer-record {
    width: 536px;
    margin: 0 auto 10px;
    overflow: hidden;
}

#g-footer .g-footer-record p {
    border: 1px solid #D2D2D2;
    float: left;
    display: inline;
    font-size: 12px;
    height: 50px;
    line-height: 20px;
    margin: 6px;
    width: 120px;
    overflow: hidden;
}

#g-footer .g-footer-record .fn-fl {
    padding: 3px;
}

#g-footer .g-footer-record .fn-fr {
    padding: 5px 3px 0;
    width: 72px;
}
#g-footer .fn-fl{float: left;}
#g-footer .fn-fr{float:right;}


.support-wrap strong{font-weight: bold;}
.support-wrap .zanzhu_list li{overflow: hidden;}


.right_other ul li
{

	padding-bottom:20px;
	margin-top:20px;
	float:left;
}
.right_other ul li h3
{
	font:bold 14px/26px Simsun;
	color:#fff;
	
}
.right_other ul li p
{
	
   color:#fff;
}

.right_other02 
{
	border:none;
	padding-top:20px;
}
.right_other02 ul li
{
	float:left;
	border:none;
}

.right_other02
{
	border-top:solid 2px #0073c3;
}
.right_other02 ul li
{
	border-bottom:solid 1px #ddd;
	padding-bottom:20px;
	margin-top:20px;
}
.right_other02 ul li h3
{
	font:16px/22px "Microsoft Yahei","黑体";
	color:#666;
	padding-bottom:10px;
}

.right_other02 ul li p{color:#000;} 

.guest-wrap{ overflow: hidden; width: 100%; height: 265px; }


.xufu_weixin{width:120px;height: 306px; overflow:visible;right: 16px; z-index: 999;border: 2px solid #548e8f;}
.xufu_weixin .xufunav a{position: absolute;width:130px; height: 30px; font:18px/30px "microsoft yahei";color:#fff;margin-bottom: 2px;left:-5px; text-decoration: none; z-index: 999; background: url(../images/nav_bg.gif) left top repeat-y;}
.xufu_weixin .xf-link1{bottom:92px;}
.xufu_weixin .xf-link2{bottom:60px;}
.xufu_weixin .xf-link3{bottom:28px;}
.xufu_weixin .gotop{width: 100%; position: absolute;line-height: 22px;color:#000;left:0;bottom:4px; text-align: center; cursor: pointer;}
.xufu_weixin .gotop i{	
	width:0;
	height: 0;
	font-size: 0;
	line-height: 0;
  border-color: transparent transparent #000 transparent;
  border-width: 4px;
  border-style:dashed dashed solid dashed ;
  display: inline-block;
  vertical-align: middle;
  margin-top:-8px;
  margin-right: 3px;
 }
  .xufu_weixin .closer {
    position: absolute;
    right:-16px;
    top:-2px;
    width: 16px;
    height: 18px;
    text-align: center;
    font:12px/18px simsun;
    color: #fff;
    text-decoration: none;
	background:#548e8f url(../images/close.png) center center no-repeat;
    z-index: 9;
	line-height:16px;
  }
  .xufu_weixin .closer:hover {
    color: #f00;
  }

.traffic-guide p{line-height: 20px;}  
.traffic-guide p strong{font-weight: bold;}