/* ::::: http://www.szhrzd.com/templates/default/style/webstyle.css ::::: */

.page_info { text-align: center; margin-top: 10px; color: rgb(51, 51, 51); }
.page_info span { padding: 0px 2px; font-weight: bold; }
/* ::::: http://www.szhrzd.com/css/main.css ::::: */

body { margin: 0px auto; font-family: "微软雅黑"; font-size: 12px; color: rgb(51, 51, 51); }
ul, dl, dd, h1, h2, h3, h4, h5, h6, form, p, input { padding: 0px; margin: 0px; font-weight: normal; }
ul, li { list-style: outside none none; }
img { border: 0px none; vertical-align: middle; }
p { font-family: "宋体"; color: rgb(85, 85, 85); line-height: 18px; }
a { color: rgb(170, 170, 170); text-decoration: none; font-family: "宋体"; }
a:hover { color: rgb(220, 36, 30); }
.clearfix { clear: both; height: 0px; font-size: 1px; line-height: 0px; }
.clearf:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.clearf { display: inline-table; }
.clearf { display: block; }
.fl { float: left; }
.fr { float: right; }
.blank05 { clear: both; height: 5px; overflow: hidden; display: block; }
.blank10 { clear: both; height: 10px; overflow: hidden; display: block; }
.blank15 { clear: both; height: 15px; overflow: hidden; display: block; }
.blank20 { clear: both; height: 20px; overflow: hidden; display: block; }
.blank30 { clear: both; height: 30px; overflow: hidden; display: block; }
.header { width: 100%; }
.wrap { width: 1000px; margin: 0px auto; }
.main { width: 100%; background-color: rgb(215, 216, 216); }
.footer { width: 100%; background-color: rgb(51, 51, 51); }
.top { background-color: rgb(51, 51, 51); height: 22px; line-height: 22px; color: rgb(170, 170, 170); }
.top a { color: rgb(170, 170, 170); }
.headline { background: url('../images/headline_bg.png') repeat-x scroll center top transparent; height: 147px; }
.logo { margin: 35px 0px 0px; }
.slogan { margin: 35px 0px 0px 15px; background: url('../images/headline_line.png') no-repeat scroll left center transparent; height: 64px; line-height: 64px; padding-left: 30px; font-size: 28px; color: rgb(85, 85, 85); }
.slogan i { padding-right: 5px; color: rgb(11, 99, 206); font-weight: 900; }
.tel { background: url('../images/tel.png') no-repeat scroll left top transparent; padding-left: 85px; height: 30px; clear: both; }
.base_num { width: 18px; height: 30px; display: inline-block; background-image: url('../images/num_skin_b.png'); background-repeat: no-repeat; }
.base_num_w { width: 18px; height: 30px; display: inline-block; background-image: url('../images/num_skin_w.png'); background-repeat: no-repeat; }
.num_0 { background-position: 0px 0px; }
.num_1 { background-position: -20px 0px; }
.num_2 { background-position: -40px 0px; }
.num_4 { background-position: -80px 0px; }
.num_5 { background-position: -100px 0px; }
.num_6 { background-position: -120px 0px; }
.num_8 { background-position: -160px 0px; }

