@charset "gb2312";
body { font:12px/1.5 arial, \5b8b\4f53, georgia, verdana, helvetica, sans-serif; }
body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; table-layout:fixed }
ul, ol, menu { list-style:none; }
fieldset, img { border:none; }
img, object, select, input, textarea, button { vertical-align:middle; }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6, input, textarea, select, address, caption, cite, code, dfn, em, i, b, strong, small, th, var, abbr { font-size:100%; font-style:normal; }
q:before, q:after { content:'' }
ins, s, u, del { text-decoration:none; }
.gclearfix, #channel, .hd, .bd, .ft, .gmodule { zoom:1; }
html { overflow-y:scroll; }

::-webkit-input-placeholder {
color:#999;
}
 input:-moz-placeholder {
color:#999;
}
.placeholder { color:#999; }
 button::-moz-focus-inner {
margin:0;
padding:0;
border:0;
}
 input::-ms-clear {
display:none;
}
li, img, a { -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:link { color:#333; text-decoration: none; }
a:visited { color:#333; text-decoration: none; }
a:hover { color:#FF1D00; text-decoration: none; }
a:active { color:#FF1D00; text-decoration: none; }
body { font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif; text-align: center; background-color: #ECECEC; }
.content { height: 100%; text-align: left; line-height: 1.5; margin: 0 15px; }
/* 头部 */

#header { background: url(../images/header_bg.jpg) no-repeat center center / 100% 100%; }
#header .content { margin: 0; padding: 22px 15px; background-color: #006bbd; opacity:0.9; filter:Alpha(opacity=90); }
#header h1.logo { width: 40px; float: left; }
#header dl.text { float: left; padding-left: 10px; color: #FFF; }
#header dl.text dt { font-size: 18px; height: 18px; line-height: 18px; margin-bottom: 8px; }
#header dl.text dd { font-size: 14px; height: 14px; line-height: 14px; }
#header dl.text dd img { width: 14px; height: 14px; margin-left: 10px; }
#header h1.logo a img { width: 40px; height: 40px; }
#header h1.logo a,  #header h1.logo a img { display: block; }
#navi { clear: both; background-color: #FFF; border: 1px solid #F6F6F6; margin-bottom: 10px; }
#navi ul { }
#navi ul li { width: 25%; float: left; text-align: center; }
#navi ul li a { display: block; color: #666; border-bottom: 2px solid #FFF; padding: 6px 0; }
#navi ul li a:hover { color: #006bbd; border-bottom: 2px solid #006bbd; }
#navi ul li a i { display: block; font-size: 21px; line-height: 22px; }
#navi ul li a span { font-size: 12px; font-weight: bold; line-height: 24px; }
/* 推荐产品 */

.headline { clear: both; padding: 15px 0; border-bottom: 1px dashed #F2F2F2; }
.headline b { display: inline-block; font-size: 16px; font-weight: bold; height: 13px; line-height: 13px; padding-left: 10px; border-left: 2px solid #006bbd; }
dl.heading { clear: both; padding: 15px 0; border-bottom: 1px dashed #F2F2F2; }
dl.heading dt { float: right; }
dl.heading dd { }
dl.heading dd b { display: inline-block; font-size: 16px; font-weight: bold; height: 13px; line-height: 13px; padding-left: 10px; border-left: 2px solid #006bbd; }
dl.heading dt a { font-size: 14px; line-height: 16px; color: #666; }
dl.heading dt a i { margin-left: 8px; color: #BBB; }
#recommend { clear: both; background-color: #FFF; margin-bottom: 10px; }
#recommend ul.recommendNavi { padding-top: 15px; }
#recommend ul.recommendNavi li { float: left; margin: 0 10px 10px 0; }
#recommend ul.recommendNavi li a { display: block; font-size: 14px; line-height: 38px; height: 38px; text-align: center; background-color: #FCFDFF; border: 1px solid #EBF1F6; padding: 0 10px; }
#recommend ul.recommendNavi li.whole a { border-left: 1px solid #CF5C65; background-color: #CF5C65; color: #FFF; }
#recommend dl { clear: both; padding: 15px 0; border-bottom: 1px solid #F6F6F6; }
#recommend dl dt { width: 90px; float: left; }
#recommend dl dd { margin-left: 100px; }
#recommend dl dt a img { width: 90px; height: 90px; }
#recommend dl dt a,  #recommend dl dt a img { display: block; }
#recommend dl dd a { display: block; }
#recommend dl dd a.title { font-size: 16px; height: 44px; line-height: 22px; margin-bottom: 5px }
#recommend dl dd a.tel { width: 72px; float: right; border: 1px solid #F6F6F6; font-size: 14px; line-height: 18px; text-align: center; padding: 10px 0; }
#recommend dl dd a.tel i { font-size: 18px; color: #006bbd; margin-right: 8px; }
#recommend dl dd a.intro { margin-right: 80px; font-size: 14px; }
#recommend dl dd a.intro span { display: inline-block; margin-right: 5px; padding: 2px 4px; font-size: 12px; line-height: 12px; color: #6B92BA; background-color: #F3F9FF; }
#recommend dl dd a.intro b { display: block; font-weight: normal; color: #999; }
#recommend .more { clear: both; text-align: center; }
#recommend .more a { display: block; font-size: 14px; line-height: 38px; height: 38px; color: #666; }
#recommend .more a i { margin-left: 8px; color: #BBB; }
#product { clear: both; background-color: #FFF; margin-bottom: 10px; }
#product ul.productNavi { padding-top: 15px; }
#product ul.productNavi li { width: 33.33%; float: left; }
#product ul.productNavi li a { display: block; font-size: 14px; line-height: 44px; height: 44px; text-align: center; background-color: #FCFDFF; border: 1px solid #EBF1F6; border-left: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#product ul.productNavi li.whole a { border-left: 1px solid #EBF1F6; }
#product .productList { clear: both; padding: 15px 0; overflow: hidden; }
#product .productList ul { }
#product .productList ul li { width: 120px; float: left; padding-right: 15px; }
#product .productList ul li a { display: block; }
#product .productList ul li a.photo { margin-bottom: 5px; }
#product .productList ul li a.photo img { width: 120px; height: 120px; display: block; margin-bottom: 10px; }
#product .productList ul li a.photo .title { font-size: 16px; line-height: 22px; }
#product .productList ul li a.intro { margin-bottom: 10px; }
#product .productList ul li a.intro span { display: inline-block; margin-right: 5px; padding: 2px 4px; font-size: 12px; line-height: 12px; color: #6B92BA; background-color: #F3F9FF; }
#product .productList ul li a.tel { font-size: 14px; line-height: 30px; text-align: center; height: 30px; color: #FFF; background-color: #006bbd; border-radius: 3px; }
#product .productList ul li a.tel i { margin-right: 8px; }
#company { clear: both; background-color: #FFF; margin-bottom: 10px; }
#company .companyBox { clear: both; padding: 15px 0; }
#company .companyBox .photo { width: 105px; float: left; }
#company .companyBox dl.text { margin-left: 115px; }
#company .companyBox dl.text dt { font-size: 18px; margin-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#company .companyBox dl.text dd { height: 60px; font-size: 14px; line-height: 21px; color: #999; overflow: hidden; }
#company .companyBox .photo a img { width: 105px; height: 90px; }
#company .companyBox .photo a,  #company .companyBox .photo a img { display: block; }
#company .companyIntro { clear: both; padding: 10px 0; font-size: 14px; line-height: 21px; color: #999; }
#company .companyIntro h2 { font-size: 16px; font-weight: normal; line-height: 32px; color: #333; }
#company .honor { padding: 15px 0; overflow: hidden; }
#company .honor ul { }
#company .honor ul li { width: 90px; float: left; border: 1px solid #EFEFEF; margin-right: 10px; }
#company .honor ul li img { width: 90px; height: 68px; display: block; }
#contact { clear: both; background-color: #FFF; margin-bottom: 10px; padding-bottom: 15px; }
#contact dl.us { clear: both; padding: 12px 0 7px; border-bottom: 1px solid #F2F2F2; }
#contact dl.us dt { float: right; text-align: center; }
#contact dl.us dd { }
#contact dl.us dd a,  #contact dl.us dd a b,  #contact dl.us dd a span,  #contact dl.us dt a,  #contact dl.us dt a i,  #contact dl.us dt a span { display: block; }
#contact dl.us dd b { font-size: 14px; font-weight: normal; line-height: 24px; color: #666; }
#contact dl.us dd span { font-size: 14px; line-height: 24px; }
#contact dl.us dt a { width: 50px; float: right; border-left: 1px solid #F6F6F6; }
#contact dl.us dt a i { font-size: 20px; line-height: 22px; color: #006bbd; }
#contact dl.us dt a span { font-size: 12px; line-height: 24px; color: #666; }
#goods { clear: both; background-color: #FFF; padding: 15px 0; margin-bottom: 10px; }
#goods .button { position: relative; margin-top: -32px; }
#goods .button a { display: block; position: absolute; top: 32px; left: 10px; width: 32px; height: 32px; text-align: center; color: #FFF; background-color: rgba(0, 0, 0, 0.4); border-radius: 50%; }
#goods .button a i { font-size: 16px; line-height: 32px; }
#goods .photo { }
#goods .photo img { width: 100%; display: block; }
#goods h1 { font-size: 18px; font-weight: normal; line-height: 26px; padding: 10px 0; }
#goods .texe { border-top: 1px solid #F6F6F6; border-bottom: 1px solid #F6F6F6; padding: 11px 0; font-size: 16px; line-height: 26px; }
#goods .texe img {
    width: 100%;
}
/* 底部 */

#footer { clear: both; padding: 10px 0 60px; background-color: #ECECEC; font-size: 12px; color: #888; }
#footer .content { text-align: center; }
#footer a { color:#888; }
#footerNavi { position: fixed; left: 0; top: auto; right: 0; bottom: 0; z-index: 999; padding: 7px 5px; background-color: #F7F7F7; border-top: 1px solid #D3D3D3; }
#footerNavi ul { width: 100%; }
#footerNavi ul li { width: 50%; text-align: center; }
#footerNavi ul li a { display: block; border: 1px solid #D3D3D3; background-color: #FFF; border-radius: 2px; font-size: 14px; color: #333; padding: 2px 0; margin: 0 2px; }
#footerNavi ul li a i { font-size: 20px; margin-right: 5px; }
#footerNavi ul li.naviL { float: left; }
#footerNavi ul li.naviR { float: right; }
#footerNavi ul li.naviR a { background-color: #006bbd; border: 1px solid #006bbd; color: #FFF; }


.page-box{ margin:15px 0; color:#999; font-size:14px;  padding-bottom: 30px;}
div.digg{ margin:0; padding:0; text-align:left; font-size:14px; }
div.digg a{ display:block; float:left; padding:5px 5px;  border:1px solid #e1e2e3; line-height:20px; color:#3b8dd1; background:#fff; text-decoration:none; }
div.digg a:hover { border:1px solid #3b8dd1; }
div.digg span{ display:block; float:left; padding:5px 0; line-height:20px;}
div.digg span.current { padding:5px 5px; margin:0 0 0 8px; color:#555; font-weight:bold; }
div.digg span.disabled { border:1px solid #eee; padding:5px 5px; margin:0 0 0 8px; color:#ddd; }
#MyContent img { width: 100%;}