@import url("Reset.css");

/* top */

#top{width:980px;margin:0px auto;background:url(../images/t1.gif) no-repeat left top;}
#top #head_logo{width:700px;float:left;height:70px; margin-top:8px;}
#top #head_navi{width:265px;float:right;text-align:left;}
#head_logo dl{ width:100%; margin:0px auto;height:70px; padding-right:10px; border-right:1px dotted #ccc; background:url(../images/logotip.gif) no-repeat 140px -5px;}
#head_logo dl dt{ width:180px; float:left; text-align:center;}
#head_logo dl dd{ width:500px; float:right;height:30px;line-height:30px; text-align:right; overflow:hidden;}
#head_logo dl dd b{ color:#dd0000;}
#head_logo dl dd.gouwu{ color:#666;}
#head_logo dl dd.gouwu a img{vertical-align:bottom;}
#head_navi ul#us{ width:100%;margin:10px auto 0px auto; clear:both;}
#head_navi ul#us li{ width:92%; float:left; height:20px; line-height:20px; text-align:right;}
#head_navi ul#us li.phone{ width:520px; font-size:14px;color:#FF5A00; font-weight:bold;}
#head_navi ul#Itel{ width:100%;margin:0px auto;clear:both; }
#head_navi ul#Itel li{width:100%; text-align:center; height:40px; line-height:40px; font-size:30px; color:#dd0000; font-weight:bold;}

