@charset "utf-8";
/* CSS Document */
ol, ul { list-style: none }

body { margin: 0 auto; font-family: 宋体, Arial; _font-family: 宋体, Arial; font-size: 12px; }
a { text-decoration: none; color: #333 }
a:hover { color: #f60!important; text-decoration: none; }
.cl:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden }
.cl { *zoom:1;}
.clear { clear: both }
.clear{ float:none; clear:both; display:block; font-size:0px; height:0px; width:auto; line-height:0px; min-height:0px; overflow:hidden; }
.clear5 { float:none; clear:both; display:block; font-size:0px; height:5px; width:auto; line-height:0px; min-height:0px; overflow:hidden;}
.clear8 { float:none; clear:both; display:block; font-size:0px; height:8px; width:auto; line-height:0px; min-height:0px; overflow:hidden;}
.clear10 {float:none; clear:both; display:block; font-size:0px; height:10px; width:auto; line-height:0px; min-height:0px; overflow:hidden; }
.clear15 {float:none; clear:both; display:block; font-size:0px; height:15px; width:auto; line-height:0px; min-height:0px; overflow:hidden; }
.hide { display: none; }
.w { width: 1002px; margin: 0 auto; }
.w110 { width: 110px; }
.w140 { width: 140px; }
.fl { float: left }
.fr { float: right }
.yh{font-family: "Microsoft Yahei";}
/*color*/
.Red { color: #F00 !important; }
.Orange { color: #F30 !important; }
.Yellow { color: #fec350 !important; }
.Green { color: #4BB306 !important; }
.Gray { color: #999 !important; }
/*font-size*/
.fz12 { font-size: 12px; }
.fz14 { font-size: 14px; }
.fz16 { font-size: 14px; }
.fz18 { font-size: 18px; }
.fwb { font-weight: bold; }
/*margin*/
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt70 { margin-top: 70px !important; }
.mt0 { margin-top: 0px !important; }
.mr5 { margin-right: 5px !important; }
.mr0 { margin-right: 0px !important; }
.mr15 { margin-right: 15px !important; }
/*padding*/
.pr0 { padding-right: 0px !important; }
.pt20 { padding-top: 20px; }
.pd10 { padding: 10px; }
span.time { float: right; font-size: 12px; }
/****************************** header 开始 ******************************/
.top_ad { width: 100%; background-color: #b40004; height: 50px; line-height: 50px; }
.topNav { position: relative; z-index: 1000; height: 30px; line-height: 30px; border-bottom: 1px solid #ddd; background-color: #FCFCFC; font-family: "Microsoft YaHei", SimSun; font-size: 12px; }
.topNav a:hover{color: #4AB308 !important;}
.topNav-width { width: 1000px; margin: 0 auto; }
.topNav h3 { font-weight: normal; font-size: 100%; }
.topNav dl { zoom: 1; }
.topNav .tnLeft { float: left; }
.topNav .tnRight { float: right; }
.topNav dd { float: left; position: relative; }
.topNav dd h3 { float: left; }
.topNav dd h3 a { display: inline-block; *display:inline;
zoom: 1; height: 14px; line-height: 14px; padding: 10px 14px; }
.topNav dd h3 a i { display: inline-block; width: 10px; height: 5px; margin: 0 0 0 5px; overflow: hidden; vertical-align: middle; font-size: 12px; line-height: 13px; background: url(../images/topmenu.png) -138px -33px no-repeat; }
.topNav dd h3 a:hover i{ background: url(../images/topmenu.png) -138px -52px no-repeat;}
/*.topNav dd h3 a:hover,  .topNav dd.on h3 a { background: #EEFEE4; color: #4AB308; }*/
.topNav dd.on h3 a i{ background: url(../images/topmenu.png) -138px -52px no-repeat;}

.topNav .welcome { padding-right: 15px; color: #4AB308; }
.topNav .welcome a { color: #4AB308; }
.topNav dd ul { display: none; /*默认隐藏*/ position: absolute; width: 110px; top: 30px; left: 0; border: 1px solid #ddd; border-top: 0; background: #fff; -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); box-shadow: 3px 3px 3px rgba(0, 0, 0, .1); }
.topNav dd ul li { line-height: 31px; border-bottom: 1px solid #DDD; }
.topNav dd ul li a { display: block; color: #333; padding: 0 15px; }
.topNav dd ul li a:hover { background: #F2F2F2; color: #4AB308 !important; }
.topNav dd ul li a span { color: #4AB308; margin-left: 5px; }
/*微博图标*/
.sina-icon { display: block; float:left; width: 16px; height: 20px; margin:0 5px 0 10px; background: url("../images/topmenu.png") no-repeat -10px -71px; }
.t-icon { display: block; float:left; width: 16px; height: 20px; margin:0 5px 0 10px; background: url("../images/topmenu.png") no-repeat -53px -71px; }
.wxht { background: url("../images/topmenu.png") no-repeat 0 -116px; height: 80px; padding-left: 80px; width: 80px; }
.wxht span { color: #666666; display: inline-block; }
/*网站导航*/
.sitemap li{ width:168px; float:left; padding:20px; border-bottom:none !important; }
.sitemap li a{ padding:0 !important;}
.sitemap li a:hover{ background:none !important;}
.sitemap h4.mcate-item-hd { font-family: '微软雅黑'; padding-left: 2px; font-size: 14px; height: 26px; line-height: 26px; border-bottom: 1px dashed #ccc; }
.sitemap p.mcate-item-bd { padding-left: 2px; }
.sitemap p.mcate-item-bd a { height: 26px; line-height: 26px; float:left; margin-right: 10px; font-size: 12px; color: #666666; padding:0 !important;}
.sitemap p.mcate-item-bd a:hover { color: #6c5143; background:none }
/*logo*/
.logo { width: 330px; height: 60px; float: left; margin: 15px 0; *height:85px;
}
/*搜索框*/
.search_box { display: inline; float: right; font-family: "微软雅黑", Microsoft Yahei; height: 34px; margin: 15px 0 10px 50px; width: 460px; }
.search { width: 460px; height: 34px; }
.search #search_select { background-position: -40px -45px; width: 48px; height: 34px; line-height: 34px; padding: 0px 10px 0px 0px; cursor: pointer; position: relative; font-size: 14px; color: #a8a8a8; font-weight: bold; }
.search #search_select span { display: block; }
.search #search_select .action_select li { float: left; display: block; height: 30px; width: 40px; line-height: 30px; padding: 0px 10px 0px 10px; }
.search #search_select .action_select li.searchon { background: #f2f2f2; color: #f60 }
.search input#searchtxt { outline: 0px; border: 0px; width: 250px; padding: 4px 0px; height: 20px; line-height: 20px; padding-left: 10px; font-size: 14px; }
.searchSelected { color: #a8a8a8; cursor: pointer; font-size: 14px; font-weight: bold; height: 34px; line-height: 34px; padding: 0 10px; width: 48px; background-position: 0 -27px; }
.searchSelectedUp { color: #a8a8a8; cursor: pointer; font-size: 14px; font-weight: bold; height: 34px; line-height: 34px; padding: 0 10px; width: 48px; background-position: 0 3px; }
.searchTxt { float: left; width: 370px; height: 34px; border: 2px solid #4AB308; border-right: 0; position: relative; z-index: 20; background: #fff; }
.searchTxt .radius { width: 1px; height: 1px; overflow: hidden; background: #f4f4f4; position: absolute; top: -2px; left: -2px; }
.searchBtn { float: left; }
.searchTxtHover .radius { width: 1px; height: 1px; overflow: hidden; background: #cce5f5; position: absolute; top: -2px; left: -2px; }
.search #search_select .action_select { background: #ffffff; position: absolute; top: 34px; left: -2px; z-index: 19999; }
.searchTxtHover { float: left; width: 370px; height: 34px; position: relative; z-index: 20; background: #fff; }
.searchBtn button { background-color: #4AB308; border: 0 none; color: #FFFFFF; cursor: pointer; font-family: "微软雅黑", Microsoft Yahei; font-size: 16px; height: 38px; width: 84px; float: right !important; }
/* 鼠标指向显示 */
.searchSelectedUp,
.searchSelected,
.button_wed,
.button_index { background-image: url(../images/search.png); background-repeat: no-repeat; }
.searchTxtHover_index { border: 2px solid #4AB308; border-right: 0; }
.searchTxtHover_wed { border: 2px solid #4AB308; border-right: 0; }
.searchTxtHover_index #search_select .action_select { border: 2px #4AB308 solid; border-top: 0px; }
.searchTxtHover_wed #search_select .action_select { border: 2px #4AB308 solid; border-top: 0px; }
.hots_search { margin-top: 8px; overflow: hidden; width: 465px; }
.hots_search p a { display: inline-block; height: 24px; line-height: 24px; padding-right: 8px; }


/*店招*/
.ruzhu_medal{ background:url(ruzhu-medal.png) no-repeat;float: right;}
.wangpu_banner { background-color: #57AD02; height: 115px; font-family: "Microsoft YaHei", "微软雅黑"; color: #FFF; }
.wangpu_banner .qiye_logo { width: 70px; height: 70px; margin-right: 10px; margin-top: 30px; float: left; }
.wangpu_banner .qiye_name { margin-top: 30px; float: left; width: 800px; height: 80px; }
.wangpu_banner .qiye_name h1{margin: 0; font-size:40px; font-weight:normal; height:40px; line-height:40px; width:750px; overflow:hidden; margin-bottom:10px;font-family: "Microsoft YaHei", "微软雅黑"; }
.wangpu_banner .qiye_name p{ width:800px; height:24px; line-height:24px; font-size:14px; margin-bottom:15px;font-family: "Microsoft YaHei", "微软雅黑";}
.medal-6,.medal-7,.medal-9,.medal-8{ width:85px; height:110px;  position:relative;}

.medal-6{background-position:-347px 10px;}
.medal-7{background-position:-0px 10px;}
.medal-9{background-position:-115px 10px;}
.medal-8{background-position:0 10px;}

.wangpu_banner .ruzhu_year{ font-size:12px; color:#fff; position:absolute; top:70px; left:28px;}
/*主导航*/
.Menu { width:100%; height:40px; line-height:40px; background-color:#53A502; border-top:1px solid #6BBF33}
.Menu ul {width:1000px; margin:0 auto; display:block; }
.Menu ul li { width: 100px; height:40px; text-align: center; display: inline-block; float: left; border-right:1px dashed #6BBF33 }
.Menu ul li.current { background-color:#390; }
.Menu ul li.current a { color: #fff; }
.Menu ul li a { font-size: 14px; font-family: "Microsoft YaHei", "微软雅黑"; color:#fff;}
.Menu ul li a:hover{ color:#fff !important;}
.Menu ul li:hover{background-color:#390;}

/****
焦点图
****/
.banner{ position:relative;}
.banner img { width: 100%; }
#slides { display: block; width: 100%; height: 420px; list-style: none; padding: 0; margin: 0; position: relative; z-index:100; }
#slides li { width: 100%; height: 100%; }
#slides li a { display: block; width: 100%; height: 100%; text-indent: -9999px }
#pagination { display: block; list-style: none; position: absolute; left: 50%; top: 360px; z-index: 9900; padding: 5px 15px 5px 0; margin: 0 }
#pagination li { display: block; list-style: none; width: 10px; height: 10px; float: left; margin-left: 10px; border-radius: 5px; background: #FFF; text-indent: -9999px;}
#pagination li.on { background: #F00; }


/*首页*/
/*news*/
.news { width: 645px; float: left; }
.news h2 { height: 45px; line-height: 45px; border-bottom: 1px solid #ccc; margin-bottom: 15px; font-size:12px; font-weight:normal; }
.more { float: right; }
.more a { color: #666; font-size: 11px; }
.news h2 span.newsTitle { background: url(mo_zbg.png) no-repeat 0 0; width: 145px; height: 26px; display: inline-block; text-indent: -9999px; margin-top:10px; margin-left:15px; }
.focus_box{ float: left; width: 250px; height: 285px; margin-left:15px; }
.focus { width: 244px; height: 279px; float: left; border: 3px solid #d9d9d9; position: relative; }
.focus .bd { width: 244px; height: 279px; overflow: hidden; }
.focus .bd ul { width: 1220px; height: 279px; float: left; }
.focus .bd li { width: 244px; height: 279px; float: left; }
.focus .bd li img { width: 244px; height: 279px; float: left; }
.focus .tip-bg { width: 244px; height: 21px; background: url(focus_tip_bg.png) no-repeat left top; position: absolute; left: 0; bottom: 0; z-index: 12; }
.focus .hd { width: 120px; height: 14px; position: absolute; left: 60px; bottom: 3px; z-index: 13; }
.focus .hd ul li { width: 14px; height: 14px; float: left; display: inline; margin: 0 5px; cursor: pointer; background: url(focus_tip.png) no-repeat; }
.focus .hd ul li.on { background: url(focus_tip_current.png) no-repeat; }
.focus .btn { width: 42px; height: 9px; position: absolute; right: 0; bottom: 5px; z-index: 14; overflow: hidden; }
.focus .btn ul { width: 100%; float: left; }
.focus .btn li { width: 7px; height: 9px; float: left; display: inline; margin: 0 7px; cursor: pointer; overflow: hidden; }
.focus .btn li.prev { background: url(focus_btn_left.png) no-repeat left top; }
.focus .btn li.next { background: url(focus_btn_right.png) no-repeat left top; }
.focus .show { display: block!important; }
.news .newsInfo { float: left; margin-left: 15px; width: 365px; }
.news .newsInfo .bigNews { }
.news .newsInfo .bigNews h3 {margin: 0; font-size: 14px; line-height: 28px; }
.news .newsInfo .bigNews p {margin: 0; text-indent: 2em; font-size: 12px; color: #999; line-height: 24px; }
.news .newsInfo .littleNews { border-top: 1px solid #ccc; margin-top: 15px; }
.news .newsInfo .littleNews ul { padding: 10px 0; }
.news .newsInfo .littleNews ul li { background: url(newsLi.png) no-repeat left center; padding-left: 15px; }
.news .newsInfo .littleNews ul li a { line-height: 24px; font-size: 12px; }
/*intro*/
.introBg { float: right; background: url(introBg.png) no-repeat -4px 32px; width: 328px; height: 342px; margin-right:15px; }
.intro { margin-left: 43px; margin-right: 21px; }
.intro h2 { height:36px; line-height: 26px; border-bottom: 1px solid #ccc; margin-bottom: 15px; margin-top:10px; font-weight:normal; }
.intro h2 span.introTitle { background: url(mo_zbg.png) no-repeat -155px 0; width: 145px; height: 26px; display: inline-block; text-indent: -9999px; }
.intro h3 { width: 265px; height: 155px; }
.intro p { font-size: 12px; color: #999; line-height: 24px; margin-top: 10px; }
/**推荐产品**/
.recPro { width: 100%; height: 400px; background-color: #fff; -webkit-box-shadow: 1px 3px 2px rgba(0,0,0,.11); -moz-box-shadow: 1px 3px 2px rgba(0,0,0,.11); box-shadow: 1px 3px 2px rgba(0,0,0,.11); }
.recPro h2 {margin: 0; background: url(mTitleBg.png) repeat-x 0 8px; height: 110px; text-align: center; }
.recPro h2 span.recProTitle { background: url(mo_zbg.png) no-repeat left -35px; width: 258px; height: 65px; display: inline-block; text-indent: -9999px; margin-top: 25px; }


.itab { /* position: relative; */ width: 1000px; }
.itab .bd { height: 240px; overflow: hidden; position: relative; width: 1000px; }
.itab .bd ul li { display: inline; float: left; height: 240px; overflow: hidden; padding: 0 10px; width: 300px; }
.itab .bd ul li a img { vertical-align: middle; width: 300px; height: 240px; }

.itab .bd ul .pic-txt { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); bottom: -30px; cursor: pointer; display: block; font: 14px/30px "Microsoft YaHei"; height: 30px; margin-top: -30px; position: relative; text-align: center; width: 300px; z-index: 1; }
.itab .hd { height: 22px; margin: 0 auto; overflow: hidden; padding: 15px 10px 0; width: 85px; height: 30px; }
.itab .hd li { float: left; padding: 0 3px; }
.itab .hd li span { background: url("sjbz_infor-btn.png") no-repeat scroll 0 -27px rgba(0, 0, 0, 0); cursor: pointer; display: block; height: 22px; overflow: hidden; text-indent: -9999em; width: 22px; }
.itab .hd .on span{ background-position: 0 0; }


/**最新产品**/
.newsPro { width: 300px; padding: 10px; margin-bottom: 15px; margin-right: 17px; float: left; font-family: "Microsoft YaHei", "微软雅黑"; background-color: #fff; -webkit-box-shadow: 1px 3px 2px rgba(0,0,0,.11); -moz-box-shadow: 1px 3px 2px rgba(0,0,0,.11); box-shadow: 1px 3px 2px rgba(0,0,0,.11); }
.newsPro h2 { font-size: 14px; text-align: center; line-height: 28px; margin-bottom: 10px; font-weight: normal;font-family: "Microsoft YaHei", "微软雅黑"; height:24px; overflow:hidden; }
.newsPro h2 a { color: #666; }
.newsPro h2 a:hover{ color:#009900;}
.newsPro .cpPic { width: 300px; height: 200px; position: relative; }
.newsPro .cpPic a img { width: 296px; height: 196px; border:1px solid #eee; padding:1px; }
.newsPro .cpPic h3.priceBg { width: 300px; height: 30px; position: absolute; left: 0; bottom: 0; background-color: #000; opacity: .3; filter: alpha(opacity=30); }
.newsPro .cpPic span { font-size: 14px; line-height: 30px; width: 300px; text-align: center; position: absolute; left: 0; bottom: 0; }
.newsPro ul { margin-top: 15px; width: 300px; }
.newsPro ul li { color: #666; line-height: 26px; font-size: 14px; }
.newsPro ul li .line { color: #ccc; border-top: 1px solid #ccc; height: 1px; }
.newsPro .proButton { width: 300px; text-align: center; margin-top: 10px; }
.newsPro .proButton .lookBtn { background: url(lookBtn.png) no-repeat center center; width: 121px; height: 35px; margin-right: 10px; display: inline-block; text-indent: -9999px; }
.newsPro .proButton .priceBtn { background: url(priceBtn.png) no-repeat center center; width: 121px; height: 35px; display: inline-block; text-indent: -9999px; }
/**荣誉资质**/
.honQua { width: 1000px; height: 355px; background-color: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }
.honQua h2 { background: url(mTitleBg.png) repeat-x 0 8px; height: 110px; text-align: center; }
.honQua h2 span.honQuaTitle { background: url(mo_zbg.png) no-repeat 0 -102px; width: 258px; height: 65px; display: inline-block; text-indent: -9999px; margin-top: 25px; }

.islide { margin: 0px auto; width: 1000px; position: relative; }
.islide .bd { margin: 0px auto; width: 890px; height: 230px;overflow: hidden; }
.islide .bd ul{overflow: hidden;}
.islide .bd li{overflow: hidden; float: left; width: 296px; height: 230px;}
.islide .bd li p{margin: 0;text-align: center;}
.islide .bd li .box{margin: 0px 10px;}
.islide .bd .button { position: absolute; width: 676px; }
.islide .prev { position: absolute; text-indent: -9999px; width: 25px; display: block; background: url(dirBut.png) no-repeat 0px 0px; float: left; height: 50px; top: 80px; margin-left: 20px; }
.islide .next { position: absolute; text-indent: -9999px; width: 25px; display: block; background: url(dirBut.png) no-repeat 0px -68px; float: right; height: 50px; top: 80px; right: 0px; margin-right: 20px; }
.islide .prev:hover { background-position: 0px -178px; }
.islide .next:hover { background-position: 0px -246px; }
.featureUL { position: relative; float: left; left: 0px }
.featureBox { width: 300px; background-repeat: no-repeat; float: left; height: 230px; overflow: hidden; }
#botton-scroll { z-index: 0; margin: 0px auto; width: 890px; float: left; height: 240px; }
#block { z-index: 0; position: relative; margin: 0px auto; width: 890px; overflow: hidden; }
#block .box { margin: 0px 10px; float: left; }
#block .box img { width: 280px; height: 200px; }
#block p { display: block; text-align: center; }
#block p a { font-size: 12px; line-height: 26px; }
#block .box .feature-title { font-size: 140%; font-weight: normal }
#block .box .feature-thumb { width: 240px; margin-bottom: 5px; float: left; height: 150px; }
/**友情链接**/

.friendlyLinkBox .friLink { margin: 30px 0; font-family: "Microsoft YaHei", "微软雅黑"; background: #fff; padding: 10px 15px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }
.friendlyLinkBox .friLink h2 { font-size: 16px; color: #333; display: inline-block; line-height: 30px; }
.friendlyLinkBox .friLink ul { display: inline-block; }
.friendlyLinkBox .friLink ul li { line-height: 30px; padding: 0 10px; display: inline-block; }
.friendlyLinkBox .friLink ul span.line2 { color: #ccc; }
/**footer**/






.pageLeft { width: 250px; float: left; }
.pageLeft .sellerInfo, .pageLeft .proClassify, .pageLeft .siteSearch, .pageLeft .contact { background-color: #FFF; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }
.pageLeft .sellerInfo h2, .pageLeft .proClassify h2, .pageLeft .siteSearch h2, .pageLeft .contact h2 {margin:0; padding-left: 15px; height: 40px; line-height: 40px; color: #090; font-weight: normal; font-family: "Microsoft YaHei", "微软雅黑"; font-size: 16px; border-bottom: 1px solid #CCC; background-color: #F9F9F9; }
.pageLeft .sellerInfo ul, .pageLeft .contact ul { padding: 15px 10px; }
.pageLeft .sellerInfo ul li, .pageLeft .contact ul li { line-height: 26px; color: #666; }
.pageLeft .siteSearch input.inp { width: 220px; height: 20px; color: #666; margin: 15px 10px; }
.pageLeft .siteSearch input.sbm { background: #52BB08; border: 1px solid #268504; height: 20px; color: #fff; vertical-align:top; cursor:pointer; }
.pageLeft .contact ul li span { color: #333; }

.pageRight { width: 740px; float: right; background-color: #FFF; }
.pageRight h2 {margin:0; padding-left: 15px; height: 40px; line-height: 40px; color: #090; font-weight: normal; font-family: "Microsoft YaHei", "微软雅黑"; font-size: 16px; border-bottom: 1px solid #CCC; background-color: #F9F9F9; }
.pageRight h2 span.breadNav { font-size: 12px; color: #999; display: inline-block; float: right; padding-right: 20px; }


.cpContent { margin: 15px 20px; }
.main_head { border-bottom: 2px solid #CCC; }
.main_head div { padding: 0 10px 0 10px; font-size: 14px; height: 33px; line-height: 35px; overflow: hidden; letter-spacing: 1px; }
.main_body { border-top: none; background: #FFF; padding: 10px; margin: 0 0 10px; }


.nav-guide {font-size: 12px;font-family: "宋体", Arial; line-height: 30px; margin-top: 15px !important; color: #666; border-bottom: 1px solid #CCC; }
.nav-guide span { padding: 0 5px; color: #999; }


#mid_div { width: 560px; height: 370px; }
.panel { width: 410px; font-family: "Microsoft Yahei"; font-size: 14px; margin-bottom: 30px; }
.product-title h1 { line-height: 40px; font-size: 18px; font-weight: normal; font-family: "Microsoft Yahei"; }
.panel .sale-price { line-height: 40px; }
.panel .state { margin-top: 10px; }
.panel .state li { line-height: 35px; }
.panel .state li span { color: #666; }
.star-comment span { height: 16px; background: url(star2.gif) repeat-x 0 0; display: inline-block; width: 80px; }
.panel .info { margin-top: 20px; border-top: 1px dotted #CCC; padding-top: 15px; text-align: left; }
.panel .info li { line-height: 35px; }
.panel .info li span { color: #666; }
.panel .info li i { color: #999; font-style: normal; font-size: 12px; margin-left: 10px; }
.panel .price-btn { background: url("icon.png") no-repeat 0 -225px; display: inline-block; height: 41px; width: 130px; margin: 30px 20px 0 0; text-indent: -9999px; }
.extra { padding: 20px 0; }

#bdshare .bds_more{background-image:none !important; }
.extra_field { border: 1px solid #CCC; color: #545454; cursor: pointer; background: #FFF;}
.extra .extra_icon { background: url("icon.png") no-repeat -192px -61px; border-right: 1px solid #CCC; width: 27px; }
.extra_field span { display: inline-block; height: 25px; vertical-align: top; }
.extra .extra_text { background: none repeat scroll 0 0 #FFF; line-height: 24px; text-align: center; width: 60px; }

.extra .like, .extra .collect, .extra .video { margin-left: 10px; }
.extra .like .extra_icon { background-position: -192px -87px; }
.extra .collect .extra_icon { background-position: -192px -113px; }
.extra_field:hover, .big_img .extra_field.hover { border-color: #E72D55; color: #E72D55 !important; }
.extra .share_bd:hover .extra_icon { background-position: -9px -147px; }
.extra .like:hover .extra_icon { background-position: -37px -147px; }
.extra .collect:hover .extra_icon { background-position: -65px -147px; }



.cpViewSetting { background-color: #FAFAFA; border: 1px solid #EEE; color: #666; height: 38px; padding: 0 10px; }
.cpViewSetting ul { margin-top: 8px; }
.cpViewSetting ul li { margin-right: 16px; float: left; }
.cpViewSetting ul li .windowsSelect { background: url(showType.png) no-repeat 0 -30px; text-indent: -9999px; }
 .cpViewSetting ul li .windowsSelect2 { background: url(showType.png) no-repeat 0 0; text-indent: -9999px; }
.cpViewSetting ul li .catalogs { background: url(showType.png) no-repeat -23px -30px; text-indent: -9999px; }
.cpViewSetting ul li .catalogs2 { background: url(showType.png) no-repeat -23px 0; text-indent: -9999px; }
.cpViewSetting ul li a { float: left; height: 23px; overflow: hidden; width: 23px; }

/***产品缩略图列表***/
.thumbBox .cpthumb { float: left; margin-right: 12px; margin-top: 15px; width: 225px; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }
.thumbBox .cpthumb h3 {margin: 0; font-size: 13px; font-weight: normal; line-height: 35px; text-align: center; height:35px; overflow:hidden; }
.thumbBox .cpthumb .cppic { margin: 5px; width: 215px; height: 145px; }
.thumbBox .cpthumb .cppic img { width: 211px; height: 141px; border:1px solid #eee; padding:1px; }
.thumbBox .cpthumb .cppic p { display: block; width: 215px; height: 26px; background: #000; opacity: .2; flter: alpha(opacity=20); margin-top: -30px; }
.thumbBox .cpthumb .cppic h5 { color: #fff; font-size: 12px; margin-top: -26px; line-height: 26px; position: relative; text-align: center; }
.thumbBox .cpthumb ul { margin-left: 5px; }
.thumbBox .cpthumb ul li { line-height: 24px; color: #999; }
.thumbBox .cpthumb .cpBtn { text-align: center; padding: 10px 0; }
.thumbBox .cpthumb .cpBtn .infoBtn { background: url(cplookBtn.png) no-repeat 0 0; width: 87px; height: 28px; line-height: 28px; margin-right: 10px; display: inline-block; text-indent: -9999px; }
.thumbBox .cpthumb .cpBtn .priceBtn { background: url(cppriceBtn.png) no-repeat 0 0; width: 87px; height: 28px; line-height: 28px; display: inline-block; text-indent: -9999px; }
/***产品列表***/
.thumblist { border-bottom: 1px dotted #ccc; padding: 10px 0; }
.thumblist .TLpic { float: left; width: 215px; margin-right: 15px; }
.thumblist .TLpic img { width: 215px; height: 145px; }
.thumblist .TLpic p { display: block; width: 215px; height: 26px; background: #fff; opacity: .5; flter: alpha(opacity=50); margin-top: -30px; }
.thumblist .TLpic h5 { color: #fff; font-size: 12px; color: #f00; margin-top: -26px; line-height: 26px; position: relative; text-align: center; }
.thumblist .TLtitle { float: left; width: 350px; }
.thumblist .TLtitle h5 {margin: 0; font-size: 14px; line-height: 26px; }
.thumblist .TLtitle p {margin: 0; text-indent: 2em; font-size: 12px; line-height: 24px; color: #999; }
.thumblist .TLtitle span { color: #666; display: block; line-height: 24px; }
.thumblist .TLbtn { float: left; margin: 40px 0 0 30px }
.thumblist .TLbtn .infoBtn { background: url(cplookBtn.png) no-repeat 0 0; width: 87px; height: 28px; line-height: 28px; margin-bottom: 10px; display: block; text-indent: -9999px; }
.thumblist .TLbtn .priceBtn { background: url(cppriceBtn.png) no-repeat 0 0; width: 87px; height: 28px; line-height: 28px; display: block; text-indent: -9999px; }
a.collectShop { background: url(collectBtn.png) no-repeat 0 0; height: 30px; width: 220px; text-indent: -9999px; display: block; margin-top: 10px; }
/*
	[Destoon B2B System] Copyright (c) 2008-2013 Destoon.COM
	This is NOT a freeware, use is subject to license.txt
*/
/* global */
body {margin:0px;font-size:12px;color:#555;background:#f2f2f2 url('b g.jpg') no-repeat center 0;font: 12px "Microsoft Yahei","微软雅黑",arial,\5b8b\4f53,sans-serif,Tahoma,Helvetica;}
/* common */
.m {width:1002px;margin:auto;}
.top {height:26px;line-height:26px;padding:0 10px 0 10px;}
#top a {text-decoration:none;}
.head {height:115px;overflow:hidden;}
.head div {float:left;}
.head .logo {padding:15px 10px 0 0px;height:90px;overflow:hidden;}
.head h1 {font-size:24px;margin:32px 0 5px 10px;color:#333333;font-family:\9ED1\4F53;filter:glow(color=#FFFFFF,strength=3);}
.head h4 {font-size:15px;margin:0 0 0 10px;color:#333333;}
/*
#menu a {text-decoration:none;}
.menu {background:url('menu_bg.gif');height:30px;overflow:hidden;padding:0 0 0 20px;font-size:14px;font-weight:bold;border:#438ECE 1px solid;border-top:#438ECE 2px solid;}
.menu_li {float:left;white-space:nowrap;border-right:#FFFFFF 1px solid;line-height:30px;padding:0 20px 0 20px;}
.menu_li span {color:#003D70;}
.menu_on {float:left;white-space:nowrap;border-right:#438ECE 1px solid;border-left:#438ECE 1px solid;line-height:30px;padding:0 20px 0 20px;background:url('menu_on.gif') repeat-x;}
.menu_on span {color:#FFFFFF;}

.side_head {border:#79B7EC 1px solid;border-bottom:none;background:url('side_head.gif') repeat-x;}
.side_head div {padding:0 10px 0 10px;font-size:14px;height:28px;line-height:30px;overflow:hidden;letter-spacing:1px;}
.side_body {border:#79B7EC 1px solid;border-top:none;background:#FFFFFF;padding:10px;margin:0 0 10px;}
.side_body li {background:url('../../image/ico_arrow.gif') no-repeat 5px 7px;padding:0 0 0 20px;height:26px;line-height:26px;overflow:hidden;}

.main_head {border:#79B7EC 1px solid;border-bottom:none;background:url('main_head.gif') repeat-x;}
.main_head div {padding:0 10px 0 10px;font-size:14px;height:28px;line-height:30px;overflow:hidden;letter-spacing:1px;}

.main_body {border:#79B7EC 1px solid;border-top:none;background:#FFFFFF;padding:10px;margin:0 0 10px;}

*/