/* CSS Document */
body{ font-family:"微软雅黑";font-size:12px; color:#333; background:#fff; line-height:180%}
a{ color:#333}
a:hover{ color:#007DC2; text-decoration:underline}
#header{width:100%; background:url(../images/head.jpg) repeat-x top left;}

.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }

#header #top{width:1200px; height:100px;}
#header #top #logo{padding-top:21px;float:left;}
#header #top #logo a{height:57px; display:inline-block;background:url(../images/logo.jpg) no-repeat left center;width:385px;}

#nav{font-size:16px; height:40px;float:right;padding-top:30px;}
.menu {height:40px; z-index:40;text-align:center;clear:both}
.menu a{text-decoration:none; display:block; color:#333;width:80px;height:40px;line-height:40px;font-weight:700}
.menu li{float:left;margin:0; width:80px;margin:0 20px;}
.menu li.hover a{color:#007DC2;border-bottom:3px solid #007DC2}
.menu li.hover2 a{color:#007DC2;border-bottom:3px solid #007DC2}
.menu li a:hover{color:#007DC2;border-bottom:3px solid #007DC2}

/*幻灯片-横幅*/
.banner{width:100%;overflow: hidden;clear:both; height: 458px; background:#eee}
.slideBox{ width:100%; height:458px; overflow:hidden; margin:0 auto;position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:15px; bottom:15px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:10px; height:10px; line-height:14px; text-align:center; background:url(../images/slide_btn.png) no-repeat 0 -10px; cursor:pointer; text-indent:-999px;overflow:hidden;}
.slideBox .hd ul li.on{ background-position:0 0;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; height:458px; }
.slideBox .bd img{ width:100%; display:block;  }
/* 下面是前/后按钮代码，如果不需要删除即可 */
// .slideBox .prev,
// .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
// .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
// .slideBox .prev:hover,
// .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
// .slideBox .prevStop{ display:none;  }
// .slideBox .nextStop{ display:none;  }


#content{ width:100%; margin:0;}
.grid-sm{ margin:0 auto; width:1200px;background:#fff;}


/*图片滚动*/
.picScroll-left{ width:1200px;  overflow:hidden; position:relative; padding-bottom: 10px;}
.picScroll-left .hd{ height:46px;overflow:hidden;background:url(../images/product_bt.jpg) no-repeat center center;font-size: 14px;color:#B81215;padding:20px 0;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:29px; height:49px;overflow:hidden;
			 cursor:pointer; background:url("../images/scroll_arrow.png") no-repeat;position: absolute;left:0;top:140px;}
.picScroll-left .hd .next{ background-position:-29px 0; left:auto;right:0;}
.picScroll-left .bd{ padding:10px 45px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; font-size:14px;}
.picScroll-left .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center;width:190px;}
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:180px;padding:2px; border:3px solid #ddd; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#007DC2;  }
.picScroll-left .bd ul li .title{ line-height:24px;}

.homeabout{background:#F2F2F2;width:100%;padding:25px 0 40px 0;}
.homeabout .grid-sm{background:none;}
.leftpart{float:left;width:800px;}
.rightpart{float:right;width:350px;}
.titlepart{font-size:16px;color:#000;position: relative;height:40px;line-height: 40px;border-bottom:1px solid #C8C5BF;font-weight: 700;}
.titlepart span.en{font-size:14px;padding-left: 5px;color:#afafaf;font-family:arial;}
.titlepart a.more{position:absolute;top:15px;right:0;text-indent:-999px;overflow:hidden;background:url(../images/more1.jpg);width:52px;height:13px;}
.titlepart span.line{position:absolute;bottom:-2px;height:3px;left:0;background:#007DC2;width:66px;}
.homeabout .leftpart .homeabout_txt{background:url(../images/aboutus.jpg) no-repeat 0 20px;height:237px;padding:20px 0 0 380px;}
.homeabout .leftpart .homeabout_txt h3{font-size:16px;colo:#000;padding-top:10px;}
.homeabout .leftpart .homeabout_txt p{color:#666;text-indent:2em;padding:15px 0;}
.homeabout .leftpart .homeabout_txt  .div_btn a{display:inline-block;background:#007DC2;height:30px;line-height:30px;color:#fff;font-size: 14px;padding:0 15px;border-radius:3px;}
.homeabout .leftpart .homeabout_txt  .div_btn a:hover{background:#0A4B85;text-decoration:none;}

.homeabout .rightpart .div_video{padding-top:25px;}


/*首页新闻*/
.homenews {padding:25px 0 40px 0;}
.homenews .titlepart a.more{background:url(../images/more2.jpg);}
.homenews .leftpart ul li{ height:113px;position: relative;padding-left:175px;margin:20px 0 0 0;}
.homenews .leftpart ul li > img{position: absolute;top:0;left:0;height:113px;border:1px solid #ddd;}
.homenews .leftpart ul li h3{color:#333;font-size:14px;line-height:30px;}
.homenews .leftpart ul li h3 a{color:#333;}
.homenews .leftpart ul li h3 a:hover{color:#007DC2;}
.homenews .leftpart ul li h3 span.date{color:#999;font-size:12px;padding:0 5px;font-weight: 100;}
.homenews .leftpart ul li p{color:#666;}
.homenews .leftpart ul li .more{padding-top:5px;}
.homenews .leftpart ul li .more a{color:#007DC2;}

.homenews .rightpart .homecontact{background:url(../images/contactus.jpg) no-repeat 0 10px;padding-top:115px;} 
.homenews .rightpart .homecontact ul.contact_list{background:url(../images/contact_ico.jpg) no-repeat;}
.homenews .rightpart .homecontact ul.contact_list li{line-height:32px;padding-left:105px;font-size:14px;color:#333;position: relative;}
.homenews .rightpart .homecontact ul.contact_list li span{position: absolute;left:0;top:0;padding-left:30px;color:#666;}
/*底部*/
#footer{ height:auto; width:100%;font-size:12px;margin:0 auto; padding:10px 0;background:#007DBD;color:#fff;text-align:center; }

.footnav{ margin:0 auto;width:1200px;font-size:12px; padding-bottom:10px;}
.footnav a{color:#fff; margin:0 10px;}

#footer #bottom{width:1200px;margin:0 auto; line-height:24px;}
#footer #bottom span{ font-family:Arial, Helvetica, sans-serif}
#footer #bottom a{color:#fff;}
/*底部结束*/

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

.listbanner{width:100%;height:250px;margin:0 auto;min-width:1000px;background:url(../images/listbanner.jpg) no-repeat center top;}
.col-sub .bt{background:#007DC2;color:#fff;font-size:20px;padding:15px;line-height:40px;height:60px;background:url(../images/aboutbt.jpg) no-repeat ;font-weight: 700;}
.col-sub .contactbt{background:url(../images/contactbt.jpg) no-repeat right top;}
.col-sub .bt span{display:block;line-height:20px;font-size:12px;font-family:arial;font-weight:100;}
.leftmenu{ width:201px; margin:0 0 20px 0;}
.leftmenu ul{font-size:14px;padding:5px 0;}
.leftmenu ul li{line-height:36px; height:36px;background:url(../images/left_menu.jpg) no-repeat 185px center; border-bottom:1px dotted #E5E5E5;border-bottom:1px solid #ddd;}
.leftmenu ul li a{display:block;width:190px;padding-left:10px;height:100%;}
.leftmenu ul li.cur a{ color:#007DC2; font-weight:700} 
.leftmenu ul li a:hover{color:#007DC2;text-decoration:none;font-weight: 700;} 

ul.leftcontact{color:#333;padding:8px 0;}
ul.leftcontact li{ width:140px;padding:0 0 0 50px;position:relative; line-height:200%;}
ul.leftcontact li span{ width:50px; position:absolute; left:0; top:0; text-align:right; color:#777}

.abouttxt{ padding:20px 0; color:#333;line-height:180%; font-size:14px; font-family:"微软雅黑";}
.abouttxt > p,.abouttxt > div{ text-indent:2em; padding:8px 0;}
.contacttxt > p,.contacttxt > div{text-indent: 0; padding:5px 0;}

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

.crumbs{line-height:36px;height:36px;width:auto;color:#888;font-size:12px;border-bottom:1px solid #ddd;background:url(../images/place.gif) no-repeat 10px center;padding-left:20px;}
.crumbs span,.crumbs a{float:left;display:block;*display:inline-block;}
.crumbs span{ padding:0 5px}
.crumbs a{color:#888;}

/*新闻内容页*/
.newstxt{ padding:20px 0; line-height:180%; color:#333; font-size:14px;}
.newstxt h1{padding:10px; font-size:16px; text-align:center; color:#007DBD; 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:35px; height:35px;border-bottom:1px dotted #ccc; position:relative; background:url(../images/place.png) 5px center no-repeat;padding:0 0 0 20px;}
ul.news li span{ position:absolute; right:0;top:0;color:#999;}
ul.news li a{ color:#333}
ul.news li a:hover{color:#007DBD;}

.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:#007DBD}
/*新闻列表页面结束*/

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


.map{ padding:15px 0 0 0;}
.map img{ border:1px solid #ccc; background:#fff}
/*产品内容页面*/
#product-txt{color:#333;position:relative;padding:20px; 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:#0B4C8C; color:#fff;font-family:"微软雅黑";font-size:14px;}
#product-txt #introductionbt{ border-bottom:1px solid #ccc; height:28px; line-height:28px;}
#product-txt #introductiontxt{ padding:15px 0;font-size:14px;}
#product-txt #introduction img{ text-align:center;}#product-txt #introduction p{ padding:5px; text-indent:0}

.gbook{ padding:20px}

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

/*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;}

.odr_bigtable{border: none;width: 740px;max-height: 500px;overflow: auto;text-align: center;line-height: 20px;margin-bottom: 20px;background: #e9edf5;}
.odr_bigtable thead{background: #585858;color: #FFF;}

.even{background: #fff;}
.odd{background: #f0f0f0;}
.highlight{ background:#FFEBEC}

.productbanner{width:712px; margin:0 auto 15px auto}

/*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;}