@charset "utf-8";
:root {
  /* 导航高度 */
  --header-height: 100px;
  /* COLOR */
  --color-active: #33416f;
  --color-blue-004: #33416f;
  --color-blue-095: #095cae;
  --color-blue-163: #163494;
  --color-blue-1635: #163595;
  --color-blue-345: #345999;
  --color-red-e41: #e41313;
  --color-white: #fff;
  --color-black: #282828;
  --color-gray-f6: #f6f6f6;
  --color-gray-f4: #f4f4f4;
  --color-gray-eee: #eee;
  --color-gray-ddd: #ddd;
  --color-gray-bbb: #bbb;
  --color-gray-999: #999;
  --color-gray-666: #666;
  --color-gray-444: #444;
  --color-gray-333: #333;
  /* --- font40以下 */
  --font12: clamp(12px, 0.12rem, 12px);
  --font14: clamp(12px, 0.14rem, 14px);
  --font15: clamp(12px, 0.15rem, 15px);
  --font16: clamp(13px, 0.16rem, 16px);
  --font17: clamp(13px, 0.17rem, 17px);
  --font18: clamp(14px, 0.18rem, 18px);
  --font20: clamp(15px, 0.2rem, 20px);
  --font22: clamp(16px, 0.22rem, 22px);
  --font24: clamp(17px, 0.24rem, 24px);
  --font26: clamp(18px, 0.26rem, 26px);
  --font28: clamp(18px, 0.28rem, 28px);
  --font30: clamp(20px, 0.3rem, 30px);
  --font32: clamp(20px, 0.32rem, 32px);
  --font34: clamp(22px, 0.34rem, 34px);
  --font36: clamp(22px, 0.36rem, 36px);
  --font38: clamp(24px, 0.38rem, 38px);
  /* --- font40 */
  --font40: clamp(23px, 0.4rem, 40px);
  --font42: clamp(24px, 0.42rem, 42px);
  --font44: clamp(24px, 0.44rem, 44px);
  --font46: clamp(25px, 0.46rem, 46px);
  --font48: clamp(26px, 0.48rem, 48px);
  /* --- font50 */
  --font50: clamp(28px, 0.5rem, 50px);
  --font52: clamp(28px, 0.52rem, 52px);
  --font54: clamp(28px, 0.54rem, 54px);
  --font56: clamp(28px, 0.56rem, 56px);
  --font58: clamp(29px, 0.58rem, 58px);
  /* --- font60 */
  --font60: clamp(30px, 0.6rem, 60px);
  --font62: clamp(31px, 0.62rem, 62px);
  --font64: clamp(31px, 0.66rem, 64px);
  --font66: clamp(31px, 0.66rem, 66px);
  /* --- font70以及以上 */
  --font70: clamp(32px, 0.7rem, 70px);
  --font72: clamp(32px, 0.72rem, 72px);
  --font74: clamp(32px, 0.74rem, 74px);
  --font80: clamp(32px, 0.8rem, 80px);
  --font100: 1rem;
  --font120: 1.2rem;
  --font160: 1.6rem;
  --font230: 2.3rem;
}

/* 公共字体 */
.font12 {
  font-size: var(--font12);
}
.font14 {
  font-size: var(--font14);
}
.font15 {
  font-size: var(--font15);
}
.font16 {
  font-size: var(--font16);
}
.font18 {
  font-size: var(--font18);
}
.font20 {
  font-size: var(--font20);
}
.font22 {
  font-size: var(--font22);
}
.font24 {
  font-size: var(--font24);
}
.font26 {
  font-size: var(--font26);
}
.font28 {
  font-size: var(--font28);
}
.font30 {
  font-size: var(--font30);
}
.font32 {
  font-size: var(--font28);
}
.font34 {
  font-size: var(--font34);
}
.font36 {
  font-size: var(--font36);
}
.font38 {
  font-size: var(--font38);
}
.font40 {
  font-size: var(--font40);
}
.font42 {
  font-size: var(--font42);
}
.font44 {
  font-size: var(--font44);
}
.font46 {
  font-size: var(--font46);
}
.font48 {
  font-size: var(--font48);
}
.font50 {
  font-size: var(--font50);
}
.font52 {
  font-size: var(--font52);
}
.font54 {
  font-size: var(--font54);
}
.font56 {
  font-size: var(--font56);
}
.font58 {
  font-size: var(--font58);
}
.font60 {
  font-size: var(--font60);
}
.font62 {
  font-size: var(--font62);
}
.font64 {
  font-size: var(--font64);
}
.font66 {
  font-size: var(--font66);
}
.font70 {
  font-size: var(--font70);
}
.font72 {
  font-size: var(--font72);
}
.font72 {
  font-size: var(--font74);
}
.font80 {
  font-size: var(--font80);
}
.font100 {
  font-size: var(--font100);
}
.font120 {
  font-size: var(--font120);
}
.font160 {
  font-size: var(--font160);
}
.font230 {
  font-size: var(--font230);
}
html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scrollbar-width: thin;
}
@media (min-width: 1901px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: calc(100vw / 21);
  }
}
@media (max-width: 1280px) {
  html {
    font-size: calc(100vw / 19.3);
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/15);
  }
}
@media (max-width: 480px) {
  html {
    font-size: calc(100vw/7.5);
  }
}
body {
  font-family: 'Microsoft YaHei','Arial', 'Microsoft YaHei UI', 'SimSun', 'SimHei';
  font-size: 16px;
  color: #000;
  background: #fff;
  overflow-x: hidden;
}
html, body, div, span, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%; line-height: 1;}


img{ border:0; max-width: 100%; }
input,button,a { outline: none;}
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:''; display:block; height:0; clear:both;}
div { box-sizing:border-box;}
.dn { display: none;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0.5);}
.container {
  width: 100%;
  height: auto;

  margin: 0 auto;
}
@media (min-width: 1901px) {
  .container {
     width: 1590px;
  	 max-width: 94%;
  }
}

@media (max-width: 1024px) {
  .container {
    max-width: 100%;
    padding: 0 20px;
  }
}

