@charset "utf-8";

/* == f-screen == */
.banner {
	height: 284px;
	overflow: hidden;
	clear: both;
	position: relative;
}

#banner .f_img {
	width: 960px;
	height: 284px;
	overflow: hidden;
	font-family: Arial;
	overflow: hidden;
	filter: progid : DXImageTransform.Microsoft.Fade (   duration = 0.5,
		overlap = 1.0 );
}

#banner .f_img #banner_1,#banner .f_img #banner_1 #banner_2 {
	height: 104px;
	padding: 180px 0 0 595px;
	background: url(../images/index/banner.jpg) no-repeat;
	overflow: hidden;
}

#banner .f_img #banner_2 {
	height: 284px;
	padding: 0;
	background: url(../images/index/banner_101120.jpg) no-repeat;
}

#banner .f_img #banner_2 .d,#banner .f_img #banner_1 .b {
	display: inline-block;
	line-height: 999px;
	overflow: hidden;
	position: relative;
}

#banner .f_img #banner_1 .b {
	width: 173px;
	height: 52px;
}

#banner .f_img #banner_2 .d {
	width: 173px;
	height: 52px;
	margin-right: 15px;
}

#banner #f_bn {
	position: absolute;
	bottom: 15px;
	right: 30px;
	height: 22px;
	line-height: 22px;
	width: 156px;
	overflow: hidden;
	text-align: right;
}

* html #banner #f_bn {
	position: fixed;
	margin-top: -37px;
	width: 156px;
	height: 22px;
	overflow: hidden;
	float: right;
	padding-right: 30px;
}

#banner #f_bn .f_bn_box {
	width: 156px;
	overflow: hidden;
}

#banner #f_bn a {
	float: left;
	width: 22px;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	cursor: pointer;
	font-size: 12px;
	position: relative;
	margin-right: 8px;
	font-weight: bold;
	_display: inline;
}

#banner #f_bn a.f1 {
	background: url(../images/index/focus_bn2.png) no-repeat;
	color: #ffffff;
}

#banner #f_bn a.f2 {
	background: url(../images/index/focus_bn1.png) no-repeat;
	color: #7b91b6;
}

.intro h2 {
	height: 50px;
	background: url(../images/index/why_c.png) repeat-x;
	font-size: 16px;
	color: #ffffff;
	font-weight: normal;
}

.intro h2.s1 {
	
}

.intro h2.s2 {
	
}

.intro h2 span {
	position: absolute;
	display: block;
	width: 164px;
	height: 44px;
	margin: 0 0 0 -11px;
	padding: 6px 0 0 18px;
	line-height: 42px;
	_line-height: 44px;
	background: url(../images/index/why_t.png) no-repeat 0 0;
	_background: none;
	_filter: progid : DXImageTransform.Microsoft.AlphaImageLoader ( enabled
		= true, sizingMethod = scale, src =
		"http://b.qq.com/static/../images/index/why_t.png" );
}

.intro .c {
	height: 231px;
	background: url(../images/index/why_c.png) repeat-x;
	color: #262626;
}

.intro .intro_ol {
	float: left;
}

.intro h3 {
	font-size: 14px;
	margin-bottom: 6px;
}

.intro .intro_ol li {
	float: left;
	width: 237px;
	height: 80px;
	_height: 79px;
	margin: 22px 4px 0 12px;
	display: inline;
	padding-left: 60px;
	font-size: 12px;
	_padding-top: 1px;
	line-height: 22px;
	background: url(../images/index/why_list.gif) no-repeat;
	overflow: hidden;
}

.intro .intro_ol li.s1 {
	background-position: 0 4px;
}

.intro .intro_ol li.s2 {
	background-position: 0 -91px;
}

.intro .intro_ol li.s3 {
	background-position: 0 -186px;
}

.intro .intro_ol li.s4 {
	background-position: 0 -281px;
}

.intro .intro_ol li.s5 {
	background-position: 0 -376px;
}

.intro .intro_ol li.s6 {
	background-position: 0 -471px;
}

.intro .video {
	float: left;
	width: 245px;
	padding-top: 24px;
}

.box {
	width: 958px;
	padding: 1px;
	background: #ffffff;
	overflow: hidden;
}

.col1 {
	float: left;
	width: 709px;
}

.col2 {
	float: left;
	width: 249px; /*height:750px;*/
	background: #f7fafd url(../images/index/mt.png) no-repeat right bottom;
}

/* == left == */
.gn { /*height:260px;*/
	background: #ffffff;
}

.gn h2 {
	font-size: 16px;
	height: 20px;
	padding: 18px 0 0 21px;
	line-height: 20px;
	background: #ffffff;
}

.gn h3 {
	font-size: 14px;
	margin-bottom: 6px;
}

.gn .gn_ul {
	width: 709px;
	overflow: hidden;
	background: #ffffff;
}

