@charset "gb2312";

/* index */
.area { width:89%; margin:0 auto; }
.box .hd { position:relative; margin-bottom:20px; text-align:center; }
.box .hd h2 { font-size:4rem; font-weight:100; line-height:150%; }
.box .pic { position:relative; text-align:center; }
.box .zx { text-align:center; }
.box .zx a { padding:0 16px; background:#ff6005; color:#fff; }
.box .bd h6 { font-size:3.6rem; line-height:150%; text-align:center; font-weight:100; }
.box .bd h6 span { position:relative; border-bottom:#706bbd 6px solid; }
.box .bd h6 span:after { position:absolute; left:50%; bottom:-20px; width:0; height:0; content:''; margin-left:-7px; border-width:7px; border-style:solid; border-color:#706bbd #efebf4 #efebf4; overflow:hidden; }
.box h4 { font-size:4rem; text-align:center; }

.tit { font-size:3.6rem; line-height:180%; }
.tit span { padding:0 16px; margin-right:5px; font-weight:bold; background:#706bbd; font-size:4rem; color:#fff; }
.tit span:nth-of-type(2) { margin-right:16px; font-weight:normal; background:#8783c8;  }
.com img:nth-of-type(1) { box-shadow:0 0 10px #999; }
.com dl { margin-top:5px; }
.com dt { float:left; width:22%; background:#8783c8; text-align:center; color:#fff; font-weight:bold; }
.com dd { float:right; width:77%; }

.box1 .pic p { color:#6a7380; line-height:200%; }

.box2 { background:#efebf4; }

.box3 .bd h6 span { border-bottom:#579f9e 6px solid; }
.box3 .bd h6 span:after { border-color:#579f9e #efebf4 #efebf4; }
.box3 .tit span { background:#579f9e; }
.box3 .tit span:nth-of-type(2),.box3 dt { background:#79b2b1; }

.box4 { background:#d5e4ea; }
.box4 .bd h6 span { border-bottom:#2e7798 6px solid; }
.box4 .bd h6 span:after { border-color:#2e7798 #efebf4 #efebf4; }
.box4 .tit span { background:#2e7798; }
.box4 .tit span:nth-of-type(2),.box4 dt { background:#4f8da8; }
.box4 .tit p {text-align:right; }

.box5 .bd h6 span { border-bottom:#b19bca 6px solid; }
.box5 .bd h6 span:after { border-color:#b19bca #efebf4 #efebf4; }
.box5 .tit span { background:#b19bca; }
.box5 .tit span:nth-of-type(2),.box5 dt { background:#c1afd5; }
.box5 .tit p {text-align:right; }

.box6 .hd p { font-size:3.6rem; text-align:right; }

@media (min-width:320px) and  (max-width:639px){
	html{font-size:31% !important}
	.box .hd { margin-bottom:10px; }
	.tit span { padding:0 8px; margin-right:3px; }
	.tit span:nth-of-type(2) { margin-right:8px; }
	.box2 img:nth-of-type(1) { box-shadow:0 0 5px #999; }
}

@media (min-width:480px) and  (max-width:639px){
	html{font-size:47% !important}
	.box .hd { margin-bottom:15px; }
	.tit span { padding:0 12px; margin-right:4px; }
	.tit span:nth-of-type(2) { margin-right:12px; }
}