@font-face{font-family:sourcesanspro-regular;
           src:url(/dist/fonts/sourcesanspro/sourcesanspro-regular.eot);
           src:url(/dist/fonts/sourcesanspro/sourcesanspro-regular.eot) format('embedded-opentype'),
               url(/dist/fonts/sourcesanspro/sourcesanspro-regular.woff2) format('woff2'),
               url(/dist/fonts/sourcesanspro/sourcesanspro-regular.woff) format('woff'),
               url(/dist/fonts/sourcesanspro/sourcesanspro-regular.ttf) format('truetype'),
               url(/dist/fonts/sourcesanspro/sourcesanspro-regular.svg) format('svg');font-weight:400;font-style:normal;font-display: swap;}
@font-face{font-family:century-gothic;
           src:url(/dist/fonts/century-gothic/century-gothic.eot);
           src:url(/dist/fonts/century-gothic/century-gothic.eot) format('embedded-opentype'),
               url(/dist/fonts/century-gothic/century-gothic.woff2) format('woff2'),
               url(/dist/fonts/century-gothic/century-gothic.woff) format('woff'),
               url(/dist/fonts/century-gothic/century-gothic.ttf) format('truetype'),
               url(/dist/fonts/century-gothic/century-gothic.svg) format('svg');font-weight:400;font-style:normal;font-display: swap;}
