/* -----------------------------------------------------------------------------------------------*/
/*                                                                                                */
/*                         Webpage Design, Css Code by  陌路  2006                                */
/*                         ASP Code by                  蒋礼华                                    */
/*                         Email:laozhuan@gmail.com     QQ:80069                                  */
/*                         Copyright qzHadi.com         泉州哈迪传媒机构                          */
/*                                                                                                */
/* ---------------------------------------------------------------------------------------------- */

/* 基本定义 */
* {margin:0; padding:0;}
body {font-family:arial;font-size:11px;color:#000;background:#FFF;}
a, img {border:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#000;text-decoration:underline;}
ul li,menu li{list-style-type:none;float:left;display:inline;}
h1{font-size:14px;}
h2{font-size:14px;}
button,input,select{font-size:14px;}
html,body{height:100%;}
var{font-style:normal;color:#FF0000;}
table{border-collapse:collapse;padding:0;font-size:12px;text-align:left;}
/* 字体样式 */

/* 标题字体尺寸 */
h1,h2,h3,h4,h5{font-size:14px;font-weight:normal;}

/* Float */
.left{float:left;}
.right{float:right;}
.clearL{float:left;clear:left;}
.clearR{float:right;clear:right;}

.title h2{float:left;}
.title h2 span{display:none;}
.title a{float:right;}

#top{width:100%;border-top:5px solid #000;}
#top #hd{width:840px;height:50px;margin:0 auto;}
#top #hd h1{width:300px;height:50px;background:url(/images/web/companyName.gif) no-repeat;float:left;}
#top #hd h1 span{display:none;}
#top #hd menu{width:420px;height:20px;margin-top:20px;float:right;}
#top #hd menu li a{width:70px;height:20px;text-indent:-9999px;display:block;background:url(/images/web/navigation.gif) no-repeat;overflow:hidden;}
#top #hd menu li a#home{background-position:0 0;}
#top #hd menu li a#about{background-position:-70px 0;}
#top #hd menu li a#news{background-position:-140px 0;}
#top #hd menu li a#products{background-position:-210px 0;}
#top #hd menu li a#feedback{background-position:-280px 0;}
#top #hd menu li a#contact{background-position:-350px 0;}
#top #hd menu li a#home:hover{background-position:0 -20px;}
#top #hd menu li a#about:hover{background-position:-70px -20px;}
#top #hd menu li a#news:hover{background-position:-140px -20px;}
#top #hd menu li a#products:hover{background-position:-210px -20px;}
#top #hd menu li a#feedback:hover{background-position:-280px -20px;}
#top #hd menu li a#contact:hover{background-position:-350px -20px;}

#mainBox{width:840px;height:auto;margin:0 auto;}

#bottom{width:100%;margin-top:10px;border-top:1px solid #CCC;float:left;}
#bottom #btm{width:840px;height:100px;margin:0 auto;padding-top:10px;display:block;}
#bottom #btm p{width:auto;line-height:20px;display:inline;white-space:nowrap;}
#bottom #btm p *{width:14px;height:11px;margin:5px 0 0 10px;}
#bottom #btm p.right{clear:right;}

.onlineService{width:200px;height:55px;margin-top:10px;padding-top:35px;background:url(/images/web/onlineService.gif) no-repeat;}
.onlineService p{line-height:20px;margin-left:15px;color:#0033FF;font-size:12px;font-weight:bold;float:left;display:inline;}

.sideBox{width:200px;margin-top:10px;float:right;}
.sideBox span.top,
.sideBox span.btm{width:200px;height:5px;line-height:5px;font-size:0;float:right;}
.sideBox span.top{background:url(/images/web/sideBoxTop.gif) no-repeat;}
.sideBox span.btm{background:url(/images/web/sideBoxBtm.gif) no-repeat;}
.sideBox .sideBoxContent{width:178px;padding:0 10px;border-left:1px solid #969696;border-right:1px solid #969696;float:left;}
.sideBox .sideBoxContent h2{width:178px;height:24px;border-bottom:1px dashed #CCC;background:url(/images/web/contactUs.gif) no-repeat;float:left;}
.sideBox .sideBoxContent h2 span{display:none;}
.sideBox .sideBoxContent ul{width:178px;margin:5px 0;float:left;}
.sideBox .sideBoxContent ul li{line-height:18px;}

.rightBox{width:628px;margin-top:10px;border:1px solid #CCC;float:right;}

#indexAdBox{width:840px;height:300px;margin:0 auto;display:block;}
#indexAdBox #leftBanner{width:640px;height:300px;float:left;}
#indexAdBox #leftBanner img{width:640px;height:300px;display:block;}
#indexAdBox ul{width:200px;height:300px;background:url(/images/web/indexRightLink.gif) no-repeat;float:right;}
#indexAdBox ul li{width:170px;height:120px;margin:20px 15px 0;float:left;display:inline;}
#indexAdBox ul li img{width:170px;height:120px;display:block;}

#indexLatestNews{width:314px;height:145px;margin-top:10px;border-right:1px dashed #CCC;float:left;}
#indexLatestNews .title{width:300px;line-height:24px;border-bottom:1px solid #BBB;float:left;}
#indexLatestNews .title h2{width:180px;height:24px;background:url(/images/web/indexLatestNews.gif) no-repeat;}
#indexLatestNews .title a{padding-left:10px;background:url(/images/web/arrowGreen.gif) no-repeat 3px 10px;}
#indexLatestNews ul{width:295px;line-height:20px;margin:10px 0 10px 5px;float:left;display:inline;}
#indexLatestNews ul li{width:280px;height:20px;padding-left:15px;background:url(/images/web/squareGray.gif) no-repeat 0 8px;overflow:hidden;}

#indexNewProducts{width:314px;float:left;clear:left;}
#indexNewProducts .title{width:300px;padding-right:14px;line-height:24px;border-right:1px dashed #CCC;border-bottom:1px solid #BBB;float:left;}
#indexNewProducts .title h2{width:180px;height:24px;background:url(/images/web/indexNewProducts.gif) no-repeat;}
#indexNewProducts .title a{padding-left:10px;background:url(/images/web/arrowPink.gif) no-repeat 3px 10px;}
#indexNewProducts .imgBox{width:300px;height:230px;margin-top:10px;float:left;}
#indexNewProducts .imgBox .eachOne{width:80px;height:100px;margin:10px 0 0 20px;float:left;display:inline;}
#indexNewProducts .imgBox .eachOne a.img{width:70px;height:70px;padding:4px;border:1px solid #BBB;float:left;}
#indexNewProducts .imgBox .eachOne a.img img{width:70px;height:70px;display:block;}
#indexNewProducts .imgBox .eachOne span{width:80px;line-height:20px;text-align:center;float:left;}

#indexRecommendProducts{width:295px;height:169px;margin-top:10px;padding-left:15px;border-bottom:1px solid #CCC;float:left;}
#indexRecommendProducts .title{width:295px;line-height:24px;border-bottom:1px solid #BBB;float:left;}
#indexRecommendProducts .title h2{width:180px;height:24px;background:url(/images/web/indexRecommendProducts.gif) no-repeat;}
#indexRecommendProducts ul{width:295px;margin-top:10px;float:left;}
#indexRecommendProducts ul li{width:120px;height:130px;margin-left:15px;}
#indexRecommendProducts ul li img{width:120px;height:130px;display:block;}

#indexCatalogue{width:295px;height:230px;margin-left:15px;float:left;display:inline;}
#indexCatalogue h2{width:295px;height:24px;margin-top:5px;background:url(/images/web/indexCatalogue.gif) no-repeat;}
#indexCatalogue h2 span{display:none;}
#indexCatalogue ul{width:293px;height:180px;padding:9px 0;border:1px dashed #BBB;float:left;}
#indexCatalogue ul li{width:110px;line-height:18px;margin:0 10px 0 14px;padding-left:10px;background:url(/images/web/smallGrayArrow.gif) no-repeat 0 8px;}

.theSquareAD{width:200px;height:180px;margin-top:10px;}
.theSquareAD img{width:200px;height:180px;display:block;}

/* subPages */
#logo{width:200px;height:70px;float:left;}
#logo img{width:200px;height:70px;display:block;}
#banner{width:630px;height:70px;float:right;}
#banner img{width:630px;height:70px;display:block;}

#sideBarRecommend{width:200px;height:200px;margin-top:10px;background:url(/images/web/sideBoxRecommend.gif) no-repeat;float:left;}
#sideBarRecommend a{width:180px;height:80px;margin:10px;float:left;display:inline;}
#sideBarRecommend a img{width:180px;height:80px;display:block;}

#aboutUs{width:590px;margin-top:10px;padding:15px 19px;border:1px solid #CCC;float:right;}
#aboutUs h2{margin-bottom:10px;font-size:18px;}
#aboutUs p{line-height:20px;text-indent:2em;}
#aboutUs img.map{margin:0 0 0 10px;display:inline;}
#aboutUs img.company{margin:10px 10px 0 0;display:inline;}

#subNews{width:570px;min-height:450px;*height:450px;margin-top:10px;padding:15px 29px;border:1px solid #CCC;float:right;}
#subNews h2{width:570px;height:20px;padding-bottom:4px;font-size:18px;border-bottom:1px dashed #CCC;float:left;display:inline;}
#subNews ul{width:370px;margin-top:10px;line-height:20px;padding:0 100px 10px;border-bottom:1px dashed #CCC;float:left;display:inline;}
#subNews ul li{width:360px;padding-left:10px;background:url(/images/web/dotGray.gif) no-repeat 0 9px;}
#subNews h3{width:470px;height:20px;margin:10px 50px 0;padding-bottom:4px;font-size:14px;font-weight:bold;text-align:center;float:left;display:inline;}
#subNews p{width:470px;line-height:20px;margin:10px 50px 0;text-indent:2em;}

.gotoPage{width:570px;height:20px;margin:20px 0;text-align:right;float:left;display:inline;}
.gotoPage a,
.gotoPage span{margin-left:15px;display:inline;}
.gotoPage a{text-decoration:underline;}
.gotoPage em{color:#0033FF;font-style:normal;}

#subCatalogue{width:200px;margin-top:10px;float:left;}
#subCatalogue span.top,
#subCatalogue span.btm{width:200px;height:8px;line-height:8px;font-size:0px;float:left;}
#subCatalogue span.top{background:url(/images/web/catalogueTop.gif) no-repeat;}
#subCatalogue span.btm{background:url(/images/web/catalogueBtm.gif) no-repeat;}
#subCatalogue .catalogueBody{width:178px;padding:10px;border-left:1px solid #DDD;border-right:1px solid #DDD;float:left;}
#subCatalogue h2{width:178px;height:20px;background:url(/images/web/productsCatalogue.gif) no-repeat;float:left;}
#subCatalogue h2 span{display:none;}
#subCatalogue ul{width:178px;line-height:24px;margin:10px 0;float:left;}
#subCatalogue ul li{width:165px;padding-left:13px;border-bottom:1px dashed #BBB;font-size:12px;background:url(/images/web/dotGray.gif) no-repeat 3px 10px;float:left;}
#subCatalogue ul li.current a{color:#EB1359;}

#subProductsList{width:600px;min-height:525px;*height:525px;margin-top:10px;padding:15px 14px;border:1px solid #CCC;float:right;}
#subProductsList .eachOne{width:110px;margin:15px 0 0 25px;float:left;display:inline;}
#subProductsList .eachOne a{width:98px;height:98px;padding:6px;border:1px solid #CCC;display:block;}
#subProductsList .eachOne a img{width:98px;height:98px;display:block;}
#subProductsList .eachOne span{width:110px;height:20px;line-height:20px;margin-top:5px;text-align:center;float:left;}
#subProductsList .eachOne span a{width:auto;height:auto;padding:0;border:none;}

#productsDetails{width:600px;min-height:525px;*height:525px;margin-top:10px;padding:15px 14px;border:1px solid #CCC;text-align:center;float:right;}
#productsDetails h3{width:500px;height:26px;margin:10px 50px 0;line-height:26px;font-size:14px;font-weight:bold;text-align:center;background:url(/images/web/productsName.gif) no-repeat;float:left;display:inline;}
#productsDetails img{margin:20px auto 0;}
#productsDetails table{width:538px;margin:20px 30px;border:1px dashed #CCC;}
#productsDetails table tr{line-height:30px;}
#productsDetails table th{width:108px;padding:0 5px;text-align:right;color:#9D080C;border:1px dashed #EEE;}
#productsDetails table td{width:420px;border:1px dashed #EEE;}
#productsDetails h4{width:540px;margin-top:30px;padding:0 30px;line-height:20px;font-size:12px;text-align:left;border-bottom:1px dashed #CCC;float:left;}
#productsDetails ul{width:600px;float:left;}
#productsDetails ul li{width:110px;margin:0 20px;float:left;display:inline;}
#productsDetails ul li img{width:110px;height:100px;display:block;}

#feedBack{width:600px;margin-top:10px;padding:15px 14px;border:1px solid #CCC;text-align:center;float:right;}
#feedBack p{width:580px;margin:15px 10px 0;float:left;display:inline;}
#feedBack h3{line-height:30px;font-size:12px;font-weight:bold;}
#feedBack table{width:580px;margin:15px 10px 0;line-height:25px;float:left;display:inline;}
#feedBack th{width:160px;padding:0 5px;font-size:11px;text-align:right;font-weight:normal;background:#F5F5F5;border:1px solid #FFF;}
#feedBack td{width:400px;padding:0 5px;border:1px solid #FFF;}
#feedBack table em{font-style:normal;font-size:11px;margin-left:10px;color:#FF0000;}
#feedBack table input{width:250px;height:16px;border:1px solid #CCC;float:left;}
#feedBack table select{width:250px;height:16px;font-size:11px;border:1px solid #CCC;}
#feedBack table input.checkbox{width:14px;height:14px;margin:5px 0;border:none;}
#feedBack table span{margin:0 0 0 5px;line-height:24px;float:left;display:inline;}
#feedBack table textarea{width:400px;height:80px;border:1px solid #CCC;}
#feedBack table button{width:50px;height:18px;line-height:14px;border:1px solid #CCC;margin:5px 10px 5px 0;background:#F5F5F5;}

#subContactUs{width:360px;min-height:500px;*height:500px;margin-top:40px;padding:25px 134px 15px;border:1px solid #CCC;float:right;display:inline;}
#subContactUs p{line-height:25px;}
#subContactUs p strong{color:#C7A30C;text-decoration:underline;}
#subContactUs p img{margin-top:30px;}