@charset "utf-8";
/**定义整个页面大小 默认为954px*/
*{margin:0 auto; padding:0; list-style-type:none; text-decoration:none; line-height:20px;}
body {
	margin:0 auto;
	padding:0;
	font-size:12px;
	color:#3c4247;
	font-family:Arial, Helvetica, sans-serif, 宋体;
	background:url(../images/top_bg.jpg) repeat-x top;
	}


.uborder_line{ border-bottom:1px gray solid; }
.uborder_dot{ border-bottom:1px gray dotted; }

.float_l{ float:left}

.float_r{ float:right; width:234px;}

/*头部-----------------------------------------------------------------------------------------------*/


#header{
	background:url(../images/top_nav.jpg) repeat-x bottom;
	width:440px;
    height:110px;
	padding-left:514px;
	display:block;
	}
#header a{
	margin-top:7px;
	width:85px;
	height:20px;
	float:left;
	margin-right:3px;}
#header #en img{
	margin:0 20px;
	}
	
#logo{
	background:url(../images/index_03.jpg) no-repeat  20px ; 
	width:220px; 
	height:88px;
	display:block;
	float:left;
	}

#nav{
	width:954px;
	float: left;
	overflow:hidden;
	padding-top:2px;}
#nav li{
	float:left;
	font-size:14px; 
	text-align:center;
	width:119px; 
	height:30px; 
	line-height:30px; 
	
	}
#nav li a:link, #nav li a:visited {
	padding-top:7px;
	color:#3c4247; 
	display:block;
	width:119px; 
	height:30px; 
	line-height:30px;  
	font-weight:bold;
	line-height:30px;
	background:url(../images/index_04.jpg) no-repeat; 
	}
#nav li a:hover, #nav li a:active {
	color: #fff; 
	text-decoration:none;
	background:url(../images/index_03.jpg) no-repeat;
	}
#nav .ban a:link, #nav .ban a:visited {
	color:#fff; 
	display:block;
	background:url(../images/index_03.jpg) no-repeat;
	}

#yellow{
	width:954px;
	height:20px;
	display:block;
	background:#431177;
	float:left;}

#surch{
	padding:12px 0px 0 40px; 
	height:32px; 
	background:url(../images/icon01_search.gif) no-repeat 25px;
	}
#flash{
	width:954px;
	height:215px;
	clear:both;
	padding:5px 0;
	margin-bottom:20px;
	}

/*底部 FOOT-----------------------------------------------------------------------------------------------*/

/**首页的CSS-----------------------------------------------------------------------------------------**/
#indexbox{
	width:954px;
	margin:0 auto;
	padding:0;
	height:auto;
	}
	
#mainbox{ 
	width:954px; 
	clear:both;
	background:url(../images/bj.jpg)  no-repeat top; 
	}
#mainbox_left{ 
	width:259px;
	float:left;
	}
#mainbox_left #service img{
	margin:0 auto;
	padding:0 0 15px 4px;}
#mainbox_left #left_title{
	width:159px;
	height:39px;
	line-height:39px;
	padding-left:100px;
	font-size:14px;
	font-weight:bold;
	background:url(../images/about_03.jpg) no-repeat ;
	}
#left_bot{
	background:url(../images/left_bot.jpg) no-repeat top;
	width:259px;
	height:56px;}	
#ab_left{
	background:url(../images/ab_left.jpg) repeat-y ;
	width:259px;
	padding:10px 0;}
#ab_left li{ 
	line-height:27px;
	height:27px;
	width:241px;
	padding:0 9px;
	}
#ab_left li a:link,#ab_left li a:visited {
	width:211px;
	height:27px;
	line-height:27px;
	color:#000;
	display:block;
	padding-left:30px;
	border-bottom:1px solid #f4f4f4;
	background:url(../images/about_15.jpg) no-repeat 8px; 
	}
#ab_left li a:hover,#ab_left li a:active {
	color:#fff; 
	font-weight:bold;
	border:none;
	height:28px;
	line-height:28px;
	background:url(../images/about_11.jpg) no-repeat ;
	}
	
#mainbox_right{
	width:691px;
	float:right;
	
	}
