﻿body
{
	font-size: 12px;
	margin: 0;
	line-height: 20px;
	text-align: center;
	color: #333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
}
img
{
	border: 0;
}
.div_main_head
{
	background: url(../images/bg_head_org.jpg) repeat-x;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	clear: both;
	height: 34px;
	line-height: 34px;
}
.div_main
{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	clear: both;
}
.div_toplogo
{
	padding-top: 5px;
	float: left;
}
.div_topmenu
{
	float: right;
	color: #fff;
}

.div_topmenu a {padding:0 5px; color:#fff; text-decoration:none;}
.div_topmenu a:hover{ text-decoration:underline;}


#top {
	width:960px;
	height:218px;
	background-image: url(../images/topbg.jpg);
	background-repeat: no-repeat;
	margin:auto;
}

#topad {
	width:620px;
	height:114px;
	float:right;
	margin-top: 33px;
}

#toplogo {
	width:221px;
	height:112px;
	float:left;
	margin-top: 33px;
}

#toptitlebg {
	width:960px;
	height:41px;
	background-image: url(../images/toptitlebg.jpg);
	background-repeat: no-repeat;
	float:left;
	margin-top:30px;
}
#toptitlel{
	width:40%;
	height:41px;
	float:left;
	text-align: left;
	font-family: "宋体";
	font-size: 16px;
	font-weight: bold;
	color: #737F8C;
	line-height: 41px;
	text-indent: 15px;
}

#toptitlel span{
	font-family: "宋体";
	font-size: 12px;
	color: #737F8C;
}

#toptitler {
	width:235px;
	height:41px;
	float:right;
	color:#919AA4;
	text-align: right;
}
#toptitler img {
	width:8px;
	height:41px;
	float:left;
}
#toptitler div {
	height:41;
	float:left;
	line-height: 41px;
	text-align: left;
	text-indent: 8px;
	margin-right: 10px;
	margin-left: 5px;
}

#mt {
	width:960px;
	height:220px;
	margin:auto;
	background-image: url(../images/mtbg.jpg);
	background-repeat: no-repeat;
}


#jg {width:960px; height:4px; margin:auto;}

.content {
	width: 960px;
	height:788px;
	margin-left:auto;
	margin-right:auto;
}

.left_div {
	width:226px;
	height:780px;
	float:left;
	background-image: url(../images/leftbg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #F1F1F1;
}

.contactad {width:730px; height:160px; float:right;}

.left_title_bg1{
	width:226px;
	height:37px;
	float:left;
	background-image:url(../images/lefttitle_1.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	background-repeat: no-repeat;
	line-height: 37px;
}

.left_title_bg2{
	width:226px;
	height:39px;
	float:left;
	background-image:url(../images/lefttitle_2.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	background-repeat: repeat-x;
	line-height: 39px;
}


.left_class {
	width:216px;
	height:34px;
	float:left;
	margin-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #C5C5C5;
	font-family: "宋体";
	font-size: 12px;
	line-height: 34px;
	font-weight: normal;
	color: #505050;
	text-align: left;
	text-indent: 5px;
}

.left_class a{
	color: #505050;
	font-family: "宋体";
	font-size: 12px;
}

.left_class a:hover{
	color: #505050;
	font-family: "宋体";
	font-size: 12px;
}



.motif_title{
	width:730px;
	height:37px;
	float:left;
	background-image:url(../images/motiftitlebg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	background-repeat: repeat-x;
	line-height: 39px;
}



.character{
	width:730px;
	height:413px;
	float:right;
}


.titlecon {
	width:715px;
	height:42px;
	background-image:url(../images/titile_1.jpg);
	float:right;
	line-height: 42px;
	text-align: left;
	font-family: "宋体";
	font-size: 14px;
	font-weight: bold;
	padding-left: 15px;
}



.picgdbg{
	width:720px;
	height:122px;
	float:right;
	background-image: url(../images/picgdbg.gif);
	background-repeat: no-repeat;
	padding-right: 5px;
	padding-left: 5px;
}

.mtpicbg {
	width:150px;
	height:95px;
	float:left;
	background-image: url(../images/picbg.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
}

#demo {
	overflow:hidden;
	height:33;
	width:720;
	color:#ffffff;
	padding-left: 5px;
}

#demo img {
	padding: 5px;
	background-image: url(../images/picbg.gif);
	background-repeat: no-repeat;
	margin-left: 5px;
	margin-top: 7px;
}


.copyright {
	width:960px;
	height:140px;
	margin:auto;

	background-image: url(../images/copyrightbg.jpg);
	background-repeat: no-repeat;
}

.copylogo {
	width:940px;
	height:64px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #87A4BF;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 10px;
}


.copy {
	width:940px;
	height:40px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #87A1BC;
}

.copy a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #87A1BC;
}
.copy a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #87A1BC;
}

.expertpic {
	padding: 5px;/*形成边框装饰，同时等一下也方便控制其子元素位置,所以我没有用BORDER*/
	height: 90px;/*与图片等高*/
	width: 170px;
	position: relative;
	float:left;/*让三个实例横向排列*/
	background-image: url(../images/p_bg.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
}
.expertpic a img {
	height: 90px;
	width: 170px;
	border:none;
}
.expertpic a span {
	margin-top:-9000px;/*初始化对象不可见,这里不用display: none,因为display: none对搜索引擎不友好*/
	margin-left:-9000px;
	position: absolute;
}
.expertpic a:hover {
	background-color: #FFF;/*IE7以下版本A状态伪类bug*/
	color: #FFFFFF;
}
.expertpic a:hover span {
	height: 68px;
	width: 176px;
	position: absolute;
	left: 0px;
	top: 0px;/*让说明文字不要太靠上边界*/
	background:#000 url(05.jpg) no-repeat 5px 10px;/*文本缩进28px,避免与背景LOGO叠加*/
	filter:alpha(opacity=80);/*CSS透明度滤镜*/
	opacity:0.8;/*针对Mozilla浏览器CSS透明度滤镜*/
	display: block;
	text-decoration: none;/*去除说明文字链接下划线*/
	cursor:pointer; /*让光标显示手形*/
	margin:0px;/*重定位文字说明层回到正常位置*/
	padding-top: 30px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.expertpicjg_1 {
	height: 3px;
	width: 730px;
}

.expertpicjg_2 {
	height: 100px;
	width: 3px;
	float:left;
}

.expertpicjg_3 {
	height: 100px;
	width: 4px;
	float:left;
}
