@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-image: url(../images/bj.jpg);
	background-repeat: repeat-x;background-color: #F0EFEF;
}
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:102px;}
.tel { float:right; width:201px; text-align:right; height:93px;background:url(../images/tel.jpg) no-repeat;}
.dh { clear:both; height:34px; }
.dh ul { padding:0px;}
.dh li { float:left; width:140px;  text-align:center;}
.dh li a:link ,.dh li a:visited { display:block;  height:24px; padding-top:10px; font-weight:bold;font-size:12px; color:#000;}
.dh li a:hover {display:block;  font-weight:bold; font-size:12px; }



.flash { clear:both; text-align:center; width:100%; margin:0 auto;  margin:0 auto; background:#D4D4D4; overflow:hidden; height:376px;}



.main { width:980px; margin:0 auto; overflow:hidden; padding-top:5px;}
.i-tit { clear:both; text-align:left; padding-left:10px; padding-top:10px; height:33px;}
.i-tit span { float:right; padding-right:10px;}
.i-tit span a:link ,.i-tit span a:visited { color:#990000; font-size:12px;}
.i-more { clear:both; }
.i-more a:link ,.i-more a:visited {display:block; background:url(../images/i-jra.jpg) no-repeat; width:102px; height:26px; overflow:hidden;}
.i-more a:hover { display:block; background:url(../images/i-jr.jpg) no-repeat;width:102px; height:26px;}
.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 { height:225px;
	clear:both;
	border:1px solid #DEDEDE;
	width:978px;
	margin:0 auto;
	padding-bottom:10px;
	background-color: #FFFFFF;
	background-image: url(../images/i-cp.jpg);
	background-repeat: repeat-x;
}
.i-cp ul { margin:10px 8px; width:170px; height:145px;  padding:5px; float:left;}
.i-cp li { clear:both; text-align:center; padding-top:5px;}
.i-cp li a:link , .i-cp li a:visited { color:#000; font-size:12px;}
.pica{width:167px;height:121px;display:table;text-align:center; clear:both; background:#FFFFFF;  margin:0 auto; border:1px solid #AEAEAE;}
.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 > 167? 167: true); max-width: 167px; height: expression(this.height > 121 ? 121: true); max-height: 121px;}
.cp-t { clear:both; text-align:left; height:35px;}
.cp-t dl {margin:0 auto;}
.cp-t dd { float:left; padding-left:10px; padding-top:5px; color:#FFFFFF; font-size:12px;}
.i-box { clear:both; background:url(../images/i-box.jpg) no-repeat; width:980px; height:225px; padding-top:43px; overflow:hidden; border:#000000;}
.i-sb { float:left; width:300px; padding-top:10px;}
.i-sb img { width:267px; height:200px;}

.i-news { width:370px; padding-left:50px;  float:left;}
.i-news dl { clear:both; width:295px;}
.i-news dd { clear:both;  padding-left:15px; padding-top:3px; height:24px; }
.i-news dd a:link , .i-news dd a:visited { font-size:12px; color:#7C7C7C;}
.i-news dd a:hover { color:#ff0000;}
.i-news dd span { float:right; font-size:12px; color:#747474;}
.i-news ul { clear:both; width:295px;}
.i-news li img { width:102px; height:78px; border:1px solid #575956;}
.i-news li { float:left; padding-right:10px; line-height:22px;color:#000; font-size:12px;}
.i-news li a:link , .i-news li a:visited { font-size:12px; color:#7C7C7C;}
.i-news li a:hover { text-decoration:underline; }
.i-jj { float:left; width:255px;line-height:20px; color:#7C7C7C; font-size:12px; padding-right:5px; padding-left:0px; padding-top:10px;}

.yqlj { clear:both; width:980px; margin:0 auto; background:url(../images/yqlj.jpg) top center no-repeat; padding-top:30px; height:70px;}
.yqlj ul { width:980px;}
.yqlj li {  line-height:25px; text-align:left; padding-left:10px; color:#7C7C7C; font-size:12px;}


.foot { width:100%; background:url(../images/foot.jpg) repeat-x; padding-top:1px; font-size:12px;}
.foot ul { clear:both; width:643px; margin:0 auto; background:url(../images/foot-logo.jpg) no-repeat; padding-left:337px; height:89px; padding-top:20px;}
.foot li { clear:both; line-height:25px; text-align:left; color:#696969;}
.foot li a:link , .foot li a:visited{ color:#696969;}
.foot li span{ float:right;}
.main2 { width:980px; margin:0 auto; border-bottom:0px; overflow:hidden;  padding-bottom:20px;  margin-top:1px;background:url(../images/m-bj.jpg) repeat-y;  }

.left { float:left; width:213px; padding:5px; background:#EDEEF0;}
.left-tit { clear:both; background:url(../images/l-tit.jpg) no-repeat; padding-top:6px; height:23px; text-align:left; padding-left:10px; color:#FFFFFF; font-weight:bold; font-size:13px;}
.left-fla {clear:both; border:1px solid #C5C5C5; border-top:0px; background:#fff; overflow:hidden;  padding-top:10px;}
.left-fla ul { width:200px; margin:0 auto;}
.left-fla li { clear:both;  padding-left:35px; padding-top:10px; height:25px; text-align:left; font-size:12px;background:url(../images/l-fl.jpg) no-repeat;}
.left-fla li a:link ,.left-fla li a:visited { color:#6A6A6A;}
.left-fla li a:hover { text-decoration:underline; color:#FF0000;}

.left-fla dl {  width:200px; margin:0 auto; text-align:left;}
.left-fla dt {clear:both;  padding-left:35px; padding-top:10px; height:25px; text-align:left; font-size:12px;background:url(../images/l-fl.jpg) no-repeat;}
.left-fla dt a:link ,.left-fla dt a:visited { color:#000; font-weight:bold; font-size:12px;}
.left-fla dd { clear:both;  padding-left:30px; padding-top:5px; height:20px; text-align:left; font-size:12px;}
.left-fla dd a:link ,.left-dd li a:visited { color:#000;}
.left-fla dd a:hover { text-decoration:underline;}



.left-fl {clear:both; border:1px solid #C5C5C5; border-top:0px; background:#fff; overflow:hidden;  padding-top:10px;}
.left-fl dl {  width:200px; margin:0 auto;}
.left-fl dt { clear:both; padding-left:15px;}
.left-fl dt a:link ,.left-fl dt a:visited { color:#FFFFFF; font-weight:bold; font-size:12px;}
.left-fl dd { clear:both;  padding-left:30px; padding-top:5px; height:20px; text-align:left; font-size:12px;}
.left-fl dd a:link ,.left-dd li a:visited { color:#FFFFFF;}
.left-fl dd a:hover { text-decoration:underline;}


.left-lxfs { clear:both; border:1px solid #C5C5C5; border-top:0px; background:#fff; overflow:hidden;  padding-top:10px; padding-bottom:20px;}
.left-lxfs ul { clear:both;}
.left-lxfs li { clear:both;height:20px; padding-left:10px; padding-top:3px; height:21px; color:#6A6A6A; font-size:12px;}
.left-lxfs li strong { color:#ff0000;}

.bottom { clear:both; height:45px; margin:0 auto; width:1000px;}
.right {
	float:right; padding-left:1px;
	width:739px;
	
	
	
	
}

.dqwz { clear:both; background:url(../images/r-tit.jpg) no-repeat; color:#717171; padding-top:15px; padding-bottom:20px; padding-left:30px; font-size:12px; font-weight:bold;}
.dqwz span { float:right; padding-right:10px; font-size:12px; color:#717171;}

.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; width:700px;}
.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; width:710px;}
.product ul { width:170px;  padding:5px 3px; float:left;}
.product li { clear:both; text-align:center;}
.product li a:link , .product li a:visited { color:#000; font-size:12px;}

.producta { clear:both; padding-bottom:20px; padding-top:30px; background:url(../images/line.jpg) bottom repeat-x; width:740px; overflow:hidden; height:310px;}
.producta ul { float:left; width:300px; color:#676767; font-size:12px; line-height:20px; padding-right:20px;}

.producta li { float:left; width:100px; height:70px; text-align:center;}
.producta li img { width:80px; height:60px;}
.producta-t { clear:both;color:#676767; font-size:12px; line-height:20px; height:160px;}
.producta-t strong { color:#FFFFFF; font-weight:bold;}
.producta-t a:link , .producta-t a:visited { color:#FF0000;}
.producta-t a:hover { color:#FFFF00;}



.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:700px;display:table;text-align:center; clear:both; padding-top:20px; padding-bottom:20px;  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 > 700? 700: true); max-width: 700px; }
.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; color:#FFFFFF;}
.product-text { overflow:hidden; padding-bottom:10px; font-size:12px; line-height:25px; margin:0 auto; padding-top:20px; color:#CCCCCC;}
.product-text h1 {  padding-bottom:10px;font-size:20px; color:#FFFFFF; }
.p-sm { border-bottom:1px dashed #CCCCCC; padding:5px; text-align:center; font-size:12px; color:#CCCCCC; margin-bottom:20px;}





.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; }

.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}

#slide-index {
	OVERFLOW: hidden; WIDTH: auto; POSITION: relative; HEIGHT: 376px; min-width: 1000px
}
#slide-index .slides {
	WIDTH: auto; HEIGHT: 376px; min-width: 1000px
}
#slide-index .slide {
	FLOAT: left; POSITION: relative; HEIGHT: 376px; min-width: 1000px
}
#slide-index .image {
	Z-INDEX: 1; POSITION: absolute
}
#slide-index .button {
	DISPLAY: none; WIDTH: 138px
}
#slide-index .control {
	Z-INDEX: 40; WIDTH: 100%; CURSOR: pointer; BOTTOM: 0px; POSITION: absolute; HEIGHT: 19px; TEXT-ALIGN: center
}
#slide-index .control A {
	DISPLAY: inline-block; FILTER: alpha(opacity=60); BACKGROUND-IMAGE: url(../images/hw_000505.gif); WIDTH: 11px; CURSOR: pointer; MARGIN-RIGHT: 6px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 11px; opacity: 0.6
}

#slide-index .control A:hover {
	FILTER: alpha(opacity=100); BACKGROUND-IMAGE: url(../images/hw_000506.gif); opacity: 1
}
#slide-index .control A.active {
	FILTER: alpha(opacity=100); BACKGROUND-IMAGE: url(../images/hw_000506.gif); opacity: 1
}
.autoMaxWidth {
	OVERFLOW: hidden; POSITION: relative; HEIGHT: 232px
}
.float0831 {
	POSITION: fixed; TOP: 180px; RIGHT: 1px; _position: absolute
}
.float0831 A {
	COLOR: #00a0e9
}
.float0831 A:hover {
	COLOR: #ff8100; TEXT-DECORATION: none
}
.float0831 .floatL {
	POSITION: relative; WIDTH: 28px; FLOAT: left
}
.float0831 .floatL A {
	TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px
}
.float0831 .floatR {
	BACKGROUND: url(../images/float_bg.gif)
}
.float0831 .tp {
	BACKGROUND: url(../images/float_bg.gif)
}
.float0831 .cn {
	BACKGROUND: url(../images/float_bg.gif)
}
.float0831 .floatR {
	PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden
}
.float0831 .tp {
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px
}
.float0831 .cn {
	BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px
}
.float0831 .cn H3 {
	TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px
}
.float0831 .cn UL {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; PADDING-TOP: 0px
}
.float0831 .cn UL LI {
	BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 36px; WORD-WRAP: break-word; HEIGHT: 36px; OVERFLOW: hidden; WORD-BREAK: normal
}
.float0831 .titZx {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .titDh {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .titDc {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoZx {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoTc {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoFf {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoTl {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .btnOpen {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .btnOpen_n {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .btnCtn {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .titZx {
	BACKGROUND-POSITION: 5px -10px
}
.float0831 .titDh {
	BACKGROUND-POSITION: 5px -66px
}
.float0831 .titDc {
	BACKGROUND-POSITION: 5px -124px
}
.float0831 .icoZx {
	BACKGROUND-POSITION: 2px -154px
}
.float0831 .icoTc {
	BACKGROUND-POSITION: 0px -323px
}
.float0831 .icoFf {
	BACKGROUND-POSITION: 2px -213px
}
.float0831 .icoTl {
	PADDING-LEFT: 20px; DISPLAY: block; FONT-FAMILY: "微软雅黑"; BACKGROUND-POSITION: 2px -266px; FLOAT: left
}
.float0831 .btnOpen {
	BACKGROUND-POSITION: -30px -396px
}
.float0831 .btnOpen_n {
	BACKGROUND-POSITION: 0px -530px
}
.float0831 .btnCtn {
	BACKGROUND-POSITION: 0px -396px
}
.float0831 .icoZx {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoTc {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoFf {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .btnOpen {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen_n {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnCtn {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen {
	TOP: 118px; LEFT: 1px
}
.float0831 .btnOpen_n {
	TOP: 118px; LEFT: 1px
}
.float0831 .btnCtn {
	TOP: 118px; LEFT: 2px
}
.float0831 UL LI H3.titDc A {
	WIDTH: 80px; DISPLAY: block; HEIGHT: 36px
}
.float0831 UL LI.top {
	BORDER-BOTTOM: #ace5f9 1px solid
}
.float0831 UL LI.bot {
	BORDER-BOTTOM-STYLE: none
}
.float0831 UL.webZx {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/webZx_bg.jpg) no-repeat; HEIGHT: 65px; PADDING-TOP: 0px
}
.float0831 UL LI.webZx-in {
	BORDER-BOTTOM-STYLE: none; PADDING-LEFT: 5px; HEIGHT: 50px; PADDING-TOP: 8px
}