#mainbox_right #h1{
	padding-left:40px; 
	height:43px;
	line-height:38px;
	background:url(../images/about_05.jpg) no-repeat;
	}
#mainbox_right #textbody{
	line-height:22px;
	overflow:hidden;
	clear:both;
	padding:10px 20px;
	background:url(../images/about_08.jpg) repeat-y top;
	width:651px;
	}
#mainbox_right #botton{
	background:url(../images/bott.jpg) no-repeat;
	width:691px;
	height:11px;}	
#mainbox_right #textbody input,#mainbox_right #textbody textarea{
	background:#f2f2f2;
	border:none;}
#mainbox_right #textbody .input_bg{
	background:#ffb400;
	color:#fff;
	font-weight:bold;}
#mainbox_right #page{  
	clear:both;
	padding:40px 0 ;
	}
#mainbox #mainbox_right #inpro{margin:0 auto; width:767px; }

#mainbox #mainbox_right #inpro li{ width:112px; float:left;text-align:center;  margin:25px 20px; height:102px;background:#fff; display:inline;}
#mainbox #mainbox_right #inpro li span{ width:112px;  height:20px;line-height:20px;overflow:hidden; }


#mainbox .left{
	width:349px;
	height:402px;
	overflow:hidden;
	float:left;
	margin-right:18px;
	}
#mainbox .left .title{
	width:349px;
	height:39px;}
#mainbox .left .text{
	width:349px;
	height:363px;
	background:url(../images/index_22.jpg) no-repeat top;}
#mainbox .left .text #img{
	width:322px;
	height:61px;
	padding:8px 0;}
#mainbox .left .text .about{
	width:325px;
	height:255px;
	overflow:hidden;}
#mainbox .left .text #ind_new{
	padding:10px 15px;
	width:325px;
	height:315px;
	overflow:hidden;}
	

#mainbox .left .text #ind_new li{
	background:url(../images/index_25.jpg) left no-repeat;
	width:310px;
	padding-left:15px; 
	height:25px; 
	line-height:25px;
	color:#d4d4d4;
	}
#mainbox .left .text #ind_new li a{
	float:left;
	height:25px; 
	line-height:25px;
	}
#mainbox .left .text #ind_new li a:hover{ text-decoration:underline;}

#mainbox #center{
	width:219px;
	height:402px;
	float:left;
	overflow:hidden;}
#mainbox #center img{
	padding-bottom:18px;}
#mainbox #center #ind_pro{
	width:415px;
	height:32px;
	font-weight:bold;
	float:left;
	line-height:32px;
	padding-left:15px;
	border-bottom:3px solid #3c4247;
	background:url(../images/index_17.jpg) no-repeat left;
	}	

#mainbox #center #inpro{margin:0 auto; width:450px; }

#mainbox #center #inpro li{ width:112px; float:left;text-align:center;  margin:20px 16px; height:102px;background:#fff; display:inline;}
#mainbox #center #inpro li span{ width:112px;  height:20px;line-height:20px;overflow:hidden; }



#mainbox #center #ind_pro a{
	padding-top:10px;
	float:right;}
	
#mainbox #right{
	width:317px;
	height:480px;
	padding:0 10px;
	overflow:hidden;
	float:left;
	background:#eaeaea;
	}	
#mainbox #right #ind_con{
	width:302px;
	height:32px;
	font-weight:bold;
	float:left;
	line-height:32px;
	padding-left:15px;
	border-bottom:3px solid #3c4247;
	background:url(../images/index_17.jpg) no-repeat left;
	}	
	
#mainbox #right #ind_con a{
	padding-top:10px;
	float:right;}
#mainbox #right #ind_about{
	width:317px;
	height:435px;
	overflow:hidden;
	float:left;
	line-height:25px;
	padding-top:10px;}
	

