/* Default Stylesheet */


body {
	text-align:center;
	color: #515351;
	font-size:11px;
	background:#Fff url(../images/bj.jpg) repeat left top;
	font-family:Arial, "\5b8b\4f53", sans-serif; 
	
	}

#wrap{
	margin:0 auto; 
	text-align:center;
	width:980px;
	background:#F6F3FE url(../images/bodybg.jpg) repeat-x left top;
	}
#header{
width:980px;
height:70px;
margin-right: auto;
margin-left: auto; 
padding: 0px;

text-align:left;

position:relative;
background: url(../images/headerbg.jpg)  no-repeat 340px top;
}
#header .logo a{
	 width: 21px;
	 height: 84px;
	 float: left;
	 padding-left: 30px;
	 padding-top: 2px;
	 display: block;
	 text-align: left;

}
#header p{
	display: block;
	float: left;
	padding-top: 100px;
	padding-left: 10px;
	line-height: 16px;
}
#header p span{
	font-size: 11px;
	font-weight: bolder;
}
#header .topright{  float:right; display:block;width:60px;  line-height:15px; text-align:left;     position: absolute; top:20px;right:40px; }
#header .topright a{ width:60px; height:12px; display:block; line-height:12px; display:block; float:left; margin:0px; text-align:left; color:#515151;}
#header .topright span{ float: left; display: block; width:2px;  height:12px; line-height:12px;vertical-align:middle; text-align:center; background:url(../images/top_line.gif) no-repeat center center; }
#header .topright a:hover{color: #BE1600;}
#header .nav{ position: absolute; top:26px; right:130px; text-align:center; width:474px; height:28px;}
        #menu { height:28px; width:474px; background:transparent; clear:both;  position:relative; MARGIN: 0px auto;}
		#menu ul { margin-left:0px;}
		#menu li { float:left; height:28px; margin:0; padding:0px; }
		#menu li.nobg { background:none; }
		#menu li a { float:left; display:block; height:28px; background:url(../images/menu.png) no-repeat; text-indent:-999px; overflow:hidden; }
		#menu li a.n1 { background-position:left top; width:96px; }
		#menu li.selected a.n1,#menu li a.n1:hover { background-position:left -28px; text-decoration:none; }
		#menu li a.n2 { background-position:-96px top; width:102px;}
		#menu li.selected a.n2,#menu li a.n2:hover { background-position:-96px -28px; text-decoration:none;  }
		#menu li a.n3 { background-position:-198px top; width:91px;}
		#menu li.selected a.n3,#menu li a.n3:hover { background-position:-198px -28px;text-decoration:none;   }
		#menu li a.n4 { background-position:-289px top; width:94px;}
		#menu li.selected a.n4,#menu li a.n4:hover { background-position:-289px -28px; text-decoration:none;  }
		#menu li a.n5 { background-position:-383px top; width:85px;}
		#menu li.selected a.n5,#menu li a.n5:hover { background-position:-383px -28px; text-decoration:none;  }
		#menu li a.n6 { background-position:-650px top; width:130px;}
		#menu li.selected a.n6,#menu li a.n6:hover { background-position:-647px -28px; text-decoration:none;  }



#contain{
margin:0 auto;
padding:0;
width: 980px;

height:auto;


} 
#mainbg{
width:980px;
padding: 0px;
margin: 0 auto;
margin-top:30px;
text-align: center;
background:#F7F7F5;
min-height:auto;



}
.banner{

	width:940px; height:90px; display:block; padding-left:0px;padding-right:20px; padding-top:25px; margin:0;  float:right; text-align:right; 
	}
