﻿@charset "utf-8";

html { height: 100%; }
body {margin:0; height: 100%; text-align:center; font-size: 12px; font-family:Arial; color:#757575; line-height:200%; background:#ffffff url(../images/bj.jpg) repeat-x top;}
td {font-size: 12px;font-family:Arial;color:#4d4d4d;line-height:200%;}
div,ul,ol,form { margin: 0; padding: 0; }
form,img {margin: 0px;border:0px;padding:0px;}
li { list-style: none; }
input { font-family: tahoma,Arial,Helvetica,sans-serif; font-size: 12px; }
h1,h2,h3,h4,h5,h6,h7 { margin: 0; padding: 0; text-align: left; font-size: 12px; font-weight: 400; }
p{ margin: 0; }
.blank{ clear:both; height:5px; line-height:5px;}
/* ============ 常用 ============= */
.BOX{width:1020px; margin: 10px auto 0px auto; font-family: Arial, "宋体"; border:12px solid #ffffff; border-bottom:none; background-color:#ffffff;}
.banner img{ width:1020px; }

.hd{ clear:both; margin:0px auto; text-align:center; overflow:hidden;}
.hd .logo{ height:150px; text-align:center; overflow:hidden;}
*html .hd .logo{ height:149px; text-align:center; overflow:hidden;}

.footer{ clear:both; text-align:center; height:53px; padding-top:30px; color:#666666; background:#ffffff url(../images/footer_bj.jpg) no-repeat top;}

.PageBody { clear:both;width:100%;margin: 0px auto; text-align:left; }

	/* ============ hd_menu ============= */
	.menu{ position:relative; z-index:100; margin:0px auto;width:1021px; height:41px; line-height:41px; } 
	.menu ul{list-style:none;} 
	.menu li {float:left; width:113px; font-family:Arial; position:relative;} 
	.menu ul ul {visibility:hidden;position:absolute;left:3px;top:41px; } 
	.menu table {position:absolute; top:0; left:0;} 
	
	.menu ul li:hover ul, 
	.menu ul a:hover ul{visibility:visible;} 
	.menu a{display:block;color:#000;font-size:14px;text-decoration:none;} 
	.menu a:hover{color:#ffffff;text-decoration:none;height:41px; line-height:41px;background-color:#019ddd;} 
	
	.menu ul ul{ left:0px;top:41px;} 
	.menu ul ul li {clear:both; text-align:left; width:225px; font-weight:normal; } 
	.menu ul ul li span{ text-decoration:underline;} 
	.menu ul ul li a{display:block;height:27px;line-height:27px;margin:0;border:0;background:#ffffff; text-decoration:none; color:#666666; font-size:12px;padding-left:25px;} 
	.menu ul ul li a:hover{border:0;height:27px;line-height:27px;color:#1693fd;background:#ffffff; text-decoration:none;} 

/* ============ PageBody ============= */
.bj_left{ background:url(../images/bj_left.jpg) repeat-y left;}
.left_title { text-align:left; width:188px; margin:30px auto 0px auto; height:34px; line-height:34px; padding-left:30px; background:#9f9f9f url(../images/icon01.gif) no-repeat 15px 12px; font-size:18px; color:#ffffff;text-transform:uppercase; border-bottom:1px solid #c9c9ca;}
/* menu */
/*子页面左侧*/
.leftnav{width:187px; margin:10px auto 0px auto;}
.leftnav ul li{width:100%;height:auto;}
.leftnav ul li span{display:block;width:100%;} 
.leftnav ul li a{display:block; text-align:left;font-size:12px; padding-bottom:5px;background:url(../images/icon02.gif) 180px 10px no-repeat; color:#666666; border-bottom:1px dashed #c9c9ca;}
.leftnav ul li a:hover{color:#2397fc;  text-decoration:none;}
.leftnav ul .list_a_on a{color:#2397fc;}


.dh { width:748px; border-bottom:1px solid #2397fc;height:64px; background:url(../images/bj_right_title.jpg) no-repeat center top;}
.dh .txt { font-size:14px; color:#666666; font-weight:bold; padding-top:35px;}
.dh .txt span { width:138px; display:block; background:url(../images/icon03.gif) no-repeat center center;}
.dh .txt a{ font-size:14px; color:#2698fc;}

.right_bluetitle {width:748px; text-align:left; font-size:24px; color:#2397fc; margin:20px 0;text-transform:uppercase; }
.content {width:748px; text-align:left; margin-bottom:20px;}
.content p{ margin-bottom:20px;}

/*  bj  */
.bj_n_b {
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* ============ font链接 ============= */
a{color: #757575;  text-decoration: none; blr:expression(this.onFocus=this.blur())}
a:hover { color: #1771bf;  text-decoration: underline;}

#blue_18 {color: #2397fc;font-size:18px; line-height:48px;}
#blue_18 a{color: #2397fc; text-decoration: none; font-size:18px;}
#blue_18 a:hover { color: #2397fc; text-decoration: underline;font-size:18px;}

#blue_9 {color: #2397fc;font-size:9px;text-transform:uppercase;}
#blue_9 a{color: #2397fc; text-decoration: none; font-size:9px; text-transform:uppercase;}
#blue_9 a:hover { color: #2397fc; text-decoration: underline;font-size:9px; text-transform:uppercase;}

#blue_underline{color: #2397fc;}
#blue_underline a{color: #2397fc; text-decoration: none;  text-decoration:underline;}
#blue_underline a:hover { color: #2397fc; text-decoration: underline; text-decoration:none;}

#font_14 { font-size:14px;}

/* ============ bj ============= */
.bj_y{background-repeat: repeat-y;background-position: center;}
.bj_n{background-repeat: no-repeat;background-position: center top;}
.bj_n_center {background-repeat: no-repeat;background-position: center center;}
.bj_y_center {background-repeat: repeat-y;background-position: center center;}
.bj_x_top{background-repeat: repeat-x;background-position: top;}
.bj_x_bottom{background-repeat: repeat-x;background-position: bottom;}

/* ============ fwd ============= */
.fenye{ clear:both; text-align:center; margin:20px 0px;}

.partner {}
.partner li { float:left; width:33%; text-align:center; height:200px; overflow:hidden;}
.partner li img { width:150px; border:1px solid #e8e6e0;}

.cooperator {}
.cooperator li { float:left; width:146px; height:200px; margin-right:40px; overflow:hidden;}
.cooperator li img { width:144px; border:1px solid #e8e6e0;}

.Projects {}
.Projects li { float:left; width:225px; height:300px; margin-right:20px; overflow:hidden;}
.Projects li img { width:225px; border:1px solid #e8e6e0;}

.cp {}
.cp li { float:left; width:165px; text-align:center; margin-right:20px; height:200px; overflow:hidden;}
.cp li img { width:165px;}
 
.cp li p { background-color:#a6a9b7;}
.cp li p a{ color:#ffffff;}
.cp li p a:hover{ color:#ffffff; text-decoration:underline;}

.home_list {}
.home_list li { float:left; width:231px; margin-right:20px; height:250px; overflow:hidden;}

.h_l_title { font-size:16px; line-height:30px; font-weight:bold; border-bottom:1px solid #d2d2d2; margin-bottom:10px; color:#000000;}
.h_l_title span{ float:right;}
.h_l_title span a{ color:#2697fd; font-size:12px; text-decoration:none;}
.h_l_title span a:hover{ color:#2697fd; font-size:12px; text-decoration:underline;}

.home_pro_list {}
.home_pro_list li { height:auto;}

.home_cer_list {}
.home_cer_list li { float:left; width:33%; text-align:center; margin:5px 0px; height:auto;}
.home_cer_list img { border:1px solid #d3d3d3;}


.pic { border:1px solid #d2d2d2; padding:1px;}
.pic img { width:227px;}

.logo{ width:1021px; margin:0px auto;}
.logo01{ float:left; width:803px;}
.logo02{ float:right; width:122px;}
.logo03{ float:right; text-align:right; color:#fff; margin-top:10px;}
.logo03 a{ color:#ffffff;}
