@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) 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;} 



.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; *display:inline;/*IE only*/}
.cl { clear:both; height:10px; overflow:hidden; padding:0px; margin:0px;}



.top { width:1200px; margin:0 auto; }
.logo { float:left; width:300px; height:50px;background:url(../images/logo.jpg) left no-repeat; padding-left:445px; padding-top:17px; padding-bottom:20px; font-size:12px; color:#000; line-height:22px;}
.logo strong { color:#FF0000; font-size:14px;}
.tel { float:right; text-align:right; width:255px; background:url(../images/tel.jpg) left no-repeat; text-align:right; padding-top:7px; height:80px;font-size:12px;}
.tel a:link ,.tel a:visited { font-size:12px;}
.dh { clear:both;  height:43px;}
.dh ul { padding:0px;}
.dh li { float:left; width:161px;   height:42px; line-height:42px; text-align:center;}
.dh li a:link ,.dh li a:visited { color:#FFFFFF; font-size:16px; font-family:'Microsoft Yahei';font-weight:bold; display:block;}
.dh li a:hover { text-decoration:underline; font-weight:bold; display:block; background:#FF9000; color:#FFFF00;}


.flash { clear:both; text-align:center; width:1200px; margin:0 auto; padding-top:10px;}
.main { width:1200px; margin:10px auto; overflow:hidden; }
.flash2 { float:left; width:553px; height:238px; text-align:center; margin-left:5px;}


.i-news {float:left; width:390px; margin-left:10px; border:1px solid #CCCCCC;  font-size:12px; height:254px;}
.i-news ul { clear:both; width:370px; margin:10px auto;}
.i-news li { clear:both; background:url(../images/ico.jpg) left center no-repeat; padding-left:20px; border-bottom:1px dashed #A2A2A2; padding-top:5px; height:20px;}
.i-news li a:link , .i-news li a:visited { font-size:12px; }
.i-news li a:hover { text-decoration:underline; }

.i-about { float:left; width:500px; border:1px solid #CCCCCC;  font-size:12px; height:254px;}


.i-tit { clear:both; text-align:left;  color:#FFFFFF; font-size:16px; font-weight:bold; font-family:'Microsoft Yahei'; color:#FF0000; background:#dadada; padding-left:10px; overflow:hidden; height:30px; line-height:30px;}
.i-tit span { float:right; padding-right:10px; margin-top:5px;}
.i-tit a:link ,.i-tit a:visited { font-size:12px; font-weight:100; color:#FFFFFF;}
.i-tit a:hover { text-decoration:underline;}

.yqlj { clear:both; background:url(../images/yqlj.jpg) no-repeat; width:1150px; padding-right:10px; padding-left:40px; padding-top:5px; padding-bottom:5px; height:76px; line-height:20px; color:#666666; font-size:12px;}
.foot { width:100%; background:url(../images/foot.jpg) repeat-x; height:131px; margin:0 auto;}
.foot ul { width:1000px; margin:0 auto; background:url(../images/foota.jpg) top right no-repeat; padding-top:10px;}
.foot li{ clear:both; text-align:center; color:#fff;font-size:12px; line-height:25px;}
.foot li a:link , .foot li a:visited { color:#fff; font-size:12px;}
.foot li a:hover { text-decoration:underline;}
.foot li span { float:right;}


.left { float:left; width:280px;}



.left-tit { background:url(../images/i-tita.jpg) repeat-x; height:30px; line-height:30px;font-size:13px; font-weight:bold; color:#fff; padding-left:15px; text-align:left;}
.left-tit span { float:right; padding-left:20px; padding-right:20px; background:#CACACA; height:30px; line-height:30px;}
.left-fl { clear:both; border:1px solid #ccc; width:280px; overflow:hidden;}
.left-fl dl { width:275px; margin:10px auto; padding-bottom:20px;}
.left-fl dt { float:left; width:125px; margin:5px; font-weight:bold; }
.left-fl dt a:link ,.left-fl dt a:visited { font-size:12px;font-weight:bold; display:block;border:1px solid #CCCCCC; padding-left:10px; line-height:30px; height:30px;}
.left-fl dd { clear:both; padding-top:5px; height:22px; padding-left:30px; }
.left-fl dd a:link ,.left-fl dd a:visited { font-size:12px; color:#999999;}


.left-lxfs {clear:both; border:1px solid #ccc; width:280px; overflow:hidden;}
.left-lxfs ul { width:265px; margin:0 auto; padding-bottom:20px; padding-top:10px;}
.left-lxfs li { clear:both;height:20px; padding-left:0px; font-size:12px;}
.left-lxfs li strong { color:#C30000;}


.right { float:left; width:910px; margin-left:10px;  }
.right-tit {background:#CACACA; height:30px; line-height:30px; font-weight:bold; color:#000; padding-left:10px; text-align:left; font-size:14px;}
.right-tit span { float:right;  color:#666; padding-right:10px;}
.about { width:880px; margin:0 auto; padding-top:20px;  overflow:hidden; text-align:left; line-height:25px; font-size:12px; color:#666666;}

.lxwm { float:left; margin-left:10px; background:url(../images/r-lxwm.jpg) no-repeat; width:213px; padding-top:100px; height:142px;}
.lxwm ul { padding-top:20px; padding-right:10px;}
.lxwm li { clear:both; line-height:18px; text-align:left; padding-left:15px;}

.lxwmEN { float:left; margin-left:10px; background:url(../images/r-lxwmEN.jpg) no-repeat; width:213px; padding-top:100px; height:142px;}
.lxwmEN ul { padding-top:20px; padding-right:10px;}
.lxwmEN li { clear:both; line-height:18px; text-align:left; padding-left:15px;}


.news {width:890px;  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;}

.iproduct  { width:1200px; margin:0 auto;  overflow:hidden; padding-bottom:10px;}
.iproduct ul { border:1px solid #999; float:left; margin:8px; width:220px;}
.iproduct li { clear:both; padding-bottom:10px; text-align:center;}
.iproduct li a:link ,.iproduct li a:visited { font-size:14px; font-weight:bold;} 


.product  { width:890px; margin:0 auto;  overflow:hidden; padding-bottom:10px;}
.product ul {	border:1px solid #999; float:left; margin:8px 5px; width:210px;}
.product li {clear:both; padding-bottom:10px; text-align:center;}
.product li a:link ,.product li a:visited { font-size:14px; color:#FF3300; font-weight:bold;} 
.product2 { width:890px; margin:0 auto;  overflow:hidden; padding-bottom:10px;}
.product2 ul { clear:both;}
.product2 li { 	border:1px solid #999; float:left; margin:8px 10px; width:200px; text-align:center; padding-top:3px;}
.product2 li a:link ,.product2 li a:visited { font-size:14px; color:#FF3300; font-weight:bold;} 
.product2 li img { width:190px; height:190px;}



.product-nav { clear:both; text-align:center; padding:10px;}
.product-img { text-align:center; width:100%;}
.product-img img { border:1px solid #CCCCCC; background:#FFFFFF; padding:2px;}
.product-text {width:890px;  overflow:hidden; padding-bottom:10px; font-size:12px; line-height:25px; margin:0 auto;}
.product-text h1 {  padding-top:20px;}
.product-text .other{ text-align:center;border-bottom:1px dashed #CCCCCC;}

.product-name { clear:both; text-align:left; color:#FF9900; font-size:14px; font-weight:bold;}

.product-pic { clear:both; padding:10px; text-align:center;}

.p-a{width:660px;text-align:center;margin:0 auto;}
.p-a img { border:1px solid #CCCCCC; padding:2px;}


.pica{width:210px;height:190px;display:table;text-align:center; clear:both; background:#FFFFFF; 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 > 210 210: true); max-width: 210px; height: expression(this.height > 190 ? 190: true); max-height: 190px;}



.picx{width:750px; clear:both; margin:0 auto; margin-top:20px; text-align:center; border:1px solid #CCCCCC; background:#FFFFFF;}

.picx img { }


.picb{width:230px;height:230px;display:table;text-align:center;  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 > 230 ? 230: true); max-width: 230px; height: expression(this.height > 230 ? 230: true); max-height: 230px;}
#fla { color:#990000; font-weight:bold;}

.ly { width:720px; 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;}

.tda { width:710px; margin:0 auto; margin-top:30px;}
.tda td{ padding:5px; font-size:12px;}


.contact { background:url(../images/contact-bj.jpg) no-repeat; width:700px; 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;}


.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}
#demo {background: #FFF;overflow:hidden;width: 98%; margin:0 auto;padding-top:20px; padding-bottom:10px}

#indemo {float: left;width: 500%;}
#demo1 {float: left;}
#demo2 {float: left;}
.mh1{ display:none}
/*客服部分*/
.qqserver p img{display:inline;margin:-5px 5px 0 0;vertical-align:middle;}
.scrollsidebar{position:absolute;z-index:999;top:220px;}
.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,.side_bottom,.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:8px;}
.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  */
.side_green .side_title{background-position:-505px 0;}
.side_green .side_center{background:url(../images/green_line.gif) repeat-y center;}
.side_green .side_bottom{background-position:-505px -60px;}
.side_green .close_btn{background-position:-44px -45px;}
.side_green .close_btn:hover{background-position:-65px -45px;}
.side_green .show_btn{background-position:-187px 0;}
.side_green .msgserver a{color:#68c40b;}
.side_green hr{border-bottom:1px solid #edf2e5;}