.cent,.foot{ margin:0 24px}
header{ display:block}
.hea .left{ width:40%;}
.hea .right{ width:20%;}
.hea .right dl{ display:none}
.flex-control-nav{ bottom:20px}
.nav1,.pcx{ display:none}
.nav2,.sjx,header{ display:block}
.nav2{ width:25px; height:21px}
.nav1 ul li a,.sy1 dl dd,.zg1 p a{ font-size:14px}
.zg{width:25px;z-index: 99; display:none}
.head1{ position:relative}
.qh{ margin-bottom:2%;}
.pcx{ display:none !important}
.sjx{ display:block !important} 
.zg1 p img, .zg1 p a{ margin:0}
.zg1 ul li{ line-height:25px}
.zg1 ul{ padding:4% 0; width:100px; top:37px;}
.zg1 ul li a{ font-size:13px}
.head1 .logo p{ margin:9px 0}
.flex-direction-nav li a{ background-size:100% !important; width:10px}
.zg1{ font-size:14px}
.zg1 p img:first-child{ width:20px}
.lo1{ display:none}
.lo2{ display:block}
.header{ width:85%}
.zg11{ margin-left:auto}
.sy1 h1{ font-size:36px; line-height:48px}
.sy1 p{ font-size:18px; line-height:24px}
.zg1{ display: flex; -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;}
.sy2{ padding:24px 24px 0}
.sy2 ul li{ width:100%}
.cent2{ margin:0}
.d1 img{inset: 0px;
  height: 100%;
  margin: 0px;
  max-width: none;
  padding: 0px;
  position: absolute;
  width: 100%;
  object-fit: cover;opacity: unset !important;
  object-position: 75% 50%;
}
.sy1{ padding:64px 24px; min-height:480px}
.sy1 p{ margin-bottom:32px}
.sy2 ul li{ margin-top:20px}
.sy2 ul li:first-child{ margin-top:0}
.sy2{ margin-bottom:24px}
.sy3{ padding-top:64px}
.sy3 h1, .sy6-z h1, .sy7 h1, .sy11-2 h1{ font-size:28px; line-height:36px}
.sy3-1{ grid-template-columns: 1fr;}
.sy3-2{ gap: 24px;}
.sy3 h1{ margin-bottom:24px}
.sy4{ padding:64px 0}
.sy4-1 table tr th:nth-child(2),.sy4-1 table tr th:nth-child(4),.sy4-1 table tr td:nth-child(2),.sy4-1 table tr td:nth-child(4){ display:none}
.b1 .b3,.b1 img{ display:none}
.sy4-1 table tr td{ font-size:14px; line-height:20px}
.sy5{ margin-top:24px}
.sy6-1{ margin:64px 0;grid-auto-rows: auto;grid-template-columns: 1fr;}
.sy6-y1{ -webkit-order:0;
  -ms-flex-order:0;
  order: 0;}
.sy6-z h1{ text-align:center}
.sy6-z h1 img{ margin:0 auto 16px}
.sy6-z ul{ display:none}
.sy6-y ul{ display:block}
.sy6-y ul{ margin-top:30px}
.sy6-1 ul li{ margin-bottom:20px}
.sy7,.bk0,.bann2,.jq2,.jq3,.jq1,.lx1,.lx2,.lx3,.lx4,.bkx1,.gy1,.gy3,.gy4,.gy5{margin: 64px 0;}
.sy7-1{ grid-template-columns: auto;}
.sy7 h1{ margin-bottom:24px}
.sy7-2 p{ font-size:16px; line-height:24px}
.sy11{ margin-bottom:64px}
.fo2 li{ width:33.333%; margin-top:10px}
.fo2{ margin-top:-10px}
.fo4 p span{ float:none; display:block; font-size:12px; margin-top:20px}
.fo4 p a{ display:block; margin-bottom:10px; font-size:12px}
.fo4{ margin-bottom:80px}

