﻿@charset "utf-8";
/*body*/
.wrapper .body{}
/*innerhead*/
.body .innerhead{
	background-image: url(backgrounds/homopage.jpg);
	height: 353px;
}
.innerhead h2{
	color: #31b3e7;
	font-size: 16px;
	position: absolute;
	margin: 210px 0 0 430px;
	line-height: 18px;
}
.innerhead h2 span{
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #999;
	font-family: Tahoma, Arial;
}
.innerhead h3{
	height: 46px;
	width: 51px;
	float: right;
	font-size: 14px;
	padding: 20px 0 0 15px;
	line-height: 16px;
}
.innerhead h3 a{
	color: #FFF;
}
.innerhead h3 a:hover{
	text-decoration: none;
	color: #CF0;
}
/*quickwrap*/
.innerhead .quickwrap{
	width: 168px;
	position: absolute;
	line-height: 14px;
	overflow: hidden;
	margin: 50px 0 0 780px;
	background: #49C6FF url(backgrounds/quick_menu_bottom.gif) no-repeat left bottom;
	padding-bottom: 14px;
	filter:alpha(opacity=0);
	opacity: 0;
	visibility: hidden;
}
.quickwrap ul.quicklink{
	background: url(backgrounds/quick_menu_top.gif) no-repeat left top;
	padding: 5px;
}
.innerhead ul.quicklink li{
	border-bottom: 1px solid #9DDFFF;
	background: url(icon/dot_white.gif) no-repeat 0px 12px;
	padding: 5px 5px 5px 0;
}
.innerhead ul.quicklink li.first{}
.innerhead ul.quicklink li a{
	display: block;
	padding: 2px 5px 2px 12px;
	color: #FFF;
}
.innerhead ul.quicklink li a:hover{
	background: #FFF url(corner/white_blue.gif) no-repeat right top;
	color: #06F;
	text-decoration: none;
}
/*content*/
.body .content{
	background: #e1f6ff url(lines/home_left_bg.gif) repeat-y left top;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	color: #3C6B82;
	line-height: 16px;
	width: 1000px;
	visibility: hidden;
	position: absolute;
	overflow: hidden;
}
.body .content p{
	padding-bottom: 5px;
}
.body .content h4{
	font-size: 14px;
	color: #06c;
	line-height: 18px;
	padding-bottom: 8px;
}
.body .content h5{
	font-size: 11px;
}
.body .content h4 a{
	color: #06C;
	padding-right: 22px;
	background: url(icon/more.gif) no-repeat right center;
}
.body .content h4 a:hover{
	color: #039;
}
.content .left,
.content .right,
.content .middle{
	_height: 290px;
	min-height: 290pxpx;
}
.content .left{
	width: 280px;
	float: left;
	background: url(lines/home_split_left.gif) no-repeat right top;
	padding: 0 15px;
}
.content .left h5{
	line-height: 18px;
}
.content .left blockquote{
	color: #888;
	padding-bottom: 15px;
}
.content .right{
	width: 410px;
	float: right;
	background: url(lines/home_split_right.gif) no-repeat left top;
	padding: 10px;
}
.content .right h5{color: #666;}
.content .right p{}
.content .middle{
	padding: 10px;
	margin-left: 310px;
	width: 240px;
	_width: 234px;
}
.content .right .description{
	background-repeat: no-repeat;
	padding: 0 10px 8px 60px;
}
.content .right .whychina{
	background-image: url(images/why_china_s.gif);
}
.content .right .whycore{
	background-image: url(images/why_core_s.gif);
}
.content .right .whyodc{
	background-image: url(images/why_odc_s.gif);
}
.content .middle ul li{
	border-bottom: 1px solid #DDD;
	margin-bottom: 8px;
	padding-right: 5px;
}
