@charset "utf-8";
@font-face{
	font-family: 'db';
	src: url(../font/dinbold.ttf);
}
@font-face{
	font-family: 'font1';
	src: url(../font/din_s.OTF);
}
:root {
  /* 导航高度 */
  --header-height: 1rem;
  /* 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(--font32);
}
.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;
}
@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%;}
body::-webkit-scrollbar { width:2px;}
body::-webkit-scrollbar-track { background: rgba(232, 232, 232, 1);}
body::-webkit-scrollbar-thumb { background: #33416f;}
img{ border:0; max-width: 100%;display: block; }
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;}
.menubox{display: none;}
/*通用样式*/
.container {width: 1280px;height: auto;max-width: 92%;margin: 0 auto;}
.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;}
/*通用样式*/
.returnTop{position: fixed;z-index: 100; right: 10px; top: 50%;transform: translateY(-50%);width: 39px; }
.returnTop li{padding: 1.5px 0;}
.returnTop a{display: block;transition: all .5s;background: #c9a84c; position: relative;}
.returnTop ul li:nth-child(1) a{color: #fff;padding: 8px 0;background: #0a2540;}
.returnTop ul li:nth-child(1) a img{margin: 0 auto 3px auto;display: block;}
.returnTop ul li:nth-child(1) a b{display: block;text-align: center; padding: 0 10px;}
.returnTop ul li:nth-child(2) a{display: block;height: 39px; position: relative;}
.returnTop ul li:nth-child(2) a img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.returnTop ul li:nth-child(2) a:hover{background: #0a2540;}
.returnTop ul li:nth-child(3) a{display: block;height: 39px; position: relative;}
.returnTop ul li:nth-child(3) a img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.returnTop ul li:nth-child(3) a:hover{background: #0a2540;}
.menuBtn { display: none;}
.logo { position: relative;}
.logo img { width:162px; transition: all 0.5s;}
.logo1{display: block;}
.logo2{display: none;}
.header { transition: all 0.5s; position: fixed; left: 0; top: 0; width: 100%; z-index: 20; display: flex; padding: 0 45px; justify-content: space-between; align-items: center;}
.header.on{background: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.header.on .logo1{display: none;}
.header.on .logo2{display: block;}
.header.on .headerCont{height: 80px;}
.header.on .nav li h2 a{color: #333;line-height: 80px;}
.header.on .nav li:hover h2 a{color: #c9a84c;}
.headerCont { width: 1280px; max-width: 92%; margin: 0 auto; height: 120px; display: flex; align-items: center; justify-content: space-between;transition: all .5s;}
.move .header{background: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.move .header .logo1{display: none;}
.move .header .logo2{display: block;}
.move .header .headerCont{height: 80px;}
.move .header .nav li h2 a{color: #333;line-height: 80px;}
.move .header .nav li:hover h2 a{color: #c9a84c;}

.nav>ul{ display: flex; justify-content: center; align-items: center;}
.nav li { margin-right: clamp(20px,.5rem,50px);}
.nav li:last-child { margin-right: 0;}
.nav li h2 { position: relative;}
.nav li h2::after { content: ''; height: 2px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: all 0.5s; width: 0; background: #c9a84c;}
.nav li:hover h2::after { width:100%;}
.nav li h2 a { transition: all 0.5s; line-height: 120px; white-space: nowrap; font-size: clamp(16px,.18rem,18px); color: #ffffff;}
.nav li:hover h2 a{color: #c9a84c;}


/*banner*/
.banner { position: relative;}
.banner .swiper-slide img{ transition: all 8s; display: block; width: 100%;}
.banner .swiper-slide { overflow: hidden;}
.banner .swiper-pagination { text-align: left; left: 50%; bottom: 30px; width: 1280px; max-width: 92%; transform: translateX(-50%);}
.banner .swiper-pagination span { opacity: 1; transition: all 0.3s; width: 28px; height: 3px; margin: 0 11px 0 0!important; border-radius: 0; background: rgba(255,255,255,.5);}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width: 46px; background: #ffffff;}
.downNotice { z-index:2; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);}
.downNotice img { animation: downAni 1s infinite linear; display: block; margin: 0 auto 10px;}
.downNotice p { text-align: center; color: #ffffff; font-size: var(--font16); line-height: 1;}
/*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;}
@keyframes downAni{
	0% { transform: translateY(0);}
	50% { transform: translateY(-10px);}
	100% { transform: translateY(0);}
}
@-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 {border-top: 8px solid #0a2540;}
.footerTop { padding:.8rem 0 .7rem; display: flex; justify-content: space-between;}
.footLink {width: calc(100% - 245px);}
.footLink ul{display: flex;justify-content: space-between;}
.footLink li p{font-size: var(--font16); color: #8f8f8f; line-height: 2;position: relative;}
.footLink li h2 a {display: inline-block; margin-bottom: 15px;font-size: var(--font20);color: #333333; font-weight: bold;}
.footLink p a {font-size: var(--font16); color: #8f8f8f;display: inline-block; line-height: 2;}
.footLink p a:hover {color: #0A2541;}

.rwm{width: 110px;text-align: center;}
.rwm img{width: 100%;}
.rwm p{font-size:var(--font16);color: #8f8f8f;}
.copyRight{padding: 25px 3%;text-align: center;border-top: 1px solid #f2f2f2;}
.copyRight p{line-height: 1.6;color: #8f8f8f;font-size:var(--font16);}

/**/
.titleCell { position: relative; text-align: center;}
.titleCell span { position: absolute; top: 0; left: 0; text-align: center; width: 100%; transform: translateY(-60%); font-family: 'db';color:transparent;-webkit-text-stroke:1px #e9e9e9; text-stroke:1px #e9e9e9; font-size: var(--font52); text-transform: uppercase;}
.titleCell h2 { position: relative; z-index: 2; font-size: var(--font48); line-height: 1; color: #101112;}
.titleCell.blueSub span {-webkit-text-stroke:1px #c1cfe3; text-stroke:1px #c1cfe3; }
.core { padding: 1.4rem 0 1.2rem;}
.coreList { margin: clamp(20px,.55rem,55px);}
.coreList ul { display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap; }
.coreList li {  text-align: center;}
.coreList li img { display: block; margin: 0 auto 16px;}
.coreList li h2 { font-size: var(--font20); color: #101112; line-height: 1; margin-bottom: 14px;}
.coreList li p { color: #8c8c8c; font-size: var(--font16);}
.hit { background: url(../images/hitbg.jpg) center no-repeat; background-size: cover; padding: 1.8rem 0 1.6rem;}
.hitList { margin-top: .48rem;}
.hitList ul { gap: 32px; display: flex; justify-content: space-between;flex-wrap: wrap;}
.hitList li { background: #ffffff;  text-align: center;}
.hitImg img { aspect-ratio: 405 / 480; transition: all .8s; display: block; width: 100%;}
.hitImg { overflow: hidden;}
.hitList li:hover .hitImg img { transform: scale(1.1);}
.hitDesc { padding: .4rem 0;}
.hitDesc h2 { font-size: var(--font20); color: #101112; line-height: calc(1em + .1rem);}
.hitDesc p { color: #8c8c8c; font-size: var(--font16); line-height: calc(1em + .1rem); }
.solution {padding: 1.4rem 0 .75rem;}
.solutionSwiper{padding: 45px 0 0 0;}
.solutionSwiper a{display: block; position: relative;overflow: hidden;}
.solutionSwiper a>img{width: 100%; object-fit: cover;aspect-ratio: 310 / 440;transition: all 1s;}
.solutionDesc{position: absolute;width: 100%; padding: 0 15px;left: 0;bottom: 20px;display: flex;justify-content: space-between;align-items: center;}
.solutionEnter{width: 40px;height: 40px;background: #fff;border-radius: 50%; position: relative;transition:all .5s;}
.solutionEnter img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);transition:all .5s;}
.solutionInfo h2{color: #fff;font-size: var(--font20); }
.solutionInfo p{color: #fff;font-size: var(--font16); }
.solutionSwiper .swiper-pagination-bullet{transition: all .6s; width: 16px;height: 5px;background: #b2b2b2; opacity: 1;border-radius: 0;}
.solutionSwiper .swiper-pagination-bullet-active{width: 22px;background: #0a2541;}
.solutionSwiper .mySwiper{padding-bottom: 40px;}
.solutionSwiper a:hover>img{transform: scale(1.1);}
.solutionSwiper a:hover .solutionEnter{background: #0a2541;}
.solutionSwiper a:hover .solutionEnter img{filter: brightness(0) invert(1);}

.w1280{width: 1280px;max-width: 92%; margin: 0 auto;}
.bg1{background: url(../images/bg1.jpg) no-repeat center center;background-size: cover;}
.technology{padding: 1.6rem 0 1.15rem;}
.technology_content{padding-top: 45px;}
.technology_content ul{display: flex;gap:34px;flex-wrap: wrap;}
.technology_content li{width: calc(33.333% - 68px/3);}
.technologybox{background: #fff;}
.technologybox span{display: block; overflow: hidden;}
.technologybox span img{width: 100%;object-fit: cover;aspect-ratio: 404 / 265;transition: all 1s;}
.technology_text{text-align: center; padding: 30px 0 35px;}
.technology_text h2{color: #101112;font-size: var(--font20);font-weight: bold;}
.technology_text p{color: #414141;font-size: var(--font16);margin-top: 8px;}
.technologybox:hover img{transform: scale(1.1);}

.process{padding: 1.4rem 0 1.2rem;}
.procese_title{padding: .6rem 0 .4rem;}
.procese_title ul{display: flex;gap:8px;}
.procese_title li{width: calc(16.666% - 40px/6);}
.procese_title span{display: block; text-align: center; line-height: .55rem;font-size: var(--font18);border-radius: 26px;border: 1px solid #e5e5e5;cursor: pointer;transition: all .5s;}
.procese_title li.cur span{color: #fff;border: 1px solid #0a2540;background: #0a2540;}
.process_cont{animation: fadeIn 1s 1;}
.process_cont ul{display: flex;gap:21px;}
.process_cont li{width: calc(16.666% - 105px/6);position: relative;}
.process_cont li:before{position: absolute;content: "";background: url(../images/a_01.png); width: 14px;height: 15px;background-size: 100% 100%; top: 50%;transform: translateY(-50%);right: -17px;}
.process_cont span{display: block;text-align: center; border-radius: 8px; line-height:.87rem;font-size: var(--font18);background: #0a2540;transition: all .6s;color: #fff;cursor: pointer;}
.process_cont span:hover{background: #c9a84c;}
.process_cont li:last-child:before{display: none;}

.bg2{background: #f1f4f9;}
.news{padding: 1.65rem 0 1.15rem;}
.news_top{margin-top: .4rem;background: #fff;display: flex;justify-content: space-between;flex-wrap: wrap; padding: 27px 20px;align-items: center;position: relative;}
.news_img{width: 50%;padding-right: 10px;}
.news_img img{width: 100%;object-fit: cover;aspect-ratio: 610 / 263;}
.news_text{width:50%; padding-left: 20px;}
.news_text h3{color: #b0b0b0;font-size: var(--font16);position: relative;padding-bottom: 40px;}
.news_text h3:before{position: absolute;content: "";border-bottom: 1px solid #8f9ecb;width: 30px;left: 0;bottom: 25px;}
.news_text h2{font-weight: bold;color: #101112;font-size: var(--font20);margin-bottom: 15px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news_text p{color: #878787;font-size: var(--font16); line-height: 1.6;height: 3.2em; margin-bottom: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.more2{width: 150px;display: block;text-align: center; color: #fff; line-height: 44px;background: #0a2540;border-radius: 22px;transition: all .6s;}
.more2 b{display: inline-block;width: 18px;height: 18px;border-radius: 50%;border: 1px solid #fff;vertical-align: middle;margin: -3px 13px 0 0;position: relative;transition: all .6s;}
.more2 b:before{position: absolute;content: "";border-bottom: 2px solid #bec5cc;width: 20px;transition: all .6s;top: 50%;transform: translateY(-50%);}
.more2:hover b{margin-right: 20px;}
.more2:hover b:before{width: 25px;}
.more{background: url(../images/a_03.png); width: 50px;height: 148px; position: absolute; right: -50px; top: 0;}
.more b{display: block;text-align: center; font-size: 16px;color: #fff;width: 16px;margin: 0 auto; padding:9px 0 ;border-bottom: 1px solid #8592a0;}
.more em{background: url(../images/a_04.png);width: 21px;height: 21px;display:block;background-size: 100% 100%;margin: 5px auto 0 auto;}
.more:hover b{color: #FF0000;}
.news_list{padding-top: 15px;}
.news_list ul{display: flex;gap:15px;}
.news_list li{width: calc(33.333% - 30px/3);background: #fff;}
.newsbox a{display: block; padding: .45rem .5rem;display: flex;justify-content: space-between;transition: all .6s;}
.date{width: 65px;text-align: right;background: url(../images/a_05.png) no-repeat center bottom;background-size: 100% auto; padding-bottom: 75px;}
.news_wb{width: calc(100% - 95px);}
.date p{color: #333333;font-size: var(--font16);}
.date h2{color: #333333;font-size: var(--font22);font-weight: bold;font-family: font1;margin-top: 10px;}
.news_wb h2{font-weight: bold;font-size:var(--font18);color: #383838; margin-bottom: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news_wb p{font-size:var(--font16);color: #8c8c8c; margin-bottom: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.news_wb span{display: block;background: url(../images/a_06.png); width: 29px;height: 10px;background-size: 100% 100%;}
.newsbox a:hover{background: url(../images/a_08.png) no-repeat center center;background-size: cover;}
.newsbox a:hover span{background: url(../images/a_09.png) no-repeat center center;background-size: 100% 100%;}
.newsbox a:hover h2{color: #fff;}
.newsbox a:hover p{color: #fff;}
.newsbox a:hover .date{background: url(../images/a_10.png) no-repeat center bottom;background-size: 100% auto;}

/*news*/
.banner1{position: relative;}
.banner1 img{width: 100%;}
.banner1_text{width: 1280px; max-width: 92%;text-align: center;position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.banner1_text h2{font-weight: bold;color: #fff;font-size: var(--font48);}
.banner1_text p{color: #fff;font-size: var(--font24); margin-top: 15px;}
.h80{height: 80px;}

.dtxw{padding: .66rem 0 .48rem;}
.dtxw ul{display: flex;justify-content: center;gap:26px;}
.dtxw span{display: block;text-align: center; cursor: pointer; line-height:.5rem;border: 1px solid #d9d9d9;font-size: var(--font20);width: 1.61rem;color: #101112;transition: all .6s;}
.dtxw li.cur span{color: #fff;background: #12263f;border: 1px solid #12263f;}
.dtxw_list{padding-bottom: .67rem;}
.dtxw_list ul{display: flex;gap:46px;flex-wrap: wrap;}
.dtxw_list li{width: calc(33.333% - 92px/3);}
.dtbox{border: 1px solid #d9d9d9;}
.dtbox span{display: block; overflow: hidden;}
.dtbox img{width: 100%; object-fit: cover;transition: all 1s;aspect-ratio: 396 / 236;}
.dt_text{padding: 20px 15px 25px 15px;}
.dt_text h2{font-weight: bold;font-size:var(--font20);color: #222222;line-height: 1.6;height: 3.2em;}
.dt_text p{font-size:var(--font16);color: #999999;margin-top: .3rem;}
.dtbox a:hover img{transform: scale(1.1);}
.dtbox a:hover h2{color: #12263f;}
.dtxw_box{padding-bottom: 1.28rem;animation: fadeIn 1s 1;}
.pagination ul{display: flex;justify-content: center;gap:9px;}
.pagination a{display: block;transition: all .6s; line-height: 39px;border: 1px solid #d9d9d9; padding: 0 15px;font-size:var(--font16);color: #5c5c5c;}
.pagination li.cur a{border: 1px solid #12263f;background: #12263f;color: #fff;}
.pagination a:hover{border: 1px solid #12263f;background: #12263f;color: #fff;}

/*news_xqym*/
.banner2{background: url(../images/banner2.jpg) no-repeat center center;background-size: cover; position: relative;}
.banner2:before{position: absolute;content: "";height: 68px;width: 30%;background: #254d91;right: 0;bottom: 0;}
.banner2_text{width: 1280px;max-width: 92%; margin: 0 auto; padding: 85px 0 0 0;}
.banner2_top{display: flex;justify-content: space-between;align-items: flex-start; }
.banner2_top a{display: block;text-align: center; width: 2.4rem;border: 1px solid #fff; line-height: .6rem;border-radius: .31rem;font-size:var(--font18);color: #fff;transition: all .5s;}
.banner2_top a b{display: inline-block;vertical-align: middle; margin: -3px .3rem 0 0;width: .22rem;height: .22rem;border-radius: 50%; position: relative;border: 1px solid #fff;}
.banner2_top a b:before{position: absolute;content: "";width: .3rem;right: -.17rem; top: 50%;transform: translateY(-50%);border-bottom: 1px solid #fff;}
.banner2_top h2{color: #fff; font-weight: bold;font-size:var(--font42);}
.banner2_text p{color: #fff;padding: 55px 0 15px;font-size:var(--font18);display: flex;gap:15px;align-items: center;}
.banner2_text p b{ opacity: .6;font-size:var(--font14);display: inline-block;vertical-align: middle;} 
.banner2_top a:hover{background: #163494;}
.banner2_text h3{position: relative;z-index: 10;background: url(../images/a_15.png) no-repeat right center; line-height: 68px;background-size: auto 100%; color: #fff;text-align: right;font-size:var(--font18);}
.banner2_text h3 a{color: #fff;}
.banner2_text h3 a:hover{opacity: .6;}
.banner2_text h3 span{padding: 0 8px;}
.banner2_text h3 img{display: inline-block;vertical-align: middle; margin: -3px 8px 0 0;}

.wzxq{display: flex;justify-content: space-between;flex-wrap: wrap; padding: 50px 0 0 0; position: relative;align-items: flex-start; }
.wzxq_left{width: calc(100% - 435px);}
.wzxq_left p{color: #101112;line-height: 1.8;font-size:var(--font16); margin-bottom: 35px;}
.wzxq_left img{margin-bottom: 35px;width: 100%;}
.sxfy{padding: 25px 0;border-top: 1px solid #dcdcdc;}
.sxfy li{line-height: 2.1;font-size:var(--font16);}
.sxfy li a{color: #101112;transition: all .5s;}
.sxfy li a:hover{color: #163494;}
.wzxq_right{width: 397px;position: sticky;top: 80px;}
.tjlb_title h2{background: #12263f; line-height: 65px;color: #fff;font-weight: bold;font-size:var(--font26); padding: 0 20px;margin-bottom: 18px;}
.tjlb_title h2 img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.tjlb_nr li{padding-bottom: 19px;}

/*ContactUs*/
.gswz{padding: 1.45rem 0 .5rem;}
.gswz_nr{padding-top: .9rem;}
.gswz_nr ul{display: flex;flex-wrap: wrap;justify-content: center;}
.gswz_nr li{width: 33.33%;text-align: center;}
.gswz_nr h2{color: #101112;font-size:var(--font22);}
.gswz_nr p{color: #101112;font-size:var(--font22);}
.gswz_nr img{height: 60px;margin: 0 auto 18px auto;}
.zbdz{padding: 30px 30px 60px 30px;background: #f1f4f9;border-radius: 25px;margin-bottom: .9rem;}
.zbdz_top img{width: 100%;}
.zbdz_text{padding-top: 55px;}
.zbdz_text ul{display: flex;gap:1.85rem;flex-wrap: wrap;}
.zbdz_text h3{display: flex;gap:18px;align-items: center;}
.zbdz_text h3 span{font-weight: bold;color: #101112;font-size:var(--font22);}
.zbdz_text h3 b{background: #c5c8d0;width: 1px;height: 10px;}
.zbdz_text p{color: #666666;font-size:var(--font16);margin-top: 10px;}
.zbdz_text h2{font-weight: bold;color: #101112;font-size:var(--font38);margin-bottom: .35rem;}
.tao{border-bottom: 1px solid #e8eef7;}

.form{padding: 1.15rem 0 .8rem;}
.form_content{padding-top: .4rem;}
.form_content ul{display: flex;gap:40px;flex-wrap: wrap;}
.form_content li{width: calc(50% - 40px/2);}
.form_content p{color: #666666;font-size:var(--font18);margin-bottom: 15px;}
.input1{border: none; width: 100%; border-radius: 8px; height: 70px; line-height: 70px;background: #f1f4f9; padding: 0 20px;font-size:var(--font18);box-sizing: border-box;}
.form_content ul li:nth-child(3){ width:100%;}
.input2{border: none; width: 100%; border-radius: 8px; height: 285px;background: #f1f4f9; padding:20px;font-size:var(--font18);box-sizing: border-box;resize: none; overflow: auto;font-family: "微软雅黑";outline:none;}
.bttom1{color: #fff;cursor: pointer;font-size:var(--font24);width: 2.15rem;height: .7rem;display: block;margin: 28px auto 0 auto;border: none;background: #c9a84c;transition: all .5s;border-radius: .35rem;}
.bttom1:hover{background: #12263F;}

/*plan*/
.plan_list{padding: 59px 0 66px 0;}
.plan_list ul{display: flex;gap:26px;flex-wrap: wrap;}
.plan_list li{width: calc(25% - 78px/4);}
.plan_list span{display: block; overflow: hidden;}
.plan_list img{width: 100%; object-fit: cover;transition: all 1s;aspect-ratio: 300 / 370;display: block;}
.plan_text{text-align: center;background: #f1f4f9; padding: 28px 0 32px;transition: all .6s;}
.plan_text h2{font-weight: bold;color: #101112;font-size:var(--font20);transition: all .6s;}
.plan_text p{font-weight: bold;color: #878787;font-size:var(--font16);margin-top: 8px;transition: all .6s;}
.planbox a:hover img{transform: scale(1.1);}
.planbox a:hover .plan_text{background: #c9a84c;}
.planbox a:hover h2{color: #fff;}
.planbox a:hover p{color: #fff;}

/*plan_xqnr*/
.jjfa{padding: 12px 0;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.jjfa p{color: #222222;font-size:var(--font20);font-weight: bold;}
.jjfa a{padding: 0 30px; line-height: 45px;background: #c9a84c;color: #fff;border-radius: 26px; transition: all .6s;font-size:var(--font18);}
.jjfa a:hover{background: #12263F;}

.hytd_bg{background: url(../images/bg2.jpg) no-repeat center center;background-size: cover;}
.hytd{padding: .9rem 0;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.hytd_img{width: 50%;}
.hytd_img img{width: 100%;}
.hytd_text{width:50%;padding-left: .7rem;box-sizing: border-box;}
.hytdbox{padding-bottom: .5rem;}
.hytdbox h2{display: inline-block; line-height: 50px; padding: 0 30px;border-radius: 25px;color: #fff;background: #12263f;font-size:var(--font22);margin-bottom: 15px;}
.hytdbox p{font-size:var(--font18);line-height: 1.6;color: #878787;}
.zxrx h2{font-weight: bold;color: #11253e;font-size:var(--font24);margin-bottom: 23px;}
.zxrx h2 img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.zxrx ul{display: flex;gap:15px;}
.ljzxbottom{display: block; line-height: 45px; padding: 0 27px;color: #fff;background: #11253e;font-size:var(--font20);}
.ljzxbottom img{display: inline-block;vertical-align: middle; margin: -3px 5px 0 0;}
.ljzxbottom:hover{color: #fff;}
.fhbottom{display: block; line-height: 45px; padding: 0 27px;color: #fff;background: #c9a84c;font-size:var(--font20);transition: all .6s;}
.fhbottom:hover{background: #11253e;color: #fff;}

.advantage{padding: 1.8rem 0;}
.advantage_content{padding-top: .5rem;}
.advantage_content ul{display: flex;gap:15px;flex-wrap: wrap;}
.advantage_content li{width: calc(33.33% - 30px/3);box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.advantagebox{padding: .7rem .5rem;}
.advantagebox img{margin: 0 auto;transition: all 0.9s;}
.advantagebox h2{font-weight: bold;text-align: center; margin: 20px 0 15px;color: #101112;font-size:var(--font22);}
.advantagebox p{line-height: 1.6;font-size:var(--font16);color: #666666;}
.advantagebox:hover img{transform: rotateY(360deg);}

.process_bg{background: url(../images/bg3.jpg) no-repeat center center;background-size: cover;}
.process{padding: 1.65rem 0 1.45rem;}
.process_content{background: #fff;border-radius: 20px; padding: .75rem .8rem .85rem; position: relative;margin-top: 40px;}
.process_content ul{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.process_content span{display: block; margin: 0 auto;width: 66px; line-height: 66px;border-radius: 50%;text-align: center; color: #fff;background: #12263f;font-weight: bold;font-family: font1;font-size:var(--font26);}
.process_content p{font-weight: bold;font-size:var(--font20);margin-top: 15px;color: #101112;}
.process_content a{display: block; line-height: .7rem;background: #c9a84c;color: #fff;border-radius: .35rem; bottom: -.35rem;left: 50%;transform: translateX(-50%); padding: 0 .6rem;font-size:var(--font24);transition: all .6s;position: absolute;}
.process_content a:hover{background: #12263F;color: #fff;}

.software{padding: 1.35rem 0 1.05rem;}
.software_content{padding-top: 40px;}
.software_content ul{display: flex;flex-wrap: wrap;gap:15px;}
.software_content li{width: calc(50% - 15px/2);}
.softwarebox{position: relative;overflow: hidden;border-radius: 20px;}
.softwarebox img{width: 100%; transition: all 1s;object-fit: cover;aspect-ratio: 632 / 285;}
.softext{text-align: center; position: absolute;left: 0;bottom: 0;height: 70px;padding: 0 15px;width: 100%;box-sizing: border-box;}
.softext h2{color: #fff;font-size:var(--font20);color: #fff;font-weight: bold;margin-bottom: 8px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.softext p{line-height: 1.5;font-size:var(--font16);color: #fff;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.softwarebox a:hover img{transform: scale(1.1);}

.core_bg{background: url(../images/bg4.jpg) no-repeat center center;background-size: cover;}
.core_content{padding-top: 45px;}
.core_content ul{display: flex;flex-wrap:wrap; gap:17px;}
.core_content li{width: calc(33.33% - 34px/3);border-radius: 20px;background: #fff;}
.core_img{height:3.6rem;padding: .45rem .3rem .3rem .3rem;display: flex;justify-content: center;align-items: center;}
.core_img img{max-height: 100%;transition: all 1s;}
.core_text{text-align: center;padding-bottom: .55rem;}
.core_text h2{font-weight: bold;color: #000000;font-size:var(--font20);}
.core_text p{color: #000000;font-size:var(--font16);line-height: 1.5;margin: 8px 0 16px;}
.core_text span{display: inline-block;text-align: center; width: 140px; line-height: 40px;border: 1px solid #dddddd;border-radius: 21px;font-size:var(--font16);color: #878787; transition: all .6s;}
.core_text span img{display: inline-block;vertical-align: middle; margin: -3px 4px 0 0;transition: all .6s;}
.core_text span:hover{background: #101112;border: 1px solid #101112;color: #fff;}
.core_text span:hover img{filter: brightness(0) invert(1);}
.corebox a:hover .core_img img{transform: scale(1.1);} 

.solutionbox{padding: 1.48rem 3% 1.1rem 3%;text-align: center;background: url(../images/bg5.jpg) no-repeat center center;background-size: cover;}
.solutionbox h2{color: #fff;font-size:var(--font28);}
.solutionbox p{color: #fff; line-height: 1.6;font-size:var(--font20);margin: 10px 0 30px;}
.solutionbox a{display: inline-block; padding: 0 32px; line-height: 60px;color: #fff;background: #c9a84c;border-radius: 30px;transition: all .6s; font-size:var(--font20);}
.solutionbox a img{display: inline-block;margin: -3px 0 0 10px;vertical-align: middle;}
.solutionbox a:hover{background: #101112;}

/*product*/
.product_top ul{display: flex;}
.product_top li{width: 16.6666%;}
.product_top a{display: block;text-align: center; padding: .39rem 0 .35rem;transition: all .6s;}
.product_top p{font-weight: bold;color: #101112;font-size:var(--font20);margin-top: 10px;}
.product_top img{margin: 0 auto;transition: all .6s;height: 42px;}
.product_top li.cur a{background: #12263f;}
.product_top li.cur a img{filter: brightness(0) invert(1);}
.product_top li.cur a p{color: #fff;}
.product_top a:hover{background: #12263f;}
.product_top a:hover img{filter: brightness(0) invert(1);}
.product_top a:hover p{color: #fff;}

.product_title{padding: 38px 0;}
.product_title ul{display: flex;justify-content: center;gap:20px;overflow:auto;}
.product_title ul::-webkit-scrollbar {width: 0;height: 0;}
.product_title span{display: block; width: 1.8rem;border: 1px solid #d9d9d9;line-height: .5rem;font-size:var(--font20);color: #101112;cursor: pointer;transition: all .6s;text-align: center;white-space: nowrap;max-width: 100%; padding: 0 10px;}
.product_title li.cur span{background: #12263f;border: 1px solid #12263f;color: #fff;}
.product_list{padding-bottom: .65rem;}
.product_list ul{display: flex;gap:45px;flex-wrap: wrap;}
.product_list li{width: calc(33.333% - 90px/3);}
.productbox{border: 1px solid #d9d9d9;}
.productbox span{display: block;overflow: hidden;}
.productbox img{width: 100%; object-fit: cover;transition: all 1s;aspect-ratio: 16 / 16;}
.product_text{padding: 25px 20px 32px 20px;}
.product_text h2{font-size:var(--font20);color: #222222;font-weight: bold;margin-bottom: 15px;}
.product_text span{display: block;text-align: center; width: 130px; line-height: 40px;border: 1px solid #e5e5e5;border-radius: 21px;font-size:var(--font16);transition: all .6s;color: #999999;font-size:var(--font18);}
.product_text span b{background: url(../images/a_43.png);width: 10px;height: 18px;display: inline-block;vertical-align: middle; margin: -3px 0 0 6px;}
.product_text span:hover {background: #0A2541;border: 1px solid #0A2541;color: #fff;}
.product_text span:hover b{background: url(../images/a_44.png);}
.productbox a:hover img{transform: scale(1.1);}

/*product_xqym*/
.cpjj_bg{background: url(../images/bg6.jpg) no-repeat center center;background-size: cover;}
.cpjj{padding: 1.15rem 0 1.35rem;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.cpjj_left{width: 50%; padding-right: 20px; overflow: hidden;}
.cpjj_left .mySwiper2 img{width: 100%; object-fit: cover;aspect-ratio: 16 / 16;} 
.cpjj_le.jzgn_content ft .mySwiper img{width: 100%; object-fit: cover;aspect-ratio: 200 / 108;border: 1px solid #fff;}
.cpjj_left .mySwiper{margin: 14px 0 0 0;padding: 0 24px;}
.cpjj_left .swiper-button-next{height: 100%;right: 0;width: 24px;background:url(../images/a_45.png) no-repeat center center #11253e;margin: 0;top: 0;}
.cpjj_left .swiper-button-next:hover{background:url(../images/a_45.png) no-repeat center center #c9a84c;}
.cpjj_left .swiper-button-prev{height: 100%;left: 0;width: 24px;background:url(../images/a_46.png) no-repeat center center #11253e;margin: 0;top: 0;}
.cpjj_left .swiper-button-prev:after,.cpjj_left .swiper-button-next:after{font-size: 0;}
.cpjj_left .swiper-button-prev:hover{background:url(../images/a_46.png) no-repeat center center #c9a84c;}
.cpjj_left  .mySwiper .swiper-slide-thumb-active img{border: 1px solid #11253e;}
.cpjj_right{width: 50%; padding-left: 28px;}
.cpjj_text{padding-bottom: 35px;}
.cpjj_text h2{font-weight: bold;color: #222222;margin-bottom: 25px;font-size:var(--font36);}
.cpjj_text p{color: #101112;font-size:var(--font16);line-height: 1.8;}

.tdcp{padding: 1.65rem 0 1rem;}
.tdcp_content{padding: .65rem 0 0 0;}
.tdcp_content ul{display: flex;gap:15px; flex-wrap: wrap;}
.tdcp_content li{width: calc(33.333% - 30px/3);box-shadow:0 0 10px rgba(0, 0, 0, .1);margin-bottom: 20px;}
.tdcpbox{padding: .85rem 15px .45rem 15px;}
.tdcpbox img{margin: 0 auto;transition: all 1s;}
.tdcpbox h2{font-weight: bold;text-align: center; color: #101112;margin: 18px 0 25px;font-size:var(--font22);}
.tdcpbox p{font-size:var(--font16);line-height: 1.6;color: #666666;}
.tdcpbox:hover img{transform: rotateY(360deg);}

.standard_bg{background: url(../images/bg7.jpg) no-repeat center center;background-size: cover;}
.standard{padding: 1.65rem 0 1.3rem;}
.standard_content{margin-top: 35px;}
.standard_content table{background: #fff; width: 100%;border-left: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;}
.standard_content th{color: #333333;font-weight: bold;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;line-height: 60px;font-size:var(--font16);}
.standard_content td{font-weight: bold;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;line-height: 1.6;font-size:var(--font16);padding: 20px 30px;color: #333333;}

.cpyy_bg{background: url(../images/bg8.jpg) no-repeat center center;background-size: cover;}
.titleCell_color h2{color: #fff;}
.titleCell_color span{opacity: .3;}
.cpyy{padding: 1.35rem 0 .9rem;}
.cpyy_content{position: relative; overflow: hidden;padding-top: .6rem;}
.cpyy_content .mySwiper{padding-bottom: 50px;}
.cpyybox{background: #fff;}
.cpyybox span{display: block;overflow: hidden;}
.cpyybox span img{width: 100%; object-fit: cover;aspect-ratio: 396 / 271;transition: all 1s;}
.cpyybox a:hover img{transform: scale(1.1);}
.cpyybox p{padding: 25px 15px 35px 15px;line-height: 1.6;color: #222222;font-size:var(--font20);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3.2em;}
.cpyy_content .swiper-pagination-bullet{border-radius: 0;width: 16px;height: 5px;background: #798fa9;opacity: 1;transition: all .6s;}
.cpyy_content .swiper-pagination-bullet-active{width: 22px;background: #11253e;}

/*strength*/
.jspt{padding:1.4rem 0 1.3rem ;display: flex;justify-content: space-between;flex-wrap: wrap;}
.jspt_img{width: 50%;}
.jspt_img img{width: 100%;}
.jspt_text{width: 50%; padding-left: .55rem;}

.jspt_title { position: relative;margin-bottom: 35px;}
.jspt_title span { position: absolute; top: 0; left: 0; text-align: center; width: 100%; transform: translateY(-60%); font-family: 'db';color:transparent;-webkit-text-stroke:1px #e9e9e9; text-stroke:1px #e9e9e9; font-size: var(--font52); text-transform: uppercase;}
.jspt_title h2 { position: relative; z-index: 2; font-size: var(--font48); line-height: 1; color: #101112;}
.jspt_text p{color: #878787; line-height: 1.8;font-size:var(--font18);margin-bottom: 30px;}
.jspt_text a{display: block;text-align: center; transition: all .6s;color: #fff;width: 2.66rem; line-height: .75rem; border-radius: .38rem;background: #c9a84c;font-size:var(--font22);}
.jspt_text a:hover{color: #fff;background: #0A2541;}

.pthx{padding: 1.65rem 0 1.25rem;}
.pthx_content ul{display: flex;gap:28px;flex-wrap: wrap;padding:45px 0 35px;}
.pthx_content li{width: calc(25% - 84px/4);background: #f1f4f9;border-radius: 20px;}
.pthxbox{padding: 1rem 15px;}
.pthxbox h2{font-weight: bold;text-align: center;color: #101112;font-size: var(--font22);margin: 15px 0 20px;}
.pthxbox p{font-size: var(--font16);line-height: 1.6;color: #666666;}
.pthxbox img{height: .72rem;margin:0 auto;transition: all .9s;}
.pthxbox:hover img{transform: rotateY(360deg);}
.pthx_content h3{color: #666;text-align: center;line-height: 1.6;font-size: var(--font16);}
.pthx_content h3 img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}

/*fwzc*/
.fwzc{padding: 1.45rem 0 0 0;}
.fwzc_content{padding-top: .5rem;}
.fwzc_content p{color: #878787; line-height: 1.6;font-size: var(--font18);}
.fwzc_content img{width: 100%; margin-top: .6rem;border-radius: 1.4rem 1.4rem 0 0;}

/*about*/
.about{padding: 1.3rem 0;}
.about_top{display: flex;justify-content: space-between;}
.about_text{width: 55%; padding: 20px 0 0 0;}
.about_text h3{font-weight: bold;padding-left: 11px;color: #101112; position: relative; margin-bottom: 25px;font-size: var(--font16);height: 16px;line-height: 1;}
.about_text h3:before{position: absolute;content: "";width: 6px;height: 100%; top: 0;background: #11253e;left: 0;}
.about_text h2{font-weight: bold; line-height: .81rem;margin-bottom: .25rem; padding-left: 47px;color: #11253e;font-size: var(--font38);background: url(../images/a22.jpg) no-repeat left center;background-size: auto 100%;}
.about_text p{color: #101112;font-size: var(--font16);line-height: 1.8;text-indent: 32px;margin-bottom: 25px;}
.about_img{width: 40%;}
.about_img img{width: 100%;}
.about_lc{padding-top: .55rem;}
.about_lc ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about_lc li{width: calc(25% - 0);}
.about_lc h2{line-height: 56px;border-bottom: 1px solid #e9eef2;color: #333333;font-size: var(--font16);}
.about_lc p{font-weight: bold;color: #11253e;font-size: var(--font46);margin-top: 10px;font-family: font1;}
.about_lc p span{font-weight: bold;font-family: font1;}

.lcnr_bg{background: url(../images/bg9.jpg) no-repeat bottom center;background-size: cover;}
.lcnr{padding: 1.6rem 0 40px;}
.lcnr_content{padding-top: 20px;}
.lcnrbox{position: relative;height: 500px; padding: 0 50px 0 25px;}
.lcnrbox:before{position:absolute;content: "";border-left: 1px dashed #fff;height: 100%; top: 0;left: 7px;}
.lcnrbox:after{width: 4px;height: 70px;background: #fff; left: 5px;top: 0; position: absolute;content: "";}
.lcnrbox em{width: 15px;height: 15px;background: #fff;border-radius: 50%;bottom: 0;left: 0; position: absolute;}
.lcnr_text{padding-top: 20px;}
.lcnr_text p{font-size:var(--font16);color: #fff;line-height: 1.6;}
.lcnr_title{display: flex;align-items: center;gap:5px;}
.lcnr_title h2{font-weight: bold;font-size:var(--font66);color: #fff;font-family: font1;}
.lcnr_title p{font-weight: bold;font-size:var(--font36);color: #fff;font-family: font1;}
.lcnr_title p b{display: block;font-weight: bold;color: #fff;font-size:var(--font18); margin-top: -5px;}
.lcnr_content .mySwiper{padding-bottom: .8rem;}
.lcnr_content .swiper-slide:nth-child(1) .lcnrbox{margin-top: 4.5rem;}
.lcnr_content .swiper-slide:nth-child(2) .lcnrbox{margin-top: 2.5rem;}
.lcnr_content .swiper-slide:nth-child(3) .lcnrbox{margin-top: 1.1rem;}
.lcnr_content .swiper-slide:nth-child(4) .lcnrbox{margin-top: 0;}
.lcnr_content .swiper-slide:nth-child(5) .lcnrbox{margin-top: 4.5rem;}
.lcnr_content .swiper-slide:nth-child(6) .lcnrbox{margin-top: 2.5rem;}
.lcnr_content .swiper-slide:nth-child(7) .lcnrbox{margin-top: 1.1rem;}
.lcnr_content .swiper-slide:nth-child(8) .lcnrbox{margin-top: 0;}
.lcnr_content .swiper-pagination-bullet{border-radius: 0;width: 16px;height: 5px;background: #798fa9;opacity: 1;transition: all .6s;}
.lcnr_content .swiper-pagination-bullet-active{width: 22px;background: #11253e;}
.lcnrbox span{color: #fff;font-size: 260px; position: absolute;left: 0;bottom: 0;opacity: .05;line-height: 1;font-family: font1;}

.jzgn{padding:1.8rem 0 1.6rem;}
.jzgn_content{padding-top: 1.15rem;}
.jzgn_content ul{display: flex;gap:20px;flex-wrap: wrap;}
.jzgn_content li{width: calc(20% - 80px/5);text-align: center;}
.jzgn_content img{height: .72rem;margin: 0 auto;transition: all .9s;}
.jzgn_content h2{font-weight: bold;font-size:var(--font22);color: #101112;margin: 25px 0 15px;}
.jzgn_content p{color: #878787;font-size:var(--font16);}
.jzgn_content li:hover img{transform: rotateY(360deg);}

.khcz_bg{background: url(../images/bg10.jpg) no-repeat center center;background-size: cover;}
.khcz{padding: 1.98rem 0 1.5rem; }
.khcz_content{ padding-top: .48rem;}
.khcz_content ul{display: flex;flex-wrap: wrap;gap:30px;}
.khcz_content li{background: rgba(255,255,255,.9); padding: .85rem .25rem .35rem .25rem;width: calc(25% - 90px/4);box-sizing: border-box;text-align: center;}
.khcz_content img{margin: 0 auto;transition: all .9s;}
.khcz_content h2{font-weight: bold;color: #101112;font-size:var(--font22); margin: 35px 0 15px;}
.khcz_content p{line-height: 1.6;text-align: left;font-size:var(--font16);color: #878787;}
.khcz_content li:hover img{transform: rotateY(360deg);}

.qyry_bg{background: url(../images/bg11.jpg) no-repeat center center;background-size: cover;}
.qyry{padding: 1.95rem 0 1.65rem;}
.qyry_content{position: relative;overflow: hidden; margin-top: .9rem;}
.qyry_content .swiper-slide{width: 310px;}
.qyry_content img{width: 100%;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.qyry_content a{display: block;padding: 10px;background: #fff;}
.qyry_content .mySwiper{padding-bottom: 35px;}
.qyry_content .swiper-pagination-bullet{border-radius: 0;width: 16px;height: 5px;background: #798fa9;opacity: 1;transition: all .6s;}
.qyry_content .swiper-pagination-bullet-active{width: 22px;background: #11253e;}




@media screen and (max-width: 1800px) {

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

}

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

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

}

@media screen and (max-width: 1280px) {
	:root{--header-height: 60px; }
	.langChose { height: var(--header-height);}
	.header { padding: 0 20px;z-index: 102;}
	.header,.small-header .header { height: 60px;background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
	.header .nav li h2 a { line-height: 80px;}
	.header .nav li h2 a{ color: #333333;line-height: 40px;}
	.searchEnter { background: url(../images/blackSearch.png) center no-repeat; background-size: 100% auto;}
	.nav { height:100vh; position: fixed; left: -110%; overflow-y: auto; top:60px; width: 200px; background: #ffffff; bottom: 0;overflow: auto;}
	.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 a {  line-height: 40px; color: #333333;font-size: 14px;}
	.header.on .nav li h2 a{  line-height: 40px; color: #333333;font-size: 14px;}
	.move .header .nav li h2 a{  line-height: 40px; color: #333333;font-size: 14px;}
	.menubox{ display: block; position: absolute;right: 4%; top: 18px; width:30px; height: 30px;opacity: 1;pointer-events: auto;transition: 0.3s;}
	.menubox div{position: absolute;left: 0;width: 30px;height: 2px;background-color: #33416f;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);}
	.logo img{width: 80px;}
	.headerCont{padding: 0;max-width: 100%;}
	.logo1{display: none;}
	.logo2{display: block;}
	.dhbj{position: fixed;z-index:101;width: 100%;height: 100%; background: rgba(0,0,0,.7);top: 0;left: 0;display: none;}
	.banner{margin-top: 60px;}
	.banner .swiper-pagination{bottom: 10px;}
	.downNotice{bottom: 10px;}
	.procese_title ul{overflow: auto;white-space: nowrap;}
	.procese_title ul::-webkit-scrollbar {width: 0;height: 0;}
	.procese_title li{width: auto;}
	.procese_title span{padding: 0 15px;}
	.news_top{margin-right: 50px;}
	
}
@media screen and (max-width: 1080px) {
.core{padding: 40px 0 20px;}	
.coreList{margin: 20px 0 0 0;}	
.coreList li{width: 50%;padding-bottom: 20px;}
.coreList li img{width:50px;}
.hit{padding: 40px 0;}
.hitList{margin-top: 20px;}
.hitList ul{gap:20px;}
.hitList li{width: 100%;}
.solutionSwiper{padding-top: 20px;}
.technology{padding: 40px 0;}
.technology_content{padding-top: 20px;}
.technology_content ul{gap:20px;}
.technology_content li{width: 100%;}
.process{padding: 40px 0;}
.process_cont ul{flex-wrap: wrap;}
.process_cont li{width:calc(50% - 21px/2);}
.process_cont li:nth-child(2):before{display: none;}
.process_cont li:nth-child(4):before{display: none;}
.news{padding: 40px 0;}
.news_top{margin-top: 20px;display: block;padding: 15px;margin: 0;}
.news_img{width: 100%;padding: 0 0 15px;}
.news_text{width: 100%; padding: 0;}
.more2{font-size: 14px; line-height: 32px;width: 130px;}
.news_list li{width: 100%;}
.news_list ul{flex-wrap: wrap;}
.footer{border-top:3px solid #0a2540;}
.footerTop{padding: 25px 0;display: block;}
.footLink{width: 100%;}
.footLink ul{flex-wrap: wrap;}
.footLink li{}
.footLink ul li:nth-child(4){ width:100%;text-align: center;}
.rwm{margin: 0 auto;}
.footLink li h2 a{margin-bottom: 5px;}
.copyRight{padding: 10px 0;}
.more{width: 100px;height: 32px; line-height: 32px;display: flex;justify-content: center;top: 15px;right: 15px;gap:5px;align-items: center;}
.more b{padding: 0;font-size: 12px;border: none;margin: 0;width: auto;}
.more em{margin: 0;}
.h80{height: 60px;}
.banner1{height: 180px;}
.banner1 img{height: 100%; object-fit: cover;}
.banner1_text h2{font-size: 20px;}
.banner1_text p{font-size: 12px;margin-top: 10px;}
.about{padding: 40px 0;}
.about_top{display: block;background: url(../images/a23.jpg) no-repeat right bottom;background-size: 50% auto;}
.about_img{display: none;}
.about_text{width: 100%;}
.about_text h2{font-size: 24px;text-align: center;    background: url(../images/a22.jpg) no-repeat center center;padding: 0;}
.about_lc{padding: 0;}
.about_lc ul{gap:25px}
.about_lc li{width: calc(50% - 25px/2 );text-align: center;}
.about_lc h2{line-height: 30px;}

.lcnr{padding: 40px 0;}
.lcnr_content .swiper-slide:nth-child(1) .lcnrbox{margin: 0;}
.lcnr_content .swiper-slide:nth-child(2) .lcnrbox{margin: 0;}
.lcnr_content .swiper-slide:nth-child(3) .lcnrbox{margin: 0;}
.lcnr_content .swiper-slide:nth-child(4) .lcnrbox{margin: 0;}
.lcnr_content .swiper-slide:nth-child(5) .lcnrbox{margin: 0;}
.lcnr_content .swiper-slide:nth-child(6) .lcnrbox{margin: 0;}
.lcnrbox{height: 200px;}
.lcnrbox span{font-size: 80px;}

.jzgn{padding: 40px 0;}
.jzgn_content{padding-top: 20px;}
.jzgn_content ul{gap:10px;}
.jzgn_content h2{font-size: 14px;margin: 10px 0;}
.jzgn_content li{width: calc(20% - 40px/5);}
.jzgn_content p{font-size: 12px;text-align: center;}
.khcz{padding: 40px 0;}
.khcz_content ul{gap:20px;}
.khcz_content li{width: 100%;padding: 20px 15px;text-align: center;}
.khcz_content p{text-align: center;}
.khcz_content h2{margin: 15px 0 10px;}
.khcz_content img{width: 60px;}
.qyry_content .swiper-slide{width: 180px;}
.qyry{padding: 40px 0;}
.qyry_content{margin-top: 20px;}

.gswz{padding: 40px 0 20px;}
.gswz_nr{padding-top: 20px;}
.gswz_nr li{width: 100%;padding-bottom: 20px;}
.gswz_nr img{height: 40px;}
.gswz_nr h2{margin-bottom: 10px;}
.zbdz{padding: 15px;border-radius: 10px;}
.zbdz img{border-radius: 10px;}
.zbdz_text{padding-top: 15px;}
.zbdz_text h2{font-size: 20px;}
.zbdz_text ul{gap:20px;}
.zbdz_text li{width: 100%;}
.form{padding: 40px 0;}
.form_content ul{gap:15px;}
.form_content li{width: 100%;}
.input1{height: 40px; line-height: 40px;}
.input2{height: 150px;}
.fwzc{padding: 40px 0;}
.fwzc_content{padding-top: 20px;}
.fwzc_content img{border-radius: 10px;margin-top: 15px;}
.pthx{padding: 40px 0;}
.pthx_content ul{gap:10px;padding:20px 0 0;}
.pthx_content li{width: calc(50% - 10px/2);}
.pthxbox{padding: 20px 10px;}
.solutionbox{padding: 40px 3%;}
.solutionbox p{font-size: 14px;}
.solutionbox a{font-size: 14px; line-height: 40px;padding: 0 20px;}
.banner2_text{padding: 40px 0 0 0;max-width: 100%;}
.banner2_top{padding: 0 3%;display: block;}
.banner2_top h2{font-size: 18px;}

.banner2_top a{margin-top: 10px;}
.banner2_text p{padding: 15px 3%; font-size: 14px;}
.banner2_text h3{line-height: 45px;text-align: left;padding: 0 3%; font-size: 14px;}
.banner2:before{display: none;}
.wzxq{padding: 40px 0;display: block;}
.wzxq_left{width: 100%;}
.wzxq_right{width: 100%;}

.dtxw{padding: 25px 0;}
.dtxw ul{gap:10px;}
.dtxw span{font-size: 14px;}
.dtxw_list ul{gap:20px;}
.dtxw_list li{width:100%;}
.dtxw_box{padding-bottom: 40px;}
.pagination  ul li:nth-child(5){display: none;}
.pagination  ul li:nth-child(6){display: none;}
.pagination  ul li:nth-child(7){display: none;}
.pagination  ul li:nth-child(8){display: none;}
.pagination  ul li:nth-child(9){display: none;}
.pagination  ul li:nth-child(10){display: none;}
.pagination  ul li:nth-child(11){display: none;}
.pagination a{font-size: 14px; line-height: 30px; padding: 0 10px;}

.jjfa a{font-size: 14px; padding: 0 20px; line-height: 32px;}
.hytd{padding: 40px 0;display: block;}
.hytd_img{width: 100%;padding: 0 0 25px;}
.hytd_text{width: 100%; padding: 0;}
.hytdbox h2{font-size: 14px; line-height: 32px;padding: 0 20px;}
.advantage_content li{width: 100%;}
.advantage{padding: 40px 0;}
.process_content ul{display: block;text-align: center;}
.process_content img{display: block;margin: 25px auto; transform: rotate(90deg);}
.process_content a{font-size: 14px;}
.software{padding: 40px 0;}
.software_content{padding-top: 20px;}
.software_content li{width: 100%;}
.core_content{padding: 20px 0 0 0;}
.core_content li{width: 100%;}
.core_content ul{padding-bottom: 20px;}
.plan_list{padding: 40px 0;}
.plan_list ul{gap:20px}
.plan_list li{width: 100%;}

.cpjj{padding: 40px 0;display: block;}
.cpjj_left{width: 100%; padding: 0 0 25px 0;}
.cpjj_right{width: 100%; padding: 0;}
.cpjj_text h2{font-size: 20px;margin-bottom: 10px;}

.tdcp{padding: 40px 0;}
.tdcp_content li{width: 100%;padding: 0;margin: 0;}
.tdcpbox{padding: 20px 15px;}
.standard{padding: 40px 0;}
.standard_content td{padding: 6px;}
.standard_content th:nth-child(1){ width:110px;}
.cpyy{padding: 40px 0;}
.cpyy_content{padding-top: 20px;}
.product_title ul{justify-content: space-between;width: auto;gap:10px;}
.product_title li span{width: auto;}
.product_list ul{gap:20px;}
.product_list li{width: 100%;}
.product_text{padding: 15px;text-align: center;}
.product_text span{line-height: 36px; font-size: 14px;margin: 0 auto;}
.product_top img{height: 25px;}
.product_top li{width: auto;}
.product_top ul{gap:3px;white-space: nowrap;overflow: auto;}
.product_top ul::-webkit-scrollbar {width: 0;height: 0;}
.product_top a{padding:10px;}
.product_top p{font-size: 14px;}
.product_title{padding: 25px 0;}

.jspt{padding: 40px 0;display: block;}
.jspt_img{width: 100%;}
.jspt_text{width: 100%; padding: 40px 0 0 0;}
.jspt_title h2{text-align: center;margin-bottom: 20px;}
.jspt_text p{margin-bottom: 20px;}
.pthx{margin-top: 20px;}
.pthx_content h3{margin-top: 15px;}



}
@media screen and (max-width: 780px){
	

	
	
}