@charset "utf-8";
/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; background-color: #dddddd; }

a { text-decoration: none; }

a:hover { text-decoration: underline; }

.index_top{ background-image: url(../images/bj_index_top.gif); background-repeat: repeat-x; background-position: left top; height: 505px; }

	.top { height: 110px; background-image: url(../images/logo.gif); background-repeat: no-repeat; background-position: left top; }

		.logo { float: left; }
			.logo a { display: block; height: 84px; width: 620px; text-indent: -6000px; }

		.language { float: right; display: inline; margin-top: 40px; }
			.language a { margin-right: 15px; }

		.nav { float: right; display: inline; }
			.nav li { float: left; margin-right: 15px; line-height: 14px; }
				.nav li a { color: #000000; }
					.nav li a:hover { color: #003399; }

.page_top{ background-image: url(../images/bj_page_top.gif); background-repeat: repeat-x; background-position: left top; height: 284px; }

/* index_banner
---------------------------------------------------*/

.index_banner { background-image: url(../images/index_banner.jpg); background-repeat: no-repeat; background-position: left top; height: 395px; }


	.index_m_c_p { margin-right: 12px; margin-left: 86px; line-height: 22px; color: #FFFFFF; text-indent: 24px; margin-top: 38px; }
		.index_m_c_p a { line-height: 25px; color: #FFFFFF; background-image: url(../images/bj_button_1.gif); background-repeat: no-repeat; text-align: center; display: block; height: 25px; width: 112px; float: right; text-indent: 0px; margin-top: 20px; }
		
	.login_box { margin-right: 12px; margin-left: 86px;  }
		.login_box h2 { background-image: url(../images/bj_login_box.gif); background-repeat: repeat-x; background-position: left top; font-size: 12px; line-height: 32px; color: #FFFFFF; font-weight: normal; margin-top: 15px; }
		.login_box .user_name { line-height: 25px; height: 25px; width: 136px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; background-image: url(../images/bj_user_name.gif); background-repeat: no-repeat; background-position: 5px center; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 24px; float: left; margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px; }
		.login_box .password { line-height: 25px; height: 25px; width: 136px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; background-image: url(../images/bj_password.gif); background-repeat: no-repeat; background-position: 5px center; padding-left: 24px; float: left; margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; }
		.login_box .login_button { line-height: 25px; color: #FFFFFF; background-image: url(../images/bj_button_1.gif); background-repeat: no-repeat; text-align: center; display: block; height: 25px; width: 112px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; float: left; }
		
		
		
/* page_banner
---------------------------------------------------*/
		
.page_banner { background-image: url(../images/page_banner.jpg); background-repeat: no-repeat; background-position: left top; height: 174px; }

/* main
==================================================*/

.main { background-image: url(../images/gj_index_footer.gif); background-repeat: repeat-x; background-position: left bottom; padding-bottom: 30px; background-color: #FFFFFF; }

	.main h2 { line-height: 30px; font-weight: normal; color: #003399; background-image: url(../images/bj_main_h2.gif); background-repeat: repeat-x; background-position: left bottom; font-size: 12px; margin-bottom: 10px; }
	
/* main index content
==================================================*/	

	.index_products_list li { display: inline; float: left; height: 110px; width: 220px; margin-right: 10px; }
	
		.index_products_list li h3 { font-size: 12px; line-height: 30px; color: #003399;  height: 30px; font-weight: normal; text-indent: 34px; margin-bottom: 8px; }
			.index_products_list li h3 a { color: #003399; display: block; background-color: #eaeaea; background-image: url(../images/bj_main_products_h3.gif); background-repeat: no-repeat; background-position: 10px center; }
			.index_products_list li h3 a:hover { color: #003399; display: block; background-color: #fff; }
			
		.index_products_list li img { float: left; margin-right: 8px; }
		.index_products_list li p { line-height: 16px; }
		
	.index_projects_list li { 
				margin-bottom: 5px; 
				display: inline; 
				float: left; 
				width: 204px; 
				text-align: center; 
				margin-right: 12px;
			 	margin-left: 12px;
				}
		
		.index_projects_list li a img { background-color: #FFFFFF; padding: 1px; float: left; border: 1px solid #3b607a; display: inline; height: 140px; width: 200px; }
		.index_projects_list li a:hover img { background-color: #3b607a; padding: 1px; float: left; border: 1px solid #3b607a; }
		
		.index_projects_list li p { line-height: 20px; }
		
		.index_projects_list li .index_projects_list_more { line-height: 25px; color: #FFFFFF; background-image: url(../images/bj_button_2.gif); background-repeat: no-repeat; text-align: center; display: block; height: 25px; width: 112px; float: left; display: inline; }
		
	.index_news_list li { display: inline; float: left; margin-right: 13px; width: 300px; height:30px; }
	
		.index_news_list li i { font-size: 12px; line-height: 14px; font-style: normal; color: #333; float: right; }
		.index_news_list li h3 { font-size: 12px;  line-height: 14px;  font-weight: normal; float: left; margin-right: 10px; margin-top:2px; }
		.index_news_list li h3 a { color: #003399; }
		.index_news_list li p { line-height: 16px; }
		
/* main page content
==================================================*/

	.page_products_list li { font-size: 12px; line-height: 30px; color: #003399;  height: 30px; font-weight: normal; text-indent: 34px; margin-bottom: 8px; }
	.page_products_list li a { color: #003399; display: block; background-color: #eaeaea; background-image: url(../images/bj_main_products_h3.gif); background-repeat: no-repeat; background-position: 10px center; }
	.page_products_list li a:hover { color: #003399; display: block; background-color: #fff; }
	
.page_content p { line-height: 14px; margin-top: 10px; margin-bottom: 10px; }

.news_list li { line-height: 32px; height: 32px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; color: #666666;}
	.news_list li a { line-height: 32px; height: 32px; color: #003399; margin-left: 20px; }

.page_content h3 { font-size: 16px; line-height: 26px; color: #000000; text-align: center; }

.page_content i { font-size: 10px; font-style: normal; color: #666666; text-align: center; display: block; }

/* ======================== */
.page_content .projects_list li { margin-bottom: 5px; display: inline; float: left; width: 204px; text-align: center; margin-right: 14px; margin-left: 14px; }
.page_content .projects_list li a img { background-color: #FFFFFF; padding: 1px; float: left; border: 1px solid #3b607a; display: inline; height: 140px; width: 200px; }
.page_content .projects_list li a:hover img { background-color: #3b607a; padding: 1px; border: 1px solid #3b607a; }
		
.page_content .projects_list li p { line-height: 20px; }

/* ======================== */

.page_content .product_home_list li { display: inline; float: left; margin-right: 20px; margin-left: 20px;  text-align:center; height: 182px; width:134px; }
.page_content .product_home_list li a img { background-color: #FFFFFF; padding: 1px; border: 1px solid #3b607a; width:130px; height: 120px; }
.page_content .product_home_list li a:hover img { background-color: #3b607a; padding: 1px; border: 1px solid #3b607a; }
.page_content .product_home_list li p { margin-top: 10px; line-height: 14px; height: 18px; }

/* ======================== */

.page_content .certificate_list li { display: inline; float: left; margin-right: 30px; margin-left: 30px; margin-bottom:10px; text-align:center; height: 280px; width:167px; }
.page_content .certificate_list li a img { background-color: #FFFFFF; padding: 1px; border: 1px solid #3b607a; width:163px; height: 224px; }
.page_content .certificate_list li a:hover img { background-color: #3b607a; padding: 1px; border: 1px solid #3b607a; }
.page_content .certificate_list li p { margin-top: 10px; line-height: 14px; height: 18px; }

.next { text-align: center; padding-top: 20px; padding-bottom: 5px; }
		
/* footer
==================================================*/
		
	.footer { background-image: url(../images/bj_main_h2.gif); background-repeat: repeat-x; background-position: left top; margin-top: 0px; padding-top: 10px; }

		.footer ul li { float: left; margin-right: 20px; line-height: 14px; }
		.footer p { text-align: right; }
		.footer a { color: #003399; }