/* css document */
/*	
copyright 2006 sanyun inc.
common css	waney kflulu@hotmail.com
$revision: beta $ 界面设计制作--家有懒妻 QQ63622719
*/

*{
	padding:0;
	margin:0;
}
html,body { height:100%; } /* for ff */
*,html,div,ul,li,ol,span,font  a:link{
	color:#000;
	font-weight: normal;
	 font-size:12px; text-decoration:none;
	
}
a:visited {
	color:#000;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color:#FF0000;
	font-weight: normal;
	text-decoration: none;
}
 a:active {
    color:#000;
	font-weight: normal;
	text-decoration: none;
}
body{
	font-family:"微软雅黑", Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:25px;
	
	background-color: #F2F2F2;
}
.cl {
	zoom:1;
}
img { border:0px;}
strong { font-weight:bold;}
h1 { font-weight:bold; font-size:18px; color:#000000; width:100%; text-align:center;}
ul { margin:0px; padding:0px;}
li { margin:0px; padding:0px; list-style:none; } 
input { border:1px solid #C7C7C7; padding:1px;}

.clear{height:10px;overflow:hidden;clear:both;}

.text {
	clear:right;line-height:23px; text-align:left; color:#333; padding:10px;text-align:justify; font-size:14px;/**/
}
.text h1{font-size:12px; display : inline; color:#990000;}

.map {
	float:left;
	margin:5px;
	padding:2px; margin-top:10px;
}
.headbj { clear:both; width:100%; height:100px;}
.head { width:100%; margin:0 auto; clear:both; overflow:hidden; background:#Fff;}
.logo { float:left;  padding-left:30px; padding-top:10px; width:200px;}
.dh { float:right; width:650px; padding-top:30px;}
.dh ul { clear:both;}
.dh li { float:left; text-align:center; width:120px;}
.dh li a{   font-weight: 100; font-size:16px; color:#757575;}
.dh li a:hover { color:#990000;}

.tel { clear:both; text-align:right; padding-top:30px; padding-right:20px;}
.top1 { clear:both; background:#2C2C2C; overflow:hidden; width:100%; height:30px;}
.top1 ul { width:100%; margin:0 auto;}
.top1 li { float:right; height:30px; line-height:30px; color:#FFFFFF;font-family:'Microsoft Yahei'; padding-right:30px;}
.b-about { clear:both;  background:url(../images/b-about.jpg) no-repeat; height:200px; padding-top:160px; text-align:center;font-family:'Microsoft Yahei'; color:#FFFFFF; font-size:50px;}
.b-product { clear:both;  background:url(../images/b-product.jpg) no-repeat; height:200px; padding-top:160px; text-align:center;font-family:'Microsoft Yahei'; color:#FFFFFF; font-size:50px;}
.b-contactus { clear:both;  background:url(../images/b-contact.jpg) no-repeat; height:200px; padding-top:160px; text-align:center;font-family:'Microsoft Yahei'; color:#FFFFFF; font-size:50px;}
.b-text { font-size:20px; color:#FFFFFF; padding-top:20px;font-family:'Microsoft Yahei';}

.b-fl {
	width:100%;
	clear:both;
	padding-top:10px;
	height:35px;
	background-image: url(../images/bja.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	background-position: top;
}
.b-fl ul { padding-right:400px;}
.b-fl li { float:right; width:80px; text-align:center; }

.fl-b a{ color:#990000; font-size:16px;font-size:14px;font-family:'Microsoft Yahei';}
.fl-x a { font-size:14px;font-family:'Microsoft Yahei'; color:#777; }
.main {
	width:1200px;
	margin:0 auto; margin-top:30px; background:#FFFFFF;
	padding:30px; 
	overflow:hidden;
	
}
.about-l { float:left; width:700px;} 
.about-r { float:right; width:500px; text-align:right; padding-top:60px;}
.tit1 { clear:both; font-size:46px; font-family:'Microsoft Yahei'; padding-left:10px; padding-bottom:20px;}
.tit2 { clear:both; font-size:30px; font-family:'Microsoft Yahei'; padding-left:10px; padding-bottom:20px;}
.text2 { font-size:14px; line-height:35px; color:#777;}
.pic { clear:both; text-align:center;}

.fl-c a{ color:#FFFFFF; padding-left:40px;}


#container{ width:900px; overflow:hidden; float:left;  display:inline;}

.pica{width:190px;height:190px;display:table;text-align:center; clear:both; margin:0 auto; background:#FFFFFF;  overflow:hidden;}
.pica span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle;max-height:190px;}
.pica img {width: expression(this.width > 190? 190: true); max-width: 190px; height: expression(this.height > 190 ? 190: true); max-height: 190px;}

.picb{width:280px;height:280px;display:table;text-align:center; clear:both; margin:0 auto; background:#FFFFFF; margin-bottom:10px;}
.picb span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle;max-height:280px;}
.picb img {width: expression(this.width > 280? 280: true); max-width: 280px; height: expression(this.height > 280 ? 280: true); max-height: 280px;}

.left-tit { clear:both; background:#005CAC; color:#FFFFFF; padding-left:20px; height:40px; line-height:40px;font-family:'Microsoft Yahei'; font-size:16px;}
.left-tit span{ float:right; padding-right:20px;}
.left-tit a:link , .left-tit a:visited {  color:#000; padding-left:5px;}
.left { float:left; width:220px;}
.left-fla { overflow:hidden; background:#186DC8;}
.left-fla ul {clear:both; padding-top:20px;padding-bottom:20px;   }
.left-fla li { clear:both; width:200px; text-align:left; height:35px; line-height:35px; margin:10px auto;}

.l-a a {font-family:'Microsoft Yahei'; font-size:14px; background:#FFFFFF; display:block; padding-left:20px; font-weight:bold;}
.l-a a:hover { display:block; color:#FFFFFF;background:#003570;}

.l-b a {font-family:'Microsoft Yahei'; font-size:14px; background:#0A63AE; color:#FCFF00; display:block; padding-left:20px; font-weight:bold;}
.l-b a:hover { display:block; color:#FFFFFF;background:#003570;}


.left-fl {width:200px; overflow:hidden;}
.left-fl ul { padding-top:10px; padding-left:0px;}
.left-fl li { clear:both; border-bottom:1px solid #dadada; width:200px; text-align:left; padding-left:20px; padding-top:8px; height:24px;}
.left-fl dl { padding-top:10px; padding-left:0px;}
.left-fl dd { clear:both; text-align:left; padding-top:10px; padding-left:20px;}
.l-tit { clear:both; font-size:16px; color:#0066CC;font-family:'Microsoft Yahei'; border-bottom:1px solid #CCCCCC;}
.l-tit font { color:#999999; font-size:12px; }
.cpfl { clear:both; width:100%;overflow:hidden; height:55px;}
.cpfl dl { padding-top:10px;}
.cpfl dt { float:left;  margin-right:20px;}
.cpfla { float:left;}
.cpfla a{   display:block;  color:#FFFFFF; background:#036AB5;padding-left:30px; padding-right:30px; height:35px; line-height:35px;}

.cpflb { float:left;}
.cpflb a{ display:block; color:#000; background:#D3D3D3;padding-left:30px; padding-right:30px; height:35px; line-height:35px;}
.cpflb a:hover { color:#fff; background:#036AB5;}

.right { float:right; width:960px; margin-left:20px;}
.right-tit { background:url(../images/right-tit.jpg) no-repeat;  text-align:left; padding-left:18px; color:#fff; font-weight:bold; padding-top:11px; height:24px; font-size:14px;}
.right-tit span { float:right; padding-right:10px;}
.about { margin:0 auto; clear:both; overflow:hidden;}


.news {clear:both;  overflow:hidden;  padding-bottom:20px;}
.news ul { padding-left:5px; width:930px; margin:0 auto;}
.news li {background:url(../images/right-lbbj.jpg) no-repeat; clear:both; line-height:25px; height:25px; margin-top:10px; text-align:left; padding-left:15px;}
.news li span { text-align:right; float:right; padding-right:10px; color:#dedede;}

.product { clear:both;  overflow:hidden; min-height:600px;}
.product ul{ float:left; width:280px; border:1px solid #ccc; padding:1px; margin:10px 15px;}
.product li { clear:both; text-align:center; line-height:35px; color:#FF6600; font-weight:bold; width:280px; white-space: nowrap;text-overflow:ellipsis;  overflow:hidden; background:#E9E9E9;}
.product li a { color:#666;}
.product li a:hover { text-decoration:underline;}
.product li img { width:280px;}


.pdf { clear:both;  overflow:hidden;}
.pdf ul{ float:left; width:190px; height:270px; margin:10px 5px;}
.pdf li { clear:both; text-align:center; line-height:30px; color:#FF6600; font-weight:bold;}
.pdf li a {color:#FF6600; font-weight:bold; display:block; border:2px solid #ccc; padding:1px;}
.pdf li a:hover { text-decoration:underline;display:block; border:2px solid #ff0000; padding:1px;}
.pdf li img { width:182px; height:220px;}

.tjcp { clear:both;  overflow:hidden;}
.tjcp ul{ clear:both;}
.tjcp li { float:left; width:230px;   margin:10px 5px;}
.tjcp li img { width:210px; height:210px; border:1px solid #dadada; padding:2px;}


.picc{width:160px;height:160px;display:table;text-align:center; clear:both; margin:0 auto; background:#FFFFFF;}
.picc span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle;max-height:160px;}
.picc img {width: expression(this.width > 150? 150: true); max-width: 150px; height: expression(this.height > 160 ? 160: true); max-height: 160px;}


.r-product { width:230px;  border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB; }
.r-product ul { background:url(../images/r-line.jpg) bottom no-repeat; padding-top:10px; height:137px; }

.r-product li{ float:left; line-height:22px; text-align:left; width:100px; padding-left:10px;}
.r-product li img { width:100px; height:110px; border:1px solid #CCCCCC;}

.yqlj { width:1200px; margin:0 auto; height:40px; text-align:left;}
.yqlj ul { padding:10px;}
.yqlj li { float:left; padding-left:10px; padding-right:10px; line-height:25px;}

.product-xx { clear:both; text-align:center; padding:10px; width:912px; overflow:hidden; padding-top:30px; margin-top:20px;}
.product-xx img { border:1px solid #CCCCCC; background:#FFFFFF; padding:2px;}
.product-text { border-top:1px solid #D7D7D7; padding:15px; line-height:25px; color:#9F2929; text-align:left;}
.news-xx { width:812px; line-height:25px; padding:10px; text-align:left; margin:0 auto;}
.news-xx h1 { border-bottom:1px dashed #E6E6E6; padding-top:20px; padding-bottom:10px; margin-bottom:10px;}

.product-nav { clear:both; text-align:center; padding:10px; padding-top:30px; width:850px;}
.product-nav img { border:1px solid #CCCCCC; background:#FFFFFF; padding:2px;}
.product-nav h1 { padding-top:20px; padding-bottom:10px; color:#9F2929;}
.product-text {  padding:10px; line-height:30px; text-align:left; color:#000;}

.header-wrap{ float:left; width:220PX;}
.header-bd{ float:left; width:220PX; height: 340px; margin: 0 auto;  }
.fixed{ position: fixed; width: 100%; TOP:0PX;}
.fixed .header-hd{ display: none; }




.foota {
	width:100%; 
	clear:both;
	 padding-bottom:10px; background:#000000;overflow:hidden; text-align:center; color:#FFFFFF; padding-top:10px;
}
.foota ul { width:980px; margin:0 auto; padding-top:10px;}
.foota li { clear:both;text-align:center; line-height:30px; color:#FFFFFF;}
.foota span { color:#990000; float:right; text-align:right;}
.foota li a{ color:#FFFFFF;}


.page { clear:both; width:500px; margin:0 auto; padding-bottom:20px; padding-top:20px; font-size:12px; text-align:center; padding-left:100px;}
.page a { border:1px solid #ccc; padding:5px 10px; margin:5px; color:#000;font-family:'Microsoft Yahei'; font-size:14px;}
.CurrentPage { color:#ffffff; background:#BC0000;}

.pages { clear:both; width:400px; margin:0 auto; padding:10px; text-align:center; color:#000;font-family:'Microsoft Yahei'; font-size:16PX; }
.pages a { color:#000;font-family:'Microsoft Yahei'; font-size:16PX;}


/*客服部分*/
.qqserver { background:url(../images/s2.jpg) repeat-y; overflow:hidden; padding-left:20px;}
.qqserver p img{display:inline;margin:-5px 5px 0 0;vertical-align:middle;}
.qqserver table { margin-top:10px;}
.scrollsidebar{position:fixed; right:5px; z-index:999;top:80px; background:url(../images/s1.jpg) no-repeat; padding-top:55px; width:167px;}
.side_content{width:167px;height:auto;overflow:hidden;float:left;}
.side_content .side_list{width:167px;overflow:hidden;}
.show_btn{width:0;height:144px;overflow:hidden;margin-top:50px;float:left;cursor:pointer;}
.show_btn span{display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.close_btn,.show_btn{background:url(../images/sidebar_bg.png) no-repeat;_background:url(../images/sidebar_bg.gif) no-repeat;}

.side_title{height:46px;}
.side_title{height:46px;}
.side_bottom{height:13px; background:url(../images/s3.jpg) no-repeat;}
.side_center{font-family:Verdana, Geneva, sans-serif;padding:10px 12px 5px 12px;font-size:12px;}
.close_btn{float:right;display:block;width:19px;height:19px;margin:16px 7px 0 0;_margin:16px 3px 0 0;}
.close_btn span{display:none;}
.side_center .qqserver p{text-align:left;padding:6px 0;margin:0;vertical-align:middle;}
.phoneserver {font-size:14px;text-align:center;}
.phoneserver p{padding:2px 0;_height:16px;margin:0;color:#666666;}
.msgserver{border-top:1px dotted #ccc;text-align:center;margin-top:6px;padding:10px 0 3px 0;}
.msgserver a{background:url(../images/sidebar_bg.gif) no-repeat -119px -154px;padding:3px 0 3px 23px;}
.side_content hr{border-bottom:1px solid #E6E6E6;height:1px;margin:10px 0;clear:both;}

/* green skin  */