﻿body {
	margin: 0px;
	font-size: 12px;
	color: #006699;
	font-family: "宋体";
}
#Container {
	width: 100%;
	background: url(images/mainbg.png) repeat-y center;
	background-color: #F5F5F5;
}
#Header {
	height: 476px;
	width: 940px;
	margin: 0 auto 0 auto;
 	background: url(images/top_b.jpg) no-repeat top;
}
#logo {
	height: 114px;
	width: 117px;
	float:left;
}
#title {
	float: left;
	height: 114px;
	width: 335px;
	background: url(images/ds_e.jpg) no-repeat 31px 74px;
}
#collection {
	float: right;
	width: 264px;
	margin-top: 20px;
}
#collection ul{
	width: 164px;
	height:20px;
	font-size: 12px;
	color: #666666;
	padding: 0px;
	margin: 0 0 0 100px;
}
#collection li{
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	list-style-type: none;
	vertical-align: top;
}
#collection li a{
	color: #666666;
	text-decoration: none;
}
#search{
	overflow: hidden;
	height: 20px;
	width: 273px;
	float: right;
	padding:0;
	display: block;
	margin-top: 40px;
	margin-right: 12px;
	display:block;
}
#sou{
	line-height: 20px;
	float: left;
	font-size:12px;
}
#tx{
	float: left;
	height: 20px;
	width: 144px;
}
#enter{
	float: right;
	height: 20px;
	width: 59px;
	line-height: 19px;
}
.tx{
	border: 1px solid #999;
	height: 15px;
	width: 144px;
}
.enter{
	background: url(images/sch.jpg) no-repeat;
	line-height: 19px;
	height: 19px;
	width: 59px;
	background-position: top;
	background-attachment: scroll;
	cursor: hand;
	border-width: 0px;
}

#oline{
	width: 100%;
	height: 6px;
	background: url(images/banner_line.jpg) no-repeat top;
	overflow:hidden;
	float:left;
} 
#banner{
	width:940px;
	height:314px;
	float:left;
}
#nav {
	float:right;
	width:940px;
	font-size:14px;
	line-height:normal;
	background: url(images/nav_bg.png) repeat-x top;
}
#nav ul {
	margin:0;
	list-style:none;
	padding:0;
	vertical-align: bottom;	
}
#nav li {
	display:inline;
	margin:0;
	padding:0;
	float: left;
}
#nav a {
	font-size:95%;
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight: bold;
}
#nav a span {
	float:left;
	display:block;
	color:#fff;
	padding: 14px 30px 12px 28px;
	background: url(images/nav_bg_s.png) no-repeat right top;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
    /* End IE5-Mac hack */
