body, html {
    margin: 0px;
    height: 100%;
    color: #666;
}

.g-warp {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.m-head {
    background: #ea2e7a;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 70;
    width: 100%;
    padding: 0;
    margin: 0;
}

.m-logo {
    float: left;
}

.m-logo a {
    display: block;
    background: url("../images/logo.png") no-repeat scroll center center;
    width: 305px;
    height: 60px;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.m-nav {
    float: right;
    height: 60px;
    width: 850px;
}

.m-nav a {
    float: left;
    margin-left: 50px;
    display: block;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
    opacity: 0.6;
}

.m-nav a:hover,.m-nav .active a {
    opacity: 1;
}

.m-page {
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: top center;

}

.m-banner {
    background-image: url("../images/banner.jpg");
}

.m-about {
    background-image: url("../images/about-bg.jpg");
}
.m-aboutme {
    background: url("../images/minebg.jpg") no-repeat scroll center top;
}

.m-about .about {
    position: absolute;
    top: 50%;
    margin-top: -300px;
    left: 50%;
    margin-left: -520px;
    width: 1040px;
}

.m-about .about-title {
    background: url("../images/about-title.png") no-repeat;
    width: 228px;
    height: 67px;
    margin-left: 85px;
}

.m-about .about-body {
    border: 1px solid #fff;
    padding: 5px;
    margin-top: 70px;
    position: relative;
}

.m-about .about-body .content {
    background: #fff;
    height: 360px;
    padding: 35px;
    padding-bottom: 10px;
}

.m-about .about-body .content ul {
    width: 530px;

}

.m-about .about-body .content ul li {
    width: 50%;
    float: left;
    height: 25px;
    line-height: 25px;
}

.m-about .about-body .content ul li strong {
    font-weight: normal;
}

.m-about .about-body .content p {
    line-height: 30px;
    width: 530px;
    padding-top: 30px;
    text-indent: 2em
}

.m-about .about-body .content .dec {
    font-style: italic;
    color: #999;
    width: 530px;
    margin-top: 30px;
}

.m-about .about-body .image {
    position: absolute;
    right: 40px;
    bottom: 30px;
}

.m-tourism {
    background: #eee5de url("../images/tourism-bg.jpg") no-repeat scroll 0 bottom;
}

.m-tourism .tourism {

    position: absolute;
    top: 50%;
    margin-top: -310px;
    left: 50%;
    margin-left: -520px;
    width: 1040px;
}

.m-tourism .tourism-title {
    background: url("../images/tourism-title.png") no-repeat;
    width: 440px;
    height: 67px;
    text-align: right;
    margin-right: 125px;
    float: right;
    margin-top: 20px;

}

.m-tourism .tourism-info {

}

.m-tourism .tourism-info li {
    float: left;
    width: 50%;
}

.m-tourism .tourism-info p {
    line-height: 25px;
    margin-bottom: 20px;
    color: #666;
    padding-left: 30px;
    padding-right: 30px;
}

.m-tourism .tourism-list {
    margin-top: 20px;

}

.m-tourism .tourism-list li, .m-tourism .tourism-list li a, .m-tourism .tourism-list img {
    width: 340px;
    height: 230px;
}

.m-tourism .tourism-list li {
    float: left;
    margin-left: 1px;
    margin-bottom: 1px;
    background: #fff;

}

.m-tourism .tourism-list li a {
    display: block;
    opacity: 0.8;
}

.m-tourism .tourism-list li a:hover {
    opacity: 1;
}

.m-tourism .tourism-list img {
}

.m-life {
    background: url("../images/life-bg.jpg") repeat-y;
    padding-top: 40px;
}

.m-life .life-title {
    background: url("../images/life-title.png") no-repeat;
    width: 334px;
    height: 71px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

.m-life .life-loop {
    height: 250px;
    margin-top: 80px;
}

.m-life .life-loop .page-prev, .m-life .life-loop .page-next {
    height: 250px;
    width: 40px;
}

.m-life .life-loop .page-prev {
    float: left;
}

.m-life .life-loop .page-next {
    float: right;
}

.m-life .life-loop .page-prev a, .m-life .life-loop .page-next a {
    width: 20px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    margin-top: 75px;
}

.m-life .life-loop .page-prev a {
    background: url("../images/page-prev.png");

}

.m-life .life-loop .page-next a {
    background: url("../images/page-next.png");

}

.m-life .life-loop .list {
    width: 1120px;
    float: left;
    overflow: hidden;
    height: 250px;
}

.m-life .life-loop ul {
}

.m-life .life-loop ul li {
    float: left;
    margin-left: 10px;
}

.m-life .life-loop ul li, .m-life .life-loop ul li a, .m-life .life-loop ul li img {
    width: 350px;
    height: 222px;
}


.m-life .life-text {
    width: 610px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 65px;
}

.m-life .life-text p {
    margin-bottom: 10px;
}

.m-life .life-text p.dec {
    color: #999;
    font-size: 12px;
}

.m-life .life-video {
    background: url("../images/life-video.png");
    height: 475px;
    margin-top: 60px;
    padding-top: 240px;
    padding-left: 240px;
}

.m-life .life-video .video {
    width: 720px;
    height: 475px;
}

.m-life .life-blessing {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 60px;

}

.m-life .life-blessing p {
    margin-bottom: 20px;
}

.m-photo {
    background: url("../images/phpto.jpg") no-repeat;
    height: 800px;
}

.m-friend {
    background: url("../images/friend-bg.jpg");
    padding-top: 40px;
}

.m-friend .friend-body {
    margin-top: 50px;
}

.m-friend .friend-title {
    background: url("../images/friend-title.png") no-repeat;
    width: 241px;
    height: 67px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.m-friend .image {
    position: relative;
    float: left;
    width: 600px;
}

.m-friend .image, .m-friend .image img {
    width: 515px;
    height: 375px;
}

.m-friend .image img {
    position: relative;
    z-index: 60;
}

.m-friend .image .border-a, .m-friend .image .border-b {
    width: 515px;
    height: 375px;
    border: 1px solid #fff;
    opacity: 0.8;
    position: absolute;
    z-index: 0;
}

.m-friend .image .border-a {
    top: -20px;
    left: -20px;
}

.m-friend .image .border-b {
    bottom: -20px;
    right: -20px;
}

.m-friend .info {
    float: right;
    width: 480px;
}

.m-friend .info p {
    padding-top: 60px;
}

.m-friend .box {
    position: relative;
    width: 1120px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    height: 800px;
}

.m-friend .line {
    position: absolute;
    visibility: hidden;
}

.m-friend .line-1 {
    left: 140px;

}

.m-friend .line-2 {
    top: 240px;
    left: 0px;
}

.m-friend .line-3 {
    left: 140px;
    top: 480px;
}

.m-friend .box-body, .box-content, .m-friend .box-image, .overlay {
    width: 270px;
    height: 330px;
    overflow: hidden;
}

.m-friend .box-body, .m-friend .box-content {
    visibility: hidden;
}

.m-friend .box-body {
    transform: rotate(120deg);
    float: left;
    margin-left: 10px;
    -ms-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
}

.m-friend .box-content {
    transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
}

.m-friend .box-image {
    transform: rotate(-60deg);
    background: no-repeat 50% center;

    background-repeat: no-repeat;
    background-size: cover;
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    visibility: visible;
}

.m-friend .overlay {
    transition: all 250ms ease-in-out 0s;
    display: none;
    position: relative;
}

.m-friend .overlay:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.m-friend .box-image:hover .overlay {
    display: block;
}

.m-friend .text {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}

.m-foot {
    border-top: 1px solid #ccc;
    background: #ededed;
    padding: 30px 0;
    height: 205px;
}

.m-foot .contact {
    float: left;
    width: 480px;
    height: 205px;
}

.m-foot .contact div {
    float: left;
    margin-right: 40px;
    width: 48px;
    height: 205px;
}

.m-foot .contact a {
    display: block;
    width: 48px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 80px;
}

.m-foot .contact .contact-1 {
    background: url("../images/contact-1.jpg");
    width: 148px;
    height: 204px
}

.m-foot .contact .contact-2 {
}

.m-foot .contact .contact-2 a {
    background-image: url("../images/contact-2-hover.png");
}

.m-foot .contact .contact-2 a:hover {
    background-image: url("../images/contact-2.png");
}

.m-foot .contact .contact-3 a {
    background-image: url("../images/contact-3-hover.png");
}

.m-foot .contact .contact-3 a:hover {
    background-image: url("../images/contact-3.png");
}

.m-foot .contact .contact-4 a {
    background-image: url("../images/contact-4-hover.png");
}

.m-foot .contact .contact-4 a:hover {
    background-image: url("../images/contact-4.png");
}

.m-foot .photo {
    float: left;
    width: 310px;
    background: url("../images/foot-photo.png") no-repeat center center;
    height: 205px;

}

.m-foot .info {
    float: right;
    width: 300px;
    margin-top: 50px;
    margin-right: 50px;
}

.m-foot .info p {
    padding: 0;
}

.m-content {
    padding: 50px 0;

    margin-top: 50px;
    background: url("../images/content-bg.jpg");

}

.m-content .content-head {
    text-align: center;
    font-size: 40px;
    color: #333;
}

.m-content .content-dec {
    text-align: center;
    width: 500px;
    margin: auto;
    font-size: 14px;
    margin-top: 30px;
}

.m-photo-list {
    border: 1px solid #ddd;
    background: #eee;
    margin-top: 50px;

}

.m-photo-list .grid {
    list-style: none;
    padding: 0;
    padding-bottom: 20px;
}

.m-photo-list .grid li {
    width: 215px;
    /*float: left;*/
    margin-left: 20px;
    margin-top: 20px;
}

.m-photo-list .grid li a {
    display: block;
    padding: 15px;
    background: #fff;
    border: 1px solid #fff;
}

.m-photo-list .grid li a:hover {
    box-shadow: 3px 3px 10px 0px #ccc;
}

.m-photo-list .grid li img {
    width: 185px;
}

.m-photo-list .grid li .title {
    border-bottom: 1px solid #eee;
    font-size: 16px;
    padding-bottom: 5px;
    overflow: hidden;
}

.m-photo-list .grid li p {
    font-size: 14px;
    color: #999;
    padding-top: 10px;
}

.m-photo-page {
    width: 520px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

.m-photo-page a {
    font-size: 26px;
}

.m-photo-page a:hover, .m-photo-page a.active {
    color: #e82876;

}

.m-photo-page .page-prev {
    float: left;
}

.m-photo-page .page-next {
    float: right;
}

.m-content .content-foot {
    font-size: 26px;
    padding-top: 20px;
    text-align: center;
}

/* plugin */

.rebox { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; }
.rebox-contents .rebox-content { cursor: pointer; border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 80%; margin: auto; /*position: absolute;*/ bottom: 0; top: 0; left: 0; right: 0;  }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4;
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 10px; top: 10px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}



html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

@media print {
    html.fp-enabled,
    .fp-enabled body{
        overflow: visible !important;
        height: auto !important;
    }

    html {
        background: #fff;
        width: auto;
        height: auto;
        overflow: visible;
    }
    body {
        background: #fff;
        font-size: 20pt;
        width: auto;
        height: auto;
        border: 0;
        margin: 0 5%;
        padding: 0;
        overflow: visible;
        float: none !important;
    }

    #fp-nav,
    .fp-slidesNav,
    .fp-controlArrow{
        display: none !important;
    }
    /* Need to reduce the size of the fonts for printing */
    h1 { font-size: 28pt !important;  }
    h2 { font-size: 24pt !important; }
    h3 { font-size: 22pt !important; }
    h4 { font-size: 22pt !important; font-variant: small-caps; }
    h5 { font-size: 21pt !important; }
    h6 { font-size: 20pt !important; font-style: italic; }

    .fp-section,
    .fp-tableCell,
    .slimScrollDiv,
    .fp-scrollable{
        width: 100% !important;
        height: auto !important;
        display: block !important;
        position:relative;
        float: none !important;
    }
    .fp-slidesContainer{
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;

        -webkit-transition: none !important;
        -moz-transition: none !important;
        -ms-transition: none !important;
        transition: none !important;
    }

    .fp-slides,
    .fp-slidesContainer{
        height: auto !important;
        width: 100% !important;
        float: none !important;
        overflow: hidden !important;
    }
    .fp-slides{
        height: 800px !important;
        width: 800px !important;
    }
    .fp-slide{
        float: none !important;
        width: 100% !important;
        position: static !important;
    }
    .fullpage-wrapper{
        float: none !important;

        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;

        -webkit-transition: none !important;
        -moz-transition: none !important;
        -ms-transition: none !important;
        transition: none !important;

        position: static !important;
        width: auto !important;
        height: auto !important;

        left: 0 !important;
        top: 0 !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        padding: 0 !important;
        zoom: 1 !important;

        overflow: visible !important;
        display: block !important;

        text-align: left !important;
    }
    .fp-section{
        page-break-after: always !important;
    }
    .fp-slide{
        page-break-after: always !important;
    }

}





.menu-aihao {
    position: absolute;
    font-size: 20px;
    top: 500px;
    left: -60px;
    color: #fff;
    width:157px;
    height: 107px;
    text-align:center;
    line-height: 106px;
    background: url(../images/menu-aihao.png) no-repeat;
    cursor: pointer;
}
.menu-aihao i {
    position: absolute;
    width:2px;
    height:500px;
    background:#fff;
    top:-492px;
    left:75px;
}
.menu-intr {
    position: absolute;
    font-size: 40px;
    top:60px;
    left: 30px;
    color: #fff;
    width:320px;
    height: 219px;
    text-align:center;
    line-height: 218px;
    background: url(../images/menu-inro.png) no-repeat;
    cursor: pointer;
}
.menu-intr i {
    position: absolute;
    width:2px;
    height:200px;
    background:#fff;
    top:-185px;
    left:158px;
}
.menu-home {
    position: absolute;
    font-size: 26px;
    top: 30px;
    left: 430px;
    color: #fff;
    width:157px;
    height: 107px;
    text-align:center;
    line-height: 106px;
    background: url(../images/menu-home.png) no-repeat;
    cursor: pointer;
}
.menu-home i {
    position: absolute;
    width:2px;
    height:200px;
    background:#fff;
    top:-192px;
    left:75px;
}
.menu-golf {
    position: absolute;
    font-size: 20px;
    top: 100px;
    left: 700px;
    color: #fff;
    width:157px;
    height: 107px;
    text-align:center;
    line-height: 106px;
    background: url(../images/menu-golf.png) no-repeat;
    cursor: pointer;
}
.menu-golf i {
    position: absolute;
    width:2px;
    height:200px;
    background:#fff;
    top:-192px;
    left:75px;
}
.menu-grow {
    position: absolute;
    font-size: 16px;
    top: 400px;
    left: 1000px;
    color: #fff;
    width:119px;
    height: 81px;
    text-align:center;
    line-height: 80px;
    background: url(../images/menu-grow.png) no-repeat;
    cursor: pointer;
}
.menu-grow i {
    position: absolute;
    width:2px;
    height:400px;
    background:#fff;
    top:-394px;
    left:57px;
}


.cnt-intr, .cnt-golf, .cnt-aihao {
    position: absolute;
    z-index: 999;
    width:800px;
    top:240px;
    left:160px;
    display: none;
}

.cnt-grow {
    position: absolute;
    z-index: 999;
    width:900px;
    height: 800px;
    top:240px;
    left:100px;
    background:#e6e0dc url(../images/cnt-grow-bg.png) no-repeat;
    display: none;
}
.cnt-grow .left {
    float:left;
    width:160px;
    height: 660px;
    background: url(../images/menu-grow-leftbg.png) no-repeat scroll center 10px;
    margin-top: 70px;
    margin-left: 60px;
}
.cnt-grow .left .r,.cnt-grow .left .r a {
    height:70px;
    font-size: 16px;
    text-align:right;
    display:block;
}
.cnt-grow .left .l, .cnt-grow .left .l a {
    height:70px;
    width:98%;
    font-size: 16px;
    text-align:left;
    display:block;
}
.cnt-grow .right {
    float:right;
    width:600px;
    height: 640px;
    background:url(../images/cnt-grow-rightbg.png) no-repeat scroll center top;
    margin-top: 70px;
    position:relative;
}
.cnt-grow .right img {
    top: 150px;
    /*height: 356px;*/
    width: 600px;
    right:0;
    position:absolute;
    border: 2px solid #fff;
    z-index: 8;
}
.cnt-grow .right .text {
    top: 498px;
    height: 60px;
    width: 600px;
    line-height: 60px;
    font-size: 16px;
    right:0;
    position:absolute;
    background: rgba(0,0,0,0.8);
    color:#fff;
    z-index:99;
    text-indent: 20px;
    font-weight:bold;
}


.cnt-golf .myvideo {
    top:0px;
    left:0px;
    width: 802px;
    height: 452px;
    position:absolute;
    z-index: 88;
    display:none;
}



.zan {
    background:#fff url(../images/zan.png) scroll no-repeat 10px 10px;
    z-index: 9999;
    height: 72px;
    right: 15%;
    position: absolute;
    text-align: center;
    top: 5%;
    width: 48px;
    line-height: 100px;
    font-size: 12px;
}