@charset "gb2312";

/* index */
.container { font-size:1.2rem; }
 
.area { width:93.75%; margin:0 auto; }
 .box .hd { position:relative; text-align:center; }
.box .hd h2 { font-size:1.9rem; line-height:150%; text-align:center; }
.box .pic,.box .zx { text-align:center; }

.com .bd h6 { font-size:1.9rem; line-height:150%; text-align:center; font-weight:100; }
.com .txt dt { font-size:1.8rem; line-height:150%; color:#fff; }
.com .txt dt span { padding:0 20px; background:#937344; text-align:center; }
.com .txt dt em { padding:0 20px; background:#8783c8; text-align:center; }
.com .intro dt { font-weight:bold; }
.picTxt dt { float:left; }
.picTxt dd { float:right; width:38%; }

.box1 { width:85%; margin:0 auto; }
.box1 .boxShadow,.box1 .boxShadow p { display:block; padding:10px; font-size:1.2rem; }

.box2 .hd { border-bottom:0; }
.box2 .hd h2 { line-height:150%; }
.box2 .bg { background:#eeeeee; }
.box2 .txt dt span { background:#937344; }
.box2 .txt dt em { background:#958ee6; }

.box3 .bg { background:#ffe1e6; }
.box3 .txt dt span { background:#ee6673; }
.box3 .txt dt em { background:#ff808b; }

.box4 .txt dt span{font-size:1.8rem;text-align:left;}

@media (min-width:320px) and  (max-width:639px){
	.com .txt dt span,.com .txt dt em,.box4 .bd h4 { padding:0 10px; }
}

@media (min-width:480px) and  (max-width:639px){
	.com .txt dt span,.com .txt dt em,.box4 .bd h4 { padding:0 15px; }
}