.indexleft{ 
width:317px; height:387px; float:left; padding-top:0px; margin:0;
}
#indexmainbox{ float:right; width:620px; height:300px; text-align:left; margin-top:15px; 
}
#indexmainbox .indexnews{ width:260px; float:left; padding-left:2px;  }
#indexmainbox .indexnews .topnews { width:260px; padding-top:14px;}
#indexmainbox .indexnews .topnews h3{ background:url(../images/newproductbg.gif) no-repeat left top; padding-left:5px; height:25px; line-height:25px; color:#FFF; border-bottom:1px solid #C8E6FE; margin-bottom:10px; }
#indexmainbox .indexnews .topnews p{ line-height:16px; color:#488AC8; width:162px; float:right; table-layout:fixed; word-break: break-all; overflow:hidden;}
#indexmainbox .indexnews .topnews p span{ font-weight:bold;}
#indexmainbox .indexnews .topnews p span a{color:#1C8CD7}
#indexmainbox .indexnews .topnews a img{ width:70px; height:70px; float:left; margin:0 12px; display:block; border:2px solid #9BDEFA}
#indexmainbox .indexnews .topnews a:hover img{ border:2px solid #03B6F9}
#indexmainbox .indexnews  ul{ padding-top:0px; padding-left:6px; }
#indexmainbox .indexnews  Li{ line-height:51px; height:51px; margin-bottom:2px; padding-bottom:3px; border-bottom:1px dotted #027EF8}
#indexmainbox .indexnews  Li a{ color:#027EF8;}
#indexmainbox .indexnews  Li span{ float:right; color:#027EF8; width:160px; line-height:15px;}
#indexmainbox .indexnews h3{ height:30px; line-height:30px; color:#000;  }
#indexmainbox .indexnews h3 span{ color:#007BF6;}
#indexmainbox .readmore{ float:left; width:165px;  padding-left:35px; padding-top:5px;}
#indexmainbox .indexproduct{ width:335px; height:160px;float:right; text-align:left; line-height:20px; color:#027EF8; font-size:13px;  }
#indexmainbox .indexproduct h3{ width:266px; height:30px; line-height:30px; color:#000; background:url(../images/indexico.jpg) no-repeat left 15px; padding-left:15px; }
#indexmainbox .indexproduct h3 span{ color:#007BF6;}
#indexmainbox .indexproductin{ width:315px; height:160px; padding:5px; text-align:center; margin:0 auto; background:#fff;  }
#indexmainbox .tjproduct{width:340px; float:right; padding-top:10px;table-layout:fixed; word-break: break-all; overflow:hidden;}
#right{
float: right; 
margin: 0px 10px 2px 0px;
padding:0px 0; 
width: 710px; 
text-align:left;
min-height:400px; 
height:400px;     
height:auto !important; 
position:relative; right:0; top:0;
display:inline;
background:#F6F3FE;

}
#right .breads{ float:right; width:675px; height:93px; line-height:93px; padding-left:30px;  font-size:18px; font-weight:bold; color:#124B8B; margin:0 auto; float:left; margin-bottom:2px; background: url(../images/breadbg.png) no-repeat right bottom;  }
#right .breads span{ position:absolute; right:100px; top:-24px;}
#right .breadsub{ padding-right:10px; text-align:right; color:#CCCCCC; height:25px; line-height:25px;¡¡}
#right .title{ width:95%; font-size:16px; text-align:center;}
#right .read_time{ color:#666; text-align:center;}
#right .text{ line-height:18px; padding:0 10px; font-size:12px; margin-bottom:40px;}

#left{
float: left; 
margin: 0px 0px 0px 0px; 
padding-top: 20px; 
width: 238px;
text-align:center;
background: #fff url(../images/lefttopbg.png) no-repeat center top;
padding-bottom:60px;

 



}
#left .leftin{ width:202px; padding-top:5px; margin:0 auto; overflow:hidden; border:5px solid #D3D3D3; border-top:none; }
#left .leftin .leftmenu{ padding-top:0px; line-height:25px;  padding-bottom:20px; display:block;  }
#left .leftin .leftmenu .Llogin{ height:150px;}
#left .leftin .leftmenu .Llogin h1{ color:#000; text-align:right; padding-right:20px; height:40px; line-height:40px;}
#left .leftin .leftmenu .Llogin form{ width:150px; display:block; padding-top:20px; }

#left .leftin .leftmenu .Llogin .textbox { width:112px;
background: transparent url(../images/frominputbg.jpg) no-repeat -2px -3px;
border:1px solid #EBEDF0;
height:20px;
line-height: 20px;

padding: 2px 4px 0 2px;
color: #000;

