﻿/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
input,button{margin:0;font-size:12px;vertical-align:middle;}
body{font-size:12px;font-family:Arial, Helvetica, sans-serif;  text-align:center; margin:0 auto;}
table{border-collapse:collapse;border-spacing:0;}
.clearfloat{height:0;font-size:1px;clear:both;line-height:0;}




/*main*/
a{color:#333;text-decoration:none;}
a:hover{color:#ef9b11;}



/* CSS Document */



/*area01*/
.area01{ background:url(../images/area01bg01.gif) repeat-x; height:91px; width:960px; overflow:hidden;}
.area01 .box01{ float:left; }


.area01 .box02{ float:left; margin-left:26px;padding-top:61px;}
.area01 .box02 .left{background:url(../images/box02-left.gif) no-repeat; width:7px; height:29px; overflow:hidden;float:left;}
.area01 .box02 .middle{background:url(../images/box02-middle.gif) repeat-x; height:29px;float:left;line-height:29px;}
.area01 .box02 .middle ul li{ float:left; line-height:29px;}
.area01 .box02 .middle ul li a{ display:block; padding-left:20px; padding-right:20px; background:url(../images/area01icon01.gif) no-repeat right;line-height:29px;color:#5f4716;}
.area01 .box02 .middle ul li a:hover{color:#f00;}
.area01 .box02 .right{background:url(../images/box02-right.gif) no-repeat; width:8px; height:29px; margin-left:-3px;float:left;}

.main{ width:960px; padding-top:8px;}

/*area02*/
.main .area02{ margin-left:6px; float:left; display:inline; width:642px; }
.main .area02 .head{ width:640px; height:290px; overflow:hidden;}

.main .area02 .head img{ width:640px; height:290px; overflow:hidden;}


.main .area02 .body{ width:640px; text-align:left;}
.main .area02 .body .part{ width:640px; }
.main .area02 .body .part h4{ padding-top:5px; padding-bottom:9px;width:622px; padding-left:18px;}

.main .area02 .body .part .part01{ background:url(../images/sale-bg001.jpg) no-repeat; width:638px; height:61px;padding-top:16px; margin-bottom:13px;}
.main .area02 .body .part .part02{ background:url(../images/sale-bg002.jpg) no-repeat; width:638px; height:52px;padding-top:25px;margin-bottom:13px;}
.main .area02 .body .part .part03{ background:url(../images/sale-bg003.jpg) no-repeat; width:638px; height:52px;padding-top:25px;margin-bottom:13px;}
.main .area02 .body .part .part04{ background:url(../images/sale-bg004.jpg) no-repeat; width:638px; height:52px;padding-top:25px;margin-bottom:13px;}
.main .area02 .body .part .part05{ background:url(../images/sale-bg005.jpg) no-repeat; width:638px; height:52px;padding-top:25px;margin-bottom:13px;}
.main .area02 .body .part .txt{ width:357px; margin-left:216px;  line-height:16px; text-indent:2em; color:#902e08;}
.main .area02 .body .part .txt01{ width:357px; margin-left:216px;  line-height:16px; text-indent:2em; color:#902e08;}


.main .area02 .contact p{line-height:22px;}

.main .area02 .contact { padding-top:7px;width:622px;padding-bottom:10px;}
.main .area02 .contact ul li{ padding-left:30px;margin-right:20px;line-height:24px;background:url(../images/area01icon03.gif) no-repeat 20px 10px;}
.main .area02 .contact ul li span{float:right;}
.main .area02 .contact img{margin-left:25px;}


/*tab*/
.tab{ width:640px; border:1px solid #000;}
.tab td{ border:1px solid #000; padding-top:4px; padding-bottom:3px;line-height:16px;}

.tab .t1{text-align:center;}
.tab .t2{ width:147px;text-align:center;}
.tab .t3{ width:378px;padding-left:5px;}





/*area03*/
.main .area03{ float:left; width:298px; margin-left:8px; text-align:left;}

.main .area03 .box{ width:298px;}
.main .area03 .box ul li{ width:298px; height:76px; overflow:hidden; margin-bottom:8px;}

.main .area03 .blockbox{ margin-bottom:12px;float:left;}
.main .area03 .blockbox .head{ background:url(../images/sale-bg03.jpg) no-repeat; height:28px; width:298px; margin-bottom:2px;}
.main .area03 .blockbox .head h4{ font-size:13px; color:#fff; padding-left:7px; line-height:28px;}

.main .area03 .blockbox .body{ width:296px; border:1px solid #dbdbdb; padding-bottom:21px; background:#fdfceb;float:left;}
.main .area03 .blockbox .body h6{ font-weight:normal; width:264px; margin-left:5px; padding-top:8px;}

.main .area03 .blockbox .body .part{ width:286px;  margin-left:7px; padding-top:21px;float:left;background:url(../images/sale-line01.gif) no-repeat left bottom;padding-bottom:8px;}
.main .area03 .blockbox .body .part01{ width:109px; float:left;}
.main .area03 .blockbox .body .part01 a img{ padding:1px; border:1px solid #e4dcb4; width:105px;}
.main .area03 .blockbox .body .part02{ float:left; width:163px; margin-left:8px; line-height:18px;}
.main .area03 .blockbox .body .part02 h4{ font-size:12px; color: #da0000;}
.main .area03 .blockbox .body .part02 h5{ font-size:12px; color:#000;}
.main .area03 .blockbox .body .part02 .line{float:left;padding-top:5px;}


.main .area03 .box02 .mpart{width:286px; padding-bottom:12px; margin-left:5px; padding-top:21px;}
.main .area03 .box02 .mpart .mpart01{width:47px; float:left; margin-left:8px;}
.main .area03 .box02 .mpart .mpart02{ width:195px; float:left; display:inline; margin-left:16px;}
.main .area03 .box02 .mpart .mpart02 h4{ font-size:14px; font-weight:normal; margin-bottom:5px; }
.main .area03 .box02 .mpart .mpart02 h4 a{color:#da0000;}
.main .area03 .box02 .mpart .mpart02 .mpart02a{ width:195px;}
.main .area03 .box02 .mpart .mpart02 .mpart02a img{width:109px; float:left; display:inline;}
.main .area03 .box02 .mpart .mpart02 .mpart02a ul{ float:left;width:80px; display:inline; margin-left:2px;}


.main .area03 .box03 ul{padding-top:8px;}
.main .area03 .box03 ul li{ padding-left:27px;background:url(../images/sale-icon01.gif) no-repeat 7px 5px;line-height:29px;}
.main .area03 .box03 ul li a{display:block;width:243px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}


.main .area04{text-align:center;}
.main .area04 img{margin-left:6px;margin-top:8px;}












