@font-face {
  font-family: "southfont"; /* Project id 4601865 */
  src: url('../fonts/south.eot?t=1740389024328'); /* IE9 */
  src: url('../fonts/south.eot?t=1740389024328#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/south.woff2?t=1740389024328') format('woff2'),
  url('../fonts/south.woff?t=1740389024328') format('woff'),
  url('../fonts/south.ttf?t=1740389024328') format('truetype'),
  url('../fonts/south.svg?t=1740389024328#southfont') format('svg');
}

.southfont {
  font-family: "southfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.south-protype21:before {
  content: "\e637";
}

.south-protype6:before {
  content: "\e636";
}

.south-stype16:before {
  content: "\e620";
}

.south-protype5:before {
  content: "\e629";
}

.south-protype4:before {
  content: "\e635";
}

.south-protype3:before {
  content: "\e61e";
}

.south-protype2:before {
  content: "\e634";
}

.south-stype12:before {
  content: "\e623";
}

.south-stype4:before {
  content: "\e624";
}

.south-protype7:before {
  content: "\e625";
}

.south-protype1:before {
  content: "\e626";
}

.south-stype3:before {
  content: "\e627";
}

.south-protype9:before {
  content: "\e628";
}

.south-down1:before {
  content: "\e612";
}

.south-about6:before {
  content: "\e62a";
}

.south-about5:before {
  content: "\e62b";
}

.south-stype7:before {
  content: "\e62c";
}

.south-down4:before {
  content: "\e62d";
}

.south-protype8:before {
  content: "\e62e";
}

.south-down3:before {
  content: "\e62f";
}

.south-about2:before {
  content: "\e630";
}

.south-about1:before {
  content: "\e631";
}

.south-about3:before {
  content: "\e632";
}

.south-about4:before {
  content: "\e633";
}

.south-stype14:before {
  content: "\e615";
}

.south-stype10:before {
  content: "\e616";
}

.south-stype13:before {
  content: "\e617";
}

.south-stype8:before {
  content: "\e618";
}

.south-stype9:before {
  content: "\e619";
}

.south-stype2:before {
  content: "\e61a";
}

.south-stype1:before {
  content: "\e61b";
}

.south-stype5:before {
  content: "\e61c";
}

.south-stype11:before {
  content: "\e61d";
}

.south-stype15:before {
  content: "\e61f";
}

.south-down2:before {
  content: "\e621";
}

.south-stype6:before {
  content: "\e622";
}



/* 宫格 */
.site-doc-icon{margin-bottom: 50px; font-size: 0;}
.site-doc-icon li{display: inline-block; vertical-align: middle; width:124px; height:80px; line-height: 25px; padding: 10px 0; margin-right: -1px; margin-bottom: -1px; border: 1px solid #e2e2e2; font-size: 14px; text-align: center; cursor: pointer;}
.site-doc-anim li{height: auto;}
.site-doc-icon li i{display: inline-block; font-size: 40px; line-height:150%;}
.site-doc-icon li .doc-icon-code{height:40px;line-height:20px;font-size:14px;color:#999;}
.site-doc-icon li:hover{background-color: #f2f2f2; color: #000;}
.site-doc-icon li.on{background-color: #f2f2f2; color: #000;}
.site-doc-icon li a{ display:block;}
.site-doc-icon li a:hover{ color:#000;}