/*common*/
ul,dl,li,p,form{	
	margin: 0;
	outline: 0;
	padding: 0;
	font-size: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img{ border:0}

/* 效果CSS开始 */
.mBan1 { overflow: hidden;border-radius:0px 0px 0px 0px; }
.mBan1 .slideBox{ width:100%; height:auto; position:relative; }
.mBan1 .slideBox .hd{ height: 10px; overflow: hidden; position: absolute; bottom: 10px; z-index: 1;  background: url(images/btnBg.png) center no-repeat; margin-left:-0px;  left: 50%; padding: 4px 0px 0px 11px; }
.mBan1 .slideBox .hd ul{ zoom: 1; }
.mBan1 .slideBox .hd ul li{ float: left; width:30px; height: 8px; background: #eeeeee; cursor: pointer; margin-right: 10px; }
.mBan1 .slideBox .hd ul li.on{ background:#0066CC; }
.mBan1 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.mBan1 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important}
.slideBox .bd img{ width:100%; height:auto; display:block;  }

.mBan2 { overflow: hidden;border-radius:0px 0px 0px 0px; }
.mBan2 .slideBox{ width:100%; height:auto; position:relative; }
.mBan2 .slideBox .hd{ height: 10px; overflow: hidden; position: absolute; bottom: 10px; z-index: 1;  background: url(images/btnBg.png) center no-repeat; margin-left:-0px;  left: 50%; padding: 4px 0px 0px 11px; }
.mBan2 .slideBox .hd ul{ zoom: 1; }
.mBan2 .slideBox .hd ul li{ float: left; width:30px; height: 8px; background: #eeeeee; cursor: pointer; margin-right: 10px; }
.mBan2 .slideBox .hd ul li.on{ background:#0066CC; }
.mBan2 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.mBan2 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important}
.slideBox .bd img{ width:100%; height:auto; display:block;  }
/* 效果CSS结束 */


* a{text-decoration: none;	color:#444444;}
a:hover{ color:#0033CC;}

/*banner切换大图*/
ul,li,h1,h2,h3,h4,h5,h6 {	 LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING:0px; font-weight:normal}

body,td,th {font-size: 14px;color: #333333;font-family: "Microsoft YaHei", "微软雅黑","黑体","Hiragino Sans GB", sans-serif;}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	min-width:1260px;
}
img{ border:0}
.c888,.c888 a{ color:#888888}

.ppbox{ width:380px; height:260px; position:relative}
.ppbox img{ width:100%; height:100%}
.info{position: absolute;top: 0;bottom: 0;left: 0;right: 0;text-align: center;-webkit-backface-visibility: hidden;backface-visibility: hidden;background: rgba(0, 0, 0, 0.8); opacity: 0;-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;color:#FFFFFF; line-height:260px; text-align:center; font-size:20px}
a:hover .info,a:hover .info1 {opacity: 1;}
.f5{ padding:10px 0 60px 0; background:#f5f5f5}
.yellow,.yellow a{ color:#FFFF66}

.yuanjiao{ -moz-border-radius: 5px ;  -webkit-border-radius: 5px; border-radius:5px;}
.flda{ width:1200px; margin:60px auto; height:565px}
.flda a{ display:block; width:250px;  height:530px; text-align:center; padding:20px 25px; margin:0; float:left;border-radius:0px; color:#FFFFFF}
.flda a.c1{ background:#10A6D8}
.flda a.c2{ background:#10B4EA}
.flda a.c3{ background:#27CAF6}
.flda a.c4{ background:#0FD8B0}
.flda a span{ display:block; height:170px; width:170px; margin:15px auto; background-position:center; background-repeat:no-repeat;  background-color:#ffffff;border-radius:50%;}
.flda a:hover{ background:#ff9900}
.flda a span.s1{ background-image:url(images/c1.png)}
.flda a span.s2{ background-image:url(images/c2.png)}
.flda a span.s3{ background-image:url(images/c3.png)}
.flda a span.s4{ background-image:url(images/c4.png)}
.flda a h1{ font-size:25px; line-height:50px;}
.flda a h2{ font-size:14px; line-height:28px; text-align:left;}
.flda a:hover h1{ color:#ffffff; font-weight:bold}
.flda a:hover h2{ color:#ffffff}

.wda{ width:1200px; margin:15px auto; height:340px;}
.wda a{ display:block; width:250px; text-align:center; padding:20px 25px; margin:0; float:left;border-radius:0px; color:#FFFFFF}
.wda a span{ display:block; height:170px;margin:15px auto; background-position:center; background-repeat:no-repeat; }
.wda a:hover{ font-weight:bold; color:#00CCFF}
.wda a span.s1{ background-image:url(images/ww1.png)}
.wda a span.s2{ background-image:url(images/ww2.png)}
.wda a span.s3{ background-image:url(images/ww3.png)}
.wda a span.s4{ background-image:url(images/ww4.png)}
.wda a:hover span.s1{ background-image:url(images/w1.png)}
.wda a:hover span.s2{ background-image:url(images/w2.png)}
.wda a:hover span.s3{ background-image:url(images/w3.png)}
.wda a:hover span.s4{ background-image:url(images/w4.png)}
.wda a h1{ font-size:25px; line-height:50px;}
.wda a h2{ font-size:15px; line-height:28px;}
.wda a:hover h1{ color:#ff9900; font-weight:bold}
.wda a:hover h2{ color:#ff9900}

/*导航*/
ul,li{ list-style:none; padding:0; margin:0; }
.dh{ cursor:pointer;  padding:0;  margin:0 auto;z-index:20; width:100%; }
.dh li{float:left;  text-align:center; height:104px; display:block; width:100px;  padding:0; line-height:104px; font-size:16px; color:#333333; margin-right:1px  }
.dh li a{display:block;color:#333333 ; }
.dh li:hover,.dhon{ background:#3080F8}
.dh li:hover a,a.dhon{ color:#ffffff}
a.dhon:link{ color:#FFFFFF}
.dh li a:hover{ color:#ffffff; text-decoration:none;}
.dh li div{top:0px; position:relative; z-index:999;left:0px; line-height:35px; padding:0px;  display:none; text-align:center; font-size:14px; font-weight:normal;white-space:nowrap; width:100px;}
.dh li:hover div{ display:block; }
.dh li div a{background:#3080F8; color:#ffffff;  text-align:left; text-align:center;display:block; border-top:1px solid #6BA5FA}
/* width: expression_r( document.body.clientWidth < 61 ? "60px" : "auto" );*/
.dh li div a:hover{ background:#ff8800;color:#FFffff; }

.dalei3,.dalei4,.dalei5{ padding-bottom:8px; height:354px}
.dalei3 a,.dalei4 a,.dalei5 a{font-weight:bold; background:#5699FE; border:#76ACFE 1px solid; text-align:center; color:#FFFFFF; display:block; margin-top:8px}
.dalei3 a{line-height:108px; font-size:35px;}
.dalei4 a{line-height:78px; font-size:30px;}
.dalei5 a{line-height:61px; font-size:25px;}
.dalei3 a:hover,.dalei4 a:hover,.dalei5 a:hover{background:#015FEB;}
.tith{ font-size:30px; font-weight:bold; background:url(images/tithbg1.png) center no-repeat; text-align:center}
.tithh{ font-size:30px; font-weight:bold; text-align:center}
.ocf,.ocf a{ color:#00CCFF}
.whytit{ background:#0166FC; color:#FFFFFF; font-size:25px; width:180px; text-align:center; line-height:52px; margin-left:auto; margin-right:auto;border-radius:15px 0;}
.zzbox{ width:410px; height:310px; position:relative; background:#FF0000}
.info1{position: absolute;top: 5px;bottom: 0;left:5px;right: 0;text-align: center;-webkit-backface-visibility: hidden;backface-visibility: hidden;background: rgba(0, 0, 0, 0.8); opacity: 0;-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;color:#FFFFFF; line-height:310px; width:100%; height:100%; text-align:center; font-size:20px}
.zz td img{ width:100%; height:100%; border:5px solid #dddddd}
.zz td img:hover{ border:5px solid #0099FF}
.rc td{ text-align:center; line-height:25px;}
.rc td div{ background:#eeeeee; padding:0 0 13px 0}
.rc td img{ width:220px; height:330px; margin-bottom:8px; border-bottom:1px solid #dddddd}
.rc td:hover img,.sb td:hover img{filter:alpha(opacity=80);opacity:0.8;}
.rc td:hover{ font-weight:bold}
.sb td img{ width:280px; height:190px;}
.lxbg{ background:url(images/lxbg.png) 0 10px no-repeat; line-height:48px; padding-left:40px; text-align:left; font-size:16px}
.lytxt{ color:#000000; border:1px solid #9ed0fe; font-size:16px; background:url(); line-height:33px; padding-left:10px; margin-bottom:10px}
.lybut{ background:#3399CC; color:#FFFFFF; font-size:16px; text-align:center ; line-height:33px; border:0; width:224px; margin-right:10px; cursor:pointer}
.lyreset{ background:#888888; color:#FFFFFF; font-size:16px; text-align:center ; line-height:33px; border:0; width:224px; cursor:pointer}
.lybut:hover{ background:#0066CC}
.lyreset:hover{ background:#666666}

.fl{font-size:15px; font-weight:bold;}
.fl a{height:36px; line-height:36px; display:block; border-bottom:1px dotted #aaaaaa; color:#0033CC}
.fl a:hover{ color:#000000; text-decoration:none; }
.fls{ font-size:14px;line-height:30px; width:50%}
.fls a{ color:#333333; display:block; background:url(images/dot.gif) 0 13px no-repeat; padding-left:9px;}
.fls a:hover{ color:#0033CC; text-decoration:underline}
.pos{ color:#555555; border-bottom:1px solid #dddddd}
.pos a{ color:#555555}
.pos a:hover{ color:#ff0000}
.dis {display:block}
.undis {display:none}

.titleft{font-size:18px; color:#333333; border-bottom:1px solid #eeeeee; padding-left:8px; padding-top:12px}
.titleft span{ border-bottom:1px solid #666666; line-height:22px; display:inline-block; padding-bottom:5px}



.telr{ background-color:#0166FC; background-image:url(images/telr.png); background-position:10px 7px; background-repeat:no-repeat; padding-left:45px; color:#FFFFFF; font-family:impact; font-size:28px; line-height:40px;}
.bor4blue{ border:1px solid #0497E4}

.morebai{ color:#0456BA; border:1px solid #0456BA; line-height:36px; font-size:14px; text-align:center; width:160px; margin:15px auto;}
.morebai a{ color:#0456BA; display:block}
.morebai a:hover{ background:#0456BA; color:#FFFFFF}
.morelan{ color:#ffffff; border:1px solid #ffffff; line-height:36px; font-size:14px; text-align:center; width:120px; margin:15px auto;}
.morelan a{ color:#ffffff; display:block}
.morelan a:hover{ background:#3080F8; color:#FFFFFF}


.pmore a{ background:url(images/nmore.png) right; line-height:50px; padding-left:15px; display:block; color:#666666}
.pmore a:hover{ background:url(images/nmoreon.png) right; color:#FFFFFF; line-height:50px; padding-left:15px; display:block;}
.plistn{ border-bottom:1px solid #eeeeee; padding:20px 0;}
.padl30{ padding-left:30px}
.hei,.titnei,.tit,.titmid,.foot,.ww1 td{font-family: "Microsoft YaHei", "微软雅黑","黑体","Hiragino Sans GB", sans-serif;}
.mart25{ margin-top:25px}
/*.fixtop{border-top:5px solid #d31919; background:#252E3C; width:100%; position:fixed; top:0; z-index:9999}*/



.titn{ line-height:36px; height:36px; text-align:left; font-size:36px;  color:#dd0000; font-weight:bold }
.titn span {font-size:18px;  font-family:Arial, Helvetica, sans-serif; margin-left:18px; font-weight:normal; color:#aaaaaa; }
.listnt a{ background:url(images/dot.png) center left no-repeat; line-height:36px; padding-left:15px; text-align:left; display:block; font-size:16px;}
.listnt a:hover{ color:#CC0000; padding-left:20px;font-size:16px;}
.listnr { color:#999999; text-align:right}

.cecece,.cecece a{ color:#cecece}
.cecece a:hover{ color:#ffffff}

.ntit{ font-size:22px; color:#000000; padding:8px 0;}
.ntit a{ color:#000000; line-height:36px; display:block}
.ntit a:hover{ color:#FFFFFF; background:#333333; padding-left:10px}
.ncon{ font-size:14px ; line-height:21px; color:#777777}

.newslist{ background:url(images/newslist.jpg)  no-repeat 6px 7px; text-align:left; text-indent:22px; line-height:25px; border-bottom:1px dashed #dddddd}
.dotlist{ background:url(images/dotlist.jpg)  no-repeat 2px 12px; text-align:left; text-indent:15px; line-height:29px; border-bottom:1px dashed #dddddd}
.conpro{ line-height:30px; font-size:16px}
.conpro img{ max-width:100%}

.picbox{ border:1px solid #cccccc; padding:2px;}
.picbox:hover{ border:2px solid #cc0000; padding:1px }
.s18{ font-size:18px}
.red,.red a{ color:#FF0000}
.l18{ line-height:18px; color:#666666}
.padl8{ padding-left:8px}
.l30{ line-height:30px}
.gry{ color:#999999}
.l25{ line-height:25px}
.pad8{ padding:8px}
.white{ color:#FFFFFF}
.white a:link,.white a:visited{ color:#FFFFFF}
.white a:hover{ color:#FFFFFF;}
.l40{ line-height:40px}
.l36{ line-height:36px}
.s16{ font-size:16px}
.c666,.c666 a{ color:#666666}
.c666 a:hover{ color:#FF0000}
.mart50{ margin-top:50px}
.mart70{ margin-top:70px}
.mart20{ margin-top:20px}
.mart35{ margin-top:35px}
.mar8{ margin-top:8px}
.mar15{ margin-top:15px}
.mart{ margin-top:8px}
.b{ font-weight:bold}
.black,.black a{ color:#000000}
a.black:hover,.black a:hover{ color:#ff0000}
.s14{ font-size:14px;}
.s12{ font-size:12px;}
.blues,.blues a{ color:#0166FC}
.s14b{ font-size:14px; font-weight:bold}
.dblue{ color:#0B3B7D;}
.bor4{ border:1px solid #dddddd}
.bor3{ border:1px solid #dddddd; border-top:0}
.pad10{ padding:10px;}
.lineb{ border-bottom:1px dashed #dddddd}
.org{ color:#FF6600}
.l20{ line-height:20px}
.lined{ border-bottom:1px solid #dddddd}


/*产品列表*/
.l18{ line-height:22px;}
.l18 img{ margin-bottom:8px; border:0px;}
.l18:hover{ background:#f7f7f7}

.tit{ font-size:22px; font-weight:bold; color:#000000; line-height:50px;border-bottom:1px dashed #cccccc}
.proxx{border-bottom:1px dashed #cccccc; font-size:16px; line-height:40px}

/*内页新闻列表*/
.listnews{ padding-bottom:15px; }
.listnews h1,.listnews h2,.listnews h3{list-style:none; padding:0; margin:0}
.listnews h1 {font-size:16px; line-height:25px; height:25px; overflow:hidden }
.listnews h2 { font-size:12px; color:#999999; line-height:25px;font-weight:normal; height:25px;}
.listnews h3 { line-height:18px; font-size:12px;font-weight:normal; color:#666666}
/*内页新闻列表结束*/

/*内页工作列表*/
.listjob{ padding-bottom:15px; }
.listjob h1,.listjob h2,.listjob h3{list-style:none; padding:0; margin:0}
.listjob h1 {font-size:20px; line-height:25px;overflow:hidden;font-weight:bold; }
.listjob h2 { font-size:12px; color:#999999; line-height:25px;font-weight:normal; height:25px;}
.listjob h3 { line-height:25px; font-size:14px;font-weight:normal; color:#666666}
.listjob h1 span{ -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; background:#0066cc; color:#ffffff; font-size:14px; font-weight:normal; display:inline-block; float:right; line-height:30px; height:30px; padding:0 12px; text-align:center; margin-top:5px}
.listjob h1 span:hover{ background:#ff9900; font-weight:bold}

.listjob h2 span,a.tdjl{ -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; background:#ff6600; color:#ffffff; font-size:14px; font-weight:normal; display:inline-block; float:right; line-height:30px; height:30px; padding:0 12px; text-align:center;}
.listjob h2 span:hover,a.tdjl:hover{ background:#cc0000; font-weight:bold}
.listjob font{color:#FF6600; font-size:16px;}
/*内页工作列表结束*/

.green,.green a{ color:#339900}
.green a:hover{ color:#000000}

/*QQ*/
.qq{ cursor:pointer;  padding:0;  margin:0 auto;z-index:20; width:100%;}
.qq li{float:left;  text-align:center; height:70px; display:block;   width:70px; padding:0; color:#FFFFFF; }
.qq li.qqq{ background:url(images/qqbg.png)}
.qq li.qqq:hover{ background:url(images/qqbgon.png)}
.qq li.qyue{ background:url(images/qqbg.png) 0 -70px; height:72px;}
.qq li.qyue:hover{ background:url(images/qqbgon.png) 0 -70px; height:72px;}
.qq li.qtel{ background:url(images/qqbg.png) 0 -142px;}
.qq li.qtel:hover{ background:url(images/qqbgon.png) 0 -142px;}
.qq li.qwx{ background:url(images/qqbg.png) 0 -212px;}
.qq li.qwx:hover{ background:url(images/qqbgon.png) 0 -212px;}
.qq li.qtop{ background:url(images/qqbg.png) 0 -283px;}
.qq li.qtop:hover{ background:url(images/qqbgon.png) 0 -283px;}
.qq li div{top:-70px; min-height:50px; position:relative; z-index:999;left:-180px;; width:160px; line-height:25px; color:#ffffff; padding:10px 10px;  display:none; text-align:center; font-size:16px; font-weight:normal; background:url(images/qqonleft.png) right top no-repeat;}
.qq li:hover div{ display:block; }

.dhdiv{ width:100%; height:55px; background:#0154A1;border-bottom:1px solid #cccccc;}
.fixhead{ position:fixed; top:0; z-index:999;}


/*放大镜*/
.MagicZoomBigImageCont{border:1px solid #0099CC;overflow:hidden;}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}