* { margin: 0; padding: 0; border: 0; }
body { background-color: #111; color: #222; font-size: 12px; background-image: url(images/top.png); background-repeat: no-repeat; background-position: center top; }
a { color: #555; text-decoration: none; }
a:hover { color: #09F; }
ul li { list-style: none; }
.head-top { max-width: 960px; margin: 0 auto; overflow: hidden; }
.topbar {height: 22px; line-height: 22px; color: #d3d3d3; font-size: 12px; overflow: hidden; }
.topbar .left { float: left; padding: 0 10px; }
.topbar .right { float: right; font-size: 14px; font-weight: 700; padding: 0 10px; }
.header { position: relative; overflow: hidden; }
.logo { float: left; text-indent: -9999px; }
.logo a { display: block; background-image: url(images/logo.png); height: 90px; width: 256px; }
.search { position: relative; top: 45px; float: right; height: 25px; width: 300px; padding: 1px; background-color: #f5f5f5; border: 1px solid #eaeaea; }
.search-input { float: left; width: 275px; height: 25px; line-height: 25px; font-size: 12px; outline: none; background-color: #f5f5f5; text-indent: 5px; }
.btn_search { float: right; width: 25px; height: 25px; text-indent: -9999px; cursor: pointer; background-image: url(images/search.png); background-repeat: no-repeat; background-position: center center; }
.search:hover .search-input { background-color: #fff; }
.focus .btn_search { background-color: #fff; }
.nav { height: 32px; background: url(images/nav-tab-bkgd.gif); float: left; }
.nav ul { height: 32px; overflow: hidden; }
.nav li { background: url(images/nav-right-divider.jpg) left no-repeat; float: left; }
.nav li a { background: url(images/nav-left-divider.jpg) right no-repeat; color: #4a4a4a; display: block; font-weight: 700; height: 32px; line-height: 32px; padding: 0 23px; text-decoration: none; }
.nav li > ul { display: none; }
.nav li a:hover { background-color: #fff; }
.main { max-width: 960px; margin: 0 auto; background-color: #fff; min-height: 500px; overflow: hidden; }
.m_1 { overflow: hidden; padding: 10px; }/*首页块一 幻灯*/
#slideshow { float: left; }
.callbacks_container { position: relative; width: 100%; }
.callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.callbacks li { width: 620px; -webkit-backface-visibility: hidden; position: absolute; left: 0; top: 0; }
.callbacks img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.callbacks .caption { display: none; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.callbacks_tabs { position: absolute; width: 100%; list-style: none; padding: 10px 0; bottom: 0; z-index: 3; text-align: center; }
.callbacks_tabs li { margin: 4px 4px; display: inline; }
.callbacks_tabs a { display: inline-block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; text-indent: -9999px; }
.callbacks_tabs li:first-child { margin-left: 0; }
.callbacks_tabs .callbacks_here a { background-color: #fe6500; }
.callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.3; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 35px; width: 35px; background: transparent url("images/arrow.png") no-repeat left top; margin-top: -15px; }
.callbacks_nav:hover { opacity: 0.8; }
.callbacks_nav.next { left: auto; background-position: right top; right: 0; }
.m_1_r { padding-left: 640px; }/*块一右侧栏目*/
.tel { }/*块一电话图片*/
.news { margin-top: 10px; }/*块一资讯栏目*/
.news h2 { font-size: 14px; padding: 6px; font-weight: bold; }
.news h2 span { float: right; }
.news ul { border-top: 2px solid #cecece; padding: 10px 0 0; }
.news ul li { font-size: 12px; line-height:27px;height:27px; overflow:hidden; list-style-position: inside; list-style-type: disc; border-bottom: 1px dashed #cecece; }
.news ul li a:hover { color: #06F; }
.m_2 { padding: 10px; } /*块二 产品分类*/
.m_c_name { font-size: 12px; font-weight: bold; line-height: 30px; border-bottom: 1px solid #DDD; }
.m_c_name span { border-left: 1px solid #555; margin-left: 10px; padding-left: 10px; font-weight: normal; font-size: 12px; }
.m_2 ul { margin-left: -2%; padding-top: 15px; margin-right: 1px; overflow: hidden; }
.m_2 ul li { float: left; width: 23%; margin: 0 0 2% 2%; overflow: hidden; }
.m_2 ul li a { display: block; padding: 1px; border: 1px solid #ddd; }
.m_2 ul li a .img { width:100%; overflow: hidden; }
.m_2 ul li a .img img { width: 100%; }
.m_2 ul li h2 { font-size: 12px; overflow: hidden; font-weight: normal; text-align: center; line-height: 25px; height: 25px; background-color: #f6f6f6; margin-top: 5px; }
.m_2 ul li a:hover h2 { background-color: #FC0; }
.m_2 ul li a:hover { color: #000; background-color: #FC0; }
.m_3 { padding: 0px 10px 25px; }/*块三关于我们*/
.m_3 ul { margin-top: 15px; }
.m_3 ul li { line-height: 25px; text-indent: 2em; }
.m_r_s,/*内容页右栏*/ .m_r_r,/*默认列表*/ .m_r { float: right; width: 77%; }/*产品列表*/
.m_r ul { margin-left: -2%; padding-top: 15px; margin-right: 10px; overflow: hidden; }
.m_r ul li { float: left; width: 23%; margin: 0 0 2% 2%; overflow: hidden; }
.m_r ul li a { display: block; padding: 5px; border: 1px solid #ddd; }
.m_r ul li a .img { width:100%; overflow: hidden; }
.m_r ul li a .img img { width: 100%; }
.m_r ul li h2 { font-size: 12px; overflow: hidden; font-weight: normal; text-align: center; line-height: 25px; height: 25px; background-color: #f6f6f6; margin-top: 5px; }
.m_r ul li a:hover h2 { background-color: #FC0; }
.m_r ul li a:hover { color: #000; background-color: #FC0; }
.m_r_c { padding-bottom: 15px; border-bottom: 1px solid #FC0; margin-right: 10px; }
.m_r_c h2 { padding-bottom: 15px; }
.m_r_c p { line-height: 25px; }
.m_r_r ul { overflow: hidden; margin-right: 10px; margin-bottom: 15px; }
.m_r_r ul li { line-height: 35px;padding-left: 5px; border-bottom: 1px dashed #ddd; }
.m_r_r ul li a { display: block; }
.m_r_r ul li span { float: right; }
.single, .page { margin-right: 10px; }
.page .post-title { text-align: center; font-size: 21px; padding-bottom: 15px; border-bottom: 1px solid #FC0; }
.single .post-title { text-align: center; font-size: 21px; }
.post-mete { text-align: center; padding: 15px 0; border-bottom: 1px solid #ddd; }
.post-body p { line-height: 25px; margin-bottom: 10px; }
.post-body img { max-width: 100%; margin-top: 5px; }
.post-nav { padding: 10px; background-color: #f3f3f3; }
.post-nav p { line-height: 25px; }
.post-relates { margin-top: 15px; }
.post-relates h3 { padding-bottom: 5px; padding-left: 10px; border-bottom: 1px solid #fc0; }
.post-relates ul { margin-left: -2%; padding-top: 15px; margin-right: 1px; }
.post-relates ul li { float: left; width: 23%; margin: 0 0 2% 2%; overflow: hidden; }
.post-relates ul li a { display: block; padding: 5px; border: 1px solid #ddd; }
.post-relates ul li a .img {width:100%; overflow: hidden; }
.post-relates ul li a .img img { width: 100%; }
.post-relates ul li h2 { font-size: 12px; font-weight: normal; overflow: hidden; height: 25px; text-align: center; line-height: 25px; background-color: #f6f6f6; margin-top: 5px; }
.post-relates ul li a:hover h2 { background-color: #FC0; }
.post-relates ul li a:hover { color: #000; background-color: #FC0; }
.goodsinfo { padding: 10px; font-size:16px; font-weight:bold; background-color: #f2f2f2; border-bottom: 1px solid #FC0; margin-bottom: 15px; }
.goodsinfo span { float:right; font-size:12px; font-weight:normal;}
.goods { margin-bottom: 20px; }
.post-titles { float: right; width: 65%; margin-bottom: 20px; }
.post-titles h1 { font-size: 21px; line-height: 35px; }
.post-titles p { line-height: 35px; }
.post-pic { width: 30%; }
.post-pic img { max-width: 100%; }
.m_l { float: left; width: 23%; }/*左栏*/
.pagebar { text-align: center; font-size: 14px; margin-bottom: 15px; }
.pagebar .page { display: inline-block; border: 1px solid #ddd; color: #000; line-height: 25px; padding: 0 10px; border-radius: 3px; }
.pagebar .page:hover { background-color: #eee; color: #000; }
.pagebar .now-page { color: #000; color: #09C; background-color: #eee; }
/*面包屑*/
.menu { height: 30px; line-height: 30px; padding: 10px; }
.function { padding: 0 10px 10px; }
.function_t { height: 35px; line-height: 35px; font-size: 14px; font-weight: bold; padding-left: 10px; background-color: #f1f1f1; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
/*.function_c{ padding:10px;}
.function_c li{ line-height:30px;}*/
#divCatalog .function_c { }
#divCatalog li { margin: 1px 0; }
#divCatalog li a { display: block; background-color: #f2f2f2; height: 32px; line-height: 32px; padding: 0 15px; }
#divCatalog li a:hover { background-color: #FC0; color: #000; }
#divCall .function_c { background-color: #f2f2f2; padding: 10px; margin-top: 1px; }
#divCall li { font-size: 14px; margin-bottom: 10px; }
#divCall li span { display: block; font-size: 14px; font-weight: bold; margin-bottom: 5px; }
.footer { max-width: 960px; margin: 0 auto; background-color: #f7f7f7; border-top: 1px solid #eee; }
.f_1 { padding: 20px 0; margin: 0 10px; }
.f_1 .f_name { font-size: 12px; font-weight: bold }
.f_1 ul { overflow: hidden; margin-top: 15px; }
.f_1 ul li { float: left; margin-right: 10px; }
.f_2 { text-align: center; padding: 20px 0; margin: 0 10px; border-top: 1px solid #ddd; line-height: 30px; }
#m-nav-link { display: none; float: right; margin-right: 10px; line-height: 45px; width: 55px; text-align: center; color: #fff; font-size: 16px; background-color: #555; }
.m-nav { display: none; width: 50%; right: 0; height: auto; background-color: #333; color: #fff; margin-top: 55px; }
.m-nav ul { padding: 10px; }
.m-nav li ul { padding: 0; }
.m-nav li a { display: block; font-size: 18px; line-height: 20px; color: #fff; padding: 10px; margin: 5px 0; border-bottom: 1px solid #555; }
.m-nav li ul li { background-color: #333; }
.m-top { display: none; }
.m-logo { float: left; }
.m-logo a { display: block; width: 243px; text-indent: -9999px; background-image: url(images/logo.png); background-repeat: no-repeat; background-position: left center; }
 @media screen and (max-width: 960px) {
.head-top, .footer { max-width: 660px; }
#slideshow { float: none; }
.callbacks li { width: 100%; }
.m_1_r { padding-left: 0px; max-width: 100%; }
.tel { display: none; }
.m_1, .m_2, .m_3 { padding-left: 0; padding-right: 0; }
.menu { padding: 10px 0; }
.main { max-width: 640px; padding: 0 10px; }
.m_r { }
.m_r ul { margin-right: 0; }
/*.m_r ul li a .img { height: 120px; }
.post-relates ul li a .img { height: 120px; }
.m_2 ul li a .img { height: 120px; }*/
.m_r_c { margin: 0; }
.m_l { display: none; }
.m_r_s, .m_r_r, .m_r { float: none; width: 100%; }
.single, .page { margin-right: 0; }
}
 @media screen and (max-width: 660px) {
.head-top { display: none; }
.m-top { display: block; width: 100%; height: 45px; background-color: #000; }
.m-logo { line-height: 45px; }
#m-nav-link { display: block; }
.m_2 ul li, .post-relates ul li, .m_r ul li { width: 48% }
.post-titles h1 { font-size: 18px; line-height: 25px; }
.post-titles p { line-height: 25px; }
.single .post-title { text-align: center; font-size: 18px; }
.goodsinfo span { display:none;} 
}