.ny-banner{ padding: 32px 24px;
  min-height: calc(100vw / 0.75);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.bann1 h3,.bann1 p{ text-align:center}
.ny-banner h2 img{ opacity: unset !important;
  object-position: 75% 50%;}
.bann1 h3{ font-size:36px; line-height:48px;}
.bk2-1{-webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  max-width: 100%;}
.bk2-1 p a{ font-size:16px; line-height:24px}
.bk2-1{ padding-left:48px; padding-top:48px}
.bk2{width: calc(100% + 48px);
    margin-left: -48px; margin-top:-48px}
.bk3 p a{ margin:0 1px}

.bann2 h3, .bann2 p{ text-align:left} 
.bann2{ margin:32px 0}
.jq1{ grid-template-columns: 1fr;gap:24px;}
.jq1-1 h2{ font-size:20px; line-height:28px}

.lx1 h1, .lx4 h1, .lx2-1 h1{ font-size:28px; line-height:36px;margin-bottom: 24px}
.lx1-1{ gap: 24px; grid-template-columns: auto;}
.lx1-2 h3{ font-size:16px; line-height:24px}
.lx2-2 .lx2-2-1{ display:none}
.lx2-2 .lx2-2-2{display:flex;}
.lx2-2-2 .e1{margin: 0px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  font-family: var(--f-country-simple-family);
  white-space: pre-line;}
.lx2-2-2 .e2{margin: 0;
    margin-bottom: 0px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  font-family: var(--f-country-simple-family);
  white-space: pre-line;margin-bottom: 8px;}  
.lx3{ margin-left: -96px;
  margin-right: -96px;} 
.lx4-1 h2{ font-size:20px; line-height:28px} 
.lx4-1 .lx4-3 h2{ font-size:16px; line-height:24px} 
.lx4-3{grid-template-columns: auto;grid-auto-rows: auto;}
.lx4-3 .lx4-4:nth-child(2n+1){ border-right:0}
  
.bkx1{ margin-top:32px}
.bkx1-1 h1{ font-size:28px; line-height:36px}
.xt1{ margin:32px 0 16px}
.bkx1-4 h2{ margin:0}
.bkx1-4{ flex-direction: column}
.bkx1-3{ flex-direction: column;}
.bkx1-3-2{ margin:0}
.bkx1-3-2 h3{ font-size:16px; line-height:24px}
.bkx4{margin-top: 64px;
  padding-top: 64px;
  padding-bottom: 64px;}
.bkx4 h1{ font-size:28px; line-height:36px;margin: 0px 0px 24px;}
.caseBxo{ padding-bottom:50px}
.bkx3{ margin-bottom:64px}

 .gy1{grid-template-columns: 1fr;grid-auto-rows:auto;grid-gap: 24px;-webkit-align-items:normal;
  -webkit-box-align:normal;
  -ms-flex-align:normal;} 
.gy1-2 h2{ font-size:20px; line-height:28px}
.gy1-2 p{ margin-top:8px}
.gy2{ display:block}
.gy2-2{ padding:24px; margin:0}
.gy2-2 h2{ font-size:28px; line-height:36px}
.gy3{ display:block; grid-template-columns: 1fr;
  grid-auto-rows: 1fr;}
.gy3-1{ border:0; text-align:center} 
 .gy3-1 h2{ font-size:24px; line-height:32px; margin-bottom:0}
.gy3-1 p{ font-size:14px; line-height:20px}  
 .gy4-1{grid-template-columns: 1fr;} 
  .gy4-2:nth-child(2n+1){ border-right:0}
.gy4-2{padding: 24px 0px;}
 .gy4-2 h2{ font-size:16px; line-height:24px}
.gy5{ margin-top:0}
 .gy5-2{ padding-bottom:0}
.gy5-2 .swiper-button-next, .gy5-2 .swiper-button-prev{ margin-top:20px}