@charset "utf-8";
/* CSS Document */

html { overflow-x:hidden; }
body { width:100%; margin:0; padding:0px; font-size:12px; color:#666; background:#fff; font-family:"Microsoft YaHei"; }
div,img,form,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; border:0px; }
a{ text-decoration:none; color:#666; }
a:hover { text-decoration:none; color:#00539d; }

h1{ font-size:30px; margin:0px; padding:0px; }
h2{ font-size:24px; margin:0px; padding:0px; }
h3{ font-size:20px; margin:0px; padding:0px; }
h4{ font-size:18px; margin:0px; padding:0px; }
h5{ font-size:16px; margin:0px; padding:0px; }
h6{ font-size:14px; margin:0px; padding:0px; }

#header{ width:1000px; height:100px; margin:0 auto; }
#menu{ width:100%; height:42px; background:url(../images/bj_m1.jpg) repeat-x left top; }
#banner {width:100%; overflow:hidden; }
#mainContent {width:1000px; margin:0 auto; overflow:hidden; }
#footer{width:100%; margin-top:30px; background:#00386a url(../images/bj_foot.jpg) repeat-x left top; padding:12px 0 20px 0; overflow:hidden; }
.main{ width:100%; margin-top:20px; overflow:hidden; }

.fixedwidth{ width:1000px; margin:0 auto; }
.autowidth{ width:100%; overflow:hidden; }

#webTel{ width:100px; height:120px; background:#a2cd3a; color:#fff; border:1px solid #89bd0d; padding:10px; line-height:20px; position:fixed; left:0; top:50%; margin-top:-60px; }

#onlineKF{ width:100px; height:120px; background:#a2cd3a; color:#fff; border:1px solid #89bd0d; padding:10px; line-height:20px; position:fixed; right:0; top:50%; margin-top:-60px; }
#onlineKF a{ color:#fff;}

.links{ width:540px; line-height:20px; clear:both; float:left; color:#fff;  }
.links a{ margin:0 2px; color:#fff; white-space:nowrap; }
.links span{ margin:0 3px; }

.footmenu{ width:100%; height:36px; line-height:36px; text-align:center; color:#99afc3; overflow:hidden; }
.footmenu a{ color:#99afc3; }
.footmenu span{ margin:0 12px; } 
.copr{ width:100%; line-height:20px; text-align:center; color:#99afc3; padding:12px 0 0 0; overflow:hidden; }
.copr a{ color:#99afc3; }

.fenye{ width:100%; margin:20px 0 0 0; float:left; text-align:center; overflow:hidden;  }
.sidebar{ width:210px; float:left; overflow:hidden; }
.content{ width:750px; float:right; overflow:hidden;  }
.logo{ width:600px; height:100px; clear:both; float:left; overflow:hidden;  }
.func{ width:380px; height:100px; float:right; overflow:hidden; } 
.hotline{ width:220px; height:48px; clear:both; float:left; margin:26px 0 0 0; background:url(../images/bj_hotline.png) no-repeat left center; padding:0 0 0 48px; font-size:12px; color:#000;  }
.hotline span{ display:block; font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#00386a; }
.lang{ float:left; height:13px; margin:48px 0 0 0; overflow:hidden; }

.mainbanner{height:420px;overflow:hidden; position:relative; margin-top:0px;}
.mainbanner_window{left:50%;width:1450px;height:420px;overflow:hidden;margin-left:-725px;position:absolute;}
.mainbanner_window ul{width:999999px;height:420px;position:relative; list-style:none; margin:0px; padding:0px;}
.mainbanner_window li{background:#fff;width:1450px;height:420px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{left:50%;top:380px;width:90px;height:18px;margin:0 0 0 -45px; padding:0; list-style:none; position:absolute; }
.mainbanner_list li{width:30px;height:18px;overflow:hidden;float:left;display:inline; }
.mainbanner_list a{background:url(../images/h1.png) no-repeat center top;width:18px;height:18px;line-height:18px; margin:0 6px; overflow:hidden;text-align:center;color:rgb(255, 255, 255);font-size:12px;font-weight:700;float:left;display:inline-block;}
.mainbanner_list li.active a{background:url(../images/h2.png) no-repeat center top;text-decoration:none;}
.mainbanner_list li a:hover{background:url(../images/h2.png) no-repeat center top;text-decoration:none;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ width:350px; height:350px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:350px;height:350px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:352px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px; list-style:none; margin:0; padding:0;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

.mainMenu{ width:100%; list-style:none; margin:0; padding:0; float:left; }
.mainMenu li{ width:125px; line-height:42px; float:left; position:relative; z-index:50; }
.mainMenu li:hover{ background:url(../images/bj_m2.jpg) repeat-x left top; }
.mainMenu li a{ width:100%; height:42px; display:block; color:#fff; font-size:14px; text-align:center; }
.mainMenu li.on{ background:url(../images/bj_m2.jpg) repeat-x left top;  }
.mainMenu li:hover a{ color:#fff;}
.mainMenu li.on a{ color:#fff; }
.mainMenu li ul{ width:100%; list-style:none; margin:0; padding:0;  float:left; position:absolute; top:42px; left:0; z-index:50; display:none; background:none; }
.mainMenu li ul li{ width:100%; line-height:36px; float:left;  background:#00386a; }
.mainMenu li ul li:hover{ background:#0055a0;}
.mainMenu li ul li a{ height:36px; font-size:12px; }
.mainMenu li:hover ul li a{ color:#fff; }
.mainMenu li:hover ul li:hover a{ color:#fff; }
.mainMenu li:hover ul{ display:block; }
.mainMenu li:hover ul li ul{ width:125px; list-style:none; margin:-30px 0 0 0; padding:0; position:absolute; left:125px; display:none; }
.mainMenu li:hover ul li:hover ul{  display:block;}
.mainMenu li:hover ul li:hover ul li a{ color:#2b2b2b; }
.mainMenu li:hover ul li:hover ul li a:hover{ color:#fff; }

.tBox{ width:100%; height:35px; border-bottom:1px solid #999;  overflow:hidden; }
.tBoxL{ height:35px; line-height:35px; float:left; }
.tzh{ float:left; font-size:18px; color:#00539d;}
.ten{ font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; width:88px; height:35px; line-height:35px; float:left; background:url(../images/ibg.png) no-repeat left center; text-align:center; margin-left:15px;   }
.tBoxR{ height:12px; float:right; margin-top:15px; }




.contactbox{ width:100%; margin-top:10px; line-height:26px; overflow:hidden; }
.gsname{ color:#00539d; font-weight:bold; font-size:14px; }

.about{ width:312px; height:228px; clear:both; float:left; margin:15px 0 0 0; overflow:hidden; }
.news{ width:400px; height:228px; float:left; margin:15px 0 0 36px; overflow:hidden; }
.contact{ width:216px; height:228px; float:right; margin:15px 0 0 0; overflow:hidden;}

.aboutus{ width:100%; margin-top:10px; overflow:hidden; }
.aboutus img{ width:312px; height:72px; }
.aboutus p{ margin:5px 0 0 0; line-height:21px; padding:0; font-size:12px; text-indent:24px; }

.iNews{ width:100%; margin-top:10px; overflow:hidden; }
.list-news-1{ width:100%; list-style:none; margin:0; padding:0; }
.list-news-1 li{ width:100%; height:26px; line-height:26px; background:url(../images/bj_n1.png)  no-repeat left center; overflow:hidden; text-indent:20px; }
.list-news-1 li:hover{ background:url(../images/bj_n3.png)  no-repeat left center;}
.list-news-1 li span{ float:right; color:#ccc; font-size:12px; font-family:Arial, Helvetica, sans-serif; }

.products{ width:100%; margin-top:10px; clear:both; display:block; float:left; overflow:hidden; }


#ProBox{ width:100%; height:147px; margin-top:15px; overflow:hidden; }
#ProContent{ width:100%; list-style:none; margin:0; padding:0; }
#ProContent li{ width:182px; height:137px; float:left; margin-right:20px; }
#ProContent li img{ width:180px; height:135px; border:1px solid #ccc; }

.ColumnCategory{ width:100%; margin-top:20px; overflow:hidden; }
.CategoryList{ width:100%; overflow:hidden; }
.topClass{ width:100%; list-style:none; margin:0; padding:0px; float:left; }
.topClass li{ width:100%; line-height:36px; border-bottom:1px solid #ccc; background:url(../images/jia.jpg) no-repeat 5px 13px; float:left; }
.topClass li:hover{ background:url(../images/jian.jpg) no-repeat 5px 13px; }
.topClass li.on{ width:100%; background:url(../images/jian.jpg) no-repeat 5px 13px; float:left; }
.topClass li a{ width:100%; height:36px;display:block; text-align:left; font-size:12px; color:#777; font-weight:bold; text-indent:20px; }
.topClass li a:hover{ color:#00386a;  }
.topClass li.on a{ color:#00386a;  }
.topClass li ul{ width:100%; list-style:none; margin:0px; padding:0; float:left; }
.topClass li ul li{ width:100%; line-height:30px; float:left; margin:0px; border-top:1px solid #ccc; border-bottom:0; background:none; }
.topClass li ul li:hover{ background:none;  }
.topClass li ul li.on{ background:none; }
.topClass li ul li a{ height:30px; font-weight:normal; text-align:left; text-indent:20px; font-size:12px; }
.topClass li.on ul{ display:block; }
.topClass li.on ul li a{ color:#777; font-weight:normal; }
.topClass li.on ul li a:hover{ color:#f00;}
.topClass li.on ul li.on a{ color:#f00;}
.GeneralTitle{ width:100%; height:37px; line-height:37px; background:url(../images/bj_tl.png) repeat-x left bottom; margin:0; font-size:18px; color:#00386a; overflow:hidden; }
.GeneralTitle span{ font-size:12px; color:#a4a4a4; font-family:Arial, Helvetica, sans-serif; margin-left:5px; }


.brandlist{ width:100%; list-style:none; margin:0 0 0 0; padding:0; }
.brandlist li{ width:100%; float:left; padding:10px 0; background:url(../images/line1.jpg) repeat-x left bottom; overflow:hidden; }
.brandlist li h5{ width:100%; height:50px; line-height:50px; font-size:16px; font-weight:normal; margin:0; padding:0; }
.brandlist li ul{ width:800px; list-style:none; margin:0; padding:0; }
.brandlist li ul li{ width:180px; height:120px; float:left; margin-right:10px; padding:0; background:none;  }
.brandlist li ul li img{ width:178px; height:89px; border:1px solid #ccc; display:block; }
.brandlist li ul li p{ width:100%; margin:0; padding:0; height:30px; line-height:30px; text-align:center; }

.actingBrand{ width:100%; margin-top:20px; overflow:hidden; }
.actingBrandList{ border:1px solid #ccc; padding:0 8px 8px 8px; /*background:url(../images/bbg.jpg) repeat; */border-top:0; overflow:hidden; }
.actingBrandList ul{ width:220px; list-style:none; margin:0; padding:0; }
.actingBrandList ul li{ width:92px; height:47px; float:left; margin:8px 8px 0 0; }
.actingBrandList ul li img{ width:90px;  height:45px; border:1px solid #ccc; }

.contactWay{ width:100%; margin-top:20px; overflow:hidden; }
.contactWay-box{ width:100%; padding:10px 0; line-height:2; overflow:hidden; }
.crumbs{ width:100%; height:32px; margin-top:43px; background:url(../images/bj_tr.png) repeat-x left bottom; overflow:hidden; }
.crumbs-l{ height:32px; line-height:32px; clear:both; float:left; font-size:16px; color:#00386a; background:url(../images/bj_tl.png) repeat-x left bottom; }
.crumbs-l span{ margin-left:5px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#a4a4a4;}
.crumbs-r{ height:32px; line-height:32px; float:right; overflow:hidden; font-size:12px; }

.insidePic{ width:100%; height:300px; overflow:hidden; }

.mainbox{ width:100%; overflow:hidden; }
.share{ padding:0 20px; overflow:hidden; }

.mainlist{ width:100%; overflow:hidden;   }
.article{ width:100%; line-height:2; padding:12px 0; overflow:hidden;  }
.article p:first-child{ margin:0; padding:0; }
.article img{ max-width:720px; }

/*.article table{ border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3; }
.article table tr td{ border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:5px; }*/

.title-list{ padding:20px 0 0 0; text-align:center; font-size:16px; font-weight:bold; color:#000; }
.func-list{ width:100%; text-align:center; padding:8px 0; margin:0;  background:url(../images/line1.jpg) repeat-x left bottom; color:#666; }

.list-news-3{ width:100%; list-style:none; margin:10px 0 0 0; padding:0px; overflow:hidden; }
.list-news-3 li{ float:left; width:100%; height:30px; line-height:30px; background:url(../images/bj_n1.png) no-repeat left center; text-indent:20px; }
.list-news-3 li:hover{ float:left; width:100%; height:30px; line-height:30px; background:url(../images/bj_n3.png) no-repeat left center; text-indent:20px; }

.list-news-3 li span{ float:right;  color:#a4a4a4; font-family:Arial, Helvetica, sans-serif; }
/*.list-news-3 li dl{ width:100%; margin:0px; padding:0px; }
.list-news-3 li dl dt{ width:120px; height:90px; border:1px solid #e3e3e3; float:left; overflow:hidden; }
.list-news-3 li dl dd{ width:560px; float:right; margin:0; padding:0px;  }
.list-news-3 li dl dd h6{ margin:0; padding:0; }
.list-news-3 li dl dd h6 a{ font-size:14px; color:#d20000; }
.list-news-3 li dl dd h6 span{ float:right; font-size:12px; color:#999; font-weight:normal; font-family:Arial, Helvetica, sans-serif;  }
.list-news-3 li dl dd p{ margin:5px 0px 0px 0px; padding:0px; line-height:1.5; }*/

.list-case-3{ width:100%; list-style:none; margin:0px; padding:0px; overflow:hidden; }
.list-case-3 li{ float:left; width:100%; padding:20px 0; background:url(../images/line1.jpg) repeat-x left bottom; }
.list-case-3 li dl{ width:100%; margin:0px; padding:0px; }
.list-case-3 li dl dt{ width:200px; height:155px; float:left; overflow:hidden; }
.list-case-3 li dl dt img{ width:180px; height:135px; padding:9px; border:1px solid #e3e3e3; }
.list-case-3 li dl dd{ width:500px; float:right; margin:0; padding:0px;  }
.list-case-3 li dl dd h6{ margin:15px 0 0 0; padding:0; }
.list-case-3 li dl dd h6 a{ font-size:14px; font-weight:bold; color:#7bae00; }
.list-case-3 li dl dd p{ margin:5px 0 0 0; padding:0; line-height:22px;}

.list-solution-3{ width:100%; list-style:none; margin:0px; padding:0px; overflow:hidden; }
.list-solution-3 li{ float:left; width:100%; padding:20px 0; background:url(../images/line1.jpg) repeat-x left bottom; }
.list-solution-3 li dl{ width:100%; margin:0px; padding:0px; }
.list-solution-3 li dl dt{ width:200px; height:150px; border:1px solid #e3e3e3; float:left; overflow:hidden; }
.list-solution-3 li dl dd{ width:480px; float:right; margin:0; padding:0px;  }
.list-solution-3 li dl dd h6{ margin:0; padding:0; }
.list-solution-3 li dl dd h6 a{ font-size:18px; color:#d20000; }
.list-solution-3 li dl dd p{ margin:5px 0px 0px 0px; padding:0px; line-height:20px; }

.btn1{ padding:5px 15px; border:1px solid #eee; background:#f8f8f8; color:#888; outline:0; cursor:pointer;  }
.btn1:hover{ background:#000; border:1px solid #bb0000; background:#e80000; color:#fff;  }

.basic{ width:100%; padding:20px 0; overflow:hidden; }
.basic-gallary{ width:320px; clear:both; float:left; border:1px solid #e3e3e3; padding:9px; }
.basic-gallary img{ width:320px; height:240px; }
.basic-info{ width:390px; float:right; overflow:hidden; }
.basic-info h2{ font-size:18px; color:#000; }
.basic-info p{ margin:6px 0 0 0; padding:0; line-height:2;}

.case-gallary{ width:320px; clear:both; float:left; border:1px solid #e3e3e3; padding:9px; }
.case-info{ width:360px; float:right; }
.case-info h2{ font-size:18px; color:#000; }
.case-info p{ margin:10px 0 0 0; padding:0; line-height:22px; }

.details{ width:100%; font-size:18px; color:#00386a; }

.tab_download{ border-left:1px solid #e3e3e3; border-top:1px solid #e3e3e3; margin-top:20px; }
.tab_download tr td{ border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:8px 0; text-align:center; }
.tab_download thead tr td{ background:#f8f8f8; font-weight:bold; }

.mandatory{ color:#f00; }
.textinp{ width:240px; height:22px; line-height:22px; border:1px solid #e3e3e3; background:#fff; outline:0; color:#8a8a8a; }
.textval{ width:94px; height:22px; line-height:22px; border:1px solid #e3e3e3; background:#fff; outline:0; color:#8a8a8a; }
.subinp{ width:96px; height:24px; line-height:20px; background:url(../images/btn.png) no-repeat left top; text-align:center; color:#fff; border:0; outline:0; }


.list-album{ width:750px; list-style:none; margin:20px 0 0 0; padding:0; }
.list-album li{ width:220px; height:260px; float:left; margin-right:30px; }
.list-album li img{ width:220px; height:220px; }
.list-album li p{ width:100%; height:40px; line-height:40px; text-align:center; margin:0; padding:0; }


.list-p1{ width:800px; list-style:none; margin:0 0 0 0; padding:0px; }
.list-p1 li{ width:182px; height:180px; float:left; margin:20px 7px 0 0; text-align:center; overflow:hidden; }
.list-p1 li img{ width:180px; height:135px; border:1px solid #ccc; }
.list-p1 li p{ margin:6px 0 0 0; line-height:1.5; padding:0; text-align:center; font-size:12px; }


.newspage{ color:#f00; padding:10px 0 0 0; font-weight:bold;  line-height:2; overflow:hidden;  }
.prevpage{ float:left;}
.nextpage{ float:right; }


#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;}