.fcc {display: flex;display: -webkit-flex;justify-content: center;align-items: center;}
.fsc {display: flex;display: -webkit-flex;justify-content: flex-start;align-items: center;}
/*通用样式*/
.container { width: 1590px; margin: 0 auto;}
.menuBtn { display: none;}
.logo { position: relative; width: 2.9rem;}
.logo img { display: block; width: 100%; transition: all 0.5s;}
.logo img:nth-child(2) { position: absolute; left: 0; top: 0; opacity: 0; }
.header {  transition: all 0.5s; position: fixed; left: 0; top: 0; width: 100%; z-index: 20;}
.small-header .header { transform: translateY(-100%);}
.show-header .header { transform: translateY(0);}
.small-header .header{ height: 80px; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #ffffff;}
.small-header .headerFlex { height: 80px;}
.small-header .header .logo img { opacity: 0;}
.small-header .header .logo img:nth-child(2) { opacity: 1;}
.header li:not(:last-child) { margin-right: 7px;}
.header li h2 { display: flex; align-items: center;}
.header li h2 a { position: relative; z-index: 2; transition: all .3s; display: block; line-height: 3; padding: 0 .42rem; color: #ffffff; font-size: var(--font16);}
.header li h2 a::after { content: ''; border-radius: 3em; z-index: -1; position: absolute; left: 0; top: 0; opacity: 0; transition: all .3s; width: 100%; height: 100%; background: linear-gradient( 315deg, #05B98D 0%, #004BD4 100%);}
.header li:hover h2 a { color: #ffffff!important;}
.header li:hover h2 a::after { opacity: 1;}
.header:hover { background: #ffffff;}
.header:hover .nav li h2 a,.small-header .header .nav li h2 a{ color: #333333;}
.header:hover .logo img { opacity: 0;} 
.header:hover .logo img:nth-child(2) { opacity: 1;}
.header .nav li h2 a:hover { color: #33416f;}
/**/
.modeHeader {padding-top: 80px;}
.modeHeader .header{ box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #ffffff;}
.modeHeader .header .logo img { opacity: 0;}
.modeHeader .header .logo img:nth-child(2) { opacity: 1;}
.modeHeader .header .nav li h2 a { color: #333333;}
.modeHeader .header .tel{ color: #004BD4;}
.modeHeader .header .tel img {filter:none;}
.nav>ul{ display: flex; justify-content: center; align-items: center;}
.nav li { position: relative; display: flex; align-items: center; height: 80px;}
.nav li:last-child { margin-right: 0;}
.nav li:nth-child(2) .subLink { visibility: hidden;}
.headerFlex { transition: all .5s; height:80px; display: flex; align-items: center; justify-content: space-between;}
.headerRight { display: flex; align-items: center;}
.header .tel { transition: all .3s; display: flex; align-items: center; color: #ffffff; gap: 13px; margin-left: .54rem; font-size: var(--font20); font-weight: bold;}
.header .tel img { transition: all .3s; filter: brightness(0) invert(1); display: block;}
.small-header .header .tel,.header:hover .tel{ color: #004BD4;}
.small-header .header .tel img,.header:hover .tel img {filter:none;}
.navSub { box-shadow: 0px 12px 32px 0px rgba(24,58,125,0.3); display: none; width: 1200px; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 15px);}
.subLink { display: none; width:216px;box-shadow: 0px 3px 14px 2px rgba(0,0,0,0.05), 0px 8px 10px 1px rgba(0,0,0,0.06), 0px 5px 5px -3px rgba(0,0,0,0.1); border-radius: 3px; background: #ffffff;
 padding: 8px; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 15px);}
.subLink p a { border-radius: 3px; transition: all .4s; display: block; font-size: 14px; color: #333333; line-height: 40px; text-align: center;}
.subLink p:not(:last-child) { margin-bottom: 4px;}
.subLink p:hover a { background: #004BD4; color:#ffffff;}
.navSub::after,.subLink::after { content: ''; position: absolute; left: 0; top: -15px; height: 15px; width: 100%;}
.nav li:nth-child(2):before,.nav li:nth-child(3):before { content: ''; position: absolute; opacity: 0; bottom: -15px; left: 50%; transform: translateX(-50%); width: 14px; height: 7px;
background: url(../images/xsj.png) center no-repeat;}
.nav li:hover:before { opacity: 1;}
.subFlex { display: flex; justify-content: space-between; background: #ffffff;}
.subMenu { width: 423px;background:#F7F8FE; padding: 40px 15px 40px 80px;}
.subMenu p a { border-radius: 8px; display: flex; justify-content: space-between; align-items: center; padding: 15px; transition: all .4s; font-size: var(--font18);
color: #333333; line-height: 1;}
.subMenu p a img { transition: all .4s; opacity: 0;}
.subMenu p.active a{ background: #EAF2FF; color:#004BD4}
.subMenu p.active a img { opacity: 1;}
.subGroup { flex: 1; box-sizing: border-box;}
.subGroup dl { padding: .4rem .7rem; display: flex; flex-wrap: wrap; gap: .32rem;}
.subGroup dt { width: calc((100% - .32rem)/2);}
.subIcon { width: 46px; height: 46px; display: flex; justify-content: center; align-items: center; border-radius: 6px; margin-bottom: 12px;}
.subSlide dt p { font-size: var(--font18); line-height: 1; color: #333333; margin-bottom: 10px;}
.subSlide dt span { display: block; line-height:1; color: #999999; font-size: var(--font14);}
.subSlide {min-height: 100%; position: relative;}
.subDesc { padding: .8rem .48rem; position: absolute; left: 24px; right: 24px; top: 24px; bottom: 24px; z-index: 2;}
.subDesc img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}
.subDesc h2 { color: #ffffff; font-size: var(--font28); line-height: calc(1em + .12rem); margin-bottom: .2rem;}
.subDesc p { font-size: var(--font18); line-height: calc(1em + .1rem); color: #ffffff;}
/*banner*/
.banner {background: linear-gradient( 315deg, #05B98D 0%, #004BD4 100%); height: 100vh; position: relative;}
.banner::after { content: ''; z-index: 2;background: linear-gradient( 315deg, #05B98D 0%, #004BD4 100%); position: absolute;
 left: 0; top: 0; width: 100%; height: 100%; opacity: .3;}
.bannerTexts{ z-index: 3; position: absolute;width: 6.5rem;text-align: center;left:50%; top:50%; transform:translate(-50%,-50%);}
.bannerTexts img{ display: block; width: 100%;}
.bannerTexts p{color: #fff;font-size: var(--font38);letter-spacing:.05rem;text-align: center; margin-top:.4rem;}

.banner video { display: block; width: 100%; height: 100%; object-fit: cover;}
/*inBanner*/
.page-banner { position: relative; overflow: hidden;background:#000;}
.page-banner .img img { width: 100%; display: block; height: 100%; min-height: 200px; object-fit: cover;}
.page-banner:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 2;}
.inText { z-index: 3; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.inText h2 { color: #ffffff; font-weight: bold; line-height: 1; margin-bottom: .2rem; font-size:var(--font60); -webkit-animation-duration: 0.8s; animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: h-line-mask-anim;animation-name: h-line-mask-anim;}
.inText p { color: #ffffff;line-height: 1.4; margin-bottom: .32rem; font-size: var(--font20);-webkit-animation-duration: 0.8s; animation-duration: 0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: h-line-mask-anim;animation-name: h-line-mask-anim;animation-delay: .2s;}
@-webkit-keyframes h-line-mask-anim {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
    clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
    clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
  }
}
@keyframes h-line-mask-anim {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
    clip-path: polygon(-10% -100%, 110% -100%, 110% 0%, -10% 0%);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
    clip-path: polygon(-10% 0%, 110% 0%, 110% 110%, -10% 110%);
  }
}
/*footer*/
.footer{background: #0a1633;}
.footerTop {display: flex;justify-content: space-between; padding: .55rem 0 .8rem; width: 1595px;max-width: 94%; margin: 0 auto;border-bottom: 1px solid rgba(255,255,255,.5);}
.footerLeft img{width: 4.09rem;}
.footerLeft h2{color: #fff;font-size: var(--font26);margin-bottom: .2rem;}
.footerLeft ul{display: flex;gap:1.2rem;padding-top: .6rem;}
.footerLeft dt{font-size: var(--font18);line-height: 1.8;}
.footerLeft dt a{color: #fff;opacity: .7;transition: all .5s;}
.footerLeft dt a:hover{opacity: 1;}
.footerLeft h3,.footerLeft h3 a{color:#04AB96; font-weight: bold;font-size: var(--font28);margin-bottom: .2rem;}
.footerLeft h3 img{display: inline-block;vertical-align: middle; margin: -3px .2rem 0 0;width: .35rem;}
.footerLeft p,.footerLeft p a{font-size: var(--font18);color: #fff;opacity: .7;line-height: 1.8;}
.leftTop { display: flex; align-items: center; gap:.3rem;}
.footerLeft li:nth-child(2) h2 { opacity: 0;}
.footerLeft span { padding: 0 .12rem; line-height: 2.22; display: inline-flex; color: #ffffff; font-size: var(--font18);background: linear-gradient( 315deg, #05B98D 0%, #004BD4 100%);border-radius: 20px 20px 20px 0px;}
.footerRight ul{ display: flex;justify-content: space-between; gap:.25rem;margin-top: .7rem;}
.footerRight p{color: #fff;font-size: var(--font18); margin-top: .25rem;text-align: center;}
.footerRight img{width: 1.58rem;}
.enterNav{ margin-top: .06rem; align-items: center; padding: 4px 4px 4px .2rem; display: inline-flex;gap:0;background: rgba(255,255,255,.1);border-radius: .32rem;overflow: hidden;}
.enterNav span,.enterNav a{display: inline-block; color: #fff;font-size: var(--font18);text-align: center;cursor: pointer;transition: all .3s;background-size: cover;background-position: center;background-repeat: no-repeat;}
.enterNav span { margin-right: .16rem;}
.enterNav a { padding: 4px .32rem;}
.enterNav a:nth-child(2) {  background: url(../images/enterLeft.png) center no-repeat;background-size: 100% 100%!important;}
.enterNav a:nth-child(3) { margin-left: -.07rem; background: url(../images/enterRight.png) center no-repeat;background-size: 100% 100%!important;}
.copy p{text-align: center; padding: .2rem 0 1.5rem;text-align: center;color: #fff;font-size: var(--font18);line-height: 1.6;}
.copy p a{ color: #ffffff;}
/**/
.allScreen { padding: 1.15rem 0 .58rem;}
.titleCell { text-align: center;}
.titleCell p { font-size: var(--font46); color: #333333; line-height: 1; margin-bottom: .21rem; font-weight: bold;}
.titleCell span { display: block; color: #666666; font-size: var(--font28); line-height: calc(1em + .15rem);}
.screenTop { display: flex; gap: .16rem;}
.leftSlide { width: calc((100% - .32rem)/3);}
.screenTop div { overflow: hidden; position: relative;}
.screenTop img { transition: all .8s; display: block; width: 100%;}
.screenRight { flex: 1; display: flex; flex-wrap: wrap; gap: .16rem;}
.halfImg { width: calc((100% - .16rem)/2);}
.screenGroup { display: flex; flex-direction: column; gap: .16rem;}
.leftSlide { display: flex; flex-direction: column; gap: .16rem;}
.screenTop div.modeText { transition: all .8s; line-height: 3; font-size: var(--font28); color: #ffffff; background: url(../images/shortBg.png) center no-repeat; background-size: 100% 100%; position: absolute; left: 0; text-align: center; bottom: 0; width: 100%;}
.screenGroup { margin-top: .8rem;}
.screenTop .hideText { transition: all .4s; opacity: 0; display: flex; flex-direction: column; justify-content: center; padding: .32rem .4rem; position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 100%;}
.hideText::after { content: ''; z-index: -1; opacity: .9; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: linear-gradient( 315deg, #05B98D 0%, #004BD4 100%);}
.hideText h2 { font-size: var(--font24); color: #ffffff; line-height: calc(1em + .1rem); margin-bottom: .1rem;}
.hideText p { margin-bottom: .24rem; line-height: 1.75; font-size: var(--font16); color: #ffffff;}
.hideText span { display: flex; align-items: center; font-size: var(--font16); color: #ffffff; line-height: 1;}
.hideText span img { width: clamp(12px,.16rem,16px); margin-left: 2px;}
.screenTop a:hover>img { transform: scale(1.1);}
.halfImg:hover .hideText,.fullImg:hover .hideText { opacity: 1;}
.halfImg:hover .modeText,.fullImg:hover .modeText { bottom: -100%;}
.oneScreen { padding: .58rem 0 1.16rem;}
.screenType { margin-bottom: clamp(20px,.4rem,40px); display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #D8D8D8; padding: .41rem 0 0;}
.screenType span { cursor: pointer; margin: 0 .7rem; color: #333333; font-size: var(--font24); cursor: pointer; position: relative; display: flex; align-items: center; padding: .32rem 0;}
.screenType span img { transition: all .4s; opacity: .3; margin-right: 17px; filter: grayscale(100%);}
.screenType span.cur { color: #0160C7;}
.screenType span::after { content: ''; position: absolute; left: 0; bottom: -1px; background: linear-gradient( 315deg, #05B98D 0%, #004BD4 100%);
width: 0; height: 1px; transition: all .4s;}
.screenType span.cur::after { width: 100%;}
.screenType span.cur img { opacity: 1; filter: grayscale(0);}
.typeFlex { gap: .26rem; display: flex; justify-content: space-between;}
.typeBd { padding: .5rem; background: url(../images/intbg.png) center no-repeat; background-size: cover; width: 39%; display: flex; align-items: center;}
.typeMenu { flex: 1; display: flex; flex-wrap: wrap; gap: .16rem;}
.typeMenu span { cursor: pointer;  min-height: 1.68rem; display: block; transition: all .4s; position: relative; padding: .16rem; box-sizing: border-box; width: calc((100% - .64rem)/5); text-align: center;
background: #FAFAFA; z-index: 2;display: flex; flex-direction: column; align-items: center; justify-content: center;}
.typeMenu span::after {transition: all .4s; content: ''; z-index: -1; opacity: 0;background: linear-gradient( 315deg, #05B98D 0%, #004BD4 100%); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.typeMenu span.cur::after { opacity: 1;}
.typeMenu span img {transition: all .4s; display: block; margin: 0 auto .16rem; width: auto; height: clamp(30px,.6rem,60px);}
.typeMenu span.cur img {filter: brightness(0) invert(1);}
.typeMenu span.cur p { color: #ffffff;}
.typeMenu p { font-size: var(--font20); transition: all .4s;}
.bdSlide h2 { font-size: var(--font36); color: #ffffff; line-height: 1; margin-bottom: .26rem;}
.bdSlide p { margin-bottom: .56rem; color: #ffffff; font-size: var(--font24); line-height: 1.666;}
.bdSlide a { border-radius:calc(.3rem + 1em); display: inline-flex; padding: 0 22px; font-size: var(--font18); background: rgba(255,255,255,.2); line-height: calc(.3rem + 1em);
align-items: center; color: #ffffff;}
.bdSlide a img { margin-left: 5px;}
.quality { position: relative; z-index: 2; padding: 1.05rem 0 .8rem; background:url(../images/hdepbg.jpg) center no-repeat; background-size:cover;}
.quality .titleCell p,.quality .titleCell span { color: #ffffff;}
.quality ul { margin-top: clamp(20px,.55rem,55px); display: flex; flex-wrap: wrap; gap: .24rem;}
.quality li { position: relative; transition: all .4s; text-align: center; width: calc((100% - .72rem)/4); display: flex; justify-content: center; align-items: center; gap: .16rem; padding: .17rem 0;}
.qualityIcon { height: 1.85rem; display: flex; align-items: center; justify-content: center; margin-bottom: .16rem;}
.quality li p { font-size: var(--font26); color: #ffffff; line-height: 1; margin-bottom: 8px;}
.quality li span { opacity: 0; display: flex; align-items: center; font-size: var(--font18); color: #ffffff; transition: all .4s; justify-content: center;}
.quality li:hover {background: rgba(255,255,255,.12);}
.quality li:before {transition: all .4s; opacity: 0; box-sizing: border-box; content: ''; position: absolute; left: 0; top: 0; width: 0; height: 0; pointer-events: none; border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;}
.quality li:after {transition: all .4s; opacity: 0; box-sizing: border-box; content: ''; position: absolute; right: 0; bottom: 0; width: 0; height: 0; pointer-events: none; border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;}
.quality li img { display: block; max-height: 100%;}
.topBlock { opacity: 0; transition: all .4s; position: absolute; left: 0; top: 0; width: clamp(8px,.14rem,14px); height: clamp(8px,.14rem,14px); background: #ffffff;}
.bottomBlock { opacity: 0; transition: all .4s; position: absolute; right: 0; bottom: 0; width: clamp(8px,.14rem,14px); height: clamp(8px,.14rem,14px); background: #ffffff;}
.quality li:hover .topBlock,.quality li:hover .bottomBlock { opacity: 1;}
.quality li:hover::after,.quality li:hover::before {opacity: 1; width: 1.5rem; height: 1.5rem;}
.homeDesc { background: url(../images/desc.png) left top no-repeat; background-size:cover; padding: 1.6rem 0 1.95rem;}
.introduceFlex { display: flex; gap: 1.36rem;}
.intText .titleCell { text-align: left;}
.intText { flex: 1;}
.intInfor { margin: .6rem 0;}
.intInfor p { color: #666666; font-size: var(--font18); line-height: 2;}
.intData ul { display: flex; gap: .64rem;}
.intData p { line-height: .83333; margin-bottom: .2rem; font-weight: bold; font-size: var(--font60); color: #333333; transition: all .4s;}
.intData p span { font-weight: bold;}
.intData b { display: block; line-height: 1; color: #666666; font-size: var(--font18);}
.intData li:hover p{ color: #004AD2;}
.intList { width: 6.84rem;}
.intList ul {overflow: hidden;}
.intList li { position: relative; z-index: 2; margin-bottom: .24rem; min-height: 347px; padding: .4rem .32rem; box-sizing: border-box; background: #F7F7F7; float: left; margin-right: .24rem; width: calc((100% - .24rem)/2);}
.intList li:nth-child(2n) { float: right; margin-right: 0;}
.intList li:nth-child(2){ margin-top: 1.1rem;}
.intList li::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;background: linear-gradient( 315deg, #05B98D 0%, #004BD4 100%);
opacity: 0; transition: all .4s;}
.intList li:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 8px; background: url(../images/lineBg.png) center no-repeat;
background-size: 100% 100%;}
.intList li:hover::after { opacity: 1;}
.intIcon { margin-bottom: .2rem;}
.intIcon img { transition: all .4s;}
.intList li:hover img {filter: brightness(0) invert(1);}
.intList li h2 { line-height: 1; font-size: var(--font26); color: #333333; margin-bottom: .2rem; transition: all .4s;}
.intList li p { color: #666666; font-size: var(--font18); line-height: 1.666; transition: all .4s;}
.intList li:hover h2,.intList li:hover p{ color:#ffffff}
.partner { background: url(../images/partnerBg.png) center no-repeat; background-size: cover; padding: 1.15rem 0 1.08rem;}
.partner ul { margin-top: .75rem; display: flex; flex-wrap: wrap; gap: .24rem;}
.partner li { overflow: hidden; width: calc((100% - .96rem)/5);}
.partner li img { transition: all .8s; display: block; width: 100%;}
.partner li:hover img { transform: scale(1.1);}
.homeNews { padding: 1.15rem 0 .95rem;}
.newsFlex { margin-top: .6rem; display: flex; justify-content: space-between; gap: .9rem;}
.bigNews h2 { transition: all .4s; margin: .64rem 0 .32rem; font-size: var(--font28); color: #333333; line-height: 1.5;}
.bigNews { width: 44.97%;}
.newsPic { overflow: hidden;}
.newsPic img { transition: all .8s; display: block; width: 100%; transition: all .8s; object-fit: cover; aspect-ratio: 716/438;}
.bigNews p { font-size: var(--font18); color: #999999; line-height: 1.666;}
.bigNews span { margin-top: 2em; display: inline-flex; background: #004BD4; font-size: var(--font16); line-height: 3; padding: 0 calc(2em + 2px); border-radius: 3em; color: #ffffff;}
.bigNews:hover img { transform: scale(1.1);}
.bigNews:hover h2 { color: #004BD4;}
.smallList { flex: 1;}
.smallList a { display: flex; justify-content: space-between; gap: .38rem;}
.smallImg { width: 40.9%; overflow: hidden;}
.smallImg img { display: block; width: 100%; aspect-ratio: 332/203; object-fit: cover; transition: all .8s;}
.smallText { flex: 1;}
.smallText h2 { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; transition: all .4s; font-size: var(--font26); color: #333333; line-height: 1.53; margin-bottom: .14rem;}
.smallText p { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom: .15rem; font-size: var(--font18); color: #666666; line-height: 1.666;}
.smallText span { transition: all .4s; align-items: center; display: inline-flex; color: #666666; font-size: var(--font18);}
.smallText span img { transition: all .4s; filter: grayscale(100%);}
.smallList li:hover .smallImg img { transform: scale(1.1);}
.smallList li:hover .smallText span { color: #004BD4;}
.smallList li:hover .smallText span img { filter: none;}
.smallList li:hover h2 { color: #004BD4;}
.smallList li { transition: all .4s; padding-bottom: .5rem; margin-bottom: .5rem; border-bottom: 1px solid #E8E8E8;}
.smallList li:hover { border-bottom: 1px solid #195DD8;}
.smallList li:last-child { border: none; padding-bottom: 0; margin-bottom: 0;}
/**/
.inBanner { position: relative;}
.inBanner img{ display: block; width: 100%; }
.bannerText { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.bannerText h2{font-weight: bold;color: #fff;font-size: var(--font50);line-height: 1.4;margin-bottom: .25rem;}
.bannerText p{color: #fff;font-size: var(--font20);line-height: 1.8;width: 760px;max-width: 100%;margin-bottom: .35rem;}
.bannerText a{position: relative; line-height: 3; border-radius: 3em; background: #ffffff; color: #004BD4; font-weight: bold; font-size: var(--font16); display: inline-flex; padding: 0 2.625em;} 
.scenePic { padding: 1.2rem 0;}
.sceneFlex { margin-top: .6rem; display: flex; justify-content: space-between; position: relative;}
.ziranImg { width: 71.23%;}
.ziranDesc { position: absolute; width: calc(28.67% - .3rem); right: 0; top: 0; height: 100%;}
.ziranDesc li { margin-bottom: 10px; border-radius: .12rem; overflow: hidden; padding: .24rem .2rem; position: relative; z-index: 2;}
.ziranDesc li::after { content: ''; position: absolute; background: linear-gradient( 315deg, #05B98D 0%, #004BD4 100%); opacity: .9; z-index: -1;
 width: 100%; height: 100%; left: 0; top: 0;}
.ziranDesc li h3 { color: #ffffff; font-size: var(--font24); line-height: calc(1em + .08rem); margin-bottom: .1rem;}
.ziranDesc p { line-height: 1.666; margin-bottom: 6px; display: inline-flex; align-items: start; font-size: var(--font18); color: #ffffff;}
.ziranDesc p img { margin-top: .07rem; margin-right: 7px;}
.descFlex { display: flex; flex-wrap: wrap; gap: 6px 16px;}
.ziranDesc ul { box-sizing: border-box; padding-bottom: 100px; height: 100%; overflow-y: auto;}
.ziranDesc a { position: absolute; font-size: var(--font16); background: #004BD4; color:#ffffff; z-index: 3; padding: 0 .37rem; line-height: 3; border-radius: 3em; bottom: 12px; left: 50%; transform: translateX(-50%);}
.ziranDesc::after { content: ''; z-index: 2; position: absolute; left: 0; bottom: 0; width: 100%; height: 105px; background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,1));}
.systemFlex { margin-top: 1rem; display: flex; gap: .74rem; justify-content: space-between;}
.systemImg { width: 60.86%;}
.systemImg img { display: block; width: 100%;}
.systemList { flex: 1; display: flex; align-items: center; justify-content: center; border-radius: .24rem; padding:.32rem;}
.purpleBg {background: linear-gradient( 135deg, #6156FE 0%, #C387FD 100%);}
.systemList ul { display: flex; flex-direction: column; gap: .32rem;}
.systemList li { display: flex; justify-content: space-between; align-items: center; gap: 16px;}
.systemIcon { width: clamp(32px,.66rem,66px);}
.systemText { flex: 1;}
.systemText h2 { font-size: var(--font24); color: #ffffff; line-height: 1; margin-bottom: .16rem;}
.systemText p { font-size: var(--font17); color: #ffffff; line-height: calc(1em + .12rem);}
.systemDesc {background: linear-gradient( 180deg, #F1F6FC 0%, #FFFFFF 100%); padding: 1.2rem 0 1.1rem;}
.bluebg {background: linear-gradient( 180deg, #4378F2 0%, #77D0D5 100%);}
.resverFlex { flex-direction: row-reverse;}
.skybg {background: linear-gradient( 180deg, #2791FE 0%, #60BCFE 100%);}
.centerBtn { text-align: center;}
.chatBtn {position: relative; line-height: 3; border-radius: 3em; background: #004BD4; color: #ffffff; font-weight: bold; font-size: var(--font16); display: inline-flex; padding: 0 2.625em;}
.chatBtn:hover { color: #ffffff;}
.checkDesc .centerBtn { margin-top: .65rem;}
.checkDesc { margin-top: 1.45rem;}
.oneCompurter { margin-top: .2rem; padding-top: 1rem;background: linear-gradient( 180deg, #ffffff 0%, #F1F6FC 100%);}
.computerImg { margin-top: 1rem;}
.computerImg img { display: block; margin: 0 auto; max-width: 100%;}
.pinkbg { background: linear-gradient( 135deg, #6156FE 0%, #C387FD 100%);}
.secondCheck { padding-top: 1.2rem;}
.ecology { padding: 1.15rem 0 1.2rem;}
.ecology .centerBtn { margin-top: .65rem;}
.dataSystem {background: linear-gradient( 180deg, #F1F6FC 0%, #FFFFFF 100%); padding: 1.2rem 0 1rem;}
.controlCenter { padding: .95rem 0 1rem;}
.controlCenter .centerBtn { margin-top: .6rem;}
.inBanner .greenBtn { color: #00C194;}
.threeShop {background: linear-gradient( 180deg, #1EBC9A 0%, #FFFFFF 100%); padding:1.2rem 0}
.threeShop .titleCell p,.threeShop .titleCell span { color: #ffffff;}
.ticketList { margin-top: .8rem;}
.ticketList ul { display: flex; justify-content: space-between; }
.ticketList li { color: #ffffff; width: calc((100% - .5rem)/3); box-sizing: border-box; border-radius: .24rem; padding: .5rem .4rem;}
.ticketList li:nth-child(1) {background: linear-gradient( 135deg, #6156FE 0%, #C387FD 100%);}
.ticketList li:nth-child(2) {background: linear-gradient( 180deg, #2791FE 0%, #60BCFE 100%);}
.ticketList li:nth-child(3) {background: linear-gradient( 180deg, #4378F2 0%, #77D0D5 100%);}
.ticketList li h2 { font-size: var(--font28); line-height: 1; margin-bottom: .28rem;}
.ticketList li h3 { font-size: var(--font24); line-height: 1.5; margin-bottom: .24rem;}
.ticketSlide { border-top: 1px solid rgba(255,255,255,.1); padding-top: .24rem;}
.tipGroup { margin-bottom: .16rem;}
.ticketSlide p { font-size: var(--font18); line-height: 1.6666; margin-bottom: 4px;}
.tipGroup { display: flex; flex-wrap: wrap; gap: clamp(4px,.08rem,8px);}
.tipGroup span { padding: 0 6px; display: block; border-radius: 2px; line-height: 1.666; font-size: var(--font18); color: #ffffff; border: 1px solid #f0f0f0; background: rgba(255,255,255,0.4);}
.tipGroup:last-child { margin: 0;}
.ticketSystem { padding-bottom: .67rem;}
.intelligence { padding: .67rem 0 0;}
.intelFlex { display: flex; justify-content: space-between; gap: 1.44rem;}
.intelImg { width:56.28%}
.intelImg img { display: block; width: 100%;}
.intelText { flex: 1;}
.intelType { margin-bottom: .56rem; display: flex; justify-content: space-between;}
.intelType span { cursor: pointer; padding: .18rem 0; width: calc(50% - .12rem); box-sizing: border-box; border: 1px solid #F0F0F0; text-align: center; font-size: var(--font20); line-height: 1.4; color: #666666; display: block;}
.intelType span i { font-style: normal;}
.intelFlex { margin-top: .8rem;}
.intelType span.cur { background: url(../images/actimg.jpg) center no-repeat; background-size: cover; color: #333;}
.intelType span.cur i { color: #014BD4;}
.intelSlide h3 { font-weight: bold; margin-bottom: .4rem; font-size: var(--font28); color: #333333;}
.intelGroup dt { margin-bottom: .56rem; line-height: 1.5; font-size: var(--font24); color: #666666; position: relative; padding-left: .44rem;}
.intelGroup dt span { position: absolute; width:.12rem; top: .75em; transform: translateY(-50%); transition: all .4s; height: .12rem; box-sizing: border-box; border: .06rem solid rgba(255,255,255,0); background: #CBDBF5; border-radius: 50%; left: .06rem;}
.intelGroup dt:hover span {border: .06rem solid #CBDBF5; background: #014BD4; width: .24rem; height: .24rem; left: 0;}
.intelGroup dt:before { content: ''; position: absolute; top: 0; height: calc(100% + .56rem); left: .11rem; top: .24rem; border-left: 1px dashed #CDDCF5;}
.intelGroup dt:last-child:before { display: none;}
.toorBar { padding-bottom: .4rem;}
.productLift { background: url(../images/shuishang6.png) center no-repeat; background-size: cover; padding: 1.2rem 0 1.58rem;}
.lifeStep { position: relative;}
.lifeStep::after { content: ''; position: absolute; left: 0; top: .06rem; height: .06rem; background: linear-gradient( 270deg, rgba(255,255,255,0) 0%, #FFFFFF 36%, #FFFFFF 72%, rgba(255,255,255,0) 100%); width: 100%;}
.lifeStep ul { margin-top: .75rem; display: flex; justify-content: space-between;}
.lifeStep li { position: relative; z-index: 2; text-align: center; width: calc((100% - 1.2rem)/4);}
.lifeStep i { display: block; width: clamp(10px,.18rem,18px);height: clamp(10px,.18rem,18px); border-radius: 50%; background: #00bc90; box-sizing: border-box; border: 4px solid #ffffff; margin: 0 auto 10px;}
.lifeStep li span { border-radius: 50%; display: block; line-height: clamp(32px,.56rem,56px); font-size: var(--font28); color: #00C194; background: #ffffff; width: clamp(32px,.56rem,56px); margin: 0 auto .2rem; height: clamp(32px,.56rem,56px);}
.lifeCard { height:486px; background: url(../images/cardbg.png) center no-repeat; background-size:100% 100%; padding: .4rem .1rem .38rem;}
.productLift .titleCell p,.productLift .titleCell span { color: #ffffff;}
.lifeCard img { display: block; margin: 0 auto .32rem;}
.lifeStep h2 { font-size: var(--font28); line-height: 1; margin-bottom: .24rem; color: #333333;}
.lifeStep p { font-size: var(--font18); color: #666666; line-height: 1.6666;}
.moneyControl { padding: 1.5rem 0;}
.moneyFlex { display: flex; justify-content: space-between; gap: .84rem; margin-top: .72rem}
.moneyImg { width: 64.57%;}
.moneyStep { flex: 1; background: #F9F9F9; border-radius: 8px; padding: .58rem .4rem 0;}
.moneyStep dt { overflow: hidden; padding-bottom: .24rem; margin-bottom: .08rem; position: relative; padding-left: .44rem;}
.moneyStep dt span { content: ''; transition: all .4s; width: .24rem; top: calc(var(--font24)/2); transform: translateY(-50%); height: .24rem; background: url(../images/shuishang11.png) center no-repeat; background-size: 100% auto; position: absolute; left: 0;}
.moneyStep h2 { font-size:var(--font24); line-height: 1;}
.hideStep { display: none; padding-top: .16rem; font-size: var(--font18); color: #999999; line-height: 1.666666;}
.moneyStep dt.cur span { background: url(../images/shuishang12.png) center no-repeat;background-size: 100% auto;}
.moneyStep dt::after { content: ''; position: absolute; left: .11rem; top: .32rem; height:0; background: #E6E6E6; width: 2px;}
.moneyStep dt::before { content: ''; z-index: 2; position: absolute; left: .11rem; top: .32rem; height:0; background: #185CD7; width: 2px;}
.moneyStep dt.cur::after { height: 100%;}
.moneyStep dt.cur:before { height: 75%;}
.insImg { margin-top: .72rem;}
.insImg img { display: block; margin: 0 auto; max-width: 100%;}
.instrument { overflow: hidden; position: relative; z-index: 2; padding: 1.2rem 0 1.28rem;background: linear-gradient( 180deg, #F1F6FC 0%, #FFFFFF 100%);}
.instrument::after { content: ''; background: url(../images/shuishang15.png) center no-repeat; position: absolute; width: 1595px; max-width: 92%; left: 50%; transform: translateX(-50%); height: 8.29rem;
 z-index: -1; bottom: 0; transform: translate(-50%,30%); background-size: 100% auto;}
 /**/
.bannerText .blueBtn { color: #008DFF;}
.threeSystem { padding: 1.2rem 0;background: linear-gradient(to top, rgba(0,132,255,0) 0%, #008DFF 100%);}
.threeSystem ul { margin-top: .64rem; display: flex; flex-wrap: wrap; gap: .25rem;}
.threeSystem li { text-align: center; box-sizing: border-box; width: calc((100% - .5rem)/3); padding: .42rem .4rem .38rem; border-radius: .24rem; background: #ffffff;}
.whiteTitle p,.whiteTitle span { color: #ffffff;}
.threeSystem li img { display: block; margin: 0 auto .4rem; width: clamp(50px,1.1rem,110px);}
.threeSystem li h2 { color: #333333; font-size: var(--font28); line-height: 1; margin-bottom: .24rem;}
.threeSystem li p { color: #666666; font-size: var(--font18); line-height: 1.66; min-height: 3.32em;}
.moreyuan { margin-top: .6rem;}
.moreyuan img { max-width: 100%;}
.ticketMatrix { padding: 0 0 1rem; background: #ffffff;}
.ticketMatrix ul { margin-top: .64rem; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between;}
.ticketMatrix li { text-align: left; box-sizing: border-box; width: calc((100% - 3rem)/4); padding: 0;}
.ticketMatrix li .ticketHeader { display: flex; align-items: center; gap: .1rem; margin-bottom: .2rem;}
.ticketMatrix li img { display: block; width: clamp(30px,.4rem,40px); height: auto; flex-shrink: 0;}
.ticketMatrix li h2 { color: #333333; font-size: var(--font24); line-height: 1.3; margin: 0; flex: 1;}
.ticketMatrix li p { color: #666666; font-size: var(--font18); line-height: 1.8; margin: 0;}

.verifySystem { padding:0 0 1.2rem; background: #ffffff;}
.verifyFlex { margin-top: .8rem; display: flex; gap: .4rem; align-items: center;}
.verifyImg { width:63.3%;}
.verifyImg img { display: block; width: 100%; border-radius: .24rem;}
.verifyIcons {flex: 1;}
.verifyIcons ul { flex-wrap: wrap; display: flex; gap: .2rem;}
.verifyIcons li { text-align: center; box-sizing: border-box; width: calc((100% - .4rem)/3); padding: .43rem .2rem; border-radius: .16rem; background: #f6f6f6; transition: all .3s;}
.verifyIcons li:hover { background: #e6f3ff; transform: translateY(-.08rem);}
.verifyIcons li img { display: block; margin: 0 auto .24rem; width: clamp(30px,0.56rem,56px);}
.verifyIcons li p { color: #333; font-size: var(--font24); line-height: 1;}
.oneTour {padding: 1.2rem 0 0;background: linear-gradient(to top, rgba(0,132,255,0) 0%, #008DFF 100%);}
.tourImg { margin-top: .64rem;}
.tourImg img { display: block; margin: 0 auto; max-width: 100%;}
.secondSure ul { margin-top: .8rem; display: flex; justify-content: space-between; gap: .4rem;}
.secondSure li { display: flex; flex-direction: column; justify-content: space-between; z-index: 2; box-sizing: border-box; position: relative; padding: .4rem .2rem .32rem; border-radius: .16rem; width: calc((100% - 1.2rem)/4);}
.secondSure li:nth-child(1) {background: linear-gradient( 180deg, #54BEFF 0%, #54BEFF 100%);}
.secondSure li:nth-child(2) {background: linear-gradient( 180deg, #FF9B4B 0%, #FF9B4B 100%);}
.secondSure li:nth-child(3) {background: linear-gradient( 180deg, #FC868E 0%, #FC868E 100%);}
.secondSure li:nth-child(4) {background: linear-gradient( 180deg, #3DD5DB 0%, #3DD5DB 100%);}
.secondSure li>img { z-index: -1; position: absolute; right: 0; top: 0;}
.secondSure li h2 { font-size: var(--font28); color: #ffffff; line-height: 1; margin-bottom: .12rem;}
.secondSure li p { margin-bottom: .4rem; font-size: var(--font26); color: #ffffff;}
.descCard { border-radius: .16rem; display: flex; flex-direction: column; gap: .24rem; background: #ffffff; flex: 1; padding: .32rem;}
.descCard span { display: block; position: relative; padding-left: 26px; color: #666666; font-size: var(--font20); line-height: 1.5;}
.descCard span img { position: absolute; left: 0; top: .75em; transform: translateY(-50%);}
.getFrom { padding: 1.2rem 0;}
.fromImg { margin-top: .8rem;}
.fromImg img { display: block; width: 100%;}
.dataDarver {background: linear-gradient( 180deg, #F1F6FC 0%, #FFFFFF 100%); padding: 1.2rem 0;}
.dataImg { width: 1330px; max-width: 90%; margin: .72rem auto 0;}
.dataSlide { width: 1460px; border-radius: 0 0 .24rem .24rem; background: #008DFF; padding: .5rem .68rem; margin:-.82rem auto 0; max-width: 100%; position: relative; z-index: 2;
display: flex; flex-wrap: wrap; gap: .2rem;}
.dataSlide span { display: flex; justify-content: center; align-items: center; width: calc((100% - 1.4rem)/8); background: #ffffff; gap: 4px;
color: #333333; font-size: var(--font16); line-height: 3; border-radius: 3em;}
/**/
.bannerText .orangeBtn { color: #E66B16;}
.ticketCenter {background: linear-gradient( 180deg, #E66B17 0%, #FFFFFF 100%); padding: 1.2rem 0;}
.buyType { margin-top: .8rem; display: flex; justify-content: space-between;}
.buyLeft { border-radius: 24px; overflow: hidden; padding: .5rem .4rem .24rem; width: 32.28%; background: #D3F2FF; display: flex; flex-direction: column; justify-content: space-between;}
.buyRight { border-radius: 24px; overflow: hidden; padding: .5rem .4rem .24rem; width: 66.14%; background: #DDD7FF; display: flex; flex-direction: column; justify-content: space-between; position: relative; z-index: 2;}
.buyRight>img { position: absolute; right: 0; top: 0; z-index: -1;}
.textTop { margin-bottom: .34rem;}
.textTop h2 { font-size: var(--font28); color: #333333; margin-bottom: .24rem;}
.textTop p { font-size: var(--font18); color: #666666; line-height: 1.66;}
.buyImg img { display: block; border-radius: .24rem; width: 100%; height: 5.6rem; object-fit: cover;}
.systemInfor { gap: .4rem; display: flex; background: url(../images/wenquanimg6.png) center no-repeat; background-size: 100% 100%;
padding: .4rem .3rem .4rem .4rem; margin-top: .64rem; margin-bottom: 1.2rem;}
.systemInfor ul { flex: 1; display: flex; flex-wrap: wrap; gap: .2rem;}
.systemInfor li { color: #ffffff; font-size: var(--font24); display: flex; align-items: center; width: calc(50% - .1rem); box-sizing:border-box;background: rgba(255,255,255,0.2);border: 1px solid;border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) 1 1; display: flex; align-items: center; padding: .35rem 0 .35rem .43rem; gap: .2rem;}
.systemImgs { width: 61.43%;}
.systemImgs img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: .24rem;}
.stopSystem { background: url(../images/wenquanimg7.png) center no-repeat; background-size: cover; background-attachment: fixed; padding: 1.05rem 0;}
.stopCont { overflow: hidden;}
.stopInfor { float: right; width: 838px; max-width: 100%; background: rgba(255,255,255,.9); border-radius: .24rem; padding: .73rem .55rem .48rem;}
.stopTitle h2 { font-weight: bold; color: #333333; font-size: var(--font46); line-height: 1; margin-bottom: .16rem;}
.stopTitle p { color: #666666; font-size: var(--font28); line-height: calc(1em + .08rem);}
.stopTitle { margin-bottom: .6rem;}
.shopType { margin-bottom: 4px; display: flex;}
.shopType span { position: relative; transition: all .4s; font-size: var(--font24); line-height: calc(1em + .4rem); display: block; cursor: pointer; text-align: center; flex: 1; background: #ffffff; position: relative;}
.shopType span:nth-child(1) {border-radius: .16rem 0 0 0;}
.shopType span:last-child {border-radius:0 .16rem 0 0;}
.shopType span.cur { background: #004BD4; color: #ffffff;}
.shopType span.cur::after { content: ''; width: 18px; height: 19px; position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%);
background: url(../images/dsj.png) center no-repeat;}
.shopBd { background: rgba(255,255,255,.9); padding: .56rem .4rem .5rem;}
.shopSlide h2 { font-size: var(--font28); line-height: 1; color: #333333; margin-bottom: .28rem;}
.shopSlide p { font-size: var(--font24); color: #666666; line-height: 1.66; height: 6.44em; margin-bottom: .2rem;}
.hotelCont { padding: 1.2rem 0;}
.hotelFlex { margin-top: .9rem; align-items: center; display: flex; justify-content: space-between; gap: .82rem;}
.hotelImg { width: 64.5%;}
.hotelImg img { display: block; width: 100%;}
.hotelDesc { flex: 1; background: url(../images/wenquanimg11.png) center no-repeat; background-size: cover; padding: .39rem .35rem .4rem;
border-radius: .24rem;}
.hotelDesc p { color: #ffffff; position: relative; padding-left:clamp(20px,.28rem,28px); line-height: 1.5; color: #fffffff; margin-bottom: .24rem; font-size: var(--font20);}
.hotelDesc p img { position: absolute; left: 0; top: .75em; transform: translateY(-50%);}
.hotelOne { margin-top: .3rem;}
.hotelSecond { padding: 1.2rem 0 0; background-image:linear-gradient(to bottom,#F5A638,#ffffff 70%) ;}
.hotelSecondImg img { display: block; max-width: 100%;}
.hotelSecondImg { margin-top: .72rem; margin-bottom: .5rem;}
.threeSwiper { margin-top: 1.1rem;}
.threeLink { padding: 1.5rem 0 1.38rem;}
.threeSwiper .swiper-slide { text-align: center; transform-origin:center top;  width: 865px;}
.threeSwiper .swiper-slide p { opacity: 0;}
.threeSwiper .swiper-slide-prev p,.threeSwiper .swiper-slide-active p,.threeSwiper .swiper-slide-next p { opacity: 1;}
.threeSwiper .swiper-slide img { display: block; width: 100%;}
.threeImg { border-radius: 4px; padding: .16rem;}
.swiper-slide-shadow-right,.swiper-slide-shadow-left { display: none;}
.threeSwiper p { margin-top: .5rem; font-size: var(--font28); color: #666666; line-height: 1.66;}
.threeSwiper .swiper-slide-active .threeImg { background-image: linear-gradient(to right bottom,#89aff1,#85e7d1);}
.threeSwiper .swiper-button-prev { width: clamp(32px,.56rem,56px); margin: 0; top: auto; left: 5.2rem; bottom: 12px;}
.threeSwiper .swiper-button-next { width: clamp(32px,.56rem,56px); margin: 0; top: auto; left: auto; right: 5.2rem; bottom: 12px;}
.threeSwiper .swiper-button-prev::after,.threeSwiper .swiper-button-next::after { content: '';}
.threeShops {background: linear-gradient( 180deg, #F1F6FC 0%, #FFFFFF 100%); padding: 1.2rem 0;}
.threeShops ul { margin-top: .8rem; overflow: hidden;}
.threeShops li { transition: all .4s; height: 574px; position: relative; float: left; width:21.67%; margin-right: 16px;}
.threeShops li img { width: 100%; height: 100%; object-fit: cover;}
.threeShops li:last-child { margin: 0;}
.threeShops li.active { width: calc(56.66% - 32px);}
.postText { position: absolute; left: 0; bottom: 0; padding: 0 .5rem .56rem;}
.postText p { font-size: var(--font28); color: #ffffff; line-height: 1.375; margin-bottom: .24rem;}
.postText span { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: var(--font18);
line-height: 1.666; color: #ffffff;}
.oneScan { position: relative; z-index: 2; padding: 1.2rem 0;}
.scanbg { position: absolute; left: 0; top: 0; width: 100%; bottom: 2.7rem; object-fit: cover; z-index: -1;}
.scanbg img { width: 100%; height: 100%; display: block; object-fit: cover;}
.scanInfor { position: relative; margin: .8rem auto .55rem;}
.scanInfor>img { display: block; width: 100%;}
.scanInfor ul { width: 100%; position: absolute; display: flex; justify-content: space-between; left: 0; bottom: 15px;}
.scanInfor li { color: #ffffff; font-size: var(--font18); flex: 1; border-right: 1px solid rgba(255,255,255,.2); box-sizing: border-box; text-align: center; justify-content: start; display: flex; flex-direction: column;}
.scanInfor li img { width: clamp(32px,.56rem,56px); margin: 0 auto .12rem; display: block;}
.moreChose { text-align: center; background: #ffffff; padding: .56rem .2rem .43rem; border-radius: .24rem;box-shadow: 0px 12px 56px 0px rgba(181,205,230,0.25);}
.moreChose h2 { font-size: .28rem; line-height: 1; margin-bottom: .32rem;}
.moreChose ul { display: flex; gap: .12rem; justify-content: space-between;}
.moreChose li { flex: 1; padding: .24rem 0;background: #F5F8FA; border-radius: .16rem; text-align: center;}
.moreChose li img { width: clamp(32px,.56rem,56px); display: block; margin: 0 auto .12rem;}
.moreChose li p { color: #666666; font-size: var(--font18);}
.hotelControl .computerImg { margin-top: .55rem;}
.smallApp { margin-top: 1.5rem; padding-bottom: .3rem;}
.safe {padding-top: 1.2rem; position: relative; z-index: 2;}
.safe::after { content: ''; position: absolute; width: 100%; bottom: 2.8rem; background: #0C56D7; left: 0; top: 0; z-index: -1;}
.systemGroup ul { margin: .8rem auto .58rem; display: flex; gap: .2rem;}
.systemGroup li { text-align: center; color: #ffffff; border-radius: .24rem; box-sizing: border-box; flex: 1; padding: .56rem .36rem .36rem;}
.systemGroup li:nth-child(1) {background: linear-gradient( 135deg, #4CA8F7 0%, #1B51F6 100%); }
.systemGroup li:nth-child(2) {background: linear-gradient( 135deg, #BD9FFE 0%, #7042FF 100%); }
.systemGroup li:nth-child(3) {background: linear-gradient( 135deg, #22D1CB 0%, #00AAA4 100%); }
.systemGroup li:nth-child(4) {background: linear-gradient( 135deg, #4CA8F7 0%, #1B51F6 100%); }
.systemGroup li img { display: block; margin: 0 auto .32rem; width: clamp(50px,1.1rem,110px);}
.systemGroup li h2 { font-size: var(--font30); line-height: 1; margin-bottom: .32rem;}
.systemGroup li p { font-size: var(--font18); line-height: 1.666;}
.moneySystem { margin: 1rem auto 1.2rem;}
.controlBar { padding-bottom: 1.2rem;}
.bannerText .yellowBtn { color: #D8A35B;}
.threePoint { padding: 1.2rem 0 0;}
.threePoint ul { margin-top: .8rem; align-items: start; display: flex; justify-content: space-between; gap: .25rem;}
.threePoint li { flex: 1; box-sizing: border-box; padding: .6rem .4rem .54rem;}
.threePoint li:nth-child(1) { background: url(../images/jinianguan2.png) center no-repeat; background-size: 100% 100%;}
.threePoint li:nth-child(2) { background: url(../images/jinianguan3.png) center no-repeat; background-size: 100% 100%; padding: .6rem .4rem .14rem;}
.threePoint li:nth-child(3) { background: url(../images/jinianguan4.png) center no-repeat; background-size: 100% 100%;}
.threePoint li img { display: block; margin-bottom: .3rem; width: clamp(55px,1.1rem,110px);}
.threePoint li p { font-size: var(--font24); line-height: 1.6666; color: #ffffff;}
.serviceStep { background: #D8A35B; padding: 1.2rem 0;}
.serviceStep ul { margin-top: .8rem; display: flex; gap: .4rem;}
.serviceStep li { color: #ffffff; font-size: var(--font28); flex: 1; text-align:center;}
.serviceStep li img { display: block; width: 100%; aspect-ratio: 360 / 750; margin-bottom: .36rem;}
.checkFlex { overflow: hidden; display: flex; justify-content: space-between;box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.06); border-radius: .24rem; overflow: hidden;
background: url(../images/jinianguan11.png) right bottom no-repeat; align-items: center; margin-top: .8rem;}
.checkImg { width: 51.25%;}
.checkText { flex: 1; box-sizing: border-box; padding: 0 1.7rem 0 1rem;}
.checkText h2 { color: #333333; font-size: var(--font24); line-height: 1; margin-bottom: .16rem;}
.checkText p { margin-bottom: .32rem; color: #666666; font-size: var(--font18); line-height: 1.666;}
.checkText p span { color: #D8A35B;}
.checkText p:last-child { margin: 0;}
.checkBar { padding: 1.5rem 0;}
.tourSystem { background: url(../images/jinianguan12.png) center no-repeat; background-size: cover; padding: 1.1rem 0;}
.tourSystem ul { margin-top: .8rem; display: flex; gap: 1rem;}
.tourSystem li { text-align: center; flex: 1;}
.tourPic { height: 750px; display: flex; justify-content: center; align-items: center; margin-bottom: .4rem;}
.tourSystem li h2 { color: #ffffff; font-size: var(--font24); line-height: 1; margin-bottom: .16rem;}
.tourSystem li p { font-size: var(--font18); color: #ffffff; line-height: 1.666;}
.tourPhone { padding-top: 1.2rem;}
.department .computerImg { margin-top: .6rem;}
.department { padding-bottom: .96rem;}
.department .centerBtn { margin-top: .66rem;}
.museumShow { background: url(../images/jinianguan22.png) center no-repeat; background-size: cover; padding: 1.2rem 0 1.45rem;}
.museumFlex { margin-top: .6rem; display: flex; justify-content: space-between; gap: .84rem;}
.museumImg { width: 77%;}
.museumList { padding: .23rem .2rem; gap: .2rem; flex: 1; display: flex; flex-direction: column; justify-content: space-between; background: rgba(255,255,255,0.3);border: 1px solid #FFFFFF;border-radius: .12rem;}
.museumList span { font-size: var(--font20); flex: 1; border-radius: 8px; color: #ffffff; text-align: center; display: flex; justify-content: center; align-items: center;}
.museumList span:nth-child(1) {background: linear-gradient( 270deg, #FFB494 0%, #FF7C5B 100%);}
.museumList span:nth-child(2) {background: linear-gradient( 136deg, #5CB3FF 0%, #2F7CFE 100%);}
.museumList span:nth-child(3) {background: linear-gradient( 136deg, #CE5CFF 0%, #FC9FFF 100%);}
.museumList span:nth-child(4) {background: linear-gradient( 129deg, #2A9B79 0%, #84CC93 100%);}
.museumList span:nth-child(5) {background: linear-gradient( 129deg, #2A479B 0%, #8489CC 100%);}
.museumList span:nth-child(6) {background: linear-gradient( 129deg, #E7245B 0%, #FFA3A3 100%);}
/**/
.pomp { margin-bottom: 1.4rem; background: linear-gradient( 180deg, #790101 0%, #FFFFFF 100%); padding: 1.2rem 0 0;}
.pomp .pompImg { margin-top: .8rem;}
.pompImg img{ display: block; margin: 0 auto; max-width: 100%;}
.bannerText .redBtn { color: #790101;}
.mb120 { margin-bottom: 1.2rem;}
.mt120 { margin-top: 1.2rem;}
.mt100 { margin-top: 1rem;}
.mt80 { margin-top: .8rem;}
.mt60 { margin-top: .6rem;}
.theaterCont { padding: 1.2rem 0 .66rem; position: relative; z-index: 2;}
.theaterCont::after { content: ''; position: absolute; left: 0; z-index: -1; width: 100%; bottom: 2.15rem; top: 0;background: linear-gradient( 180deg, #F1D9D9 0%, #FEB5B5 100%, #B4E2FE 100%);}
.theaterStep ul { margin-top: .8rem; background: rgba(255,255,255,.4); border-radius: .24rem; justify-content: space-between; padding: .64rem .6rem .68rem; display: flex;}
.theaterStep p { margin-top: .32rem; gap: .16rem; color: #333333; font-size:var(--font24); display: flex; justify-content: center; align-items: center;}
.theaterStep span { width: 32px; background: #C50E0E; height: 32px; border-radius: 50%; text-align: center; display: flex; justify-content: center; align-items: center; color: #ffffff; border: 4px solid #ec9999;}
.sheaterService { margin: .55rem auto 0; background: linear-gradient( 270deg, #9D2806 0%, #790101 100%); border-radius: .24rem; padding: .48rem 0;}
.sheaterService dl { gap: .48rem 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.sheaterService dt { text-align: center; width: calc((100% - 1.12rem)/8);}
.sheaterService dt img { display: block; margin: 0 auto 8px;}
.sheaterService dt p { font-size: var(--font24); color: #ffffff;}
.moreStyle { margin-top: 1.6rem; margin-bottom: 1.2rem;}
.moreStyle .systemInfor { margin-bottom: .6rem; background: url(../images/juyuanimg35.png) center no-repeat; background-size: 100% 100%;}
/**/
.bannerText .purpleBtn { color: #7042FF;}
.scheduling { padding: 1.5rem 0;background: linear-gradient( 180deg, #F1F6FC 0%, #FFFFFF 100%);}
.schedulingList ul { margin-top: .8rem; display: flex; justify-content: space-between; gap: .25rem;}
.schedulingList li { flex: 1; background: #F0F4FF;}
.scheduTit { padding: .5rem .4rem; color: #ffffff;}
.schedulingList li:nth-child(1) .scheduTit { background: url(../images/huaxue3.png) center no-repeat; background-size: cover;}
.schedulingList li:nth-child(2) .scheduTit { background: url(../images/huaxue4.png) center no-repeat; background-size: cover;}
.schedulingList li:nth-child(3) .scheduTit { background: url(../images/huaxue5.png) center no-repeat; background-size: cover;}
.scheduTit h2 { font-size: var(--font28); line-height: 1; margin-bottom: .12rem;}
.scheduTit p { font-size: var(--font16);}
.scheduCont { display: flex; flex-direction:column; gap: .2rem; padding:.4rem .35rem;}
.scheduCont p { background: url(../images/xuan.png) left .2em no-repeat; font-size: var(--font18); color: #666666; line-height: 1.6666; position: relative; padding-left: 28px;}
.smartEenter { padding: 1.2rem 0;background: linear-gradient( 135deg, #BD9FFE 0%, #7042FF 100%);}
.smartFlex { margin-top: .8rem; gap: .8rem; display: flex; justify-content: space-between;}
.smartImg { width:60.49%;}
.smartFlex ul { padding: .32rem; box-sizing: border-box; flex: 1;background: linear-gradient( 180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 100%);
 display: flex; justify-content:center; flex-direction: column; gap: .5rem;}
.smartFlex li { display: flex; align-items: center; gap: .16rem;}
.smartIcon { width: clamp(32px,.66rem,66px);}
.smartDesc { color: #ffffff; flex: 1;}
.smartDesc h2 { font-size: var(--font24); margin-bottom: .16rem;}
.smartDesc p { font-size: var(--font18); line-height: 1.666;}
.huaxueSys ul { margin: 0 auto .6rem;}
.huaxueSys { padding: 1.2rem 0;}
.grayEnter {background: #F1F6FC;}
.smartFlex .purpleChange { border-radius: .16rem; background: linear-gradient( 135deg, #BD9FFE 0%, #7042FF 100%);}
.huaxueData { background: url(../images/huaxue25.png) center no-repeat; background-size: cover; padding: 1.5rem 0 .38rem;}
.huaxueData ul { margin: .72rem 0 .64rem; display: flex; justify-content: center; gap: 1rem;}
.huaxueData li { width: 3.23rem;}
.huaxueData ul .ticketHeader { display: flex; align-items: center; gap: .1rem; margin-bottom: .2rem;}
.huaxueData ul img { display: block; width: clamp(30px,.4rem,40px); height: auto; flex-shrink: 0;}
.huaxueData ul h2 { color: #ffffff; font-size: var(--font24); line-height: 1.3; margin: 0; flex: 1;}
.huaxueData ul p { color: #ffffff; font-size: var(--font18); line-height: 1.8; margin: 0;}
.whyCont { padding: 1rem 0;}
.whyFlex { margin-top: 1rem; display: flex; justify-content: space-between; gap: .2rem;}
.whyFlex>div { flex: 1;}
.whyText { display: flex; gap:.2rem; flex-direction: column;}
.textSlide { padding: 0 .36rem; background: #05B98D; flex: 1; flex-direction: column; justify-content: center; align-items: center; display: flex; }
.textSlide:nth-child(2) { background: #004BD4;}
.textSlide h2,.textSlide p { width: 100%;}
.textSlide h2 { font-size: var(--font26); color: #ffffff; line-height: 1; margin-bottom: .2rem;}
.textSlide p { color: #ffffff; font-size: var(--font18); line-height: 1.666;}
.servicePost { position: absolute; padding: 0 .36rem .36rem; left: 0; bottom: 0; width: 100%;}
.whyDesc { position: relative;}
.whyDesc img { display: block; width: 100%;}
.servicePost a { transition: all .4s; margin: .36rem 0 0; background: none; border: 1px solid #ffffff;}
.servicePost h2 { font-size: var(--font26); color: #ffffff; line-height: 1; margin-bottom: .2rem;}
.servicePost p { color: #ffffff; font-size: var(--font18); line-height: 1.666;}
.servicePost a:hover { color: #004BD4; background:#ffffff;}
.serviceSteps { background: url(../images/so100.png) center no-repeat; background-size: cover; padding: 1.3rem 0 1.45rem;}
.stepList ul { margin: .8rem auto .55rem; display: flex; justify-content: space-between; text-align: center;}
.stepList li { position: relative;}
.stepList li img { display: block; margin: 0 auto .2rem;}
.stepList h2 { font-size: var(--font26); color: #333333; line-height: calc(1em + 4px); margin-bottom: 5px;}
.stepList span { margin-bottom: .2rem; display: block; color: #333333;}
.stepList p { font-size: var(--font18); color: #666666; line-height: calc(1em + .12rem);}
.serviceLink { color: #376EAE; line-height: calc(1em + .06rem); margin-top: .1rem; font-size: var(--font14);}
.serviceSteps .chatNow { color: #ffffff; margin: .4rem auto 0;}
.stepList li::after { content: ''; background: url(../images/so101.png) center no-repeat; width: 2.78rem; height: 10px; background-size: auto 100%;
position: absolute; left: calc(55% + 55px); top: 110px;}
.stepList li:last-child::after { display: none;}

.intFlex { gap: 1rem; display: flex; justify-content: space-between;}
.intTitle { margin-bottom: .32rem;}
.intTitle h2 { font-size: var(--font46); color: #333333; line-height: 1; margin-bottom: .2rem;}
.intTitle span {color: #666666; font-size: var(--font28); font-weight: 200;}
.intArt p { font-size: var(--font18); line-height:2; color: #666666;}
.aboutIntroduce { padding: 1rem 0;}
.intImg { margin-top: .6rem; width: 45%;}
.intArt { flex: 1;}
.dataInfor { padding: .2rem 0; position: relative; z-index: 2; display: flex; justify-content: space-around;}
.dataInfor::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; transform:skew(-15deg); height: 100%; background: #004BD4;}
.dataSlides { position: relative; z-index: 2; display: flex; align-items: center;}
.dataConts { position: relative;}
.dataConts::after { content: ''; position: absolute; right:0; top:0; width: 50%; height: 100%; background: #004BD4;}
.dataConts p { margin-bottom: .2rem; color: #ffffff; font-size: var(--font60);}
.dataNums span { font-size: var(--font18); color: #ffffff;}
.dataSlides img { margin-right: .08rem; width: 1.2rem; display: block;}
.qualitys { background: url(../images/about1.png) center no-repeat; background-size:cover; padding: 1.7rem 0 1rem; margin-top: -.7rem;}
.qualityTitle { text-align: center;}
.qualityTitle p { font-size: var(--font46); color: #333333; line-height: 1; margin-bottom: .2rem;}
.qualityTitle span { color: #666666; font-size: var(--font28);}
.qualityGroup ul { display: flex; justify-content: space-between;}
.qualityGroup li { width: calc((100% - .8rem)/3);}
.qualityGroup { margin: .65rem auto .4rem;}
.qualityGroup li img { display:block; margin:0 auto .2rem}
.qualityGroup li p { color: #666666; font-size: var(--font18); line-height: 1; text-align: center;}
.qualitySwiper { position: relative;}
.qualitySwiper .swiper-button-prev { left: -.7rem; width: .56rem; height: .56rem; background-size: 100%!important; background: url(../images/soPrev.png) center no-repeat;}
.qualitySwiper .swiper-button-next { right: -.7rem; width: .56rem; height: .56rem; background-size: 100%!important; background: url(../images/so44.png) center no-repeat;}
.qualitySwiper .swiper-button-prev::after,.qualitySwiper .swiper-button-next::after { display: none;}
.qualitySwiper p { font-size: var(--font18); text-align: center; line-height: 1; color: #666666; margin-top: .2rem;}
.case { padding: 1rem 0;}
.case .qualityTitle { margin-bottom: 1rem;}
.cooper { background: url(../images/about1.png) center no-repeat; background-size: cover; padding: 1rem 0;}
.cooperList ul { margin-top: .64rem; margin-bottom: .58rem; display: flex; justify-content: space-between; gap: 20px;}
.cooperList li {box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.06); flex: 1; background: #ffffff; padding: .62rem .32rem; text-align: center;}
.cooperList li img { display: block; margin: 0 auto .32rem; width: 1.1rem;}
.cooperList li h2 { font-size: var(--font28); line-height: 1; margin-bottom: .12rem;}
.cooperList li span { margin-bottom: .24rem; display: block; font-size: var(--font18); color: #666666;}
.cooperList li p { font-size: var(--font18); line-height: calc(1em + .12rem); color: #666666;}
.cooper .chatNow { color: #ffffff;}
.partner { padding: 1rem 0 .7rem;}
.partnerList { margin-top: .64rem; flex-wrap: wrap; display: flex; gap: .32rem;}
.partnerList span { width: calc((100% - 2.24rem)/8);}
.partner.aboutPartner { background: #ffffff;}
.aboutPartner li {box-shadow: 0px 0px 10px 0px rgba(166,186,255,0.25);}
.updateList { margin-top: 1rem;}
.updateList ul{display: flex; gap: .32rem;}
.updateList li { width: calc((100% - .96rem)/4);}
.updateList li h2 { font-size: var(--font26); color: #333333; line-height: 1.333; height: 2.666em; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
margin-bottom: .24rem;}
.updateImg { margin-bottom: .4rem; position: relative; overflow: hidden; padding-top: 62.56%;}
.updateImg img { position: absolute; left:0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all .8s;}
.updateList li:hover img { transform: scale(1.1);}
.updateList li p { font-size: var(--font18); line-height: calc(1em + .12rem); height: calc(2em + .24rem); overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
color: #999999;}
.updateList li span { padding: .2rem 0; margin-top: .4rem; border-top: 1px solid #E2E2E2; color: #999999; display: block; background: url(../images/a51.png) right center no-repeat; transition: all .4s;}
.updateList li:hover span { color: #004BD4; background: url(../images/a52.png) right center no-repeat;}
.update { padding: .7rem 0 1.2rem;}
.update .moreNews { margin: .6rem auto 0; transition: all .4s; text-align: center; color: #004BD4; display: block; width: 8.625em; line-height: calc(1em + .2rem); border-radius: calc(1em + .2rem); border: 1px solid #E4E4E4;}
.update .moreNews:hover { background: #004BD4; border: 1px solid #004BD4; color: #ffffff;}

.cghz_title h2{font-size: var(--font28);color: #666666;margin-bottom: .55rem;text-align: center; }
.cghz_nr ul{display: flex;justify-content: space-between;gap:.3rem;}
.cghz_nr li{width: calc(25% - .9rem/4);}
.cghzbox{position: relative;cursor: pointer;}
.cghzbox span{display: block;overflow: hidden;transform: skewY(0deg);}
.cghzbox img{width: 100%;}
.cghz_nr ul li:nth-child(2n) .cghzbox span{ transform: skewY(0deg);}
.xghz_text{position: absolute;left: 0;top: 0;width:100%;height: 100%; padding: .7rem .25rem 0 .25rem;box-sizing: border-box;}
.xghz_text:before{position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,75,212,.9);transform: skewY(-3deg);left: 0;top: 0;opacity: 0;transition: all .5s;}
.cghz_nr ul li:nth-child(2n) .xghz_text:before{transform: skewY(3deg);opacity: 0;}
.xghz_text h2{font-size: var(--font26); color: #fff;margin-bottom: .1rem;position: relative;z-index: 10;}
.xghz_text h3{font-size: var(--font18); color: #fff;line-height: 1.5; position: relative;z-index: 10;}
.xghz_text p{color: #fff;font-size: var(--font18);line-height: 2; padding-top: .4rem;opacity: 0;position: relative;z-index: 10;}
.cghzbox:hover .xghz_text:before{opacity: 1;}
.cghz_nr ul li:nth-child(2n) .cghzbox:hover .xghz_text:before{opacity: 1;} 
.cghzbox:hover p{opacity: 1;animation: fadeInUp 1s 1;}
.cghzbox:hover h2{animation: fadeInDown 1s 1;}
.cghzbox:hover h3{animation: fadeInDown 1s 1;}
.newsFlexs { gap: 1.1rem; display: flex; justify-content: space-between; align-items: start;}
.newsList li a { display: flex; justify-content: space-between; gap: .32rem;}
.newsImg { width: 330px; height: 220px; overflow: hidden; border-radius: 6px;}
.newsImg img { transition: all .8s; display: block; width: 100%; height: 100%; object-fit: cover;}
.newsText { flex: 1;}
.newsText h2 { margin-bottom: .12rem; font-size: var(--font26); line-height: 1.46; height: 2.92em; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
transition: all .4s; color: #333333;}
.newsText p { font-size: var(--font18); color: #999999; line-height: calc(1em + .08rem); margin-bottom: .24rem; height: calc(3em + .24rem); overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.newsText span { display: block; color: #999999; font-size: var(--font18);}
.solutionAside h2 { font-size: var(--font28); line-height: 1; margin-bottom: .32rem; color: #333333;}
.solutionAside { width: 3.75rem;}
.newsList { flex: 1;}
.solutionAside li { margin-bottom: .16rem;}
.newsList li { margin-bottom: .64rem;}
.newsList li:last-child { margin-bottom: 0;}
.newsList li:hover img { transform: scale(1.1);}
.newsList li:hover h2 { color: #004BD4;}
.fpage { gap: .04rem; font-size: var(--font14); color: #323233; margin-top: .8rem; display: flex; justify-content: center; align-items: center;}
.fpage a { width: 2.28em; height: 2.28em; display: flex; border: 1px solid #DCDEE0; border-radius: 3px; justify-content: center;
align-items: center; transition: all .4s;}
.fpage a.cur,.fpage a:hover { color: #ffffff; background: #004BD4; border: 1px solid #004BD4;}
.fpage select,.fpage input { outline: none; border: 1px solid #DCDEE0; border-radius: 3px; width: 44px; height: 2.28em;}
.fpage select { width: 56px;}
.fpage input { text-align: center;}
.newsPage { padding: 1.2rem 0;}
.articleCont { flex: 1;}
.articleInfors p { font-size: var(--font16); line-height: 2; color: #666666; margin-bottom: 2em;}
.articleInfors img { display: block; margin: 0 auto 2em; max-width: 100%;}
.articleTitle h2 { font-size: var(--font46); color: #333333; line-height: 1.5; margin-bottom: .2rem;}
.articleTitle p { color: #666666; font-size: var(--font28);}
.articleTitle p span { margin-right: 10px;}
.articleTitle { border-bottom: 1px solid #D8D8D8; padding-bottom: .64rem; margin-bottom: .56rem;}
.locationFlex {color: #FFFFFF; font-size: var(--font14); background: url(../images/home.png) left center no-repeat; padding-left: 20px; display: flex; align-items: center;}
.locationFlex a {color: #FFFFFF; font-size: var(--font14);}
.location { margin-bottom: 1rem; line-height: 60px; background-image:linear-gradient(to right,#004BD4,#ffffff);}
.comprehensive { padding: 1.5rem 0 1.3rem;}
.comprehensiveDesc { text-align: center; margin-top: .44rem; color: #0052FB;}
.comprehensiveDesc p { font-size: var(--font28);}
.comprehensiveDesc span { font-size: var(--font28);}
.comInfor {padding: 1.2rem 0 .5rem;background: linear-gradient( 180deg, #F1F6FC 0%, #FFFFFF 100%);}
.serviceTable { display: flex; flex-direction: column; gap: .16rem;}
.flexSlide { display: flex; justify-content: space-between; gap: .08rem;}
.serviceName { font-weight: bold; display: flex; justify-content: center; align-items: center; width: 8.3em; font-size: var(--font26); background: #D7E7FF; color: #0D54D6;}
.serviceSlide { gap: .08rem; flex: 1; display: flex; justify-content: space-between; padding: .16rem; background: #E1EDFF;}
.serviceSlide span { gap: .1rem; display: flex; justify-content: center; align-items: center; text-align: center; line-height: calc(1em + .1rem); padding: .08rem 0; flex: 1; background: #D7E7FF; color: #0D54D6; font-size: var(--font16);}
.orangeFlex .serviceName { color: #DE7711; background: #FFDAB6;}
.orangeFlex .serviceSlide { background: #F5E9DF;}
.orangeFlex .serviceSlide span { color: #DE7711; background: #FFDAB6;}
.webFell { background: #E1EDFF; flex: 1; padding: .16rem; display: flex; justify-content: space-between; gap: .08rem;}
.webFell span { padding: .21rem 0 .22rem; flex: 1; text-align: center; background: #ffffff; border:1px dashed #7EABFF;}
.webFell span img { display: block; margin: 0 auto .09rem;}
.webFell span p { font-size: var(--font18); line-height: calc(1em + .1rem); color:#004BD4}
.greenFlex .serviceName { color: #017766; background: #E2F5F5;}
.greenFlex .serviceSlide { background: #E3F9F9;}
.greenFlex .serviceSlide span { color: #017766; background: #D0EEEE;}
.suportCont { background: url(../images/suportImg.png) center bottom no-repeat; background-size:100% auto; padding: .6rem 0 .84rem;}
.suportCont h2 { text-align: center; margin-bottom: 10px; font-weight: bold; font-size: var(--font26); color: #0D54D6;}
.suportCont p {  text-align:center; color: #0D54D6; font-size: var(--font20);}
.suportList ul{display: flex; justify-content: space-between; text-align: center; margin-top: -.5rem;}
.suportList li:nth-child(1) { margin-top: -.6rem;}
.suportList li:nth-child(2) { margin-top: -.3rem;}
.suportList li:nth-child(7) { margin-top: -.3rem;}
.suportList li:nth-child(8) { margin-top: -.6rem;}
.suportList li p { color: #004BD4; font-size: var(--font16); line-height: 3; border: 1px solid #C8DCFF; border-radius: 3em; min-width: 1.36rem;}
.comInfor .centerBtn { margin-top: .6rem;}
.comCase ul { display: flex; flex-wrap: wrap; gap: .2rem;}
.comCase li { box-sizing:border-box; overflow: hidden; position: relative; width: calc((100% - .6rem)/4);}
.comCase li img { display: block; width: 100%; transition: all .8s; object-fit: cover; aspect-ratio: 383 / 286;}
.comCase li p { text-align: center; font-size: var(--font24); padding: .2rem; box-sizing: border-box; position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; 
color: #ffffff; line-height: 1;}
.comCase li p::after { content: '';background: linear-gradient( 315deg, #05B98D 0%, #004BD4 100%); opacity: .6; z-index: -1;
position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.comCase { padding-bottom: 1.5rem;}
/**/
.controlInfor { margin: .8rem 0 .25rem; padding: 1.3rem 1.66rem 1.32rem 9.92rem; background: url(../images/guankong1.png) center no-repeat; background-size: cover; color: #ffffff;}
.controlDesc { padding: 1.5rem 0;}
.controlInfor h2 { font-size: var(--font30); margin-bottom: .32rem;}
.controlInfor p { font-size: var(--font18); line-height: 1.66; margin: 0 0 .32rem;}
.controlInfor a { background: #ffffff; color: #004BD4;}
.controlInfor a:hover { color: #004BD4;}
.controlDesc ul { gap: .25rem; display: flex; justify-content: space-between;}
.controlDesc li { color:#ffffff; flex: 1;}
.controlDesc li:nth-child(1) { background: #004BD4;}
.controlDesc li:nth-child(2) { background: #0FB489;}
.controlDesc li:nth-child(3) { background: #764AFF;}
.controlPic { overflow: hidden;}
.controlPic img { display: block; width: 100%; object-fit: cover; aspect-ratio: 514/264;}
.controlText { padding: .4rem;}
.controlText h2 { font-size: var(--font30); margin-bottom: .32rem; line-height: 1;}
.controlText p {font-size: var(--font18); line-height: 1.66; }
.controlMap { padding: 1.2rem 0 .7rem;background: linear-gradient( 180deg, #F1F6FC 0%, #FFFFFF 100%);}
.busniessGropu { text-align: center; background: #E1EDFF; flex: 1; display: flex; padding: .16rem; gap: .08rem; flex-wrap: wrap;}
.busniessGropu span { width: calc((100% - .56rem)/8); background: #CDE1FF; padding: .12rem; box-sizing: border-box; color: #004BD4;
font-size: var(--font18); line-height: calc(1em + .1rem);}
.busniessGropu img { display: block; margin: 0 auto .08rem;}
.analyzeCont { flex: 1; box-sizing: border-box; background: #F5E9DF; padding: .28rem .16rem .16rem;}
.analyzeCont h2 { text-align: center; font-size: var(--font24); color: #DE7711; line-height: 1; margin-bottom: .24rem;}
.analyzeFlex { display: flex; justify-content: space-between; gap: .08rem;}
.analyzeCenter { width: 46.37%;}
.analyzeLeft { width: 36.59%;}
.analyzeRight { flex: 1; background: #FFDAB6;display: flex; flex-direction: column; justify-content: center; align-items: center;}
.analyzeLeft { display: flex; gap:.08rem;}
.analyzeLeft span { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1; background: #FFDAB6; text-align: center;}
.analyzeLeft span img,.analyzeRight img { display: block; margin-bottom: .08rem;}
.analyzeLeft span p,.analyzeRight p {color: #DE7711; line-height: calc(1em + .08rem); font-size: var(--font18);}
.analyzeCenter { display: flex; flex-wrap: wrap; gap: .08rem;}
.analyzeCenter span { padding: .1rem; font-size: var(--font18); box-sizing: border-box; width: calc((100% - .16rem)/3); background: #FFDAB6;  text-align: center; color: #DE7711; line-height: calc(1em + .08rem);}
.greenData { padding: .16rem; background: #E3F9F9; flex: 1;}
.dataFlex { display: flex; justify-content: space-between; gap: .08rem;}
.dataCard { flex: 1; box-sizing: border-box; padding: .2rem .12rem .16rem; background: #CDEFEA; text-align: center;}
.cardTitle { margin-bottom: .24rem; background: url(../images/gkicon28.png) center bottom no-repeat; background-size: 100% auto;}
.cardTitle p { font-size: var(--font18); line-height: calc(1em + .1rem); color: #017766;}
.cardTitle img { margin: 0 auto .08rem;}
.dataTip { display: flex; justify-content: space-between; gap: .08rem;}
.dataTip span { padding: .06rem 0; line-height: calc(1em + .1rem); flex: 1; color: #017766; font-size: var(--font18); background: #B5E3DC;}
.greenData h2 { margin-top: .08rem; text-align: center; line-height: calc(1em + .1rem); background: #CDEFEA; font-size: var(--font18); color: #0C7D6D; padding: .1rem 0;}
.controlMap .centerBtn { margin-top: .64rem;}
.numberScreen { padding: .8rem 0 1.1rem;}
.serviceDesc {display: flex; justify-content: space-between; gap: .08rem;  padding: .16rem; background: #E3F9F9; flex: 1;}
.serviceLeft { width: calc(70% - .08rem);}
.serviceCenter { width: calc(20% - .08rem);}
.serviceRight { flex: 1;}
.serviceLeft ul,.serviceCenter ul { display: flex; justify-content: space-between; gap: .08rem;}
.serviceLeft li,.serviceCenter li { flex: 1;}
.serviceDesc h2 { color: #017766; text-align: center; background: #ffffff; border: 1px dashed #ADDCD5; font-size: var(--font20); line-height: 1.4; padding: .12rem 0; margin-bottom: .08rem;}
.flexSlide li { background: #ffffff; padding: .12rem .08rem .08rem; background: #ffffff; border: 1px dashed #ADDCD5; text-align: center;}
.flexSlide li h3 { font-size: var(--font16); color: #017766; line-height: 1; margin-bottom: .12rem;}
.serviceCard {background: #F0FBFB; padding: .08rem 2px;}
.serviceCard p { font-size: var(--font14); line-height: calc(1em + .1rem); color: #017766;}
.departmentFlex { display: flex; justify-content: space-between; gap: .2rem;}
.depBig { padding: .2rem; background: url(../images/shebeiBg1.png) center no-repeat; background-size: cover; flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.depBig img { max-width: 80%; display: block; margin: 0 auto .7rem;}
.depBig p { font-weight:bold; color: #ffffff; line-height: 1; font-size: var(--font46);}
.depList { width: 46.85%;}
.depList ul { display: flex; flex-wrap: wrap; gap: .4rem .2rem;}
.depList li { width: calc(50% - .1rem); text-align: center;}
.smallDep img { display: block; width: 100%; aspect-ratio: 363/263; object-fit: cover;}
.smallDep { margin-bottom: .32rem;}
.depList li p { color: #333333; font-size: var(--font28); line-height: 1;}
.departmentBlock { margin-bottom: 1.2rem;}
.departmentBlock .titleCell { margin-bottom: .8rem;}
.departmentBlock .centerBtn { margin-top: .6rem;}
.stopDep { display: flex; justify-content: space-between; gap: .2rem;}
.stopCard { flex: 1; background: url(../images/shebeiBg2.png) center no-repeat; background-size: cover; text-align: center; padding: .72rem 0 .64rem;}
.stopCard p { color: #ffffff; font-size: var(--font46); line-height: 1; margin-top: .64rem;}
.departmentPage { padding-top: 1.2rem;}
.chatAlt { z-index: 20; display: none; max-width: 92%; text-align: center; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 744px; padding: .56rem .56rem .72rem; background: url(../images/altBg.png) center no-repeat; background-size: cover;
 border-radius: 8px;}
.chatAlt h2 {color: #ffffff; font-size: var(--font28); line-height: calc(1em + .2rem); margin-bottom: .38rem;}
.altScreen img { border-radius: 8px; display: block; margin: 0 auto .2rem; width: clamp(100px,1.56rem,156px);}
.altScreen p { color: #122767; font-size: var(--font26); line-height: 1;}
.altScreen {background: rgba(255,255,255,0.4);border-radius: 8px;border: 2px solid rgba(255,255,255,0.4); padding: .26rem 0 .34rem;}
.closeChat { position: absolute; top: .24rem; right: .24rem; cursor: pointer;}
.orangeIcon { background: #FFF2E8;}
.greenIcon { background: #E8F7F7;}
.purpleIcon { background: #EEF1FF;}
.blueIcon { background:#E3EEFF}
.yellowIcon { background: #FAF7EB;}

.bottombox{position: fixed;z-index: 10;left: 0; display: none; bottom: 0;background: url(../images/bottomBg.jpg) center no-repeat;width: 100%; background-size: cover;}
.bottombox.show { display: block;}
.bottom_nr{width: 1595px;max-width: 94%; margin: 0 auto;display: flex;justify-content: space-between;align-items: center;height: 1.2rem;position: relative;}
.bottom_nr p{font-size: var(--font28);color: #fff;}
.bottom_nr p b{color: #FCC300;}
.bottom_nr a{ margin-right: .75rem; display: block;text-align: center;width: 1.4rem; line-height: .4rem;border-radius: .2rem;background: #fff;border-radius: .2rem;font-size: var(--font18);color: #04AC95;transition: all .5s;}
.bottom_nr a:hover{background: #04AC95;color: #fff;}
.ggbtn{ cursor: pointer; position: absolute;  width:26px; right:0;top:5px;}
.bottombox.hidden { bottom: -1.5rem;opacity: 0;}
.bottombox.visible { bottom: 0; opacity: 1; }
.bottomBuild { position: absolute; left: 0; bottom: 0; width: 2.49rem;}
.w54 { width: .54rem;}
.articlePage { padding-bottom: 1rem;}
@media screen and (max-width: 1800px) {

}
@media screen and (max-width: 1600px) {

}
@media (max-width: 1580px) {
  :root {
    --header-height:80px;
  }
  .modeHeader { padding-top: 80px;}
}
@media screen and (max-width: 1500px) {

}
@media screen and (max-width: 1440px) {
	.container {max-width: 92%; padding: 0;}
}
@media screen and (max-width: 1280px) {
	
}
@media screen and (max-width: 1200px) {
	.headerFlex { height: 60px;}
	.logo { width: 3rem;}
	.inBanner img { min-height: 300px; object-fit: cover;}
	.bannerText a { line-height: 2.5;}
	.bannerText p { font-size: 14px; line-height: 1.5;}
	.modeHeader { padding-top: 60px;}
	:root{
		--header-height: 60px; 
	}
	.langChose { height: var(--header-height);}
	.header .tel { margin-left: 0; font-size: 14px; margin-right: .4rem; color: #004BD4 ;}
	.header .tel img { width: 16px; filter: none;}
	.small-header .headerFlex { height: 60px;}
	.header,.small-header .header { height: 60px;background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
	.header .logo img { opacity: 0;}
	.header .logo img:nth-child(2) { opacity: 1;}
	.header .nav li h2 a { line-height: 80px;}
	.header .nav li h2 a{ flex: 1; color: #333333;}
	.searchEnter { background: url(../images/blackSearch.png) center no-repeat; background-size: 100% auto;}
	.header .logo img {width: 140px;}
	.nav { height: calc(100vh - 60px); position: fixed; left: -110%; overflow-y: auto; top:60px; width: 240px; background: #ffffff; bottom: 0;}
	.nav ul { display: block;}
	.nav li { height: auto; display: block; border-bottom: 1px solid #eee; float: none; margin: 0!important;}
	.nav li h2{position: relative; text-indent: 20px;}
	.nav li h2 i { z-index: 5; transition: all .5s; background: url(../images/menuEnter.png) center no-repeat;
	width: 8px; height: 14px; background-size: 100% auto; position: absolute; right:15px; top: 50%; margin-top: -7px;}
	.header li h2 a::after { border-radius: 0;}
	.nav li h2 a { padding: 0; line-height: 40px; color: #333333;}
	.nav li.cur h2 i{ background: url(../images/menuEntero.png) center no-repeat; background-size: 100% auto; transform: rotate(90deg);}
	.menubox{ display: block;position: relative; width:30px; height: 20px;opacity: 1;pointer-events: auto;transition: 0.3s;}
	.menubox div{position: absolute;left: 0;width: 30px;height: 2px;background: linear-gradient( 315deg, #05B98D 0%, #004BD4 100%);transition: 0.6s;}
	.menubox div:nth-child(1){top: 0px;}
	.menubox div:nth-child(2){top: 10px;}
	.menubox div:nth-child(3){top: 20px;}
	.menubox.on div:nth-child(1){top: 9px;transform: rotateZ(45deg);}
	.menubox.on div:nth-child(2){top: 0px;opacity: 0;}
	.menubox.on div:nth-child(3){top: 9px;transform: rotateZ(-45deg);}
	.langChose { margin-right: 50px;}
	.nav li dl { position: static; width: 100%; padding: 0; transform: translateX(0); text-align: left;}
	.nav li dl dt { text-align: left; text-indent:30px;}
	.nav li h2::after { display: none!important;}
	.mobSub dl { display: block!important;}
	.nav li dl dt dt { text-indent: 40px;}
	.nav li dt h3 a { font-size: 16px;}
	.nav li dt dt a { font-size: 14px;}
	.header .nav li h2 a,.small-header .header .nav li h2 a { line-height: 50px;}
	body { padding-top: 60px;}
	.langChose dl { top: 60px; border-radius: 0 0 6px 6px;}
	.langChose h2 { font-size: 14px;}
	.nav li:nth-child(2) .subLink { visibility: visible;}
	.subLink { position: static; width: 100%; transform: translate(0); box-shadow: none;}
	.subLink p a { text-align: left; padding-left:30px;}
}
@media screen and (max-width: 1080px) {
	.searchinput { width: 100%; top: 60px; margin: 0; background: #ffffff; padding: 10px; transform-origin: center; top: ;}
	.searchBox { position: static;}
	.footLink { display: none;}
	.footerTop { justify-content: center; padding: 30px 0 20px;}
	.copyRight { display: block; line-height: 1.5; text-align: center; padding: 20px 0; margin-top: 20px;}
	.copyRight p, .copyRight a { font-size: 14px;}
	.footerContact p { font-size: 14px;}
	.copyRight br { display: block;}
	.footerContact h2 { font-size: 16px; margin-bottom: 0;}
	.contactLink ul { justify-content: center;}
	.footer { text-align: center;}
	.contactLink { margin-bottom: 10px;}
	
}
@media screen and (max-width: 780px){
	:root{
		--font50:18px;
		--font32:14px
	}
	.banner { height: auto;}
	.banner img { width:5.5rem;}
	.allScreen { padding: 30px 0;}
	.screenGroup { margin-top: 20px;}
	.screenTop { flex-direction: column;}
	.leftSlide { width: 100%;}
	.fullImg a>img { height: 240px; object-fit: cover;}
	.halfImg { width: 100%;}
	.halfImg a>img { height: 240px; object-fit: cover;}
	.screenType { justify-content: space-around;}
	.screenType span { margin: 0; flex-direction: column; justify-content: center; align-items: center;}
	.screenType img { margin: 0 auto 5px!important;}
	.typeFlex { flex-direction: column;}
	.typeMenu { gap: 5px;}
	.typeMenu span { width: calc((100% - 10px)/3);}
	.typeBd { width: 100%;}
	.quality li { width: calc((100% - 10px)/2);}
	.quality ul { gap: 5px;}
	.quality li img { max-width: 70%;}
	.homeDesc { padding: 30px 0;}
	.intInfor { margin-top: 10px;}
	.introduceFlex { flex-direction: column; gap: 20px;}
	.intData ul { flex-wrap: wrap; gap:20px 10px;}
	.intData li { width:calc(50% - 5px);}
	.intList li {min-height: auto;}
	.intIcon img { height:42px;}
	.typeMenu p { font-size: 14px;}
	.partner { padding: 30px 0;}
	.partner ul { gap: 5px; margin-top: 20px;}
	.partner li { width: calc((100% - 20px)/5);}
	.homeNews { padding: 30px 0;}
	.newsFlex { flex-direction: column; gap: 20px; margin-top: 20px;}
	.bigNews h2 { margin: 20px 0 10px;}
	.bigNews { width: 100%;}
	.footerTop{display:block;padding: 30px 0;}
	.footerLeft ul{display: block;}
	.footerLeft  ul li:nth-child(1){ display: none;}
	.footerLeft  ul li:nth-child(2){ display: none;}
	.footerLeft li{text-align: center;}
	.footerLeft img{margin: 0 auto;}
	.footerRight ul { margin: 0; justify-content: center; padding-top: 15px;}
	.copy p{padding: 15px 3%; font-size: 13px;}
	.bottombox{display: none !important;}
	.leftTop { flex-direction: column;}
	.scenePic { padding: 30px 0;}
	.sceneFlex { flex-direction: column;}
	.ziranImg { width: 100%;}
	.ziranDesc { position: static; width: 100%;}
	.ziranDesc ul { padding: 0;}
	.ziranDesc::after { display: none;}
	.ziranDesc a { position: static; margin: .2rem auto 0; display: block; transform: translate(0); text-align: center;
	width: 120px; padding: 0;}
	.ziranDesc p img { width: 12px; margin-top: 6px;}
	.systemDesc { padding: 30px 0;}
	.systemFlex { margin-top: 20px; flex-direction: column-reverse; gap: 20px;}
	.systemImg { width: 100%;}
	.computerImg { margin-top: 20px;}
	.ecology { padding: 30px 0;}
	.dataSystem { padding: 30px 0;}
	.controlCenter,.aboutIntroduce { padding: 30px 0;}
	.intFlex { flex-direction: column-reverse; gap: 20px;}
	.intImg { width: 100%; margin: 0;}
	.dataSlide { width: 40%;}
	.dataInfor { gap: 10px 0; flex-wrap: wrap;}
	.dataSlide img { width: 40px;}
	.dataConts p,.qualityTitle p { font-size: 20px;}
	.qualitySwiper .swiper-button-prev { left: 0;}
	.qualitySwiper .swiper-button-next { right: 0;}
	.qualityTitle span { font-size: 14px;}
	.cooperList ul { flex-wrap: wrap; gap: 10px; margin: 20px auto;}
	.cooperList li { padding: 20px 0; width: calc(50% - 5px); box-sizing: border-box; flex: auto;}
	.cghz_nr ul{flex-wrap: wrap;gap:10px}
	.cghz_nr li{width: calc(50% - 10px/2);}
	.case { padding: 30px 0;}
	.case .qualityTitle { margin-bottom: 20px;}
	.dataSlides { width: 40%;}
	.dataSlides img { width: 40px;}
	.dataInfor::after { left: 15px;}
	.dataNums p { margin-bottom: 0;}
	.qualityGroup li { width: calc((100% - 10px)/3);}
	.partnerList { margin-top: 20px; gap: .2rem;}
	.partnerList span { width: calc((100% - .6rem)/4);}
	.update .moreNews { font-size: 14px; line-height: 2.5;}
	.update { padding: 30px 0;}
	.dataConts { overflow: hidden;}
	.location { margin-bottom:30px;}
	.locationFlex { line-height: 3; padding-left: 40px; background-position: 20px center;}
	.newsFlexs { flex-direction: column; gap: 20px;}
	.articleTitle p { font-size: 14px;}
	.articleTitle h2 { font-size: 18px;}
	.articleTitle { padding-bottom: 20px; margin-bottom: 20px;}
	.solutionAside { width: 100%;}
	.solutionAside ul { display: flex; gap: 10px; flex-wrap: wrap;}
	.solutionAside li { margin: 0; width: calc(50% - 5px);}
	.solutionAside li img { display: block; width: 100%;}
	.articlePage { padding-bottom: 30px;}
	.sceneFlex { margin-top: 20px;}
	.threeShops { padding: 30px 0;}
	.threeShops ul { display: flex; flex-direction: column; gap: 10px; margin-top: 20px;}
	.threeShops li { float: none; width: 100%!important; height: 240px;}
	.postText { padding: 0 10px 10px;}
	.oneScan { padding: 30px 0;}
	.scanbg { height:auto; bottom: 20px;}
	.scanInfor ul { justify-content: start; overflow-x: auto; white-space: nowrap;}
	.scanInfor li { padding: 0 10px;}
	.moreChose ul { flex-wrap: wrap; gap: 5px;}
	.moreChose ul li { width: calc((100% - 15px)/4); flex: auto;}
	.scanInfor { margin: 20px 0;}
	.safe { padding-top: 30px;}
	.systemGroup ul { margin-top: 20px; flex-wrap: wrap;}
	.systemGroup li { width: 100%; flex: auto;}
	.controlDesc { padding: 30px 0;}
	.controlInfor { padding: 20px;}
	.controlInfor a { line-height: 2.5;}
	.controlDesc ul { flex-direction: column;}
	.controlMap { padding: 30px 0;}
	.mt80 { margin-top: 20px;}
	.flexSlide { flex-direction: column;}
	.serviceName { text-align: center; width: 100%; padding: 8px 0;}
	.busniessGropu span { width: calc((100% - .24rem)/4);}
	.busniessGropu p { font-size:12px}
	.busniessGropu img,.analyzeLeft img { height: 30px;}
	.analyzeFlex { flex-direction: column;}
	.analyzeFlex>div { flex: 1; width: 100%;}
	.analyzeLeft span { padding: 10px 0;}
	.analyzeLeft span p {font-size: 12px;}
	.analyzeCenter span { padding: 8px 0; font-size:12px}
	.dataFlex { flex-wrap: wrap;}
	.dataCard { flex: auto;}
	.dataTip span { font-size:12px;}
	.serviceSlide { flex-wrap: wrap;}
	.serviceSlide span { flex-direction: column; padding: 5px 0; flex: auto;}
	.serviceSlide img { width: 24px;}
	.numberScreen,.huaxueSys { padding: 30px 0;}
	.scheduling,.huaxueData,.museumShow { padding:30px 0}
	.schedulingList ul { margin-top: 20px; flex-direction: column;}
	.smartEenter,.checkBar { padding: 30px 0;}
	.smartFlex { margin-top: 20px; flex-direction: column; gap: 20px;}
	.smartImg { width: 100%;}
	.ticketMatrix ul { gap: 10px; flex-direction: column;}
	.ticketMatrix li { width: 100%;}
	.smartFlex ul { gap: 10px;}
	.huaxueData ul { flex-direction: column; gap: 20px;}
	.huaxueData li { width: 100%;}
	.threePoint,.serviceStep { padding-top: 30px;}
	.threePoint ul { margin-top: 20px; flex-direction: column; gap: 20px;}
	.threePoint li { width: 100%; padding-top: 10px;}
	.serviceStep ul { flex-wrap: wrap; gap:20px 10px;}
	.serviceStep li { font-size: 14px; width: calc((100% - 10px)/2); flex: auto;}
	.checkFlex { flex-direction: column; padding: 20px; gap: 20px;}
	.checkImg { width: 100%;}
	.checkText { padding: 0;}
	.tourPic { height: auto;}
	.tourSystem ul { gap: 20px; overflow-x: auto; justify-content: start; }
	.tourSystem li { flex: auto; min-width:60%;}
	.museumFlex { gap: 20px; margin-top: 20px; flex-direction: column;}
	.museumImg { width: 100%;}
	.museumList { gap: 5px;}
	.museumList span { padding: 10px 0;}
	.tourPhone,.pomp { padding-top: 30px;}
	.pomp { margin-bottom: 30px;}
	.pomp .pompImg { margin-top: 20px;}
	.theaterStep ul { margin-top: 20px; padding: 20px; flex-wrap: wrap; gap: 20px;}
	.theaterStep li { flex: auto; width: calc(50% - 10px);}
	.theaterStep p { font-size: 14px;}
	.theaterStep span { font-size: 12px; width: 24px; height: 24px;}
	.sheaterService dt { font-size: 14px; width: 25%;}
	.sheaterService dt img { height: 32px;}
	.moreStyle { margin-bottom: 30px; margin-top: 30px;}
	.systemInfor { flex-direction: column;}
	.moreStyle .systemInfor { background-image: linear-gradient(to right bottom,#9c2805,#790101);}
	.systemInfor li img { height: 30px;}
	.systemInfor li { padding-top: 10px; padding-bottom: 10px; font-size: 14px;}
	.systemImgs { width: 100%;}
	.newsPage { padding: 30px 0;}
	.newsList li a { flex-direction: column;}
	.newsImg { width: 100%; height: auto;}
	.whyFlex { flex-direction: column;}
	.textSlide { padding:20px;}
	.whyDesc img { height: 240px; object-fit: cover;}
	.servicePost a { line-height: 2.5;}
	.stepList ul { margin-top: 20px; gap: 20px 0; flex-wrap: wrap;}
	.stepList li { width: 50%;}
	.stepList li::after { display: none;}
	.stepList span { font-size: 14px;}
	.stepList h2 { font-size: 16px;}
	.stepList p { font-size: 13px;}
	.serviceSteps,.productLift { padding: 30px 0;}
	.stepList li img { width: 80px;}
	.departmentFlex { flex-direction: column;}
	.depList { width: 100%;}
	.depBig p { font-size: 14px;}
	.depList li p { font-size:14px}
	.depBig img { max-height: 300px;}
	.depBig { padding: 20px;}
	.stopCard p { font-size:14px}
	.departmentBlock .titleCell { margin-bottom: 20px;}
	.departmentBlock { margin-bottom: 30px;}
	.threeShop,.moneyControl { padding: 30px 0;}
	.ticketList ul { gap: 10px; flex-direction: column;}
	.ticketList li { width: 100%;}
	.ticketList { margin-top: 20px;}
	.intelFlex { gap: 20px; margin-top: 20px; flex-direction: column;}
	.intelGroup dt { font-size: 14px;}
	.intelImg { width: 100%;}
	.chatBtn { line-height: 2.5;}
	.lifeStep ul { gap:10px; overflow-x: auto; justify-content: start;}
	.lifeStep li {min-width: 50%; height: auto;}
	.lifeCard { height: auto;}
	.moneyFlex { gap: 10px; margin-top: 20px; flex-direction: column;}
	.moneyStep { padding: 20px;}
	.moneyImg { width: 100%;}
	.instrument,.dataDarver { padding: 30px 0;}
	.insImg { margin-top: 20px;}
	.threeSystem { padding: 30px 0;}
	.threeSystem ul { margin-top: 20px; gap: 10px;}
	.threeSystem li { width: calc(50% - 5px);}
	.verifyFlex { margin-top: 20px; flex-direction: column;}
	.verifyImg { width: 100%;}
	.verifySystem { padding-bottom: 30px;}
	.secondSure ul { margin-top: 20px; flex-direction: column; gap: 10px;}
	.secondSure li { width: 100%;}
	.dataSlide {padding: 20px; width: 100%; gap: 5px;}
	.dataDarver .dataSlide span { width: calc((100% - 5px)/2);}
	.dataDarver .dataSlide i img { display: block;}
	.dataDarver .dataSlide span i { display: flex; align-items: center;}
	.dataDarver .dataSlide i img { width: 16px;}
	.getFrom,.comprehensive { padding: 30px 0;}
	.fromImg { margin-top: 20px;}
	.ticketCenter,.hotelCont { padding: 30px 0;}
	.buyType,.hotelFlex { margin-top: 20px; flex-direction: column; gap: 20px;}
	.buyLeft { width: 100%;}
	.buyRight { width: 100%;}
	.checkSystem .systemInfor { margin-top: 20px; background-image:linear-gradient(to right bottom,#f4a638,#e76d1a);}
	.hotelSecond { padding-top: 30px;}
	.hotelSecondImg { margin-top: 20px;}
	.threeSwiper .swiper-slide { opacity: 0; width: 100%;}
	.threeSwiper .swiper-slide-active { opacity: 1;}
	.threeSwiper .swiper-button-prev { left: 4%;}
	.threeSwiper .swiper-button-next { right: 4%;}
	.threeSwiper { margin-top: 20px;}
	.threeSwiper p { font-size:14px;}
	.threeLink { padding: 50px 0 30px;}
	.secondCheck,.oneCompurter { padding-top: 30px;}
	.checkDesc { margin-top: 30px;}
	.webFell { flex-wrap: wrap; gap: 5px;}
	.webFell span { flex:auto; width: calc((100% - 10px)/3); box-sizing: border-box;}
	.serviceDesc { flex-wrap: wrap;}
	.serviceLeft { width: 100%;}
	.suportList ul { gap: 10px 0; width: 100%; margin: 20px auto 0; flex-wrap: wrap;}
	.suportList li { margin: 0!important; width: 25%;}
	.suportList li img { width: 60px; margin: 0 auto 10px;}
	.suportList li p { min-width: none; max-width:95%; font-size: 12px; margin: 0 auto; line-height: 2;}
	.serviceLeft ul, .serviceCenter ul {flex-wrap: wrap;}
	.serviceLeft li {width: calc((100% - .24rem)/5); flex:auto;}
	.serviceLeft li:nth-child(4+n) { width:calc((100% - .16rem)/3);}
	.serviceCenter { width: calc(66.66% - .08rem);}
	.comCase {padding-bottom: 30px; margin-top: 30px;}
	.comCase li { width: calc((100% - .32rem)/2);}
	.comCase li p { font-size:14px;}
	.comprehensiveDesc p,.comprehensiveDesc span { font-size:14px;}
	.titleCell span { font-size: 14px;}
	.titleCell p { font-size:18px;}
	    .bannerTexts {
	        width: 5.5rem;
	    }
		.bannerTexts p { font-size: 14px;}
}