body main{
  overflow:hidden;
}
.view-box{
  margin-top:60px;
}
.view-box-inner{
  position:relative;
  overflow:hidden;
}
.view-box-inner-bg{
  position:relative;
  z-index:10;
  width:100%;
  filter:blur(4px);
}
.view-link{
  width:calc( 300 / 1280 * 100% );
  position:absolute;
  z-index:99;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
.view-link-img{
  width:100%;
  height:auto;
}
.lang-box{
  margin-top:40px;
  display:flex;
  align-items:center;
}
.lang-title{
  flex:none;
  margin-right:-100px;
  width:200px;
  position:relative;
  z-index:99;
}
.lang-right{
  flex:1;
  position:relative;
  z-index:10;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:120px;
  padding-right:100px;
  background-image:linear-gradient(to right,#a0724c 90%,rgba(0,0,0,0));
}
.lang-right-title{
  font-size: 21px;
  color: #fef8df;
  line-height: 30px;
  height:89px;
  text-indent:42px;
}
.lang-right-bottom{
  font-size: 21px;
  color: #fef8df;
  text-align:right;
  display:block;
}
.service-box{
  position:relative;
  padding-bottom:150px;
}
.service-list-unit-title{
  font-size: 24px;
  color: #ffffff;
}
.service-list-unit-time{
  text-align:right;
  color: #eee1d9;
  margin-top:4px;
  font-size:14px;
}
.service-list{
  margin-top:30px;
  display:flex;
  position:relative;
  z-index:99;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}
.service-list-unit{
  flex:none;
  width:calc( 610 / 1280 * 100% );
  padding-top:13px;
  padding-bottom:2px;
  border-bottom:2px dotted #e9c2a2;
}

.service-list-unit:nth-last-child(-n+2){
  border-bottom:2px dotted rgba(0,0,0,0);
}
.service-list-unit-inner{
  width:calc( 548 / 634 * 100% );
  margin-left:auto;
  margin-right:auto;
}
.open-shadow{
  position:fixed;
  z-index:199;
  width:100%;
  height:100%;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6) 10%, rgba(0, 0, 0, 0.6) 90%, rgba(0, 0, 0, 0));
  display:none;
}
.open-shadow .main-box{
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
}
.open-box{
  width:calc( 818 / 1280 * 100% );
  margin:0 auto;
  position:relative;
  background-image:url(https://tkww-static.tkww.hk/special/donghua/open_swiper_left_top.png),url(https://tkww-static.tkww.hk/special/donghua/open_swiper_left_bottom.png),url(https://tkww-static.tkww.hk/special/donghua/open_swiper_right_bottom.png),url(https://tkww-static.tkww.hk/special/donghua/open_swiper_right_top.png),url(https://tkww-static.tkww.hk/special/donghua/open_swiper_bg.png);
  background-color:#eee6dc;
  border: solid 4px #89713d;
  background-size:60px auto,60px auto,60px auto,60px auto,147px auto;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
  background-position:left top,left bottom,right bottom,right top,right 0 top 35px;
  padding-top:27px;
  padding-bottom:31px;
}
.open-swiper{
  width:calc( 719 / 818 * 100% );
}
.open-swiper-slide-inner-img{
  width:calc( 523 / 719 * 100% );
  margin: 0 auto;
}
.open-swiper-button-next,.open-swiper-button-prev{
  width:22px;
  height:auto;
  margin-top:0;
  transform:translateY(-50%);
  top:30%;
}
.open-swiper-button-next{
  right:0;
}
.open-swiper-button-prev{
  left:0;
}
.open-swiper-slide-inner-summary{
  font-size: 24px;
  color: #452d19;
  line-height: 28px;
  margin-top:13px;
  text-align:justify;
}
.open-close{
  width:40px;
  position:absolute;
  right:0;
  bottom:calc( 100% + 10px );
  cursor:pointer;
}
.culture-box{
  margin-top:40px;
  position:relative;
}
.swiper3-swiper-button-next,.swiper3-swiper-button-prev{
  width:27px;
  height:auto;
  margin-top:0;
  transform:translateY(-50%);
}
.swiper3-swiper-button-next{
  right:-32px;
}
.swiper3-swiper-button-prev{
  left:-32px;
}
.swiper3-slide-inner-img{
  width:100%;
  cursor:pointer;
}
.focus-list{
  margin-top:10px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  background-image:url(https://tkww-static.tkww.hk/special/donghua/focus_bg.jpg?template=202502261212);
  background-size:100% 100%;
  flex-wrap:wrap;
  overflow:hidden;
  box-shadow: 0px 0px 45px 6px 
		rgba(99, 57, 24, 0.49);
}
.focus-list-unit{
  width:calc( 372 / 1280 * 100% );
  flex:none;
  padding-top:26px;
  padding-bottom:19px;
}
.focus-list-unit-inner{
  width:calc( 320 / 372 * 100% );
  margin:0 auto;
}
.focus-list-unit-inner-box-bottom{
  margin-top:11px;
}
.focus-list-unit-inner-title{
  font-size: 24px;
  line-height:30px;
  height:59px;
  color:#ffffff;
}
.focus-list-unit-inner-time{
  color:#eee1d9;
  font-size:14px;
  margin-top:6px;
  text-align:right;
}
.focus-list-unit-inner-img{
  height:calc( 320px * 9 / 16 );
}
.swiper2-slide-inner{
  padding-top: 21px;
  padding-bottom: 11px;
  background-image: linear-gradient(-30deg, 
		#cfa98b 0%, 
		#a36a3b 100%), 
	linear-gradient(
		#b0774a, 
		#b0774a);
  box-shadow: 0px 6px 8px 6.2px 
		rgba(0, 0, 0, 0.18);
  width:90%;
  margin:0 auto;
}
.swiper2 .swiper-slide{
  box-sizing:content-box;
  opacity:0.7;
  padding-top: 107px;
  padding-bottom: 107px;
  transition:0.5s;
  /*position:relative;
  z-index:10;*/
  /*transform-origin:50% 50%;*/
}

.swiper2 .swiper-slide-active,.swiper2 .swiper-slide-prev,.swiper2 .swiper-slide-next{
  opacity:1;
}
.swiper2 .swiper-slide-active{
  transform:scale(1.6);
  z-index:99;
}
.swiper2 .swiper-slide-prev,.swiper2 .swiper-slide-next{
  transform:scale(1.3);
  z-index:50;
}
.swiper2 .swiper-slide-active .swiper2-slide-inner{
  background-image:url(https://tkww-static.tkww.hk/special/donghua/story_bg.png),url(https://tkww-static.tkww.hk/special/donghua/story_bg_left_top.png),url(https://tkww-static.tkww.hk/special/donghua/story_bg_right_bottom.png),linear-gradient(-30deg, 
		#cfa98b 0%, 
		#a36a3b 100%), 
	linear-gradient(
		#b0774a, 
		#b0774a);
  background-size:100% 100%,calc( 113 / 375 * 100% ) auto,calc( 113 / 375 * 100% ) auto;
  background-position:0 0,0 0,right bottom;
  background-repeat:no-repeat,no-repeat,no-repeat;
}
.swiper2-slide-inner-box{
  width:88%;
  margin:0 auto;
}
.swiper2-slide-inner-box-bottom{
  margin-top:7px;
}
.swiper2-slide-inner-summary{
  font-size: 11px;
  line-height: 15px;
  color: #6b492d;
  height:calc( 3 * 15px - 1px );
  margin-top:5px;
}
.swiper2-slide-inner-time{
  margin-top:4px;
  text-align:right;
  font-size: 9px;
  color: #734f33;
}
.swiper2-slide-inner-title{
  font-size: 14px;
  line-height:19px;
  height:37px;
  color:#ffffff;
}
.second-box-left{
  width:calc( 638 / 1280 * 100% );
}
.common-title{
  position:relative;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:60px;
}
.common-title-img{
  height:75px;
  flex:none;
}
.common-title-more{
  font-size: 17px;
  color: #edddb8;
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
}
.style-list{
  margin-top:20px;
  background-image: linear-gradient(
		#a47650, 
		#a47650), 
	linear-gradient(
		#b0774a, 
		#b0774a);
}
.style-list-unit{
  width:100%;
}
.style-list-unit-inner{
  width:calc( 596 / 638 * 100% );
  margin: 0 auto;
  padding-top:24px;
  padding-bottom:21px;
  display:flex;
  align-items:center;
  border-bottom:1px dashed #e9c2a2;
}
.style-list-unit:hover{
  background-image:url(https://tkww-static.tkww.hk/special/donghua/style_story_bg.png);
  background-size:100% 100%;
}
.style-list-unit:hover .style-list-unit-inner,.style-list-unit:last-child .style-list-unit-inner{
  border-bottom:1px dashed rgba(0,0,0,0);
}
.style-list-unit-inner-img{
  width:calc( 271 / 596 * 100% );
  height:calc( 271px * 9 / 16 );
  flex:none;
}
.style-list-unit-inner-right{
  flex:1;
  margin-left:30px;
}
.style-list-unit-inner-title,.style-list-unit-inner-time{
  color:#ffffff;
}
.style-list-unit-inner-title{
  font-size:20px;
  height:59px;
  line-height:30px;
}
.style-list-unit-inner-time{
  text-align:right;
  font-size:14px;
  margin-top:38px;
}
.second-box-right{
  width:calc( 542 / 1280 * 100% );
}
.show-img{
  margin-top:20px;
  width:100%;
  height:594px;
}
.main-box{
  position:relative;
  z-index:10;
}
.swiper1-pagination{
  width: 100%;
  bottom: -37px;
}
.swiper1-pagination .swiper-pagination-bullet{
  width:27px;
  margin:0 4.5px;
  opacity:1;
  background-color: #e2c56c;
  height:7px;
  border-radius:7px;
}
.swiper1-pagination .swiper-pagination-bullet:nth-child(2n){
  background-color: #edddb8;
}
.swiper1-pagination .swiper-pagination-bullet-active{
  background-color: #ffffff!important;
  box-shadow: 0px 3px 8.6px 4.4px 
		rgba(91, 49, 15, 0.75);
}
.first-box{
  padding: 113px 0 0;
  align-items:flex-start;
}
.first-box-left{
  width:calc( 620 / 1280 * 100% );
  position:relative;
  box-shadow: 0px 6px 17.8px 6.2px 
		rgba(115, 74, 41, 0.18);
}
.first-box-right{
  width:calc( 584 / 1280 * 100% );
}
.swiper1-menu-unit{
  width:100%;
  padding:10px 0;
  position:relative;
}
.swiper1-menu-unit-active{
  background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(48,100,107,1) 20%,rgba(48,100,107,1) 80%,rgba(0,0,0,0));
}
.swiper1-menu-unit::before{
  content:"";
  width:calc( 477 / 584 * 100% );
  margin:0 auto;
  left:0;
  right:0;
  position:absolute;
  bottom:0;
  background-image:linear-gradient(to right,rgba(124,225,239,1) 0,rgba(124,225,239,1) 2px,rgba(124,225,239,0) 2px,rgba(124,225,239,0) 4px);
  background-size:4px auto;
  background-repeat:repeat;
  height:2px;
}
.swiper1-menu-unit:last-child::before,.swiper1-menu-unit-active::before{
  display:none;
}
.swiper1-menu-unit-title{
  font-size: 21px;
  color: #ffffff;
  line-height: 30px;
  height:59px;
  width:calc( 415 / 584 * 100% );
  margin-left:auto;
  margin-right:auto;
}
.swiper1{
  width:100%;
  height:calc( ( 620px - 16px ) * 9 / 16 );
  z-index:99;
  border:8px solid rgba(82,137,145,1);
  box-sizing:border-box;
}
.swiper-bg{
  width:calc( 853 / 620 * 100% );
  position:absolute;
  z-index:10;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
.bird{
  width:354px;
  left:-322px;
  bottom:-238px;
  position:absolute;
  z-index:10;
}

.menu-list{
  width:137px;
  position:fixed;
  left:7.81vw;
  top:50%;
  transform:translateY(-50%);
  background-image:linear-gradient(to bottom,rgba(153,106,61,1),rgba(204,183,151,1));
  display:none;
  z-index:99;
}
.menu-list-show{
  display:block;
}
.menu-list-unit{
  height:54px;
  cursor:pointer;
  width:100%;
  border-top:solid 1px #83501f;
  text-align:center;
  font-size: 20px;
  color:#ffffff;
  position:relative;
  line-height:54px;
}
.menu-list-unit span{
  z-index: 99;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.menu-list-unit-bg{
  position:absolute;
  z-index:10;
  left:0;
  top:0;
  width:100%;
}
.menu-list-unit:hover span,.menu-list-unit-active span{
  background-color:rgba(153,106,61,1);
  background-image:url(https://tkww-static.tkww.hk/special/donghua/menu_unit_active.png);
  background-size:calc( 45 / 173 * 100% ) auto;
  background-position:left 1px top 1px;
  background-repeat:no-repeat;
}
.menu-list-unit:nth-child(1){
  border-top:0;
}
@media (min-width:768px){
  .focus-list-unit:hover{
    background-image:url(https://tkww-static.tkww.hk/special/donghua/story_bg_left_top.png),url(https://tkww-static.tkww.hk/special/donghua/story_bg_right_bottom.png),linear-gradient(-30deg, 
      #cfa98b 0%, 
      #a36a3b 100%), 
      linear-gradient(
        #b0774a, 
        #b0774a);
    background-size:calc( 113 / 375 * 100% ) auto,calc( 113 / 375 * 100% ) auto, 100% 100%, 100% 100%;
    background-position:0 0,right bottom;
    background-repeat:no-repeat,no-repeat;
    box-shadow: 0px 0px 45px 6px 
      rgba(99, 57, 24, 0.49);
  }
  .service-list-unit:hover{
    border-bottom:2px dotted rgba(0,0,0,0);
    background-image:linear-gradient(to right,rgba(0,0,0,0),rgba( 48,100,107,1 ) 10%,rgba( 48,100,107,1 ) 90%,rgba( 0,0,0,0 ));
  }
}
@media (max-width:1860px){
  .menu-list{
    left:2vw;
  }
}
@media (max-width:1400px){
  .swiper1{
    height: calc((620 - 16) / 1280* 91vw* 9 / 16);
  }
  .style-list-unit-inner-img{
    width:19vw;
    height:calc( 19vw * 9 / 16 )
  }
  .show-img{
    height: calc(542 / 1280* 594 / 542* 91vw);
  }
  .focus-list-unit-inner-img{
    height:calc( 372 / 1280 * 91vw * 320 / 372 * 9 / 16 );
  }
}
@media (max-width:1099px){
  .open-box{
    width:91vw;
  }
  .common-title-img{
    height:5vw;
  }
  .common-title{
    margin-top: 4vw;
  }
  .culture-box{
   	margin-top:2vw;
  }
  .service-list{
   	margin-top:1vw;
  }
  .view-link{
    width:30vw;
  }
}
@media (max-width:767px){
  .view-link{
    width:53vw;
  }
  .open-box{
    width:96.26vw;
  }
  .open-swiper-slide-inner-summary{
    font-size:4.27vw;
    line-height:6vw;
    margin-top:8.67vw;
    max-height:36vw;
    overflow-y:auto;
    overflow-x:hidden;
  }
  .open-box{
    background-size: 9.2vw auto, 9.2vw auto, 9.2vw auto, 9.2vw auto, 19.6vw auto;
    background-position: left top, left bottom, right bottom, right top, right 10.13vw top 0;
    padding-top:6.8vw;
    padding-bottom:8.8vw;
  }
  .open-swiper-slide-inner-img{
    width:84.93vw;
    height:56.67vw;
  }
  .open-swiper-slide-inner-img img.imgBox-filter{
    object-fit: contain;
    filter: blur(0);
  }
  .open-swiper-button-next, .open-swiper-button-prev{
    width:6vw;
    top:59vw;
  }
  .open-swiper-button-next{
    right:36vw;
  }
  .open-swiper-button-prev{
    left:36vw;
  }
  .open-swiper{
    width:89.6vw;
  }
  .open-close{
    width:7vw;
  }
  .first-box{
    padding: 3.47vw 0 0;
  }
  .swiper-bg,.bird{
    display:none;
  }
  .first-box-left{
    width:100%;
  }
  .swiper1{
    height:calc( ( 96.26vw - 16px ) * 9 / 16 )
  }
  .first-box-right{
    width:100%;
  }
  .swiper1-menu-unit{
    padding:2.3vw 0;
  }
  .swiper1-menu-unit::before{
    width:100%;
  }
  .swiper1-menu-unit-active{
    background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(48,100,107,1) 10%,rgba(48,100,107,1) 90%,rgba(0,0,0,0));
  }
  .swiper1-menu-unit-title{
    font-size:4.27vw;
    -webkit-line-clamp: 1;
    height:unset;
    width:88.67vw;
    line-height:8vw;
  }
  .first-box-right{
    margin-top:3.33vw;
  }
  .swiper1-pagination{
    bottom: -72vw;
  }
  .second-box-left{
    width:100%;
  }
  .common-title-img{
    height:10.67vw;
  }
  .common-title-more{
    font-size:3.73vw;
  }
  .style-list-unit-inner{
    padding-top: 5.2vw;
    padding-bottom: 2.5vw;
    display:block;
    width:87.87vw;
  }
  .style-list-unit-inner-img{
    width:100%;
    height:calc( 87.87vw * 9 / 16 );
  }
  .style-list-unit-inner-title{
    font-size: 4.27vw;
    line-height:6vw;
    height:unset;
  }
  .common-title{
    margin-top:7vw;
  }
  .style-list{
    margin-top:4vw;
  }
  .style-list-unit-inner-right{
    margin-left:0;
    margin-top:2.7vw;
  }
  .style-list-unit-inner-time{
    font-size:3.2vw;
    margin-top:4.1vw;
  }
  .style-list-unit-inner{
    border-bottom: 0;
  }
  .style-list-unit:hover{
    background-image: unset;
  }
  .style-list-unit:nth-child(2n){
    background-color: #b08e73;
  }
  .second-box-right{
    width:100%;
  }
  .show-img{
    width:83.87vw;
    height:calc( 83.87vw * 594 / 542 );
    margin-top:2.27vw;
    margin-left:auto;
    margin-right:auto;
  }
  .swiper2{
    display:none;
  }
  .swiper2-slide-inner{
    width:100%;
    padding-top:9.2vw;
    padding-bottom:12.4vw;
    background-image:url(https://tkww-static.tkww.hk/special/donghua/story_bg_left_top.png),url(https://tkww-static.tkww.hk/special/donghua/story_bg_right_bottom.png),linear-gradient(-30deg, 
      #cfa98b 0%, 
      #a36a3b 100%), 
      linear-gradient(
        #b0774a, 
        #b0774a);
    background-size:calc( 113 / 375 * 100% ) auto,calc( 113 / 375 * 100% ) auto,100% 100%;
    background-position:0 0,right bottom;
    background-repeat:no-repeat,no-repeat;
    margin-top:4.27vw;
  }
  .swiper2-slide-inner:first-of-type{
    margin-top:0;
  }
  .swiper2-slide-inner-box{
    width:87.87vw;
  }
  .oversea-list-wap{
    margin-top:2.8vw;
  }
  .swiper2-slide-inner:nth-child(n+4){
    display:none;
  }
  .swiper2-slide-inner-title{
    font-size: 4.27vw;
    line-height:6vw;
    height:unset;
  }
  .swiper2-slide-inner-summary{
    font-size: 3.73vw;
    line-height:5vw;
    height:unset;
    margin-top:3.4vw;
  }
  .swiper2-slide-inner-time{
    display:none;
  }
  .focus-list{
    margin-top:2.8vw;
    background-image: url(https://tkww-static.tkww.hk/special/donghua/wap/focus_bg.jpg);
    background-repeat:repeat;
    background-size: auto auto;
    display: block;
    padding-top:5.33vw;
    padding-bottom:4.1vw;
  }
  .focus-list-unit:hover{
    background-image:unset;
  }
  .focus-list-unit{
    width:100%;
    padding-top:0;
    padding-bottom:0;
    margin-top:4.1vw;
  }
  .focus-list-unit:first-of-type{
    margin-top:0;
  }
  .focus-list-unit-inner-title{
    font-size: 4.27vw;
    line-height:6vw;
    height:unset;
  }
  .focus-list-unit-inner-box-bottom{
    margin-top:3.7vw;
  }
  .focus-list-unit-inner-time{
    font-size:3.2vw;
    margin-top:3.3vw;
  }
  .focus-list-unit-inner{
    width:87.87vw;
  }
  .focus-list-unit-inner-img{
    height:calc( 87.87vw * 9 / 16 );
  }
  .focus-list-unit:nth-child(n+4){
    display:none;
  }
  .swiper3-slide-inner{
    margin-top:6.53vw;
  }
  .swiper3-slide-inner:first-of-type{
    margin-top:0;
  }
  .swiper3-swiper-button-next, .swiper3-swiper-button-prev{
    width:7vw;
  }
  .swiper3-swiper-button-next{
    right:0;
  }
  .swiper3-swiper-button-prev{
    left:0;
  }
  .service-list{
    display:block;
  }
  .service-list-unit{
    padding-top:2.5vw;
    border-bottom: 2px dotted #7ce1ef;
    width:100%;
  }
  .service-list-unit:nth-last-child(n+5){
    display:none;
  }
  .service-list-unit:nth-last-child(-n+2){
    border-bottom: 2px dotted #7ce1ef;
  }
  .service-list-unit:nth-last-child(-n+1){
    border-bottom: 0;
  }
  .service-list-unit-inner{
    width:88.67vw;
  }
  .service-list-unit-title{
    font-size: 4.27vw;
    line-height:6vw;
  }
  .service-box{
    padding-bottom:8.7vw;
  }
  .lang-box{
    margin-top:7vw;
  }
  .lang-title{
    width:30vw;
    margin-right:-15vw;
  }
  .lang-right{
    padding-left: 17vw;
    padding-right: 5vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
  }
  .lang-right-title{
    font-size: 4.27vw;
    line-height: 6vw;
    height: 17.9vw;
    text-indent: 8.54vw;
  }
  .lang-right-bottom{
    font-size: 4.27vw;
  }
}