* {
  margin: 0;
  padding: 0;
  list-style: none;
}
body #waterfall-grid{
  grid-auto-rows: auto;
}
.modal {
  margin-top: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  max-height: 745px;
  overflow-y: scroll;
  position: relative;
}
.modal::-webkit-scrollbar{
  width: 5px;
}
.modal::-webkit-scrollbar-track{
  background: rgba(255, 255, 255,0.3);
  border-radius:5vw;
}
.modal::-webkit-scrollbar-thumb{
  background: rgba(255, 255, 255,0.3);
  border-radius:5vw;
}
.modal::-webkit-scrollbar-thumb:hover{
  background: rgba(255, 255, 255,1);
}
html{
  overflow-x:hidden;
}
body{
  background-color:rgba(79,19,78,1)!important;
  font-family:unset!important;
}
.live-box{
  display: flex;
  justify-content: center;
}
.ad-fixed{
  position:fixed;
  z-index:30;
  right:30px;
  top:200px;
}
.ad-img-box{
  position:relative;
  z-index:10;
}
.ad-img{
  width:220px;
}
.man-top{
  width:100%;
  margin-top:46px;
}
.oneLine,.twoLine,.threeLine,.fourLine,.fiveLine{
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.oneLine{
  -webkit-line-clamp: 1;
}
.twoLine{
  -webkit-line-clamp: 2;
}
.threeLine{
  -webkit-line-clamp: 3;
}
.fourLine{
  -webkit-line-clamp: 4;
}
.fiveLine{
  -webkit-line-clamp: 5;
}
.inner-main{
  max-width:1377px;
  box-sizing:content-box;
  margin:0 auto;
  position:relative;
}
.live{
  display:none;
  justify-content:center;
}
.live-inner{
  flex:none;
  padding: 69px 53px 76px;
  background-image:url(https://tkww-static.tkww.hk/special/bauhinia/live-bg.png);
  background-size:100% 100%;
  margin-top:46px;
}
.live-inner iframe{
  width:980px;
  height:calc( 980px * 9 / 16 );
  border:2px solid #ffffff;
}
.title-img-box{
  display:flex;
  justify-content:center;
  margin-top:89px;
}
.prev{
  margin-top:-89px;
}
.title-img-box-inner{
  flex:none;
}
.title-img{
  height:151px;
}
.swiper1{
  width:100%;
  height:100%;
  border: solid 2px #e156ff;
}
.swiper1-slide-inner{
  display:flex;
  width:100%;
  height:100%;
}
.swiper1-slide-left{
  flex:none;
  height:100%;
}
.swiper1-img{
  width:812px;
  height:calc( 812px * 9 /16 );
}
.swiper1-slide-right{
  flex:1;
  background-color:rgba(248,193,157,1);
  position:relative;
  padding-top: 32px;
}
.swiper1-title{
  font-size:24px;
  color: #651021!important;
  width:484px;
  margin: 0 auto;
  line-height: 34.6px;
  text-align:left;
  font-weight:bold;
}
.swiper1-text{
  font-size:17px;
  line-height: 30px;
  width:431px;
  margin: 23px auto 0 auto;
  color:rgba(79,19,78,1)!important;
  text-align:justify;
}
.swiper1-pagination{
  text-align:right;
}
.swiper1-pagination .swiper-pagination-bullet{
  opacity: 1;
  width: 30px;
  height: 38px;
  border-radius: 0;
  background-color: transparent;
  border: solid 1px #e156ff;
  text-align: center;
  font-size:18px;
  line-height:38px;
  box-sizing:border-box;
  color: #b861b7;
  margin:0 3.5px!important;
}
.swiper1-pagination .swiper-pagination-bullet-active{
  background-image: linear-gradient(90deg, #f266ff 0%, #a360e2 100%), linear-gradient(#f3a46e, #f3a46e);
  color: #ffffff;
}
.swiper1-pagination{
  bottom: 51px!important;
  left: auto!important;
  right: 54px;
}
.swiper1-slide-right-center-line{
  width:495px;
  height:2px;
  background-image:linear-gradient(to right,transparent, #9e5b9d, transparent);
  margin-top:18px;
  margin-left:auto;
  margin-right:auto;
}
.swiper1-box{
  border: solid 1px #e156ff;
  padding:13px 12px;
  box-sizing:border-box;
  margin-top:21px;
}
.news-list-box{
  margin-top:52px;
  background-color: #792d4c;
  padding-bottom:35px;
}
.news-list{
  display:flex;
  flex-wrap:wrap;
}
.news-list-unit{
  width:50%;
}
.news-list-unit-inner{
  transition:0.5s;
  display:flex;
  padding:17px 15px 22px 18px;
  align-items:center;
}
.news-list-unit-inner>a{
  flex:none;
}
.news-list-unit-inner-right{
  flex:1;
  padding-left:11px;
}
.news-list-unit-inner:hover{
  background-image: linear-gradient(90deg, #792d4c 0%, #5d175c 100%), linear-gradient(#ffffff, #ffffff);
}
.news-list-unit-img{
  width:260px;
  height:calc( 260px * 9 / 16 );
}
.news-list-unit-inner-title{
  font-size: 20px;
  line-height: 25px;
  color:#ffffff!important;
}
.news-list-unit-inner-time{
  margin-top:19px;
  color: #a65576;
  font-size: 16px;
  text-align:right;
}
.news-list-unit-line{
  width:95%;
  border-bottom: dashed 1px #ae8445;
  box-sizing:border-box;
  height:1px;
  margin-top:17px;
}
.news-list-unit:nth-child(-n+2) .news-list-unit-line-box{
  display:none;
}
.news-list-unit:nth-child(2n-1) .news-list-unit-line{
  margin-left:auto;
  margin-right:1px;
}
.news-list-unit:nth-child(2n) .news-list-unit-line{
  margin-right:auto;
  margin-left:1px;
}
.da-bre{
  background-color:rgba(0,0,0,0)!important;
}
.more-data{
  width:100%;
  margin:15px auto 0 auto;
  color: #ce7097!important;
  font-size: 25px;
}
.more-data-inner{
  display:flex!important;
  align-items:center;
  width:100%;
  justify-content:center;
}
.da-bre a{
  width:unset;
}
.da-bre div{
  color: #ce7097!important;
  font-size:25px;
  flex:none;
}
.more-data-inner img{
  flex:none;
  width:30px;
  margin-left:5px;
}
.man-list{
  display:flex;
  justify-content:space-around;
  flex-wrap:wrap;
}
.man-list-unit{
  flex:none;
  width:365px;
  position:relative;
  margin-top:66px;
}
.man-list-unit-img{
  position:relative;
  z-index:99;
  width:80%;
  margin-left:auto;
  margin-right:auto;
}
.man-list-unit-bottom {
  position: relative;
  z-index: 10;
  margin-top:-76px;
}
.man-list-unit-name{
  width: 186px;
  height: 49px;
  margin:0 auto;
  position:relative;
  color: #383838;
  font-size: 24px;
  font-weight:bold;
  line-height:49px;
}
.name-bg{
  width:100%;
  height:100%;
  position:absolute;
  z-index:10;
  left:0;
  top:0;
}
.man-list-unit-name div{
  height:100%;
  position:relative;
  text-align:center;
  z-index:99;
}
.man-list-unit-company{
  margin-top:9px;
}
.man-list-unit-company,.man-list-unit-work{
  font-size: 18px;
  line-height: 30px;
  color:#ffffff;
  text-align:center;
}
.list-img{
  margin-top:82px;
  width:100%;
}
.swiper2-box{
  margin-top:35px;
  width:100%;
}
.swiper2{
  width:1013px;
  overflow:visible;
}
.swiper2-img{
  width:100%;
  height:calc(1013px * 9 / 16);
}
.swiper2-slide{
  position:relative;
}
.swiper2-img-box{
  position:relative;
  z-index:10;
}
.swiper2-title-box{
  position:absolute;
  z-index:99;
  width:100%;
  background-color:rgba(0,0,0,0.6);
  padding:3px 16px;
  display:none;
  bottom:0;
  left:0;
}
.swiper-shadow{
  position:absolute;
  z-index:199;
  width:100%;
  height:100%;
  background-color: #5f145e;
  opacity: 0.57;
}
.swiper-slide-active .swiper2-title-box{
  display:block;
}
.swiper-slide-active .swiper-shadow{
  display:none;
}
.swiper2-title{
  color:#ffffff!important;
  font-size: 16px;
  line-height:24px;
}
.swiper-button-next.swiper2-button{
  margin-right:calc( 50% - 1013px / 2 - 37px - 28px );
}
.swiper-button-prev.swiper2-button{
  margin-left:calc( 50% - 1013px / 2 - 37px - 28px );
}
.swiper2-button{
  width:37px;
  height:auto;
  top:calc( 1013px * 9 / 16 / 2 - 132px / 2 );
}
.swiper2-pagination{
  position:static;
  margin-top:26px;
}
.swiper2-pagination .swiper-pagination-bullet{
  width:15px;
  height:15px;
  margin:0 5.5px!important;
  opacity: 0.36;
  border-radius: 50%;
  background-color: #e4a8ef;
}
.swiper2-pagination .swiper-pagination-bullet-active{
  background-color: #ffffff;
  opacity: 0.8;
}
.active-menu{
  display:flex;
  padding-left:10px;
  margin-top:29px;
}
.active-menu-unit{
  flex:none;
  cursor:pointer;
}
.active-menu-unit-img{
  height:65px;
}
.swiper3{
  width:100%;
  height:669px;
  margin-top:-2px;
}
.swiper3-slide-inner{
  padding:41px 43px;
  background-size:379px auto,100% 100%;
  background-position:right 93px bottom 23px,0 0;
  font-size:22px;
  color: #424242;
  line-height: 36px;
  height:100%;
  overflow-y:auto;
}
.swiper3-slide-inner::-webkit-scrollbar{
  width: 5px;
}
.swiper3-slide-inner::-webkit-scrollbar-track{
  background: rgba(0, 0, 0,0.3);
  border-radius:5vw;
}
.swiper3-slide-inner::-webkit-scrollbar-thumb{
  background: rgba(0, 0, 0,0.3);
  border-radius:5vw;
}
.swiper3-slide-inner::-webkit-scrollbar-thumb:hover{
  background: rgba(0, 0, 0,1);
}
.swiper3 .swiper-slide:nth-child(1) .swiper3-slide-inner{
  background-image: url(https://tkww-static.tkww.hk/special/bauhinia/act-bg1-logo.png),url(https://tkww-static.tkww.hk/special/bauhinia/act-bg1.png);
}
.swiper3-slide-title{
  font-weight:bold;
  font-size:26px;
}
.swiper3 .swiper-slide:nth-child(1) .swiper3-slide-title{
  color: #af39d0;
}
.swiper3 .swiper-slide:nth-child(2) .swiper3-slide-inner{
  background-image: url(https://tkww-static.tkww.hk/special/bauhinia/act-bg2-logo.png),url(https://tkww-static.tkww.hk/special/bauhinia/act-bg2.png);
}
.swiper3 .swiper-slide:nth-child(2) .swiper3-slide-title{
  color: #ae6f28;
}
.swiper3-slide-text-list-unit{
  margin-top:23px;
}
.swiper3-slide-text-list-unit:first-of-type{
  margin-top:10px;
}
.text-bold{
  font-weight:bold;
}
a.title-img-box{
  margin-top:12px;
}
.talk-icon{
  width:143px;
  cursor:pointer;
}
.talk-box{
  height:745px;
  margin-top:33px;
  overflow-y:auto;
  overflow-x:hidden;
}
.talk-list{
  height:calc( 745px * 2 + 17px );
  display:flex;
  flex-direction:column;
  flex-wrap: wrap;
}
.talk-list-unit{
  /*width:23.6%;
  margin-right: calc( ( 100% - 23.6% * 4 ) / 4 + 2px );
  margin-bottom:17px;*/
  width:96%;
  background-color: #73284e;
  border-style: solid;
  border-width: 3px;
  border-image-source: linear-gradient(45deg, #7e2e38 0%, #e5908a 52%, #7e2e38 100%);
  border-image-slice: 1;
  box-sizing:border-box;
  padding-top:18px;
  padding-bottom:44px;
  margin-bottom:20px;
}
.talk-list-unit-name{
  font-size: 17px;
  color: #f7b0af;
  margin-left:21px;
}
.talk-list-unit-text{
  width:90%;
  text-align:justify;
  font-size:12px;
  margin:15px auto 0 auto;
  text-decoration:underline;
  text-decoration-color:rgba(255,255,255,0.1);
  color:#ffffff;
  line-height: 25px;
  text-underline-offset: 7.5px;
}
.talk-box::-webkit-scrollbar{
  width: 5px;
}
.talk-box::-webkit-scrollbar-track{
  background: rgba(255, 255, 255,0.3);
  border-radius:5vw;
}
.talk-box::-webkit-scrollbar-thumb{
  background: rgba(255, 255, 255,0.3);
  border-radius:5vw;
}
.talk-box::-webkit-scrollbar-thumb:hover{
  background: rgba(255, 255, 255,1);
}
.swiper4-box{
  margin-top:44px;
  position:relative;
}
.swiper4{
  width:730px;
  overflow:visible;
}
.swiper4-slide{
  position:relative;
  /*border-radius: 25px;
  border: solid 3px #ffffff;*/
  overflow:hidden;
  display:none;
  box-shadow: 3.8px -7.1px 16px 0px rgba(6, 6, 6, 0.2);
}
.swiper-slide-active .swiper4-slide,.swiper-slide-prev .swiper4-slide,.swiper-slide-next .swiper4-slide{
  display:block;
}
.swiper4-img-box{
  position:relative;
  z-index:10;
}
.swiper4-img{
  width:100%;
  height:calc( 730px * 9 / 16 );
}
.swiper4-title-box{
  background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5));
  position:absolute;
  z-index:99;
  left:0;
  width:100%;
  height:139px;
  box-sizing:border-box;
  bottom:0;
  display:flex;
  padding:0 22px 22px 43px;
  align-items:flex-end;
  justify-content:space-between;
}
.swiper4 .swiper-shadow{
  background-color: #250d0d;
  opacity: 0.51;
}
.swiper4-title{
  flex:none;
  color:#ffffff!important;
  font-size: 46px;
  max-width:500px;
}
.swiper4-time{
  font-size:28px;
  flex:none;
  color:#ffffff!important;
}
.swiper-button-prev.swiper4-button{
  left:-102px;
}
.swiper-button-next.swiper4-button{
  right:-102px;
}
.swiper4-button{
  width:91px;
  height:auto;
}
.report{
  position:relative;
}
.report-bg{
  position:absolute;
  z-index:10;
  width:100vw;
  left:0;
  bottom:-11vw;
}
body .roll-view{
  margin-top:32px;
}
.report .inner-main{
  position:relative;
  z-index:99;
}
.title-company{
  width:438px;
}
.company-list{
  display:flex;
  justify-content:center;
  margin-top:96px;
}
.company-list-unit{
  width:379px;
  height:calc( 379px * 237 / 379 );
  background-image:url(https://tkww-static.tkww.hk/special/bauhinia/company-bg.png);
  background-size:100% 100%;
  margin-left:136px;
  flex:none;
  box-sizing:border-box;
  color:#ffffff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.company-list-unit:first-of-type{
  margin-left:0;
}
.company-list-unit-title{
  font-size:33px;
  font-weight:bold;
  margin-bottom:13px;
  flex:none;
}
.company-list-unit-text{
  flex:none;
  font-size: 21px;
  line-height: 30px;
  width: 217px;
  text-align: justify;
  text-align-last: justify;
}
body .site-footer{
  background-color: #78216d;
}
body footer{
  margin-top:105px;
  position:relative;
  z-index:10;
}
body .footer-tap{
  color: #d995d0!important;
  font-size: 19px;
  line-height: 30px;
}
body{
  position:relative;
}
body>div{
  position:relative;
  z-index:10;
}
.shadow-box{
  width:100%;
  height:100%;
  z-index:99;
  background-color:rgba(0,0,0,0.7);
  position:absolute;
  display:none;
}
.talk-area{
  position: fixed;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background:#ffffff;
  border-radius: 20px;
  width: 800px;
  padding:26px 60px 122px;
  box-sizing:border-box;
  background-image:url(https://tkww-static.tkww.hk/special/bauhinia/talk-bg.png);
  background-size:100% auto;
  background-repeat:no-repeat;
  background-position:left 0 bottom -94px;
}
.close-icon,.close-icon1{
  width: 42px;
  position:absolute;
  top:17px;
  right:18px;
  cursor:pointer;
  z-index:99;
}
.close-icon1{
  width:30px;
}
.talk-area-title{
  display:flex;
  justify-content:center;
  align-items:center;
}
.talk-icon1-box{
  flex:none;
}
.talk-icon1{
  width: 65px;
}
.talk-area-title-text{
  flex:none;
  margin-left:15px;
  font-size:29px;
  font-weight:bold;
}
.talk-area-content{
  border-radius: 20px;
  border: solid 1px #3b414c;
  overflow: hidden;
  margin-top:44px;
}
.talk-area-content-title{
  padding:22px 0 5px 23px;
  color: #01231f;
  font-size: 21px;
  background-image: linear-gradient(85deg, #ffffff 0%, #f9d4a1 100%);
  background-color: #fefefe;
}
.talk-area-content-text-area{
  padding:38px 60px 63px 50px;
  background-color: #fefefe;
  color: #01231f;
  font-size: 18px;
  line-height: 30px;
  display: block;
  height: 200px;
  box-sizing: border-box;
  width: 100%;
}
.name-box{
  display:flex;
  height: 64px;
  background-image: linear-gradient(0deg, #d8d8d8 0%, #ffffff 100%);
  border-radius: 20px 20px 0px 0px;
  font-size: 21px;
  color: #01231f;
  font-weight:bold;
  padding-top:10px;
  box-sizing:border-box;
  align-items:center;
  padding-left:24px;
  padding-right:24px;
  margin-top:19px;
  padding-bottom:5px;
}
.name-box-wap{
  display:none;
}
.name-title{
  width: 91px;
  text-align-last: justify;
  text-align: justify;
  flex:none;
}
.name-input,.mail-input,.code-input{
  background-color:transparent;
  font-size: 18px;
  color: #01231f;
  flex:1;
  overflow-x:auto;
}
.mail-input::placeholder,.talk-area-content-text-area::placeholder,.name-input::placeholder,.code-input::placeholder {
  font-size:18px;
  color:#999999;
}
.send{
  width: 200px;
  height: 60px;
  line-height: 60px;
  text-align:center;
  font-size: 25px;
  font-weight:bold;
  background-image: linear-gradient(11deg, #f6d964 0%, #ffad5e 44%, #f8d77e 100%), linear-gradient(94deg, #dea85e 0%, #f1c487 50%, #a37a41 100%);
  box-shadow: 0px 4px 8.9px 1.1px #9f9f9f;
  border-radius: 30px;
  position:absolute;
  right:70px;
  bottom:25px;
  color:#ffffff;
  cursor:pointer;
}
.code-img-box{
  flex:none;
  margin-left:5px;
  height:100%;
}
.code-img{
  height:100%;
  cursor:pointer;
}
.talk .title-img-box:nth-child(2){
  margin-top:12px;
}
@media (max-width:1610px){
  .swiper4{
    width:45vw;
  }
  .swiper4-slide{
    border-radius: 1.5vw;
  }
  .swiper4-img{
    height: calc( 45vw * 9 / 16 );
  }
  .swiper4-button{
    width:4vw;
  }
  .swiper-button-next.swiper4-button{
    right: 1vw;
  }
  .swiper-button-prev.swiper4-button{
    left:1vw;
  }
  .swiper4-title-box{
    height: 8vw;
    padding: 0 1.5vw 1.5vw 3vw;
  }
  .swiper4-title{
    font-size: 2.5vw;
    max-width: 31vw;
  }
  .swiper4-time{
    font-size:1.7vw;
  }
}
@media (max-width:1400px){
  .ad-fixed{
    right:4vw;
  }
  .swiper4-box{
    margin-top:3vw;
  }
  .ad-img{
    width:15vw;
  }
  .talk-area{
    width: 70vw;
    padding: 2vw 5vw 10vw;
    background-position: left 0 bottom -8vw;
    border-radius: 1.5vw;
  }
  .close-icon,.close-icon1{
    width: 3vw;
    top: 1vw;
    right: 1vw;
  }
  .close-icon1{
    width:2vw;
  }
  .talk-icon1{
    width:4vw;
  }
  .talk-area-title-text{
    font-size: 2vw;
    margin-left: 1vw;
  }
  .talk-area-content{
    margin-top: 3vw;
    border-radius: 1.5vw;
  }
  .talk-area-content-title{
    padding: 1.5vw 0 0.5vw 1.5vw;
    font-size: 1.5vw;
  }
  .talk-area-content-text-area{
    padding: 2.5vw 5vw 5vw 4vw;
    font-size: 1.3vw;
    line-height: 2vw;
    height: 23vw;
  }
  .name-box{
    height: 4.5vw;
    font-size: 1.5vw;
    padding-top: 1vw;
    padding-left: 1.5vw;
    padding-bottom: 0.3vw;
    padding-right: 1.5vw;
    margin-top: 1.5vw;
    border-radius: 1.5vw 1.5vw 0px 0px;
  }
  .name-input, .mail-input, .code-input,.mail-input::placeholder,.talk-area-content-text-area::placeholder,.name-input::placeholder,.code-input::placeholder{
    font-size:1.3vw;
  }
  .send{
    width: 20vw;
    height: 6vw;
    line-height: 6vw;
    font-size: 2.5vw;
    border-radius: 2vw;
    right: 6vw;
    bottom: 1vw;
  }
  .inner-main{
    max-width:91vw;
  }
  .live-inner{
    margin-top: 3vw;
    padding: 5vw 4vw 6vw;
  }
  .live-inner iframe{
    width: 70vw;
    height: calc( 70vw * 9 / 16 );
  }
  .title-img-box{
    margin-top: 6vw;
  }
  .prev{
    margin-top:-6vw;
  }
  .title-img{
    height:11vw;
  }
  .swiper1-box{
    padding: 1vw;
    margin-top: 1.5vw;
  }
  .swiper1-img{
    width: 46vw;
    height: calc( 46vw * 9 /16 );
  }
  .swiper1-title{
    font-size:1.6vw;
    line-height: 2vw;
    width:35vw;
  }
  .swiper1-slide-right-center-line{
    width:35vw;
    margin-top: 1vw;
  }
  .swiper1-text{
    font-size: 1.3vw;
    line-height: 2vw;
    width: 30vw;
    margin: 1vw auto 0 auto;
  }
  .swiper1-pagination .swiper-pagination-bullet{
    width: 2.5vw;
    height: 3vw;
    line-height: 3vw;
    font-size: 1.3vw;
    margin: 0 0.2vw!important;
  }
  .swiper1-pagination{
    bottom: 2vw!important;
    right: 4vw;
  }
  .swiper1-slide-right{
    padding-top:2vw;
  }
  .news-list-box{
    margin-top: 3vw;
    padding-bottom: 2vw;
  }
  .news-list-unit-line{
    margin-top:1vw;
  }
  .news-list-unit-img{
    width: 19vw;
    height: calc( 19vw * 9 / 16 );
  }
  .news-list-unit-inner{
    padding: 1vw 1vw 1.5vw 1vw;
  }
  .news-list-unit-inner-right{
    padding-left: 0.8vw;
  }
  .news-list-unit-inner-title{
    font-size: 1.5vw;
    line-height: 2vw;
  }
  .news-list-unit-inner-time{
    font-size: 1.2vw;
    margin-top: 1.1vw;
  }
  .da-bre div{
    font-size: 1.7vw;
  }
  .more-data{
    font-size: 1.7vw;
  }
  .more-data-inner img{
    margin-left: 0.3vw;
    width: 2vw;
  }
  .man-list-unit{
    width: 25vw;
    margin-top: 4vw;
  }
  .man-list-unit-bottom{
    margin-top: -6vw;
  }
  .man-list-unit-name{
    width: 14vw;
    height: 3.5vw;
    line-height: 3.5vw;
    font-size: 1.8vw;
  }
  .man-list-unit-company, .man-list-unit-work{
    font-size: 1.5vw;
    line-height: 2vw;
  }
  .swiper2-box{
    margin-top: 2vw;
  }
  .swiper2{
    width: 60vw;
  }
  .swiper2-img{
    height: calc(60vw * 9 / 16);
  }
  .swiper2-button{
    width:2vw;
    top: calc( 60vw * 9 / 16 / 2 - 2vw * 37 / 132 / 2 );
  }
  .swiper-button-next.swiper2-button{
    margin-right: calc( 50% - 60vw / 2 - 2vw - 3vw );
  }
  .swiper-button-prev.swiper2-button{
    margin-left: calc( 50% - 60vw / 2 - 2vw - 3vw );
  }
  .swiper2-pagination .swiper-pagination-bullet{
    width: 1vw;
    height: 1vw;
    margin: 0 0.3vw!important;
  }
  .swiper2-title-box{
    padding: 0.5vw 1vw;
  }
  .swiper2-title{
    font-size: 1.2vw;
    line-height: 1.7vw;
  }
  .active-menu{
    margin-top: 1vw;
    margin-left: 0.5vw;
  }
  .active-menu-unit-img{
    height: 5vw;
  }
  .swiper3{
    height: 51vw;
  }
  .swiper3-slide-inner{
    padding: 3vw 3vw;
    font-size: 1.3vw;
    line-height: 2.2vw;
    background-size: 27vw auto,100% 100%;
    background-position: right 7vw bottom 1.5vw,0 0;
  }
  .swiper3-slide-title{
    font-size: 1.4vw;
  }
  .swiper3-slide-text-list-unit{
    margin-top:4vw;
  }
  .talk .title-img-box:nth-child(2){
    margin-top:1vw;
  }
  .talk-icon{
    width:10vw;
  }
  .talk-box{
    height:53vw;
    margin-top: 2vw;
  }
  .talk-list-unit{
    margin-right: calc( ( 100% - 23.6% * 4 ) / 4 + 0.2vw );
    margin-bottom: 1.2vw;
    padding-bottom: 3.1vw;
    padding-top: 1.3vw;
  }
  .talk-list{
    height: calc( 53vw * 2 + 1.2vw );
  }
  .talk-list-unit-name{
    font-size: 1.2vw;
    margin-left: 1.5vw;
  }
  .talk-list-unit-text{
    margin: 1vw auto 0 auto;
    font-size: 1vw;
    line-height: 2vw;
    text-underline-offset: 0.7vw;
  }
  .title-company{
    width: 31vw
  }
  .company-list{
    margin-top: 7vw;
  }
  .company-list-unit{
    width: 29vw;
    height: calc( 29vw * 237 / 379 );
  }
  .company-list-unit-title{
    font-size: 2vw;
    margin-bottom: 0.7vw;
  }
  .company-list-unit-text{
    font-size: 1.5vw;
    line-height: 2.3vw;
    width:16vw;
  }
  body footer{
    margin-top: 7vw;
  }
  body .footer-tap{
    font-size: 1.3vw;
    line-height: 2vw;
  }
}
@media (max-width:1279px){
  .report-bg{
    bottom: -4vw;
    transform: scale(2);
  }
}
@media (max-width:1099px){
  .ad-img{
    width:12vw;
  }
  .talk-area-title-text{
    font-size: 2.5vw;
  }
  .talk-area-content-title,.name-box{
    font-size: 2vw;
  }
  .name-input, .mail-input, .code-input,.mail-input::placeholder,.talk-area-content-text-area::placeholder,.name-input::placeholder,.code-input::placeholder{
    font-size:1.7vw;
  }
  .swiper1-title{
    font-size: 2vw;
    line-height: 2.5vw;
  }
  .swiper1-text{
    font-size: 1.7vw;
    line-height: 2vw;
  }
  .swiper1-pagination{
    bottom: 1vw!important;
  }
  .swiper1-pagination .swiper-pagination-bullet{
    height: 2.5vw;
    line-height: 2.5vw;
  }
  .news-list-unit-inner-title{
    font-size: 1.7vw;
  }
  .news-list-unit-inner-time{
    font-size:1.4vw;
  }
  .swiper2-title{
    font-size: 1.7vw;
    line-height:2.5vw;
  }
  .swiper3-slide-inner{
    font-size: 1.5vw;
  }
  .swiper3-slide-title{
    font-size: 1.6vw;
  }
  .talk-list-unit-name{
    font-size: 1.6vw;
  }
  .talk-list-unit-text{
    font-size: 1.2vw;
  }
  body .footer-tap{
    font-size:1.5vw;
  }
}
@media (max-width:767px){
  .live-inner iframe{
    width: 84vw;
    height: calc( 84vw * 9 / 16 );
  }
  .inner-main{
    max-width:92vw;
  }
  .title-img{
    height:12.4vw;
  }
  .swiper1-slide-inner{
    display: block;
  }
  .swiper1-img{
    width: 100%;
    height: calc( 90vw * 9 /16 );
  }
  .swiper1-title{
    width:84.27vw;
    font-size: 4.27vw;
    line-height: 6.07vw;
    -webkit-line-clamp: 2;
  }
  .swiper1{
    background-color: rgba(248,193,157,1);
    border: solid 3px #e156ff;
  }
  .swiper1-slide-right-center-line{
    width:80.27vw;
  }
  .swiper1-box{
    padding:2vw;
  }
  .swiper1-text{
    width: 80.4vw;
    font-size: 3.2vw;
    line-height: 4.98vw;
    -webkit-line-clamp: 3;
  }
  .swiper1-pagination .swiper-pagination-bullet{
    width: 3.33vw;
    height: 4.27vw;
    font-size: 2.51vw;
    line-height: 4.27vw;
  }
  .swiper1-slide-right{
    height:39vw;
  }
  .swiper1-pagination{
    right:3vw;
    bottom:2vw!important;
  }
  #storyList{
    display:block;
  }
  .news-list-unit{
    width:100%;
  }
  .news-list-box{
    padding-top:1.47vw;
  }
  .news-list-unit-inner{
    padding: 2.27vw 3.73vw 2.13vw 2.93vw;
  }
  .news-list-unit-img{
    width:34.27vw;
    height:calc( 34.27vw * 9 / 16 );
  }
  .news-list-unit-inner-right{
    padding-left:1.6vw;
  }
  .news-list-unit-inner-title{
    font-size: 4.27vw;
    line-height: 4.54vw;
  }
  .news-list-unit-inner-time{
    font-size: 2.67vw;
    margin-top: 2.28vw;
  }
  .news-list-unit:nth-child(2) .news-list-unit-line-box{
    display:block;
  }
  .news-list-unit-line{
    margin-top:1.73vw;
    width: 88.93vw;
  }
  .news-list-unit:nth-child(2n) .news-list-unit-line{
    margin-left:auto;
  }
  .news-list-unit:nth-child(2n-1) .news-list-unit-line{
    margin-right:auto;
  }
  .more-data{
    margin-top: 0;
  }
  .da-bre div{
    font-size:3.23vw;
  }
  .more-data{
    font-size:3.23vw;
  }
  .more-data-inner img{
    width:3.47vw;
    margin-left: 1vw;
  }
  .man-list-unit{
    width:35.47vw;
  }
  .man-list-unit-name{
    width: 21.07vw;
    height: 5.6vw;
    font-size: 3.73vw;
    line-height: 5.6vw;
  }
  .man-list-unit-company, .man-list-unit-work{
    font-size: 3.07vw;
    line-height: 5vw;
    width: 48vw;
    margin-left: -6.5vw;
  }
  .list-img{
    margin-top: 11.47vw;
  }
  .swiper2{
    width:86.93vw;
  }
  .swiper2-img{
    height: calc( 86.93vw * 9 / 16 );
  }
  .swiper2-button{
    width:3.2vw;
    top: calc( 86vw * 9 / 16 / 2 - 3vw * 37 / 132 / 2 );
  }
  .swiper-button-next.swiper2-button{
    margin-right: calc( 50% - 86.93vw / 2 - 3.2vw - 3vw );
  }
  .swiper-button-prev.swiper2-button{
    margin-left: calc( 50% - 86.93vw / 2 - 3.2vw - 3vw );
  }
  .swiper2-pagination{
    margin-top:1.73vw;
  }
  .swiper2-pagination .swiper-pagination-bullet{
    width: 1.33vw;
    height: 1.33vw;
    margin: 0 1.135vw!important;
  }
  .active-menu-unit-img{
    height:7vw;
  }
  .swiper3{
    height: 77.33vw;
  }
  .swiper3-slide-title{
    font-size:3.2vw;
    line-height: 4.27vw;
  }
  .swiper3-slide-inner{
    font-size: 2.8vw;
    line-height: 4vw;
    background-size: 38.52vw auto,auto 100%;
    background-position: right 0.4vw top 2.53vw,0 0;
  }
  .talk-icon{
    width: 19.07vw;
  }
  .talk-box{
    height: 100.53vw;
  }
  .talk-list{
    height:calc( 100.53vw * 4.5 + 3vw );
  }
  .talk-list-unit-name{
    font-size: 3.2vw;
  }
  .talk-list-unit-text{
    font-size: 2.67vw;
    line-height: 4vw;
  }
  .swiper2-title{
    font-size:3.5vw;
    line-height:5vw;
  }
  .title-company{
    width:44.93vw;
  }
  .company-list-unit{
    width: 40vw;
    height: calc( 40vw * 237 / 379 );
    margin-left: 13.2vw;
  }
  .company-list-unit-title{
    font-size: 4.27vw;
  }
  .company-list-unit-text{
    font-size: 2.67vw;
    line-height: 3.5vw;
    width: 28vw;
  }
  body .footer-tap{
    font-size: 3.73vw;
    line-height: 5.05vw;
  }
  .talk-list-unit{
    margin-bottom:3vw;
  }
  .talk-area{
    width:92vw;
  }
  .talk-icon1{
    width:8vw;
  }
  .talk-area-title-text{
    font-size:5.3vw;
  }
  .close-icon,.close-icon1{
    width:7vw;
  }
  .close-icon1{
    width:6vw;
  }
  .talk-area-content-title, .name-box{
    font-size:4.27vw;
  }
  .talk-area-content-text-area{
    font-size:3.7vw;
    line-height: 5vw;
    height: 44vw;
  }
  .name-input, .mail-input, .code-input,.mail-input::placeholder,.talk-area-content-text-area::placeholder,.name-input::placeholder,.code-input::placeholder{
    font-size:3.7vw;
  }
  .name-box{
    height: 9vw;
  }
  .company{
    margin-top:17vw;
  }
  .swiper4-button{
    width:11.07vw;
    top: calc( 50% + 2vw );
  }
  .swiper4{
    width:80vw;
    overflow:hidden;
  }
  .swiper-button-next.swiper4-button{
    right:-2vw;
  }
  .swiper-button-prev.swiper4-button{
    left:-2vw;
  }
  .swiper4-img{
    height:calc(80vw * 9 / 16);
  }
  .name-box{
    height:11vw;
    padding-bottom: 1vw;
    margin-top:3vw;
  }
  .name-box-wap{
    display:inline-block;
    width:unset;
    padding-left:1vw;
    padding-right:1vw;
  }
  .code-img{
    margin-left:0;
  }
  .ad-img{
    width:25vw;
  }
  .send{
    bottom: 2vw;
    width: 25vw;
    height: 8vw;
    font-size: 4.3vw;
    line-height: 8vw;
  }
  .name-title{
    width:19vw;
  }
}