.xi_b{ border-bottom:1px  dotted #ccc;}
.xi_l{ border-bottom:1px solid #ededed;}
.xi_r{ border-bottom:1px solid #ededed;}
.xi_t{ border-bottom:1px solid #ededed;}
.xi{ border:1px solid #f9427d;}
h1{
	text-align: center;
	font-weight:normal;
	margin-bottom:20px; line-height:25px;
	height:25px; 
	font-weight:bold;
	background:url(../images/new_07.jpg) no-repeat left; 
	}

/*新闻列表---------下载列表--------------------------------------------------------------------------------------*/
.new_list{
	width:651px;
	height:105px;
	padding:10px 0;
	padding-bottom:20px;
	border-bottom:1px solid #eaeaea;}
.new_pro{
	width:199px;
	height:134px;
	float:left;
	padding-right:20px;
	}
.new{
	width:651px;
	height:30px;
	line-height:30px;
	float:left;
	color:#d7d7d7;
	text-align:right;
	}
.new a:link, .new a:visited {color:#431177; float:left; line-height:30px; font-weight:bold;}
.new a:hover, .new a:active {color: #3c4247; }
.text{
	width:651px;
	height:38px;
	float:left;
	overflow:hidden;
	padding:5px 0;
	color:#666666;
	}	
.more{
	width:651px;
	height:21px;
	padding:5px 0;
	float:left;
	display:block;
	text-align:right;
	color:#666666;
	}	

.new_title{
	text-align:center; 
	line-height:40px;
	border-bottom:1px #CCC dashed; 
	font-weight:bold; 
	font-size:14px;
	}
.news_list{ padding:0 10px;}
.news_list li{  
	background:url(../images/b2.jpg) left no-repeat; 
	text-align:right; 
	padding-left:15px; 
	border-bottom:1px dotted #e6e6e6;
	color:#b5b5b5;
	border-bottom:1px dotted #CCC;
	width:680px;
	text-align:right;
	float:left;
    }

.news_list li a:link ,.news_list li a:visited{
	float:left;
	display:block;  
	overflow:hidden; 
	line-height:28px; 
	height:28px;
	}
.news_list li a:hover {
	line-height:28px;

	}




.donw_list li{ 
	background:url(../images/b2.jpg) left no-repeat center;
	padding-left:15px;
	color:#787878;  
	border-bottom:1px solid #eaeaea;
	font-size:12px; 
	clear:both;  
	line-height:28px;
	text-align:left;
	width:730px;
	overflow:hidden;
	margin-bottom:10px;
	}	  
.donw_list img{float: right;}
/*产品列表-----------------------------------------------------------------------------------------------*/

.inpro{margin:0 auto; width:730px; border-bottom:1px solid #CCC;}

.inpro li{ width:95px; float:left; padding:10px;}
.inpro li span{ width:95px; line-height:20px; text-align:center;}
.inpro li img {
	border: 1px solid #cbcbcb;
	padding: 2px;
	margin-left: 10px;
	}

/*底部LI{css}-----------------------------------------------------------------------------------------------*/

	

#footer{
	background:#3c4247;
	text-align:center;
	width:100%;
	line-height:35px;
	height:100px;
	clear:both;
	border-top:20px solid #431177;
	margin-top:30px;
	background:url(../images/top_bg.jpg) repeat-x top;
	}
#footer img{float:left; }
#footer #fot_box #fot{ width:550px; height:60px; float:left; text-align:left; padding-left:10px; padding-top:4px; overflow:hidden;}
#footer #fot_box{	width:954px;
	margin:0 auto;
	padding:0;
	height:100px;
	background:url(../images/index_35.jpg) no-repeat right center;}
#footer #fot_box #fot_nav{
	float:left;
	width:600px;
	padding:0; margin:0;
	height:30px;}
#footer #fot_box #fot_nav li{
	float:left;
	width:70px;
	background:url(../images/xi.jpg) no-repeat right;
	text-align:center;
	}
#footer #fot_box #fot_nav li a:link,#footer #fot_box  #fot_nav li a:visited {line-height:30px; }
#footer #fot_box #fot_nav li a:hover, #footer #fot_box #fot_nav li a:active {  text-decoration:none; line-height:30px;}

/*-----------------------------------------------------------------------------------------------*/

/**--------------------------------------LINK-----------------------------------*/
a:link, a:visited {color:#3c4247}
a:hover, a:active {color: #431177; }

.white a:link, .white a:visited{color:#fff;}
.white a:hover, .white a:active{color: #f00}

.blacklink a:link, .blacklink a:visited{ color:#333;}
.blacklink a:hover, .blacklink a:active{ color:#666;}

.greenlink a:link, .greenlink a:visited{ color:#114c51;}
.greenlink a:hover, .greenlink a:active{ color:#339900;}

.redlink a:link, .redlink a:visited{ color:#db0606;}
.redlink a:hover, .redlink a:active{ color:#114c51;}

.bluelink{ color:#004499;}
.bluelink a:link, .bluelink a:visited{ color:#004499;}
.bluelink a:hover, .bluelink a:active{ color:#f53f7a;}
/**--------------------------------------/LINK/END-----------------------------------*/



#language{
	background:url(../images/index_29.jpg) repeat-x bottom;
	border:solid 1px #ccc;
	width:300px;
	margin-left:640px;
	text-align:center;
	margin-top:5px;
	}
#language span{ margin:0 5px 0 5px;}

.wrap1{
	clear:both;
	}

.wrap2{
	clear:both;
	}

.wrap3{
	clear:both;
	}




/**--------------------------------------from-----------------------------------*/

.form1{
	padding:2px 8px 0pt 3px;
	border:1px solid #ee9b00;
	background-color:#fdf5e5;
	color:#ee9b00;
	}

.form2{
	padding:6px 12px 6px 12px;
	border:1px solid #ccc;
	background-color:#fff;
	}

.formfont input,select{font-size:12px; color:#666666;}
.formfont textarea{
	font-size:14px;
	color:#666;
	width:545px;
}
/**--------------------------------------/from/END-----------------------------------*/

/**--------------------------------------/margin&padding-----------------------------------*/
.margin_right{ margin:0 0 0 auto;}
.margin_left{ margin:0 auto 0 0;}
.margin_0{ margin:0}
.margin_5{ margin:5px;}
.margin_top_5{ margin-top:5px;}
.margin_left_5{ margin-left:5px;}
.margin_right_5{ margin-right:5px;}
.margin_bottom_5{ margin-bottom:5px;}
.margin_t_b_5{ margin:5px auto 5px auto;}
.margin_l_r_5{ margin:auto 5px auto 5px;}

.padding_0{ padding:0}
.padding_top_5{ padding-top:5px;}
.padding_top_30{ padding-top:30px;}
.padding_top_58{ padding-top:58px;}
.padding_left_5{ padding-left:5px;}
.padding_left_20{ padding-left:20px;}
.padding_right_5{ padding-right:5px;}
.padding_right_20{ padding-right:20px;}
.padding_bottom_5{ padding-bottom:5px;}
.padding_5{ padding:5px;}
.pdtd td{ padding:5px;}
/**--------------------------------------/margin&padding/END-----------------------------------*/

/**------JS产品图片的CSS--------*/
.mainbox_pro2 li{text-align:center; float:left;}

#demo {
	height:143px;
	overflow:hidden;
	overflow:hidden;
	width: 950px;
	float:left; 
	}
.mainbox_pro2 li{ width: 95px; height:120px; overflow:hidden; margin:0 10px;}
.mainbox_pro2 li span{ width:95px; line-height:20px; height:20px; text-align:center; display:block;}
.mainbox_pro2 li img {
	border: 1px solid #cbcbcb;
	padding: 2px;
	}
#indemo {float: left;  width: 800%;}
#demo1 { float: left;}
#demo2 {  float: left;}


/**------JS选项卡CSS--------*/
.bg{ background:url(../images/info-mytab-bg.gif) no-repeat; width:623px; }
.solid-bottom {line-height:30px;}
.sec1  {
cursor:  hand;
color:  #000;
height:24px;
width:115px;
background:url(../images/info-mytab-bg.gif) no-repeat;

}
.sec2  {
background:url(../images/info-mytab-bg02.gif) no-repeat;
cursor:  hand;font-weight:bold;
color:#000  ;
height:24px;
width:115px;
margin-right:1px;
}
.secbg{ border:1px solid #66ccff; border-top:none;}