/* 全局基础样式 */
:root {
  /* 大标题，比如首页 Hero 标题 */
  --font-h: clamp(36px, 5vw, 64px);
  /* 页面主标题 */
  --font-h1: clamp(32px, 4vw, 52px);
  /* 区块标题 */
  --font-h2: clamp(20px, 3vw, 40px);
  /* 卡片标题 */
  --font-t: clamp(18px, 2vw, 35px);
  --font-t1: clamp(20px, 2vw, 30px);
  --font-h3: clamp(20px, 2vw, 26px);
  /* 正文 */
  --font-h4: clamp(15px, 2vw, 20px);
  --font-tp: clamp(15px, 1.4vw, 18px);
  --font-body: clamp(15px, 1.4vw, 18px);
  /* 其他 */
  --font-normal: clamp(14px, 1.4vw, 16px);
  /* 小字 */
  --font-small: clamp(13px, 1.2vw, 15px);
  /* 小小字 */
  --font-smallx: clamp(12px, 1.2vw, 14px);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #faf9fc;
  -webkit-box-shadow: 0 0 0 1000px #e0e0e0 inset;
  box-shadow: 0 0 0 1000px #e0e0e0 inset;
  transition: background-color 5000s ease-in-out 0s;
  background-color: #e0e0e0 !important;
}
html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
body {
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "PingFang SC",
    "Microsoft YaHei",
    sans-serif;
  color: #111827;
  background: #ffffff;
  width: 100%;
  min-height: 100vh;
}
/* 自定义容器 */
.site-container {
  width: 100%;
  max-width: 1430px;
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
}
body > section{ padding:0px;}
ul li{ list-style:none; }
p{ padding:0; margin:0;}
a{ text-decoration:none!important;}
.margin-right{ margin-left:auto!important; }
.times{-webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}
.bob{ width:100%; height:35px; float:left;}
.container-main{ width:100%; height:auto;float:left; overflow:hidden;}
.md{ width:1430px; }
.md2{ width:1200px; }
.image-placeholder {background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);animation: loading 1.5s infinite;}
.bg{background-color:#000;}
.d-block-hidden{ display:none; }
body.no-scroll {overflow:hidden;}
img {user-drag:none;-webkit-user-drag:none;pointer-events:none;}
.bmin{ width:100%; height:20px; float:left; }
/*--　浮动 --*/
#fixnav{ position:fixed; z-index:99999;
-webkit-animation:searchTop .0s ease-in-out;
-moz-animation:searchTop .0s ease-in-out;
animation:searchTop .0s ease-in-out;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#242424,direction=120,strength=4);
-moz-box-shadow: 0px 0px 5px #242424;
-webkit-box-shadow: 0px 0px 5px #242424;
box-shadow:0px 0px 5px #242424;}
#fixnav::before{ width: 100%; height: 100%; content: ''; position: absolute; left: 0; top:0; background-color: #000; opacity: 0.75;}
@-webkit-keyframes searchTop {0% {top:-100px}to {top:0}}
@-moz-keyframes searchTop {0% {top:-100px}to {top:0}}
@keyframes searchTop {0% {top:-100px}to {top:0}}
/*-- headerbox --*/
.toheader{ width:100%; padding:0 15px; position: fixed; top: 0; left: 0; z-index: 9999;  }
.headerbox{ display: flex; justify-content: space-between; align-items: center; flex-direction: row; border-bottom: 1px solid rgb(198 198 198 / 0.3); padding:15px; gap:15px;}
.logo{
  width:160px;
  height: auto;
  display: flex;
  flex-shrink: 0;
  position: relative;
  z-index: 10;
}
.logo img{ max-width: 100%;}
.navbox{ width:860px; display: flex; justify-content: center; align-items: center; flex-direction: row; position: relative;  z-index: 1; margin-top: 10px;}
.navlist{ display: flex; justify-content:space-between; align-items: center; flex-direction: row; gap: 2rem; width: 100%; height: 100%; }
.navlist>li{  flex-shrink: 0; display: flex; justify-content:center; align-items: center;  position: relative;}
.navlist>li a{ font-size:var(--font-normal); color:#FFF; position: relative; text-decoration: none; -webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;}
.navlist>li i{ width:10%; height:3px; background:#FFF; position:absolute; bottom:-9px; left:45%; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;-webkit-transition: 0.6s;-moz-transition: 0.6s;transition:0.6s;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.navlist>li:hover i{visibility:visible; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transition:0.6s;-moz-transition:0.6s;transition:0.6s;width:90%; left:5%;}
#active{}
.navlist>li a:hover{ color:#FFF; }
#active i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; width:90%; left:5%;}
.cen{
  position: relative;
  min-width: 140px; 
  display: flex; 
  align-items: center; 
  justify-content:space-around; 
  gap: 16px; 
  border: 1px seashell solid;
  padding: 5px 10px;
}
.cen::after{
  content: '';
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
}
.search{  width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor:pointer; }
.search-icon img{ width: 24px; height: 24px; }
.search-box{ display:none; width:280px; position:absolute;top:170%;right:0;background:#ffffff;box-shadow:0
 2px 8px rgba(0,0,0,0.1); border-radius:4px;z-index:999;padding:10px; font-size: 0.9rem;}
 .search-box input{ width: calc(255px - 60px); border:1px solid #ddd;border-radius:4px;margin-right:5px; padding:0px 10px; box-sizing:border-box;}
 .search-box button{ width:60px; background:#000;color:#FFF;border:none;border-radius:4px;cursor:pointer;display:flex;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;padding:8px 15px;}
 .search.active .search-box{align-items:center;display:flex;}
#active i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; width:90%; left:5%;}
.search-box form{ display:flex; flex-direction:row; }
#sfill{ fill:#000; }
.cen .two{ flex-grow: 1; display: flex; 
  align-items: center; justify-content: center; flex-direction: row;
  gap:5px; font-size: var(--font-normal); 
  color: #ffffff;
}
.cen .two a{ display: flex; align-items: center; justify-content: center; flex-direction:row; font-size: var(--font-small); color:#FFF; gap: 5px;}
.cen .two img{ width: 24px; height: 24px; }

/*-- 下级单行 --*/
.ondropdownx{ position:relative;}
#ondropdown-menu{ position: absolute; left:-45px; top:calc(100% + 40px); padding:40px 0px; visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s; border-radius:10px;}
#ondropdown-menu .ondropdown-box{ width:100%; padding:5px; border-radius:5px; gap:1px;background-color:#5f5f5f; display:flex; flex-direction:column; overflow: hidden;}
#ondropdown-menu .ondropdown-box a{ width:150px; min-height:40px; border-radius:5px; padding: 5px 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background:#767676; font-size:0.85rem; line-height:1.5; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.ondropdownx:hover #ondropdown-menu{ visibility:visible; top:100%; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
#ondropdown-menu .ondropdown-box a:hover{ opacity:0.8; background-color:#000; }
/*-- 下级全屏 --*/
.ondropdown {position: static !important;}
.dropdown-fullscreen { position: fixed;left: 0; width: 100vw;top: 110px; background:#2a2a2a; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);max-height: 0; overflow: hidden;transition: all 0.5s ease;z-index: 1000;}
.ondropdown:hover .dropdown-fullscreen { max-height: 100vh;}
.top-big{ width:100%; height:auto; display:flex; flex-direction:row; }
.top-sone{ width:21%; height:100%; border-right: 1px solid #373737; display:flex; padding:2rem; flex-direction:column; }
.top-sone-a{ width:100%; display:flex; justify-content:column; justify-content:center; align-items:center; flex-direction:column; }
.top-sone-a>h1{ font-size:1.05rem; color:#FFF; line-height:1.5; font-weight:normal; padding:10px 0px; text-align:center; }
.top-sone-a>img{ max-width:100%; }
.top-sone-b{ width:100%; display:flex; justify-content:flex-start; align-items: flex-start; flex-direction:column; }
.top-sone-b>a{ font-size:0.95rem!important; line-height:1.6!important; color:#b6b6b6!important; }
.top-sone-b>a:hover{ color:#FFFFFF!important; }
.top-big-two{ width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; flex-wrap:wrap; }
.top-stwo{ width:14.2%; display:flex; padding:30px 5px; flex-direction:column; justify-content:center; align-items:center; }
.top-stwo>a img{ max-width:100%; }
.top-stwo>a{ font-size:0.95rem!important; line-height:1.6!important; color:#b6b6b6!important; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.top-stwo>a:hover{ color:#FFFFFF!important; }

/*-- locbox --*/
.locbox{ width:100%; min-height:60px; display: flex; justify-content: flex-start; align-items: center; flex-direction: row; flex-wrap: wrap; z-index: 10; }
.locbox.float{ position:absolute; left:0; bottom:0; z-index:2; }
.locbox .md{ display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }
.locbox ul{ display: flex; justify-content: flex-start; align-items:center; flex-direction: row; flex-wrap: wrap; padding:20px 0px;}
.locbox ul li{ font-size: 0.85rem; color: #b2b2b2; padding-right:7px; display: flex; justify-content: center; align-items: center;}
.locbox ul li img{ width:17px; height: 17px; margin-right: 5px; margin-bottom:5px;}
.locbox ul li img.jt{ width:18px; margin-right:0;}
.locbox ul li p{ font-size: 0.875rem; color: #b2b2b2; display: flex; justify-content: center; align-items: center; padding-top: 5px;}
.locbox ul li a{ font-size: 0.875rem; color: #b2b2b2; display: flex; justify-content: center; align-items: center;}
.locbox ul li a:hover{ color:#000; text-decoration:underline!important; }

/*-- 内页 --*/
.inbanner{ width:100%; height:auto; float:left; position: relative;}
.inbanner>i{ width:100%; height:auto;  float:left; background-size:cover; background-position:center; background-repeat:no-repeat;}
.inbanner>i img{ width:100%; height:auto; object-fit:cover;}
.inwords{position:absolute; left:0; top:calc(62% - 80px); width:100%; height:auto; display:flex; justify-content:center; align-items:center;flex-direction:column; overflow:hidden; font-family:Arial; }
.inwords h1{ font-size:3rem; color:#FFF; font-weight:bolder; }
.inwords h1 span{padding:0px 20px; font-weight:lighter;}
.inwords h2{ padding:0px 20px; font-size: 3rem; font-weight:lighter; color:#FFF; letter-spacing: 3px;}
.inwords p{ font-size:2.4rem; color:#FFF; padding:15px 0px;}

/*-- 加载--*/
.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;display:flex;justify-content:center;align-items:center;}.loading-content{text-align:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);padding:20px;}.spinner-border{width:3rem;height:3rem;border-width:.2em;}

/*-- footB --*/
.footB{ width:100%; background-color:#363636; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.footbox-top {
    display: flex;
    width: 100%;
    min-height: 360px;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0px 30px;
    border-bottom: 1px solid #5c5c5c;
}
.footbox-top .md{ display:flex; gap: 15px; justify-content: space-between; flex-direction:row; min-height: 290px;}
.footbox-left {
    width:450px;
    line-height: 1.8;
    display: flex;
    justify-content:flex-start;
    flex-direction: column;
}
.footbox-slogan {
    font-size:var(--font-h3);
    margin-bottom: 12px;
    color: #FFF;
}
.footbox-contact{ padding-top:50px; }
.footbox-contact p {
    color: #c2c2c2;
    font-size: var(--font-small);
    padding-bottom: 5px;
}
/* 中间Logo区 */
.footbox-center {
   width:auto;
   display: flex;
   flex-direction: column;
   justify-content:flex-end;
   align-items:center;
   gap: 30px;
   padding-bottom: 40px;
}
.footbox-center img{ max-width:100%; }
.footbox-nav {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    gap:15px;
    font-size: var(--font-smallx);
}
.footbox-nav a {
    color: #ffffff;
    text-decoration: none;
    opacity: 0.7;
    transition: opacity 0.3s;
}
.footbox-nav a:hover {
    opacity: 1;
}
/* 右侧导航+社交+二维码区 */
.footbox-right {
    width:400px;
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
    align-items:flex-end;
    gap: 40px;
}
.footbox-social {
    display: flex;
    gap: 22px;
    font-size: 1.2rem;
    margin-top:15px;
}
.footbox-social a {
    color: #ffffff;
    transition: opacity 0.3s;
}
.footbox-social a i{ width:26px; height:26px; display:flex; justify-content:center; align-items:center; }
.footbox-social a i img{ width:100%; }
.footbox-social a:hover {
    opacity: 0.7;
}
.footbox-qrcode {
    width:120px;
    text-align: center;
    font-size:var(--font-smallx);
}
.footbox-qrcode img {
    width:100%;
    margin-bottom: 4px;
}
.footbox-qrcode p{ color:#FFF; }

.footdown{ width:100%; height:auto; line-height:1.5; font-size:0.875rem;color:#c2c2c2;position:relative; display: flex; flex-direction:row; justify-content:center; align-items: center; text-align: center;}
.footdown span{ padding:0px 10px; }
.footdown a{ color:#c2c2c2; }
.footdown .md{position:relative; padding:20px 0px; }
.back-to-top {position: fixed; bottom: 30px; right: 30px; width:40px; height: 40px; border-radius:360px; border:1px solid #FFF; background-color:#000; background-size:20px; background-repeat:no-repeat; background-position:center; background-image:url(../../uploads/svg-loaders/up.svg); border: none; cursor: pointer; font-size: 18px; box-shadow: 0 2px 10px rgba(0,0,0,0.2); z-index: 1000; transition: all 0.3s; }
.back-to-top:hover {transform: translateY(-3px); box-shadow: 0 4px 12px rgba(0,0,0,0.25); }


/*动画*/
.goban .inbg{
-webkit-animation-timing-function: linear;    /*动画时间曲线*/
-webkit-animation-name: bigss;                  /*动画名称，与@keyframes搭配使用*/
-webkit-animation-duration: 75000ms;              /*动画持续时间*/
-webkit-animation-iteration-count: infinite;    /*动画要重复次数*/
-webkit-animation-direction: alternate; /*动画执行方向，alternate 表示反复*/
-moz-animation-timing-function: linear;  /*动画时间曲线*/
-moz-animation-name: bigss;                  /*动画名称，与@keyframes搭配使用*/
-moz-animation-duration: 75000ms;              /*动画持续时间*/
-moz-animation-iteration-count: infinite;    /*动画要重复次数*/
-moz-animation-direction: alternate; /*动画执行方向，alternate 表示反复*/
animation-timing-function: linear;  /*动画时间曲线*/
animation-name: bigss;                  /*动画名称，与@keyframes搭配使用*/
animation-duration: 75000ms;              /*动画持续时间*/
animation-iteration-count: infinite;    /*动画要重复次数*/
animation-direction: alternate; /*动画执行方向，alternate 表示反复*/
}

@-webkit-keyframes bigss {
0% { -webkit-transform: scale(1.0);}
100% { -webkit-transform: scale(1.5);}
}
@-moz-keyframes bigss {
0% { -moz-transform: scale(1.0);}
100% { -moz-transform: scale(1.5);}
}
@keyframes bigss {
0% { transform: scale(1.0);}
100% { transform: scale(1.5);}
}

/*--- 弹出左侧 ---*/
body.nav-open {overflow: hidden; }
.menu-btn {position:absolute; top: 15px; right: 20px; z-index: 100; width: 40px; height: 40px; padding:4px; background:#000; border: 1px solid #000; border-radius:360px; cursor: pointer; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.15), inset 0 -2px 4px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; }
.menu-btn:hover { opacity: 0.5;}
.menu-btn img{ width:80%; }
.nav-container {position: fixed; top: 0; right: 0; width: 400px; height: 100vh; background:#323036; transform: translateX(100%); z-index:200; padding: 20px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); border-left:1px solid #333333; overflow: hidden; display: flex; flex-direction: column; padding-bottom:100px; transform: translateX(100%) translateZ(0); will-change: transform; }
.nav-content {flex: 1; overflow-y: auto; overflow-x: hidden; margin-top:40px; position: relative; z-index: 101; scrollbar-width: thin; scrollbar-color: #323036 transparent; }
.nav-content::-webkit-scrollbar {width: 6px; }
.nav-content::-webkit-scrollbar-thumb {background: #323036; border-radius: 3px; }
.nav-content::-webkit-scrollbar-track {background: transparent; }
.nav-content>ul {display: flex; flex-direction: column; list-style: none; padding: 0; }
.nav-content > ul >li {font-size:1rem; transform: translateX(-50px); opacity: 0; border-bottom: 1px solid #696969; }
.nav-content > ul >li br {display:none; }
.nav-content > ul > li > a {color: #FFF; text-decoration: none; display: flex; align-items: center; padding: 13px 0px; transition: all 0.3s ease; }
.nav-content > ul > li > a:hover {transform: translateX(5px); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); }
/*-- 二级 --*/
.menulist > li > ul {display: flex; flex-direction: column; padding:0px 15px 20px; }
.menulist > li > ul > li {position: relative; }
.menulist > li > ul > li::before{content: ''; position:absolute; left:0; top:calc(50% - 2px); width:5px; height:5px; background-color: #FFF; border-radius: 360px; }
.menulist > li > ul > li > a {color: #FFF; text-decoration: none; display: flex; align-items: center; padding:5px 5px 5px 15px; transition: all 0.3s ease; }
.close-btn {position: absolute; top: 20px; right: 20px; background: #ffffff; border: 1px solid #ddd; color: #000; width: 40px; height: 40px; border-radius: 50%; font-size: 24px; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; z-index: 3; }
.close-btn:hover {transform: rotate(90deg); }
.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 150; display: none; opacity: 0; }

@media (max-width: 1630px) {

}
@media (max-width: 1430px) {
.md{ width:100%; }
}
@media (max-width: 1350px) {

}
@media (max-width: 1280px) {

}
@media (max-width: 1230px) {

}
@media (max-width: 1080px) {


}
/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
html{ font-size: 14px; }
/*-- headerbox --*/
.headerbox{ padding:15px 0px; }
.logo{ width:110px; }
.cen{ margin-right:80px; }
}

/* xs */
@media (max-width: 767px) {
html{ font-size: 14px; }
.xplr{ padding:0; }
.xpl{ padding:0px 10px; }
/*-- headerbox --*/
#left-wrapper{ position:absolute; left:0; top:15px; }
#fixnav{  }
#fixnav::before{ background-color:#000; opacity:1 }
.toheader{height:auto; position:fixed; left: 0; top:0; padding: 0;}
.headerbox{ padding:5px 10px;}
.logo{ width:130px; height:40px; padding-left:0;}
.logo a{ display: flex;}
.logo a img{ max-width:60%; }
.navbox{ height:40px; position:static; }
.menu-btn { top:11px; right:10px; width:33px; height:33px; }
.nav-container { width:100%; }
.cen {min-width: 100px;gap: 10px; padding:0px 5px; margin-right:50px }
.cen .two{ gap:0px; }
#sfill{ fill:#000; }
.search-icon img{ width: 22px; height: 22px; }
.search{ margin-left: auto; position:static;}
.search-box{  top:45px;}
.search-box form{ width:100%; }
.search-box input{ width: calc(100% - 60px);}
.nav-content > ul > li a { font-size:1.25rem; }
/*-- loc --*/
.locbox ul{ padding:10px 0px;}

/*-- footB --*/
.footB{padding-bottom:50px;min-height:auto;padding-top:0;}
.footdown{flex-direction:column; border:0; padding:15px 5px 5px;}
.footdown span{width:100%;font-size:13px;text-align:center;display:inline-block;padding:3px 0;}
.footdown span a{font-size:13px;}
.phone-bottom-box {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(to bottom, #1c1c1e, #0a0a0a);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.6);
  z-index: 199;
}
.footer-navs{display:flex;justify-content:space-around;margin:0;padding:7px 0;}
.footer-navs > li{position:relative;list-style:none;text-align:center;flex:1;}
.footer-navs img{width:20px;height:20px;margin:0 auto 4px;}
.footer-navs a p{color:#FFF;}
.footer-navs p{color:#FFF;font-size:.85rem;}
.ph-one,.ph-two,.ph-three{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);opacity:0;visibility:hidden;transition:all .3s ease;}
.ph-one.active,.ph-two.active,.ph-three.active{opacity:1;visibility:visible;}
.ph-one a,.ph-two a,.ph-three a{display:block;white-space:nowrap;color:#242424;text-decoration:none;border-bottom:1px solid #eee;transition:background .3s;padding:12px 24px;}
.ph-one a:last-child,.ph-two a:last-child,.ph-three a:last-child{border-bottom:none;}
.ph-one:after,.ph-two:after,.ph-three:after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:8px solid transparent;border-top-color:#fff;}
.header-up::before,.header-down{display:none;}
.footdown .md{position:relative; padding:0px 0px 20px; }
/*--滚动到顶部--*/
.back-to-top {bottom:70px; right:10px; width:30px; height:30px; }

/*-- 内页 --*/
.inbanner{ margin-top:54px; }
.inbanner>i{height:140px; }
.inbanner i img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top:50%;left:50%; transform: translate(-50%, -50%); max-width: 100%; }

}

@media (max-width: 480px) 
{
/*-- 弹出框 --*/
.wrap-title img{ max-width:60%; }
.wrap-sv>a{ font-size:1.2rem;}
.wrap-sv>h1{ font-size:1.2rem; }
.wrap-sv ul li>a{ font-size:1rem;}
}