@charset "gb2312";

/* index */
.container { background:#f1ebeb; }
.area { width:93.75%; margin:0 auto; }
.box1 .hd { position:relative; text-align:center; }
.box1 .hd h2 { font-size:5rem; font-weight:100; line-height:150%; }
.box1 .hd p { font-size:2.8rem; }
.box1 .pic { position:relative; text-align:center; }

.box1 .intro { position:relative; padding:15px; background:#fff; box-shadow:0 0 5px #ccc; }
.box1 .hot { position:absolute; left:0; top:0; width:7.5%; z-index:2; }
.box1 .hot img { vertical-align:top; }
.box1 h4 { padding:15px; font-size:3rem; line-height:200%; color:#000; }
.box1 h4 a { float:right; color:#808080; font-family:'Arial'; font-weight:400; }

@media (min-width:320px) and  (max-width:639px){
	html{font-size:31% !important}
	.box1 .intro,.box1 h4 { padding:7px; }
}

@media (min-width:480px) and  (max-width:639px){
	html{font-size:47% !important}
	.box1 .intro,.box1 h4 { padding:11px; }
}