#nav a:hover span {
      color:#FFF;
}
#nav a:hover {
      background-position:0% -42px;
}
#nav a:hover span {
      background-position:100% -42px;
}
#nav .left{
	height: 42px;
	width: 9px;
}
#nav .right{
	float:right;
	height: 42px;
	width: 9px;
}
#nav .start a span{background-image: url(images/nav_bg_start.png);}
#nav .end a span{background-image: url(images/nav_bg_end.png);}
#Pagebody {
	width: 940px;
	height: 1010px;
	margin: 0 auto 0 auto;
}
#Mainpage{
	width: 687px;
	height: 985px;
	float:left;
	margin: 25px 0 0 0;
	background: url(images/bg1.jpg) no-repeat right 17px;
}
#Sidebar{
	width: 253px;
	height: 985px;
	float: right;
	margin: 25px 0 0 0;
	background: url(images/sidebar_bg.jpg) repeat-y;
}
#news {
	float: left;
	height: 189px;
	width: 687px;
	overflow: hidden;
}
#newsnav {
	float: left;
	height: 46px;
	width: 687px;
}
#newspic{
	float: left;
	height: 46px;
	width: 126px;
}
#newssplit{
	float: left;
	height: 46px;
	width: 512px;
	background: url(images/news_bg.jpg) repeat-x top;
}
#newsmore{
	float: left;
	height: 46px;
	width: 49px;
}
#newsmore img{
	border-style: none;
	margin-top: 25px;
}
#npic{
	float:left;
	height: 143px;
	width: 163px;
}
#newslist{
	float:left;
	height: 143px;
	width: 522px;
}
#newslist ul{
	float:right;
	margin: 0px;
	color: #666666;
	height: 113px;
	width: 482px;
	font-size: 12px;
	padding: 6px 25px 5px 15px;
}
#newslist li{
	line-height: 22px;
	text-align: left;
	list-style-type: none;
	height: 22px;
	background: url(images/sign.png) no-repeat left 7px;
	padding-left: 20px;
}
#newslist li a{
	color:  #006699;
	text-decoration: none;
}
#newslist li a:hover{
	color: #FF6600;
	text-decoration:underline;
}
#newslist li span{
	float: right;
	padding-right: 10px;
}
#jue{
	float: left;
	height: 194px;
	width: 687px;
	overflow: hidden;
}
#juesplit{
	float: left;
	height: 46px;
	width: 512px;
	background: url(images/jue_bg.jpg) repeat-x bottom;
}
#pro{
	float: left;
	height: 236px;
	width: 687px;
}
#protop{
	float: left;
	height: 52px;
	width: 687px;
	background: url(images/protop.jpg) no-repeat;
}
#protop img{
	float: right;
	border-style: none;
	margin-top: 30px;
	margin-right: 10px;
}
#produce{
	width: 687px;
	height: 183px;
}
#produce ul{
	padding: 0px;
	width: 685px;
	height: 167px;
	margin: 15px 0 0 0;
	float: left;
	font-size: 12px;
}
#produce li{
	width:340px;
	text-align: center;
	float: left;
	list-style-type: none;
}
#produce span{display:block;}
#produce li a{
	color: #006699;
}
#produce li a:hover{
	text-decoration: none;
	color: #FF6600;
}
#produce img{
	border-style: none;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
}
#opinion{
	float: right;
	height: 107px;
	width: 252px;
	font-size: 12px;
	color: #666666;
	font-family: "宋体";
}
#opinion p{
	margin: 8px 0 5px 0;
	line-height: 20px;
}
#opinion a{
	line-height: 12px;
	text-decoration: none;
	color: #006699;
}
#opinion a:hover{
	text-decoration: underline;
}
#opiniontop{
	background: url(images/yijiani.jpg) no-repeat right top;
	height: 50px;
	width: 252px;
}
#opiniontop img{
	border-style: none;
	margin-top:4px;
	margin-left:10px;
}
#relation{
	float: right;
	height: 184px;
	width: 252px;
	font-size: 12px;
	color: #666666;
	font-family: "宋体";
	line-height: 12px;
}
#relation p{ line-height:30px; margin:0; padding:0;}
#relation p img{
	margin-right: 8px;
	margin-left: 7px;
}
#relationtop{
	background: url(images/lianxii.jpg) no-repeat right top;
	height: 48px;
	width: 252px;
}
#relationtop img{
	border-style: none;
	margin-top:3px;
	margin-left:10px;
}
#relation a{
	line-height: 12px;
	text-decoration: none;
	color: #006699;
}
#relation a:hover{
	text-decoration: underline;
}
.tt{
	text-align: right;
	margin-right: 46px;
}
#cooperation{
	float: right;
	/*
	height: 428px;
	*/
	height: 572px;
	width: 252px;
}
#pic{
	float: right;
	height: 64px;
	width: 252px;
	margin-top: 10px;
	margin-bottom: 2px;
}
#pic img{
	border-style: none;
}
#cooperationtop{
	background: url(images/hezuoi.jpg) no-repeat right top;
	height: 46px;
	width: 252px;
}
#cooperationtop img{
	border-style: none;
	margin-top:1px;
	margin-left:10px;
}
#link{
	float: right;
	height: 35px;
	width: 232px;
	background-color: #E0F3FB;
	padding-top: 13px;
	padding-left: 20px;
	bottom: 0;
}
.lian{
	background: url(images/youqin.jpg) no-repeat left top;
	height: 20px;
	width: 129px;
}
.yq{
	font-size: 14px;
	font-weight: bold;
	color: #3285C2;
}
#footer{
	height: 50px;
	width: 940px;
	background: url(images/bottom.jpg) repeat-x;
	bottom: 10px;
	margin: 5px auto 0 auto;
}
#botspac{
	clear: left;
	height: 20px;
	width: 100%;
}
#Statement1 {
	font-size: 12px;
	color: #000;
	font-family: Verdana;
}
#Statement {
	font-size: 12px;
	color: #000;
	margin-top: 20px;
	font-family: Verdana;
}
#wrap{
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
	background: url(images/cmain_bg.jpg) no-repeat right bottom;
}
#sideleft{
	width: 248px;
	float: left;
	text-align: left;
	background: url(images/sidenav_bg.jpg) repeat-y;
	margin-top:25px;
}
#sideright{
	width: 692px;
	float: left;
	text-align: left;
	margin-top:25px;
}
#sideright a{
	font-size: 12px;
	color: #006699;
}
#sideright a:hover{
	color: #FF6600;
}
/* easy clearing */
#wrap:after
	{
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrap
	{
	display: inline-block;
	}
/*\*/
#wrap
	{
	display: block;
	}
/* end easy clearing */
/*\*/
#sideleft, #sideright
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
@media all and (min-width: 0px) {
#sideleft, #sideright
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important; 
	}
#sideleft:before, #sideright:before
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
}
/**/
#cfooter{
	height: 50px;
	width: 100%;
	background: url(images/bottom.jpg) repeat-x;
	margin-top:5px;
	float:right;
}
#sidenavtop{
	float: left;
	height: 46px;
	width: 247px;
	background: url(images/sidenav_top.jpg) no-repeat 2px top;
}
#sidenav{
	float: left;
	width: 247px;
}
#sidenav ul{
	width: 247px;
	padding: 0;
	margin: 0;
}
#sidenav li{
	width: 192px;
	height: 25px;
	background: url(images/sidenav_bg.png) no-repeat left top;
	list-style-type: none;
	margin-left: 20px;
	padding-left:30px;
	padding-top: 5px;
}
#sidenav li a{
	font-size: 12px;
	color: #006699;
	text-decoration: none;
}
#sidenav li a:hover{
	color: #FF6600;
}
#crelation{
	float: left;
	height: 184px;
	width: 247px;
	font-size: 12px;
	color: #666666;
	font-family: "宋体";
	line-height: 12px;
}
#crelation p img{
	margin-right: 8px;
	margin-left: 7px;
}
#crelationtop{
	background: url(images/lianxi.jpg) no-repeat left top;
	height: 48px;
	width: 247px;
}
#crelation a{
	line-height: 12px;
	text-decoration: none;
	color: #006699;
}
#crelation a:hover{
	text-decoration: underline;
}
.ctt{
	text-align: right;
	margin-right: 43px;
}
#ccooperation{
	float: left;
	/*
	height: 428px;
	*/
	height: 608px;
	width: 247px;
}
#cpic{
	float: left;
	height: 64px;
	width: 247px;
	margin-top: 10px;
	margin-bottom: 2px;
}
#cpic img{
	border-style: none;
}
#ccooperationtop{
	height: 46px;
	width: 247px;
	background: url(images/hezuo.jpg) no-repeat left top;
}
#ding{
	background: url(images/ding.jpg) no-repeat center center;
	width: 247px;
	/*
	height: 180px;
	*/
	height: 0px;
	float: left;
}
#clink{
	float: left;
	height: 35px;
	width: 227px;
	background-color: #E0F3FB;
	padding-top: 13px;
	padding-left: 20px;
}
#maintop{
	float: left;
	height: 28px;
	width: 617px;
	padding-left: 75px;
	padding-top: 18px;
	background: url(images/cmain_top.jpg) no-repeat;
}
#maintop a{
	font-size: 12px;
	color: #006699;
	text-decoration: none;
}
#maintop a:hover{color: #FF6600;}
#cmain{
	float: left;
	width: 687px;
}
#case{
	float: left;
	height: 194px;
	width: 687px;
	overflow: hidden;
	background: url(images/bg2.jpg) no-repeat 587px bottom;
}
#sp{
	float: right;
	height: 24px;
	width: 252px;
	overflow: hidden;
}
#space{
	background: url(images/ding.jpg) no-repeat center center;
	width: 252px;
	/*
	height: 194px;
	*/
	height: 0px;
	float: right;
}
#kehu{
	float: left;
	height: 52px;
	width: 687px;
	background: url(images/kehu.jpg) no-repeat;
}
#kehu img{
	float: right;
	border-style: none;
	margin-top: 30px;
	margin-right: 10px;
}
#demoTop{
	float: left;
	height: 120px;
	width: 30px;
}
#demoBottom{
	float: left;
	height: 120px;
	width: 20px;
}
#demo{
	float: left;
	overflow:hidden;
	height: 120px;
	width: 637px;
}
#indemo {
float: left;
width: 800%;
margin-top:10px;
}
#demo1 {
	float: left;
	margin: 0;
}
#demo2 {
	float: left;
}
#demo img{
	height: 100px;
	width: 120px;
	border: 1px solid #CCCCCC;
	margin-right:4px;
}