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

.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(/static/img/logo.jpg) no-repeat left center;width:430px;}

#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:70px;height:40px;line-height:40px;font-weight:700}
.menu li{float:left;margin:0; width:70px;margin:0 15px;}
.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(/static/img/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; overflow:hidden; text-indent: -9999px; }
.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(/static/img/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(/static/img/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:19px; height:29px;overflow:hidden;
			 cursor:pointer; background:url("/static/img/scroll_arrow.jpg") no-repeat;position: absolute;left:0;top:170px;}

.picScroll-left .hd.solution-hd {background:url(/static/img/solution_bt.jpg) no-repeat center center;} 
.picScroll-left .hd .next{ background-position:-20px 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;}

.picScroll-left2{ width:350px;  overflow:hidden; position:relative; margin:0 auto; padding-top:10px;}
.picScroll-left2 .hd{ font-size: 14px;color:#B81215; position:relative;}
.picScroll-left2 .hd .prev,.picScroll-left2 .hd .next{ display:block;  width:23px; height:28px;overflow:hidden;
			 cursor:pointer; background:url("/static/img/scroll_arrow2.jpg") no-repeat;position: absolute;left:0;top:80px;}
.picScroll-left2 .hd .next{ background-position:-27px 0; left:auto;right:0;}
.picScroll-left2 .bd {width:280px; margin:0 auto; overflow:hidden;}
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; font-size:14px;}
.picScroll-left2 .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;width:280px;}
.picScroll-left2 .bd ul li .pic{ text-align:center; }
.picScroll-left2 .bd ul li .pic img{ width:280px; }
.picScroll-left2 .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(/static/img/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(/static/img/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(/static/img/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(/static/img/contactus.jpg) no-repeat 0 10px;padding-top:115px;} 
.homenews .rightpart .homecontact ul.contact_list{background:url(/static/img/contact_ico.jpg) no-repeat;}
.homenews .rightpart .homecontact ul.contact_list li{line-height:32px;padding-left:80px;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(/static/img/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(/static/img/aboutbt.jpg) no-repeat ;font-weight: 700;}
.col-sub .contactbt{background:url(/static/img/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(/static/img/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{ position:relative; line-height:1.5;margin: 10px 0;}
ul.leftcontact li span{ 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(/static/img/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(/static/img/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, ul.news li a.blue{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;}


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

.solution-box {padding: 40px 0 30px 0;}
ul.solution-list li {margin-bottom: 50px;}
ul.solution-list li img {width: 300px; display:block;}
ul.solution-list li:nth-child(even) .text-box{float:left;}
ul.solution-list li:nth-child(even) .img-box{float:right;}
ul.solution-list li .img-box{
	overflow: hidden;
	float: left;
}
ul.solution-list li .text-box {
	width: 420px;
	float:right;
}
ul.solution-list li .product-title {margin-bottom: 20px;font-size: 28px;}
ul.solution-list li .product-link{margin-top: 20px;}
ul.solution-list li .product-link a { color: #007DC2; border-bottom: 1px solid #007DC2;}
ul.solution-list li .product-link a:hover { text-decoration: none;}
/*产品列表页面结束*/


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

#product-txt ul.product-detail {padding: 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(/static/img/lightbox/blank.gif) no-repeat;display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/static/img/lightbox/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(data:image/gif;base64,R0lGODlhLQAtAMQQAPT09LGxsWJiYunp6dLS0oSEhG1tbd3d3aWlpZqamry8vI+Pj8fHx3l5eVdXV////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABAALAAAAAAtAC0AAAWuIAQ9ZGmeaKqm4+q+cCzPdG3feK7vfO//wNIAEIwhHI7EoLgCIJGCADNFeD4NhKlpYLUmiNpHofuMhgEL8rNwCBMaaiQCPA0I4gbGORF3FJZaB2NqZmEKBnELYQ8AAXFZiwNwXVJhA3xklXV3ZAJ0QQSIhJBBA4Nqc0WNfWxMCpydmkCCfV+ufVhasFaFU1Vkf4sHXXmLJaIOqcYkAwgBgMvR0tPU1dbXNC3VItYhADs=) 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;}



ul.home_jobs li{ margin: 8px 0;}
.bottom_more{ text-align: right;}
.bottom_more a{ color:#007DC2;  font-family: arial; margin-left:5px}

h3.panner_title {border-bottom:1px dashed #ddd; padding-bottom:5px; margin-bottom:15px;}
h3.panner_title span{ background:#FF6600; color:#fff; padding:2px 20px;}

ul.panner_list{ padding-bottom: 10px;}
ul.panner_list li{ border-bottom:1px dashed #ddd; margin-bottom:20px; padding-bottom: 20px;}
ul.panner_list li .title{ font-weight: 700; margin-bottom: 10px;}

.contacttxt > p, .contacttxt > div{ padding:0;}

.jobs_txt { padding:20px 0;}

dl.jobs dt{ cursor :pointer; line-height: 36px;  padding:0 10px; background:#eee; position: relative; border-bottom:1px solid #fff; font-weight: 700;}
dl.jobs dt span.right{ position: absolute;top:0; right:10px; line-height: 36px; color:#888; font-weight: 100;}
dl.jobs dd{ padding:20px 0; display:none;}
dl.jobs dd.show{ display:block;}
dl.jobs dt.open span.right{ display:none; }

.form .field .text { width: 400px; }
.form .button { background: #007DBD; color: #fff; box-shadow: none; border: none;}
.form .button.reset { background: rgba(0, 125, 189, 0.7) }

.links-wrap { background: #f1f1f1; height: 60px; line-height: 60px; }
.links-wrap .links {width: 1200px; margin: 0 auto; text-align: center;}
.links-wrap .links .link-title { color: #666; }
.links-wrap .links a { margin: 0 10px; }

#category-id{display: none;}
table{ border-color: #999; font-size: 12px; width: 100%;}
table th {background: #f9f9f9;}
table td,  table th {text-align: center; border-color: #999;}
table td a {color: #007DC2;}

.category-desc p{margin-bottom: 30px;}
.hengshuo .img-wrap { position: relative;}
.hengshuo .link-area{ position: absolute; width: 170px; bottom: 40px;top: 40px; left: 0; }

.quick-nav {margin: 40px 0 20px 0;}
.quick-nav span {display: inline-block; vertical-align: middle;}
.quick-nav a{text-decoration: none;color: #007DC2; display: block; float: left; border: 1px  solid #007DC2; padding: 5px 20px; margin-right: 30px; border-radius: 8px;}
.quick-nav .icon{ width:26px; height: 26px; display: inline-block; margin-right: 10px;}
.quick-nav .solution-icon {background: url(/static/img/solution-icon.png) no-repeat;background-size: 100%;}
.quick-nav .download-icon {background: url(/static/img/download-icon.png) no-repeat;background-size: 100%;}
.quick-nav .text {font-size: 14px;}