
*{margin:0;padding:0;list-style:none;font-size:12px;}

body{color:#333;font-size:12px;font-family:Verdana, Arial,"宋体";line-height:160%; background-color:#f9f9f9}
p{ margin:0; padding:0}
body,
button, input, select, textarea  
{font:12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif}
h1, h2, h3, h4, h5, h6{font-size:100%}

ul, li{list-style:none}
 

a{text-decoration:none}
a:link,a:visited {color:#333;text-decoration:none}
a:hover,a:active {text-decoration:none; color:#eb3e00}


sup{vertical-align: text-top} 
sub{vertical-align: text-bottom}
 

legend {color:#000} 
fieldset, img{border:0} 
img{display:inline-block;overflow:hidden;vertical-align:top; border:0}
 

.clear{clear:both; height:0; line-height:0; overflow:hidden}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
.clearfix{display:block;}


.hide, .hidden{display:none;}
.invisible{visibility:hidden;}
.nobg{background:none !important;}
.zw,.zw p,.zw p strong,.zw table{margin:0 auto; font-size:14px; line-height:25px;}


.header{ width:100%; height:81px; background:url(../images2012/dh_bg.jpg) repeat-x left top;}
.headwrap{ width:1000px; margin:0 auto}
.logo{ width:341px; float:left; margin-top:15px;}
.tet{float:left; margin-left:40px; margin-top:35px; background:url(../images2012/fanhui.gif) no-repeat 0px 4px; padding-left:20px}
.tet a:link,.tet a:visited{ color:#004b98; font-size:12px;}
.tet a:hover{ color:#eb3900}
.linkwrap{ float:right; margin-top:28px;}
.linkwrap ul li{ float:left; padding-left:12px; padding-right:12px;}
.nav{ width:100%; background:url(../images2012/nav_bg.jpg) repeat-x; height:40px;}
.navwrap{ width:1000px; margin:0 auto;}

a.dh:link,a.dh:visited{color:#fff; float:left; background:url(../images2012/nav_link.jpg) no-repeat right top; padding:0 35px;  font-size:14px; font-weight:bold; line-height:40px; height:40px;}
a.dh:hover{color:#fff; float:left; background:url(../images2012/nav_hover.jpg) repeat-x; padding:0 35px; text-decoration:none}

a.dhhover{color:#fff; float:left; background:url(../images2012/nav_hover.jpg) repeat-x; padding:0 35px; text-decoration:none;font-size:14px; font-weight:bold; line-height:40px; height:40px;}

.banner{ width:100%; background:url(../images2012/banner_bg.jpg) repeat; height:351px;}
.banner_box {width:1000px; margin:0 auto}
.main{ width:100%; background:#f9f9f9; height:auto; overflow:hidden; }
.mainbox{ width:1000px; margin:0 auto; margin-bottom:20px; height:auto; overflow:hidden; }
.mainleft{ float:left; display:inline; width:520px; height:auto; overflow:hidden}
.mainright{ float:right;  display:inline; width:467px; margin-top:30px; height:auto; overflow:hidden}
.mainleft_be{ margin-top:12px;}
.mainleft_be ul{ margin-top:22px;}
.mainleft_be ul li{ padding-top:2px; padding-bottom:2px; line-height:26px; height:26px;}
.anli_tu{ padding-top:10px;}
.anli_tu img{ float:left; display:inline; width:144px; padding-right:12px; }
.webcase{ margin-left:9px;}
.case_tu{ margin-left:9px; margin-top:10px; }
.webcase_title{ float:left; width:79px; display:inline; margin-right:10px;}
.webcase_list{ float:left;  display:inline;}
.webcase_list a{ float:left; display:inline; padding-left:2px; padding-right:2px;}
.more{ float:right; padding-right:20px;}
.more a:link,.more a:visited{ color:#666} .more a:hover{ color:#e93900}
.case_tu a{ float:left; width:144px; padding:4px 4px; display:inline}
.oacase{ padding-top:25px; float:left;}

.dynamic_middle p,.dynamic_mid p{padding-top:15px;}
.dynamic_mid ul{ margin-left:10px; margin-right:10px; margin-top:5px;}
.dynamic_mid ul li{ line-height:24px;}
.dynamic_mid ul li span{ float:right; color:#999}
.dynamic{width:467px; margin-top:20px;}
.dynamic_left{ background:url(../images2012/left.jpg) no-repeat; width:8px; height:128px; float:left;}
.dynamic_right{ background:url(../images2012/right.jpg) no-repeat; width:6px; height:128px; float:left; }
.dynamic_mid{ background:url(../images2012/middle.jpg) repeat-x; height:128px; float:left;width:453px;}
.dynamic_middle{ background:url(../images2012/middle.jpg) repeat-x; height:128px; float:left;width:506px;}
.frindlink{background:#f9f9f9; width:100%;  height:35px;}
.frind{ margin:0 auto; width:1000px;}
.frind a:link,.frind a:visited{ padding-left:3px; padding-right:3px; line-height:24px; display:inline; color:#9f9f9f}
.frind a:hover{ color:#e93900}
.footer{ width:100%; background:url(../images2012/footer_bg.jpg) repeat-x; height:255px;}
.footer_main{ width:1000px; margin:0 auto; padding-top:25px;}
.perfoot{float:left; margin-left:18px; margin-right:45px; display:inline;}
.perfoot h1{ padding-left:6px;}
.perfoot ul li{ line-height:28px;}
.perfoot  li a:link,.perfoot  li a:visited{ color:#666}
.perfoot ul li a:hover{ color:#eb3e00}
.copy{ margin-top:25px; height:auto; overflow:hidden}
*html .copy{margin-top:2px;}
.copy{ background:url(../images2012/line.jpg) repeat-x left top; }
.copy p{ text-align:center; line-height:24px; padding-top:15px;}

.HeadConLayout{position:absolute; background:#fff;opacity: 0.4;width:272px;height:302px;top:35px;left:728px;_display:none; z-index:100}
.HeadConLayoutCon{position:absolute;top:40px;left:734px;width:258px;background:url(../images2012/headconlayoutcon.gif) repeat-x #fff;border:1px solid #dcdcdc;height:289px;overflow:hidden;opacity:1; z-index:200}
.HeadConLayoutConInfo{padding:0px 0 0 20px;font-size:14px;}
.HeadConLayoutConInfo p{}
.HeadConLayoutConInfo p img{ vertical-align:middle;}
.HeadConLayoutConInfo p .red{font-size:16px;display:inline-block;margin-top:-2px; vertical-align:middle;}
.HeadConLayoutLink{background:url(../images2012/headconlayoutlink.gif) repeat-x;height:64px;padding:0 0 0 18px; margin-top:23px;}
.HeadConLayoutLink a:link,.HeadConLayoutLink a:visited{display:inline-block;color:#333;font-size:14px;margin-right:0px;}
.HeadConLayoutLink a:link b,.HeadConLayoutLink a:visited b{width:36px;height:64px;background:url(../images2012/headconlayoutlink.png) no-repeat;display:inline-block;-moz-transition:all 0.1s ease-in-out 0s; vertical-align:middle; cursor:pointer;margin:0 3px 0 0;}
.HeadConLayoutLink a:hover{ text-decoration:none;}
.HeadConLayoutLink a:hover b{-moz-transform:rotate(20deg);}
.HeadConLayoutLink a.HeadConLayoutLink1:link b,.HeadConLayoutLink a.HeadConLayoutLink1:visited b{ background-position:0 14px;}
.HeadConLayoutLink a.HeadConLayoutLink2:link b,.HeadConLayoutLink a.HeadConLayoutLink2:visited b{ background-position:0 -67px;}
.HeadConLayoutLink span{display:inline-block;width:2px;background:url(../images2012/headconlayoutlinkline.gif) no-repeat;margin:5px 5px 0;height:53px; vertical-align:middle;}

.tel a:link,.tel a:visited{ background:url(../images2012/yh_s1.jpg) no-repeat; width:205px; height:38px; display:block; text-indent:-9999px;}
.tel a:hover{ background:url(../images2012/yh_s2.jpg) no-repeat; width:205px; height:38px; display:block; text-indent:-9999px;}


.page{ background:#f9f9f9; width:100%}
.pagebox{ width:1000px; margin:0 auto}
.bd{margin-top:12px;}
.bd .page-title {width:725px; height:110px; border-bottom:1px solid #A6A6A6; float:left;}
.bd .side { float:right; border:1px solid #d1d1d1; width:257px; background:#fff;}
.bd .side p{ line-height:23px; padding-left:20px; padding-right:20px; padding-top:4px; } 
.bd .side .online{padding-top:5px; padding-bottom:5px;}
.bd .side p .gre{ color:#999}
#bdProd {width:1000px;overflow:hidden; height:auto; margin-top:12px;}
h3.prod-name {font-size:15px;width:100%;border-bottom:3px solid #666666;color:#FFF;font-family:"微软雅黑", "黑体";height:33px;line-height:33px}
h3.prod-name span{ background:#3F92D9; display:block;font-size:16px; padding-left:31px; font-weight:bold;}
.prod-name {font-size:16px;width:100%;border-bottom:3px solid #666;color:#FFF;font-family:"微软雅黑", "黑体";height:33px;line-height:33px}
.prod-name ul li{ float:left; display:inline;margin-right:5px;}
.prod-list1 a:link,.prod-list1 a:visited{ background:#3F92D9; width:194px; text-align:center; font-size:16px; font-weight:bold; display:block; color:#fff}
.prod-list2 a:link,.prod-list2 a:visited{ background:#e7e7e7; width:194px; text-align:center; font-size:16px; font-weight:bold; color:#333; display:block}
.prod-main {margin-bottom:28px}
.prod-nav {float:left;width:154px;margin:0 -1px 0 0;border-bottom:1px solid #D8D8D8;z-index:2;position:relative; background:#F6F6F6;}
.prod-nav li {display:block;height:38px;line-height:38px;border:1px solid #D8D8D8;border-width:1px 1px 0 1px;margin:0;font-size:15px;z-index:2; padding-left:28px;}
.prod-nav li a:link,.prod-nav li a:visited{ color:#0066CC; font-size:15px;}
.prod-nav li a:hover{ color:#004B98; font-size:15px;}
.prod-nav li:hover {background:#fff}
.prod-nav li.cur{font-weight:bold;color:#EA3501;background:#fff url(../images2012/icon.gif) no-repeat scroll 19px 14px;border-right-color:#fff;}
.prod-content {float:right;width:805px;border:1px solid #D8D8D8;background:#fff;padding:20px 20px 34px;font-size:14px;color:#333;overflow:hidden}
.prod-content_news{border:1px solid #D8D8D8;background:#fff;padding:20px 20px 34px;font-size:14px;color:#333;overflow:hidden}
.prod-content .content-main {padding:0 40px}
.prod-content h4 {font-size:16px;text-align:center;padding:7px 0 14px;border-bottom:1px solid #CDCDCD;margin-bottom:33px;font-family:"微软雅黑", "黑体"; color:#ea3501}
.prod-content h6 {font-size:14px;font-weight:bold;margin:3px 0 20px}
.prod-content p {}
.prod-content .center{margin-top:5px;line-height:26px;color:#666666; font-size:14px;}


.prod-nav1 {float:left;width:194px;margin:0 -1px 0 0;border-bottom:1px solid #D8D8D8;z-index:2;position:relative; background:#F6F6F6;}
.prod-nav1 li {display:block;height:38px;line-height:38px;border:1px solid #D8D8D8;border-width:1px 1px 0 1px;margin:0;font-size:14px;z-index:2; padding-left:35px;}
.prod-nav1 li a:link,.prod-nav1 li a:visited{ color:#0066CC; font-size:12px;}
.prod-nav1 li a:hover{ color:#004B98; font-size:12px;}
.prod-nav1 li:hover{background:#fff}
.prod-nav1 li.cur1{font-weight:bold;color:#EA3501;background:#fff url(../images2012/icon.gif) no-repeat scroll 19px 14px;border-right-color:#fff;}
.prod-content1 {float:right;width:765px;border:1px solid #D8D8D8;background:#fff;padding:20px 20px 34px;font-size:14px;color:#333;overflow:hidden}
.prod-content1 .content-main {padding:0 40px}
.prod-content1 h4 {font-size:16px;text-align:center;padding:7px 0 14px;border-bottom:1px solid #CDCDCD;margin-bottom:33px;font-family:"微软雅黑", "黑体"; color:#EA3501}
.prod-content1 h6 {font-size:14px;font-weight:bold;margin:3px 0 20px}
.prod-content1 p {margin-bottom:20px}
.prod-content1 .center{margin-top:5px;line-height:26px;color:#666666; font-size:14px;}
.neirong{ font-size:14px;}
.center a,.center table td,.center table td div,.center p{ font-size:14px;}
 h5{ line-height:24px; border-bottom:1px solid #ccc; height:24px; font-size:14px; }
.taocan table td{ border:1px solid #ccc; height:35px;}
.taocan,.youshi{ margin-top:15px; margin-bottom:15px;}
.youshi table td{ height:90px; border:1px solid #ccc; line-height:24px;}
.neirong .fangan{ margin-top:15px; margin-bottom:10px;}
.neirong .fangan ul li{ line-height:24px;}
.neirong .faneirong{ line-height:24px; padding-top:12px;}

.js{position:relative;width:1000px; height:351px; margin:0 auto; z-index:1}
.jsNav{position:absolute;width:162px;bottom:10px;font-family:Arial, Helvetica, sans-serif;height:18px;left:10px; z-index:1}
.prevbtn{display:block;height:30px;}
.nextbtn{display:block;height:30px;}
.imgSelected{color:#FF0000; border:1px solid #ccc; background-color:#FFFFFF}
.jsNav a{text-align:center; line-height:18px; width:18px;float:left;vertical-align:middle; text-decoration:none}
.jsNav a:link,.jsnav a:visited{font-size:11px; color:#333333; font-family: Verdana, Arial, Helvetica, sans-serif}
.jsNav a:hover{font-size:11px; color:#FF0000; background-color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; border:1px solid #ccc;}