@charset "utf-8";



/* 代码语法

display:inline 显示在同一行，比如2个DIV，强制一行
overflow:hidden 内容超出的话，hidden隐藏，visible显示在外面，scroll内容被修剪，并显示滚动条，auto如果修剪，则浏览器会显示滚动条，inherit规定应该从父元素继承 overflow 属性的值。
border-radius:5px; 圆角边框
box-shadow:0 0 5px #666; 边框阴影：水平阴影 垂直阴影 阴影大小  颜色。
border 边框样式:none无|dotted点线|dashed虚线|solid实线|double双线|groove槽线|ridge脊线|inset内凹|outset外凸。

浮动层定位，z-index:999;层排序
position:static;	默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
position:inherit;	规定应该从父元素继承 position 属性的值。
position:relative;生成相对定位的元素，相对于其正常位置进行定位。                     因此，"left:20" 会向元素的 LEFT 位置添加 20 像素;
position:fixed;   生成绝对定位的元素，相对于浏览器窗口进行定位。                     元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。【漂浮的】
position:absolute;生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。【漂浮的】

代码语法技术   */







/* ★★★★★★CSS注释 中文后面一定加空格，否则IE6下代码不执行   */
/* #fbdb23（通用背景色）      #ff9900（深一点）   */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight:normal; font-size: 13px; font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;}
ol, ul, li {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
body{font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei","宋体"; line-height:25px; background:#ffffff;}
a{ color:#333333;text-decoration:none;}a:hover{ color:#660000;text-decoration:none;}
img { border:0px;}
.px1{font-size:1px;font:1px;color:#0d76ad;}
input.yellowBtn{height:28px;width:90px;color:#a83d04;font:12px/1.2 "宋体"; background:url(../images/yellowBtn.png) no-repeat left top;border:0; cursor:pointer;}
.yellowBtn{ display:inline-block;height:28px;width:90px; text-align:center;color:#a83d04;font:12px/1.2 "宋体"; background:url(../images/yellowBtn.png) no-repeat left top; text-decoration:none;}
.yellowBtn span{ cursor:pointer;}
.yellowBtn:hover{background:url(../images/yellowBtn.png) no-repeat left -28px;}
.yellowBtn.down{background:url(../images/yellowBtn.png) no-repeat left -56px;}

.c4c4c4{border:#c4c4c4 1px solid;padding:2px;background:#fff;text-align:center;}
.ff3333{border:#ff3333 1px solid;padding:2px;background:#fff;text-align:center;}

input.yellowBtn2{height:28px;width:130px;color:#a83d04;font:12px/1.2 "宋体"; background:url(../images/yellowBtn2.png) no-repeat left top;border:0; cursor:pointer;}
.yellowBtn2{ display:inline-block;height:28px;width:130px; text-align:center;color:#a83d04;font:12px/1.2 "宋体"; background:url(../images/yellowBtn2.png) no-repeat left top; text-decoration:none;}
.yellowBtn2 span{ cursor:pointer;}
.yellowBtn2:hover{background:url(../images/yellowBtn2.png) no-repeat left -28px;}
.yellowBtn2.down{background:url(../images/yellowBtn2.png) no-repeat left -56px;}

input.lBtn{height:40px;width:120px;color:#a83d04;font:16px/1.6 "Microsoft YaHei","微软雅黑"; background:url(../images/lBtn.png) no-repeat left top;border:0; cursor:pointer;}
.lBtn{ display:inline-block;height:28px;width:90px; text-align:center;color:#a83d04;font:16px/1.6 "Microsoft YaHei","微软雅黑"; background:url(../images/lBtn.png) no-repeat left top; text-decoration:none;}
.lBtn span{ cursor:pointer;}
.lBtn:hover{background:url(../images/lBtn.png) no-repeat left -40px;}
.lBtn.down{background:url(../images/lBtn.png) no-repeat left -80px;}

.fontzoom{float:left;line-height:30px;font-size: 14px;}

.w30{width:30px;}
.w50{width:50px;}
.w120{width:120px;}
.w180{width:180px;}
.w220{width:220px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w640{width:640px;}
.w800{width:800px;}
.w1100{width:1100px;}
.mb10{ margin-bottom:10px;}
.ml8{ margin-left:8px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.ml10{ margin-left:10px;}
.pt10{ padding-top:10px;}
.pb10{ padding-bottom:10px;}
.flr{ float:right;}
.fll{ float:left;}
.clear{clear:both;}
.tc{ text-align:center;}
.none{ display:none;}
.blue{ color:#36F;}
.red{ color:#F00;}
.green{ color:#090;}
.bgb{ background:#FFF;}
.bd1{ border:1px solid #dddddd;}


/*2014-6-17
背景对齐方式：
*/
.bg_se{background-position: right bottom;background-repeat: no-repeat;}
.bg_sw{background-position: left;background-repeat: repeat-x; BORDER-BOTTOM: #C4C4C4 1px solid;}
.bg_tp{height:33px;width:167px;color:#a83d04;background: url(../images/66.png) no-repeat -167px 0;border:0; cursor:pointer;overflow: hidden;}/* 背景取图片中某个位置，X=167 y=0 */
.bg_tp:hover{background-position: -167px -66px;}/* 鼠标移动上去，背景取图片中，另外某个位置，X=167 y=66 */

/* 背景居中   */
#bgcenter{ width:100%; height:auto;}
.bgcenter {background:url(../images/44.jpg) center repeat-y #ff6600;}



/* 主窗体   */
div#wraper{width:1000px; height:auto; overflow:hidden;margin:0px auto;}

/* 上部分LOGO位置  */
.shang{float:left; width:1000px; height:100px;  background-color:#FFF; float:left;overflow:hidden; display:inline;}
.shang .logo{float:left;width:230px; height:100px;display:inline;}
.shang .logo img{float:left;width:216px; height:69px;margin-top:15px;}

.shang .chosecity{float:left;width:100px; height:100px;margin-left:10px;display:inline;}
.shang .chosecity li{float:left;width:100px;height:69px;margin-top:10px;}
.shang .chosecity li span{float:left;width:100px;height:30px;margin-top:15px;line-height:30px;font-size:18px;color:#990000;}
.shang .chosecity li p{float:left;width:100px;height:30px;}

.shang .topright{float:left;width:628px; height:100px;text-align:right;padding-right:20px;display:inline;}
.shang .topright .ftSearch{float:right;width:347px;height:30px;line-height:30px;margin:20px auto 0 auto;background:#fff; display:inline;}
.shang .topright .ftSearchTxt{float:left;height:33px;line-height:33px;border:2px solid #ff8300;padding:0px 3px 0 25px;font-size:15px;color:#333;width:282px;background:url(../images/bs.png) no-repeat left -38px #fff;}/* 背景位移只能上下 下面的可以左右定位 */
.shang .topright .ftsearchbutton{ float:right;width:65px;height:33px;background-color:#ff8300;font:15px "Microsoft YaHei","微软雅黑";overflow:hidden;}
.shang .topright .ftsearchbutton button{width:100%;height:100%;outline:none;border:none;cursor:pointer;background:none;margin:0;padding:0;overflow:hidden;font:15px "Microsoft YaHei","微软雅黑";color:#fff;}
.shang .topright .ftsearchbutton button:hover{color:#FFF;}
.shang .topright .ftsearchbutton:hover{background-color:#ff9900;}



/* 菜单  */
/* box-shadow 向框添加一个或多个阴影 水平 垂直 模糊距离 颜色 inset 将外部阴影改为内部阴影 */
.menutonglan{height:42px; width:100%; text-align:center;background:#fbdb23;box-shadow:0 0 5px #666;color:#fff;position:relative; z-index:10; overflow:hidden;}
div#menu{float:left; text-align:center;background:#fbdb23;box-shadow:0 0 5px #666;color:#fff;position:relative;height:42px; width:100%; z-index:10; overflow:hidden;}
#menu .menu_box{width:1000px; margin:0 auto;position:relative; text-align:left;}
#menu .menu_box li{float:left;overflow:hidden;padding:0 15px 0 0px; width:90px; text-align:center;}
#menu .menu_box li a{ display:block;color:#660000;font:17px "Microsoft YaHei","微软雅黑","Microsoft JhengHei","宋体"; text-decoration:none; padding:8px 5px; height:26px;}
#menu .menu_box li a:hover{color:#ffffff;font:17px "Microsoft YaHei","微软雅黑","Microsoft JhengHei","宋体"; text-decoration:none; background:#e18701;}
#menu .menu_box .dangqian{background:#e18701;color:#FFF;}
#menu .menu_box .loading{color:#fff;margin-top:8px; width:250px;height:26px; margin-right:3px;float:right; overflow:hidden; padding:0px;padding-top:3px;text-align:center;background:#5fa022;border-radius:5px;font:15px "Microsoft YaHei","微软雅黑","Microsoft JhengHei","宋体";}
#menu .menu_box .member{float:left; color:#9e0718;background:#ff9900;width:211px;height:42px;overflow:hidden;text-align:center;font:17px "Microsoft YaHei","微软雅黑"; line-height:42px; margin-right:155px;}



/* Flash的banner调  */
.flasbaner{float:left; width:998px; height:200px; border-bottom:1px solid #dddddd; background-color:#FFF; overflow:hidden; display:inline;}



/* 中间板块  */
.zhong{float:left; width:998px; height:auto; border:1px solid #dddddd; padding-bottom:10px;background-color:#FFF; overflow:hidden; display:inline;}
/* 左侧板块  */
.zuo{float:left; width:249px;border-right:1px solid #dddddd; height:auto;  background-color:#FFF; overflow:hidden; display:inline;}
/* 公告  */
.zuo .gonggao{float:left; width:239px;padding:5px; height:auto;overflow:hidden;text-align:left; display:inline;}
.zuo .gonggao h1{float:left; width:229px; height:28px;overflow:hidden;text-align:left;padding-left:10px;font:18px;color:#fff;background:url(../images/ggbg.png) no-repeat left -29px #fff;_background:url(../images/ggbg.gif)  no-repeat left -29px #fff;}
.zuo .gonggao h1:hover{float:left; width:229px; height:28px;overflow:hidden;text-align:left;padding-left:10px;font:18px;color:#ff3333;background:url(../images/ggbg.png) no-repeat left 0px #fff;_background:url(../images/ggbg.gif)  no-repeat left 0px #fff;}





/* 右侧板块  */
.you{float:left; width:738px;margin-left:10px; height:auto;background-color:#FFF; overflow:hidden; display:inline;}
.you .comp{float:left; width:718px;padding:5px; height:auto;overflow:hidden;text-align:left; display:inline;}
.you .product_jian{float:left; width:718px;padding:5px;border:1px dashed #dddddd; height:auto;overflow:hidden;text-align:left; display:inline;}



/* 底部板块  */
/* !important 默认情况下,CSS规则按级层覆盖，例如在.CSS文件中的定义可以被style标签的定义覆盖，反之则不行。然而,对覆盖平衡而言,加上一个“!important”就优先于正常的CSS规则。  */
div#foot{ width:100%; height:200 px !important; background:#0d76ad; margin-top:14px;}
#foot .foot{ width:1000px; height:68 px; text-align:center; padding-top:10px; color:#ffffff; margin:0 auto;}
#foot span{ color:#ffffff; }
#foot a{ color:#ffffff; }
#foot a{ color:#ffffff; }
#foot .px1{ color:#0d76ad; }





/* 右下角弹窗  */
#msg_win{border:1px solid #A67901;background:#fff;width:250px;position:absolute;right:3px;font-size:13px;margin:0px;display:none;overflow:hidden;z-index:99;}
#msg_win .icos{position:absolute;top:2px;*top:0px;right:2px;z-index:9;}
.icos a{float:left;color:#833B02;margin:1px;text-align:center;font-weight:bold;width:14px;height:22px;line-height:22px;padding:1px;text-decoration:none;font-family:webdings;}
.icos a:hover{color:#fff;}
#msg_title{background:#FECD00;border-bottom:1px solid #A67901;border-top:1px solid #FFF;border-left:1px solid #FFF;color:#000;height:25px;line-height:25px;text-indent:5px;}
#msg_content{margin:5px;margin-right:0;width:240px; height:auto;overflow:hidden;}





/* ★★★★★★★★★★★★★★★★★类似淘宝加入购物车效果★★★★★★★★★★★★★★★★★★★★★★★★★★ */
.tbgwc{float:left; width:400px;border:5px solid #dddddd; height:auto;  background-color:#FFF; overflow:hidden; display:inline;}
.tbgwc h1{float:left; width:400px; height:28px;overflow:hidden;text-align:left;padding-left:10px;font:18px;color:#fff;background:url(../images/ggbg.png) no-repeat left -29px #fff;_background:url(../images/ggbg.gif)  no-repeat left -29px #fff;}
.tbgwc h1:hover{float:left; width:400px; height:28px;overflow:hidden;text-align:left;padding-left:10px;font:18px;color:#ff3333;background:url(../images/ggbg.png) no-repeat left 0px #fff;_background:url(../images/ggbg.gif)  no-repeat left 0px #fff;}


/* 颜色显示 */
.tbgwc .yanse{float:left;width:336px; height:40px;; border-bottom:1px solid #dddddd; overflow:hidden;display:inline; position:relative;}
.tbgwc .yanse .yaosu li{ float:left;width:326px; margin-left:5px; height:23px;}
.tbgwc .yanse .yaosu  li p{float:left;display:block; width:50px; height:23px; overflow:hidden; color:#cc3300;}
.tbgwc .yanse .yaosu  li span{float:left;display:block; width:266px; height:23px; overflow:hidden;}

.tbgwc .gwcxs{float:left;width:400px; height:180px; margin:10px; overflow:hidden; display:inline;}
.tbgwc .gwcxs .qita{width: 400px;height: 33px;overflow: hidden;text-align: left;}
.tbgwc .gwcxs .qita input{width: 55px;height: 21px;line-height: 21px;overflow: hidden;font-family: 'Microsoft Yahei';text-align: left;outline: none;}

.tbgwc .gwcxs .jiage{float:left;width:400px; height:40px; overflow:hidden; color:#cc3300;font:20px "Microsoft YaHei","微软雅黑"; text-align:left;}
.tbgwc .gwcxs .jiage span{overflow:hidden; color:#cc3300;font:20px "Microsoft YaHei","微软雅黑"; text-align:left;}

.tbgwc .gwcxs .shuliang{float:left;width:150px; height:40px; margin:0 10px; overflow:hidden; text-align:center;}

/* 购买的按钮 */
.tbgwc .gwcxs .dinggou{float:left;width:400px; float:left; text-align:left; height:40px; overflow:hidden;}
.tbgwc .gwcxs .dinggou input{width: 167px;height: 33px;line-height: 33px;overflow: hidden;font-family: 'Microsoft Yahei';text-align: center;outline: none;}
.tbgwc .gwcxs .dinggou .jiaru{height:33px;width:167px;color:#a83d04;font:16px/1.6 "Microsoft YaHei","微软雅黑"; background: url(../images/66.png) no-repeat -167px 0;border:0; cursor:pointer;overflow: hidden;}
.tbgwc .gwcxs .dinggou .jiaru:hover{background-position: -167px -66px;}
.tbgwc .gwcxs .dinggou .goumai{height:33px;width:167px;color:#a83d04;font:16px/1.6 "Microsoft YaHei","微软雅黑"; background: url(../images/66.png) no-repeat 0 0;border:0; cursor:pointer;overflow: hidden;}
.tbgwc .gwcxs .dinggou .goumai:hover{background-position: 0 -66px;}


/* 数量选择框 */
.mui-amount-input {vertical-align: middle;}
.tb-text {color: #666;font:18px "Microsoft YaHei","微软雅黑";margin: 0;padding: 3px 2px 0 3px;height: 26px;border: 1px solid #a7a6ac;width: 52px;line-height: 26px;background-position: -406px -41px;background-repeat: no-repeat;background-image: url(../images/153.png);}
.mui-amount-btn {display: inline-block;vertical-align: middle;}
.mui-amount-increase,.mui-amount-decrease {background-image: url(../images/77.png);}
.mui-amount-increase {width: 16px;height: 12px;overflow: hidden;cursor: pointer;border: 1px solid #a7a6ab;display: block;margin-bottom: 3px;background-repeat: no-repeat;background-position: -32px -17px;}
.mui-amount-decrease {width: 16px;height: 12px;overflow: hidden;cursor: pointer;border: 1px solid #a7a6ab;display: block;background-repeat: no-repeat;background-position: -62px -63px;}


/* 产品选择样式 */
.tb-prop {float:left;position:absolute; left:45px;width:287px;border: 2px solid #ffffff;}
.tb-prop2 {float:left;border: 2px solid #be0106;}
.tb-prop a {float: left;background-color: #fff;white-space: nowrap;width: auto!important;min-width: 10px;padding: 0 6px;text-align: center;border: 1px solid #b8b7bd;color: #333;text-decoration: none;}
.tb-prop li:hover a{border: 2px solid #be0106;margin: -1px;}
.tb-prop li {float: left;position: relative;margin: 0 4px 8px 0;line-height: 22px;vertical-align: middle;padding: 1px;display: list-item;text-align: -webkit-match-parent;}
.tb-prop span {padding-left: 1px;}
.tb-prop .tb-selected i {position: absolute;bottom: 0;right: 0;width: 12px;height: 12px;overflow: hidden;text-indent: -99em;display: block;background-repeat: no-repeat;background-position: 0 -49px;}
.tb-prop .tb-selected i{background-image: url(../images/77.png);}
.tb-selected a {border: 2px solid #be0106;margin: -1px;}


/*弹出页面样式 tanchubg背景半透明，tanchucs背景无 */
.tanchubg{position:absolute;z-index:999;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;left:0;top:0;height:100%;width:100%;}
.tanchucs{z-index:999;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;MARGIN-TOP: -100px; LEFT: 50%; MARGIN-LEFT: -190px; WIDTH: 476px; HEIGHT:190px; TOP: 50%;z-index: 1000;position:absolute; padding:10px;}
.tanchukuang {MARGIN-TOP: -92px;  MARGIN-LEFT: -182px;LEFT: 50%; WIDTH: 436px; HEIGHT:150px; TOP: 50%;z-index: 1000; border:2px solid #be0009; background:#ffffff; padding:20px;position:absolute;}
.tb-cart-head, .tb-cart-checkout, .tb-cart-shut {background: transparent url(../images/55.png) no-repeat 9999px 9999px;}
.tb-cart-head {float: center;font-size: 15px;height: 32px;line-height: 30px;background-position: 0 -65px;}
.tb-cart-shut {position: absolute;right: 15px;top: 15px;background-position: 0 -136px;display: block;width: 19px;height: 18px;overflow: hidden;}
.tb-cart-shut:hover{background-position:0 -163px}
.tb-cart-checkout {background-position: 0 0;display: inline-block;width: 112px;height: 31px;color: #fff;text-align: center;line-height: 30px;}
.tb-cart-checkout:hover{background-position:0 -32px;text-decoration:none; color:#FF9;}
.tb-cart-text {padding-left: 60px; margin-top:90px;padding-right:50px;}
.tb-cart-text a {margin-left: 40px;}
.tb-cart-stats {margin: -15px 0 10px;}
.tb-cart-stats strong{ font-weight:bold; color:#F00; margin:0 5px;}
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★类似淘宝加入购物车效果------结束★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/*弹出屏幕居中的层，非浏览器居中*/
html,body {height:100%; margin:0px; font-size:12px;}
.mytandiv {background-color: #ff6;border: 1px solid #f90;text-align: center;line-height: 40px;font-size: 38px;font-weight: bold;z-index:99;width: 300px;height: 120px;
left:50%;/*FF IE7*/
top: 50%;/*FF IE7*/
margin-left:-150px!important;/*FF IE7 该值为本身宽的一半 */
margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/
margin-top:0px;position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

}
.mytanbg {z-index:1;background-color: #ccc;width: 100%;height: 100%;left:0;
top:0;/*FF IE7*/
filter:alpha(opacity=50);/*IE*/
opacity:0.5;/*FF*/
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}
/*弹出屏幕居中的层，非浏览器居中结束*/