@charset "utf-8";
/* CSS Document */

/*global css*/
html{width:100%;height:100%;}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, blockquote, th, td, p, img{margin:0;padding:0;border:0;}
body{color:#333;font-family:simsun,Arial; width:100%; margin:0 auto;font-size:12px; /*background:url(../images/bg.jpg) repeat-y center 360px;*/ background:#0175be;}
table {border-collapse:collapse;border-spacing:0;}
img {border:0;}
div:after, ul:after, li:after {clear: both;content: " ";display: block;font-size: 0;height: 0;visibility: hidden;}
p{ line-height:22px; color:#333;  font-weight:400;}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
.clear{clear:both; font-size:0; height:0;visibility:hidden;overflow:hidden;*zoom:1;}
a{color:#333;}
a:link,a:visited{color:#333; text-decoration:none;}
a:hover{ color:#c00;}
h1{font-size:16px;}
h2,h3,h4{font-size:14px;}
h6{ text-align:center;}
.red,.red a{color:#e20000;}
.red a:link,.red a:visited,.red a:hover{ color:#e20000;}
.red a:hover{ text-decoration:underline;}
.white,.white a{ color:#fff;}
.white a:link,.white a:visited,.white a:hover{ color:#fff;}
.floatleft{ float:left;}
.floatright{ float:right;}
#noborder{border:none;}
#nobg{background:none;}
.ml25{margin-left:25px;}



/*header topbar*/
#header {
  position: relative;
  z-index:111;
}
.topbar_con
{
	width: 1000px;
	margin: 0 auto;
	font-size:12px;
}
#header .topbar {
  height: 31px;
  line-height: 31px;
  border-bottom: solid 1px #ddd;
  background: #F5F5F5;
}
#header .topbar .menu {
  float: left;
  display: inline;
}
#header .topbar .menu-item {
  float: left;
  display: inline;
  margin-right: 4px;
  _margin-right: 2px;
  color: #444;
}
#header .topbar .menu-item a {
  margin-right: 4px;
  color: #1E376D;
}
#header .topbar .menu-user {
  float: right;
}
#header .topbar .menu-user .menu-item {
  margin-right: 0;
  margin-left: 4px;
  _margin-left: 2px;
}
#header .topbar .menu-user .menu-item a {
  margin-left: 0;
  margin-right: 4px;
}
#logininfo a {
  color: #1E376D;
}




/*banner*/
.banner
{
	width:100%;
	min-width:959px;
	height:489px;
	background: url(../images/banner.jpg) no-repeat center top;
}
.nav
{
	width:100%;
	min-width:959px;
	height:68px;
	padding-top:136px;
	margin-top:-106px;
	background:url(../images/nav_bg.png) no-repeat center top;
	position:relative;
}
.nav .nav_con
{
	width:959px;
	height:68px;
	margin:0 auto;
	line-height:68px;
	text-align:center;
}
.nav a
{
	/*padding:0 30px;
	font:18px/68px "Microsoft Yahei","黑体";
	color:#881403;*/
}
.nav a:link,.nav a:visited,.nav a:hover
{
	color:#fff;
}
.nav a:hover
{
	text-decoration:underline;
}

