@charset "utf-8";
.content { width: 1400px; margin: 0 auto; }
i, em, b { font-style: normal; }
.tit01 h2 { font-size: 48px !important; text-align: center; font-family: "Microsoft YaHei"; color: #000000; font-weight: bold; line-height: 64px; }
.tit01 a { color: #000000;font-size: 48px !important;  }
.tit01 p { font-weight: normal; display: block; font-size: 20px; color: #666666; line-height: 45px; text-align: center; font-family: "Microsoft YaHei"; }
 @media screen and (max-width:1680px) {
.content { width: 1200px; }
.tit01 h2 { font-size: 48px !important;}
.tit01 p { font-size: 18px; }
}
/**/
.banner { width: 100%; max-height: 800px; position: relative; max-width: 1920px; overflow: hidden; ; }
.banner img { width: 100%; display: block; }
.banner .swiper-pagination { bottom: 3% !important; z-index: 1 }
.banner .swiper-pagination .swiper-pagination-bullet { background: #fff; opacity: 1; width: 10px; height: 10px; color: #fff; border-radius: 10px; border: 0; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; margin: 0 10px; }
.banner .swiper-pagination .swiper-pagination-bullet-active { background: #44c8f5; width: 50px; }
.banner .ban-arrow { position: absolute; font-size: 0; top: 50%; z-index: 9; width: 42px; height: 74px; margin-top: -50px; border: 0; outline: none; }
.banner .ban-prev { left: 5%; background: url(../images/20230718161936_1998514637.png) no-repeat center center; display: none; }
.banner .ban-next { right: 5%; background: url(../images/20230718161936_1886514270.png) no-repeat center center; display: none; }
/**/
.g-guide { background: url(../images/20230802113225_1509569961.jpg) no-repeat center top; height: auto; padding: 70px 0; box-sizing: border-box; font-family: "Microsoft Yahei"; clear: both; overflow: hidden; }
.g-guide .tit01 { height: 118px; }
.guide dl { width: 1000px; margin: 0 auto; margin-bottom: 52px; }
.guide dd { font-size: 18px; color: #666666; line-height: 32px; text-align: center; margin-bottom: 25px; }
.guide dd strong{ color: #1a1a1a;}
.guide dt { position: relative; }
.guide dt::before { content: ""; position: absolute; width: 220px; height: 100px; background: #44c8f5; ; left: -23px; bottom: -25px; }
.guide dt::after { content: ""; position: absolute; width: 100px; height: 220px; background: #44c8f5; ; right: -23px; top: -19px; }
.guide dt i { width: 58px; height: 58px; display: block; background: url(../images/20230718162919_1047794325.png) no-repeat; background-size: 100%; position: absolute; left: 50%; top: 50%; margin: -29px 0 0 -29px; z-index: 2; }
.guide dt img { width: 100%; display: block; position: relative; z-index: 2; }
.digital { width: auto; height: 105px; position: relative; clear: both; overflow: hidden; }
.digital li { height: 105px; padding-left: 80px; box-sizing: border-box; float: left; text-align: left; position: relative; cursor: pointer; width: 280px;}
.digital li::after { content: ""; position: absolute; width: 1px; height: 88px; background: #cfd0d3; ; right: 0; top: 5px; }
.digital li:last-child::after { width: 0; }
.digital li em { position: relative; display: block; font-family: "Arial"; color: #333333; font-weight: bold; width: 105px; }
.digital li em b { margin-left: 0px; font-size: 62px; color: #333333; font-weight: bold; font-family: "Century Gothic", "Arial"; }
.digital li em i { font-size: 18px; color: #ffffff; background: url(../images/bg4.png) no-repeat center center; text-align: center; font-weight: normal; width: 28px; line-height: 28px; height: 28px; display: block; text-transform: uppercase; font-family: "Arial"; position: absolute; bottom: 10px; right: 0px; display: block; border-radius: 100%; }
.digital li p { font-size: 16px; color: #333333; text-align: left; line-height: 30px;  padding-left: 10px; }

.digital li:nth-child(2) em, .digital li:nth-child(5) em { width: 170px; }
.digital li:nth-child(3) em { width: 140px; }

/**/
.g-products { height: auto; background: #fff; overflow: hidden; padding: 75px 0 0; box-sizing: border-box; font-family: "Microsoft YaHei"; clear: both; overflow: hidden; }
.g-products .tit01 { height: 140px; }
.products { width: 100%; }
.products img { width: 100%; display: block; }
.pro1 { padding-bottom: 81px; }
.pro-c { width: 100%; min-width: 1366px; max-height: 701px; clear: both; overflow: hidden }
.pro-left { width: 40.3%; position: relative; max-height: 701px; overflow: hidden; }
.pro-nav h3 { height: 30px; line-height: 30px; font-weight: bold; font-size: 24px; position: relative; }
.pro-nav h3 a { color: #0164a4; }
.pro-nav h3 span { font-weight: normal; font-size: 16px; color: #000000; }
.pro-nav h3::after { content: ""; position: absolute; width: 30vw; height: 1px; background: #cccccc; ; left: 140px; top: 50%; }
.pro-nav p { margin: 0.5vw 0 1vw; clear: both; overflow: hidden; }
.pro-nav p a { height: 35px; line-height: 35px; padding: 0 1vw; text-align: center; font-size: 16px; color: #666666; font-weight: normal; display: block; box-sizing: border-box; position: relative; float: left; border-radius: 20px; }
.pro-nav p a:hover { background: url(../images/20230718163322_749010465.png) no-repeat center center; background-size: 100% 100%; color: #fff; }
.pro-right { width: 41.8%; max-width: 800px; margin-left: 4.53%; }
.pro-right ul { width: 100%; }
.pro-right li { width: 48.625%; float: left; max-height: 291px; box-sizing: border-box; position: relative; margin-right: 2.75%; margin-bottom: 1.19vw; }
.pro-right li:nth-child(2n) { margin-right: 0; }
.pro-right li .pro-desc { width: 100%; height: 100%; padding: 3.75vw 2.7vw 0; max-height: 291px; text-align: center; position: absolute; left: 0; top: 0; background: url(../images/20230718163404_296503393.png) no-repeat center center; background-size: 100% 100%; box-sizing: border-box; opacity: 0; }
.pro-right li .pro-desc h4 { font-size: 18px; color: #fff; font-weight: bold; line-height: 34px; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pro-right li .pro-desc p { font-size: 15px; color: #fff; line-height: 24px; max-height: 72px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }
.pro-right li:hover .pro-desc { opacity: 1; }
.pro1 .pro-right { margin-left: 4.53%; }
.pro2 { padding: 80px 0; background: url(../images/20230718163429_1701123481.jpg) no-repeat center top; }
.pro2 .pro-right { margin-right: 4.53%; }
.pro2 .pro-nav p a:last-child { float: right; }
 @media screen and (max-width:1840px) {
.pro-nav h3::after { content: ""; position: absolute; width: 26vw; height: 1px; background: #cccccc; ; left: 140px; top: 50%; }
.pro-nav p { height: 28px; }
.pro-nav p a { height: 30px; line-height: 30px; }
}
@media screen and (max-width:1680px) {
.pro-nav p { height: 70px; }
.pro-nav p a { height: 35px; line-height: 35px; }
.pro-left { width: 44.5%; }
}
/**/
.g-products3 { height: auto; background: #fff url(../images/20230718163505_1103850120.jpg) no-repeat center bottom; padding: 75px 0 80px; box-sizing: border-box; font-family: "Microsoft YaHei"; clear: both; overflow: hidden; }
.pro3-nav { height: 35px; margin-bottom: 26px; }
.pro3-nav h3 { height: 35px; line-height: 35px; font-weight: bold; font-size: 26px; position: relative; float: left; }
.pro3-nav h3 a { color: #000000; }
.pro3-nav em { display: block; }
.pro3-nav em a { height: 35px; line-height: 35px; padding: 0 30px; text-align: center; font-size: 18px; color: #666666; font-weight: normal; display: block; box-sizing: border-box; position: relative; float: left; border-radius: 20px; }
.pro3-nav em a:last-child { padding: 0 10px; background: none; }
.pro3-nav em a:hover { background: url(../images/20230718163322_749010465.png) no-repeat center center; background-size: 100% 100%; color: #fff; }
.pro3-c { position: relative; }
.pro3-prev { width: 26px; height: 46px; position: absolute; left: -66px; top: 50%; margin-top: -23px; z-index: 5; background: url(../images/20230718164106_212996557.png) no-repeat; }
.pro3-next { width: 26px; height: 46px; position: absolute; right: -66px; top: 50%; margin-top: -23px; z-index: 5; background: url(../images/20230718164106_1674831119.png) no-repeat; }
.pro3-con { overflow: hidden; }
.pro3-con li { width: 32.4%; ; box-sizing: border-box; position: relative; float: left; }
.pro3-con li em { width: 100%; display: block; border: 1px solid #e1e1e1; box-sizing: border-box; }
.pro3-con li em img { width: 100%; display: block; }
.pro3-con li h4 { width: calc(100% + 2px); height: calc(100% + 2px); padding: 8.95vw 1vw 0; text-align: center; position: absolute; left: -1px; top: -1px; background: url(../images/20230718164217_1249706146.png) no-repeat center center; background-size: 100% 100%; box-sizing: border-box; opacity: 0; font-size: 18px; color: #fff; text-align: center; font-weight: normal; line-height: 30px; }
.pro3-con li:hover h4 { opacity: 1; }
@media screen and (max-width:1680px) {
.pro3-con li h4 { padding: 10.95vw 1vw 0; }
}
/**/
.g-chara { height: auto; overflow: hidden; background: url(../images/20230718164906_1645840612.jpg) no-repeat center top; padding: 65px 0 87px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.g-chara .tit01 { height: 128px; }
.chara dl { width: 19.57%; float: left; margin-right: 0.43%; position: relative; max-height: 510px; overflow: hidden; ; }
.chara dl:last-child { margin-right: 0; }
.chara dt { width: 100%; position: relative; }
.chara dt img { width: 100%; display: block; }
.chara dt em { width: 100%; display: block; position: relative; }
.chara dt em:after { content: ''; position: absolute; height: 100%; width: 100%; bottom: 0; left: 0px; background: url(../images/20230718164934_747131810.png) no-repeat center bottom; background-size: 100% 100%; }
.chara dt h4 { width: 100%; position: absolute; left: 0; bottom: 1.2vw; text-align: center; font-size: 20px; color: #ffffff; font-weight: normal; opacity: 1; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.chara dt i { font-size: 12px; color: rgba(255, 255, 255, 0.5); display: block; }
.chara dd { width: 100%; height: 100%; padding: 7vw 15% 0; position: absolute; left: 0; top: 0; z-index: 1; text-align: center; box-sizing: border-box; opacity: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.chara dd h4 { font-size: 26px; color: #fff; font-weight: bold; margin-bottom: 1vw; }
.chara dd p { font-size: 18px; color: #fff; line-height: 24px; }
.chara dd i { display: block; width: 2.34vw; height: 2.34vw; background: url(../images/20230718164958_168028400.png) no-repeat; background-size: 100%; position: absolute; left: 50%; bottom: 5vw; margin-left: -1.17vw; }
.chara dl.cur dt em:after { background: url(../images/bg2.png) no-repeat center top; background-size: 100% 100%; }
.chara dl.cur dt h4 { opacity: 0; }
.chara dl.cur dd { opacity: 1; }
 @media screen and (max-width:1680px) {
.chara dt h4 { font-size: 18px; }
.chara dd { padding: 5vw 15% 0; }
.chara dd h4 { font-size: 22px; white-space: nowrap; }
.chara dd p { font-size: 16px; }
}
/**/
.g-super { height: auto; background: url(../images/20230718165333_1058516872.jpg) no-repeat center top; padding: 70px 0 103px; box-sizing: border-box; font-family: "Microsoft YaHei"; max-width: 1920px; margin: 0 auto; overflow: hidden; }
.g-super .tit01 { height: 122px; }
.super { position: relative; }
.super-nav { height: 160px; }
.super-nav li { font-size: 30px; width: 25%; line-height: 36px; float: left; text-align: center; font-weight: bold; box-sizing: border-box; color: #333333; position: relative; }
.super-nav li:after { content: ''; position: absolute; height: 1px; width: 9.375vw; top: 75px; right: -4.68vw; background: #e6e6e6; }
.super-nav li:last-child:after { width: 0; }
.super-nav li em { display: block; width: 58px; height: 46px; overflow: hidden; margin: 0 auto 10px; position: relative; }
.super-nav li em img { width: 58px; position: absolute; left: 0; top: 0; -webkit-transition: .35s; -moz-transition: .35s; transition: .35s; }
.super-nav li i { font-size: 14px; color: #cccccc; line-height: 36px; display: block; text-transform: uppercase; font-weight: normal; }
.super-nav li.cur { color: #44c8f5; }
.super-nav li.cur em img { top: -46px; }
.super-con { position: relative; }
.super-prev { width: 22px; height: 40px; position: absolute; left: 10%; top: 37%; margin-top: -20px; z-index: 5; background: url(../images/20230718165500_408177158.png) no-repeat; }
.super-next { width: 22px; height: 40px; position: absolute; right: 10%; top: 37%; margin-top: -20px; z-index: 5; background: url(../images/20230718165500_161200162.png) no-repeat; }
.super-con dl { width: 70.72%; position: relative; }
.super-con dt { width: 100%; position: relative; }
.super-con dt img { width: 100%; display: block; }
.super-con dd { height: 203px; margin: -4.375vw auto 0; position: relative; z-index: 1; display: none; }
.super-con dd .content { background: url(../images/20230718165536_96829390.jpg) no-repeat center top; background-size: 100% 100%; height: 203px; box-shadow: 0 0 30px #eaeaea; padding: 45px 0 0; box-sizing: border-box; }
.super-con dd .desc { width: 60%; float: left; margin-left: 40px; }
.super-con dd h4 { font-size: 26px; color: #44c8f5; font-weight: bold; margin-bottom: 12px; }
.super-con dd p { font-size: 16px; color: #666666; line-height: normal; margin-bottom: 10px; position: relative; padding-left: 10px; }
.super-con dd p:after { content: ''; position: absolute; height: 2px; width: 2px; top: 10px; left: 0; background: #666666; }
.super-con dd li { height: 110px; float: left; width: 216px; font-size: 18px; color: #333333; }
.super-con dd li b { font-size: 50px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: rgba(51, 51, 51, 0.88); }
.super-con dd li em { display: block; position: relative; }
.super-con dd li i { font-size: 16px; color: #ffffff; background: url(../images/bg4.png) no-repeat center center; text-align: center; font-weight: normal; width: 28px; line-height: 28px; height: 28px; display: inline-block; font-family: "Arial"; position: absolute; bottom: 10px; right: 50px; border-radius: 100%; }
.super-con dd li:nth-child(2) { padding-left: 44px; border-left: 1px solid #e8e8e9; }
.swiper-slide-active dd { display: block; }
 @media screen and (max-width:1680px) {
.super-nav li { font-size: 26px; }
.super-con dd .desc { width: 60%; margin-left: 20px; }
.super-con dd p { font-size: 15px; }
.super-con dd li { width: 188px; }
.super-con dd li b { font-size: 40px; }
.super-con dd li i { font-size: 15px; }
}
/**/
.g-cases { height: auto; background: #fff url(../images/bg1.jpg) no-repeat center top; background-size: cover; padding: 70px 0 80px; font-family: "Microsoft Yahei"; box-sizing: border-box; position: relative; max-width: 1920px; overflow: hidden; ; }
.g-cases .tit01 { height: 125px; }
.g-cases .tit01 h2 a { color: #fff; }
.g-cases .tit01 p { color: #fff; }
.g-cases .content { position: relative; overflow: hidden; background: #fff; padding: 0 40px 40px; box-shadow: 0 0 32px rgba(0, 0, 0, 0.24); }
.case-nav { clear: both; overflow: hidden; margin-bottom: 40px; text-align: center; padding-top: 35px; box-sizing: border-box; height: 125px; border-bottom: 1px solid #efefef; }
.case-nav a { display: block; text-align: center; width: 12.5%; line-height: 35px; font-size: 18px; color: #333333; box-sizing: border-box; font-weight: normal; border-right: 1px solid #e5e5e5; float: left; }
.case-nav h3 { width: 100%; float: left; ; }
.case-nav h3 a { width: 16.6%; }
.case-nav a.case-more { border-right: 0; }
.case-nav a::after { content: ""; width: 0%; height: 3px; background: url(../images/20230718170500_2099470539.jpg) no-repeat; background-size: 100% 100%; position: absolute; top: 0px; left: 50%; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; }
.case-nav em { width: 50px; height: 36px; display: block; overflow: hidden; position: relative; margin: 0px auto 10px; }
.case-nav em img { width: 50px; display: block; position: absolute; left: 0; top: 0; }
.case-nav a:hover, .case-nav a.cur { color: #44c8f5; font-weight: bold; }
.case-nav a:hover em img, .case-nav a.cur em img { top: -36px; }
.case-con, .pat-con { overflow: hidden; }
.case-con dl { position: relative; clear: both; overflow: hidden; }
.case-con dt { width: 56%; float: left; }
.case-con dt img { width: 100%; display: block; }
.case-con dd { width: 40.15%; padding: 52px 0 0 40px; box-sizing: border-box; float: left; }
.case-con dd h4 { font-size: 34px; color: #333333; font-weight: bold; height: 48px; line-height: 48px; margin-bottom: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.case-con dd h4 a { color: #333333; }
.case-con dd p { line-height: 26px; font-size: 16px; color: #666666; text-align: justify; }
.case-con dd span { display: block; margin: 40px 0 0; background: url(../images/bg5.png) no-repeat; width: 181px; height: 44px; line-height: 44px; text-align: center; font-weight: normal; font-size: 16px; color: #ffffff; }
.partner { margin-top: 27px; }
.partner li { width: 15.37%; }
.partner li img { width: 100%; display: block; }
 @media screen and (max-width:1620px) {
.cases li .desc h3 { font-size: 22px; margin-top: 0.56vw; }
.cases li .desc h3 b { font-size: 24px; }
.cases li .desc p { font-size: 14px; line-height: 22px; margin-top: 0.56vw; }
}
/**/
.g-news { height: auto; padding: 85px 0 80px; background: #fff; overflow: hidden; clear: both; font-family: "Microsoft Yahei"; box-sizing: border-box; }
.g-news .tit01 { height: 137px; }
.news { position: relative; }
.news1 { width: 73.64%; max-width: 1031px; float: left; }
.news-nav { background: url(../images/20230719102351_174816638.jpg) no-repeat left center; height: 77px; text-align: center; margin-bottom: 28px; }
.news-nav a { display: block; font-weight: normal; height: 77px; line-height: 77px; width: 175px; font-size: 24px; color: #fff; font-weight: normal; float: left; }
.news-nav a.cur, .news-nav a:hover { background: #00456b; }
.news-c { background: #fff; }
.news-c dl { width: 100%; margin-bottom: 17px; background: #fff; box-shadow: 0 13px 21px rgba(32, 40, 46, 0.1); }
.news-c dt { width: 29.1%; width: 300px; float: left; }
.news-c dt img { width: 100%; display: block; float: left; transition: all 0.5s; }
.news-c dd { padding-top: 28px; box-sizing: border-box; width: 63%; float: left; margin-left: 30px; }
.news-c dd h4 { font-size: 24px; color: #333333; line-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; margin-bottom: 10px; }
.news-c dd h4 a { color: #333333; }
.news-c dd p { font-size: 16px; color: #999999; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.news-c dd span { height: 36px; line-height: 36px; margin-top: 20px; display: block; }
.news-c dd span em { display: block; float: right; font-size: 13px; color: #999999; }
.news-c ul { width: 100%; padding: 33px; box-sizing: border-box; box-shadow: 0 13px 21px rgba(32, 40, 46, 0.1); }
.news-c li { height: 78px; border-bottom: 1px solid #efefef; width: 49%; float: left; box-sizing: border-box; }
.news-c li:nth-child(2n) { border-left: 1px solid #efefef; padding-left: 40px; }
.news-c li h4 { width: 80%; line-height: 34px; font-size: 20px; font-weight: normal; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-c li em { float: right; font-size: 13px; color: #999999; }
.news-c li p { color: #999999; font-size: 16px; height: 24px; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-c li:nth-child(1), .news-c li:nth-child(3) { padding-right: 40px; }
.news-c li:nth-last-child(1), .news-c li:nth-last-child(2) { padding-top: 10px; border-bottom: 0; }
.news2 { width: 24.35%; float: right; }
.news-nav2 { background: url(../images/20230719102600_550261380.jpg) no-repeat left center; height: 77px; text-align: center; }
.news-nav2 a { display: block; font-weight: normal; height: 77px; line-height: 77px; width: 175px; font-size: 24px; color: #fff; font-weight: normal; float: left; }
.news2-c { padding: 20px; max-width: 300px; height: 452px; background: #fff; box-shadow: 0 13px 21px rgba(32, 40, 46, 0.1); }
.news2-con { height: 452px; overflow: hidden; }
.news2-c dl { width: 100%; height: 123px; border-bottom: 1px solid #e9e9e9; }
.news2-c dt { width: 35%; float: right; }
.news2-c dt img { width: 100%; display: block; }
.news2-c dd { width: 45%; float: left; }
.news2-c dd h4 { font-size: 16px; font-weight: normal; margin: 10px 0; max-height: 46px; line-height: 23px; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.news2-c dd h4 a { color: #333333; }
.news2-c dd em { display: block; font-size: 13px; color: #999999; }
 @media screen and (max-width:1680px) {
.news-c dd { width: 57%; }
}
/**/
.g-about { background: #fff; font-family: "Microsoft Yahei"; box-sizing: border-box; overflow: hidden; position: relative; }
.g-about img { width: 100%; display: block; }
.about { background: #fff; position: relative; z-index: 1; padding: 70px 15px 30px; box-sizing: border-box; margin: -4.7vw auto 0; }
.about .tit01 { height: 112px; }
.abt-desc { font-size: 16px; color: #666666; line-height: 24px; text-align: center;width: 80%; margin: 0 auto;}
/**/
.g-show { height: auto; position: relative; margin-bottom: 85px; padding-top: 24px; }
.show { position: relative; margin: 0 auto; }
.show-nav { height: 58px; margin-bottom: 30px; text-align: center; }
.show-nav a { display: inline-block; width: 235px; font-size: 18px; line-height: 58px; text-align: center; border: 1px solid #dcdcdc; color: #666666; font-weight: normal; position: relative; margin-right: 13px; }
.show-nav a.cur, .show-nav a:hover { width: 237px; height: 58px; background: url(../images/20230719102658_1318317047.jpg) no-repeat; background-size: 100% 100%; color: #fff; border: 0; }
.show-prev { width: 22px; height: 40px; position: absolute; left: -45px; top: 50%; margin-top: -20px; background: url(../images/20230719102953_1109910056.png) no-repeat; }
.show-next { width: 22px; height: 40px; position: absolute; right: -45px; top: 50%; margin-top: -20px; background: url(../images/20230719102953_1476907544.png) no-repeat; }
.show-content { display: none; position: relative; }
.show-con { overflow: hidden; }
.show-content li { width: 23.14%; position: relative; float: left; overflow: hidden; }
.show-content li img { display: block; width: 100%; }
.show-content li h4 { background: url(../images/20230719103217_955854871.png) no-repeat center top; background-size: 100% 100%; font-size: 16px; font-weight: normal; line-height: normal; color: #fff; text-align: center; overflow: hidden; padding: 6.15vw 5% 0; box-sizing: border-box; width: 100%; height: 100%; position: absolute; left: 0; top: -100%; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }
.show-content li a { text-decoration: none; }
.show-content li:hover h4 { top: 0px; }
.show-content.on { display: block; }
.show-content.on .show-prev, .show-content.on .show-next { z-index: 3; }
/*��*/
.g-link {  line-height: 27px; position: relative; z-index: 9; margin: 0 auto; font-size: 16px; color: #939392; background: url(../images/20230719103249_828058391.jpg) no-repeat center;padding: 10px 0; }
.link_c { text-align: left; color: #939392; }
.link a { display: inline-block; color: #939392; padding-right: 25px; font-size: 14px; }
 @media screen and (max-width:1680px) {
.link { width: 1400px; }
}



			/*products*/
.pro_bc {  padding: 80px 0 80px;  }
.pro_nav ul {display: flex;/* background: #44c8f5; */flex-direction: row;flex-wrap: wrap;}
.pro_nav { margin: 40px 0 30px; }
.pro_nav ul li {width: 19%;text-align: center;/* height: 60px; */margin: 0.5%;margin-bottom: 5px;}
.pro_nav ul li>a {font-size: 16px;display: block;line-height: 40px;color: #fff;transition: .3s;background: #44c8f5;border-radius: 16px 16px 0px 0px;/* background: linear-gradient(to bottom, #289934,#44c8f5); */}
.pro_nav ul li.on>a { background: #44c8f5; }
.pro_nav ul li:hover a { background: #05a4db; }
.pro_ic { display: flex; transition: all .5s; }
.pro_item { flex-shrink: 0; width: 100%; visibility: hidden; height: 0; }
.pro_item.on { visibility: visible; height: auto; }
.pro_c { overflow: hidden; }
.pro_item ul { display: flex; flex-wrap: wrap;flex-direction: row;
    justify-content: space-between; }
.pro_item li {width: 22.65%;position: relative;border: 1px solid #eee;margin: 0 0.6%;}
.pro_item li br { display: none; }
.pro_item li>a { background: #fff; display: block; overflow: hidden; }
.pro_item li img { width: 100%; height: auto; transition: all 0.5s; }
.pro_item li:hover img {transform: scale(1.15) rotate(-5deg);}
.pro_item button { display: none!important; }
.pro_item li span a {display: block;font-size: 16px;background: #ffffff;color: #373737;height: 60px;line-height: 60px;padding-left: 22px;z-index: 2;transition: all .5s;position: relative;transition: all 0.5s;}
.pro_item li:hover span a {background: #44c8f5;color: #fff;}
.pro_item li span a:after { position: absolute; content: ""; width: 3px; height: 15px; background: #44c8f5; top: 50%; left: 0; margin-top: -7.5px; transition: all 0.5s; }
.pro_item li:hover span a:after { height: 100%; top: 0; margin-top: 0; }
.pro_item li span a:before { position: absolute; content: "+"; font-family: "iconfont"; width: 30px; height: 30px; background: #e9e9e9; border-radius: 100%; color: #201f1d; text-align: center; line-height: 31px; font-size: 16px; top: 50%; right: 15px; margin-top: -15px; transition: all 0.5s; }
.pro_item li:hover span a:before { background: #44c8f5; color: #fff; }
.pro_item li:hover span a { }
.pro_item li>a:before, .pro_item li>a:after { position: absolute; transition: all .5s; }
.pro_item li>a:before { content: "+"; width: 60px; height: 60px; border-radius: 100%; font-family: 'iconfont'; font-size: 24px; color: #fff; text-align: center; line-height: 60px; background: #44c8f5; left: 50%; top: 50%; z-index: 9; opacity: 0; margin: -30px 0 0 -30px; -webkit-transform: scale(5); -moz-transform: scale(5); -ms-transform: scale(5); -o-transform: scale(5); transform: scale(5); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; }
.pro_item li:hover>a:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; }
.pro_item li>a:after { content: ""; background: rgba(0, 0, 0, 0.5); height: 100%; left: 0; top: 0; width: 100%; opacity: 0; }
.pro_item li>a { display: block; overflow: hidden; position: relative; }
.pro_item li:hover>a:after { opacity: 1; }
.pro_item li:nth-child(n+5) { margin-top: 16px; }
.page { margin: 0 auto; width: 1400px; }

/*实景*/
.fac { padding-bottom: 80px; padding-top: 30px; width: 1400px; margin: 0 auto; }
.ab_tc { display: flex; justify-content: space-between; align-items: center; }
.ab_num.on { display: block; }
.ab_num { display: none; }

.ab_nav { width: 100%; }
.ab_nav>ul { display: flex; }
.ab_nav li { width: 50%; }
.ab_nav>ul a { display: block; width: 100%; height: 52px; background: #44c8f5; color: #fff; text-align: center; line-height: 52px; font-size: 17px; }
.ab_nav>ul li+li { border-left: 1px solid #fff; }
.ab_nav>ul>li.on a { background: #00a9e3; }
.ab_cc ul { display: flex; }
.ab_cc { display: flex; transition: all .3s; }
.ab_ic { background: #fff; }
.ab_cc ul img { width: 100%; height: auto; }
.ab_cc ul li { flex-shrink: 0; width: 25%; padding: 0 0.13%; }
.ab_cc .new_web_div2021 { flex-shrink: 0; width: 100%; }
.ab_bi { overflow: hidden; margin-top: 28px; }
.ab_num span { display: inline-block; width: 30px; height: 30px; border-radius: 4px; text-align: center; background: #333; color: #fff; line-height: 30px; font-size: 14px; cursor: pointer; }
span.ab_prev { background: #333; }
span.ab_next { transform: rotate(180deg); margin-left: 5px; }
.ab_cc ul li>a { display: block; position: relative; overflow: hidden; border: 1px solid #eee; }
.ab_cc ul li>a:after, .ab_cc ul li>a:before { position: absolute; content: ""; background: rgba(0, 0, 0, 0.25); height: 100%; width: 100%; transition: all .5s; }
.ab_cc ul li>a:after { left: 0; top: -100%; }
.ab_cc ul li>a:before { left: 0; top: 100%; }
.ab_cc ul li>a:hover:after, .ab_cc ul li>a:hover:before { top: 0; }
.ab_cc ul li p a { display: block; font-size: 16px; text-align: center; margin-top: 15px; }
/*流程*/
.proc_bc { width: 100%; background: url(images/20230526195041_1442120617.jpg)no-repeat center; padding: 80px 0 0px 0px; position: relative; overflow: hidden; }
.proc_c { position: relative; z-index: 999; }
.proc_c ul { margin-top: 60px; display: flex; justify-content: space-between; }
.proc_c ul li { width: 16%; height: 327px; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all .5s; border: 1px solid #fdfdfd; background: #fff; border-top-left-radius: 60px; border-bottom-right-radius: 60px; }
.proc_c ul li i { display: block; width: 90px; height: 90px; border-radius: 100%; border: 1px solid #d2d2d2; display: flex; justify-content: center; align-items: center; position: relative; transition: all .5s; }
.proc_c ul li i b { width: 24px; height: 24px; display: block; padding: 5px; background: #fdfdfd; position: absolute; top: -11px; right: 25px; display: flex; justify-content: center; align-items: center; }
.proc_c ul li:nth-child(2) i b { top: 50%; margin-top: -14px; right: -12px; }
.proc_c ul li:nth-child(3) i b { top: 50%; margin-top: -3px; right: -12px; }
.proc_c ul li:nth-child(4) i b { top: 50%; margin-top: 14px; right: -6px; }
.proc_c ul li:nth-child(5) i b { top: 50%; margin-top: 14px; left: -6px; }
.proc_c ul li:nth-child(6) i b { top: 50%; margin-top: -3px; left: -12px; }
.proc_c ul li:nth-child(7) i b { top: -11px; left: 25px; }
.proc_c ul li i b span { display: block; width: 13px; height: 13px; border-radius: 100%; border: 2px solid #333; }
.proc_c ul li i>span { font-size: 38px; color: #8a8a8a; }
.proc_c ul li p { font-size: 20px; color: #333; margin: 27px 0 13px; transition: all .5s; }
.proc_c ul li div { font-size: 15px; color: #666; line-height: 24px; text-align: center; width: 70%; }
.proc_btn { width: 811px; height: 59px; display: flex; justify-content: center; align-items: center; margin: 0 auto; margin-top: 110px; background: #333; border-top-left-radius: 80px; border-bottom-right-radius: 80px; }
.proc_btn i { font-size: 24px; color: #fff; }
.proc_btn span { font-size: 36px; color: #fff; font-family: Arial; }
.proc_c ul li:hover i { transform: rotate(360deg); }
.proc_c ul li:hover i>span { color: #333; }
.proc_c ul li:hover p { color: #333; transform: rotateX(360deg); }
.proc_c ul li:hover { border-color: #333; transform: translateY(-10px); border-top-left-radius: 0px; border-bottom-right-radius: 0px; }

/*新闻*/
.news_bg { width: 100%; background: #fff; padding-bottom: 0px; padding-top:0px;background: url(../images/20230802113225_1509569961.jpg) no-repeat center top;}
.news { width: 1400px; margin: 0 auto; }
.news_t { text-align: left; float: left; width: 300px; padding: 70px 0 40px 0; }
.news_t dd:after { display: none; }
.news_t p { font-size: 36px; font-weight: normal; }
.news_t dd { font-size: 18px; color: #999; line-height: 30px; }
.news_a { width: 460px;
    margin: 0 auto;
    padding: 25px 0px;
    height: 60px; }
.news_a a {display: block;width: 152px;height: 46px;line-height: 44px;font-size: 18px;color: #333;float: left;box-sizing: border-box;text-align: center;margin-left: 0px;background: #ebebeb;}
.news_a a.on {background: #44c8f5;color: #fff;border: 1px #44c8f5 solid;}
.news_b { height: 570px !important; margin-top: 20px; width: 100% !important; }
.news_box { width: 100% !important; }
.news_box .news_div_item { width: 33.334%; height: 118px; float: left; position: relative; box-sizing: border-box; background: #fff; margin-left: 2%; margin-bottom: 16px; border: 1px solid #eee; }
.news_box .news_div_item:nth-child(1) { margin-left: 0; }
.news_box .news_div_item:nth-child(-n+2) { width: 31%; height: 520px; padding: 24px; }
.news_box .news_div_item:nth-child(-n+2) .news_div_item_pic img { width: 100%; height: 274px; box-sizing: border-box; }
.news_box .news_div_item:nth-child(-n+2) .news_div_item_pic { position: absolute; top: 24px; width: 89.362%; display: block; }
.news_box .news_div_item:nth-child(-n+2) .news_div_item_date { position: absolute; top: 348px; width: 83%; font-size: 12px; color: #999; }
.news_box .news_div_item:nth-child(-n+2) .news_div_item_content .news_div_item_title a:after { content: 'Read more →'; font-size: 12px; color: #222; line-height: 40px; position: absolute; bottom: -130px; width: 100%; left: 0; }
.news_div_item_year, .news_div_item_month, .news_div_item_day { display: inline-block; }
.news_box .news_div_item:nth-child(-n+2) .news_div_item_content { position: absolute; top: 310px; width: 89.362%; }
a.news_div_item_a { font-size: 18px !important; color: #333; line-height: 40px; position: relative; }
.news_div_item_body { font-size: 14px; color: #999; line-height: 26px; overflow : hidden; top:;
ext-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.news_box .news_div_item:nth-child(-n+2) .news_div_item_body { -webkit-line-clamp: 2; margin-top: 24px; }
.news_div_item_pic, .news_box .news_div_item:nth-child(n+3) .news_div_item_date { display: none; }
.news_box .news_div_item:nth-child(n+3) .news_div_item_content { /* width: 100%; */ padding: 26px 34px; }
.news_box .news_div_item:nth-child(n+3) a.news_div_item_a { line-height: 30px; }
.news_box .news_div_item:nth-child(n+3):after { content: ""; display: block; width: 0; height: 6px; background: #44c8f5; margin-bottom: -6px; transition: 0.3s all ease-in-out; }
.news_box .news_div_item:nth-child(n+3):hover::after { width: 100%; }
.bac { background: #222; background-size: 100% 100%; padding: 70px 0 0px 0; position: relative; z-index: 1; }
.bac1 { padding: 0!important; }
.bac_i { width: 95%; height: 100px; background: #fff; margin: 0 auto; top: 0px; position: relative; border-radius: 0px; box-shadow: 0px 0px 10px #ddd; }

/*合作客户*/
.partner .tempWrap { width: 1300px !important; padding: 0 10px; margin-left: -10px; }
.partner_d{ margin-top:2%}
.partner_d tr { display: block; padding: 10px 0!important; }
.partner_d td { width: 19%; height: auto; display: block; float: left; margin-right: 1%; padding-left: 0px !important;  position: relative; overflow: hidden; }
.partner_d td div { width: 100%; height: 100%; position: absolute; top: 0px; left: -100%; padding-top: 0 !important; line-height: 150px; background: rgba(0,0,0,0.5); transition: 0.3s all ease; }
.partner_d td div a { font-size: 15px; color: #fff; width: 100%; height: 100%; display: block; }
.partner_d td:hover div { left: 0px; }
.partner_d td img { width: 100%; height: 100%; }
.partner_btn { width: 31px; height: 40px; background: url(images/20230616153707_1198719750.png)no-repeat center; position: absolute; top: -80px; }
.partner .btnl { left: -76px; }
.partner .btnr { right: -76px; transform: rotate(180deg); }
.partner_b { position: relative; }


 @-webkit-keyframes spin {  from {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 50% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {  from {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 50% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {  10% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 20% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 30% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 40% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 50% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 60% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 70% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 80% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 90% {
 -webkit-transform: translateX(1px) rotate(0);
 transform: translateX(1px) rotate(0);
}
 100% {
 -webkit-transform: translateX(-1px) rotate(0);
 transform: translateX(-1px) rotate(0);
}
}
@keyframes hvr-buzz-out {  10% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 20% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 30% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 40% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 50% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 60% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 70% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 80% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 90% {
 -webkit-transform: translateX(1px) rotate(0);
 transform: translateX(1px) rotate(0);
}
 100% {
 -webkit-transform: translateX(-1px) rotate(0);
 transform: translateX(-1px) rotate(0);
}
}


::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-thumb {
    background-color: rgba(50,50,50,.25);
    border: 2px solid rgba(0,0,0,0);
    border-radius: 10px;
    background-clip: padding-box
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(50,50,50,.5)
}

::-webkit-scrollbar-track {
    background-color: rgba(50,50,50,.05)
}

::-ms-clear,::-ms-reveal {
    display: none
}