@charset "utf-8";
/*通用样式*/
@font-face {
	font-family: hrs;
	src: url(hrs.TTF);
}
*,a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
html, body, div, span, iframe, map, font, img, a img, samp, strong, 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-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
input,textarea { outline: none; border: none; box-sizing: border-box; background: none;}
body{ overflow-x: hidden; width: 100%; background:#fff; font:normal 14px/25px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:#F49441;  }
.clear { clear:both;}
div { box-sizing:border-box;}
.clearfix::after { content: ''; clear: both; display: block; height: 0;}
/* CSS Document */
.header { transition: all 0.5s; align-items: center; padding: 0 5.2vw; display: flex; justify-content: space-between; z-index: 990; position: fixed; left: 0; top: 0; width: 100%; height: 88px; background: rgba(255,255,255,.1);-webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);}
.banner { overflow: hidden; position: relative;}
.banner img { display: block; width: 100%;}
.logo { position: relative; display: block; width: 144px;}
.logo img { display: block; width: 100%; transition: all 0.3s;}
.logo img:nth-child(2) { position: absolute; top: 0; opacity: 0; width: 100%; left: 0;}
.nav ul { display: flex; gap: 3.125vw;}
.nav li { position: relative;}
.nav dl { display: none; text-align: center; position: absolute; left: 50%; display: none; transform: translateX(-50%); width: 180px; background: #ffffff; top: 88px;}
.nav dt { font-size: 16px; line-height: 3;}
.nav dt a { color: #333333; transition: all 0.3s; display: block;}
.nav dt a:hover { background: #2843B5; color: #ffffff;}
.nav li h2 a { white-space: nowrap; color: #ffffff; font-size: 16px; font-weight: bold;}
.nav li h2 { position: relative; line-height: 88px;}
.nav li h2::after { content: ''; bottom: 16px; background: #ffffff; height: 2px; transition: all 0.5s; position: absolute; left: 0; width: 0;}
.nav li.cur h2::after,.nav li:hover h2::after { width: 100%;}
.headerTel a { font-family: hrs; background: url(../images/phoneW.png) left center no-repeat; font-size: 24px; color: #ffffff; padding-left: 40px;}
.header.move { box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #ffffff;}
.header.move .nav li a { color: #333333;}
.header.move .headerTel a { background: url(../images/phone.png) left center no-repeat; color: #2843B5;}
.header.move .nav dt a:hover { background: #2843B5; color: #ffffff;}
.header.move .nav li h2::after { background: #2843B5;}
.header.move .logo img:nth-child(1) {opacity: 0;}
.header.move .logo img:nth-child(2) {opacity: 1;}
.banner .swiper-button-prev,.banner .swiper-button-next { width: 48px; height: 48px; box-sizing: border-box; border:1px solid #ffffff; border-radius: 50%; font-size: 16px;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after { font-size: 16px; color: #ffffff;}
.banner .swiper-button-prev { transition: all 0.3s; left: 5.2vw; bottom: 5.2vw; margin: 0; top: auto;}
.banner .swiper-button-next { transition: all 0.3s; right: auto; left: calc(5.2vw + 68px); bottom: 5.2vw; margin: 0; top: auto;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { border: 1px solid rgba(255,255,255,0); background: rgba(255,255,255,.1);-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.banner1 .swiper-button-prev,.banner1 .swiper-button-next { width: 48px; height: 48px; box-sizing: border-box; border:1px solid #ffffff; border-radius: 50%; font-size: 16px;}
.banner1 .swiper-button-prev::after,.banner1 .swiper-button-next::after { font-size: 16px; color: #ffffff;}
.banner1 .swiper-button-prev { transition: all 0.3s; left:3.2vw; bottom: 2.2vw; margin: 0; top: auto;}
.banner1 .swiper-button-next { transition: all 0.3s; right: auto; left: calc(3.2vw + 68px); bottom: 2.2vw; margin: 0; top: auto;}
.banner1 .swiper-button-prev:hover,.banner1 .swiper-button-next:hover { border: 1px solid rgba(255,255,255,0); background: rgba(255,255,255,.1);-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.container { width: 1440px; margin: 0 auto; max-width: 92%;}
.homeDesc { padding:8.33vw 0 10.4vw;}
.partHead { justify-content: space-between; display: flex; gap: 20px;}
.titleCell span { color: #333333; line-height: 28px; margin-bottom: 10px; display: block; font-size: 24px; text-transform: uppercase; white-space: nowrap;}
.titleCell p { color: #333333; font-size: 48px; white-space: nowrap; line-height: 72px;}
.titleDesc { flex: 1; max-width: 715px;}
.titleDesc p { font-size: 16px; line-height: 2; color: #666666;}
.more { transition: all 0.3s; font-size: 14px; color: #333333; display: flex; gap: 10px; align-items: center;}
.more img { transition: all 0.3s; display: block; width: 20px;}
.more:hover { color: #F49441;}
.more:hover img { transform: rotate(360deg);}
.titleDesc .more { margin-top: 4vw;}
.descCont { display: flex; justify-content: space-between; margin-top: 5.2vw;}
.descArt { background: rgb(242,242,242); flex: 1; padding:4.25vw 0 0 4vw;}
.intTag { margin-bottom: 40px; color: #ffffff; font-size: 16px; line-height: 38px; border-radius: 38px 0 38px 38px; display: inline-flex; padding: 0 40px; background: #2843B5;}
.descPic { flex: 1;}
.descPic img { display: block; width: 100%; height: 100%; object-fit: cover;}
.descArt p { font-size: 16px; color: #333333; margin-bottom: 10px; line-height: 21px;}
.descArt span { font-size: 32px; line-height: 1.5; color: #333333;}
.descArt ul { margin-top: 3.4vw;}
.descArt li { align-items: center; margin-bottom: 10px; display: flex;}
.descArt li b { font-size: 16px; display: block; width: 140px; line-height: 52px; text-align: center; color: #ffffff; background: #2843B5;}
.descArt li a { gap: 9px; display: inline-flex; align-items: center; justify-content: center; width: 233px; border: 2px solid #2843B5; color: #2843B5;
line-height: 48px; font-size: 20px; font-family: hrs;}
.descArt li i { background: url(../images/phone.png) center no-repeat; width: 24px; height: 24px;}
.intSlide { background: url(../images/good.png) center no-repeat; background-size: cover; height: 100vh; position: relative; margin-top: 5.2vw;}
.slideConts { position: absolute; left: 0; top: 0;}
.intSlide ul { display: flex;height: 100%; justify-content: space-between;}
.intSlide li { transition: all 0.5s; position: relative; height: 100%; border-right: 1px solid rgba(255,255,255,.3); flex: 1; box-sizing: border-box; padding: 6.25vw 3.645vw 0;}
.intSlide li h2 { font-size: 24px; color: #ffffff; padding-bottom: 2.8vw; font-weight:normal; border-bottom: 1px solid rgba(255,255,255,.3);}
.intSlide li p { visibility: hidden; opacity: 0; transition: all 0.5s; font-size: 12px; color: #ffffff; line-height: 22px; margin-top: 2.6vw;}
.intSlide a.more { visibility: hidden; opacity: 0; transition: all 0.5s; color: #ffffff; margin-top: 3.02vw;}
.intSlide li span { visibility: hidden; opacity: 0; transition: all 0.5s; position: absolute; bottom: 5.2vw; left: 3.645vw; color: #ffffff; font-size: 16px; text-transform: uppercase;}
.intSlide li:last-child { border: none;}
.intSlide li:hover { background: rgba(255,255,255,.1);-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.intSlide li:hover span,.intSlide li:hover p,.intSlide li:hover a.more { visibility: visible; opacity: 1;}
.step { background: #f2f2f2; padding: 10.4vw 0;}
.stepCont ul { display: flex; justify-content: space-between;}
.stepCont li { position: relative; width: 13.75%;}
.stepCont li img { display: block; width: 100%;}
.stepCont li img:nth-child(2) { position: absolute; left: 0; top: 0; width: 100%; transition: all 0.5s; transform: scale(0);}
.stepCont { background: url(../images/cline.png) center no-repeat; margin-top: 5.2vw; background-size: 100% auto;}
.stepCont ul:nth-child(1) { margin-bottom: 50px;}
.stepCont li:hover img:nth-child(2) { transform: scale(1);}
.stepCont li::after { content: ''; background: url(../images/arr.png) center no-repeat; display: block; width: 32px; height: 32px;
position: absolute; left: 120%; top: 50%; transform: translateY(-50%);}
.stepCont li:last-child::after { display: none;}
.stepCont ul:nth-child(2) li:after { transform: translateY(-50%) rotate(180deg);}
.case { padding: 10.4vw 0;}
.caseHd { border-top: 1px solid #F2F2F2; margin-top: 3.125vw; padding: 3.125vw 0 0; margin-bottom: 5.2vw; gap: 10px; display: flex; justify-content: space-between;}
.caseHd span { display:block; border: 1px solid #E0E0E0; border-radius: 50px; line-height:48px; font-size: 14px; color: #666666; cursor: pointer; flex: 1; text-align: center; transition: all 0.3s;}
.caseHd span:hover { border: 1px solid #2843B5;  background: #2843B5; }
.caseHd span:hover a{ color:#fff;}

.caseSlide img { transition: all 3s; display: block; width: 100%;}
.caseSlide .swiper-slide { transition: all 0.5s; opacity: .2; overflow: hidden; position: relative;}
.caseText { transition: all 0.5s; padding: 43px 70px 43px 2.6vw; position: absolute; left: 0; bottom: -100%; width: 50%; background: #2843B5;}
.caseText p { font-size: 20px; color: #ffffff; margin-bottom: 12px; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.caseText span { font-size: 12px; line-height: 18px; color: #ffffff; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.caseText::after { content: ''; width: 12px; height: 24px; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); background: url(../images/caseArr.png) center no-repeat;}
.caseSlide .swiper-slide-active .caseText { bottom: 0;}
.caseSlide .swiper-slide-active { opacity: 1;}
.caseSlide .swiper-slide:hover img { transform: scale(1.1);}
.caseSlide { transform: scale(0); opacity: 0; transition: opacity .5s;  visibility: hidden; overflow: hidden;height: 0;}
.caseSlide.act { height: auto; opacity: 1; visibility: visible; transform: scale(1);}
.dn { display: none;}

.caseSlide .swiper-button-prev,.caseSlide .swiper-button-next { width: 48px; height: 48px; box-sizing: border-box; background: #F2F2F2; border-radius: 50%; font-size: 16px;}
.caseSlide .swiper-button-prev::after,.caseSlide .swiper-button-next::after { font-size: 16px; color: #999;}
.caseSlide .swiper-button-prev { transition: all 0.3s; left: auto; right: calc(14vw + 68px); bottom: 2.6vw; margin: 0; top: auto;}
.caseSlide .swiper-button-next { transition: all 0.3s; right: auto; right:14vw; bottom: 2.6vw; margin: 0; top: auto;}
.caseSlide .swiper-button-prev:hover,.caseSlide .swiper-button-next:hover {  background: #2843B5; color: #ffffff;}
.caseSlide .swiper-button-prev:hover::after,.caseSlide .swiper-button-next:hover::after { color: #ffffff;}
.solutionList ul { display: flex; flex-wrap: wrap;}
.solutionList li { overflow: hidden; position: relative; width: 25%;}
.solutionList li>img { display: block; transition: all 1s; width: 100%;}
.solutionText { transition: all 0.5s; opacity: 0; padding: 4vw 3.125vw 0; position: absolute; left: 0; top: 0; height: 100%; width: 100%;background: rgba(40,67,181,.7);}
.solutionText h2 { font-size: 20px; line-height: 1.5; color: #ffffff; margin-bottom: 12px;}
.solutionText p { color: #ffffff; font-size: 12px;}
.solutionText a.more { position: absolute; bottom: 4vw; color: #ffffff;}
.solutionList { margin-top: 5.2vw;}
.solutionList li:hover>img { transform: scale(1.1);}
.solutionList li:hover .solutionText { opacity: 1;}
.newsControl { display: flex; gap: 10px; margin-top: 48px;}
.newsControl .swiper-button-prev,.newsControl .swiper-button-next { transition: all 0.3s; position: static; margin: 0; width: 48px; height: 48px; box-sizing: border-box; background: #F2F2F2; border-radius: 50%; font-size: 16px;}
.newsControl .swiper-button-prev::after,.newsControl .swiper-button-next::after { font-size: 16px; color: #999;}
.newsControl .swiper-button-prev:hover,.newsControl .swiper-button-next:hover {  background: #2843B5; color: #ffffff;}
.newsControl .swiper-button-prev:hover::after,.newsControl .swiper-button-next:hover::after { color: #ffffff;}
.newsSwiper { padding-left: calc(50% - 720px);}
.newsDate { transition: all 0.5s; z-index: 2; padding-top: 2vw; border-top: 1px solid rgba(0,0,0,0.1); margin-top: 7.2vw; display: flex; justify-content: space-between; align-items: flex-end;}
.newsSwiper .swiper-slide { position: relative; background: #F2F2F2; padding: 4vw 2.6vw 3.9vw;}
.newsDate p { position: relative; z-index: 2; line-height: 1.17; font-size: 5vw; font-family: hrs; color: #2843B5;}
.newsDate span { position: relative; z-index: 2; font-size: 16px; display: block; line-height: 1; color: #999999; margin-bottom: 10px;}
.newsSwiper .swiper-slide>img { transition: all 0.5s; opacity: 0; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.news { margin: 10.4vw 0;}
.newsSwiper { margin-top: 6.25vw;}
.newsSwiper .swiper-slide>p {position: relative; z-index: 2; font-size: 20px; line-height: 1.8; height: 72px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
margin-bottom: 40px;}
.newsSwiper .swiper-slide a.more { transition: all 0.5s; position: relative; z-index: 2;}
.newsSwiper .swiper-slide:hover>img { opacity: 1;}
.newsSwiper .swiper-slide:hover>p { color: #ffffff;}
.newsSwiper .swiper-slide:hover a {color: #ffffff;}
.newsSwiper .swiper-slide:hover .newsDate { opacity: 0;}
.footer { background: #F2F2F2; padding-top: 5.2vw;}
.footerTop { border-bottom: 1px solid #F2F2F2; padding-bottom: 40px; align-items: center; display: flex; justify-content: space-between;}
.shareControl { display: flex; gap: 20px;}
.shareControl span { position: relative; display: flex; justify-content: center; align-items: center; cursor: pointer; width: 40px; height: 40px; border: 2px solid #2843B5; border-radius: 4px;}
.shareControl img { display: block;}
.footerBottom { display: flex; justify-content: space-between;}
.footerBottom ul { gap: 5.2vw; display: flex;}
.footerBottom li h2 { margin-bottom: 30px;}
.footerBottom li h2 a{ font-size: 16px; line-height: 1.5; color: #333333;}
.footerBottom li p a{ transition: all 0.3s; font-size: 12px; line-height: 16px; color: #666666;}
.footerBottom li p{ margin-bottom: 12px; font-size: 12px; line-height: 16px; color: #666666;}
.footerBottom li p:hover a { color: #2843B5;}
.scan { text-align: center;}
.yjbh{display:none;}
.scan img { width: 150px;}
.scan p { font-size: 14px; line-height: 18px; margin-top: 14px; color:#666666}
.lines { margin-bottom: 60px; height: 1px; background: rgb(218,218,218);}
.copyRight { font-size: 12px; color: #999999;height: 115px; text-align: center; border-top: 1px solid rgb(218,218,218);}
.copyRight a { transition: all 0.3s; font-size: 12px; color: #999999;}
.copyRight a:hover{color: #2843B5;}
.altPic { display: none; width: 120px; position: absolute; bottom:50px; left: 50%; transform: translateX(-50%);}
.altPic img { display: block; width: 100%;}
.shareControl span:hover .altPic { display: block;}
.menubox { 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);}
@media screen and  (max-width:1440px){
	
	.nav ul { gap: 20px;}
}

@media screen and  (max-width:1280px){
	.header { height: 60px;}
	.header,.header.move { height: 60px;background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
	.header .logo img { opacity: 0;}
	.header .logo img:nth-child(2) { opacity: 1;}
	.header .nav li h2 a { line-height:50px;}
	.banner { overflow: hidden; position: relative;margin-top: 60px;}
	.header .nav li h2 a{ color: #333333;}
	.header .logo img {height: 40px;}
	.nav { height: calc(100vh - 60px); position: fixed; left: -110%; overflow-y: auto; top:60px; width: 200px; 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 h2 { line-height: 40px;}
	.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: #2843B5;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;}
	.nav li dl { position: static; width: 100%; padding: 0; transform: translateX(0); text-align: left;}
	.nav li dl dt { text-align: left; text-indent:30px;}
	.nav li h2::after { display: none!important;}
	body { padding-top: 60px;}
	.headerTel a { background: url(../images/phone.png) left center no-repeat; color: #2843B5; font-size: 16px; padding-left:25px; margin-right: 40px;}
	.nav li dl dt { font-size: 14px;}
	.partHead { flex-direction: column;}
	.titleDesc { width: 100%; max-width: none;}
	.titleCell p { font-size: 20px; line-height: 1;}
	.titleCell span { font-size: 16px; line-height: 1;}
	.descCont { flex-direction: column;}
	.descArt span { font-size: 20px;}
	.descArt p { font-size: 14px;}
	.descArt li a { font-size: 16px; width: auto; flex: 1;}
	.descArt { padding: 20px;}
	.intTag { margin-bottom: 20px;}
	.news .partHead { flex-direction: row;}
	.newsControl { margin-top: 0;}
	.newsSwiper { padding-left: 4%;}
}
@media screen and  (max-width:780px){
	.stepCont ul { gap: 10px; margin-bottom: 10px; white-space: nowrap; overflow-x: auto;}
	.stepCont li { width:33%;}
	.stepCont ul:nth-child(1) { margin-bottom: 10px;}
	.stepCont li:after { display: none;}
	.caseHd span { white-space: nowrap; padding: 0 10px; line-height: 2.5;}
	.caseHd { overflow-x: auto;}
	.solutionList li { width: 50%;}
	.intSlide ul { flex-wrap: wrap;}
	.intSlide li { height: 50%; width: 50%; flex: auto;}
	.footerTop { padding-bottom: 20px; flex-direction: column;}
	.footLogo { margin-bottom: 20px;}
	.footLogo img { max-width: 80%; display: block; margin: 0 auto;}
	.footerBottom ul { display: none;}
	.lines { margin-bottom: 20px;}
	.footerBottom { justify-content: center; margin-bottom: 20px;}
	.intSlide { height: 50vh;}
	.intSlide li p { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.intSlide li h2 { font-size:16px;}
	.intSlide li span { font-size: 12px;}
	.titleDesc p { font-size: 14px;}
	.newsSwiper .swiper-slide>p { font-size: 16px; height: auto;}
	.newsDate span { margin-bottom: 5px; font-size: 12px;}
	.caseText { position: relative; width: 100%; padding:10px 20px;}
	.caseSlide .swiper-button-prev,.caseSlide .swiper-button-next { width: 30px; height: 30px; bottom: 66px;}
	.caseSlide .swiper-button-next { right: 20px; font-size: 12px;}
	.caseSlide .swiper-button-prev { right: calc(20px + 35px); font-size: 12px;}
	.caseSlide .swiper-button-next::after,.caseSlide .swiper-button-prev::after { font-size: 12px;}
	.banner .swiper-button-prev { left: 4%; width: 30px; height: 30px;}
	.banner .swiper-button-next { left: calc(4% + 35px); width: 30px; height: 30px;}
	.banner .swiper-button-prev::after,.banner .swiper-button-next::after { font-size: 12px;}
	.newsControl .swiper-button-prev, .newsControl .swiper-button-next { width: 30px; height: 30px;}
	.newsControl .swiper-button-prev::after,.newsControl .swiper-button-next::after { font-size: 12px;}
	.caseText::after { right: 20px;}
	.caseText p { font-size: 16px; margin-bottom: 0;}
	.yjbh{ width:100%;display: block; line-height:50px; text-align:center; height:50px; font-size:16px; background:#2843B5; position:fixed; bottom:0px; overflow:hidden;z-index:999;}
	.yjbh ul {
    display: flex;
    flex-wrap: wrap;
}
	.yjbh li{    width: 33.07%;text-align: center;border-right:1px solid #fff;}
.yjbh a{ color:#fff;}
}