.gn .gn_ul li {
	float: left;
	width: 262px;
	height: 100px;
	margin: 22px 3px 0 16px;
	display: inline;
	padding-left: 70px;
	font-size: 12px;
	line-height: 22px;
	background: url(../images/index/gn.jpg) no-repeat;
}

.gn .gn_ul li.s1 {
	background-position: 0 -20px;
	width: 252px;
}

.gn .gn_ul li.s2 {
	background-position: 0 -120px;
}

.gn .gn_ul li.s3 {
	background-position: 0 -220px;
	width: 252px;
}

.gn .gn_ul li.s4 {
	background-position: 0 -320px;
}

.gn .gn_ul li.s5 {
	background-position: 0 -420px;
}

.gn .gn_ul li.s6 {
	background-position: 0 -520px;
}

.gn .gn_ul li.s7 {
	background-position: 0 -620px;
}

.gn .gn_ul li.s8 {
	background-position: 0 -720px;
}

.gn .gn_ul li.s9 {
	background-position: 0 -820px;
}

.gn .gn_ul li.s10 {
	background-position: 0 -920px;
}

.gn .gn_ul li.s11 {
	background-position: 0 -1020px;
}

.gn .gn_ul li.s12 {
	background-position: 0 -1120px;
}

/* 市场活动 */
.activity {
	height: 300px;
	overflow: hidden;
	background: #ffffff;
}

.activity h2 {
	font-size: 16px;
	height: 20px;
	padding: 16px 0 0 0;
	margin-left: 21px;
	line-height: 20px;
	background: #ffffff url(../images/index/case_t.png) no-repeat 0 26px;
	position: relative;
}

.activity h2 .t {
	background: #ffffff;
	padding-right: 6px;
}

.activity h3 {
	font-size: 14px;
	color: #1a5d96;
	margin: 15px 0 6px 0;
}

.activity .activity_ul {
	padding-left: 10px;
	margin-top: 25px;
}

.activity .activity_ul li {
	float: left;
	width: 205px;
	display: inline;
	margin: 0 12px 0 10px;
	font-size: 12px;
	line-height: 22px;
}

.activity .time {
	color: #c00000;
}

.activity .activity_ul li img {
	display: block; /* margin-bottom:15px;*/
}

/* 成功案例 */
.case {
	height: 260px;
	overflow: hidden;
	background: #ffffff;
}

.case h2 {
	font-size: 16px;
	height: 20px;
	padding: 16px 0 0 0;
	margin-left: 21px;
	line-height: 20px;
	background: #ffffff url(../images/index/case_t.png) no-repeat 0 26px;
	position: relative;
}

.case h2 .t {
	background: #ffffff;
	padding-right: 6px;
}

.case h3 {
	font-size: 14px;
	color: #1a5d96;
	margin-bottom: 6px;
}

.case .case_ul {
	padding-left: 10px;
	margin-top: 25px;
}

.case .case_ul li {
	float: left;
	width: 205px;
	display: inline;
	margin: 0 12px 0 10px;
	font-size: 12px;
	line-height: 22px;
}

.case .case_ul li img {
	display: block;
	margin-bottom: 15px;
}

.news {
	height: 100px;
	overflow: hidden;
	padding-left: 20px;
	margin-top: 10px;
}

.more {
	position: absolute;
	right: 24px;
	top: 16px;
	font-size: 12px;
	font-weight: normal;
	display: inline-block;
	background: url(../images/index/more.png) no-repeat 0 9px;
	padding-left: 6px;
}

.user {
	margin-top: 10px;
}

.user h2 {
	font-size: 16px;
	height: 20px;
	padding: 16px 0 0 0;
	margin-left: 21px;
	line-height: 20px;
	position: relative;
	background: #ffffff url(../images/index/case_t.png) repeat-x 100% 26px;
}

.user h2 .t {
	background: #ffffff;
	padding-right: 6px;
}

.user h3 {
	font-size: 14px;
	color: #1a5d96;
	margin-bottom: 6px;
}

.user .case_ul {
	padding-left: 20px;
	margin-top: 20px;
}

.user .case_ul li {
	float: left;
	width: 158px;
	height: 52px;
	display: inline;
	margin: 4px;
	overflow: hidden;
}

/* == right == */
.account {
	text-align: center;
	padding: 25px 0 12px 0;
}

.wp {
	height: 86px;
	background: url(../images/index/wp.jpg) no-repeat;
	margin: 9px 8px 0 10px;
	text-align: center;
}

.wp .wp_b {
	font-size: 14px;
	color: #466189;
	display: block;
	height: 31px;
	padding: 55px 0 0 0;
}

.notes,.help,.mt,.at_notes {
	padding-bottom: 20px;
}

.at_notes,.help {
	background: url(../images/index/col2_line.png) no-repeat center bottom;
}