.num_3 { background-position: -60px 0px; }
.num_7 { background-position: -140px 0px; }
.num_9 { background-position: -180px 0px; }
.num_none { background-position: -220px 0px; width: 5px; }
.search { margin-top: 10px; background: url('../images/search.png') no-repeat scroll 0% 0% transparent; width: 237px; height: 27px; float: right; clear: both; }
.search_keyword { width: 178px; height: 27px; float: left; line-height: 27px; color: rgb(153, 153, 153); border: medium none; background: none repeat scroll 0% 0% transparent; padding: 0px 0px 0px 4px; overflow: hidden; }
.search_button { width: 55px; height: 27px; line-height: 27px; float: left; border: medium none; background: none repeat scroll 0% 0% transparent; color: rgb(255, 255, 255); text-indent: -999em; text-align: center; cursor: pointer; }
.menu { width: 100%; background: url('../images/menu_bg.png') repeat-x scroll 0% 0% transparent; height: 44px; position: absolute; top: -19px; display: block; }
.nav { height: 44px; position: relative; margin: 0px auto; }
.nav .list li { float: left; background: url('../images/menu_line.png') no-repeat scroll right center transparent; }
.nav .list li.none { background: none repeat scroll 0% 0% transparent; }
.nav .list a { float: left; display: block; width: 105px; height: 40px; text-align: center; font: 14px/36px "微软雅黑"; color: rgb(255, 255, 255); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.nav .list a:hover { color: rgb(255, 163, 4); }
.nav .list a:hover, .nav .list .now { color: rgb(255, 255, 255); background: url('../images/menu_on.png') no-repeat scroll 0% 0% transparent; }
.nav .box { position: absolute; top: 42px; width: 1000px; left: 0px; background: url('../images/menu_libg.png') repeat scroll 0% 0% transparent; overflow: hidden; height: 0px; }
.nav .cont { position: relative; padding: 25px 20px; }
.sublist { padding-bottom: 60px; }
.sublist li { clear: both; padding: 10px 0px; }
.mcate_item_hd { float: left; width: 80px; margin-right: 10px; }
.mcate_item_hd, .mcate_item_hd a { font-weight: bold; font-family: "微软雅黑"; font-size: 12px; height: 26px; line-height: 26px; color: rgb(51, 51, 51); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.mcate_item_hd a:hover { text-decoration: underline; }
.mcate_item_bd { height: 26px; line-height: 26px; float: left; border-bottom: 1px solid rgb(153, 153, 153); width: 700px; }
.mcate_item_bd a { height: 26px; line-height: 26px; margin-right: 5px; font-size: 12px; color: rgb(85, 85, 85); text-decoration: none; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.mcate_item_bd a:hover { color: rgb(108, 81, 67); text-decoration: underline; }
.banner { position: relative; }
.list_box { float: left; width: 220px; overflow: hidden; }
.list_info ul { padding: 10px 0px; margin: 0px; background: url('../images/list_bg.gif') repeat-y scroll 0% 0% transparent; }
.list_info li { width: 168px; height: 25px; padding: 6px 0px; margin: 0px auto; }
.list_info li a { height: 25px; padding-left: 15px; line-height: 25px; background-color: rgb(170, 170, 170); display: block; color: rgb(255, 255, 255); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.list_info li.on a, .list_info li a:hover { background-color: rgb(220, 36, 30); color: rgb(255, 255, 255); }
.list_top { background: url('../images/list_top.png') no-repeat scroll left top transparent; height: 46px; line-height: 40px; color: rgb(255, 255, 255); font-size: 14px; padding-left: 20px; }
.list_tit { background: url('../images/list_tit.png') no-repeat scroll left top transparent; height: 45px; line-height: 40px; color: rgb(255, 255, 255); font-size: 14px; padding-left: 20px; }
.list_bottom { background: url('../images/list_bottom.png') no-repeat scroll left top transparent; height: 22px; display: block; overflow: hidden; }
.list_contact { background-color: rgb(255, 255, 255); }
.list_contact p { line-height: 18px; margin: 10px; }
.list_tel { background: url('../images/list_tel.png') repeat-x scroll 0% 0% transparent; height: 59px; text-align: center; }
.list_tel p { font-size: 14px; line-height: 26px; color: rgb(255, 255, 255); font-family: "微软雅黑"; margin: 0px; }
.content_box { float: right; width: 745px; border-right: 1px solid rgb(204, 204, 204); border-width: medium 1px 1px; border-style: none solid solid; border-color: -moz-use-text-color rgb(204, 204, 204) rgb(204, 204, 204); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; overflow: hidden; background-color: rgb(255, 255, 255); }
.title { line-height: 34px; height: 34px; padding: 0px 10px; border-top: 3px solid rgb(6, 64, 119); border-bottom: 1px dashed rgb(204, 204, 204); }
.title dt { float: left; background: url('../images/logo_icon.png') no-repeat scroll left center transparent; padding-left: 32px; color: rgb(6, 64, 119); font-size: 14px; font-weight: bold; }
.title dd { float: right; color: rgb(170, 170, 170); }
.btn_pro { width: 76px; height: 20px; line-height: 20px; text-align: center; display: block; overflow: hidden; background: url('../images/btn_01.png') no-repeat scroll 0% 0% transparent; font-size: 12px; }
.border_box { border-right: 1px solid rgb(204, 204, 204); border-width: medium 1px 1px; border-style: none solid solid; border-color: -moz-use-text-color rgb(204, 204, 204) rgb(204, 204, 204); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; background-color: rgb(255, 255, 255); }
.news_box { width: 305px; height: 360px; overflow: hidden; }
.news { padding: 0px 10px; }
.news li { background: url('../images/arr0w_r.gif') no-repeat scroll left center transparent; height: 32px; border-bottom: 1px dashed rgb(204, 204, 204); }
.news li a { padding-left: 15px; display: block; height: 32px; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: rgb(51, 51, 51); }
.news li a:hover { color: rgb(220, 36, 30); }
.news_box .news li a {  }
.link_box { color: rgb(51, 51, 51); }
.link_box p { margin: 20px 10px; line-height: 22px; }
.link_box a { color: rgb(51, 51, 51); margin: 0px 5px; }
.foot_nav { width: 560px; overflow: hidden; margin-top: 20px; }
.foot_nav dl { width: 140px; float: left; overflow: hidden; }
.foot_nav dt { background: url('../images/foot_nav.gif') no-repeat scroll left center transparent; margin-bottom: 5px; }
.foot_nav dt a { font-size: 14px; color: rgb(255, 255, 255); font-weight: bold; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
.foot_nav dd a { padding-left: 10px; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
.foot_qr { position: absolute; left: 560px; background: url('../images/qr_bg.png') repeat-x scroll center top rgb(255, 255, 255); width: 100px; height: 190px; border-bottom: 1px dashed rgb(204, 204, 204); text-align: center; padding: 0px 10px; border-radius: 0px 0px 5px 5px; }
.foot_qr img { width: 100px; }
.foot_qr p { margin: 5px 0px 10px; font-family: "微软雅黑"; font-size: 13px; color: rgb(51, 51, 51); }
.foot_contact { width: 300px; overflow: hidden; }
.foot_contact h1 { font-size: 20px; color: rgb(220, 36, 30); font-style: italic; padding-right: 10px; font-weight: bold; margin: 15px 0px 5px; }
.foot_contact span { float: left; color: rgb(255, 255, 255); width: 34px; font-size: 14px; line-height: 14px; }
.foot_contact p { line-height: 15px; color: rgb(170, 170, 170); }
.copy { background-color: rgb(34, 34, 34); height: 25px; line-height: 25px; color: rgb(85, 85, 85); }
#bx_product { margin: 10px auto; line-height: 28px; text-align: center; overflow: hidden; border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); }
#bx_product a { border: 1px solid rgb(204, 204, 204); display: block; margin: 0px 10px; }
#bx_product img { width: 215px; height: 140px; padding: 2px; }
.info_box { width: 690px; margin: 0px auto; }
.content_box .news_box { width: 335px; }
.bx_product {  }
.bx_pro { padding: 15px 0px; text-align: center; }
.bx_pro .pcont { width: 910px; margin: 0px 0px 0px 20px; float: left; padding: 0px; overflow: hidden; }
.bx_pro .ScrCont { width: 20000px; margin-left: 0px; }
.bx_pro .ScrCont a { color: rgb(51, 51, 51); }
.bx_pro .ScrCont a:hover { color: rgb(220, 36, 30); }
.bx_pro #List1_0, .bx_pro #List2_0 { float: left; }
.bx_pro .LeftBotton, .bx_pro .RightBotton { width: 16px; height: 42px; float: left; background: url('../images/ax.png') no-repeat scroll 0% 0% transparent; margin-top: 50px; }
.bx_pro .LeftBotton { background-position: left top; }
.bx_pro .RightBotton { background-position: left bottom; float: right; }
.bx_pro .LeftBotton:hover { background-position: right top; }
.bx_pro .RightBotton:hover { background-position: right bottom; }
.bx_pro .bx_pro_img { float: left; margin: 0px 20px; line-height: 24px; overflow: hidden; width: 190px; display: block; }
.bx_pro .bx_pro_img img { width: 188px; height: 145px; display: block; border: 1px solid rgb(204, 204, 204); overflow: hidden; margin: 0px auto; }
.case { margin: 0px 0px 0px 5px; }
.case li { height: 100px; clear: both; border-bottom: 1px dashed rgb(204, 204, 204); padding-bottom: 15px; margin: 20px; overflow: hidden; }
.case li p { line-height: 22px; margin: 3px 0px; }
.case_tit { font-size: 12px; line-height: 40px; font-weight: bold; color: rgb(51, 51, 51); }
.case_tit:hover { text-decoration: underline; }
.case_img { width: 145px; height: 100px; margin-right: 10px; overflow: hidden; float: left; border: 1px solid rgb(204, 204, 204); }
.case_img img { max-height: 100px; }
