@charset "utf-8";
/* CSS Document */
html,body{margin:0;over-flow:hidden;height:100%;width:100%;}
*{ margin:0; padding:0;}
body{font-size:12px; background:#fff;}
ul,ol,li{list-style:none;margin:0px;}
img{ border:0;}
p{ margin:0; padding:0;}
h1{ font-size:12px; font-weight:normal;}
/*head*/
#head{ background:#FFF;}
#top{ width:960px; margin:0 auto;}
#logo{ float:left; margin-top:20px;}  
#others{ float:right;}
#tell{ margin-top:10px; margin-left:140px;}
#search{ margin-bottom:10px;}
#meunpics{background:#fff;}
#image{width:960px;margin:0 auto;}
#image img{ text-align:center;}

/*nav*/
#nav{background:#2781c4; border-bottom:1px solid #2a8ad1;}
#sddm{width:960px; margin:2px auto;}
#sddm li{ float:left; margin-right:0px;}
#sddm li a{display:block; width:130px; line-height:34px;text-align:center;text-decoration:none;font-size:14px; color:#ffffff; background:url(../images/navfg.png) no-repeat right bottom;}
#sddm li a:hover{color:#FFFFFF; text-decoration:none; background: #51a9eb url(../images/navfg.png) no-repeat right bottom;} 

/*lists*/
#lists{ width:256px; margin-right:10px;border-left:1px solid #dddddd;		/* 左边框 */
	border-right:1px solid #dddddd;		/* 右边框 */
	 background:#FFF;}
#lists ul li{border-bottom: #e0e0e0 1px solid; background:url(../images/meunicon1.jpg) no-repeat 30px 10px;}
#lists ul li a{display:block;
	text-decoration:none;
	padding:5px 5px 5px 4em;
	 line-height:25px;
	 color:#000000;
	  font-size:13px;}
#lists ul li a:hover{ color:#004e9b;background:#f4f3f3 url(../images/meunicon2.jpg) no-repeat 30px 8px;}	


/* contact */
#contact{ width:256px; height:231px; margin-top:10px; border-left:1px solid #dddddd;		/* 左边框 */
	border-right:1px solid #dddddd;		/* 右边框 */
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;}
#contact{background: url(../images/woman.jpg) #FFF no-repeat 180px bottom; }
#addtell{ margin-left:20px; margin-top:10px;}
#addtell p{ font-size:12px; line-height:18px;}
#addtell img{ margin-top:6px;} 

/*content*/
#content{width:960px; margin:20px auto;}
#content-1{ float:left;}
#content-2{ width:688px; background:#FFF; float:left;margin-left:0px;border:1px solid #dddddd; }

/* contentright-place*/
#place{ margin:20px;margin-left:20px;}
#place{ border-bottom:#2781c4 2px solid;}
#place h2{ float:left; height:28px; padding-left:30px; line-height:28px; background:url(../images/placeicon.png) no-repeat left 3px; color: #999;}
#place p{ float:right;  height:28px; line-height:28px;color:#999;}
#place a{ color:#999; text-decoration:none;}
#place a:hover{ color:#999; text-decoration:underline;}

/* contentright-product*/
#prolists{ margin-left:20px; margin-top:10px; margin-right:20px; }
#prolists li{ width:200px; float:left; margin-left:10px; margin-bottom:10px; border:1px solid #dddddd;}
#partdetail{ text-align:center; background:#f5f6f6; height:30px;}
#partdetail h1{ font-size:14px; font-weight:normal;}
#partdetail a{ color:#000; text-decoration:none; line-height:30px;} 
#partdetail a:hover{ color:#000; text-decoration: underline;}
/* contentright-news*/

#newlists{ margin-left:10px; margin-top:8px; margin-right:20px;}
#newlists li{ margin-left:10px;background:url(../images/detail.jpg) no-repeat 0px center; padding-left:10px;}
#titlelists { border-bottom:#999 1px dashed;}
#titlelists h1{ float:left; font-size:14px; height:28px; line-height:28px;  padding-left:15px;  margin-top:5px;}
#titlelists a{ color:#000; text-decoration:none;}
#titlelists a:hover{ color:#000; text-decoration: underline; }
#titlelists p{ float:right;height:28px; line-height:28px; }

/*contentright--pagelists*/
#pagelist{ margin-left:20px; margin-top:10px; margin-bottom:20px;}
#pageList{height:68px; line-height:68px; text-align:center;}

