body{ font-size:12px; font-family:Microsoft Yahei; color:#555; background:#004e7f}
*,ul,li,dl,dt,dd,em{ padding:0; margin:0; list-style:none; font-style:normal;}
html{ overflow-x:hidden}
a{ text-decoration:none; color:#6c6c6c}
a:hover{ color:#3377cc}
img{ border:none}
.container{ width:1010px; margin:0 auto; background:#fff;border-top-left-radius:5px; border-top-right-radius:5px; margin-top:20px; overflow:hidden}

.head_wrapper{ width:100%; height:80px; margin:0 auto;}

.logo{ float:left; width:600px; height:80px; overflow:hidden}
.logo img{ padding-top:10px; padding-left:30px;}
.top_lan{ float:right; width:300px; height:26px; margin-top:20px; margin-right:30px;color:#000;}
.top_lan a{ width:30px; height:26px; line-height:26px; color:#000; font-size:14px; float:right;padding-left:30px; background:url(../images/lan_ch.png) no-repeat left center; margin-right:20px;}
.top_lan a.en{background:url(../images/lan_en.png) no-repeat left center;}
.top_lan a:hover{color:#3377cc;}

/*menu*/
.menu{height:36px;width:100%; margin:0 auto; border-bottom:2px solid #bec8cd; background:#e1e5e9;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ height:36px; width:100%;position:relative }
.nav a{ color:#000;  }
.nav .nLi{ float:left;   display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; width:143px; font-size:15px;font-weight: normal; height:36px; line-height:36px;text-align:center; position:relative; border-left:1px solid #cfd2d3}
.nav .on h3 a{color:#fff; background:#808080; 
transition:background 0.2s linear;
-moz-transition:background 0.2s linear;
-o-transition:background 0.2s linear;
-webkit-transition:background 0.2s linear;
-ms-transition:background 0.2s linear;
 }
 .nav .nLi h3 a.home{ border:0; margin-left:1px;}
 
.nav .sub{ display:none;list-style:none; width:150px;z-index:100000;min-height:32px; max-height:auto !important;position:absolute; top:41px;margin-left:-5px; background:#005ca1;}
.nav .sub li{float:left;zoom:1; width:100%;height:32px;line-height:32px; border-bottom:1px solid #fff; text-align:center; }
.nav .sub a{ display:inline-block; width:100%;font-size:14px; float:left; height:32px;line-height:32px; color:#fff; text-align:center;}
.nav .sub a:hover{ background:#0047a7; color:#fff;}

/*banner*/
.slideBox{ width:100%; height:384px; overflow:hidden;position:relative; text-align:center;}
.slideBox .hd{ height:12px; overflow:hidden; position:absolute; left:50%; margin-left:350px; top:30px; z-index:1;  padding:5px 15px;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:12px; height:12px; border-radius:50%;  text-align:center; background:url(../images/dot.jpg) no-repeat; cursor:pointer; }
.slideBox .hd ul li.on{ background-position:left -12px;}
.slideBox .bd{ position:relative; width:100%;height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1;width:100%; height:100%;}
.slideBox .bd li a{ width:100%; height:384px; text-indent:-9999px; display:block}
.slideBox .prev,
.slideBox .next{ position:absolute; left:8%; top:50%; margin-top:-35px; display:block; width:32px; height:51px; background:url(../images/slider-arrow.png) -110px 0px no-repeat; filter:alpha(opacity=80);opacity:0.8;   }
.slideBox .next{ left:auto; right:8%; background-position:0px 0px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.box_main{ background:#eef1f4 url(../images/index_cont_bg_03.jpg) repeat-x; height:230px; width:100%; margin:20px auto;}

/*首页公司简介*/

		/* 本例子css */
		.slideTxtBox{ float:left; width:232px;text-align:left; margin-left:20px; margin-top:20px;}
		.slideTxtBox .hd{ height:24px; line-height:24px;  border-bottom:1px solid #3377cc;  position:relative; }
		.slideTxtBox .hd ul{ float:left;  position:absolute;height:24px;   }
		.slideTxtBox .hd ul li{ float:left; padding:0 8px; cursor:pointer; line-height:24px; margin-right:5px; font-size:12px; color:#444; border:1px solid #dadada; border-bottom:0; border-top-left-radius:3px; border-top-right-radius:3px; }
		.slideTxtBox .hd ul li.on{ height:24px;border:1px solid #3377cc; color:#3377cc; border-bottom:0; }
		.slideTxtBox .bd ul{ padding:15px 0;  zoom:1;  }
		.slideTxtBox .bd li{ height:26px; line-height:26px; background:url(../images/li_bg.gif) left center no-repeat; padding-left:10px;}
		.slideTxtBox .bd li a{ float:left; width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; color:#666;}
		.slideTxtBox .bd li a:hover{ color:#3377cc}
		.slideTxtBox .bd li .date{ float:right; color:#999;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideTxtBox .arrow{ float:right;position:absolute; right:0px; top:0; }
		.slideTxtBox .arrow a{ display:block;  width:48px; height:24px; font-size:11px; color:#666; float:right; text-align:right;line-height:24px;
			 cursor:pointer; background:url(../images/more.jpg) left center no-repeat; padding-left:10px;}
		.slideTxtBox .arrow a:hover{ color:#3377cc;}


	/* 滚动图片css */
		.picMarquee-left{margin-left:35px; margin-top:20px; width:470px;  overflow:hidden; position:relative; float:left;}
		.picMarquee-left .hd{ overflow:hidden;  height:30px; padding:0 10px;  }

		.picMarquee-left .bd{ padding:10px;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 6px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:138px; height:103px; display:block; padding:1px; border:1px solid #ddd; border-radius:3px; }
		.picMarquee-left .bd ul li .pic img:hover{ border-color:#3377cc;  }
		.picMarquee-left .bd ul li .title{ line-height:18px; font-size:12px;}
        .picMarquee-left .bd ul li .title a{ color:#666;}
		.picMarquee-left .bd ul li .title a:hover{ color:#3377cc;}
		
		.box_contact{float:right; width:180px; height:190px; margin-right:20px; margin-top:20px;}
		.box_search{float:left; width:100%; height:20px; background:url(../images/bg_search.png) no-repeat;}
		.btn_search{width:10px; height:10px; background:url(../images/btn_search.png) no-repeat center center; border:0; float:left; margin-left:10px; margin-top:5px; cursor:pointer;}
        .btn_txt{ width:150px; height:16px; line-height:16px; float:right; border:0; margin-top:2px; background:url(.);}
		 
		 .box_ad{ float:left; max-width:180px; max-width:120px; margin-top:20px; text-align:center;}

.ins_banner{ width:100%; height:200px; margin:0 auto;}
.about_banner{ width:100%; height:200px; margin:0 auto;}

/*产品分类*/
.pro_left span{ float:left;height:40px; color:#74818f; font-size:18px;}
.pro_left{ width:220px;float:left;margin-left:18px; margin-top:20px;}

.suckerdiv{ float:left;width:220px;margin-bottom:20px; padding-bottom:15px;}
.suckerdiv li{width:100%;height:35px; line-height:35px; font-size:12px; border-bottom:1px dashed #dddddd;}
.suckerdiv li a{ display:inline-block; width:190px; background:url(../images/menucir.png) center center no-repeat; color:#888; padding-left:30px;}
.suckerdiv li a:hover{ background:url(../images/menucir_03.png) center center no-repeat; color:#006fc2;}
.suckerdiv li a.hover{ background:url(../images/menucir_03.png) center center no-repeat; color:#006fc2;}

.suckerdiv ul{margin: 0;padding: 0;list-style-type: none;width:100%; z-index:100; border-bottom:1px solid #ddd; padding:10px 0; display:none; background:#fff;}
.suckerdiv ul li{position: relative;}

/* menu links style */
.suckerdiv ul li a{width:100%;text-decoration: none;display:block;line-height:30px;color:#535353;font-size:14px;font-weight:normal; text-indent:28px; background:url(../images/icon_05.png) no-repeat 15px center;}
.suckerdiv ul li a:hover{color: #20993b;background: #eee url(../images/icon_05.png) no-repeat 15px center;;}
.suckerdiv ul li a.hover{background:#e6cbea!important;color:#20993b!important;}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */
.box_left{ width:200px; float:left; padding:10px; background:#eef1f4;}
.box_img{ float:left; margin-bottom:8px; width:194px; border:1px solid #cfd7de; padding:2px; text-align:center;}
.box_img img{ max-width:194px;}
.box_txt{ font-size:12px; float:left; line-height:20px; color:#6c6c6c; padding:10px 0;}

.ins_right{ width:720px;; float:right; min-height:570px; max-height:auto !important; padding:20px;}
.right_column{ width:100%; clear:both; height:36px; line-height:36px; border-bottom:1px solid #e7ebef;}
.sub_nav{ float:left; font-size:12px; text-align:right; padding-right:20px;}

.content{ width:720px; line-height:28px; clear:both; font-size:13px;}
.content p{ margin-bottom:20px;}
.content td{ padding:5px;}

.box_pro{ border-left:1px solid #e5e8eb; margin-top:20px;}


.box_pro dl{ width:710px; min-height:185px; max-height:auto !important; float:right;}

.box_pro dl dt{ width:100%; background:url(../images/bg_pro.jpg) no-repeat left center; color:#74818f; height:20px; line-height:20px; font-size:14px;}
.box_pro dl dt a{ float:right; width:50px; font-size:12px; color:#81878d;}
.box_pro dl dt a:hover{ color:#006fc2;}
.box_pro dl dd{ float:left; min-height:185px; width:100%; margin-top:20px;}
.box_pro1{ float:left; width:150px; height:160px; padding:0 15px; text-align:center; border-left:1px solid #e5e8eb; margin-bottom:20px;}
.no_bd{ border:0; padding-left:0;}
.box_pro1 img{ width:150px; height:112px;}
.box_pro1 span{ line-height:20px; padding-top:10px;}
.box_pro1 i{ color:#74818f}

.proview_box_top{ position:relative;}
.box_title{ position:absolute; left:5px; top:355px; z-index:1000;  font-size:18px; color:#767676; max-height:72px; line-height:36px; font-style:italic}
.box_title span{font-size:32px; color:#005ea4}

.box_01{ float:left; width:100%; height:425px; border-bottom:1px solid #dde2e7; padding-bottom:20px;position:relative;}
.box_01 a{  width:150px; margin-top:395px; position:absolute; right:5px; top:0;}
.box_01 span{ float:right; width:500px; height:420px; text-align:center}
.box_01 span img{ max-width:500px; max-height:380px;}


.box_table{ width:100%; float:left; margin-top:10px;}
.box_table td{ height:30px; line-height:30px; border-bottom:1px solid #e7ebef; padding-left:10px;}
p.job_title{ font-size:18px;}
p.job_title a{ float:right}




/*新闻中心*/
.newstype a{ width:270px;}
.newstype a.norg{ margin-right:0}

.news{ float:left; width:100%; margin:0 10px; min-height:320px; max-height:auto !important; overflow:hidden; margin-top:20px;}
.news li{ float:left; width:100%; height:36px; line-height:36px; border-bottom:1px solid #e7ebef; font-size:13px;}
.news li a{ float:left; width:600px;}
.news li span{ float:right; width:80px;}



.news_title{ text-align:center; padding:10px 0; }
.news_title h2{ text-align:center; font-weight:normal; color:#000; font-size:18px; line-height:32px; padding:10px 0; border-bottom:1px dashed #d2d2d2;}
.news_title span{ color:#707070; padding-top:10px;}




.n_h1{ float:left; width:100%; height:50px; line-height:50px;font-size:24px; font-weight:normal; text-align:center; color:#002673; padding-top:30px;}


.new_date{ float:left; width:100%; height:30px; line-height:30px; text-align:center;color:#999; font-family:"宋体"; font-size:12px; margin-bottom:20px;}
.new_date span{display:inline-block; background:url(../images/icon_dt.png) no-repeat left center; padding-left:20px; margin-right:20px;}
.new_date span.eye{background:url(../images/icon_eye.png) no-repeat left center; padding-left:25px;}


.pre_next{ float:left;width:100%; height:60px; padding:20px 0; border-top:1px solid #ddd;}
.pre_left{ float:left; width:700px; height:60px; color:#002673; line-height:30px;}
.pre_left a{ color:#002673}
.pre_left a:hover{ text-decoration:underline}
.pre_right{ float:right; width:200px; height:60px;}

.txt2{border:#cdcdcd 1px solid;width:250px; height:25px; background-color:#ffffff;}
.btn2{width:70px;border:#c8c8c8 1px solid; height:30px; background: #006fc2;color:#fff;font-size:14px; cursor:pointer;}


/*底部样式*/
.box_foot{ width:100%; background:#0a5d92; height:86px;}
.box_copy{ width:1010px; margin:0 auto; height:58px; line-height:58px; color:#6c6c6c; text-align:center; font-size:12px; background:#fff; border-top:1px solid #e1e5e9;border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.page{ width:100%; float:left; padding:30px 0; text-align:left}
.page a{ border:1px solid #ddd; margin:0px 5px; padding:2px 5px; cursor:pointer; font-size:12px;}
.page a.hover{border:1px solid #ddd; margin:0px 5px; padding:2px 5px; cursor:pointer; font-size:12px;color:#0068b7}

