@charset "utf-8";

body{margin:0px; padding:0px; font:12px #FFF Geneva, Arial, Helvetica, sans-serif; text-align:center;}
div,ul,li,dd,dl,dt,dz,textarea,input{margin:0px; padding:0px; list-style:none; font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif; word-wrap:break-word; word-break:normal;}
input,img{vertical-align:middle; margin:0px; border:0;}
h1,h2,h3,h4,h5,P{margin:0px; padding:0px;}
a{color:#FFF; text-decoration:none; font-size:12px;}
a:hover{color:#FFFFCC; text-decoration:none; font-size:12px;}
h1{font:normal 15px Arial; color:#FFF; display:inline;}
p{margin-bottom:10px; line-height:20px;}


.mrg_x5{margin-bottom:5px;}
.mrg_x15{margin-bottom:15px;}
.mrg_x20{margin-bottom:20px;}
.mrg_s30x15{margin:30px 0 15px;}
.mrg_s10{margin:10px 0 0 0;}
.wid_30{width:30px;}
.wid_50{width:50px;}
.widhei_50{width:50px; height:50px;}
.wid_100{width:100px;}
.widhei_100{width:100px; height:100px;}
.widhei_120{width:120px; height:100px;}
.wid_120{width:120px;}

.more{float:right; background:url(../images/dot_006.jpg) no-repeat 0 3px; padding:0 0 0 10px;}
.more1{float:left; background:url(../images/dot_006.jpg) no-repeat 0 3px; padding:0 0 0 10px;}
.more2{float:right; background:url(../images/dot_006.jpg) no-repeat 0 9px; padding:0 0 0 10px;}

#container{width:950px; margin:0px auto;}
#topnav{width:900px; padding:0 25px; height:35px; line-height:35px; color:#FFF;}
#topnav .tit{float:left;}
#topnav .lin{float:right; text-align:right;}
#topnav a{color:#FFF; text-decoration:none;}
#topnav a:hover{color:#FF0; text-decoration:underline;}

#header{width:930px; height:80px; padding:20px 10px; float:left; overflow:hidden; clear:both;}
#header #logo{float:left;}
#header #logo img{vertical-align:middle;}
#header #logo h1{font-size:24px; margin-left:15px; line-height:80px; display:inline;}

#nav{width:950px; height:45px; background:url(../images/navbg.jpg) repeat-x; clear:both;}
#nav .bor_left{width:10px; height:10px; background:url(../images/corner_001.jpg) no-repeat; float:left; position:relative; top:5px; left:0px; overflow:hidden;}
#nav .bor_rig{width:10px; height:10px; background:url(../images/corner_002.jpg) no-repeat; float:right; position:relative; top:5px; right:0px; overflow:hidden;}
#nav ul{width:890px; top:0px; left:30px; position:relative;}
#nav ul li{float:left; line-height:25px;}
#nav ul li a{padding:10px 20px 10px 20px; display:block; color:#FFF; font-size:14px; font-family:Geneva, Arial, Helvetica, sans-serif;}
#nav ul li.on a{padding:10px 20px 10px 20px; width:107px; background:url(../images/navonbg.jpg) no-repeat center top; text-align:center; display:block; color:#FFF; font-size:14px; font-family:Geneva, Arial, Helvetica, sans-serif;}

#content{width:936px; top:140px; float:left; text-align:left; background:#FFF; border-top:0;}
#sidebar{width:257px; float:left;}
#sidebar .line{width:257px; height:10px; float:left; clear:both; overflow:hidden;}
.l1{background-image:url(../images/left_line1.png); background-repeat:no-repeat; background-position:center;}
.l2{background:url(../images/left_line2.jpg) no-repeat center 0;}
.l3{background:url(../images/left_line3.jpg) no-repeat center 0;}
.l4{background:url(../images/left_line4.png) no-repeat center 0;}
.l5{background:url(../images/left_line5.png) no-repeat center 0;}
.l6{background:url(../images/left_line6.jpg) no-repeat center 0;}

#sidebar .cor1{width:10px; height:10px; background-image:url(../images/cornerwhite_001.png); background-repeat:no-repeat; float:left; overflow:hidden;}
#column_search{width:220px; padding:10px 0; background:#D6D6DE; float:left; margin-left:8px}
#column_search .tool{width:45px; height:45px; background:url(../images/searchtool.png) no-repeat; float:left;}
#column_search .inputarea{width:140px; height:45px; float:left;}
#column_search .inputarea input{background:#F2F2FF; border-right:1px solid #9898B4; border-bottom:1px solid #9898B4; border-left:0; border-top:0; height:20px; line-height:20px; margin-top:10px;}
#column_search .ss{width:215px; clear:both; text-align:center;}
#column_search .submit{width:91px; height:30px; background:url(../images/bt_search.png) no-repeat; border:0; text-align:center; color:#FFF; font-weight:bold; cursor:pointer;}

#column_procategory{width:207px; padding:10px 15px; margin:0px auto; clear:both;}
#column_procategory .tit{width:207px; padding: 5px 0 10px 0; margin-bottom:10px;}
#column_procategory li{width:207px; float:left;}
#column_procategory li.nor{width:207px; float:left;  padding:5px 0 0 0;}
#column_procategory li.nor a{background-image:url(../images/dot_001.jpg); background-repeat:no-repeat; background-position:0 3px; padding:0px 0 5px 20px; color:#FFF; display:block; font-size:13px;}
#column_procategory li.nor a:hover{background-image:url(../images/dot_002.jpg); color:#D6D6D6; font-weight:bold; display:block;}
#column_procategory li.nor span{padding:0 0 0 5px; font-size:11px;}

#column_procategory li.subcate{width:207px; float:left; display:none;}
#column_procategory li.subcate dd{float:left; width:207px;}
#column_procategory li.subcate dd a{font:normal 12px Arial; background-image:url(../images/dot_003.png); background-repeat:no-repeat; background-position:20px 7px; display:block; padding:2px 0 5px 30px; line-height:17px; text-decoration:none; color:#FFF;}

#column_kb{width:220px; height:20px; background:#D6D6DE; clear:both; margin:0px auto;}

#column_leftmenu{width:237px; margin:0px auto; clear:both;}
#column_leftmenu ul{list-style:none;}
#column_leftmenu ul li{width:237px; float:left;}
#column_leftmenu ul li.midline{width:237px; background:url(../images/leftmenuline.jpg) no-repeat top; height:5px; overflow:hidden;}
#column_leftmenu ul li a{background:url(../images/leftmenubg.jpg) repeat-x; display:block; padding:0 20px; line-height:31px; height:31px;}
#column_leftmenu ul li a h1{line-height:31px;}

#column_contactinfo{width:207px; padding:10px 15px; background:#E9E9E9; margin:0px auto; clear:both; line-height:18px;}
#column_contactinfo P{display:block; margin-bottom:10px;}
#column_contactinfo P span{font-weight:bold;}
#column_contactinfo P a{font-weight:bold; text-decoration:underline; color:#333; font-size:13px;}
#column_contactinfo P a:hover{color:#434B71;}

#main{width:679px; float:left;}
#main .kb1{width:679px; height:10px; float:left; overflow:hidden;}
#main .cor1{width:10px; height:10px; background-image:url(../images/cornerwhite_002.png); background-repeat:no-repeat; float:left; overflow:hidden;}
#main .kb2{width:669px; height:10px; float:left; overflow:hidden;}
#main .ban{width:658px; height:auto;float:left; clear:both; margin-left:5px; display:inline; border:1px solid #010;}
#main .ban img{width:658px; height:auto;}
#main .location{margin:15px 5px; float:left; width:658px;}
#main .location span{background:url(../images/dot_004.jpg) no-repeat 10px 5px; padding-left:20px;}

.column_cominfo{width:658px; margin-bottom:15px; float:left; position:relative; left:5px;}
.column_cominfo .pic{width:235px; height:175px; border:1px solid #9C9C9C; float:left; overflow:hidden; position:relative;}
.column_cominfo .pic img{width:235px; height:175px; display:block;}
.slider{position:relative;}
.slider li{list-style:none; float:left; display:inline;}
.num{position:absolute; right:5px; bottom:5px;}
.num li{float:left; color:#FF7300;	text-align:center; line-height:16px; width:16px; height:16px; font-family:Arial; font-size:12px; cursor:pointer; overflow:hidden; margin:3px 1px; border:1px solid #FF7300; background:#FFF;}
.num li.on{color:#fff; line-height:21px; width:21px; height:21px; font-size:16px; margin:0 1px; border:0; background:#FF7300; font-weight:bold;}

.column_cominfo .js{width:400px; height:181px; padding:0 0 0 17px; float:left; position:relative;}
.column_cominfo .js .wz{width:400px; height:144px; float:left; line-height:18px; overflow:hidden;}
.column_cominfo .js .btcontact{width:400px; padding:10px 0 0 0;}
.column_cominfo .js .btcontact .btcont{float:right; width:104px;}


#column_proshowcase{width:490px; margin-left:5px; margin-bottom:15px; float:left; display:inline;}
#column_proshowcase .menu{width:450px; padding:0 20px; line-height:26px; height:26px; background:url(../images/menubg_proshowcase.jpg) repeat-x; overflow:hidden;}
#column_proshowcase .menu .bit{float:left; font-size:12px; color:#000; font-weight:bold;}
#column_proshowcase .con{width:490px; float:left; padding:15px 0 0;}
#column_proshowcase .con li{width:102px; height:140px; float:left; padding:0 10px;}

.propicbox {float:left; text-align:center; border:1px solid #D7D7D9;}
.propicbox table{vertical-align:middle; text-align:center;}
.propicbox img {vertical-align:middle;}
.proname{float:left; padding:5px 0 0 0; text-align:center; height:30px; line-height:15px; overflow:hidden; padding:0 1px;}
.proname_sell{float:left; padding:5px 0 0 0; color:#000066; font-weight:bold;height:20px; line-height:15px; overflow:hidden; padding:0 1px;}
.proname_sell a:link{float:left; padding:5px 0 0 0; color:#000066; font-weight:bold; text-decoration:underline; height:20px; line-height:15px; overflow:hidden; padding:0 1px;}
.proname_sell a:visited{float:left; padding:5px 0 0 0; color:#000066; font-weight:bold; text-decoration:underline; height:20px; line-height:15px; overflow:hidden; padding:0 1px;}
.proname_sell a:hover{float:left; padding:5px 0 0 0; color:#ff6600; font-weight:bold; text-decoration:none; height:20px; line-height:15px; overflow:hidden; padding:0 1px;}
.proname_sell a:active{float:left; padding:5px 0 0 0; color:#000066; font-weight:bold; text-decoration:underline; height:20px; line-height:15px; overflow:hidden; padding:0 1px;}

#column_proshowcase .con .bot{width:470px; height:20px; overflow:hidden; float:left; margin-left:10px; padding:5px 0 0 0; border-top:1px dashed #CCC;}


#column_newpro{width:154px; margin-left:10px; margin-bottom:15px; float:left; overflow-x:hidden; display:inline;}
#column_newpro .menu{width:144px; padding:0 0 0 10px; line-height:26px; height:26px; background:url(../images/menubg_newproduct.jpg) repeat-x; overflow:hidden;}
#column_newpro .menu .bit{float:left; font-size:12px; color:#FFF; font-weight:bold;}
#column_newpro .con{width:154px; float:left; padding:15px 0 0;}
#column_newpro .con li{width:122px; height:140px; padding:0 17px; float:left; display:block;}
#column_newpro .con .bot{width:134px; height:20px; overflow:hidden; float:left; margin:0px; margin-left:10px; padding:5px 0 0 0; border-top:1px dashed #CCC;}


.column_comprofile{width:658px; margin-left:5px; margin-bottom:15px; float:left; clear:both;}
.column_comprofile .menu{width:616px; padding:0 20px; line-height:26px; height:26px; background:url(../images/menubg_proshowcase.jpg) repeat-x; overflow:hidden; float:left;}
.column_comprofile .menu .bit{float:left; font-size:12px; color:#000; font-weight:bold;}
.column_comprofile .con{widows:658px; float:left; margin-bottom:5px; clear:both;}
.column_comprofile .con .tit{font-size:12px; color:#000; font-weight:bold; width:638px; border-bottom:1px dotted #CCC; padding:8px 10px 5px 10px; float:left;}
.column_comprofile .con .detail span{width:638px; padding:8px 10px 5px 10px; color:#999; font-size:11px; float:left;}
.column_comprofile .con .detail{width:658px; float:left; clear:both;}
.column_comprofile .con .detail dd{width:638px; padding:8px 10px 5px 10px; border-bottom:1px solid #CCC; float:left; clear:both;}
.column_comprofile .con .detail dd .zb{width:200px; float:left; line-height:16px;}
.column_comprofile .con .detail dd .yb{width:438px; float:left; line-height:16px;}
.column_comprofile .con1{widows:638px; float:left; padding:15px 10px 5px; position:relative; line-height:20px;}
.column_comprofile .con1 span{float:right; width:320px; height:290px;}
.column_comprofile .con1 span .pic{width:320px; height:240px; float:left; overflow:hidden; position:relative;}
.column_comprofile .con1 span .pic img{width:320px; height:240px;}
.column_comprofile .con1 span .btcontact1{width:320px; text-align:center; padding:10px 0 0 0; float:left;}

#column_sendmess{width:658px; margin-left:5px; margin-bottom:15px; float:left; clear:both;}
#column_sendmess h2{font-size:18px; line-height:30px; height:30px; margin-bottom:10px; margin-left:15px;}
#column_sendmess .peop{width:106px; margin:0 15px; float:left; text-align:center;}
#column_sendmess .areatext{width:560px; float:left;}
#column_sendmess .areatext textarea{height:90px; line-height:18px; padding:5px; margin:0 20px; font-size:14px; border:1px solid #B1C7B2;}
#column_sendmess .but{width:658px; float:left; text-align:center; padding:20px 0;}

.rigbot{position:relative; width:658px; float:left; clear:both; left:5px;}

#contentbot{width:936px; float:left; clear:both; margin-top:15px;}
#contentbot .cor1{width:10px; height:21px; background-image:url(../images/cornerwhite_003.png); background-repeat:no-repeat; background-position:top; float:left; overflow:hidden;}
#contentbot .line1{width:237px; height:21px; float:left; background-image:url(../images/mainbotline1.png); background-repeat:no-repeat; overflow:hidden;}
#contentbot .cor2{width:10px; height:21px; background-image:url(../images/cornerwhite_004.png); background-repeat:no-repeat; background-position:top; float:right; overflow:hidden;}
#contentbot .kb{width:679px; height:11px; float:left; margin-top:10px; overflow:hidden;}

#footer{width:966px; height:148px; margin:0px auto; clear:both;}
#footer .leftbor{width:30px; height:148px; background:url(../images/footimg_001.jpg) no-repeat; float:left;}
#footer .rightbor{width:30px; height:148px; background:url(../images/footimg_002.jpg) no-repeat; float:right;}
#footer .mid{width:906px; height:130px; padding:18px 0 0 0; float:left; background:url(../images/footimg_003.jpg) repeat-x;}
#footer .mid li{width:906px; float:left; text-align:center;}
#footer .mid li.wd1{line-height:28px; height:28px; color:#FFF;}
#footer .mid li.wd1 a{color:#FFF;}
#footer .mid li.wd1 a:hover{color:#FF0;}
#footer .mid li.wd2{line-height:38px; height:38px;}
#footer .mid li.wd3{height:64px; line-height:64px; color:#FFF;}



/*内页*/
.productlist_coltop{width:626px; padding:0 15px; line-height:36px; height:36px; margin-left:5px; margin-bottom:15px; float:left; display:inline; font-size:11px;}
.productlist_coltop label{float:left; margin-right:5px;}
.productlist_coltop label.turnup{background:url(../images/turnup.png) no-repeat center; width:12px; height:36px;}
.productlist_coltop label.turndown{background:url(../images/turndown.png) no-repeat center; width:12px; height:36px;}
.productlist_coltop label.dlistc{background:url(http://img.ffcrafts.com/images/cdot_list.gif) no-repeat 0 center; color:#000; padding:0 0 0 20px;}
.productlist_coltop label.dlistc a{color:#000; font-size:10px;}
.productlist_coltop label.dgallery{background:url(http://img.ffcrafts.com/images/dot_gallery.gif) no-repeat 0 center; color:#335280; padding:0 0 0 20px;}
.productlist_coltop label.dgallery a{color:#335280; font-size:10px;}
.productlist_coltop label.dgalleryc{background:url(http://img.ffcrafts.com/images/cdot_gallery.gif) no-repeat 0 center; color:#000; padding:0 0 0 20px;}
.productlist_coltop label.dgalleryc a{color:#000; font-size:10px;}
.productlist_coltop label.dlist{background:url(http://img.ffcrafts.com/images/dot_list.gif) no-repeat 0 center; color:#335280; padding:0 0 0 20px;}
.productlist_coltop label.dlist a{color:#335280; font-size:10px;}
.productlist_coltop .tit{float:left; font:bold 15px Arial; width:300px; line-height:36px;}
.productlist_coltop .rss{float:right; line-height:36px;}

.productlist,.productlist1,.showbulletin{width:658px; float:left; margin-left:5px;}
.productlist ul li{width:124px; float:left; padding:0 20px 15px; float:left;}
.productlist ul .sel{width:22px; height:137px; float:left; }


.productlist1 li{width:658px; float:left; border-bottom:1px dashed #CCC; padding:15px 0;}
.productlist1 li .sel{width:32px; float:left; text-align:center;}
.productlist1 li .pic1{width:102px; float:left; padding:0 10px 0; float:left;}
.productlist1 li .nr{width:340px; float:left; line-height:20px; color:#0E163B; height:120px; overflow:hidden;}
.productlist1 li .nr dl {width:340px; float:left; color:#0E163B; text-align:left; overflow:hidden;}
.productlist1 li .bt{width:152px; float:left; text-align:center; padding:50px 0 0 0;}

.productlist1 li .wd1{width:658px; color:#9A6599; float:left; margin-bottom:8px;}
.productlist1 li .wd2{width:658px; font-size:11px; color:#666; float:left; padding:0 0 5px 0;}
.productlist1 li .wd2 span{padding:0 0 0 30px;}
.productlist1 li .wd3{width:658px; line-height:20px; float:left;}
.productlist1 li .wd4{width:658px; float:left; line-height:20px;}

.showbulletin .tit{width:658px; text-align:center; border-bottom:1px dashed #CCC;  padding:0 0 10px 0; margin-bottom:10px;}
.showbulletin .date{width:658px; text-align:center; font-size:11px; color:#666; margin-bottom:20px;}
.showbulletin .date span{padding:0 0 0 30px;}
.showbulletin .con{width:658px; line-height:20px; color:#333; float:left;}
.showbulletin .con p{margin:5px 0;}


.prolistdown{width:656px; margin-left:5px; margin-bottom:15px; float:left; clear:both;}
.prolistdown .menu{width:616px; padding:0 20px; line-height:26px; height:26px; background:url(../images/menubg_proshowcase.jpg) repeat-x; overflow:hidden;}
.prolistdown .menu .bit{float:left; font-size:12px; color:#000; font-weight:bold;}
.prolistdown .con{width:626px; float:left; padding:15px 15px 0; height:140px; overflow:hidden;}
.prolistdown .con li{width:102px; height:140px; float:left; padding:0 10px;}


.proview{width:636px; padding:10px; margin-left:5px; margin-bottom:15px; float:left; clear:both;}
.proview h1{font:bold 15px Arial; color:#000; display:block; margin-bottom:10px;}
.proview .zb{width:238px; float:left;}
.proview .zb .pic1{width:236px; height:196px; float:left; background:#EBEBEB; border:1px solid #CCC; text-align:center;}
.proview .zb .pic1 table{width:236px; height:192px; text-align:center; vertical-align:middle;}
.proview .zb .boom{width:238px; float:left; text-align:center; padding:3px 0 0 0;}
.proview .yb{width:360px; padding:0 0 0 18px; float:left;}
.proview .yb .con1{width:350px; float:left;}
.proview .yb .con1 p{font-size:12px; color:#666; font-weight:bold;}
.proview .yb .con1 dd{width:330px; float:left; border-bottom:1px dotted #CCC; padding:2px 10px; font-size:11px;}
.proview .yb .con1 dd span{width:130px; float:left; font-weight:bold;}

.proview .marqpro{width:616px; padding:15px 10px; height:70px; overflow:hidden; float:left; border:1px solid #CCC; clear:both;}
.proview .marqpro .zjt{width:38px; height:70px; background:url(../images/jt_left.jpg) no-repeat center; float:left; cursor:pointer;}
.proview .marqpro .yjt{width:38px; height:70px; background:url(../images/jt_right.jpg) no-repeat center; float:left; cursor:pointer;}
.proview .marqpro .nr{width:540px; float:left;}
.proview .marqpro .nr dd{padding:0 20px; float:left; width:52px;}

.proview .word{width:636px; float:left; padding:15px 0; line-height:20px;}
.proview .word h1{font:bold 18px Arial; color:#000; margin-bottom:10px;}
.proview .word .pic{width:550px; clear:both; margin:20px auto 0; text-align:center;}
.proview .word .pic img{border:1px solid #CCC;}
.proview .word .name{width:550px; padding:8px 0 0 0; text-align:center; margin:0px auto; clear:both;}



#pageno{width:658px; padding:0 0 20px 0; margin-left:5px; float:left; font-size:10px; line-height:19px;}
#pageno .zb{width:650px; padding:0 15px 0 0; float:left;}
#pageno .numOn{margin-right:5px; margin-left:3px;}
#pageno .numOn a{color:#FFF; line-height:15px; padding:2px 5px;}
#pageno .numoff{margin-right:3px;}
#pageno .numoff a:link, #pageno .numoff a:visited{line-height:15px; padding:1px 5px;}
#pageno .numpre{margin:0 15px;}
#pageno .numpre a{background:url(../images/bg_pageno.jpg) repeat-x; line-height:15px; padding:2px 5px; font-size:11px; font-weight:bold;}
#pageno .yb{width:130px; float:right; text-align:right;}
#pageno .yb input{background:#FFF; border:1px solid #AAADB2; width:21px; height:15px;}
#pageno .yb .btgo{background:url(../images/bt_go.jpg) no-repeat; width:21px; height:17px; text-align:center; font-size:10px; border:0; cursor:pointer;}
#pageno a{line-height:2.2em;padding: 2px 5px;color:#2D6E2C;!important; border: solid 1px #94C0A3;;text-decoration: none!important;}
#pageno a:hover{background-color:#EEFEF3;color:#2D6E2C;!important;}
#pageno span.left{padding:2px 5px; color:#000;float:left;}
#pageno span.number {padding:2px 5px; color:#000;float:right;}
#pageno .cupage{background-color:#EEFEF3; font-weight:bold;line-height:2.2em;padding: 2px 7px;color:red!important; border: solid 1px #94C0A3;text-decoration: none!important;}