@charset "gb2312";
body{max-width:640px;margin:0 auto;}
/* index */
.box .hd { position:relative; background:#df3b73; margin-bottom:40px; text-align:center; }
.box .hd:after { position:absolute; left:50%; bottom:-20px; display:block; width:0; height:0; margin-left:-10px; content:''; overflow:hidden; border-width:10px; border-style:solid; border-color:#df3b73 #fff #fff; }
.box .hd h2 { font-size:4.8rem; font-weight:100; line-height:300%; color:#fff; }

.box1 h3,.box1 .bd h4,.box1 .bd h6 { font-size:3.7rem; line-height:150%; color:#df3b73; text-align:center; }
.box1 .bd h4 { font-size:3.3rem; }
.box1 .pic p { font-size:1.8rem; color:#df3b73; }
.box1 .bd h6 { font-size:3rem; color:#2e3642; }

.link a { display:block; width:40%; margin:0 auto; background:#e58d04; color:#000; border-radius:5px; font-size:3rem; line-height:250%; text-align:center; }

.box2 .bd h4 { font-size:4.4rem; line-height:150%; text-align:center; }

.box3 .hd { margin-bottom:25px; background:#308c89; }
.box3 .hd:after { border-color:#308c89 #fff #fff; }
.box3 .hd h2,.box4 .hd h2 { font-size:4.3rem; }

.box4 .hd { background:#e68089; }
.box4 .hd:after { border-color:#e68089 #fff #fff; }

@media (min-width:320px) and  (max-width:639px){
	.box .hd:after { bottom:-10px; margin-left:-5px; border-width:5px; }
	.box3 .hd { margin-bottom:12px; }
}

@media (min-width:480px) and  (max-width:639px){
	.box .hd:after { bottom:-14px; margin-left:-7px; border-width:7px; }
	.box3 .hd { margin-bottom:18px; }
}