.container, .wrap {

    width: 1200px;

    margin: 0 auto;

}

.title {

  text-align: center;

  color: #fff; }

  .title .inner {

    display: inline-block; }

  .title h2 {

    padding: 0 48px;

    line-height: 1;

    border-left: 3px solid #fff;

    border-right: 3px solid #fff;

    font-weight: normal;

    font-size: 30px; width:220px; display:block; margin:0 auto;}

  .title span {

    display: block;

    margin-top: 5px;

    text-transform: uppercase;

    font-size: 18px; }



.intro {

  min-width: 1200px;

  height: 400px;

  background: #000 }

  .intro .container {

    height: 516px;}

  .intro .title {

    padding-top: 65px; }

  .intro .text {

    margin-top: 29px; }

  .intro p {

    font-size: 16px;

    color: #fff;

    text-align: center;

    line-height: 1.6em; }

  .intro p + p {

    margin-top: 34px; }



.area {

  padding-top: 173px; }

  .area .title h2 {

    border-color: #484848;

    color: #484848; }

  .area .title span {

    font-size: 16px;

    color: #9d9d9d; }

  .area .map {

	  margin:60px 0; position:relative; z-index:9999;}

.intro2 {

  position: relative;

  min-width: 1200px;

  height: 726px;

  background: url("../images/intro2bg.jpg") no-repeat center;

  overflow: hidden; }

  .intro2 .inner {

    position: absolute;

    left: 50%;

    top: 0;

    margin-left: -965px; }

  .intro2 .row {

    width: 1930px; }

    .intro2 .row > div {

      float: left; }

  .intro2 .col1, .intro2 .col3 {

    width: 937px;

    height: 363px; }

  .intro2 .col2, .intro2 .col4 {

    width: 983px;

    height: 363px; }

  .intro2 .col2 .col-text {

    margin-top: 50px;

    margin-left: 66px;

    color: #fff; }

    .intro2 .col2 .col-text h2 {

      font-size: 48px;

      line-height: 1; }

    .intro2 .col2 .col-text h3 {

      margin-top: 5px;

      font-size: 26px; }

  .intro2 .col2 .text {

    width: 530px;

    margin-top: 20px; }

    .intro2 .col2 .text p {

      font-size: 18px;

      line-height: 1.6em; }

  .intro2 .col3 {

    position: relative; }

    .intro2 .col3 .col-text {

      position: absolute;

      right: 28px;

      top: 100px; }

      .intro2 .col3 .col-text p {

        width: 532px;

        color: #fff;

        font-size: 18px;

        line-height: 1.6em; }



.intro3 {

  min-width: 1200px;

  padding-top: 134px;

  height: 470px;

  overflow: hidden;

  background: #e5e5e5; }

  .intro3 .img {

    float: left;

    width: 576px;

    height: 470px;

    background: #ccc; }

  .intro3 .text {

    margin-top: 70px;

    height: 400px;

    margin-left: 560px;

    background: #e53520;

    color: #fff; }

  .intro3 .inner {

    padding: 0 46px;

    padding-top: 56px; }

  .intro3 h2 {

    font-size: 48px;

    line-height: 1; }

  .intro3 h3 {

    margin-top: 10px;

    margin-bottom: 27px;

    font-size: 26px; }

  .intro3 p {

    font-size: 18px;

    line-height: 1.6em; }



.intro4 {

  min-width: 1200px;

  padding-top: 100px;

  background: #e5e5e5;

  overflow: hidden; }

  .intro4 .intro4-title h2 {

    font-size: 48px;

    line-height: 1; }

  .intro4 .intro4-title h3 {

    margin-top: 10px;

    font-size: 26px; }

  .intro4 .intro4-title p {

    margin-top: 18px;

    font-size: 16px;

    line-height: 1.6em; }

  .intro4 .row {

    margin-top: 130px;

    height: 320px;

    background: #141414; }

    .intro4 .row .container {

      position: relative;

      height: 320px;

      background: url("../images/intro4bg.jpg") no-repeat center; }

    .intro4 .row ul {

      position: absolute;

      top: -94px;

      left: 0; }

    .intro4 .row li {

      float: left;

      width: 386px; }

	  .intro4 .row li.ml10{margin-left: 10px;}

    .intro4 .row .img {

      width: 386px;

      height: 216px; }

    .intro4 .row span {

      display: inline-block;

      margin: 18px 0;

      font-size: 30px;

      color: #e63520; }

    .intro4 .row p {

      font-size: 16px;

      line-height: 1.6em;

      color: #fff; }

    .intro4 .row .col3 {

      position: absolute;

      left: 912px;

      top: 212px;

      width: 150px; }

      .intro4 .row .col3 .img {

        position: absolute;

        left: 102px;

        top: -376px;

        width: 360px;

        height: 624px;

        background: #ccc;

        background: url("../images/intro4-wind.png") no-repeat; }



.poup-close.icon{position:absolute; right:50%; top:50%;z-index:99999; width:40px; height:40px; font-size:30px;margin-right:-200px;margin-top:-220px; color:#000; line-height:40px; text-align:center; display:none;}

.poup-close.icon:hover{ transform:scale(1.1,1.1); cursor:pointer; transition:all 0.4s; }

.poup-out{width:360px; font-size:14px; position:absolute; left:50%; top:50%; margin-left:-200px; margin-top:-220px; background:#fff; z-index:99998;padding:20px;display:none;}

.poup-out h3{font-size:21px; display:none;}

.poup-out img{width:360px; padding:10px 0; display:none;}

.poup-out p{line-height:20px; color:#666; display:none;}





.poup-cover{width:100%; height:100%; filter:alpha(opacity=70); position:relative; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.7;  background-color: rgb(0, 0, 0);display:none; z-index:1;}

.area .map .poup-cover{position:absolute; width:100%; height:100%;}