/* css document */
/*	
copyright 2006 sanyun inc.
common css	waney kflulu@126.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;
	text-decoration: none; font-size:12px;
	
}
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{
	color: #000;
	font-family:arial;

	background: url(../images/bj.jpg)/*bj.jpg*/ repeat-x;
}
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; width:38px;}

.clear{height:10px;overflow:hidden;clear:both;}
#demo{overflow:hidden;width:99%;}
*html #demo{overflow:hidden;width:99%;}
#demo table{ border:0px;}

#demo2{height:20px; text-align:center}
.text {
	clear:right;line-height:25px; text-align:left; color:#000; padding:10px; padding-left:20px;/**/
}
.text h1,h2{font-size:13px; display : inline; color:#790202;}
.text1 {
	clear:right;line-height:26px; text-align:left; color:#666666; padding:10px;/**/
}
.text1 h1{ margin:0px; text-align:center; color:#d64c04; font-size:14px}
.text1 .other{ text-align: center; line-height:35px;}
.text1.contxt{ margin:5px}
.map {
	float:left;
	margin:5px;
	padding:2px; margin-top:10px;
}

.page { clear:both; width:600px;}

.head { width:100%;background:url(../images/top-bj.jpg)/*top-bj.jpg*/ no-repeat; height:160px;}
.logo { clear:both;  text-align:left; height:127px; width:1174px; margin:0 auto;}
.lanage { float:right; text-align:right; padding-right:30px; padding-top:40px;}
.dh { width:100%; background:#114D89; overflow:hidden; height:38px;}
.dh ul { width:1174px; margin:0 auto; height:38px; line-height:38px;}
.dh li { float:left; width:160px; text-align:center; height:38px; line-height:38px;}
.dh li a:link , .dh li a:visited { color:#FFFFFF;font-family:'Microsoft Yahei'; font-weight:bold; font-size:16px; display:block;}
.dh li a:hover { text-decoration:underline; background:#E50015;}
.add { clear:both; background:url(../images/adda.jpg)/*adda.jpg*/ no-repeat; text-align:right; padding-right:15px;color:#000;   padding-top:8px; height:25px; width:1174px; margin:0 auto;}

.banner2 { width:957px; margin:0 auto; text-align:center; height:232px; background:url(../images/banner2.jpg)/*banner2.jpg*/ right no-repeat; }
.main { clear:both; margin:0 auto; width:1000px; padding-top:10px; background:#FFFFFF; overflow:hidden;}
.left { width:253px; float:left;}
.left-tit { background:url(../images/l-tit.jpg)/*l-tit.jpg*/ no-repeat; padding-top:15px; text-align:left;padding-left:60px; font-family:'Microsoft Yahei'; color:#057DBA; font-size:16px; font-weight:bold; height:35px;}
.fl {  width:253px; overflow:hidden; clear:both;background:url(../images/l-c.jpg)/*l-c.jpg*/ bottom no-repeat;}
.fl ul { padding:8px;}
.fl li { clear:both; background:url(../images/fl-bj.jpg)/*fl-bj.jpg*/ no-repeat; padding-left:30px; padding-top:12px; height:25px; text-align:left;}
.left-news {width:253px; overflow:hidden; clear:both;background:url(../images/l-c.jpg)/*l-c.jpg*/ bottom no-repeat;}
.left-news ul { padding:8px;}
.left-news li { clear:both; line-height:25px; text-align:left; padding-left:15px;}

.l-lxfs { clear:both; background:url(../images/l-lxwm.jpg)/*l-lxwm.jpg*/ no-repeat; width:253px; padding-top:60px; height:236px;}
.l-lxfs ul { clear:both; width:240px; margin:0 auto;}
.l-lxfs li { clear:both; padding-left:5px; line-height:22px;}

.center { float:left; width:517px; margin-left:15px;}
.product { clear:both; padding-bottom:10px; padding-top:20px;}
.product ul { width:175px; text-align:center; float:left; height:185px;}
.product li { clear:both; line-height:20px; text-align:center; width:160px; margin:0 auto; color:#000;}
.product li a:link ,.product li a:visited { color:#000;}
.product li a:hover { text-decoration:underline;}
.pic{width:156px;height:156px;display:table;text-align:center;border:solid 1px #ccc;}
.pic span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; max-height:156px;
    writing-mode: tb-rl; 
    vertical-align: middle;}
.pic img {width: expression(this.width > 135 ? 135: true); max-width: 135px; height: expression(this.height > 135 ? 135: true); max-height: 135px;} 


.picaa{width:105px;height:105px;display:table;text-align:center;border:solid 1px #ccc;}
.picaa span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; max-height:105px;
    writing-mode: tb-rl; 
    vertical-align: middle;}
.picaa img {width: expression(this.width > 105 ? 105: true); max-width: 105px; height: expression(this.height > 105 ? 105: true); max-height: 105px;} 


.kf_top{
	background-image:url(../images/KF_1.gif)/*KF_1.gif*/;
	background-repeat: no-repeat;
	width:109px;
	height:35px;}
.kf_bg{
	background-image: url(../images/KF_2.jpg)/*KF_2.jpg*/;
	background-repeat: repeat-y;
	text-align:center;
	width:109px;
	padding:10px 0px;	
}
.kf_bg li{ padding:5px 0px}
.kf_bottom{
	background-image: url(../images/KF_3.gif)/*KF_3.gif*/;
	background-repeat: no-repeat;	
	width:109px;
	height:67px;
}

#demo {background: #FFF;overflow:hidden;width: 98%; margin:0 auto;}
#demo  ul { margin:10px 6px; float:left;width:252px; }
#demo  li { clear:both; text-align:left; margin:5px;}
#demo  li img { width:242px; height:150px; border:1px solid #dadada; padding:3px; }
#demo img {}
#indemo {float: left;width: 500%;}
#demo1 {float: left;}
#demo2 {float: left;}

.link { clear:both; text-align:left; width:950PX; margin:0 auto; line-height:22px; color:#000;}
.link a{ color:#000;}

.rigth { width:180px; float:left; margin-left:15px;}
.qysp { clear:both; background:url(../images/qysp.jpg)/*qysp.jpg*/ no-repeat; width:180px; text-align:center; height:156px; padding-top:5px; margin-top:3px;}
.enqysp { clear:both; background:url(../images/enqysp.jpg)/*enqysp.jpg*/ no-repeat; width:180px; text-align:center; height:156px; padding-top:5px; margin-top:3px;}
.r-flash { clear:both; padding-top:10px;}
.right-lxwm { width:178px; border:1px solid #CCCCCC;}
.right-lxwm ul { padding:5px;}
.right-lxwm li { clear:both; line-height:18px; text-align:left;}
.yqlj { clear:both; width:100%; background:url(../images/yqlj.jpg)/*yqlj.jpg*/ repeat-x; padding-top:15px; height:34px; font-weight:bold;}
.yqlj ul { width:1000px; text-align:left; color:#FFFFFF; margin:0 auto;}
.yqlj a { color:#FFFFFF;}

.foot { clear:both; width:100%; background:#003B5D; height:161px;}
.foot ul { clear:both; padding:10px;margin:0 auto; width:1000px; color:#FFFFFF; }
.foot li { clear:both; text-align:center; line-height:25px; color:#fff;}
.foot li a{ color:#FFFFFF;}

.right { float:left; width:720px; margin-left:15px; overflow:hidden;}
.right-tit {background:url(../images/RIGHT-~2.JPG)/*right-tit.jpg*/ no-repeat; padding-top:10px; text-align:left;padding-left:40px; font-family:'Microsoft Yahei'; color:#fff; font-size:16px; font-weight:bold; height:35px;}
.right-tit span { float:right; padding-right:10px;}
.about { clear:both; text-align:left; line-height:25px; padding:10px; text-align:left; color:#666666;}
.about h1 {font-size:12px; display : inline; color:#990000;}
.products { clear:both; padding-bottom:10px; width:700px; }
.products ul { width:172px; text-align:center; float:left; height:190px; }

.products li { clear:both; line-height:20px; text-align:center; width:160px; margin:0 auto; color:#000;}
.products li a:link ,.product li a:visited { color:#000;}
.products li a:hover { text-decoration:underline;}


.product-left { float:left; width:340px; overflow:hidden;}
.product-small-tit { background:#dadada; padding:5px; font-weight:bold; color:#000000; text-align:left;}
.product-small { width:338px; border:1px solid #CCCCCC; clear:both; overflow:hidden;}
.product-small ul { padding:10px;}
.product-small li { float:left; width:60px; text-align:center;}
.product-small img { width:50px; height:50px; border:1px solid #CCCCCC;}
.product-pic { clear:both; padding-top:10px; width:330px;}

.product-right { clear:both; width:700px; margin-left:0px; padding-top:10px; }
.product-tit { clear:both; overflow:hidden; width:680px; padding-left:10px; border-bottom:1px solid #999999; padding-bottom:10px; text-align:left; font-weight:bold;}
.product-text { clear:both;}
.product-text ul { padding:10px;}
.product-text li { clear:both; line-height:25px; text-align:left;}


.news { float:left; width:710px;  overflow:hidden; padding-top:10px;}
.news ul { padding:5px;}
.news li { clear:both;  background:url(../images/RIGHT-~1.JPG)/*right-lbbj.jpg*/ no-repeat; padding-top:5px; padding-left:15px; text-align:left; height:23px;}
.news li span { float:right; padding-right:10px; color:#999999;}

.news-xx { width:680px; line-height:25px; padding:10px; text-align:left;}
.news-xx h1 { border-bottom:1px dashed #E6E6E6; padding-top:20px; padding-bottom:10px; margin-bottom:10px;}


.pica{width:136px;height:135px;display:table;text-align:center; background:url(../images/line.jpg)/*line.jpg*/ bottom repeat-x;}
.pica span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%;  max-height:135px;
    writing-mode: tb-rl; 
    vertical-align: middle;}
.pica img {width: expression(this.width > 135 ? 135: true); max-width: 135px; height: expression(this.height > 135 ? 135: true); max-height: 135px;} 

.picb {width:680px; padding-bottom:30px;display:table;text-align:center; background:url(../images/line.jpg)/*line.jpg*/ bottom repeat-x; clear:both;} 
.picb span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle;}
.picb img { clear:both; padding:10px; text-align:center; width: expression(this.width > 680 ? 680: true); max-width: 680px; height: expression(this.height > 680 ? 680: true); max-height: 680px;}


#banner {
	POSITION: relative; WIDTH: 100%; HEIGHT: 580px; CLEAR: both;
}
#ban {
	WIDTH: 100%; HEIGHT: 567px;Z-INDEX: 1;
}
#ban DIV {
	TEXT-ALIGN: center; WIDTH: 100%; HEIGHT: 567px;
}
#bando {
	Z-INDEX: 1; POSITION: absolute; TEXT-ALIGN: right; MARGIN: auto; WIDTH: 100%; TOP: -28px
}
#bando IMG {
	BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; CURSOR: pointer
}
#banner SPAN {
	TEXT-ALIGN: center; WIDTH: 100%; DISPLAY: block; HEIGHT: 567px;
}



#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/ONLINE~2.JPG)/*online_botbg.jpg*/ no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/ONLINE~3.JPG)/*online_arrow.jpg*/ no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}