﻿@charset "utf-8";
/* CSS Document */

@import url(reset.css);
@import url(header_footer.css);


#container{
	width:970px;
	height:auto;
	margin:0 auto;
	position:relative;
	background:#000 url(../images/content_bg.jpg) top left repeat-y;	
	position:relative;
}

/*--login--*/
#login{
	width:290px;
	height:280px;
	display:block;
	margin:175px auto;
	background:url(../images/login_bg.png) top left no-repeat;
	position:relative;
	padding-top:99px;
}
#login input.login_inp{
	width:200px;
	height:25px;
	padding:3px;
	display:block;
	overflow:hidden;
	font-size:15px;
	color:#333;
	margin:0px auto 49px  auto;
	background:none;
}
#login input.login_btn{
	width:221px;
	height:48px;
	display:block;
	overflow:hidden;
	margin:-21px auto 0px auto;
	background:none;
	background:url(../images/login_btn.png) top left no-repeat;
	cursor:pointer;
}
#login input.login_btn:hover{
	background:url(../images/login_btn_over.png) top left no-repeat;
}

/*--login--*/




#main{
	width:950px;
	min-height:600px;
	display:block;
	position:relative;
	padding:75px 0 0 20px;
}
#head_main_pic{
	width:970px;
	height:92px;
	margin:-2px 0 0 -20px;
}
/*--about_block--*/
#about_block{
	width:360px;
	height:310px;
	display:block;
	position:absolute;
	background:url(../images/about_block.png) top left no-repeat;
	right:0;
	top: 200px;
	z-index:99;
	padding:20px;
}
#about_block h2{
	width:48px;
	height:20px;
	display:block;
	margin-bottom:10px;
	padding:2px 0 0 14px;
	font-size:17px;
	color:#FFF;
	background:url(../images/cube2.png) left center no-repeat;
	letter-spacing:1px;
	font-weight:bold;
}
#about_article{
	width:360px;
	height:230px;
	font-size:13px;
	color:#EEE;
	line-height:1.7;
	overflow:hidden;
}
	
/*--about_block END--*/

/*--SliderName--*/

.SliderName_3 {
	width:950px;
	height:600px;
	overflow: hidden;
	z-index:92;
}

#SliderNameNavigation_3 a img
{
	border: none;
	width: 16px;
	height: 16px;
	background: url(../img/bullet.png) no-repeat center center;
}

#SliderNameNavigation_3 a.active img
{
	background: url(../img/bullet_active.png) no-repeat center center;
}
/*--SliderName END--*/


/*--sub_nav--*/
#sub_nav{
	float:left;
	width:145px;
	min-height:450px;
	margin:25px 0 20px 0;
}
#sub_nav li{
	width:135px;
	padding:20px 0 20px 0;
	border-bottom:1px dashed #333;
}
#sub_nav li a{
	color:#BBB;
}
#sub_nav li a:hover{
	color:#FFF;
}

/*--sub_nav END--*/

/*--content--*/
#content{
	float:left;
	width:754px;
	min-height:425px;
	border-left:1px solid #222;
	padding:0px 25px 0px 25px;
	margin:25px 0;
}
#content h2{
	width:740px;
	height:21px;
	margin-bottom:20px;
	padding:1px 0 0 14px;
	font-size:17px;
	color:#FFF;
	background:url(../images/cube2.png) left center no-repeat;
	letter-spacing:1px;
	font-weight:bold;
}


.book{
	width:754x;
	height:1200px;
	position:relative;
	margin:0px;
    background:url(../images/book_bg.jpg) left top repeat-y;
}


.booklist{
	padding:10px 0px 30px 20px;
	float:left;
	width:120px;
	height:200px;
	text-align: center;
	}
	
.bookword{
	margin:5px 0 0 0;
	color:#fff; 
	font-size:12px; 
	line-height: 18px;
	font-weight:bold;
	}	
	

/*--news--*/
#content #news{
	width:754px;
	height:auto;
	position:relative;
}
#content #news li{
	width:735px;
	padding:15px 0 15px 19px;
	border-bottom:1px solid #222;
	background:url(../images/cube.png) left center no-repeat;
	font-size:15px;
	color:#DDD;
}
#content #news li a{
	color:#DDD;
}
#content #news li a:hover{
	color:#F00;
}
#content #news li .n_title{
	float:left;
	width:595px;
	margin-right:15px;
	overflow:hidden;
}
#content #news li .n_date{
	float:left;
	width:125px;
	text-align:right;
	color:#BBB;
	font-size:13px;
}

/*--news_in_title--*/
#news_in_title{
	width:754px;
	height:auto;
	position:relative;
	margin-bottom:17px;
}



#news_in_title .n_title_2{
	float:left;
	width:604px;
	margin-right:15px;
	font-size:17px;
	color:#EEE;
	font-weight:bold;
}
#news_in_title .n_date_2{
	float:left;
	width:125px;
	text-align:right;
	color:#BBB;
	font-size:13px;
}
/*--news_in_title--*/

/*--tp_num--*/
#tp_num{
	height:26px;
	width:754px;
	margin-top:15px;
	position:relative;
}
#p_num{
	float:right;
	height:26px;
	padding-top:2px;
	width:auto;
	text-align:right;
}
#p_num a{
	height:15px;
	display:inline-block;
	padding:2px 6px 2px 6px;
	text-align:center;
	border:1px solid #333;
	color:#CCC;
	margin-left:3px;
}
#p_num a:hover,#p_num .p_n_active{
	color:#333;
	background:#AAA;
}
/*--tp_num END--*/


#article{
	width:754px;
	height:auto;
	position:relative;
	font-size:15px;
	color:#CCC;
	line-height:1.9;
}
#article a{
	color:#F00;
}
#article a:hover{
	text-decoration:underline;
}

#article h3{
	font-size:15px;
	color:#FFF;
	line-height:1.8;
	font-weight:bold;
}
#article span{
	font-size:15px;
	color:#FFF;
	font-weight:bold;
}
/*--news END--*/

/*--application--*/
#application_f{
	margin:30px 0;
}
#application_f li{
	float:left;
	width:350px;
	height:30px;
	margin:0 15px 20px 10px;
}
#application_f li label{
	display:inline-block;
	width:88px;
	height:30px;
	line-height:1.2;
}
#application_f li input{
	display:inline-block;
	width:250px;
	height:24px;
	padding:3px 5px;
	overflow:hidden;
	font-size:15px;
	color:#333;
	border:1px solid #CCC;
	background:#FFF;
}
#application_btn{
	clear:both;
	width:250px;
	height:40px;
	display:block;
	margin:30px auto;
}
#application_btn input{
	width:250px;
	height:40px;
	display:block;
	background:url(../images/app_btn.png) top left no-repeat;
	cursor:pointer;
}

#more_btn{
	clear:both;
	width:85px;
	height:31px;
	margin:-200px 0px 0px 270px;
}
#more_btn input{
	width:85px;
	height:31px;
	display:block;
	background:url(../images/icon_more.png) top left no-repeat;

}




#application_btn input:hover{
	background:url(../images/app_btn_over.png) top left no-repeat;
}

#application_btn_en{
	clear:both;
	width:250px;
	height:40px;
	display:block;
	margin:0;
}
#application_btn_en input{
	width:250px;
	height:40px;
	display:block;
	background:url(../images/app_btn_en.png) top left no-repeat;
	cursor:pointer;
}
#application_btn_en input:hover{
	background:url(../images/app_btn_en_over.png) top left no-repeat;
}
/*--application END--*/

/*--content END--*/
 










