#banner {
	position:relative; 
	z-index:2; 
	width:100%;
	height:409px;
	overflow:hidden;
}
#banner .pics { 
	position:relative;
	width:100%; 
	height:100%;
}
#banner .pics li {
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:2; 
	width:100%; 
	height:100%;
	background:no-repeat center 0;
}
#banner .pics .imgOn{display:list-item;}
#banner .pics li a {display:block; width:100%; height:100%;}
.indexList{
	position:absolute;
	left:65px;
	bottom:20px;
	z-index:10;
}
.indexList li{
	float:left;
	margin-right:15px;
	border-radius:50%;
	cursor:pointer;
	width:20px;
	height:20px;
	border:2px solid gray;
	text-align:center;
	color:gray;
}
.indexList .indexOn{
	background:red;
	font-weight:bold;
	color:white;
}
/*��ҳ����*/
.news { width: 100%; }
.news .r_wrap{
	width: 1130px; 
	margin: 0 auto; 
	overflow: hidden; 
	padding: 35px 0;
}
.news .r_wrap .lfn {
	float: left; 
	width: 500px; 
	overflow: hidden;
}
.news .r_wrap .lfn h1{
	height:43px;
	color: #505960; 
	font-size: 18px;
	margin-bottom: 15px;
	line-height: 22px; 
}
.news .r_wrap .lfn p{
	color: #858585;
	font-size: 13px;
	line-height: 22px; 
}
.news .r_wrap .ul_nav { 
	float: left;
	margin-left: 30px; 
	width: 370px; 
}
.ul_nav .nav-1{ 
	overflow: hidden;
	border-bottom: 2px solid #dedfe2; 
}
.ul_nav .nav-1 li{
	font-weight:bold; 
	cursor: pointer; 
	float: left; 
	display: inline-block; 
	margin: 0px 25px 20px 0; 
	color: #747474; 
	font-size: 13px; 
	width: 55px; 
}
.xian { 
	height: 2px; 
	width: 55px; 
	background: #fc433e;
	position: relative; 
	left: 0px;
	margin-top: -2px; 
}
.tab-box { margin-top: 20px; }
.tab-box p { 
	color: #858585;
	font-size: 13px;
	line-height: 23px;
}
.tab-box p i { 
	float: left; 
	font-style: normal;
	margin-right: 13px; 
}
.none { display: none; }
.gp { float: right; width: 198px; margin-left: 30px;}
.gp>span{position:absolute; position:fixed;bottom:100px;left:1250px;display:none;}
.gp h1 { color: #595d6f; font-size: 13px; }
.gp .stock-num { 
	height: 55px;
	position: relative; 
	margin-top: 10px;
	margin-bottom: 18px; 
}
.gp .stock-num h2 {
	float: left;
	color: #e62b1e;
	font-size: 45px; 
}
.gp .stock-num h3 {
	float: left; 
	font-size: 25px; 
	color: #e62b1e; 
	position: absolute;
	left: 128px; 
	top: 20px;
}
.gp p { color: #aaacb5; font-size: 12px; }

/***********subjects************/
#subjects {
    height: 165px;
    background-color: #e0e2e4;
}
.subjects_imgs {
    position: relative;
    margin: 0 auto;
    width: 1130px;
    height: 100%;
    overflow: hidden;
}
#subjects .subjects_imgs a {
    position: absolute;
    top: 0;
	display:inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: left 300ms;
    transition: left 300ms;
}
#subjects .subjects_imgs .img1 {z-index:1; background-color:#c8c8c8;}
#subjects .subjects_imgs .img2 {z-index:2; background-color:#ffcd00;}
#subjects .subjects_imgs .img3 {z-index:3; background-color:#e65f14;}
#subjects .subjects_imgs .img4 {z-index:4; background-color:#004682;}
#subjects .subjects_imgs a span {position:absolute;}
#subjects .subjects_imgs .img1 .p1 {
	left:0; 
	top:0;
	width:493px;
	height:165px;
}
#subjects .subjects_imgs .img2 .p1 {left:61px; top:21px;}
#subjects .subjects_imgs .img2 .p2 {left:250px; top:26px;}
#subjects .subjects_imgs .img3 .p1 {
	left:20px;
	top:56px; 
	width:77px; 
	height:76px;
}
#subjects .subjects_imgs .img3 .p2 {
	left:150px; 
	width:282px; 
	height:122px;
}
#subjects .subjects_imgs .img4 .p1{
	left:23px;
	top:54px; 
	width:182px; 
	height:80px;
}
#subjects .subjects_imgs .img4 .p2{
	left:227px; 
	top:21px; 
	width:245px;
	height:122px;
}
/* û��ָ�� */
#subjects .state-0 .img1 {left:0;}
#subjects .state-0 .img2 {left:340px;}
#subjects .state-0 .img3 {left:617px;}
#subjects .state-0 .img4 {left:793px;}
/* ָ���һ�� */
#subjects .state-1 .img1 {left:0;}
#subjects .state-1 .img2 {left:492px;}
#subjects .state-1 .img3 {left:705px;}
#subjects .state-1 .img4 {left:917px;}
/* ָ��ڶ��� */
#subjects .state-2 .img1 {left:0;}
#subjects .state-2 .img2 {left:212px;}
#subjects .state-2 .img3 {left:705px;}
#subjects .state-2 .img4 {left:917px;}
/* ָ������ */
#subjects .state-3 .img1 {left:0;}
#subjects .state-3 .img2 {left:212px;}
#subjects .state-3 .img3 {left:425px;}
#subjects .state-3 .img4 {left:917px;}
/* ָ����ĸ� */
#subjects .state-4 .img1 {left:0;}
#subjects .state-4 .img2 {left:212px;}
#subjects .state-4 .img3 {left:425px;}
#subjects .state-4 .img4 {left:637px;}