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

body{ margin:0 auto; font-size:12px; color: #595656; font-family:微软雅黑,Arial, Helvetica, sans-serif; background:url(../Images/body-bg.jpg) top repeat-x #eaeaea;}
td{ font-family:微软雅黑,Arial,Helvetica,sans-serif; font-size:12px;}
a{ font-family:微软雅黑,Arial,Helvetica,sans-serif; color:#595656; text-decoration:none;}
a:hover{ color:#278839; text-decoration:none;}
img{border:0;}
div,h1,h2,h3,h4,p,form,label,input,textarea,img,span,ul,li,dl,dt,dd{margin:0; padding:0;}
ul{list-style-type:none;}
select{ font-size:12px; line-height:20px;}

.listpage{ display:block; float:left; width:520px; height:30px; overflow:hidden; text-align:right;}
.pagelist1.pages{ font-family:Webdings; cursor:hand;}
.pagelist1{ font-size:12px; padding:3x; margin:3px; text-align:right;}
.pagelist2{ font-size:11px; padding:3x; margin:3px; text-align:right;}
.pagelist2 a{ border:#ddd solid 1px; color:#278839; margin-right:2px; padding:2px 5px;}
.pagelist2 a:hover{ background:#278839; border:#ddd solid 1px; color:#fff;}
.pagelist2 span.current{ background:#278839; border:#fff solid 1px; color:#fff; margin-right:2px; padding:2px 5px;}
.pagelist2 span.disabled{ border:#ddd solid 1px; color:#ddd; margin-right:2px; padding:2px 5px;}
.pagelist2 span.total{ font-size:12px; line-height:20px; margin:0 5px;}

.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;}

.btnclose{ display:block; float:right; cursor:hand; background:url(../Images/btn-close.png) -30px 0  no-repeat; width:29px; height:29px;}
.btnclose:hover{ display:block; float:right; cursor:hand; background:url(../Images/btn-close.png)  0 0 no-repeat; width:29px; height:29px;}

.point{ color:#278839; font:12px/30px Georgia;}

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

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

.w700{width:700px;}
.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:#278839 solid 1px;}
.bbr{border-bottom:#278839 solid 1px;}
.hidden{overflow:hidden;}
.relative { position:relative;}.absolute { position:absolute;}

#FloatDiv{width:130px; position:absolute;float:right;z-index:100; 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:hand;}
.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;}


.header{ display:block; height:120px;}
.header-wrapper{ width:940px; height:120px; margin:0 auto;  position:relative; z-index:6; background:url(../Images/header-bg.jpg) bottom repeat-x;}
.header-wrapper h1{ position:absolute; top:20px; right:10px; display:block; width:100px; height:100px;}
ul.header-nav{ position:absolute; top:0px; left:10px; width:232px; height:30px; padding-left:2px; background:url(../Images/nav-line.png) left top no-repeat;}
ul.header-nav li{ float:left; width:100px; padding-right:2px; background:url(../Images/nav-line.png) right top no-repeat;}
ul.header-nav li a{ display:block; width:100px; height:30px; line-height:30px; font-size:14px; text-align:center; color:#FFF;}
ul.header-nav li a:hover{ background:url(../Images/nav-hover.png) top repeat-x;}

.banner-home-product{ position:absolute; right:80px; top:80px; width:270px; height:230px; background:url(../Images/banner-home-product.png) bottom center no-repeat; z-index:11;}

ul.menu-list{ position:absolute; bottom:0px; left:0px; width:640px;}
ul.menu-list li{ float:left; width:75px; position:relative; margin-right:10px;}
ul.menu-list li a{ display:block; width:75px; height:25px; padding-bottom:17px; line-height:25px; background:url(../Images/menu-bg.png) no-repeat; font-size:14px; text-align:center;}
ul.menu-list li a:hover,ul.menu-list a.current{ background:url(../Images/menu-hover.png) bottom center no-repeat; color:#fff100;}
ul.menu-list li ul{ position:absolute; top:42px; left:0px; width:100px; display:none;} 
ul.menu-list li ul li{ float:left; width:75px; background:url(../images/index-focus-txt.png); margin-right:0px;}
ul.menu-list li ul li a{ float:left; width:75px; color:#333; padding-bottom:0px; background:url(../images/home-bg.png);}
ul.menu-list li ul li a:hover{ background:#278839; color:#fff100;}

.banner{ float:left; width:100%; display:block; height:200px; margin-top:10px;}
.banner-wrapper{ width:940px; height:200px; margin:0 auto;}
.banner-home{ width:940px; height:200px; background:url(../Images/banner-home.png) bottom center no-repeat; z-index:11;}

.banner-about{ width:940px; height:200px; background:url(../Images/banner-about.png) bottom center no-repeat; z-index:11;}
.banner-contact{  width:940px; height:200px; background:url(../Images/banner-contact.png) bottom center no-repeat; z-index:11;}
.banner-news{  width:940px; height:200px; background:url(../Images/banner-news.png) bottom center no-repeat; z-index:11;}
.banner-certificate{  width:940px; height:200px; background:url(../Images/banner-certificate.png) bottom center no-repeat; z-index:11;}
.banner-network{ width:940px; height:200px; background:url(../Images/banner-network.png) bottom center no-repeat; z-index:11;}
.banner-product{  width:940px; height:200px; background:url(../Images/banner-product.png) bottom center no-repeat; z-index:11;}
.banner-service{  width:940px; height:200px; background:url(../Images/banner-service.png) bottom center no-repeat; z-index:11;}

.mainer{ display:block; float:left; width:100%; margin-top:30px;}
.mainer-wrapper{ display:block; width:940px; margin:0 auto;}
.home-wrapper{ float:left; width:940px; padding-bottom:30px; background:url(../Images/dashedline.gif) bottom repeat-x;}
.home-about{ float:left; width:340px;}
h3.main-title { float:left; width:100%; height:25px; background:url(../Images/title-bg.png) left center no-repeat; padding-bottom:20px;}
h3.main-title span{ float:left; display:inline; width:135px; height:25px; color:#fff100; line-height:25px; font-size:14px; text-align:center;}
h3.main-title a{ float:right; width:35px; height:25px; background:url(../Images/more.gif) center no-repeat;}
.home-about-content{ float:left; width:100%; height:150px; overflow:hidden; line-height:25px;}

.home-news{ float:left; width:300px; margin-left:50px;}
ul.home-news-list{ float:left; width:300px;}
ul.home-news-list li{float:left; width:300px;}
ul.home-news-list li .n-date{ float:right; line-height:25px; width:70px; text-align:right;}
ul.home-news-list li a{ float:left;display:block;width:230px;height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;line-height:25px;}

.home-productlist{ float:right; width:200px;}
.search-wrapper{ float:left; height:25px; width:200px;}
.search-wrapper .keyword-bg{ float:left; width:130px; padding:2px;}
.search-wrapper .keyword-bg input{ border:1px #CCCCCC solid; width:125px; line-height:20px;}

ul.home-nav-list{ float:left; width:200px; margin-top:18px;}
ul.home-nav-list li{ float:left; width:200px; display:inline;}
ul.home-nav-list li span{ float:left; width:205px; height:25px; background:url(../Images/arrow.png) left bottom no-repeat; line-height:25px; padding-left:15px; display:inline; overflow:hidden; cursor:pointer;}

.home-product-wrapper{ float:left; width:940px;}
.home-product-show{ float:left; width:940px; height:130px; padding-top:30px; position:relative;}
.home-product-show-wrapper{ margin:0 auto; width:940px; height:130px; overflow:hidden;}
ul.home-product-list{ float:left; width:2000em;}
ul.home-product-list li{ float:left; width:150px; height:130px; display:inline; margin-right:8px;}
ul.home-product-list li a img{ float:left; width:150px; height:100px;}
ul.home-product-list li a span{ float:left; width:150px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px;}

.hot-arrl{ position:absolute; right:30px; top:5px; display:block; width:20px; height:16px; background:url(../Images/btn-l.png) no-repeat; cursor:pointer; z-index:10000;}
.hot-arrr{ position:absolute; right:0px; top:5px; display:block; width:20px; height:16px; background:url(../Images/btn-r.png) no-repeat; cursor:pointer; z-index:10000;}

.side-left{ float:left; width:140px;}
.side-right{ float:right; width:200px;}
.main{ float:left; display:inline; width:520px; overflow:hidden; margin-left:40px;}

ul.side-nav-list{ float:left; width:200px; margin-top:10px;}
ul.side-nav-list li{ float:left; width:200px; display:inline; margin-bottom:10px;}
ul.side-nav-list li span{ float:left; width:185px; height:25px; background:url(../Images/arrow.png) left bottom no-repeat; line-height:25px; padding-left:15px; display:inline; overflow:hidden; cursor:pointer;}
ul.side-nav-list li span.current{ background:url(../Images/arrow.png) top left no-repeat;}
ul.side-nav-list li ul{ float:left; margin-left:10px; margin-top:5px; width:205px;} 
ul.side-nav-list li ul li{ float:left; width:185px; height:20px; margin-bottom:0px; }
ul.side-nav-list li ul li a{ float:left; width:185px; height:20px; background:none; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all;}
ul.side-nav-list li ul li a:hover{ background:none;}

ul.nav-list{ float:left; width:120px; margin-left:10px;}
ul.nav-list li{ float:left; width:120px; height:30px;}
ul.nav-list li a{ float:left; width:120px; height:25px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;line-height:25px;}

.mainer-title{ float:left; width:520px; height:35px; line-height:35px; font-size:14px; background:url(../Images/dashedline.gif) bottom repeat-x; color:#278839;}
.mainer-title .tits{ float:left; width:520px; height:35px; overflow:hidden;}

.main-content{ float:left; width:520px; line-height:25px; margin-top:10px; overflow:hidden;}

ul.certificate-list{ float:left; width:540px;}
ul.certificate-list li{ float:left; width:160px; height:220px; display:inline; margin-right:20px; margin-bottom:10px; }
ul.certificate-list li .cerbox{ *float:left; width:150px; height:180px; text-align:center; vertical-align:middle; display:table-cell; position:relative; border:1px solid #ccc; padding:4px; overflow:hidden; }
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;max-width:100%; }
ul.certificate-list li span{ float:left; width:160px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px;}

ul.news-list{ float:left; width:520px;}
ul.news-list li{float:left; width:520px; height:30px;}
ul.news-list li .n-date{ float:right; display:block; color:#278839; line-height:30px; font-size:12px; width:80px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif}
ul.news-list li a{ float:left;display:block;width:440px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;line-height:30px;}

ul.download-list{ float:left; width:520px;}
ul.download-list li{float:left; width:520px; height:30px;}
ul.download-list li .n-date{ float:right; display:block; color:#278839; line-height:30px; font-size:12px; width:80px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif}
ul.download-list li a{ float:left;display:block;width:440px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;line-height:30px;}

ul.product-list{ float:left; width:540px;}
ul.product-list li{ float:left; width:160px; height:140px; display:inline; margin-right:20px; margin-bottom:10px;}
ul.product-list li a img{ float:left; width:150px; height:100px; padding:5px;}
ul.product-list li a span{ float:left; width:160px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px;}

.proimgbox{ float:left; width:520px; text-align:center;}
.protitle{ float:left; width:520px; height:35px; font:bold 14px/35px 微软雅黑,Arial, Helvetica, sans-serif; color:#278839;  background:url(../Images/dashedline.gif) bottom repeat-x; }

.moreinfo-title{ position:absolute; right:10px; top:10px; cursor:pointer; display:inline; width:75px; height:25px; background:url(../Images/menu-hover.png) top no-repeat; color:#fff100; line-height:25px; font-size:14px; text-align:center;}

.moreinfo{ position:absolute; right:10px; top:35px; width:75px; background:url(../Images/txt-bg.png) repeat; display:none;}
.moreinfo ul{ float:left; width:75px;}
.moreinfo ul li{ float:left; width:75px;}
.moreinfo ul li a{ float:left; width:75px; color:#fff100; height:30px; line-height:30px; font-size:12px; overflow:hidden;}

ul.Relatedprolists{ float:left; width:520px;}
ul.Relatedprolists li{ float:left; width:170px; height:25px; background:url(../Images/dashedline.gif) bottom repeat-x;}
ul.Relatedprolists li a{ float:left; display:block; width:170px; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;word-break:keep-all; line-height:25px;}

.contact-content{ float:left; display:block; width:420px; height:250px; margin-top:50px; padding-left:280px; background:url(../Images/contactimg.PNG) bottom left no-repeat;}

.network-content{ float:left; display:block; width:520px; height:450px; background:url(../Images/map.png) center center no-repeat;}

.network-menu{ display:block; position:absolute; top:25px; right:0px; padding:10px; width:240px; height:350px; background:url(../Images/txt-bg.png) repeat; display:none;}
.network-menu a{ float:left; width:80px; height:30px; line-height:30px; color:#FFF;}
.network-close{ position:absolute; top:0px; right:0px; display:block; width:75px; height:25px; line-height:25px; background:url(../Images/menu-hover.png) no-repeat; cursor:pointer; z-index:100; text-align:center; color:#fff100;}

.message-box{ float:left; width:520px; overflow:hidden;}
.message-box p{ float:left; width:520px; padding-bottom:5px;}
.message-box label{ float:left; width:100px; margin-right:20px; text-align:right; line-height:25px;}
.message-box textarea{ border:#cccccc solid 1px; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:25px; background:url(../Images/dtbg.gif) bottom repeat-x;}
.message-box input{ border:#cccccc solid 1px; background:url(../Images/dtbg.gif) repeat-x; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:25px; height:25px;}
.message-box input.nobor{ border:none; height:auto; background:none;}

.footer{ float:left; width:100%; display:block; margin-top:20px; background:#dfe0e2;}
.footer-wrapper{ width:940px; padding:10px 0; margin:0 auto; line-height:25px;}
.footer-logo{ float:left; width:140px; height:50px; display:block; background:url(../Images/logo.png) center no-repeat;}
.footer-txt{ float:right; width:800px; height:50px; overflow:hidden; line-height:25px;}