﻿@charset "utf-8";
/* CSS Document */

/*------- public -*/
body,form,ul,li,p,h1,h2,h3,h4,h5,h6,input,textarea{
	margin:0;
	padding:0;
	}
body{ 
    font-size:16px;
	color:#CCC;
    font-family:"Microsoft YaHei", "Arial Narrow";
    line-height:23px;
    background: #373f56 url(../images/title.jpg) no-repeat top center;
  }	
	
 table{border-collapse:collapse;} 
 td{border:0px;}
 	
	
input,select,textarea{
	font-size:12px;
	line-height:16px;
	font-family:"Microsoft YaHei", "Arial Narrow";
	}
img{	border:0;
	}
ul,li{
	list-style-type:none;
	}
li{
    padding-left:0px;
    height:30px;
	line-height:30px;
	list-style-type:disc;
	list-style-position:inside;
}	

dt{
	width:270px;
	float:left;
	background:url(../images/biao2.gif) no-repeat top center;
	background-position:15px 70%;
	padding-top:12px;
	padding-left:25px;
	line-height:13px;
	}
dd{
    width:80px;
    float:left;
	padding-top:12px;
	line-height:13px;
	color:#666;
    }


a{
	color: #F0F0F0;
	font-size:15px;
	text-decoration:none;
	}
a:hover{
	color:#b3e0fd;
	font-weight:bold;
	}
	
a.font22{
	color:#8ed4f9;
	font-size:22px;
	text-decoration:none;
	font-weight:bold;
	}
a.font22 A:hover{
	color: #0CF;
	font-weight:bold;
	}
	
	
.red{
	color:#f00;
	}


.left{
	float:left;
}

.right{float:right;
}
.clear{
	clear:both;
	}

/*------- header -*/  

  
.header{ width:100%; height:425px;
}
.title{
	width:1020px; height:400px; margin:auto;
	}
.box{
	width:1020px;
	height:auto!important; height:220px; min-height:220px;
	border:#999 1px solid; margin:auto;
	
}
.box .hdjj{width:100%; height:470px; background:#171f34;}  
.box .hdjj .photo{width:420px; height:450px; float:left;}
.box .hdjj .text{width:535px; height:430px; float:left; background:url(../images/jj_bg.jpg) no-repeat bottom right;padding:20px;}
.box .hdjj1{
	width:90%;
	height:35px;
	background:url(../images/line_bg.gif) no-repeat;
	padding:18px 0px 0px 20px;
	margin-top:15px;
	font-size:22px;
	font-weight:bold;
	color:#006;
	position:relative;
	left:-10px;
}

#demo {
overflow:hidden;
width: 98%;
margin:auto;
padding:14px 5px;
}
#demo img {
width:240px;
height:180px;
border: 4px solid #CCC;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}


.box .photo1{
	width:1000px;
	height:230px; 
	padding:10px;
	background: ##6789AF;
}

.box .photo1 img{
	width:240px;
	height:180px;
	float: left;
	border:#CCC 3px solid;
	margin:4px;	
}


	
.box .photo2{
	width:1000px;
	 height:auto!important; height:600px; min-height:600px;
	padding:0px 5px;
	margin:auto;
} 
  
.box .photo2 img{
	width:314px;
	height:440px;
	border: #999 4px solid;
	margin:4px;	
} 
  
.box .hdjj1 .zxin{
	width:460px;
	height:30px;
	float:left;
}
