﻿@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,code,form,legend,b,button,input,textarea,blockquote{margin:0;padding:0;}
img,abbr,acronym{border:0;}
table td{word-break:break-all;}
caption,th{text-align:left;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700;}
input,button,textarea,select{font-size:inherit;*font-size:100%;font-family:inherit;}
address,cite,dfn,em,code,var,caption,th{font-style:normal;font-weight:normal;}
q:before,q:after{content:'';}
wbr:after{content:'\00200b';}
/* Basic */
*{word-wrap: break-word;}
*::selection,*::-moz-selection{background:#669bb7;color:#fff;}

.cbh{ clear:both; height:0; overflow:hidden}
.fl{ float:left}
.fr{ float:right}
.none{ display:none}
a:hover img{ border-color:#999}
.mt12{ margin-top:12px !important}
.red{ color:red}
.customers li p,.Hproduct li p,.HChonor li p{ height:22px; overflow:hidden; padding-top:3px}
.LPnav li a:hover,.Lmenu a:hover{ text-decoration:none; color:#20D8FF}

body{background:#65656D url(../images/bg.gif) repeat; font:12px/22px Tahoma, Geneva, sans-serif,"宋体"; color:#555;}
a{text-decoration:none;color:#555;}
a:hover{ color:red; text-decoration:underline}
.wrap{ width:960px; margin:0 auto;}
.bar{ height:27px; border-bottom:1px solid #DFDFDF; overflow:hidden; white-space:nowrap; background:url(../images/Mbg.gif) repeat-x; padding:2px 0 0; line-height:24px}
#bdshare{ width:360px; float:left; line-height:16px;}
.bds_more{ padding-top:6px}
/*.wbofl{ float:left; padding-top:1px}*/
.bar .fr{ color:#AAA;}
.bar .fr a{ display:inline-block; padding:0 2px}
.head{ height:96px; padding-top:16px; background:#FFF}
.Htel{ float:right; padding-top:12px}
.nav{ height:47px; top:0; width:100%; z-index:9999; background:#FFF url(../images/Mbg.gif) repeat-x 0 -30px}
.nav ul{ height:47px; overflow:hidden;background:url(../images/Mbg.gif) no-repeat 0 -80px; width:958px; padding-left:2px}
.nav li{ float:left;  height:47px; overflow:hidden; background:url(../images/Mbg.gif) no-repeat right -80px; padding-right:2px;}
.nav li a{display:block; float:left; color:#FFF; text-align:center; width:104px; font:bold 15px/47px '微软雅黑'}
.nav li a:hover{ color:#20D8FF; text-decoration:none}
.nav li.active a{ background:#1F1F1F !important;}
.Tmain{  background:url(../images/Tmain.gif) repeat-x; height:20px}
.more{ font-size:12px; float:right; font-family:'宋体'; padding-top:2px \9}
.Newdom{ overflow:hidden; margin:0 auto; position: relative}
.Newdom ul{ width:2000%; position:relative;}
.division{ height:12px; background:url(../images/bg.gif) repeat-x; overflow:hidden; border-top:1px solid #C3C3C3;}
.MBot{ height:1px; background:url(../images/MBot.gif) no-repeat; overflow:hidden; clear:both}
/**Bannder**/
#bannder{ height:360px; background:#333; position:relative; overflow:hidden; width:100%; text-align:center;}
.bgitem{background:#333 url(../images/bannder1.jpg) no-repeat center 0;height: 360px; width: 100%; display:none;}
#bannder .btn{ position:absolute; bottom:10px; left:50%; padding:5px 0 0 0; width:480px; line-height:18px; text-align:right}
#bannder .btn span{ color:#FFF;background:#333;cursor: pointer;display: inline-block;margin-left: 5px; width:19px; height:19px; text-align:center; border:1px solid #262626;border-radius: 19px; padding-left:1px;}
#bannder .btn span.cur{ background:#0599DE; font-weight:bold; border-color:#0084C1}
/**产品**/

#main{ background: url(../images/mainBg.gif) repeat-y}
.Larea{ width:200px; float:left; padding-bottom:10px}
.Rarea{ width:748px; float:right}
.Lmenu{ background:url(../images/Lmenu.gif) no-repeat; height:52px; padding:12px 8px 0 20px; }
.Lmenu b{font: bold 14px/22px '微软雅黑'; color:#FFF}
.Lmenu a,.HMhonor a,.HRmenu .more{ color:#888}
.LPnav{width:178px; padding:0 11px 4px}
.LPnav li{ height:30px;padding:0; }
.LPnav li a{ display:block; height:25px; line-height:25px; font-size:12px; color:#FFF; background:url(../images/Lnav.gif) no-repeat; padding:0 0 0 12px;overflow:hidden}
.LPnav li.active a{font-weight:bold;color:#20D8FF}
.Lad{ width:194px; margin:0 auto}
.HRcon{padding:0 1px; width:746px;height:435px}
.menu{ background:url(../images/menu.gif) repeat-x; border-top:1px solid #C3C3C3; height:35px; width:692px; margin:0 auto; padding:11px 12px 0 42px; _line-height:24px}
.menu b,.HWmenu b,.HMhonor b{font-size:16px; font-family:'微软雅黑'; color:#000 }
.Hproduct{ padding:6px 0 0; width:746px; height:380px; overflow:hidden}
.Hproduct li{ width:154px; float:left;padding:6px 0 0 12px; text-align:center}
.Hproduct li img{ width:150px; height:150px; padding:1px; border:1px solid #CCC; }
.Hproduct li.HTproduct{ width:224px; text-align:left}
.Hproduct li.HTproduct img{ width:220px; height:300px}
.Hproduct li.HTproduct p{ line-height:18px; height:54px; padding-top:4px}
.Hproduct a:hover{ text-decoration:none}
/**底部**/
.footer{ background:#111117 url(../images/footer.gif) repeat-x; padding:15px 0; font-size:14px; color:#FFF}
.footer a{ color:#FFF}
.footer a:hover{ color:#0CF}
.footNav{ text-align:center; background:url(../images/footnav.gif) no-repeat 0 bottom; height:52px; color:#444}
.flogo{ float:left; width:190px; padding:35px 20px 0}
.flogo a{ display:block; height:165px; background:url(../images/Flogo.png) no-repeat}
.footR{ float:right; width:674px; line-height:25px; background: url(../images/footR.gif) no-repeat 0 10px; padding:12px 0 0 44px}
.footCon { font-size:12px}
.qrcode{ height:140px; float:left}
.qrcode li{ width:80px; float:left; padding:15px 45px 0 2px; text-align:center; line-height:16px}
.qrcode li a{ display:block; font-size:12px; background:url(../images/qrcode.gif) no-repeat; padding-top:85px; color:#45E0FF}
.qrcode li#qrcode1 a{ background-position:0 0}
.qrcode li#qrcode2 a{ background-position:-100px 0}
.qrcode li#qrcode3 a{ background-position:-200px 0}
.Dfoot{ float:right; width:288px; padding:52px 0 0 4px; font-size:14px; background: url(../images/Dfoot.gif) no-repeat 0 14px}

#online{ background: url(../images/online.png) no-repeat; display: none; height:540px; width:150px; position:absolute; right:0; top:150px}
#close{ height:146px; padding-top:1px}
#close a{ float:right; width:22px; height:22px}
#online li{ height:36px; padding:0 6px 0 4px; width:140px}
#online li a{ display:block; height:32px}