@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;list-style:none}
img,a img{border:0px;vertical-align:bottom}
table{border-collapse:collapse;border:none}
input,select,textarea{font-size:12px}
body{font-family:Arial,"????";font-size:12px;line-height:22px;color:#333}

span.more a,span.more a:visited{float:right;display:block;height:26px;line-height:26px;padding-right:10px;margin-top:-26px;color:#666;font-weight:normal}
span.more a:hover{color:#000;text-decoration:none}
.L{float:left}
.R{float:right}
.hide{position:absolute;left:-9999px}
.dis{display:block}
.undis{display:none}
/*?????????*/
#topOuter{height:162px;overflow:hidden;background:url(../images/repeatX.jpg) repeat-x;margin-bottom:10px}
#topInner{width:1000px;margin:0 auto;overflow:hidden}
.wrapOuter{}
.wrapInner{width:1000px;margin:0 auto;overflow:hidden}
.header{width:1000px;height:99px;text-indent:-9999px;overflow:hidden;background:url(../images/headerBg.jpg) no-repeat}
.lMsg{float:left;width:220px;overflow:hidden}
.rMsg{float:right;width:770px;overflow:hidden}
.mMsg{float:left;width:1000px;overflow:hidden;margin-bottom:10px}
.mMsg .noBorder{border:none}
.subRMsg{float:right;width:770px;overflow:hidden}
.subRMsg .subTitStyle{height:26px;line-height:26px;padding-left:10px;font-weight:bold;font-size:14px;color:#0d5080;background:url(../images/allBg.jpg) no-repeat left bottom}
/*????*/
.search{float:right;display:inline;clear:right;width:195px;height:25px;margin:15px 15px 0px 0px;padding-left:55px;overflow:hidden;background:url(../images/search.gif) no-repeat}
.search .inpTxt{float:left;width:135px;height:22px;line-height:22px;padding:3px 5px 0px 5px;color:#333;font-size:12px;font-family:Arial;border:none;background-color:transparent}
.search .inpSub{float:left;width:49px;height:25px;cursor:pointer;border:0px;opacity:0;filter:alpha(opacity=0)}
/*????*/
.nav{float:left;width:1000px;height:32px;overflow:hidden}
.nav li{float:left}
.nav li a,.nav li a:visited{display:block;width:100px;height:32px;line-height:32px;text-align:center;font-size:14px;font-weight:normal;color:#fff}
.nav li a:hover{text-decoration:none;background:#eee;color:#333}
#topInner .nav li a.hoverCurrnt{background:#eee;color:#333}
#topInner .nav li a.current{text-decoration:none;background:#f6f9fc;color:#333}
#topInner .nav li a.current:hover{text-decoration:none;background:#f6f9fc;color:#333}
#nav ul{position:absolute;z-index:10;left:-9999px;width:250px;padding:0px;background:#eee;opacity:0.9;filter:alpha(opacity=90)}
#nav ul li{float:none;display:list-item;text-align:left}
#nav ul li a,#nav ul li a:visited{width:210px;height:auto;padding:0px 20px;text-align:left;line-height:26px;color:#333;font-weight:normal;font-size:12px}
#nav ul li a:hover{background:#333;color:#fc0}
#nav li.sfhover ul{left:auto;z-index:1000}
.seo{float:left;width:1000px;height:30px;line-height:30px;overflow:hidden;color:#808080}
/*??????2*/
.oneBanner{width:1000px;height:300px;overflow:hidden;margin-bottom:10px}
.banner{ overflow:hidden;margin-bottom:10px; text-align:center; padding-bottom:5px;}
.num{position:absolute;right:5px;bottom:5px}
.num li{display:inline;line-height:20px;padding:0px 3px;font-family:Arial;font-size:10px;cursor:pointer;font-weight:normal;margin-left:1px;background:#fff;color:#333}
.num li.on{background:#333;color:#fff}
/*??????3*/
.fwFrame{position:relative;width:1000px;height:300px;overflow:hidden;margin-bottom:10px}
#fwContent{width:1000px;height:300px;overflow:hidden}
#fwContent img{width:1000px;height:300px}
#fwControls{position:absolute;z-index:10;right:5px;bottom:5px}
#fwControls a{display:inline;padding:0px 3px;font-family:Arial;font-size:10px;cursor:pointer;font-weight:normal;margin-left:1px;background:#fff;color:#333}
#fwControls a.activeSlide{background:#333;color:#fff}
/*???????*/
.proSort{width:220px;overflow:hidden;margin-bottom:10px}
.proSort h2{height:26px;line-height:26px;padding-left:10px;font-size:14px;color:#0c507f;background:url(../images/allBg.jpg) no-repeat}
.proSort .content{width:198px;height:177px;padding:10px;border:1px solid #c3d4e5;border-top:none}
.proSort li{float:left;display:block;width:198px;height:25px;margin:0px;padding:0px;overflow:hidden; }
.proSort li a,.proSort li a:visited{display:block;width:185px;height:23px;line-height:23px;border:1px solid #fff;border-right:none;margin:0px;padding:0px 0px 0px 22px;overflow:hidden;color:#0d5080;background:url(../images/dian.gif) no-repeat 2px center;}
.proSort li a:hover{text-decoration:none;background:none}
.proSort li a.hoverCurrnt,
.proSort li a.hoverCurrnt:visited{text-decoration:none;border-color:#878787;background:none;opacity:0.9;filter:alpha(opacity=90)}
.proSort .proSortNav ul{position:absolute;z-index:10;left:-9999px;padding:0px 0px;overflow:hidden;background:#fff url(../images/line.gif) no-repeat left 23px;border:1px solid #878787;border-left:none;opacity:0.9;filter:alpha(opacity=90)}
.proSort .proSortNav ul li{float:none;width:auto;padding:0px 10px 0px 20px;background:url(../images/dian.gif) no-repeat 10px center}
.proSortNav ul li a,
.proSortNav ul li a:visited{display:inline;width:auto;position:relative;color:#0d5080;border:none;margin:0px;padding:0px;background:none;white-space:nowrap}
.proSortNav ul li a:hover{text-decoration:none;background:none;color:#c84b00}
.proSort .proSortNav li.sfhover ul{left:auto;margin:-25px 0px 0px 198px}
/*???????*/
.contact{width:220px;overflow:hidden;margin-bottom:10px}
.contact h2{height:26px;line-height:26px;padding-left:10px;font-size:14px;color:#0c507f;background:url(../images/allBg.jpg) no-repeat}
.contact .content{height:177px;padding:10px;border:1px solid #c3d4e5;border-top:none;color:#0d5080;line-height:25px}
/*?????*/
.iProShow{float:right;overflow:hidden;margin-bottom:10px}
.iProShow h2{height:26px;line-height:26px;padding-left:10px;font-size:14px;color:#666;}
.iProShow .goLeft,.iProShow .goRight{position:absolute;left:0px;top:0px;display:none}
.iProShow #scrollRow{width:748px; padding:20px 20px 0px 0px;overflow:hidden;border-top:none}
.iProShow #gscroll{width:748px; overflow:hidden}
.iProShow #gsub{ overflow:hidden; padding-left:12px;}
.iProShow #scrollRow ul{float:left; }
.iProShow #scrollRow li{float:left;width:184px;height:155px;text-align:center}
.iProShow span.proPhoto{display:block;width:160px;height:120px;margin:0 auto;padding:4px;border:1px solid #e5e5e5;overflow:hidden}
.iProShow span.proPhoto:hover{border-color:#999}
.iProShow span.proName{color:#333333}
/*??????*/
.about{float:left;width:540px;overflow:hidden;margin-bottom:10px}
.about h2{height:26px;line-height:26px;padding-left:10px;font-size:14px;color:#666;background:url(../images/allBg.jpg) no-repeat left -26px}
.about .content{height:177px;padding:10px;border:1px solid #e5e5e5;border-top:none;color:#666;overflow:hidden}
.about .content img{float:left;margin:0px 10px 10px 0px}
.about .content p{line-height:20px;margin-bottom:10px}
.about .content p a{color:#0d5080}
/*???????*/
.design{float:right;width:220px;overflow:hidden}
.design h2{height:26px;line-height:26px;padding-left:10px;font-size:14px;color:#0c507f;background:url(../images/allBg.jpg) no-repeat}
.design .content{position:relative;width:218px;height:197px;border:1px solid #c3d4e5;border-top:none}
.designImg{position:absolute;z-index:10;left:5px;top:5px;width:208px;height:187px;overflow:hidden}
.designImg img{width:208px;height:187px;overflow:hidden}
.designTxt{position:absolute;width:198px;padding-left:10px;z-index:10;left:5px;bottom:5px;height:25px;line-height:25px;color:#fff;overflow:hidden;background:#878787;opacity:0.7;filter:alpha(opacity=70)}
.designNum{position:absolute;z-index:10;text-align:right;right:15px;bottom:10px}
.designNum span{padding:2px 5px;line-height:15px;font-size:10px;text-align:center;color:#fff;font-family:Arial;cursor:pointer}
.design .proCurrent{background:#126daf;color:#fff}
/*??????*/
.video{float:left;width:220px;overflow:hidden}
.video h2{height:26px;line-height:26px;padding-left:10px;font-size:14px;color:#0c507f;background:url(../images/allBg.jpg) no-repeat}
.video .content{height:177px;padding:10px;border-left:1px solid #c3d4e5;border-bottom:1px solid #c3d4e5;border-right:1px solid #c3d4e5;background:#fff}
/*???????*/
.tech{float:left;width:390px; margin-left:10px;overflow:hidden;background:url(../images/allBg.jpg) no-repeat left -26px}
.tech h2{height:26px;line-height:26px;padding-left:10px;font-size:14px;color:#0c507f}
.tech .content{height:187px;padding:5px 20px;border-right:1px solid #c3d4e5;border-bottom:1px solid #c3d4e5;background:#fff}
.tech li{line-height:25px;border-bottom:1px dotted #bebebe;padding-left:10px;background:url(../images/dian.gif) no-repeat left center}
.tech li a:link,.tech li a:visited{color:#666}
.tech li a:hover{color:#0d5080;text-decoration:none}
.tech li span{float:right;color:#999}
/*??????*/
.news{float:left;width:390px;overflow:hidden}
.news h2{height:26px;line-height:26px;padding-left:10px;font-size:14px;color:#0c507f}
.news .content{height:187px;padding:5px 20px;border-right:1px solid #c3d4e5;border-bottom:1px solid #c3d4e5;background:#fff}
.news li{line-height:25px;border-bottom:1px dotted #bebebe;padding-left:10px;background:url(../images/dian.gif) no-repeat left center}
.news li a:link,.tech li a:visited{color:#666}
.news li a:hover{color:#0d5080;text-decoration:none}
.news li span{float:right;color:#999}
/*?????��*/
.equipment{float:left;position:relative;width:968px;margin-bottom:10px;padding:10px 10px 10px 20px;overflow:hidden;border:1px solid #e5e5e5}
.equipment .content{width:948px;overflow:hidden}
.equipment ul{float:left}
.equipment li{float:left;width:146px;margin-right:10px;text-align:center}
.equipment li span.photo{display:block;width:140px;height:140px;padding:2px;border:1px solid #ccc;overflow:hidden}
.scroll_con{width:1404px;overflow:hidden}
/*????????*/
.fLink{clear:both;width:988px; padding:10px 0 0 0 ; color:#666;margin-bottom:10px}
.fLink a,.fLink a:visited{color:#666;padding-right:5px}
.fLink a:hover{text-decoration:none;color:#000}
/*???*/
.footOuter{ background:#e8edf1;clear:both; border:1px solid #e8edf1; }
.footInner{width:1000px;margin:0 auto;padding-top:15px;text-align:center}
.footInner p{color:#666}
.backTop{display:none;position:fixed;z-index:10;right:5px;top:5px}
.backTop a{display:block;width:17px;height:60px;overflow:hidden;background:url(../images/goTop.gif) no-repeat;text-indent:-9999px}
/*???????*/
.floater{z-index:10}
.floater p{margin-bottom:5px;color:#33719f}
.floater p img{vertical-align:middle}
.floater p span{font-family:Arial;padding-left:5px}
.floater a,.floater a:visited{color:#33719f;text-decoration:none}
.floater a:hover{color:#be3e23;text-decoration:none}
.floater span.close{color:#666;display:block;text-align:center;cursor:pointer}
.floater span.close:hover{color:#be3e23}
/*??????????*/
.fixed{position:fixed;right:0px;top:170px;padding-left:26px}
.fixed .sliding{position:absolute;left:0px;top:0px;width:25px;min-height:109px}
.fixed .sliding div{width:15px;padding:23px 5px 30px 5px;line-height:15px;color:#fff;text-align:center;cursor:pointer;background:url(../images/onlineTitBg.gif) no-repeat left top}
.fixed .sliding .expand{background-position:left top}
.fixed .sliding .keep{background-position:-25px top}
.fixed .onlineOuter{width:170px;overflow:hidden}
.fixed .onlineInner{width:170px;min-height:99px;padding:10px;background:#fff;border:1px solid #ccc;border-right:none}
/*???????????????*/
.floaterLR{min-width:120px;border:1px solid #ccc;background:#f8f8f8}
.floaterLR h2{display:block;float:none;color:#fff;background:#333;text-align:center;font-size:12px;font-weight:normal;padding:3px 0px}
.floaterLR .fLRMiddleBg{padding:10px 10px 5px}
/*??????*/
.closeImg{position:absolute;z-index:40;right:10px;top:10px;width:10px;height:10px;overflow:hidden;cursor:pointer}
.frameBody{background:#fff}
.frameBody h2{height:30px;line-height:30px;overflow:hidden;font-size:14px;color:#fff;background:#333;margin:0px;padding:0px 0px 0px 10px}
.frameBody table{margin:15px 0px 0px 30px}
.frameBody th{font-weight:normal;font-size:12px;text-align:right}
.frameBody td{padding:1px 0px 1px}
.frameBody td img{vertical-align:middle}
.frameBody td span{cursor:pointer}
.frameBody td span:hover{text-decoration:underline}
.frameBody .inpTxt{font-family:Arial;color:#333;background:#fff;border:1px solid #ccc;padding:3px;width:202px}
.frameBody .codeNumber{width:auto}
.frameBody .focusbg{border-color:#818181;border-color:#666}
.frameBody .tips{width:200px;padding:2px 5px;background:#fff6d2}
.frameBody .err{width:200px;padding:2px 5px;background:#ffcccc}
.frameBody textarea.inpTxt{width:312px}
.frameBody .infoTips{width:310px}
.frameBody .infoErr{width:310px}
.frameBody .loading img{vertical-align:middle;margin-right:10px}
/*??????*/
.cvFrameBody th{vertical-align:top}
.cvFrameBody td{padding:2px 0px 2px;vertical-align:top}
.cvFrameBody input,
.cvFrameBody select,
.cvFrameBody textarea,
.cvFrameBody label{float:left;margin-right:5px}
.cvFrameBody .inpTxt{width:auto}
.cvFrameBody .inpFile{padding:3px;font-size:12px;color:#333}
.cvFrameBody select.inpTxt{padding:2px}
.cvFrameBody textarea.inpTxt{width:auto}
.rightBox{float:left;width:16px;height:16px;overflow:hidden;background:url(../images/right.gif) no-repeat}
.errBox{float:left;padding-bottom:5px;background:url(../images/err.gif) no-repeat left bottom}
.errTxt{float:left;width:285px;padding:2px 5px 0px 40px;background:url(../images/err.gif) no-repeat left top}
.tipsBox{float:left;padding-bottom:5px;background:url(../images/tips.gif) no-repeat left bottom}
.tipsTxt{float:left;width:285px;padding:2px 5px 0px 40px;background:url(../images/tips.gif) no-repeat left top}
/*??????*/
.reg{display:none;position:absolute;width:470px;height:450px;background:#fff}
.loading{text-align:center;padding-top:20px}
.loading span{padding-left:20px;background:url(../images/loadings.gif) no-repeat left center}
/*???????*/
.getPass{display:none;position:absolute;width:370px;height:150px;overflow:hidden}
div.getPassContain{padding-top:20px;text-align:center}
div.getPassContain p{margin-top:10px}
div.getPassContain p strong{color:#CC3300;font-weight:normal}
/*????????*/
.message{display:none;position:absolute;width:520px;height:480px;overflow:hidden}
/*??????*/
.job{display:none;position:absolute;width:800px;height:520px;overflow:hidden}