@charset "utf-8";
html,body{-webkit-text-size-adjust:none; -blink-text-size-adjust:none;}

body { color:#666; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:url(Img/Common/top_bg.gif) center top no-repeat;} /*网站字体颜色*/
a { color:#666; text-decoration:none;}  
a:focus{outline:0;} 
a:hover { text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.fn:after { clear: both; content: " "; display: block; font-size: 0; height: 0;visibility: hidden; overflow:hidden; }
.fn {zoom:1;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}

/* -- 页面整体布局 -- */
.content , .footer { width:960px; margin:0 auto; }
.left { width:201px; float:left; overflow:hidden;}
.left2 { width:670px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(Img/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;}
.left2top { background:url(Img/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(Img/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(Img/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right { width:754px; float:left; display:inline; margin-left:5px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop { background:url(Img/right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.right2top { background:url(Img/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot { background:url(Img/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(Img/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:752px; min-height:458px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; overflow:hidden;}
.right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.left2_main { width:668px;  border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.h_nav li a:-webkit-any-link{ display:block;}
em {  font-style:normal; }
/*头部开始*/
.header { height:181px; position:relative; z-index:1;}
.h_top { width:960px; margin:0 auto; height:16px; line-height:16px; overflow:hidden;color:#666; padding:6px 0;} 
.h_top a { padding:0px 12px; color:#666;}
.h_top a img { vertical-align:top; margin-right:8px;}
.h_top .ic2 img { vertical-align:middle;}
.h_con { width:960px; margin:0 auto; height:96px; padding-top:14px; overflow:hidden;font-family:"Microsoft Yahei"; }
.h_con .tp { padding:0px 0 0 12px; color:#01426d; font-size:20px; width:280px; font-weight:normal; }
.h_con .tp b { display:block; color:#02406e; font-size:34px;}
.h_con .tp em { color:#ed6400; margin-left:5px;}
.h_pho {  background:url(Img/Common/tp_tel.png) left center no-repeat; color:#666; font-size:14px;  margin-top:18px; padding:6px 0 6px 68px; line-height:22px;}
.h_pho em { display:block; font-size:26px; font-weight:bold; color:#fb8800;}
/*导航*/
.menu { height:43px; line-height:40px; font-family:"Microsoft Yahei"; background:url(Img/Common/menu.gif) left top repeat-x;}
.menu ul { width:960px; margin:0 auto;}
.menu li { float:left; height:40px; overflow:hidden; background:url(Img/Common/m_li.gif) right center no-repeat; text-align:center;}
.menu .m_last { background:none;}
.menu li a { color:#fff;font-size:14px; display:inline-block; padding:0 28px;}
.menu li a:hover, .menu .cur a {color:#013f6b; text-decoration:none; background:url(Img/Common/li_h.png) center center no-repeat;}
/*头部结束*/
/*底部开始*/
.ft_bg { background:url(Img/Common/ft_bg.gif) center top no-repeat; height:170px; margin-top:10px;}
.nav { height:43px; line-height:43px; text-align:center; font-size:14px;font-family:"Microsoft Yahei"; color:#fff;}
.nav a { color:#fff; padding:0 13px; }
.ft_con { padding:18px 0 0 0;  color:#fff;}
.ft_con a { color:#fff;}
.ft_con h2 { padding:7px 39px 0 132px; }
.ft_con .f_txt { line-height:30px;  color:#333;}
.ft_con .f_txt a { color:#333;}
.ft_con .f_txt img { vertical-align:middle; }

/*底部结束*/



/*reset.css*/

html{color:#000;background:#FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}


/*index.css*/

html,body { -webkit-text-size-adjust:none; }
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
h2 a:hover, h3 a:hover, h4 a:hover { text-decoration:none;}
/*banner*/
.banner  { position:relative; height:427px; background:url(Img/Index/ban_sh.gif) center bottom no-repeat; padding-bottom:10px; margin-bottom:18px;}
.banner .roll a { background:url(Img/Index/banner.jpg) center center no-repeat; height:427px; display:block; }
/*搜索*/
.search { height:23px; line-height:23px; padding:5px 0 8px; }
.key_words { color:#666;  }
.key_words a {padding:0px 6px; color:#666;}
.right_sear { background:url(Img/Index/sear.gif) no-repeat; width:213px; height:28px; }
.right_sear .s_input { float:left; width:120px; height:23px; line-height:23px; vertical-align:middle; padding:0 0 0 42px;  color:#000; border:none; background:none; }
.right_sear .s_btn { float:right; width:50px; height:23px; cursor:pointer; border:none; background:none;}
/*恒丰铆钉合作客户*/
.cooper { width:960px; margin:0 auto; border:1px solid #d5d5d5; height:176px;margin: 20px 0px;}
.cp_tit { background:url(Img/Index/tit.gif) left top repeat-x; height:35px; line-height:35px; border-bottom:1px solid #d5d5d5; padding:0 14px 0 0;}
h3 .more { background:url(Img/Index/more.gif) no-repeat; width:43px; height:16px; margin-top:10px;}
.cp_tit .cp_name { display:inline-block;font-family:"Microsoft Yahei"; background:#00395f; color:#fff; font-size:14px; padding:0 18px;}
.cp_con { position:relative; height:106px; padding-top:17px;}
.c_lt { background:url(Img/Index/lt.gif) no-repeat; width:26px; height:26px; position:absolute; top:57px; left:-13px;}
.c_rt { background:url(Img/Index/rt.gif) no-repeat; width:26px; height:26px; position:absolute; top:57px; right:-13px;}
.cp_wrp { width:916px; margin:0 auto;}
.cp_wrp li { float:left; display:inline; margin:0 11px; width:161px;}
.cp_wrp li img { width:159px; height:101px; border:1px solid #dedede;}
/*产品中心*/
.product { width:960px; margin:23px auto 10px; height:550px;}
.pr_lt { width:260px; float:left; background:url(Img/Index/sh2.gif) center bottom no-repeat; padding-bottom:15px; _padding-bottom:13px;}
.sh1 { background:url(Img/Index/lt_bg.gif) center top repeat-y; padding-bottom:11px;height:514px; overflow:hidden;  }
.pr_rt { width:674px; float:right;}
.lt_con { background:url(Img/Index/bt.gif) center bottom no-repeat; padding-bottom:4px; margin:0 12px 2px 11px; width:236px;}
.lt_bg {background:url(Img/Index/tp.gif) center top no-repeat; padding:7px 18px 4px 18px; background-color:#fff;}
.pr_lt h2 { text-align:center; height:57px; line-height:57px;font-family:"Microsoft Yahei"; font-size:18px;}
.pr_lt h2 a { color:#fff;}
.lt_con h3 { background:url(Img/Index/h3.gif) no-repeat; width:164px; height:33px; line-height:33px; padding:0 15px 0 20px; margin-top:6px; *margin-top:7px;}
.lt_con h3 a { color:#666; font-size:12px; display:block; background:url(Img/Index/down.gif) right center no-repeat; height:33px; overflow:hidden;}
.lt_con .up a {background:url(Img/Index/up.gif) right center no-repeat;}
.lt_con ul {}
.lt_con li { height:28px; line-height:28px; border-bottom:1px dotted #cbcbcb; overflow:hidden; padding-left:5px;}
.lt_con li a { background:url(Img/Index/lt_li.gif) left 12px no-repeat; display:inline-block; padding-left:14px;}
.lt_con .lt_lst { border-bottom:none;}

.rt_tit { height:38px; border-bottom:1px solid #e0e0e0; line-height:38px; }
.rt_tit span {font-family:"Microsoft Yahei"; float:left; background:url(Img/Index/rt_tit1.gif) repeat-x; height:38px; line-height:38px; font-size:16px;}
.rt_tit .p_name { display:inline-block; padding:0 22px; color:#666;}
.rt_tit .p_cur,.rt_tit .p_name:hover { color:#fff; background:url(Img/Index/rt_tit2.gif) center center no-repeat;}
.pr_list li  { float:left; width:210px; display:inline; margin:0 20px 15px 0; background:url(Img/Index/sh3.gif) center bottom no-repeat; padding-bottom:10px;}
.pr_list li a { display:block; width:210px; height:217px; position:relative; }
.pr_list li img { width:208px; height:215px; display:block; border:1px solid #d0d0d0;}
.pr_list .no_mar { margin-right:0px;}
.pr_list li span { display:block; text-align:center; width:99%; background:url(Img/Index/black.png) left bottom repeat-x; height:27px; line-height:27px; color:#fff; position:absolute; left:1px; bottom:0;}
/*广告*/
.ad { height:159px; background:url(Img/Index/ad_sh.gif) center bottom no-repeat; padding-bottom:20px;}
.ad_img { display:block; background:url(Img/Index/ad.jpg) center top no-repeat; height:159px;} 
.ad_con { width:960px; margin:-159px auto 0; height:159px; position:relative;}
.lt_lnk { position:absolute; top:85px; left:248px; width:331px; height:32px;}
.lt_lnk a { display:inline-block;}
.lt_lnk .a1 { width:111px; height:32px;}
.lt_lnk .a2 { width:97px; height:32px;}
.lt_lnk .a3 { width:120px; height:32px;}
.ad_tel { position:absolute;font-family:"Microsoft Yahei"; color:#fff; font-size:18px; width:180px; top:22px; left:672px; text-align:center;}
.ad_tel b { display:block; font-size:22px; }
.ad_tel .ad_zx { background:url(Img/Index/online.gif) no-repeat; width:100px; height:26px; line-height:26px; text-align:center; margin:10px auto 0; color:#025d99; font-size:16px; display:block; font-weight:normal;}

.wrp { width:960px; margin:0 auto 22px;}
.tit { background:none; height:34px; line-height:34px; border-bottom:1px solid #d5d5d5; padding:0 12px; font-weight:normal;font-family:"Microsoft Yahei";  }
.tit .t_name { display:inline-block; background:url(Img/Index/line.gif) left center no-repeat; padding-left:13px;color:#003361; font-size:16px;}
.tit em { color:#006699; font-size:12px; margin-left:3px;}
/*应用行业*/
.apply { width:462px; height:372px; border:1px solid #d5d5d5;}
.app_list { padding:16px 10px 10px 10px; margin-bottom:10px;}
.app_list li { float:left; display:inline; margin:8px 19px; width:72px;}
.app_list li img { width:72px; height:57px;}
.app_list li span { display:block; text-align:center; margin-top:6px;}
.app_txt { text-align:center;font-family:"Microsoft Yahei"; line-height:26px; font-size:14px; }
.app_txt b { color:#225b82; font-size:22px; display:block; margin-bottom:5px;}
.app_txt em { display:block;}

/*走进恒丰铆钉*/
.about { width:572px; height:285px; border:1px solid #d5d5d5;}
.about dl { padding:22px 22px 10px 22px;}
.about dl dt { float:left; width:230px;}
.about dt img { width:220px; height:190px;padding:4px; border:1px solid #e7e7e7;}
.about dd { width:288px; float:right;}
.about dd h4 {font-family:"Microsoft Yahei"; margin-bottom:2px; text-align:center;}
.about dd h4 a { color:#003361;}
.about dd p { height:176px; overflow:hidden; line-height:26px;}
/*荣誉资质*/
.honnor { width:374px; height:285px; border:1px solid #d5d5d5; }
.h_list { padding-top:22px; width:286px; margin:0 auto;}
.h_list li img { width:256px;  padding:5px 3px; }
.h_list li span { display:block; text-align:center; margin-top:5px;}
/*公司相册*/
.comp { width:960px; margin:0 auto 22px; border:1px solid #d5d5d5; height:254px;}
.cmp_con { position:relative; height:186px; padding-top:19px;}
.cm_lt { background:url(Img/Index/lt.gif) no-repeat; width:26px; height:26px; position:absolute; top:85px; left:-13px;}
.cm_rt { background:url(Img/Index/rt.gif) no-repeat; width:26px; height:26px; position:absolute; top:85px; right:-13px;}
.cmp_wrp { width:916px; margin:0 auto;}
.cmp_wrp li { float:left; display:inline; margin:0 8px; width:212px;}
.cmp_wrp li img { width:202px; height:146px;padding:4px; border:1px solid #e7e7e7;}
.cmp_wrp li span { display:block; text-align:center; margin-top:8px;}
/*常见问题*/
.faq { width:373px; height:305px;border:1px solid #d5d5d5; overflow:hidden;}
.faq_con { padding:19px 15px 5px 9px;}
.faq_con dl { border-bottom:1px dotted #ccc; padding:0 4px 12px 4px; margin-bottom:14px; width:343px;}
.faq_con .lst_dl { border-bottom:none; margin-bottom:0; padding-bottom:0;}
.faq_con dt { background:url(Img/Index/q.gif) left 4px no-repeat; padding-left:30px; line-height:26px;}
.faq_con dd { line-height:26px; background:url(Img/Index/a.gif) left 4px no-repeat; padding-left:30px;}
/*新闻资讯*/
.news { width:572px; height:305px; border:1px solid #d5d5d5; }
.new_con { padding:15px 12px 0 13px;}
.new_con dl { float:left; width:228px; padding-right:41px; background:url(Img/Index/sh4.gif) right 26px no-repeat; }
.new_con .n_list { float:right; width:266px;}
.new_con dt { margin-bottom:10px;}
.new_con dt img { width:221px; height:147px; border:3px solid #e9e9e9;}
.new_con dt a { display:block; width:227px; height:153px; position:relative;}
.new_con dt em { position:absolute; display:block; left:3px; bottom:3px; width:221px; background:url(Img/Index/black.png) repeat; height:39px; line-height:39px; text-align:center; color:#fff;}
.new_con dd { height:48px; overflow:hidden; line-height:24px; text-indent:20px;}
.new_con dd a { color:#003361;}
.n_list li { border-bottom:1px dotted #829bb2; height:30px; line-height:30px; padding:0 0 0 5px; overflow:hidden;}
.n_list li a { display:inline-block; background:url(Img/Index/n_li.gif) left 11px no-repeat; padding-left:22px;}
.n_list .n_lst { border-bottom:none;}
/*友情链接*/
.friend { width:960px; margin:15px auto;}
.fd_tit { background:url(Img/Index/link.gif) 150px 18px no-repeat; font-weight:normal; margin-bottom:8px; }
.fd_tit .fd_name {color:#333; font-size:16px;font-family:"Microsoft Yahei"; color:#656565; }
.fd_tit em { color:#fb8a05; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size:30px; text-transform:capitalize; margin-right:5px;}
.fd_tit .fd_more { color:#666; font-size:12px; font-family:"宋体"; margin-top:11px;}
.fd_list {line-height:28px;color:#2b2926; }
.fd_list a { overflow:hidden; color:#2b2926; display:inline-block; padding:0 14px;}

.plc{ background-color:#d9d9d9;}

.prolist h2 {
    background: url("Img/Common/menu.gif") repeat-x ;
    font-family: "微软雅黑";
    font-size: 17px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    text-align: center;
}.list_con ul li.cur a {
    color: #b81f20;
}
.prolist {
    background: url("Img/Common/menu.gif") repeat-x  ;
    overflow: hidden;
    width: 199px;
    border: 1px solid #ccc;
     padding-bottom: 15px;
}.prolist h2 a {
    color: #fff;
    font-weight:bold;
}
.list_con h3 a {
    color: #fff;
    font-weight: bold;
}
.list_con h3 {
    background: url("Img/Common/menu.gif") repeat-x  ;
    font-family: "微软雅黑";
    font-size: 12px;
    font-weight: normal;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    padding: 0 0 0 24px;
     width: 155px;
     margin: 12px auto 0;
}
.list_con ul li {
    background: url("img/icon1.gif") no-repeat scroll 0 10px rgba(0, 0, 0, 0);
    border-bottom: 1px dashed #cdcdcd;
    font-family: "宋体";
    font-size: 13px;
    height: 33px;
    line-height: 33px;
    overflow: hidden;
    padding: 0 0 0 20px;
    width: 155px;
    margin:0 auto;
}
#detailvalue0 > p {
    margin: 10px;
}

/* 客服 开始 */
.ImTable *{padding:0px;margin:0px}
.ImTable{border-collapse:collapse;border:none;background:url(/UserControls/im/kefu/bg.gif)}
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:165px;background:url(/UserControls/im/kefu/im_01.JPG)}
.ImRow0{background:url(/UserControls/im/kefu/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:10px;padding-top:4px; line-height: 21px;}
.ImRow1{background:url(/UserControls/im/kefu/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:10px;padding-top:4px;line-height: 21px;}
a.im,a:hover.im{text-decoration:none;height:35px;color:#01416E; font-size:12px;}
.ImFooter{height:90px;background:url(/UserControls/im/kefu/im_04.JPG) no-repeat; display:inline-block; width:150px;font-family:Arial,Helvetica,sans-serif;}
.ImFooter h5{font-size:14px;font-weight:normal; color:#FF8300;text-align:center;margin:15px 0 0;font-family:'宋体';}
.ImFooter p{font-size:20px;font-weight:bold;  color:#FF8300;text-align:center;margin:10px 0;}
/* 客服 结束 */