﻿/* 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 .body{ width:643px; text-align:left; padding-bottom:45px;}
.main .area02 .body .box02a{ width:616px; background:url(../images/box02a-bg.gif) repeat-x bottom bottom; float:left; padding-bottom:8px;margin-left:18px; margin-bottom:18px;}
.main .area02 .body .box02a  h4{ font-size:14px; color: #da0000; margin-bottom:4px; padding-left:11px; }
.main .area02 .body .box02a .part{ width:326px;  margin-left:7px; float:left; display:inline; }

.main .area02 .body .box02a .part01{ width:109px; float:left;}
.main .area02 .body .box02a .part01 a img{ padding:1px; border:1px solid #e4dcb4;}
.main .area02 .body .box02a .part02{ float:left; width:209px; display:inline; margin-left:8px; line-height:18px; }
.main .area02 .body .box02a .part02 .more{ display:block; float:right;}

.main .area02 .body .box02a .rpart{ width:251px; height:94px; display:block; float:left; margin-left:16px; display:inline;  padding-left:13px; border:1px solid #d7e1e2; background:#f0f3e8; padding-top:13px;}
.main .area02 .body .box02a .rpart h5{ font-size:13px; color:#0049b1; margin-bottom:9px;}
.main .area02 .body .box02a .rpart a{ padding-left:24px;}
.main .area02 .body .box02a .rpart span{ padding-right:16px;}
.main .area02 .body .box02a .rpart a.google{ background:url(../images/google.jpg) no-repeat 6px 0px;}
.main .area02 .body .box02a .rpart a.baidu{ background:url(../images/baidu.jpg) no-repeat 6px 0px;}


.main .area02 .box03{ text-align:left; width:643px; background:url(../images/box02a-bg.gif) repeat-x bottom bottom; float:left; margin-bottom:18px;}
.main .area02 .box03 .head{ font-size:13px; color:#fff; font-weight:bold; background:url(../images/box03a-bg01.gif) no-repeat; width:626px; height:28px; line-height:28px; padding-left:17px;}
.main .area02 .box03  .body{width:641px; padding-bottom:15px;}

.main .area02 .box03  .body .part{ width:304px;padding-top:10px;padding-left:6px;  float:left; margin-left:8px; display:inline;background:url(../images/box02a-bg.gif) repeat-x left bottom;padding-bottom:8px; margin-bottom:10px;border:1px solid #ccc;height:145px;overflow:hidden;}
.main .area02 .box03  .body .part  h4{ font-size:12px; color: #da0000;  }

.main .area02 .box03  .body .part .part01{ width:109px; float:left;text-align:center;}
.main .area02 .box03  .body .part .part01 a .pic{ padding:1px; border:1px solid #e4dcb4;width:105px;height:86px;}
.main .area02 .box03  .body .part .part02{ float:left; width:178px; display:inline; margin-left:10px; line-height:18px; }
.main .area02 .box03  .body .part .part02 .more{ display:block; float:right;}
.main .area02 .box03  .body .part .part02 h4{font-size:14px;}
.main .area02 .box03  .body .part .part02 h5{color:#333;font-size:12px;}
.main .area02 .box03  .body .part .part02 p{color:#333;}
.main .area02 .box03  .body .part .part02 a{color:#333;}
.main .area02 .box03  .body .part .part02 a:hover{text-decoration:underline;}






/*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:8px;}
.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;}
.main .area03 .blockbox .body h6{ font-weight:normal; width:264px; margin-left:5px; padding-top:8px;}




.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 5px 6px;height:28px;line-height:28px;}
.main .area03 .box03 ul li a{display:block;width:249px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden;}


.main .area04 img{margin-left:6px;margin-top:8px;}












