/*iconfont*/
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1474599930_7178304.eot');
  src: url('//at.alicdn.com/t/font_1474599930_7178304.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_1474599930_7178304.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/font_1474599930_7178304.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_1474599930_7178304.svg#iconfont') format('svg');
  
  /* IE9*/
  /* iOS 4.1- */
}
/*common.css for hunlimao web*/

html,
body {
  height: 100%;
  font-size: 16px;
}
body {
  margin: 0;
  padding: 0;
  position: relative;
  height: auto!important;
}
img {
  border: none;
}
ul,
li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  color: #666666;
  margin: 0;
  padding: 0;
}
.iconfont {
  font-family: "iconfont";
  font-size: 16px;
  font-style: normal;
  color: #999696;
}
/*!
 * Gridpak Beta CSS
 *
 * Generator - http://gridpak.com/
 * Created by @erskinedesign
 */
/* Reusable column setup */
.col {
  border: 0px solid rgba(0, 0, 0, 0);
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}
/* 1. 20 Column Grid 0px - Infinity
-----------------------------------------------------------------------------

Span 1:    5%
Span 2:    10%
Span 3:    15%
Span 4:    20%
Span 5:    25%
Span 6:    30%
Span 7:    35%
Span 8:    40%
Span 9:    45%
Span 10:    50%
Span 11:    55%
Span 12:    60%
Span 13:    65%
Span 14:    70%
Span 15:    75%
Span 16:    80%
Span 17:    85%
Span 18:    90%
Span 19:    95%
Span 20:    100%

----------------------------------------------------------------------------- */
@media screen and (min-width: 0px) {
  .row {
    margin-left: -20px;
  }
  .row:after {
    content: " ";
    display: block;
    clear: both;
  }
  .col {
    margin-left: 20px;
    padding: 0 0px;
  }
  /*
  Add your semantic classnames in alongside their corresponding spans here. e.g.

  .span_3,
  .my_semantic_class_name {
      ...
  }
  */
  .span_1 {
    width: 40px;
  }
  .span_2 {
    width: 100px;
  }
  .span_3 {
    width: 160px;
  }
  .span_4 {
    width: 220px;
  }
  .span_5 {
    width: 280px;
  }
  .span_6 {
    width: 340px;
  }
  .span_6_2 {
    width: 380px;
  }
  .span_7 {
    width: 400px;
  }
  .span_8 {
    width: 460px;
  }
  .span_9 {
    width: 520px;
  }
  .span_10 {
    width: 580px;
  }
  .span_11 {
    width: 640px;
  }
  .span_12 {
    width: 700px;
  }
  .span_13 {
    width: 760px;
  }
  .span_14 {
    width: 820px;
  }
  .span_15 {
    width: 880px;
  }
  .span_16 {
    width: 940px;
  }
  .span_17 {
    width: 1000px;
  }
  .span_18 {
    width: 1060px;
  }
  .span_19 {
    width: 1120px;
  }
  .span_20 {
    width: 1180px;
  }
}
.hoverblur {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hoverblur:hover {
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.1);
}
.nav--title {
  position: relative;
  height: 50px;
  line-height: 50px;
  color: #808080;
  font-size: 14px;
  z-index: 1;
}
.nav--title-center {
  position: relative;
  width: 1180px;
  margin: auto;
  text-align: left;
}
.nav--title a {
  color: #808080;
}
.nav--title a:hover {
  color: #ff7385;
}
.nav--title a:hover h2,
.nav--title a:hover h3,
.nav--title a:hover h4 {
  color: #ff7385;
}
.nav--title h1,
.nav--title h2,
.nav--title h3,
.nav--title h4 {
  color: #808080;
  display: inline;
  font-size: 14px;
}
.nav_title a {
  font-size: 16px;
}
.nav_title h1,
.nav_title h2,
.nav_title h3,
.nav_title h4 {
  color: #808080;
  /*#fff*/
  display: inline;
  font-size: 16px;
}
.nav--title h1 {
  color: #808080;
  /*#b8b8b8*/
}
.block--placehold-img {
  width: 100%;
  height: 100%;
  display: block;
}
.block--placehold-img {
  width: 100%;
  height: 100%;
  background: #f0efef url(http://static.xitaoinfo.com/v4/placehold.png) center no-repeat;
}