/* 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{
	
	font-weight: normal;
	text-decoration: none; 
	
}
a:link { font-size:12px; color:#666666;}
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;
	background-color: #F1F1F1;
	background-image: url(../images/bj.jpg);
	color: #000; font-size:12px;
	background-repeat: 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: 98%; margin:0 auto;padding-bottom:20px}

#indemo {float: left;width: 500%;}
#demo1 {float: left;}
#demo2 {float: left;}
#demo2{height:20px; text-align:center}
.text {
	clear:right;line-height:25px; text-align:left; color:#000; padding:10px; padding-left:20px;/**/
}
.text h1{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;
}

.head { width:980px; margin:0 auto;  overflow:hidden; background:url(../images/top.jpg) top right no-repeat; height:260px;}
.add { clear:both; height:26px; text-align:left; padding-top:7px; width:1000px; margin:0 auto;}
.add span { float:right;}
.add a:link ,.add a:visited { color:#828282;}
.add a:hover { color:#FF0000;}
.logo { float:left; height:99px; width:510px;}
.search { float:right; width:470px; text-align:right; padding-top:40px;}
.search ul { padding:0px;}
.search li { float:left;} 
.red a :link ,.red a:visited a:hover { color:#FF0000;}

.dh { clear:both; width:980px; margin:0 auto; height:43px;}
.dh ul {}
.dh li { width:80px; float:left; text-align:center; padding-top:6px; }
.dh li a:link , .dh li a:visited { color:#fff;font-family:'Microsoft Yahei'; font-size:14px;
}
.dh li a:hover { color:#fff000;}

.i-box1 { clear:both;}
.i-fl { float:left; border:1px solid #CC0001; border-top:0px; width:207px; background:#FFFFFF; height:245px;}
.i-fl ul { clear:both;}
.i-fl li { clear:both; background:url(../images/i-fl.jpg) no-repeat; padding-top:15px; text-align:left; height:32px; padding-left:10px;}
.i-fl li a:link ,.i-fl li a:visited { color:#000000; font-weight:bold; font-size:18px;}
.i-fl li a:hover { color:#FF0000;}
.i-gg { float:right; width:766px; text-align:left; font-size:12px;}
.i-gg ul { clear:both;}
.i-gg li { clear:both; padding-top:5px;}
.i-tj { clear:both; border:1px solid #DEDEDE; width:978px; background:#fff; height:280px;}
.i-tj ul { padding:10px;}
.i-tj li { float:left; width:190px; text-align:center;} 
.pictj{width:170px;height:185px;display:table;text-align:center; border:1px solid #DAD7D7; clear:both;}
.pictj span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle; max-height:185px;}
.pictj img {width: expression(this.width > 170 ? 170: true); max-width: 170px; height: expression(this.height > 185 ? 185: true); max-height: 185px;}



.i-left { float:left; width:733px; overflow:hidden;}
.i-tit { background:url(../images/i-tit.jpg) repeat-x; padding-left:10px; font-size:14px; padding-top:12px; text-align:left; height:37px; font-weight:bold;}
.i-tit span { float:right; padding-right:20px;  font-size:12px;}
.i-nav { border:1px solid #DDDDDD; width:731px; overflow:hidden; background:#FFFFFF; overflow:hidden; padding-bottom:10px;}
.pica{width:310px;height:222px;display:table;text-align:center; border:1px solid #DAD7D7; float:left; background:#FFFFFF; margin-left:10px;}
.pica span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle;max-height:222px;}
.pica img {width: expression(this.width > 310 ? 310: true); max-width: 310px; height: expression(this.height > 222 ? 222: true); max-height: 222px;}
.i-cpnav { width:380px; height:230px; float:left; margin-left:15px; }
.i-cpnav h1 {font-size:12px; display : inline; color:#990000;}
.i-cpnav ul { clear:both;}
.i-cpnav li { clear:both; line-height:22px; text-align:left;}
.i-cpnav li strong { color:#FF0000;}
.ka { clear:both; border:1px solid #DDDDDD; padding:10px; width:350px; height:100px; margin-top:10px;}
.i-tjcp { width:750px; margin:0 auto; padding-top:10px;}
.i-tjcp  ul {}
.i-tjcp  li { float:left; width:180px; text-align:center; line-height:30px;}

.i-right { float:right; width:238px; }
.i-rmdj {  clear:both; width:236px; background:#FFFFFF; overflow:hidden;border:1px solid #DBDBDB; padding-bottom:10px;}
.i-rmdj ul { clear:both; padding-top:5px; padding-bottom:10px; overflow:hidden; width:230px; margin:0 auto; background:url(../images/line.jpg) bottom repeat-x;}
.i-rmdj li { float:left; padding:5px; line-height:20px; text-align:left;}
.i-rmdj li a:link ,.i-rmdj li a:visited { color:#CC0000;}
.picx{width:70px;height:70px;display:table;text-align:center; border:1px solid #DAD7D7; margin:0 auto; float:left;}
.picx span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle;max-height:70px;}
.picx img {width: expression(this.width > 70 ? 70: true); max-width: 70px; height: expression(this.height > 70 ? 70: true); max-height: 70px;}
.i-qyzz {  clear:both; width:236px; background:#FFFFFF; overflow:hidden;border:1px solid #DBDBDB; padding-bottom:10px;}
.i-qyzz ul { width:230px; margin:0 auto; }
.i-qyzz li { clear:both; text-align:center; padding-top:10px;}

.ad { clear:both; text-align:center; padding-bottom:10px;}

.l-news2 { clear:both; width:236px; background:#FFFFFF; overflow:hidden;border:1px solid #DBDBDB; }
.l-news2 ul { padding:5px; background:#FFFFFF;}
.l-news2 li { clear:both; padding-top:5px; height:20px; background:url(../images/line.jpg) bottom repeat-x; padding-left:10px;}








.i-tit2 { background:url(../images/line2.jpg) bottom repeat-x; padding-bottom:10px; padding-left:10px; font-size:13px; padding-top:3px; text-align:left; font-weight:bold; margin:5px;}
.i-tit2 span { float:right; padding-right:10px; padding-top:10px;}



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




.left { width:209px; float:left; } 
.left-tit { clear:both; background:url(../images/left-tit.jpg) repeat-x; padding-left:15px; font-size:14px; font-weight:bold; padding-top:5px; height:23px;}
.left-tit2 { clear:both; background:url(../images/l-tit2.jpg) repeat-x; padding-left:15px; font-size:14px; font-weight:bold; padding-top:9px; height:20px; color:#C40000;}
.left-tit2 span { float:right; padding-right:40px; font-size:12px; color:#999999;}



.main { width:980px;  margin:0 auto; overflow:hidden;}

.left-fl {  float:left; border:1px solid #CC0001; border-top:0px; width:207px; background:#FFFFFF;}
.left-fl dl { }
.left-fl dt { clear:both; background:url(../images/i-fl.jpg) no-repeat; padding-top:15px; text-align:left; height:32px; padding-left:10px; font-weight:bold; font-size:14px;}
.left-fl dd { padding-left:20px; clear:both; padding-top:5px; height:18px;}
.left-fl dd a:link ,.left-fl dd a:visited { color:#707070;}
.left-fl dd a:hover { color:#FF0000; text-decoration:underline;}
.l-tit { clear:both; background:url(../images/l-tit.jpg) repeat-x; text-align:center; padding-top:8px; height:24px; font-weight:bold; color:#FFFFFF;}
.l-lxfs {border:1px solid #CC0001; border-top:0px; width:187px; background:#FFFFFF; padding:10px; line-height:20px; text-align:left;}
.l-rmdj {  border:1px solid #CC0001; border-top:0px; width:187px; background:#FFFFFF; padding:10px; line-height:20px; text-align:left;}
.l-rmdj ul { clear:both; padding-top:5px; padding-bottom:10px; overflow:hidden; width:187px; margin:0 auto; background:url(../images/line.jpg) bottom repeat-x;}
.l-rmdj li { float:left; padding:5px; line-height:20px; text-align:left;}
.l-rmdj li a:link ,.l-rmdj li a:visited { color:#CC0000;}











.right { float:left; width:735px; margin-left:15px; }
.r-l { float:left; width:531px;}
.r-r { float:left; width:234px; margin-left:6px;}
.r-pic { clear:both; padding-top:8px;}
.flash { clear:both; width:531px;}
.gszz { clear:both; margin-top:10px; border:1px solid #EAEAEA; width:529px; height:148px;}
.gszz-t { clear:both; font-weight:bold; font-size:13px; padding:5px; color:#000000;}
.gszz-t span { float:right; font-size:12px;}
.gszz-an { float:left; width:30px; text-align:center;}
.gszz-nav { float:left; width:460px; margin:0 auto;}
.gszz-nav ul { padding:0px;}
.gszz-nav li { float:left; padding-left:10px;}
.gszz-nav li img { height:90px;}
.dqwz { clear:both; background:url(../images/ico2.jpg) left center no-repeat; padding-left:100px; padding-top:7px;  color:#666;}
.cpfl { clear:both; margin-top:10px; border:1px solid #E1E1E1; background:#EFEFEF; padding:5px; width:970px; overflow:hidden; margin:0 auto;}
.cpfl ul { border:1px solid  #E5DDC7; background:#F5F4EC; padding:5px; width:950px; margin:0 auto; overflow:hidden;}
.cpfl li { float:left; line-height:25px; color:#666666; padding-right:10px;}
.cpfl li a:link , .cpfl li a:visited { color:#3366CC;}
.cpfl li a:hover { text-decoration:underline;}
.about {clear:both; width:715px; border:1px solid #DDDDDD; padding:10px; border-top:0px; margin:0 auto;  padding-bottom:40px; padding-top:10px; overflow:hidden; background:#FFFFFF; overflow:hidden; height:500px; line-height:25px;}


.news {clear:both; width:735px; border:1px solid #DDDDDD; border-top:0px; margin:0 auto;  padding-bottom:40px; padding-top:10px; overflow:hidden; background:#FFFFFF; overflow:hidden;}
.news ul { padding-left:5px; width:700px; margin:0 auto;}
.news li {background:url(../images/right-newsbj.gif) no-repeat; clear:both; line-height:32px; text-align:left; padding-left:15px;}
.news li span { text-align:right; float:right; padding-right:10px; color:#999999;}



.yqlj { width:980px; margin:0 auto; clear:both; border:1px solid #DDDDDD; background:#FFFFFF;  line-height:25px; text-align:left; padding-bottom:10px;} 
.yqlj ul { padding:8px;}
.yqlj li { line-height:20px;}
.foot { width:100%; background:url(../images/foot-bj.jpg) repeat-x; text-align:center; padding-top:1px;}
.foot ul { clear:both; width:980px; margin:0 auto;}
.foot li { clear:both; line-height:25px; color:#666;}
.foot li a:link ,.foot li a:visited { color:#666;}
.foot li a:hover { color:#FF0000; text-decoration:underline;}

.product {clear:both; width:735px; border:1px solid #DDDDDD; border-top:0px; margin:0 auto;  padding-bottom:40px; padding-top:10px; overflow:hidden; background:#FFFFFF; overflow:hidden;}
.product ul {}
.product li { float:left; width:180px; text-align:center; line-height:30px;}
.tita { clear:both; background:url(../images/tit2.jpg) repeat-x; padding-left:10px; padding-top:5px; height:24px; font-weight:bold;}

.xgcp { width:740px; margin:0 auto; clear:both; border:1px solid #DDDDDD;  line-height:25px; text-align:left; padding-bottom:10px; background:#FFFFFF; overflow:hidden;} 
.xgcp ul {}
.xgcp li { float:left; width:120px; text-align:center; line-height:30px; white-space: nowrap;text-overflow:ellipsis;  overflow:hidden;}

.i-about {border:1px solid #DDDDDD; overflow:hidden; background:#FFFFFF;}

.bzzx { clear:both; width:960px; margin:0 auto;text-align:left; border-bottom:1px solid #000;}
.flb { clear:both; border-bottom:1px solid #EEEEEE; font-weight:bold; text-align:left; padding-left:5px; font-size:13px;}
.bzzx-l { float:left; width:180px; background:url(../images/l-bj.jpg) right repeat-y; padding-left:20px; padding-top:30px;}
.bzzx-fl { clear:both;}
.bzzx-fl ul { width:163px; float:right; padding-left:17px; padding-top:10px;}
.bzzx-fl li { clear:both; text-align:right; padding-right:25px; width:163px;}
.bzzx-fl li a:link , .bzzx-fl li a:visited { display:block; padding-top:8px; height:22px; padding-right:5px;}
.bzzx-fl li a:hover { display:block; background:url(../images/f-bja.jpg) no-repeat; padding-top:8px; height:22px; padding-right:25px;}
.bzzx-r { float:left; padding-left:10px; width:760px;}










#pager_List { clear:both; text-align:center;}

.maina { width:990px; margin:0 auto; background:url(../images/main-bj.jpg) top center no-repeat; overflow:hidden;
}
.bannera { width:990px; margin:0 auto; text-align:center;}
.lefta { width:168px; float:left; padding-top:30px;}


.lefta-fl { padding:0px; margin:0 auto; height:480px;}
.lefta-fl ul { clear:both;}
.lefta-fl li { clear:both; padding-left:20px; background:url(../images/fla-bj.jpg) left bottom no-repeat; padding-top:5px; height:20px;}

.r-tit { background:url(../images/right-tit.jpg) left center no-repeat; padding-left:15px; padding-top:8px; height:25px; font-size:14px; font-weight:bold; color:#790102;}
.r-tit span{ float:right; color:#666; padding-right:20px; font-size:12px;}
.righta { float:left; width:800px; margin-left:20px;}
.product-nav { clear:both; width:740px; border:1px solid #e4e4e4; background:#FFFFFF;  overflow:hidden;  text-align:left; line-height:25px;}
.product-nav h1 { font-size:20px; color:#ff0000; width:720px; margin:0 auto; padding-top:10px; margin-bottom:10px;}
.product-sm { border-bottom:1px dashed #dddddd; width:720px; margin:0 auto; text-align:center; color:#CCCCCC;}
.product-cs { width:700px; margin:10px auto; border:1px solid #C1BFBF; background:#F8F8F8; overflow:hidden; padding:10px;}
.product-cs ul { padding:0px;}
.product-cs li { float:left; line-height:25px; text-align:left; width:300px; color:#999999;}
.product-img { text-align:center; width:950px; margin:0 auto; padding-top:20px; padding-bottom:20px;}

.news-nav { clear:both; width:740px;   overflow:hidden;  text-align:left; line-height:25px;}
.news-nav h1 { font-size:20px; color:#ff0000; width:740px; margin:0 auto; padding-top:10px; margin-bottom:10px;}
.news-sm { border-bottom:1px dashed #dddddd; width:740px; margin:0 auto; text-align:center; color:#CCCCCC;}

.product-text {width:756px;  overflow:hidden; padding-bottom:10px; }
.ly { width:760px; margin:0 auto; border:1px dashed #F9C5C5; overflow:hidden; padding:10px; margin-top:20px;}
.ly ul { clear:both;}
.ly li { clear:both;  text-align:left; line-height:20px; color:#999999;}
.ly li span { float:right; color:#dadada;}
.hf { clear:both; background:#F3F3F3; overflow:hidden; padding:10px;color:#0D65C0;}
.hf strong { color:#0D65C0;}
.pages { clear:both; width:600px; margin:0 auto; padding:10px; text-align:center;}
#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;color:#FF0000;}
#floatDivBoxs .floatDtxt a{color:#FF0000;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/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); color:#FF0000; font-weight:bold;}
.floatShadow a{ color:#FF0000;}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}