@font-face{
    font-family:"CenturyGothic";
    src:url(/fonts/CENTURYGOTHIC.woff) format('woff'),
        url(/fonts/CENTURYGOTHIC.ttf) format('truetype');
    font-weight:normal;
}

.all {width:1200px; margin:auto; position:relative; padding:0;}
body {font-family:"CenturyGothic", "Microsoft YaHei"; min-width:1200px; text-size-adjust:none; -webkit-text-size-adjust:none;}

/*header*/
.header {width:100%; height:80px; line-height:80px; position:fixed; left:0; top:0; z-index:9999; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s;}
.header .logo {display:block; float:left; height:24px; margin-top:28px;}
.header .logo img {display:block; height:100%;}
.header ul {float:left; margin-left:44px; padding-top:23px;}
.header ul li {float:left; margin-left:28px; height:34px; line-height:34px;}
.header ul li:first-child {margin-left:0;}
.header ul li a {display:block; padding:0 14px; position:relative; font-size:16px; color:#fff; height:100%;}
.header ul li a i {display:block; width:100%; height:0; z-index:-1; background:#6ea442; position:absolute; left:0; bottom:0; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s;}
.header ul li a:hover i, .header ul li.cur a i {height:34px;}
.header .hotline {display:block; float:right; color:#fff; font-size:14px;}
.header .hotline em {font-size:18px;}
.header.cur {background:#6ea442; height:60px; line-height:60px;}
.header.cur .logo {margin-top:18px;}
.header.cur ul {padding-top:13px;}
.header.cur ul li.cur a, .header.cur ul li a:hover {color:#6ea442;}
.header.cur ul li.cur a i, .header.cur ul li a:hover i {background:#fff;}

/*footer*/
.footer {width:100%; height:75px; background:#6ea442;}
.footer .logo {position:absolute; left:0; top:50%; height:28px; margin-top:-14px; color:#fff;}
.footer .logo a {display:block; height:100%; float:left;}
.footer .logo a img {display:block; height:100%;}
.footer .logo a.logo_we img {height:22px; margin-top:3px;}
.footer .logo span {display:block; float:left; margin:0 16px; width:1px; height:14px; background:#ccc; margin-top:7.5px;}
.footer ul {float:right; height:75px;}
.footer ul li {float:left; margin-left:40px; color:#fff; padding-left:45px; margin-top:15.5px;}
.footer ul li:first-child {margin-left:0;}
.footer ul li span {display:block; font-size:14px;}
.footer ul li.hotline span em {font-size:20px;}
.footer ul li.address span em {font-size:16px;}
.footer ul li p {font-size:13px; opacity:.5; line-height:20px; text-align:left;}
.footer ul li.hotline {background:url(/images/meiyuan/icon_tel.png) no-repeat left center;}
.footer ul li.address {background:url(/images/meiyuan/icon_address.png) no-repeat left center;}
.footer ul li.code {width:35px; height:35px; background:url(/images/meiyuan/icon_wechat.png) no-repeat left center; cursor:pointer; position:relative; padding-left:0;}
.footer ul li.code div {background:#fff; width:160px; height:160px; position:absolute; bottom:45px; left:50%; margin-left:-80px; opacity:0; visibility:hidden; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s;}
.footer ul li.code div img {display:block; width:140px; height:140px; margin:10px;}
.footer ul li.code div i {width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:5px solid #fff; position:absolute; left:50%; top:100%; margin-left:-6px;}
.footer ul li.code:hover div {opacity:1; visibility:visible;}

@media screen and (max-width:1200px){
    .footer ul li.code div {display:none;}
}

/*首页*/
.index_cont .first {background:url(/images/meiyuan/banner.jpg) no-repeat center; background-size:cover; display:table; width:100%;}
.index_cont .first div {display:table-cell; vertical-align:middle;}
.index_cont .first img {width:42.5%; display:block; margin:auto; position:relative; margin-top: -8%;}
.index_cont .title {text-align:center; line-height:36px; padding:80px 0 50px;}
.index_cont .title div {display:inline-block;}
.index_cont .title em {display:block; float:left; font-size:36px; color:#333; padding:0 30px;}
.index_cont .title span {display:block; margin-top:18px; float:left; width:64px; height:1px; background:#ccc; position:relative;}
.index_cont .title span i {background:#6ea442; display:block; width:18px; height:3px; position:absolute; left:5px; top:50%; margin-top:-1.5px;}
.index_cont .title span:first-child i {left:auto; right:5px;}
.second .section.table, .second .slide.table, .second .tableCell {display:block;}
.index-overview {background:#f5f2e7 url(/images/meiyuan/city.png) no-repeat center bottom; background-size:100%; padding-bottom:170px;}
.second p {font-size:14px; line-height:25px; text-align:center;}
.second .english p {font-size:15px;}
.second p em {color:#6ea442;}
.second .chinese {margin-bottom:20px;}
.index-overview .index-overview-img {margin-top:40px; width:100%; height:310px; background:url(/images/meiyuan/overview.jpg) no-repeat center; background-size:cover;}
.index-location {background:url(/images/meiyuan/location.jpg) no-repeat center; background-size:cover; height:840px; position:relative;}
.index-location .title em {color:#fff;}
.index-location .title span, .index-location .title span i {background:#fff;}
.second .index-location p {color:#fff;}
.index-location .index-location-button {display:block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; text-align:center; background:#84ab4b; width:160px; height:40px; line-height:40px; color:#fff; font-size:14px; margin:25px auto 0;}
.index-location .index-location-map {width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,.3); display:none;}
.index-location .index-location-map > div {position:absolute; width:1000px; height:764px; background:#fff; left:50%; top:50%; margin-left:-500px; margin-top:-382px;}
.index-location .index-location-map > div .index-close {display:block; position:absolute; right:-36px; top:0; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; cursor:pointer;}
.index-location .index-location-map > div .index-close:hover {transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.index-location .index-location-map > div .index-map {display:block; width:100%; height:663px;}
.index-location .index-location-map > div div {padding:25px 25px 0;}
.index-location .index-location-map > div div span {display:block; line-height:26px; font-size:14px;}
.index-service {background:url(/images/meiyuan/service.jpg) no-repeat center; background-size:cover; position:relative; padding-bottom:70px;}
.index-service .title em {color:#fff;}
.index-service .title span {background:#ccc;}
.index-service .title span i {background:#fff;}
.index-service .wehome {display:block; color:#fff; text-align:center; font-size:18px; line-height:39px; margin-bottom:15px;}
.index-service .wehome span {display:inline-block; padding-left:184px; background:url(/images/meiyuan/wehome.png) no-repeat left center;}
.second .index-service p {color:#fff;}
.index-service ul {margin:34px auto 36px;}
.index-service ul li {float:left; width:399px; height:230px; margin-left:1.5px; position:relative; overflow:hidden; margin-bottom:1.5px;}
.index-service ul li:nth-child(3n+1) {margin-left:0;}
.index-service ul li > img {width:100%; height:100%; display:block; transition:all .6s; -webkit-transition:all .6s; -moz-transition:all .6s;}
.index-service ul li:hover > img, .index-service ul li.cur > img {transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2);}
.index-service ul li .index-service-brief span {display:block; background:#fff; width:124px; text-align:center; height:28px; line-height:28px; color:#84ab4b; font-size:14px; position:absolute; left:50%; top:-38px; margin-left:-62px; z-index:99; transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s;}
.index-service ul li .index-service-brief {position:absolute; left:0; bottom:-86px; width:100%; color:#fff; transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s;}
.index-service ul li .index-service-brief p {line-height:25px; padding:22px 44px 14px; background:rgba(0,0,0,.5); height:50px; overflow:hidden;} 
.index-service ul li:hover .index-service-brief, .index-service ul li.cur .index-service-brief {bottom:0;}
.index-service ul li:hover .index-service-brief span, .index-service ul li.cur .index-service-brief span {top:-14px;}
.index-service .index-service-ending {text-align:center; color:#fff;}
.index-service .index-service-ending p {line-height:22px;}
.index-service .index-service-ending p:nth-child(2) {font-size:15px;}
.index-paraments {padding-bottom:60px; background:#f5f2e7;}
.index-paraments li {float:left; width:190.4px; text-align:center;}
.index-paraments li:last-child {width:248px;}
.index-paraments li img {display:block; margin:auto;}
.index-paraments li em {display:block; font-size:18px; color:#333; padding:12px 0 2px;}
.index-paraments li span {display:block; font-size:14px;}
.index-paraments li span.eng {font-size:13px; padding-top:2px;}
.index-paraments .floor_title {padding:62px 0 25px; text-align:center;}
.index-paraments .floor_title em {display:block; font-size:18px; color:#333; padding-bottom:3px;}
.index-paraments .floor_title span {display:block; font-size:15px;}
.index-paraments .floor_slider {width:100%; height:480px; position:relative;}
.index-paraments .floor_slider .bx-wrapper {margin:auto; width:1060px; float:right;}
.index-paraments .floor_slider .bx-wrapper .bx-viewport {left:0; border:0; box-shadow:none;}
.index-paraments .floor_slider .bx-wrapper li img {display:block; width:100%; height:100%;}
.index-paraments .floor_slider #bx-pager {position:absolute; left:0; width:140px; bottom:0;}
.index-paraments .floor_slider #bx-pager a {display:block; cursor:pointer; width:100%; height:96px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background:#fff; border-top:1px solid #eee; line-height:100px; text-align:center; font-size:14px; position:relative; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s;}
.index-paraments .floor_slider #bx-pager a span {display:inline-block; padding-right:26px; background:url(/images/meiyuan/floor.png) no-repeat right center;}
.index-paraments .floor_slider #bx-pager a.active {background:#6ea442; color:#fff;}
.index-paraments .floor_slider #bx-pager a:first-child {line-height:normal; text-align:center; padding-top:25px;}
.index-paraments .floor_slider #bx-pager a:first-child span {background:none; padding-right:0;}
.index-paraments .floor_slider #bx-pager a:first-child span:nth-child(2) {font-size:15px; padding-top:3px;}
.index-paraments .floor_slider .floor_check {background:#fff; width:140px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; height:80px; display:table; text-align:center; position:absolute; left:0; top:0;}
.index-paraments .floor_slider .floor_check > div {display:table-cell; vertical-align:middle;}
.index-paraments .floor_slider .floor_check > div span {display:block; font-size:14px;}
.index-paraments .floor_slider .floor_check > div span:nth-child(2) {font-size:15px; padding-top:3px;}
.index-design {background:#f5f2e7;}
.index-design .index-design-box {padding-top:20px;}
.index-design .index-design-half {width:50%; float:left; position:relative;}
.index-design .index-design-half .index-design-single {position:relative; width:100%;}
.index-design .index-design-half .index-design-img {width:100%; position:relative; overflow:hidden;}
.index-design .index-design-half .shared .index-design-img {width:600px; float:right;}
.index-design .index-design-half .index-design-img > span {display:block; overflow:hidden; width:100%; height:100%;}
.index-design .index-design-half .index-design-img > span img {display:block; width:100%; height:100%; transition:all .6s; -webkit-transition:all .6s; -moz-transition:all .6s;}
.index-design .index-design-half .index-design-img div {background:rgba(110,164,66,.9); color:#fff; padding:22px 28px 18px; width:584px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:absolute; top:15px; right:15px; opacity:0;}
.index-design .index-design-half:nth-child(2) .index-design-img div {top:auto; bottom:15px; right:auto; left:15px;} 
.index-design .index-design-half .index-design-img div em {display:block; font-size:14px; padding-bottom:5px;}
.index-design .index-design-half .index-design-img div span {display:block; line-height:24px; font-size:15px;}
.index-design .index-design-half .shared .index-design-img div {width:570px;}
.index-design .index-design-half .index-design-word {position:absolute; padding-left:64px; background:url(/images/meiyuan/arrow.png) no-repeat 40px 5px; left:100%; top:40px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:100%; cursor:pointer; z-index:999;}
.index-design .index-design-half .index-design-word:hover span, .index-design .index-design-half .index-design-word:hover em {color:#6ea442;}
.index-design .index-design-half .index-design-word span {display:block; font-size:18px; float:left; padding-top:1px;}
.index-design .index-design-half .index-design-word em {font-size:24px; color:#999; display:block; padding-left:10px; float:left;}
.index-design .index-design-half .garden {margin-top:188px;}
.index-design .index-design-half .garden .index-design-word {background:url(/images/meiyuan/arrow_down.png) no-repeat 40px center; left:0; bottom:100%; top:auto; margin-bottom:55px;}
.index-design .index-design-half .shared .index-design-word {top:248px;}
.index-design .index-design-half .index-design-single:hover .index-design-img div, .index-design .index-design-half .index-design-single.cur .index-design-img div {animation:fadeInUp .4s ease-out .2s forwards; -webkit-animation:fadeInUp .4s ease-out .2s forwards;}



@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@media screen and (max-width:1200px){
  .index_cont .first img {margin-top: 0;}
}