input::-webkit-input-placeholder{color:#c3c3c3}
input::-moz-placeholder{color:#c3c3c3}
input:-ms-input-placeholder{color:#c3c3c3}
.max-width{max-width:1700px}
@media (min-width:1200px){.container{width:1200px}
}
section{position:relative}
.am-videoPlayer{padding-bottom:50%}
.am-videoPlayer:before{content:"";background-color:rgba(0,0,0,.3);position:absolute;top:0;bottom:0;left:0;right:0}
.video-player{z-index:-1;height:auto!important}
.n-banner-content{position:absolute;top:0;left:0;right:0;text-align:center;bottom:0}
.n-logo{position:absolute;top:30%;left:0;width:100%}
.n-banner-text{position:absolute;top:45%;left:0;width:100%}
.n-banner-text span{font-size:60px;color:#fff;text-shadow:2px 2px 4px #000}
.n-banner-text p{font-size:28px;color:#c9c9c9;font-family:century-gothic;line-height:2;text-shadow:2px 2px 4px #000}
.n-main img{max-width:100%}
.frame{float:left;width:100%;padding:45px 0;position:relative}
@media (max-width: 1200px) {
    .frame {
        padding: 20px 0;
    }
}
@media (max-width:993px){.n-banner-text{top:60%}
.n-banner-text span{font-size:40px}
.n-banner-text p{font-size:25px;line-height:1.5}
}

@media (max-width: 767px){
    .n-logo  img{ width:50%;
    }
    .frame {padding:15px 0;
    }
}
#frame1{float:left;width:100%}
.n-project{float:left;width:100%;padding-top:60px}
.n-project-img{float:left;max-width:50%;margin-bottom:15px}
.n-project-img img{max-width:100%}
.n-project-text{width:50%;float:left}
.n-project h3{font-size:50px;text-transform:uppercase;font-weight:700;padding-bottom:60px}
.n-project-text{float:left;padding-left:30px}
.n-project-text span{font-size:27px;color:#fe0002;display:inline-block;margin-bottom:20px}
.n-project-text p{font-size:22px}
.n-project-num{float:left;width:100%;padding-top:40px}
.n-project-num span{font-size:26px;float:left}
.n-project-num img{padding-right:30px;float:left;padding-bottom:10px}
#n-map{text-align:right}
@media (max-width:1700px){.n-project{padding-top:30px}
.n-project h3{padding-bottom:30px}
}
@media (max-width:1450px){.n-project{padding-top:20px}
.n-project h3{font-size:40px;padding-bottom:20px}
}
@media (max-width:1200px){#n-map{text-align:center}
.n-project-text{width:auto}
}
@media (max-width: 767px){.n-project-img{max-width:100%}
.n-project-text{width:100%;padding-left:0}
.n-project h3{font-size:23px}
}
#nframe2{float:left;width:100%;background-image:url(../images/tramppark/nbg.jpg);background-position:center center;background-repeat:no-repeat}
.n-num{display:inline-block;padding:0 100px}
.n-num span{color:#fff;font-size:100px}
.n-num p{color:#fff;font-size:34px}
.n-num i{color:#fff;font-style:normal;font-size:50px}
.n-num i.add{font-size:100px}
@media (max-width:1350px){.n-num{padding:0 50px}
}
@media (max-width:1100px){.n-num{padding:0 30px}.n-num span{font-size:70px}.n-num i.add{font-size:70px}.n-num p{color:#fff;font-size:28px}
.n-num i{color:#fff;font-style:normal;font-size:30px}
}
@media (max-width: 767px){.n-num{padding:0; width:100%;}
}
#nframe3 {}
.n-tit{margin-bottom:30px}
.n-tit h3{font-size:50px;text-transform:uppercase;font-weight:700}
.n-tit h4{font-size:40px;text-transform:uppercase;font-weight:700}
.n-tit p{font-size:26px;font-family:century-gothic;color:#575757}
#swipe-paginationr-1{left:0;right:0;bottom:0}
#swipe-paginationr-1 .swiper-pagination-bullet{margin:0 4px;width:15px;height:15px;background-color:rgba(127,190,37,1);outline:0}
@media (max-width: 1200px) {.n-tit {margin-bottom:15px;}
    #swipe-paginationr-1{bottom:-15px;}
    .n-tit h3{font-size:40px;}
    .n-tit h4{font-size:30px;}
.n-tit p {font-size:20px;}
}
@media (max-width: 767px) {
.n-tit {margin-bottom:15px;}
.n-tit h3{font-size:30px;}
.n-tit h4{font-size:25px;}
.n-tit p {font-size:16px;}
}
#nframe4{float:left;width:100%}
#swiper-2{float:left;width:100%}
#nframe4 .swiper-slide.swiper-slide img{transition:all .5s;transform:scale(.6);opacity:.6}
#nframe4 .swiper-slide.swiper-slide.swiper-slide-prev img{transform:scale(.6);transition:all .5s;opacity:.6}
#nframe4 .swiper-slide.swiper-slide.swiper-slide-next img{transform:scale(.6);transition:all .5s;opacity:.6}
#nframe4 .swiper-slide.swiper-slide-active img{transform:scale(1);opacity:1;transition:all .5s;}
#nframe4 .form-group label{font-family:century-gothic;text-transform:uppercase}
#nframe4 .form-group label i{color:#fe0002}
#nframe4 .form-group{max-width:750px;width:100%;position:relative}
#nframe4 .form-group span{position:absolute;right:10px;bottom:0;font-size:14px;line-height:34px;color:#c3c3c3}
.swiper-button-black {outline:0
}
#nframe5{float:left;width:100%}
.game img{max-width:100%}
.game ul{margin-left:-15px}
.game li{width:12.5%;float:left;margin:20px 0;padding:0 15px;position:relative}
.game-item{position:relative;float:left;width:100%;padding-bottom:15px;overflow:hidden;}
.game-item:before{content:"";width:100%;position:absolute;left:0;bottom:0;top:0;border:solid 2px rgba(200,200,200,.3);z-index:1}
.game-img{position:relative}
.game-img:before{content:"";position:absolute;left:0;width:0;height:0;border-right:solid 300px rgba(255,255,255,1);border-top:solid 80px rgba(255,255,255,0);bottom:0}
.game-text{float:left;width:100%;text-align:center}
.game-text span{float:left;width:100%;font-size:18px;font-family:century-gothic;padding-top:10px;height:64px; position:relative; z-index:3;}
.game-text label{box-shadow:1px 1px 2px rgba(100,100,100,.6) inset;width:60px;height:20px;background-color:#c1d0dc;position:relative;z-index:3; outline:none!important;}
.game-text label i{width:30px;height:18px;display:inline-block;position:absolute;left:0;top:0;border-radius:4px;border:solid 1px #999;box-shadow:1px 2px 2px rgba(255,255,255,.8) inset;transition:all .3s;background-color:#d2d2d2}
.game-text label.active i{left:30px;background-color:#8e51b7}
@media (max-width: 1200px) {.game ul{margin-left:-15px}
.game li{width:25%;padding:0 15px;}
}
@media (max-width: 767px) {.game ul{margin-left:-5px}
.game li{width:50%;padding:0 5px;}
}
#nframe6{float:left;width:100%}
.new-game{margin-left:-15px}
.new-game-item{padding:30px}
.new-game-img{border:solid 2px #ededed}
.new-game-text{text-align:center}
.new-game-text span{font-size:18px;line-height:2;padding:15px;display:block}
.new-game-text label{box-shadow:1px 1px 2px rgba(100,100,100,.6) inset;width:60px;height:20px;background-color:#c1d0dc;position:relative;z-index:3; outline:none!important;}
.new-game-text label i{width:30px;height:18px;display:inline-block;position:absolute;left:0;top:0;border-radius:4px;border:solid 1px #999;box-shadow:1px 2px 2px rgba(255,255,255,.8) inset;transition:all .3s;background-color:#d2d2d2}
.new-game-text label.active i{left:30px;background-color:#8e51b7}
@media (max-width: 1200px) {.new-game{margin-left:0}
.new-game-item{padding:15px}
}
@media (max-width: 767px) {.new-game{margin-left:0}
.new-game-item{padding:15px}
}
#nframe7{background-image:url(../images/tramppark/n-bg.jpg);background-position:center center;background-size:cover;float:left;width:100%}
#nframe7 .frame{padding:160px 0}
.nframe7-text{background-color:rgba(255,255,255,.7)}
.nframe7-text .n-tit h3{font-size:43px;padding:30px 0 0 0}
#nframe7 .form-group{position:relative;float:left;width:100%;margin-bottom:30px}
#nframe7 .form-group span{position:absolute;right:10px;bottom:0;font-size:14px;line-height:34px;color:#c3c3c3}
#nframe7 p{font-size:18px;text-align:center;padding-bottom:60px;padding-top:30px;float:left;width:100%;font-family:century-gothic}
@media (max-width: 1200px) {
    #nframe7 .frame{padding:50px 0}
}
@media (max-width: 767px) {
#nframe7 .frame {padding: 60px 0}
.nframe7-text .n-tit h3{font-size:30px;padding:15px 0 0 0}
#nframe7 .form-group {margin-bottom: 15px}
#nframe7 p {padding-bottom: 30px;}
}
#nframe8{float:left;width:100%;background-color:#4e4e4e}
#nframe8 .n-tit{color:#fff;text-align:center;border-bottom:solid 3px #838383;padding:15px 0}
#nframe8 .n-tit h4{font-weight:100}
.n-contact{float:left;width:100%;padding-top:30px}
.n-contact li{color:#fff;font-family:century-gothic;line-height:2}
#nframe8 .form-group{max-width:600px;width:100%}
.con-submit{text-align:center;background-color:#7d7d7d;float:left;width:100%;padding:30px 0}
.con-submit a{display:inline-block;background-color:#7fbe25;color:#fff;padding:5px 150px;border:solid 1px #fff;text-transform:capitalize;font-size:30px}
.con-submit a:hover { background-color:#fff; color:#7fbe25;
}
@media (max-width: 767px) {
    .con-submit a { padding:0; width:100%;
    }
}