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

html { overflow-x:hidden; }
body { width:100%; margin:0; padding:0px; font-size:12px; color:#000; background:#e1e1e1; word-break:break-wrod; font-family:Arial, Helvetica, sans-serif; }
div,img,form,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; border:0px; }
a{ text-decoration:none; color:#000; }
a:hover { text-decoration:none; color:#00a9ec; }

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

#container{ width:1000px; margin:0 auto; background:#fff; overflow:hidden; }
#header{ width:100%; height:120px; border-top:5px solid #0197d2;  }
#menu{ width:100%; height:42px; background:url(../images/bj_m.png) repeat-x left bottom; }
#banner{ width:100%; overflow:hidden; background:#fff; }
#mainContent{ width:100%; overflow:hidden; }
#footer{ width:100%; padding:10px 0; background:#0197d2; margin:20px 0 0 0; overflow:hidden; }
.main{ padding:0 20px; overflow:hidden; }

.fixedwidth{ width:100%;  }
.autowidth{ width:100%; overflow:hidden; }

.links{ width:1000px; margin:0 auto; padding:0; text-align:center; overflow:hidden;   }
.links a{ margin:0 2px; }
.copr{ width:100%; text-align:center; line-height:2; color:#fff; overflow:hidden; }
.fenye{ width:100%; padding:20px; text-align:center; overflow:hidden;  }
.sidebar{ width:210px; float:left; margin:0 0 0 10px; overflow:hidden; }
.content{ width:750px; float:right; margin:0 10px 0 0;  overflow:hidden;  }
.logo{ width:480px; height:120px; clear:both; float:left; overflow:hidden;  }
.hotline{ width:200px; height:40px; margin:40px 0 0 100px; padding:0px 0 0 45px; float:left; background:url(../images/bj_hotline.png) no-repeat left top; }
.hotline span{ font-size:24px; font-weight:bold; color:#0197d2; font-family:"Times New Roman", Times, serif; }
.lang{ float:right; margin:60px 0 0 0; width:160px; height:12px; line-height:12px; text-align:center;}
.lang span{ margin:0 8px;}

.search{ width:220px; height:30px; clear:both; float:right; background:url(../images/bj_search.png) no-repeat left top; margin:12px 0 0 0; overflow:hidden; }
.sskey{ width:142px; height:30px; line-height:30px; border:0; background:none; margin:0 0 0 10px; outline:0; float:left; }
.ssbtn{ width:63px; height:30px; line-height:30px; text-align:center; color:#fff; border:0; background:none; float:right; cursor:pointer; }


.mainbanner{height:360px;overflow:hidden; position:relative;}
.mainbanner_window{left:50%;width:1000px;height:360px;overflow:hidden;margin-left:-500px;position:absolute;}
.mainbanner_window ul{width:999999px;height:360px;position:relative; list-style:none; margin:0px; padding:0px;}
.mainbanner_window li{background:#fff;width:1000px;height:360px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{left:50%;top:320px;width:150px;height:18px;margin:0 0 0 -75px; 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;}


.topMenu{ width:1050px;list-style:none; margin:0; padding:0; background:url(../images/bj_m1.png) repeat-x left top; float:left; }
.topMenu li{ width:166px; height:30px; float:left; position:relative; z-index:100; }
.topMenu li:first-child{ width:165px; }
.topMenu li.topMenuLine{ width:1px; background:url(../images/bj_m3.png) no-repeat left top; }
.topMenu li:hover{ background:url(../images/bj_m2.png) repeat-x left top; }
.topMenu li a{ width:100%; height:30px; line-height:30px; display:block; color:#fff; font-size:14px; font-weight:bold; text-align:center;  }
.topMenu li ul{ width:100%; list-style:none; margin:0; padding:0;  float:left; position:absolute; top:30px; left:0; z-index:100; display:none; }
.topMenu li ul li{ width:100%; height:30px; float:left; background:#2e77bf; border-bottom:1px solid #3471b5; }
.topMenu li ul li:first-child{ width:100%; }
.topMenu li ul li:hover{ background:#0197d2; border-bottom:1px solid #78c8e0; } 
.topMenu li ul li a{ width:100%; height:30px; line-height:30px; font-size:12px; font-weight:normal; color:#fff; }
.topMenu 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; }*/


.more{ }
.more a{ color:#fff; }


.hasborder table{ border-left:1px solid #e3e3e3; border-top:1px solid #e3e3e3; }
.hasborder table tr td{ border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:5px;}
.hasborder table tr td p{ margin:0; padding:0; }

.about{ padding:0 10px; margin:20px 0 0 0; overflow:hidden; }
.aboutTit{ width:100%; height:60px; line-height:72px; background:url(../images/bj_about.png) no-repeat center top; text-align:center; overflow:hidden; }
.aboutTit a{ font-size:20px; font-weight:bold; color:#0197d2; font-style:italic;  }
.aboutMain{ width:100%; line-height:2; position:relative; overflow:hidden; }
.aboutMain p:first-child{ margin:0; padding:0; }
.more_about{ position:absolute; right:0; bottom:0; }

.category{ padding:0 10px; margin:10px 0 0 0; overflow:hidden;  }
.categoryTit{ width:100%; height:50px; line-height:50px; background:url(../images/bj_pro.png) no-repeat center center; text-align:center; }
.categoryTit a{ font-size:20px; font-weight:bold; color:#0197d2; font-style:italic;  }
.mall-slide{width:100%;height:200px;position:relative;}
.mall-slide .mall-prev{display:block;position:absolute;width:21px;height:200px;left:0;background:url(../images/ileft.png) left center no-repeat;}
.mall-slide .mall-next{display:block;position:absolute;width:21px;height:200px;right:0;background:url(../images/iright.png) left center no-repeat;}
.mall-slide .mall-content{width:880px;height:200px;position:absolute;left:50px; overflow:hidden;}
.mall-slide li{display:block;float:left;height:200px;overflow:hidden;width:220px; text-align:center;}

.service{ width:550px; clear:both; float:left; margin:20px 0 0 10px; overflow:hidden; }
.itit{ width:100%; height:40px; line-height:40px; background:url(../images/bj_t1.png) no-repeat left center; border-bottom:1px solid #e3e3e3; text-indent:10px; }
.itit a{ font-size:20px; font-weight:bold; color:#0197d2;  }


.scene{ width:410px; float:right; margin:20px 10px 0 0; overflow:hidden; }
.mall-slide-scene{width:100%;height:250px; margin:25px 0 0 0; position:relative;}
.mall-slide-scene .mall-prev-scene{display:block;position:absolute;width:30px;height:250px;left:20px;background:url(../images/pleft.png) left center no-repeat;}
.mall-slide-scene .mall-next-scene{display:block;position:absolute;width:30px;height:250px;right:20px;background:url(../images/pright.png) left center no-repeat;}
.mall-slide-scene .mall-content-scene{width:300px;height:250px;position:absolute;left:55px; overflow:hidden;}
.mall-slide-scene li{display:block;float:left;height:250px;overflow:hidden;width:300px; text-align:center;}



.ibox{ padding:10px; border:1px solid #eee; border-top:0; height:180px; line-height:20px; }
.ibox p{ margin:0; padding:0; text-indent:24px; }

.list-news-1{ width:100%; list-style:none; margin:15px 0 0 0; padding:0; }
.list-news-1 li{ width:100%; height:32px; line-height:32px; border-bottom:1px solid #dbdbdb; }
.list-news-1 li span{ float:right; color:#666;}

.ColumnCategory{ width:100%; float:left; margin:10px 0 0 0; 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:40px; background:url(../images/bj_s1.png) repeat-x left top; float:left; }
.topClass li.on{ }
.topClass li a{ width:100%; height:40px;display:block; text-align:left; text-indent:30px; font-size:14px; color:#000; }
.topClass li a:hover{ color:#005db9;  }
.topClass li.on a{ color:#005db9;  }
/*.topClass li ul{ width:100%; list-style:none; margin:0px 0; padding:0px 0; display:none; float:left; border-bottom:1px solid #e3e3e3; }
.topClass li ul li{ width:100%; line-height:30px; float:left; background:url(../images/nb.jpg) no-repeat 30px center; margin:0px; }
.topClass li ul li:hover{ background:url(../images/nb.jpg) no-repeat 30px center; }
.topClass li ul li.on{ background:url(../images/nb.jpg) no-repeat 30px center; }
.topClass li ul li a{ height:30px; font-weight:normal; text-align:left; text-indent:32px; }
.topClass li.on ul{ display:block; }
.topClass li.on ul li a{ color:#5da300; font-weight:normal; }
.topClass li.on ul li a:hover{ color:#000;}
.topClass li.on ul li.on a{ color:#000;}*/
.GeneralTitle{ width:100%; height:40px; line-height:40px; background:url(../images/bj_tl.png) repeat-x left bottom; font-size:18px; font-weight:bold; color:#000; text-indent:30px; overflow:hidden; }

.contactWay{ width:100%; margin-top:15px; overflow:hidden; }
.contactWayMain{ padding:10px 20px 15px 20px; line-height:24px; border:1px solid #dbdbdb; overflow:hidden; }

.crumbs{ width:100%; margin:10px 0 0 0; float:left; border-bottom:1px solid #e3e3e3; overflow:hidden; }
.crumbsL{ height:39px; line-height:39px; clear:both; float:left; font-size:16px; color:#000; }
.crumbsR{ height:39px; line-height:39px; float:right; }

.insidePic{ width:100%; margin-top:20px; overflow:hidden; }

.mainbox{ border:1px solid #dbdbdb; }
.share{ padding:0 20px; overflow:hidden; }

.mainlist{ width:100%; float:left; 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:700px; }

.proCategory{ width:980px; clear:both; float:left; margin:0 10px; overflow:hidden;}
.proCategory ul{ width:1050px; list-style:none; margin:0 0 0 5px; padding:0; }
.proCategory ul li{ width:190px; height:190px; float:left; margin:5px 5px 0 0;}
.proCategory ul li img{ width:190px; height:190px;}


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

.strListName{ width:100%; float:left; padding:30px 0 10px 0; text-align:center; font-size:16px; font-weight:bold; background:url(../images/line1.jpg) repeat-x left bottom; color:#000; }
.strListFunc{ width:100%; text-align:center; padding:0 0 10px 0; margin:0; background:url(../images/line1.jpg) repeat-x left bottom; text-align:right; color:#666; }

.partnerlist{ width:100%; list-style:none; margin:0; padding:0 0 20px 0; float:left; }

.partnerlist li{ float:left; margin:20px 20px 0 0; }


.sceneList{ width:1000px; list-style:none; margin:24px 0 0 0; padding:0; }
.sceneList li{ width:302px; height:284px; float:left; margin:0 27px 0 0; text-align:center; }
.sceneList li img{ width:300px; height:250px; border:1px solid #e3e3e3; display:block; }
.sceneList li p{ width:100%; height:32px; line-height:32px; margin:0; padding:0; }

.sceneName{ width:100%; float:left; padding:30px 0 0 0; text-align:center; font-size:16px; font-weight:bold; color:#000; }
.scenePic{ width:100%; float:left; text-align:center; padding:20px 0 0 0;}
.scenePic img{ border:1px solid #e3e3e3; padding:9px; max-width:600px;}


.contactLeft{ width:450px; clear:both; float:left; }
.contactRight{ width:502px; float:right; }

.newsList{ width:100%; list-style:none; padding:0; margin:20px 0 0 0; }
.newsList li{ width:100%; float:left; padding:20px 0 0 0; }
.newsName{ width:100%; line-height:1.5; padding-bottom:7px; border-bottom:1px solid #e3e3e3; text-align:center; font-size:14px; font-weight:bold; }
.newsDetails{ width:100%; padding:10px 0 0 0; line-height:2; float:left; text-align:left; overflow:hidden; }


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

.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{ padding:20px 0; overflow:hidden; }
.basic-gallary{ width:100%; float:left; text-align:center;  }
.basic-gallary img{ max-width:750px;}
.basic-info{ width:100%; text-align:center; }
.basic-info h2{ font-size:18px; font-weight:bold; margin-top:15px; }
.basic-info p{ margin:10px 0 0 0; padding:0; line-height:2; color:#333;}

.proImg{ width:100%; float:left; text-align:center; margin:20px 0 0 0; overflow:hidden; }
.proImg img{ max-width:750px; }
.proName{ width:100%; padding:20px 0 10px 0; background:url(../images/line1.jpg) repeat-x left bottom; text-align:center; font-size:14px; font-weight:bold; color:#000;}


.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:200px; height:18px; line-height:18px; border:1px solid #dbdbdb; background:#fff; outline:0; }
.textval{ width:80px; height:18px; line-height:18px; border:1px solid #dbdbdb; background:#fff; outline:0; }


.list-album{ width:750px; list-style:none; margin:0; padding:0; }
.list-album li{ width:340px; height:290px; float:left; margin-right:20px; margin-top:20px; }
.list-album li img{ width:320px; height:240px; border:1px solid #e3e3e3; padding:9px; }
.list-album li p{ margin:0; padding:0; height:30px; line-height:30px; }


/*.list-p1{ width:750px; list-style:none; margin:0; padding:0px; }
.list-p1 li{ width:220px; height:200px; float:left; margin-right:20px; margin-top:20px; overflow:hidden; }
.list-p1 li img{ width:200px; height:150px; padding:9px; border:1px solid #e3e3e3; }
.list-p1 li p{ margin:0; padding:0; height:30px; line-height:30px; text-align:center; } 
*/
.list-p1{ width:750px; list-style:none; margin:0; padding:0; }
.list-p1 li{ width:220px; height:110px; border:1px solid #dbdbdb; margin:20px 20px 0 0; padding:5px 0; float:left; }
.list-p1 li img{ width:220px; height:88px; }
.list-p1 li p{ width:100%; text-align:center; margin:6px 0 0 0; padding:0;}



.newspage{ width:100%; color:#00a9ec; padding:20px 0 0 0;  text-align:center; line-height:2;  overflow:hidden;  }



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