﻿/*全局*/
*{ margin:0;padding:0;font-family:arial; border:0;}
body{font-size: 12px;font-weight: normal;color: #1d4d1d;margin: 0 auto;background:url(body_bg.jpg);}
a:link{	color:#6a6b2f;	text-decoration:none;}
a:visited{color:#6a6b2f;text-decoration:none;}
.b{ font-weight:bold;}
.clear{ clear:both;}
.star_5{background:url(star.jpg); width:70px; height:15px; display:inline-block;}
/*内容宽度背景等*/
.twidth {width:1001px; background:url(body_bg_lr.jpg) repeat-y; margin-right:auto;margin-left:auto; overflow:visible;}

/*页面主体区域*/
.mainbody{margin:0 12px 0 12px;}

/*页面顶部一行内容*/
#topline{background:url(topline_bg.jpg) repeat-x; height:30px; padding:0 5px 0 5px; line-height:30px; width:auto;}

/*基本样式内容框*/
.wrapper {overflow:hidden}
.tl, .bl { float:left}
.tr, .br { float:right}
.ml, .l { float:left;padding-bottom:1000px;margin-bottom:-1000px}
.mr, .r { float:right;padding-bottom:1000px;margin-bottom:-1000px}

/* 网页头部banner */
#banner{background:url(banner_bg.jpg) no-repeat; height:141px;}

/* 导航条 */
#navbar {overflow:hidden;height:32px; line-height:32px;}
#navbar .m { height:32px;width:auto;background:url(navbar_m.jpg) repeat-x;text-align: left;}
#navbar .l { height:32px;width:98px;background:url(navbar_l.jpg) no-repeat;_margin-right:-3px;}
#navbar .r { height:32px;width:98px;background:url(navbar_r.jpg) no-repeat;_margin-left:-3px;}
#navbar a:link, #navbar a:visited {color:#FFF;text-decoration:none;background:url(navbar_s.jpg) no-repeat;padding:0 8px 0 16px}
#navbar a:hover {color:red;}
#navbar a.first {background:none!important}

/*当前位置*/
#pagepath {overflow:hidden;height:31px; line-height:31px; margin:4px 0 0 0;}
#pagepath .m { height:31px;width:auto;background:url(pagepath_m.jpg) repeat-x;text-align:left; text-indent:1em;}
#pagepath .l { height:31px;width:23px;background:url(pagepath_l.jpg) no-repeat;_margin-right:-3px;}
#pagepath .r { height:31px;width:23px;background:url(pagepath_r.jpg) no-repeat;_margin-left:-3px;}
#pagepath{color:#336633;}

/*首页Flash*/
#index_flash{width:auto; height:271px;background:url(flash.jpg) no-repeat;}

/*首页三列文字栏目*/
.index_text_content {margin:4px;}
.index_text_content .tm {height:13px;line-height:13px;background:url(index_text_content_topbar.jpg) repeat-x;}
.index_text_content .tl {display:none;}
.index_text_content .tr {display:none}
.index_text_content span.tt {}
.index_text_content .mm {padding:5px 3px;overflow:hidden}
.index_text_content .mm a:hover{color:#CC6600}
.index_text_content .ml {display:none}
.index_text_content .mr {display:none}
.index_text_content .bm {display:none}
.index_text_content .bl {display:none}
.index_text_content .br {display:none}
.index_text_content .moreR {float:right;padding-right:8px; padding-top:3px;}
.index_text_content ul{list-style:none outside none;}
.index_text_content ul li{line-height:22px;padding-left:15px;background:url(icon_dot.jpg) no-repeat 0 6px; border-bottom:1px dotted #a7a49d;}

/*首页最新样品展示栏目条*/
.index_demo_topbar {margin:4px;}
.index_demo_topbar .tm {height:24px;line-height:24px;background:url(index_demo_topbar.jpg) repeat-x;}
.index_demo_topbar .tl {display:none;}
.index_demo_topbar .tr {display:none}
.index_demo_topbar  span.tt {}
.index_demo_topbar span.tt a{ margin:0 10px 0 10px}
.index_demo_topbar .moreR {float:right;padding-top:3px;}

/*首页最新样品展示内容框*/
.index_demo_content {margin-top:4px;}
.index_demo_content .tm {height:5px;background:url(index_demo_content_bg.jpg) repeat-x; font-size:0;}
.index_demo_content .tl {height:5px; width:5px; background:url(index_demo_content_wrapper.jpg) no-repeat 0 0;_margin-right:-3px;}
.index_demo_content .tr {height:5px; width:5px; background:url(index_demo_content_wrapper.jpg) no-repeat 6px 0;_margin-left:-3px}
.index_demo_content .mm {overflow:hidden;background:url(index_demo_content_bg.jpg); height:90px; text-align:center;}
.index_demo_content .ml {width:15px;background:url(index_demo_content_bg.jpg); text-align:center; line-height:90px;_margin-right:-3px;}
.index_demo_content .mr {width:15px;background:url(index_demo_content_bg.jpg); text-align:center;line-height:90px;_margin-left:-3px}
.index_demo_content .bm {height:5px;background:url(index_demo_content_bg.jpg) repeat-x;font-size:0;}
.index_demo_content .bl {height:5px; width:5px; background:url(index_demo_content_wrapper.jpg) no-repeat 12px 0;_margin-left:-3px;}
.index_demo_content .br {height:5px; width:5px; background:url(index_demo_content_wrapper.jpg) no-repeat 18px 0;_margin-left:-3px}
.index_demo_content .moreR {float:right;padding-right:8px; padding-top:3px;}
.index_demo_content ul{list-style:none outside none;}
.index_demo_content ul li{ width:94px;  height:77px;background:url(index_demo_content_imgbg.jpg) no-repeat; float:left; margin:4px;}
.index_demo_content ul li img{ margin:5px}


/*左侧栏目*/
.lframe {margin:4px;}
.lframe .tm {height:30px;line-height:30px;background:url(lframe.jpg) repeat-x 0 -40px;}
.lframe .tl {width:7px; height:30px;background:url(lframe.jpg) no-repeat;_margin-right:-3px;}
.lframe .tr {width:7px; height:30px;background:url(lframe.jpg) no-repeat 0 -80px;_margin-left:-3px}
.lframe span.tt { background:url(lframe_icon.gif) no-repeat;  margin-left:10px; padding:0 0 0 30px; color:white;font-weight:bold; line-height:30px;}
.lframe .mm {overflow:hidden; border-left:1px solid #348339;border-right:1px solid #348339;}
.lframe .ml {display:none}
.lframe .mr {display:none}
.lframe .bm {height:6px;background:url(lframe.jpg) repeat-x 0 -130px; font-size:0;}
.lframe .bl {height:7px;width:7px; background:url(lframe.jpg) no-repeat 0 -120px;_margin-right:-3px; font-size:0;}
.lframe .br {height:7px;width:7px; background:url(lframe.jpg) no-repeat 0 -140px;_margin-left:-3px; font-size:0;}
.lframe ul{list-style:none outside none;}
.lframe ul li{line-height:22px;margin-left:40px;background:url(lframe_li_img.gif) no-repeat 0 6px; padding-left:15px;}

/*左侧栏目 ul-li*/
.lframe-li{list-style:none; margin:5px 4px 5px 10px;}
.lframe-li li{height:auto;line-height:31px; width:223px; list-style-position:inside;background:url(lframe_li.jpg) repeat-y -250px 0; margin-top:0}
.lframe-li li.head{background:url(lframe_li.jpg) no-repeat; height:31px; line-height:31px; text-align:center; font-weight:bold; color:#FFFFFF;}
.lframe-li li.bar{background:url(lframe_li.jpg) no-repeat -500px 0; height:31px;line-height:30px; text-align:center; font-weight:bold; color:#FFFFFF;}
.lframe-li li.foot{background:url(lframe_li.jpg) no-repeat -750px 0; height:31px;}
.lframe-li li ul{ list-style:none;margin:0 0 0 20px;}
.lframe-li li ul li{list-style-image:url('lframe_li_img.gif'); background:none!important; width:auto;height:31px; line-height:31px;}

/*商品属性搜索*/

#divSearchSelected{ background-color: #88bc8d; line-height:200%;; height:auto; padding:0 0 0 5px; width:100%;}
#SearchSelectedValue{}
#SearchSelectedValue span {border:1px solid #88bc8d; margin:0 10px 0 0;}
#SearchSelectedValue span.searchRst{ float:right; text-align:right;}
#SearchSelectedValue span.searchRst b{ color:Red;}
#divCommodityAttributeSelection{ border:1px solid #88bc8d; line-height:200%; width:100%; height:auto;}
#divCommodityAttributeSelection ul{list-style-type:none;}
#divCommodityAttributeSelection ul li{margin:4px; clear:both;}
#divCommodityAttributeSelection div.attrName{ font-weight:bold; text-align:right; width:130px; float:left;}
#divCommodityAttributeSelection div.attrValue{ text-align:left;}
#divCommodityAttributeSelection div.attrValue span {  margin:0 15px 0 0 ;}
#divCommodityAttributeSelection div.attrValue span a.selected{ border:1px solid orange; padding:2px; font-weight:bold;  background-color:#88bc8d; color:#fff}


/*商品侧边列表*/
.commodityList ul{ list-style-type:none;}
.commodityList ul li{ clear:both; list-style-type:none; margin:0; text-align:center;background:url(none); padding:5px 0 0 0; line-height:normal}
.commodityList ul li.logo img {width:220px;}
.commodityList ul li.title{ text-align:center;}
.commodityList ul li.title{ text-align:center;}

/*商品列表*/
#dlCommodityList ul{ list-style-type:none; line-height:150%}
#dlCommodityList ul li { margin:2px 0 0 4px; clear:both;}
#dlCommodityList ul li.odd{background-color:#e0e0ba}
#dlCommodityList ul li.even{}
#dlCommodityList ul li b{ float:left; min-width:65px;}
#dlCommodityList ul li div{ float:left;}
#dlCommodityList ul li div span { margin-left:3px;}
#dlCommodityList ul li div span a:hover{ background-color:#1d4d1d; color:#ffffff;}
#dlCommodityList .divTitleImg {background:url(demo_img_bg.gif) no-repeat; width:229px;height:215px; text-align:center; vertical-align:middle;}
#dlCommodityList img.titleImg{ margin:0px; width:220px; max-height:210px;}/*商品图片*/

/*展示页样品图片框*/
.mframe {margin:4px; background-color:#fff;}
.mframe .tm {height:8px;background:url(mframe_x.jpg) repeat-x 0 -10px; font-size:0px;}
.mframe .tl {width:8px; height:8px;background:url(mframe_x.jpg) no-repeat;_margin-right:-3px;font-size:0px;}
.mframe .tr {width:8px; height:8px;background:url(mframe_x.jpg) no-repeat 0 -20px;_margin-left:-3px;font-size:0px;}
.mframe .mm {overflow:hidden; text-align:center; padding:10px;}
.mframe .ml {width:8px;background:url(mframe_y.jpg) repeat-y 0 0;margin-right:-3px;font-size:0px;}
.mframe .mr {width:8px;background:url(mframe_y.jpg) repeat-y -10px 0;_margin-left:-3px;font-size:0;}
.mframe .bm {height:8px;background:url(mframe_x.jpg) repeat-x 0 -40px;font-size:0;}
.mframe .bl {width:8px; height:8px;background:url(mframe_x.jpg) no-repeat 0 -30px;_margin-right:-3px;font-size:0px;}
.mframe .br {width:8px; height:8px;background:url(mframe_x.jpg) no-repeat 0 -50px;_margin-left:-3px;font-size:0px;}
.mframe ul{list-style:none outside none;}
.mframe ul li{line-height:22px;margin-left:40px;background:url(lframe_li_img.gif) no-repeat 0 6px; padding-left:15px;}
.demo_img_big{background:url(demo_img_big.jpg) no-repeat; text-align:center; display:inline; padding-left:15px; line-height:30px;}
#imgShow{ max-height:255px; max-width:400px}/*展示大图*/
.demo_img_smalllist{ width:90%;text-align:center; margin:0 auto;}
.demo_img_smalllist img.demo_img_2{width:42px; height:42px;padding:8px 3px 3px 3px;}
.demo_img_smalllist a:link img.demo_img_2{background:url(demo_img_2_bg.jpg) no-repeat; }
.demo_img_smalllist a:hover img.demo_img_2{background:url(demo_img_2_bg_hover.jpg) no-repeat;}

/*展示页图片右侧框*/
.demo_show_info{ border:1px solid #8cab75;margin:4px; height:400px;  background-color:#fff; overflow:visible;}
.demo_show_info div.conner{ background:url(demo_show_info_conner_bg.jpg) no-repeat;width:32px;height:33px; float:right; margin-right:-1px; margin-top:-1px;}
.demo_show_info ul{ list-style:none; margin:5px 0 0 10px; line-height:200%; overflow:visible; float:left; clear:left;}
.demo_show_info ul li{ margin-left:5px;clear:both; width:200px;}
.demo_show_info ul li b{ float:left;}
.demo_show_info ul li div{ }
.demo_show_info ul li div span{ padding-right:3px;}
.demo_show_info ul li div span a:hover{ background-color:#1d4d1d; color:#ffffff;}
.demo_show_info ul li.price{color:red}
.demo_show_info ul li.order{color:#666633; font-weight:bold; margin:15px auto 15px auto; text-align:center;}
.demo_show_info ul li.order input.num{ width:30px; border:1px solid #cc9933; background-color:#fff3d9; margin:0 4px; height:35px; font-weight:bolder; font-size:22px; text-align:center;}


/*选项卡*/
.tabbar{border-bottom:2px solid #f9a124; height:25px; margin:10px 5px;}
.tabbar ul{	list-style:none;}
.tabbar ul li{float:left;margin-right:5px;line-height:25px; list-style:none; overflow:hidden;}
.tabbar a:link span.l,.tabbar a:visited span.l{ width:4px; height:25px; background:url(tabbar.jpg) no-repeat; float:left;overflow:hidden;}
.tabbar a:link span.m,.tabbar a:visited span.m{ height:25px; background:url(tabbar.jpg) repeat-x 0 -25px; float:left;overflow:hidden; padding:0 4px 0 4px;}
.tabbar a:link span.r,.tabbar a:visited span.r{ width:4px; height:25px; background:url(tabbar.jpg) repeat-x 0 -50px; float:left; overflow:hidden;}
.tabbar a:hover span.l,.tabbar li.curr span.l{ height:25px;background:url(tabbar.jpg) no-repeat 0 -75px;}
.tabbar a:hover span.m,.tabbar li.curr span.m{ height:25px;background:url(tabbar.jpg) repeat-x 0 -103px;}
.tabbar a:hover span.r,.tabbar li.curr span.r{ height:25px;background:url(tabbar.jpg) repeat-x 0 -131px;}

.tab_content_bar{background-color:#f8f8e6; height:auto; margin:5px 5px 15px 5px; border-bottom:1px solid #b9c190; font-weight:bold; line-height:28px; text-align:center;}
tab_content_bar div.l{text-align:center; margin:10px 0 0 0;}
.tab_content_bar div.r{margin:5px}


#remarkList,#developmentLOG{border:1px solid #b9c190; margin:0 5px 0 5px;padding:5px; list-style:none;}
#remarkList li,developmentLOG li{ list-style-type:none; border-bottom:1px dotted #868686; line-height:25px;}
#remarkList h4,developmentLOG h4{color:#868686; font-weight:normal;}



/*定制流程*/
.order_circuit{ width:223px; height:618px; margin:5px 4px 5px 10px; background:url(order_circuit_bg.jpg) no-repeat;}
.order_circuit_2{ width:223px; height:618px; margin:5px 4px 5px 10px; background:url(order_circuit_bg_2.jpg) no-repeat;}
/*小框（圆角）*/
.sframe {margin:5px; background-color:#fff; border-bottom:1px solid #88bc8d; text-align:center; line-height:46px;}
.sframe .tm {height:45px;background:url(sframe_x.jpg) repeat-x 0 -45px;}
.sframe .tl {width:4px; height:45px;background:url(sframe_x.jpg) no-repeat;_margin-right:-3px;font-size:0px;}
.sframe .tr {width:4px; height:45px;background:url(sframe_x.jpg) no-repeat 0 -90px;_margin-left:-3px;font-size:0px;}
.sframe input{ border:1px solid #8aa7be}

/*文章信息显示*/
#infoshow{ margin:10px; line-height:150%;}
#infoshow h1{ text-align:center;font-weight:bold; font-size:18px; margin:5px 10px;}
#infoshow div.titlebar{ background:url(infoshow_titlebar_bg.jpg) repeat-x; height:12px; margin:5px 20px 10px 20px;}
#infoshow div.source span{ margin-right:10px;}
#infoshow div.content{ text-align:left;}
#infoshow div.content p{ text-indent:2em; margin:10px 0 0 0;}
#infoshow div.nav{ background:url(infoshow_nav_bg.jpg) repeat-x; height:41px;line-height:41px;margin:20px 20px 10px 20px;}
#infoshow div.relateinfo{margin:10px 20px 10px 20px;}
#infoshow div.relateinfo p{ text-align:left;font-weight:bold; font-size:120%}
#infoshow div.relateinfo ul{ list-style:none; list-style-image:none;}
#infoshow div.relateinfo ul li{ float:left;width:300px; list-style:none;}


/* 简介显示时 */
.summary {}
.summary .cont {color:#666;position:relative;overflow:hidden}
.summary .title {font-size:14px; font-weight:bold;background:#F0FaFF;padding:2px;overflow:hidden;position:relative}
.summary .sum {padding:3px 15px}
.summary .foot {padding:3px 15px;color:#999;overflow:hidden}
.summary .foot span {color:#FF890C;padding-right:40px}
.summary .imgDiv {margin:10px}
.summary .imgDiv img {display:inline}
.summary .hr {clear:both;margin:5px 0}

/* 列表中的digg */
.diggC {float:left;padding:0 5px 5px 5px}
.diggC .digg1 {background:url(digg.gif) -500px 0;height:40px;line-height:40px}

.diggC .digg2 {height:22px;line-height:22px}
.diggC .digg2 a {background:url(digg.gif) -600px 0}
.diggC .digg2 a:hover {background:url(digg.gif) -700px 0}



/*在线十字绣设计*/
.onlineDesign input.text{ border:1px solid #8aa7be; width:auto;}



.preview {margin:4px 0 20px 0; height:300px;}
.szxframe .tm {height:56px;background:url(szx_preview_x.jpg) repeat-x 0 -57px; font-size:0px;}
.szxframe .tl {width:62px; height:56px;background:url(szx_preview_x.jpg) no-repeat;_margin-right:-3px;font-size:0px;}
.szxframe .tr {width:62px; height:56px;background:url(szx_preview_x.jpg) no-repeat 0 -114px;_margin-left:-3px;font-size:0px;}
.szxframe .mm {overflow:hidden; text-align:center; padding:10px; height:auto; background-color:#f1f1f1}
.szxframe .ml {width:62px;background:url(szx_preview_y.jpg) repeat-y 0 0;margin-right:-3px;font-size:0px; background-color:#fff}
.szxframe .mr {width:62px;background:url(szx_preview_y.jpg) repeat-y -62px 0;_margin-left:-3px;font-size:0;}
.szxframe .bm {height:56px;background:url(szx_preview_x.jpg) repeat-x 0 -228px;font-size:0;}
.szxframe .bl {width:62px; height:56px;background:url(szx_preview_x.jpg) no-repeat 0 -171px;_margin-right:-3px;font-size:0px;}
.szxframe .br {width:62px; height:56px;background:url(szx_preview_x.jpg) no-repeat 0 -285px;_margin-left:-3px;font-size:0px;}


/*醒目信息框*/
.notice{ clear:both; font-family: 幼圆; font-weight:bold; color:#c0541e; font-size:14px; background:url(notice_bg.jpg) no-repeat; width:707px; height:61px; overflow:hidden; text-align:center; line-height:150%;margin:5px 0 5px 0; padding-top:10px;}

.demo_img{ background:url(demo_img_bg.gif) no-repeat; width:229px;height:215px;}tdTitleImg
.demo_img img{ vertical-align:middle; margin:2px;}

/*翻页*/
.pager{margin:0 auto; text-align:center; clear:both; font-weight:bold;color:#2f7834;clear:both; padding:10px 20px 20px 20px;}
.pager ul{list-style:none; line-height:1.2em}
.pager li {float:left; text-align:center; margin-right:5px; line-height:1.2em;}
.pager li.p_total {font-weight:bold; color:#cc6600;; border:1px solid #c4c487; padding:3px 5px}
.pager li.p_nolink{ border:0; color:#cc6600;padding:3px 5px}
.pager li.p_current {border:0; color:#cc6600; padding:3px 5px}
.pager li.go{ border:0; width:auto;padding:3px 5px;}
.pager li input{background:url(none); border:1px solid #c4c487;margin:0 6px 0 6px; overflow:visible; padding:0 2px 0 2px; font-weight:bold;text-align:center;}
.pager li input.page{width:20px;}
.pager li input.btn{width:auto;}
.pager li a:link, .pager li a:visited {float:left; color:#2f7834;background:#fff; border:1px solid #c4c487; padding:3px 5px;text-decoration:none !important}
.pager li a:hover, .pager li a:active {background:#f1ffd6; color:#638425; border-color:#85bd1e}


/*登陆页面*/

#logon_form{margin:30px 0 0 0; line-height:220%;}
#logon_form input{ border-top:1px solid #1b1b19; border-left:1px solid #1b1b19; border-bottom:1px solid #cacac0; border-right:1px solid #cacac0;}
#logon_form div.reg{ background:url(logon_reg_bg.jpg) repeat-x; line-height:150%;text-align:left; padding:3px; margin:10px 0 0 0;}
#logon_info{}
#logon_info li{ list-style:none;}
#logon_info ul li h1{ color:#b9480b; font-weight:bold; font-size:12px;}
/*网页底部*/
#footer{clear:both;border-top:2px solid #295729; background:url(body_bg_2.jpg); height:auto; text-align:center; line-height:150%;overflow:visible;}

.statistics{position: fixed;top:-50px;}
