@charset "utf-8";

@font-face {
  font-family: 'Poppins-Regular';
  src:url('../style/Poppins-Regular.ttf');
}
@font-face {
  font-family: 'Poppins-Bold';
  src:url('../style/Poppins-Bold.ttf');
}

@font-face {
  font-family: 'SourceHanSansCN-Regular';
  src:url('../style/SourceHanSansCN-Regular.ttf');
}
body { font-family: 'Poppins-Regular', SourceHanSansCN-Regular, Arial; font-size: 16px; color: #000; line-height: 28px; }

header { position: fixed; top: 0; z-index: 99999; width: 100%; background-color: #fff; }
.navbar-fixed-top{position: relative;}
.top-nav-collapse {position: fixed;}


@media(max-width: 575.98px){
 body{font-size:16px;} 
}
@media (min-width: 1200px){
.container { max-width: 992px; }
}
@media (min-width: 1400px){
.container { max-width: 1280px; }
}

.mx-auto { display: block; }

a{text-decoration: none;color:#ef8918;}
a:hover,a:focus {text-decoration: none !important;}
a,input,button {outline: none!important;}
.editor {overflow: hidden;}
.editor img {display: inline-block;max-width: 100%!important;height: auto!important;}
.editor iframe {max-width: 100%;}
.editor table {max-width: 100%!important;}

/*logo*/
.logo { width: auto; height: 180px; transition:height 0.5s; }
@media(min-width: 768px) {
.logo { height: 250px; }
}
@media(min-width: 992px) {
.logo {  }
}
.top-nav-collapse .logo { height: 80px; transition:height 0.5s; }

.header-right { min-height: 20px; flex-grow: 1; height:35px;display: flex; justify-content: space-between; }
@media(min-width: 1100px) {
.header-right { justify-content: center; height:auto;}
}

.box-logo { width: 100%; }
.header-right { width: 100%; }
/*@media(min-width: 768px) {
.box-logo { width: 40%; }
.header-right { width: 60%; }
}
@media(min-width: 992px) {
.box-logo { width: 20%; }
.header-right { width: 80%; }
}
@media(min-width: 1200px) {
.box-logo { width: 15%; }
.header-right { width: 75%; }
}
@media(min-width: 1400px) {
.box-logo { width: 30%; }
.header-right { width: 70%; }
}*/


.header-top { background: url(../images/logo-bg.jpg) center no-repeat; background-size: cover; }
.header-bottom { background-color: #095632; }


/*lang*/
.lang { background: url(../images/lang-bg.png) bottom left no-repeat; padding: 5px 8px 0 16px; color: #252525; display: flex; justify-content: flex-start; align-items: center; }
@media(min-width: 350px) {
 .lang {  padding: 5px 15px 0 25px;}
}
@media(min-width: 992px) {
.lang { padding: 0 10px 0 25px; }
}
@media(min-width: 1100px) {
.lang { padding: 13px 10px 0 25px }
}
@media(min-width: 1200px) {
.lang { padding: 13px 40px 0 40px; }
}
@media(min-width: 1400px) {
.lang { font-size: 18px; }
}
.lang a { color: #252525; }
.lang a.active, .lang a:hover { color: #095632; }


/*nav*/
.box-menu { float: right; padding-right: 15px; margin-top: -1px; display: none; }
@media(min-width: 1100px) {
.box-menu { display: block; }
}

.box-menu li {position: relative;}
.box-menu > ul > li {  }
.box-menu > ul > li:last-child { padding-right: 0; }
.box-menu > ul > li > a { color: #fff; display: block; font-size: 16px; padding: 8px 22px; }
.box-menu-hk > ul > li > a {padding: 8px 22px;  }
@media(min-width: 992px) {
.box-menu > ul > li > a { padding: 25px 6px 10px; }
.box-menu-hk > ul > li > a {padding: 25px 20px 10px; }
}
@media(min-width: 1200px) {
.box-menu > ul > li > a { padding: 25px 10px 10px; }
.box-menu-hk > ul > li > a {padding: 25px 30px 10px; }
}
@media(min-width: 1400px) {
.box-menu > ul > li > a { font-size: 18px; padding: 25px 15px 10px; }
.box-menu-hk > ul > li > a { font-size: 18px; padding: 25px 30px 10px; }
}
.box-menu > ul > li.dropdown:after {
  /* border: 8px solid transparent;
  border-top: 8px solid #c7c7c7; */
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  content: '';
  left:50%;
  margin-left:-4px;
}
.box-menu > ul > li:last-child > a {  }
.box-menu > ul { margin-bottom: 0; }
.box-menu > ul > li {text-align:center;float:left;position: relative;/* transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s; */}
.box-menu > ul > li.active, .box-menu > ul > li.selected, .box-menu > ul > li:hover {  }
.box-menu > ul > li > a > span { color: #fff; }
@media(min-width: 1200px) {
.box-menu > ul > li > a > span {  }
}
.box-menu > ul > li.active > a, .box-menu > ul > li.selected > a, .box-menu > ul > li:hover > a { background: url(../images/menu-bg.png) center no-repeat; }
.box-menu > ul > li.active > a > span, .box-menu > ul > li.selected > a > span, .box-menu > ul > li:hover > a > span { color: #f7cc46; }
.box-menu > ul > li > ul { position: absolute; top: 90%; padding-top: 20px; left: -5px; z-index: 99999; background-color: #f8f8f8; padding: 0 10px;
     opacity: 0;
     pointer-events: none;
filter: alpha(opacity=0); 
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; 
}
@media(min-width: 1600px) {
.box-menu > ul > li > ul { left: 5px; }
}
.box-menu > ul > li > a > span:hover > ul { opacity: 1; }
.box-menu > ul > li ul li { text-align: center;min-width:120px; padding: 8px 10px; border-bottom: solid 1px #efefef; }
.box-menu > ul > li ul li:last-child { border-bottom: none; }
.box-menu > ul > li ul li a { min-width: 140px; white-space: nowrap; color: #252525; }
.box-menu > ul > li ul li:last-child a { border-bottom: none; }
.box-menu > ul > li ul li a:hover, .box-menu > ul > li ul li a.active{ color: #9cc212; }
.box-menu > ul > li.selected > ul {/* display: block; */
        opacity: 1;
        filter: alpha(opacity=100);
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
}


/* mobile menu */
.st-menu { background-color: #f7cc46; }
.st-menu ul li a { color: #252525; }

/*.mobile-menu-btn { float:right; margin-top: 21px; }fheader-right
@media(min-width: 768px) {
.mobile-menu-btn { margin-top: 21px; }
}*/
.mobile-menu-btn { display: block; }
@media(min-width: 576px) {
.mobile-menu-btn {  }
}
@media(min-width: 1100px) {
.mobile-menu-btn { display: none; }
}

.menu-mobile {  }
.menu-mobile .menu-mobile-title {height: 36px;position: relative;}
.menu-mobile .button-close-menu{position: absolute;right:8px;top:8px;color:#fff;cursor: pointer;}
.menu-mobile .button-close-menu:hover {color:#292929;}
.menu-mobile .button-close-menu i {font-size: 20px;}
.menu-mobile .mobile-more {display: inline-block;width: 18px;height: 18px;position: absolute;top:20px;right:8px;font-size: 18px;color:#fff;cursor: pointer;text-align: center;
  -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out; 
}
.menu-mobile ul li.mobile-sub-open > .mobile-more {transform:rotate(180deg);}
.menu-mobile .mobile-more i{font-size: 18px;}
.menu-mobile .menu-mobile-content > li .dropdown-menu {position: static;}
.menu-mobile .mobile-dropdown-menu {margin-left:0!important;padding:0;display: none;}
.menu-mobile .mobile-sub-open > .mobile-dropdown-menu {display: block;}
.menu-mobile .mobile-dropdown-menu a {padding-left: 30px;text-decoration: none;}
.menu-mobile .mobile-dropdown-menu ul a{padding-left:50px;}
.menu-mobile .mobile-dropdown-menu ul ul a{padding-left:70px;}
.menu-mobile a:link, .menu-mobile a:visited, .menu-mobile a:hover, .menu-mobile a:active {text-decoration: none;}
.menu-mobile ul li li, .menu-mobile .see-all, .menu-mobile ul ul ul ul > li { background: #d57a16; }
.menu-mobile ul li:hover, .menu-mobile ul li.mobile-sub-open {
  background: rgba(0,0,0,0.1);
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
} 
/* .menu-mobile ul li li:hover,.menu-mobile ul li li:visited,.menu-mobile ul li li:active, .menu-mobile .see-all:hover {
  background: #6c9045;
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
}  */
.menu-mobile ul ul ul > li {
  background: #6c9045;
}


.btn-ud {
  color: #fff!important;
  background-color: #f7cc46;
  padding: 9px 10px 8px 10px;
  border-radius: 0;
  font-size: 16px;
}
.btn-ud:focus,
.btn-ud.focus {
  color: #fff;
  background-color: #fdba2d;}
.btn-ud:hover {
  color: #fff;
  background-color: #fdba2d;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  color: #fff;
  background-color: #fdba2d;
}
.btn-ud:active:hover,
.btn-ud.active:hover,
.open > .dropdown-toggle.btn-ud:hover,
.btn-ud:active:focus,
.btn-ud.active:focus,
.open > .dropdown-toggle.btn-ud:focus,
.btn-ud:active.focus,
.btn-ud.active.focus,
.open > .dropdown-toggle.btn-ud.focus {
  color: #fff;
  background-color: #fdba2d;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  background-image: none;
}
.btn-ud.disabled,
.btn-ud[disabled],
fieldset[disabled] .btn-ud,
.btn-ud.disabled:hover,
.btn-ud[disabled]:hover,
fieldset[disabled] .btn-ud:hover,
.btn-ud.disabled:focus,
.btn-ud[disabled]:focus,
fieldset[disabled] .btn-ud:focus,
.btn-ud.disabled.focus,
.btn-ud[disabled].focus,
fieldset[disabled] .btn-ud.focus,
.btn-ud.disabled:active,
.btn-ud[disabled]:active,
fieldset[disabled] .btn-ud:active,
.btn-ud.disabled.active,
.btn-ud[disabled].active,
fieldset[disabled] .btn-ud.active {
  background-color: #d17100;
}


/*main-all*/
.main-all {  }


/*slideshow*/
.swiper-container { max-width: 100%; margin: auto; }
.swiper-pagination-bullet { height: 18px; width: 18px; background-color: #fff; outline: none; opacity: 1; border: 3px solid #bfbfbf; }
.swiper-pagination-bullet-active { border: 3px solid #9cc212; }
.swiper-button-next, .swiper-button-prev { outline: none; color: #fff; top: 55%; display: none; transition: all 0.8s; }
@media(min-width: 768px) {
  .swiper-button-next, .swiper-button-prev { top: 50%; display: block; opacity: 0; }
}
.swiper-button-prev {  }
.swiper-button-next {  }
@media(min-width: 1200px) {
  .swiper-button-prev { left: 30px; }
  .swiper-button-next { right: 30px; }
}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { opacity: 1; transition: all 0.8s; }

/*.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: ' '; }
.swiper-button-prev { background: url(../images/new-left-s.png) center no-repeat; }
.swiper-button-next { background: url(../images/new-right-s.png) center no-repeat; }
@media(min-width: 768px) {
.swiper-button-prev { background: url(../images/new-left.png) center no-repeat; }
.swiper-button-next { background: url(../images/new-right.png) center no-repeat; }
}
.swiper-button-next, .swiper-button-prev { outline: none; color: #fff; top: 53%; transition: all 0.8s; height: 30px; width: 30px; }
@media(min-width: 768px) {
.swiper-button-next, .swiper-button-prev { top: 49%; display: block; opacity: 1; height: 52px; width: 52px; }
}
.swiper-button-prev {  }
.swiper-button-next {  }
@media(min-width: 1200px) {
.swiper-button-prev { left: 70px; }
.swiper-button-next { right: 70px; }
}*/
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { opacity: 1; transition: all 0.8s; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 15px; }
@media(min-width: 768px) {
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 30px; }
}
@media(min-width: 1400px) {
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 55px; }
}
.swiper-slide { position: relative; height: 300px;background-size: cover!important; }
@media(min-width: 768px) {
.swiper-slide { height: 450px; }
}
@media(min-width: 1200px) {
.swiper-slide { height: 550px; }
}
@media(min-width: 1400px) {
.swiper-slide { height: 650px; }
}
@media(min-width: 1600px) {
.swiper-slide { height: 750px; }
}
@media(min-width: 1920px) {
.swiper-slide { height: 750px; }
}

.slideshow-1 { background: url(../images/slideshow1.jpg) center no-repeat; background-size: cover; }
.slideshow-2 { background: url(../images/slideshow2.jpg) center no-repeat; background-size: cover; }
.slideshow-3 { background: url(../images/slideshow3.jpg) center no-repeat; background-size: cover; }
.slideshow-4 { background: url(../images/slideshow4.jpg) center no-repeat; background-size: cover; }
.slideshow-text { font-family: 'Poppins-Bold', SourceHanSansCN-Regular, Arial; color: #fff; padding: 100px 35px 0; text-shadow: 0 0 5px #000; font-size: 18px;font-weight: bold; }
.slideshow-text span { font-size: 24px; line-height: 50px; }
@media(min-width: 768px) {
.slideshow-text { padding: 140px 50px 0; font-size: 28px; }
.slideshow-text span { font-size: 42px; line-height: 80px; }
}
@media(min-width: 1200px) {
.slideshow-text { padding: 170px 110px 0; font-size: 36px; }
.slideshow-text span { font-size: 52px; line-height: 100px; }
}
@media(min-width: 1400px) {
.slideshow-text { padding: 200px 110px 0; font-size: 52px; }
.slideshow-text span { font-size: 70px; line-height: 140px; }
}
@media(min-width: 1600px) {
.slideshow-text { padding: 240px 110px 0; font-size: 72px; }
.slideshow-text span { font-size: 90px; line-height: 170px; }
}
.slideshow-text-line { background-color: #b6e40f; height: 5px; width: 80px; margin-top: 15px; }
@media(min-width: 768px) {
.slideshow-text-line { height: 10px; width: 130px; margin-top: 30px; }
}
@media(min-width: 1200px) {
.slideshow-text-line { height: 15px; width: 130px; margin-top: 50px; }
}
.slideshow-inner { width: 100%; height: 100%; }


/*all-item-padding*/
.all-item-padding { padding: 35px 0 40px; }
@media(min-width: 768px) {
.all-item-padding { padding: 60px 0 66px; }
}
@media(min-width: 1400px) {
.all-item-padding { padding: 90px 0 95px; }
}


/*title*/
.home-title { font-family: 'Poppins-Bold', SourceHanSansCN-Regular, Arial; font-size: 26px; line-height: 30px; color: #252525;font-weight: bold; }
@media(min-width: 768px) {
.home-title { font-size: 30px; line-height: 40px; }
}
@media(min-width: 1200px) {
.home-title { font-size: 36px; line-height: 50px; }
}
@media(min-width: 1600px) {
.home-title { font-size: 42px; line-height: 60px; }
}
.home-title new-span { color: #9cc212; }
.home-title span { background: url(../images/title-bg.png) no-repeat center top; padding: 25px 0; display: inline-block; }
.home-title-2 { color: #fff; }
.home-title-2 span { background: url(../images/title-bg-2.png) no-repeat center top; }

@media(max-width: 767.98px){
.home-title span{background: url(../images/title-bg.png) no-repeat center center;background-size: 30%;}
.home-title-2 span { background: url(../images/title-bg-2.png) no-repeat center center;background-size: 30%; }
}


/*home-more*/
.home-button .btn-01{
  padding: 12px 50px;
  background: #fff;
  border: 1px solid #9cc212;
  display: inline-block;
  color: #252525;
  min-width: 130px;
  text-align: center;
}
a.btn-01 {
  color: #252525;
  cursor: pointer;
  position: relative;
  border: 1px solid #9cc212;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  background: #fff;
  z-index: 2;
}
a.btn-01:hover {
  color: #fff !important;
  background-color: transparent;
  text-shadow: nthree;
}
a.btn-01:hover:before {
  left: 0%;
  right: auto;
  width: 100%;
}
a.btn-01:before {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 0px;
  z-index: -1;
  content: '';
  color: #252525 !important;
  background: #9cc212;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
}


/*home-about*/
.home-about {  }
.home-about-left {  }
@media(min-width: 992px) {
.home-about-left { padding-top: 35px; }
}
@media(min-width: 1400px) {
.home-about-left { padding-top: 80px; }
}
.home-about-right { margin-top: 35px; }
@media(min-width: 768px) {
.home-about-right { margin-top: 0; }
}
.home-about-text { margin: 25px 0 35px; }
@media(min-width: 768px) {
.home-about-text { font-size: 18px; line-height: 36px; text-align: justify; padding-right: 30px; }
}


/*home-banner*/
.home-banner { background: #efefef url(../images/home-banner-bg.jpg) top right no-repeat; }
.home-banner-line { display: flex; flex-wrap: wrap; }
@media(min-width: 768px) {
.home-banner-line { flex-wrap: nowrap; margin-bottom: 60px; }
}
.home-banner-line:last-child { margin-bottom: 0; }
.home-banner-line-box { position: relative; width: 100%; height: 340px; margin-bottom: 30px; }
@media(min-width: 768px) {
.home-banner-line-box { width: 33.33%; height: 380px; margin-bottom: 0; }
}
/*.home-banner-line-box:hover { background-size: 110% 110%; transition: background-size 1s; }*/
.home-banner-line:last-child .home-banner-line-box:last-child { margin-bottom: 0; }
.home-banner-line-box-text-1 { padding: 10px 30px; height: 200px; }
@media(min-width: 768px) {
.home-banner-line-box-text-1 { padding: 35px 30px; }
}
.home-banner-line-box-text-2 { padding: 20px 30px; height: 260px; }
@media(min-width: 768px) {
.home-banner-line-box-text-2 { padding: 35px 30px 0 30px; }
}
@media(min-width: 1400px) {
.home-banner-line-box-text-2 { padding: 35px 50px 0 80px; }
}
@media(min-width: 1920px) {
.home-banner-line-box-text-2 { padding: 35px 50px 0 170px; }
}
.home-banner-line-box-1 { background: url(../images/hb1.jpg) center no-repeat; }
.home-banner-line-box-2 { background: url(../images/hb2.jpg) center no-repeat; }
.home-banner-line-box-3 { background: url(../images/hb3.jpg) center no-repeat; }
.home-banner-line-box-4 { background: url(../images/hb4.jpg) center no-repeat; }
.home-banner-line-box-title { position: absolute; left: 40px; bottom: 40px; font-family: 'Poppins-Bold', SourceHanSansCN-Regular, Arial; font-size: 24px; color: #fff;font-weight: bold; }
@media(min-width: 768px) {
.home-banner-line-box-title { left: 15px; bottom: 15px; font-size: 28px; }
}
@media(min-width: 1200px) {
.home-banner-line-box-title { left: 40px; bottom: 40px; font-size: 32px; }
}
.home-banner-line-box-dark { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); transition: all 0.5s; }
.home-banner-line-box:hover .home-banner-line-box-dark { background-color: rgba(0,0,0,0); transition: all 0.5s; }
.home-banner-line-box .home-button { margin-top: 20px; }


/*home-news*/
.home-news { background: url(../images/home-news-bg.jpg) bottom no-repeat; }
.home-news-photo {  }
.home-news-box { margin-top: 40px; transition: all 0.5s; }
.home-news-box:hover { box-shadow: 0 0 20px #ccc; margin-top: 20px; transition: all 0.5s; }
.home-news-box-photo { position:relative; overflow: hidden; z-index: 0;  }
.home-news-box-photo img { transition: all 0.8s;    max-height: 385px;
    width: auto;
}
/*.home-news-box:hover .home-news-box-photo img { transition: all 0.8s; transform: scale(1.05); }*/
.home-news-box-main { position:relative; background-color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 15px 15px 20px; border-bottom: 5px solid #9cc212; z-index: 1; /*box-shadow: 0 0 20px #ccc; */}
@media(min-width: 768px) {
.home-news-box-main {  }
}
@media(min-width: 1400px) {
.home-news-box-main { padding: 30px 15px 35px; }
}
@media(min-width: 1920px) {
.home-news { background: url(../images/home-news-bg.jpg) bottom no-repeat;background-size: contain!important; }
}

/*.home-news-box:hover .home-news-box-main { border-bottom: 5px solid #9cc212; }*/
.home-news-box-main-title { font-family: 'Poppins-Bold', SourceHanSansCN-Regular, Arial; color: #095632; font-size: 18px; }
Poppins-Regular
@media(min-width: 768px) {
.home-news-box-main-title {height: 84px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  }
}
@media(min-width: 992px) {
.home-news-box-main-title { height: 84px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
}
@media(min-width: 1400px) {
.home-news-box-main-title { height: auto; font-size: 20px;    height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
}
.home-news-box-main-date { margin-top: 10px; color: #9cc212; }
.home-news-box-1 { margin-top: 30px; }
.home-news-box-2 { margin-top: 30px; }
.home-news-box-3 { margin-top: 30px; }
/*@media(min-width: 768px) {
.home-news-box-1 { margin-top: 30px; }
.home-news-box-2 { margin-top: -10px; }
.home-news-box-3 { margin-top: 10px; }
}*/
@media(min-width: 768px) {
.home-news-box-1 { margin-top: 45px; }
.home-news-box-2 { margin-top: 5px; }
.home-news-box-3 { margin-top: 25px; }
}
@media(min-width: 1400px) {
.home-news-box-1 { margin-top: 45px; }
.home-news-box-2 { margin-top: 5px; }
.home-news-box-3 { margin-top: 25px; }
}
.home-news .home-button { margin-top: 35px; }
@media(min-width: 768px) {
.home-news .home-button { margin-top: 50px; }
}
/* Arrows */
.home-news-photo .slick-prev, .home-news-photo .slick-next { position: absolute; display: block; width: 30px; height: 30px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; z-index: 999; }
@media(min-width: 768px) {
.home-news-photo .slick-prev, .home-news-photo .slick-next  { width: 52px; height: 52px; }
}
.home-news-photo .slick-prev:focus, .home-news-photo .slick-next:focus { outline: none; }
.home-news-photo .slick-prev.slick-disabled:before, .home-news-photo .slick-next.slick-disabled:before { opacity: 0.25; }
.home-news-photo .slick-prev:before, .home-news-photo .slick-next:before { font-size: 16px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ''; }
.home-news-photo .slick-prev { left: -0px; background: url(../images/new-left-s.png) no-repeat; top: 47%; }
@media(min-width: 576px) {
.home-news-photo .slick-prev { left: -20px; top: 47%; }
}
@media(min-width: 768px) {
.home-news-photo .slick-prev { left: -5px; background: url(../images/new-left.png) no-repeat; top: 47%; }
}
@media(min-width: 992px) {
.home-news-photo .slick-prev { left: -15px; }
}
.home-news-photo .slick-next { right: -0px; background: url(../images/new-right-s.png) no-repeat; top: 47%; }
@media(min-width: 576px) {
.home-news-photo .slick-next { right: -20px; top: 47%; }
}
@media(min-width: 768px) {
.home-news-photo .slick-next { right: -5px; background: url(../images/new-right.png) no-repeat; top: 47%; }
}
@media(min-width: 992px) {
.home-news-photo .slick-next { right: -15px; }
}
.home-news-photo .slick-slide { outline: none; padding: 0 15px; }
@media(min-width: 992px) {
.home-news-photo .slick-slide {  }
}
.home-news-photo .slick-track { padding: 10px 0; }


/*home-info*/
.home-info { background: #efefef url(../images/home-info-bg.png) right bottom no-repeat; }
.home-info-box { margin-bottom: 30px; }
@media(min-width: 768px) {
.home-info-box { margin-bottom: 0; }
.home-info-box2{ padding-right: 0px; }
}
@media(min-width: 991px) {

}
@media(min-width: 1200px) {

}
@media(min-width: 1400px) {


}
.home-info-box-logo {  }
@media(min-width: 768px) {
.home-info-box-logo { padding-left: 30px;margin-top:-60px; }
}
@media(min-width: 1400px) {
.home-info-box-logo { padding-left: 30px;margin-top:-90px; }
}
.home-info-box-logo img { display: block; margin-left: auto; margin-right: auto; }
@media(min-width: 768px) {
.home-info-box-logo img {  }
}
.home-info-box-logo-title { font-size: 18px; color: #666; margin-top: 15px; font-weight: bold; text-align: center; }
.home-info-box-logo-title span { font-family: 'Poppins-Bold', SourceHanSansCN-Regular, Arial; font-size: 20px; color: #9cc212; font-weight: bold; text-align: center; }
@media(min-width: 768px) {
.home-info-box-logo-title { text-align: left; }
.home-info-box-logo-title span { text-align: left; }
}
@media(min-width: 992px) {
.home-info-box-logo-title { font-size: 20px; }
.home-info-box-logo-title span { font-size: 24px; }
}
.home-info-box-title { font-family: 'Poppins-Bold', SourceHanSansCN-Regular, Arial; font-size: 20px; }
.home-info-box ul { margin-bottom: 0; padding-top: 10px; }
.home-info-box ul li { margin-top: 18px;line-height: 20px; }
.home-info-box ul li a { color: #666; font-weight: bold; }
.home-info-box-social { margin-left: 40px; }
.home-info-box-social a { margin-right: 10px; }
.home-info-box-social a:last-child { margin-right: 0; }
.home-info-box-follow { margin-top: 35px; display: flex; align-items: center; }
.form-enquiry-p{width:100%;margin-left:15px;margin-bottom: 10px;color:#f00;}
.home-about-right:before {
    content: "";
    width: 80%;
    height: 60%;
    background: #9cc212;
    position: absolute;
    top: 18px;
    right: 14px;
    z-index: -1;
}
.home-about-right{margin:15px;margin-top:35px;}
.home-button{margin-bottom: 20px;}
@media(min-width: 768px) {
  .home-about-right img{}
  .home-about-right:before {
    content: "";
    width: 80%;
    height: 60%;
    background: #9cc212;
    position: absolute;
    top:15px;
    right: 12px;
    z-index: -1;
}
}
/*button_su*/
.button_su{
  overflow: hidden;
  position: relative;
  display: inline-block;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
}
.button_su a { color: #fff; }
.su_button_circle{
  background-color: red;
  border-radius: 1000px;
  position: absolute;
  left:0;
  top:0;
  width: 0px;
  height: 0px;
  margin-left: 0px;
  margin-top: 0px;
  pointer-events: none;
  /*animation-timing-function: ease-in-out; */
}
.button_su_inner{
    display: inline-block;
    background: #00864b;
    color: #fff;
    font-weight: normal;
    text-align: center;
    border-radius: 3px;
    transition: 400ms;
    text-decoration: none;
    padding: 15px 50px;
    border-radius: 10px;
    z-index: 100000;
}
.button_text_container{
   position:relative;
   z-index: 10000;
}
.explode-circle {
   animation: explode 0.5s forwards;
}
.desplode-circle{
   animation: desplode 0.5s forwards;
}
@keyframes explode {
  0% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(0, 134, 45,1);
  }
  100% {
    width: 400px;
    height: 400px;
    margin-left: -200px;
    margin-top: -200px;
    background-color: rgba(20, 180, 87,1);
  }
}
@keyframes desplode {
  0% {
    width: 400px;
    height: 400px;
    margin-left: -200px;
    margin-top: -200px;
    background-color: rgba(20, 180, 87,1);
  }
  100% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(0, 134, 45,1);
  }
}
.button_su-2 {
  overflow: hidden;
  position: relative;
  display: inline-block;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
}
.button_su-2 a { color: #00864b; }
.button_su-2:hover a { color: #fff; }
.su_button_circle-2 {
  background-color: red;
  border-radius: 1000px;
  position: absolute;
  left:0;
  top:0;
  width: 0px;
  height: 0px;
  margin-left: 0px;
  margin-top: 0px;
  pointer-events: none;
  /*animation-timing-function: ease-in-out; */
}
.button_su_inner-2 {
    display: inline-block;
    background: #fff;
    color: #00864b;
    font-weight: normal;
    text-align: center;
    border-radius: 3px;
    transition: 400ms;
    text-decoration: none;
    padding: 15px 50px;
    border-radius: 10px;
    z-index: 100000;
}
.button_text_container-2 {
   position:relative;
   z-index: 10000;
}
.explode-circle-2 {
   animation: explodes 0.5s forwards;
}
.desplode-circle-2 {
   animation: desplodes 0.5s forwards;
}
@keyframes explodes {
  0% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(0, 134, 45,1);
  }
  100% {
    width: 400px;
    height: 400px;
    margin-left: -200px;
    margin-top: -200px;
    background-color: rgba(20, 180, 87,1);
  }
}
@keyframes desplodes {
  0% {
    width: 400px;
    height: 400px;
    margin-left: -200px;
    margin-top: -200px;
    background-color: rgba(20, 180, 87,1);
  }
  100% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(0, 134, 45,1);
  }
}


/*back-to-top*/
#back-to-top { position: fixed; right: 3%; bottom: 15%; z-index: 999; }
@media(min-width: 768px) {
#back-to-top { right: 3%; bottom: 6%; }
}
#back-to-top a { color: #fff; }


/*footer*/
footer { position: relative; background-color: #095632; color: #fff; padding: 20px 0; }
@media(min-width: 768px){
footer { padding: 25px 0; font-size: 18px; }
}
footer .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
@media(min-width: 992px){
footer .container { flex-wrap: nowrap; }
}
.footer-text { width: 100%; margin-top: 0px; }
  .agree{margin-top: 10px;}
@media(min-width: 992px){
  .agree{margin-top: 0px;}
.footer-text { width: auto; margin-top: 0; }
}
footer a { color: #fff; }



/*innerpage - style*/
.mt-50{margin-top: 50px;}
@media(max-width: 1399.98px){
  .mt-50{margin-top: 30px;}
}

.inner { background: url(../images/inner-bg-2.png) bottom no-repeat; }

.inner-bg{background: url(../images/inner-bg.png) bottom no-repeat; }

.inner-banner{
  width: 100%;
  height: 140px;
  text-align: center;
  padding-top:60px;
}
.inner-banner-tit{
  color:#fff;
  text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
  font-weight: bold;
  font-size: 24px;
  font-family: 'Poppins-Bold', SourceHanSansCN-Regular, Arial;
  font-weight: bold;
}
.inner-banner-tit span{color: #c1f503;}
.inner-banner-position{color: #fff;display: none;}
.inner-banner-position a{color:#fff;}
.innerbanner01{background: url(../images/banner1.jpg) center no-repeat; background-size: cover;}
.innerbanner02{background: url(../images/banner2.jpg) center no-repeat; background-size: cover;}
.innerbanner03{background: url(../images/banner3.jpg) center no-repeat; background-size: cover;}
.innerbanner04{background: url(../images/banner4.jpg) center no-repeat; background-size: cover;}
.innerbanner05{background: url(../images/banner5.jpg) center no-repeat; background-size: cover;}
.innerbanner06{background: url(../images/banner6.jpg) center no-repeat; background-size: cover;}

.inner-tit{
  font-size: 20px;
  font-weight: bold;
  border-left:5px solid #004499;
  padding-left:10px; 
  color:#004499;
  margin-bottom: 20px;
}

.inner-tab{text-align: center;margin-bottom:10px;}
.inner-tab a{
  color: #9cc212;
  padding: 10px 20px;
  display: inline-block;
  border:1px solid #9cc212;
  margin-right:15px;
  border-bottom: 5px solid #7c9913;
  min-width: 150px;
  margin-bottom:15px;
}
.inner-tab a:hover{color: #fff;background: #9cc212;}
.inner-tab .active{color: #fff;background: #9cc212;}
.inner-tab a:last-child{margin-right:0;}

@media(max-width: 575.98px){
  .inner-banner-position{color: #fff;line-height:23px;display: none;}
  .inner-tab a{display: block;margin:0;margin-bottom:15px;}
}
@media(min-width: 992px){
.inner-banner{
  width: 100%;
  height: 180px;
}
.inner-banner-tit{
  font-size: 28px;
}
.inner-banner-position{margin-top: 20px;display: none;}

.inner-tab{margin-bottom:30px;}
.inner-tab a{font-size: 20px;padding: 15px 30px;}
}

@media(min-width: 1024px){
.inner-banner{
  width: 100%;
  height: 220px;
  padding-top:95px;
}
.inner-banner-tit{
  font-size: 32px;
}
.inner-about-right{padding:80px 20px;}
}

@media(min-width: 1200px){
.inner-banner{
  width: 100%;
  height: 260px;
  padding-top:116px;
}
.inner-banner-tit{
  font-size: 40px;
}
.inner-tit{font-size: 24px;}

.inner-tab a{padding: 15px 40px;}
}

@media(min-width: 1400px){
.inner-banner{
  width: 100%;
  height: 280px;
  padding-top:120px;
}
.inner-banner-tit{
  font-size: 48px;
}
}


/*inner-what's new*/
.news-list .list-li{
  width: 100%;
  float: left;
}
 .inner-sport .inner-page{display: flex;justify-content: center;margin-top:0px;margin-bottom: 30px;}
.inner-page{display: flex;justify-content: center;margin-top:38px;}
@media(min-width: 768px){
  .inner-sport .inner-page{display: flex;justify-content: center;margin-top:50px;}
.inner-page{display: flex;justify-content: center;margin-top:50px;}
}
.inner-page a{
  border:1px solid #9cc212;
  color: #9cc212;
  min-width: 40px;
  height:40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  margin-right:15px;
}
.inner-page .active{background: #9cc212;color: #fff;}
.inner-news-box{text-align: center;}
.inner-news-box .editor{margin-top:30px;}
.inner-news-box-main-title{font-size:18px;font-family: 'Poppins-Bold', SourceHanSansCN-Regular, Arial;font-weight: bold;color: #095632;margin-bottom:10px;}
.inner-news-box-main-date{color: #9cc212;}
.inner-news-box-main-img{width: 80%;margin: 30px auto;}
 .inner-news-box-main-img img{max-width: 100%;height: auto;}
@media(max-width: 575.98px){
  .news-button .btn-01{padding:10px 25px;min-width: auto;}
}
@media(min-width: 768px){
  .inner-news-box-main-img img{max-height: 650px;}
}
@media(min-width: 992px){
  .inner-news-box-main-img{width: 65%;margin: 30px auto;}
  .inner-news-box-main-title{font-size: 24px;}
}
@media(min-width: 1024px){
  .inner-news-box-main-title{font-size: 28px;}
  .inner-news-box-main-img img{}
}
@media(min-width: 1200px){
  .inner-news-box-main-title{font-size: 36px;line-height: 36px;}
  .inner-news-box-main-img img{}
}

/*inner-about us*/
.inner-about-con-text{margin:30px 10px;}
.inner-about-con-left{margin: 30px;position: relative;background: #fff;}
.inner-about-con-left .img-01{padding-bottom:15px;background: #fff;}
.inner-about-con-left .img-01:last-child{padding-bottom: 0;}
.inner-about-con-left:before{
  content:"";
  width: 80%;
  height: 60%;
  background: #9cc212;
  position: absolute;
  bottom: -15px;
  left: -15px;
  z-index: -1;
}
.inner-about-con-right{margin: 30px;position: relative;}
.inner-about-con-right:before{
  content:"";
  width: 80%;
  height: 60%;
  background: #9cc212;
  position: absolute;
  top: -15px;
  right: -15px;
  z-index: -1;
}
.inner-about-con-left img,.inner-about-con-right img{width: 100%;}
.inner-about-con-left p,.inner-about-con-right p{margin:20px;}

.inner-about-con-map .map-box{padding: 30px;background: #efefef url(../images/about-bg.png) no-repeat;margin-top:30px;}
.map-box-table-tit{font-size:18px;font-weight:bold;text-align: center;margin-bottom:20px;}
.inner-about-con-map .map-box .list-li{display: flex;padding:20px 30px;background: #fff;margin-bottom:1px;}
.inner-about-con-map .map-box .list-li .list-li-l{width: 40%;}
.inner-about-con-map .map-box .list-li .list-li-r{width: 60%;}
.inner-about-con-map .map-box .list-li .list-li-r i{margin:0 10px;}
.inner-about-con-map .map-box-position-img{border-radius: 20px;overflow: hidden;border:1px solid #787a7d;margin-top:30px;}
.H-map-02{height:250px;background: url(../images/about-05.jpg) center no-repeat;background-size: cover;}
.H-map-02 iframe{height: 250px;}
@media(max-width: 575.98px){
  .map-box{padding: 15px;}
.inner-about-con-map .map-box .list-li .list-li-l{width: 100%;}
.inner-about-con-map .map-box .list-li .list-li-r{width: 100%;}
.H-map-02{height:170px;background: url(../images/about-05.jpg) center no-repeat;background-size: cover;}
.H-map-02 iframe{height: 170px;}
}
@media(min-width:992px ){
.inner-about-con-map .map-box{padding: 50px;}
.inner-about-con-map .map-box-table ,.inner-about-con-map .map-box-position{width: 80%;margin:0 auto;}
.inner-about-con-map .map-box-position-img img{width: 100%;}
.H-map-02 iframe{height: 300px;}
.H-map-02{height:300px;background: url(../images/about-05.jpg) center no-repeat;background-size: cover;}
}

/*inner-Food & Beverage, Conference & Wedding */
/*Facilities*/
.inner-facilities{margin-top:30px;margin-bottom: -30px;}
.inner-facilities-list{border:5px solid #fff;margin-bottom:30px;position:relative;}
.inner-facilities-list:before{
  content: "";
  width: 100%;
  height: 100%;
  border:1px solid #9cc212;
  left:0px;
  position:absolute;
  z-index: 2;
}
.inner-facilities-list:hover{border:5px solid #9cc212;box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.38);transition: 0.2s;}
.inner-facilities-list:hover.inner-facilities .col-md-4{border:0;}

.inner-facilities-list-center{padding: 30px 20px;background: #fff;}
.inner-sport .inner-facilities-list-center  .time-tit{line-height: 18px;margin-top:6px;}
.inner-facilities-list-tit{font-size:18px;font-family: 'Poppins-Bold', SourceHanSansCN-Regular, Arial;color:#9cc212;margin-bottom:15px;}
.inner-facilities-list-time{
  display: flex;
  color: #666;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #9cc212;
  min-height: 70px;
    position: relative;
    z-index: 3;
}
.inner-facilities-list-time i{width: 20px;margin-right: 5px;margin-top:3px;}
.inner-facilities-list-time .time-tit-flex{display: flex;}
.inner-facilities-list-time .time-sec{font-size:16px;}
.inner-facilities-list-time .time-sec p{margin-bottom: 0px;}
.inner-facilities-list-bottom{color: #666;}
.inner-facilities-list-bottom .li-01 span{color: #9cc212;font-weight:bold;}
@media(min-width: 992px){
.inner-facilities-list-tit{font-size:20px;}
}
@media(min-width: 1200px){
.inner-facilities-list-tit{font-size:24px;}
}

/*Conference*/
.inner-food-conference{box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.14);margin-top:30px;}
.inner-food-conference-text{padding: 20px 15px;}

/*wedding*/
.inner-food-wedding{margin-top:30px;}
.inner-food-wedding-list .list-li{
  background: #f8f8f8;
  padding: 20px;
  background: #f8f8f8 url(../images/wedding-list-bg.png) bottom right no-repeat;
  margin-bottom: 10px;
}
.inner-food-wedding-list .list-li:hover{
  background: #fff url(../images/wedding-list-bg.png) bottom right no-repeat; 
  box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.14);
}
.inner-food-wedding-list .list-li:last-child{margin-bottom:0;}
.inner-food-wedding-list .list-li-tit{background: #9cc212;color: #fff;padding: 10px;min-width: 180px;display: inline-block;text-align: center;font-weight:bold;}
.inner-food-wedding-list .list-li-text{margin-left:20px;font-weight:bold;}
.inner-food-wedding-list .w-btn{float: right;padding: 10px;color: #252525;}
.inner-food-wedding-list .w-btn:hover{color: #9cc212;}

.inner-food-wedding .slick-slide{outline: none;}
.inner-food-wedding .slick-prev, .inner-food-wedding .slick-next { position: absolute; display: block; width: 30px; height: 30px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; z-index: 999; }

@media(max-width: 767.98px){
  .inner-food-wedding-list .list-li-text{display: block;margin-left: 0;margin-top:15px;margin-bottom: 40px;}
  .inner-food-wedding-list .w-btn{margin-top:-40px;}
}
@media(min-width: 768px) {
.inner-food-wedding .slick-prev, .inner-food-wedding .slick-next  { width: 52px; height: 52px; }
}
.inner-food-wedding .slick-prev:focus, .inner-food-wedding .slick-next:focus { outline: none; }
.inner-food-wedding .slick-prev.slick-disabled:before, .inner-food-wedding .slick-next.slick-disabled:before { opacity: 0.25; }
.inner-food-wedding .slick-prev:before, .inner-food-wedding .slick-next:before { font-size: 16px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ''; }
.inner-food-wedding .slick-prev { left: -0px; background: url(../images/new-left-s.png) no-repeat; top: 40%; }
.inner-food-wedding .slick-next { right: -0px; background: url(../images/new-right-s.png) no-repeat; top: 40%; }
@media(min-width: 576px) {
.inner-food-wedding .slick-prev { left: -20px; top: 40%; }
.inner-food-wedding .slick-next { right: -20px; top: 40%; }
}
@media(min-width: 768px) {
.inner-food-wedding .slick-prev { left: -5px; background: url(../images/new-left.png) no-repeat;background-size: 90%; top: 40%; }
.inner-food-wedding .slick-next { right: -5px; background: url(../images/new-right.png) no-repeat;background-size: 90%;top: 40%; }
}
@media(min-width: 992px){
  .inner-food-conference-text{padding: 30px 20px;font-size: 18px;}
}

/*inner-Sports & Recreation*/



/*inner-menbership*/
.inner-membership-con li{
  border-top:3px solid #7c9913;
  border-bottom:5px solid #9cc212;
  padding-bottom: 30px;
  background:#f8f8f8 url(../images/membership-bg.png) bottom right no-repeat;
  margin-bottom:30px;
}
.inner-membership-con li:last-child{margin-bottom:0;}
.inner-membership-con li:hover{
  background: #fff url(../images/membership-bg.png) bottom right no-repeat;
  box-shadow: 0px 2px 29px 0px rgba(0, 0, 0, 0.26);
}
.inner-membership-top span{
  padding: 10px 30px;
  background: url(../images/membership-t-bg.png) right no-repeat;
  background-size: cover;
  text-align: center;
  font-family: 'Poppins-Bold', SourceHanSansCN-Regular, Arial;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  margin-top:-8px;
}
.inner-membership-tit{font-family: 'Poppins-Bold',SourceHanSansCN-Regular, Arial;font-weight: bold;color:#095632;margin:30px auto 20px;font-size: 18px;}
.inner-membership-tit span{color: #666;}
.inner-membership-center{margin:0 30px;}
.inner-membership-text span{font-weight:bold;}

@media(min-width: 992px){
  .inner-membership-top span{font-size: 20px;}
  .inner-membership-tit{font-size: 20px}
  .inner-membership-top span{padding: 10px 30px;}
}

@media(min-width: 1200px){
  .inner-membership-tit{font-size: 24px}
}
/*inner-pdf*/
.inner-pdf{margin-top:30px}
.inner-pdf-list{
  padding: 20px 15px;
  border-bottom: 5px solid #93b711;
  box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.14);
  margin-bottom:30px;
}
.sport-pdf .inner-pdf-list{margin-bottom:0;}

.inner-pdf-tit{
  position: relative;
  font-size: 20px;
  font-family: 'Poppins-Bold', SourceHanSansCN-Regular, Arial;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom:20px;
  color: #9cc212;
}
.inner-pdf-tit:before{
  content:"";
  width: 40px;
  height: 5px;
  background: #9cc212;
  position: absolute;
  display: inline-block;
  left:0;
  bottom: 0;
}
.inner-pdf-list p span{color: #ff0000;}
.inner-pdf-list:last-child{margin-bottom:0;}
.inner-pdf-list-btn{text-align: right;}
.inner-pdf-list-btn a{
  padding: 10px 20px;
  background: #f7cc46;
  border-bottom: 5px solid #d89804;
  color:#252525;
  text-align: left;
  display: inline-flex;
}
.inner-pdf-list-btn a i{margin-right:10px;width: 22px;}
.inner-pdf .gray-color-bg{background: #f8f8f8;}

@media(min-width: 992px){
  .inner-pdf{margin-top:50px;}
  .inner-pdf-tit{font-size: 24px;}
  .inner-pdf-list{padding: 30px;}
}

/*inner-contact*/
.inner-contact { /*background: url(../images/home-contact-bg.jpg) no-repeat; background-position: 100% 225px; */}
.home-contact-mian { position: relative; }
.home-contact-info { background: #095632 url(../images/home-contact-bg-2.png) left bottom no-repeat;  padding: 25px 15px; margin-top: 15px; color: #fff; }
@media(min-width: 768px) {
.home-contact-info { padding: 45px 30px; }
}
@media(min-width: 992px) {
.home-contact-info { width: 500px; padding: 60px 80px 160px 35px; margin-left: -30px; }
}
@media(min-width: 1400px) {
.home-contact-info { width: 550px; padding: 85px 75px 160px; }
}
.home-contact-info-title-1 { font-family: 'Poppins-Bold',SourceHanSansCN-Regular, Arial;font-weight: bold; font-size: 20px; }
@media(min-width: 768px) {
.home-contact-info-title-1 { font-size: 26px; }
}
@media(min-width: 1200px) {
.home-contact-info-title-1 { font-size: 32px; }
}
.home-contact-info-title-line { margin-top: 15px; }
.home-contact-info-main { display: flex; flex-wrap: wrap; margin-top: 5px; }
.home-contact-info-main-left { width: 10%; padding-top: 3px; margin-top: 15px; }
.home-contact-bottom-main .form-check-label{color: #666;}
@media(min-width: 576px) {
.home-contact-info-main-left { width: 5%; }
}
.home-contact-info-main-right { width: 90%; padding-left: 0px; margin-top: 15px; color: #666;font-weight: bold;}
.inner-contact .home-contact-info-main-right{color: #fff}
.inner-contact .home-contact-info-main-right a{color: #fff}
@media(min-width: 576px) {
.home-contact-info-main-right { width: 95%;  padding-left: 10px; }
}
.home-contact-info-main-right span { font-size: 18px;}
.home-contact-info-main-right a { color: #666; }
.home-contact-bottom-main { padding: 30px 15px 40px; background-color: #fff; margin-top: 35px; box-shadow: 0 0 10px #ccc; }
@media(min-width: 576px) {
.home-contact-bottom-main { padding: 30px 30px 40px; }
}
@media(min-width: 992px) {
.home-contact-bottom-main { position: absolute; right: 0; bottom: -25px; width: 550px; padding: 30px 30px 40px; margin-right: -30px; margin-top: 0; }
}
@media(min-width: 1200px) {
.home-contact-bottom-main { width: 600px; padding: 30px 30px 40px; }
}
@media(min-width: 1400px) {
.home-contact-bottom-main { width: 810px; padding: 50px 45px; margin-right: 0; }
}
.home-contact-bottom-main form { margin-top: 30px; }
.home-contact-bottom-main .form-control { background-color: #f8f8f8; border-radius: 0; border: 0; }
.home-contact-bottom-main label span { color: red; }
.home-contact-bottom-main input { height: 45px; }
.home-contact-bottom-main textarea { height: 100px; }
.home-contact-bottom-main .home-button { margin-top: 20px; }



/*pop-up*/
.image-list .cover-img{
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-color: #fff;
    cursor: pointer;
}
.image-list-box .cover-img:before{
  content:"";
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
  background: rgba(0,0,0,0.5) url(../images/big-icon.png) center no-repeat;
  background-size: 20px;
  display: none;
  z-index: 99;
}
.image-list-box:hover.image-list-box .cover-img:before{
  display: block;
  transition:all 0.5s;
}

@media(min-width: 576px){
  .image-list-box .cover-img:before{
  content:"";
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
  background: rgba(0,0,0,0.5) url(../images/big-icon.png) center no-repeat;
  background-size: 30px;
  display: none;
}

}
.inner-about-con-map{margin-top:30px;}
#input-code{width:48%;float: left;}
.icon-code{float: left;margin-left:10px;margin-top:6px;}
.icon-code img{width:100px;height: 34px;}
@media(min-width: 576px){
  .icon-code{float: left;margin-left:20px;margin-top:2px;}
.icon-code img{width:120px;height: 40px;}
}
.clear{clear:both;}
.text-danger{line-height:20px;margin-top:4px;}
.form-check-input{height: 16px!important;}
.form-check{margin-top:0px;}
@media(min-width: 576px){
.form-check{margin-top:8px;}
}
.modal-header{display:inline-block;}
@media (min-width: 576px){
  #myModal .modal-dialog {
    max-width: 600px;
    margin: 1.75rem auto;
}
}



body {
      padding-right: 0px !important;
}
  *.modal-open {
    overflow-y: scroll;
    padding-right: 0 !important;
  }

.popup-box .modal-body{padding:0px;}
.popup-box .modal-content{background: none;}
.popup-box .modal-header{border:none; padding:0px;}

.popup-box .modal { z-index: 999999; background-color: rgba(0,0,0,0.5); }
.popup-box .modal-title { font-size: 20px;text-align: left;}
.popup-box .modal-title img { margin-top: -3px; height: 50px;float: left;border-radius: 50px;}
.popup-box .modal-body img{width:100%; }
.popup-box .modal-body p{color:#fff;text-align: right;margin-top:5px;}
.modal-title-right{float: left;font-size: 18px;font-weight:bold;line-height: 23px;margin-left:7px;}
@media(max-width:768px) {
.popup-box .modal-dialog {width: 100%;}
}
.popup-box .modal-dialog {margin-top: 15%;}
@media(min-width:768px) {
  .modal-title-right{float: left;font-size: 18px;font-weight:bold;line-height: 23px;margin-left:15px;}
.popup-box .modal-dialog {margin-top: 8%;}
}
 .popup-box .modal-dialog {
  display: inline-block;
  max-width: 1000px;
    width:auto;
    margin: 30px auto;
}
.popup-box .modal-header .close {
    font-size: 36px;
    margin-top: 1px;
    color:#fff;
    opacity: 1;
}
 @media (min-width: 768px){
 .popup-box .modal-dialog {
  display: inline-block;
  max-width: 1000px;
    width:auto;
    margin: 30px auto;
}

 }
.modal-body h2{width: calc(100% - 30px);display: block;
    font-weight: bold;
    font-size: 20px;
   float: left;}
.popup-box .close {
  font-size: 36px;
  float: right;
    margin-top: -3px;
}
.popup-box .modal-dialog-centered::before{display: none;}
.time-sec2{display:inline-block;width: 100%;}
.inner-pdf-list p{margin-top:14px;}
.inner-pdf-tit{display:none;}
#header-top-register{position: relative;}
.home-info-box-social-top{position: absolute;
    top: -63px;
    left: -56px;
    border-radius: 10px;
    background-color: #fff;
    padding: 10px 0;
    z-index: 99;
    box-shadow: 0 0 10px #ddd;
     display: none; 
    transition: all 0.8s;
    width:142px;
    text-align:center;
    color:#666;
  }
  .home-info-box-social-icon{
        position: absolute;
        left:62px;
        bottom: -19px;

    display: block;
    width: 0px;                
        height: 0px;
        border: 11px solid #fff;
        border-bottom-color: transparent;   
        border-left-color: transparent;
        border-right-color: transparent;

  }
  .inner-news-box-main-editor{text-align:left;}   
  @media (min-width: 991px){
     .inner-news-box-main-editor{margin-left:130px;margin-right: 130px;} 
  }
.swiper-slide{}
.mobile-menu-name{color:#fff;line-height:31px;display:none;}
.mobile-menu-name-en{font-size: 12px;}
.mobile-menu-name-hk{line-height:30px;}

  @media (min-width: 340px){
     .mobile-menu-name-en{font-size: 12px;}
  }
  @media (min-width: 360px){
     .mobile-menu-name-en{font-size: 14px;}
  }
  @media (min-width: 385px){
     .mobile-menu-name-en{font-size: 16px;}
  }
@media(min-width: 1100px) {
.mobile-menu-name{display:none;}
}

.inner-food .time-tit{width: calc(100% - 20px);}

.home-info-hk .home-info-box ul li a{font-weight: normal;}
.home-info-hk .home-contact-info-main-right{font-weight: normal;}


.body-hk .inner-facilities-list-bottom .li-01 span{font-weight: normal;}
@media(max-width: 528px) {
.body-en .inner-banner-tit-en{padding-top: 47px}
}

.body-hk .home-news-box-main-title { font-family: 'Poppins-Regular', SourceHanSansCN-Regular, Arial; color: #095632; font-size: 18px; }