font-size:1.2em;
font-family: "helvetica neue", arial, helvetica, sans-serif;
}
#left .leftin .leftmenu .Llogin p{ padding-bottom:5px; line-height:18px; font-weight:bold;}
#left .leftin .leftmenu h2{ height:70px; line-height:70px;   margin-bottom:10px; color:#1B6FF0; padding-left:20px; text-align:left; font-size:20px; background:url(../images/leftmiddlebg.png) no-repeat left top;}
#left .leftin .leftmenu h3{ width:170px; height:30px; line-height:30px; display:block;  border-bottom:1px solid #8DB6EE; text-align:left; padding-left:20px; }
#left .leftin .leftmenu h3 a{ color:#222222; font-size:12px; }
#left .leftin .leftmenu h3 a:hover{ color:#007BF6;}
#left .leftin .leftmenu h5 a{ color:#515151;  font-family:SimHei,SimSun; font-size:14px; margin:0; padding:0; height:22px; width:168px; display:block; line-height:22px;}
#left .leftin .leftmenu h5 a:visited{ color:#000;background:url(../images/left_li_hover.jpg) no-repeat 150px center;}
#left .leftin .leftmenu h5 a:hover{ color:#000; background:url(../images/left_li_hover.jpg) no-repeat 150px center;}

#left .leftin p{ line-height:20px;}
#left .leftin ul{ padding:0px;  margin:0; text-align:center;list-style: none; padding-top:10px; padding-bottom:10px;}
#left .leftin ul h3{ float:left; font-size:16px; margin-bottom:15px;}
#left .leftin ul li { padding:0; width:256px; height:20px; background: url(../images/arrowCircleLight.gif) no-repeat 60px top; margin:0; }
#left .leftin ul li a{ display:block; width:256px; height:20px; line-height:20px;margin:0;border-bottom:1px dotted #fff; text-align:left; color:#515151;}
#left .leftin ul li a:hover{ color:#F08200 }
#left .leftin ul .more a{ text-align:right; width:128px; height:30px; float:left; margin:10px 0; padding:2px;  color:#666}

#footer{
clear:both;
width:756px;
margin:0 auto;
padding-top:74px;
padding-left:220px;
color:#fff;
height:78px;
line-height:18px;
text-align:left;
position: relative;
background:url(../images/footerbg.jpg) no-repeat left bottom;
}
#footer .jg{
	margin-bottom:5px;
}
#footer p {
	line-height:14px;}
#footer p span{
	font-size: 10px;
   color: #fff;
   
}
#footer p a{
	margin: 0 2px 0px 2px;
	font-size: 11px;
	color: #fff;
		
}
#footer p a:hover{
	color: #BE1600;
}
#footer .imgs{ vertical-align:middle; line-height:60px; margin-bottom:-3px; float:right; position: absolute;top:30%; right: 10px;}
#footer .imgs a{
	margin-right: 10px;
}



