@charset "UTF-8";
@import url(./main.css);
@import url(./commer.css);
@import url(./mbnav.css);
@import url(./zxf_page.css);
.banner { width: 100%; aspect-ratio: 1920 / 1080; position: relative; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; }

.banner .banner-box { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.banner .w-1600 { overflow: hidden; }

.banner .banner-name { width: auto; font-size: 78px; font-weight: bold; color: #ffffff; padding-left: 90px; box-sizing: border-box; transform: translateY(380px); transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; }

.banner .banner-name.ua { transform: translateY(0); }

.banner .banner-text { width: auto; height: 80px; font-size: 32px; color: #ffffff; line-height: 80px; padding-left: 90px; box-sizing: border-box; transform: translateY(360px); transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; }

.banner .banner-text.ua { transform: translateY(0); }

.banner .banner-line { width: 630px; height: 1px; background: #ffffff; margin-top: 10px; margin-left: 90px; transform: translateY(340px); transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; }

.banner .banner-line.ua { transform: translateY(0); }

.banner .banner-ul { width: 630px; height: 80px; display: flex; justify-content: space-between; margin-top: 25px; margin-left: 90px; }

.banner .banner-ul .banner-li { width: auto; min-width: 150px; height: 80px; border-right: 1px solid #ffffff; box-sizing: border-box; padding-right: 50px; overflow: hidden; transform: translateY(320px); transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; }

.banner .banner-li:nth-of-type(n+2) { margin-left: 50px; transform: translateY(320px); transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; }

.banner .banner-li:last-child { padding-left: 0; border-right: 0; transform: translateY(320px); transition: transform 2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; }

.banner .banner-li.ua { transform: translateY(0); }

.banner .banner-li .banner-top { width: auto; height: 35px; font-size: 32px; color: #ffffff; line-height: 35px; }

.banner .banner-li .banner-span { width: auto; height: 28px; margin-top: 16px; font-size: 24px; line-height: 28px; color: #ffffff; }

.banner1 { width: 100%; aspect-ratio: 1920 / 450; overflow: hidden; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; }

.title-head { width: 500px; height: 70px; margin: 50px auto 0; position: relative; background-repeat: no-repeat; background-position: center; background-size: contain; }

.title-wrap { width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }

.title-span { width: 100%; height: 70px; font-size: 35px; color: #333333; text-align: center; line-height: 70px; }

.title-span span { color: #0094fe; }

.title-en { line-height: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; color: #e1e1e1; font-size: 86px; font-weight: bold; }

.title-line { /*width: 34px;*/ height: 4px; background: #0094fe; position: absolute; top: 70px; left: 220px; }

.mo-img { display: none; }

/* 首页 start */
.index .about { width: 100%; display: flex; justify-content: space-between; }

.index .about-le { width: 36%; overflow: hidden; position: relative; }

.index .about-boxs { flex: 1; }

.index .about-uls { width: 100%; height: 100%; background: url(../images/project.png) no-repeat center bottom/100%; display: flex; justify-content: space-between; }

.index .about-lis { width: 33.33%; cursor: pointer; display: flex; flex-direction: column; }

.index .about-lis:hover .about-bottom { background: #242221; color: #ffffff; }

.index .about-lis.active .about-bottom { background: #242221; color: #ffffff; }

.index .about-lis.active .about-ul { opacity: 1; }

.index .about-text { width: 60%; height: auto; font-size: 24px; color: #333333; line-height: 40px; margin: 5% auto 0; text-wrap: nowrap; }

.index .about-colour { width: 100%; height: 33%; position: absolute; bottom: 0; left: 0; background: #f7c600; }

.index .about-img { width: 100%; position: relative; }

.index .about-img img { width: 100%; }

.index .about-box { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 6%; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; }

.index .about-box .about-p { width: auto; height: 28px; font-size: 18px; font-weight: bold; color: rgba(255, 255, 255, 0.4); line-height: 28px; }

.index .about-box .about-t { width: auto; height: 40px; font-size: 30px; font-weight: bold; color: #ffffff; line-height: 40px; }

.index .about-bottom { flex: 1; width: 100%; padding: 8%; box-sizing: border-box; color: #333333; transition: all 1s ease-out; display: flex; flex-direction: column; justify-content: space-between; }

.index .about-bottom .about-con { flex: 1; width: 100%; height: auto; font-size: 16px; line-height: 2; text-align: justify; margin-bottom: 20px; }

.index .about-bottom .about-ul { width: 100%; height: auto; overflow: hidden; opacity: 0; }

.index .about-bottom .about-li { width: 50%; font-size: 15px; line-height: 2.6; float: left; text-wrap: nowrap; }

.index .case { width: 100%; background: #f4f4f4; overflow: hidden; }

.index .case-head { height: 130px; overflow: hidden; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; }

.index .case-head .case-le { width: 230px; height: 70px; position: relative; }

.index .case-head .case-ri { width: 182px; height: 40px; border: 1px solid #cccccc; border-radius: 10px; font-size: 16px; color: #666666; text-align: center; line-height: 40px; cursor: pointer; transition: all 1s ease-out; }

.index .case-head .case-ri a { display: block; width: 100%; height: 100%; color: #666666; }

.index .case-head .case-ri:hover { background: #0094fe; border: none; }

.index .case-head .case-ri:hover a { color: #ffffff; }

.index .case-box { height: auto; overflow: hidden; margin: 0 auto; }

.index .case-ul { width: 100%; margin: 2% 0 8%; height: auto; overflow: hidden; display: flex; justify-content: space-between; }

.index .case-li { width: 32%; height: 100%; overflow: hidden; }

.index .case-li:nth-of-type(even) .case-con:nth-of-type(1) { aspect-ratio: 514 / 520; }

.index .case-li:nth-of-type(odd) .case-con:nth-of-type(2) { aspect-ratio: 514 / 520; }

.index .case-con { width: 100%; aspect-ratio: 512 / 346; overflow: hidden; cursor: pointer; position: relative; }

.index .case-con a { display: block; width: 100%; height: 100%; }

.index .case-con:last-child { margin-top: 30px; }

.index .case-con .case-img { transition: all 1s ease-out; }

.index .case-con:hover .case-img { transform: scale(1.1); }

.index .case-con:hover .case-on { opacity: 1; }

.index .case-con .case-on { width: 93%; background: #ffffff; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); overflow: hidden; padding: 6%; box-sizing: border-box; opacity: 0; transition: all 1s ease-out; }

.index .case-con .case-on .case-line { width: 18px; height: 3px; background: #0094fe; }

.index .case-con .case-on .case-name { width: 100%; font-size: 24px; color: #333333; margin: 2% 0; }

.index .case-con .case-on .case-text { width: 100%; font-size: 16px; color: #333333; }

.index .case-con .case-on .case-add { width: 9%; aspect-ratio: 1 / 1; }

.index .we { width: 100%; aspect-ratio: 1920/ 589; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; }

.index .we-banner { width: 63%; aspect-ratio: 1206 / 589; position: absolute; top: 0; right: 0; background: url(../images/we.png) no-repeat center center/100% 100%; }

.index .we-box { width: 100%; height: 92%; background: #0094fe; overflow: hidden; }

.index .we-box-wrap { width: 40%; }

.index .we-name { width: 400px; height: 90px; position: relative; }

.index .we-name .title-span { color: #fff; }

.index .we-name .title-en { color: rgba(225, 225, 225, 0.5); }

.index .we-text { height: auto; overflow: hidden; font-size: 16px; color: #ffffff; line-height: 30px; margin-top: 65px; text-align: justify; }

.index .we-btn { width: 182px; height: 40px; border: 1px solid #ffffff; border-radius: 10px; font-size: 16px; color: #ffffff; text-align: center; line-height: 40px; cursor: pointer; margin-top: 40px; }

.index .we-btn a { display: block; width: 100%; height: 100%; color: #ffffff; }

.index .news { width: 100%; overflow: hidden; }

.index .news .new-head { width: 100%; height: 70px; }

.index .news .new-head .new-le { width: 255px; height: 70px; position: relative; }

.index .news .new-head .new-ri { width: 182px; height: 40px; border: 1px solid #cccccc; border-radius: 10px; font-size: 16px; text-align: center; line-height: 40px; cursor: pointer; transition: all 1s ease-out; }

.index .news .new-head .new-ri a { display: block; width: 100%; height: 100%; color: #666666; }

.index .news .new-head .new-ri:hover { background: #0094fe; border: none; }

.index .news .new-head .new-ri:hover a { color: #ffffff; }

.index .news .new-box { width: 100%; height: auto; overflow: hidden; padding-top: 30px; padding-bottom: 30px; box-sizing: border-box; }

.index .news .new-con { width: 49.5%; padding: 1.5%; box-sizing: border-box; overflow: hidden; cursor: pointer; transition: box-shadow 1s; }

.index .news .new-con:hover { box-shadow: 0px 0px 10px #cccccc; }

.index .news .new-con:hover .new-content .new-add { display: block; }

.index .news .new-con:hover .new-content .new-name { color: #0094fe; }

.index .news .new-content { margin-top: 4%; }

.index .news .new-content .new-top { width: 100%; display: flex; justify-content: space-between; align-items: center; }

.index .news .new-content .new-top .new-name { flex: 1; font-size: 20px; color: #333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }

.index .news .new-content .new-top .new-time { width: auto; font-size: 14px; color: #999999; }

.index .news .new-content .new-text { width: 100%; height: auto; font-size: 14px; color: #666666; line-height: 30px; margin-top: 1%; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

.index .news .new-content .new-bottom { width: 100%; height: 28px; display: flex; justify-content: space-between; margin-top: 20px; }

.index .news .new-content .new-bottom .new-key { width: 90%; display: flex; }

.index .news .new-content .new-bottom .new-key .key-li { width: auto; height: 28px; border: 1px solid #cccccc; border-radius: 10px; box-sizing: border-box; font-size: 14px; color: #999999; line-height: 28px; padding: 0 10px; margin-right: 10px; }

.index .news .new-content .new-bottom .new-add { width: 23px; height: 11px; margin-top: 8px; display: none; }

.index .news .new-ul { width: 49.5%; }

.index .news .new-ul .new-li { width: 100%; overflow: hidden; padding: 4%; box-sizing: border-box; cursor: pointer; position: relative; transition: box-shadow 1s; }

.index .news .new-ul .new-li::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(34, 34, 34, 0); transform: scaleX(0); transform-origin: right; transition: background 1s, transform 0.8s cubic-bezier(0.9, 0.07, 0.45, 0.94); }

.index .news .new-ul .new-li:hover { box-shadow: 0px 0px 10px #cccccc; }

.index .news .new-ul .new-li:hover::before { transform: scaleX(1); background: rgba(34, 34, 34, 0.04); transform-origin: left; z-index: -1; }

.index .news .new-ul .new-li:hover .new-content .new-add { display: block; }

.index .news .new-ul .new-li:hover .new-content .new-name { color: #0094fe; }

.index .news .new-ul .new-content { margin-top: 0; }

.index .list { width: 100%; height: 220px; background: #f4f4f4; }

.index .list-ul { width: 100%; height: 100%; display: flex; justify-content: space-between; }

.index .list-li { height: 100%; display: flex; align-items: center; justify-content: center; }

.index .list-box { position: relative; cursor: pointer; display: flex; align-items: center; justify-content: center; }

.index .list-box:hover .list-img { opacity: 0; }

.index .list-box:hover .list-img1 { opacity: 1; }

.index .list-img { transition: all 1s ease-out; }

.index .list-img1 { position: absolute; opacity: 0; transition: all 1s ease-out; }

/* 首页 end */
/* 关于我们 start */
.about .about-wrap { width: 100%; aspect-ratio: 1920 / 789; background: url(../images/abouts.png) no-repeat center center/100% 100%; }

.about .about-wrap .w-1600 { overflow: hidden; }

.about .about-box { height: 100%; overflow: hidden; }

.about .about-box-wrap { width: 55%; }

.about .about-box .about-title { width: 100%; font-size: 24px; color: #ffffff; }

.about .about-box .about-line { width: 42px; height: 2px; background: #ffffff; margin-top: 20px; }

.about .about-box .about-con { width: 100%; height: auto; overflow: hidden; margin-top: 50px; }

.about .about-box .about-text { width: 100%; height: auto; overflow: hidden; font-size: 16px; color: #ffffff; line-height: 1.7; text-align: justify; }

.about .list { width: 100%; aspect-ratio: 1920 / 605; background: url(../images/list.jpg) no-repeat center; overflow: hidden; }

.about .list .list-ul { width: 89.5%; aspect-ratio: 1712 / 502; display: flex; }

.about .list .list-li { width: 33.33%; aspect-ratio: 570 / 502; position: relative; cursor: pointer; }

.about .list .list-li > img { width: 100%; height: 100%; }

.about .list .list-li .list-box { width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all 1s ease-out; display: flex; align-items: center; justify-content: center; }

.about .list .list-li:nth-of-type(1) .list-box img { aspect-ratio: 213 / 150; }

.about .list .list-li:nth-of-type(2) .list-box img { aspect-ratio: 201 / 150; }

.about .list .list-li:nth-of-type(3) .list-box img { aspect-ratio: 321 / 150; }

.about .list .list-li:hover .list-box { background: rgba(5, 110, 187, 0.4); }

/* 关于我们 end */
/* 服务项目 start */
.service { width: 100%; }

.service .banner1 { background-image: url("../images/banner_fuwu.jpg"); }

.service .ser-box { width: 100%; height: auto; overflow: hidden; margin: 60px 0; }

.service .ser-ul { width: 100%; height: auto; overflow: hidden; display: flex; }

.service .ser-ul .ser-li { aspect-ratio: 320 / 340; position: relative; cursor: pointer; }

.service .ser-ul .ser-con { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; transition: all 1s ease-out; padding: 12px 10px; box-sizing: border-box; }

.service .ser-con .con-box { width: 100%; height: 100%; overflow: hidden; transition: all 1s ease-out; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.service .ser-con .ser-name { width: auto; max-width: 120px; min-width: 94px; height: 40px; font-size: 16px; color: #ffffff; line-height: 40px; box-sizing: border-box; overflow: hidden; text-align: center; transition: border 1s, transform 0.4s ease-out; }

.service .ser-con .ser-text { width: 100%; height: 36px; font-size: 16px; color: #ffffff; line-height: 36px; text-align: center; margin-top: 30px; }

.service .ser-li:hover .ser-con { background: #0385e1; }

.service .ser-li:hover .con-box { border: 1px solid #ffffff; }

.service .ser-li:hover .con-box .ser-name { border: 1px solid #ffffff; }

.service .content { width: 100%; overflow: hidden; background: #f4f4f4; }

.service .content .con-item { width: 100%; display: flex; align-items: center; }

.service .content .con-item .con-img { width: 58.5%; aspect-ratio: 1124 / 658; }

.service .content .con-item:nth-of-type(2) .con-img { width: 41.5%; aspect-ratio: 792 / 657; }

.service .content .con-item .con-box { flex: 1; overflow: hidden; padding: 0 40px; box-sizing: border-box; }

.service .content .con-item .con-box .con-name { width: 100%; height: 44px; font-size: 32px; font-weight: bold; color: #333333; line-height: 44px; }

.service .content .con-item .con-box .con-line { width: 42px; height: 2px; background: #333333; margin-top: 30px; }

.service .content .con-item .con-box .con-text { width: 100%; height: auto; overflow: hidden; font-size: 16px; color: #333333; line-height: 2.5; margin-top: 40px; }

.service .content .con-ul { width: 100%; display: flex; }

.service .content .con-ul .con-li { width: calc(100% / 2); aspect-ratio: 960 / 699; padding-left: 160px; box-sizing: border-box; overflow: hidden; }

.service .content .con-ul .con-li:last-child { padding-left: 130px; }

.service .content .con-ul .con-li .con-boxs { width: 100%; overflow: hidden; }

.service .content .con-ul .con-li .con-name { width: 100%; height: 64px; font-size: 32px; font-weight: bold; color: #ffffff; line-height: 64px; }

.service .content .con-ul .con-li .con-line { width: 47px; height: 2px; background: #ffffff; margin-top: 22px; }

.service .content .con-ul .con-li .con-text { width: 100%; height: auto; overflow: hidden; font-size: 16px; color: #ffffff; line-height: 50px; margin-top: 60px; }

.service .cedao { width: 100%; aspect-ratio: 1876 / 978; margin-top: 70px; background: url("../images/content.jpg") center center/100% 100%; overflow: hidden; }

.service .cedao .ce-box { width: 100%; height: 100%; box-sizing: border-box; }

.service .cedao .ce-box-wrap { width: 47%; }

.service .cedao .ce-box .ce-name { width: 100%; font-size: 32px; color: #333333; font-weight: bold; }

.service .cedao .ce-box .ce-line { width: 44px; height: 2px; background: #333333; margin-top: 30px; }

.service .cedao .ce-box .ce-text { width: 100%; height: auto; overflow: hidden; font-size: 16px; color: #333333; line-height: 50px; margin-top: 60px; }

/* 服务项目 end */
/* 客户案例 start */
.customer-case .list { width: 100%; height: auto; overflow: hidden; }

.customer-case .list-box { margin: 0 -20px; }

.customer-case .list-ul { width: 100%; height: auto; overflow: hidden; }

.customer-case .list-li { cursor: pointer; padding: 20px; }

.customer-case .list-li a { border-radius: 10px; display: block; width: 100%; height: 100%; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; }

.customer-case .list-li:hover .list-img img { transform: scale(1.1); }

.customer-case .list-img { border-radius: 10px 10px 0 0; width: 100%; aspect-ratio: 505 / 395; overflow: hidden; object-fit: contain; }

.customer-case .list-img img { width: 100%; transition: all 1s ease-out; }

.customer-case .list-con { padding: 14px; width: 100%; height: auto; overflow: hidden; }

.customer-case .list-con .list-name { width: 100%; font-size: 18px; color: #333333; }

.customer-case .list-con .list-text { width: 100%; margin-top: 6px; font-size: 14px; color: #666666; }

.customer-case .page { width: 100%; height: 42px; margin: 30px 0 60px; }

.customer-case .page .zxf_pagediv { width: 100%; height: 100%; }

.detail .banner2 { width: 100%; aspect-ratio: 1920 / 450; overflow: hidden; position: relative; }

.detail .banner-name { width: 100%; height: 60px; font-size: 35px; /*font-weight: bold;*/ color: #ffffff; line-height: 60px; transform: translateY(380px); transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; }

.detail .banner-name.ua { transform: translateY(0); }

.detail .banner-text { width: 100%; height: 40px; font-size: 18px; color: #ffffff; line-height: 40px; margin-top: 10px; transform: translateY(360px); transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; }

.detail .banner-text.ua { transform: translateY(0); }

.detail .banner-span { width: 100%; height: 26px; font-size: 16px; color: #ffffff; line-height: 26px; transform: translateY(380px); transition: transform 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; margin-top: 35px; }

.detail .banner-span.ua { transform: translateY(0); }

.detail .banner-p { width: 100%; height: 26px; font-size: 16px; color: #ffffff; line-height: 26px; transform: translateY(400px); transition: transform 1.8s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; }

.detail .banner-p.ua { transform: translateY(0); }

.detail .content-wrap { margin-bottom: 30px; }

.detail .content-wrap img { width: auto; max-width: 100%; margin: 30px auto 0; }

.news-detail .con-head { width: 100%; border-bottom: 1px solid #eeeeee; margin-top: 36px; box-sizing: border-box; }

.news-detail .con-name { width: 100%; height: auto; overflow: hidden; font-size: 24px; color: #333333; line-height: 34px; }

.news-detail .con-text { width: 100%; height: 38px; display: flex; font-size: 14px; color: #666666; line-height: 38px; }

.news-detail .con-num { width: auto; height: 38px; display: flex; margin-left: 20px; }

.news-detail .con-num .num { margin-left: 10px; }

.news-detail .con-num .num-img { width: 16px; height: 10px; }

.news-detail .con-box { width: 100%; height: auto; overflow: hidden; padding-top: 15px; box-sizing: border-box; }

.news-detail .con-box p { width: 100%; overflow: hidden; font-size: 16px; line-height: 1.7; color: #666; }

.news-detail .con-box img { width: auto; max-width: 100%; margin: 10px auto 0; display: block; }

.news-detail .con-last { width: 100%; height: 80px; margin-top: 28px; margin-bottom: 40px; }

.news-detail .con-last .con-li { width: 100%; height: 35px; font-size: 16px; }

.news-detail .con-li:last-child { margin-top: 10px; }

.news-detail .con-li a { display: block; width: 100%; height: 100%; color: #333333; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.news-detail .con-li:hover a { color: #27acff; }

/* 客户案例 end */
.news-page .new-con { display: flex; justify-content: flex-end; margin: 30px 0; }

.news-page .new-con .new-item { margin-left: 20px; padding: 10px 55px; border: 1px solid #eeeeee; border-radius: 5px; font-size: 16px; color: #999999; text-align: center; cursor: pointer; transition: all 1s ease-out; }

.news-page .new-con .new-item:hover { background: #0094fe; color: #ffffff; }

.news-page .new-con .new-item.active { background: #0094fe; color: #ffffff; }

.news-page .new-box { margin: 0 -10px; }

.news-page .new-ul { width: 100%; height: auto; box-sizing: border-box; }

.news-page .new-li { overflow: hidden; padding: 10px; box-sizing: border-box; cursor: pointer; }

.news-page .new-li a { transition: box-shadow 1s; padding: 20px; box-sizing: border-box; display: flex; flex-direction: column; width: 100%; height: 100%; }

.news-page .new-li a:hover { box-shadow: 0px 0px 10px #cccccc; }

.news-page .new-li a:hover .new-add { display: block; }

.news-page .new-li a:hover .new-name { color: #0094fe; }

.news-page .new-li .new-img { width: 100%; aspect-ratio: 474 / 259; object-fit: cover; }

.news-page .new-li .new-img img { width: 100%; height: 100%; }

.news-page .new-content { padding: 10px 0; box-sizing: border-box; flex: 1; display: flex; flex-direction: column; }

.news-page .new-content .new-top { width: 100%; }

.news-page .new-content .new-top .new-name { width: 85%; font-size: 18px; color: #333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }

.news-page .new-content .new-top .num-img { width: 16px; height: 10px; margin-right: 6px; }

.news-page .new-content .new-top .new-num { width: auto; font-size: 14px; color: #999999; display: flex; }

.news-page .new-content .new-text { flex: 1; width: 100%; font-size: 14px; color: #666666; line-height: 1.7; margin-top: 15px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

.news-page .new-content .new-bottom { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }

.news-page .new-content .new-bottom .new-key { width: 100%; display: flex; }

.news-page .new-content .new-bottom .new-key .key-li { width: auto; height: 28px; border: 1px solid #cccccc; border-radius: 10px; box-sizing: border-box; font-size: 14px; color: #999999; line-height: 28px; padding: 0 10px; margin-right: 10px; }

.news-page .new-content .new-bottom .new-add { width: 23px; height: 11px; display: none; }

/* 联系我们 start */
.contact .banner1 { background-image: url("../images/banner_contact.jpg"); }

.contact .con-box { width: 100%; margin: 70px 0; background: linear-gradient(to right, #f9f9f9 0%, #f9f9f9 42%, #1c1a1b 42%, #1c1a1b 100%); }

.contact .con-box .con-le { width: 41%; overflow: hidden; padding-left: 7%; box-sizing: border-box; }

.contact .con-box .con-le .con-ul { height: auto; overflow: hidden; margin-top: 50px; }

.contact .con-box .con-le .con-ul .con-li { width: 100%; height: auto; overflow: hidden; }

.contact .con-box .con-le .con-ul .con-li:nth-of-type(n+2) { margin-top: 30px; }

.contact .con-box .con-le .con-ul .con-li .con-name { width: 100%; height: 28px; font-size: 16px; font-weight: bold; color: #333333; line-height: 28px; }

.contact .con-box .con-le .con-ul .con-li .con-text { width: 100%; height: 25px; font-size: 14px; color: #666666; line-height: 25px; }

.contact .con-box .con-le .con-code { height: 134px; margin-top: 35px; display: flex; }

.contact .con-box .con-le .con-code .code-li { width: auto; height: 134px; overflow: hidden; }

.contact .con-box .con-le .con-code .code-li:first-child { margin-right: 58px; }

.contact .con-box .con-le .con-code .code-li .code-img { width: 107px; height: 104px; margin: 0 auto; }

.contact .con-box .con-le .con-code .code-li .code-text { width: 100%; height: 26px; font-size: 14px; color: #333333; text-align: center; line-height: 26px; margin-top: 4px; }

.contact .con-box .con-ri { flex: 1; overflow: hidden; padding-left: 50px; padding-top: 50px; padding-bottom: 50px; box-sizing: border-box; }

.contact .con-box .con-ri .con-item { border-bottom: 1px solid #919090; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; }

.contact .con-box .con-ri .con-item .con-p { width: auto; font-size: 14px; color: rgba(255, 255, 255, 0.6); }

.contact .con-box .con-ri .con-item .con-input { width: 240px; height: 44px; }

.contact .con-box .con-ri .con-item .con-input input { display: block; width: 100%; height: 100%; border: none; background: none; color: rgba(255, 255, 255, 0.6); }

.contact .con-box .con-ri .con-textarea { width: 100%; height: 124px; display: flex; margin-top: 30px; float: left; border-bottom: 1px solid #919090; }

.contact .con-box .con-ri .con-textarea .con-p { width: auto; font-size: 14px; color: rgba(255, 255, 255, 0.6); white-space: nowrap; }

.contact .con-box .con-ri .con-textarea .con-input { height: 124px; padding: 0 16px; box-sizing: border-box; }

.contact .con-box .con-ri .con-textarea .con-input textarea { display: block; width: 100%; height: 100%; border: none; background: none; color: rgba(255, 255, 255, 0.6); resize: none; }

.contact .con-box .con-ri .con-btn { width: 300px; height: 44px; background: #2b2b2b; font-size: 14px; color: rgba(255, 255, 255, 0.6); float: left; margin-top: 40px; text-align: center; line-height: 44px; cursor: pointer; }

/* 联系我们 end */
@media only screen and (max-width: 1680px) { .detail .banner1 { aspect-ratio: 1920 / 650; }
  .index .news .new-ul .new-li { padding: 3%; }
  .index .news .new-content .new-text { line-height: 26px; }
  .service .ser-con .ser-text { margin-top: 20px; } }

@media only screen and (max-width: 1440px) { .detail .banner1 { aspect-ratio: 1920 / 750; }
  .index .we { aspect-ratio: auto; }
  .index .we-box { padding: 20px 0; }
  .index .news .new-ul .new-li { padding: 3%; }
  .index .news .new-content .new-text { line-height: 22px; }
  .service .cedao .ce-box .ce-text { margin-top: 40px; line-height: 50px; }
  .about .about-box .about-con { margin-top: 15px; } }

@media only screen and (max-width: 1280px) { .banner .banner-name { font-size: 48px; }
  .banner .banner-text { font-size: 26px; }
  .banner .banner-line { width: 580px; }
  .banner .banner-ul { width: 580px; }
  .banner .banner-li .banner-top { font-size: 18px; }
  .banner .banner-li .banner-span { margin-top: 6px; font-size: 18px; }
  .index .about { flex-direction: column; margin-top: 0;}
  .index .about-le { width: 100%; }
  .index .about-le .about-text { opacity: 0; margin: 8% auto 0;}
  .index .case-con .case-on { padding: 5%; }
  .index .case-con .case-on .case-name { font-size: 18px; }
  .index .case-con .case-on .case-text { font-size: 14px; }
  .index .list-box { width: 80%; }
  .index .we-banner { display: none; }
  .index .we-box { height: 100%; }
  .index .we-box-wrap { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; }
  .about .about-box-wrap { width: 60%; }
  .about .about-box .about-line { margin-top: 10px; }
  .about .about-box .about-con { margin-top: 10px; margin-bottom: 20px; }
  .about .about-box .about-line { display: none; }
  .about .about-box .about-text { font-size: 15px; line-height: 1.5; }
  .service .ser-con .ser-text { margin-top: 20px; font-size: 14px; line-height: 22px; }
  .service .content .con-ul .con-li { padding-left: 80px; }
  .service .content .con-ul .con-li:last-child { padding-left: 80px; }
  .service .content .con-ul .con-li .con-name { font-size: 28px; height: 50px; line-height: 50px; }
  .service .content .con-ul .con-li .con-text { margin-top: 30px; line-height: 40px; }
  .service .content .con-item .con-box .con-text { margin-top: 10px; line-height: 2; }
  .service .content .con-item .con-box .con-line { margin-top: 20px; }
  .service .cedao .ce-box .ce-text { margin-top: 30px; line-height: 40px; } }

@media only screen and (max-width: 1024px) { .banner { margin-top: 60px; }
  .banner1 { margin-top: 60px; }
  .mo-img { display: block; width: 100%; }
  .web-img { display: none; }
  .index .news .new-box .w-1600 { flex-direction: column; }
  .index .news .new-con { width: 100%; padding: 3%; position: relative; }
  .index .news .new-con a { flex-direction: row; }
  .index .news .new-con::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(34, 34, 34, 0); transform: scaleX(0); transform-origin: right; transition: background 1s, transform 0.8s cubic-bezier(0.9, 0.07, 0.45, 0.94); }
  .index .news .new-con:hover::before { transform: scaleX(1); background: rgba(34, 34, 34, 0.04); transform-origin: left; }
  .index .news .new-img { flex: 1; aspect-ratio: 240 / 125; }
  .index .news .new-img img { width: 100%; height: 100%; object-fit: cover; }
  .index .news .new-content { padding-left: 20px; width: 70%; margin-top: 0; }
  .index .news .new-ul { width: 100%; }
  .index .news .new-ul a { flex-direction: row; }
  .index .we-text { margin-top: 30px; }
  .about .about-wrap { aspect-ratio: auto; background: none; }
  .about .about-box-wrap { width: 100%; }
  .about .about-box .about-title { color: #333; }
  .about .about-box .about-text { font-size: 16px; line-height: 1.7; color: #333; }
  .about .list { aspect-ratio: auto; background: none; }
  .about .list .list-ul { border-radius: 20px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
  .about .list .list-li { border-radius: inherit; width: 48.5%; margin-bottom: 3%; }
  .about .list .list-li > img { border-radius: inherit; object-fit: cover; }
  .about .list .list-li:last-child { width: 100%; height: 300px; }
  .about .list .list-li .list-box { aspect-ratio: 323 / 282; }
  .about .list .list-li .list-box .text { color: #fff; line-height: 2; text-align: center; }
  .about .list .list-li .list-box .text:first-child { font-size: 18px; }
  .service .ser-con .ser-text { margin-top: 10px; line-height: 18px; font-size: 14px; }
  .service .ser-box { margin: 30px 0; }
  .service .ser-ul { width: 100%; flex-wrap: wrap; justify-content: space-between; }
  .service .ser-ul .ser-li { width: 48.5%; border-radius: 20px; margin-bottom: 3%; }
  .service .ser-ul .ser-li:last-child { width: 100%; aspect-ratio: 743 / 244; }
  .service .ser-ul .ser-li:hover .ser-con { background: none; }
  .service .ser-ul .ser-li:hover .con-box { border: none; }
  .service .ser-ul .ser-li:hover .ser-name { border: none; }
  .service .ser-ul .ser-con { border-radius: 20px; }
  .service .ser-ul .ser-img img { width: 100%; border-radius: 20px; }
  .service .content { background-color: transparent; }
  .service .content .con-item { background: none !important; flex-direction: column; }
  .service .content .con-item:nth-of-type(2) { flex-direction: column-reverse; }
  .service .content .con-item:nth-of-type(2) .con-img { width: 92%; aspect-ratio: auto; }
  .service .content .con-item .con-img { width: 92%; aspect-ratio: auto; }
  .service .content .con-item .con-box { padding: 20px 0; width: 92%; }
  .service .content .con-item .con-box .con-name { font-size: 26px; }
  .service .content .con-item .con-box .con-line { width: 30px; margin-top: 10px; }
  .service .content .con-item .con-box .con-text { line-height: 1.7; font-size: 14px; }
  .service .content .con-ul { flex-direction: column; }
  .service .content .con-ul .con-li { width: 100%; padding-left: 0; justify-content: center; aspect-ratio: 743 / 349; }
  .service .content .con-ul .con-li:nth-of-type(1) { background: url("../images/service_8.png") no-repeat center center/100% 100% !important; }
  .service .content .con-ul .con-li:nth-of-type(2) { background: url("../images/service_9.jpg") no-repeat center center/100% 100% !important; }
  .service .content .con-ul .con-li:last-child { padding-left: 0; }
  .service .content .con-ul .con-li .con-boxs { width: 92%; }
  .service .cedao { aspect-ratio: auto; background: none; display: flex; align-items: center; justify-content: center; margin: 20px auto; width: 92%; }
  .service .cedao .ce-box .ce-img { width: 100%; }
  .service .cedao .ce-box-wrap { width: 100%; margin: 20px 0 0; }
  .service .cedao .ce-box .ce-name { font-size: 26px; }
  .service .cedao .ce-box .ce-line { width: 30px; margin-top: 10px; }
  .service .cedao .ce-box .ce-text { font-size: 14px; margin-top: 20px; line-height: 1.7; }
  .detail .banner1 { margin-top: 60px; aspect-ratio: 750 / 350; background-image: url("../images/banner3_m.jpg") !important; }
  .contact .con-box { background: none; margin: 30px 0; }
  .contact .con-box .con-le { width: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
  .contact .con-box .w-1600 { display: flex; flex-direction: column; }
  .contact .con-box .con-ri { padding: 50px; margin-top: 30px; background-color: #1c1a1b; } }

@media only screen and (max-width: 768px) { .banner { margin-top: 60px; aspect-ratio: 750 / 500; }
  .banner .banner-name { font-size: 28px; padding-left: 20px; }
  .banner .banner-text { font-size: 18px; height: 40px; line-height: 40px; padding-left: 20px; }
  .banner .banner-line { width: 380px; margin-left: 20px; }
  .banner .banner-ul { margin-top: 8px; margin-left: 20px; width: 380px; }
  .banner .banner-ul .banner-li { width: 33.33%; padding-right: 0; min-width: auto; height: 50px; }
  .banner .banner-ul .banner-li:nth-of-type(n+2) { margin-left: 40px; }
  .banner .banner-li .banner-top { font-size: 15px; height: 25px; line-height: 25px; }
  .banner .banner-li .banner-span { margin-top: 6px; font-size: 15px; }
  .banner1 { aspect-ratio: 750 / 500; }
  .title-head { margin: 30px auto 0; width: 300px; }
  .title-span { font-size: 20px; }
  .title-en { font-size: 44px; }
  .index .banner { background-image: url("../images/banner_m.jpg") !important; }
  .index .about .title-head { margin: 0 auto; }
  .index .about { margin-top: 20px; }
  .index .about-le { margin-bottom: 20px; }
  .index .about-le .about-text { display: none; }
  .index .about-colour { display: none; }
  .index .about-uls { flex-direction: column; width: 92%; margin: 0 auto; }
  .index .about-img img { border-radius: 10px 10px 0 0; }
  .index .about-lis { width: 100%; margin-bottom: 20px; }
  .index .about-bottom { color: #fff; background-color: #242221; }
  .index .about-bottom .about-ul { opacity: 1; }
  .index .case-head { height: 80px; justify-content: center; margin-top: 2%; }
  .index .case-head .case-ri { display: none; }
  .index .case-ul { flex-wrap: wrap; }
  .index .case-li { width: 48.5%; }
  .index .case-li:last-child { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; }
  .index .case-li:last-child .case-con { margin-top: 3%; width: 48.5%; }
  .index .case-con:last-child { margin-top: 6%; }
  .index .case-con .case-img { width: 100%; height: 100%; }
  .index .case-con .case-on { width: 100%; bottom: 0; background: rgba(0, 0, 0, 0.4); padding: 3%; }
  .index .case-con .case-on .case-line { display: none; }
  .index .case-con .case-on .case-name { font-size: 16px; color: #fff; margin: 0; }
  .index .case-con .case-on .case-text { font-size: 12px; color: #fff; }
  .index .case-con .case-on .case-add { display: none; }
  .index .we-text { margin-top: 10px; }
  .index .we-box { padding-bottom: 40px; }
  .index .news .new-head .w-1600 { justify-content: center; }
  .index .news .new-head .new-ri { display: none; }
  .index .news .new-box { padding-top: 10px; }
  .index .news .new-content .new-top .new-name { font-size: 18px; }
  .index .news .new-content .new-text { line-height: 18px; }
  .index .list { height: auto; padding: 30px 0; }
  .index .list-ul { flex-wrap: wrap; }
  .index .list-li { height: 100px; width: 48.5%; border: 1px solid #cccccc; margin-bottom: 3%; }
  .about .banner { background-image: url("../images/banner1_m.jpg") !important; }
  .about .list .list-li:last-child { height: 140px; }
  .about .list .list-li .list-box { padding: 0 20px; }
  .about .list .list-li .list-box .text { color: #fff; line-height: 2; text-align: center; font-size: 14px; }
  .detail .banner-name { height: auto; font-size: 26px; line-height: 1.7; }
  .detail .banner-text { height: auto; font-size: 14px; color: #ffffff; line-height: 1.7; margin-top: 0; }
  .detail .banner-span { height: auto; font-size: 14px; line-height: 1.7; margin-top: 5px; }
  .detail .banner-p { height: auto; font-size: 14px; line-height: 1.7; }
  .service .banner1 { background-image: url("../images/banner_fuwu_m.jpg"); }
  .service .content { background-color: transparent; }
  .service .content .con-item { background: none !important; flex-direction: column; }
  .service .content .con-item:nth-of-type(2) { flex-direction: column-reverse; }
  .service .content .con-item:nth-of-type(2) .con-img { width: 92%; aspect-ratio: auto; }
  .service .content .con-item .con-img { width: 92%; aspect-ratio: auto; }
  .service .content .con-item .con-box { padding: 20px 0; width: 92%; }
  .service .content .con-item .con-box .con-name { font-size: 26px; }
  .service .content .con-item .con-box .con-line { width: 30px; margin-top: 10px; }
  .service .content .con-item .con-box .con-text { line-height: 1.7; font-size: 14px; }
  .service .content .con-ul { flex-direction: column; }
  .service .content .con-ul .con-li { width: 100%; padding-left: 0; justify-content: center; }
  .service .content .con-ul .con-li:last-child { padding-left: 0; }
  .service .content .con-ul .con-li .con-boxs { width: 92%; }
  .service .content .con-ul .con-li .con-name { font-size: 16px; height: auto; line-height: 1; }
  .service .content .con-ul .con-li .con-line { display: none; }
  .service .content .con-ul .con-li .con-text { font-size: 14px; margin-top: 10px; line-height: 1.5; }
  .customer-case .banner1 { background-image: url("../images/banner_case_m.jpg") !important; }
  .news-detail .banner1 { background-image: url("../images/banner_news_m.jpg") !important; }
  .news-page .banner1 { background-image: url("../images/banner_news_m.jpg") !important; }
  .news-page .new-con { width: 100%; justify-content: space-between; margin: 10px 0; }
  .news-page .new-con .new-item { padding: 10px 15px; margin-left: 10px; }
  .news-page .new-con .new-item:first-child { margin-left: 0; }
  .contact .banner1 { background-image: url("../images/banner_contact_m.jpg") !important; }
  .contact .con-box { margin: 30px 0; background: none; }
  .contact .con-box .con-le { padding-left: 0; }
  .contact .con-box .con-le .con-ul { margin-top: 10px; }
  .contact .con-box .con-le .con-code { width: 100%; display: flex; justify-content: space-evenly; }
  .contact .con-box .con-ri { padding: 30px; margin-top: 20px; }
  .contact .con-box .con-ri .con-btn { width: 100%; }
  .zxf_pagediv .zxfPagenum { width: 30px; height: 30px; line-height: 30px; margin: 0 5px; }
  .zxf_pagediv .prebtn, .zxf_pagediv .nextbtn, .zxf_pagediv .disabled { width: 68px; height: 34px; line-height: 34px; } }

@media only screen and (max-width: 640px) { .banner .banner-name { font-size: 22px; }
  .banner .banner-text { font-size: 16px; height: auto; line-height: 1.5; }
  .banner .banner-line { width: 90%; }
  .banner .banner-ul { width: 90%; }
  .banner .banner-ul .banner-li:nth-of-type(1) { width: 27%; }
  .banner .banner-ul .banner-li:nth-of-type(1) .banner-top { text-align: left; }
  .banner .banner-ul .banner-li:nth-of-type(1) .banner-span { text-align: left; }
  .banner .banner-ul .banner-li:nth-of-type(n+2) { margin-left: 0px; }
  .banner .banner-li .banner-top { font-size: 14px; line-height: 1.5; height: auto; text-align: center; }
  .banner .banner-li .banner-span { text-align: center; height: auto; margin-top: 0px; font-size: 14px; }
  .banner1 { aspect-ratio: 750 / 500; }
  .index .news .new-content { padding-left: 2%; width: 60%; }
  .index .news .new-content .new-text { line-height: 16px; }
  .index .news .new-content .new-bottom { margin-top: 6px; } }

.come-in { transform: translateY(280px); animation: come-in 2s cubic-bezier(0, -0.01, 0, 0.99) forwards; }

.leave { transform: translateY(120px); animation: leave 2s cubic-bezier(0, -0.01, 0, 0.99) forwards; }

@keyframes come-in { to { transform: translateY(0);
    opacity: 1; } }

@keyframes leave { to { transform: translateY(-150);
    opacity: 0; } }

.loading, .error, .empty { width: 100%; text-align: center; font-size: 16px; color: #333; margin: 30px 0; }