@charset "gb2312";

/* index */
 
.area { width:93.75%; margin:0 auto; }
.box .hd { position:relative; margin-bottom:40px; background:#937344; text-align:center; margin-top: 5%;}
.box p{font-size: 1.2rem;line-height: 180%;}
.box .hd h2 { font-size:2.0rem; font-weight:100; color:#fff; line-height:300%; }
.box .hd:after { position:absolute; left:50%; bottom:-20px; display:block; content:''; width:0; height:0; margin-left:-10px; border-width:10px; border-style:solid; border-color:#937344 #fff #fff; }
.box .intro span { width:100%; font-size:4rem; color:#fff; background:#716bbe; line-height:150%; text-align:center; }
.box .pic,.center { text-align:center; }
.padBor { border-bottom:#ccc 1px solid; }

.box2 h6 { line-height:200%; font-weight:100; border-bottom:#ccc 1px solid; text-align:center; font-size: 1.5rem;}
.box2 p.on { color:#937344; line-height:200%; font-size: 1.5rem;}
.box2 h4 { font-weight:100; font-size:1.5rem; color:#fff; background:#003567; }
.box2 h5 { font-weight:bold; line-height:250%; font-size: 1.5rem;}

.box3 .hd { background:#937344; }
.box3 .hd:after { border-color:#937344 #fff #fff; }

.box4 .hd { background:#937344; }
.box4 .hd:after { border-color:#937344 #fff #fff; }
.box4 .bd { width:80%; margin:0 auto; }

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