@charset "utf-8";
:root {
  /* 导航高度 */
  --header-height: 1rem;
  /* COLOR */
  --color-active: #00479d;
  --color-blue-004: #00479d;
  --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;
}
@media (max-width: 1580px) {
  :root {
    --header-height:80px;
  }
}
/* 公共字体 */
.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(--font26);
}
.font26 {
  font-size: var(--font26);
}
.font28 {
  font-size: var(--font28);
}
.font30 {
  font-size: var(--font28);
}
.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: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  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; display: block; }
input,button,a { outline: none;}
a{ text-decoration:none; color:#000;  }
.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;
  max-width: 94%;
  margin: 0 auto;
}
@media (min-width: 1901px) {
  .container {
     width: 1590px;
	 max-width: 94%;
  }
}
@media (max-width: 1880px) {
  .container {
    max-width: 79.787%;
  }
}
@media (max-width: 1024px) {
  .container {
    max-width: 100%;
    padding: 0 20px;
  }
}
.header { transition: all 0.5s; position: fixed; left: 0; top: 0; width: 100%; z-index: 20; display: flex; height: 80px;}
.header-wrap {transition: all 0.5s;  display: flex; justify-content: space-between; align-items: center;width: 1590px;max-width: 94%; margin: 0 auto;}
.small-header .header { height: 80px; transform: translateY(-100%);box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #ffffff;}
.show-header .header { transform: translateY(0);}
.small-header .header-wrap .logo img { opacity: 0;}
.small-header .header-wrap .logo img:nth-child(2) { opacity: 1;}
.small-header .header-wrap .nav li.cur h2 a { color: #fff}

.small-header .headerRight p a{color: #004bd4;}
.header:hover .headerRight p a{color: #004bd4;}
.small-header .headerRight p b{background: url(../images/a2.png);background-size: 100% 100%;}
.header:hover,.modeHead .header { background: #ffffff;}
.header:hover .nav li h2 a,.small-header .header .nav li h2 a,.modeHead .header .nav li h2 a{ color: #333333;}
.header:hover .nav li.cur h2 a,.modeHead .header .nav li.cur h2 a{color: #fff;}
.modeHead .header .logo img:nth-child(1) { opacity: 0;}
.modeHead .header .logo img:nth-child(2) { opacity: 1;}
.modeHead { padding-top:80px;}
.header:hover p,.modeHead .header p{color: #004bd4;}
.header:hover p b,.modeHead .header p b{background: url(../images/a2.png);background-size: 100% 100%;}
.headerRight { display: flex; align-items: center; gap: .5rem;}

.headerRight p a{color: #fff;font-weight: bold;font-size: var(--font20); }
.modeHead .headerRight p a { color: #004bd4;}
.headerRight p b{background: url(../images/a1.png);width: .21rem;height: .24rem;background-size: 100% 100%;display: inline-block;vertical-align: middle; margin: -3px .12rem 0 0;}
.menubox { display: none;}
.header:hover .logo img { opacity: 0;} 
.header:hover .logo img:nth-child(2) { opacity: 1;}
.logo { position: relative;width: 2.9rem;}
.logo img { display: block; transition: all 0.5s; width: 100%;}
.logo img:nth-child(2) { position: absolute; left: 0; top: 0; opacity: 0; }
.header .nav li{position: relative;}
.nav>ul{gap: .1rem; display: flex; justify-content: center; align-items: center;}
.nav li h2 a { transition: all 0.5s;  font-size: var(--font16); color: #ffffff;display: block;padding: 0 .4rem;line-height: .48rem;border-radius: .24rem;}

.nav li h2 { position: relative;}
.mobSub { position: absolute;box-sizing: border-box;width: 220px;left: 50%;transform: translateX(-50%); padding-top: .35rem;top: .48rem;display: none;}
.mobSub dl{ box-shadow: 0 0 10px rgba(0,0,0,0.1);background: #fff; padding: .08rem;border-radius: .06rem;}
.mobSub b{width: 0; position: absolute;left: 50%;transform: translateX(-50%);top: .15rem;height: 0;border-width: 10px;border-style: solid;border-color: transparent transparent #fff transparent;}
.mobSub dt a{line-height: 3; font-size: 14px;color: #757575;display: block; padding-left: .17rem;border-radius: .06rem;transition: all .5s;}
.mobSub dt a:hover{background: #004bd4;color: #fff;}
.menuBtn { display: none;}
.small-header .searchBar,.header:hover .searchBar { transition: all .4s; background: #f6f6f6;}
.small-header .searchBar input::placeholder,.header:hover .searchBar input::placeholder { color: #999999;}
.small-header .searchBar button,.header:hover .searchBar button { transition: all .4s; cursor: pointer; width: 19px; height: 19px; background: url(../images/searchGray.png) center no-repeat; border: none;}
@keyframes rotateSpan{
	0% { transform: rotate(0);}
	100% { transform: rotate(360deg);}
}
.nav li.cur h2 a,.nav li:hover h2 a,.small-header .nav li:hover h2 a{background: #004bd4;color: #fff!important;}
.bannerText{position: absolute;width: 6.5rem;text-align: center;left:50%; top:50%; transform:translate(-50%,-50%);}
.bannerText img{width: 100%;}
.bannerText p{color: #fff;font-size: var(--font38);letter-spacing:.05rem;text-align: center; margin-top:.4rem;}
.banner span{display: block;}
.banner{position: relative;}
.banner b:before{position: absolute;content: "";width: 100%;height: 100%; left: 0;top: 0;background: rgba(0,75,211,.3);}
.banner .swiper { width: 100%; height: 100%;}
.banner .swiper-slide { overflow: hidden;}
.banner b{display: block;height: 100vh; width: 100%; position: relative;}
.banner video{width: 100%;height: 100%; object-fit: cover;}
.banner b img { transition: all 5s; transform: scale(1.1); display: block; width: 100%; height: 100%; object-fit: cover; object-position: 15% center;}

.banner .swiper-slide-active b img { transform: scale(1);}
.banner .swiper-pagination{text-align: ;}
.banner .swiper-pagination-bullet {width: 40px;height: 3px; border-radius: 0;display: inline-block;}
.banner .swiper-pagination-bullet-active{background: #fff;}

.bj1{background: url(../images/bj4.png) no-repeat center top;background-size: 100% auto; }
.about{width: 1595px;max-width: 94%; margin: 0 auto; padding: 1.05rem 0 1.45rem;}
.about_top{display: flex;justify-content: space-between;}
.about_left{width: 48%;}
.about_left h2{font-size: var(--font46);color: #333333;font-weight: bold;}
.about_left h3{font-size: var(--font28);color: #666; margin: .3rem 0 .6rem;}
.about_left p{font-size: var(--font16);color: #767676;line-height: 2; }
.about_right{width: 40%;}
.about_right ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about_right li{ padding-bottom: .65rem; width: 2.9rem;}

.fzlc{display: flex;justify-content: space-between;align-items: center;}
.fzlc img{width: 1.2rem;}
.fxlc_text{width: calc(100% - 1.2rem);}
.fxlc_text h2{font-weight: bold;color: #333333; margin-bottom: .2rem;font-size: var(--font46);}
.fxlc_text h2 b{font-weight: bold;}
.fxlc_text p{color: #999;font-size: var(--font18);}
.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(-3deg);}
.cghzbox img{width: 100%;}
.cghz_nr ul li:nth-child(2n) .cghzbox span{ transform: skewY(3deg);}
.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;}

.jjfa{width: 1595px;max-width: 94%; margin: 0 auto; padding: 0 0 1.5rem;}
.jjfa_title{text-align: center; padding:0 0 .6rem ;}
.jjfa_title h2{font-weight: bold; font-size: var(--font46);color: #333333;margin-bottom: .2rem;}
.jjfa_title p{ font-size: var(--font28);color: #666666;line-height: 1.6;}
.jjfa_nr ul{overflow: hidden; margin-left: -.38rem;}
.jjfa_nr li{float: left;width: 25%; padding:0 0 .38rem .38rem;box-sizing: border-box;}
.jjfa_nr ul li:nth-child(1){ width:50%;}
.jjfa_nr ul li:last-child{width: 50%;}
.jjfabox{position: relative;}
.jjfabox span{display: block;}
.jjfabox img{width: 100%;}
.jjfa_text{position: absolute;width: 100%; padding: .88rem .2rem .26rem .2rem;box-sizing: border-box;background: url(../images/bj1.png);background-size: 100% 100%;left:0;bottom: 0;}
.jjfa_text p{color: #fff;text-align: center;font-size: var(--font26);}
.zncg_zz{position: absolute;width: 100%;height: 100%; left: 0; top: 0;background: rgba(17,71,200,.9);box-sizing: border-box;padding: 1.2rem .15rem 0 .15rem; opacity: 0;transition: all .5s;}
.zncg_zz h2{color: #fff;text-align: center; margin-bottom: .25rem;font-size: var(--font26);}

.zncg_zz dt{box-sizing: border-box;flex-wrap: wrap;gap:.2rem; display: flex;justify-content: center;}
.zncg_zz dt span{padding-left: .18rem; position: relative;line-height: 2;color: #fff;color: #fff;font-size: var(--font20);transition: all .5s;}
.zncg_zz dt span:before{position: absolute;content: "";width: .07rem;height: .07rem;border-radius: 50%;background: #6392e4;border-radius: 50%;left: 0;top: 50%;transform: translateY(-50%);}

.btn2{position: absolute;width: 100%;left: 0;bottom: 0;text-align: center;font-size: var(--font22);color: #fff;padding: .55rem 0 .28rem;background: url(../images/bj2.png) no-repeat center center;background-size: 100% 100%;transition: all .5s;}
.btn2 b{display: inline-block;background: url(../images/a17.png);width: .24rem;height: .13rem;background-size: 100% 100%;vertical-align: middle;margin: -3px 0 0 .13rem;}
.btn2:hover{color: #fff;letter-spacing: 3px;}
.jjfabox:hover .zncg_zz{opacity: 1;}

.bj3{background: url(../images/bj3.png) no-repeat center center;background-size: cover;}
.zncg{width: 1595px;max-width: 94%; margin: 0 auto; padding: 1.3rem 0 .8rem;}
.zncg{display:flex; justify-content: space-between;}
.zncg_left{width: 5.8rem;}
.zncg_left h2{color: #fff;margin-bottom: .25rem;font-size: var(--font46);font-weight: bold;}
.zncg_left p{color: #fff;margin-bottom: 1rem;font-size: var(--font28);line-height: 1.6;}
.btn3{display: block;width: 3.11rem; line-height: .8rem;background: #fff;border-radius: .4rem; padding: 0 .37rem; position: relative;font-size: var(--font28);color: #333333; position: relative;transition: all .5s;box-sizing: border-box;}
.btn3 b{position: absolute;right: .12rem;top: 50%;transform: translateY(-50%);width: .44rem;height: .44rem;border: .06rem solid #dcedff;border-radius: 50%;background: url(../images/a17.png) no-repeat center center #2f7cfe;background-size: .24rem .13rem;}
.btn3:hover{background: #2f7cfe;color: #fff;}
.zncg_right{width: 50%;height: 6.45rem;padding-right: .45rem;box-sizing: border-box;overflow: auto;}
.zncg_right ul{display: flex;justify-content: space-between;gap:.3rem;flex-wrap: wrap;}
.zncg_right li{width: calc(20% - 1.2rem/5);}
.zncg_right p{text-align: center;color: #fff;font-size: var(--font16); margin: .1rem 0 .4rem;}
.zncg_right img{width: .8rem;display: block;margin: 0 auto;}
.zncg_right::-webkit-scrollbar-track {background: rgba(255,255,255,.2);}
.zncg_right::-webkit-scrollbar {width:5px;background: rgba(255,255,255,.2);}
.zncg_right::-webkit-scrollbar-thumb {border-radius:5px;background-color:#b0b7bc;}

.qhyy{width: 1595px;max-width: 94%; margin: 0 auto; padding-bottom: 1.75rem;}
.qhyy_title{text-align: center; padding:1.8rem 0 .8rem;}
.qhyy_title h2{font-weight: bold; font-size: var(--font46);color: #333333;margin-bottom: .2rem;}
.qhyy_title p{ font-size: var(--font28);color: #666666;line-height: 1.6;}
.qhyy_title ul{padding-top: .5rem;}
.qhyy_title li{display: inline-block; padding: 0 .15rem;}
.qhyy_title span{display: block; padding: 0 .55rem; line-height: .62rem;font-size: var(--font22);border: 1px solid #dadada;border-radius: .32rem;color: #333333;cursor: pointer;}
.qhyy_title img{width: .28rem;display: inline-block;vertical-align: middle; margin: -3px .18rem 0 0;border-radius: .15rem; border: .05rem solid rgba(255,255,255,.7);}
.qhyy_title li.cur span{color: #fff;background: #004bd4;}
.qhyy_qh{display: none;justify-content: space-between;align-items: flex-start; }
.qhyy_qh.act { display: flex;}
.qhyy_left{width: 39%;}
.qhyy_left h2{color: #333333 ;font-size: var(--font28);line-height: 1.5;font-weight: bold;}
.qhyy_left ul{padding: .45rem 0 .2rem 0;}
.qhyy_left li{padding: 0 0 .3rem .42rem; position: relative;color: #666666;font-size: var(--font18);line-height: 1.6;}
.qhyy_left li:before{position: absolute;content: "";background: url(../images/a21.png);width: .32rem;height: .32rem;background-size: 100%; left: 0;top:0;}
.btn4{display: block;width: 3.11rem; line-height: .78rem;border-radius: .4rem; padding: 0 .37rem; position: relative;font-size: var(--font28);color: #333333; position: relative;transition: all .5s;border: 1px solid #afafaf;box-sizing: border-box;}
.btn4 b{position: absolute;right: .12rem;top: 50%;transform: translateY(-50%);width: .44rem;height: .44rem;border: .06rem solid #dcedff;border-radius: 50%;background: url(../images/a17.png) no-repeat center center #2f7cfe;background-size: .24rem .13rem;}
.btn4:hover{background: #2f7cfe;color: #fff;border: 1px solid #2f7cfe;}
.qhyy_right{width: 59%; position: relative; padding: .55rem 0 0 .65rem;}
.qhyy_right:before{position: absolute;content: "";background: url(../images/a24.png);width: 3.6rem;height: 2.81rem;background-size: 100% 100%; top: 0;left: 0;}
.qhyy_right:after{background: url(../images/a23.png);width: 1.35rem;height: 1.56rem;background-size: 100% 100%;bottom: -.7rem;right: -.65rem; position: absolute;content: "";}
.qhyy_right img{width: 100%;border-radius:.2rem; position: relative;z-index: 1;}

.bj5{background: url(../images/bj5.png) no-repeat center center;background-size: 100% auto;}
.dzfw{width: 1595px;max-width: 94%; margin: 0 auto; padding-bottom: 1.1rem;}
.fzfw_title{padding-bottom: .55rem;text-align: center;}
.fzfw_title h2{font-weight: bold; font-size: var(--font46);color: #333333;margin-bottom: .2rem;}
.fzfw_title p{ font-size: var(--font28);color: #666666;line-height: 1.6;}
.dzfwbox{position: relative;}
.dzfw_nr ul{display: flex;justify-content: space-between;gap:.33rem}
.dzfw_nr li{width: calc(20% - .99rem/4);transition: all .5s;cursor: pointer;}
.dzfw_nr li.cur{width: 40%;}
.dzfwbox span{display: block;overflow: hidden; height: 7.6rem;}
.dzfwbox span img{height: 100%;width: 100%; object-fit: cover;}

.dzfw_text{background: url(../images/bj6.png) no-repeat center center;background-size: 100% 100%; padding: .8rem .25rem 0 .25rem; position: absolute;left: 0; bottom: 0;height: 2.5rem;width: 100%;}
.dzfw_text h2{color: #fff;font-size: var(--font28); margin-bottom: .25rem;}
.dzfw_text p{color: #fff; line-height: 1.6;font-size: var(--font16);}
.dzfw_text a{width: .66rem;height: .66rem; position: absolute;bottom: .75rem; right: .3rem;background: url(../images/a29.png) ;background-size: 100% 100%; opacity: 0;}
.dzfw_nr ul li:nth-child(2n) .dzfw_text{background: url(../images/bj7.png) no-repeat center center;background-size: 100% 100%;}
.dzfw_nr li.cur a{opacity: 1;}

.zlhz{padding-bottom: 1.8rem;width: 1595px;max-width: 94%; margin: 0 auto;}
.zlhz_title{padding-bottom: .55rem;text-align: center;}
.zlhz_title h2{font-weight: bold; font-size: var(--font46);color: #333333;margin-bottom: .2rem;}
.zlhz_title p{ font-size: var(--font28);color: #666666;line-height: 1.6;}
.zlhz_nr ul{display: flex;justify-content: space-between;gap:.3rem;flex-wrap: wrap;}
.zlhz_nr li{width: calc(12.5% - 2.1rem/8);}
.zlhz_nr a{display: block;border: 1px solid #e9e9e9;overflow: hidden;}
.zlhz_nr img{width: 100%; transition: all .5s;}
.zlhz_nr a:hover img{transform: scale(1.1);}

.news{padding-bottom: 1rem;width: 1595px;max-width: 94%; margin: 0 auto;}
.news_title h2{font-weight: bold;font-size: var(--font46);color: #333333;margin-bottom: .7rem;text-align: center; }
.news_nr ul{display: flex;gap:.3rem;}
.news_nr li{width: calc(25% - .9rem/4);}
.newsbox span{display: block; overflow: hidden;}
.newsbox img{width: 100%; transition: all .5s; aspect-ratio: 374 / 234;}
.newsbox:hover img{transform: scale(1.1);}
.news_textg{padding-top: .35rem;}
.news_textg h2{font-weight: bold; color: #333;line-height: 1.5;font-size: var(--font26);height: 3em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news_textg p{font-size: var(--font18);line-height: 1.5;color: #999999;height: 3em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin: .2rem 0 .35rem;}
.news_textg a{display: block; border-top: 1px solid #e2e2e2;line-height: .6rem;font-size: var(--font18);position: relative;background: url(../images/a51.png) no-repeat right center;background-size: .24rem .13rem;color: #999;transition: all .5s;}
.news_textg a:before{position: absolute; content: "";border-top: 1px solid #004bd4;left: 0;top: -1px;width: 0; transition: all .5s;}
.newsbox:hover a{color: #004BD4;background: url(../images/a52.png) no-repeat right center;background-size: .24rem .13rem;}
.newsbox:hover a:before{width: 100%;}

.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:#FC0000; 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 span { padding: 0 .12rem; line-height: 2.22; display: inline-flex; color: #ffffff; font-size: var(--font18); background: linear-gradient( 315deg, #FC0000 0%, #004BD4 100%);border-radius: 20px 20px 20px 0px;}
.footerRight ul{display: flex;justify-content: space-between; gap:.25rem}
.footerRight p{color: #fff;font-size: var(--font18); margin-top: .25rem;text-align: center;}
.footerRight img{width: 1.58rem;}
.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;}
.bottombox{position: fixed;z-index: 10;left: 0; display: none; bottom: 0;background: #004bd4;width: 100%;}
.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:before{position: absolute;content: "";background: url(../images/a56.png);width: .65rem;height: .42rem;background-size: 100% 100%;top: 0;right: 2.6rem;}
.bottom_nr img{width: 2.9rem;}
.bottom_nr p{font-size: var(--font28);color: #fff;}
.bottom_nr p b{color: #FC0000;}
.bottom_nr a{display: block;text-align: center;width: 1.4rem; line-height: .4rem;border-radius: .2rem;background: #fff;border-radius: .2rem;font-size: var(--font18);color: #004BD4;transition: all .5s;}
.bottom_nr a:hover{background: #163494;color: #fff;}
.ggbtn{position: absolute;  width: 30px;height: 30px; line-height: 28px;border: 1px solid #fff;border-radius: 50%;text-align: center;color: #fff;font-family: arial;cursor: pointer;font-size: 16px; right: -30px;top: 10px;}
.bottombox.hidden { bottom: -1.5rem;opacity: 0;}
.bottombox.visible { bottom: 0; opacity: 1; }


/**/
.greenBtn { color: #0FB48A;}
.soContainer { width: 1590px; max-width: 94%; margin: 0 auto;}

.soTitle h2 { line-height: 1; margin-bottom: .28rem; font-size: var(--font50);}
.solutionList ul { display: flex; justify-content: space-between; gap: 20px;}
/*大型体育场馆*/
.banner1{position: relative;}
.banner1 img{width: 100%;}
.banner1Text{width: 1595px;max-width: 94%; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.banner1Text h2{font-weight: bold;color: #fff;font-size: var(--font50);line-height: 1.4;margin-bottom: .25rem;}
.banner1Text p{color: #fff;font-size: var(--font20);line-height: 1.8;width: 760px;max-width: 100%;margin-bottom: .35rem;}
.btn9{position: relative;font-size: var(--font20); color: #004BD4; font-weight: bold;line-height: 48px;border-radius: 24px;background: #fff;height: 48px;display: flex;justify-content: center;align-items: center;width: 148px;} 
.text{width: 100%; overflow: hidden; height: 30px;width: 100%;}
.text p{font-size: var(--font16);line-height: 30px;}
.text b{display: block;transition: .5s;position: relative; margin-top: 0;}
.text h3{font-size: var(--font16); font-weight: bold; text-align: center;line-height: 30px;}
.btn9:hover b{margin-top: -30px;}
.bj4{background: #eff4fa;}
.wz1595{width: 1595px;max-width: 94%; margin: 0 auto;}
.Solution{padding: 1rem 0 1.6rem;}
.SolutionTitle{text-align: center; }
.SolutionTitle h2{font-weight: bold;color: #333333;font-size: var(--font46);margin-bottom: .2rem;}
.SolutionTitle p{color: #666666;font-size: var(--font28);line-height: 1.625;}
.SolutionNr{padding-top: .7rem;}
.SolutionNr ul{display: flex;gap:.2rem;}
.SolutionNr li{background: #fff;padding: 0 .35rem .3rem .35rem;width: calc(25% - .6rem/4);}
.SolutionNr h2{border-bottom: 1px solid #d8d8d8;padding: .4rem 0 .3rem; margin-bottom: .3rem;font-size: var(--font28);color: #333333;font-weight: bold;}
.SolutionNr h2 img{display: inline-block;vertical-align: middle; margin: -3px .25rem;width: .47rem;}
.SolutionNr p{font-size: var(--font18);line-height: 1.66;color: #666666;margin-bottom: .3rem;}
.SolutionNr dt{color: #999999;font-size: var(--font18); line-height: 2;padding-left: 25px;background: url(../images/a60.png) no-repeat left center;}
.SolutionNr dt img{display: inline-block;vertical-align: middle; margin: -3px 9px 0 0;}

.management{padding: .6rem 0 1rem;}
.managementBox{display: flex;justify-content: space-between;}
.managementNr{padding-top: .7rem; position: relative;}
.managementNr img{width: calc(100% + 30px); margin-left: -15px; max-width: none;}
.btn10{font-size: var(--font20);color: #fff!important; font-weight: bold;line-height:30px;border-radius: 24px;background: #004bd4;display: flex;justify-content: center;align-items: center;width: 9.25em;
margin: -.5rem auto 0;} 
.btn10:hover b{margin-top: -30px;}
.btn10:hover h3 { color: #ffffff;}
.managementNr .chatNow { margin: -.5rem auto 0; color: #ffffff;}
.AIoT{padding: 0 0 1.08rem;}
.AIoTNr { width: 1400px; margin:.8rem auto 0; max-width: 100%;}
.AIoTBox_a{display: flex;justify-content: space-between; margin-bottom: .15rem;}
.AIoTBox_a p{text-align: center; width: 215px;background: #d7e7ff;display: flex;align-items: center;justify-content: center;color: #0D54D6;font-weight: bold;font-size: var(--font26);}
.rlist{display: flex;justify-content: space-between;gap:.12rem;background: #eff7ff;width: calc(100% - 225px);padding: .15rem;box-sizing: border-box;}
.rlist li{width: calc(17.714% - .72rem/7);}

.rlist span{display: block;text-align: center; line-height: 1.5; padding: .12rem 0; background: #d7e7ff;color: #004BD4;font-size: var(--font18); }
.AIoTBox_b{display: flex;justify-content: space-between; margin-bottom: .15rem;}
.AIoTBox_b p{text-align: center; width: 215px;background: #ffdab6;display: flex;align-items: center;justify-content: center;color: #DE7711;font-weight: bold;font-size: var(--font26);}
.rlist_b{display: flex;justify-content: space-between;gap:.12rem;background: #FFF8F3;width: calc(100% - 225px);padding: .15rem;box-sizing: border-box;}
.rlist_b li{width: calc(17.714% - .72rem/7);}
.rlist_b span{display: block;text-align: center; line-height: 48px;background: #FFDAB6;color: #DE7711;font-size: var(--font18); }
.rlist_b li:nth-child(3){ width:calc(53.142% - .72rem/7);}

.AIoTBox_c{display: flex;justify-content: space-between; margin-bottom: .15rem;}
.AIoTBox_c p{text-align: center; width: 215px;background: #d7e7ff;display: flex;align-items: center;justify-content: center;color: #0D54D6;font-weight: bold;font-size: var(--font26);}
.rlist_c{display: flex;justify-content: space-between;gap:.12rem;background: #eff7ff;width: calc(100% - 225px);padding: .15rem;box-sizing: border-box;}
.rlist_c li{width: calc(20% - .48rem/5);}
.rlist_c span{display: flex;text-align: center; line-height: 48px;background: #ffffff;border: 1px dashed #95baff;height: 1.2rem;justify-content: center;align-items: center;flex-direction: column;padding: .24rem 0;}
.rlist_c span b{display: block;font-size: var(--font18);color: #004BD4; margin-top: .15rem;line-height: 1;}

.AIoTBox_d{display: flex;justify-content: space-between; margin-bottom: .15rem;}
.AIoTBox_d p{text-align: center; width: 215px;background: #e2f5f5;display: flex;align-items: center;justify-content: center;color: #017766;font-weight: bold;font-size: var(--font26);}
.sjpt{background: #f0fbfb;width: calc(100% - 225px);padding: .12rem;}
.sjpt_title h2{text-align: center; line-height: .8rem;color: #017766;font-weight: bold;font-size: var(--font26);}
.sjpt_nr{display: flex;justify-content: space-between;gap:.08rem}
.sjptbox{ display: flex; flex-direction: column; border: 1px dashed #addcd5;background: #fff;padding: 0 .08rem .08rem .08rem;width: calc(25% - .16rem/3);}
.sjptbox:nth-child(1){ width:calc(50% - .16rem/3);}
.sjptbox h3{text-align: center;font-size: var(--font20);color: #017766;line-height: .52rem;}
.sjptfl{display: flex;justify-content:center; gap:10px;}
.sjptfl{background: #f0fbfb;padding: 0.1rem .13rem;}
.sjptfl h4{font-size: var(--font16);color: #017766;}
.sjptfl h4 img{display: inline-block;vertical-align: middle;width: .17rem;margin: -3px 0 0 .15rem;}
.sjptfl ul{display: flex;gap:.07rem;align-items: center;}
.sjptfl li { font-size: var(--font14); color:#017766}
.descCont { font-size:var(--font14); color: #017766;}
.sjCont { flex: 1; background: #f0fbfb; display: flex; justify-content: space-around; flex-direction: column;}
.sjptbox:nth-child(2) .descCont,.sjptbox:nth-child(3) .descCont { font-size: var(--font14);}
.AIoTBox_c:last-child { margin: 0;}
.AIoTBox_c dl { gap:.12rem; box-sizing: border-box; display: flex; flex-wrap: wrap; background: #EFF7FF; padding: .12rem; width: calc(100% - 225px);}
.AIoTBox_c dt { align-items: center; font-size: var(--font14); color: #004BD4; display: flex; padding: .08rem; background: #ffffff; box-sizing:border-box; width: calc((100% - .84rem)/8); border: 1px solid #C8DCFF; }
.AIoTBox_c dt img { display: block; width: 20px; margin-right:5px;}
.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; width: calc(100% + .56rem); margin-left: -.28rem; margin-top: -.6rem;}
.suportList li:nth-child(1) { margin-top: -.6rem;}
.suportList li:nth-child(2) { margin-top: -.3rem;}
.suportList li:nth-child(8) { margin-top: -.3rem;}
.suportList li:nth-child(9) { 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;}
/**/
img { max-width: 100%;}
.greenBtn { color: #0FB48A;}
.greenBtn h3 { color: #0FB48A;}
.soContainer { width: 1590px; max-width: 94%; margin: 0 auto;}
.soTitle { margin-bottom: .5rem; text-align: center;}
.soTitle h2 { line-height: 1; margin-bottom: .2rem; font-size: var(--font46);}
.soTitle p { line-height: 1.78; color: #666666; font-size: var(--font28);}
.solutionList { padding: 1rem 0 1.6rem; }
.solutionList ul { display: flex; justify-content: space-between; gap: 20px;}
.solutionList li { overflow: hidden; position: relative; background: #004BD4; width: calc((100% - 80px)/4);}
.solutionList li:nth-child(2n) { background: #0FB489;}
.soImg { position: relative; overflow: hidden; padding-top: 68.9%;}
.soImg img { position: absolute; transition: all .8s; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.soDesc { padding: .4rem .3rem .32rem;}
.descTit h2 { font-size: var(--font26); color: #ffffff; line-height: 1; margin-bottom: .12rem;}
.descTit p { font-size: var(--font18); color: #FFFFFF; line-height: .3rem;}
.descTit { padding-bottom: .2rem; border-bottom: 1px solid rgba(255,255,255,.42); margin-bottom: .15rem;}
.descSlide { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 0;}
.descSlide p {padding-left: 8px; position: relative; box-sizing: border-box; line-height: calc(1em + .1rem); font-size: var(--font16); color: #ffffff;}
.descSlide p:before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #ffffff; width: 4px; height: 4px;
border-radius: 50%;}
.solutionList li::after { content: ''; background: url(../images/so1.png) center no-repeat; width: .7rem; height: .7rem; position: absolute;
right: -2px; bottom: -2px;}
.solutionRead { background-image: linear-gradient(to bottom,#0FB489,#94BB4F); padding: 1rem 0 1.15rem;}
.readTitle { text-align: center; color: #ffffff; line-height: 1; font-size: var(--font50); margin-bottom: .5rem;}
.readCont { background: #ffffff;}
.readHd {display: flex; gap: .88rem; justify-content: center; align-items: center; border-bottom: 1px solid #D8D8D8; padding: .3rem 0 .24rem;}
.readType { cursor: pointer;}
.readType img {filter: grayscale(100%); opacity: .5; display: block; margin: 0 auto 8px;}
.readType p { color: #333333; font-size: var(--font20); line-height: 1.5;}
.readType.cur p { color: #004BD4;}
.readType.cur img {filter: grayscale(0%); opacity: 1;}
.readSlide { padding: .36rem .4rem .6rem;}
.readDesc { display: flex; justify-content: space-between;}
.readImg { width:46.35%;}
.readImg img { display: block; width: 100%;}
.descList { width: 52.3%;}
.leaderControl { background: url(../images/so32.png) center no-repeat; background-size: cover; padding: 1.1rem 0 1.2rem;}
.leaderDesc { margin-bottom: .64rem; text-align: center;}
.leaderDesc h2 { font-size: var(--font50); line-height: 1; margin-bottom: .28rem;}
.leaderDesc p { font-size: var(--font28); color: #666666; line-height: 1.5; width: 71.25%; margin: 0 auto;}
.readSwiper { margin-top: .58rem;}
.readSwiper .swiper { width: 100%;}
.readSwiper .swiper img { display: block; width: 100%;}
.readSwiper .swiper .swiper-button-prev { margin-top: -.8rem; width: .56rem; height: 1rem; border-radius: 0 8px 8px 0; background: rgba(0,0,0,0.3); color: #ffffff; left: 0;}
.readSwiper .swiper .swiper-button-next { margin-top: -.8rem; width: .56rem; height: 1rem; border-radius:8px 0 0 8px; background: rgba(0,0,0,0.3); color: #ffffff; right: 0;}
.readSwiper .swiper .swiper-button-next:after,.readSwiper .swiper .swiper-button-prev::after { font-size: var(--font26);}
.chatNow { display: block; width: 8.625em; font-size: var(--font16); color: #ffffff; line-height: 3; border-radius: 3em; background: #004BD4;
text-align: center; margin: .55rem auto 0;}
.readSlide .chatNow { color: #ffffff;}
.readSwiper p { text-align: center; font-size: var(--font28); color: #333333; line-height: 1; margin-top: .32rem;}
.blueBtn b h3 { color: #004BD4;}
.swimHd { border-bottom: 1px solid #D8D8D8; gap:.36rem; text-align: center; display: flex; justify-content: center;}
.swimType { cursor: pointer; padding-bottom: .3rem; position: relative; flex: 1;}
.swimType img { display: block; width: clamp(32px,1.1rem,110px); margin: 0 auto .32rem;}
.swimType p { font-size: var(--font28); line-height: 1; margin-bottom: .12rem;}
.swimType span { display: block; font-size: var(--font18); line-height: calc(1em + .12rem); color:#666666}
.swimType::after { content: ''; transition: all .4s; width: 0; position: absolute; bottom: 0; left: 0; height: 2px; background: #004BD4;}
.swimType:before { content: ''; z-index: 2; width: 0; transition: all .4s; position: absolute; left: 0; bottom: 0; height: 2px; background: #FC0000;}
.swimType.cur::after { width: 100%;}
.swimType.cur:before { width: 30%;}
.swimFlex { gap: .56rem; display: flex; justify-content: space-between;}
.swimImg { width: 63%;}
.swimImg img { display: block;}
.swimBd { margin-top: .75rem;}
.swimText { width: 38%;}
.swimText h2 { margin-bottom: .4rem; color: #333333; font-size: var(--font28); line-height: 1.5;}
.swimText p { padding-left:calc(.32rem + 10px); position: relative; font-size: var(--font26); color: #666666; line-height: 1.5; margin-bottom: .3rem;}
.swimText p img { width: .32rem; position: absolute; left: 0; top: .75em; transform: translateY(-50%);}
.chatBtn { margin-top: .2rem; transition: all .4s; display: inline-flex; align-items: center;border-radius: .55rem; padding: .12rem .12rem .12rem .37rem; border: 1px solid #AFAFAF; gap: .86rem;}
.chatBtn span { font-size: var(--font28); transition: all .4s; color: #333333;}
.chatBtn:hover { background: #004BD4; border: 1px solid #004BD4;}
.chatBtn:hover span { color: #ffffff;}
.chatBtn img { width: clamp(28px,.56rem,56px);}
.swimRead { background: url(../images/so40.png) center no-repeat; background-size: cover; background-attachment: fixed; padding: 1rem 0 .72rem;}
.swimRead a.chatNow { background: #ffffff; color: #004BD4; font-weight: bold;}
.btn9.purple h3 { color: #7042FF;}
.skiingDesc { display: flex; gap: 20px;}
.skiingSlide { flex: 1; padding: .36rem .36rem .28rem;}
.skiingSlide h2 { margin: .16rem 0 .12rem; color: #ffffff; font-size: var(--font26); line-height: 1;}
.skiingSlide p { font-size: var(--font18); color: #ffffff; line-height: calc(1em + .12rem);}
.skiingSlide:nth-child(1) { background: linear-gradient( 135deg, #4CA8F7 0%, #1B51F6 100%);}
.skiingSlide:nth-child(2) { background: linear-gradient( 135deg, #BD9FFE 0%, #7042FF 100%);}
.skiingSlide:nth-child(3) { background: linear-gradient( 135deg, #22D1CB 0%, #00AAA4 100%);}
.skiingSlide:nth-child(4) { background: linear-gradient( 135deg, #4CA8F7 0%, #1B51F6 100%);}
.skiingRead { background: url(../images/so60.png) center no-repeat; background-size: cover;}
.skiingRead a { color: #ffffff;}
.centerChose { text-align: center;}
.choseBox { margin-bottom: .32rem; display: inline-flex; border-radius: 48px; padding: 4px; background: #EFF4FA;}
.choseBox span { font-size: var(--font16); cursor: pointer; gap: 6px; display: inline-flex; width: 138px; justify-content: center; align-items: center; border-radius: 48px;
line-height: 3; color: #666666;}
.choseBox span img { filter: brightness(0) invert(.4);}
.choseBox span.cur { background: #004BD4; color: #ffffff;}
.choseBox span.cur img {filter: brightness(0) invert(1);}
.skiingList li{ margin-top: .8rem;}
.skiingList li .descFlex{ gap:.32rem; display: flex; justify-content: space-between;}
.skiingList li h2 {text-align: center; font-size: var(--font28); line-height: 1; margin-bottom: .5rem;}
.skiingList li:nth-child(2n) .descFlex { flex-direction: row-reverse;}
.descImg { width: 55.5%;}
.descText { flex: 1; padding: .62rem .32rem; background-image: linear-gradient(to right,#F3F8FF,rgba(255,255,255,0));}
.skiingList li:nth-child(2n) .descText {background-image: linear-gradient(to left,#F3F8FF,rgba(255,255,255,0));}
.descText p { margin-bottom: .2rem; color: #666666; font-size: var(--font26); line-height: 1.666; padding-left: 24px; position: relative;}
.descText p:before { content: ''; position: absolute; left: 0; top: .833em; transform: translateY(-50%); background: url(../images/tipicon.png) center no-repeat;
width: 17px; height: 16px;}
.skiingList .chatNow { display: block; width: 8.625em; font-size: var(--font16); color: #ffffff; line-height: 3; border-radius: 3em; background: #004BD4;
text-align: center; margin: .55rem auto 0;}
.skiingPlatform { margin-bottom: 1.12rem;}
.report { display: flex; justify-content: space-between; align-items: center;}
.systemSolution { background: url(../images/so81.png) center no-repeat; background-size: cover;
}
.systemSolution .soTitle h2,.systemSolution .soTitle p { color: #ffffff;}
.flexEnd { display: flex; justify-content: end;}
.policyList { background: #ffffff; width: 1226px; max-width: 92%; }
.policyList li { transition: all .4s; border-bottom: 1px solid #EFEFEF; align-items: center; display: flex; justify-content: space-between; gap: .68rem;padding: .32rem 1.64rem .32rem .56rem;}
.policyList li p { font-size: var(--font26); color: #333333; line-height: 1; margin-bottom: .12rem; transition: all .4s;}
.policyList li span { font-size: var(--font18); line-height: calc(1em + .12rem); color: #666666;}
.policyList li img { transition: all .4s; filter: grayscale(100%); opacity: .3;}
.policyList li:hover { background: #EBEBEB;}
.policyList li:hover img {filter: grayscale(0%); opacity:1;}
.policyList li:hover p { color: #FC0000;}
.sysCont {padding: .9rem 0; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);}
.serviceTable { width: 1400px; max-width: 100%; margin: 0 auto;}
.flexSlide { display: flex; gap: 8px; justify-content: space-between;}
.serviceName { display: flex; justify-content: center; align-items: center; width: 8.3em; font-size: var(--font26); background: #D7E7FF; color: #0D54D6;}
.serviceSlide { flex-wrap: wrap; gap: .16rem; flex: 1; display: flex; justify-content: space-between; padding: .16rem; background: #EFF7FF;}
.slideFlex { border:1px dashed #ADB8DC; display: flex; justify-content: space-between; padding: .08rem; gap: .08rem; background: #ffffff;}
.slideFlex span { text-align: center; line-height: 2.5; flex: 1; background: #D7E7FF; color: #0D54D6; font-size: var(--font16);}
.threeService { padding: 1.15rem 0;}
.slideFlex:nth-child(1) { width: calc(33.33% - .08rem);}
.slideFlex:nth-child(2) { width:calc(66.66% - .08rem);}
.majorFlex { display: flex; justify-content: space-between; gap:.08rem; flex: 1; background: #F0FBFB; padding: .16rem;}
.majorSlide { border: 1px dashed #ADDCD5; padding: .12rem .08rem .08rem; background: #ffffff;}
.majorFlex .majorSlide:nth-child(1){ width: 45%;}
.majorFlex .majorSlide:nth-child(2){ flex: 1;;}
.majorSlide h2 { text-align: center; color: #017766; font-size: var(--font20); line-height: 1; margin-bottom: .1rem;}
.tipFlex { padding: .16rem; background: #F0FBFB; gap: .08rem; display: flex; flex-wrap: wrap;}
.tipFlex span { width: calc((100% - .32rem)/5); text-align: center; font-size: var(--font16); line-height: 2.5; background: #DDF2F2; color: #017766;}
.threeFlex span {width: calc((100% - .16rem)/3);}
.threeFlex span:nth-child(10),.threeFlex span:nth-child(11) {width: calc((100% - .08rem)/2);}
.flexSlide:nth-child(2) .serviceName { background: #E2F5F5; color: #017766;}
.nameFlex { width: 100%; display: flex; justify-content: space-between;gap: .08rem;}
.nameFlex span { border: 1px dashed #7EABFF; flex: 1; text-align: center; display: block; font-size: var(--font16); color: #0D54D6; line-height: 2.5;
background: #ffffff;}
.dataFlex { width: 100%; display: flex; justify-content: space-between; gap: .08rem;}
.dataFlex span{ box-sizing: border-box; border: 1px dashed #7EABFF; flex: 1; gap: .16rem; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: .23rem 0; background: #ffffff;}
.dataFlex p { color: #004BD4; font-size: var(--font16); line-height: 1;}
.flexSlide:not(:last-child){ margin-bottom: .2rem;}
.screenDesc { background: url(../images/aio2.png) center top no-repeat; background-size: cover; padding: 1rem 0 1.1rem; }
.screenType { display: flex; justify-content: center; align-items: center; gap: 12px;}
.screenType span { cursor: pointer; gap:.5em; width:10.75em; line-height: 3; border-radius: 3em; background: #ffffff; display: flex; justify-content: center; align-items: center; font-size: var(--font16); color: #666666;}
.screenType span.cur { background: #004BD4; color: #ffffff;}
.screenType span i { display: block; width: clamp(4px,.12rem,12px); border-radius: 50%; height: clamp(4px,.12rem,12px);}
.screenType span i.orange { background: #FF9854;}
.screenType span i.purple { background: #7E65E7;}
.screenType span i.green { background: #53D2AF;}
.screenType span i.blue { background: #4681EF;}
.screenSlide img { display: block; height: calc(100vh - 340px); margin: 0 auto; max-width: 100%;}
.screenType span:nth-child(2).cur { background: #FF9854;}
.screenType span:nth-child(3).cur { background: #7E65E7;}
.screenType span:nth-child(4).cur { background: #53D2AF;}
.screenType span:nth-child(5).cur { background: #4681EF;}
.screenType span.cur i { background: #ffffff;}
.screenGroup { margin-top: .66rem;}
.flowFlex { display: flex; justify-content: space-between;}
.flowSlide { background-image: linear-gradient(to right,#EFF7FF,#ffffff); padding: 1.5rem 0;}
.flowSlide:nth-child(2n) { background-image: linear-gradient(to right,#ffffff,#EFF7FF);}
.flowSlide:nth-child(2n) .flowFlex { flex-direction: row-reverse;}
.flowText { width: 37.5%;}
.flowImg { align-items: start; gap: 4px; width: 57.5%; display: flex;}
.flowImg img {width: calc((100% - 8px)/3); display: block;}
.flowImg img:nth-child(2) { margin-top: .4rem;}
.flowImg img:nth-child(3) { margin-top: .8rem;}
.flowText h2 { font-size: var(--font28); color: #333333; margin-bottom: .2rem;}
.flowText p { margin-bottom: 1em; padding-left: 24px; position: relative; font-size: var(--font26); line-height: 1.75; color: #666666;}
.flowText p:before { content: ''; background: url(../images/tipicon.png) center no-repeat; position: absolute; left: 0; top: .875em; transform: translateY(-50%);
width: .14rem; height: .16rem; background-size: 100% 100%;}
.flowText a{ color: #ffffff; margin:.4rem 0 0;}
.flowSlide:nth-child(2n) .flowImg img:nth-child(1) { margin-top: .8rem;}
.flowSlide:nth-child(2n) .flowImg img:nth-child(2) { margin-top: .4rem;}
.flowSlide:nth-child(2n) .flowImg img:nth-child(3) { margin-top: 0rem;}
.whyCont { padding: 1rem 0;}
.whyFlex { 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: #004BD4; flex: 1; flex-direction: column; justify-content: center; align-items: center; display: flex; }
.textSlide:nth-child(2) { background: #FC2828;}
.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;}
.serviceStep { background: url(../images/so100.png) center no-repeat; background-size: cover; padding: 1.3rem 0 1.45rem;}
.stepList ul { 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);}

.serviceStep .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;}
.newsPage {padding:0 0 .8rem;}
.newsFlex { 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;}
.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);}
.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;}
.dataSlide { 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);}
.dataNum span { font-size: var(--font18); color: #ffffff;}
.dataSlide img { margin-right: .08rem; width: 1.2rem; display: block;}
.quality { 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);}
.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: .4rem 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;}
.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.jpg) center no-repeat; background-size: cover;
 border-radius: 8px;}
.chatAlt h2 {color: #122767; font-size: var(--font28); line-height: calc(1em + .2rem); margin-bottom: .38rem;}
.altScreen img { 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,.4); padding: .26rem 0;}
.closeChat { position: absolute; top: .24rem; right: .24rem; cursor: pointer;}
.newsCont { padding-top: 1rem;}

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

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



}

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

}
@media screen and (max-width: 1440px) {
.header-wrap,.jjfa,.about,.zncg,.qhyy,.dzfw,.zlhz,.news,.footerTop,.bottom_nr{max-width: 92%;}
.soContainer { max-width: 92%;}
}

@media screen and (max-width: 1200px) {
	.screenSlide img { height: auto;}
	.headerRight p a {color: #004bd4;}
	.small-header .header-wrap { height: 60px; padding: 0;}
	:root {--header-height: 60px;}
	.header-wrap{height: 60px;}
	.header,.small-header .header { height: 60px;background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); padding: 0;}
	.logo{width: 3rem;}
	.small-header .headerRight p{position: absolute; right: 30px;}
	.header .logo img { opacity: 0;}
	.header .logo img:nth-child(2) { opacity: 1;}
	
	.header .nav li h2 a { line-height: 80px;}
	.langChose h2 { line-height: 60px;}
	.header .nav li h2 a{ color: #333333;}
	.header .langChose h2 { color: #333333; background: url(../images/blackEarth.png) left center no-repeat;}
	.header .searchEnter { background: url(../images/blackSearch.png) center no-repeat;}
	.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 { border-bottom: 1px solid #eee; float: none; margin: 0!important;}
	.nav li h2{position: relative; text-indent: 20px;}
	.nav li h2 i { 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;}
	.nav li h2 a {  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: absolute;right: 4%; top: 10px; width:45px; height: 40px;opacity: 1;pointer-events: auto;transition: 0.3s;}
	.menubox div{position: absolute;left: 20px;width: 30px;height: 2px;background-color: #00479d;transition: 0.6s;}
	.menubox div:nth-child(1){top: 9px;}
	.menubox div:nth-child(2){top: 19px;}
	.menubox div:nth-child(3){top: 29px;}
	.menubox.on div:nth-child(1){top: 19px;transform: rotateZ(45deg);}
	.menubox.on div:nth-child(2){top: 19px;opacity: 0;}
	.menubox.on div:nth-child(3){top: 19px;transform: rotateZ(-45deg);}
	.langChose { margin-right: 50px;}
	.headerRight p{right: 80px;}
	.nav li dl { box-shadow: none; 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;}
	.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,.modeHead { padding-top: 60px;}
	.langChose dl { top: 60px; border-radius: 0 0 6px 6px;}
	.nav li h2 a{border-radius: 0;}
	.mobSub{position: static;width: 100%; padding: 0;    transform: translateX(0);}
	.mobSub b{display: none;}
	.mobSub dt a{line-height: 34px;}
	.mobSub dt a:hover{background: none;color: #007AFF;}
	.headerRight p{padding-right: 50px;color: #004bd4;}
	.headerRight p b{background: url(../images/a2.png);background-size: 100% 100%;}
	.zncg_zz{padding-top: .7rem;}
	.zncg_right ul{gap:0}
	.zncg_right li{width:25%;}
}
@media screen and (max-width: 840px){
.banner b{height: auto;}
.bannerText p{font-size: var(--font26);}
.cghz_nr li{width: calc(50% - .3rem/2);}
.xghz_text h2{font-size: var(--font20);}
.xghz_text h3{font-size: var(--font16);}	
.xghz_text p{font-size: 12px; line-height: 1.5;padding-top: .2rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;}
.jjfa_text p{font-size: var(--font16);}
.zncg_zz{padding-top: .4rem;}
.zncg_zz dt span{font-size: var(--font16);line-height: 1.8;zoom: .8;}
.zncg_zz h2{font-size: var(--font20);}
.zncg_right p{font-size: 12px;}
.qhyy_left h2{font-size: var(--font18);}
.qhyy_left li:before{top: .11rem;}
.btn4,.btn3{font-size: var(--font20);}
.footerRight p{font-size: var(--font16);}
.footerLeft h2{font-size: var(--font16);}
}
@media screen and (max-width: 780px){
.leftTop { flex-direction: column;}
.header-wrap,.jjfa,.about,.zncg,.qhyy,.dzfw,.zlhz,.news,.footerTop,.bottom_nr{width: 94%;}
.headerRight p{color: #004bd4;right:30px; position: absolute;}
.headerRight p b{background: url(../images/a2.png);background-size: 100% 100%;}
.banner{height: auto;}	
.banner b{height: auto;}
.about{padding: 30px 0;display: block;}
.about_top{display: block;}	
.about_left{width: 100%;}
.about_left h2{font-size: 20px;}
.about_left h3{font-size: 14px;margin: 10px 0 15px;}
.about_right{width: 100%; padding: 20px 0;}
.cghz_title h2{font-size: 16px; line-height: 1.5;}
.cghz_nr ul{flex-wrap: wrap;gap:10px}
.cghz_nr li{width: calc(50% - 10px/2);}
.xghz_text h2{font-size: 14px;}
.xghz_text h3{font-size: 12px;}
.xghz_text p{padding-top: 20px; font-size: 12px; line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;}	
.xghz_text{padding: 20px 10px 0 10px;}
.jjfa_title h2{font-size: 20px;}
.jjfa_title p{font-size: 14px;}
.jjfa_nr ul li:nth-child(1){width: 100%;}
.jjfa_nr ul li:last-child{width: 100%;}
.jjfa_nr ul{margin-left: -10px;}
.jjfa_nr li{width: 50%;padding: 0 0 10px 10px;}
.zncg_zz dt{font-size: 12px; gap:.2rem; }
.zncg_zz h2{font-size: 14px;margin-bottom: 5px;}
.zncg_zz{padding: 15px 10px 0 10px;}
.jjfa{padding-bottom: 20px;}
.zncg_zz dt span{font-size: 12px;line-height: 2;zoom: .8;}
.btn2{font-size: 14px;}

.zncg{display: block;padding: 30px 0;}
.zncg_left{width: 100%;text-align: center; padding-bottom: 20px;}
.zncg_left h2{font-size: 20px;}
.zncg_left p{font-size: 14px; margin-bottom: 20px;}
.btn3{width: 130px; line-height: 40px; margin: 0 auto;display: block; padding: 0 15px; font-size: 14px;text-align: left;}
.btn3 b{width: 30px;height: 30px;background-size: 20px auto;right: 5px;}
.zncg_right{width: 100%;}
.zncg_right ul{gap:.1rem}
.zncg_right li{width: calc(25% - .3rem/4);}
.zncg_right p{font-size: 12px; margin: .1rem 0 .25rem;line-height: 1.5;zoom: .9;}
.qhyy_title{padding: 30px 0 20px;}
.qhyy_title h2{font-size: 20px;}
.qhyy_title p{font-size: 14px;}
.qhyy_title ul{padding: 20px 0 0 0;overflow: auto;text-align: left;white-space: nowrap;}
.qhyy_title ul::-webkit-scrollbar {width:0px;height: 0;}
.qhyy_title span{padding: 0 15px;}
.qhyy_title li{padding: 0 10px 0 0 ;}
.jjfa_title{padding-bottom: 20px;}
.qhyy_qh.act{display: block;}
.qhyy_left{width: 100%;}
.qhyy_left h2{font-size: 18px;}
.qhyy_left ul{padding: 15px 0;}
.qhyy_left li{line-height: 2; font-size: 14px; padding: 0 0 0 .4rem;}
.qhyy_left li:before{top: 50%;transform: translateY(-50%);}
.btn4{width: 140px;line-height: 38px; padding: 0 15px; font-size: 14px;}
.btn4 b{width: 30px;height: 30px;background-size: 20px auto;right: 4px;}
.qhyy_right{width: 100%; margin-top: 20px; padding: 15px 30px;}
.qhyy_right:after{right: 0;bottom: 0;}
.qhyy{padding-bottom: 30px;}
.fzfw_title h2{font-size: 20px;}
.fzfw_title p{font-size: 14px;}
.dzfw_nr ul{gap:10px; flex-wrap: wrap;}
.dzfw_nr li{width: calc(50% - 10px/2);}
.dzfw_nr li.cur{width: calc(50% - 10px/2);}
.dzfw_text{padding: 40px 10px 10px 10px;height: 3rem;}
.dzfw_text h2{font-size: 16px;}
.dzfw_text p{font-size: 12px;z-index: .9;}
.dzfw_text a{opacity: 1;bottom: auto;top: 30px;right: 10px;}
.dzfw{padding-bottom: 30px;}
.zlhz_title h2{font-size: 20px;}
.zlhz_title p{font-size: 14px;}
.zlhz_title{padding-bottom: 20px;}
.zlhz{padding-bottom: 30px;}
.zlhz_nr li{width: calc(25% - .9rem/4);}
.news_title h2{font-size: 20px; margin-bottom: 20px;}
.news_nr ul{flex-wrap: wrap;}
.news_nr li{width: calc(50% - .3rem/2);}
.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 {justify-content: center; padding-top: 15px;}
.copy p{padding: 15px 3%; font-size: 13px;}
.bottombox{display: none !important;}
.dzfwbox span img{width: 100%;height: 100%;object-fit: cover;}
.fzlc{display: block;text-align: center;}
.fzlc img{width: .8rem; margin: 0 auto;}
.fxlc_text{width: 100%;}
.bannerText{width: 5.5rem;}
.bannerText p{font-size: 14px;}
.jjfa_text p{font-size: 14px;}
.banner1 { height:300px;}
.banner1 img { height: 100%; object-fit: cover;}
.btn9 { height: 30px; width: 100px;}
.banner1Text h2 { font-size: 20px; margin-bottom: 10px;}
.aboutIntroduce,.case,.cooper,.partner { padding: 30px 0;}
.case .qualityTitle { margin-bottom: 20px;}
.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;}
.partnerList span{width:calc(25% - .9rem/4)}
.partnerList { gap: .3rem;}
.updateList ul { flex-wrap: wrap; gap: 10px;}
.updateList li { width: calc(50% - 5px);}
.updateList li span { font-size: 14px;}
.update .moreNews { line-height: 2.25; font-size: 14px;}
.updateList { margin-top: 20px;}
.banner1Text p { font-size: 13px; line-height: 1.5;}
.screenType { overflow-x: auto; justify-content: start;}
.screenType span { width: auto; white-space: nowrap; padding: 0 20px;}
.flowFlex { flex-direction: column!important; gap: 20px;}
.soTitle h2 { font-size: 20px; margin-bottom: 10px;}
.soTitle p { font-size: 14px; line-height: 1.5;}
.flowSlide { padding: 30px 0;}
.flowImg { width: 100%;}
.flowText { width: 100%; margin-top: 20px;}
.flowText p { font-size: 16px; padding-left:14px;}
.newsPage { padding: 0 0 30px;}
.newsList li a { flex-direction: column;}
.newsImg { width: 100%; height: auto;}
.newsList li { margin-bottom: 20px;}
.fpage span,.fpage input,.fpage select { display: none;}
.newsFlex { flex-direction: column; gap: 20px;}
.solutionAside { width: 100%;}
.newsList { margin-top: 30px;}
.location { margin-bottom: 30px;}
.articleTitle h2 { font-size: 20px;}
.articleTitle p { font-size: 14px;}
.articleTitle { padding-bottom: 20px; margin-bottom: 20px;}
.articleInfors p,.articleInfors img { margin-bottom: 10px;}
.Solution { padding: 30px 0;}
.SolutionTitle h2 { font-size: 20px; margin-bottom: 10px;}
.SolutionTitle p { font-size: 14px;}
.SolutionNr { padding-top: 20px;}
.SolutionNr ul { flex-wrap: wrap;}
.SolutionNr li { width: 100%;}
.SolutionNr p br { display: none;}
.SolutionBox dl{ display: flex; flex-wrap: wrap;}
.SolutionBox dt {min-width: 50%; box-sizing: border-box;}
.AIoTBox_a,.AIoTBox_b,.AIoTBox_c,.AIoTBox_d { flex-direction: column;}
.AIoTBox_a p,.AIoTBox_b p,.AIoTBox_c p,.AIoTBox_d p { width: 100%; line-height: 2.5;}
.rlist { gap: 4px; flex-wrap: wrap; width: 100%;}
.rlist li { width: calc(50% - 2px);}
.rlist li:last-child { width: 100%;}
.rlist_b,.rlist_c {width: 100%; flex-wrap: wrap; gap: 4px;}
.rlist_b li {width: calc(50% - 2px);}
.rlist_b li:nth-child(3) { width: 100%;}
.rlist_b span {padding: .12rem 0; line-height: 1.5;}
.rlist_c li { width: calc(33.33% - 3px);}
.rlist_c li:nth-child(n+4) { width: calc(50% - 2px);}
.sjpt { width: 100%;}
.sjpt_nr { flex-direction: column;}
.sjptbox { width: 100%!important;}
.sjCont { padding:10px 0;}
.sjptfl { flex-direction: column; justify-content: center; text-align: center;}
.AIoTBox_c dl { width: 100%;}
.suportList ul { gap: 10px 0; width: 100%; margin: 20px auto 0; flex-wrap: wrap;}
.suportList li { margin: 0!important; width: 33.33%;}
.suportList li img { width: 60px; margin: 0 auto 10px;}
.suportList li p { min-width: none; width: 80%; margin: 0 auto; line-height: 2;}
.AIoTBox_c dt { width:calc(33.33% - 1.333px);}
.AIoTBox_c dl { gap:2px;}
.stepList ul { 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;}
.serviceStep,.whyCont { padding: 30px 0;}
.whyFlex { flex-direction: column;}
.textSlide { padding: 40px .36rem;}
.soTitle { margin-bottom: 20px;}
.solutionList {padding: 30px 0;}
.skiingDesc { flex-wrap: wrap; gap: 10px;}
.skiingSlide { width:calc(50% - 5px); text-align: center; flex: auto;}
.skiingSlide img { display: block; margin: 0 auto;}
.skiingList li { margin-top: 20px;}
.choseBox { margin-bottom: 0;}
.skiingList li .descFlex { gap: 0; flex-direction: column-reverse!important;}
.descImg { width: 100%;}
.descText p:before { width: 8px; height:9px; background-size: 100% 100%;}
.descText p { font-size: 14px; padding-left: 16px;}
.readTitle { font-size: 20px; margin-bottom: 20px;}
.readSwiper p { font-size: 14px;}
.readDesc { flex-direction: column; gap: 10px;}
.readImg,.descList { width: 100%;}
.solutionList ul { flex-wrap: wrap;}
.solutionList li { width: 100%;}
.descSlide p { min-width: 50%;}
.readType p { font-size: 14px;}
.readType img { width: 30px; margin-bottom: 5px;}
.leaderDesc h2 { font-size: 20px;}
.leaderDesc p { font-size: 14px; width: 100%;}
.leaderControl,.solutionRead { padding: 30px 0;}
.swimHd { justify-content: start; overflow-x: auto;}
.swimType { flex: auto; min-width: 50%;}
.swimType span { white-space: nowrap;}
.swimType p { font-size: 16px;}
.swimFlex { flex-direction: column-reverse!important;}
.swimImg { width: 100%;}
.swimText { width: 100%;}
.swimText h2 { font-size:16px;}
.swimText p { font-size: 14px;}
.chatBtn span { font-size: 16px;}
.chatBtn { gap: .4rem;}
.headerRight p { right: 10px!important;}
.flexEnd { justify-content: center;}
.policyList li { flex-direction: column-reverse; padding: 20px; gap: 10px; align-items: start;}
.flexSlide { flex-direction: column;}
.serviceName { width: 100%; line-height: 3;}
.serviceSlide,.majorFlex { flex-direction: column;}
.slideFlex,.majorSlide { width: 100%!important;}
.majorSlide span { font-size: 12px;}
.majorSlide:nth-child(2) span { width: calc((100% - .08rem)/2);}
.majorSlide:nth-child(2) span:last-child {width: 100%;}
.dataFlex { flex-wrap: wrap;}
.dataFlex span { flex:auto; width: calc((100% - .24rem)/4);}
.threeService { padding:30px 0}
}