@charset "gb2312";

/* index */
 
.hd,.area { width:93.75%; margin:0 auto; }
.box .hd { position:relative; border-bottom:#ccc 1px solid;  text-align:center; }
.box .hd h2 { font-size:3.6rem; font-weight:700; line-height:250%; text-align:center; }
.box .hd h2 em { color:#d70a50; }
.box .intro span { width:100%; font-size:4rem; color:#fff; background:#716bbe; line-height:150%; text-align:center; }
.box .pic,.box .zx { text-align:center; }
.box .zx a { padding:0 16px; background:#ff6005; color:#fff; }

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

.box1 .bd p {  color:#fff; text-align:center; background:#2e3642; line-height:200%; }

.box3 .hd { border-bottom:0; }
.box3 .hd h2 { line-height:150%; }
.box3 .bg { background:#e7e5fb; }
.box3 .txt dt span { background:#7872ca; }
.box3 .txt dt em { background:#958ee6; }
.box3 .bd h4 { display:inline-block; padding:0 20px; font-size:2.6rem; color:#fff; line-height:150%; background:#2e3642; }

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

.box5 .txt dt span { background:#e40a56; }
.box5 .txt dt em { background:#fc4a85; }

.box7 { padding-top:0; }
.box7 .hd p { font-size:3.6rem; text-align:right; }

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

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