/*color*/
.co_range{ color:#F08200; font-family:SimHei,SimSun; font-size:24px;}
.rancolor{color:#F08200;  }
.redcolor{color:#F00;  }
.blackcolor{ color:#000;}
.greencolor{ color:#3D8700;}
.gray{ color:#888;}
.CCCcolor{color:#CCC}

/*partner*/

.partnerBox li { 
list-style:none; 
float:left;
width:116px;  
height:85px;
border:1px solid #515151; 
margin:10px 10px 10px 0; 
line-height:85px;
display: table-cell;
vertical-align:middle;
text-align:center;
 *display: block;
 *font-size: 74px;/*0.873px£¬85*0.873 =74*/
 *font-family:Arial;
} 
.partnerBox img { 
max-width:110px;  
max-height:45px; 
vertical-align:middle; 
} 
/*history*/
.historybox{ width:642px;  margin:10px auto; text-align:center;}
.historybox ul{ width:642px; text-align:left;  } 
.historybox li{ background: url(../images/historylibg.png) no-repeat left top; height:174px; padding-left:30px; padding-top:28px;}
.historybox li a img{ width:170px; height:105px; display:inline; margin-right:38px; float:left;border:1px solid #fFF}
.historybox li a:hover img { border:1px solid #1A6EEF}
.historybox li h3{ height:30px; line-height:30px; width:366px; }
.historybox li h3 a{ color:#003686}
.historybox li p{ line-height:24px;width:366px;}
/*message*/
#messageList {
	FONT-SIZE: 12px;padding-top:5px; WIDTH: 710px
}
#messageList LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; 
}
#messageList DL {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#messageList DT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 22px;  BACKGROUND: url(../images/icon_comment.gif) no-repeat 0px 2px; PADDING-BOTTOM: 5px; CURSOR: pointer; height:20px; LINE-HEIGHT: 20px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px dotted; float:left;
}
#messageList DT  span{ float:right; text-align:right; padding-right:10px; display:block; width:100px;  height:25px; line-height:25px;  font-size:12px; font-weight:normal }
#messageList DD {
	PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 20px; BACKGROUND: #e5ecf9; PADDING-BOTTOM: 5px; MARGIN: 0px; LINE-HEIGHT: 180%; PADDING-TOP: 5px
}
#messageList DD p{ width:650px; line-height:25px; display:block; background:#fff; margin:5px 0; padding:5px; border:1px solid #E5E5E5}
.pages{ float:left; padding:0; height:30px; line-height:30px; width:685px;}
.pages a{ color:#666}
.pages span{ color:#387AC1;}

/*
case*/

.caseinfo{ float:right; width:258px; }
.caseinfo .textcontant{ width:236px; border:#E4E4E4 solid 1px; margin:5px 0; padding:10px; line-height:20px; height:114px;}


/*news*/
.newslist {
	WIDTH: 680px; margin:0 auto;
}
.newslist DL {
PADDING-LEFT: 8px; MARGIN-BOTTOM: 8px; PADDING-BOTTOM: 2px; WIDTH: 680px; PADDING-TOP: 2px; BORDER-BOTTOM: #CBE3FA 1px solid; display: block; text-align:left; float: left;  background:url(../images/bu_02.gif) no-repeat 4px 4px;
}
.newslist DL DT {
	FLOAT: right; WIDTH: 670px; HEIGHT: 18px; padding-top:1px;
}
.newslist DL DT span{
	 padding: 0 4px; float:right; padding-right:20px;
}
.newslist DL DT A { color:#333
 
}
.newslist DL DT A:hover {
	TEXT-DECORATION: underline
}
.newslist DL DD.pic {
	FLOAT: left; 
	height: 80px;
line-height:80px;
display: table-cell;
vertical-align:middle;
text-align:center;
 *display: block;
 *font-size: 52px;/*0.873px£¬85*0.873 =74*/
 *font-family:Arial;
}
.newslist DL DD span{
	color:#ccc; padding: 0 4px;
}
.newslist DL DD.pic A {
	BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; DISPLAY: block; BORDER-LEFT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid;padding: 1px; width:84px; height: 62px;
}

.newslist DL DD.pic A:hover {
	BORDER: #118ED0 1px solid;
}
.newslist DL DD.text {
	FONT-SIZE: 12px; FLOAT: right; WIDTH: 546px; COLOR: #666; LINE-HEIGHT: 19px;  padding: 0; margin: 0;
}
.newslist DL:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}

.join{
	width:566px; height: 250px; background: url(../images/splash.jpg) no-repeat left top; overflow: hidden; padding-left: 100px; padding-top: 50px; margin-bottom: 50px;
}

/*expert*/
.show_tupian {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 11px 5px 0px; WIDTH: 315px; PADDING-TOP: 10px; 
}
.show_jianjie {
	DISPLAY: block; WIDTH: 100%; HEIGHT: 66px; line-height:18px; font-size:12px;
}
.show_name {
	MARGIN-TOP: 4px; DISPLAY: block;   WIDTH: 100%; COLOR:#000; line-height:20px;
}
.show_photo {
	FLOAT: left; WIDTH: 102px; HEIGHT: 129px
}
.bt_bg {
	PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px 5px; WIDTH: 185px; COLOR: #494949; LINE-HEIGHT: 22px; PADDING-TOP: 10px; HEIGHT: 120px; BACKGROUND-COLOR: #EAF5FF; TEXT-ALIGN: justify
}

/*down*/
.list{ width:670px; margin:0 auto; text-align:center; margin-bottom:20px; }

.list_title{ width:426px; padding:0 10px; border:1px solid #fff; background:#f2e9da; height:22px; line-height:22px;}
.list_title h3{ float:left; width:300px;}
.list_title span{ float:right; width:60px; text-align:right;}

.list_pic{width:433px; padding:15px 0 0 15px;}
.list_pic li{ display:inline; float:left; width:94px; margin:0 14px 0 0; overflow:hidden;}
.list_pic li img{ width:90px; height:70px;}
.list_pic li a img{ border:2px solid #b3deee;}
.list_pic li a:hover img{border:2px solid #ccc;}
.list_pic li span{ display:block; width:94px; height:20px; line-height:22px; text-align:center;}
.list_pic li span a{ display:block;}

.list_text{width:670px;  padding:10px 0 0; margin:0 auto; text-align:center; }
.list_text li{ text-align:left; padding-left:20px;  width:650px;border-bottom:1px dotted #2764b4;  line-height:30px; height:30px; background:url(../images/bu_02.gif) no-repeat 5px center;}
.list_text li span{ float:right; text-align:right;}

.clear{ clear:both;}


/*product*/
.photobox{
	width: 150px;
	height: 150px;
	margin: 10px 15px 0px 0;
	float: left;
	display: inline;
	padding-bottom: 10px
}
.photobox p{
text-align: center;
	width: 152px;
	margin: 0 auto;
	padding: 3px 0 0 0;
	height: 25px;
	line-height: 25px;
	 text-indent: 0em;
 display: block;
	 
}
.photobox .photo {

	position: relative;
	width: 150px;
	height: 120px;
	float: left;
line-height:100px;
display: table-cell;
vertical-align:middle;
text-align:center;
 *display: block;
 *font-size: 104px;
 *font-family:Arial;
 	border: solid 1px #ccc;
 	cursor: pointer;
}
.photobox .photo img {
	background: #fff;
	padding: 4px;
	vertical-align:middle; 


}
.photobox .photo span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(../images/drop-shadow.gif) no-repeat;
}
.photobox .photo a img {
	border: none;
}
.photobox .photo a:hover img{
	/*border: 1px solid #DA251D;*/
}
.photobox .bestup span {
	width: 150px;
	height: 84px;
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	background: url(../images/glossy-gradient.png) left -15px no-repeat;
		cursor: pointer;
}

.photos {
overflow: hidden;
border: 5px solid #f0f0f0;
padding: 2px;
width: 380px;
float:left;
margin: 0 auto;}

.photos img.logo {margin: 0 auto; display:block;}
.photos div img {
padding: 0;
margin: 0;
float: left;
border-bottom: 1px solid #ddd;}
.photos ul.thumbs {
margin: 0;
padding: 10px 0 0 10px;
list-style: none;
width: 380px;
float: left;}
.photos ul.thumbs li{
width: 60px;
height: 60px;
line-height:60px;
display: table-cell;
vertical-align:middle;
text-align:center;
 *display: block;
 *font-size: 52px;/*0.873px£¬85*0.873 =74*/
 *font-family:Arial;

margin: 0 10px 10px 0;
padding: 0;
float: left;
overflow: hidden;

border: 1px solid #ddd;
text-align: center;}
.photos ul.thumbs li:hover {
	cursor:pointer;
border: 1px solid #888;
 }
.photos ul.thumbs li img {
	vertical-align:middle;
	width:60px;
	 
	

	}
	
.productsuming{ float:right; width:300px;  padding-top:10px; line-height:25px;}


.changeBox_a1{
float:left;
width:315px;height:160px; 
padding:0px;
position:relative;
}

.changeBox_a1 .a_bigImg img{
position:absolute;
top:0px;left:2px;
display:none;}


.changeDiv{
position:absolute;
top:2px;left:2px;
display:none;}

.changeDiv h3{
position:absolute;
left:0px;bottom:0;
width:315px;
height:30px;line-height:30px;
background:#fff;
filter:alpha(opacity=70);
opacity:0.7;}

.changeDiv h3 a{
display:block;
padding-left:0px; 
color:#FF6600;}