/* CSS Document */
body, div,ul,li,h2,h4,h3,p,span,a,form,input,table,tr,td{ margin:0; padding:0;}
li{ list-style:none;}
img { vertical-align:top; border:0;} 
a{ text-decoration:none; }
a:hover{ text-decoration:underline;}
.clear{ clear:both; width:100%; height:1px; margin:-1px 0 0;}
body{ background:#F96C74 url(bg.gif) no-repeat top; font-family:Verdana, Arial, Helvetica, sans-serif;}

/*header*/
.headBox{ width:1000px; margin:0 auto; height:629px; position:relative;}
.title1{
	width:567px;
	height:246px;
	position:absolute;
	left: 232px;
	top: 56px;
}
.title2{
	width:216px;
	height:177px;
	position:absolute;
	left: 46px;
	top: 206px;
}
.title3{
	width:544px;
	height:286px;
	position:absolute;
	left: 240px;
	top: 304px;
}
.kindBox{ width:100%; padding:10px 0 50px;}
.kindBoxIn{ width:956px; margin:0 auto; padding-left:44px; overflow:hidden;}
.kindBoxIn h2{ width:450px; height:118px;  margin:0 0 30px 220px;}
.kindBoxIn ul{ width:968px;}
.kindBoxIn li{ float:left; width:206px; height:285px; background:#fff; margin:0 12px 20px 0; padding:0 12px; line-height:20px;}
.kindBoxIn li img{ width:205px; height:187px; display:block; margin:15px auto 5px;}
.imgTitle{ font-size:14px; font-weight:bold; text-align:center;display:block}
.imgSub{ font-size:12px; text-align:center; display:block;margin-bottom:5px; font-family: Microsoft Yahei Font;}
.price{ font-size:16px; font-weight:bold; float:left;}
.price b{ font-size:22px;}
.btnImg{ float:right; width:75px; height:24px; line-height:24px; text-align:center; color:#fff; font-size:12px; }


.box1{ background:#FEF2B8 url(bg1.gif) repeat-y top; color:#b89e1f}
.box1 h2{ background:url(title1.gif) no-repeat 0 0;}
.box1 .kindBoxIn{ background: url(arrow1.gif) no-repeat 0px 20px;}
.box1 .imgTitle{color:#b89e1f}
.box1 .btnImg{ background:url(btn1.gif) no-repeat 0 0;}

.box2{ background:#FCCD87 url(bg2.gif) repeat-y top; color:#EA9D2B}
.box2 h2{ background:url(title2.gif) no-repeat 0 0;}
.box2 .kindBoxIn{ background: url(arrow2.gif) no-repeat 0px 20px;}
.box2 .imgTitle{color:#EA9D2B}
.box2 .btnImg{ background:url(btn2.gif) no-repeat 0 0;}

.box3{ background:#F39B5C url(bg3.gif) repeat-y top; color:#DF6C1B}
.box3 h2{ background:url(title3.gif) no-repeat 0 0;}
.box3 .kindBoxIn{ background: url(arrow3.gif) no-repeat 0px 20px;}
.box3 .imgTitle{color:#DF6C1B}
.box3 .btnImg{ background:url(btn3.gif) no-repeat 0 0;}

.box4{ background:#7FC4EB url(bg4.gif) repeat-y top; color:#2692D2}
.box4 h2{ background:url(title4.gif) no-repeat 0 0;}
.box4 .kindBoxIn{ background: url(arrow4.gif) no-repeat 0px 20px;}
.box4 .imgTitle{color:#2692D2}
.box4 .btnImg{ background:url(btn4.gif) no-repeat 0 0;}

.box5{ background:#FFBFB3 url(bg5.gif) repeat-y top; color:#FE947E}
.box5 h2{ background:url(title5.gif) no-repeat 0 0;}
.box5 .kindBoxIn{ background: url(arrow5.gif) no-repeat 0px 20px;}
.box5 .imgTitle{color:#FE947E}
.box5 .btnImg{ background:url(btn5.gif) no-repeat 0 0;}

/*footer*/
.footer{ width:100%; height:97px; background:#fff url(footbg.gif) repeat-x top; padding-top:20px; margin-top:-20px;}
.footIn{ text-align:center; color:#999; margin:30px auto; line-height:22px; font-size:12px;}
.footIn a{ text-decoration:underline; color:#999;}
.footIn a:hover{ text-decoration:none;}