@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, blockquote, fieldset, div, strong, label, em {
  margin: 0;
  padding: 0;
  border: 0; }

.m {
  margin: 0px auto; }
.w1200 {
  width: 1200px; }
.clear {
  clear: both;
  height: 0px;
  border: none;
  padding: 0;
  margin: 0;
  line-height: 0px; }
.img-re-w {
  width: 100%;
  display: block; }

.main1 {
  padding-bottom: 68px; background:#fff}
  .main1 li {
    width: 360px;
    margin: 40px 20px 0px;
    float: left;
    color: #fff; }
    .main1 li a {
      color: #fff; }
    .main1 li:nth-child(3n+4) {
      clear: both; }
    .main1 li.li1 {
      background-color: #1e2e3e; }
    .main1 li.li2 {
      background-color: #9ea9b3; }
    .main1 li.li3 {
      background-color: #693b48; }
    .main1 li.li4 {
      background-color: #353541; }
    .main1 li.li5 {
      background-color: #6176ab; }
    .main1 li.li6 {
      background-color: #0093b5; }
    .main1 li.li7 {
      background-color: #33397b; }
    .main1 li.li8 {
      background-color: #888888; }
    .main1 li.li9 {
      background-color: #0093b5; }	  
    .main1 li:hover .img img {
      transform: scale(1.3); }
    .main1 li .img {
      width: 100%;
      overflow: hidden; }
      .main1 li .img img {
        transform: scale(1);
        transition: 0.5s all; }
    .main1 li .nr1, .main1 li .nr2 {
      padding: 15px 25px; }
    .main1 li .s1 {
      font-size: 20px;
      color: #fff;
      font-weight: bold;
      margin-bottom: 10px;
      line-height: 24px; }
    .main1 li .s2 {
      font-size: 46px;
      color: #fff;
      font-weight: bold;
      margin-bottom: 10px;
      line-height: 46px;
      border-bottom: 1px solid #fff;
      display: inline-block;
      *display: inline;
      *zoom: 1; }
      .main1 li .s2 span {
        font-size: 20px;
        font-weight: normal; }
    .main1 li .nr1 p {
      font-size: 14px;
      line-height: 18px; }
    .main1 li .nr2 p {
      font-size: 14px;
      line-height: 22px; }

.xbanner {
  background-position: center top;
  background-repeat: no-repeat;
  height: 201px;
  overflow: hidden;
  color: #fff; }
  .xbanner .xbanner-body .nr {
    margin-left: 20px;
    margin-top: 40px; }
  .xbanner h3 {
    font-size: 60px;
    line-height: 65px;
    margin-bottom: 20px;
    font-weight: normal;
	color:#FFF; }
  .xbanner p {
    font-size: 20px;
    line-height: 24px; }
  .xbanner .btn1 {
    width: 269px;
    height: 70px;
    background-color: #fff;
    text-align: center;
    line-height: 70px;
    color: #000;
    font-size: 20px;
    margin-right: 20px;
    margin-top: 66px;
    cursor: pointer;
    transition: 0.5s all;
    border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px; }
    .xbanner .btn1:hover {
      background-color: #000;
      color: #fff; }

.main2 {
  padding: 65px 0px; background:#FFF }
  .main2 dt {
    font-size: 40px;
    line-height: 100%;
    color: #1378cc;
    text-align: center;
    margin-bottom: 55px; }
  .main2 dd {
    width: 280px;
    float: left;
    padding: 0px 10px; }
    .main2 dd img, .main2 dd .nr {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      vertical-align: middle; }
    .main2 dd .nr {
      width: 180px;
      margin-left: 20px; }
    .main2 dd h3 {
      font-size: 20px;
      color: #000;
      margin-bottom: 5px; }
    .main2 dd p {
      font-size: 14px;
      line-height: 18px;
      color: #9fa0a0; }
  .main2 .wz {
    font-size: 20px;
    /* color: #9fa0a0;*/
    color: #1378cc;
    line-height: 100%;
    text-align: center;
    margin-top: 75px; }