#top #topmenu{width:100%;height:64px;background:url(../images/topmenubg.jpg) no-repeat left top;clear:both; margin:2px auto;}
#topmenu h5{ width:100%;height:39px; line-height:39px;text-align:center;font-size:14px; position:relative;}
#topmenu h5 p{width:90px; float:left;height:39px;line-height:39px;color:#fff; font-weight:600; text-align:center; cursor:pointer;}
#topmenu h5 p a{color:#fff; text-decoration:none;}
#topmenu h5 p a:hover{ color:#000;}
#topmenu h5 p.spone{width:10px;}
#topmenu h5 p.tcz{width:285px;float:right; text-align:left; text-indent:32px; font-size:12px; font-weight:normal; background:url(../images/icon_cart_1.gif) no-repeat 8px 10px;}
#topmenu h5 p.tcz a:hover{ color:#fff; text-decoration:underline;}
#topmenu h5 strong{ width:80px; height:22px; position:absolute; top:8px;right:50px;}
#topmenu h5 p.sp{width:2px;height:39px; line-height:39px; background:url(../images/tsp1.jpg) no-repeat left top;}
#topmenu h5 p.spr{width:2px; float:right;height:39px; line-height:39px; background:url(../images/tsp2.jpg) no-repeat left top;}
.topmenu-c{width:100%;margin:0px auto;}
.topmenu-c ul{ width:98%; margin:5px auto; height:14px; line-height:14px;}
.topmenu-c ul li{ width:80px; float:left; border-right:1px solid #ccc;}


/*======================================== botton ==================================================*/
.inputse{ height:18px; line-height:18px; border:1px solid #C3CAD0; padding:1px; width:110px; color:#999;}
.inputse:hover{ border:1px solid #FE6C17;}
.input2{ height:18px; line-height:18px; border:1px solid #C3CAD0; padding:1px; width:200px; color:#999;}
.input2:hover{ border:1px solid #FE6C17;}
.sbtn{ border:none; background:url(../images/btntj.gif) no-repeat; width:90px; height:23px; color:#fff; cursor:pointer;}
.submit{ border:none; background:url(../images/s01.gif) no-repeat; width:111px; height:26px; line-height:26px; color:#fff; cursor:pointer;}
.searcher{border:none; background: url(../images/btn_search.gif) no-repeat; width:80px; height:23px; line-height:23px; color:#333; font-weight:bold; cursor:pointer;}
/*======================================== botton ==================================================*/



/*main*/
#area{width:980px;margin:0px auto;height:100%;margin-top:5px;}
#area #area-l{width:210px; float:left; }
#area #area-r{width:760px; float:right;}

#area-l #protype{width:100%; margin:0px auto;background:url(../images/tpspc.png) repeat-y  #fff;}


/* 分类导航 */
.win {clear:both;padding-bottom:10px;position:relative;zoom:1;}
.win .box {padding:4px 11px;zoom:1;}
.clear{width:100%;height:0;clear:both;font-size:0;line-height:0;}
#category { width:210px; background:#fff url(../images/cat-bg.png) no-repeat 0 100%;padding:0 0 10px;position:relative;z-index:5;}
#category h3{width:210px;height:31px;line-height:31px;background:#fff url(../images/cat-title.png) no-repeat 0 0; text-indent:-100000px;}
#category .box{border:1px solid #b60000;border-bottom:none;background:#fffeee;text-align:center;margin:0 5px 0 4px;padding:0;}
#category .box li{text-align:left;}
#category .inner{background:#dd0000;padding:0;}
.category-list{width:100%;background:url(../images/cat-icon.gif) no-repeat 10px 5px;margin:6px 0 0;padding:0;}
.category-list li{line-height:30px;margin:0;padding:0;position:relative;}
.category-list li p a:link,.category-list li p a:visited{color:#333333;}
.category-list li p{height:30px;text-indent:35px;margin:0;padding:0;display:block;overflow:hidden;}
.category-list li p span{color:#999999;font-size:12px;margin-right:3px;}
.category-list li p span.first{color:#333;font-size:14px;}
.category-list li p a{display:block;}
.category-list li p a:hover,.category-list li p a:link.hover,.category-list li p a:visited.hover{background:url(../images/cat-abg.gif) no-repeat 0 0;text-decoration:none;}
.category-list li span.blank{width:8px;height:26px;border-top:2px solid #FFB107;border-bottom:2px solid #FFB107;background:#fffeee;margin:0;position:absolute;top:0;left:199px;display:none;z-index:6;}
.category-list li dl{width:260px;border:2px solid #ffb107;background:#fffeee;margin:0;padding:5px;position:absolute;top:0;left:205px;display:none;z-index:5;}
.category-list li dl dd{width:50%; float:left;font-size:14px;color:#e31600; display:block; overflow:hidden;height:auto;line-height:28px;text-align:left; text-indent:4px;/*border-top:1px dashed #ffd06c;*/display:block;overflow:hidden;}
.category-list li dd a,.category-list li dd a:visited{color:#dd0000;}
.category-list li dl dd a{padding:0 6px;vertical-align:middle;}
.category-list li dl dd a:hover{color:#333;text-decoration:underline;}
.category-list li dl dd span a,.category-list li dl dd span a:visited{font-size:14px;color:#e31600;padding:0;}
.category-list li dl dd.first{border-top:none;}
.category-list li dl dd.line{width:1px;height:100%;background:#ffd06c;position:absolute;right:165px;top:10px;}
.category-list li dl dd.brand{width:150px;height:auto;line-height:23px;border-top:none;position:absolute;right:0;top:0;}
.category-list li dl dd.brand span{line-height:28px;margin-left:0;display:block;clear:both;}
.category-list li dl dd.brand a{padding:0 12px 0 0;display:inline-block;}
.category-list li dl dd.null{border-top:none;margin-bottom:1px;}
.category-list li dl dd.clear{width:100%;height:0;border-top:none;clear:both;float:none;}
.category-list li dl dd.hover{background:#fffbc4;}


/* slide */
.main_slide{width:540px; float:left; height:160px;border:1px solid #FF7C02; overflow:hidden;position:relative;}
.slider{position:absolute;}
.slider li{list-style:none;display:inline;}
.slider img{width:540px; height:160px; display:block;}

.num{ position:absolute; right:5px; bottom:5px;}
.num li{float:left;color:#FF7300;text-align:center;line-height:16px;width:16px;height:16px;background:url(../images/of.gif) no-repeat right top;font-family:Arial;font-size:12px;cursor:pointer;overflow: hidden;margin:3px 1px;border:1px solid #FF7C02;background-color:#fff;}
.num li.on{color:#fff;line-height:18px;width:18px;height:18px;font-size:16px;margin:0 1px;border:1px solid #F47500; background:url(../images/of.gif) no-repeat left top;font-weight: bold;}

#annouce{width:210px; height:160px; overflow:hidden; float:right;border:1px solid #E1E1E1; background:#F9F9F9;}
#annouce h6{width:100%;height:40px; line-height:40px; text-align:left; font-size:12px; color:#336; text-indent:12px; position:relative;}
#annouce h6 b{ position:absolute; top:0px; right:0px; width:39px; height:40px; background:url(../images/news.gif) no-repeat right top;}
#annouce ul{width:200px; margin:0px auto;}
#annouce ul li{height:22px; line-height:22px; background:url(../images/arrow.gif) no-repeat 8px 8px; border-bottom:1px solid #eee; text-align:left; text-indent:16px;color:#F49966; overflow:hidden;}


#area-r #recommed{ width:758px; margin:5px auto; height:238px;border:1px solid #EC580C; clear:both;}
#recommed h5{width:100%;height:26px;line-height:26px;text-align:left;text-indent:12px; background:url(../images/tehui.gif) no-repeat left top;color:#000; font-size:14px; clear:both;}
#recommed #recpro{width:754px; margin:5px auto; background:#fff; padding-bottom:5px; _padding-bottom:0px;}
#recpro dl{width:140px; height:195px; float:left; margin:2px 0px 5px 10px; _margin:2px 0px 5px 8px;}
#recpro dl:hover{background:#FFF7E7;}
#recpro dl dt{width:120px;height:120px;line-height:120px; margin:5px auto 0px auto;vertical-align:middle;border:1px solid #eee; text-align:center;padding:5px;background:#fff; position:relative;}
#recpro dl dt img{_width:120px; _height:120px; max-width:120px; max-height:120px;}
#recpro dl dd{width:130px; margin:0px auto;height:22px;line-height:22px;text-align:left; font-weight:bold;overflow:hidden;text-overflow:ellipsis;}
#recpro dl dd a{color:#ee0000;}
#recpro dl dd a:hover{color:#000;}
#recpro dl dd.bjs{height:38px;line-height:18px;color:#666;text-align:left;font-weight:normal;}
#recpro dl dd.bjs span{color:#000;}
#recpro dl dd.bjs span strong{ color:#f60; font-size:16px;}


.price-hot,.price-special,.price-limit,.price-fullgift,.price-discount1,.price-discount2,.price-discount3,.price-discount4,.price-discount5,.price-discount6,.price-discount7,.price-discount8,.price-discount9{top:-8px;left:-10px;width:45px;height:45px;position:absolute;background-image:url(../images/Topsale.png);background-repeat:no-repeat;text-indent:-9999px;}
.price-hot{background-position:2px -2px;height:53px!important;}
.price-special{background-position:2px -67px;height:53px!important;}
.price-limit{background-position:-557px -7px;width:76px;height:17px;left:0;}
.price-fullgift{background-position:-557px -27px;width:76px;height:17px;left:0;}
.price-discount1{background-position:-52px -2px;}
.price-discount2{background-position:-102px -2px;}
.price-discount3{background-position:-152px -2px;}
.price-discount4{background-position:-202px -2px;}
.price-discount5{background-position:-252px -2px;}
.price-discount6{background-position:-302px -2px;}
.price-discount7{background-position:-352px -2px;}
.price-discount8{background-position:-402px -2px;}
.price-discount9{background-position:-452px -2px;}


#promain{width:980px;margin:0px auto;/*background:url(../images/hxbg.gif) repeat-x 0px 32px;*/}
#promain h2{ width:100; height:32px; line-height:32px; font-size:0; text-align:left; text-indent:10000px; background:url(../images/hentj.gif) no-repeat left top;}

/*====================Connected======================*/

#promain #prolist{width:758px; float:left;}
#prolist dl{width:140px; height:195px; float:left; margin:5px 10px 5px 0px; border-bottom:1px dashed #f60; padding-bottom:5px; _padding-bottom:0px;}
#prolist dl.hclass{background:#FFFEAA;border-bottom:1px solid #f60;}
#prolist dl dt{width:120px;height:120px;line-height:120px; margin:5px auto 0px auto;vertical-align:middle;border:1px solid #eee; text-align:center;padding:5px;background:#fff; position:relative;}
#prolist dl dt img{_width:120px; _height:120px;max-width:120px; max-height:120px;}
#prolist dl dt strong a{position:absolute;left:0;bottom:0;width:100%;height:22px; text-align:left; text-indent:30px;line-height:22px; color:#f60; font-weight:normal; display:block;}
#prolist dl dt strong a:hover{ display:block; background:#dd0000; color:#fff; border-top:2px solid #000; }
#prolist dl dt{width:120px;height:120px;line-height:120px; margin:5px auto 0px auto;vertical-align:middle;border:1px solid #eee; text-align:center;padding:5px;background:#fff; position:relative;}
#prolist dl dt img{_width:120px; _height:120px;max-width:120px; max-height:120px;}
#prolist dl dd{width:130px; margin:0px auto;height:22px;line-height:22px;text-align:left; font-weight:bold;overflow:hidden;text-overflow:ellipsis;}
#prolist dl dd a{color:#ee0000;}
#prolist dl dd a:hover{color:#000;}
#prolist dl dd.bjs{height:38px;line-height:18px;color:#666;text-align:left;font-weight:normal;}
#prolist dl dd.bjs span{color:#000;}
#prolist dl dd.bjs span strong{ color:#f60; font-size:16px;}

#prolist #link{width:100%;border:1px solid #EC580C; margin-top:7px;_margin-top:9px; height:167px;}
#link h5{width:100%; height:27px; line-height:27px; background:url(../images/hzhb.gif) no-repeat left top;text-align:left; text-indent:12px; font-size:14px; color:#000;}
#link ul{width:100%; margin:10px auto; clear:both;}
#link ul li{height:96px;float:left; height:35px; margin:5px 0px 0px 10px; font-size:0px;}
#link ul li.wzlink{ width:110px; float:left; height:20px; line-height:20px; text-align:left;font-size:12px; overflow:hidden;}

#promain #isright{ width:210px; float:right;}
#isright #hou{width:100%;background:url(../images/home_x.gif) repeat-x left bottom; border:1px solid #D7E1E6;border-top:2px solid #D7E1E6; height:375px; position:relative; margin-top:10px; height:200px;}
#hou h1{width:76px; height:77px; position:absolute; left:0; top:-6px; background:url(../images/home.gif) no-repeat left top;}
#hou h5{width:100%; height:40px; line-height:60px; text-align:left; text-indent:70px; font-size:14px; color:#000; overflow:hidden;}
#hou ul#quick{ width:185px;margin:5px auto; overflow:hidden; }
#hou ul#quick li{width:100%; margin:2px auto;height:30px; line-height:30px;text-align:left; text-indent:40px;background:url(../images/47.png) no-repeat 20px 0px; font-weight:bold;}
#hou ul#lcom{ width:185px;margin:5px auto; overflow:hidden; }
#hou ul#lcom li{width:100%;height:auto; line-height:24px;text-align:left; text-indent:12px; background:url(../images/key2.gif) no-repeat 4px 7px;}

#isright #hotline{width:100%;background:url(../images/home_x.gif) repeat-x left bottom; border:1px solid #D7E1E6;border-top:none; height:375px; position:relative; height:220px;}
#hotline h1{width:76px; height:77px; position:absolute; left:0; top:-6px; background:url(../images/home.gif) no-repeat -76px 0px;}
#hotline h5{width:60%; margin:0px auto; height:50px; line-height:50px; text-align:right;overflow:hidden;}
#hotline dl{width:185px;height:50px; margin:5px auto; overflow:hidden;}
#hotline dl dt{width:30px; float:left; height:30px; text-align:center; font-size:0px; margin:8px 0 10px 5px;}
#hotline dl dd{width:140px; float:right; height:22px; line-height:22px; text-align:left; }
#hotline dl dd.hjg{ font-weight:bold; height:20px; color:#BB0505;}

#isright #fahuo{width:100%;background:url(../images/home_x.gif) repeat-x left bottom; border:1px solid #D7E1E6;border-top:none;position:relative; height:200px; overflow:hidden; }
#fahuo h1{width:76px; height:77px; position:absolute; left:-1px; top:-6px; background:url(../images/home.gif) no-repeat right top;}
#fahuo h5{width:80%; margin:0px auto; height:50px; line-height:50px; text-align:right;overflow:hidden; padding-top:5px;}
#fahuo ul{width:100%; height:100%;}
#fahuo ul li{width:94%; height:22px; line-height:22px; background:url(../images/key3.gif) no-repeat 8px 8px; text-align:left; text-indent:16px;color:#666; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}

#news{width:208px; margin:5px auto; border:1px solid #E1E1E1;}
#news h5{width:100%;height:25px; line-height:25px; text-align:left; font-size:14px; color:#000; text-indent:12px; background:url(../images/newsx.png) repeat-x; border-bottom:1px solid #E1E1E1;}
#news ul{width:200px; margin:5px auto;}
#news ul li{height:22px; line-height:22px; background:url(../images/arrow.gif) no-repeat 8px 8px; text-align:left; text-indent:16px;color:#F49966; overflow:hidden;}

#mallintro{width:978px;height:140px;margin:5px auto; border:1px solid #ddd; padding-bottom:10px;}
#mallintro dl{width:230px; float:left; margin:10px 0px 0px 5px;height:130px; border-left:1px dashed #ddd;}
#mallintro dl dt.navb1{ width:35px; float:left; height:130px; background:url(../images/navbottom.gif) no-repeat left top #fff; margin-left:10px; _margin-left:5px;}
#mallintro dl dt.navb2{ width:46px; float:left; height:130px; background:url(../images/navbottom.gif) no-repeat -36px top #fff; margin-left:10px;_margin-left:5px;}
#mallintro dl dt.navb3{ width:46px; float:left; height:130px; background:url(../images/navbottom.gif) no-repeat -88px top #fff; margin-left:10px;_margin-left:5px;}
#mallintro dl dt.navb4{ width:42px; float:left; height:130px; background:url(../images/navbottom.gif) no-repeat right top #fff; margin-left:10px;_margin-left:5px;}
#mallintro dl dd{width:170px;float:right; height:22px; line-height:22px; text-align:left;font-size:12px;}
#mallintro dl dd.navt{font-weight:bold;background:url(../images/navt.gif) no-repeat left bottom; }
#mallintro dl dd a{color:#666;}

/*====================bottom======================*/

.bgs{font-size:14px;color:#666;font-weight:bold; text-align:left;}
.bgx{font-size:14px;font-weight:bold;color:#bd0000; text-align:left;}
.bottom-help{margin:10px auto; width:705px;height:55px;font-family: "Microsoft YaHei";}
.bottom-help .help-left{float:left;}
.bottom-help .help-mid{height:55px;width:687px;float:left;background:url(../images/x_m.jpg) repeat-x 0 0;}
.bottom-help .help-mid .mid-img {display:inline;margin-top:7px;height:53px;float:left;}
.bottom-help .help-mid .mid-img img{vertical-align:bottom;}
.bottom-help .help-mid .mid-cont{padding-top:9px;padding-left:10px;float:left;}
.bottom-help .help-mid .mid-yline{display:inline;margin:15px 10px;float:left;}
.bottom-help .help-right{float:left;}

#bottom{width:980px;margin:5px auto; border-top:2px solid #dd0000;}
#bottom #bginfo{margin:0px auto;height:26px; line-height:26px;text-align:center; color:#000; background:#f5f5f5; }
#bginfo a{ color:#000;},#bginfo a:hover{ color:#dd0000; text-decoration:underline;}
#bottom ul{margin:5px auto;clear:both;}
#bottom ul li{ width:95%; height:22px; line-height:22px;text-align:center; color:#666;}
#bottom ul li span{ margin-left:5px;}