body, div, dl, dt, dd, ul, li, pre, input, textarea, p, h1, h2 {margin: 0;padding: 0;font-size: 12px;}
input, textarea {font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;}
ul, li, dl, dt, dd {display: block;list-style: none;}
ul, li {list-style:none;}
img {border: 0;display:block;}
.clear {clear:both;}
a {text-decoration:none;outline:0;color:#666;}
body {font-family:"microsoft yahei";background: url("../images/ui/page-pattern.png") repeat #f5f5f5;}
html {overflow-y: scroll;height:100%;}
html, body {min-width:1300px;}
.main {width:1300px;margin:0 auto;}
.fr {float:right;}
.top_bg {width:100%;height:48px;background:#097ee6;}
.top {width:1300px;height:48px;margin:0 auto;overflow:hidden;}
.top_left {float:left;font-size:13px;line-height:48px;color:#f7f7f7;}
.top_left span {color:#fff;font-size:18px;line-height:48px;}
.top_right {float:right;height:48px;color:#cccccc;}
.top_right a {width:80px;height:48px;margin-right:2px;font-size:13px;line-height:48px;color:#cccccc;text-decoration:none;display:block;text-align:center;float:left;background:url("../images/ui/top-link-divider.jpg") no-repeat right center;}
.top_right a:hover {color:#fff;text-decoration:underline;}
.top_right a.nobnob {background: none;}
.header {width:100%;margin:0 auto;overflow:hidden;background:#fff;}
.logo {display:block;float:left;}
.nav {padding-top:35px;float:right;}
.nav ul li {display:inline-block;text-align:center;padding-left:20px;color:#333;background:url("../images/ui/nav-divider.png") no-repeat right center;padding-right:20px;}
.nav ul li:last-child {background:none;padding-right:0px;}
.nav ul li p {font-size:10px;color:#666;text-transform:uppercase;}
.nav ul li a:hover, .nav ul li a:hover p {color:#bb2f30;}
.masde {width:1300px;margin:40px auto 0 auto;background:#fff;border-radius:8px;}
.recommend {width:100%;height:100px;margin:0 auto;overflow:hidden;border-bottom:1px solid #eee;}
.recommend h1 {font-size:30px;float:left;line-height:100px;color:#bb2f30;margin:0 auto 0 10px;font-weight:normal;}
.recommend p {font-size:16px;float:left;line-height:110px;color:#4e4e4e;text-transform:uppercase;}
.recommend em {font-style:normal;line-height:110px;padding:0 20px;float:left;font-size:20px;color:#555;}
.recommend span {float:left;overflow:hidden;margin-top:20px;margin-left:30px;}
.recommend span img {width: 60px;}
.recommend a {float:right;text-align:right;line-height:110px;font-size:14px;color:#000;padding-right:30px;}
.jieshao {height: auto;overflow: hidden;padding: 40px 30px 30px;}
.jieshao_left {width:710px;overflow: hidden;line-height: 28px;float:right;font-size:14px;}
.jieshao_right {width:480px;overflow: hidden;float: left;}
.jieshao_right img {width:480px;height:380px;}
.indesd {width:930px;margin:0 auto;padding:20px 0;}
.indesd ul li {width:280px;margin:12px 15px;float:left;display:block;height:263px;}
.indesd ul li a {width:280px;height:253px;display:block ;}
.indesd ul li img {width:280px;height:190px;padding-bottom:22px;}
.indesd ul li span {font-size:16px;width:270px;display:block;padding:0 5px;color:#333;line-height:22px;height:22px;overflow:hidden;text-align:center;}
.indesd ul li a:hover {margin-top:-10px;transition: 400ms;animation: myfirst 0.2s;-moz-animation: myfirst 0.2s;-webkit-animation: myfirst 0.2s;-o-animation: myfirst 0.2s;box-shadow:0 4px 4px #ccc;}
.title {border-bottom:1px solid #eee;height:40px;width:100%;position:relative;margin-top:28px;}
.title h1 {color:#000;font-size:16px;font-weight:bold;}
.title h1 a {color:#000;}
.title h1 span {color:#999;padding-left:5px;font-weight:normal;}
.title h1 a:hover, .title h1 a:hover span {color:#dd3e31;}
.title .moreA {display:block;position:absolute;right:0;top:0;width:30px;height:40px;font-size:14px;color:#f2f2f2 !important;background:url("../images/ui/more.png") no-repeat right center;}
.title .border {height:1px;overflow:hidden;position:absolute;width:23px;background:#c7c7c7;bottom:-1px;left:0px;}
.masde > .title {width:1210px;margin:28px auto 0;}
.masde:has(> .paras) {overflow:hidden;}
.asdg1 {width:380px;float:left;padding-left:30px;padding-right:20px;padding-top:15px;padding-bottom:40px;}
.seners ul {margin:8px 0;}
.seners ul li {line-height:30px;color:#a1a1a1;}
.seners ul li a {color:#444444;padding-left:19px;background:url("../images/ui/list-marker.gif") no-repeat 3px center;width:310px;overflow:hidden;height:30px;line-height:30px;display:block;float:left;}
.seners ul li a:hover {color:#bb2f30;}
.parnter {margin:0 auto;padding:30px;}
.parnter ul li {width:150px;height:60px;border:1px solid #ddd;margin:3px;float:left;padding:1px;}
.parnter ul li img {width:150px;height:60px;}
.footlc {width:1200px;margin:0 auto 10px auto;border-top:1px solid #ddd;padding:24px 10px;position:relative;display:grid;grid-template-columns:120px repeat(6, minmax(0,1fr));gap:20px 10px;align-items:start;}
.footlc h1 {font-weight:bold;color:#4c4c4c;min-width:0;}
.footlc h1 span.cm_ico {float:left;width:37px;height:32px;overflow:hidden;background:url("../images/ui/service-process-sprite.png") no-repeat -160px 0;margin-right:13px;display:inline;}
.footlc h1 span.zi {display:block;color:#b2b2b2;font-weight:normal;}
.footlc p {position:relative;padding-left:36px;min-height:32px;line-height:1.4;}
.footlc p:hover {color:#bb2f30;}
.footlc p span.cm_ico {position:absolute;left:0;top:0;float:none;width:32px;height:32px;overflow:hidden;background:url("../images/ui/service-process-sprite.png") no-repeat -197px 0;margin:0;display:block;text-align:center;line-height:32px;font-size:20px;font-weight:bold;color:#ccc;}
.footlc p:hover span.cm_ico {background:url("../images/ui/service-process-sprite.png") no-repeat -231px 0;color:#bb2f30;}
.footlc p strong {display:inline;color:#333;padding-right:2px;}
.footlc p:hover strong {color:#bb2f30;}
.footlc .clear {clear:both;}
#footer {margin-top:40px;color: #313131;position: relative;z-index: 9;border-top: 1px #cacaca solid;background:#fff;}
#footer .foot {background-color: #dcdcdc;padding: 20px 0;}
.bdasdf {text-align: center;margin-top: 10px;overflow:hidden;padding:10px 0;font-size:13px;color:#666;line-height:24px;}
.bdasdf a:hover {color:#bb2f30;}
.bdasdf a {color:#333;}
.container {width:1300px;margin:0 auto;}
.lt {float:left;width: 288px;height: 205px;padding-right: 23px;background: url("../images/ui/contact-map.gif") 0 0 no-repeat;}
.lt .sbd {padding: 75px 0 0 126px;line-height: 26px;font-size: 20px;}
.lt .sbd p.trt {color: #bb2f30;font-size: 20px;}
.rt {float:left;width:700px;}
.rt dl {margin: 0;margin-left: 36px;margin-top: 7px;width: 138px;float:left;}
.rt dl dt {height: 30px;line-height: 30px;overflow: hidden;margin-bottom: 8px;font-size: 16px;text-align:center;}
.rt dl dd {height: 22px;line-height: 22px;color:#555;font-size: 12px;overflow: hidden;text-align:center;}
.saoma {width: 130px;height: auto;background: #e8e8e8;border: 1px solid #d0d0d0;font-size: 16px;padding:9px;float:right;line-height: 36px;text-align: center;}
.saoma img {width:130px;height:130px;}
.banner {width:100%;height:auto;margin:0 auto;}
.banner img {width:100%;height:auto;margin:0 auto;display:block;}
.warp {width:1300px;margin:30px auto;}
.bran {width:100%;height:30px;line-height:30px;margin:0 0 10px;font-size:14px;background: url("../images/ui/breadcrumb.png") no-repeat left center;text-indent:20px;}
.bran a {color:#666;}
.bran a:hover {color:#2386ea;}
.layout {width:100%;margin:0 auto;}
.lalef {width:230px;float:left;background-color:#FFF;border-radius:8px;border:1px solid #ddd;box-shadow: 0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);min-height:100px;}
.lalef ul li a {width:228px;height:50px;line-height:50px;border-bottom: 1px solid #f5f5f5;font-size:18px;color:#555;text-align:center;display:block;border-left:2px solid #fff;}
.lalef ul li a:hover {text-decoration:underline;color:#000;border-left:2px solid #bb2f30;background:#f2f2f2;}
.lalef ul li a.current {color:#000;border-left:2px solid #bb2f30;background:#f2f2f2;}
.lalef h2 {width:100%;background:#bb2f30;color:#fff;border-bottom:1px solid #ccc;height:75px;line-height:75px;text-align:center;font-size:22px;border-radius:8px 8px 0 0;font-weight:normal;}
.larig {float:right;padding:0;width:1020px;background-color:#FFF;border:1px solid #ddd;box-shadow: 0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);border-radius:8px;min-height:500px;}
.sdte {color:#333;border-bottom: 1px solid #f5f5f5;height:75px;line-height:75px;font-size:22px;border-radius:8px 8px 0 0;background:#f2f2f2;padding-left:30px;}
.dy-text {overflow: hidden;font-size:14px;line-height:25px;min-height:400px;padding:30px;}
.manlist {height:auto;float:left;display:inline;padding:30px;min-height:300px;}
.manlist ul {width:100%;height:auto;float:left;display:inline;}
.manlist ul li {width:100%;height:auto;float:left;display:inline;border-bottom:1px dashed #e2e0e0;}
.manlist ul li p {width:840px;height:auto;float:left;display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:40px;font-size:13px;color:#595757;background:url("../images/ui/list-marker.gif") no-repeat left center;padding-left:20px;}
.manlist ul li p a {display:block;color:#595757;}
.manlist ul li b {float:right;padding-left:20px;display:inline;line-height:40px;font-size:13px;color:#a7a6a6;font-weight:normal;width:80px;text-align:right;}
.manlist ul li b a {display:block;color:#a7a6a6;}
.manlist ul li:hover a {color:#bb2f30;}
.manlist ul li:hover {cursor:pointer;}
.dede_pages {MARGIN:10px auto 40px auto;text-align:center;}
.dede_pages ul li {BORDER: #CFCFCF 1px solid;font-size:14px;PADDING:3px 9px;MARGIN:3px;COLOR: #444;TEXT-DECORATION: none;display:inline-block;}
.dede_pages ul li.thisclass {color:#fff;background:#bb2f30;BORDER: #bb2f30 1px solid;TEXT-DECORATION: none;}
.manle {background:#f2f2f2;border-radius:8px 8px 0 0;padding:19px 25px;margin:0 auto;overflow:hidden;height: 38px;}
.manle dd {width:auto;float:left;display:inline;overflow:hidden;font-size:22px;width:750px;height:38px;color:#333;}
.manle dt {width:auto;float:right;display:inline;overflow:hidden;width:106px;}
.manle img {width:38px;height:38px;float:left;display:inline;overflow:hidden;padding-left:15px;}
.msg_ul {width:580px;height:auto;overflow:hidden;margin:20px auto;}
.msg_ul li {width:100%;height:auto;overflow:hidden;position:relative;margin-bottom:6px;}
.msg_ul li p {width:90px;float:left;height:36px;font:14px/36px "microsoft yahei";color:#333;vertical-align: top;text-align:right;margin: 0 6px 0 0;}
.msg_input {width:330px;height:34px;border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;}
.msg_tesdf {width:450px;max-width:450px;height:auto;min-height:80px;border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;}
.msg_submit {width:160px;height:36px;background:#bf3131;margin:20px auto;border-radius:3px;border:0;text-align:center;font:18px/36px "microsoft yahei";color:#fff;cursor: pointer;}
.msg_submit:hover {background:#962828;}
.content {width:1300px;margin:0 auto;padding-top:40px;font-size:14px;}
.ctwo_left {width: 27.5%;float: left;margin-right: 15px;}
.ctwo_left {overflow: hidden;}
.ctwo_left {background:#80bbd8;position: relative;}
.ctwo_left li {width: 24.9%;float: left;height: 82px;color: #FFFFFF;text-align: center;position: relative;-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;-o-transition: 0.3s ease;transition: 0.3s ease;}
.ctwo_left li:after, .ctwo_left li:before {position: absolute;content: "";background: #d7edf8;}
.ctwo_left li i {background: url("../images/ui/service-icons.png") no-repeat;}
.ctwo_left li:after {top: 0px;left: 0;width: 1px;height: 100%;}
.ctwo_left li:before {bottom: -1px;left: 0px;width: 100%;height: 1px;}
.ctwo_left:before, .ctwo_left:after {content: " ";display: table;}
.ctwo_left .ctl_dayNight:before, .ctwo_left .ctl_Commissioned:before, .ctwo_left .ctl_integration:before, .ctwo_left .ctl_Guestbook:before {height: 0;}
.ctwo_left .ctl_wrapping i {width: 40px;height: 40px;display: block;margin: auto;margin-top: 10px;background-position: 0px 0px;-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;-o-transition: 0.3s ease;transition: 0.3s ease;}
.ctwo_left .ctl_wrapping:hover i {background-position: 0px -40px;}
.ctwo_left .ctl_SMS I {width: 40px;height: 40px;display: block;margin: auto;margin-top: 10px;background-position: -40px 0px;-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;-o-transition: 0.3s ease;transition: 0.3s ease;}
.ctwo_left .ctl_SMS:hover i {background-position: -40px -40px;}
.ctwo_left .ctl_Insured i {width: 40px;height: 40px;display: block;margin: auto;margin-top: 10px;background-position: -80px 0px;-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;-o-transition: 0.3s ease;transition: 0.3s ease;}
.ctwo_left .ctl_Insured:hover i {background-position: -80px -40px;}
.ctwo_left .ctl_Single i {width: 40px;height: 40px;display: block;margin: auto;margin-top: 10px;background-position: -120px 0px;-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;-o-transition: 0.3s ease;transition: 0.3s ease;}
.ctwo_left .ctl_Single:hover i {background-position: -120px -40px;}
.ctwo_left .ctl_dayNight i {width: 40px;height: 40px;display: block;margin: auto;margin-top: 10px;background-position: -160px 0px;-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;-o-transition: 0.3s ease;transition: 0.3s ease;}
.ctwo_left .ctl_dayNight:hover i {background-position: -160px -40px;}
.ctwo_left .ctl_Commissioned i {width: 40px;height: 40px;display: block;margin: auto;margin-top: 10px;background-position: -200px 0px;-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;-o-transition: 0.3s ease;transition: 0.3s ease;}
.ctwo_left .ctl_Commissioned:hover i {background-position: -200px -40px;}
.ctwo_left .ctl_integration i {width: 40px;height: 40px;display: block;margin: auto;margin-top: 10px;background-position: -240px 0px;-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;-o-transition: 0.3s ease;transition: 0.3s ease;}
.ctwo_left .ctl_integration:hover i {background-position: -240px -40px;}
.ctwo_left .ctl_Guestbook i {width: 40px;height: 40px;display: block;margin: auto;margin-top: 10px;background-position: -280px 0px;-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;-o-transition: 0.3s ease;transition: 0.3s ease;}
.ctwo_left .ctl_Guestbook:hover i {background-position: -280px -40px;}
.ctwo_left .ctl_Guestbook, .ctwo_left .ctl_Single {border: none;}
.ctwo_right {width: 71%;float: right;overflow: hidden;}
.ctwo_right li {float: left;width: 23.5%;height: 164px;background-size: cover;margin-right: 2%;}
.ctwo_right li img {width: 100%;height: 100%;}
.ctwo_right li:last-child {margin-right: 0px;}

.banner{ display: block; position: relative;  text-align: center;}
.banner .swiper-slide{ text-align: center; }
.swiper-slide  img{ max-width: 100%; text-align: center; }
.banner-swiper .swiper-banner{ text-align: center;   box-sizing: border-box; position: absolute; z-index: 2;  bottom: 40px; color: #fff; }
.swiper-banner .swiper-pagination-bullet{ width: 26px; height: 3px; border-radius: 2px;  }
.banner-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 2px; }



.paras{ width:1210px; margin:0 auto; padding:30px 0; }

.paras ul li{ width:220px; height:92px; border:1px solid #ddd; margin:7px 8px; float:left; padding:2px; }

.paras ul li img{ width:220px; height:92px;}



.izl-rmenu{position:fixed; right:8px; margin-right:0; bottom:20px; padding-bottom:20px; background:none; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url("../images/ui/contact-qq.png") 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url("../images/ui/contact-qq.png") 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url("../images/ui/contact-wechat.png") 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url("../images/ui/contact-phone.png") 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url("../images/ui/back-to-top.png") 0px 0px no-repeat; background-color:#666666; display:block; visibility:hidden;}
.izl-rmenu .btn-top:hover{background-color:#444;}

/* Retain the original desktop design while allowing narrow screens to reflow. */
html, body { letter-spacing: 0; }
body { font-family: 'Microsoft YaHei', 'PingFang SC', Arial, sans-serif; }
.dy-text img { max-width: 100%; height: auto !important; }
.dy-text { overflow-wrap: anywhere; }
.dy-text pre { white-space: pre-wrap; overflow-wrap: anywhere; font-family: inherit; }
.seners ul li { display: flex; gap: 8px; }
.seners ul li .fr { flex: 0 0 auto; order: 2; font-size: 11px; }
.seners ul li a { float: none; flex: 1; min-width: 0; white-space: nowrap; text-overflow: ellipsis; }
.manle { display: flex; gap: 16px; height: auto; min-height: 38px; align-items: center; }
.manle dd { flex: 1; width: auto; height: auto; overflow-wrap: anywhere; }
.manle dt { flex: 0 0 106px; }
.manle a[aria-disabled] { opacity: .3; cursor: default; }
.manlist { float: none; display: block; }
.manlist ul li { display: flex; align-items: baseline; gap: 12px; }
.manlist ul li p { flex: 1; min-width: 0; width: auto; }
.manlist ul li b { flex: 0 0 80px; padding-left: 0; }
.booking-notice { margin: 10px auto 20px; text-align: center; font-size: 14px; color: #a32929; }
.msg_ul li label { width: 90px; float: left; font-size: 14px; line-height: 36px; text-align: right; margin-right: 6px; }
.msg_ul li label span { color: red; }
.msg_submit:disabled { opacity: .6; cursor: not-allowed; }
.izl-rmenu .btn { outline-offset: 2px; }
.title h1 { padding-right: 32px; }
.dy-text table { max-width: 100%; }
.content { display: flex; gap: 16px; align-items: flex-start; }
.ctwo_left { flex: 0 0 27.5%; margin: 0; }
.ctwo_right { flex: 1; width: auto; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.ctwo_right li { float: none; width: auto; height: auto; margin: 0; aspect-ratio: 217 / 164; }
.ctwo_right li img { object-fit: contain; }
.booking-actions { box-sizing: border-box; padding-left: 96px; }
.booking-phone { white-space: nowrap; }
.empty-notice { margin: 20px 0; padding: 18px 22px; background: #f7f7f7; border: 1px dashed #d9d9d9; border-radius: 6px; color: #666; font-size: 14px; line-height: 1.8; }
.empty-notice strong { color: #333; }
.swiper-banner .swiper-pagination-bullet { background: #fff; opacity: .65; box-shadow: 0 0 2px #333; }
.swiper-banner .swiper-pagination-bullet-active { opacity: 1; }
@media (min-width: 1440px) {
  .izl-rmenu .btn, .izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited { width: 56px; height: 57px; background-size: 56px 57px; }
}
@media (max-width: 1439px) {
  .izl-rmenu { position: static; margin: 0; padding: 8px; display: flex; justify-content: center; gap: 8px; background: #fff; border-top: 1px solid #ddd; }
  .izl-rmenu .btn-top { visibility: visible; }
  .izl-rmenu .btn-phone .phone, .izl-rmenu .btn-wx .pic { top: auto; bottom: 100%; left: auto; right: 0; }
}
@media (max-width: 1320px) {
  html, body { min-width: 0; }
  .main, .top, .container, .warp, .content, .masde { width: calc(100% - 32px); }
  .header .main, .masde .main { width: 100%; }
  .header .main { box-sizing: border-box; padding: 0 16px; }
  .header .logo img { max-width: 100%; }
  .header .nav { padding: 20px 0; }
  .nav ul li { padding: 0 12px; }
  .layout { display: flex; gap: 24px; align-items: flex-start; }
  .lalef { flex: 0 0 200px; }
  .lalef ul li a { width: auto; }
  .larig { flex: 1; min-width: 0; }
  .jieshao { display: flex; gap: 30px; }
  .jieshao_left, .jieshao_right { width: 50%; }
  .jieshao_right img { width: 100%; height: auto; }
  .masde > .main { display: flex; }
  .asdg1 { width: 33.333%; min-width: 0; box-sizing: border-box; padding: 0 20px 30px; }
  .paras { width: auto !important; }
  .masde > .title { width: auto; margin-left: 0; margin-right: 0; }
  .paras ul { display: flex; flex-wrap: wrap; justify-content: center; }
  .footlc { width: auto; margin: 0 20px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 12px; }
  .footlc h1 { grid-column: 1 / -1; }
  .footlc .clear { display: none; }
  #footer .foot .container { display: flex; flex-wrap: wrap; gap: 24px; }
  .rt { flex: 1; min-width: 300px; display: flex; flex-wrap: wrap; }
  .rt dl { margin: 7px 0 0; flex: 1; min-width: 110px; }
  .indesd { width: auto; }
  .indesd ul { display: flex; flex-wrap: wrap; justify-content: center; }
  .msg_ul { max-width: 100%; }
  .msg_input, .msg_tesdf { box-sizing: border-box; max-width: calc(100% - 100px); }
}
@media (max-width: 1024px) {
  .content { display: block; }
  .ctwo_left, .ctwo_right { float: none; width: 100%; }
  .ctwo_right { margin-top: 16px; }
}
@media (max-width: 760px) {
  .top_bg, .top { height: auto; }
  .top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
  .top_right a { width: auto; padding: 0 9px; }
  .header .logo { float: none; }
  .header .logo img { width: 360px; margin: auto; }
  .header .nav { float: none; padding: 12px 0; }
  .nav ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px 0; }
  .nav ul li { padding: 0 10px; font-size: 14px; }
  .banner-swiper .swiper-banner { bottom: 8px !important; }
  .content { padding-top: 20px; }
  .ctwo_left, .ctwo_right { float: none; width: 100%; margin: 0; }
  .ctwo_right { margin-top: 16px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .ctwo_right li { width: auto; height: auto; margin: 0; aspect-ratio: 217 / 164; }
  .masde { margin-top: 24px; }
  .recommend { height: auto; min-height: 78px; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 12px; box-sizing: border-box; }
  .recommend span { margin: 0; }
  .recommend span img { width: 40px; }
  .recommend h1 { font-size: 22px; line-height: 32px; margin: 0; }
  .recommend p { font-size: 12px; line-height: 24px; }
  .recommend em { padding: 0; line-height: 24px; }
  .recommend a { line-height: 24px; padding: 0; margin-left: auto; }
  .jieshao { display: block; padding: 20px; }
  .jieshao_left, .jieshao_right { float: none; width: auto; }
  .jieshao_left { margin-top: 18px; }
  .masde > .main { display: block; }
  .asdg1 { width: 100%; float: none; }
  .footlc { margin: 0 16px; padding: 24px 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; }
  .footlc h1 { grid-column: 1 / -1; }
  .footlc p { font-size: 11px; }
  .layout { display: block; }
  .lalef, .larig { width: auto; float: none; }
  .lalef { margin-bottom: 20px; }
  .lalef h2 { height: 52px; line-height: 52px; font-size: 20px; }
  .lalef ul { display: flex; flex-wrap: wrap; }
  .lalef ul li { flex: 1 0 45%; }
  .lalef ul li a { font-size: 15px; }
  .larig { min-height: 0; }
  .sdte { height: auto; line-height: 30px; padding: 16px; font-size: 20px; }
  .dy-text { padding: 18px; min-height: 250px; }
  .dy-text span[style*="36px"] { font-size: 24px !important; line-height: 36px !important; }
  .bran { height: auto; line-height: 24px; }
  .manle { padding: 16px; }
  .manle dd { font-size: 18px; line-height: 28px; }
  .manle dt { flex-basis: 76px; }
  .manle img { width: 30px; height: 30px; padding-left: 8px; }
  .manlist { padding: 16px; min-height: 0; }
  .manlist ul li { flex-wrap: wrap; gap: 0; padding: 8px 0; }
  .manlist ul li p { flex-basis: 100%; white-space: normal; line-height: 24px; padding-left: 12px; }
  .manlist ul li b { margin-left: auto; line-height: 24px; }
  .msg_ul li label { float: none; display: block; width: auto; text-align: left; }
  .msg_input, .msg_tesdf { width: 100%; max-width: 100%; }
  .booking-actions { padding-left: 0; }
  .msg_submit { margin: 12px 0; }
  .lt { float: none; }
  .rt { min-width: 0; flex-basis: 100%; }
  .rt dl { min-width: 45%; margin-bottom: 16px; }
  .saoma { float: none; margin: auto; }
  body { padding-bottom: 0; }
  .izl-rmenu { right: 0; left: 0; bottom: 0; margin: 0; padding: 3px 8px; display: flex; justify-content: flex-end; gap: 4px; background: #fff; border-top: 1px solid #ddd; }
  .izl-rmenu .btn { width: 40px; height: 42px; background-size: 40px 42px; }
  .izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited { background-size: 40px 42px; }
  .izl-rmenu .btn-phone .phone { line-height: 42px; top: auto; bottom: 46px; left: auto; right: 0; }
  .izl-rmenu .btn-wx .pic { top: auto; bottom: 46px; left: auto; right: 0; }
}

.izl-rmenu .btn-wx:hover .pic, .izl-rmenu .btn-wx:focus .pic,
.izl-rmenu .btn-phone:hover .phone, .izl-rmenu .btn-phone:focus .phone { display: block; }
.izl-rmenu .btn-top.is-visible { visibility: visible; }
.banner .swiper-pagination-bullet { border: 0; padding: 0; }