@charset "gb2312";
/* CSS Document */
.cRed,.cRed:visited,.cRed a{color:#ef7b7a;}
.gwkNav { border:solid #b3b3b3; border-width:1px 0 0; overflow:hidden;}
.gwkNav ul { float:left; position:relative; }
.gwkNav ul li { float:left; font-size:.888em;}
.gwkNav ul span { border-radius:.4em; display:inline-block; width:2em; height:2em; text-align:center; }

.gwkNav ul:nth-child(1) { width:35%; text-align:center;}
.gwkNav ul:nth-child(1) li { width:100%; color:#ef7b7a;}
.gwkNav ul:nth-child(1) li span  { background-color:#ef7b7a; width:2.5em; height:2.5em; margin:1.25em 0 .5em } 
.gwkNav ul:nth-child(1) li span .fa { color:#fff; font-size:2em; line-height:1.3em;}
.gwkNav ul:nth-child(1) li p { color:#ef7b7a; line-height:1.25em; margin-top:0}
.gwkNav ul:nth-child(1) em { color:#fff; position:absolute; left:0; top:0; width: 0; height: 0; border-top: 4em solid #ef7b7a; border-right: 4em solid transparent; }
.gwkNav ul:nth-child(1) h2 { color:#fff; position:absolute; left:-.25em; top:0; font-size:1em; line-height:3em;  padding:0; transform:rotate(-45deg); font-weight:normal;}


.gwkNav ul:nth-child(2)  { width:65%;}
.gwkNav ul:nth-child(2) li { width:49%; height:4em; border:solid #ccc; border-width:0 0 0 1px}
.gwkNav ul:nth-child(2) li span {  float:left; background-color:#16a5b9;  margin:1em 5%;}
.gwkNav ul:nth-child(2) li .fa { color:#fff; font-size:1.5em; line-height:1.3em;}
.gwkNav ul:nth-child(2) p { line-height:1.25em; margin-top:1.5em}
.gwkNav ul:nth-child(2) li:nth-child(1) p { margin-top:.75em}
.gwkNav ul:nth-child(2) li:nth-child(1) { border:solid #ccc; border-width:0 0 1px 1px}
.gwkNav ul:nth-child(2) li:nth-child(2) { border:solid #ccc; border-width:0 0 1px 1px}


.picList.gwkFL { background-color:#f2f2f2; border-radius:.5em; border:1px solid #ccc; text-align:center;}
.picList.gwkFL ul { padding:5% 3% 3%; overflow:hidden;}
.picList.gwkFL ul li { margin-right:3%; width:29.3%}
.picList.gwkFL ul li img { width:100%;}
.picList.gwkFL h3 { text-align:center; border-bottom:1px solid #cecece; display:inline-block; margin-top:1em;}


.gwkXS { position:relative; border:1px solid #ccc; padding:1em 0; }
.gwkXS img { width:90%; margin:0 auto; margin-bottom:1em;}
.gwkXS em { color:#fff; position:absolute; right:0; bottom:0; width: 0; height: 0; border-bottom: 4em solid #ef7b7a; border-left: 4em solid transparent; }
.gwkXS h2 { color:#fff; position:absolute; right:.5em; bottom:0; font-size:1em; line-height:2.5em;  padding:0; transform:rotate(-45deg); font-weight:normal;}

.gwkJYFW li { position:relative; margin-bottom:1.75em;}
.gwkJYFW li p { position:absolute; width:65%; right:4%; font-size:.888em;}
.gwkJYFW li:nth-child(1) p { bottom:0}
.gwkJYFW li:nth-child(2) p { bottom:0; left:4%; right:0; }
.gwkJYFW li:nth-child(3) p { bottom:-4em }

.gwkDoc .firstNd:nth-child(1) { width:95%;} 
.gwkDoc .firstNd,.gwkDoc li { border:1px solid #ccc; padding:1em 2.5%; overflow:hidden; width:43%; float:left; clear:none; margin-bottom:1em; text-align:left; }
.gwkDoc .firstNd p,.gwkDoc li p { font-size:.8888em; }
.gwkDoc  img { margin-bottom:.5em;} 
.gwkDoc  p.but { margin-top:.5em;}
.gwkDoc  p.but>em {font-size:.8888em; border-radius:.3em; background-color:#1ab6c6; width:40%; display:inline-block; text-align:center; padding:.2em 0; margin-left:5%;}
.gwkDoc li { text-align:center;}
.gwkDoc li:nth-child(2n+1) { float:right;}

@media only screen and (max-width: 320px) {
.gwkJYFW li:nth-child(1) p { bottom:0}
.gwkJYFW li:nth-child(2) p { bottom:0 left:4%; right:0; }
.gwkJYFW li:nth-child(3) p { bottom:-2em }
}