﻿/* 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: #fff;
	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:12px; color:#000000; width:100%; text-align:center;}
ul { margin:0px; padding:0px;}
li { margin:0px; padding:0px; list-style:none;} 


.clear{height:10px;overflow:hidden;clear:both;}

*html #demo{overflow:hidden;width:99%;}
#demo table{ border:0px;}
#demo img{}

.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:1200px; margin:0 auto;  overflow:hidden;}
.add { float:left; width:500px; height:25px; padding-top:7px;}
.add span { float:right;}
.fx { float:right; width:210px; text-align:right;}
.logo { float:left; height:103px; width:800px;}
.tel { float:right; width:500px; height:103px; text-align:right;}
.top { clear:both; width:1200px; margin:0 auto; }
.search { float:right; width:400px; height:68px; padding-top:35px;}
.search ul { clear:both;}
.search li { float:left;font-size:14px;}
.search li input { width:300px; padding:3px; border:1px solid #ccc;}
.search li a { font-size:14px;}

.red a :link ,.red a:visited a:hover { color:#FF0000;}
.dh { float:right; width:990px;  overflow:hidden;}
.dh ul { }
.dh li { width:110px; float:left; text-align:center; }
.dh li a:link , .dh li a:visited { color:#FFFFFF; font-size:15px; font-weight:bold; display:block;padding-top:10px; height:29px;}
.dh li a:hover {padding-top:10px; height:29px; display:block; background:#E00000;}

.titnew { clear:both; width:100%; background:#d60000; color:#FFFFFF; font-size:18px; font-weight:bold; text-align:left; padding-left:18px; height:35px; line-height:35px; overflow:hidden;}

.ad { clear:both; width:1000px; margin:0 auto; text-align:center; padding-bottom:10px;}
.banner { clear:both; width:1200px; margin:0 auto; padding-bottom:10px; padding-top:15px;}
.left { width:280px; float:left;} 
.i-gg { float:left;  border:1px solid #DEDEDE; width:280px; height:293px;overflow:hidden; }
.i-gg ul { width:260px; margin:0 auto;padding-top:10px; }
.i-gg li { clear:both;background:url(../images/ico1.jpg) left center no-repeat; padding-left:10px; padding-top:6px; height:19px; margin-top:3px;}
.i-gg dl {clear: both;margin:5px;line-height: 25px;}
.i-gg dt {font-size: 14px;float: left;line-height: 25px;height: 25px;width: 87px;text-align: center;padding-bottom: 5px;}
.i-flash { float:left;  width:551px; height:195px;}
.i-about { clear:both;  padding:10px; width:600px; line-height:30px; font-size:14px;}
.i-zs { width:600px; margin:0 auto; clear:both; padding-bottom:10px;}
.i-zs td { padding-right:10px;}
.l-tit { clear:both; padding:0px; margin:0px;}

.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:25px;}
.flash { float:left; width:577px;}
.i-fot { clear:both;background:url(../images/i-fot.jpg) no-repeat; padding-top:30px;}

.i-news { float:left; width:388px; overflow:hidden; border:1px solid #E2E2E2; height:180px; background:#FFFFFF;}
.i-news ul { padding:5px; width:380px; margin:0 auto;}
.i-news li { clear:both;  padding-top:7px; height:24px;background:url(../images/i-newsa.jpg)  no-repeat; padding-left:10px;}
.i-pp { clear:both; width:795px; border:1px solid #DADADA; overflow:hidden;}
.i-pp .left { float:left; width:32px;}
.i-pp .center { float:left; width:731px; background:url(../images/i-cbj.jpg) repeat-y; padding-top:15px; overflow:hidden;}
.i-pp .center ul { width:710px; margin:0 auto;}
.i-pp .center li { float:left; padding-right:20px;}
.bgline {clear: both;border-bottom: 1px dotted rgb(148, 151, 154);margin: 0px 10px;height: 8px;}


.main { width:1200px; margin:0 auto; overflow:hidden; padding-top:10px;}
.i-left { width:220px; float:left;}
.left-fl { clear:both;width:220px; background:url(../images/l-flbj.jpg) repeat-y;}
.left-fl dl  { width:197px;  margin:0 auto;}

.left-fl dt { clear:both; background:url(../images/fl-bj.jpg) no-repeat; text-align:left; padding-left:35px; padding-top:12px; height:22px;}
.left-fl dt a:link , .left-fl dt a:visited { color:#000; font-weight:bold;}
.left-fl dd { clear:both; padding-left:40px; padding-top:5px; height:25px;}
.left-fl dd a:link ,.left-fl dd a:visited {color:#fff;}
.left-fl dd a:hover { color:#ff0000; text-decoration:underline;}
.l-bottom { clear:both; background:url(../images/l-bottom.jpg) top no-repeat; height:9px;}


.left-lxwm { border:1px solid #DFDFDF; clear:both; width:195px; overflow:hidden; height:333px;}
.left-lxwm ul { width:183px; margin:0 auto; padding-top:10px;}
.left-lxwm li { clear:both; line-height:20px; text-align:left; padding-left:5px;}




.i-xptj { clear:both; width:1200px;background:url(../images/i-tjcp.jpg) no-repeat; height:280px;}
.i-xptj ul { width:1130px; margin-left:50px; padding-top:15px; padding-bottom:10px;}
.i-xptj li { float:left; text-align:left; width:230px; text-align:center;  margin:5px; line-height:30px; color:#CCCCCC;}
.i-xptj li a:link ,.i-cp li a:visited { color:#000; display:block; border:2px solid #DBDBDB;}
.i-xptj li a:hover { text-decoration:underline; border:2px solid #ff0000; display:block;}
.i-xptj li span { color:#FF0000; font-weight:bold;}
.picaa{width:220px;height:240px;display:table;text-align:center;  background:#FFFFFF; clear:both; }
.picaa span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; max-height:240px;
    writing-mode: tb-rl; 
    vertical-align: middle;}
.picaa img {width: expression(this.width > 220 ? 220: true); max-width: 220px; height: expression(this.height > 240 ? 240: true); max-height: 240px;}



.i-right { float:left; width:786px;}
.i-tit { background:url(../images/i-tit.jpg) repeat-x; padding-left:10px; color:#A01A00; font-weight:bold; font-size:14px; text-align:left; padding-top:20px; height:22px;}
.i-tit span { float:right; padding-right:10px;}



.i-cp { clear:both;border-top:0px; overflow:hidden; }
.i-cp ul { width:1200px; margin:0 auto; padding-top:15px; padding-bottom:10px;}
.i-cp li { float:left; text-align:left; width:222px; height:270px; line-height:20px; text-align:center;  margin:10px 8px; color:#CCCCCC; border:1px solid #DBDBDB; white-space: nowrap;text-overflow:ellipsis;  overflow:hidden;}
.i-cp li a:link ,.i-cp li a:visited { color:#000; font-size:14px;font-family:'Microsoft Yahei';}
.i-cp li a:hover { text-decoration:underline;}
.i-cp li span { color:#FF0000; font-weight:bold;}
.i-tit1 { background:url(../images/i-tit1.jpg) repeat-x; padding-left:10px; color:#A01A00; font-weight:bold; font-size:14px; text-align:left; padding-top:7px; height:25px;}
.i-tit1 span { float:right; padding-right:10px;}

.pica{width:220px;height:220px;display:table;text-align:center; padding:1px; background:#FFFFFF; clear:both;}
.pica span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%;  max-height:220px;
    writing-mode: tb-rl; 
    vertical-align: middle;}
.pica img {width: expression(this.width > 220 ? 220: true); max-width: 220px; height: expression(this.height > 220 ? 220: true); max-height: 220px;}
.l-kf { clear:both; border:1px solid #DFDFDF;  width:195px; overflow:hidden; }
.l-kf ul { padding:0px;}
.l-kf li { clear:both;}
.i-left { float:left; width:214px;}
.l-lxcp { height:450px;clear:both; border-left:1px solid #E1E1E1;  border-bottom:1px solid #E1E1E1;  width:213px; overflow:hidden; background:#FFFFFF; padding-bottom:10px;}
.l-lxcp ul { width:210px; margin:0 auto;background:url(../images/line.jpg) left bottom repeat-x; padding-bottom:10px;  margin-top:10px; overflow:hidden;}
.l-lxcp  li { float:left; padding-left:10px; color:#008000; font-size:12px; line-height:25px; text-align:left;}
.l-lxcp  li img { width:80px; height:86px; border:1px solid #ccc;}

.contact {
	width:660px; height:560px;
	padding-left:20px;
	margin:0 auto;
	padding-top:30px;
	line-height:35px;
	font-size:14px;
	background-image: url(../images/contact-bj.jpg);
	background-repeat: no-repeat;
}
.contact strong { color:#FF0000; font-weight:bold; font-size:14px;}



.right { float:left; width:613px;overflow:hidden; margin-left:10px;border:1px solid #DEDEDE;height:293px; }

.dqwz { clear:both; background:url(../images/ico2.jpg) left center no-repeat; padding-left:100px; line-height:25px; border-bottom:1px solid #CCCCCC; color:#666;}
.cpfl { clear:both; margin-top:10px; border:1px solid #E1E1E1; background:#EFEFEF; padding:5px; width:710px; overflow:hidden; margin:0 auto;}
.cpfl ul { border:1px solid  #E5DDC7; background:#F5F4EC; padding:5px; width:700px; 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 { width:710px; padding-left:10px; clear:both; }
.i-about h1 {font-size:12px; display : inline; color:#990000;}



.news {clear:both; padding:2px;  overflow:hidden; padding:10px; padding-bottom: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;}



.yqlj { width:1060px; background:url(../images/yqlj.jpg) no-repeat; margin:0 auto; clear:both;  line-height:25px; text-align:left; padding-bottom:10px; height:146px; padding-left:140px;} 
.yqlj ul { padding:8px;}
.yqlj li { line-height:20px;}
.foot { width:100%; background:url(../images/foot.jpg) repeat-x; }
.foot-dh { width:950px; clear:both; margin:0 auto; text-align:center; color:#FFFFFF; font-size:12px; padding-top:11px; height:25px;}
.foot-dh a:link ,.foot-dh a:visited { color:#FFFFFF; font-size:12px;}
.foota { width:1000px; margin:0 auto; padding-top:15px; padding-bottom:20px;}
.foota ul { float:left;}
.foota li { clear:both; text-align:left;line-height:22px;}

.product {clear:both; width:720px; margin:0 auto;  padding-bottom:40px; padding-top:10px; overflow:hidden;}
.product ul { width:720px; margin:0 auto; padding-top:15px; padding-bottom:10px;}
.product li { float:left; text-align:left; width:165px; text-align:center; line-height:20px; background:#FFFFFF; padding-bottom:10px; border:1px solid #dadada; margin:5px;color:#666; white-space: nowrap;text-overflow:ellipsis;  overflow:hidden;}
.product li a:link ,.product li a:visited { color:#666;}
.product li a:hover { text-decoration:underline;}
.product li span { color:#FF0000; font-weight:bold;}


.p-l { width:300px; float:left;}
.p-img { clear:both; padding-top:10px;}
.p-img ul { padding:0px;}
.p-img li { float:left; width:60px; text-align:center;}
.p-img li img { width:50px; height:50px; border:1px solid #dadada; padding:1px;} 
.p-r { float:left; padding-left:10px; width:405px; }
.p-r h1 { text-align:left; border-bottom:1px dashed #CCCCCC;}
.p-r ul { padding:10px; width:385px;background:#FFFFFF; overflow:hidden;}
.p-r li { float:left; width:190px; padding-right:10px; line-height:25px;}

.picb{width:300px;height:300px;display:table;text-align:center; border:1px solid #E7E7E7; 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 > 300 ? 300: true); max-width: 300px; height: expression(this.height > 300 ? 300: true); max-height: 300px;}

.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;}


#demo {overflow:hidden;margin:0 auto;padding-bottom:20px}

#indemo {float: left;width: 500%;}
#demo1 {float: left;}
#demo2 {float: left;}
#demo2{height:20px; text-align:center}






.ttl{height:18px;}
.ctt{height:auto;padding:6px;clear:both;border-top:0;text-align:left;}


.maina {
	width:990px;
	margin:0 auto;
	overflow:hidden;
	background-color: #FFFFFF;
	background-image: url(../images/main-bj.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.bannera { width:950px; 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:20px; font-size:14px; font-weight:bold; color:#790102; border-bottom:1px solid #dadada; padding-bottom:5px;}
.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:720px; overflow:hidden;  text-align:left; line-height:25px;}
.product-nav h1 { font-size:20px; color:#000000; border-bottom:1px dashed #dddddd; width:790px; padding-top:10px; margin-bottom:10px;}
.product-img { text-align:center; width:100%;}
.product-img img { border:1px solid #CCCCCC; background:#FFFFFF; padding:2px;}
.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;}

.zc {width:680px; padding:20px; color:#000000; line-height:25px; text-align:left; font-size:12px;  overflow:hidden;}
.zc td { padding:5px 10px; text-align:left; }
.zc td span { color:#FF0000; padding-left:10px;}
.zc td strong { color:#FF0000;}
#tk_title2 { padding-top:20px; color:#FF9900; text-align:center; clear:both; font-size:14px; font-weight:bold;}
#Label16 { color:#FF0000;}
.m-left { width:188px; border:1px solid #ccc; height:500px; border-top:0px; float:left; background:#FFFFFF;}
.m-l-tit { background:url(../images/m-tit.jpg) repeat-x; padding-top:8px; height:24px; padding-left:10px; color:#000; font-weight:bold; text-align:left;}
.m-tit2 { background:url(../images/m-tit2.jpg) repeat-x; padding-top:8px; height:24px; padding-left:10px; color:#000; font-weight:bold; text-align:left;}
.m-tit2 span { float:right; padding-right:10px; font-size:12px; color:#999999;} 

.m-left-fl { clear:both; width:173px; margin:0 auto;}
.m-left-fl ul { width:173px; margin:10px auto;}
.m-left-fl li { clear:both; background:url(../images/m-fl-bj.jpg) no-repeat; padding-top:8px; height:20px; margin-top:3px; text-align:center;}
.m-left-fl li a { color:#FFFFFF;}
.m-right { float:left; margin-left:10px; width:740px; padding-left:10px; height:500px; background:#FFFFFF; overflow:hidden;}
.mamber { clear:both; width:700px; margin:0 auto;}
.mamber td { padding:5px 10px;}
.mamber strong { color:#FF0000; padding-top:30px;}
.mamber span { color:#FF0000;}
.kf_top{
	background-image:url(/Template/images/KF_1.gif);
	background-repeat: no-repeat;
	width:109px;
	height:35px;}
.kf_bg{
	background-image: url(/Template/images/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(/Template/images/KF_3.gif);
	background-repeat: no-repeat;	
	width:109px;
	height:67px;
}


.fn-hide {
	display:none;
}
.show{
	display:block;	
}
.hide {
	display:none;
}


.fn-left,.fn-right {
	display:inline;
}
.fl{
	float:left;
}
.fr {
	float:right;
}
.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;}


#full-screen-slider { width:100%; height:428px; float:left; position:relative; clear:both; z-index:9;}
#slides { display:block; width:100%; height:428px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:370px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}
