@charset "utf-8";
/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,pre,div,ul,ol,li,dl,dt,dd,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td { line-height:30px; cursor:hand;}
select{ font-family:微软雅黑,Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}

body{font-size:12px; color: #333333; font-family:微软雅黑,Arial, Helvetica, sans-serif;background:#f1f1f1; font-size:12px;}
a{ font-family:微软雅黑,Arial,Helvetica,sans-serif; color:#333333; text-decoration:none; font-size:12px;}
a:hover{ color:#e87813; text-decoration:none;}

.noInfo{ background:url(../images/loading.gif) left no-repeat; height:30px; padding-left:20px; line-height:30px;}
.clears{ clear:both; font-size:0; line-height:0;}

.fl{float:left;}.fr{float:right;}
.tar{text-align:right;}.tac{text-align:center;}.tal{text-align:left;}

.w250{width:250px;}
.h20{height:20px;}.h30{height:30px;}.h100{height:100px;}

.pt10{padding-top:10px;}.pl10{padding-left:10px;}.pr25{padding-right:25px;}.pr10{padding-right:10px;}
.mgt10{margin-top:10px;}.mgb10{margin-bottom:10px;}.mgt20{margin-top:20px;}

.lh20{line-height:20px;}.lh25{line-height:25px;}
.bb{border-bottom:#cccccc solid 1px;}
.bbr{border-bottom:#ea1205 solid 1px;}
.dashline{ background:url(../Images/dashedline.gif) bottom repeat-x;}
.hidden{overflow:hidden;}
.relative { position:relative;}.absolute { position:absolute;}
.point{ color:#d10818;font-family:Georgia, "Times New Roman", Times, serif}

#FloatDiv{width:130px; position:absolute;float:right;z-index:10000; overflow:hidden;}
.Float-t{float:left; width:130px; height:32px; background:url(../images/qq_top_bg.gif) no-repeat; position:relative; }
.qqclose{ position:absolute; top:5px; right:10px; cursor:pointer; display:block; width:10px; height:10px; background:url(../Images/qq_top_shut.gif) no-repeat;}
.Float-bg{float:left; width:100px; background:url(../images/qq_mid_bg.gif) repeat-y; padding:10px 15px; color:#333;}
.qlist{float:left; width:100px;}
.qlist li{width:100px; height:30px; line-height:30px;}
.Float-b{float:left; width:130px; height:60px; background:url(../images/qq_btm_bg.gif) repeat-y;}

.list-scroll{ position:relative; overflow:hidden;}
.list-scroll ul{ position: absolute; width: 20000em;}
.list-scroll ul li{ float:left; display:inline;}

.info-title{ float:left; display:block; width:100%; overflow:hidden; position:relative; }
.info-title h3{ float:left; line-height:30px; color:#e87813; font-size:16px;}
.info-title h4{ float:left; height:30px; line-height:30px; padding-left:25px; font-size:16px; background:url(../images/icon.png) left center no-repeat; overflow:hidden; color:#e87813;}
.info-title h5{ float:left; line-height:30px; color:#039240; font-size:13px; overflow:hidden;}
.info-title em{ float:left; margin-left:5px; height:30px; font: 10px/30px Arial, Helvetica, sans-serif; color:#999; overflow:hidden; }
.info-title span{ float:right; line-height:30px;}
.info-title span a.more{ float:left; display:block; width:33px; height:30px; background:url(../Images/more.png) center no-repeat; }

.info-title-bg{ background:url(../Images/title-bg.png) left center no-repeat;}

.wrapper{ float:left; width:100%; display:block;}

.header-wrapper{ height:100px; }
.header{ width:1000px; height:100px; margin:0 auto; position:relative; }
.header h1{ position:absolute; top:20px; left:0px;}
.tel{ position:absolute; top:20px; right:0px; height:30px; font: 16px/30px "Microsoft YaHei"; color:#FFF; }
.search-wrapper{ position:absolute; right:0px; bottom:10px;}
.search-wrapper .keyword-bg{ float:left; width:200px; height:22px;}
.search-wrapper .keyword-bg input{ border:1px #CCCCCC solid; width:190px; line-height:20px; font-family:微软雅黑; color:#666}

.menu-wrapper{ }
.menu{ width:1000px; height:40px; margin:0 auto; position:relative;  }
ul.menu-list{ float:left; width:1000px; z-index:5; background:url(../images/menubg.png) top left repeat-x; border-radius:5px 0 0 0}
ul.menu-list li{ float:left; width:140px; margin-right:3px; line-height:40px; text-align:center; position:relative; z-index:10; background:url(../images/menu-line.png) right center no-repeat;}
ul.menu-list li a{ display:block; width:100%; height:40px; font:bold 14px/40px 微软雅黑,Arial, Helvetica, sans-serif; }
ul.menu-list li a:hover,ul.menu-list li a.current{ display:block; width:100%; height:40px; line-height:40px; background:#e87913; border-radius:3px 3px 0 0;  color:#FFF;}
ul.menu-list li.last{ width:142px; margin-right:0px; border-radius:0 5px 0 0}
ul.menu-list li ul{ position:absolute; top:40px; left:0px; width:140px; display:none; z-index:10;}
ul.menu-list li ul li{ float:left; width:140px; height:30px;  background:none; margin-right:0px; border-top:#FFF solid 1px;}
ul.menu-list li ul li a{ display:block; width:140px; height:30px; margin-top:0px; background:#666e7a; color:#fff; line-height:30px; font-size:12px; font-weight:normal; text-align:center; border-radius:0;}
ul.menu-list li ul li a:hover{ color:#ffff00; width:140px; height:30px; line-height:30px;}


.fullSlide{ float:left; width:100%;  position:relative;  height:400px;  }	
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; width:1000px;  }	
.fullSlide .bd ul{ width:100% !important;  }	
.fullSlide .bd li{ width:100% !important;  height:400px; overflow:hidden; text-align:center;  }	
.fullSlide .bd li a{ display:block; height:400px; }	
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; /*background:url(../images/touming.png) repeat-x;*/ text-align:center;		 _background:#000; _filter:alpha(opacity=60); 	}	
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }	
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; 		line-height:9999px; 	}	
.fullSlide .hd ul .on{ background-position:0 0; }

.fullSlide .prev,
.fullSlide .next{ position:absolute; left:2%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat #333333; filter:alpha(opacity=50);opacity:0.5;   }
.fullSlide .next{ left:auto; right:2%; background-position:8px 5px; }
.fullSlide .prev:hover,
.fullSlide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.fullSlide .prevStop{ display:none;  }
.fullSlide .nextStop{ display:none;  }


.mainer-wrapper{ padding:20px 0; }
.mainer{ width:1000px; margin:0 auto; overflow:hidden;}
.mainerbox{ float:left; width:1020px; overflow:hidden;}
.home-box{ float:left; width:225px; margin-right:20px; border:#CCC solid 1px; border-radius:5px; padding:4px; background:#FFF;}

.home-about{ float:left; width:225px; margin-top:10px; padding-top:110px; overflow:hidden; background:url(../images/home-about-img.jpg) left top no-repeat;}
.home-brief{ float:left; width:225px; line-height:25px; height:125px; overflow:hidden; }

.home-news{ float:left; width:225px; margin-top:10px; padding-top:110px; overflow:hidden; background:url(../images/home-news-img.jpg) left top no-repeat;}
ul.home-news-list{ float:left; width:225px;}
ul.home-news-list li{ float:left; width:235px; background:url(../Images/dashedline.gif) bottom repeat-x;}
ul.home-news-list li a{ float:left; width:220px; line-height:25px; height:25px; overflow:hidden;  text-overflow:ellipsis;white-space:nowrap;word-break:keep-all; background:url(../Images/arr.png) left center no-repeat; padding-left:15px;}

.home-product{ float:left; width:225px; margin-top:10px; padding-top:110px; overflow:hidden; background:url(../images/home-product-img.jpg) left top no-repeat;}

.home-contact{ float:left; width:225px; margin-top:10px; padding-top:110px; overflow:hidden; background:url(../images/home-contact-img.jpg) left top no-repeat;}

.side{ float:left; width:220px;}
.sidebox{ float:left; width:200px; padding:9px; border:#CCC solid 1px; background:#FFF; border-radius:10px;}
.sidenavlist{ float:left; width:200px; }
.sidenavlist li{ float:left; width:200px; line-height:30px; margin:5px 0;}
.sidenavlist li a{ float:left; width:180px; padding-left:20px; line-height:30px; color:#333333; background:#efefef; border-radius:5px; font-size:14px; overflow:hidden;}
.sidenavlist li a:hover,.sidenavlist li a.current{ width:160px; padding-left:40px;  background:#e87813; color:#fff;}
.sidetel{ float:left; width:150px; padding-left:50px; font-size:14px;  background:url(../images/tels.png) left center no-repeat;}
.sidetel span{ font-size:18px; color:#e87813; font-weight:bold; line-height:30px; }

ul.side-news-list{ float:left; width:200px;}
ul.side-news-list li{ float:left; width:200px; background:url(../Images/dashedline.gif) bottom repeat-x;}
ul.side-news-list li a{ float:left; width:185px; line-height:25px; height:25px; overflow:hidden;  text-overflow:ellipsis;white-space:nowrap;word-break:keep-all; background:url(../Images/arr.png) left center no-repeat; padding-left:15px;}

.main{ float:right; width:760px;}
.mainbox{ float:left; width:740px; padding:9px; border:#CCC solid 1px; background:#FFF; border-radius:10px;}
.maincontent{ float:left; width:740px; line-height:25px; overflow:hidden; }
.maincontent img{ max-width: 740px; height:auto; width:expression(this.width > 740 ? "740px" : this.width);}

.maincontent .titles{ display:block; font-size:14px; line-height:30px; text-align:center; border-bottom:1px dashed #e87813;}
.maincontent .date{ display:block; font-size:12px; line-height:30px; text-align:center; color:#999}
.maincontent b{ color:#d00712;}

ul.news-list{ float:left; width:740px;}
ul.news-list li{float:left; width:740px; height:80px; margin-bottom:10px; position:relative;}
ul.news-list .news-date{ width:78px; height: 78px; text-align: center;  border:1px solid #cccccc; border-radius:5px;}
ul.news-list .news-date .day { color:#666e7b; font-size:25px; line-height:48px;}
ul.news-list .news-date .year {font-size:15px; color: #ffffff; line-height:30px; background:#e87813; border-radius:0 0 5px 5px;}
ul.news-list .box{ position:absolute; width:650px; right:0; top:0px;}
ul.news-list .box strong{ float:left; font:bold 15px/40px Microsoft YaHei; overflow:hidden; width:100%; height:40px; color:#333333}
ul.news-list .box p{display:block;width:100%; height:40px;line-height:20px; overflow:hidden; color:#999999; font-size:12px;}
ul.news-list li a:hover .news-date .year{background:#666e7b}
ul.news-list li a:hover .news-date .day {color:#e87813;}
ul.news-list li a:hover strong {color:#e87813;}
ul.news-list li a:hover p{color:#666666;}

.product-list{ float:left; overflow:hidden; zoom:1; width:760px; }
.product-list li{ float:left; width:170px; margin-right:20px; margin-bottom:20px; _display:inline; overflow:hidden; text-align:center;  }
.product-list li a{ float:left; width:168px; border:#CCC solid 1px;  }
.product-list li a span{ float:left; width:170px; height:35px; line-height:35px; background:#e1e1e1; font-size:12px;}
.product-list li a img{ width:168px; height:168px;}
.product-list li a:hover{ border:#e87813 solid 1px;}
.product-list li a:hover span{ background:#e87813; color:#FFF;}

ul.certificate-list{ float:left; width:760px;}
ul.certificate-list li{ float:left; width:170px; height:240px; display:inline; margin-right:20px; margin-bottom:10px; overflow:hidden; }
ul.certificate-list li .cerbox{ *float:left; width:160px; height:200px; text-align:center; vertical-align:middle; display:table-cell; position:relative; border:1px solid #cccccc; padding:4px; border-radius:5px;}
ul.certificate-list li .cerimg{ *position:absolute; top:50%;}
ul.certificate-list li .cerimg img{ *position:relative; top:-50%; left:-50%; vertical-align: middle\9; }
ul.certificate-list li span{ float:left; width:170px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px;}

ul.job-list{ float:left; width:100%;}
ul.job-list li{ float:left; width:99%; margin-bottom:20px; border:1px solid #e4e4e4;}
ul.job-list li .jobtitle{ height:46px; overflow:hidden; cursor:pointer; border-radius:5px 5px 0 0;}
ul.job-list li .jobtitle .tit{ float:left; display:block;  line-height:46px; height:46px; overflow:hidden; padding-left:25px; font-size:14px; font-weight:bold;}
ul.job-list li .jobtitle .arr{ float:right; background:url(../images/arrow-d.jpg) center no-repeat; height:46px; width:46px;}
ul.job-list li .jobtitle-active .tit{ color:#e87813;}
ul.job-list li .jobtitle-active .arr{ background:url(../images/arrow-u.jpg) center no-repeat;}
ul.job-list li .jobbrief{ border-top:1px solid #e4e4e4; padding-left:20px; padding-top:15px; padding-right:20px; padding-bottom:15px;}

.footer-wrapper{ padding:10px 0; border-top:1px solid rgb(233,233,233); background:rgb(247,247,247); }
.footer{ width:1000px; margin:0 auto; line-height:25px;}
.footl{ float:left; width:80%;}
.footr{ float:left; width:20%;}
.fmenu { float:left; list-style:none; height:29px; width:100%;}
.fmenu li { float:left; padding-left:1px; background:url(../images/bottomline.png) left center no-repeat;}
.fmenu li a { margin:0 14px;}

/*分页条*/
.pageNavi { float:left; margin-top:20px; margin-bottom:20px; display:block; WIDTH: 100%; TEXT-ALIGN: center; line-height:30px; font-size:12px;}
.wp-pagenavi { CLEAR: both}
.wp-pagenavi A {
	border:#CCC solid 1px;
	padding:5px 10px; 
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */
margin:0 3px;
	}
.wp-pagenavi SPAN { 
border:#CCC solid 1px;
padding:5px 10px; 
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */
margin:0 3px;
}
.wp-pagenavi A:hover { background:#e87813; color:#FFF; border:#e87813 solid 1px;}
.wp-pagenavi SPAN.current {  background:#e87813; color:#FFF; border:#e87813 solid 1px;}