@charset "utf-8";
/* CSS Document */

html { overflow-x:hidden; }
body { width:100%; margin:0; padding:0px; font-size:12px; color:#000; background:#FFF; font-family:"Microsoft YaHei"; }
div,img,form,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; border:0px; }
a{ text-decoration:none; color:#000; }
a:hover { text-decoration:none; color:#d20000; }

h1{ font-size:30px; margin:0px; padding:0px; }
h2{ font-size:24px; margin:0px; padding:0px; }
h3{ font-size:20px; margin:0px; padding:0px; }
h4{ font-size:18px; margin:0px; padding:0px; }
h5{ font-size:16px; margin:0px; padding:0px; }
h6{ font-size:14px; margin:0px; padding:0px; }

#container{ width:320px; margin:0 auto; padding:0; overflow:hidden; }
#header{ width:100%; overflow:hidden;}
#menu{ width:100%; background:#bc0000; overflow:hidden;  }
#banner {width:100%; overflow:hidden;margin-top:1px; }
#mainContent {width:100%; overflow:hidden; }
#footer{width:100%; border-top:3px solid #a30000; margin:10px 0 60px 0; background:#f8f8f8; padding:10px 0; overflow:hidden; }
#onlineService{ width:320px; height:60px; position:fixed; bottom:0; left:50%; margin-left:-160px; background:#000; z-index:50; }
#onlineService ul{ list-style:none; margin:0; padding:0; }
#onlineService ul li{ width:80px; height:40px; line-height:20px; float:left; padding:10px 0; text-align:center; cursor:pointer; }
#onlineService ul li:hover{ background:#e40000;}
#onlineService ul li a{ color:#fff; width:100%; height:40px; display:block; }

.fixedwidth{ width:1000px; margin:0 auto; }
.autowidth{ width:100%; overflow:hidden; }

.links{ width:100%; margin:0 auto; padding:0; text-align:center; overflow:hidden;   }
.links a{ margin:0 2px;}
.copr{ width:100%; text-align:center; padding:5px 0 0 0; line-height:1.5; overflow:hidden; }
.fenye{ width:100%; padding:0 0 10px 0; text-align:center; line-height:2; overflow:hidden;  }
.sidebar{ width:100%;  overflow:hidden; }
.content{ width:100%; overflow:hidden;  }
.insidePic{ width:100%; overflow:hidden; margin-top:1px;}

.mainbanner{height:110px;overflow:hidden; position:relative; margin-top:0px;}
.mainbanner_window{left:50%;width:320px;height:110px;overflow:hidden;margin-left:-160px;position:absolute;}
.mainbanner_window ul{width:999999px;height:110px;position:relative; list-style:none; margin:0px; padding:0px;}
.mainbanner_window li{background:#fff;width:320px;height:110px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{left:50%;top:70px; *top:100px; width:90px;height:18px;margin-left:-84px; *margin-left:-45px;position:absolute; }
.mainbanner_list li{width:18px;height:18px;overflow:hidden;float:left;display:inline; margin:0 6px; }
.mainbanner_list a{background:url(../images/h1.png) no-repeat center top;width:18px;height:18px;line-height:18px; overflow:hidden;text-align:center;float:left;display:inline-block;}
.mainbanner_list li.active a{background:url(../images/h2.png) no-repeat center top;text-decoration:none;}
.mainbanner_list li a:hover{background:url(../images/h2.png) no-repeat center top;text-decoration:none;}


.mainMenu{ width:100%; list-style:none; margin:0 0 -1px 0; padding:0; float:left; background:#000; }
.mainMenu li{ width:33%; line-height:32px; float:left; }
.mainMenu li a{ width:100%; height:32px; display:block; color:#fff; font-size:14px; text-align:center; }
.mainMenu li.on{ background:#eee;}
.mainMenu li.on a{ color:#000;}

.products{ width:100%; margin-top:1px; overflow:hidden; }
.about{ width:100%; clear:both; float:left; margin-top:10px; overflow:hidden; }
.news{ width:100%; float:left; margin-top:10px; overflow:hidden; }
.contact{ width:100%; float:right; margin-top:10px; background:url(../images/bj_lxwm.png) no-repeat right 45px; overflow:hidden; }

.ibox{ padding:10px; border:1px solid #eee; border-top:0; line-height:2;  }
.ibox p{ margin:0; padding:0; text-indent:0px; }

.list-news-1{ list-style:none; margin:0; padding:0; }
.list-news-1 li{ width:100%; height:29px; line-height:29px; border-top:1px dashed #ccc; background:url(../images/ico2.png) no-repeat left center; text-indent:10px; }
.list-news-1 li:first-child{ border-top:0;}
.list-news-1 li span{ float:right; color:#666;}

.ColumnCategory{ width:100%; margin-top:1px; overflow:hidden; }
.CategoryList{ width:100%; border:0px solid #e3e3e3; border-top:0; border-bottom:0; overflow:hidden; }
.topClass{ width:100%; list-style:none; margin:0; padding:0px; float:left; border-bottom:2px solid #bc0000; }
.topClass li{ line-height:26px;  float:left;  }
.topClass li a{ height:26px; display:block; padding:0px 8px; text-align:left; background:#f5f5f5; margin-right:4px;  font-size:12px; font-weight:bold; color:#333; }
.topClass li a:hover{ background:#bc0000; color:#fff; }
.topClass li a.on{ background:#bc0000; color:#fff; }


.CategoryItem{ width:100%; overflow:hidden; }
.CategoryItem h3{ height:25px; line-height:25px;  margin:0; padding:0; }
.CategoryItem h3 a{ width:100%; height:25px; display:block; background:url(../images/nextt2.jpg) repeat-x left top; font-size:12px; text-indent:10px; color:#333;  }
.CategoryItem h3 a.on{ background:url(../images/nextt.jpg) repeat-x left top; color:#fff;  }
.CategoryItem ul{ width:300px; list-style:none; margin:0; padding:0 10px; background:url(../images/ulnext.jpg) repeat-y left top; float:left; }
.CategoryItem ul li{ width:150px; line-height:25px; margin:0; padding:0; float:left; }
.CategoryItem ul li a{ width:100%; height:25px; display:block; text-align:left; }
.CategoryItem ul li a:hover{ color:#bc0000; }
.CategoryItem ul li a.on{ color:#bc0000; }

.topClass2{ width:100%; list-style:none; margin:0; padding:0px; float:left; border-bottom:2px solid #bc0000; }
.topClass2 li{ line-height:26px;  float:left;  }
.topClass2 li a{ height:26px; display:block; padding:0px 8px; text-align:left; background:#f5f5f5; margin-right:4px;  font-size:12px; font-weight:bold; color:#333; }
.topClass2 li a:hover{ background:#bc0000; color:#fff; }
.topClass2 li a.on{ background:#bc0000; color:#fff; }
.topClass2 li ul{ width:100%; clear:both; float:left; }
.topClass2 li ul li{ width:25%; float:left; }


.GeneralTitle{ width:100%; height:39px; background:#000; margin:0; overflow:hidden; }
.GeneralTitle-l{ height:39px; line-height:39px; clear:both; float:left; background:url(../images/bj_tll.png) no-repeat left top; padding-left:10px; font-size:18px; color:#fff; }
.GeneralTitle-l span{ font-size:14px; color:#da251c; font-family:Arial, Helvetica, sans-serif; margin-left:5px; font-weight:bold;   }
.GeneralTitle-r{ height:39px; float:right; background:url(../images/bj_tlr.png) no-repeat right top; padding-right:10px; }
.GeneralTitle-r img{ margin-top:15px;}
.contactWay{ width:100%; margin-top:20px; overflow:hidden; }
.contactWay-box{ padding:10px; line-height:2; border:1px solid #eee; border-top:0; overflow:hidden; }
.crumbs{ width:100%; height:42px; background:url(../images/bj_tr.png) repeat-x left bottom; overflow:hidden; }
.crumbs-l{ height:42px; line-height:42px; clear:both; float:left; font-size:18px; color:#b90000; }
.crumbs-l span{ font-size:12px; color:#999; margin-left:5px;}
.crumbs-r{ height:42px; line-height:48px; float:right; overflow:hidden; }
.mainbox{ border:1px solid #e3e3e3; border-top:0; overflow:hidden; }
.share{ padding:0 10px; overflow:hidden; }

.mainlist{ padding:7px; overflow:hidden;   }
.article{ line-height:2; padding:9px; overflow:hidden;  }
.article p:first-child{ margin:0; padding:0; }
.article img{ max-width:300px; height:auto; }

.article table{ border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3; }
.article table tr td{ border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:5px; }

.title-list{ padding:20px 10px 0 10px; text-align:center; font-size:14px; font-weight:bold; color:#000; }
.func-list{ text-align:center; padding:8px 0; margin:0 10px; border-bottom:1px dashed #ccc; color:#666; }

.list-news-3{ width:100%; list-style:none; margin:0px; padding:0px; overflow:hidden; }
.list-news-3 li{ float:left; width:100%; padding:10px 0; line-height:1.5; background:url(../images/line1.jpg) repeat-x left bottom; }
.list-news-3 li:first-child{ padding:0px 0 10px 0; }
.list-news-3 li h6{ margin:0; padding:0; }
.list-news-3 li h6 a{ font-size:14px; color:#d20000; }
.list-news-3 li p{ margin:0px 0px 0px 0px; padding:0px; line-height:1.5; }

.list-case-3{ width:100%; list-style:none; margin:0px; padding:0px; overflow:hidden; }
.list-case-3 li{ float:left; width:100%; padding:10px 0; background:url(../images/line1.jpg) repeat-x left bottom; }
.list-case-3 li dl{ width:100%; margin:0px; padding:0px; }
.list-case-3 li dl dt{ width:90px; height:70px; float:left; overflow:hidden; }
.list-case-3 li dl dt img{ width:80px; height:60px; padding:4px; border:1px solid #eee;}
.list-case-3 li dl dd{ width:200px; float:right; margin:0; padding:0px;  }
.list-case-3 li dl dd h6{ margin:0; padding:0; }
.list-case-3 li dl dd h6 a{ font-size:14px; color:#d20000; }
.list-case-3 li dl dd p{ margin:5px 0px 0px 0px; padding:0px; line-height:20px; }

.list-solution-3{ width:100%; list-style:none; margin:0px; padding:0px; overflow:hidden; }
.list-solution-3 li{ float:left; width:100%; padding:10px 0; background:url(../images/line1.jpg) repeat-x left bottom; }
.list-solution-3 li dl{ width:100%; margin:0px; padding:0px; }
.list-solution-3 li dl dt{ width:90px; height:70px; float:left; overflow:hidden; }
.list-solution-3 li dl dt img{ width:80px; height:60px; padding:4px; border:1px solid #eee;}
.list-solution-3 li dl dd{ width:200px; float:right; margin:0; padding:0px;  }
.list-solution-3 li dl dd h6{ margin:0; padding:0; }
.list-solution-3 li dl dd h6 a{ font-size:12px; color:#d20000; }
.list-solution-3 li dl dd p{ margin:5px 0px 0px 0px; padding:0px; line-height:20px; }

.btn1{ height:24px; line-height:24px; border:1px solid #eee; background:#f8f8f8; color:#888; outline:0; cursor:pointer;  }
.btn1:hover{ background:#000; border:1px solid #bb0000; background:#e80000; color:#fff;  }

.basic{ padding:9px; overflow:hidden; }
.basic-gallary{ width:100%; overflow:hidden;}
.basic-info{ width:100%; margin-top:10px; overflow:hidden; }
.basic-info h2{ font-size:14px; }
.basic-info p{ margin:10px 0 0 0; padding:0; line-height:2; color:#333;}

.details{ padding:0 10px; font-size:14px; color:#ba0000; }

.tab_download{ border-left:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-top:10px; }
.tab_download tr td{ border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:8px 0; text-align:center; }
.tab_download thead tr td{ background:#f8f8f8; font-weight:bold; }

.mandatory{ color:#f00; }
.textinp{ width:150px; height:18px; line-height:18px; border:1px solid #e3e3e3; }
.textval{ width:60px; height:18px; line-height:18px; border:1px solid #e3e3e3; }

.list-album{ width:100%; list-style:none; margin:0; padding:0; }
.list-album li{ width:100%; float:left; }
.list-album li img{ width:300px; height:225px; }
.list-album li p{ margin:0; padding:0; height:30px; line-height:30px; text-align:center; font-weight:bold; }


.list-p1{ list-style:none; margin:0 2px; padding:0px; }
.list-p1 li{ width:90px; height:150px; float:left; margin-right:10px; margin-top:0px; overflow:hidden; }
.list-p1 li img{ width:80px; height:80px; padding:4px; border:1px solid #e3e3e3; }
.list-p1 li p{ margin:0; padding:0; height:26px; line-height:18px; text-align:center;  } 



.newspage{ color:#d20000; padding:10px; font-weight:bold; line-height:2; overflow:hidden;  }



#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../swf/icon.png) no-repeat; position:fixed; right:20px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:100px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:100px; _margin-bottom:120px;}
#code_out {display:none;}
#gotop{ background-position:-276px -310px; bottom:47px; _margin-bottom:67px;} 

#code_img{ width:230px; height:230px; background:url(../swf/erwei.png) 0px 0px no-repeat; position:fixed; right:60px; bottom:47px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}

/**tabs**/
.tabPanel ul{height:55px;border-bottom:1px solid #aaa; padding:0; margin:0;}
.tabPanel ul li{
	float:left;margin:0 2px 0 0;border:1px solid #aaa;font-size:11px;height:54px;line-height:30px;width:32%;text-align:center;cursor:pointer;
	text-shadow:0 1px 0 #fff;
	border-radius:4px 4px 0 0;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5);
	background:#ddd;
	background:-moz-linear-gradient(top, #eee, #ddd);
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
	list-style-type:none;
}
.tabPanel .hit{
	border-bottom:1px solid #fff;cursor:pointer;color:black;text-shadow:0 1px 0 #fff;
	background:#fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#fff));
	background:-moz-linear-gradient(top, #e1e1e1, #fff);
}
.pane{border:0px solid #aaa;border-top:0;min-height:100px;background-color:#fff;display:none;}
.pane p{padding:15px 15px 0 10px;}
.pane p img { width:100%; height:auto; overflow:hidden;}