﻿/*
=====================================================================
//样式名称：首页细节样式表                                                
//创建时间：2010.6.25                                               
//版权所有：深圳方直科技有限公司                                      
//创 建 者：biny                                                        
//说    明：
//　　本样式表用于首页中除布局外的各细节样式，它和layout.css页面
//布局样式表合作。
=====================================================================         
*/
/*内容区左栏各栏样式*/
.toprow{ width:100%;overflow:hidden;}
.focusbox{width:450px;height:230px;float:left;overflow:hidden;}
.imgad{width:220px;height:230px;float:right;overflow:hidden;}
.imgad a{display:block;margin-bottom:3px;}


/*选项卡*/
.tab{margin-top:10px;}
.tab1{width:100%;height:29px;border-bottom:0;background:url(images/common/title1.gif) no-repeat left -47px;}
.tab1 ul{margin:0;padding:0;margin-left:10px;}
.tab1 li{float:left;width:172px;height:29px;line-height:29px;text-align:center;cursor:pointer;background:url(images/common/button.gif) no-repeat -228px -357px; text-align:center;margin-right:5px;overflow:hidden;}
.tab1 li.now{font-weight:bold;background:url(images/common/button.gif) no-repeat -228px -327px; }
.tab1 li.now a{text-decoration:none;color:#9E6C2C;}
.tablist{clear:both;margin-right:2px;margin-bottom:2px;font-size:14px;line-height:24px;display:none;border:1px #BBBBBB solid;margin-bottom:2px;overflow:hidden;text-align:left; background:#fff;height:420px;}
.tablist h3{color:#FF6600;font-weight:bold;padding-left:25px;background:url(images/common/ico.gif) no-repeat 10px -1283px;line-height:30px;height:30px;}

.tablist ul{padding:0 20px;}
.tablist ul li{padding:0 5px;font-size:12px;display:inline-block;height:24px;}
.tablist ul li{display:inline;}
.tablist ul li a{border-right:1px #ccc solid;padding-right:10px;color:#006699;}

.tabbg{background:#EBF2F8;}

.ulwrap{background:url(images/common/ulbg.gif) repeat-x left 1px;border-top:1px #ccc dashed;overflow:hidden;padding-bottom:10px;}
.noline{border-top:1px #fff solid;}

.g_box{width:200px;height:150px;background:url(images/common/grade.gif) no-repeat left top;float:left;margin-left:20px;display:inline;}
.g_box h4{height:44px;line-height:44px;padding-left:45px;font-size:14px;color:#666;}
.g_box table{width:170px;margin:0 auto;}
.g_box table tr td{line-height:30px;font-size:12px;}

#test1_2 a:link,#test1_2 a:visited{color:#006699;font-size:12px;}
#test1_2 .noline{margin:0;}
#test1_2 .noline table{width:90%;margin:0px auto 10px;}
#test1_2 .noline table tr td{line-height:30px;}
#test1_2 h3{color:#666;margin-top:5px;}

#test1_1 div.ulwrap h3 a{color:#FF6600;}
#test1_1 div.ulwrap h3.red a{color:#BD1135;}
/*推荐产品、最新产品、特价产品同一种风格*/
.proimgbox{margin-top:10px;}
.proimgbox h2{height:30px;line-height:30px;background:orange; text-align:left;font-size:14px;color:#2F7BB6; text-indent:2em;background:url(images/common/title1.gif) no-repeat left top;}
.imglist{margin-top:10px;}
.imglist tr td{vertical-align:top;}
.imglist dl{float:left;width:168px;margin-top:10px;}
.imglist dl dt img{display:block;width:135px;height:150px;margin:0 auto;}

.productname{line-height:22px;padding:20px 10px 0;text-align:left;}
.productname a:link,.productname a:visited{color:#333; }
.imglist dl dd{line-height:22px;display:block;text-align:left;padding-left:10px;}
.imglist dl dd span.delline{text-decoration:line-through;color:#666; font-family:"宋体";font-size:12px;margin-right:5px;text-align:left;}
.imglist dl dd span.delline a:link,.imglist dl dd span.delline a:visited{color:#666;float:left;}
.dd_price,.lblPrice{color:#cc0000;}
.yh_price{color:#cc0000;}
.probox a:link,.probox a:visited{display:block;width:150px;border:1px #DDDDDD solid;padding:10px 0;}
.more b{float:left;}
.more a{float:right;right:10px;font-size:12px;color:#666;padding-right:10px;font-weight:normal;}

/*特价产品*/
.tj_box{border:1px #B4CED8 solid;padding:1px;margin-top:10px;}
.tj_box h2{ background:url(images/common/h_bg.gif) repeat-x left -537px;height:28px;line-height:28px;}
.tj_box h2 b{font-size:14px;width:80px;display:block;float:left; text-align:left;padding-left:20px;color:#cc0000;}
.tj_box h2 a:link,.tj_box h2 a:visited{display:block;float:right;width:50px;margin-right:10px;color:#666;font-size:12px; font-weight:normal;}
.tb_tjbox{border:1px #E6F0F9 solid; border-bottom:0 none;}

.tb_tj{margin:0 auto;border:1px #E6F0F9 solid;border-bottom:0 none;}
.tj_img{width:100px;padding:5px 0; text-align:center;}
.tj_img a{display:block;text-align:center;vertical-align:middle;}
.tj_img a img{width:60px;height:70px;padding:5px;}
.tj_p{text-decoration:line-through;color:#666; font-family:"宋体";font-size:12px;margin-right:5px;text-align:left;width:100px;vertical-align:bottom;}
.yh_p{width:220px;}
.yh_p div{}
.yh_p span{display:block;color:#cc0000;float:left;line-height:30px;height:30px;font-weight:bold;}
.yh_p b{display:block;font-size:20px;color:#cc0000;float:left;line-height:30px;height:30px;font-family:Arial;}
.yh_p em{display:block;font-style:normal;color:#666;float:left;line-height:30px;height:30px;}

/*限时抢购*/
.goodsbox{border-bottom:1px #E6F0F9 solid;}
.goodsbox table{width:100%;border-collapse:collapse; text-align:left;}
.limitTips{position:relative;width:100%;}
.limitTips span{font-size:12px;width:360px;display:block;text-align:left;color:#333; position:absolute;top:-20px;left:90px;z-index:10px;}
.tj_name{vertical-align:bottom;}
.tj_name a:link,.tj_name a:visited{color:#006699;font-size:12px;}
.tj_time{color:#666;}
.tj_time b{font-weight:normal;color:#cc0000;}

/*广告位*/
.flashad{height:90px;line-height:90px; background:#F7F7F7;margin-top:10px;}

/*用户评论*/
.yhpl{background:#F1FAF8;margin-top:10px;padding-bottom:20px;}
.yhpl h2{border-bottom:7px #55DFBE solid;height:27px;position:relative;margin:0 10px;}
.yhpl h2 b{ position:absolute;left:0;top:10px; background:#c0c0c0;height:31px;width:88px;background:url(images/common/text.gif) no-repeat left -352px; text-indent:-9999px;}
.yhpl ul{margin-top:20px;}
.yhpl ul li{height:24px;line-height:24px; text-align:left;padding-left:55px;background:url(images/common/ico.gif) no-repeat 35px -740px;overflow:hidden;}
.yhpl ul li em{ font-style:normal;color:#999;margin:0 5px;}
.pl_user,.yhpl li span{color:#333;}
.yhpl ul li a:link,.yhpl ul li a:visited{color:#006699;}

/*内容区右边栏各栏样式*/
.box1{margin-bottom:10px;}
.box1 h2{height:34px;line-height:34px; text-align:left; padding-left:10px;}
.box1 h2 b{float:left;width:100px;display:block;}
.box1 h2 a{float:right;width:50px;display:block;margin-right:10px;_margin-right:5px;font-size:12px;font-weight:normal;color:#666;}
.box1 ul li{line-height:24px; text-align:left;padding-left:20px;background:url(images/common/dot.gif) no-repeat 10px 10px;}

/*最新优惠*/
.b_skin1{color:#F4DD93;overflow:hidden;}
.b_skin1 h2{background:url(images/common/newbox.gif) no-repeat left top;}
.b_skin1 h2 b{color:#C48100;display:block; text-indent:-9999px;}
.b_skin1 ul{border-left:1px #D7A92D solid;border-right:1px #D7A92D solid;padding:10px 0;}
.b_skin1 ul li{width:190px;}
.b_skin1 ul li a:link,.b_skin1 ul li a:visited{color:#666;}
.y_btnbox{height:51px;text-align:center;background:url(images/common/newbox.gif) no-repeat left -64px;overflow:hidden;}

.b_wrap{width:220px;overflow:hidden;padding:1px;}
.b_wrap a:link,.b_wrap a:visited{display:block;float:left;height:24px;line-height:24px;width:108px;display:block;float:left;cursor:pointer;text-align:left;text-indent:30px;color:#9E6406;background:url(images/common/btn3.gif) no-repeat left top;}
.b_wrap a:hover{background:url(images/common/btn3.gif) no-repeat left -33px;}
.b_wrap a.y_b1{border-right:1px #D7A92D solid;border-bottom:1px #D7A92D solid;}
.b_wrap a.y_b2{border-bottom:1px #D7A92D solid; position:relative;}
.b_wrap a.y_b2 b{display:block; position:absolute;right:10px;top:3px;width:19px;height:8px;background:url(images/common/ico_new.gif) no-repeat left top;text-indent:-9999px;overflow:hidden;}
.b_wrap a.y_b3{border-right:1px #D7A92D solid;}

/*免费试用*/
.b_skin2{color:#D2CDE5;background:url(images/common/newbox.gif) no-repeat left -125px;}
.b_skin2 h2{height:24px;line-height:24px;overflow:hidden}
.b_skin2 h2 b{color:#fff;margin-top:5px;}
.freetab{border:1px #C4BDE2 solid;border-top:0 none; }
.tab2{width:100%;height:28px;border-bottom:0;margin:0;overflow:hidden;}
.tab2 ul{padding-left:10px;margin-top:10px;}
.tab2 ul li{ background:none;padding-left:0;height:18px;line-height:18px;margin-right:2px;}
.tab2 li{float:left;display:block;height:18px;line-height:18px;text-align:center;cursor:pointer;border:1px #D2CDE5 solid;padding:0;margin-left:-1px;}
.tab2 li a{display:block;width:60px;background:url(images/common/btnbg.gif) repeat-x left bottom;color:#67589D;font-weight:normal;padding:0 5px;text-align:center;}
.tab2 li.now{font-weight:bold;}
.tab2 li.now a{display:block;height:19px;line-height:18px;width:60px;text-decoration:none;color:#67589D;background:none;background:#fff; position:relative;border-bottom:1px #fff solid;z-index:20;text-align:center;}
.tabbg1{background:#fff;}
#freeMore{position:relative;height:0;}
#freeMore a{display:block; position:absolute;right:5px;top:-42px;height:16px;line-height:16px;width:63px;z-index:22;overflow:hidden;}
#freeMore a:link,#freeMore a:visited{color:#fff;font-weight:normal;}
#freeMore a:hover{color:#FF6600; text-decoration:none;}

#test2_1,#test2_2{clear:both;padding-top:10px;}
.tablist1{clear:both;padding:0;font-size:14px;display:none;border-top:1px #C4BDE2 solid;overflow:hidden;padding-bottom:20px;}
.tablist1 ul li{font-size:12px;display:block;}
.tablist1 ul li a:link,.tablist1 ul li a:visited{color:#333;}

.block{display:block;}

.b_sy{margin:10px auto;}
.s_btn{border:1px #D2CDE5 solid;}
.s_btn b{border:1px #F1F0F6 solid;}
.s_btn b a:link,.s_btn b a:visited{height:18px;background:url(images/common/btnbg.gif) repeat-x left bottom;padding:2px 10px;color:#67589D;font-weight:normal;}

.box3{margin-bottom:10px;}
.box3 h2{height:34px;line-height:34px; background:orange;}
.box3 ul li{height:24px;line-height:24px; text-align:left;padding-left:20px;}
/*盒子通用样式*/
.orgbox{border:1px #EBD079  solid;padding-bottom:20px;}
.orgbox h3{height:26px;line-height:26px;background:url(images/common/h_bg.gif) repeat-x 0px -500px;border:1px #fff solid;color:#AA6316;font-size:14px;font-weight:bold; text-align:left;text-indent:10px;}

/*视频模块样式*/
#flashvodie{clear:both;}
#flvtitle{text-align:center;}
#flashvodie .box_mid{overflow:hidden;border-top:1px #EBD079 solid;padding-top:10px;}
#voidetxt{display:block;width:90%;height:30px;line-height:30px;margin:0 auto;border-bottom:1px #996600 dashed;}
#voidetxt p{ line-height:30px; background:none; text-indent:0em; font-weight:normal; font-size:12px;margin-left:10px; margin-right:10px;}
#voidetxt p a,#voidetxt p a:visited{color:#6600FF; text-decoration:none;}
#voidetxt p a:hover{color:#6600FF; text-decoration:underline;}

.moremov{display:block;height:30px;line-height:30px;text-align:left;margin-top:10px;}
.moremov a:link,.moremov a:visited{color:#996600;padding-left:18px;font-weight:bold;}
.boxcontext1 li{line-height:22px;height:22px;text-align:left;}
.boxcontext1 li a,.boxcontext1 li a:visited{padding-left:0px;color:#996600;background:url(images/common/ico.gif) no-repeat 0px -190px;padding-left:10px;}
.boxcontext1 li a:hover{ text-decoration:underline;}
.boxcontext1 li b{ color:#6600FF;}

#voide{border:1px #999 solid; width:175px; height:160px; margin:10px auto 0;}
.vodieboxB{width:100%;height:12px;line-height:12px;overflow:hidden;background:url(images/left3.gif) no-repeat left top;}
.boxcontext1{margin-left:10px;margin-right:10px;/*内容的边距*/}

/*flv视频图片*/
#flvimg{ position:relative; display:block; width:175px; height:160px;background:url(Images/flvbg.gif) no-repeat left top;}
#flvimg a,#flvimg a:visited{display:block;position:absolute;top:52px;left:65px;width:70px;height:59px;background:url(Images/paly.gif) no-repeat left top;}
#flvimg a:hover{background-position:0 -61px;}

.flashad1{border:1px #ccc solid;height:220px;line-height:220px; background:#F7F7F7;margin-top:10px;}

/*推荐专题*/
#recomond{margin-top:10px;}
#recomond dl{}
#recomond dl dd{text-align:left;}
#recomond dl dd a:link,#recomond dl dd a:visited{line-height:24px;color:#666;display:block;}

.zhanti{margin:0px auto 0;clear:both;border-top:1px #EBD079 solid;padding-top:10px;padding-left:10px;}
.zhanti dt{height:100px;}
.zhanti dd a:link,.zhanti dd a:visited{color:#666666;font-size:12px;padding-left:20px;background:url(images/common/r_arrow.gif) no-repeat 0px 6px;}
.topnews a{display:block;width:96px;height:70px;float:left;line-height:22px;}
.topnews a img{width:96px;height:77px;}
.topnews a span{text-indent:2em;color:#006699;width:85px;float:right;height:75px;line-height:21px;cursor:pointer; vertical-align:middle; text-align:left;margin-top:5px; font-family:tahoma;font-size:12px;vertical-align: baseline;}

.topnews a:hover span,.topnews a:hover{color:#FF6600;}
.zhanti dd a:hover{color:#CC0000;}
/*热销产品排行榜*/
#top{margin-top:10px;}
#top ul{background:url(images/common/ico.gif) no-repeat 15px -479px;overflow:hidden; text-align:left;border-top:1px #EBD079 solid;padding-top:4px;}
#top ul li a:link,#top ul li a:visited{padding-left:40px; text-align:left;}
#top ul li a:hover{ text-decoration:underline;color:#006699;}
#top .box_bot{display:block;width:220px;height:10px;line-height:10px;background:url(images/common/box.gif) no-repeat 0px -630px;overflow:hidden;}

/*各界评价*/
#new{margin-top:20px;}
#new h3 b{float:left;width:100px;height:26px;display:block;color:#AA6316;font-size:14px;font-weight:bold;}
#new h3 a{float:right;width:52px;height:26px;line-height:26px;display:block;font-size:12px;font-weight:normal;color:#666;padding-right:10px;}

.gjpl{margin:0px auto;color:#5036A3;text-align:left;line-height:24px;border-top:1px #EBD079 solid;padding:10px;padding-bottom:0px; padding-top:25px;}
.gjpl li a:link,.gjpl li a:visited{color:#696969;}
.gjpl li{ padding-bottom:15px;}

/*优惠卡盒子*/
.cardbox{width:222px;height:177px;margin:20px auto 20px;position:relative;}
.cardbox h2{position:absolute;left:14px;top:28px;height:20px;width:100%;overflow:hidden;text-align:left;color:#606060;}
.c_b2,.c_b4{position:absolute;right:22px;height:16px;width:60px;}
.c_b1{position:absolute;top:57px;left:14px;height:20px;color:#656565;}
.c_b2{top:57px;}
.c_b3{position:absolute;top:83px;left:14px;height:20px;color:#656565;text-align:left;line-height:16px;}
.c_b1 b,.c_b3 b{color:#9F4F0D;}
.c_b4{top:83px;}
.c_b2 a,.c_b4 a{display:block;height:16px;overflow:hidden; text-indent:-9999px;}
.cardbox h2.c1{top:125px;left:10px;}
.cardbox a.c_b5{position:absolute; display:block;width:100px; height:15px;left:9px; top:148px;color:#026999; line-height:15px; text-indent:1.2em;}
#boxskin3{background:url(images/common/box.gif) no-repeat left top;}

/*联系方式*/
#flash{clear:both;height:156px;background:url(images/navbg.gif) repeat-x 1px -62px;padding:0;width:910px;margin:0 auto 10px;}
.f_lbg{display:block;width:10px;height:156px;float:left;background:url(images/box.gif) no-repeat -192px 0px;}
.f_rbg{display:block;width:10px;height:156px;float:right;background:url(images/box.gif) no-repeat -200px 0px;}
.f_mbg{float:left;height:156px;width:800px;margin-left:65px;display:inline;}
.f_list{float:left;width:25%;}
.f_list dt{height:43px;font-size:15px;color:#666;font-family:"宋体";font-weight:bold;padding-left:50px;margin-bottom:20px;overflow:hidden; text-align:left;}

#list_ico1{background:url(images/ico.gif) no-repeat left 0; font-family:"黑体"; font-size:16px; font-weight:normal;}
#list_ico2{background:url(images/ico.gif) no-repeat left -43px;font-family:"黑体";font-size:16px;font-weight:normal;}
#list_ico3{background:url(images/ico.gif) no-repeat left -86px;font-family:"黑体";font-size:16px;font-weight:normal;}
#list_ico4{background:url(images/ico.gif) no-repeat left -129px;font-family:"黑体";font-size:16px;font-weight:normal;}
#list_ico5{background:url(images/ico0.gif) no-repeat left top;font-family:"黑体";font-size:16px;font-weight:normal;padding-left:60px;}


.f_list dd{line-height:26px;height:26px;text-align:left;padding-left:10px;}
.f_list dd a{display:inline;}
.f_list dd a:link,.f_list dd a:visited{line-height:26px;height:26px;color:#006699; text-decoration:none;background:url(images/arrow.gif) no-repeat left center; padding-left:10px;}
.f_list dd a:hover{text-decoration:underline;}

/*友情链接样式*/
.linkclear{height:10px;line-height:10px;overflow:hidden;clear:both;}
.linkmain1{clear:both;border-top:1px #DAEFF6 solid;border-bottom:1px #DAEFF6 solid;padding-top:2px;margin:0px 10px;}
.linkmain1 h4{line-height:18px;margin:0;height:18px;color:#444444;font-family:"黑体"; background:url(images/linkbg.gif) repeat-x left bottom;}
.linkmain1 h4 span{display:block;height:18px;margin-left:0px;width:60px;background:#fff url(images/linkbg.gif) no-repeat 10px 2px;text-indent:-9999px;float:left;padding-left:20px;font-weight:bold;font-size:14px;}
.linkbody1{padding:10px 0; text-align:left;padding-left:10px;line-height:20px;}
.linkbody1 a:link,.linkbody1 a:visited{height:14px;margin-right:5px;font-size:12px; text-decoration:none;color:#006699;display:inline-block;}
.linkbody1 a:hover{text-decoration:underline;}

.linkbody1 a{display:inline;}
/*通用纯CSS截字符*/
.ellipsis{font-size:12px;font-family:simsun;text-align:left;
     line-height:24px;/*与高度相同，与行高相同*/
}
.ellipsis li{overflow:hidden;position:relative;
     width:16em;/*宽度关键代码*/
     height:24px;/*高度关键代码*/
}
.ellipsis a{display:block;padding-right:1em;background:url(Images/common/pot.gif) right top no-repeat;position:relative;zoom:1;word-break:break-all;}
.ellipsis a span {position:absolute;right:0em;bottom:0;width:1em;overflow:hidden;
    height:24px;
	background:#fff;/*如果背景底色不同需要修改这个色值与底色相同*/
}
.ell_wid1 li{width:17em;}/*不同的宽度定义*/


/*更复杂的纯CSS截字符，里面包含多个标签*/
.m_ellipsis{font-size:12px;font-family:simsun;text-align:left;
     line-height:24px;/*与高度相同，与行高相同*/
}
.m_ellipsis li{overflow:hidden;position:relative;
     width:600px;/*宽度关键代码*/
     height:24px;/*高度关键代码*/
     background:#F1FAF8;
}
.m_ellipsis li div{display:block;padding-right:10px;background:url(Images/common/pot.gif) right top no-repeat;position:relative;zoom:1;word-break:break-all;}
.m_ellipsis li div b{position:absolute;right:0em;bottom:0;width:10px;overflow:hidden;
    height:24px;
	background:#F1FAF8;/*如果背景底色不同需要修改这个色值与底色相同*/
}

.ellipsis li#firstData{height:85px;padding:10px 0;background:0 none;left:10px;}
.ellipsis li#firstData a.fir_img{width:40px;height:71px;display:block;background:0 none;position:absolute;left:5px;z-index:5;}
.ellipsis li#firstData a.fir_img img{width:45px;height:66px;margin:5px;border:0 none;}
.ellipsis li#firstData a.fir_title{display:block;width:120px;position:absolute;left:70px;top:10px;background:0 none;z-index:10;}


.prolist_title{width:90%;margin:0px auto;height:26px; text-align:left;line-height:26px;background:url(Images/common/dot.gif) no-repeat 5px 10px;padding-left:12px;font-size:12px;font-weight:normal;color:#333;border-bottom:1px #c0c0c0 dashed;}
.prolist_text{width:95%;margin:0px auto;height:75px;border-bottom:1px #c0c0c0 dashed;padding:10px 0;}
.prolist_text table{width:100%; text-align:left;}
.pro-title{overflow:hidden; vertical-align:middle;padding-left:5px;}
.pro-title a:link,.pro-title a:visited{color:#333;font-size:12px; line-height:18px;}


.fir_btn a:link,.fir_btn a:visited{display:block;width:80px;height:23px;line-height:23px;text-align:center;background:url(images/common/button.gif) no-repeat -273px -271px;overflow:hidden;text-indent:-9999px;margin-left:10px;}
.sec_btn a:link,.sec_btn a:visited{display:block;width:100px;height:23px;line-height:23px;text-align:center;background:url(images/common/button.gif) no-repeat -90px -271px;overflow:hidden;text-indent:-9999px;margin-left:10px;}
