﻿@charset "utf-8";
/* == f-screen == */
.banner { height:104px; padding:180px 0 0 595px; background:url(../images/index/banner.jpg) no-repeat;}
.banner1 { height:104px; padding:180px 0 0 595px; background:url(http://www.400ku.com/static/images/index/bigbanner.jpg) no-repeat;}
.banner .d, .banner .b { display:inline-block; line-height:999px; overflow:hidden;}
.banner .d { width:173px; height:52px; margin-right:15px;}
.banner .b { width:173px; height:52px;}

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

.intro h1 { height:50px; font-size:16px; color:#ffffff; font-weight:normal;}
.intro h1 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 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 .cc { height:1232px; background:url(http://www.400ku.com/static/images/index/why_c2.png) repeat-x; color:#FFFFFF} /* 白色背景 */
.intro .ccc { height:1432px;width:960px; background:url(http://www.400ku.com/static/images/index/beijingfuben33.jpg) no-repeat;}
.intro .cccc { height:2242px; background:url(http://www.400ku.com/static/images/index/why_c3.png) repeat-x; color:#FFFFFF} /* 白色背景 */
.intro .cc1 { height:892px; background:url(http://www.400ku.com/static/images/index/why_c22.png) repeat-x; color:#FFFFFF} /* 白色背景 */



.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 1px 20px; 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:555px; background:#ffffff;}
.gn h2 { font-size:16px; height:20px; padding:18px 0 0 5px; margin-left:21px; line-height:20px; background:#ffffff; background:#ffffff url(../images/index/case_t.png) no-repeat 0 26px; position:relative;}
.gn h3 { font-size:14px; margin-bottom:6px;}
.gn .gn_ul { clear:both; overflow:hidden; background:#ffffff;}
.gn .gn_ul li { float:left; width:262px; height:80px; 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;}
.case { height:210px; 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:2px; margin-top:25px;}
.case .case_ul li { float:left; width:200px; display:inline; margin:0 12px; font-size:12px; line-height:22px;}
.case .case_ul li img { display:block; margin-bottom:15px;}
.case .case_ul li.s1 { width:197px;}
.case .case_ul li.s2 { width:208px;}
.case .case_ul li.s3 { width:201px;}

.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;}

.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) no-repeat 33px 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:150px; height:80px; display:inline; margin:6px; overflow:hidden;}
/* == right == */
.wpa { height:256px; background:url(../images/index/wpa.jpg) no-repeat; margin:1px 0 0 10px; text-align:center;}

.wpa1 { height:256px; background:url(../images/index/lianxiwomen2.jpg) no-repeat; margin:1px 0 0 10px;}


.wp { height:31px; padding:55px 0 0 0; background:url(../images/index/wp.jpg) no-repeat; margin:1px 0 0 10px; text-align:center;}
.wp .wp_b { font-size:14px; color:#466189;}
.notes, .help, .mt { padding-bottom:20px;}
.notes, .help { background:url(../images/index/col2_line.png) no-repeat center bottom;}
.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;}








.e2{

	

}

.e2 li{

	width:75%;

	overflow:hidden;

	clear:both;

	padding:12px 0px;

	border-bottom:1px solid #EEE;

	color:#aaa;

}

.e2 li b a{

	color:#555;

}

.e2 li a.preview{

	width:84px;

	float:left;

	margin-right:7px;

	margin-bottom:3px;

	margin-left:10px;

	display:inline;

}

.e2 li a.preview img{

	width:80px;

	/*height:60px;*/

	display:block;

	padding:1px;

	border:1px solid #EEE;

}

.e2 li a.preview:hover img{

	border:1px solid #AAA;

}

.e2 li a.title{

	overflow:hidden;

	line-height:25px;

	font-weight:bold;

	font-size:14px;

	margin-left:2px;

}

.e2 span.info{

	display:block;

	line-height:23px;

	color:#555;

	padding-left:12px;

}

.e2 span.info small{

	color:#AAA;

	font-size:12px;

	margin-left:3px;

}

.e2 span.info a{

	color:#690;

}

.e2 p.intro{

	color:#776955;

	line-height:20px;

	margin-left:5px;

	padding-left:10px;

	padding-right:10px;

}


.dede_pages{

}

.dede_pages ul{

	float:left;

	padding:12px 0px 12px 16px;

}

.dede_pages ul li{

	float:left;

	font-family:Tahoma;

	line-height:17px;

	margin-right:6px;

	border:1px solid #E9E9E9;

}

.dede_pages ul li a{

	float:left;

	padding:2px 4px 2px;

	color:#555;

	display:block;

}

.dede_pages ul li a:hover{

	color:#690;

	text-decoration:none;

	padding:2px 4px 2px;

}

.dede_pages ul li.thisclass,

.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{

	background-color:#F8F8F8;

	padding:2px 4px 2px;

	font-weight:bold;

}

.dede_pages .pageinfo{

	line-height:21px;

	padding:12px 10px 12px 16px;

	color:#999;

}

.dede_pages .pageinfo strong{

	color:#555;

	font-weight:normal;

	margin:0px 2px;

}



















