@charset "utf-8";

@font-face {
  /* font-properties */
  font-family: 'poppins';
  src:url('../style/poppins.ttf');
}

@font-face {
  /* font-properties */
  font-family: 'poppins-bold';
  src:url('../style/poppins-bold.ttf');
}

body { font-family:'Microsoft JhengHei',Arial; font-size:14px; background: #fff; color:#252525; line-height: 26px; overflow-x: hidden; position: relative; max-width: 1920px; margin-left: auto; margin-right: auto; }

@media(min-width: 768px) {
body { font-size:15px; }
}
@media(min-width: 1200px) {
body { line-height: 24px; letter-spacing: 0.8px;}
}

.container {  }
@media(min-width: 1600px) {
.container { max-width: 1280px; }
}
.new-ward { width: 100%; }

.mx-auto { display: block; }

header { position: fixed;width: 100%;left:0;top: 0; z-index: 99999; background-color:RGBA(255, 255, 255, 1); width:100%; }


a{text-decoration: none;}
a:hover,a:focus {text-decoration: none;}
a,input,button {outline: none!important;}

.header-content { position: relative; display: flex; align-content: center; }
@media(min-width: 992px) {
.header-content { justify-content: space-between; }
}

.logo img { height: 40px!important; width: auto; }
@media(min-width: 768px) {
.logo img { height: 60px!important; }
}
@media(min-width: 1200px) {
.logo img { height: 88px!important; }
}

.box-logo {  margin-right: auto;margin-top: 0px; margin-bottom: 0px; }
@media(min-width: 992px) {
.box-logo { margin-right: 0; margin-top: 5px; margin-bottom: 5px;}
}
.box-logo .logo { position: relative; }

.header-right { background-color: #f2f2f2; height: 30px;}
@media(min-width: 992px) {
.header-right { background-color: #f2f2f2; height: 60px;}
}

/*nav*/
.box-menu .menu { display: flex; align-content: center; /*justify-content: center;*/ margin-bottom: 0; }
.box-menu li { position: relative; }
.box-menu > ul > li { padding: 0px 8.5px 10px 8.5px; }
@media(min-width: 992px) {
.box-menu > ul > li { padding: 0px 4px 10px 4px; }
}
/*.box-menu > ul > li > a { display: block; font-size: 16px; padding: 5px 10px; }*/
.box-menu > ul > li > a { display: block; font-size: 14px; padding: 5px 5px; }
@media(min-width: 1200px) {
/*.box-menu > ul > li > a { font-size: 18px; }*/
.box-menu > ul > li > a { font-size: 16px;padding: 5px 7px;}
}
@media (min-width: 1680px) {
  .box-menu > ul > li > a { font-size: 18px;padding: 5px 10px;}
}
.box-menu > ul > li > a > span { padding-bottom: 5px; border-bottom: 2px rgba(255, 255, 255, 0) solid; }
@media(min-width: 992px) {
.box-menu > ul > li > a > span { padding-bottom: 8px; }
}

.box-menu > ul > li:first-child { background: none; }
.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 {padding-right: 0; }
/*.box-menu > ul > li:not(:last-child){margin-right: 5px}*/
@media (min-width: 1200px) {
  /*.box-menu > ul > li:not(:last-child){margin-right: 10px}*/
}
.box-menu > ul > li > a { line-height: 30px;color:#3c3c3b; }
.box-menu > ul {padding:0 10px;margin-top: -5px;}
.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 > a, .box-menu > ul > li.selected > a, .box-menu > ul > li:hover > a { color:#c19b74; }
.box-menu > ul > li.active > a > span, .box-menu > ul > li.selected > a > span, .box-menu > ul > li:hover > a > span { border-bottom: 2px #c19b74 solid; }

.box-menu > ul > li > ul {position: absolute;top:85%;left:-7px;padding-top:9px;/* display:none; */z-index: 99999;
     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; 
}
.box-menu > ul > li ul li {background-color:#595959;text-align: left;padding:0 15px;}
.box-menu > ul > li ul li a {min-width: 140px;white-space:nowrap;border-bottom: 1px solid #e0e0e0;padding:8px 4px;color:#fff; }
.box-menu > ul > li ul li:last-child a {border-bottom: none;}
.box-menu > ul > li ul li a:hover {color:#000;}
.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:#bc9771!important;width: 280px}
.st-effect-3.st-menu-open .st-pusher{-webkit-transform: translate3d(280px, 0, 0);
  transform: translate3d(280px, 0, 0);}
.mobile-menu-btn { margin-top:8px; margin-right: 15px; }
@media(min-width: 768px) {
/*.mobile-menu-btn { margin-top:26px; }*/
}
.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:#01719c;}
.menu-mobile .button-close-menu i {font-size: 20px;}
.menu-mobile .mobile-more {display: inline-block;width: 18px;height: 18px;position: absolute;top:12px;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: relative;}
.menu-mobile .menu-mobile-content > li >a{text-transform: uppercase;}
.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: #686868;white-space: normal;}
.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;
}
#menu-mobile .dropdown-menu .dropdown-item{
  padding: 5px 0px;
}
#menu-mobile .mobile-dropdown-menu a{
  border: none;
  /*padding-left: 0px;*/
  box-shadow: none;
}
#menu-mobile .mobile-dropdown-menu{
  max-width: 100%;
  width: 100%;
}
.btn-ud {
  color: #fff!important;
  background-color: #bc9771;
  padding:5px 20px;
  border-radius: 0;
  margin-top: -8px;
}
.btn-ud:focus,
.btn-ud.focus {
  color: #fff;
  background-color: #bc9771;}
.btn-ud:hover {
  color: #fff;
  background-color: #bc9771;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  color: #fff;
  background-color: #bc9771;
}
.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: #bc9771;
}
.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;
}

.btn-bar {padding:7px 14px!important;}

.lang { font-size: 16px; color: #fff; float: right; margin-top: 10px; width: 30px;height: auto;position: relative;top:-5px;}
@media(min-width: 768px) {
.lang { display: block; margin-top: 0; }
}
/*.lang span { padding: 5px 0px 4px; border-radius: 25px; }
@media(min-width: 768px) {
.lang span { padding: 5px 10px 4px 8px; }
}
*/
.btn-group>.btn:first-child { margin-left: 5px; }


/*dropdown-menu*/
/*.dropdown-menu { min-width: 0; width: 110px; }
@media(min-width: 1200px) {
.dropdown-menu { width: 160px; }
}
.dropdown-item { padding: 0.25rem 15px; }
@media(min-width: 1200px) {
.dropdown-item { padding: 0.25rem 1.5rem; }
}*/


.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background-color: #fff; }
.dropdown-menu li a { padding: 3px 10px; }

.header-content .btn-group { height: 32px; width: 110px; background-color: #c19b74; border-radius: 0; /*margin-top: 10px;*/ }
@media(min-width: 768px) {
.header-content .btn-group { width: 110px; /*margin-top: 18px;*/ }
}
@media(min-width: 992px) {
.header-content .btn-group { height: 45px; /*margin-top: 12px;*/ }
}
@media(min-width: 1200px) {
.header-content .btn-group { width: 160px; /*margin-top: 25px;*/ }
}
.header-content .btn-group .btn { color: #fff; font-size: 18px; }
.header-content .dropdown-toggle::after { display: none; }

/*lang-btn*/
.lang-btn { width: 110px; display: flex; justify-content: space-between; align-content: center; padding: 4px 14px; color: #fff; }
@media(min-width: 992px) {
.lang-btn { padding: 11px 15px; }
}
@media(min-width: 1200px) {
.lang-btn { width: 160px; }
}
.lang-btn:hover { color: #fff; }
.lang-btn-down { margin-top: 10px; }
@media(min-width: 992px) {
.lang-btn-down { margin-top: 8px; }
}


/*slideshow*/
.swiper-container { max-width: 1920px; margin: auto;position: relative;}
.swiper-pagination { text-align: right; padding-right: 10%; }
.swiper-pagination-bullet { height: 15px; width: 15px; border-radius: 50%; background-color: #fff; outline: none; opacity: 1; border: 2px solid #bfbfbf; }
.swiper-pagination-bullet-active { border: 2px solid #c19b74; }
.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(max-width: 768px){
  .swiper-container { max-width: 1920px; margin: auto;height: 50vh;}
  .swiper-container img{
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
  }
}

@media(min-width: 768px) {
.swiper-pagination-bullet { height: 15px; width: 15px;}
.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: 55%; transition: all 0.8s; height: 30px; width: 30px; }
@media(min-width: 768px) {
.swiper-button-next, .swiper-button-prev { top: 50%; display: block; opacity: 1; height: 45px; width: 45px; }
}
.swiper-button-prev {  }
.swiper-button-next {  }
@media(min-width: 1200px) {
.swiper-button-prev { left: 0px; }
.swiper-button-next { right: 0px; }
}
.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: 20px; }
@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: 440px; }
@media(min-width: 768px) {
.swiper-slide { height: 520px; }
}
@media(min-width: 1200px) {
.swiper-slide { height: 620px; }
}
@media(min-width: 1400px) {
.swiper-slide { height: 720px; }
}
@media(min-width: 1600px) {
.swiper-slide { height: 810px; }
}*/
.slideshow-1 { background: url(../images/slideshow1.png) 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 { color: #fff; padding: 5% 0 0; text-shadow: 0 0 5px #000; }


.swiper-slide { position: relative; }
.swiper-slide-text{
  position: absolute;
  z-index: 999;
  top: 30%;
  left: 0;
  right: 0;
  max-width: 750px;
  color: #deb67f;
}
.swiper-slide-text-tit{
  background: rgba(35, 25, 22, 0.77);
  font-size: 22px;
  text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8);
  margin-bottom: 10px;
  display: inline-block;
  padding: 2rem 2rem 2rem 2rem;
  line-height: 2rem;
  font-weight: bold;
  font-style: italic;
}
.swiper-slide-text-tit span { color: #fff; font-style: normal; }

.swiper-slide-active .swiper-slide-text-tit,.swiper-slide-active .swiper-slide-text-sec{
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

@media(min-width: 768px){
.swiper-slide-text{
  position: absolute;
  z-index: 999;
  top:34%;
  left: 0;
  right: 0;
  max-width: 750px;
}
.swiper-slide-text-tit{ font-size: 22px; line-height: 3rem; }  
.swiper-slide-text-tit span { font-size: 32px; }
}
@media(min-width: 1200px){
.swiper-slide-text{
  position: absolute;
  z-index: 999;
  /*top:50%;*/
  top:40%;
  left: 0;
  right: 0;
  max-width: 750px
  padding: 35px 110px 35px;
}
.swiper-slide-text-tit{ padding: 30px 100px 30px; font-size: 28px; line-height: 3.5rem; }  
.swiper-slide-text-tit span { font-size: 56px; }
}

@media(min-width: 1600px){
.swiper-slide-text{top:37%;}
.swiper-slide-text-tit{
  font-size: 28px;
  line-height: 4rem;
  padding: 35px 110px 35px;
}  
.swiper-slide-text-tit span { font-size: 56px; }
}


/*home all*/
.home-title { font-size: 28px;font-family: 'Times New Roman'; font-weight:bold; color: #231916; margin-bottom: 15px; }
.home-title-2 { font-size: 18px; font-weight:bold; color: #231916; }
.home-title span { color: red;}
.home-btn .btn {min-width: 180px;padding: 6px 35px;background: #2699b4;color: #fff;margin-top: 20px;text-transform: uppercase;border:2px solid #2699b4;}
.home-btn .btn:hover {background: #fff;color: #2699b4;font-weight: bold;}
.all-box-mt {margin-top: 30px}
.all-box-padding {padding: 30px 0 40px;}
.all-box-padding2 {padding: 30px 0;}
@media(min-width: 768px){
.home-title {font-size: 36px;}
.home-title-2 {font-size: 26px;}
.all-box-mt {margin-top: 50px}
.all-box-padding {padding: 50px 0 60px;}
.all-box-padding2 {padding: 50px 0;}
.home-btn .btn {margin-bottom: 0px;}
}
@media(min-width: 992px){
.all-box-mt {margin-top: 60px}
.all-box-padding {padding: 60px 0 70px;}
.all-box-padding2 {padding: 60px 0;}
}
@media(min-width: 1200px){
.home-title {font-size: 42px;}
.home-title-2 {font-size: 32px;}
.all-box-mt {margin-top: 80px}
.all-box-padding {padding: 70px 0 80px;}
}
@media(min-width: 1600px){
.home-title{  }
.all-box-mt{margin-top: 100px}
.all-box-padding{padding: 90px 0 100px;}
}


/*home-news*/
.home-news { position: relative; background: url(../images/home-news-bg.png) #fff center no-repeat; }
.home1-photoarea { margin-top: 30px; }
@media(min-width: 768px) {
.home1-photoarea { margin-top: 40px; }
}
.home1-box { box-shadow: 0 0 10px #dfdfdf; background-color: #fff; }
@media(min-width: 992px) {
.home1-box { display: flex; }
}
.home1-box:hover { box-shadow: 0 0 10px #e3e3e3; }
.home1-box-right { position: relative; padding: 90px 30px 80px 30px; }
@media(min-width: 992px) {
.home1-box-right { padding: 80px 25px 0 40px; }
}
.home-news-photo { margin-left: auto; margin-right: auto; }
@media(min-width: 992px) {
.home-news-photo { width: 516px; margin-left: 0; }
}
@media(min-width: 1200px) {
.home-news-photo { width: 516px; }
}
.home1-box-date { position: absolute; top: 30px; left: 30px; }
@media(min-width: 992px) {
.home1-box-date { top: 13px; right: 30px; }
}
.home1-box-date span { color: #fff; background-color: #c19b74; padding: 12px 35px; font-size: 20px; font-weight: bold; }
@media(min-width: 992px) {
.home1-box-date span { padding: 12px 55px; }
}
.home1-box-title-1 { font-size: 18px; font-weight: bold; color: #252525; }
@media(min-width: 992px) {
.home1-box-title-1 { font-size: 20px; }
}
.home1-box-text { margin-top: 20px; color: #252525; font-size: 16px; line-height: 24px; height: auto; overflow-y: hidden; }
@media(min-width: 992px) {
.home1-box-text { margin-top: 20px; }
}
@media(min-width: 1200px) {
.home1-box-text { margin-top: 50px; }
}
.home1-box-more { position: absolute; right: 25px; bottom: 25px; transition: all 1s; width: 40px; }
@media(min-width: 992px) {
.home1-box-more {  }
}
@media(min-width: 1200px) {
.home1-box-more { width: 60px; }
}
.home1-box:hover .home1-box-more { right: 20px; transition: all 1s; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 30px; width: 30px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; z-index: 999; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-size: 16px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -15px; background: url(../images/left-xs.png) no-repeat; }
@media(min-width: 768px) {
.slick-prev { left: -20px; }
}
@media(min-width: 992px) {
.slick-prev { left: -30px; }
}
.slick-prev:before { content: ''; }
.slick-next { right: -15px; background: url(../images/right-xs.png) no-repeat; }
@media(min-width: 768px) {
.slick-next { right: -20px; }
}
@media(min-width: 992px) {
.slick-next { right: -30px; }
}
.slick-next:before { content: ''; }
.slick-prev:hover, .slick-prev:focus { background: url(../images/left-xs.png) no-repeat; }
.slick-next:hover, .slick-next:focus { background: url(../images/right-xs.png) no-repeat; }
.slick-slide { outline: none; padding: 10px 0; }
@media(min-width: 768px) {
.slick-slide { padding: 10px; }
}
.slick-dots { bottom: -30px; }
@media(min-width: 768px) {
.slick-dots { bottom: -50px; }
}
.slick-dots li.slick-active button:before { background-color: #fff; color: #fff; border: 3px solid #c19b74; }
.slick-dots li button:before { border-radius: 50%; background-color: #fff; color: #fff; opacity: 1; border: 3px solid #bfbfbf; }


/*home-business*/
.home-business { padding-top: 30px; }
@media(min-width: 768px){
.home-business { padding-top: 50px; }
}
@media(min-width: 992px){
.home-business { padding-top: 60px; }
}
@media(min-width: 1200px){
.home-business { padding-top: 70px; }
}
@media(min-width: 1600px){
.home-business { padding-top: 90px; }
}
.home-business-main { padding-left: 15px; padding-right: 15px; }
@media(min-width: 768px){
.home-business-main { display: flex; padding-left: 0; padding-right: 0; }
}
.home-business-box { width: 100%; margin-top: 35px; }
@media(min-width: 768px){
.home-business-box { width: 20%; margin-top: 50px; }
}
.home-business-photo { height: 300px; }
@media(min-width: 576px){
.home-business-photo { height: 650px; }
}
@media(min-width: 768px){
.home-business-photo { height: 300px; }
}
@media(min-width: 992px){
.home-business-photo { height: 500px; }
}
@media(min-width: 1200px){
.home-business-photo { height: 550px; }
}
@media(min-width: 1600px){
.home-business-photo { height: 590px; }
}
.home-business-photo-1 { background: url(../images/home-business-photo-1.jpg) center no-repeat; background-size: 100% 100%; transition: all 1s; }
.home-business-photo-2 { background: url(../images/home-business-photo-2.jpg) center no-repeat; background-size: 100% 100%; transition: all 1s; }
.home-business-photo-3 { background: url(../images/home-business-photo-3.jpg) center no-repeat; background-size: 100% 100%; transition: all 1s; }
.home-business-photo-4 { background: url(../images/home-business-photo-4.jpg) center no-repeat; background-size: 100% 100%; transition: all 1s; }
.home-business-photo-5 { background: url(../images/home-business-photo-5.jpg) center no-repeat; background-size: 100% 100%; transition: all 1s; }
.home-business-box:hover .home-business-photo { background-size: 105% 105%; transition: all 1s; }
.home-business-text { position: relative; height: 100px; text-align: center; padding-top: 30px; }
@media(min-width: 992px){
.home-business-text { height: 160px; padding-top: 28%; }
}
@media(min-width: 1200px){
.home-business-text { height: 180px; padding-top: 26%; }
}
@media(min-width: 1400px){
.home-business-text { height: 200px; padding-top: 26%; }
}
@media(min-width: 1600px){
.home-business-text { height: 240px; padding-top: 26%; }
}
/*.home-business-text-2, .home-business-text-4 { padding-top: 26%; }*/
.home-business-text-1 { background: url(../images/home-business-text-1.png) #b5926e center 34% no-repeat; }
.home-business-text-2 { background: url(../images/home-business-text-2.png) #b5926e center 34% no-repeat; }
.home-business-text-3 { background: url(../images/home-business-text-3.png) #b5926e center 34% no-repeat; }
.home-business-text-4 { background: url(../images/home-business-text-4.png) #b5926e center 34% no-repeat; }
.home-business-text-5 { background: url(../images/home-business-text-5.png) #b5926e center 34% no-repeat; }
.home-business-text p { font-weight: bold; font-size: 18px; color: #fff; margin-bottom: 10px; }
@media(min-width: 992px){
.home-business-text p { font-size: 24px; margin-bottom: 15px; }
}
@media(min-width: 1200px){
.home-business-text p { font-size: 30px; margin-bottom: 25px; }
}
.home-business-text-line { width: 80px; }
@media(min-width: 1200px){
.home-business-text-line { width: auto; }
}


/*home center*/
.home-center { background: url(../images/home-center.png) top no-repeat; }


/*home-about*/
.home-about {  }
.home-about-box { margin-top: 50px; }
.home-about-bottom { position: relative; padding: 40px 50px; }
@media(min-width: 992px){
.home-about-bottom { padding: 40px 80px; width: 830px; }
}
.home-about-line { position: absolute; left: 25px; margin-top: -100px; }
@media(min-width: 992px){
.home-about-line { left: 50px; margin-top: -100px; }
}
.home-about-title { font-size: 24px; font-weight: bold; color: #c19b74; font-style: italic; }
@media(min-width: 992px){
.home-about-title { font-size: 32px; }
}
.home-about-text { font-size: 16px; margin-top: 25px; line-height: 32px; }
.home-about-more { margin-top: 40px; transition: all 1s; width: 40px; }
@media(min-width: 992px) {
.home-about-more {  }
}
@media(min-width: 1200px) {
.home-about-more { width: 60px; }
}
.home-about-more:hover { margin-left: 10px; transition: all 1s; }
.home-about-special { display: block; margin-top: 50px; width: 225px; color: #fff!important; font-style: italic; background-color: #c19b74; padding: 23px 0 17px 30px; font-size: 24px; font-weight: bold; }
@media(min-width: 1200px) {
.home-about-special { position: absolute; top: 0; right: -225px; width: 225px; color: #fff!important; padding: 23px 0 17px 30px; font-size: 24px; }
}
.home-about-more-2 { margin-left: 25px; margin-top: -5px; transition: all 1s; }
.home-about-special:hover .home-about-more-2 { margin-left: 35px; transition: all 1s; }


/*home-investment*/
.home-investment { background-color: #fff; margin-left: 15px; margin-right: 15px; }
@media(min-width: 768px) {
.home-investment { margin-left: -60px; margin-right: -60px; }
}
@media(min-width: 1600px) {
.home-investment { margin-left: -120px; margin-right: -120px; margin-top: -50px; }
}
.home-investment-box { position: relative; margin-top: 30px; overflow: hidden; } 
@media(min-width: 768px) {
.home-investment-box { margin-top: 50px; } 
}
.home-investment-box-photo { transition: all 1s; }
.home-investment-box-text { position: absolute; bottom: 0; width: 100%; background-color: rgba(193, 155, 116, 0.8); display: flex; align-content: center; justify-content: space-between; padding: 30px 35px 20px; font-size: 22px; color: #fff; }
@media(min-width: 768px) {
.home-investment-box-text { font-size: 24px; } 
}
.home-investment-more { margin-top: -8px; transition: all 1s; }
.home-investment-box:hover .home-investment-box-photo { transform: scale(1.05); transition: all 1s; }
.home-investment-box:hover .home-investment-more { margin-right: -10px; transition: all 1s; }


/*home-contact*/
.home-contact { background: url(../images/home-contact.png) top no-repeat; }
.home-contact-box { position: relative; margin-top: 30px; overflow: hidden; background: url(../images/home-contact-box.jpg) center no-repeat; background-size: cover; height: 380px; padding: 35px 30px; box-shadow: 0 0 10px #c19b74; font-size: 18px; } 
@media(min-width: 768px) {
.home-contact-box { margin-top: 50px; height: 480px; } 
}
@media(min-width: 992px) {
.home-contact-box { height: 400px; } 
}
@media(min-width: 1200px) {
.home-contact-box { height: 380px; } 
}
.home-contact-title { font-size: 18px; margin-top: 20px; }
.home-contact-text { font-size: 16px; line-height: 18px; margin-top: 30px; }
.home-contact-text a { color: #252525; word-break: break-all; }


/* footer */
.footer { background-color: #231916; padding: 15px 0 0; width: 100%; color: #fff; }
@media(min-width: 576px) {
.footer { padding: 50px 0 0; } 
}
@media(min-width: 768px) {
.footer { padding: 70px 0 0; } 
}
.footer-top {  }
.footer-top-box { margin-top: 30px; }
@media(min-width: 768px) {
.footer-top-box { margin-top: 0; }
}
.footer-top-title { color: #fff; font-size: 18px; }
.footer-top-title span { padding-bottom: 5px; border-bottom: solid 1px #fff; }
.footer-top ul { margin-top: 20px; }
.footer-top ul li { margin-top: 5px; }
.footer-top ul li a { font-size: 16px; color: #fff; }
.footer-social { display: flex; }
.footer-social a { margin-right: 10px; margin-top: 25px; }
.footer-social a:last-child { margin-right: 0; }
.footer-bottom { align-content: center; justify-content: space-between; color: #fff; border-top: solid 1px #c19b74; margin-top: 35px; padding: 20px 0; }
@media(min-width: 576px) {
.footer-bottom { display: flex; margin-top: 15px; padding: 20px 0; }
}
@media(min-width: 768px) {
.footer-bottom { margin-top: 15px; padding: 35px 0; }
}
.copy-right { color: #fff; }
.copy-des { text-align: left; font-size: 16px; line-height: 18px; }
@media(min-width: 576px) {
.copy-des { text-align: right; }
}
.copy-des a { color: #fff; }
.copy-des a:first-child { margin-right: 15px; }
.copy-des a:last-child { margin-left: 15px; }


/*menu*/

.menu-box-2 { width: calc(100% - 110px); }
@media(min-width: 992px) {
.menu-box-2 { margin-top: 10px; }
}
@media(min-width: 1200px) {
.menu-box-2 { /*margin-top: 22px;*/width: calc(100% - 160px); }
}


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


/*inner style*/
.path{background:none;width: 100%;position:relative;display: flex;}
.inner-position{}
.inner-position .breadcrumb{background: none;margin-bottom: 0;padding: .75rem 0;}
.inner-position .breadcrumb a{color:#fff;}
.breadcrumb-item.active{color: #fff;}
.inner-position .breadcrumb-item+.breadcrumb-item::before{content: ">";color: #fff;}
.inner-position .breadcrumb i img{width: 14px;margin-top:-1px;}
.inner-page ul{display: flex;justify-content: center;margin-top:30px;}
.inner-page ul li a{
  border:1px solid #231916;
  color: #231916;
  min-width: 35px;
  height:35px;
  line-height: 35px;
  display: inline-block;
  text-align: center;
  margin-right:10px;
  border-radius: 50%;
}
.inner-page ul li .active{background: #c19b74;color: #fff;border:1px solid #fff;}

.inner-banner-tit{font-size:24px;margin-bottom:0px;}
.inner-banner{position:relative;}
.inner-banner-con{position:absolute;top:52%;color: #fff;}
.inner-menu-left ul li a{font-size:18px;color: #231916;padding:15px;border-left:3px solid #eeeeee;display: inline-block;}
.inner-menu-left ul li a:hover{color:#c19b74;border-left:3px solid #c19b74;}
.inner-menu-left ul li .active{color:#c19b74;border-left:3px solid #c19b74;}
.inner-about-right-img{margin-bottom:30px;}
@media(max-width: 767.98px){
.inner-banner-img img{height: 220px;}
.inner-menu-left ul li a{padding: 8px 15px;}
}
@media(min-width: 768px){
.inner-banner-tit{font-size:48px;margin-bottom:15px;}
.inner-menu-left ul li a{font-size:20px;}
}
@media(min-width: 1400px){
.inner-banner-tit{font-size:56px;}
}


/*inner group*/
.inner-group .inner-group-list{margin-top:-30px;}
.inner-group-right-img{margin-bottom:30px;}
.inner-group-slide .slick-slide{padding: 0;}
.inner-group-slide .slick-prev{
  width: 45px;
  height: 45px;
  background: url(../images/group-left-01.png) center no-repeat;
  background-size: cover;
  left: 5px;
}
.inner-group-slide .slick-next{
  width: 45px;
  height: 45px;
  background: url(../images/group-right-01.png) center no-repeat;
  background-size: cover;
  right:5px;
}
@media(max-width: 767.98px){
.inner-group-slide .slick-prev,.inner-group-slide .slick-next{
  width: 30px;
  height: 30px;
}
}

/*inner news*/
.inner-news ul li{padding: 30px;}
.inner-news ul li a{color: #231916;}
.inner-news ul li:hover{box-shadow: 0px 0px 10px 0px rgba(223, 223, 223, 0.8);}
.inner-news-img img{width: 100%;}
.inner-news ul li:hover .inner-news-img img{
  transform: scale(1.05);
  transition: all 1s;
}
.inner-news-right-tit{font-size:24px;font-weight: bold;margin-bottom:20px;}
.inner-news .more{display: block;text-align: right;}
.inner-news .more img{width:40px;height: 40px;}
.inner-box-more{margin-top:10px;position:relative;right:0;}
.inner-news ul li:hover .inner-box-more{
  right: 20px; 
  transition: all 1s;
}
.inner-news-img{position:relative;}
.inner-news-year{text-align:right;margin-bottom:30px;}
.inner-news-year select{background: #231916;color: #fff;padding: 5px 10px;}
.inner-news-img .date{background: #c19b74;color:#fff;font-weight:bold;position:absolute;padding: 5px 15px;display: block;right: -20px;top:0;}

.inner-news-in-tit{font-size:30px;text-align:center;font-weight: bold;}
.inner-news-in-date{text-align:center;margin:20px auto;}
.inner-news-in-img{margin-bottom:30px;}
.inner-btn-bottom{text-align:center;margin-top:50px;}
.inner-btn-bottom a{margin:0 5px;min-width: 100px;padding: 10px 15px;text-align:center;background: #231916;color: #fff;display: inline-block;}
.inner-btn-bottom a:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;animation: tada 1s .2s ease both;}
.inner-btn-bottom a.active{background: #cdaf90;}
@media(max-width: 340px){
.inner-btn-bottom a{min-width: auto;}
}
@media(max-width: 991.98px){
.inner-news-img{margin-bottom:20px;}
.inner-news-in-tit{font-size:24px;line-height: 32px;}
}
@media(min-width: 992px){
.inner-news-right{padding: 15px;}
}


/*inner investment*/
.inner-investment-menu{text-align:center;margin-bottom:30px;}
.inner-investment-menu a{min-width: 110px;padding:10px 15px;display: inline-block;background:#231916;color: #fff;}
.inner-investment-menu a.active{background:#cdaf90;}
.inner-bg-list{padding: 30px;margin-top: 30px;box-shadow: 0px 0px 6px 0px rgba(223, 223, 223, 0.5);min-height: 230px;}
.inner-bg-list-tit{margin:15px auto;font-weight: bold;}

@media(max-width: 340px){
.inner-investment-menu a{min-width: auto;}
}
@media(min-width: 992px){
  .inner-investment-sec{padding:30px 0 0;}
}

.inner-investment-text{padding: 10px;}
.inner-investment-text-sec{
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.inner-investment-text-tit{margin:10px auto;}
.inner-investment-text-tit a{font-size:24px;color: #231916;font-weight: bold;}
.inner-investment-text-tit a:hover{color: #c19b74;}
.inner-investment-text-more{padding-top:10px;}
.inner-investment-text-more a{color:#c19b74;}
.inner-investment-img{overflow: hidden;position:relative;}
.inner-investment-list{margin-top:30px;}
.inner-investment-list:hover .inner-investment-img img{
  transform: scale(1.05);
  transition: all 1s;
}
.inner-investment-img .date{
  padding:5px 10px;
  background: #cdaf90;
  color:#fff;
  position:absolute;
  left:0;
  bottom:0;
}
.inner-investment-slide-tit{font-size:24px;font-weight:bold;margin:50px auto 30px;}
@media(min-width: 992px){
.inner-investment-slide-tit{font-size:30px;}
}

/*inner contact*/
.inner-contact-tit{font-size:24px;font-weight: bold;margin-bottom:30px;}
.inner-contact-box{box-shadow: 0px 0px 9px 0px rgba(35, 25, 22, 0.2);background: #fff;}
.inner-contact-form{
  background: url(../images/inner-contact-bg.png) center no-repeat;
  background-size: cover;
  margin-top:50px;
}
.inner-contact-form .form-control{outline: none;}
.inner-contact-form .input01{padding: 15px;border:0;border-bottom: 1px solid #c19b74;border-radius: 0;background: none;}
.inner-contact-btn{text-align:right;position:relative;right: 0;min-height:60px;}
.inner-contact-btn img{position:absolute;right:0;}
.inner-contact-btn img:hover{right:20px;transition: 1s;}
@media(min-width: 992px){
.inner-contact-tit{font-size:30px;margin-bottom:50px;}
}








.text-not-found { margin-top:130px; margin-bottom:130px; font-size:23px; }
@media (max-width: 768px){
    .text-not-found { height:86px; margin-top:50px; margin-bottom:0; font-size:20px; }
    .inner-item-padding {
        padding: 0px 0 36px;
    }
}


.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;}





.inner-page ul li:hover {
    box-shadow:0 0 0 0!important;
}
.inner-page ul li a.active:hover {
    color:#fff;
}

.inner-investment-text-sec {
    min-height:48px;
}
.box-menu .dropdown-item a{
  display: block;
  /*text-align: center;*/
  font-size: 16px;
  background: none;
  color: #595959;
  border: 0px;
}
.box-menu .dropdown-item.active a,.box-menu .dropdown-item:hover a{
  color: #c19b74;
}
.box-menu .dropdown-menu>.active>a,.box-menu .dropdown-menu>.active>a:focus,.box-menu .dropdown-menu>.active>a:hover,
.box-menu .dropdown-item.active ,.box-menu .dropdown-item:hover{
  background: transparent;
}
.box-menu .dropdown-item:not(:last-child){
  border-bottom: solid 1px #efefef;
}
.box-menu .dropdown-item{
  /*padding: 7px 0px;*/
  overflow: hidden;
  min-width: 160px;
  background: #fff;

}
.mobile-logo{
  display: block;
}
.pc-logo {
  display: none;

}
@media (min-width: 1024px) {
  .pc-logo{
    display: block;
  }
  .mobile-logo {
    display: none;
  }
}
#menu-mobile .dropdown-item.active,#menu-mobile .dropdown-item:active{
  background-color: rgba(104,104,104,20%);
}