/* CSS Document */
body{ font-family:"宋体";font-size:12px; color:#666;background:#fff;}
a{ color:#666}
a:hover{ color:#E77918; text-decoration:underline}
#header{width:100%; background:url(../images/head.jpg) repeat-x;}

#header #top{width:980px; background:url(../images/top.jpg) no-repeat right top;}
#header #top #logo{height:100px; padding:0;margin:0; background:url(../images/logo.jpg) no-repeat;}
#header #top #logo a{ width:620px; height:111px; display:block; text-indent:-9999px; overflow:hidden}

#header #welcome #left{ height:32px; line-height:32px; color:#F74706; float:left; width:600px;}
#welcome #right{float:right;font-size:12px;height:32px; line-height:32px;}
#welcome #right span{display:block; float:left;text-align:center;padding:0 3px;}

#nav{font-size:14px; width:100%; margin:0 auto; background:url(../images/nav.jpg) repeat-x;height:44px;line-height:44px; font-family:"微软雅黑";}
.menu {height:44px; z-index:40;text-align:center;width:980px; margin:0 auto;position:relative;}
.menu a{text-decoration:none; display:block; color:#fff; background:url(../images/navli.jpg) no-repeat right center;}
.menu li{float:left;margin:0; width:140px;}
.menu li.none a{ background:none;}
.menu li.hover{ background:url(../images/navhover.jpg) no-repeat center bottom;}
.menu li.hover2{ background:url(../images/navhover.jpg) no-repeat center bottom;}
.menu li.hover a{ color:#333}
.menu li.hover2 a{ color:#333}

.menu .sub{display:none;width:123px;position:absolute;left:125px;top:46px; z-index:99;}
.menu li span.sec{display:block;background-color: transparent;float:left;font-size:12px;text-transform:none;background:#026EB6;width:123px; border-bottom:none}
#menu ul.menu li span.sec a.seco{width:123px;display:block;color:#fff;cursor:pointer;height:32px;line-height:32px;}
#menu ul.menu li span.sec a.seco:hover{ color:#000}
#menu li span.sec a.seco-hover{cursor:pointer;background:#FCFCFC; color:#111}

/*幻灯片-横幅*/
#banner{ width:100%;margin:1px auto 0 auto;height:305px;}
#banner img{ width:100%; height:305px;}
#listbanner{width:980px;height:275px; margin:0 auto;}
.theme-default{margin:0px auto;width:980px;height:264px;}
.theme-default #slider {margin:0px auto;width:980px;height:264px;}
.nivoSlider{position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
/* The slices and boxes in the Slider */
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
.nivo-box {display:block;position:absolute;z-index:5;}
/* Caption styles */
.nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8; /* Overridden by captionOpacity setting */width:100%;z-index:8;}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}
.theme-default .nivoSlider {position:relative;background:#fff url(../images/nivo/loading.gif) no-repeat 50% 50%;margin-bottom:50px;}
.theme-default .nivoSlider img {position:absolute;top:0px;left:0px;display:none;}
.theme-default .nivoSlider a {border:0;display:block;}
.theme-default .nivo-controlNav {position:absolute;right:10px;bottom:10px;margin-left:-40px; /* Tweak this to center bullets */}
.theme-default .nivo-controlNav a {display:block;width:22px;height:22px;background:url(../images/nivo/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.theme-default .nivo-controlNav a.active {background-position:0 -22px;}
.theme-default .nivo-directionNav a {display:block;width:30px;height:40px;background:url(../images/nivo/arrows.png) no-repeat;text-indent:-9999px;border:0;}
.theme-default a.nivo-nextNav {background-position:-30px 0;right:15px;}
.theme-default a.nivo-prevNav {left:15px;}
.theme-default .nivo-caption {font-family: Helvetica, Arial, sans-serif;}
.theme-default .nivo-caption a {color:#fff;border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover {color:#fff;}
/*幻灯片-横幅结束*/

#content{ width:100%; margin:0;;}
.grid-sm{ margin:0 auto; width:980px; padding:15px 0}
.grid-sm .main-wrap{ margin:0 253px 0 0;}
.grid-sm .col-sub{ width:237px; margin-left:-237px;}

.bt{height:31px;line-height:31px;margin:0; position:relative; padding:0 0 10px 0;color:#333;background:url(../images/aboutbt.jpg) no-repeat;}
.bt a{ position:absolute; right:0; top:0;color:#CCC;width:35px; height:31px;text-indent:-999px; overflow:hidden}

.aboutus{color:#666; margin:0 0 20px 0}
.aboutus .bt{ margin:0 0 20px 0}
.aboutus .pic{ float:left; width:282px;} 
.aboutus .txt{ float:left; width:410px; padding:0 0 0 10px;}
.aboutus .txt p{text-indent:2em; line-height:200%;}

.infobox .bt{ background:url(../images/newsbt.jpg) no-repeat;}
.infobox ul.info li{border-bottom:none; background:url(../images/newsli.jpg) no-repeat left center;padding:0 0 0 10px; line-height:26px;}

.remote{ float:right; width:160px;}
.remote .bt{ background:url(../images/btbg.jpg) 10px center no-repeat #F74706; color:#fff; padding:0 0 0 20px; line-height:26px; height:26px;}
.remote .form fieldset {min-height:24px;margin-bottom:10px;border:none;}
.remote .form .field .hd { text-align:left}
.remote .form .field .bd{ padding:0;}
.remote .form .field .hd{ width:80px}
.remote .form .field .text, .form .field .password{ height:20px; line-height:20px;width: 140px;}
.remote .form .button-box{margin:0;padding-top:0;text-align: center;border-top:none; }
.remote .form .button-box .button{background:url(../images/bon.jpg) no-repeat; width:80px; height:20px; border:none; text-indent:-999px; overflow:hidden}

.iquiry{ float:left; width:260px; padding:0 0 0 12px;}
.iquiry .bt{ background:url(../images/inquirybt.jpg) no-repeat}
.iquiry .iquiry-bd{width:240px; margin:auto;height:250px;}
.iquiry .iquiry-bd p{ padding:5px 0;}

.iquiry ul.iquiry-hd{background:#B3B3B3;}
.iquiry ul.iquiry-hd li{width:62px; height:28px;float:left; text-align:center;color:#333;font-size: 12px;line-height:26px;height:26px;cursor:pointer;}
.iquiry ul.iquiry-hd li.tb11_on { background:#F74706;color:#fff}
.iquiry ul.iquiry-hd li.tb11_off{background:#B3B3B3; }
.iquiry form input.bon{ padding:2px 5px;} 


.businessbox{width:282px; float:left;}
.businessbox .bt{ background:url(../images/servicebt.jpg) no-repeat}
.businessbox ul{ padding:15px 0 0 0}
.businessbox ul li{ float:left; width:141px; text-align:center; margin:0 0 20px 0;}

.homecontact{ padding:15px 0 0 0}
.homecontact .bt{ background:url(../images/contactbt.jpg) no-repeat}
.homecontact ul{color:#333; line-height:180%;padding:10px 0 0 0;}
.homecontact ul li{ position:relative; width:172px; padding:0 0 0 60px; }
.homecontact ul li span{ position:absolute; left:0; top:0;text-align:right; width:60px;}
.homecontact ul li a{color:#009241; font-family:Arial, Helvetica, sans-serif}

.partner,.link{padding:15px 0 0 0}
.partner .bt{background: url(../images/linkbt.jpg) no-repeat; height:28px;}
.partner a,.link a{padding:0 8px;}

/*底部*/
#footer{ height:auto; width:100%;font-size:12px;margin:0 auto;background:#009241;color:#fff; padding:8px 0;}
#footer #bottom{width:980px; text-align:center; margin:0 auto;line-height:30px}
#footer #bottom #zz{ font-size:14px; font-family:"微软雅黑"}
#footer #bottom span{ font-family:Arial, Helvetica, sans-serif}
/*底部结束*/

/*关于我们页面*/ 
#content .grid-csm{width:980px;margin:0 auto;padding:15px 0;}
#content .grid-csm .main-wrap{margin-left:260px;}
#content .grid-csm .col-sub{ width:240px; margin:0 0 0 -100%;}

.leftmenu{ width:240px; background:#F2F2F2; margin:0 0 10px 0}
.leftmenu .bt,.leftcontact .bt{ background:url(../images/classbt.jpg) no-repeat; line-height:33px; height:33px; color:#fff;padding:0 0 0 25px;font-size:14px; font-weight:700}
.leftmenu ul{font-size:12px;width:163px; margin:0 auto;padding:30px 0 55px 0;}
.leftmenu ul a{ color:#666}
.leftmenu ul li{line-height:30px; height:30px; background:url(../images/classli.jpg) no-repeat 23px center;padding:0 0 0 40px;}
.leftmenu ul li.cur{background:url(../images/cur.jpg) no-repeat center center}
.leftmenu ul li.cur a{ color:#fff}

.leftcontact{background:#F2F2F2;}
.leftcontact ul{color:#333; line-height:180%;padding:15px 0;}
.leftcontact ul li{ position:relative; width:150px; padding:0 0 0 60px; }
.leftcontact ul li span{ position:absolute; left:0; top:0;text-align:right; width:60px;}
.leftcontact ul li a{color:#009241; font-family:Arial, Helvetica, sans-serif}

.abouttxt{ padding:20px 20px 20px 10px; color:#666; line-height:180%; font-size:14px; background:url(../images/boxbg.png); line-height:180%}
.abouttxt p{ text-indent:2em; padding:5px 0;}

.pagination {height:22px;padding:20px 0 10px 0; text-align:center; width:auto; font-size:12px;}
.pagination span.page{color:#fff;border:1px solid #EBEBEB;background-color:#009241;}
.pagination  a:hover,.pagination  a:active{color:#666;text-decoration:none;border:1px solid #009241;}
.pagination  a{color:#009241;}
/*关于我们页面结束*/

.crumbs{height:40px;width:auto;color:#666;font-size:12px;background:url(../images/place.jpg) no-repeat left center;}
.crumbs .classname{ float:left; font-weight:700; font-size:14px; color:#666;padding:0 0 0 15px;line-height:40px;}
.crumbs .place{float:right; padding:0 4px; line-height:18px;}
.crumbs span,.crumbs a{float:left;display:block;*display:inline-block;}
.crumbs span{ padding:0 5px}
.crumbs a{color:#666;}

/*新闻内容页*/
.newstxt{ padding:20px; line-height:180%; color:#333; font-size:14px;}
.newstxt h1{padding:10px; font-size:16px; text-align:center; color:#444; font-family:"微软雅黑"}
.newstxt #time{ text-align:center; border-bottom:1px dotted #ADADAD; margin:0 0 20px 0; color:#777; font-size:12px}
.newstxt p{ text-indent:2em; padding:5px 0;}
/*新闻列表页面*/
ul.news{ font-size:12px;}
ul.news li{line-height:30px; height:30px;border-bottom:1px dotted #ccc; position:relative; background:url(../images/newsli.jpg) left center no-repeat;padding:0 0 0 10px;}
ul.news li span{ position:absolute; right:0;top:0;color:#999;}
ul.news li a{ color:#333}
ul.news li a:hover{color:#009241;}
/*新闻列表页面结束*/

/*产品列表页面*/
.productbox{ padding:15px 10px 15px 0;color:#AFF092; line-height:180%; font-size:12px; background:url(../images/boxbg.png); line-height:180%}

ul.product-list{ float:left;width:100%; padding:12px 0}
ul.product-list li{ float:left; width:24.9%; text-align:center;}
ul.product-list li img{width:140px; background:#fff;padding:3px; border:1px solid #ccc}
ul.product-list li p{ text-indent:0;padding:0 5px;}
/*产品列表页面结束*/

/*联系我们页面*/
.contacttxt{ background: url(../images/contactbg.jpg) no-repeat 50px 30px;line-height:180%; color:#555;}
.contacttxt p{ padding:0; text-indent:0;padding:5px 0;}
.contacttxt p span{ font-family:Arial, Helvetica, sans-serif}
.contacttxt a{ color:#555;}
h3.name{  font-size:14px;color:#127814;padding:0; font-family:"微软雅黑"; font-weight:100; padding:0 0 20px 0}
ul.contact{ width:500px; color:#333}
ul.contact li{ width:400px;padding:0 0 0 50px;position:relative; line-height:180%;}
ul.contact li span{ width:50px; position:absolute; left:0; top:0; text-align:right; color:#777}

.map{ padding:15px 0 0 0;}
.map img{ border:1px solid #ccc; background:#fff}
/*产品内容页面*/
#product-txt{color:#333;position:relative;padding:20px 20px 20px 10px; line-height:180%}
#product-txt #img{float: left;margin: 0; }
#product-txt #img img{float:left;border:1px solid #ccc;padding:1px;}
#product-txt ul#text{float:left; padding: 0 0 0 25px; color:#666;width:345px}
#product-txt ul#text li{padding:5px 0;}
#product-txt ul#text li h1{font-size:14px; display:inline; color:#0D638F; font-family:"微软雅黑"}
#product-txt #page{padding:30px 0 0 0; line-height:180%}
#product-txt #page span{display:block;color:#727171}
#product-txt #page a{color:#007DCC}
#product-txt #introduction{ padding:20px 0 0 0;}
#product-txt #introductionbt span{ padding:5px 12px; background:#0D638F; color:#fff;font-size:12px;}
#product-txt #introductionbt{ border-bottom:1px solid #E5E5E5; height:22px; line-height:22px;}
#product-txt #introductiontxt{ padding:15px 0;}
#product-txt #introduction img{ text-align:center;}
#product-txt #introduction p{ padding:5px; text-indent:0}

#product-txt #detail{ line-height:30px; padding:0 0 0 10px; border-bottom:1px solid #ccc; background:#EBEBEB;}
/*lightbox*/
#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(../images/lightbox/blank.gif) no-repeat;display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/next.gif) right 50% no-repeat; }

#nextLinkText, #prevLinkText{color: #FF9834;font-weight:bold;text-decoration: none;}
#nextLinkText{padding-left: 20px;}
#prevLinkText{padding-right: 20px;}
.ontop #imageData {padding-top: 5px;}
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #numberDisplay a { color: black; padding-left: 5px; padding-right: 5px;}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6 !important;display: none;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html>body .clearfix {display: inline-block;width: 100%;}
* html .clearfix {height: 1%;}	
#lightboxIframe {display: none;}

/*产品内容页面图片放大特效*/
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
.clearfix{display:block;zoom:1}
ul#thumblist{display:block;padding:5px 0 0 0; float:left; width:100%;}
ul#thumblist li{float:left; width:24.9%; text-align:center;}
ul#thumblist li img{ float:left;border:1px solid #ccc; padding:2px;}
ul#thumblist li a{display:block;  float:left;}
.zoomPad{position:relative;float:left;z-index:99;cursor:crosshair;}
.zoomPreload{-moz-opacity:0.8;opacity: 0.8;filter: alpha(opacity = 80);color: #333;font-size: 12px;font-family: Tahoma;text-decoration: none;border: 1px solid #CCC;background-color: white;padding: 8px;text-align:center;background-image: url(../images/zoomloader.gif);background-repeat: no-repeat;background-position: 43px 30px;z-index:110;width:90px;height:43px;position:absolute;top:0px;left:0px;* width:100px;* height:49px;}
.zoomPup{overflow:hidden;background-color: #FFF;-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60);z-index:120;position:absolute;border:1px solid #CCC;z-index:101;cursor:crosshair;}
.zoomOverlay{position:absolute;left:0px;top:0px;background:#FFF;/*opacity:0.5;*/z-index:5000;width:100%;height:100%;display:none;z-index:101;}
.zoomWindow{position:absolute;left:110%;top:40px;background:#FFF;z-index:6000;height:auto;z-index:10000;z-index:110;}
.zoomWrapper{position:relative;border:1px solid #999;z-index:110;}
.zoomWrapperTitle{display:block;background:#999;color:#FFF;height:18px;line-height:18px;width:100%;overflow:hidden;text-align:center;font-size:10px;position:absolute;top:0px;left:0px;z-index:120;-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60);}
.zoomWrapperImage{display:block;position:relative;overflow:hidden;z-index:110;}
.zoomWrapperImage img{border:0px;display:block;position:absolute;z-index:101;}
.zoomIframe{z-index: -1;filter:alpha(opacity=0);-moz-opacity: 0.80;opacity: 0.80;position:absolute;display:block;}

.gbook{ padding:20px}


ul.photo { float:left;width:100%; padding:5px 0 0 0;}
ul.photo li{ float:left; width:24.8%; text-align:center;}
ul.photo li img{ border:1px solid #E0E0E0;padding:5px;}
ul.photo li p{ text-indent:0}

table{ border:1px solid #aaa}
table tr{ border:1px solid #aaa}
#introductiontxt table tr td{ padding:0; border:1px solid #aaa; text-align:center;padding:5px 0}
#product-txt #introduction table tr td p{ padding:0; text-indent:0}

ul.displayshow{padding:10px 0} 
ul.displayshow li { float:left; width:33%; text-align:center}
ul.displayshow li img{ width:200px; border:1px solid #ccc;padding:5px}

/*QQ在线*/
.online-qq{width:120px;position:absolute; float:left; z-index:100; font-size:12px;}
.qq-b a{color:#333;}
.qq-b a:hover{color:#36F;}
.online-qq .qq-t{background:url(/images/qq.jpg) 0px 0px; height:37px; width:120px; position:relative;margin:0;padding:0; }
.online-qq .click-close{position:absolute; right:5px; top:0px; width:20px; height:40px; cursor:pointer;}
.online-qq ul{background:url(/images/qq.jpg) left bottom; padding:0px 0px 50px 0px;margin:0;}
.online-qq ul li{text-align:center; padding:2px 0px; height:40px; line-height:20px;}


.contactinfo{margin:20px 0; font-size:12px;border-bottom:1px solid #CCC;padding:0 0 5px 0; background:url(../images/contactinfo.jpg) no-repeat; height:112px;width:688px;padding:45px 0 0 0}
.contactinfo ul{line-height:180%; font-family:Arial, Helvetica, sans-serif;padding:0 0 0 20px;} 
.contactinfo ul li{ position:relative; padding:0 0 0 50px; float:left; width:244px;}
.contactinfo ul li span{ position:absolute; left:0px;  width:50px;}
.contactinfo ul li.none{ padding:0 0 0 0; width:294px}
.contactinfo ul li a{ color:#F35C01}

.fenye{font-size:12px;line-height:26px; height:26px; margin:20px 0; border-top:1px solid #ccc;padding:10px 0 0 0;} 
.fenye a{color:#009241}