@charset "gb2312";

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

.com .bd h6 { font-size:4rem; line-height:150%; text-align:center; font-weight:100; }
.com .txt dt { font-size:3.7rem; line-height:150%; color:#fff; }
.com .txt dt span { padding:0 20px; background:#706bbd; 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:2.4rem; }

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

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

.box5 { padding-top:0; }

@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; }
}