@charset "utf-8";
* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing: border-box; -webkit-box-sizing: border-box; }
body { margin: 0px; padding: 0px; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 12px; color: #333;  margin: 0 auto; position: relative; background: #fff; -webkit-text-size-adjust: none; }
html, body { width: 100%; height: 100% }
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #666;  }
i, em { display: inline-block; font-style: normal; }
*:focus { outline: none }
img { border: 0px; max-width: 100%; }
ul, li { list-style-type: none; }
a { color: #424242; text-decoration: none; border: none; outline: none; transition: all 0.5s ease; }
a:hover { color: #705e3d; }
.clear { clear: both; content: ''; height: 0px; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.wrap { max-width: 1160px; margin: 0 auto; padding:0 12px; }
.flex{ display: flex; align-items: center;}
.center{ display: flex; justify-content: center; align-items: center;}
.between{ display: flex; justify-content: space-between; align-items: center;}

@font-face {
  font-family: 'parisienneregular';
  src: url('../font/parisienne-webfont.woff2') format('woff2'),
  url('../font/parisienne-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Eras-Medium-ITC';
  src: url('../font/Eras-Medium-ITC.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


/**logo动画启动***/
.logo-page{ background:#000; position: fixed; left:0; top:0; transition: all 0.8s linear; width:100%; height:100%; z-index:2222; }
.logo-page video{ width:100%; height:100%; object-fit: cover}
.logo-page.hide{ opacity:0; z-index:-10; }
.invideo{ position: fixed; top:0; left:0; width: 100%; height: 100%; z-index:0; transition: 1s opacity;}

/***首页***/
.inheader{ position: fixed; top:0px; left:0; width:100%; padding:45px 50px; display: flex; z-index:22;}
.inheader .menuico{ height:36px; padding:2px 0; cursor:pointer; flex-direction: column; width:45px; margin-right:40px; }
.inheader .menuico span{ width:100%; height:2px; background:#705e3d; transition: 0.3s ease;}
.inheader .ha{ height:36px; background:#705e3d; color:#fff; padding:0 20px; min-width:80px;}
.inheader .lang{ margin-left:20px; position: relative; cursor: pointer;}
.inheader .lang dl{ position: absolute; width:100%; left:0; top:36px; background:#705e3d; display: none;}
.inheader .lang dl a{ display: block; padding:10px; text-align: center; font-size:14px; color:#fff;}
.inheader .lang dl a:hover{ opacity:0.8; }
.inheader .logo{ width:150px; }
.menudown{ position: fixed; left:41px; text-align: left; top:130px; width:200px; z-index:22; animation:showm 0.5s ease;  }
.menudown li{ padding-bottom:30px; transition: all 0.5s ease; }
.menudown li a{ border-left:1px solid #3b3121; font-size:15px; display: block; padding-left:15px; color:#fff; }
.menudown li a span{ display: block;}
.menudown li a:hover{ color:#fff; border-color:#705e3d; }
.menudown li.on{ opacity:0.6; }
.inheader .menuico.on span:nth-child(1){ transform: rotate(45deg) translateY(20px) translateX(1px); }
.inheader .menuico.on span:nth-child(2){ opacity:0; }
.inheader .menuico.on span:nth-child(3){ transform: rotate(-45deg) translateY(-20px) translateX(1px); }
@keyframes showm{
  0%{ opacity:0; visibility: hidden; }
  100%{ opacity:1; visibility: visible; }
}

/***首页底部分享**/
.mmavbg{ width:320px; position: fixed; left:0; top:0; height:100%; background:rgba(0,0,0,0.7); z-index:5;}
.in-foot{ width:210px; position: fixed; z-index:22; left:50px; bottom:80px; animation:showm 0.5s ease;}
.in-foot .contact p{ font-size:14px; margin-bottom:10px; line-height:22px; }
.in-foot .contact p a{ color:#fff; opacity:0.6; }
.in-foot .contact p a img{ vertical-align: middle; height:16px; margin-right:5px; }
.in-foot .contact p a:hover{ opacity:1; }
.share{ display: flex; margin-top:10px;}
.share li{ margin-right:10px;}
.share li img{ width: 30px; height: 30px;}

.innav-box { width:1100px; display: flex; align-items: flex-end; position: fixed; left:0; right:0; margin:auto; bottom:0; transform: translateX(150px);  }
.brandlist{ width:150px; margin-left:50px; height:100%; display: flex; flex-direction: column; }
.brandlist li{ flex:1;}
.brandlist li a{ height:100%; display: flex; justify-content: center; align-items: center; transition: all 0.5s ease; opacity:0.5;}
.brandlist li a img{ max-height:100%; transition: all 0.5s ease}
.brandlist li a.on{ opacity:1;}
.brandlist li a.on img{ transform: scale(1.3) }

.innav-box .innav-img{ flex:1; position: relative; }
.innav-box .innav-img img{ width:100%; display: block; }
.innav-box .innav-img a{ display: block; transition: all 0.5s ease; opacity:0.7;}
.innav-box .innav-img a.on{ opacity:1;}

.mb-innav-box{ display: none;}

.mb-inbox{position: fixed; height:89%; width:100%; left:0; bottom:0; display: none;}
.mb-inbox .floow-l{  width:40%; position: absolute; height:100%; display: flex; flex-direction: column; }
.mb-inbox .floow-l li{ flex:1; overflow: hidden; }
.mb-inbox .floow-l li:nth-child(2) a{ padding-top:8%;}
.mb-inbox .floow-l li a{ height:100%; display: block; opacity:0.5; transition: all 0.5s ease; }
.mb-inbox .floow-l li a img{ height:80%; display: block; margin:0 auto;}
.mb-inbox .floow-l li a.on { opacity:1; }
.mb-inbox .floow{ position: absolute; height:100%; top:0; right:0; }
.mb-inbox .floow li:nth-child(1){ display: block;}
.mb-inbox .floow li{ display: none; height:100%;}
.mb-inbox .floow li img{ display: block; height:100%;}

/***首页会议及空间介绍弹窗***/
.hyroom-box{ display: none; position: fixed; margin:0 auto; max-width:800px; background:#5c5348; padding:25px; left:0; right:0; top:50%; transform: translateY(-50%); z-index:33; animation: aniopacity 0.5s;}
.hyroom-box .banner{ overflow: hidden; height:300px; }
.hyroom-box .banner img{ width:100%; display: block; height:300px; object-fit: cover; }
.hyroom-box .banner .swiper-pagination-bullet{ width:10px; height:10px; border-radius:50%; background:#fff; opacity:0.6; cursor:pointer;}
.hyroom-box .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1;}
.hyroom-box .hm{ color:#fff; text-align: center; padding:20px 0 0px 0; font-size:13px; line-height:20px;}
.hyroom-box .hm a{ color:#fff; }
.hyroom-box .hm a:hover{ text-decoration: underline;}
.hyroom-box .close{ position: absolute; right:-40px; top:-40px; width:35px; }
.commmask{ display: none; width:100%; height:100%; position: fixed; left:0; top:0; z-index:22; background: rgba(0,0,0,0.8); animation: aniopacity 0.5s; }
@keyframes aniopacity {
  0%{ opacity:0; transform: translateY(-50%) scale(0.95); }
  100%{ opacity:1; transform: translateY(-50%) scale(1);  }
}

/***团队介绍***/
.team-list{ position: relative; z-index:2; max-width:900px; margin:0 auto;}
.team-list .team-tit{ text-align: center; color:#fff; font-size:23px; padding:150px 0 20px 0;}
.team-list ul{ display: flex; flex-wrap: wrap; margin-left:-100px; }
.team-list ul li{ width: calc(100% / 2 - 100px); margin-left:100px; margin-bottom:30px; }
.team-list ul li:nth-child(1){ width:100%; }
.team-list ul li:nth-child(1) a{ margin:0 auto; display: block; max-width:400px; }
.team-list ul li a{ text-align: center; color:#fff; }
.team-list ul li .pic{ overflow: hidden; }
.team-list ul li h3{ font-size:15px; padding:10px 0 2px 0;}

.team-alert{ display: none; position: fixed; margin:0 auto; max-width:900px; max-height:900%; background:#5c5348; padding:25px; left:0; right:0; top:50%; transform: translateY(-50%); z-index:33; animation: aniopacity 0.5s;}
.team-alert .close{ position: absolute; right:-40px; top:-40px; width:35px; }
.team-alert .team-detail{ display: flex; align-items: flex-start; height:100%;  overflow-y:auto; }
.team-alert .team-detail .pic{ width:400px; margin-right:40px; }
.team-alert .team-detail .text{ flex:1; font-size:14px; color:#f6f1ea; line-height:22px; }
.team-alert .team-detail .text .tit{ font-size:20px; }
.team-alert .team-detail .text .subtit{ font-size:15px; padding:3px 0 10px 0;}
::-webkit-scrollbar{ width:10px !important; height:10px !important; background:#333;}
::-webkit-scrollbar-thumb{ cursor: pointer; background:#8a765d; }

/**品牌故事***/
.brand-box{ background:#080a11; overflow: hidden;}
.brand_banner{ overflow: hidden; position: relative; margin-top:130px;}
.brand_banner img{ display: block; width:100%; object-fit: cover;}
.brand_banner h1{ position: absolute; width:100%; text-align: center; padding:0 12px; top:50%; transform: translateY(-60%); color:#fff; font-size:40px;}
.brand_banner p{ position: absolute; width:100%; text-align: center; line-height:23px; padding:0 12px; bottom:50px; color:#ccc; font-size:14px; }

.brand-title{ padding:120px 0 80px 0; text-align: center}
.brand-title h2{ color:#fff; font-size:40px; }
.brand-myhxll{ max-width:1600px; margin:0 auto; padding:0 12px; display: grid; gap:20px; grid-template-columns: repeat(4, 1fr); }
.brand-myhxll li{ overflow: hidden; position: relative;}
.brand-myhxll li img{ width:100%; height:100%; display: block; opacity:0.7; transition: all 1s ease; }
.brand-myhxll li .text{ position: absolute; left:0; color:#fff; width:100%; text-align: center; top:40%; }
.brand-myhxll li .text .p1{ font-size:25px;}
.brand-myhxll li .text h3{ font-size:25px;}
.brand-myhxll li .text .p2{ font-size:12px; line-height:23px; color:#ccc; margin-top:12%; padding:0 12px;}
.brand-myhxll li:hover img{ opacity:1; transform: scale(1.2)}

.brand-dttl{ max-width:1600px; margin:0 auto; padding:0 12px; display: grid; gap:20px; grid-template-columns: repeat(2, 1fr); }
.brand-dttl li{ overflow: hidden; position: relative;}
.brand-dttl li img{ width:100%; height:100%; display: block; opacity:0.7; transition: all 1s ease; }
.brand-dttl li .text{ position: absolute; left:0; color:#fff; width:100%; text-align: center; top:40%; }
.brand-dttl li .text h3{ font-size:25px;}
.brand-dttl li .text .p2{ font-size:12px; line-height:23px; color:#ccc; margin-top:5%; padding:0 12px;}
.brand-dttl li:hover img{ opacity:1; transform: scale(1.2)}

.brand-aijj{ overflow: hidden; position: relative; margin-top:20px;}
.brand-aijj img{ display: block; width:100%; object-fit: cover; opacity:0.7;}
.brand-aijj .text{ position: absolute; width:100%; text-align: center; padding:0 12px; top:50%; transform: translateY(-50%) }
.brand-aijj .text h3{  color:#fff; font-size:40px; }
.brand-aijj .text p{ line-height:23px; margin-top:15px; color:#ccc; font-size:14px; }

.banner-join .tit{ text-align: center; padding:150px 12px 100px 12px;}
.banner-join .tit h2{ font-size:40px; color:#fff; }
.banner-join .tit p{ color:#ccc; font-size:14px; line-height: 25px; margin-top:40px;}
.banner-join .pic{ overflow: hidden; position: relative; }
.banner-join .pic .img1{ display: block; width:100%; object-fit: cover; opacity:0.7;}
.banner-join .pic .pica{ position: absolute; left:0; width:100%; top:50%; transform: translateY(-50%);  }
.banner-join .pic .pica a{ display: flex; align-items: center; color:#ccc; font-size:14px;}
.banner-join .pic a img{ height:5px; margin-left:5px;}
.banner-join .pic .pica a:hover{ color:#fff; }

  /***许善私厨子官网***/
.brandscroll{ width:100%; height:100%; overflow: hidden;}
.brandscroll img{ display: block; width:100%; height:100%; object-fit: cover;}
.brandscroll .swiper-pagination-bullet{ width:10px; height:10px; border-radius:50%; background:#fff; opacity:0.6; cursor:pointer;}
.brandscroll .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1;}
.brand-head{ position: absolute; left:0; top:0; z-index:22; width:100%; padding:20px 80px; }
.brand-head .logo{ height:80px; }
.brand-head ul li{ margin-left:80px; }
.brand-head ul li a{ font-size:16px; color:#fff; white-space: nowrap; }
.brand-head ul li a:hover{ opacity:0.8; }
.brand-head ul li.brand-lang img{ width:20px; }
.brand-head .sense-lang{ margin-left:80px; margin-top:5px; }
.brand-head .sense-menu{ margin-left:12px; }
.brand-head .sense-menu span{ background:#fff; }

.xssc-brandstory{ background:#fffdfa; max-width:1200px; margin:0 auto; padding:0 15px;  margin-top:100px;}
.xssc-brandstory .xssc-banner img{ display: block; width:100%; }
.xssc-brandstory .xssc-qywh{ margin-top:50px; overflow: hidden; display:flex; justify-content:space-between; align-items: flex-end;}
.xssc-brandstory .xssc-qywh .text{ flex:1; line-height:25px; font-size:14px; color:#666; overflow: hidden; }
.xssc-brandstory .xssc-qywh .img{ width:400px; margin-left:100px; }
.xssc-brandstory .xssc-about{ margin-top:100px; }
.xssc-brandstory .xssc-about .tit{ padding-bottom:10px; font-weight: normal; font-size:35px; line-height:38px; border-bottom:1px solid #ddd; }
.xssc-brandstory .xssc-about .text{ padding:50px 0; font-size:14px; line-height:25px; color:#666; }

.xssc-foot{ background:#070707; color:#fff; padding:50px 0 25px 0; }
.xssc-foot .xssc-con{ max-width:1200px; margin:0 auto; padding:0 15px; }
.xssc-foot .xssc-con dl{ margin-bottom:25px; display: flex;}
.xssc-foot .xssc-con dl dt{ width:16px; margin-right:20px; margin-top:5px; }
.xssc-foot .xssc-con dl dd{ flex:1; line-height:25px; }

/***品牌菜单弹窗***/
.brand-menu-alert{ max-height:100%; overflow-y:auto; display: none; position: fixed; animation: aniopacity 0.5s; padding:50px 0; z-index:33; left:0; right:0; width:500px; min-height:500px; background:#f9f4ef; margin:auto; top:50%; transform: translateY(-50%); }
.brand-menu-alert .close{ width:20px; position: absolute; right:25px; top:25px;}
.brand-menu-alert .logo{ width:120px; display: block; margin:0 auto; }
.brand-menu-alert ul { margin-top:20px; }
.brand-menu-alert ul li{ margin-top:20px; display: flex; justify-content: center; align-items: center; }
.brand-menu-alert ul li a{ text-align: center; border:1px solid #8d7c62; color:#333; font-size:13px; margin:0 auto; max-width:200px; padding:8px 10px; }
.brand-menu-alert ul li a .p2{ font-size:10px; }
.brand-menu-alert ul li:nth-child(4) a{ width:200px;}
.brand-menu-alert ul li a:hover{ background:#8d7c62; color:#fff; }
.brand-menu-alert.m2{ z-index:34; padding:60px 0; padding-bottom:30px; }
.brand-menu-alert.m2 .logo{  width:70px; position: absolute; left:20px; top:20px; }
.brand-menu-alert.m2 .mtit{ text-align: center; padding:0px 0 10px 0;}
.brand-menu-alert.m2 .mtit .p1{ font-size:25px; }
.brand-menu-alert.m2 .mtit .p2{ font-size:14px; padding-top:0px; max-width: 250px; margin:0 auto; }
.brand-menu-alert.m2 ul{ margin-top:  10px;}
.brand-menu-alert.m2 ul li a{ border:0; padding:3px 10px;}
.brand-menu-alert.m2 ul li{ margin-top: 10px; }
.brand-menu-alert.m2 ul.ul2 { display: flex; flex-wrap: wrap}
.brand-menu-alert.m2 ul.ul2 li{ width:50%; }
.brand-menu-alert.m2 ul li.mt2{ margin-top:20px;}

.brand-menu-alert.bgwhite{ background:#fff; padding:0; }
.brand-menu-alert .ht{ height:45px; border-bottom:1px solid #eee; padding:0 20px; }
.brand-menu-alert .ht h3{ font-size:14px; font-weight: normal;}
.brand-menu-alert .ht .close{ height:15px; opacity:0.5; width:auto; position: static; right:0; top:0; }
.brand-menu-alert .brand-menu-box{ padding:15px; overflow-y:auto; max-height:700px;}
.xssc_sryhlist{ margin-top:20px; }
.xssc_sryhlist .item{ margin-bottom:30px; }
.xssc_sryhlist .item h3{ font-size:14px; padding-bottom:10px; }
.xssc_sryhlist .item img{ display: block; width:100%; }
.xssc-contact{ margin-top:20px; padding:0 20px; }
.xssc-contact dl{ display: flex; margin-bottom:50px;}
.xssc-contact dl dt{ width:20px; margin-right:20px; margin-top:3px; }
.xssc-contact dl dt img{ width:100%;}
.xssc-contact dl dd{ flex:1; font-size:14px; line-height:25px; font-weight: bold;}
.xssc-contact dl dd .p1{ font-size:16px; }
.xssc-contact dl dd .p1 a{ position: relative}
.xssc-contact dl dd .p1 .wxewm{ position: absolute; left:-30px; bottom:0px; width:150px; transition:all 0.5s ease; visibility: hidden; opacity:0; max-width:150px; box-shadow: #eee 0 0 20px 0;}
.xssc-contact dl dd .p1 a:hover .wxewm{ visibility: visible; opacity:1; bottom:30px; }
.xssc-contact dl dd a{ flex:0 0 33.33333%; text-align: left;}

@media(max-width:1459px){
  .innav-box{ transform: translateX(0); }
}

@media screen and (max-width: 1180px) {
  .brand-head{ padding:15px 20px; }
  .brand-head ul li{ margin-left:40px; }
  .brand-head .sense-lang{ margin-left:40px; }
}


@media(max-width:1120px){
  .in-foot{ display: none;}
  .innav-box{ }
}

@media(max-width:1068px) {
  .brand-head ul li{ margin-left:50px;}
}

@media screen and (max-width: 960px) {
  .brand_banner h1{ top:20%; font-size:30px; }
  .brand-myhxll{ grid-template-columns:repeat(2, 1fr); }
}

@media screen and (max-width: 890px) {
  .brand-head{ padding:15px 20px; }
  .brand-head ul li{ margin-left:20px; }
  .brand-head .sense-lang{ margin-left:20px; }
}

/***移动端首页***/
@media(max-width:768px) {
  .inheader .ha{ font-size:15px;}
  .in-foot{ display: none; }
  .innav-box{ display: none; }
  .mb-innav-box { position: fixed; display: block; z-index:1; left:0; width:100%; bottom:0; height:80%;}
  .mb-innav-box .brandlist{ width:180px; margin-left:0; position: absolute; top:0; height:100%; display: flex; flex-direction:column;}
  .mb-innav-box .brandlist li{ overflow: hidden; }
  .mb-innav-box .brandlist li a{ opacity:0.7; }
  .mb-innav-box .brandlist li a img{ max-width:75% }
  .mb-innav-box .brandlist li a.on{ opacity:1}
  .mb-innav-box .mb-imgs{ position: absolute; left:180px; height:100%; display: flex; flex-direction: column; }
  .mb-innav-box .mb-imgs a{ flex:1; transition: all 0.5s ease; opacity:0.2;}
  .mb-innav-box .mb-imgs img{ width:100%; height:100%; display: block; }
  .mb-innav-box .mb-imgs a.on{ opacity:1;}
  .mb-inbox{ display: block;}
  .inheader .menuico{ margin-right:12px;}
  .inheader .lang{ margin-left:12px;}
  .hyroom-box { max-width:90%; padding:12px;}
  .hyroom-box .banner{ height:200px; }
  .hyroom-box .banner img{ height:200px; }
  .hyroom-box .hm{ font-size:10px; padding-top:10px; }
  .brand-head{ padding:10px; }
  .brand-head .logo{ height:40px; }
  .brand-head ul li{ margin-left:13px;}
  .brand-head ul li a{ font-size:14px;}

  .brand-menu-alert{ padding:30px; width:95%; }
  .brand-menu-alert .close{ width:15px; top:10px; right:10px; }
  .brand-menu-alert .logo{ width:50px;}
  .brand-menu-alert.m2 .logo{ left:12px; top:12px; }

  .brand-menu-alert ul li a .p2{ font-size:8px; }
  .brand-menu-alert.m2 .mtit .p1{ font-size:20px; }
  .brand-menu-alert.m2 ul.ul2{ display: block}
  .brand-menu-alert.m2 ul.ul2 li{ width:100%; }

  .brand-head{ padding:12px; }
  .brand-head .sense-menu{ display: block; }
  .brand-head ul{ position: absolute;  left:0; background:rgba(0,0,0,0.6); width:100%; top:60px; z-index:22;}
  .brand-head ul.flex{ display: none;}
  .brand-head ul li{ margin:0;}
  .brand-head ul li a{ display: block; padding:10px; border-bottom:1px solid #333; text-align: center;}

  .xssc-brandstory{ margin-top:20px; }
  .xssc-brandstory .xssc-qywh{ display: block; margin-top:30px; }
  .xssc-brandstory .xssc-qywh .img{ margin-left:0; margin-top:0px; width:100%; display: block;}
  .xssc-brandstory .xssc-about{ margin-top:30px; }
  .xssc-brandstory .xssc-about .tit{ font-size:25px; }

  .brand-title{ padding:50px 0;}
  .brand-title h2{ font-size:30px;}

}

@media(max-width:640px){
  .inheader{ padding:12px; }
  .inheader .logo{ width:60px; }
  .inheader .ha{ padding:10px; height:30px;  }
  .inheader .menuico{ width:30px; height:30px; }
  .inheader .menuico.on span:nth-child(1){ transform: rotate(45deg) translateX(7px) translateY(10px); }
  .inheader .menuico.on span:nth-child(3){ transform: rotate(-45deg) translateX(6px) translateY(-10px); }
  .menudown{ top:60px; left:12px;}
  .innav-box ul{ width:100px; }
  .hyroom-box { max-width:90%; padding:12px;}
  .hyroom-box .banner{ height:150px; }
  .hyroom-box .banner img{ height:150px; }
  .team-list{ padding: 12px; }
  .team-list .team-tit{ padding-top:70px; font-size:18px;  }
  .team-list ul li{ width:100%;}
  .team-list ul li:nth-child(1) a{ width:100%; max-width:100%}
  .team-alert{ width:100%; max-width:100%; height:100%; max-height:100%; padding:0; }
  .team-alert .close{ right:15px; top:5px; width:25px; }
  .team-alert .team-detail{ display: block; padding:10px; padding-top:50px; }
  .team-alert .team-detail .pic{ margin-right:0; margin-bottom:15px;}
  .team-alert .team-detail .tit{ font-size:15px; }
  .brand_banner{ margin-top:60px;}
  .brand_banner img{ min-height:150px; }
  .brand_banner h1{ font-size:20px; }
  .brand_banner p{ bottom:10%; line-height:20px; font-size:10px; }
  .brand-title h2{ font-size:25px; }
  .brand-myhxll{ gap:12px; }
  .brand-myhxll li .text{ top:30%; }
  .brand-myhxll li .text .p1{ font-size:16px; }
  .brand-myhxll li .text h3{ font-size:16px;}
  .brand-dttl li .text{ top:20%;}
  .brand-myhxll li .text .p2{ line-height:18px; font-size:10px; margin-top:5%; }
  .brand-dttl{ gap: 12px; grid-template-columns:repeat(1, 1fr); }
  .brand-dttl li .text h3{ font-size:16px; }
  .brand-aijj img{ min-height:300px; }
  .brand-aijj .text h3{ font-size:20px; }
  .brand-aijj .text p{ font-size:10px; line-height: 18px; margin-top:10px;}
  .banner-join .tit{ padding:50px 0;}
  .banner-join .tit h2{ font-size:25px; }
  .banner-join .tit p{ margin-top:20px; font-size:13px; padding:0 15px; line-height:18px; }
  .banner-join .pic .img1{ min-height:150px;}
}


/***以下是私法人宴会和活动预约样式***/
/***内页导航***/
.nnav{ height:47px; background:#000; }
.nnav ul li{ margin:0 20px; position: relative; height:47px;  }
.nnav ul li a{font-size:14px; color:#fff;  font-weight: bold; white-space: nowrap; }
.nnav ul li svg{ margin-left:5px; }
.nnav ul li a:hover{ text-decoration: underline;  text-decoration-color: #fff;  text-decoration-thickness: 1px;  text-underline-offset:6px; }

/**项部banner***/
.banner{ height:420px; overflow: hidden; position: relative; border-bottom:1px solid #333;}
.banner .wrap{ height:100%; }
.banner .text{ width:50%; position: relative; z-index:1; flex-direction: column; height:100%; }
.banner .text h1{ font-size:30px;}
.banner .text p{ font-size:18px; padding:3px 0;}
.banner p.line{ height:1px; width:102px; background:#333; padding:0; margin:10px 0;}
.banner img{ position: absolute; right:0; top:0; width:50%; height:100%; object-fit: cover; }

.title{ padding:80px 50px; text-align: center;}
.title h2{ font-size:36px; }
.title .line{ width:102px; height:1px; background:#333; margin:0 auto; margin-top:10px;}

/***功能***/
.gn-box ul{ display: grid; gap:24px; grid-template-columns: repeat(3, 1fr);  text-align: center; }
.gn-box ul li { margin-bottom:20px;}
.gn-box ul li h3{ font-size:20px; margin-bottom:18px; }
.gn-box ul li .text h3{ display: none;}
.gn-box ul li .img{ background-color: #eaeaea;  padding:50px 0; margin-bottom:12px; }
.gn-box ul li p{ text-align: left; font-size: 14px; line-height:28px; }

/***费用***/
.pricetab .pr-tab{ display: flex; justify-content: space-between; height:70px; }
.pricetab .pr-tab li{ width: calc(25% - 10px); transition:0.4s ease; cursor:pointer; padding:12px 0; height:50px; font-weight:bold; border:1px solid #eee; font-size:16px; text-align:center; position: relative;}
.pricetab .pr-tab li:after{ content:''; width:0; transition:0.4s ease; height:0; margin:0 auto; border-left:12px solid transparent; border-right:12px solid transparent; border-top:12px solid #eee; position: absolute; left:0; right:0; top:80%; opacity:0;}
.pricetab .pr-tab li.on { padding:15px 0; height:60px; margin-top:-5px; background:#eee; font-size:18px; }
.pricetab .pr-tab li.on:after{ top:100%; opacity:1;}
.pricetab .pr-box{ border:1px solid #eee; margin-top:10px; }
.pricetab .pr-box dl{ display: flex; font-size:13px; }
.pricetab .pr-box dl dt, .pricetab .pr-box dl dd{ text-align: center; padding:12px 10px; border-bottom:1px solid #eee; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.pricetab .pr-box dl dt{ background:#eee; width:259px; border-bottom:1px solid #fff; }
.pricetab .pr-box dl dd{ flex:1;  line-height: 25px;}
.pricetab .pr-box dl dd.pd0{ display: block; padding:0; border-bottom:0;}
.pricetab .pr-box dl dd dl { width:100%; flex:1; }
.pricetab .pr-box dl dd dl dt{ padding:0; background:none; border-right:1px solid #eee; border-bottom:1px solid #eee;}

.dbts{ margin-top:12px;}
.dbts p{ padding:5px 0; color:#666; }

/***可选服务***/
.select-service ul{  display: grid; gap:24px; grid-template-columns: repeat(3, 1fr); }
.select-service ul li h3{ text-align: center; font-size: 20px; padding-bottom:15px;}
.select-service ul li img{ width:100%; display: block; }
.select-service ul li .text{ font-size: 14px; line-height:28px; margin-top:12px;}

/***如何使用***/
.why-use .whybox{ border:1px solid #eee; }
.why-use .whybox ul li{ display: flex; position: relative; border-bottom:1px solid #eee; }
.why-use .whybox ul li:after{ width:1px; height:100%; position: absolute; left:44px; top:0; background:#333; content:''; }
.why-use .whybox ul li:nth-child(1):after{ top:50%; }
.why-use .whybox ul li:last-child:after{ height:40%; }
.why-use .whybox ul li .ico{ width:90px; height:90px; display: flex; justify-content: center; align-items: center; position: relative; z-index:2;}
.why-use .whybox ul li .text{ flex:1; padding:28px; padding-left:0;}
.why-use .whybox ul li .text h3{ font-size:18px; margin-bottom:12px}
.why-use .whybox ul li .text p{ font-size:14px; }
.why-use .whybox ul li .text dl{ margin-bottom:20px; }
.why-use .whybox ul li .text dl dt{ padding:12px; font-weight: bold; cursor:pointer; background:#eee; }
.why-use .whybox ul li .text dl dd{ border:1px solid #eee; display: none; padding:20px; padding-top:10px; font-size:12px; color:#555; line-height:23px;}
.why-use .whybox ul li .text dl dd .p1{ padding-top:10px; }
.why-use .whybox ul li .text dl dt .opt{ float:right; width:12px; height:12px; position: relative; margin-right:12px;}
.why-use .whybox ul li .text dl dt .opt:before{ width:12px; height:2px; background:#333; position: absolute; left:0; top:50%; transform: translateY(-50%); content:''}
.why-use .whybox ul li .text dl dt .opt:after{ width:12px; height:2px; background:#333; position: absolute; transition: all 0.4s; left:0; top:50%; transform: translateY(-50%) rotate(90deg); content:''}
.why-use .whybox ul li .text dl.on .opt:after{ transform: translateY(-50%); }

/***我们的团队***/
.team_box{ max-width:772px; margin:0 auto;}
.team_box .teamtit{ text-align: center; font-size:22px; padding:126px 0 20px 0; color:#fff; }
.team_box ul{ display: flex; justify-content: center; flex-wrap: wrap;}
.team_box ul li{ width:300px; margin:0 50px; text-align: center; margin-bottom:20px;}
.team_box ul li .img{ display: block;}
.team_box ul li .txt{ color:#fff; font-size:14px; padding:10px;  }

@media(max-width:960px){
  .nnav{ padding:0 5px; }
  .nnav ul li{ margin:0; flex:1;}
  .banner{ height:500px; }
  .banner img{ width:100%; left:0; }
  .banner .text{ color:#fff; width:100%; padding:0 12px; }
  .banner .text p{ font-size: 17px; }
  .banner p.line{ background:#fff; }
  .title { padding:50px 0;}
  .title h2{ font-size: 30px; }
  .gn-box ul{ display:block;  }
  .gn-box ul li h3{ display: none;}
  .gn-box ul li{ display: flex; margin-bottom:12px; }
  .gn-box ul li .img{ width:70px; height:60px; padding:10px; margin-right:10px;}
  .gn-box ul li .text{ flex:1; text-align: left; }
  .gn-box ul li p { font-size:12px; line-height:20px; }
  .gn-box ul li .text h3{ display: block; font-size: 14px; margin-bottom:5px; }
  .select-service ul{ display: block; }
  .select-service ul li{ margin-top:12px;}
  .pricetab .pr-tab li{ height:40px; font-size:13px; padding:8px; }
  .pricetab .pr-tab li.on{ height:48px; font-size:14px;}
  .pricetab .pr-box dl{ display: block;}
  .pricetab .pr-box dl dt, .pricetab .pr-box dl dd{ padding:8px 10px; width:100% }
}

@media(max-width:640px){
  .title h2{ font-size:25px; }
  .pricetab .pr-tab{ height:auto; padding-bottom:20px; }
  .pricetab .pr-tab li{ flex:1; font-size:10px; height:auto; }
  .pricetab .pr-tab li.on{ height:auto; font-size:10px; padding:8px; margin:0;}
  .why-use .whybox ul li .text{ padding:15px; padding-left:0; }
  .why-use .whybox ul li .text h3{ font-size:15px; margin-bottom:6px;}
  .why-use .whybox ul li .ico{ width:50px; height:60px;}
  .why-use .whybox ul li .ico img{ height:30px; }
  .why-use .whybox ul li .text dl{ margin-bottom:10px; }
  .why-use .whybox ul li .text dl dt .opt{ margin-right:0px; margin-top:4px; }
  .why-use .whybox ul li .text dl dd{ padding:10px;}
  .why-use .whybox ul li .text p{ font-size:12px; }
  .why-use .whybox ul li:after{ left:25px; }
}

/***sensecellar子官网代码***/
.sense-header{ position: fixed; height:120px; z-index:22; background:#fff; width:100%; left:0; top:0;  }
.sense-wrap{ max-width:1477px; margin:0 auto; padding:0 12px; }
.sense-header .sense-wrap{ height:100%; }
.sense-header .logo{ width:110px; }
.sense-header .fr{   }
.sense-header ul{ flex:1; }
.sense-header ul li{ margin-left:80px; }
.sense-header ul li a{ font-size:16px; font-weight: 600; white-space:nowrap;}
.sense-header ul li a:hover,.sense-header ul li a.on{ color:#f54f5d; }
.sense-lang{ cursor: pointer; margin-left:80px; width:23px; position: relative; }
.sense-lang dl{ visibility: hidden; opacity:0; transform: translateY(10px); transition: all 0.5s; background:#fff; width:150px; text-align: center; position: absolute; top:100%; box-shadow:0 0 5px rgba(0,0,0,0.1); right:0; }
.sense-lang dl a{ display: block; padding:10px 0; font-size:14px; }
.sense-lang dl a:hover{ color:#f54f5d; }
.sense-lang:hover dl{ visibility: visible; opacity:1; transform: translateY(0); }
.sense-menu{ width:25px; cursor: pointer; display: none; }
.sense-menu span{ height:2px; background:#f54f5d; margin:6px 0; display: block;}

.sense-header.black{ background:#000; }
.sense-header.black ul li a{ color:#fff; }
.sense-header.black ul li a.on{ color:#f54f5d; }


.sense-banner{ margin-top:120px; position: relative; overflow:hidden; }
.sense-banner .img1{ display: block; width:100%; object-fit: cover;}
.sense-banner .text{ color:#fff; position: absolute; max-width:1200px; padding:0 12px; right:0; margin:auto; text-align: left; top:50%; transform: translateY(-50%); left:0; width:100%; z-index:2;}
.sense-banner .text h1{ font-size:40px; }
.sense-banner .text p{ font-size:14px; color:#a8a8a8; max-width: 360px;}
.sense-banner .text p:before{ width:60px; height:1px; background:#a8a8a8; content:''; display: block; margin-bottom:5%; margin-top:5%;}
.sense-banner .text img{ height:250px; }

.sense-title{ text-align: center; padding:100px 0;}
.sense-title h2{ font-size:35px;}

.sense-project{ display: flex; justify-content: space-between;}
.sense-project li{ flex:1; position: relative;}
.sense-project li .itemc{ background: url(../sense/kbg.png) no-repeat; background-size:100% 100%; width:300px; height:280px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sense-project li:nth-child(2) .itemc{ margin:0 auto;}
.sense-project li:nth-child(3) .itemc{ float:right; }
.sense-project li .img{ border-bottom:1px solid #333; padding:0 20px 15px 20px;}
.sense-project li .img img{ height:55px;}
.sense-project li .text{ text-align: center; padding:16px 0;}
.sense-project li .zh{ position: absolute; right:0; top:50%; height:30px; transform: translateY(-50%) }
.sense-project li:nth-child(2) .zh{ display: none;}
.sense-project li:nth-child(3) .zh{ right:auto; left:0; }

.sense-theets li{ overflow: hidden; margin-top:150px;}
.sense-theets li .swiper-container{ width:45%; float:left;}
.sense-theets li .swiper-container .swiper-pagination-bullet{ background:#fff; opacity:0.5; margin-bottom:10px; }
.sense-theets li .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#fff; opacity:1;  }
.sense-theets li .text{ width:48%; float:right; margin-top:50px;}
.sense-theets li .text h3{ font-size:30px; }
.sense-theets li .text p { font-size:14px; line-height:22px; margin-top:30px; }
.sense-theets li:nth-child(2n) .swiper-container{ float:right; }
.sense-theets li:nth-child(2n) .text{ float:left; }

.sense-tit2{ position: relative; padding-left:35px; line-height:40px; margin:100px 0;}
.sense-tit2:before{ width:4px; height:100%; background:#f54f5d; position: absolute; left:0; top:0; content:''; }
.sense-tit2 h2{  font-size:35px; }

.sense-zlist{ display:flex; margin-left:-3px; }
.sense-zlist li{ width:calc(100% / 3 - 3px); margin-left:5px; margin-top:3px; }
.sense-zlist li .pic{ overflow: hidden; }
.sense-zlist li .pic img{ display: block; width:100%; object-fit: cover;}
.sense-zlist li .text{ background:#e8e8e8; padding:25px; }
.sense-zlist li .text h3{ font-size:30px; }
.sense-zlist li .text h3 span{ color:#f54f5d; }
.sense-zlist li .text .p1{ font-size:15px; margin-top:10px; font-weight: 600;}
.sense-zlist li .text .p2{ color:#999; }

.sense-wlist { margin-left:-3px; display: flex; }
.sense-wlist li{ width:calc(100% / 3 - 3px); margin-left:5px; margin-top:5px; }
.sense-wlist li{ width:calc(100% / 3 - 3px); margin-left:5px; margin-top:3px; }
.sense-wlist li .pic{ overflow: hidden; }
.sense-wlist li .pic img{ display: block; width:100%; object-fit: cover;}
.sense-wlist li .text{ margin-top:35px; }
.sense-wlist li .text h3{ font-size:25px; border-left:3px solid #f54f5d; padding-left:15px; line-height:25px; }
.sense-wlist li .text p{ padding:15px 50px 10px 22px; font-size:13px; line-height:22px; color:#999; }

.sense-dbadv{ margin-top:100px; display: flex; justify-content: flex-end; align-items: flex-end; }
.sense-dbadv .pic{ flex:1; overflow: hidden;}
.sense-dbadv .pic img{ display: block; width:100%; object-fit: cover; }
.sense-dbadv .text{ width:500px; margin-left:50px; }
.sense-dbadv .text h3{ font-size:25px; border-left:3px solid #f54f5d; padding-left:15px; line-height:25px; }
.sense-dbadv .text p{ padding:15px 50px 10px 22px; font-size:13px; line-height:22px; color:#999; }

.sense-footer{ background:#070707; margin-top:100px; padding:70px 0; overflow: hidden; }
.sense-footer .sense-wrap{ display: flex; align-items: flex-start; justify-content: space-between; }
.sense-footer .sense-wrap .fl{ flex:1; }
.sense-footer .sense-wrap .fl ul li{ margin-bottom:40px; color:#fff;  font-size:13px; display: flex; align-items: flex-start; }
.sense-footer .sense-wrap .fl ul li img{ width:25px; margin-right:15px; }
.sense-footer .sense-wrap .fl ul li p{ margin-bottom:3px; }
.sense-footer .sense-wrap .fl ul li:last-child{ margin-bottom:0; }
.sense-footer .sense-wrap .sense-share{ width:350px; display: flex; flex-wrap: wrap; }
.sense-footer .sense-wrap .sense-share a{ margin-left:40px; margin-bottom:40px; }
.sense-footer .sense-wrap .sense-share a img{ display: block; height:60px; }
.sense-footer .sense-wrap .sense-share a:hover{ opacity:0.8; }

/***酒窖管理***/
.sense-mg{ margin-top:120px; overflow: hidden; }
.sense-tit3{ text-align: center; padding:100px 0}
.sense-tit3 h2{ font-size:30px; border-top:3px solid #f54f5d; display: inline-block; }
.sense-tit3 h2:nth-child(2){ display: block; border-top:0; }
.sense-tsgl{ display: grid;  grid-template-columns: repeat(3, 1fr); gap:50px 100px; max-width:1200px; margin:0 auto;}
.sense-tsgl li h3{ font-size:18px; margin-bottom:12px; text-align: center; }
.sense-tsgl li .itemc{ background:#f7f3f2; height:324px; padding:80px 25px; }
.sense-tsgl li .itemc .img img{ height:90px; display: block; margin:0 auto; }
.sense-tsgl li .itemc p{ line-height:22px; font-size:14px; margin-top:25px; }

/***储存管理***/
.sense-ccgl{ display: grid; grid-template-columns: repeat(3, 1fr); gap:50px 100px; max-width:1200px; margin:0 auto; }
.sense-ccgl li{ text-align: center; padding:50px 0; }
.sense-ccgl li .pic img{ height:90px; display: block; margin:0 auto;}
.sense-ccgl li h3{ font-size: 18px; margin-top:25px; }
.sense-ccgl li p{ font-size:14px; text-align: left;  margin-top:15px; color:#999;}

/***会员方案***/
.sense-tit3 p{  color:#999; max-width:450px; font-size:13px; margin:0 auto; margin-top:20px; }
.sense-cjfw { display: grid; grid-template-columns: repeat(3, 1fr); gap:50px 100px; }
.sense-cjfw li .ht{ display: flex; margin-bottom:20px; }
.sense-cjfw li .ht img{ width:45%;  }
.sense-cjfw li .ht .text{ flex:1; margin-left:20px; }
.sense-cjfw li .ht .text h3{ font-size:17px; }
.sense-cjfw li .ht .text h3 span{ color:#f54f5d; }
.sense-cjfw li .ht .text .p1{ font-size:14px; }
.sense-cjfw li .ht .text .p2{ font-size:12px; color:#999; margin-top:20px; }
.sense-cjfw li dl{ border-bottom:1px solid #ddd; font-size:14px; display: flex; padding:16px 0;}
.sense-cjfw li dl dt{ width:45%; font-weight: bold; }
.sense-cjfw li dl dd{ margin-left:20px; }
.sense-cjfw li p a{ display: block; padding:12px; text-align:center; background:#000; font-size:14px; margin-top:20px; color:#fff; }
.sense-cjfw li p a.a2{ background:#af0c20; }
.sense-cjfw li p a:hover{ opacity:0.7; }

/***会员方案详情***/
.sense-detail { display: flex; padding-top:100px; overflow: hidden; }
.sense-detail .left-img { flex:1; margin-right:20px;  }
.sense-detail .left-img img { width: 100%; display: block; }
.sense-detail .right-content { flex:1; padding-left: 20px; }
.sense-detail .mtit { font-size: 14px; color:#f54f5d; margin-bottom: 10px; }
.sense-detail h2{ font-size:25px; }
.sense-detail h2 span{ color:#f54f5d; }
.sense-detail h2 img{ height:20px; cursor:pointer; margin-left:20px; vertical-align:middle;}
.sense-detail .info-item { padding-top:20px; color: #333; display: flex; align-items: center; }
.sense-detail .info-item img{ height:5px; margin:0 10px; }
.sense-detail .info-item2{ margin-top:20px; display: flex;}
.sense-detail .info-item2 span{ display: flex; align-items: center; margin-right:50px; }
.sense-detail .info-item2 span img{ height:10px; margin-right:5px; }
.sense-detail .tabs{ display: flex; margin-top:20px; }
.sense-detail .tab { padding: 10px 30px; cursor: pointer; background-color: #fff; border: 1px solid #ccc; }
.sense-detail .tab:nth-child(1){ border-top-left-radius:5px; border-bottom-left-radius:5px; }
.sense-detail .tab:last-child{ border-top-right-radius:5px; border-bottom-right-radius:5px; }
.sense-detail .tab.active { background-color: #000; color: #fff; border: 1px solid #333; }
.sense-detail .price-cards { display: flex; margin-top:30px; }
.sense-detail .price-card { flex: 1; cursor: pointer; border: 1px solid #ccc; border-radius:6px; padding:45px 20px; margin-right:20px; }
.sense-detail .price-card.active { border: 1px solid #e74c3c; }
.sense-detail .price-card .duration { font-weight: bold; margin-bottom: 5px; font-size:18px; position: relative }
.sense-detail .price-card .duration span{ font-size:10px; margin-left:-20px; background:#d70619; color:#fff; border-radius:3px; position: absolute; padding:2px 5px; left:50%; top:-15px; }
.sense-detail .price-card .price { font-size:35px; font-weight:600; }
.sense-detail .price-card .sm{ margin-top:20px; font-size:12px; color:#999; }
.sense-detail .price-card .sm p{ margin-top:3px; display: flex; align-items: center;}
.sense-detail .price-card .sm p:before{ width:6px; height:6px; border:1px solid #ddd; border-radius:50%; margin-right:10px; content:'';}
.sense-detail .accessories { margin-top: 40px; }
.sense-detail .accessories h3 { font-size: 16px; font-weight: bold; margin-bottom: 20px; }
.sense-detail .accessory-item { margin-bottom: 15px;  }
.sense-detail .accessory-item input{ border:1px solid #f54f5d; border-radius:5px; padding:3px;}
.sense-detail .accessories .accessory-list{ border-top:1px solid #eee; padding-top:10px; }
.sense-detail .accessories .accessory-list .ht{ display: flex;}
.sense-detail .accessories .accessory-list .ht b{ flex:1; padding:10px 0; }
.sense-detail .accessories .accessory-list .hm { display: flex; }
.sense-detail .accessories .accessory-list .hm span{ flex:1;  padding:10px 0;}
.sense-detail .ot-modulo{ margin-top:10px; }
.sense-detail .ot-modulo a{ margin-right:10px; text-decoration: underline; }
.sense-detail .ot-modulo a:hover{ color:#f54f5d; }
.sense-detail .total { margin-top: 20px; border-top:1px solid #eee; padding:20px 0; }
.sense-detail .total strong{ font-size:14px; }
.sense-detail .total p{ margin-top:5px; color:#999; }
.sense-detail .enquire-btn { background:#d70619; border-radius:5px; float:right; color: #fff; font-weight: bold; font-size:16px; padding: 10px 20px; cursor: pointer; }
.sense-contact{ display: flex; background:#f5f5f5; padding:20px; max-width:1200px; margin:0 auto;}
.sense-contact img{ width:45%; margin-right:20px; }
.sense-contact .text{ flex:1; }
.sense-contact .text dl{ margin:15px 0; display: flex;}
.sense-contact .text dl dt{ font-size:14px; font-weight: bold; width:130px; }
.sense-contact .text dl dd{ flex:1; margin-left:10px; line-height:23px; font-size:14px; }
.overflow{ overflow: hidden;}

@media screen and (max-width:1320px){
  .sense-detail .price-card .price{ font-size:30px; }
}

@media screen and (max-width:1200px){
  .sense-tsgl{ gap:50px; }
  .sense-cjfw{ gap:50px; }
  .sense-detail .price-card{ padding:30px 12px; }
  .sense-detail .price-card .price{ font-size:25px;}
}

@media screen and (max-width:1165px){
  .sense-project li .itemc{ width:260px; height:230px; }
}

@media screen and (max-width:1106px){
  .sense-project li .zh{ height:20px; }
}

@media screen and (max-width:970px) {
  .sense-header ul li{ margin-left:40px; }
  .sense-header .sense-lang{ margin-left:40px; }
  .sense-banner{ height:300px;}
  .sense-banner .img1{ height:100%;}
  .sense-banner .text{ text-align: center}
  .sense-banner .text img{ display: none;}
  .sense-banner .text p:before{ margin:5% auto;}
  .sense-project li .zh{ display: none;}
  .sense-project li .itemc{ width:220px; height:200px; }
  .sense-theets li{ margin-top:80px; }
  .sense-theets li .swiper-container{ width:100%; float:none;}
  .sense-theets li .swiper-container .swiper-slide img{ display: block; width:100%; }
  .sense-theets li .text{ float:none; width:100%; }
  .sense-dbadv{ display: block;}
  .sense-dbadv .text{ width:100%; margin-left:0; margin-top:20px; }
  .sense-cjfw{ gap: 50px 20px;}
  .sense-cjfw li .ht{ display: block; }
  .sense-cjfw li .ht img{ width:100%; display: block; margin-bottom:12px; }
  .sense-cjfw li .ht .text{ margin:0;}
  .sense-detail{ display: block; padding-top:50px; }
  .sense-detail .left-img{ margin-right:0; }
  .sense-detail .right-content{ padding:20px 0 0 0;}
}

@media screen and (max-width:760px){
  .sense-header{ height:50px; }
  .sense-header .logo{ width:70px; }
  .sense-header ul{ position: fixed; display: none; border-top:1px solid #eee; background:#fff; left:0; top:50px; width:100%; }
  .sense-header ul li{ margin:0; }
  .sense-header ul li a{ display: block; padding:13px; font-size:13px;  border-bottom:1px solid #eee; text-align: center;}
  .sense-header.black ul li a{ color:#333; }
  .sense-header.black ul li a:hover{ color:#f54f5d; }
  .sense-menu{ display: block; }
  .sense-banner{ margin-top:50px; }
  .sense-header .sense-lang{ margin-left:15px; }
  .sense-project{ display: block; }
  .sense-project li{ margin-top:30px; }
  .sense-project li:nth-child(1) .itemc,.sense-project li:nth-child(3) .itemc{ float:none; margin:0 auto; }
  .sense-title{ padding:30px 0;}
  .sense-title h2{ font-size:25px; }
  .sense-tit2{ line-height:30px; padding-left:20px; margin:30px 0;}
  .sense-tit2 h2{ font-size:25px; }
  .sense-theets li .text h3{ font-size:20px; }
  .sense-theets li .text{ margin-top:20px; }
  .sense-theets li .text p{ margin-top:20px; }
  .sense-theets li{ margin-top:40px; }
  .sense-zlist,.sense-wlist{ display:block; }
  .sense-zlist li,.sense-wlist li{ width: calc(100% / 1 - 3px); }
  .sense-wlist li .text{ margin-top:20px; }
  .sense-wlist li .text h3{ font-size:18px; }
  .sense-wlist li .text p{ padding:10px 20px 25px 22px; }
  .sense-zlist li .text h3{ font-size:25px; }
  .sense-dbadv{ margin-top:30px; }
  .sense-dbadv .text h3{ font-size:20px; }
  .sense-mg{ margin-top:50px; }
  .sense-tsgl{ gap:20px;  grid-template-columns: repeat(2, 1fr);}
  .sense-tit3{ padding:40px 0; }
  .sense-tit3 h2{ font-size:25px; }
  .sense-tit3 h2:nth-child(2){ font-size:18px; }
  .sense-tsgl li .itemc{ padding-bottom:20px; padding:35px 12px; height:auto; }
  .sense-ccgl{ grid-template-columns: repeat(1, 1fr); }
  .sense-cjfw{ gap:30px 0; grid-template-columns: repeat(1, 1fr);}
  .sense-cjfw li dl dt{ width:100px; }
  .sense-contact{ display: block; padding:12px;  }
  .sense-contact img{ margin-right:0; width:100%;}
}

@media screen and (max-width:640px){
  .sense-banner{ height:200px; }
  .sense-banner .text h1{ font-size:27px; }
  .sense-banner .text p{ max-width:300px; }
  .sense-footer{ margin-top:30px; padding:30px 0; }
  .sense-footer .sense-wrap{ display: block; }
  .sense-footer .sense-wrap .fl{ float:none; }
  .sense-footer .sense-wrap .sense-share{ width:100%; margin-top:20px; }
  .sense-footer .sense-wrap .sense-share a{ margin:10px 5px; }
  .sense-footer .sense-wrap .sense-share a img{ height:40px; }
  .sense-footer .sense-wrap .fl ul li{ margin-bottom:15px; font-size:13px; }
  .sense-footer .sense-wrap .fl ul li img{ width:15px; }
  .sense-tsgl{ gap:30px 0;  grid-template-columns: repeat(1, 1fr);}
  .sense-detail .price-cards{ white-space: nowrap; overflow-y:auto; }
  .sense-detail .price-cards::-webkit-scrollbar{ display: none; }
  .sense-detail .price-card{ margin-right:0; margin-left:5px; display: inline-block;}
  .sense-detail .price-card .duration{ font-size:15px; }
  .sense-detail .price-card .price{ font-size:20px; }
  .sense-detail .price-card .sm{ margin-top:10px; }
  .sense-detail .info-item2 span{ margin-right:10px; font-size:9px;}
  .sense-detail .accessories .accessory-list .ht b{ font-size:10px; }
  .sense-detail .accessories .accessory-list .hm span{ font-size:10px; }
  .sense-detail{ padding-top:20px; }
  .sense-detail .enquire-btn{ float:none; width:100%;  display: block;  text-align: center;}
}

/***classy子官网代码***/
.hover-o-aniup{ overflow: hidden; position: relative; display: flex;}
.hover-o-aniup span{ display: block; }
.hover-o-aniup span:nth-child(2){ bottom:-110%; position: absolute; }
.hover-o-aniup.hover span{  -webkit-transition: all 0.5s; }
.hover-o-aniup.hover span:nth-child(1){ transform: translateY(-100%); }
.hover-o-aniup.hover span:nth-child(2){ bottom:0; }
.classy-web{ font-family: 'Eras-Medium-ITC'; background: #faf6f0; }
.classy-banner{ position: relative; }
.classy-banner .img{ width: 100%; object-fit: cover;}
.classy-banner .classy-logo{ position: absolute; left:127px; top:90px; z-index:1; height:120px; }
.classy-banner .text{ position: absolute; z-index:1; left:50%; top:100px; }
.classy-banner .text ul li{ margin-bottom:10px;}
.classy-banner .text ul li a{ font-size:14px; color:#fff; }
.classy-banner .text h1{ font-size:50px; color:#fff; margin-top:20px;}
.classy-banner .text .classy-btn a{ width:200px; height:50px; border-radius:50px; margin-top:15px; background:rgba(255,255,255,0.2);  color:#fff; }
.classy-banner .text .classy-btn a:hover{ background:rgba(255,255,255,0.5); }

.classy-about{ max-width:1000px; margin:0 auto; padding:150px 0; font-size:45px; word-break: break-all;}
.classy-about .a1{ float:left; color:#1d5b40; font-size:10px; margin:10px 100px 0 0; }
.classy-two{ max-width:1500px; margin:0 auto; padding:0 15px; padding-bottom:100px; }
.classy-two img{ max-width:459px; margin-right:50px; }
.classy-two ul{ max-width:619px;}
.classy-two ul li{ display: flex; justify-content: space-between; margin-bottom:120px; }
.classy-two ul li span{ font-size:16px; color:#1d5b40; }
.classy-two ul li .c{ flex:1; margin-left:100px; }
.classy-two ul li .c .p1{ font-size:14px; color:#1d5b40; }
.classy-two ul li .c .p2{ font-size:16px; color:#666; margin-top:40px; line-height:30px; }

.classy-banner2{ position: relative; }
.classy-banner2 .img{ width: 100%; object-fit: cover;}
.classy-banner2 h2{ position: absolute; font-size:55px; color:#fff; left:100px; bottom:100px; z-index: 1}

.classy-food{ max-width:1483px; margin:0 auto; padding:0 12px;}
.classy-food li{ margin-top:100px; display: flex; align-items: center; justify-content: space-between; }
.classy-food li img{ width:100%; }
.classy-food li .mimg,.classy-food li .img2{ width:45%;}
.classy-food li:nth-child(1) .img2{ display: none; }
.classy-food li:nth-child(2) .mimg{ display: none; }
.classy-food li:nth-child(2) .img2{ display: block }

.classy-food li .text{ flex:1; padding-left:150px;}
.classy-food li .text h3{ font-size:35px; color:#073028; max-width: 400px;}
.classy-food li .text .p1{ padding:50px 0 20px 0; font-size:14px; color:#1d5b40;}
.classy-food li .text .p2{ font-size:14px;  color:#999; line-height:25px; max-width: 400px; }
.classy-food li:nth-child(2) .text{ padding-left:0; padding-right:150px; }
.classy-food li .text .p3 a{ height:50px; width:200px; background:#61933b; color:#fff; font-size:14px; border-radius:50px; margin-top:30px; }
.classy-foot{ background:#073028; margin-top:150px; padding:87px 0 100px 0; }
.classy-foot .box{ max-width:1120px; margin:0 auto; color:#fff; display: flex; }
.classy-foot .share-box h3{ font-size:14px; }
.classy-foot .share-box .share-link{ display: flex; margin-top:20px; }
.classy-foot .share-box .share-link a{ margin-right:20px;}
.classy-foot .share-box .share-link a img{ width:15px; }
.classy-foot .classy-con{ margin-left:400px;}
.classy-foot .classy-con dl{ margin-bottom:25px; display: flex;}
.classy-foot .classy-con dl dt{ width:16px; margin-right:20px; margin-top:8px; }
.classy-foot .classy-con dl dd{ flex:1; line-height:35px; }

/***菜单页***/
.classy-head{ background:#fff; padding:30px 0;}
.classy-wrap{ max-width:1600px; margin:0 auto; padding:0 15px;  font-family: 'Eras-Medium-ITC';}
.classy-head .classy-wrap{ display: flex; justify-content:space-between; align-items: center;}
.classy-head .logo2{ width:100px; }
.classy-head .fr{ display: flex; }
.classy-head .fr ul{ display: flex; }
.classy-head .fr ul li{ margin-left:50px; }
.classy-head .fr ul li a{ font-size:16px; font-weight:600;}
.classy-head .fr ul li a.on { border-bottom:1px solid #000;}
.classy-head .fr .classy-ts{ display: flex; align-items: center; }
.classy-head .fr .classy-ts a{ margin-left:35px;}
.classy-head .fr .classy-ts a img{ width:20px; }

.classy-banner3{ overflow: hidden; position: relative;}
.classy-banner3 img{ display: block; width:100%; }
.classy-banner3 h2{ position: absolute; left:0; text-align: center; width:100%; top:53%; color:#fff; font-size:50px; transform: translateY(-50%);}

.classy-mtext{ padding:150px 0; font-size:35px; line-height:45px;  text-align: center; }
.classy-mtext .classy-wrap{ max-width:1300px; }

.classy-mnav ul{ display: flex; justify-content: center;}
.classy-mnav ul li{ padding:0 2%; position: relative;}
.classy-mnav ul li a{ font-size:30px; border-bottom:1px solid #000; }
.classy-mnav ul li a.on,.classy-mnav ul li a:hover{ border-bottom:0; color:#eea500;}
.classy-mnav ul li:after{ position: absolute; right:0; top:50%; transform: translateY(-45%); content:''; width:1px; background:#000; height:25px;}
.classy-mnav ul li:last-child:after{ display: none;}

.classy-sancks{ margin-top:150px;}
.classy-sancks h3{ font-size:30px;}
.classy-sancks ul{ margin-top:70px; display: grid; gap:30px; grid-template-columns: repeat(4, 1fr);}
.classy-sancks ul li{ margin-top:30px; overflow: hidden; position: relative;}
.classy-sancks ul li img{ display: block; width:100%; object-fit: cover;}
.classy-sancks ul li span{ color:#fff; position: absolute; left:7%; font-size:30px; top:50%; transform: translateY(-50%);}


@media screen and (max-width:1100px){
  .classy-about{ padding:100px 20px; font-size:35px;}
}

@media screen and (max-width:900px){
  .classy-banner .classy-logo{ left:20px; top:20px; height:80px; }
  .classy-banner .text{ top:10%; }
  .classy-banner .text h1{ font-size:40px; }
  .classy-two ul li .c{ margin-left:50px;}
  .classy-two img{ width:45%;}
  .classy-foot .classy-con{ margin-left:10%; }
  .classy-mnav ul li a{ font-size:25px; }
}

@media screen and (max-width:740px){
  .classy-banner .text{ left:auto; right:20px; }
  .classy-banner .text h1{ font-size:30px; }
  .classy-banner .text ul{ display: flex; }
  .classy-banner .text ul li{ margin-left:12px; }
  .classy-two.between{ display: block; padding-bottom:30px; }
  .classy-two img{ width:100%; margin-right:0; max-width:100%; margin-bottom:20px; display: block;}
  .classy-two ul li{ margin-bottom:50px;}
  .classy-two ul li .c .p2{ margin-top:15px;}
  .classy-banner2 h2{ width:100%; left:0; text-align: center; padding:15px;  font-size:40px; }
  .classy-banner2 img{ height:400px; }
  .classy-food li{ display: block; }
  .classy-food li .mimg,.classy-food li .img2{ max-width:100%; display: block; width:100%; }
  .classy-food li:nth-child(1) .text{ margin-top:20px;  padding-left:0; }
  .classy-food li .text .p1{ padding:20px 0;}
  .classy-food li:nth-child(2) .text{ padding-right:0; }

  .classy-food li:nth-child(1) .img2{ display: none; }
  .classy-food li:nth-child(2) .mimg{ display: block; }
  .classy-food li:nth-child(2) .img2{ display: none; }

  .classy-head{ padding:12px 0; }
  .classy-head .classy-wrap{ max-width:100%;}
  .classy-head .logo2{ width:30px; }
  .classy-head .fr ul li{ margin-left:7px; }
  .classy-head .fr ul li a{ font-size:13px; }
  .classy-head .fr .classy-ts a{ margin-left:8px;}
  .classy-head .fr .classy-ts a{ width:15px;}

  .classy-mtext{ padding:50px 0; font-size:18px; line-height:25px; }
  .classy-mnav ul li a{ font-size:13px; }

  .classy-sancks{ margin-top:50px; }
  .classy-sancks h3{ font-size:18px;}
  .classy-sancks ul{ margin-top:20px; gap:12px; grid-template-columns:repeat(1, 1fr) }
  .classy-sancks ul li{ margin-top:10px; }

}

@media screen and (max-width:640px){
  .classy-banner .classy-logo{ left:12px; top:12px; height:40px; }
  .classy-banner .text{ top:12px; }
  .classy-banner .text h1{ font-size:16px; }
  .classy-banner .text .classy-btn a{ height:40px; width:150px;}
  .classy-about{ padding:50px 15px; font-size:22px;}
  .classy-about .a1{ margin-right:30px; }
  .classy-two ul li{ margin-bottom:20px; }
  .classy-two ul li .c{ margin-left:12px; }
  .classy-two ul li .c .p2{ line-height:25px; }
  .classy-food li{ margin-top:30px;}
  .classy-food li .text h3{ font-size:25px; }
  .classy-foot{ padding:30px 15px 10px 15px; margin-top:30px; }
  .classy-foot .box{ display: block; }
  .classy-foot .classy-con{ margin-left:0; margin-top:20px; }
  .classy-banner3 h2{ font-size:25px; }
  .classy-mnav ul li a{ font-size:11px; }
}
.mobile-check-see{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; color:#fff; display: none; justify-content: center; align-items: center; font-size:15px; z-index:99999999;}