@charset "utf-8";
body{ background:#eaeaea url(../images/bg_body.png) center top no-repeat; height:100%;  overflow-x:hidden; }
area{ outline:none;}
.main{ position:relative; left:50%; margin-left:-697px; width:1394px;}
.content{position:relative; padding:20px 0; background:#512616 url(../images/content_bg.jpg) left top repeat-x; height:auto !important; height:300px; min-height:300px;  }
.contView{ width:1000px; margin-left:auto; margin-right: auto;  }
.contView_left{ float:left; width:625px; overflow:hidden;}
.contView_right{ float:right; width:355px; overflow:hidden;}

.b-shopbar .guideT,
.b-barCoupe .guideT,
.m-shopGuide .guideT{ position:absolute; left:10px; top:20px; }
.b-shopbar h2,
.b-barCoupe h2,
.m-shopGuide h2{ margin-top:4px; font:30px/51px 'Microsoft Yahei'; text-indent:56px; }

/*商品条码的好处*/
.b-shopbar{ position:relative;  padding:20px 12px 20px 27px;  height:490px; background-color:#fffcf0; color:#773c1a; overflow:hidden;  }
.b-shopbar .flashBox{ width:583px; height:311px; padding-top:15px; overflow:hidden; } /* height:290px; */
.b-shopbar .info{ font:16px/26px 'Microsoft Yahei'; height:110px; overflow:hidden; }
.b-shopbar .info strong{ display:inline-block; background:#c2885a; border-radius:2px; font-size:18px; font-weight:normal; color:#fff; overflow:hidden; vertical-align:middle; _margin-bottom:2px; }
.b-shopbar .info .stg2{  padding:0 6px; }

/*行业资讯*/
.b-inNews{ padding:0 20px 10px 10px;  height:280px; background:#ecefdd;  }
.b-inNews h2{ font:24px/61px 'Microsoft Yahei'; color:#273a06; }
.b-inNews .firstNews{ padding-left:135px; height:113px; }
.b-inNews .firstNews .img{margin-left:-135px; float:left; _display:inline; width:113px; height:114px; overflow:hidden;   }
.b-inNews .firstNews h4{ height:44px; overflow:hidden; margin-bottom:2px; }
.b-inNews .firstNews h4 a{ font:16px/22px 'Microsoft Yahei'; color:#273a06; }
.b-inNews .firstNews p{ font:12px/22px 'Microsoft Yahei'; height:68px; overflow:hidden; color:#77904b; }
.b-inNews .firstNews p a{ color:#77904b; }
.b-inNews .newsList li{ height:30px; line-height:30px; padding-left:9px; overflow:hidden; }
.b-inNews .newsList li a{ font:15px/30px 'Microsoft Yahei'; color:#273a06; padding-left:13px; background:url(../images/i_new.jpg) 0 center no-repeat; }

/*条形码信息*/
.mb_12{ margin-bottom:12px;}
.b-barInfo{ height:343px; background:#eaeefb }
.b-barInfo .head{ padding:10px 0 12px 17px; height:70px; overflow:hidden; border-bottom:2px solid #5872c3; }
.b-barInfo .head label{ font:18px/37px "Microsoft Yahei"; color:#2a3f82; }
.b-barInfo .body{ padding-left:18px; }
.b-barInfo .download{ overflow:hidden; padding-top:10px; height:80px; }
.b-barInfo .download p{ font:18px/24px "Microsoft Yahei"; color:#5872c3; float:left; padding-top:3px; overflow:hidden; display:block; }
.b-barInfo .download strong{ font:22px/39px "Microsoft Yahei"; color:#2a3f82; display:block; text-indent:15px;  }
.b-barInfo .download .downloadA{ float:right; width:123px; overflow:hidden; }

/*广告*/
.b-adv1{overflow:hidden;}


/*商品条码科普*/
.b-barCoupe{ position:relative; padding:22px 12px 20px 20px;  background-color:#e9f5f4; color:#3e8a87; height:656px; overflow:hidden; }
.b-barCoupe h4{ font:24px/39px 'Microsoft Yahei'; color:#0a5e6a; }
.b-barCoupe h4.first{ border-bottom:1px solid #bcd7d8; width:570px;  }
.b-barCoupe .firstText{ height:192px; overflow:hidden; }
.b-barCoupe .firstText p{ text-indent:2em; font:14px/24px 'Microsoft Yahei'; }
.b-barCoupe .firstText a{ color:#3e8a87; text-decoration:underline;  }
.b-barCoupe .barCoupe_ean{ height:280px; padding-bottom:10px; margin-top:5px; background:#5e9e9c; width:583px; border-radius:5px;  }
.b-barCoupe .barCoupe_ean .body{ height:140px; overflow:hidden;color:#fff; font:14px/24px 'Microsoft Yahei'; margin-left:97px ; }
.b-barCoupe .barCoupe_ean img{ margin:20px 0 0 86px;}
.b-barCoupe .barCoupe_ean a{ color:#ffdf46; text-decoration:underline; }

/*商品条码应用案例*/
.m-barCase{ height:280px;  background:#f4e9ef;position:relative;}
.m-barCase .body{ position:relative; }
.m-barCase .body li{ width:886px !important;  height:270px; padding:10px 60px 0 54px; float:left; overflow:hidden; }
.m-barCase .body li .m-barCase_img{ float:left; width:433px; height:190px; border:10px solid #6e2550;margin-top:10px; overflow:hidden;}
.m-barCase .body li .siteWidth{ width:980px; position:relative;  margin:0 auto;  }

.m-barCase .body .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.m-barCase .body .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(../images/banner-btn.png) 0 0 no-repeat;
_background:url(../images/banner-btn-ie6.png) 0 0 no-repeat;
}
.m-barCase .head{position:absolute; z-index:1; bottom:20px; left:480px; width:80px; height:13px;}
.m-barCase .head li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; text-align:center; width:10px; height:10px; margin:3px; overflow:hidden; background:url(../images/barCase_btn3.jpg); line-height:9999; transition:all .3s;}
.m-barCase .head li:hover{ background:url(../images/barCase_btn2.jpg) no-repeat;}
.m-barCase .head .on{ background-image:url(../images/barCase_btn1.jpg) !important ;}
.m-barCase .prev,
.m-barCase .next,
.m-barCase .prev i,
.m-barCase .next i{background:url(../images/slider-arrow.png) no-repeat;}
.m-barCase .prev{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:32px; height:64px; background-position:0 0;  }
.m-barCase .prev i{ display:block; width:18px; height:41px; background-position:0 -94px; margin:11px 0 0 2px; }
.m-barCase .next{ position:absolute; right:0; top:50%; margin-top:-25px; display:block; width:32px; height:64px; background-position:-78px 0;}
.m-barCase .next i{ display:block; width:18px; height:41px; background-position:-91px -94px; margin:11px 0 0 13px; }
.m-barCase .prevStop{ display:none;  }
.m-barCase .nextStop{ display:none;  }
.m-barCase_text{ width:412px; height:226px; float:right;}
.m-barCase_text h2{ padding-right:66px;display:inline-block; font:30px/86px "Microsoft Yahei"; color:#5d304d;   }
.m-barCase_text h2 img{ vertical-align:middle; position:relative; top:-5px; left:5px;}
.m-barCase_text h4{ overflow:hidden; height:48px; }
.m-barCase_text h4 a{ font:20px/24px "Microsoft Yahei"; color:#793e5e;}
.m-barCase_text .cont{ height:70px; overflow:hidden; padding-top:15px; color:#b05d8e}
.m-barCase_text .cont p{ font:14px/22px "Microsoft Yahei"; text-indent:2em; }
.m-barCase_text .cont p a{ display:inline;color:#b05d8e; text-decoration:none;}

/*商品条码知识问答*/
.m-shopAsk{ height:313px; background:#fff2f2; color:#a84949; position:relative; }
.m-shopAsk h2{ font:24px/100px 'Microsoft Yahei'; text-align:center; height:100px; display:block; margin-bottom:0 } 
.m-shopAsk .guideT{ position:absolute; left:600px; top:8px; }
.shopAskBox{ background:#df6565; width:939px; height:168px; padding:10px; margin-left:20px; }
.shopAskBox dl{ float:left;width:0; padding-right:2px; padding-left:97px; _display:inline; overflow:hidden; height:168px;   }
.shopAskBox dl.show{ width:436px; }
.shopAskBox dl dt{ float:left; margin-left:-97px; _display:inline; width:97px; height:164px; background:#d09c9c; border-bottom:4px solid #a46c6c; cursor:pointer;  }
.shopAskBox dl dt img{ margin:23px 0 0 20px;}
.shopAskBox dl dt strong{ display:block; margin:12px 0 0 14px; width:78px; font:24px/30px "Microsoft Yahei";  color:#fff2f2 }
.shopAskBox dl.show dt{ background:#7c2b2b; border-bottom:4px solid #7c2b2b;}
.shopAskBox dl dd{ padding:13px; margin-left:2px; margin-right:8px; height:164px; overflow:hidden; background:#fff2f2; border-bottom:4px solid #e8d3d3;font:14px/22px "Microsoft Yahei";  }
.shopAskBox dl.show dd{ margin-left:0;}
/*商品条码办理指南*/
.tabInfo_list_title,
.shopGuide_wrapper .tabBtns a,
.m-floatBob i{ background-image:url(../images/ico_shopGuide.jpg); background-repeat:no-repeat;}
.m-shopGuide{ padding:22px 0 20px 20px; margin:0px auto; width:980px; background-color:#fffcf0; color:#773c1a; position:relative; overflow:hidden; }
.m-shopGuide .tips{ position:absolute; right:20px; top:13px; font:18px/18px "Microsoft Yahei"; background:url(../images/bg_tips.jpg) center right no-repeat; padding-right:17px; }
.shopGuide_wrapper{ height:310px; overflow:hidden;  }
.shopGuide_wrapper .tabBtns{ padding:20px 12px 0 12px; width:190px; float:left; }
.shopGuide_wrapper .tabBtns li{ height:44px; overflow:hidden;  margin-bottom:24px; }
.shopGuide_wrapper .tabBtns a{ display:block; padding-left:40px; height:44px; overflow:hidden; background-position:-10px -10px; font:23px/44px "Microsoft Yahei"; color:#642f1d; text-align:center;cursor:default }
.shopGuide_wrapper .tabBtns li.on a,
.shopGuide_wrapper .tabBtns a:hover{ background-position:-10px -71px; color:#fff;}
.shopGuide_wrapper .tabInfo{ padding-left:80px; padding-top:7px; float:left; width:660px;}
.shopGuide_wrapper .tabInfo_list{ position:relative; display:none;}
.shopGuide_wrapper .tabInfoShow{ display:block; }
.tabInfo_list_title{ display:block; float:left; margin:0 0 7px 50px; width:212px; height:37px; font:18px/37px "Microsoft Yahei"; color:#fffcf0; text-align:center; background-position: -233px -141px; overflow:hidden; }
.tabInfo_list_title:hover{ background-position: -14px -141px; }
.tabInfo_list_cont{ position:relative; float:left; height:270px;  }

.m-floatBob{ position:absolute;background:#773c1a; padding:5px 9px; font:16px/22px "Microsoft Yahei"; color:#fff; border-radius:4px;}
.m-floatBob i{ position:absolute;width:13px; height:11px; overflow:hidden; line-height:none;  }
.m-floatBob strong a{ color:#ff6c1c; font-weight:normal; }
.m-floatBob:hover{ background:#ff6c1c; }
.m-floatBob:hover strong a{ background:#fffcf0; color:#773c1a }

.b-upBob{ bottom:200px;  width:130px;  }
.b-upBob i{bottom:-11px; left:72px; background-position:-271px -21px; }
.b-upBob:hover i{ background-position:-342px -21px}
.b-upBob_w200{width:200px;}
.b-upBob_w200 i{ left:100px; }

.b-bottomBob{ top:130px; width:180px;}
.b-bottomBob i{ position:absolute; top:-11px; left:95px; width:13px; height:11px; overflow:hidden; line-height:none;background-position:-237px -21px;}

.b-bottomBob:hover i{ background-position:-308px -21px}

/*详情 页面*/
.m-contInfo{ position:relative; padding:20px 55px 50px 55px; margin-left:auto; margin-right:auto;  background:#fffcf0 url(../images/info_bg.jpg) right bottom no-repeat; width:890px;}
.m-contInfo .info_top{ position:absolute; top:-10px; left:22px; }
.m-contInfo h4.title{ font:30px/30px "Microsoft Yahei"; color:#773c1a; text-align:center; padding:50px 0 30px 0;  }
.m-contInfo .subTitle{ font:26px/30px "Microsoft Yahei"; color:#773c1a; text-align:center; padding-bottom:30px;  }
.m-contInfo .body{ font:14px/26px "Microsoft Yahei"; color:#773c1a;}
.m-contInfo .body .img{ text-align:center; padding-bottom:40px; }
.m-contInfo .body .title{ padding:5px 7px; margin-right:3px;  font:14px/16px "Microsoft Yahei"; background:#512616; color:#fffcf0; display:inline-block; }
.m-contInfo .body p{ margin-bottom:3px; }
.m-contInfo .body dl{ margin:14px 0;}
.m-contInfo .body dt{ margin-bottom:5px;}

.m-contInfo .goHome{ text-align:center; padding-top:45px;}

/*left side*/
.m-side{   position:fixed; _position:absolute; top:530px;padding:13px 0 0 30px; width:118px; height:282px;}

/*footer*/
.footer{ height:103px; padding-top:14px; overflow:hidden; text-align:center; color:#2c2c2c; font:12px/24px Arial,"SimSun" }
.footer a{ color:#2c2c2c; }
.footer a:hover{ color:#854b27; }
.footer .split{ padding:0 4px; font-family:SimSun; }