@charset "utf-8";


*{
	padding:0;
	margin:0;
}
html,body { height:100%; } /* for ff */
*,html,div,ul,li,ol,  {
	font-weight: normal;
	text-decoration: none; 
	
}
 a:link{
	color:#5A5A5A;
	font-weight: normal;
	text-decoration: none; font-size:12px;
	
}
a:visited {
	color:#5A5A5A;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color:#FF0000;
	font-weight: normal;
	text-decoration: none;
}
 a:active {
    color:#5A5A5A;
	font-weight: normal;
	text-decoration: none;
}
body{ background:url(../images/bj.jpg);
}
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;} 


#demo{overflow:hidden;width:99%;}
*html #demo{overflow:hidden;width:99%;}
#demo table{ border:0px;}
#demo img{ border:1px solid #CCCCCC ;}
#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;}

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

.top { width:1000px; margin:0 auto; }
.add { padding:6px; height:16px; font-size:12px; color:#000; }
.logo { float:left; width:600px; text-align:left; height:104px;}
.tel { float:left; width:400px; text-align:right; height:104px;}
.dh { clear:both; background:url(../images/dh-bj.jpg) no-repeat; height:40px; padding-left:72px; padding-top:6px; padding-bottom:6px;}
.dh ul { padding:0px;}
.dh li { float:left; width:147px;  text-align:center;background:url(../images/dh-jg.jpg) right no-repeat; }
.dh li a:link ,.dh li a:visited { display:block;padding-top:5px; height:35px; font-weight:bold;font:16px/32px "微软雅黑";}
.dh li a:hover {display:block; background:url(../images/dh-bjb.jpg) repeat-x; padding-top:5px; height:35px;font-weight:bold;font:16px/32px "微软雅黑";}
.index { clear:both; padding-top:150px; margin:0 auto; width:700px;}
.index ul { clear:both; width:587px; margin:0 auto;}
.index li { width:290px; text-align:center; float:left;}


.flash { clear:both; text-align:center; width:1000px; margin:0 auto; background:url(../images/flash-bj.jpg) top center no-repeat; height:365px; margin:0 auto;}
.flasha { clear:both; text-align:center; width:1000px; margin:0 auto; padding-top:10px;background:url(../images/image1.jpg) top center no-repeat; height:218px;}
.main { width:976px; margin:0 auto; overflow:hidden; }
.i-about { float:left; background:url(../images/i-about.jpg) no-repeat; width:297px; height:150px; padding:20px 10px 0 10px;  font-size:12px; color:#6C6C6C; line-height:20px;}
.i-cp { width:338px; float:left; height:170px; background:url(../images/i-cp.jpg) no-repeat;}
.i-cp ul { padding:20px 10px 10px 20px;}
.i-cp li { float:left;}




.i-news { width:321px; height:150px; background:url(../images/i-news.jpg) no-repeat; float:left; padding-top:20px;}
.i-news ul { width:280px; margin:0 auto;}
.i-news li { clear:both; padding-left:10px; line-height:20px; text-align:left;}
.i-news li a:link , .i-news li a:visited { font-size:12px; }
.i-news li a:hover { text-decoration:underline; }

.i-foot { background:url(../images/i-foot.jpg) no-repeat; height:38px;}

.foot { width:100%; background:url(../images/foot.jpg) repeat-x; padding-top:10px; font-size:12px; padding-bottom:20px;}
.foot ul { clear:both; width:950px; margin:0 auto;}
.foot li { clear:both; line-height:20px; text-align:left; color:#fff;}
.foot li a:link , .foot li a:visited{ color:#FFFFFF;}
.foot li span{ float:right;}
.main2 {
	clear:both;
	width:960px;
	overflow:hidden;
	background-color: #FFFFFF;
	background-image: url(../images/m-top.jpg);
	background-repeat: no-repeat; margin:0px auto; margin-top:10px; padding:20px;}

.left { float:left; width:268px;}

.left-fla {clear:both; background:url(../images/l-about.jpg) no-repeat; padding-top:50px; height:162px;}
.left-fla ul { width:239px; margin:0 auto;}
.left-fla li { clear:both; background:url(../images/l-fla.gif) no-repeat; padding-left:25px; padding-top:8px; height:30px; text-align:left; font-size:12px;}
.left-fla li a:link ,.left-fla li a:visited { color:#FFFFFF;}
.left-fla li a:hover { text-decoration:underline;}

.left-flb {clear:both; background:url(../images/l-flb.jpg) no-repeat; padding-top:50px; height:200px;}
.left-flb ul { width:239px; margin:0 auto;}
.left-flb li { clear:both; background:url(../images/l-fla.gif) no-repeat; padding-left:25px; padding-top:8px; height:30px; text-align:left; font-size:12px;}
.left-flb li a:link ,.left-flb li a:visited { color:#FFFFFF;}
.left-flb li a:hover { text-decoration:underline;}

.left-flc {clear:both; background:url(../images/l-flc.jpg) no-repeat; padding-top:50px; height:162px;}
.left-flc ul { width:239px; margin:0 auto;}
.left-flc li { clear:both; background:url(../images/l-fla.gif) no-repeat; padding-left:25px; padding-top:8px; height:30px; text-align:left; font-size:12px;}
.left-flc li a:link ,.left-flc li a:visited { color:#FFFFFF;}
.left-flc li a:hover { text-decoration:underline;}

.left-fld {clear:both; background:url(../images/l-fld.jpg) no-repeat; padding-top:50px; height:162px;}
.left-fld ul { width:239px; margin:0 auto;}
.left-fld li { clear:both; background:url(../images/l-fla.gif) no-repeat; padding-left:25px; padding-top:8px; height:30px; text-align:left; font-size:12px;}
.left-fld li a:link ,.left-fld li a:visited { color:#FFFFFF;}
.left-fld li a:hover { text-decoration:underline;}

.left-fl {clear:both; background:url(../images/l-cpfl.jpg) no-repeat; padding-top:50px; height:247px;}
.left-fl ul {  width:239px; margin:0 auto;}
.left-fl li { clear:both; background:url(../images/l-fla.gif) no-repeat; padding-left:25px; padding-top:8px; height:30px; text-align:left; font-size:12px;}
.left-fl li a:link ,.left-fl li a:visited { color:#FFFFFF;}
.left-fl li a:hover { text-decoration:underline;}


.left-lxfs { clear:both; background:url(../images/l-lxwm.jpg) no-repeat; padding-top:52px; height:261px;}
.left-lxfs ul { clear:both;}
.left-lxfs li { clear:both;height:20px; padding-left:30px; padding-top:3px; height:21px; color:#FFFFFF; font-size:12px;}
.left-lxfs li strong { color:#C30000;}

.bottom { clear:both; background:url(../images/m-bottom.jpg) no-repeat; height:45px; margin:0 auto; width:1000px;}
.right { float:right; width:660px;}

.dqwz { clear:both; background:url(../images/line.jpg) left bottom no-repeat; padding-bottom:10px; padding-left:10px; font-size:12px; font-weight:bold;}
.dqwz span { float:right; padding-right:10px; font-size:12px;}

.about {  margin:0 auto; padding-top:20px; padding-left:10px; padding-right:10px;  overflow:hidden; text-align:left; line-height:25px; font-size:12px; color:#666666;}






.news {overflow:hidden; margin:0 auto; font-size:12px; padding-top:20px;}
.news ul { padding-left:5px;}
.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;}
.cpfl {background:url(../images/right-bj.jpg) repeat-y; clear:both; padding:2px; width:279px; overflow:hidden; padding-bottom:15px;}
.cpfl ul { padding-left:5px; padding-bottom:10px;}
.cpfl li { background:url(../images/news-bj.jpg) bottom left no-repeat; float:left; width:115px; padding-top:3px; line-height:25px; text-align:left; padding-left:15px;}




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

.product {  margin:0 auto; overflow:hidden; padding-bottom:10px; padding-top:20px;}
.product ul { float:left; width:210px; height:230px; margin:2px;}
.product li { clear:both; line-height:22px; text-align:center; font-size:12px;}
.product li a:link ,.i-cp li a:visited { font-size:12px;} 






.product-nav { clear:both; text-align:center; padding:10px;}
.p-a { float:left; width:312px; padding-right:20px; padding-top:20px; padding-left:10px;}
.picc{width:310px;height:250px;display:table;text-align:center; clear:both; background:#FFFFFF; border:1px solid #DDDDDD; margin:0 auto;}
.picc span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle;}
.picc img {width: expression(this.width > 310? 310: true); max-width: 310px; height: expression(this.height > 250 ? 250: true); max-height: 250px;}
.p-xta { float:left; width:10px; padding-top:10px;}
.p-xtb { float:left; width:270px; padding-left:10px; padding-right:10px; padding-top:10px;}
.p-xtb ul { padding:0px;}
.p-xtb li { float:left; width:50px; text-align:center;}
.p-xtb li img { width:42px; height:42px; padding:1px; border:1px solid #ddd;}
.p-b { float:right; width:310px; font-size:12px; padding-top:20px;}
.p-b ul { clear:both;}
.p-b li { clear:both; line-height:25px; text-align:left;}
.p-b li a:link ,.p-b li a:visited { font-size:14px; font-weight:bold; color:#FF0000;}
.p-b li a:hover { text-decoration:underline;}

.product-name { clear:both; text-align:left; border-bottom:1px solid #ccc; padding:5px; font-weight:bold; padding-top:20px;}
.product-text { overflow:hidden; padding-bottom:10px; font-size:12px; line-height:25px; margin:0 auto; padding-top:20px;}
.product-text h1 {  padding-bottom:10px;font-size:20px; }
.p-sm { border-bottom:1px dashed #CCCCCC; padding:5px; text-align:center; font-size:12px; color:#CCCCCC; margin-bottom:20px;}


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




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


.ly { width:620px; 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; font-size:12px;}
.ly li span { float:right; color:#dadada;}
.hf { clear:both; background:#F3F3F3; overflow:hidden; padding:10px;color:#0D65C0; font-size:12px;}
.hf strong { color:#0D65C0;}
.pages { clear:both; width:600px; margin:0 auto; padding:10px; text-align:center; font-size:12px;}




.contact { background:url(../images/contact-bj.jpg) right no-repeat; width:600px; padding-left:20px; margin:0 auto; padding-top:50px; height:350px; line-height:35px; font-size:14px;}
.contact strong { color:#FF0000; font-weight:bold; font-size:14px;}

.wrapper {width:1000px; margin:0 auto; padding-bottom:50px;}


.shuoming {margin-top:20px; border:1px solid #ccc; padding-bottom:10px;}
.shuoming dt {height:30px; line-height:30px; font-weight:bold; text-indent:10px;}
.shuoming dd {line-height:20px; padding:5px 20px;}

/* qqshop focus */
#focus {width:1000px; height:268px; overflow:hidden; position:relative;}
#focus ul {height:380px; position:absolute;}
#focus ul li {float:left; width:1000px; height:268px; overflow:hidden; position:relative; background:#fff;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1000px; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:780px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(img/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}

.job { clear:both; margin-top:10px; border:1px solid #CCCCCC;}
.job td { text-align:left; padding-left:10px; font-size:12px;}
.joba { clear:both; margin-top:10px;}
.joba td { text-align:left; padding-left:10px; font-size:12px; line-height:25px; }

.rollBox{width:200px;overflow:hidden; float:left}
.rollBox .Cont{width:200px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:100000px;}
.rollBox .Cont .pic{width:180px;float:left;text-align:center;height:120px;padding:10px; }
.rollBox .Cont .pic img{display:block;margin:0 auto; width:180px; height:112px;}
.rollBox #List1,.rollBox #List2{float:left;}

.kf_top{
	background-image:url(/Template/images/KF_1.gif);
	background-repeat: no-repeat;
	width:99px;
	height:35px;}
.kf_bg{
	background-image: url(/Template/images/KF_2.jpg);
	background-repeat: repeat-y;
	text-align:center;
	width:99px;
	padding:10px px;		
	font-size:12px;
	line-height:22px;
}
.kf_bg li{ padding:5px 0px; }
.kf_bottom{
	background-image: url(/Template/images/KF_3.gif);
	background-repeat: no-repeat;	
	width:99px;
	height:67px;
}
#pager_List{ text-align:center; font-size:12px}

.mh1{ display:none}