/*导航*/
.nav ul{width:785px; margin:0 auto;}
.nav li{ float:left;line-height:68px; position:relative; z-index:1;margin:0 20px;}
.nav li a{ display:block;padding:0 24px;  font-family:Microsoft Yahei;font-size:18px;color:#fffefe;}
.nav li a:hover{ background:#00c2dc; text-decoration:none;}
.nav li.active{ background:#00c2dc;}
.nav .sub_menu{background:#00c2dc;width:120px; position:absolute; z-index:1; padding-bottom:5px;}
.nav .sub_menu li{ float:none; text-align:center; height:30px; line-height:30px;margin:0; }
.nav .sub_menu li a{font-size:14px; display:block; vertical-align:middle;}
.nav .sub_menu li a:hover{color:#ffce38;}


.weibo .weibo_scroll p a:link,.weibo .weibo_scroll p a:visited
{
	color:#881403;
}
.weibo .weibo_scroll p a:hover
{
	color:#e20000;
}

.part1
{
	width:959px;
	margin:0 auto 20px;
	background:#fff;
	padding-bottom:30px;
}
.part1 .part1_title
{
	margin-bottom:20px;
	padding:33px 0 0 33px;
}
.part1_con
{
	width:919px;
	margin:0 auto;
}
.weibo,.part3,.part3_con
{
	width:959px;
	margin:0 auto;
}
.weibo
{
	padding:30px 0 20px;
	background:#fff;
}
.weibo .weibo_scroll,.weibo .weibo_img
{
	float:left;
}
.weibo .weibo_scroll
{
	width:789px;
	height:39px;
	background:#fff;
	border-top:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	overflow:hidden;
	white-space:nowrap;
	line-height:39px;
}
.weibo .weibo_scroll p
{
	line-height:39px;
	font-size:12px;
}
.weibo .weibo_scroll p a 
{
	font-weight:bold;
}
.lunhuan
{
	width:500px;
	float:left;
}
.jiaodian_list
{
	width:400px;
	float:right;
}
.jiaodian_list ul li
{
	border-bottom:dotted 1px #ccc;
	padding:15px 0 10px;
}
.jiaodian_list ul li h3
{
	font:bold 16px/20px "Microsoft Yahei","黑体";
	padding-bottom:8px;
	color:#007684;
}
.jiaodian_list ul li h3 a:link,.jiaodian_list ul li h3 a:visited,.zhuanfang .model .img_info h3 a:link,.zhuanfang .model .img_info h3 a:visited,.zong,.zong a:link,.zong a:visited
{
	color:#007684;
}
.jiaodian_list ul li h3 a:hover,.zhuanfang .model .img_info h3 a:hover,.zong a:hover
{
	color:#e20000;
	text-decoration:underline;
}
.jiaodian_list ul li p
{
	font-size:12px;
}
.video1
{
	background:url(../images/ico_video.png) no-repeat center left;
	padding-left:20px;
	float:right;
}
/*演讲*/
.speak,.speak_show,.speak_show li
{
	width:688px;
	float:left;
	height:436px;
}
.speak
{
	overflow:hidden;
	position:relative;
}
.speak_show
{
	position:absolute;
}
.speak_show li
{
	position:relative;
}
.speak_show li img
{
	width:688px;
	height:436px;
}
.speak_show li .details
{
	width:100%;
	height:100px;
	position:absolute;
	bottom:0;
	left:0;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');
	background:rgba(0,0,0,0.7);
}
:root .speak_show li .details,:root .zhuanfang .model .img .img_bg,:root .shipin_show .shipin_bg
{
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');
}
.speak_show li .details .details_top
{
	line-height:24px;
	padding:10px 0 0 20px;
	font-size:12px;
}
.speak_show li .details .details_top h3
{
	font:bold 20px/24px "Microsoft Yahei","黑体";
	color:#fff;
	float:left;
}
.speak_show li .details .details_bot p
{
	color:#fff;
	font-size:12px;
	float:left;
}
.speak_show li .details .details_top h3 span
{
	font-size:14px;
}
.speak_show li .details .details_bot
{
	padding-left:20px;
}
.speak_show li .details .yj_title
{
	font:normal 16px/24px "Microsoft Yahei","黑体";
	color:#ff9d1e;
	padding:8px 20px 0;
}
.speak_show li .details .details_bot .red,.speak_show li .details .details_top .video1
{
	float:right;
	padding-right:30px;
}
.speak_nav
{
	width:211px;
	border:solid 2px #dfdfdf;
	height:432px;
	float:right;
}
.speak_nav .prev,.speak_nav .next
{
	background:#dfdfdf url(../images/prev.gif) no-repeat center;
	height:19px;
	cursor:pointer;
}
.speak_nav .next
{
	background:#dfdfdf url(../images/next.gif) no-repeat center;
}
.speak_nav .speak_con
{
	height:390px;
	width:196px;
	margin:4px auto 0;
	overflow:hidden;
	position:relative;
}
.speak_nav .speak_con ul
{
	position:absolute;
}
.speak_con ul li
{
	height:130px;
	position:relative;
	cursor:pointer;
	opacity:0.6;
	filter:alpha(opacity=60);
}
.speak_con ul li img
{
	width:194px;
	height:124px;
	border:solid 1px #ccc;
}
.speak_con ul li.active 
{
	opacity:1;
	filter:alpha(opacity=100);
}
.speak_con ul li.active img
{
	border:solid 1px #ad2305;
}
.speak_con ul li .speak_info,.ceo_bg
{
	width:100%;
	height:40px;
	overflow:hidden;
	font-size:12px;
	position:absolute;
	left:0;
	bottom:4px;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');
	background:rgba(0,0,0,0.5);
}
:root .speak_con ul li .speak_info,:root .ceo_bg
{
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');
}
.speak_con ul li .speak_info p
{
	text-align:center;
	padding-top:4px;
	color:#fff;
	line-height:16px;
}
.zhuanfang .model
{
	width:295px;
	height:470px;
	background:#ffebd2;
	float:left;
	margin-right:15px;
}
.zhuanfang .model .img,.zhuanfang .model .img img
{
	width:295px;
	height:348px;
}
.zhuanfang .model .img
{
	position:relative;
}
.zhuanfang .model .img .img_bg
{
	width:100%;
	height:45px;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');
	background:rgba(0,0,0,0.7);
	position:absolute;
	left:0;
	bottom:0;
	text-align:center;
	padding-top:5px;
	font:normal 14px/22px "Microsoft Yahei","黑体";
}
.zhuanfang .model .img .img_bg strong
{
	font-size:20px;
	font-weight:bold;
}
.zhuanfang .model .img_info
{
	padding:15px 20px 0;
}
.zhuanfang .model .img_info h3
{
	font:normal 20px/22px "Microsoft Yahei","黑体";
	color:#ad2305;
}
.zhuanfang .model .img_info p
{
	color:#555;
	line-height:20px;
	padding:5px 0;
}
.zhuanfang .model .img_info .video1
{
	padding-right:20px;
}
.part2,.part2_title
{
	width:100%;
	min-width:959px;
	background:#fff5e8;
	margin:20px 0;
}
.part2_title
{
	background:#ad2305;
	height:60px;
}
.part2_title h3
{
	width:959px;
	margin:0 auto;
}
.part2_title h3 img
{
	padding:18px 0 0 20px;
}
.taolun
{
	background:#E7E3E2;
}
.taolun h2
{
	font:bold 16px/24px "Microsoft Yahei","黑体";
	color:#0D6399;
	padding-bottom:20px;
}
.taolun .taolun_left,.taolun .taolun_left img
{
	width:510px;
	height:340px;
}
.taolun .taolun_left
{
	float:left;
}
.taolun .taolun_right
{
	width:385px;
	float:right;
}
.taolun_right .zhuchi
{
	padding-bottom:15px;
	*zoom:1;
}
.left_title
{
	width:27px;
	float:left;
	background:#C9C1BE;
	color:#3F2B22;
	padding:20px 0;
	text-align:center;
}
.left_title2
{
	background:#533A2F;
	color:#fff;
}
.taolun_right .zhuchi .zhuchi_img,.jiabin_list .jiabin_con img
{
	width:78px;
	height:68px;
	border:solid 1px #ddd;
}
.taolun_right .zhuchi .zhuchi_img
{
	float:left;
	margin:18px 15px 0 35px;
}
.taolun_right .zhuchi .zong
{
	font-size:14px;
	line-height:68px;
	margin-top:18px;
	display:block;
	float:left;
}
.taolun_right .duihua
{
	*zoom:1;
}
.taolun_right .duihua .jiabin_list
{
	float:left;
	padding:0 0 15px 15px;
}
.jiabin_list .prev,.jiabin_list .next
{
	width:10px;
	height:18px;
	cursor:pointer;
	float:left;
	margin-top:27px;
	background:url(../images/prev02.gif) no-repeat center;
}
.jiabin_list .next
{
	background:url(../images/next02.gif) no-repeat center;
}
.jiabin_list .jiabin_con
{
	width:300px;
	float:left;
	overflow:hidden;
	height:100px;
}
.jiabin_list .jiabin_con .jiabin_model
{
	float:left;
	width:100px;
	text-align:center;
}
.jiabin_list .jiabin_con .jiabin_model p
{
	padding:10px 8px 0;
}
.taolun_right .taolun_bot
{
	border-top:dashed 1px #ccc;
	padding-top:8px;
}
.taolun_right .taolun_bot .bot_title
{
	line-height:24px;
	*zoom:1;
}
.taolun_right .taolun_bot .bot_title h3
{
	float:left;
	color:#3F2B22;
}
.taolun_right .taolun_bot .bot_list
{
	padding-bottom:10px;
}
.taolun_right .taolun_bot .bot_list li
{
	line-height:20px;
	font-size:14px;
}
.hr_line
{
	height:2px;
	background:#ABC9DC;
	border:none;
	font-size:0;
	overflow:hidden;
	width:919px;
	margin:35px auto;
}
.toupiao
{
	*zoom:1;
}
.tp_model
{
	float:left;
	padding:0 20px;
	border-right:solid 1px #ddd;
	width:278px;
}
.tp_model h3
{
	padding-bottom:8px;
}
.tp_model p 
{
	font-size:14px;
	line-height:26px;
	_line-height:30px;
}
.tp_model p .radio_btn
{
	margin-top:-2px;
}
.tp_model .btn
{
	cursor:pointer;
}
.shipin_nav
{
	float:left;
}
.shipin_nav,.shipin_nav ul li
{
	width:134px;
}
.shipin_nav ul li
{
	cursor:pointer;
}
.shipin_nav ul li img
{
	width:130px;
	height:62px;
	border:solid 2px #fff;
}
.shipin_nav ul li.on img
{
	border:solid 2px #ffa42d;
}
.shipin_show,.shipin_show img
{
	width:640px;
	height:395px;
}
.shipin_show
{
	position:relative;
	float:left;
	margin:0 5px;
}
.shipin_show .play
{
	position:absolute;
	top:50%;
	left:50%;
	width:66px;
	height:67px;
	margin-top:-33px;
	margin-left:-33px;
}
.shipin_show .shipin_bg
{
	width:100%;
	height:50px;
	position:absolute;
	left:0;
	bottom:0;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');
	background:rgba(0,0,0,0.7);
}
.shipin_show .shipin_bg strong
{
	font:normal 16px/50px "Microsoft Yahei","黑体";
	color:#fff;
	padding-left:15px;
}
.lunhuan2
{
	width:533px;
	float:left;
}
.zongcai_right
{
	width:370px;
	float:right;
}
.zongcai_right p
{
	border-bottom:dashed 1px #ccc;
	padding-bottom:10px;
	line-height:20px;
}
.zongcai_right .zongcai_list 
{
	padding-top:10px;
}
.zongcai_right .zongcai_list li
{
	height:32px;
	background:#ffebd2;
	font:normal 16px/32px "Microsoft Yahei","黑体";
	margin-bottom:3px;
	padding-left:25px;
}
.ceo_list
{
	clear:both;
	padding-top:20px;
}
.ceo_list li,.ceo_list li img
{
	width:140px;
	height:195px;
}
.ceo_list li
{
	position:relative;
	float:left;
	margin-right:15px;
}
.ceo_list li .ceo_bg
{
	text-align:center;
	color:#fff;
	padding-top:6px;
	height:34px;
	bottom:0;
}
.part3
{
	background:#fff;
}
.part3_title
{
	width:959px;
	background:#00acc0;
	height:55px;
	text-align:center;
}
.huojiang_list,.danwei
{
	padding:30px 0 75px;
	_margin:30px 0;
	_padding:0;
	*zoom:1;
}
.huojiang_list li
{
	float:left;
	width:430px;
	line-height:30px;
	padding-left:20px;
	font-size:14px;
}
.danwei{padding-top:60px; padding-bottom:52px;}
.danwei h3
{
	width:128px;
	height:35px;
	font:normal 18px/35px "微软雅黑","黑体";
	color:#fff;
	background:url(../images/t6.gif) no-repeat center top;
	padding-left:20px;
	margin:0 0 20px 20px;
	float:left;
	clear:both;
}
.danwei .danwei_con
{
	width:781px;
	_width:770px;
	padding-bottom:20px;
	float:left;
	display:inline;
}
.danwei .danwei_con a{ float:left; display:inline;}
.danwei .danwei_con img
{
	width:162px;
	height:61px;
	border:solid 1px #ccc;
	display:block;
	float:left;
	margin:0 2px 8px 20px;
	_display:inline;
	_zoom:1;
}
.dujia
{
	width:460px;
	float:left;
}
.weinxin_wrapper
{
	padding:30px 0;
}
.weixin
{
	text-align:center;
	font-size:12px;
	padding-left:60px;
}
.weixin h6 img
{
	width:105px;
	height:105px;
}
.weixin p
{
	padding-top:2px;
}
.weixin p img
{
	padding-right:5px;
}



/** 页脚 **/
#g-footer 
{
  padding: 10px 0;
  border-top: 1px solid #ddd;
  clear: both;
  font-size:12px;
  min-width:959px;
  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: #666666;
  float: left;
  line-height: 25px;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}
#g-footer .g-footer-record {
  padding: 5px 0;
  text-align: center;
}


/*解决ie6下fixed震屏*/
*html{
	background-image:url(about:blank);
	background-attachment:fixed;
}
/*floatbox*/
.floatbox
{
	width:51px;
	border:solid 1px #8abaea;
	background:#fff;
	position:fixed;
	right:50%;
	margin-right:-550px;
	bottom:80px;
	_position:absolute;
	z-index:11111;
  	_top:expression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.clientHeight - 80);
}
.floatbox ul li
{
	height:51px;
	border-bottom:solid 1px #8abaea;
	font-size:12px;
	position:relative;
}
.floatbox ul li a
{
	display:block;
	width:51px;
	height:42px;
	text-align:center;
	padding-top:9px;
	overflow:hidden;
}
.floatbox ul li a:link,.floatbox ul li a:visited,.floatbox ul li a:hover
{
	color:#85c2f2;
	text-decoration:none;
}
.floatbox ul li a img
{
	_padding-bottom:2px;
}
.floatbox ul li .jiathis_style,.floatbox ul li .weixin
{
	display:none;
}
.floatbox ul li .weixin
{
	position:absolute;
	width:200px;
	padding:15px;
	background:#fff;
	border:solid 1px #ccc;
	bottom:-40px;
	left:-232px;
	text-align:center;
	line-height:20px;
}
.floatbox ul li .weixin img
{
	width:200px;
	height:200px;
}
.floatbox ul li .weixin span
{
	color:#cc0000;
}




/* Banner */
#banner {
  clear: both;
  height: 489px;
  background:#0175be;
}
: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 .banner_title{ background:url(../images/banner_title.png) 0 0 no-repeat; width:75px; height:185px; position:absolute;left:32px;top:0;}


#banner .title {
  position: relative;
  z-index: 3;
  top: 95px;
  margin: auto;
  width: 621px;
  height: 162px;
  text-indent: -9999px;
  background: url(../images/title1.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: 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;
}
#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)
  }

  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)
  }

  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)
  }
  
  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)
  }
 
  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%;
  }
}


*html{
	background-image:url(about:blank);
	background-attachment:fixed;
}
.fuchuang,.xufu_weixin
{
	position:fixed;
  z-index: 999;
	_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;
}