@charset "utf-8";
/* CSS Document */
html { overflow-x:hidden; margin:0; padding:0; }
body { width:100%; margin:0; padding:0px; font-size:12px; color:#555; background:#fff url(../images/top.png) repeat-x left top; font-family:"Microsoft Yahei"; overflow:hidden; }
div,img,form,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; border:0px; }
a{ text-decoration:none; color:#555; }
a:hover { text-decoration:none; color:#012b99; }
input,textarea{ font-family:"Microsoft Yahei"; font-size:12px; color:#8e8e8e; }
.g-wray{ width:1000px; height:100%; margin:0 auto; position:relative; }
.f-gray{ width:1000px; margin:0 auto; overflow:hidden; }

#container{ width:1000px; height:100%; margin:0 auto; overflow:hidden; }

#header{ width:100%; height:164px; position:relative; }

#logo{ width:300px; height:100px; display:block; background:url(../images/logo.png) no-repeat left top; position:absolute; top:0; left:0; overflow:hidden; }
#func{ width:200px; list-style:none; margin:0; padding:0; position:absolute; top:50px; left:640px; overflow:hidden; }
#func li{ height:16px; line-height:16px; float:left; padding:0 12px; background:url(../images/sp.png) no-repeat left center; }
#func li:first-child{ background:none; }
#func li a{ color:#8e8e8e;}
#func li a:hover{ color:#5d7acc; }

#pform{ width:150px; height:16px; display:block; position:absolute; top:50px; right:0; background:url(../images/search.png) no-repeat left top; overflow:hidden; }
.pkey{ width:120px; height:14px; padding:0; margin:1px 5px; border:0; background:#fff; outline:0; float:left; }
.pbtn{ width:20px; height:16px; margin:0; padding:0; float:right; background:none; border:0; outline:0; cursor:pointer; }

#menu{ width:100%; height:64px; list-style:none; margin:0; padding:0; position:absolute; top:100px; left:0; z-index:1; background:url(../images/menu.png) repeat-x left bottom; }
#menu li{ line-height:36px; float:left; position:relative; background:url(../images/split.png) no-repeat left 13px;  }
#menu li:first-child{ background:none; }
#menu li:hover,.menu li.on{ }
#menu li a{ height:36px; padding:0 20px; display:block; font-size:13px; color:#555; text-align:center; }
#menu li a:hover{ color:#012b99; }
#menu li ul{ width:850px; list-style:none; margin:0; padding:0 0 0 10px; position:absolute; top:36px; left:0; display:none; }
#menu li ul li{ line-height:28px; float:left; background:none; }
#menu li ul li a{ height:28px; font-size:12px; padding:0 10px; color:#fff; }
#menu li ul li a:hover{ color:#fff;}
#menu li:hover ul{ display:block;}
#menu li ul.navproducts{ left:-92px; }
#menu li ul.navjob{ left:-160px; }

#lang{ height:28px; line-height:28px; position:absolute; top:136px; right:10px; z-index:2; }
#lang a{ color:#fff;}
#lang span{ margin:0 10px; color:#fff; }

#banner{width:100%; margin:20px 0 0 0; overflow:hidden; }
#mainContent { width:100%;  margin:20px 0; overflow:hidden; }

#footer{width:100%; position:relative; overflow:hidden; }

#links{ width:100%; padding:12px 0; margin:0; border-bottom:4px solid #012b99; overflow:hidden; }
.links-title{ font-size:14px; font-weight:bold; color:#444; }
.links-split{ margin:0 8px;}
.footer-copr{ width:520px; height:48px; line-height:24px; padding:20px 0; clear:both; float:left; overflow:hidden;  }
.footer-share{ padding:24px 0; height:40px; float:right; overflow:hidden; }

.fenye{ width:100%; margin:20px 0 0 0; overflow:hidden;  }
.fenye a{ padding:3px 7px; margin:0 5px 0 0; border:1px solid #ddd; display:inline-block;*display:inline; *zoom:1; font-size:12px; color:#888; }
.fenye a.pageon,.fenye a:hover{ color:#ff7100; background:#eee;   }
.mainbanner{height:538px;overflow:hidden; position:relative; }
.mainbanner_window{left:50%;width:1920px;height:538px;overflow:hidden;margin-left:-960px;position:absolute;}
.mainbanner_window ul{width:999999px;height:538px;position:relative; list-style:none; margin:0px; padding:0px;}
.mainbanner_window li{background:#fff;width:1920px;height:538px;text-align:center;font-size:0px;float:left;display:inline;}
.bannerNum{ width:100%; height:40px; background:url(../images/num1.png) repeat-x left top; position:absolute;top:
500px; left:0; overflow:hidden; }
.mainbanner_list{ width:126px; list-style:none; margin:0 auto; padding:0; }
.mainbanner_list li{width:42px;height:10px; float:left; margin:15px 0 0 0; overflow:hidden; }
.mainbanner_list a{ width:32px;height:10px; line-height:10px; margin:0 5px; background:url(../images/square1.png) repeat; overflow:hidden;float:left;}
.mainbanner_list li.active a,.mainbanner_list li a:hover{ background:url(../images/square2.png) repeat; }

.basic{ width:100%; margin:20px 0 0 0;  overflow:hidden; }
.basicL{ width:360px; clear:both; float:left; overflow:hidden; }
.basicR{ margin:0 0 0 380px; overflow:hidden; }
.basicR h1{ margin:0; padding:0; font-size:24px; color:#000; }
.basicR p{ margin:10px 0 0 0; padding:0; line-height:24px; }

/*图片放大镜样式*/
.jqzoom{float:left; position:relative; cursor:pointer; display:block;}
.jqzoom img{ width:360px; height:270px; border:0px solid #f0f0f0;}
.zoomdiv{z-index:100;position:absolute;top:0;left:0;width:360px;height:270px;background:#ffffff;border:1px solid #f0f0f0;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:60px;height:60px;border:1px solid #ccc;background:#fff;opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:360px;height:270px; }
.spec-scroll{clear:both;margin-top:10px;width:360px;}
.spec-scroll .prev{ width:15px; height:50px; float:left; background:url(../images/left.gif) no-repeat left center; cursor:pointer; }
.spec-scroll .next{ width:15px; height:50px; float:right; background:url(../images/right.gif) no-repeat right center; cursor:pointer; }
.spec-scroll .items{float:left;position:relative;width:330px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:44px; list-style:none; margin:3px 0; padding:0;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #ddd;padding:2px;width:50px;height:38px; background:#fff; }
.spec-scroll .items ul li img:hover{border:2px solid #ff7100;padding:1px;}

#sidebar{ width:214px; clear:both; float:left; overflow:hidden; }
#content{ width:766px; float:right; overflow:hidden; }
.column{ width:100%; height:50px; line-height:50px; font-size:18px; font-weight:normal; text-align:center; color:#fff; background:#012b99; overflow:hidden; }
.listSub{ list-style:none; margin:0; padding:0; overflow:hidden;  }
.listSub li{ width:100%; line-height:40px; float:left; margin:1px 0 0 0; overflow:hidden; }
.listSub li a{ width:100%; height:40px; display:block; font-size:14px; color:#555; border-bottom:1px solid #ddd; text-indent:20px;  /*background:#e6e6e6; */ }
.listSub li a:hover,.listSub li a.on{ color:#012b99;  }
.listSub li ul{ width:100%; list-style:none; margin:0; padding:0; display:none; overflow:hidden; }
.listSub li ul li{ width:100%; line-height:28px; float:left; }
.listSub li ul li a{ height:28px; font-size:13px;   text-indent:44px;  }
.listSub li ul li a:hover,.listSub li ul li a.on{  text-indent:44px; color:#1679d5;  }
.listSub li.cur ul{ display:block;}
.crumbs{ width:100%; height:36px; margin:10px 0 0 0; border-bottom:4px solid #5d7acc; overflow:hidden; }
.crumbsL{ height:36px; line-height:36px; font-size:16px; font-weight:normal; color:#5d7acc; clear:both; float:left; background:url(../images/t2.png) repeat-x left bottom;  }
.crumbsR{ height:36px; line-height:36px; float:right; }
.mainlist{ width:100%; overflow:hidden; }
.article{ width:100%; line-height:2; padding:20px 0; overflow:hidden;  }
.article p:first-child{ margin:0; padding:0; }
.article img{ max-width:100%; }
.article table{ border-top:1px solid #eee; border-left:1px solid #eee; }
.article table tr td{ border-right:1px solid #eee; border-bottom:1px solid #eee; padding:5px;}
.article table tr td p{ margin:0; padding:0; }
.list-album{ width:800px; list-style:none; margin:0; padding:0; overflow:hidden; }
.list-album li{ width:242px; float:left; margin:20px 20px 0 0; overflow:hidden; }
.list-album li img{ width:240px; display:block; border:1px solid #eee; }

.hot-products{ width:1020px; list-style:none; margin:-11px 0 0 0; padding:0; overflow:hidden; }
.hot-products li{ width:326px; height:116px; float:left; margin:11px 11px 0 0; overflow:hidden; }
.hot-products li img{ width:326px; height:116px; display:block;  }
.hot-products li:hover img{ opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50); }

.listProducts{ width:800px; list-style:none; margin:0;  padding:0; overflow:hidden; }
.listProducts li{ width:242px; height:220px; float:left; margin:20px 20px 0 0; overflow:hidden; }
.listProducts li img{ width:240px; height:180px; display:block; border:1px solid #ddd; }
.listProducts li p{ width:100%; height:40xp; line-height:40px; margin:0; padding:0; text-align:center; overflow:hidden; }
.listProducts li p a{ font-size:14px; }
.products-defaultpic{ width:400px; height:300px; display:block; margin:20px auto 0 auto; border:1px solid #eee; padding:10px; }


.section-title{ width:100%; height:32px; line-height:32px; border-bottom:4px solid #012b99; font-size:18px; font-weight:normal; overflow:hidden; }
.section-title img{ float:right; margin:15px 0 0 0; }
.more{ width:39px; height:7px; display:block; margin:20px 0 0 0; }

#inews{ width:460px; height:373px; clear:both; float:left; margin:20px 0 0 0; overflow:hidden; }
.news-Latest{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden;  }
.news-Latest li{ width:100%; height:42px; float:left; margin:20px 0 0 0; overflow:hidden; }
.news-Latest li img{ width:71px; height:40px; display:block; float:left; margin-right:12px; border:1px solid #888; }
.news-Latest li span{ width:100%; height:18px; line-height:18px; font-size:12px; display:block; }
.news-Latest li h4{ height:24px; line-height:24px; font-size:12px; font-weight:normal; overflow:hidden;}

#iabout{ width:510px; height:373px; float:right; margin:20px 0 0 0; overflow:hidden; }

#icompany{ width:240px; clear:both; float:left; overflow:hidden; }
#icontact{ width:240px; float:right; overflow:hidden; }
.iabout-img{ width:240px; height:80px; display:block; margin:20px 0 0 0; }
.iabout-title{ width:100%; height:20px; font-size:16px; font-weight:normal; margin:12px 0 0 0; padding:0; overflow:hidden; }
.iabout-profile{ width:100%; height:166px; line-height:24px; margin:12px 0 0 0; padding:0; overflow:hidden; }
.iabout-profile p{ margin:0; padding:0; }

.about-name{ width:100%; height:60px; font-size:36px; color:#000; margin:0; padding:0; position:absolute; top:0; left:0; }
.about-profile{ height:168px; line-height:24px; position:absolute; left:440px; top:55px; font-size:14px; overflow:hidden; }
.about-more{ width:201px; height:52px; display:block; position:absolute; bottom:0; left:440px; background:url(../images/more1.png) no-repeat left top;}

#iproducts{ width:100%; margin:20px 0 0 0; clear:both; float:left; overflow:hidden; }

.products-slide{ width:100%; height:200px; margin:20px 0 0 0; padding:0; position:relative; overflow:hidden; }
.products-slide .products-content{ position:absolute;left:0; overflow:hidden;}
.products-slide li{ width:202px; height:200px; float:left; margin-right:10px; overflow:hidden;}
.products-slide li img{ width:200px; height:150px; display:block; border:1px solid #ddd; }
.products-slide li p{ width:100%; height:36px; line-height:36px; text-align:center; margin:0; padding:0; font-size:14px; }


.listNews{ width:100%; list-style:none; margin:0; padding:0; overflow:hidden; }
.listNews li{ width:100%; height:42px; float:left; margin:20px 0 0 0; overflow:hidden; }
.listNews li img{ width:71px; height:40px; display:block; float:left; margin-right:12px; border:1px solid #888; }
.listNews li span{ width:100%; height:18px; line-height:18px; font-size:12px; display:block; }
.listNews li h4{ height:24px; line-height:24px; font-size:12px; font-weight:normal; overflow:hidden;}


.tab-position{ border-top:1px solid #ddd; border-left:1px solid #ddd; margin:20px 0 0 0; }
.tab-position tr td{ border-right:1px solid #ddd;  border-bottom:1px solid #ddd; padding:10px 0; text-align:center; }
.tab-position thead tr td{ background:#f5f5f5; font-weight:bold; }

.tab-positioninfo{ border-top:1px solid #ddd; border-left:1px solid #ddd; margin:20px 0 0 0; }
.tab-positioninfo tr td{ border-right:1px solid #ddd;  border-bottom:1px solid #ddd; padding:12px 0; text-align:center; }

.tab-download{ border-top:1px solid #ddd; border-left:1px solid #ddd; margin:20px 0 0 0; }
.tab-download tr td{ border-right:1px solid #ddd;  border-bottom:1px solid #ddd; padding:10px 0; text-align:center; }
.tab-download thead tr td{ background:#f5f5f5; font-weight:bold; }


.detcpsm{ width:100%; height:32px; line-height:32px; margin:20px 0 0 0; border-bottom:1px solid #012b99; font-size:14px; color:#012b99; }

.dntit{ width:100%; margin:20px 0 0 0; padding:0; text-align:center; font-size:24px; font-weight:normal; color:#000; }
.dptit{ margin:0; padding:20px 20px 0 20px; text-align:center; font-size:24px; font-weight:normal; color:#000; }
.dnfunc{ width:100%; text-align:center; margin:12px 0 0 0; font-size:12px; color:#999; }
.feedback{ padding:20px 0;  overflow:hidden; }
.tab_feedback{ }
.tab_feedback tr td{ padding:5px; font-size:12px;}
.msgnotice{ width:100%; line-height:1.5; font-size:16px; color:#fff; }
.mandatory{ color:#f00; margin-right:3px; }
.textinp{ width:220px; height:20px; line-height:20px; margin:0; padding:5px; border:1px solid #eee; background:#fff; outline:0; }
.textinp2{ width:400px; height:140px; line-height:20px; margin:0; padding:5px; border:1px solid #eee; background:#fff; outline:0; }
.textinp3{ width:100px; height:20px; line-height:20px; margin:0; padding:5px; border:1px solid #eee; background:#fff; outline:0; }
.fbtn{ height:32px; line-height:32px; padding:0 40px; text-align:center; color:#666; background:#ddd; font-size:16px;  border:0; margin:0; outline:0; cursor:pointer; }
.fbtn:hover{ background:#5d7acc; color:#fff;}
.newspage{ width:100%; line-height:2; color:#1679d5; font-size:14px; overflow:hidden;  }
.article-before{ float:left; font-weight:bold; color:#ff7100;  }
.article-after{ float:right; font-weight:bold; color:#ff7100; }
.sitemap{ width:100%; padding:20px 0; overflow:hidden; }
.listSiteMap{ width:100%; list-style:none; margin:0;  padding:0; overflow:hidden; }
.listSiteMap li{ width:100%; line-height:32px; float:left; margin:20px 0 0 0; background:url(../images/sitemap.png) repeat-x left 32px; overflow:hidden; }
.listSiteMap li a{ font-size:14px; text-decoration:none; color:#012b99; }
.listSiteMap li div{ width:100%; height:40px; line-height:40px; overflow:hidden; }
.listSiteMap li div a{ font-size:12px; font-weight:normal; color:#012b99; text-decoration:underline; }
.listSiteMap li div span{ margin:0 8px; color:#012b99; }
.listSiteMap li li li a{ font-size:12px; }
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../swf/icon.png) no-repeat; position:fixed; right:20px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:100px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:100px; _margin-bottom:120px;}
#code_out {display:none;}
#gotop{ background-position:-276px -310px; bottom:47px; _margin-bottom:67px;} 
#code_img{ width:230px; height:230px; background:url(../swf/erwei.png) 0px 0px no-repeat; position:fixed; right:60px; bottom:47px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}