.at_notes {
	padding-bottom: 40px;
}

.col2 h2 {
	font-size: 16px;
	height: 20px;
	padding: 20px 0 0 0;
	margin-left: 22px;
	margin-bottom: 18px;
	line-height: 20px;
	position: relative;
	background: #f7fafd;
}

.col2 ul {
	padding: 0 0 0 22px;
}

.col2 ul li {
	line-height: 26px;
}

.help ul {
	background: url(../images/index/qa.png) no-repeat 105px bottom;
	height: 148px;
}

.help .more {
	top: 20px;
}

/* update by weiyin 2011-11*/
.edition_tab {
	padding: 20px 20px 0;
	background: #fff;
}

.edition_tab ul {
	height: 31px;
	border-bottom: 1px solid #2870c0;
}

.edition_tab li {
	float: left;
}

.edition_tab li a {
	display: block;
	height: 31px;
	width: 168px;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	color: #2870c0;
}

.edition_tab li a.on {
	color: #ffffff;
	background: #2870c0 url(../images/index/title_bg.jpg) repeat-x 0 0;
}

.edition_con .gn {
	display: none;
}

.edition_con .show {
	display: block;
}

.edition_con .new {
	display: inline-block;
	height: 15px;
	width: 28px;
	line-height: 999px;
	overflow: hidden;
	vertical-align: middle;
	background: url(../images/index/new.gif) no-repeat 0 0;
}

.dealer {
	padding: 20px;
}

.dealer p {
	height: 31px;
	position: relative;
}

.dealer p span {
	color: #FF7200;
	font-size: 14px;
	line-height: 31px;
}

.dealer p span.phone {
	background: url(images/home/phone.png) no-repeat scroll 0 0 transparent;
	color: #59738D;
	display: inline-block;
	font-size: 12px;
	font-style: italic;
	height: 31px;
	position: absolute;
	right: 0;
	text-indent: 139px;
	top: 0;
	width: 261px;
}

.jxs_list {
	margin: 0 auto;
}

.jxs_list table.jxs_tb td {
	padding: 4px 8px;
}

.jxs_list .jxs_detial {
	display: none;
}

.jxs_list .jxs_qq {
	display: block;
	line-height: 21px;
}

.jxs_list .red {
	color: #FF0000;
}

.jxs_list .jxs_detial_div {
	background: none repeat scroll 0 0 #F0F0F0;
	border: 1px solid #CCCCCC;
	line-height: 1.8em;
	margin-bottom: 4px;
	margin-top: 4px;
	padding: 6px;
	width: 604px;
}

.jxs_list a:link,.jxs_list a:visited,.jxs_list a:visited {
	text-decoration: none;
}

.jxs_list table {
	border-collapse: collapse;
	font-size: 12px;
	margin: 6px 0;
}

.jxs_list th {
	background: none repeat scroll 0 0 #DAEBF7;
	border: 1px solid #FFFFFF;
	color: #3D78A5;
	font-size: 12px;
	height: 30px;
	text-align: center;
}

.jxs_list td {
	background: none repeat scroll 0 0 #F1F7FC;
	border: 1px solid #FFFFFF;
	font-size: 12px;
	height: 18px;
	padding: 3px 8px;
	text-align: center;
}

.jxs_list td.fir {
	background: none repeat scroll 0 0 #F3F3F3;
}

.jxs_list th.fir,.jxs_list td.even {
	background: none repeat scroll 0 0 #FFFFFF;
}

.mini_video div {
	padding-left: 22px;
}

.customer {
	clear: both;
}

.customer h2 {
	font-size: 16px;
	height: 20px;
	padding: 16px 0 0 0;
	margin: 0 20px 20px;
	line-height: 20px;
	position: relative;
	background: #ffffff url(../images/index/case_t_2.png) repeat-x 0 26px;
}

.customer h2 .t {
	background: #ffffff;
	padding-right: 6px;
}

.customer_list {
	height: 31px;
	width: 916px;
	margin: 0 20px;
	overflow: hidden;
	border: 1px solid #ccc;
}

.customer_list .inner {
	height: 31px;
	width: 3104px;
}

.customer_list ul {
	float: left;
}

.customer_list li {
	float: left;
	margin: 0 1px;
	display: inline;
}

.float_ol {
	position: fixed;
	top: 50%;
	right: 1px;
	height: 157px;
	width: 100px;
	margin-top: -78px;
	background: url(../images/index/float.png) no-repeat 0 0;
}

.float_ol a {
	display: inline-block;
	height: 21px;
	width: 83px;
	margin: 128px 0 0 9px;
	line-height: 20px;
	text-align: center;
}

* html,* html body {
	background-attachment: fixed;
}

* html .float_ol {
	position: absolute;
	top: expression(eval(document.documentElement.scrollTop +
		document.documentElement.clientHeight/ 2) );
}