/* contentright-newscontent*/
#news{margin-left:20px; margin-right:20px; margin-bottom:20px;}
#news h1{ text-align:center; font-size:16px; font-weight:bold;}
#newstext p{font-size:14px; line-height:20px; }
#newstext a{ color:#000; text-decoration:none;}
#newstext a:hover{ color:#000; text-decoration:none;}
p#tag{ text-align:center; font-size:12px; color:#999; padding-bottom:10px; border-bottom:#999 1px dashed; margin:10px 20px 20px 20px;}
.bdsharebuttonbox{ margin-left:20px; margin-right:20px; padding-top:20px; margin-bottom:20px;border-top:#999 1px dashed;}
.bdsharebuttonbox a{color:#000; text-decoration:none;}
.bdsharebuttonbox a:hover{color:#000; text-decoration:underline;}
.contentfoot{ text-align:center; margin-bottom:20px;}
.contentfoot a{color:#000; text-decoration:underline;}
.contentfoot a:hover{color:#2781c4; text-decoration:underline;}
p#tag a{color:#999; text-decoration:none;}
p#tag a:hover{color:#999; text-decoration: underline;}
/* contentright-productcontent*/
#product-img{ float:left; margin-left:30px; width:200px;}
#product-img1{border:1px solid #dddddd;}
#product-img2{ margin-top:20px; margin-left:50px;}
#product-text{ float: right; width:350px; margin-right:30px;} 
#product-text h1{ font-size:16px; font-weight:bold; }
#product-text p{ font-size:14px; line-height:25px; margin-top:10px;}
#product-titleimg{  margin-top:10px; border-bottom:#2781c4 1px solid;}
p#tag1{font-size:10px; color:#999;border-bottom:1px solid #dddddd;}
p#tag1 a{color:#999; text-decoration:none;}
p#tag1 a:hover{color:#999; text-decoration: underline;}
/* products */
/* 标准盒模型 */
#product-content{ background:#FFF; text-align:center;  margin:20px;/*滑动门的宽度*/ }
.ctt{height:auto; padding-top:15px; padding-left:10px; padding-right:10px; clear:both;text-align:left; background:#FFF}
/* TAB  切换效果 */
#tb_{ height:27px;border-bottom:#2781c4 1px solid;}
.tb_ li{float:left;line-height:27px;width:127px;cursor:pointer;}
/* 控制显示与隐藏css类 */
.normaltab { background:url(../images/productsbg1.jpg) no-repeat; color:#000 ; }
.hovertab { background:url(../images/productsbg.jpg) no-repeat;color:#fff;}
.dis{display:block;}
.undis{display:none;}
.undis img{ width:600px;}

/* sitemap */
#sitemap{ margin-left:20px; margin-right:20px;font-size:14px;}
#sitemap h3{ border-bottom:#CCC 1px dashed; margin-top:10px; padding-bottom:10px;}
#sitemap a{ text-decoration:none; color:#000;} 
#sitemap a:hover{ text-decoration:underline; color:#000;}
#sitemap li{margin-top:20px;}
#sitemap1 li{ margin-left:10px;}
#back{ margin-top:10px; border-top:#CCC 1px dashed; padding-top:10px;}


/*foot*/
#footer{ height:157px;background: #eeeeee url(../images/footbg.jpg) repeat-x left bottom;}
#footdetail{width:960px; margin:0px auto;}
#weixin{ float:left; margin-top:20px;}
#footnav{float:left; margin-top:40px; margin-left:20px;}
#footnav p{ line-height:22px; color: #908f8f;}
#footnav p a{text-decoration:none; color:#908f8f;}
#footnav p a:hover{ text-decoration:underline; color:#333333;}
#footlogo{ float:right; width:195px; margin-top:20px; text-align:center;}
#footkeyword{ width:960px; margin:0 auto; text-align:center;color:#FFF;}
#footkeyword a{ color:#FFF; text-decoration:none;  height:54px; line-height:40px;}
#footkeyword a:hover{ color:#FFF; text-decoration:underline;}

/*kefu*/

*html #kefu1 { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: 50px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+50 : document.body.scrollTop +50);
}

#kefu1{position:fixed; right:0px; top:173px; z-index:10008; width: 132px; padding: 10px; background: #fff; border: 1px solid #ddd; box-shadow: 1px 1px 1px #d4d4d4; font-size: 12px;}
.cs_tel{height:25px; background: url(../images/img.jpg) no-repeat 0px 0px;}
.cs_tel_ct{color: #666; line-height: 150%;}
.cs_tel_num{color: #c00; font-size: 14px; font-family: Arial,Verdana; font-style: italic; font-weight: bold; display: block; padding: 5px 0px;}

.cs_online{height:30px; no-repeat 0px -50px;}
.cs_online_qq{height: 25px; margin-top:5px; margin-left:20px;}
.cs_online_qq a:link, .cs_online_qq a:active, .cs_online_qq a:visited, .cs_online_qq a:hover{text-decoration: none; color: #666;}

.cs_qcode{padding: 10px 0px 0px 0px;}
.cs_space{clear:both; overflow:hidden; height:8px;}
.cs_close{position: absolute; right: 5px; top: 5px; width: 12px; height: 12px; background: url(../images/img.jpg) no-repeat 0px -25px;}
.cs_close a{display: block; height: 10px;}
.cs_close a span{display: none;}